:root{--bg: #05060f;--ink: #eef1ff;--muted: #9aa3c7;--cyan: #38f9d7;--violet: #9d6bff;--pink: #ff5fa2;--glass: rgba(18, 22, 45, .55);--glass-brd: rgba(255, 255, 255, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{background:radial-gradient(1200px 800px at 70% -10%,rgba(157,107,255,.18),transparent 60%),radial-gradient(1000px 700px at 10% 110%,rgba(56,249,215,.12),transparent 55%),var(--bg)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0}#scroller{position:relative;width:100%;pointer-events:none;z-index:-1}#cards{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.card{position:absolute;top:0;left:0;width:320px;transform-origin:center;will-change:transform,opacity;pointer-events:auto;text-decoration:none;color:inherit;opacity:0}.card__inner{position:relative;border-radius:20px;padding:22px;background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 24px 60px -24px #000c,inset 0 1px #ffffff14;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}.card:hover .card__inner{transform:translateY(-4px);border-color:#ffffff47;box-shadow:0 34px 80px -22px #000000d9,0 0 0 1px var(--accent, var(--violet)),inset 0 1px #ffffff1f}.card__inner:before{content:"";position:absolute;top:-40%;right:-30%;width:70%;height:120%;background:radial-gradient(circle,var(--accent, var(--violet)),transparent 65%);opacity:.28;filter:blur(6px);pointer-events:none}.card__badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.card__badge i{width:8px;height:8px;border-radius:50%;background:var(--accent, var(--violet));box-shadow:0 0 12px var(--accent, var(--violet))}.card__thumb{height:120px;border-radius:12px;margin-bottom:16px;background:linear-gradient(135deg,var(--accent, var(--violet)),rgba(8,10,24,.4));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.card__thumb span{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:40px;color:#ffffffeb;mix-blend-mode:overlay;letter-spacing:-.02em}.card__title{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.card__sub{font-size:14px;color:var(--muted);line-height:1.5}.card__cta{margin-top:18px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink)}.card__cta svg{width:15px;height:15px;transition:transform .25s ease}.card:hover .card__cta svg{transform:translate(3px,-3px)}.card__chips{display:flex;flex-wrap:wrap;gap:8px}.card__chips span{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;padding:7px 12px;border-radius:999px;background:#ffffff0f;border:1px solid var(--glass-brd);color:var(--ink)}.label{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:transform,opacity;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.04em;text-align:center;white-space:nowrap;transform-origin:center}.label b{display:block;font-size:64px;background:linear-gradient(90deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.label small{display:block;font-size:14px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:8px}.hud{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(18px,4vw,48px);mix-blend-mode:difference}.hud__logo{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:22px;letter-spacing:.04em}.hud__nav{display:flex;gap:6px}.hud__nav button{background:none;border:0;color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:8px 12px;border-radius:999px;cursor:pointer;opacity:.75;transition:opacity .2s ease}.hud__nav button:hover{opacity:1}@media (max-width: 600px){.hud__nav button{padding:8px;font-size:12px}}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;will-change:opacity,transform}.intro__eyebrow{font-size:13px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}.intro__title{font-family:Space Grotesk,sans-serif;font-size:clamp(48px,11vw,132px);font-weight:700;line-height:.95;letter-spacing:-.03em;background:linear-gradient(180deg,#fff,#b9c0ee);-webkit-background-clip:text;background-clip:text;color:transparent}.intro__sub{margin-top:22px;font-size:clamp(15px,2vw,18px);color:var(--muted)}.intro__scroll{margin-top:42px;width:26px;height:42px;border:2px solid rgba(255,255,255,.35);border-radius:14px;display:flex;justify-content:center;padding-top:7px}.intro__scroll span{width:4px;height:8px;border-radius:2px;background:var(--cyan);animation:scrolldot 1.6s ease-in-out infinite}@keyframes scrolldot{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:0}}.contact{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;opacity:0;pointer-events:none;will-change:opacity,transform}.contact__eyebrow{font-size:13px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.contact__title{font-family:Space Grotesk,sans-serif;font-size:clamp(32px,6vw,64px);font-weight:700;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#b9c0ee);-webkit-background-clip:text;background-clip:text;color:transparent}.contact__sub{margin-top:14px;max-width:520px;color:var(--muted);font-size:clamp(14px,2vw,17px);line-height:1.6}.contact__form{margin-top:28px;width:min(440px,92vw);display:flex;flex-direction:column;gap:12px}.contact__form input,.contact__form textarea{width:100%;padding:14px 16px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-brd);color:var(--ink);font-family:Inter,sans-serif;font-size:15px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);resize:vertical}.contact__form input::placeholder,.contact__form textarea::placeholder{color:var(--muted)}.contact__form input:focus,.contact__form textarea:focus{outline:none;border-color:var(--cyan)}.contact__form button{margin-top:6px;padding:14px 20px;border:0;border-radius:14px;cursor:pointer;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;color:#05060f;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:transform .2s ease,box-shadow .2s ease}.contact__form button:hover{transform:translateY(-2px);box-shadow:0 16px 40px -16px var(--violet)}.progress{position:fixed;left:clamp(18px,4vw,48px);bottom:28px;z-index:5;width:160px;height:3px;border-radius:3px;background:#ffffff1f;overflow:hidden}.progress i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));border-radius:3px}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .6s ease}.veil.hide{opacity:0;pointer-events:none}.veil span{font-family:Space Grotesk,sans-serif;letter-spacing:.3em;text-transform:uppercase;font-size:12px;color:var(--muted)}