:root{--bg: #05070A;--bg2: #0B0F15;--panel: #0F141C;--panel2: #141B25;--line: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .16);--tx: #E6EDF3;--mu: #8B949E;--cy: #22D3EE;--cy2: #67E8F9;--vi: #8B5CF6;--ok: #34D399;--warn: #F59E0B;--bad: #F87171;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "Liberation Mono", monospace;--r: 16px;--focus: 0 0 0 3px var(--bg), 0 0 0 5px var(--cy2);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 var(--font)}a{color:var(--cy2)}a:hover{color:#fff}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:clamp(32px,4.2vw,56px)}h2{font-size:clamp(24px,2.8vw,36px)}h3{font-size:19px}p{margin:0 0 1em}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:8px;top:-60px;background:var(--cy);color:#04141a;padding:10px 14px;border-radius:8px;z-index:100;font-weight:600}.skip:focus{top:8px}.w{max-width:1240px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}.mu{color:var(--mu)}.lead{font-size:clamp(17px,1.5vw,20px);color:var(--mu);max-width:60ch}.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cy);display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}.eyebrow:before{content:"";width:18px;height:1px;background:var(--cy)}.grad{background:linear-gradient(180deg,#fff 30%,#9aa7b6);-webkit-background-clip:text;background-clip:text;color:transparent}section.s{padding:88px 0;position:relative}section.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border-radius:12px;font:600 15px var(--font);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .2s}.btn-p{background:var(--cy);color:#04141a}.btn-p:hover{background:var(--cy2);color:#04141a}.btn-g{background:#ffffff0a;border-color:var(--line2);color:var(--tx)}.btn-g:hover{background:#ffffff17;color:var(--tx)}.btn-d{background:#f871711f;border-color:#f8717180;color:#fecaca}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.glass{background:linear-gradient(180deg,#161d28b8,#0c1017b8);border:1px solid var(--line);border-radius:var(--r)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.badge{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--mono);letter-spacing:.04em;padding:6px 9px;border-radius:999px;border:1px solid var(--line2);color:var(--mu)}.badge.dev{border-color:#8b5cf699;color:#c4b5fd}.badge.hist{border-color:#f59e0b99;color:#fcd34d}.badge.ok{border-color:#34d39999;color:#6ee7b7}.badge.warn{border-color:#f59e0b99;color:#fcd34d}.badge.bad{border-color:#f8717199;color:#fecaca}.badge.passend{border-color:#34d39999;color:#6ee7b7}.badge.twijfel{border-color:#f59e0b99;color:#fcd34d}.badge.niet{border-color:var(--line2);color:var(--mu)}.notice{border:1px solid rgba(245,158,11,.45);background:#f59e0b12;border-radius:12px;padding:14px 16px;margin:16px 0}.notice.info{border-color:#22d3ee66;background:#22d3ee0f}.notice.err{border-color:#f8717180;background:#f8717114}.notice.ok{border-color:#34d39980;background:#34d39912}.field{display:grid;gap:6px;margin-bottom:18px}.field label,.field legend{font-weight:600;font-size:15px}.field .hint{color:var(--mu);font-size:14px}.field .err{color:#fecaca;font-size:14px}input[type=text],input[type=email],input[type=url],input[type=search],select,textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--line2);background:var(--panel2);color:var(--tx);font:16px var(--font)}textarea{min-height:160px;resize:vertical}input[readonly]{opacity:.8;border-style:dashed}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--bad)}fieldset{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 18px;min-width:0}.check{display:flex;gap:10px;align-items:flex-start;min-height:44px;overflow-wrap:anywhere}.check input{width:20px;height:20px;margin-top:3px;accent-color:var(--cy)}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.seg{display:inline-flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden}.seg button{background:transparent;color:var(--mu);border:0;min-height:40px;min-width:44px;padding:0 12px;font:500 14px var(--font);cursor:pointer}.seg button[aria-pressed=true]{background:#22d3ee24;color:var(--cy2)}.chiprow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--mu);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.table-wrap{overflow-x:auto}dl.facts{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:8px 16px;margin:0}dl.facts dt{color:var(--mu)}dl.facts dd{margin:0}blockquote.ev{margin:6px 0 0;padding:8px 12px;border-left:3px solid var(--vi);background:#8b5cf612;font-size:14px;color:#d4d4f7}.nav{position:sticky;top:0;z-index:50;background:#05070ae6;border-bottom:1px solid var(--line)}.nav .w{display:flex;align-items:center;min-height:64px;gap:24px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--tx);text-decoration:none}.nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;font-size:15px}.nav ul a{color:var(--mu);text-decoration:none}.nav ul a:hover,.nav ul a[aria-current=page]{color:var(--tx)}.nav .r{margin-left:auto;display:flex;gap:12px;align-items:center}.menu-btn{display:none;margin-left:auto}.nav .mob-only{display:none}@media(max-width:860px){.nav ul{display:none}.nav.open ul{display:grid;position:absolute;top:64px;left:0;right:0;background:var(--bg2);padding:12px 20px 20px;border-bottom:1px solid var(--line);gap:4px}.nav.open ul a{display:block;padding:10px 0}.menu-btn{display:inline-flex}.nav .r{margin-left:0}.nav .r .btn-p{display:none}.nav.open .mob-only{display:block}}@media(max-width:480px){.nav .r{display:none}}footer.ft{border-top:1px solid var(--line);padding:40px 0;color:var(--mu);font-size:14px}footer.ft ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:16px}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.app-side{border-right:1px solid var(--line);background:var(--bg2);padding:20px 14px}.app-side nav a{display:block;padding:10px 12px;border-radius:10px;color:var(--mu);text-decoration:none}.app-side nav a[aria-current=page]{background:#22d3ee1a;color:var(--cy2)}.app-main{padding:28px 24px 60px;min-width:0}@media(max-width:860px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-side{min-width:0}.app-side{border-right:0;border-bottom:1px solid var(--line)}.app-side nav{display:flex;overflow-x:auto;gap:4px}.app-side nav a{white-space:nowrap}}.steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 24px;flex-wrap:wrap}.steps li{font:500 12px var(--mono);padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--mu)}.steps li[aria-current=step]{border-color:var(--cy);color:var(--cy2)}.steps li.done{color:var(--ok)}.scene{overflow:hidden}.scene .bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font:500 13px var(--mono);color:var(--mu);flex-wrap:wrap}.scene .stage{position:relative;padding:20px;min-height:300px}.chaos .item,.calm .item{display:flex;gap:10px;align-items:center;padding:10px 14px;margin:0 0 10px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}.chaos .item{animation:wob 3.2s ease-in-out infinite}.chaos .item:nth-child(2n){animation-delay:.6s}.chaos .item:nth-child(3n){animation-delay:1.1s}.chaos .item.red{border-color:#f8717180;color:#fecaca}.calm .item{animation:slide .5s ease-out both}.calm .item:nth-child(2){animation-delay:.12s}.calm .item:nth-child(3){animation-delay:.24s}.dot{width:9px;height:9px;border-radius:50%;background:var(--ok);flex:none;box-shadow:0 0 10px var(--ok)}@keyframes wob{50%{transform:translateY(-4px) rotate(.6deg)}}@keyframes slide{0%{opacity:0;transform:translate(24px)}}@keyframes scan{0%{transform:translate(30px,20px)}50%{transform:translate(150px,70px)}to{transform:translate(30px,20px)}}.pain{text-align:left;cursor:pointer;color:var(--tx);font:inherit;padding:20px}.pain[aria-expanded=true]{border-color:#22d3ee80}.pain svg{width:100%;height:auto;display:block;margin-bottom:14px}.pain .lens{animation:scan 6s ease-in-out infinite}.pain .out{color:var(--ok);margin:10px 0 0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:400px){.w{padding:0 16px}section.s{padding:56px 0}dl.facts{grid-template-columns:1fr}}.mono{font-family:var(--mono);font-size:12px}.h3{font-size:19px}.hero{overflow:hidden;padding-top:72px}.hero .glow{position:absolute;inset:-20% -10% auto auto;width:70vw;max-width:900px;height:620px;pointer-events:none;background:radial-gradient(closest-side,rgba(34,211,238,.14),transparent 70%),radial-gradient(closest-side at 30% 70%,rgba(139,92,246,.12),transparent 70%)}.hero-grid{align-items:center;position:relative;gap:40px}.hero h1{font-size:clamp(34px,5vw,62px);letter-spacing:-.035em}.ticks{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--mu);font-size:14px}.ticks li:before,.checks li:before{content:"";display:inline-block;width:7px;height:12px;margin-right:10px;border:solid var(--ok);border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}.checks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.checks li{display:flex;align-items:baseline}.checks li:before{flex:none}.checks.neg li:before{border-color:var(--warn);width:10px;height:2px;border-width:0 0 2px 0;transform:translateY(-4px)}.scene{box-shadow:0 30px 80px -30px #22d3ee40}.scene .dots{display:inline-flex;gap:6px}.scene .dots i{width:9px;height:9px;border-radius:50%;background:#ffffff24}.scene-note{font-size:13px;margin:8px 0 0}.calm .item{border-color:#22d3ee40}.pains{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:start}.pain{padding:0;overflow:hidden;transition:border-color .2s,transform .2s}.pain:hover{transform:translateY(-2px)}.pain.is-open{border-color:#22d3ee80}.pain-btn{display:block;width:100%;text-align:left;background:none;border:0;color:var(--tx);font:inherit;padding:20px;cursor:pointer;border-radius:var(--r)}.pain-btn svg{width:100%;height:auto;display:block;margin-bottom:14px}.pain-h{display:block;font-weight:700;font-size:19px;line-height:1.2;letter-spacing:-.02em}.pain-hint{display:block;margin-top:12px;font-size:14px}.pain .out{padding:0 20px 20px;color:var(--ok)}.pain .out p{margin:0 0 8px}.split{align-items:center;gap:40px}.dossier{padding:24px}.dossier-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.dossier .why{border-left:3px solid var(--cy);padding-left:12px}.dossier .unk{border-left:3px solid var(--warn);padding-left:12px;color:#fde68a;margin-bottom:0}dl.facts.small{margin-bottom:14px;font-size:15px}.g4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.steps-grid{list-style:none;padding:0;margin:0}.steps-grid .n,.timeline .n{font:600 13px var(--mono);color:var(--cy);display:block;margin-bottom:10px}.cta-band{background:radial-gradient(60% 120% at 50% 0%,rgba(34,211,238,.12),transparent 70%),var(--bg2);border-top:1px solid var(--line)}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.center-row{justify-content:center}.card-feature{border-color:#22d3ee4d}.timeline{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:14px}.timeline li{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.timeline li .n{margin:3px 0 0}.timeline li p{margin:0}.prose h2{font-size:22px;margin-top:1.6em}.facts-card{margin-top:28px}.link-list{display:grid;gap:8px;padding-left:20px}.form-embed{margin:24px 0 12px;border:1px solid var(--line2);border-radius:var(--r);overflow:hidden;background:#fff}.form-embed iframe{display:block;width:100%;height:80vh;min-height:640px;border:0}footer.ft{padding:48px 0 24px}.ft-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px}footer.ft .ft-grid ul{display:grid;gap:8px}.ft-grid a{color:var(--mu);text-decoration:none}.ft-grid a:hover{color:var(--tx)}.ft-h{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tx);margin-bottom:12px}.ft-base{border-top:1px solid var(--line);margin-top:32px;padding-top:18px}.ft-base p{margin:0}@media(max-width:860px){.ft-grid{grid-template-columns:1fr 1fr}.hero{padding-top:48px}}@media(max-width:480px){.ft-grid{grid-template-columns:1fr}.scene .bar{gap:8px}.scene .seg{margin-left:0!important}.scene .stage{padding:14px;min-height:0}.btn-row .btn{flex:1 1 auto}.timeline li{grid-template-columns:1fr}}:root{--mu2: #5B6573;--mu: #9AA4AE}.hero{padding:96px 0 88px;overflow:hidden}.hero .grid-bg{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 60% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 60% 30%,#000 30%,transparent 75%)}.hero .glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;inset:auto;max-width:none}.hero .glow.g1{width:620px;height:620px;background:#22d3ee1f;right:-120px;top:20px}.hero .glow.g2{width:520px;height:520px;background:#8b5cf61c;left:-200px;top:260px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center;position:relative}.hero h1{font-size:clamp(36px,5.2vw,68px);letter-spacing:-.04em;line-height:1.02}.hero .assure{margin:22px 0 0;color:var(--mu);font-size:15px}.hero-copy .lead{margin-top:20px}@media(max-width:1060px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}}.cv{overflow:hidden;box-shadow:0 40px 100px -40px #22d3ee47;min-width:0}.cv .bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font:500 12px var(--mono);color:var(--mu)}.cv .dots{display:inline-flex;gap:6px}.cv .dots i{width:9px;height:9px;border-radius:50%;background:#ffffff24}.cv-play{margin-left:auto;background:#ffffff0a;border:1px solid var(--line2);color:var(--tx);font:600 12px var(--font);padding:6px 12px;border-radius:9px;cursor:pointer;min-height:32px}.cv-play[disabled]{opacity:.5;cursor:default}.cv .tabs{display:flex;gap:4px;padding:10px 12px 0;flex-wrap:wrap}.cv .tab{background:none;border:1px solid transparent;color:var(--mu);font:500 13px var(--font);padding:8px 12px;border-radius:9px;cursor:pointer;min-height:36px}.cv .tab[aria-pressed=true]{color:var(--tx);border-color:var(--line2);background:#ffffff0d}.cv .stage{position:relative;height:400px;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px}.cv .stage>svg{position:absolute;inset:0;width:100%;height:100%}.node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:0;color:var(--tx);cursor:pointer;padding:0;font:inherit}.node .t{width:54px;height:54px;border-radius:15px;background:linear-gradient(180deg,#18202c,#0f141c);border:1px solid var(--line2);display:grid;place-items:center;transition:.35s;box-shadow:0 10px 30px -10px #000000e6;opacity:.55}.node .t svg{width:24px;height:24px}.node .l{font:500 11.5px var(--mono);color:var(--mu);white-space:nowrap}.node.step .t{background:linear-gradient(180deg,#221a3d,#140f26);border-color:#8b5cf673}.node.hot .t{opacity:1;border-color:#22d3eebf;box-shadow:0 0 0 4px #22d3ee1a,0 0 34px -4px #22d3ee99}.node.step.hot .t{border-color:#a78bfa;box-shadow:0 0 0 4px #8b5cf624,0 0 40px -4px #8b5cf6b3}.node.hot .l{color:var(--tx)}.node:hover .t,.node:focus-visible .t{transform:translateY(-3px)}.insp{position:absolute;left:50%;bottom:12px;transform:translate(-50%,6px);width:min(320px,90%);padding:12px 14px;font-size:13px;opacity:0;transition:.25s;pointer-events:none;z-index:3}.insp.on{opacity:1;transform:translate(-50%)}.insp b{display:block;margin-bottom:2px}.cv-foot{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line);font-size:13px;color:var(--mu)}.cv-phase{font:600 12px var(--mono);color:var(--cy2);letter-spacing:.04em;text-transform:uppercase}.cv-status b{color:var(--tx)}@media(max-width:640px){.cv .stage{height:320px}.node .t{width:40px;height:40px;border-radius:11px}.node .t svg{width:18px;height:18px}}.pain .art{display:grid;place-items:center;height:140px;border-bottom:1px solid var(--line);margin:-20px -20px 16px;background:radial-gradient(ellipse at 50% 120%,rgba(34,211,238,.07),transparent 70%)}.pain .art svg{width:88%;height:118px;margin:0}.pain-l{display:block;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--warn);margin-bottom:6px}.pain.on .pain-l{color:var(--ok)}.ptc .lens{animation:scan 6s ease-in-out infinite}.ptc .found,.ptc .auto,.ptc .bell,.ptc .flag{opacity:0;transition:opacity .5s}.ptc.on .found,.ptc.on .auto,.ptc.on .bell,.ptc.on .flag{opacity:1}.ptc.on .lens{animation:none;opacity:0}.ptc.on .hand{opacity:0}.ptc .typo{animation:blink 1s steps(2) infinite}.ptc.on .typo{fill:#ffffff4d;animation:none}.ptc.on .bell{animation:ring 1s ease-in-out infinite;transform-origin:190px 30px}@keyframes blink{50%{opacity:.2}}@keyframes ring{25%{transform:rotate(12deg)}75%{transform:rotate(-12deg)}}.stage-day{position:relative;padding:20px;min-height:320px}.center h2,.center .lead{margin-left:auto;margin-right:auto}.flow{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}.flow li{display:grid;grid-template-columns:40px 1fr;gap:6px}.flow .n{font:600 13px var(--mono);color:var(--cy);padding-top:2px}.flow p{margin:2px 0 0}.oc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.oc>div{padding:24px}.oc .big{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#22d3ee1a;color:var(--cy2);font-size:20px;margin-bottom:16px}.oc b{display:block;font-size:17px;margin-bottom:6px}.oc p{margin:0;font-size:14.5px}.small-note{font-size:13px;margin-top:16px}@media(max-width:900px){.oc{grid-template-columns:1fr 1fr}}@media(max-width:480px){.oc{grid-template-columns:minmax(0,1fr)}}.nav .has-sub{position:relative}.nav .sub-head{display:inline-flex;align-items:center;gap:2px}.nav .sub-btn{background:none;border:0;color:var(--mu);cursor:pointer;padding:6px;min-width:28px;min-height:28px;display:inline-grid;place-items:center;border-radius:6px}.nav .sub{display:none;position:absolute;top:calc(100% + 10px);left:-12px;min-width:200px;background:var(--panel);border:1px solid var(--line2);border-radius:12px;padding:8px;list-style:none;margin:0;z-index:60;box-shadow:0 20px 40px -20px #000c}.nav .has-sub.sub-open .sub{display:grid;gap:2px}.nav .sub a{display:block;padding:8px 10px;border-radius:8px}.nav .sub a:hover{background:#ffffff0d}@media(max-width:860px){.nav .sub-btn{display:none}.nav.open .sub{display:grid;position:static;border:0;box-shadow:none;background:none;padding:0 0 0 14px;min-width:0}}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 18px;font-size:14px;color:var(--mu)}.crumbs li+li:before{content:"/";margin-right:6px;color:var(--mu2)}.crumbs a{color:var(--mu)}.crumbs [aria-current]{color:var(--tx)}@media(prefers-reduced-motion:reduce){.ptc .lens{transform:translate(60px,40px)}}.werk-visual{margin:32px 0 8px}.cv .flow-h{display:none}@media(max-width:640px){.cv .stage{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;padding:14px 12px 16px}.cv .stage>svg{display:none}.cv .flow-h{display:block;grid-column:1 / -1;font:600 13px var(--font);color:var(--tx);margin:6px 0 0}.cv .flow-h:before{content:attr(data-n);display:inline-block;min-width:22px;color:var(--cy2);font-family:var(--mono)}.cv .flow-h+.node{margin-top:0}.node{position:static;transform:none;gap:6px;padding:8px 4px;border-radius:12px;background:#ffffff05;border:1px solid var(--line);min-height:44px}.node .t{width:40px;height:40px;border-radius:11px}.node .t svg{width:20px;height:20px}.node .l{font:500 12.5px/1.25 var(--font);white-space:normal;text-align:center;letter-spacing:0}.insp{position:static;grid-column:1 / -1;transform:none;width:auto;display:none}.insp.on{display:block;transform:none}}@media(max-width:360px){.node .l{font-size:12px}}.concept-hero{padding-top:40px}.concept-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 40px}.concept-nav a{display:inline-block;padding:8px 12px;border:1px solid var(--line2);border-radius:10px;color:var(--mu);text-decoration:none;font-size:14px}.concept-nav a[aria-current=page]{color:var(--tx);border-color:#22d3ee99;background:#22d3ee14}.hero .besli{font-size:14px;max-width:52ch;border-left:2px solid rgba(139,92,246,.6);padding-left:12px}.pdetail{padding:16px;border-top:1px solid var(--line);font-size:14.5px}.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:0 0 12px}.pd-grid dt{font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cy2);margin-bottom:2px}.pd-grid dd{margin:0}.pd-caution{border-left:3px solid var(--warn);padding-left:10px;color:#fde68a}.pd-status{color:var(--mu)}@media(max-width:640px){.pd-grid{grid-template-columns:minmax(0,1fr)}}.calc{margin-top:14px;font-size:14.5px}.calc-note{margin:0 0 12px}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.calc .field label{font-size:13.5px;font-weight:500}.calc-out{margin-top:14px}.calc-assume{font-size:13px}@media(max-width:640px){.calc-grid{grid-template-columns:minmax(0,1fr)}}.lanes-grid{padding:14px 16px 6px;display:grid;gap:10px}.lane-head{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:10px;padding-left:92px;font:600 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}.lane-head span:nth-child(2){text-align:center;color:#c4b5fd}.lane{display:grid;grid-template-columns:82px 1fr 1.1fr 1fr;gap:10px;align-items:stretch;opacity:.5;transition:opacity .4s}.lane-role{font-weight:700;font-size:13.5px;align-self:center}.lane-a,.lane-b{padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);font-size:13.5px;line-height:1.35}.lane-lbl{display:none}.lane.on .lane-a{border-color:#f59e0b80}.lane.on .lane-b{border-color:#22d3ee99;box-shadow:0 0 24px -8px #22d3ee99}.lane-mid{position:relative;border-radius:12px;background:linear-gradient(90deg,#8b5cf61a,#8b5cf638,#8b5cf61a);border:1px solid rgba(139,92,246,.35);min-height:44px;overflow:hidden}.lane-line{position:absolute;left:10%;right:10%;top:50%;height:2px;background:#22d3ee40}.lane-dot{position:absolute;top:calc(50% - 5px);left:8%;width:10px;height:10px;border-radius:50%;background:#67e8f9;box-shadow:0 0 12px #22d3ee;opacity:0}.lanes.motion .lane.on .lane-a{animation:laneA 1s ease-out both}.lanes.motion .lane.on .lane-b{animation:laneB 1s ease-out 1.6s both}.lanes.motion .lane.on .lane-dot{opacity:1;animation:laneDot 2.4s ease-in-out .6s infinite}.lanes.paused .lane-dot,.lanes.paused .lane-a,.lanes.paused .lane-b{animation-play-state:paused!important}@keyframes laneA{0%{opacity:.4}to{opacity:1}}@keyframes laneB{0%{opacity:.25;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes laneDot{0%{left:8%}60%{left:86%}to{left:86%;opacity:0}}@media(max-width:640px){.lane-head{display:none}.lane{grid-template-columns:minmax(0,1fr);gap:6px;padding:10px;border:1px solid var(--line);border-radius:14px}.lane-lbl{display:block;font:600 12px var(--mono);color:var(--mu);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.lane-mid{min-height:22px}.lane:not(.on) .lane-a,.lane:not(.on) .lane-b,.lane:not(.on) .lane-mid{display:none}.lane:not(.on){opacity:.7}}.story-steps{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:10px 12px 0;margin:0}.story-steps .tab .n{font:600 12px var(--mono);color:var(--cy2);margin-right:4px}.story-steps .tab[aria-pressed=true]{color:var(--tx);border-color:var(--line2);background:#ffffff0d}.story-stage{min-height:360px;padding:18px 16px}.st-h{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cy2);margin:0 0 12px}.pile{list-style:none;padding:0;margin:0;display:grid;gap:8px}.pile li{padding:10px 14px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);font-size:14.5px}.pile li:last-child{border-color:#f8717180;color:#fecaca}.story.motion .pile li{animation:pileIn .5s ease-out both}.mid-flow{list-style:none;padding:0;margin:0;display:grid;gap:14px}.mid-flow li{display:flex;align-items:center;gap:12px;font-size:15px}.mid-flow .node{position:static;transform:none}.mid-flow .node .t{width:40px;height:40px;opacity:1;font:600 14px var(--mono);color:#e9d5ff}.story.motion .mid-flow li{animation:pileIn .5s ease-out both}.result-card{padding:16px;border-radius:14px;background:var(--panel2);border:1px solid rgba(34,211,238,.5);box-shadow:0 0 34px -12px #22d3ee99;margin-bottom:14px}.result-card h3{margin-top:10px}.story.motion .result-card{animation:laneB .7s ease-out both}.you-decide{margin:8px 0 0}.story-nav{justify-content:space-between;align-items:center}.story-nav .cv-status{flex:1 1 200px;font-size:13px}@keyframes pileIn{0%{opacity:0;transform:translateY(8px)}}@media(max-width:640px){.story-stage{min-height:0}.story-nav .btn{flex:0 0 auto}}.lane{opacity:.62}.lane.on{opacity:1}.lane-steps{position:absolute;left:0;right:0;bottom:8px;text-align:center;font:500 12px var(--font);color:#c4b5fd;padding:0 6px}.lane-mid{min-height:64px}.lane-line{top:40%}.lane-dot{top:calc(40% - 5px)}@media(max-width:640px){.lane-mid{min-height:52px}.lane-steps{bottom:6px}.lane-line{top:30%}.lane-dot{top:calc(30% - 5px)}}.a2-frame{overflow:hidden;box-shadow:0 40px 100px -40px #22d3ee47;min-width:0}.a2-frame>.cv{border:0;border-radius:0;box-shadow:none;background:none}.a2-sub{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:8px;align-items:start;margin:0 12px;padding:16px 14px 12px;border:1px solid var(--line2);border-radius:14px;background:linear-gradient(180deg,#141b25d9,#0c1017d9)}.a2-label{margin:0 0 6px;font:600 12.5px var(--mono);letter-spacing:.06em;text-transform:uppercase}.a2-side.before .a2-label{color:#fcd34d}.a2-side.after .a2-label{color:var(--cy2)}.a2-scene{position:relative;display:flex;align-items:flex-end;gap:6px;height:114px}.worker{width:124px;height:114px;flex:none}.a2-pile{display:flex;flex-direction:column-reverse;gap:3px;margin-bottom:18px}.a2-done{display:flex;flex-direction:column-reverse;gap:3px;margin-bottom:18px;opacity:0;transition:opacity .5s}.a2-sub[data-phase=eind] .a2-done{opacity:1}.card-t{display:block;width:30px;height:9px;border-radius:3px;background:#2c3646;border:1px solid rgba(245,158,11,.55)}.card-t.done{border-color:#34d399b3;background:#34d3992e}.a2-sub.motion .a2-pile .card-t{animation:pileJitter 2.6s ease-in-out infinite}.a2-sub.motion[data-phase=eind] .a2-pile .card-t{animation:none}.a2-sub.paused .card-t,.a2-sub.paused .worker *{animation-play-state:paused!important}@keyframes pileJitter{50%{transform:translate(2px) rotate(-1.5deg)}}.tbar{position:relative;display:flex;height:20px;margin-top:8px;border-radius:8px;background:#ffffff0d;border:1px solid var(--line);overflow:hidden}.tbar-work{display:block;height:100%;background:linear-gradient(90deg,#b45309,#f59e0b);transition:width .38s ease-out}.a2-side.after .tbar-work{background:linear-gradient(90deg,#0e7490,#22d3ee)}.tbar-free{position:relative;display:block;height:100%;background:repeating-linear-gradient(135deg,#c4b5fd38 0 6px,#c4b5fd1f 6px 12px);border-left:1px solid rgba(196,181,253,.7);transition:width .38s ease-out}.tbar-free-l{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 12px var(--font);color:#ede9fe;white-space:nowrap;overflow:hidden}.a2-hours{margin:6px 0 0;font-size:13.5px;color:var(--mu)}.a2-hours b{color:var(--tx);font-size:16px}.a2-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:104px;margin-top:24px}.a2-link-line{width:2px;flex:1;background:linear-gradient(180deg,#8b5cf61a,#8b5cf699,#8b5cf61a)}.a2-core{font:600 12px var(--mono);color:#e9d5ff;padding:5px 7px;border-radius:9px;border:1px solid rgba(167,139,250,.7);background:linear-gradient(180deg,#221a3d,#140f26);box-shadow:0 0 22px -6px #8b5cf6cc;position:relative;z-index:2}.card-t.travel{position:absolute;top:50%;left:-14px;opacity:0;z-index:1;animation:travel 1.3s ease-in-out both}@keyframes travel{0%{transform:translate(-20px,-4px);opacity:0}20%{opacity:1}50%{transform:translate(17px,-4px);border-color:#a78bfae6}80%{opacity:1}to{transform:translate(58px,-4px);opacity:0;border-color:#34d399cc}}.a2-result{grid-column:1 / -1;margin:10px 0 0;text-align:center;font-weight:700;font-size:17px;color:var(--tx);opacity:0;transition:opacity .5s}.a2-result.on{opacity:1}.a2-sub:not(.motion) .a2-result{opacity:1}.a2-note{margin:10px 16px 14px;font-size:13px;color:var(--mu)}@media(max-width:640px){.a2-sub{grid-template-columns:minmax(0,1fr);margin:0 10px;padding:14px 12px 10px}.a2-link{flex-direction:row;height:auto;margin:2px 0}.a2-link-line{width:auto;height:2px;flex:1;background:linear-gradient(90deg,#8b5cf61a,#8b5cf699,#8b5cf61a)}.card-t.travel{display:none}.tbar{height:22px}.tbar-free-l{font-size:12px}.a2-label{font-size:13px}.a2-result{font-size:16px}}@media(prefers-reduced-motion:reduce){.tbar-work,.tbar-free,.a2-done,.a2-result{transition:none}}.a3-sub{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}.a3-scenario{grid-column:1 / -1;margin:0 0 6px;text-align:center;font:600 13.5px var(--font);color:#ede9fe}.a3-scenario:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 10px #8b5cf6;vertical-align:1px}.a3-figure{display:block;width:100%;max-width:260px;height:auto;aspect-ratio:240 / 122;margin:2px 0;border-radius:10px;background:radial-gradient(ellipse at 50% 30%,rgba(34,211,238,.06),transparent 70%)}.a3-cap{margin:6px 0 0;font-size:13px;color:var(--mu);display:grid;gap:2px}.a3-cap b{color:var(--tx);font-size:15px}.a3-freed b{color:#c4b5fd}.a3-sub .a2-link{height:132px;margin-top:40px}.a3-outcome{grid-column:1 / -1;text-align:center}.a3-outcome .a2-result{margin-top:8px}.a3-note{margin:4px 0 0;font-size:13px;color:var(--mu)}.a3-bar .tbar-work,.a3-bar .tbar-free{transition:width 1.2s ease-in-out}@media(max-width:640px){.a3-sub{grid-template-columns:minmax(0,1fr)}.a3-sub .a2-link{height:auto;margin:4px 0}.a3-figure{max-width:100%}.a3-scenario{font-size:13px}}.glass-card{padding:22px;box-shadow:0 1px #ffffff0d inset,0 30px 80px -30px #22d3ee40}.glass-card>:last-child{margin-bottom:0}