:root{color-scheme:dark;--bg:#050810;--ink:#f0f5ff;--muted:#9aa9bc;--cyan:#83e8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Manrope,Helvetica Neue,Arial,sans-serif;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}.page{max-width:1600px;margin:auto;padding:0 6vw}header{border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;height:100px;display:flex}.brand{letter-spacing:.22em;align-items:center;gap:13px;font-size:23px;font-weight:800;display:flex}.brand svg{width:32px;height:32px}.nav{color:#bac8da;font-size:14px}.nav span{color:var(--cyan);margin-left:20px}main{position:relative}.hero{grid-template-columns:1.05fr 1fr;align-items:center;height:70vh;min-height:620px;max-height:830px;display:grid;position:relative}.eyebrow{color:var(--cyan);letter-spacing:.25em;text-transform:uppercase;align-items:center;gap:14px;font-size:12px;display:flex}.eyebrow:before{content:"";background:var(--cyan);width:30px;height:1px}h1{letter-spacing:-.065em;margin:28px 0;font-size:clamp(60px,7.8vw,122px);font-weight:500;line-height:.98}h1 em{color:#0000;background:linear-gradient(100deg,#fff,#6ecce9 65%,#8a83f3) text;font-style:normal}.subtitle{color:var(--muted);white-space:nowrap;max-width:none;margin:0;font-size:18px;line-height:1.65}.hero-copy{z-index:2;position:relative}.explore{border-bottom:1px solid #78d6e877;align-items:center;gap:34px;margin-top:35px;padding:16px 0;font-size:15px;display:inline-flex}.explore span{color:var(--cyan);transition:transform .3s}.explore:hover span{transform:translateY(5px)}.sculpture{aspect-ratio:1;perspective:1000px;place-items:center;display:grid;position:relative}.sculpture:before{content:"";filter:blur(65px);background:#164d7133;border-radius:50%;position:absolute;inset:12%}.sculpture img{width:116%;max-width:none;height:auto;animation:9s ease-in-out infinite float;position:relative}.coordinate{letter-spacing:.15em;color:#718699;font:12px JetBrains Mono,ui-monospace,monospace;position:absolute;bottom:9%;right:0}.ecosystem{border-top:1px solid #ffffff20;padding:40px 0 60px;position:relative}.section-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.section-top h2{letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:14px;font-weight:400}.section-top small{color:#708296;font:12px JetBrains Mono,ui-monospace,monospace}.portal{background:linear-gradient(105deg,#101b2c,#09101b);border:1px solid #ffffff1c;border-radius:18px;grid-template-columns:100px 1fr auto;align-items:center;gap:30px;padding:30px 36px;transition:border-color .3s,transform .3s,background .3s;display:grid}.portal:hover{background:linear-gradient(105deg,#14243b,#0b1423);border-color:#83e8ff77;transform:translateY(-4px)}.akal-icon{object-fit:contain;border-radius:12px;width:90px;height:90px}.portal h3{letter-spacing:.1em;margin:0 0 8px;font-size:34px}.portal p{color:#a4b4c8;margin:0;font-size:16px;line-height:1.5}.portal-action{align-items:center;gap:24px;font-size:14px;display:flex}.arrow{background:var(--cyan);color:#06202b;border-radius:50%;place-items:center;width:48px;height:48px;font-size:25px;display:grid}.portal:hover .arrow{background:#fff}footer{color:#7e91a8;border-top:1px solid #ffffff16;justify-content:space-between;gap:20px;padding:24px 0 30px;font-size:12px;display:flex}.replay{color:#a1b2c8;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.intro{z-index:10;background:#050810;place-items:center;transition:opacity .7s,visibility .7s;display:grid;position:fixed;inset:0;overflow:hidden}.intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro canvas{opacity:.6;width:100%;height:100%;position:absolute;inset:0}.intro-stage{text-align:center;width:min(80vw,570px);position:relative}.intro-logo{aspect-ratio:1;object-fit:contain;width:clamp(220px,36vw,430px);height:auto;animation:7.8s both assemble}.intro-name{letter-spacing:.3em;margin:-20px 0 18px;padding-left:.3em;font-size:clamp(30px,6vw,62px);font-weight:700;animation:7.8s both letters}.intro-sub{letter-spacing:.18em;color:#a0b7ce;white-space:nowrap;font-size:12px;line-height:1.7;animation:7.8s both letters}.intro-bottom{color:#8db4c9;align-items:center;gap:20px;font:12px JetBrains Mono,ui-monospace,monospace;display:flex;position:absolute;bottom:40px;left:6vw;right:6vw}.track{background:#ffffff24;flex:1;height:1px;overflow:hidden}.track i{transform-origin:0;background:#83e8ff;height:100%;animation:7.8s linear both progress;display:block}.skip{color:#c8d7e8;cursor:pointer;background:0 0;border:1px solid #ffffff30;border-radius:30px;padding:12px 18px}.scan{opacity:0;pointer-events:none;background:#a1edff;height:1px;animation:3s ease-in-out 2 scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 20px #70e0ff}@keyframes scan{10%,80%{opacity:.6}90%{opacity:0;transform:translateY(60vh)}}@keyframes assemble{0%{opacity:0;filter:blur(25px);transform:scale(.65)rotateY(65deg)}20%{opacity:.65;filter:blur(5px)}45%{opacity:1;filter:blur();transform:scale(1)rotateY(-12deg)}65%,to{opacity:1;filter:blur();transform:scale(1)rotateY(0)}}@keyframes letters{0%,35%{opacity:0;filter:blur(10px);transform:translateY(16px)}65%,to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-16px)rotate(2deg)}}@media (width>=1700px){.page{padding:0 90px}}@media (width<=760px){.page{padding:0 24px}header{height:80px}.brand{font-size:18px}.nav{font-size:12px}.nav span{margin-left:8px}.hero{flex-direction:column;align-items:stretch;height:auto;min-height:0;padding:55px 0 10px;display:flex}.hero-copy{max-width:100%}h1{margin:24px 0;font-size:clamp(58px,12vw,90px)}.subtitle{max-width:320px;font-size:16px}.sculpture{width:90%;max-width:460px;margin:-10px auto}.sculpture img{width:110%}.coordinate{bottom:5%;right:0}.ecosystem{padding:30px 0 36px}.portal{grid-template-columns:64px 1fr;gap:18px;padding:22px}.akal-icon{width:64px;height:64px}.portal h3{font-size:27px}.portal p{font-size:14px}.portal-action{border-top:1px solid #ffffff18;grid-column:1/-1;justify-content:space-between;padding-top:18px}.section-top small{display:none}footer{flex-wrap:wrap;font-size:12px;line-height:1.6}.intro-bottom{gap:12px;bottom:25px}.intro-sub{letter-spacing:.08em}.intro-name{margin-top:0}}@media (width<=430px){.intro-stage{width:min(94vw,570px)}.intro-sub{letter-spacing:.03em;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.intro{display:none}}.handoff{z-index:20;pointer-events:none;visibility:hidden;background:radial-gradient(120% 120% at var(--x,50%) var(--y,50%), #1b4fd8 0%, #12294b 45%, #0b1b33 100%);clip-path:circle(0 at var(--x,50%) var(--y,50%));place-items:center;display:grid;position:fixed;inset:0}.handoff.active{pointer-events:auto;visibility:visible;clip-path:circle(150% at var(--x,50%) var(--y,50%));transition:clip-path .72s cubic-bezier(.65,0,.35,1)}.handoff-mark{text-align:center;opacity:0;padding:0 6vw;transform:translateY(16px)scale(.97)}.handoff.active .handoff-mark{opacity:1;transition:opacity .42s .26s,transform .58s cubic-bezier(.22,1,.36,1) .26s;transform:none}.handoff-mark strong{letter-spacing:.26em;background:linear-gradient(100deg,#fff,#5b8cff 55%,#ff5a36);color:#0000;-webkit-background-clip:text;background-clip:text;padding-left:.26em;font-size:clamp(46px,9vw,104px);font-weight:800;line-height:1;display:block}.handoff-mark small{letter-spacing:.18em;color:#b9c9e4;margin-top:18px;font:12px JetBrains Mono,ui-monospace,monospace;display:block}.handoff-line{transform-origin:0;background:#ff5a36;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.handoff.active .handoff-line{transition:transform .9s linear;transform:scaleX(1)}@media (width<=680px){.handoff-mark small{letter-spacing:.12em;font-size:10px}}@media (prefers-reduced-motion:reduce){.handoff{display:none}}