.octyn-hero{--bg:#131316;--bg-alt:#1c1c20;--ink:#e4e4e7;--ink-muted:#8a8a94;--chrome-solid:#cbd5e1;--chrome-deep:#94a3b8;--border:#2e2e33;--border-strong:#3f3f46;--font-display:var(--font-dm-serif), Georgia, serif;--font-sans:var(--font-dm-sans), system-ui, sans-serif;--font-mono:var(--font-dm-mono), ui-monospace, monospace;background:var(--bg);color:var(--ink);font-family:var(--font-sans)}.octyn-hero *,.octyn-hero :before,.octyn-hero :after{box-sizing:border-box;margin:0;padding:0}.octyn-hero nav{z-index:3;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:relative}.octyn-hero nav .mark{align-items:center;gap:11px;display:flex}.octyn-hero nav .mark .glyph{background:url(/brand/octyn-mark-square.png) 50%/contain no-repeat;width:34px;height:34px;margin-top:0;display:block}.octyn-hero nav .mark .stack{flex-direction:column;line-height:1;display:flex}.octyn-hero nav .mark .name{font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink);font-size:13px;font-weight:500}.octyn-hero nav .mark .tag{font-family:var(--font-mono);letter-spacing:.055em;color:var(--chrome-deep);white-space:nowrap;margin-top:5px;font-size:8px;font-weight:400}.octyn-hero nav .links{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-muted);align-items:center;gap:8px;font-size:11px;display:flex}.octyn-hero nav .links>a{color:var(--chrome-deep);cursor:pointer;border:1px solid #0000;border-radius:7px;padding:6px 11px;text-decoration:none;transition:color .2s,background .2s,border-color .2s;position:relative}.octyn-hero nav .links>a:hover{color:var(--ink);background:#cbd5e112;border-color:#cbd5e11f}.octyn-hero nav .links .nvm-btn{letter-spacing:.04em;color:var(--chrome-solid);font-size:11px}.octyn-hero nav .nav-right{align-items:center;gap:16px;display:flex}.octyn-hero nav .nav-live{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--chrome-deep);background:#cbd5e10f;border:1px solid #cbd5e121;border-radius:20px;align-items:center;gap:7px;padding:5px 12px 5px 10px;font-size:9.5px;display:flex}.octyn-hero nav .nav-live i{background:var(--chrome-solid);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite octynLivePulse;box-shadow:0 0 9px #cbd5e1e6}.octyn-hero nav .cta{font-family:var(--font-sans);color:var(--bg);background:linear-gradient(180deg, #e8ecf1, var(--chrome-solid));cursor:pointer;border-radius:6px;padding:9px 18px;font-size:12.5px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s;box-shadow:0 2px 14px -4px #cbd5e166,inset 0 1px #ffffff80}.octyn-hero nav .cta:hover{transform:translateY(-1px);box-shadow:0 10px 28px -8px #cbd5e18c,inset 0 1px #fff9}@keyframes octynLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.6)}}.octyn-hero .hero{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.octyn-hero .hero>*{z-index:1;position:relative}.octyn-hero .hero>nav{z-index:6}.octyn-hero .hero-body{flex:1;grid-template-columns:1fr .94fr;align-items:center;gap:clamp(24px,2.5vw,56px);width:100%;max-width:1880px;margin-inline:auto;padding:8px clamp(28px,3.4vw,76px) 24px;display:grid}.octyn-hero .hero>.bg-canvas{z-index:0;opacity:.52;mix-blend-mode:screen;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.octyn-hero .hero>.bg-veil{z-index:0;pointer-events:none;background:radial-gradient(66% 86% at 24% 52%,#131316eb,#13131600 64%),linear-gradient(90deg,#131316c7 0%,#13131600 46%),radial-gradient(150% 130%,#13131600 46%,#1313168c 100%),linear-gradient(#1313168c 0%,#13131600 15% 84%,#13131680 100%);position:absolute;inset:0}.octyn-hero .hero-left h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);text-shadow:0 6px 40px #08080aeb;margin-bottom:22px;font-size:clamp(68px,6.2vw,116px);font-weight:400;line-height:.98}.octyn-hero .hero-left h1 .roll-mask{vertical-align:bottom;height:1.3em;margin-right:-.16em;padding-right:.16em;line-height:1;display:inline-block;position:relative;top:.26em;overflow:hidden}.octyn-hero .hero-left h1 .roll{color:#0b0b0e;background:linear-gradient(180deg, #f2f5f8, var(--chrome-solid));min-width:1ch;text-shadow:none;will-change:transform, opacity;border-radius:.08em;margin-top:-.02em;padding:0 .18em .05em;font-style:italic;display:inline-block;box-shadow:0 10px 30px -12px #cbd5e18c}.octyn-hero .hero-left .explainer{font-family:var(--font-sans);color:var(--ink);max-width:30ch;margin-bottom:32px;font-size:clamp(20px,1.55vw,26px);line-height:1.34}.octyn-hero .hero-left .ctas{align-items:center;gap:18px;display:flex}.octyn-hero .hero-left .primary{font-family:var(--font-sans);color:var(--bg);background:var(--chrome-solid);cursor:pointer;border-radius:0;padding:14px 26px;font-size:clamp(15px,1.1vw,18px);font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s;box-shadow:0 16px 40px -18px #cbd5e1b3}.octyn-hero .hero-left .primary:hover{transform:translateY(-1px);box-shadow:0 20px 48px -18px #cbd5e1d9}.octyn-hero .hero-left .secondary{font-family:var(--font-sans);color:var(--ink);border-bottom:1px solid var(--border-strong);cursor:pointer;padding:8px 2px;font-size:clamp(14px,1vw,16px);text-decoration:none;transition:border-color .2s}.octyn-hero .hero-left .secondary:hover{border-color:var(--chrome-solid)}.octyn-hero .hero-left{z-index:4;position:relative}.octyn-hero .hero-right{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.octyn-hero .slot-svg{filter:drop-shadow(0 10px 24px #0000008c);width:100%;max-width:100%;height:auto;transition:filter .4s;overflow:visible}.octyn-hero .diagram-panel{-webkit-backdrop-filter:blur(18px)saturate(.82)brightness(.9);background:radial-gradient(84% 80% at 50% 47%,#09090cbd,#0f0f134d 76%);border:1px solid #cbd5e12e;border-radius:18px;width:100%;max-width:clamp(540px,44vw,780px);padding:clamp(18px,1.5vw,32px) clamp(20px,1.7vw,36px);position:relative;box-shadow:0 46px 104px -26px #000000d1,inset 0 1px #ffffff17}.octyn-hero .f-top{fill:url(#topGrad)}.octyn-hero .f-right{fill:url(#sideR)}.octyn-hero .f-left{fill:url(#sideL)}.octyn-hero .e-top{stroke:#cbd5e1;stroke-width:1px;fill:none}.octyn-hero .e-side{stroke:#565660;stroke-width:.8px;fill:none}.octyn-hero .compartment{stroke:#4a4a52;stroke-width:.7px;stroke-dasharray:2.5 2.5;fill:#00000040}.octyn-hero .grid-line{stroke:#33333a;stroke-width:.5px;stroke-dasharray:3 4}.octyn-hero #diagram{transition:opacity .5s}.octyn-hero #diagram.hidden{opacity:0}.octyn-hero .flip{transform-box:fill-box;transform-origin:50%;transition:transform .24s cubic-bezier(.4,0,.2,1)}.octyn-hero .flip.down{transform:scaleY(0)}.octyn-hero .pad-glow{opacity:0;transition:opacity .5s}.octyn-hero .stage.raw .bneck .f-top{fill:#131317}.octyn-hero .stage.raw .bneck .e-top{stroke:#4a4a52;stroke-dasharray:3 2.5}.octyn-hero .stage.aug .bneck .f-top{fill:url(#topGradOn)}.octyn-hero .stage.aug .bneck .e-top{stroke:#e4e4e7;stroke-dasharray:none}.octyn-hero .stage.aug .bneck .pad-glow{opacity:1}.octyn-hero .stage.aug .bneck .compartment{stroke:#94a3b8}@keyframes octynDriftA{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes octynDriftB{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.octyn-hero .ambient{opacity:.7}.octyn-hero .ambient.a0{animation:5.4s ease-in-out infinite octynDriftA}.octyn-hero .ambient.a1{animation:6.8s ease-in-out .6s infinite octynDriftB}.octyn-hero .slow-pill{transition:opacity .4s}.octyn-hero .stage.raw .slow-pill{opacity:1}.octyn-hero .stage.aug .slow-pill{opacity:0}.octyn-hero .ai-chip{transition:opacity .7s,transform .85s cubic-bezier(.34,1.32,.5,1)}.octyn-hero .stage.raw .ai-chip{opacity:0;transform:translateY(-34px)}.octyn-hero .stage.aug .ai-chip{opacity:1;transform:translateY(0)}.octyn-hero .ai-drop{transition:opacity .6s .35s}.octyn-hero .stage.raw .ai-drop{opacity:0}.octyn-hero .stage.aug .ai-drop{opacity:1}.octyn-hero .socket-ring{transition:stroke .6s,opacity .6s}.octyn-hero .stage.raw .bneck .socket-ring{stroke:#4a4a52;opacity:.7}.octyn-hero .stage.aug .bneck .socket-ring{stroke:#cbd5e1;opacity:1}.octyn-hero .pill-box{fill:#0d0d10;stroke:#3f3f46;stroke-width:.8px}.octyn-hero .pill-box.on{stroke:#cbd5e1}.octyn-hero .pill-text{font-family:var(--font-mono);letter-spacing:.09em;fill:var(--chrome-solid);text-transform:uppercase;font-size:9px}.octyn-hero .pill-text.dim{fill:var(--ink-muted)}.octyn-hero .stn-label{font-family:var(--font-mono);letter-spacing:.09em;fill:var(--ink-muted);text-transform:uppercase;font-size:8.5px}.octyn-hero .particle{fill:#e4e4e7}.octyn-hero .pipe{stroke:#4c4c55;transition:stroke .55s}.octyn-hero .stage.aug .pipe{stroke:#8a8a94}.octyn-hero .node-shadow{transition:opacity .55s}.octyn-hero .state-caption{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;text-anchor:middle;font-size:11px}.octyn-hero .pow-strip{-webkit-backdrop-filter:blur(16px)saturate(.9);z-index:3;background:#0b0b0e80;border-top:1px solid #cbd5e11a;align-items:center;gap:30px;padding:15px 40px;display:flex;position:relative}.octyn-hero .pow-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--chrome-deep);white-space:nowrap;align-items:center;gap:8px;font-size:9.5px;display:flex}.octyn-hero .pow-eyebrow i{background:var(--chrome-solid);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite octynLivePulse;box-shadow:0 0 8px #cbd5e1d9}.octyn-hero .pow-cells{flex:1;display:flex}.octyn-hero .pow-cells .cell{border-left:1px solid var(--border);flex-direction:column;flex:1;gap:6px;min-width:0;padding:0 26px;display:flex}.octyn-hero .pow-cells .cell:first-child{border-left:none;flex:2.2}.octyn-hero .pow-cells .k{font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--chrome-deep);font-size:9.5px}.octyn-hero .pow-cells .v{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;background:linear-gradient(174deg,#fff 6%,#cbd5e1 46%,#6f7683 92%);-webkit-text-fill-color:transparent;white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,1.9vw,30px);font-weight:400;line-height:1.14;overflow:hidden}.octyn-hero .pow-cells .v.hot{color:var(--chrome-solid)}@media (min-width:1500px){.octyn-hero .hero-left{transform:translate(clamp(0px,2vw,44px))}}@media (max-width:860px){.octyn-hero nav{flex-wrap:nowrap;gap:8px;padding:16px}.octyn-hero nav .links>a{display:none}.octyn-hero nav .links{gap:0}.octyn-hero nav .nvm{position:static}.octyn-hero nav .nvm-menu{top:calc(100% - 4px);right:16px}.octyn-hero nav .mark .tag{display:none}.octyn-hero .hero-body{grid-template-columns:1fr;gap:30px;padding:12px 20px 24px}.octyn-hero .hero-left h1{text-shadow:none;margin-bottom:16px;font-size:clamp(44px,12vw,64px)}.octyn-hero .hero-left{order:0;margin-right:0}.octyn-hero .hero-right{order:1}.octyn-hero .hero-left .explainer{max-width:none;margin-bottom:24px;font-size:17px}.octyn-hero .hero-left .ctas{flex-direction:column;align-items:stretch;gap:12px}.octyn-hero .hero-left .primary{text-align:center;padding:15px 20px;font-size:15px}.octyn-hero .hero-left .secondary{text-align:center;border-bottom:none;padding:12px}.octyn-hero .diagram-panel{padding:14px 16px}.octyn-hero .pow-strip{flex-wrap:wrap;gap:12px 0;padding:14px 20px}.octyn-hero .pow-eyebrow{width:100%}.octyn-hero .pow-cells{grid-template-columns:1fr 1fr;gap:16px 18px;width:100%;display:grid}.octyn-hero .pow-cells .cell{flex:initial;border-left:none;min-width:0;padding:0}.octyn-hero .pow-cells .cell:first-child{flex:initial}.octyn-hero .pow-cells .v{white-space:normal;font-size:22px}}@media (prefers-reduced-motion:reduce){.octyn-hero nav .nav-live i,.octyn-hero .pow-eyebrow i,.octyn-hero .ambient.a0,.octyn-hero .ambient.a1{animation:none}}