:root{--blue:#2e7db6;--blue-deep:#1e5e8f;--green:#3fa06a;--green-deep:#2f7d50;--ink:#0a0f1a;--paper:#eef1f4;--fade:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;cursor:none;background:#060a12;width:100%;height:100%;font-family:Inter,system-ui,sans-serif;overflow:hidden}#scene{z-index:1;width:100vw;height:100vh;display:block;position:fixed;inset:0}.ui{z-index:10}.hidden{opacity:0;pointer-events:none}#loader{z-index:100;transition:opacity .9s var(--fade);background:#060a12;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}.loader-inner{text-align:center}.loader-text{letter-spacing:.5em;background:linear-gradient(90deg, var(--blue), var(--green));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:18px;padding-left:.5em;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700}.loader-bar{background:#ffffff1f;border-radius:2px;width:220px;height:2px;overflow:hidden}.loader-bar span{background:linear-gradient(90deg, var(--blue), var(--green));width:0%;height:100%;transition:width .3s;display:block}#top-ui{transition:opacity 1s var(--fade);justify-content:space-between;align-items:center;padding:28px 40px;display:flex;position:fixed;top:0;left:0;right:0}.brand img{filter:drop-shadow(0 4px 20px #00000080);pointer-events:none;width:auto;height:46px}.pillbox{-webkit-backdrop-filter:blur(14px);pointer-events:auto;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;gap:4px;padding:5px;display:flex}.pill{color:#ffffffb3;letter-spacing:.02em;cursor:pointer;transition:all .4s var(--fade);background:0 0;border:0;border-radius:100px;padding:9px 20px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500}.pill:hover{color:#fff}.pill.active{color:#fff;background:linear-gradient(120deg, var(--blue), var(--green));box-shadow:0 6px 24px #2e7db666}#caption{max-width:620px;transition:opacity .6s var(--fade);position:fixed;bottom:11vh;left:56px}.caption-index{letter-spacing:.2em;color:var(--green);align-items:center;gap:10px;margin-bottom:18px;font-family:Space Grotesk,sans-serif;font-size:13px;display:flex}.caption-index i{background:#ffffff4d;width:40px;height:1px}.caption-index span:last-child{color:#fff6}#cap-title{letter-spacing:-.02em;text-shadow:0 8px 40px #00000080;font-family:Space Grotesk,sans-serif;font-size:clamp(34px,5.4vw,76px);font-weight:700;line-height:.98}#cap-title .hl{background:linear-gradient(100deg, var(--blue), var(--green));color:#0000;-webkit-background-clip:text;background-clip:text}#cap-sub{color:#ffffffb3;max-width:440px;margin-top:22px;font-size:clamp(15px,1.4vw,19px);font-weight:300;line-height:1.5}#hint{letter-spacing:.22em;text-transform:uppercase;color:#ffffff73;transition:opacity .6s var(--fade);flex-direction:column;align-items:center;gap:10px;font-size:11px;display:flex;position:fixed;bottom:38px;left:50%;transform:translate(-50%)}.hint-line{background:#ffffff26;width:1px;height:44px;overflow:hidden}.hint-line i{background:linear-gradient(var(--blue), var(--green));width:100%;height:40%;animation:drop 1.8s var(--fade) infinite;display:block}@keyframes drop{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}#dots{transition:opacity 1s var(--fade);flex-direction:column;gap:16px;display:flex;position:fixed;top:50%;right:40px;transform:translateY(-50%)}.dot{cursor:pointer;pointer-events:auto;width:9px;height:9px;transition:all .4s var(--fade);background:0 0;border:1px solid #ffffff59;border-radius:50%;padding:0}.dot.active{background:linear-gradient(var(--blue), var(--green));border-color:#0000;transform:scale(1.3);box-shadow:0 0 14px #3fa06ab3}#cursor{pointer-events:none;z-index:90;width:26px;height:26px;transition:width .25s var(--fade), height .25s var(--fade), background .25s, border-color .25s;mix-blend-mode:difference;border:1.5px solid #fff9;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor.hot{background:#ffffff1f;border-color:#ffffffe6;width:54px;height:54px}#contact{z-index:40;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .8s var(--fade);background:radial-gradient(circle,#080e1866,#060a12d9);flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:fixed;inset:0}#contact.show{opacity:1;pointer-events:auto}#contact h2{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:clamp(40px,7vw,96px);font-weight:700;line-height:1}#contact h2 .hl{background:linear-gradient(100deg, var(--blue), var(--green));color:#0000;-webkit-background-clip:text;background-clip:text}#contact p{color:#ffffffa6;max-width:460px;font-size:18px;font-weight:300}.cta{pointer-events:auto;color:#fff;background:linear-gradient(120deg, var(--blue), var(--green));transition:transform .4s var(--fade), box-shadow .4s var(--fade);border-radius:100px;align-items:center;gap:12px;padding:16px 34px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 10px 40px #2e7db673}.cta:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 16px 50px #3fa06a8c}@media (width<=720px){html,body{cursor:auto}#cursor{display:none}#top-ui{padding:18px 20px}.brand img{height:34px}.pill{padding:8px 14px;font-size:12px}#caption{bottom:13vh;left:22px;right:22px}#dots{right:16px}}