/* Content viewport already excludes the dock. No overlapping floating action. */
.floating-demo{display:none!important}
.hero-pin,.range-pin{min-height:0!important}
.inside-footnote{right:7%;bottom:4%}.range-bottom{padding-right:0;bottom:3%}
.after-close{padding-right:0}.hero-bottom{bottom:3%}.chapter-footer{padding-bottom:32px}
.demo-compact .demo-story{height:calc(min(720px,100svh - var(--demo-top) - 20px) + 165svh)}
.demo-compact .demo-pin{height:min(720px,calc(100svh - var(--demo-top) - 20px))}
.demo-compact .demo-visual{container-type:size;--demo-art-ratio:1.48}
.demo-compact .demo-concept-object .screen-art{width:min(660px,100cqw,calc(100cqh * var(--demo-art-ratio)));height:auto;max-height:100%;aspect-ratio:var(--demo-art-ratio)}
@media(max-width:600px){.demo-compact .demo-visual{--demo-art-ratio:1.31}}
/* Shared pin handoff. Northline remains the original DOM/engine. */
.range-story{margin-top:calc(-1 * var(--range-pin-height,100svh));background:transparent;z-index:1}
.range-before .range-pin{visibility:hidden}
.range-before .inside-conclusion{opacity:var(--inside-exit)}
.boundary-active .hero-pin{position:fixed;inset:0 auto auto 0;width:100%;z-index:2;pointer-events:none;background:transparent}
.boundary-active .hero-pin .environment{opacity:calc(1 - var(--range-warm));background:transparent}
.boundary-active .inside-warmth{display:none}
.boundary-active .hero-pin .inside-conclusion{opacity:calc(1 - var(--range-warm))}
.boundary-active .range-introduction{opacity:calc(var(--range-intro) * var(--range-warm))}
.boundary-active .stage-world{pointer-events:none;transform:translate(-50%,-50%) translate3d(var(--inside-x),calc(var(--inside-y) + var(--range-warm)*24svh),0) scale(calc(1 - .42*var(--range-warm)))}
/* Shared outer-interface tokens; inner example documents remain untouched. */
:root{--px-ink:#17383a;--px-muted:#526b69;--px-teal:#285e59;--px-line:#aebfb6;--px-surface:#f0f3e9;--px-radius:14px;--px-shadow:0 16px 34px #183b3510,inset 0 1px #ffffffc0}
.product-icon{display:grid;place-items:center;overflow:visible;perspective:none}
.product-art{display:block;width:240px;max-width:100%;height:200px;overflow:visible}
.product-art .art-piece{transform-box:fill-box;transform-origin:center}
.delivery-stage.art-arrive .product-art{animation:object-settle .8s linear both}
.delivery-stage.art-arrive .art-piece{animation:px-assemble .72s cubic-bezier(.2,.75,.3,1) both}
body:not(.motion-paused):not(.reduced-scene):not(.offer-document-hidden) .delivery-stage.art-arrive :is(.product-art,.art-piece){animation-play-state:running!important}
.delivery-stage.art-arrive .art-mid{animation-delay:.04s}.delivery-stage.art-arrive .art-front{animation-delay:.08s}
@keyframes px-assemble{from{opacity:.25;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}
.after-launch{--after-ink:var(--px-ink);--after-muted:var(--px-muted);background:linear-gradient(180deg,#e9eee5,#f2f4eb)}
.after-wrap{padding-top:62px;padding-bottom:52px}
.after-intro h2,.after-intro h2 em,.after-option h3,.after-close h3{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:500;letter-spacing:-.045em}
.after-intro h2 em{color:#547d72}
.after-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0}
.after-option{display:flex;position:relative;flex-direction:column;align-items:stretch;padding:24px;background:linear-gradient(150deg,#f9fbf4,#e7eee4);border:1px solid var(--px-line);border-radius:var(--px-radius);box-shadow:var(--px-shadow)}
.after-option h3{font-size:28px;margin:22px 0 12px}.after-status{min-height:40px;color:var(--px-ink)}
.after-description{font-size:13px;line-height:1.75;max-width:none}.after-action{margin-top:auto;border:1px solid #99b4a6;background:#e6eee0;border-radius:8px;padding:10px 13px;min-height:46px;font-size:11px;color:var(--px-ink)}
.after-action:hover{background:#d9e6d5}.after-terms{min-height:0;font-size:11px;line-height:1.55}
.feature-visual{height:146px;flex:none;border:1px solid #c0d0c3;border-radius:10px;background:radial-gradient(ellipse at 50% 100%,#acc9b770,transparent 75%),#e4ebe0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#365e54}
.control-frame{width:85%;padding:15px 10px 18px;border:1px solid #809e8e;border-radius:8px;box-shadow:0 5px 0 #9fb8a74d;background:#f0f5e9;position:relative}
.control-frame>span{display:block;font:600 8px Manrope;letter-spacing:.14em;margin-bottom:14px;text-align:center}.control-frame>div{display:flex;gap:5px}.control-frame b{flex:1;text-align:center;padding:8px 2px;background:#dbe7d6;border:1px solid #b0c5b3;border-radius:4px;font-size:9px;font-weight:550}.control-frame>i{position:absolute;bottom:-4px;left:calc(50% - 4px);height:7px;width:7px;background:#527963;border:2px solid #e5ecd9;border-radius:50%}
.care-visual{gap:13px;padding:15px}.care-core{width:42px;flex:none}.care-core svg{width:42px;height:47px;fill:#cadcc4;stroke:#578773;stroke-width:1.4}.care-lines{width:150px}.care-lines span{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b4c9b6;padding:10px 0;font-size:9px;gap:8px}.care-lines i{width:17px;height:3px;border-radius:2px;background:#668e75}
.growth-visual{gap:6px;padding:12px}.growth-step{flex:1;text-align:center;min-width:0}.growth-step i{display:grid;place-items:center;margin:0 auto 12px;width:38px;height:38px;border:1px solid #86a28d;border-radius:9px;background:linear-gradient(#f4f8eb,#ccdcbc);box-shadow:0 4px 0 #b3c6a8;font:400 22px Manrope}.growth-step b{display:block;font-size:9px;font-weight:550}.growth-visual>span{font-size:14px;margin-top:-22px;color:#779479}
.purchase-widget{border-radius:var(--px-radius);border-color:var(--px-line);box-shadow:var(--px-shadow);background:linear-gradient(150deg,#f7faf0,#e5edde)}
.purchase-credit{border-radius:9px;border:1px solid #abc1ab;background:#dfe9d8}
.purchase-cta,.finale-primary,.demo-close-cta{border-radius:9px;background:var(--px-teal);color:#f3f6ec;border:1px solid #769d8a}
#faq-dialog{border-radius:var(--px-radius);background:var(--px-surface);color:var(--px-ink);border-color:var(--px-line)}
.faq-panel-head{background:var(--px-surface)}.faq-panel-head h2{font:500 30px/1.2 Manrope,Arial,sans-serif}.faq-close{border-radius:8px}
#offer-dialog,#after-dialog{border-radius:var(--px-radius);border-color:#587975;background:#132326;box-shadow:0 24px 90px #07181266}
#offer-dialog input,#after-dialog input,#after-dialog select{border-radius:7px;border-color:#50716c}
#offer-dialog button[type=submit],#after-dialog button[type=submit]{border-radius:8px;background:#c7dcc0;color:#173c37}
.demo-concept-object .screen-face{border-radius:10px}.purchase-questions{border-radius:6px}
@media(max-width:1100px){.after-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.after-option{padding:18px}.after-option h3{font-size:24px}.feature-visual{height:130px}.care-visual{gap:8px;padding:10px}.care-core,.care-core svg{width:30px}.after-status{font-size:12px}.control-frame b,.care-lines span,.growth-step b{font-size:8px}}
@media(max-width:800px){.after-options{grid-template-columns:1fr;gap:18px}.after-option{padding:24px}.feature-visual{height:150px}.after-option h3{font-size:29px}.after-status{min-height:0;font-size:13px}.after-description{font-size:14px}.control-frame{max-width:320px}.control-frame b,.care-lines span,.growth-step b{font-size:10px}.growth-visual{padding-inline:24px}.care-visual{gap:23px}.care-core,.care-core svg{width:42px}.after-action{font-size:12px}.after-intro h2{font-size:clamp(35px,8.6vw,56px)}}
@media(max-width:359px){.after-option{padding:18px}.feature-visual{height:135px}.after-option h3{font-size:26px}.after-description{font-size:13px}.after-action{font-size:11px}.growth-visual{padding-inline:12px}.control-frame b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.product-art,.product-art *{animation:none!important;transform:none!important}}
.motion-paused .product-art,.motion-paused .product-art *,.reduced-scene .product-art,.reduced-scene .product-art *{animation:none!important;transform:none!important}
/* Fit corrections caused by the explicitly smaller content viewport. */
@media(min-width:601px) and (max-height:750px){.a-foot>span:first-child{display:none}}
@media(max-width:359px) and (max-height:550px){.range-showroom .showcase{top:53%}.demo-compact .demo-concept-object .screen-art{max-height:100%;aspect-ratio:1.5}.demo-compact .demo-visual{bottom:26px}.demo-concept-object .process-art figcaption{font-size:8px}}