:root{--bg:#f8faf6;--paper:#fff;--ink:#123e35;--muted:#61716a;--line:#dce4dc;--accent:#c5f470;--primary:#123e35;--soft:#eaf1e8;--hero:#edf3e9;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8c6dff;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(48px,5.7vw,82px);line-height:1.03;letter-spacing:-.065em;font-weight:700}h2{font-size:clamp(32px,3.5vw,48px);line-height:1.13;letter-spacing:-.05em;font-weight:650}h3{font-size:22px;line-height:1.25;letter-spacing:-.025em}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-100px;background:var(--ink);color:var(--bg);padding:12px;z-index:100}.skip:focus{top:0}.conceptbar{background:var(--ink);color:var(--bg);font-size:12px}.conceptbar>.wrap{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px}.conceptbar p{color:inherit;opacity:.65;font-size:11px}.switcher{display:flex;gap:5px}.switcher a{padding:5px 13px;border-radius:20px;white-space:nowrap}.switcher a.active{background:var(--accent);color:var(--primary)}header{border-bottom:1px solid var(--line);background:var(--bg)}.nav{display:flex;align-items:center;gap:30px;min-height:96px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto;font-weight:800;font-size:14px;line-height:1.18;letter-spacing:-.025em}.mark{width:43px;height:43px;background:var(--primary);border-radius:12px;display:grid;place-items:center;flex-shrink:0}.mark svg{width:32px;height:32px;color:var(--accent)}.brand small{font-size:9px;letter-spacing:.15em;font-weight:500;display:block;margin-top:5px}.navlinks{display:flex;gap:26px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--primary);color:white;border:1px solid transparent;padding:15px 22px;border-radius:9px;font-size:13px;font-weight:700;min-height:48px;line-height:1.3}.btn.lime{background:var(--accent);color:var(--primary)}.btn.outline{border-color:var(--line);background:transparent;color:var(--ink)}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.text{border:0;background:transparent;padding:12px 0;color:var(--ink);font-size:13px;font-weight:700}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:76px 0 66px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:800;margin-bottom:24px}.pill{display:inline-flex;align-items:center;gap:9px;font-size:11px;padding:7px 12px;border-radius:40px;background:var(--soft);border:1px solid var(--line);margin-bottom:26px}.dot{width:6px;height:6px;background:#e50914;border-radius:50%}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.hero p{font-size:16px;max-width:455px;margin:24px 0 28px;line-height:1.8}.actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.micro{font-size:11px;color:var(--muted);margin-top:15px}.visual{position:relative;background:var(--hero);border:1px solid var(--line);border-radius:26px;padding:34px 22px 28px;min-height:470px;display:flex;align-items:center;justify-content:center;isolation:isolate}.visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--muted) .7px,transparent .7px);background-size:18px 18px;opacity:.13;z-index:-1}.sitepreview{width:90%;background:#fff;color:#183930;border:1px solid #ced7cb;border-radius:12px;box-shadow:0 25px 50px #122d3520;overflow:hidden;transform:rotate(-3deg)}.browserline{display:flex;align-items:center;gap:4px;padding:11px 12px;background:#f9faf7;border-bottom:1px solid #e4e9e2;font:8px Arial;color:#718076}.browserline i{width:5px;height:5px;border-radius:100%;background:#cbd4c8}.browserline span{margin:auto}.mininav{font-size:8px;display:flex;justify-content:space-between;padding:18px}.mininav b{font-size:10px}.minibody{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:14px 18px 25px;gap:8px;background:#f3f5ec}.minibody h3{font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.06}.minibody p{font-size:8px;margin:9px 0;line-height:1.5;color:#667467}.minicta{font-size:7px;background:#254735;color:white;display:inline-block;padding:7px 11px;border-radius:4px}.plant{height:146px;background:#dae4cc;border-radius:80px 80px 9px 9px;position:relative;overflow:hidden}.plant:before,.plant:after{content:"";position:absolute;background:#506c3d;width:50px;height:90px;border-radius:0 100% 0 100%;transform:rotate(-25deg);left:20px;top:18px}.plant:after{background:#809e63;transform:rotate(65deg);left:50px;top:55px}.minifooter{padding:15px;display:flex;justify-content:space-between;font-size:7px;color:#75846f}.floatcard{position:absolute;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 35px #172f3220;border-radius:12px;padding:14px 18px;font-size:11px;z-index:2}.floatcard strong{display:block;font-size:16px;letter-spacing:-.02em;margin:3px 0}.floatcard span{color:var(--muted);font-size:10px}.floatcard.top{top:22px;left:14px}.floatcard.bottom{bottom:23px;right:15px}.successicon{display:inline-flex;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--primary);align-items:center;justify-content:center;margin-right:6px}.phone{position:absolute;bottom:45px;left:15px;width:106px;border:5px solid #193f35;background:white;border-radius:20px;color:#193f35;padding:20px 9px 15px;box-shadow:0 15px 30px #10251a30;transform:rotate(5deg)}.phone b{font:17px Georgia;display:block;line-height:1.05}.phone .plant{height:63px;margin:10px 0}.phone small{font-size:7px}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.5fr repeat(3,1fr);align-items:center;padding:24px 0;gap:25px}.proof p{font-size:12px;max-width:220px}.proof b{font-size:13px;display:flex;align-items:center;gap:10px}.proof b span{font-size:24px;font-weight:400}section.block{padding:86px 0}.sectionhead{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:35px}.sectionhead h2{max-width:560px}.sectionhead>p{max-width:330px;font-size:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.step .num{font:11px monospace;display:inline-flex;padding:7px 9px;border:1px solid var(--line);border-radius:6px;margin-bottom:45px}.step p{font-size:13px;margin-top:13px}.featureblock{background:var(--ink);color:var(--bg);border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:52px;margin-top:25px}.featureblock p{color:inherit;opacity:.7;font-size:14px;margin:18px 0}.featureblock ul{list-style:none;margin:25px 0 0;padding:0}.featureblock li{border-top:1px solid #ffffff25;padding:14px 0;font-size:13px}.featureblock li span{color:var(--accent);margin-right:12px}.poststack{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:center}.socialpost{border-radius:10px;padding:22px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:var(--accent);color:var(--primary)}.socialpost:nth-child(2){background:#dce8d4;transform:translateY(24px)}.socialpost:nth-child(3){background:#edf3e8;grid-column:span 2;aspect-ratio:2.2}.socialpost small{font-size:8px;letter-spacing:.12em;text-transform:uppercase}.socialpost b{font:27px Georgia;line-height:1.02;max-width:160px;z-index:1}.socialpost:nth-child(3) b{max-width:250px}.socialpost span{font-size:8px}.socialpost:after{content:"↗";position:absolute;right:12px;bottom:8px;font-size:100px;opacity:.12}.samplelabel{font-size:10px!important;margin-top:10px!important;opacity:.6}.plans{display:grid;grid-template-columns:1fr 1fr;gap:22px}.plan{border:1px solid var(--line);border-radius:var(--radius);padding:35px;background:var(--paper);position:relative}.plan.managed{background:var(--soft)}.plan .eyebrow{margin-bottom:14px}.plan p{font-size:14px;margin:15px 0;max-width:400px}.plan ul{padding:0;list-style:none;font-size:13px;margin:25px 0}.plan li{padding:9px 0;border-bottom:1px solid var(--line)}.plan li:before{content:"✓";margin-right:10px}.plan .btn{width:100%}.planNote{font-size:11px;text-align:center;margin-top:17px}.request{background:var(--hero);padding:50px;border:1px solid var(--line);border-radius:28px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.request p{margin:20px 0;font-size:14px}.offerNums{display:flex;gap:40px;margin-top:36px}.offerNums strong{font:48px Manrope;display:block;letter-spacing:-.05em}.offerNums span{font-size:11px}.form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form label{font-size:11px;font-weight:700;display:flex;flex-direction:column;gap:7px}.form input,.form select,.form textarea{width:100%;min-width:0;min-height:47px;padding:12px 13px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:7px;font-size:14px}.form textarea{resize:vertical;min-height:92px}.full{grid-column:1/-1}.form small{font-size:10px;color:var(--muted);font-weight:400}.form .consent{flex-direction:row;align-items:start;font-weight:400}.consent input{width:16px;min-height:16px;flex:0 0 16px;margin:2px 4px 0 0}.form .btn{width:100%}.faq{max-width:850px;margin:auto}.faq h2{margin-bottom:30px}.faq details{padding:22px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:25px}.faq summary:after{content:"+";font-size:20px;font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{font-size:13px;line-height:1.8;margin-top:14px;max-width:730px}.faq a{text-decoration:underline}footer{border-top:1px solid var(--line);padding:35px 0}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center}.foot p{font-size:11px}.foot a{font-size:12px}.endnote{font-size:10px;margin-top:23px;color:var(--muted)}dialog{width:min(530px,calc(100% - 32px));border:1px solid var(--line);border-radius:24px;padding:38px;background:var(--paper);color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#071d27b0;backdrop-filter:blur(7px)}dialog h2{font-size:32px}dialog p{font-size:14px;margin:18px 0}.close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:25px;color:var(--ink)}#briefSummary{font-size:13px;background:var(--soft);padding:18px;border-radius:10px;margin-bottom:20px;overflow-wrap:anywhere}#briefSummary p{margin:4px 0;font-size:12px}.closeAlt{display:block;margin:auto}.viewer{min-height:100dvh;background:#f4eeee;padding:24px;text-align:center;color:#171717}.viewer>p{font-size:12px;color:#706969;margin:9px}.viewer iframe{width:390px;max-width:100%;height:calc(100dvh - 110px);border:8px solid #171717;border-radius:32px;background:white;box-shadow:0 20px 60px #10242b25}.viewer>a{font-size:12px;text-decoration:underline}
/* Direction 02: an immersive creative platform, with a wide centered hero. */
body[data-design="2"]{--bg:#101121;--paper:#1a1b31;--ink:#f0effa;--muted:#a5a6bd;--line:#34354c;--accent:#b9a4ff;--primary:#292044;--soft:#252238;--hero:#191a31;--radius:14px}body[data-design="2"] .conceptbar{background:#080913;color:#efedfa}body[data-design="2"] .nav .btn,body[data-design="2"] .request .btn{background:var(--accent);color:#181526}body[data-design="2"] .brand .mark{background:#b9a4ff}body[data-design="2"] .mark svg{color:#201831}body[data-design="2"] .hero{grid-template-columns:1fr;gap:42px;text-align:center;padding-top:65px}body[data-design="2"] .hero .copy{max-width:850px;margin:auto}body[data-design="2"] .hero h1{font-size:clamp(48px,6.3vw,88px)}body[data-design="2"] .hero h1 em{font-family:Manrope,sans-serif;font-style:normal;color:#b9a4ff;font-weight:700}body[data-design="2"] .hero p{max-width:580px;margin:23px auto}body[data-design="2"] .actions{justify-content:center}body[data-design="2"] .visual{width:90%;margin:auto;min-height:370px;padding:35px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;text-align:left;background:radial-gradient(ellipse at 60% 80%,#4d367b80,transparent 70%),#17182a}body[data-design="2"] .sitepreview{transform:rotate(-2deg);width:100%}body[data-design="2"] .phone{display:none}body[data-design="2"] .floatcard.top{position:static;padding:25px;box-shadow:none;grid-column:2;grid-row:1;min-height:160px}body[data-design="2"] .floatcard.top strong{font-size:25px;margin:13px 0}body[data-design="2"] .floatcard.bottom{bottom:15px;right:45px}body[data-design="2"] .proof{grid-template-columns:1.2fr 1fr 1fr 1fr}body[data-design="2"] .featureblock{background:#232039;color:var(--ink)}body[data-design="2"] .socialpost{background:#b9a4ff;color:#211630}body[data-design="2"] .socialpost:nth-child(2){background:#e6defa}body[data-design="2"] .socialpost:nth-child(3){background:#baf1df}body[data-design="2"] .plan.managed{border-color:#b9a4ff}body[data-design="2"] .btn.lime{color:#211630}body[data-design="2"] .step .num{color:#b9a4ff}
/* Direction 03: approachable local-business fintech, editorial and blue. */
body[data-design="3"]{--bg:#faf9f7;--paper:#fffefe;--ink:#171717;--muted:#706969;--line:#e6dddd;--accent:#171717;--primary:#e50914;--soft:#fbeeee;--hero:#f5ecea;--radius:4px}body[data-design="3"] .conceptbar{background:#171717;color:white}body[data-design="3"] .brand .mark{border-radius:50%;background:#e50914}body[data-design="3"] .mark svg{color:white}body[data-design="3"] .hero{grid-template-columns:1fr 1fr;gap:70px;padding:80px 0}body[data-design="3"] h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em;font-size:clamp(48px,5.5vw,78px)}body[data-design="3"] h1 em{color:#e50914}body[data-design="3"] .visual{border:0;background:#f6e4e2;border-radius:150px 150px 10px 10px;min-height:480px}body[data-design="3"] .visual:before{display:none}body[data-design="3"] .sitepreview{transform:rotate(3deg);border-radius:6px}body[data-design="3"] .floatcard.top{left:-20px;top:45px;border-radius:5px}body[data-design="3"] .floatcard.bottom{right:-10px;border-radius:5px}body[data-design="3"] .phone{transform:rotate(-5deg);left:20px;border-color:#e50914}body[data-design="3"] .btn{border-radius:4px}body[data-design="3"] .btn.lime{background:#e50914;color:white}body[data-design="3"] .proof{background:#f5ecea;padding:28px;border:0}body[data-design="3"] .step{border:0;border-top:2px solid #e50914;padding-left:0;background:transparent;border-radius:0}body[data-design="3"] .step .num{border:0;font:36px Georgia;color:#e50914;padding:0;margin-bottom:35px}body[data-design="3"] .featureblock{border-radius:4px;background:#e50914;color:white}body[data-design="3"] .socialpost{background:#171717;color:#171717}body[data-design="3"] .socialpost:nth-child(2){background:#fbf8f5}body[data-design="3"] .socialpost:nth-child(3){background:#eed0cc}body[data-design="3"] .request{border-radius:5px;background:#f5ecea}body[data-design="3"] .request h2,body[data-design="3"] .sectionhead h2{font-family:Georgia;font-weight:400}body[data-design="3"] .pill{background:#f1e8e5;border:0}body[data-design="3"] .plan.managed{background:#fbeeee}body[data-design="3"] .plan .eyebrow{color:#e50914}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover{transform:none}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.navlinks{gap:15px}.nav{gap:20px}.hero{gap:30px}.visual{min-height:390px}.minibody h3{font-size:23px}.featureblock{gap:35px;padding:32px}.request{gap:35px;padding:32px}.proof{gap:15px}.proof b{font-size:11px}.proof b span{font-size:20px}.grid3{gap:12px}.step{padding:22px}.floatcard{padding:11px}.floatcard strong{font-size:13px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.conceptbar>.wrap{padding:8px 0;display:block}.conceptbar p{display:none}.switcher{justify-content:center}.switcher a{font-size:11px;padding:7px 13px;min-height:32px}.nav{min-height:84px;gap:12px;flex-wrap:wrap;padding:15px 0}.brand{font-size:11px;gap:8px}.brand small{font-size:7px}.mark{width:36px;height:36px;border-radius:10px}.mark svg{width:28px;height:28px}.nav>.btn{font-size:11px;padding:11px;min-height:42px}.navlinks{order:3;width:100%;justify-content:space-between;font-size:11px;gap:10px;padding:5px 0 0}.navlinks a{padding:5px 0}.hero,body[data-design="3"] .hero{display:flex;flex-direction:column;gap:35px;padding:42px 0 35px;text-align:left}h1{font-size:49px;letter-spacing:-.06em}.hero .copy{width:100%}.hero p{font-size:14px;line-height:1.7;margin:20px 0}.pill{font-size:10px;margin-bottom:22px}.hero .btn{font-size:12px}.actions{gap:18px}.actions .text{font-size:12px}.visual{width:100%;min-height:345px;padding:35px 16px;border-radius:18px}.sitepreview{width:93%}.minibody{padding:12px 14px 20px}.minibody h3{font-size:25px}.mininav{padding:13px;font-size:6px}.plant{height:126px}.browserline{font-size:7px}.phone{width:89px;left:7px;bottom:21px;border-width:4px}.phone b{font-size:14px}.phone .plant{height:50px}.floatcard.top{top:14px;left:8px}.floatcard.bottom{bottom:15px;right:8px}.floatcard{font-size:9px;padding:10px 13px}.floatcard strong{font-size:12px}.floatcard span{font-size:8px}.proof,body[data-design="2"] .proof{grid-template-columns:1fr 1fr;padding:22px 0;gap:20px}.proof p{font-size:11px}.proof b{font-size:11px}.proof b span{font-size:20px}section.block{padding:52px 0}.sectionhead{display:block;margin-bottom:25px}.sectionhead>p{margin-top:18px;font-size:13px}.eyebrow{font-size:9px;margin-bottom:18px}h2{font-size:34px}.grid3{grid-template-columns:1fr}.step{padding:25px}.step .num{margin-bottom:24px}.featureblock{display:flex;flex-direction:column;padding:28px 24px;gap:25px;margin-top:0;border-radius:18px}.poststack{gap:10px}.socialpost{padding:19px}.socialpost b{font-size:26px}.plans{grid-template-columns:1fr;gap:16px}.plan{padding:27px}.planNote{text-align:left;line-height:1.7}.request{display:flex;flex-direction:column;padding:26px 22px;gap:30px;border-radius:18px}.offerNums{margin-top:25px}.form{gap:15px 12px}.form input,.form select,.form textarea{font-size:16px;padding:11px;min-height:46px}.form label{font-size:11px}.form .emailfield{grid-column:1/-1}.faq summary{font-size:14px}.foot{align-items:start;flex-wrap:wrap}.foot p{max-width:220px}.endnote{line-height:1.7}body[data-design="2"] .hero{padding-top:42px;text-align:center;gap:30px}body[data-design="2"] .hero h1{font-size:49px}body[data-design="2"] .hero p{margin:20px 0}body[data-design="2"] .visual{width:100%;display:block;padding:30px 16px 65px;min-height:340px}body[data-design="2"] .floatcard.top{position:absolute;top:auto;bottom:17px;left:15px;min-height:0;padding:11px 15px}body[data-design="2"] .floatcard.top strong{font-size:13px;margin:0}body[data-design="2"] .floatcard.top>div,body[data-design="2"] .floatcard.top>span{display:none}body[data-design="2"] .floatcard.bottom{right:13px;bottom:16px}body[data-design="2"] .sitepreview{width:100%}body[data-design="3"] h1{font-size:53px}body[data-design="3"] .visual{min-height:365px;width:calc(100% - 10px);border-radius:100px 100px 8px 8px}body[data-design="3"] .floatcard.top{left:-5px;top:25px}body[data-design="3"] .floatcard.bottom{right:-5px}body[data-design="3"] .proof{padding:24px 18px}body[data-design="3"] .step{padding-top:20px}body[data-design="3"] .step .num{margin-bottom:15px}.viewer{padding:12px}.viewer iframe{height:calc(100dvh - 100px)}}

@media(max-width:650px){h1,body[data-design="2"] .hero h1{font-size:clamp(40px,12vw,49px)}body[data-design="3"] h1{font-size:clamp(42px,12vw,53px)}}
/* Complete sample businesses: automotive, fitness, and food. */
.sample-auto{--sample-bg:#f0f2f3;--sample-ink:#182128;--sample-accent:#db443c;--sample-muted:#59636b;--sample-panel:#e2e7eb}
.sample-fitness{--sample-bg:#181a24;--sample-ink:#f3f3f6;--sample-accent:#c3ff68;--sample-muted:#b2b6c6;--sample-panel:#252937}
.sample-food{--sample-bg:#faf8f2;--sample-ink:#171717;--sample-accent:#e50914;--sample-muted:#786868;--sample-panel:#f2e6e2}
.sitepreview[class*=sample-],.phone[class*=sample-]{background:var(--sample-bg);color:var(--sample-ink);border-color:var(--sample-ink)}
.sitepreview .browserline{background:var(--sample-panel);color:var(--sample-muted);border-color:var(--sample-panel)}
.sitepreview .mininav{padding:17px 15px;align-items:center;gap:12px}.mininav b{font-size:9px;letter-spacing:-.02em}.mininav>span{font-size:6px;white-space:nowrap}
.sitepreview .minibody{background:var(--sample-bg);grid-template-columns:1.1fr 1fr;padding:15px 15px 22px;gap:0}.sitepreview .minibody h3{font:800 28px/.98 Manrope,Arial,sans-serif;letter-spacing:-.055em}.sitepreview .minibody p{color:var(--sample-muted);font-size:8px;margin:10px 0;line-height:1.6}.samplekicker{display:block;font-size:5px;letter-spacing:.12em;font-weight:800;margin-bottom:10px}.sampleart{display:grid;place-items:center;min-width:0}.sampleart svg{width:100%;height:auto;display:block}.sitepreview .minicta{background:var(--sample-accent);color:var(--sample-bg);font-weight:700;padding:8px;font-size:7px}.sample-fitness .minicta{color:#182128}.sample-food .minibody h3{font-family:Georgia,serif;font-weight:700;letter-spacing:-.035em}.sample-food .mininav b{font-family:Georgia,serif;font-size:11px}.miniservices{display:flex;gap:8px;justify-content:space-between;padding:12px 15px;border-top:1px solid var(--sample-muted);font-size:6px}.sitepreview .minifooter{color:var(--sample-muted);font-size:6px;padding:12px 15px}.phone .sampleart{margin:9px -7px 7px}.phone[class*=sample-] b{font-family:Manrope,Arial;font-size:13px;font-weight:800}.phone[class*=sample-] small{font-size:6px}.phone.sample-food b{font-family:Georgia,serif;font-size:15px}.sampleposts-auto .socialpost,.sampleposts-auto .socialpost:nth-child(2),.sampleposts-auto .socialpost:nth-child(3){background:#1e2832;color:#f9f9fa}.sampleposts-auto .socialpost:first-child{background:#df493e}.sampleposts-auto .socialpost:nth-child(2){background:#e7ebed;color:#1e2832}.sampleposts-auto .socialpost b{font-family:Manrope,Arial;font-size:26px;font-weight:800;letter-spacing:-.04em}.sampleposts-fitness .socialpost,.sampleposts-fitness .socialpost:nth-child(2),.sampleposts-fitness .socialpost:nth-child(3){background:#c3ff68!important;color:#171b24!important}.sampleposts-fitness .socialpost:nth-child(2){background:#302a4d!important;color:#e0d8ff!important}.sampleposts-fitness .socialpost:nth-child(3){background:#b9a4ff!important}.sampleposts-fitness .socialpost b{font:800 28px/.98 Manrope,Arial,sans-serif;letter-spacing:-.055em}.sampleposts-food .socialpost{background:#e50914!important;color:#faf8f2!important}.sampleposts-food .socialpost:nth-child(2){background:#171717!important;color:#171717!important}.sampleposts-food .socialpost:nth-child(3){background:#171717!important;color:#faf8f2!important}
.fullsample{background:var(--sample-bg);color:var(--sample-ink);min-height:100dvh}.sampleback{background:var(--sample-ink);color:var(--sample-bg);display:flex;justify-content:space-between;gap:15px;padding:14px 5vw;font-size:11px}.sampleback span{font-size:9px;letter-spacing:.1em}.fullsample header{background:var(--sample-bg);border-color:var(--sample-muted)}.sampleheader{display:flex;justify-content:space-between;gap:30px;align-items:center;min-height:90px}.samplelogo{font:800 20px Manrope,Arial;letter-spacing:-.04em}.sampleheader nav{display:flex;gap:25px;font-size:13px}.samplehero{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:85px 0}.fullsample h1{font-family:Manrope,Arial,sans-serif!important;font-size:clamp(48px,6vw,80px)!important;font-weight:800;letter-spacing:-.06em}.fullsample.sample-food h1{font-family:Georgia,serif!important;font-weight:700}.samplehero p{font-size:17px;line-height:1.8;margin:25px 0;color:var(--sample-muted);max-width:440px}.fullsample .btn{background:var(--sample-accent);color:var(--sample-bg)}.fullsample.sample-fitness .btn{color:#171b24}.samplehero>.sampleart{background:var(--sample-panel);border-radius:24px;padding:35px}.samplecards{margin-top:35px}.samplecards article{border-top:1px solid var(--sample-muted);padding-top:20px}.samplecards .sampleart{max-width:240px;margin:auto;background:var(--sample-panel);border-radius:10px;padding:20px;margin-bottom:25px}.samplecards p,.samplestory p,.samplevisit p{font-size:15px;line-height:1.8;color:var(--sample-muted);margin:15px 0;max-width:680px}.samplecards a{font-size:13px;display:inline-block;margin-top:12px}.samplestory{border-top:1px solid var(--sample-muted)}.samplevisit{padding:45px;background:var(--sample-panel);border-radius:20px;margin-bottom:65px}.fullsample footer{font-size:11px;border-color:var(--sample-muted)}
@media(max-width:650px){.sitepreview .minibody h3{font-size:24px}.sitepreview .minibody p{font-size:7px}.sitepreview .mininav b{font-size:8px}.mininav>span{font-size:5px}.sitepreview .samplekicker{font-size:4px;margin-bottom:8px}.sitepreview .minibody{padding:13px 12px 16px}.miniservices{font-size:5px;gap:4px;padding:10px}.sitepreview .minifooter{font-size:5px;padding:10px}.sampleposts-auto .socialpost b,.sampleposts-fitness .socialpost b{font-size:clamp(19px,5.7vw,26px)}.sampleheader{min-height:100px;flex-wrap:wrap;gap:12px;padding:20px 0}.sampleheader nav{font-size:12px;gap:22px}.samplehero{grid-template-columns:1fr;padding:45px 0;gap:30px}.samplehero p{font-size:15px}.fullsample h1{font-size:clamp(42px,12vw,60px)!important}.samplehero>.sampleart{padding:25px}.sampleback{padding:13px 18px}.sampleback span{max-width:140px;font-size:8px;text-align:right}.samplevisit{padding:28px 22px}.samplevisit .btn{font-size:12px}.samplecards .sampleart{max-width:220px}.samplecards article{padding-bottom:22px}.samplelogo{font-size:18px}}