/* Product storytelling extends the existing CLK palette without a scroll lock. */
.hero h1{font-size:clamp(3rem,5.65vw,6.6rem);letter-spacing:-.065em;line-height:1.04}
.hero-description,.feature-card p,.steps p,.faq-answer p{font-size:1rem;line-height:1.75}
.hero .eyebrow,.eyebrow,.hero-note,.preview-disclaimer,.sample-label,.feature-footnotes p>span{font-size:.8125rem}
.preview-disclaimer{color:#394f45;max-width:none;position:static;margin:20px 0 0;padding-bottom:0}
.hero-visual{padding-bottom:25px}.profit-float{bottom:52px}
.reveal-pending{opacity:0;transform:translateY(28px)}
[data-reveal]{transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1)}
.reveal-visible{opacity:1;transform:translateY(0)}
.mobile-showcase{background:#0e2c24;color:#f5f7f2;margin:0;overflow:clip}
.showcase-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem;align-items:start;padding-block:clamp(64px,8vw,128px)}
.showcase-copy{position:relative;z-index:1}.showcase-copy>.eyebrow{color:#b7d39d;letter-spacing:.14em}
.showcase-copy>h2{font-size:clamp(2.7rem,5.7vw,5.6rem);letter-spacing:-.06em;line-height:1.05;margin:25px 0 0;font-weight:600}
.showcase-copy em{color:#c9e797;font-style:normal}.showcase-intro{font-size:1.25rem;line-height:1.7;color:#d4ddd7;margin:28px 0}
.showcase-beats{margin:48px 0;display:grid;gap:36px}.showcase-beats article{display:flex;gap:20px;border-top:1px solid #ffffff24;padding-top:24px}
.showcase-beats article>span{color:#b7d39d;font-size:.875rem;padding-top:4px}.showcase-beats h3{font-size:1.35rem;margin:0 0 8px;letter-spacing:-.02em}
.showcase-beats p{font-size:1rem;line-height:1.7;color:#c4d0ca;margin:0;max-width:29ch}
.showcase-media{position:sticky;top:115px;align-self:start;margin:45px -30px 0 0;min-width:0;transform:translateY(var(--depth-y,0px));will-change:auto}
.showcase-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:26px}
.showcase-media figcaption{color:#c4d0ca;text-align:center;font-size:.8125rem;line-height:1.6;margin-top:16px;padding-inline:18px}
.landing-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.landing-tool{position:relative;background:#fff;border:1px solid #dce3dc;border-radius:24px;padding:36px;overflow:hidden;min-width:0}
.landing-tool .tool-label{font-size:.8125rem;color:#567064;letter-spacing:.13em;font-weight:600}
.landing-tool h3{font-size:clamp(1.65rem,2.6vw,2.7rem);line-height:1.15;letter-spacing:-.04em;margin:25px 0 18px;position:relative;z-index:1}
.landing-tool p{font-size:1rem;color:#56685c;line-height:1.75;margin:0;max-width:39ch;position:relative;z-index:1}
.landing-tool a{display:inline-flex;gap:18px;margin-top:28px;color:#174e3c;font-weight:600;font-size:.9375rem;text-underline-offset:5px;position:relative;z-index:1}
.tool-limit{display:flex;align-items:baseline;gap:20px;margin-top:28px;font-size:4rem;letter-spacing:-.09em;color:#8faaa0;line-height:1;font-weight:600;pointer-events:none}
.tool-limit span{display:block;letter-spacing:0;font-size:.875rem;color:#607467;margin-top:8px}.tool-footnote{display:block;font-size:.8125rem;color:#607467;margin-top:24px}
.service-contact{display:flex;justify-content:space-between;align-items:center;gap:42px;border-top:1px solid #d2dbd2;border-bottom:1px solid #d2dbd2;padding-block:48px;margin-bottom:50px}
.service-contact h2{font-size:clamp(1.5rem,2.7vw,2.25rem);letter-spacing:-.035em;margin:16px 0}.service-contact p:not(.eyebrow){max-width:57ch;font-size:1rem;line-height:1.7;color:#56685c}
.service-contact-action{flex:none;display:grid;gap:14px;text-align:center}.service-contact-action>span{font-size:.875rem;color:#56685c}.footer-bottom{font-size:.8125rem;line-height:1.7}.footer-bottom a{text-decoration:underline;text-underline-offset:4px}
.site-header{transition:box-shadow .3s ease}.site-header.is-scrolled{box-shadow:0 6px 24px #123c3212}
.closing-cta .eyebrow{font-size:.75rem;letter-spacing:.08em}
@media(min-width:901px){.showcase-copy{padding-right:10px}}
@media(max-width:900px){.showcase-grid{grid-template-columns:1fr;gap:32px}.showcase-media{position:relative;top:auto;margin:0;grid-row:2;max-width:760px;justify-self:center}.showcase-copy>h2{font-size:clamp(3rem,9vw,5rem)}.showcase-beats{grid-template-columns:repeat(3,1fr);gap:20px}.showcase-beats article{display:block}.showcase-beats h3{margin-top:14px}.showcase-beats p{font-size:.9375rem}.service-contact{align-items:flex-start;gap:25px}.service-contact-action{align-self:center}}
@media(max-width:650px){.hero h1{font-size:clamp(2.8rem,10.9vw,4rem);letter-spacing:-.055em}.hero .eyebrow{font-size:.75rem;letter-spacing:.08em}.hero-note{font-size:.8125rem}.hero-actions>.button,.hero-actions>.text-link{font-size:.875rem}.showcase-grid{padding-block:64px;gap:32px}.showcase-copy>h2{font-size:3.25rem}.showcase-intro{font-size:1.125rem}.showcase-beats{grid-template-columns:1fr;margin:32px 0;gap:24px}.showcase-beats article{display:flex;gap:18px}.showcase-beats h3{margin-top:0}.showcase-beats p{max-width:none;font-size:1rem}.showcase-media img{border-radius:16px}.landing-tools{grid-template-columns:1fr;gap:16px}.landing-tool{padding:28px;border-radius:18px}.landing-tool h3{font-size:2rem}.tool-limit{font-size:4.8rem;right:25px;top:40px}.tool-limit span{font-size:.75rem}.service-contact{display:block;padding-block:36px;margin-bottom:32px}.service-contact-action{margin-top:24px;justify-items:start;text-align:left}.service-contact .button{font-size:.9375rem}.preview-disclaimer{font-size:.75rem;line-height:1.5;margin-top:18px}.profit-float{bottom:46px}.preview-topline>.sample-label{font-size:.75rem}.preview-topline>span:first-child{font-size:.625rem;letter-spacing:.04em}.preview-topline{gap:10px}.feature-footnotes strong{font-size:.9375rem}.feature-footnotes p>span{font-size:.875rem}.footer-bottom{display:block;font-size:.8125rem}.footer-bottom>span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){[data-reveal],.reveal-pending,.reveal-visible{opacity:1!important;transform:none!important;transition:none!important}.showcase-media,.closing-cta:hover .closing-motif>svg{transform:none!important}html{scroll-behavior:auto}}
@media print{.reveal-pending{opacity:1;transform:none}.showcase-media{position:static;transform:none}}