/* One identity, three distinct page compositions. */
h1,h2,h3{letter-spacing:max(-.04em,-2px);text-wrap:balance}p{text-wrap:pretty}
.ap-header nav{gap:clamp(20px,2.6vw,38px)}.ap-header nav a{white-space:nowrap}
.hero-secondary{display:block;width:max-content;max-width:100%;font-size:14px;font-weight:600;margin-top:22px;padding:5px 0}.hero-secondary span{margin-left:16px}
.agency-home .hero-copy{width:45%}.agency-home .hero-summary{max-width:35ch}
.home-services{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:82px var(--g) 88px;background:var(--sc-accent);color:white}
.home-services article+article{border-left:1px solid #9eaff0;padding-left:14%}
.home-services h2{font-size:clamp(40px,4.9vw,70px);margin:0 0 27px}.home-services p{max-width:38ch;font-size:18px;line-height:1.65;color:#f0f3ff;margin:0 0 23px}.home-services .ap-link{color:white;font-size:15px}
.agency-home .person-section{padding-block:100px}.agency-home .person-title h2{font-size:clamp(38px,4.2vw,58px);max-width:16ch}
.websites-hero{padding:65px var(--g) 74px;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end}
.websites-hero h1{font-size:clamp(56px,6.3vw,90px);line-height:1.06;margin:0;letter-spacing:-.04em}.websites-hero h1 span{color:var(--sc-accent)}.websites-hero p{font-size:19px;line-height:1.7;max-width:39ch;margin:0 0 19px}
.website-price-link{display:block;width:max-content;font-size:14px;margin-top:18px;padding:7px 0;text-decoration:underline;text-underline-offset:4px}
.website-gallery{padding:48px var(--g) 72px;background:#eaf0f7}.gallery-intro{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:38px}.gallery-intro h2{font-size:28px;margin:0;letter-spacing:-.025em}.gallery-intro p{font-size:15px;margin:0;color:var(--sc-ink-soft)}
.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px 38px}.sample-item{min-width:0}.sample-item figure{margin:0;background:#d8e1ed;overflow:hidden;aspect-ratio:1.44}.sample-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1)}.sample-item a:hover img{transform:scale(1.025)}
.sample-item h3{font-size:25px;line-height:1.3;letter-spacing:-.025em;display:flex;justify-content:space-between;gap:20px;margin:20px 0 6px}.sample-item h3 span{font-size:23px;font-weight:400}.sample-item p{font-size:15px;color:var(--sc-ink-soft);margin:0}
.gallery-note{font-size:14px!important;color:var(--sc-ink-soft);border-top:1px solid #bac8dc;padding-top:24px;margin:50px 0 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.gallery-note a{text-decoration:underline;text-underline-offset:4px}
.websites-page .lens-stage{background:var(--sc-canvas)}.websites-page .lens-heading h2{font-size:clamp(40px,4.6vw,64px)}.websites-page .lens-heading>p{max-width:38ch}
.included-foundations{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;padding:34px var(--g) 45px;background:var(--sc-canvas);border-top:1px solid #c3cfe0}.included-foundations h3{font-size:23px;line-height:1.35;letter-spacing:-.02em;margin:0;max-width:23ch}.included-foundations p{font-size:16px;max-width:62ch;color:var(--sc-ink-soft);margin:0}
.website-care{padding:88px var(--g);background:var(--sc-accent);color:#fff;display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.website-care h2{font-size:clamp(45px,5vw,72px);margin:0}
.care-details article{padding-bottom:30px}.care-details article+article{border-top:1px solid #9caff0;padding-top:30px;padding-bottom:0}.care-details h3{font-size:25px;line-height:1.3;letter-spacing:-.02em;margin:0 0 16px}.care-details p{font-size:17px;max-width:53ch;line-height:1.75;color:#f0f3ff;margin:0}.care-details .feature-status{font-size:14px;font-weight:650;color:white;margin-bottom:10px}
.websites-page .investment{padding-top:100px;padding-bottom:75px;grid-template-columns:.8fr 1.1fr 1fr;gap:6%}.websites-page .investment-heading h2{font-size:clamp(37px,4.2vw,60px);max-width:10ch}.websites-page .investment-heading p{font-size:16px}.websites-page .investment-extras p,.websites-page .investment-main>p:not(.monthly){font-size:16px}.websites-page .scope-details{font-size:15px}
.visibility-page .monthly-heading h2{font-size:clamp(43px,4.7vw,67px)}.visibility-page .monthly-section{padding-top:82px;padding-bottom:85px}.visibility-page .monthly-heading{margin-bottom:45px}.visibility-page .monthly-heading>p{max-width:39ch}.visibility-page .monthly-cycle li{padding-bottom:26px}.visibility-page .monthly-cycle p{max-width:51ch}.visibility-page .work-note{top:24px}.visibility-page .work-note dl>div:last-child{padding-bottom:0}
.visibility-progress{padding:78px var(--g);display:grid;grid-template-columns:1fr 1.2fr;gap:12%;background:#eaf0fb}.visibility-progress h2{font-size:clamp(36px,3.9vw,56px);margin:0}.visibility-progress p{font-size:17px;max-width:58ch;color:var(--sc-ink-soft);margin:0 0 18px}.visibility-progress p:last-child{margin-bottom:0}.visibility-page .visibility-questions{padding-top:82px;padding-bottom:82px}.question-list a{text-decoration:underline;text-underline-offset:3px}
.structure-close{padding:86px var(--g) 75px;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;background:var(--sc-canvas)}.structure-close h2{font-size:clamp(45px,5.5vw,76px);line-height:1.08;margin:0 0 24px;max-width:14ch}.structure-close>div>p{font-size:17px;max-width:42ch;margin:0;color:var(--sc-ink-soft)}.structure-close .close-action{padding-bottom:3px}.structure-close .ap-button{min-height:54px;font-size:15px;gap:25px}.structure-close .local-note{font-size:14px;line-height:1.65;margin-top:20px;max-width:36ch}
.structure-footer{margin:0 var(--g);padding:28px 0 35px;border-top:1px solid #bac7d9;display:flex;justify-content:space-between;gap:30px;align-items:center}.structure-footer .footer-wordmark{font-size:17px}.structure-footer nav{display:flex;gap:30px;flex-wrap:wrap;font-size:14px}.structure-footer nav a{padding:8px 0}
@media(max-width:1050px){
 .ap-header nav{gap:18px}.agency-home .hero-copy{width:48%}.websites-hero{gap:6%;grid-template-columns:1.1fr 1fr}.websites-hero h1{font-size:clamp(54px,6.5vw,78px)}
 .sample-grid{gap:45px 26px}.home-services{gap:6%}.home-services article+article{padding-left:10%}.website-care,.included-foundations,.visibility-progress{gap:8%}
 .websites-page .investment{grid-template-columns:1fr 1fr;gap:50px 8%}.websites-page .investment-heading{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end}.websites-page .investment-heading h2{max-width:none;margin:0}.websites-page .investment-heading p{margin:0}.structure-close{gap:6%}
}
@media(max-width:760px){
 .ap-header nav{gap:8px 24px}.ap-header nav a{min-height:44px}.agency-home .hero-copy{width:100%}.agency-home .hero-copy .ap-link{margin-bottom:0}.hero-secondary{margin:12px 0 30px;font-size:15px;padding-block:10px}
 .home-services{display:block;padding:54px 24px 60px}.home-services h2{font-size:44px;margin-bottom:20px}.home-services p{font-size:17px;margin-bottom:18px}.home-services .ap-link{font-size:14px;gap:20px}.home-services article+article{border-left:0;border-top:1px solid #9eaff0;padding:40px 0 0;margin-top:38px}
 .agency-home .person-section{padding-block:64px}.agency-home .person-title h2{font-size:40px} .websites-hero{display:block;padding:34px 24px 48px}.websites-hero h1{font-size:clamp(48px,12.7vw,70px);margin-bottom:27px}.websites-hero p{font-size:18px;max-width:40ch}.website-price-link{margin-top:14px;font-size:15px;display:inline-block;margin-left:22px}.websites-hero .ap-link{font-size:14px;gap:20px}
 .website-gallery{padding:36px 24px 48px}.gallery-intro{display:block;margin-bottom:29px}.gallery-intro h2{font-size:26px;margin-bottom:12px}.gallery-intro p{font-size:15px;max-width:28ch}.sample-grid{grid-template-columns:1fr;gap:38px}.sample-item h3{font-size:25px;margin-top:17px}.sample-item p{font-size:15px}.gallery-note{font-size:14px!important;display:block;margin-top:34px;padding-top:22px;line-height:1.7}.gallery-note a{display:block;margin-top:10px}
 .websites-page .lens-heading h2{font-size:40px}.websites-page .lens-stage{padding-top:56px;padding-bottom:40px}.included-foundations{display:block;padding:28px 24px 42px}.included-foundations h3{font-size:23px;margin-bottom:18px}.included-foundations p{font-size:16px}
 .website-care{display:block;padding:60px 24px}.website-care h2{font-size:46px;margin-bottom:38px}.care-details h3{font-size:24px}.care-details p{font-size:17px}
 .websites-page .investment{display:block;padding:62px 24px 45px}.websites-page .investment-heading{display:block;margin-bottom:35px}.websites-page .investment-heading h2{font-size:45px;max-width:10ch;margin:0 0 23px}.websites-page .investment-heading p{font-size:17px}.websites-page .investment-extras article{padding-block:24px}.websites-page .investment-extras h3{font-size:21px}
 .visibility-page .monthly-section{padding:60px 24px}.visibility-page .monthly-heading h2{font-size:43px}.visibility-page .monthly-heading>p{font-size:17px}.visibility-page .monthly-heading{margin-bottom:30px}.visibility-progress{display:block;padding:58px 24px}.visibility-progress h2{font-size:38px;margin-bottom:28px}.visibility-progress p{font-size:17px}.visibility-page .visibility-questions{padding:60px 24px}
 .structure-close{display:block;padding:60px 24px 48px}.structure-close h2{font-size:clamp(43px,11.7vw,64px);margin-bottom:22px}.structure-close>div>p{font-size:17px}.structure-close .close-action{margin-top:30px}.structure-close .ap-button{font-size:14px;gap:22px}.structure-close .local-note{font-size:14px;max-width:37ch}.structure-footer{margin:0 24px;padding:24px 0 30px;display:block}.structure-footer nav{gap:22px;margin-top:18px}.structure-footer nav a{display:inline-flex;min-height:44px;align-items:center}
}
@media(prefers-reduced-motion:reduce){.sample-item img{transition:none;transform:none!important}}

/* Vector link cues stay consistent across desktop and mobile. */
.link-arrow{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:-3px}


/* Founder portrait and biography share a single, balanced composition. */
.agency-home .designer-profile{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:clamp(40px,7vw,110px)}
.designer-portrait{margin:0;max-width:480px;width:100%;background:var(--sc-surface)}
.designer-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.designer-details .person-title h2{margin:0 0 32px;max-width:16ch}
.designer-details .person-copy{padding-top:0}
.designer-details .person-name{font-size:clamp(20px,2vw,26px)!important;letter-spacing:-.025em}
.designer-details .person-name span{display:inline-block;letter-spacing:0;margin-top:5px}
@media(max-width:760px){.agency-home .designer-profile{display:flex;flex-direction:column;align-items:stretch;gap:34px}.designer-portrait{max-width:420px}.designer-details .person-title h2{margin-bottom:25px}.designer-details .person-name{font-size:22px!important}}

/* Home: the review invitation lives in the services sheet; pricing is one card. */
.home-services .services-review{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid #9eaff0;margin-top:58px;padding-top:34px}
.home-services .services-review p{max-width:46ch;font-size:18px;line-height:1.6;color:#f0f3ff;margin:0}.home-services .services-review .ap-link{flex-shrink:0;color:white;font-size:15px}
.home-price{padding:96px var(--g);background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.home-price .pricing-step{font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px;color:var(--sc-ink-soft)}
.home-price h2{font-size:clamp(36px,4vw,56px);line-height:1.08;margin:0 0 22px}.home-price-intro>p:last-child{font-size:17px;max-width:40ch;margin:0;color:var(--sc-ink-soft)}
.home-price-card{border:1px solid #bacbe8;border-radius:16px;background:#edf2fb;padding:34px 36px 30px}
.home-price-fee{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.home-price-fee strong{font-size:clamp(52px,5vw,68px);font-weight:600;letter-spacing:-.05em;line-height:1.05}.home-price-fee span{font-size:17px}
.home-price-plans{list-style:none;margin:26px 0 0;padding:0}.home-price-plans li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:15px 0;border-top:1px solid #bacbe8;font-size:17px}
.home-price-plans b{font-size:28px;font-weight:600;letter-spacing:-.04em;white-space:nowrap}.home-price-plans em{font-style:normal;font-size:15px;font-weight:450;letter-spacing:0;margin-left:5px}
.home-price .price-term{font-size:14px;color:var(--sc-ink-soft);margin:14px 0 8px}.home-price .ap-link{font-size:15px}
@media(max-width:1050px){.home-price{gap:6%}}
@media(max-width:760px){.home-services .services-review{display:block;margin-top:40px;padding-top:30px}.home-services .services-review p{font-size:17px;margin-bottom:14px}
 .home-price{display:block;padding:60px 24px 56px}.home-price h2{font-size:38px}.home-price-intro{margin-bottom:30px}.home-price-card{padding:26px 24px 22px}.home-price-plans li{font-size:16px}.home-price-plans b{font-size:26px}}

/* Pricing lives on its own page; Websites and AI Visibility carry one cost line. */
.price-line{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:36px var(--g);border-top:1px solid #c3cfe0;border-bottom:1px solid #c3cfe0;background:var(--sc-canvas)}
.price-line p{font-size:18px;line-height:1.6;max-width:60ch;margin:0;color:var(--sc-ink-soft)}.price-line strong{font-weight:600;color:var(--sc-ink);letter-spacing:-.02em}.price-line .ap-link{flex-shrink:0;font-size:15px}
.pricing-hero{padding-bottom:40px}.pricing-hero p{margin-bottom:0}
.pricing-page-plans{padding-top:20px}
@media(max-width:760px){.price-line{display:block;padding:30px 24px}.price-line p{font-size:17px;margin-bottom:16px}}

/* Two doors at the end of the pricing sheet: pay the design fee, or book the fit call. */
.start-doors{margin:44px 0 8px;padding-top:36px;border-top:1px solid #cad5e7}.start-doors .pricing-step{color:var(--sc-ink-soft)}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.door{margin:0;padding:28px;border:1px solid #cad5e7;border-radius:16px;background:white}.door-primary{background:#edf2fb;border-color:#bacbe8}
.door .ap-button{width:100%;box-sizing:border-box;border:1px solid transparent;min-height:54px;font-size:15px;gap:22px;cursor:pointer;font-family:inherit;text-align:left}
.door .ap-button-quiet{background:transparent;color:var(--sc-ink);border-color:var(--sc-ink)}.door .ap-button-quiet:hover{background:var(--sc-ink);color:white}
.door p{margin:14px 0 0;line-height:1.6;color:var(--sc-ink-soft)}.door-fine{font-size:15px;color:var(--sc-ink)}.door-refund{font-size:14px}.door-refund a{color:var(--sc-ink);text-decoration:underline;text-underline-offset:3px}.door-note{font-size:14px}
@media(max-width:760px){.doors{grid-template-columns:1fr;gap:16px}.door{padding:22px}.start-doors{margin-top:32px}}
/* Terms is a plain page at body size. */
.terms{max-width:68ch;padding:56px var(--g) 90px}.terms h1{font-size:clamp(40px,4.5vw,56px);letter-spacing:-.03em;margin:0 0 20px}.terms h2{font-size:22px;margin:38px 0 10px}
.terms p{font-size:17px;line-height:1.7;margin:0 0 16px;color:var(--sc-ink)}.terms-intro{color:var(--sc-ink-soft)}.terms a{text-decoration:underline;text-underline-offset:3px}.terms-date{margin-top:40px;font-size:15px;color:var(--sc-ink-soft)}
@media(max-width:760px){.terms{padding:36px 24px 64px}.terms h2{font-size:20px}}
