/* Conversion layout: visible content, no animation dependency. */
[hidden]{display:none!important}
html{scroll-padding-top:2rem}
body{font-size:1.05rem;line-height:1.65}
main>section{padding:clamp(3rem,6vw,5rem) var(--gutter)}
h1,h2,h3{line-height:1.12;letter-spacing:-.025em}
main>section>h2{max-width:26ch;font-size:clamp(1.8rem,3.3vw,2.7rem)}
.kick{font-size:.72rem;letter-spacing:.09em;line-height:1.6}
.btn{min-height:48px;line-height:1.4;max-width:100%;font-weight:650;letter-spacing:0;text-align:center;padding:.85rem 1.3rem;border-radius:8px}
.skip-link{position:fixed;top:-8rem;left:1rem;z-index:100;background:var(--accent);color:var(--bog-deep);padding:1rem}
.skip-link:focus{top:1rem}
#top{padding:2rem var(--gutter) 3.25rem;background:radial-gradient(ellipse at 85% 0%,#24493b,transparent 65%),var(--bog-deep)}
#top>*{max-width:74rem;margin-left:auto;margin-right:auto}
.brand{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;color:var(--accent);font-weight:750;margin-top:0;margin-bottom:3rem}
.brand span{color:var(--linen-dim);font-size:.82rem;font-weight:400}
#top h1{font-size:clamp(2.4rem,5.2vw,4.7rem);max-width:21ch;margin:0 0 1.5rem}
#top h1 em{font-style:normal;color:var(--accent)}
#top .lede{max-width:57ch;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;margin:0}
.hero-price{padding-top:1.3rem;margin-bottom:1.1rem!important;font-size:1rem}
.hero-price strong{color:var(--accent);font-size:1.25rem}
#top menu{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:.8rem;margin-top:0;margin-bottom:1rem}
.hero-note{font-size:.85rem;color:var(--linen-dim)}
#quick{position:fixed;inset:auto 0 0;z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.6rem max(.75rem,env(safe-area-inset-right)) calc(.6rem + env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:var(--bog-deep);border-top:1px solid var(--hair)}
#quick a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--accent);color:var(--accent);border-radius:8px;text-decoration:none;font-size:1rem;font-weight:650}
#quick a:first-child{background:var(--accent);color:var(--bog-deep)}
#quick.keyboard-open{visibility:hidden;pointer-events:none}
body{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}
@media(min-width:64rem){#quick{inset:1rem 1rem auto auto;grid-template-columns:auto auto;max-width:22rem;padding:.45rem;border:1px solid var(--hair);border-radius:10px}#quick a{padding:.25rem .9rem}body{padding-bottom:0}.brand{padding-right:19rem}}
.portfolio-grid,.benefits-grid{display:grid;gap:1.4rem;margin-top:2rem;grid-template-columns:minmax(0,1fr)}
.portfolio-card{border:1px solid var(--hair);border-radius:12px;overflow:hidden;min-width:0;background:var(--bog-deep)}
.portfolio-card img{display:block;width:100%;height:auto;aspect-ratio:1.92;object-fit:cover}
.portfolio-card>div{padding:1.4rem}
.portfolio-card h3,.benefits-grid h3,.cost-note h3{font-size:1.35rem}
.portfolio-card p{font-size:1rem;color:var(--linen-dim)}
.portfolio-card a:not(:has(img)){display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-weight:600}
.card-tag{font-size:.78rem!important;color:var(--accent)!important;margin-top:0}
.benefits-grid article{padding:1.5rem;border:1px solid var(--hair);border-radius:10px}
.benefits-grid p{font-size:1rem;color:var(--linen-dim)}
@media(min-width:48rem){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:64rem){.benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.quote{margin-top:1.4rem;max-width:65ch}
.quote blockquote{font-size:1.15rem}
.cost-note{max-width:65rem;margin-top:1.5rem;padding:1.5rem;border:1px solid var(--hair);border-radius:10px}
.cost-note p{font-size:1rem;color:var(--linen-dim)}
.tiers{margin-top:1.6rem}
.tiers li,.criteria p,.sop p{font-size:1rem}
.faq details p{max-width:68ch;font-size:1rem}
.channels{margin-top:1.4rem}
.channels .v.email{font-size:.85rem}
@media(max-width:30rem){#top{padding-top:1.25rem}.brand{margin-bottom:2rem}#top h1{font-size:2.35rem}.hero-note{font-size:.8rem}#top menu{display:grid}.brand span{display:block}main>section{padding-block:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
button.btn-ghost{background:transparent;color:var(--linen)}