/* Beyond the Flow V27 — measured, quiet visual treatment. */
:root{--v27-soft:#b4c6bb;--v27-rule:rgba(189,220,194,.19)}
/* The prelude never translates the viewport during its handoff. */
.btf-prelude.is-exiting{transform:none!important;transition:opacity .86s cubic-bezier(.22,.76,.26,1)!important}
/* Poster stays in exactly the same box until a genuine WebGL frame exists. */
.hero-stage .btf-poster{display:grid!important;opacity:1;visibility:visible;transition:opacity .48s ease,visibility 0s linear .48s}
.hero-stage.btf-rendered .btf-poster{opacity:0;visibility:hidden;pointer-events:none}
.hero-stage{overflow:hidden;contain:paint;isolation:isolate}
.hero-stage #network-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block}
/* Quiet materiality instead of extra glowing UI decorations. */
.v26-hero-promise{background:rgba(12,28,26,.62);border-color:var(--v27-rule);box-shadow:none}
.v26-hero-promise span{color:#e0ebe0}
.v26-hero-promise b{color:#c4ed9e}
.v26-section-header h2,.v26-casebook-header h2,.section-heading h2{letter-spacing:-.052em;text-wrap:balance}
.v26-casebook-card,.v26-studio{box-shadow:0 14px 42px rgba(0,0,0,.17);border-color:var(--v27-rule)}
.v26-casebook-card{background:linear-gradient(155deg,#142322,#0c171a 70%)}
.v26-casebook-card .v26-formula{background:rgba(198,246,160,.035)}
.v26-evidence{background:linear-gradient(170deg,#172821,#111e1d);border-color:var(--v27-rule)}
.v26-button-main:hover{transform:translateY(-1px)}
.v26-proof .v26-footnote,.v26-casebook .v26-footnote{line-height:1.65}
.v26-professional-note{display:block;margin-top:15px;max-width:650px;font-size:12px;line-height:1.75;color:var(--v27-soft)}
.v26-professional-note strong{color:#dfeddb;font-weight:620}
@media(max-width:850px){.hero-stage{contain:layout paint}.v26-casebook-card{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.btf-prelude.is-exiting,.hero-stage .btf-poster{transition:none!important}}

/* Real-world validation is distinct from the interactive illustration. */
.v27-field-check{margin:0 0 22px;padding:13px 15px;border:1px solid rgba(189,220,194,.15);border-left:2px solid rgba(192,239,161,.50);border-radius:4px;background:rgba(11,29,27,.36)}
.v27-field-check span{font:750 9px ui-monospace,Consolas,monospace;letter-spacing:.09em;color:#bfe99d}
.v27-field-check p{margin:7px 0 0;font-size:12px;line-height:1.64;color:#c1d1c4}
@media(max-width:560px){.v27-field-check{margin-bottom:17px;padding:12px}}