.hero{border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 70% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 70% at 70% 40%,#000 30%,#0000 75%)}.hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:56px;padding:96px 0 104px;display:grid;position:relative}.hero h1{letter-spacing:-.045em;font-size:clamp(44px,1.6rem + 4.4vw,80px);line-height:1.02}.hero h1 .accent{letter-spacing:-.02em}.micro{font:400 13px/1.5 var(--font-mono);color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin:26px 0 0;display:flex}.micro span{align-items:center;gap:8px;display:inline-flex}.micro span:before{content:"";background:var(--rl-blue);border-radius:50%;width:6px;height:6px}.diagram{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:24px;margin:0;padding:22px}.diagram-head{font:500 12px/1 var(--font-mono);color:var(--muted);border-bottom:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:4px 6px 16px;display:flex}.diagram-head b{color:var(--ink);font-weight:500}.diagram svg{width:100%;height:auto;display:block}.d-tangle{stroke:var(--border-strong);fill:none;stroke-width:1.2px;stroke-dasharray:3 5;animation:1.4s .3s forwards fadeT}.d-line{stroke:var(--rl-blue);stroke-width:1.5px;fill:none;stroke-dasharray:200;stroke-dashoffset:200px;animation:1s forwards draw}.d-node rect{fill:var(--surface);stroke:var(--border-strong)}.d-node text{fill:var(--ink);font:500 12.5px var(--font-sans)}.d-node circle{fill:var(--rl-blue)}.d-hub rect{fill:var(--tint);stroke:var(--rl-blue);stroke-opacity:.35}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fadeT{to{opacity:0}}.diagram-foot{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;display:grid}.diagram-foot div{background:var(--surface-2);color:var(--muted);border-radius:10px;padding:12px;font-size:12.5px}.diagram-foot b{color:var(--ink);font:500 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;display:block}.d-ring{fill:none;stroke:var(--rl-blue);vector-effect:non-scaling-stroke}.d-glow{fill:none;stroke:#4080ff;stroke-width:5px;opacity:0;pointer-events:none}.d-node.hit .d-glow{animation:1.1s ease-out dGlow}.d-node.hit rect:not(.d-glow){animation:1.1s ease-out dEdge}.d-node.hit circle{animation:1.1s ease-out dDot}@keyframes dGlow{0%{opacity:0}14%{opacity:.85}to{opacity:0}}@keyframes dEdge{0%{stroke:var(--border-strong)}14%{stroke:#4080ff;fill:var(--tint)}to{stroke:var(--border-strong);fill:var(--surface)}}@keyframes dDot{0%,to{fill:var(--rl-blue)}14%{fill:#9dbdff}}.d-hub{transform-box:fill-box;transform-origin:50%}.d-hub.beat{animation:.42s cubic-bezier(.3,1.6,.5,1) dBeat}@keyframes dBeat{0%{transform:scale(1)}35%{transform:scale(1.07)}to{transform:scale(1)}}.d-line.flash{animation:.9s ease-out dLine}@keyframes dLine{0%{stroke-width:1.5px}20%{stroke-width:2.6px;stroke:#7aa5ff}to{stroke-width:1.5px}}.strip{border-bottom:1px solid var(--border);background:var(--surface)}.strip .wrap{font:500 13px var(--font-mono);color:var(--muted);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:10px 28px;padding:22px 0;display:flex}.strip b{color:var(--ink);margin-right:6px;font-weight:500}.strip span{align-items:center;gap:10px;display:inline-flex}.strip span+span:before{content:"/";color:var(--border-strong)}.s-head{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:56px;display:grid}.s-head h2{font-size:clamp(30px,1.35rem + 1.7vw,44px)}.s-head p{color:var(--muted);max-width:500px;margin:0;font-size:17px}.problem{grid-template-columns:1fr 1fr;align-items:start;gap:72px;display:grid}.problem p{color:var(--muted);margin:24px 0 0;font-size:18px}.s-head p.eyebrow,.problem p.eyebrow{color:var(--link);max-width:none;margin:0 0 20px;font-size:12px}.problem p.bridge{color:var(--ink)}.bridge{color:var(--ink);margin-top:28px;font-size:18px}.under{margin-top:32px}.local{border:1px solid var(--border);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:32px;margin-top:40px;padding:40px;display:flex}.local h2{font-size:28px}.local p{color:var(--muted);margin:8px 0 0}.local .btn{flex:none}.philo{color:#cbd3e1;background:#101828;border-bottom:0;position:relative;overflow:hidden}.philo .wm{opacity:.07;pointer-events:none;width:520px;position:absolute;top:50%;right:-80px;transform:translateY(-50%)}.philo .wm svg{width:100%;height:auto;display:block}.philo .eyebrow{color:#7aa5ff}.philo h2{color:#fff;letter-spacing:-.045em;font-size:clamp(40px,1.5rem + 4vw,76px)}.philo h2 .accent{color:#4080ff}.philo p.lead{color:#aab4c5;max-width:640px;margin:28px 0 56px;font-size:19px}.philo-grid{border-top:1px solid #223047;grid-template-columns:repeat(3,1fr);gap:0;display:grid;position:relative}.philo-grid div{padding:28px 28px 0 0}.philo-grid b{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:600;display:block}.philo-grid span{color:#94a3b8;font-size:15px}.bento{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.bt{background:var(--bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;min-width:0;padding:26px;display:flex;position:relative;overflow:hidden}.bt .bt-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.bt .tag{font:500 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--link)}.bt .ill{font:400 10.5px var(--font-mono);color:var(--muted);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:3px 8px}.bt h3{letter-spacing:-.025em;max-width:30ch;margin-bottom:20px;font-size:20px;line-height:1.2}.bt-flow{grid-column:span 7}.bt-agent{grid-column:span 5}.bt-cons,.bt-dash,.bt-pipe{grid-column:span 4}.bt-brand,.bt-stack{grid-column:span 6}.glow{background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(from var(--ang,0deg),var(--border) 0deg,var(--rl-blue) 60deg,var(--border) 120deg,var(--border) 360deg) border-box;border-color:#0000;animation:6s linear infinite spin}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--ang:360deg}}.flow{gap:8px;margin:auto 0 0;padding:0;list-style:none;display:grid}.flow li{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:36px 1fr auto;align-items:center;column-gap:14px;padding:10px 14px;transition:opacity .4s,transform .4s,border-color .4s;display:grid}.js .flow li{opacity:.45;transform:scale(.985)}.flow li .ico{background:var(--surface-2);width:36px;height:36px;color:var(--muted);border-radius:10px;grid-row:span 2;place-items:center;transition:background .4s,color .4s;display:grid}.flow li .ico svg{width:18px;height:18px}.flow li b{color:var(--ink);font-size:14.5px;font-weight:600}.flow li small{color:var(--muted);grid-column:2;font-size:12.5px}.flow li time{font:400 11.5px var(--font-mono);color:var(--muted);grid-area:1/3/3}.js .flow li.done{opacity:1;transform:none}.flow li.done .ico{background:var(--tint);color:var(--rl-blue)}.js .flow li.now{border-color:var(--rl-blue);opacity:1;transform:none}.flow li.now .ico{background:var(--rl-blue);color:#fff}.term{background:#0b1120;border:1px solid #1e293b;border-radius:14px;flex-direction:column;flex:1;display:flex;overflow:hidden}.term-bar{border-bottom:1px solid #1e293b;align-items:center;gap:6px;padding:10px 12px;display:flex}.term-bar i{background:#2e3e59;border-radius:50%;width:9px;height:9px}.term-bar span{font:400 11px var(--font-mono);color:#64748b;margin-left:8px}.term-body{min-height:228px;font:400 12.5px/1.75 var(--font-mono);color:#cbd3e1;white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:14px 16px 18px}.term-body .c{color:#64748b}.term-body .ok{color:#4ade80}.term-body .b{color:#7aa5ff}.term-body .w{color:#fcd34d}.term-body .cur{vertical-align:-2px;background:#7aa5ff;width:7px;height:14px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.cons-num{font:600 64px/1 var(--font-sans);letter-spacing:-.05em;color:var(--ink);align-items:baseline;gap:14px;margin-top:auto;display:flex}.cn-from{color:var(--muted);text-decoration:line-through;text-decoration-thickness:3px;-webkit-text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent);text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent);font-size:40px}.cn-arrow{color:var(--rl-blue);font-size:28px}.cn-to{color:var(--rl-blue)}.cons-sub{color:var(--muted);margin:6px 0 18px;font-size:14px}.bars{align-items:flex-end;gap:6px;height:64px;display:flex}.bars span{height:var(--h);background:var(--border-strong);transform-origin:bottom;border-radius:5px 5px 2px 2px;flex:1;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.js .bars span{transform:scaleY(.15)}.bars span:nth-child(n+5){background:var(--rl-blue)}.js .play .bars span{transform:none}.play .bars span:nth-child(2){transition-delay:60ms}.play .bars span:nth-child(3){transition-delay:.12s}.play .bars span:nth-child(4){transition-delay:.18s}.play .bars span:nth-child(5){transition-delay:.3s}.play .bars span:nth-child(6){transition-delay:.36s}.play .bars span:nth-child(7){transition-delay:.42s}.bars-lab{font:400 10.5px var(--font-mono);color:var(--muted);justify-content:space-between;margin:8px 0 0;display:flex}.kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;display:grid}.kpis div{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.kpis small{font:400 10.5px var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;display:block}.kpis b{font:600 24px/1.2 var(--font-sans);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;transition:color .3s;display:inline-block}.kpis b.bump{color:var(--rl-blue)}.spark{width:100%;height:70px;margin-top:14px}.spark-line{fill:none;stroke:var(--rl-blue);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:600;transition:stroke-dashoffset 1.6s}.spark-area{fill:color-mix(in srgb,var(--rl-blue) 12%,transparent);transition:opacity 1s .8s}.js .spark-line{stroke-dashoffset:600px}.js .spark-area{opacity:0}.js .play .spark-line{stroke-dashoffset:0}.js .play .spark-area{opacity:1}.pipe{grid-template-columns:repeat(3,1fr);gap:8px;height:176px;margin-top:auto;display:grid;position:relative}.pipe .col{border:1px dashed var(--border-strong);border-radius:12px;padding:8px}.pipe .col small{font:500 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pl-card{background:var(--surface);border:1px solid var(--border);width:calc(33.3333% - 17.3333px);color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:9px;padding:7px 9px;font-size:11.5px;line-height:1.3;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;left:6px;overflow:hidden;box-shadow:0 2px 6px #1018280f}.pl-card b{font:500 10px var(--font-mono);color:var(--link);text-transform:uppercase;letter-spacing:.06em;display:block}.pl1{top:34px}.pl2{top:84px}.pl3{top:134px}.pl-card[data-c="1"]{transform:translate(calc(100% + 20px))}.pl-card[data-c="2"]{transform:translate(calc(200% + 40px))}.ba{border:1px solid var(--border);--pos:50%;border-radius:14px;height:190px;margin-top:auto;position:relative;overflow:hidden}.ba-before,.ba-after{place-items:center;display:grid;position:absolute;inset:0}.ba-before{background:repeating-linear-gradient(45deg,#fff7d6 0 12px,#ffefb0 12px 24px)}.ba-after{clip-path:inset(0 0 0 var(--pos));background:#101828}.old{text-align:center;color:#7a1f1f;gap:6px;font-family:Times New Roman,serif;display:grid}.old-logo{text-shadow:2px 2px #e5b700;letter-spacing:.06em;font:700 26px Times New Roman,serif}.old-tag{color:#1f5a7a;font:700 10px Arial,sans-serif}.old-btn{color:#fff;background:linear-gradient(#ff5a5a,#c81e1e);border:2px outset #ff8a8a;justify-self:center;padding:4px 10px;font:700 11px Arial}.new{text-align:center;justify-items:center;gap:8px;display:grid}.new-logo{font:600 30px var(--font-sans);letter-spacing:-.04em;color:#fff}.new-logo b{color:#4080ff}.new-tag{font:400 15px/1.3 var(--font-serif);color:#cbd3e1;font-style:italic}.new-btn{font:600 11.5px var(--font-sans);color:#0b1120;background:#4080ff;border-radius:7px;padding:6px 11px}.ba-handle{top:0;bottom:0;left:var(--pos);pointer-events:none;background:#fff;width:2px;position:absolute;box-shadow:0 0 0 1px #10182833}.ba-handle:after{content:"⇆";color:#101828;background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0003}.ba-range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba:has(.ba-range:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.ba-lab{font:500 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#7a1f1f;opacity:.7;position:absolute;top:10px;left:12px}.ba-lab-r{color:#94a3b8;left:auto;right:12px}.principles{grid-template-columns:1fr 1fr;gap:14px 20px;margin:0 0 18px;padding:0;list-style:none;display:grid}.principles li{color:var(--muted);font-size:14px;line-height:1.45}.principles b{color:var(--ink);margin-bottom:2px;font-size:15px;display:block}.bt-stack .cats{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.bt-stack .cats span{font:400 12px var(--font-mono);border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:999px;padding:6px 10px}.bt-stack .plat{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.5}.bt-stack .plat b{color:var(--ink);font-weight:600}@media (max-width:1020px){.hero-grid{grid-template-columns:1fr;padding:64px 0 72px}.diagram{max-width:560px}.s-head,.problem{grid-template-columns:1fr;gap:28px}.bento{grid-template-columns:repeat(6,1fr)}.bt-flow,.bt-agent,.bt-pipe,.bt-brand,.bt-stack{grid-column:span 6}.bt-cons,.bt-dash{grid-column:span 3}}@media (max-width:680px){.philo-grid{grid-template-columns:1fr}.local{flex-direction:column;align-items:flex-start;padding:28px}.diagram-foot{grid-template-columns:1fr 1fr 1fr}.diagram{padding:14px}.bento{grid-template-columns:1fr}.bt{padding:20px;grid-column:auto!important}.flow li time{display:none}.flow li{grid-template-columns:36px 1fr}.principles{grid-template-columns:1fr}.cons-num{font-size:52px}}@media (prefers-reduced-motion:reduce){.d-line{stroke-dashoffset:0;animation:none}.d-tangle{opacity:0;animation:none}.d-ring{display:none}.d-node.hit .d-glow,.d-node.hit rect,.d-node.hit circle,.d-hub.beat,.d-line.flash,.glow{animation:none}.js .flow li{opacity:1;transform:none}.js .bars span{transform:none}.js .spark-line{stroke-dashoffset:0}.js .spark-area{opacity:1}.term-body .cur{animation:none}.flow li,.flow li .ico,.bars span,.spark-line,.spark-area,.pl-card,.kpis b{transition:none}}