/* BEYOND THE FLOW — V7 / luminous systems, intentional motion and clarity */
:root{--v7-glow:rgba(195,255,112,.26);--v7-paper:#eaf7ed}
.hero-stage{box-shadow:0 40px 160px rgba(0,0,0,.38),0 0 95px rgba(90,255,176,.065),inset 0 0 120px rgba(140,255,190,.045);}
.hero-stage:after{background:
 radial-gradient(ellipse 45% 38% at 48% 54%,rgba(105,220,171,.14),transparent 80%),
 radial-gradient(circle at 57% 43%,rgba(207,255,111,.095),transparent 23%),
 radial-gradient(ellipse at 47% 52%,transparent 17%,rgba(2,8,9,.49) 100%)}
.hero-stage canvas{filter:saturate(1.12) contrast(1.08)}
.hero-copy .hero-flow{filter:drop-shadow(0 0 30px rgba(186,255,107,.09))}
.v7-gfx-open{display:inline-flex;align-self:flex-start;width:max-content;max-width:100%;align-items:center;gap:10px;margin-top:14px;padding:9px 12px;border:1px solid rgba(207,255,207,.18);border-radius:2px;background:rgba(5,24,19,.38);color:#c6d9c6;font-family:inherit;font-size:10px;font-weight:650;line-height:1.2;letter-spacing:.04em;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.v7-gfx-open:hover,.v7-gfx-open:focus-visible{background:rgba(75,123,84,.19);border-color:rgba(207,255,207,.45);color:#fff}
.v7-gfx-led{width:6px;height:6px;border-radius:50%;background:#c4ff78;box-shadow:0 0 14px #b1ff67}
.v7-route-rail{position:fixed;left:17px;top:50%;transform:translateY(-50%);z-index:24;pointer-events:none;display:flex;align-items:center;flex-direction:column;gap:10px;color:rgba(211,247,214,.42);font-size:9px;letter-spacing:.1em}
.v7-route-rail i{width:1px;height:72px;background:linear-gradient(180deg,transparent,#bcfca7,transparent);opacity:.3}
.journey-render{isolation:isolate}
.v7-chapter-watermark{position:absolute;z-index:0;left:38%;top:21%;font-size:clamp(105px,19vw,340px);line-height:1;letter-spacing:-.13em;font-weight:950;font-family:Arial,sans-serif;white-space:nowrap;opacity:.10;color:var(--journey-accent,#c7ff62);transform:translate3d(calc(var(--journey-local,0)*-85px),calc(var(--journey-depth,0)*-15px),0);filter:blur(1.2px);transition:color .85s,opacity .7s;pointer-events:none}
.v7-light-beam{position:absolute;z-index:1;top:-30%;width:1px;height:170%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(197,255,169,.19),transparent);box-shadow:0 0 36px rgba(197,255,169,.19),0 0 96px rgba(94,214,182,.1);transform:rotate(32deg);opacity:.4;mix-blend-mode:screen}
.v7-light-beam-a{left:37%;}
.v7-light-beam-b{left:69%;opacity:.2;transform:rotate(-25deg)}
.journey-aura{opacity:1;filter:blur(31px)}
.journey-step .journey-content{will-change:transform,opacity}
.journey-step.is-active .journey-content{filter:drop-shadow(0 10px 60px rgba(5,16,12,.5))}
.journey-cut.on:before{filter:blur(14px)}
.journey-cut.on:after{filter:blur(2px)}
.experience-frame{box-shadow:0 42px 130px rgba(27,150,109,.08),inset 0 0 90px rgba(0,0,0,.38)}
/* Local device diagnostic, with a real control for image quality. */
.v7-graphics-dialog{position:fixed;inset:auto;margin:auto;width:min(530px,calc(100vw - 30px));max-height:min(90svh,850px);overflow:auto;border:1px solid rgba(202,255,204,.25);padding:26px;background:radial-gradient(ellipse at 80% 0%,rgba(98,182,132,.16),transparent 52%),#081111;color:#ecf7ec;box-shadow:0 30px 120px rgba(0,0,0,.8)}
.v7-graphics-dialog::backdrop{background:rgba(2,8,9,.82);backdrop-filter:blur(9px)}
.v7-graphics-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v7-dialog-index{font-size:10px;font-weight:800;color:#a9c5ac;letter-spacing:.18em}
.v7-dialog-close{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.17);color:#fff;cursor:pointer;font-size:25px;width:34px;height:34px;display:grid;place-items:center}
.v7-graphics-dialog h2{margin:20px 0 16px;font-weight:900;font-size:clamp(45px,8vw,72px);letter-spacing:-.09em;line-height:.93}
.v7-graphics-dialog h2 em{font-style:normal;color:#cbff7e}
.v7-graphics-intro{margin:0 0 22px;line-height:1.6;color:#adc5b6;font-size:14px}
.v7-graphics-status{display:flex;align-items:center;gap:16px;background:rgba(186,255,200,.055);border:1px solid rgba(202,255,204,.15);padding:18px;margin-bottom:10px}
.v7-status-orb{width:22px;height:22px;flex:none;border-radius:50%;background:#ffc96a;box-shadow:0 0 22px rgba(255,201,106,.28)}
.v7-status-orb.available{background:#cbff7e;box-shadow:0 0 26px rgba(203,255,126,.5)}
.v7-graphics-status small{display:block;color:#8da79c;font-size:9px;font-weight:800;letter-spacing:.18em;margin-bottom:7px}
.v7-graphics-status strong{display:block;font-size:17px;line-height:1.3}
.v7-graphics-meta{color:#a0baaa;line-height:1.55;font-size:12px;min-height:32px}
.v7-graphics-subtitle{font-weight:800;color:#bdd6c4;letter-spacing:.16em;font-size:10px;margin:23px 0 10px}
.v7-graphics-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.v7-graphics-options button{min-width:0;border:1px solid rgba(190,250,205,.18);background:rgba(255,255,255,.025);color:#f4fff0;text-align:left;padding:12px;cursor:pointer;transition:border-color .2s,background .2s}
.v7-graphics-options button[aria-pressed="true"]{border-color:#c6ff75;background:rgba(160,252,108,.12)}
.v7-graphics-options b{display:block;font-size:15px;margin-bottom:6px}.v7-graphics-options small{font-size:10px;color:#94afa1}
.v7-gfx-foot{border-top:1px solid rgba(220,255,221,.13);margin-top:19px;padding-top:13px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.v7-gfx-foot p{font-size:11px;line-height:1.55;color:#a3b6a8;max-width:310px;margin:0}
.v7-gfx-foot button{cursor:pointer;border:1px solid rgba(203,255,156,.3);background:rgba(100,188,125,.11);color:#dfffc5;padding:9px 12px;font:inherit;font-size:11px;white-space:nowrap}
@media(max-width:1100px){.v7-route-rail{display:none}.v7-chapter-watermark{left:31%;top:26%}}
@media(max-width:700px){.v7-gfx-open{margin-top:8px;padding:7px 10px;font-size:9px}.v7-chapter-watermark{top:25%;left:14%;opacity:.12;font-size:clamp(93px,29vw,170px)}.v7-light-beam{opacity:.23}.v7-graphics-dialog{padding:18px}.v7-gfx-foot{display:block}.v7-gfx-foot button{margin-top:10px}.v7-graphics-intro{font-size:13px}}
@media(prefers-reduced-motion:reduce){.v7-chapter-watermark{transform:none!important;transition:none!important}.v7-light-beam{opacity:.15}.hero-stage canvas{filter:none}}