:root{
--font-display:'Cabinet Grotesk',sans-serif;--font-body:'Satoshi',sans-serif;
--text-xs:clamp(.75rem,.72rem + .12vw,.8125rem);--text-sm:clamp(.875rem,.85rem + .15vw,.95rem);--text-base:clamp(1rem,.96rem + .2vw,1.08rem);--text-lg:clamp(1.2rem,1.05rem + .5vw,1.5rem);--text-xl:clamp(1.65rem,1.3rem + 1vw,2.25rem);--text-2xl:clamp(2.3rem,1.5rem + 2.1vw,3.5rem);--text-hero:clamp(3.5rem,1.4rem + 5.3vw,6.25rem);
--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;
--color-bg:oklch(.97 .009 95);--color-surface:oklch(.995 .002 95);--color-offset:oklch(.93 .013 95);--color-text:oklch(.22 .012 65);--color-muted:oklch(.45 .013 65);--color-primary:oklch(.49 .15 39);--color-accent-light:oklch(.67 .17 42);--color-border:oklch(.22 .012 65 / .16);--color-inverse:oklch(.98 .009 95);--radius-sm:4px;--radius-md:8px;--radius-full:999px;
}
[data-theme=dark]{--color-bg:oklch(.205 .008 65);--color-surface:oklch(.24 .008 65);--color-offset:oklch(.28 .009 65);--color-text:oklch(.94 .01 95);--color-muted:oklch(.73 .01 95);--color-primary:oklch(.76 .14 45);--color-border:oklch(.94 .01 95 / .18);--color-inverse:oklch(.2 .008 65)}
.container{width:min(1312px,calc(100% - 112px));margin-inline:auto}.section{padding-block:var(--space-24)}.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;line-height:1.6}.square{display:inline-block;width:7px;height:7px;background:var(--color-primary);margin-right:var(--space-2)}.skip-link{position:fixed;top:-100px;left:20px;padding:var(--space-3);background:var(--color-text);color:var(--color-bg);z-index:50}.skip-link:focus{top:10px}
.header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-.04em;white-space:nowrap}.brand-dot{color:var(--color-primary)}.brand-mark{color:var(--color-primary)}.navigation{display:flex;gap:var(--space-8);font-size:var(--text-sm);font-weight:500}.navigation a{padding-block:var(--space-3)}.navigation a:hover,.text-link:hover{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.icon-button{width:44px;height:44px;display:grid;place-items:center;font-size:var(--text-lg);border-radius:var(--radius-full)}.icon-button:hover{background:var(--color-offset)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-4) var(--space-6);font-size:var(--text-sm);font-weight:700;background:var(--color-primary);color:var(--color-inverse);min-height:52px;border:1px solid transparent;border-radius:var(--radius-sm);transition:background .2s,transform .2s}.button:hover{background:var(--color-text);color:var(--color-bg);transform:translateY(-2px)}.button:active{transform:translateY(0)}.button span{font-size:var(--text-lg);line-height:1}.button.small{min-height:44px;padding:var(--space-3) var(--space-5)}.secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.text-link{display:inline-flex;align-items:center;gap:var(--space-5);font-size:var(--text-sm);font-weight:700;min-height:44px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:var(--space-16);align-items:center;padding-block:var(--space-20) var(--space-24);min-height:690px}.hero h1{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.058em;line-height:.99;font-weight:700;margin-block:var(--space-6) var(--space-8)}.found-word{color:var(--color-primary)}.hero-description{font-size:var(--text-lg);line-height:1.4;font-weight:500;margin-bottom:var(--space-4)}.hero-detail{max-width:430px;color:var(--color-muted)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-8)}.hero-note{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-5)}.hero-note span{margin-right:var(--space-2);color:var(--color-primary)}
.hero-visual{position:relative;padding:var(--space-6);background:var(--color-offset);border-radius:var(--radius-sm)}.visual-top{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs);letter-spacing:.1em;color:var(--color-muted);margin-bottom:var(--space-6)}.search-float{position:relative;z-index:1;margin:0 var(--space-4) calc(-1 * var(--space-4)) calc(-1 * var(--space-10));padding:var(--space-4) var(--space-5);background:var(--color-surface);box-shadow:0 6px 24px oklch(.2 .02 65 / .08);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.search-float>span:last-child{margin-left:auto}.search-icon{display:block;width:15px;height:15px;border:1.5px solid currentColor;border-radius:50%;position:relative;flex-shrink:0}.search-icon:after{content:'';position:absolute;width:6px;height:1.5px;right:-5px;bottom:-3px;transform:rotate(45deg);background:currentColor}.browser-mock{margin-top:var(--space-8);overflow:hidden;border-radius:var(--radius-sm);box-shadow:0 10px 30px oklch(.2 .02 65 / .1);background:#f7f2e9;color:#382e22}.browser-bar{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);align-items:center;border-bottom:1px solid #dcd7ce;font-size:var(--text-xs)}.browser-dots{letter-spacing:.15em;color:#9b958b}.mock-nav{padding:var(--space-5) var(--space-4);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.mock-nav>span:first-child{font-weight:700;letter-spacing:.12em}.mock-studio{font-weight:400;letter-spacing:0}.mock-image{position:relative;min-height:285px}.mock-image img{width:100%;height:310px;object-fit:cover}.mock-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,22,15,.58),transparent 90%)}.mock-image-copy{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);color:#fff8ec}.mock-image-copy>span:first-child{font-size:var(--text-xs);letter-spacing:.12em}.mock-image-copy strong{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;line-height:1.04;letter-spacing:-.04em}.mock-booking{display:flex;gap:var(--space-5);font-size:var(--text-xs);border-bottom:1px solid #fff8ec;padding-block:var(--space-2)}.mock-bottom{padding:var(--space-4);display:flex;justify-content:space-between;font-size:var(--text-xs);letter-spacing:.04em}.visual-caption{margin-top:var(--space-5);font-size:var(--text-xs);display:flex;flex-direction:column;gap:var(--space-2)}.visual-caption small{font-size:var(--text-xs);color:var(--color-muted)}
.service-ribbon{background:var(--color-text);color:var(--color-bg)}.service-ribbon>.container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-8)}.service-ribbon span:not(.ribbon-plus){font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.035em;font-weight:500}.ribbon-plus{font-size:var(--text-lg);color:var(--color-accent-light)}.service-ribbon p{font-size:var(--text-sm);line-height:1.5;border-left:1px solid color-mix(in oklab,var(--color-bg) 30%,transparent);padding-left:var(--space-8);margin-left:var(--space-5)}
h2{font-size:var(--text-2xl);font-family:var(--font-display);font-weight:700;letter-spacing:-.04em}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-20);align-items:end;margin-bottom:var(--space-12)}.section-heading .eyebrow,.process-intro .eyebrow,.faq .eyebrow,.closing .eyebrow{margin-bottom:var(--space-5)}.section-heading>p,.section-heading>div>p:not(.eyebrow){color:var(--color-muted);max-width:470px}.service-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-20)}.service-tab{display:flex;text-align:left;width:100%;align-items:center;gap:var(--space-5);border-top:1px solid var(--color-border);padding:var(--space-6) 0}.service-tab:last-child{border-bottom:1px solid var(--color-border)}.service-number{align-self:flex-start;padding-top:var(--space-1);color:var(--color-muted);font-size:var(--text-xs)}.service-tab strong{display:block;font-size:var(--text-lg);font-weight:500;letter-spacing:-.025em}.tab-description{display:block;font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-2)}.tab-arrow{margin-left:auto;font-size:var(--text-lg);padding:var(--space-2)}.service-tab.active .tab-arrow,.service-tab.active strong{color:var(--color-primary)}.service-tab:hover strong{color:var(--color-primary)}.service-panel{background:var(--color-offset);padding:var(--space-8);border-radius:var(--radius-sm);display:flex;flex-direction:column;justify-content:center}.panel-label{font-size:var(--text-xs);letter-spacing:.1em;color:var(--color-muted)}.service-panel h3{font-size:var(--text-xl);font-family:var(--font-display);letter-spacing:-.035em;margin-block:var(--space-5) var(--space-4)}.service-panel p{color:var(--color-muted);font-size:var(--text-sm)}.panel-list{margin-block:var(--space-5);font-size:var(--text-sm)}.panel-list li{padding-block:var(--space-1)}.panel-list li:before{content:'↳';margin-right:var(--space-3);color:var(--color-primary)}
.audience-strip{display:flex;justify-content:space-between;gap:var(--space-8);padding-block:var(--space-8);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-16)}.audience-strip p{font-weight:500;line-height:1.4}.audience-strip>div{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-8);font-size:var(--text-sm);color:var(--color-muted)}
.packages{background:var(--color-offset)}.pricing-note{margin-top:var(--space-4);font-size:var(--text-xs);font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.price-card{display:flex;flex-direction:column;padding:var(--space-8);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.price-card.featured{background:var(--color-surface);border-color:var(--color-primary)}.package-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-6)}.package-top .eyebrow{font-size:var(--text-xs);letter-spacing:.08em}.price-card h3{font-size:var(--text-xl);font-family:var(--font-display);letter-spacing:-.035em}.price{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1.2;letter-spacing:-.04em;font-weight:700;margin-block:var(--space-5)}.price>span{font-family:var(--font-body);font-size:var(--text-xs);font-weight:400;letter-spacing:0;color:var(--color-muted)}.package-description{font-size:var(--text-sm);color:var(--color-muted);min-height:75px;margin-bottom:var(--space-6)}.price-card .button{padding-inline:var(--space-4);gap:var(--space-2)}.everything{font-size:var(--text-xs);font-weight:700;margin-top:var(--space-6)}.package-list{margin-block:var(--space-5) var(--space-8);font-size:var(--text-sm)}.everything+.package-list{margin-top:var(--space-3)}.package-list li{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.package-list li:before{content:'✓';color:var(--color-primary)}.card-footnote{font-size:var(--text-xs);color:var(--color-muted);margin-top:auto;padding-top:var(--space-5);border-top:1px solid var(--color-border)}.scope-note{display:flex;gap:var(--space-4);margin-top:var(--space-6);color:var(--color-muted);font-size:var(--text-xs);max-width:950px}.scope-note>span{font-size:var(--text-lg);color:var(--color-primary)}
.process{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24)}.process-intro>p:not(.eyebrow){color:var(--color-muted);margin-block:var(--space-6);max-width:420px}.steps li{display:flex;gap:var(--space-6);padding-block:var(--space-6);border-bottom:1px solid var(--color-border)}.steps li:first-child{padding-top:0}.steps li>span{font-size:var(--text-sm);color:var(--color-primary)}.steps h3{font-size:var(--text-lg);font-weight:500;letter-spacing:-.02em;margin-bottom:var(--space-3)}.steps p{font-size:var(--text-sm);color:var(--color-muted)}
.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:var(--space-20);padding-top:var(--space-6)}details{border-bottom:1px solid var(--color-border)}details:first-child{border-top:1px solid var(--color-border)}summary{display:flex;justify-content:space-between;gap:var(--space-6);align-items:center;cursor:pointer;font-weight:500;padding-block:var(--space-6);list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:var(--text-lg);color:var(--color-primary)}details[open] summary span{transform:rotate(45deg)}details>p{padding:0 var(--space-10) var(--space-6) 0;color:var(--color-muted);font-size:var(--text-sm)}
.closing{background:var(--color-primary);color:var(--color-inverse);padding-block:var(--space-20)}.closing-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-20);align-items:center}.closing h2{font-size:var(--text-hero);line-height:.99;letter-spacing:-.055em}.closing .button{background:var(--color-inverse);color:var(--color-primary);margin-top:var(--space-6)}.closing .button:hover{background:var(--color-offset);color:var(--color-text)}.closing-note{font-size:var(--text-xs);margin-top:var(--space-4)}.footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);padding-block:var(--space-10)}.footer .brand{font-size:var(--text-lg)}.footer p,.footer>div{font-size:var(--text-xs)}.footer p>span,.footer>div{color:var(--color-muted)}.footer>div{text-align:right}.footer-link{display:block;text-decoration:underline;min-height:44px;font-size:var(--text-xs)}
dialog{width:min(620px,calc(100% - 32px));max-height:90dvh;margin:auto;padding:var(--space-10);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:auto;box-shadow:0 24px 80px #0003}dialog::backdrop{background:#17141099;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:12px}dialog h2{margin-block:var(--space-5)}.preview-notice{font-size:var(--text-xs);color:var(--color-muted);background:var(--color-offset);padding:var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-6)}form{display:grid;gap:var(--space-4)}label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}input,select,textarea{min-width:0;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:.85}.form-footnote{font-size:var(--text-xs);color:var(--color-muted)}#brief-details{margin-bottom:var(--space-6);overflow-wrap:anywhere}#brief-details dt{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-4)}#brief-details dd{margin-top:var(--space-1)}#privacy-dialog>p:not(.eyebrow){margin-block:var(--space-5);font-size:var(--text-sm);color:var(--color-muted)}
@media(min-width:1600px){.hero{min-height:770px}.mock-image img{height:360px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:var(--space-10)}.hero h1{font-size:clamp(3.4rem,6.4vw,5rem)}.navigation{gap:var(--space-5)}.header-actions{gap:var(--space-2)}.brand{font-size:var(--text-lg)}.section-heading,.service-layout{gap:var(--space-10)}.price-card{padding:var(--space-6)}.process{gap:var(--space-12)}.search-float{margin-left:calc(-1 * var(--space-6));font-size:var(--text-xs)}.service-ribbon p{padding-left:var(--space-5);margin-left:0}.audience-strip>div{gap:var(--space-5)}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{min-height:80px}.header-cta{display:none}.menu-toggle{display:grid}.menu-lines,.menu-lines:after{width:20px;height:1px;background:currentColor;display:block;position:relative}.menu-lines:after{content:'';top:6px}.menu-lines{transform:translateY(-3px)}.navigation{display:none;position:absolute;top:80px;left:0;right:0;background:var(--color-bg);padding:var(--space-6);z-index:5;border-bottom:1px solid var(--color-border)}.navigation.open{display:flex;flex-direction:column;gap:var(--space-2)}.hero{grid-template-columns:1fr;gap:var(--space-12);padding-block:var(--space-12) var(--space-12)}.hero h1{font-size:clamp(3.9rem,10vw,5.7rem)}.hero-detail{max-width:470px}.hero-visual{width:min(100%,590px);justify-self:center}.search-float{margin-left:0;margin-right:0}.mock-image img{height:330px}.service-ribbon>.container{flex-wrap:wrap;gap:var(--space-3);padding-block:var(--space-6)}.service-ribbon span:not(.ribbon-plus){font-size:var(--text-xl)}.service-ribbon p{width:100%;border-left:0;border-top:1px solid color-mix(in oklab,var(--color-bg) 25%,transparent);padding:var(--space-4) 0 0;margin-top:var(--space-3)}.service-ribbon p br{display:none}.section{padding-block:var(--space-16)}.section-heading{grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.service-layout{grid-template-columns:1fr;gap:var(--space-6)}.audience-strip{flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-12)}.audience-strip>div{gap:var(--space-4) var(--space-6)}.pricing-grid{grid-template-columns:1fr;gap:var(--space-6)}.price-card{padding:var(--space-8)}.package-description{min-height:0}.price-card .button{max-width:none}.price-card h3{font-size:var(--text-xl)}.process{grid-template-columns:1fr;gap:var(--space-10)}.faq{grid-template-columns:1fr;gap:var(--space-8);padding-top:0}.closing-inner{grid-template-columns:1fr;gap:var(--space-8)}.closing h2{font-size:clamp(3rem,10vw,5rem)}.closing{padding-block:var(--space-12)}.footer{flex-wrap:wrap;gap:var(--space-6);padding-block:var(--space-8)}.footer>div{text-align:left;width:100%;border-top:1px solid var(--color-border);padding-top:var(--space-5)}.footer p{margin-left:auto}dialog{padding:var(--space-6)}.form-row{grid-template-columns:1fr}.hero-actions{gap:var(--space-3) var(--space-5)}}
@media(max-width:380px){.hero h1{font-size:3.6rem}.hero-visual{padding:var(--space-4)}.mock-image img{height:280px}.mock-nav>span:last-child{display:none}.brand{gap:var(--space-2)}.header-inner{gap:var(--space-2)}.price-card{padding:var(--space-6)}.visual-top{font-size:var(--text-xs);letter-spacing:.02em}.mock-bottom{letter-spacing:0}.service-tab{gap:var(--space-3)}.footer p{margin-left:0}}
.concept-selector{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-5)}
.concept-selector button{min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm);border:1px solid transparent;color:var(--color-muted)}
.concept-selector button[aria-pressed=true]{background:var(--color-text);color:var(--color-bg)}
.concept-selector button:hover{border-color:var(--color-border)}
.concepts{padding-bottom:var(--space-24)}
.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10) var(--space-6)}
.concept-card-button{display:block;width:100%;text-align:left}
.concept-card-image{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--radius-sm)}
.concept-card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,17,12,.76),transparent 75%);z-index:-1}
.concept-card-image img{width:100%;height:280px;object-fit:cover;position:relative;z-index:-2;transition:transform .3s}
.concept-card-button:hover img{transform:scale(1.035)}
.concept-card-brand{position:absolute;bottom:24px;left:24px;color:#fff9ee;font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.02em;font-weight:700;max-width:calc(100% - 70px);line-height:1.05}
.concept-card-brand small{display:block;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.13em;margin-top:var(--space-3);font-weight:500}
.concept-card-arrow{position:absolute;right:20px;bottom:20px;color:#fff9ee;font-size:var(--text-lg)}
.concept-card-info{padding-top:var(--space-5)}
.concept-card-info>span{font-size:var(--text-xs);letter-spacing:.09em;color:var(--color-muted)}
.concept-card-info h3{font-size:var(--text-lg);font-weight:500;letter-spacing:-.02em;margin-block:var(--space-3)}
.concept-card-info p{font-size:var(--text-sm);color:var(--color-muted)}
.concept-disclaimer{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-8);max-width:800px}
#concept-preview[data-industry=barber]{background:#222623;color:#f3efdf}
#concept-preview[data-industry=barber] .browser-bar{border-color:#ffffff26}
#concept-preview[data-industry=retail]{background:#ede8db;color:#34432e}
#concept-preview[data-industry=home]{background:#ecece3;color:#354338}
#concept-preview[data-industry=home] .mock-image:after{background:linear-gradient(90deg,rgba(15,28,21,.7),rgba(15,28,21,.05))}
@media(max-width:1100px){.concept-grid{gap:var(--space-4)}.concept-card-image img{height:240px}.concept-card-brand{font-size:var(--text-lg);left:16px;bottom:20px;max-width:calc(100% - 50px)}}
@media(max-width:800px){.concepts{padding-bottom:var(--space-16)}.concept-grid{grid-template-columns:1fr;gap:var(--space-8)}.concept-card-image img{height:270px}.concept-card-brand{font-size:var(--text-xl);left:24px;bottom:24px}.concept-selector{display:grid;grid-template-columns:1fr 1fr}.concept-selector button{padding-inline:var(--space-2)}}
