/* BEYOND THE FLOW / V9 — CINEMATIC OPERATIONS */
:root{--v9-paper:#eaf4ea;--v9-signal:#c7ff62;--v9-ice:#73edcf}
.hero-stage{box-shadow:0 40px 130px rgba(0,0,0,.54),0 0 80px rgba(144,235,115,.055),inset 0 0 75px rgba(91,230,145,.035)}
.hero-stage:before{animation-duration:15s}
.hero-stage:after{background:radial-gradient(ellipse at 52% 40%,rgba(139,255,175,.095),transparent 31%),linear-gradient(180deg,rgba(4,14,13,.05),rgba(3,12,13,.25)),radial-gradient(ellipse at 45% 55%,transparent 18%,rgba(0,7,8,.42) 100%)}
.hero-v2-counter{letter-spacing:.18em}
.hero .hero-index{letter-spacing:.15em}
.hero .hero-flow{filter:drop-shadow(0 0 20px rgba(162,255,92,.13))}
.v9-hero-shortcuts{margin-top:17px;display:flex;align-items:center}
.v9-fast-open{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(199,255,98,.23);background:rgba(199,255,98,.055);color:#e2f7de;padding:11px 15px;font-size:10px;font-weight:700;line-height:1.2;font-family:inherit;letter-spacing:.09em;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.v9-fast-open:hover{background:rgba(199,255,98,.13);border-color:rgba(199,255,98,.55);transform:translateY(-2px)}
.v9-fast-dot{color:var(--v9-signal);font-size:15px}
.v7-gfx-open{margin-top:8px}
.journey-render{filter:saturate(1.04)}
.journey-sticky:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(circle at 50% 47%,transparent 12%,rgba(1,8,10,.23) 83%)}
.journey-grid{opacity:.44}
.experience-frame{border-color:rgba(166,246,162,.28);box-shadow:0 45px 150px rgba(0,0,0,.4),0 0 95px rgba(66,225,163,.05)}
.experience-bg-glow{filter:blur(35px)}
/* Operations playbook: actionable, readable, no fictitious outcomes. */
.playbook{padding-top:124px;padding-bottom:142px;position:relative;isolation:isolate}
.playbook:before{content:"";position:absolute;inset:90px -4vw -30px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 78% 42%,rgba(54,167,132,.095),transparent 47%)}
.playbook-header{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.7fr);align-items:end;gap:36px;margin:45px 0 43px}
.playbook-eyebrow{display:block;margin-bottom:22px;color:#a8c1b0;font-size:10px;font-weight:700;letter-spacing:.18em}
.playbook-header h2{margin:0;font-weight:900;font-size:clamp(46px,6.8vw,100px);line-height:.91;letter-spacing:-.07em;color:var(--v9-paper)}
.playbook-header h2 em{font-style:normal;color:var(--v9-signal)}
.playbook-header>p{margin:0 0 8px;color:#adc2b8;font-size:15px;line-height:1.7;max-width:410px}
.playbook-layout{display:grid;grid-template-columns:minmax(260px,.43fr) minmax(0,1fr);min-height:570px;border:1px solid rgba(171,250,176,.19);background:#091615;box-shadow:0 25px 100px rgba(0,0,0,.2)}
.playbook-categories{display:flex;flex-direction:column;border-right:1px solid rgba(171,250,176,.16);background:linear-gradient(180deg,#091714,#0a1214);padding:18px;gap:11px}
.playbook-tab{font:inherit;text-align:left;color:#e1eee3;border:1px solid rgba(168,220,176,.12);background:rgba(255,255,255,.02);position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:147px;padding:25px 26px;gap:12px;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.playbook-tab>span{font-size:10px;letter-spacing:.16em;color:#9cb7a8;font-weight:800}
.playbook-tab strong{font-size:20px;line-height:1.2;letter-spacing:-.03em;font-weight:780;max-width:290px}
.playbook-tab small{font-size:12px;color:#9eb7ab}
.playbook-tab i{font-style:normal;position:absolute;right:22px;top:22px;color:var(--v9-signal)}
.playbook-tab:hover{border-color:rgba(199,255,98,.43);transform:translateX(2px)}
.playbook-tab.is-active{background:linear-gradient(130deg,rgba(191,255,101,.12),rgba(77,205,163,.045));border-color:rgba(199,255,98,.56)}
.playbook-tab.is-active strong{color:var(--v9-signal)}
.playbook-panel{--playbook-accent:#c7ff62;position:relative;min-width:0;overflow:hidden;padding:22px 32px 0;background:radial-gradient(circle at 56% 29%,rgba(62,170,132,.15),transparent 44%),#07110f;display:flex;flex-direction:column}
.playbook-panel-top,.playbook-panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#a9bdaf;font-size:10px;letter-spacing:.14em;font-weight:750}
.playbook-panel-top{position:relative;z-index:3}
.playbook-live-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--playbook-accent);box-shadow:0 0 15px var(--playbook-accent)}
.playbook-display{height:168px;position:relative;margin:10px 0 9px;overflow:hidden;display:grid;place-items:center;mask-image:linear-gradient(to right,transparent,black 11%,black 89%,transparent)}
.playbook-display:before{content:"";position:absolute;inset:-20px;background:linear-gradient(90deg,transparent 49.9%,rgba(199,255,98,.18) 50%,transparent 50.1%),repeating-linear-gradient(0deg,transparent,transparent 29px,rgba(102,211,162,.055) 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,rgba(102,211,162,.055) 30px);transform:perspective(400px) rotateX(55deg) scale(1.2);opacity:.7}
.playbook-center{position:relative;z-index:3;width:126px;height:126px;border:1px solid rgba(199,255,98,.49);background:radial-gradient(circle at 50% 40%,rgba(175,255,98,.13),rgba(7,31,25,.8));box-shadow:0 0 65px rgba(137,255,117,.13),inset 0 0 35px rgba(137,255,117,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transform:rotate(-8deg)}
.playbook-center>*{transform:rotate(8deg)}
.playbook-center>span{color:#a9beb3;font-size:9px;letter-spacing:.17em}
.playbook-center b{font-size:22px;letter-spacing:-.04em;color:var(--playbook-accent)}
.playbook-center small{font-size:7px;letter-spacing:.08em;color:#b3ccb8}
.playbook-orbit{position:absolute;z-index:1;border:1px solid rgba(178,255,130,.18);border-radius:50%;width:240px;height:95px;transform:rotate(-20deg);animation:v9Orbit 11s ease-in-out infinite alternate}
.playbook-orbit-b{transform:rotate(35deg);border-color:rgba(101,255,222,.15);animation-delay:-5s}
@keyframes v9Orbit{from{transform:rotate(-28deg) scale(.95)}to{transform:rotate(29deg) scale(1.08)}}
.playbook-tracks{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 45%,var(--playbook-accent) 1.5px,transparent 3px),radial-gradient(circle at 78% 30%,var(--playbook-accent) 2px,transparent 3px),radial-gradient(circle at 84% 77%,var(--playbook-accent) 1.5px,transparent 3px);opacity:.65}
.playbook-tracks:before,.playbook-tracks:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 18%,rgba(191,255,158,.15) 18.1%,transparent 18.3%),linear-gradient(12deg,transparent 68%,rgba(88,222,178,.13) 68.2%,transparent 68.4%);animation:v9Flow 5s ease-in-out infinite alternate}
@keyframes v9Flow{from{opacity:.25;transform:translateX(-2%)}to{opacity:1;transform:translateX(2%)}}
.playbook-problem{max-width:600px;margin:6px 0 18px}
.playbook-problem>span{font-weight:750;font-size:10px;letter-spacing:.16em;color:var(--playbook-accent)}
.playbook-problem h3{font-size:clamp(24px,2.7vw,39px);letter-spacing:-.052em;line-height:1.1;margin:12px 0;color:#eef8ee}
.playbook-problem p{color:#b6c9bd;font-size:13px;line-height:1.6;margin:0}
.playbook-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(171,250,176,.14);margin-top:auto}
.playbook-steps>div{padding:22px 16px 25px 0}
.playbook-steps>div+div{border-left:1px solid rgba(171,250,176,.12);padding-left:17px}
.playbook-steps span{color:var(--playbook-accent);font-size:9px;font-weight:850;letter-spacing:.12em}
.playbook-steps p{color:#c2d3c8;line-height:1.55;font-size:12px;margin:12px 0 0}
.playbook-panel-bottom{border-top:1px solid rgba(171,250,176,.14);padding:18px 0;margin-top:0;font-size:9px}
.playbook-panel-bottom a{color:var(--playbook-accent);white-space:nowrap;text-decoration:none}
.playbook-panel-bottom a:hover{text-decoration:underline}
/* Short HR summary */
.v9-brief-dialog{width:min(780px,calc(100vw - 28px));max-height:min(90svh,930px);overflow:auto;color:#eff6ed;border:1px solid rgba(185,255,137,.31);background:radial-gradient(ellipse at 84% 10%,rgba(94,215,152,.17),transparent 46%),#0a1515;padding:30px 34px 30px;box-shadow:0 45px 120px rgba(0,0,0,.65)}
.v9-brief-dialog::backdrop{background:rgba(0,7,8,.85);backdrop-filter:blur(10px)}
.v9-brief-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.17em;color:#9ebdb0}
.v9-brief-top button{color:#d6eed9;background:none;border:1px solid rgba(213,255,228,.21);width:37px;height:37px;font-size:24px;cursor:pointer}
.v9-brief-eyebrow{font-size:10px;letter-spacing:.23em;color:#c7ff62;margin:34px 0 14px}
.v9-brief-dialog h2{font-size:clamp(52px,8vw,92px);letter-spacing:-.075em;line-height:.91;margin:0 0 22px;font-weight:900}
.v9-brief-dialog h2 em{font-style:normal;color:#c7ff62}
.v9-brief-lead{font-size:16px;line-height:1.6;color:#c7d7cb;max-width:690px;margin-bottom:30px}
.v9-brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v9-brief-grid>div{min-width:0;border:1px solid rgba(183,255,172,.18);padding:17px 14px;display:flex;flex-direction:column;gap:9px}
.v9-brief-grid span{font-size:9px;letter-spacing:.13em;color:#a3b8aa}
.v9-brief-grid strong{font-size:15px;line-height:1.25;letter-spacing:-.02em}
.v9-brief-grid small{font-size:11px;line-height:1.4;color:#9faf9f}
.v9-brief-cta{display:flex;gap:12px;margin:30px 0 22px;flex-wrap:wrap}
.v9-brief-cta a{padding:13px 19px;background:#c7ff62;color:#07100b;font-weight:850;font-size:12px;text-decoration:none}
.v9-brief-cta a+a{background:none;color:#e6f6e9;border:1px solid rgba(199,255,98,.34)}
.v9-brief-note{font-size:11px;line-height:1.6;color:#8baca0;border-top:1px solid rgba(183,255,172,.13);padding-top:15px}
@media(max-width:1050px){.playbook-header{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}.playbook-tab{padding:22px 18px}}
@media(max-width:780px){
 .playbook{padding-top:80px;padding-bottom:95px}
 .playbook-header{display:block;margin:30px 0}
 .playbook-header>p{margin-top:22px}
 .playbook-layout{display:flex;flex-direction:column}
 .playbook-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-right:0;border-bottom:1px solid rgba(171,250,176,.15);padding:10px;gap:8px}
 .playbook-tab{min-height:100px;padding:15px 12px;gap:8px}
 .playbook-tab>span{font-size:8px}.playbook-tab strong{font-size:13px}.playbook-tab small{font-size:10px}
 .playbook-tab i{display:none}
 .playbook-panel{padding:18px 18px 0}
 .playbook-display{height:140px}
 .playbook-problem h3{font-size:28px}
 .playbook-steps{grid-template-columns:1fr}
 .playbook-steps>div{padding:15px 0!important;border-left:0!important}
 .playbook-steps>div+div{border-top:1px solid rgba(171,250,176,.12)}
 .playbook-steps p{margin-top:6px}
 .playbook-panel-bottom{flex-wrap:wrap;line-height:1.55}
 .v9-brief-grid{grid-template-columns:1fr}.v9-brief-dialog{padding:22px}
}
@media(max-width:430px){
 .v9-hero-shortcuts{margin-top:10px}.v9-fast-open{font-size:9px;padding:10px 12px}
 .playbook-header h2{font-size:clamp(42px,11.3vw,59px)}
 .playbook-categories{display:flex;flex-direction:column}
 .playbook-tab{min-height:unset;padding:12px 16px;gap:6px}
 .playbook-tab strong{font-size:14px}.playbook-tab i{display:block;top:14px}
 .playbook-tab small{font-size:10px}
 .playbook-display{height:124px}
 .playbook-panel-top,.playbook-panel-bottom{font-size:8px;letter-spacing:.06em}
 .playbook-center{width:108px;height:108px}.playbook-center b{font-size:19px}
 .v9-brief-dialog h2{font-size:48px}
}
@media(prefers-reduced-motion:reduce){.playbook-orbit,.playbook-tracks:before,.playbook-tracks:after{animation:none!important}.v9-fast-open,.playbook-tab{transition:none!important}}