:root{--bg:#050803;--bg-soft:#0a1006;--panel:#0c1408;--ink:#eefbe9;--muted:#a9c5a0;--faint:#6f8f67;--lime:#7fd400;--lime-bright:#9be635;--green-main:#5cb433;--green-mid:#3f9a1f;--green-deep:#1f6b14;--green-darker:#0e4d10;--green-soft:#9fd2a6;--wire:127,212,0;--line:rgba(127, 212, 0, 0.22);--hairline:rgba(159, 210, 166, 0.16);--radius-xl:28px;--radius-lg:18px;--radius-md:12px;--shadow-chip:0 10px 26px rgba(0, 0, 0, 0.45),inset 0 1px 0 rgba(255, 255, 255, 0.05);--shadow-card:0 30px 80px rgba(0, 0, 0, 0.55);--font-sans:"Outfit","Segoe UI",sans-serif;--font-mono:"Space Grotesk",sans-serif;--container:1280px}*{box-sizing:border-box}html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}html{scroll-behavior:smooth;overflow-x:clip}body,html{margin:0;padding:0;min-height:100%}body{color:var(--ink);background:radial-gradient(1200px 640px at 50% -14%,rgba(92,180,51,.18) 3%,transparent 60%),radial-gradient(860px 480px at 0 76%,rgba(31,107,20,.14),transparent 64%),radial-gradient(900px 520px at 100% 30%,rgba(127,212,0,.08),transparent 66%),var(--bg);font-family:var(--font-sans);overflow-x:hidden;position:relative}a{color:inherit}::selection{background:rgba(127,212,0,.3);color:#fff}.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}section{position:relative;z-index:2}.section-head{text-align:center;margin:0 auto 46px;max-width:680px}.section-head .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:3.5px;text-transform:uppercase;color:var(--green-main);font-weight:600}.section-head h2{margin:12px 0 0;font-size:clamp(26px, 3.6vw, 40px);font-weight:800;letter-spacing:-.8px}.section-head p{margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.6}.site-bg{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(135% 125% at 50% 35%,#000 55%,transparent 100%);mask-image:radial-gradient(135% 125% at 50% 35%,#000 55%,transparent 100%)}.gears-bg{position:absolute;right:-20px;bottom:360px;width:460px;height:460px;z-index:1;pointer-events:none}@media (max-width:760px){.gears-bg{width:230px;height:230px;right:-12px;bottom:900px}}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;z-index:100;pointer-events:none;border-radius:0 3px 3px 0;background:linear-gradient(90deg,var(--green-deep) 0,var(--green-main) 35%,var(--lime) 70%,var(--lime-bright) 100%);background-size:100vw 100%;background-attachment:fixed;box-shadow:0 0 10px rgba(127,212,0,.55),0 0 4px rgba(155,230,53,.8);transition:width .12s linear;will-change:width}.scroll-progress::after{content:"";position:absolute;top:0;right:0;width:14px;height:100%;background:linear-gradient(90deg,transparent,var(--lime-bright));filter:blur(2px)}html{scrollbar-width:thin;scrollbar-color:var(--green-main) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:rgba(10,16,6,.55)}::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background-clip:padding-box;background-color:var(--green-main);background-image:linear-gradient(180deg,var(--lime-bright),var(--green-main) 55%,var(--green-deep))}::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg,var(--lime),var(--lime-bright) 55%,var(--green-main))}.site-header{position:sticky;top:0;z-index:60;width:100%;border-bottom:1px solid rgba(92,180,51,.18);background:linear-gradient(180deg,rgba(6,10,4,.92),rgba(5,8,3,.72));backdrop-filter:blur(14px)}.topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:inline-flex;align-items:center;gap:13px;text-decoration:none}.logo .mark{width:46px;height:38px;display:block;object-fit:contain}.logo .word{font-family:var(--font-sans);font-weight:800;font-size:23px;letter-spacing:.5px;color:#fff;line-height:1}.logo .word b{color:var(--green-main);font-weight:800}.header-nav{display:flex;align-items:center;gap:28px}.header-nav .nav-links{display:flex;gap:28px}.header-nav a{text-decoration:none;color:var(--muted);font-size:13.5px;font-weight:600;letter-spacing:.4px;transition:color .25s ease}.header-nav a:hover{color:var(--lime-bright)}.header-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgba(127,212,0,.35);background:rgba(92,180,51,.08);color:var(--lime-bright)!important;font-size:12.5px!important}.header-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:blink 1.8s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.hero{position:relative;padding:92px 0 70px;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;mask-image:linear-gradient(180deg,#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%)}.hero-inner{position:relative;z-index:2;text-align:center}.kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;color:var(--lime-bright);padding:8px 16px;border:1px solid rgba(127,212,0,.3);border-radius:999px;background:rgba(92,180,51,.06)}.kicker svg{width:14px;height:14px}.hero h1{margin:24px auto 0;max-width:880px;font-size:clamp(34px, 5.2vw, 62px);font-weight:800;line-height:1.04;letter-spacing:-1.5px}.hero h1 .accent{background:linear-gradient(120deg,var(--lime-bright),var(--green-main) 60%,var(--green-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p.lead{margin:22px auto 0;max-width:600px;color:var(--muted);font-size:17px;line-height:1.6}.hero-cta{margin-top:34px;display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font-weight:700;font-size:14.5px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,box-shadow .25s ease,background .25s ease}.btn svg{width:17px;height:17px}.btn-primary{color:#06210a;background:linear-gradient(120deg,var(--lime-bright),var(--green-main));box-shadow:0 10px 30px rgba(92,180,51,.32)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(92,180,51,.45)}.btn-ghost{color:var(--ink);border-color:rgba(159,210,166,.28);background:rgba(255,255,255,.02)}.btn-ghost:hover{border-color:var(--lime);color:var(--lime-bright);transform:translateY(-2px)}.reticle{transform-origin:center}.spin-cw{animation:spin 30s linear infinite;transform-origin:center;transform-box:fill-box}.spin-ccw{animation:spin 42s linear infinite reverse;transform-origin:center;transform-box:fill-box}@keyframes spin{to{transform:rotate(360deg)}}.pulse-dot{animation:pulseDot 2.8s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes pulseDot{0%,100%{opacity:.4;r:3}50%{opacity:1}}.tech{position:relative;z-index:4;isolation:isolate;padding:40px 0 80px}.tech-stage{position:relative;max-width:980px;margin:0 auto;height:540px}.tech-stage::before{content:"";position:absolute;inset:-8% -6% -2%;z-index:0;pointer-events:none;background:radial-gradient(46% 60% at 50% 64%,var(--bg) 0,var(--bg) 52%,rgba(5,8,3,0) 100%),radial-gradient(34% 42% at 50% 62%,rgba(92,180,51,.12),transparent 72%)}.tech-icons-top{position:absolute;inset:0;z-index:3}.tech-icons-top.stacked{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:14px;max-width:380px;margin:0 auto;padding-top:8px;inset:auto}.tchip{position:absolute;width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(18,28,12,.96),rgba(10,16,7,.96));border:1px solid rgba(159,210,166,.18);box-shadow:var(--shadow-chip);transition:transform .3s cubic-bezier(.22, 1, .36, 1),border-color .3s ease,box-shadow .3s ease}.tech-icons-top.stacked .tchip{position:relative}.tchip img{width:30px;height:30px;display:block;filter:drop-shadow(0 2px 5px rgba(0, 0, 0, .4))}.tchip:hover{transform:translateY(-6px) scale(1.06);border-color:rgba(127,212,0,.5);box-shadow:0 16px 34px rgba(0,0,0,.5),0 0 24px rgba(92,180,51,.28),inset 0 1px 0 rgba(255,255,255,.06)}.tech-wires{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.tech-orb{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);width:168px;height:168px;border-radius:50%;display:grid;place-items:center;z-index:2;background:radial-gradient(circle at 50% 42%,rgba(127,212,0,.35),rgba(31,107,20,.18) 55%,transparent 72%)}.tech-orb::before{content:"";position:absolute;inset:30px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(155,230,53,.55),rgba(63,154,31,.25) 60%,transparent 75%);box-shadow:0 0 70px 18px rgba(92,180,51,.35);animation:orbPulse 3.4s ease-in-out infinite}@keyframes orbPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}.tech-orb .orb-mark{position:relative;z-index:2;width:92px;height:70px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0, 0, 0, .5))}.orbit-field{position:absolute;left:50%;bottom:-36px;transform:translateX(-50%);width:760px;max-width:96%;height:auto;z-index:1;pointer-events:none;overflow:visible}.cog-spin{animation:spin 9s linear infinite;transform-origin:center;transform-box:fill-box}.orbit-glyph image{opacity:.82}.demos{position:relative;padding:30px 0 90px;overflow-x:clip;z-index:6;isolation:isolate}.stage{position:relative;height:560px;perspective:1800px;margin:0 auto;max-width:1180px}.deck{position:absolute;inset:0;transform-style:preserve-3d}.slide{position:absolute;top:0;left:50%;width:640px;height:470px;margin-left:-320px;border-radius:var(--radius-lg);transition:transform .7s cubic-bezier(.22, 1, .36, 1),opacity .7s ease,filter .7s ease;cursor:pointer;will-change:transform,opacity}.frame{position:relative;width:100%;height:100%;border-radius:var(--radius-lg);overflow:hidden;background:#07100a;border:1px solid rgba(159,210,166,.16);box-shadow:var(--shadow-card);backface-visibility:hidden;transition:transform .35s cubic-bezier(.22, 1, .36, 1),box-shadow .35s ease,border-color .35s ease}.slide.active .frame{will-change:transform;touch-action:none}.frame .preview-wrap{position:absolute;inset:0;overflow:hidden}.frame iframe{width:1400px;height:1030px;border:0;transform:scale(.457);transform-origin:top left;pointer-events:none;background:#fff}.frame .preview-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none;user-select:none;background:#07100a}.frame .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,3,.05) 0,rgba(5,8,3,0) 40%,rgba(5,8,3,.78) 100%);pointer-events:none}.frame .badge{position:absolute;top:14px;left:14px;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:rgba(5,8,3,.7);backdrop-filter:blur(6px);border:1px solid rgba(127,212,0,.3);font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:1px;color:var(--lime-bright)}.frame .tagpill{position:absolute;top:14px;right:14px;z-index:4;padding:7px 13px;border-radius:999px;background:rgba(5,8,3,.6);backdrop-filter:blur(6px);border:1px solid rgba(159,210,166,.2);font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.corners{position:absolute;inset:7px;z-index:5;pointer-events:none;opacity:0;transition:opacity .5s ease}.slide.active .corners{opacity:1}.corner{position:absolute;width:28px;height:28px;border:2px solid var(--lime);opacity:.5;transition:transform .4s cubic-bezier(.22, 1, .36, 1),opacity .4s ease}.slide.active:hover .corner{opacity:.9}.slide.active:hover .corner.tl{transform:translate(-18px,-18px)}.slide.active:hover .corner.tr{transform:translate(18px,-18px)}.slide.active:hover .corner.bl{transform:translate(-18px,18px)}.slide.active:hover .corner.br{transform:translate(18px,18px)}.corner.tl{top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:12px}.corner.tr{top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:12px}.corner.bl{bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:12px}.corner.br{bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:12px}.slide.active .corner{animation:cornerGlow 3.4s ease-in-out infinite}@keyframes cornerGlow{0%,100%{opacity:.45}50%{opacity:.95}}.scanline{position:absolute;left:0;right:0;height:2px;z-index:5;background:linear-gradient(90deg,transparent,rgba(155,230,53,.85),transparent);box-shadow:0 0 16px rgba(127,212,0,.7);opacity:0;pointer-events:none}.slide.active .scanline{opacity:1;animation:scan 3.6s ease-in-out infinite}@keyframes scan{0%{top:4%}50%{top:94%}100%{top:4%}}.crosshair{position:absolute;inset:0;z-index:5;opacity:0;pointer-events:none;display:grid;place-items:center}.slide.active .crosshair{opacity:.6}.crosshair::after,.crosshair::before{content:"";position:absolute;background:rgba(127,212,0,.25)}.crosshair::before{width:1px;height:100%}.crosshair::after{height:1px;width:100%}.stage-nav{position:absolute;top:235px;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;z-index:20;display:grid;place-items:center;cursor:pointer;background:rgba(8,14,6,.8);backdrop-filter:blur(8px);border:1px solid rgba(127,212,0,.3);color:var(--lime-bright);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.stage-nav:hover{background:rgba(92,180,51,.16);box-shadow:0 0 26px rgba(92,180,51,.4)}.stage-nav.prev{left:6px}.stage-nav.next{right:6px}.stage-nav svg{width:22px;height:22px}.demo-details{max-width:720px;margin:28px auto 0;text-align:center}.demo-details .dotline{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px}.demo-details .dotline .line{flex:1;height:1px;max-width:120px;background:repeating-linear-gradient(90deg,var(--green-deep) 0 6px,transparent 6px 12px)}.demo-details .idx{font-family:var(--font-mono);color:var(--green-main);font-weight:600;letter-spacing:2px;font-size:13px}.demo-details h3{margin:0;font-size:27px;font-weight:800;letter-spacing:-.5px}.demo-details .desc{margin:12px auto 0;max-width:560px;color:var(--muted);font-size:15px;line-height:1.65}.demo-stack{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.demo-stack span{font-size:12px;font-weight:600;color:var(--green-soft);padding:6px 12px;border-radius:999px;border:1px solid rgba(159,210,166,.16);background:rgba(255,255,255,.02)}.demo-actions{margin:22px 0 0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.quick{margin:16px 0 0;display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.quick a{font-size:13px;color:var(--faint);text-decoration:none;border-bottom:1px dashed rgba(159,210,166,.3);transition:color .2s ease}.quick a:hover{color:var(--lime-bright)}.pager{margin:26px auto 0;display:flex;gap:9px;justify-content:center}.pager button{width:30px;height:5px;border-radius:999px;border:0;cursor:pointer;background:rgba(159,210,166,.22);transition:background .3s ease,width .3s ease}.pager button.on{width:46px;background:linear-gradient(90deg,var(--lime-bright),var(--green-main))}.band{position:relative;height:150px;overflow:hidden}.band svg{position:absolute;inset:0;width:100%;height:100%}.site-footer{position:relative;z-index:5;margin-top:40px;border-top:1px solid rgba(92,180,51,.2);background:linear-gradient(180deg,rgba(10,18,6,.82),rgba(5,8,3,.92));backdrop-filter:blur(2px)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding:56px 0 36px}.footer-brand .logo{margin-bottom:16px}.footer-brand p{color:var(--muted);font-size:14px;line-height:1.65;max-width:320px;margin:0 0 18px}.footer-tag{font-family:var(--font-mono);font-weight:600;letter-spacing:1.5px;font-size:13px;color:var(--lime-bright)}.footer-col h4{margin:0 0 16px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--green-main);font-family:var(--font-mono);font-weight:600}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}.footer-col a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .2s ease,padding .2s ease}.footer-col a:hover{color:var(--lime-bright);padding-left:4px}.socials a,.socials a:hover{padding-left:0}.footer-contact p{color:var(--muted);font-size:13.5px;line-height:1.7;margin:0 0 14px}.socials{display:flex;gap:10px}.socials a{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(159,210,166,.18);background:rgba(255,255,255,.02);color:var(--muted);transition:color .25s ease,border-color .25s ease,background .25s ease}.socials a:hover{color:var(--lime-bright);border-color:rgba(127,212,0,.5);background:rgba(92,180,51,.1)}.socials svg{width:17px;height:17px}.footer-bottom{border-top:1px solid rgba(159,210,166,.12);padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:var(--faint);font-size:13px}.footer-bottom a{color:var(--faint);text-decoration:none}.footer-bottom a:hover{color:var(--lime-bright)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.22, 1, .36, 1)}.reveal.in{opacity:1;transform:none}@media (max-width:920px){.footer-grid{grid-template-columns:1fr 1fr}.header-nav .nav-links{display:none}.slide{width:88vw;margin-left:-44vw;height:64vw}.stage{height:76vw}.stage-nav{top:32vw}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr}.tech-stage{height:470px}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}