: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}}.sound-toggle{z-index:2;color:#c4edff;cursor:pointer;background:#071322;border:1px solid #ffffff30;border-radius:24px;padding:12px 18px;font-size:13px;position:absolute;top:24px;right:6vw}.sound-status{color:#9aa9bc;text-align:right;max-width:260px;font-size:12px;position:absolute;top:72px;right:6vw}