.hero.hero-2026{--hero-ink:#08111f;--hero-surface:#0e1a2b;--hero-panel:#101f33;--hero-line:rgba(185,208,216,.14);--hero-cyan:#8eb9c3;--hero-cyan-bright:#acd3da;--hero-paper:#f5f3ee;position:relative;isolation:isolate;min-height:calc(100svh - 120px);padding:0;overflow:hidden;background:linear-gradient(135deg,#08111f 0%,#0a1423 52%,#0d192a 100%);border-bottom:1px solid rgba(255,255,255,.08)}.hero-2026:before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(142,185,195,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(142,185,195,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,rgba(0,0,0,.45),#000 48%,rgba(0,0,0,.78));opacity:.72}.hero-2026:after{content:"";position:absolute;z-index:-2;width:52vw;height:52vw;right:-12vw;top:-24vw;border-radius:50%;background:radial-gradient(circle,rgba(120,170,180,.14),rgba(120,170,180,.035) 46%,transparent 70%);filter:blur(24px)}.hero-2026__ambient{position:absolute;z-index:-1;inset:auto auto -28% -10%;width:48vw;height:48vw;border-radius:50%;background:radial-gradient(circle,rgba(198,209,175,.055),transparent 68%);pointer-events:none}.hero-2026__inner{width:min(calc(100% - 80px),1760px);min-height:calc(100svh - 186px);margin:0 auto;display:grid;grid-template-columns:minmax(560px,.95fr) minmax(620px,1.05fr);align-items:center;gap:clamp(54px,6vw,116px);padding:clamp(62px,8vh,118px) 0 clamp(48px,6vh,74px)}.hero-2026__copy{position:relative;z-index:5;max-width:860px}.hero-2026__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 25px;color:#91a1b1;font:750 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}.hero-2026__eyebrow span{width:34px;height:1px;background:var(--hero-cyan)}.hero-2026 h1{max-width:900px;margin:0;color:var(--hero-paper);font-size:clamp(58px,5.25vw,102px);font-weight:680;line-height:.92;letter-spacing:-.062em;text-wrap:balance}.hero-2026 h1 em{font-style:normal;color:var(--hero-cyan-bright)}.hero-2026__lead{max-width:760px;margin:30px 0 0;color:#aab7c5;font-size:clamp(17px,1.22vw,21px);line-height:1.62}.hero-2026__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-2026__primary{background:#c9d2bd}.hero-2026__secondary{color:#e7ebef}.hero-2026__stack{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:34px;color:#7f8d9d;font:750 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase}.hero-2026__stack i{font-style:normal;color:#537a83}.hero-2026__rail{width:min(calc(100% - 80px),1760px);margin:0 auto;min-height:66px;border-top:1px solid var(--hero-line);display:flex;align-items:center;justify-content:space-between;gap:32px;color:#718092;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}.hero-2026__rail>div{display:flex;align-items:center;gap:clamp(18px,2.4vw,44px);flex-wrap:wrap}.hero-2026__rail a{display:flex;align-items:center;gap:12px;color:#8d9aaa}.hero-2026__rail a b{color:var(--hero-cyan);font-size:13px}.hero-lab{--rx:0deg;--ry:0deg;position:relative;z-index:3;width:100%;max-width:850px;justify-self:end;perspective:1400px}.hero-lab__glow{position:absolute;width:62%;aspect-ratio:1;right:3%;top:7%;border-radius:50%;background:rgba(120,170,180,.19);filter:blur(90px);opacity:.42;animation:labGlow 6s ease-in-out infinite}.hero-lab__frame{position:relative;overflow:hidden;border:1px solid rgba(160,192,203,.2);border-radius:24px;background:linear-gradient(145deg,rgba(17,32,52,.98),rgba(9,18,32,.98));box-shadow:0 36px 100px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.03);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .16s ease-out}.hero-lab__frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 16%,rgba(173,210,218,.045) 44%,transparent 67%);transform:translateX(-100%);animation:labSweep 8s ease-in-out infinite}.hero-lab__bar{height:52px;padding:0 17px;border-bottom:1px solid var(--hero-line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;color:#66788b;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.11em}.hero-lab__dots{display:flex;gap:5px}.hero-lab__dots span{width:6px;height:6px;border:1px solid #66788b;border-radius:50%}.hero-lab__path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-lab__status{display:flex;align-items:center;gap:7px;color:#91a4b5}.hero-lab__status i{width:5px;height:5px;border-radius:50%;background:#8eb9c3;box-shadow:0 0 14px #8eb9c3;animation:statusPulse 2.2s ease-in-out infinite}.hero-lab__workspace{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:minmax(290px,1fr) 190px;min-height:570px}.hero-lab__code,.hero-lab__preview,.hero-lab__graph{position:relative;min-width:0}.hero-lab__code{border-right:1px solid var(--hero-line);background:linear-gradient(180deg,rgba(10,20,35,.4),rgba(8,16,29,.66));padding-bottom:56px}.hero-lab__panel-head{height:42px;padding:0 16px;border-bottom:1px solid var(--hero-line);display:flex;align-items:center;justify-content:space-between;color:#8c9bad;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.11em}.hero-lab__panel-head b{color:#6e9fa9}.code-lines{counter-reset:code;margin:0;padding:22px 18px 20px 52px;list-style:none;color:#afbbc7;font:650 clamp(9px,.72vw,12px)/1.85 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.code-lines li{position:relative}.code-lines li:before{counter-increment:code;content:counter(code,decimal-leading-zero);position:absolute;left:-34px;color:#405064;font-weight:500}.code-indent{padding-left:13px}.code-indent2{padding-left:26px}.code-indent3{padding-left:40px}.code-key{color:#aebd85}.code-type{color:#8fbcc5}.code-fn{color:#d6c59c}.code-cursor{display:inline-block;width:6px;height:13px;margin-left:4px;vertical-align:-2px;background:#8eb9c3;animation:cursorBlink 1s steps(1) infinite}.hero-lab__terminal{position:absolute;left:0;right:0;bottom:0;height:56px;border-top:1px solid var(--hero-line);display:flex;align-items:center;gap:14px;padding:0 16px;color:#607386;font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}.hero-lab__terminal span:before{content:"";display:inline-block;width:4px;height:4px;margin-right:5px;border-radius:50%;background:#668f76;vertical-align:1px}.hero-lab__terminal .terminal-live{margin-left:auto;color:#8eb9c3}.hero-lab__terminal .terminal-live:before{background:#8eb9c3;box-shadow:0 0 8px rgba(142,185,195,.7)}.hero-lab__preview{display:flex;flex-direction:column;padding:22px;background:rgba(15,29,47,.55)}.preview-browser{flex:1;border:1px solid rgba(180,205,214,.13);border-radius:11px;overflow:hidden;background:#e9eceb;box-shadow:0 18px 45px rgba(0,0,0,.18);transform:translateZ(18px)}.preview-browser__bar{height:27px;padding:0 8px;display:flex;align-items:center;gap:4px;background:#d9deda;color:#7d8684}.preview-browser__bar span{width:4px;height:4px;border-radius:50%;background:#9ca5a3}.preview-browser__bar b{margin-left:auto;font:700 5px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.preview-browser__body{padding:12px;background:#f4f2ed;min-height:216px}.preview-nav{height:19px;display:flex;align-items:center;gap:9px;color:#172131}.preview-nav strong{font-size:7px}.preview-nav span{width:20px;height:2px;background:#bbc2c0}.preview-nav i{width:18px;height:7px;margin-left:auto;border-radius:7px;background:#182333}.preview-hero{position:relative;height:116px;margin-top:13px;padding:15px;background:#101d2d;overflow:hidden}.preview-hero:after{content:"";position:absolute;width:76px;height:76px;right:-9px;top:17px;border-radius:50%;background:#8eb9c3}.preview-hero small{position:relative;z-index:2;color:#73949c;font:700 5px/1 ui-monospace,monospace;letter-spacing:.1em}.preview-hero b{position:relative;z-index:2;display:block;margin-top:17px;color:#f5f3ee;font-size:18px;line-height:.9;letter-spacing:-.05em}.preview-hero span{position:relative;z-index:2;display:block;width:60%;height:3px;margin-top:12px;background:#596678}.preview-hero span+span{width:42%;margin-top:5px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.preview-grid i{height:27px;background:#d7dcda}.preview-grid i:first-child{background:#c5d7d9}.hero-lab__chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.hero-lab__chips span{padding:6px 8px;border:1px solid rgba(173,200,209,.14);border-radius:999px;color:#75899b;font:700 6px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.hero-lab__graph{grid-column:1/-1;border-top:1px solid var(--hero-line);overflow:hidden;background:radial-gradient(circle at 66% 45%,rgba(120,170,180,.07),transparent 34%)}.hero-lab__graph svg{position:absolute;inset:20px 8% 4px;width:84%;height:calc(100% - 24px);overflow:visible}.graph-line{fill:none;stroke:rgba(122,159,171,.36);stroke-width:1.2;stroke-dasharray:5 8;animation:graphFlow 8s linear infinite}.graph-line--2{animation-direction:reverse;animation-duration:10s}.hero-lab__graph circle{fill:#0b1627;stroke:#8eb9c3;stroke-width:1.5}.graph-label{position:absolute;z-index:2;left:17px;top:14px;display:flex;gap:11px;color:#627487;font:700 7px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.graph-label b{color:#8eb9c3}.graph-node{position:absolute;z-index:3;padding:4px 6px;border:1px solid rgba(160,195,205,.14);border-radius:6px;background:#0c1829;color:#93a5b5;font:700 6px/1 ui-monospace,monospace;letter-spacing:.08em}.graph-node--1{left:9%;top:49%}.graph-node--2{left:37%;top:17%}.graph-node--3{left:37%;bottom:12%}.graph-node--4{left:65%;top:49%;color:#b9d2d7}.graph-node--5{right:5%;top:21%}.graph-node--6{right:4%;bottom:12%}.hero-lab__float{position:absolute;z-index:6;border:1px solid rgba(164,194,205,.18);background:rgba(8,17,31,.86);backdrop-filter:blur(12px);box-shadow:0 16px 45px rgba(0,0,0,.2)}.hero-lab__float--top{left:-28px;top:76px;width:96px;padding:12px 13px;border-radius:12px}.hero-lab__float--top span{display:block;color:#668298;font:700 7px/1 ui-monospace,monospace}.hero-lab__float--top b{display:block;margin-top:25px;color:#b8c5cf;font:750 8px/1.35 ui-monospace,monospace;letter-spacing:.1em}.hero-lab__float--bottom{right:-18px;bottom:48px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;color:#7f91a1;font:700 7px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.hero-lab__float--bottom i{width:5px;height:5px;border-radius:50%;background:#8eb9c3;box-shadow:0 0 10px rgba(142,185,195,.7)}.hero-lab__float--bottom b{color:#b5c2cb}.hero-lab:hover .hero-lab__float--top{transform:translateY(-4px)}.hero-lab:hover .hero-lab__float--bottom{transform:translateY(3px)}.hero-lab__float{transition:transform .35s ease}@keyframes labGlow{0%,100%{opacity:.32;transform:scale(.92)}50%{opacity:.48;transform:scale(1.08)}}@keyframes labSweep{0%,25%{transform:translateX(-120%)}58%,100%{transform:translateX(125%)}}@keyframes statusPulse{0%,100%{opacity:.45}50%{opacity:1}}@keyframes cursorBlink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes graphFlow{to{stroke-dashoffset:-80}}
@media(min-width:1900px){.hero-2026__inner,.hero-2026__rail{width:min(calc(100% - 120px),1880px)}.hero-2026__inner{grid-template-columns:minmax(650px,.92fr) minmax(760px,1.08fr)}.hero-lab{max-width:940px}.hero-lab__workspace{min-height:620px}}
@media(max-width:1380px){.hero-2026__inner{width:min(calc(100% - 56px),1500px);grid-template-columns:minmax(500px,.95fr) minmax(540px,1.05fr);gap:48px}.hero-2026__rail{width:min(calc(100% - 56px),1500px)}.hero-2026 h1{font-size:clamp(54px,5.4vw,80px)}.hero-lab__workspace{min-height:520px}.hero-lab__terminal span:nth-child(2){display:none}}
@media(max-width:1180px){.hero.hero-2026{min-height:calc(100svh - 76px)}.hero-2026__inner{width:min(calc(100% - 48px),980px);min-height:0;grid-template-columns:1fr;gap:58px;padding:74px 0 54px}.hero-2026__copy{max-width:900px}.hero-2026 h1{max-width:900px;font-size:clamp(58px,8vw,88px)}.hero-2026__lead{max-width:760px}.hero-lab{justify-self:center;max-width:860px}.hero-2026__rail{width:min(calc(100% - 48px),980px);padding:18px 0;min-height:auto}.hero-2026__rail>div{gap:18px}.hero-2026__rail a{display:none}}
@media(max-width:760px){.hero-2026:before{background-size:48px 48px}.hero-2026__inner{width:min(calc(100% - 36px),720px);padding:58px 0 42px;gap:42px}.hero-2026 h1{font-size:clamp(45px,12vw,66px);line-height:.94}.hero-2026__eyebrow{font-size:8px;margin-bottom:20px}.hero-2026__lead{margin-top:24px;font-size:16px;line-height:1.58}.hero-2026__actions{margin-top:28px}.hero-2026__actions .button{width:100%}.hero-2026__stack{gap:7px;margin-top:25px}.hero-2026__stack span:nth-of-type(4),.hero-2026__stack span:nth-of-type(5),.hero-2026__stack i:nth-of-type(4){display:none}.hero-lab__frame{border-radius:18px}.hero-lab__bar{height:44px}.hero-lab__workspace{grid-template-columns:1fr;grid-template-rows:auto auto}.hero-lab__code{min-height:310px;border-right:0}.hero-lab__preview{display:none}.hero-lab__graph{grid-column:1;min-height:165px}.hero-lab__float--top{left:-8px;top:61px}.hero-lab__float--bottom{right:-5px;bottom:19px}.code-lines{font-size:9px}.hero-2026__rail{width:min(calc(100% - 36px),720px);padding:16px 0}.hero-2026__rail>div{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:10px;font-size:7px}.hero-2026__rail>div span{text-align:center}}
@media(max-width:430px){.hero-2026__inner{padding-top:48px}.hero-2026 h1{font-size:43px}.hero-2026__stack{font-size:7px}.hero-lab__float--top{display:none}.hero-lab__float--bottom{font-size:6px}.code-lines{padding-left:44px;padding-right:10px;font-size:8px}.code-lines li:before{left:-28px}.hero-lab__terminal span:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){.hero-lab__glow,.hero-lab__frame:before,.hero-lab__status i,.code-cursor,.graph-line{animation:none!important}.hero-lab__frame,.hero-lab__float{transition:none!important}}