@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#f4f6ff;--muted:#8c95ad;--dim:#5e667d;--cyan:#5ee8ef;--violet:#9b7bff;--line:#a8b6e02e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050711}body{min-width:320px;color:var(--ink);text-rendering:optimizelegibility;background:#050711;margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.portfolio-shell{background:radial-gradient(circle at 64% 18%,#373da02e,#0000 28%),#050711;position:relative;overflow:clip}.experience{z-index:0;pointer-events:none;position:fixed;inset:0}.experience canvas{display:block;width:100%!important;height:100%!important}.experience-vignette{background:radial-gradient(#0000 30%,#03050eb8 100%);position:absolute;inset:0}.site-header{z-index:10;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#050711c7,#0000);border-bottom:1px solid #a0b0dc1f;justify-content:space-between;align-items:center;height:88px;padding:0 clamp(24px,5vw,76px);font-size:11px;display:flex;position:fixed;inset:0 0 auto}.wordmark{letter-spacing:.2em;align-items:center;gap:10px;font-weight:800;display:flex}.wordmark-mark{border:1px solid var(--cyan);width:25px;height:25px;color:var(--cyan);border-radius:50%;place-items:center;display:grid}.site-nav{color:var(--muted);gap:clamp(20px,4vw,58px);display:flex}.site-nav a:hover,.header-link:hover,.text-link:hover{color:var(--cyan)}.arrow{color:var(--cyan);margin-left:9px;font-size:18px;display:inline-block}.scene-progress{z-index:10;flex-direction:column;gap:8px;display:flex;position:fixed;top:50%;left:clamp(24px,4vw,60px);transform:translateY(-50%)}.progress-line{background:var(--line);width:2px;height:22px}.progress-line:first-child{background:var(--cyan)}.scene-counter{z-index:10;color:var(--muted);flex-direction:column;align-items:center;gap:8px;font:11px DM Mono,monospace;display:flex;position:fixed;top:50%;right:clamp(24px,4vw,60px);transform:translateY(-50%)}.scene-counter span:first-child{color:var(--cyan)}.scene-copy{z-index:1;position:relative}.scene{align-items:center;min-height:100svh;padding:140px clamp(74px,10vw,180px) 72px;display:grid;position:relative}.scene-inner{width:min(1180px,100%);margin:0 auto}.eyebrow,.scene-kicker,.flow-caption,.panel-label,.panel-live,.window-bar,.window-sidebar,.activity small,.metric-row small{letter-spacing:.16em;text-transform:uppercase;font:500 10px DM Mono,monospace}.eyebrow{color:var(--muted);align-items:center;gap:10px;display:flex}.status-dot,.flow-pulse,.panel-live i{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 16px var(--cyan);border-radius:50%}h1,h2,p{margin:0}h1,h2{letter-spacing:-.085em;font-weight:800;line-height:.94}h1{max-width:940px;margin:32px 0 30px;font-size:clamp(4.2rem,9.8vw,9.5rem)}h2{font-size:clamp(3rem,6.3vw,6.5rem)}h1 em,h2 em{color:var(--cyan);font-style:normal}h1 span{color:#0000;-webkit-text-stroke:1px #f4f6ffa8}.hero-description,.copy-block p:not(.scene-kicker),.business-copy>p{max-width:420px;color:var(--muted);margin-top:30px;font-size:15px;line-height:1.8}.hero-description{margin:0 0 34px}.button{letter-spacing:.1em;text-transform:uppercase;border:1px solid #5ee8ef99;align-items:center;min-height:50px;padding:0 20px;font:600 11px DM Mono,monospace;display:inline-flex}.button-primary{background:linear-gradient(100deg,#5759dc94,#10607e80);box-shadow:0 0 34px #5569ff38}.hero-meta{color:var(--dim);letter-spacing:.18em;gap:22px;font:10px DM Mono,monospace;display:flex;position:absolute;bottom:48px}.scene-kicker{color:var(--cyan);margin-bottom:28px}.split-inner,.showcase-inner,.business-inner{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(44px,8vw,140px);display:grid}.copy-block{max-width:530px}.flow-caption{color:var(--dim);align-items:center;gap:9px;margin-top:50px;display:flex}.flow-list{flex-direction:column;gap:11px;display:flex;position:relative}.flow-list:before{background:linear-gradient(var(--cyan),var(--violet));content:"";width:1px;position:absolute;top:25px;bottom:25px;left:22px}.flow-node{border:1px solid var(--line);background:linear-gradient(90deg,#1c285abf,#0b0f2273);align-items:center;gap:20px;height:66px;padding:0 18px;display:flex;position:relative}.flow-node span{border:1px solid var(--cyan);width:10px;height:10px;box-shadow:0 0 12px var(--cyan);background:#071022;border-radius:50%}.flow-node strong{letter-spacing:.15em;font:500 13px DM Mono,monospace}.glass-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#141d42c7,#080c1c99);border:1px solid #929fdb40;box-shadow:0 30px 90px #00000059,inset 0 1px #ffffff14}.ai-panel{min-height:340px;padding:22px;transform:perspective(1200px)rotateY(-8deg)rotateX(3deg)}.panel-top,.panel-bottom{color:var(--dim);justify-content:space-between;align-items:center;display:flex}.panel-live{color:var(--cyan);align-items:center;gap:8px;display:flex}.ai-map{justify-content:center;align-items:center;gap:10px;min-height:230px;display:flex}.ai-card{background:#0f1839bd;border:1px solid #899bde3d;flex-direction:column;gap:7px;width:31%;min-height:118px;padding:14px;display:flex}.ai-card small{color:var(--cyan);font:10px DM Mono,monospace}.ai-card strong{font-size:14px}.ai-card span{color:var(--muted);font-size:10px}.card-agent{border-color:#9b7bffb8;box-shadow:0 0 30px #6b53ff2b}.ai-connector{background:linear-gradient(90deg,var(--cyan),var(--violet));width:20px;height:1px}.panel-bottom{border-top:1px solid var(--line);padding-top:15px;font:10px DM Mono,monospace}.product-window{min-height:370px;overflow:hidden;transform:perspective(1300px)rotateY(-10deg)rotateX(4deg)}.window-bar{border-bottom:1px solid var(--line);color:var(--dim);justify-content:space-between;padding:14px 18px;display:flex}.window-body{grid-template-columns:130px 1fr;min-height:320px;display:grid}.window-sidebar{border-right:1px solid var(--line);color:var(--dim);flex-direction:column;gap:17px;padding:22px 16px;display:flex}.window-sidebar b{color:var(--ink);margin-bottom:16px}.window-sidebar .active{color:var(--cyan)}.window-content{padding:24px}.window-title{justify-content:space-between;font-size:15px;display:flex}.window-title small{color:var(--dim);font:10px DM Mono,monospace}.metric-row{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0;display:grid}.metric-row>div{border:1px solid var(--line);background:#161f4580;padding:15px 12px}.metric-row small{color:var(--dim);font-size:8px;display:block}.metric-row strong{margin:12px 0 4px;font-size:25px;display:block}.metric-row span{color:var(--cyan);font-size:9px}.activity{color:var(--muted);flex-direction:column;gap:13px;font-size:11px;display:flex}.activity small{color:var(--dim)}.activity span{gap:9px;display:flex}.activity b{color:var(--dim);margin-left:auto;font:9px DM Mono,monospace}.cta-inner{padding-bottom:50px}.cta-inner h2{font-size:clamp(4rem,8.2vw,8.4rem)}.cta-note{color:var(--muted);margin-left:25px;font-size:12px;display:inline-block}.site-footer{color:var(--dim);letter-spacing:.12em;justify-content:space-between;font:9px DM Mono,monospace;display:flex;position:absolute;bottom:38px;left:clamp(74px,10vw,180px);right:clamp(74px,10vw,180px)}.site-footer a{color:var(--muted)}@media (max-width:800px){.site-header{height:70px;padding:0 20px}.site-nav{display:none}.header-link{font-size:9px}.scene{min-height:100svh;padding:108px 58px 60px}.scene-progress{left:20px}.scene-counter{right:20px}.split-inner,.showcase-inner,.business-inner{grid-template-columns:1fr;gap:42px}.scene-tunnel,.scene-ai,.scene-business{min-height:118svh}.ai-panel,.product-window{transform:none}.window-body{grid-template-columns:96px 1fr}.window-sidebar{padding-inline:10px;font-size:9px}.window-content{padding:16px 12px}.metric-row{gap:5px}.metric-row>div{padding:10px 7px}.metric-row strong{font-size:20px}.cta-note{margin:20px 0 0;display:block}.site-footer{flex-wrap:wrap;gap:12px;bottom:24px;left:58px;right:58px}}@media (max-width:480px){.scene{padding-inline:35px}.scene-progress{left:12px}.scene-counter{right:12px}.wordmark{font-size:10px}h1{font-size:clamp(3.8rem,14vw,6rem)}.ai-map{gap:5px}.ai-card{min-height:120px;padding:9px}.ai-card strong{font-size:11px}.window-title small{display:none}.site-footer{font-size:8px;left:35px;right:35px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arrow{transition:none}.glass-panel,.product-window{transform:none}}.skip-link{z-index:100;color:#050711;background:#f6f7ff;border-radius:.35rem;padding:.65rem .9rem;font-weight:700;text-decoration:none;transition:transform .12s;position:fixed;inset-block-start:1rem;inset-inline-start:1rem;transform:translateY(calc(-100% - 1rem))}.skip-link:focus{transform:translateY(0)}.experience-fallback{z-index:20;position:fixed;inset-block-start:5rem;inset-inline:1rem}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}