:root{--background:#fff;--background-secondary:#f8f8f8;--surface:#fff;--surface-muted:#f8f8f8;--surface-hover:#f1f4fa;--navy:#050d3d;--navy-2:#0a1f6b;--primary:#0a6cf0;--primary-light:#4a93ff;--primary-dark:#0644b8;--primary-soft:#e8f1ff;--red:#e8383d;--red-soft:#fdecec;--accent:#ff7a3d;--gold:#e5a50a;--success:#16a34a;--danger:#e8383d;--text-primary:#0a0a0a;--text-secondary:#616161;--text-muted:#9a9a9a;--text-on-dark:#fff;--border:#e6e6e6;--border-soft:#eee;--glass:#ffffffdb;--glass-strong:#fffffff5;--glass-blur:16px;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #10182814;--shadow-card:0 12px 32px -14px #10182838;--shadow-float:0 24px 60px -20px #050d3d59;--glow-primary:0 10px 24px -10px #0a6cf0b3;--rarity-common:#8b93a1;--rarity-uncommon:#16a34a;--rarity-rare:#0a6cf0;--rarity-epic:#7c3aed;--rarity-legendary:#e5a50a;--rarity-mythic:#0ea5e9;--font-display:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-body:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--fs-hero:clamp(3.4rem, 1.6rem + 8.4vw, 9.5rem);--fs-h2:clamp(2rem, 1.4rem + 2.4vw, 3.25rem);--fs-h3:clamp(1.15rem, 1.05rem + .4vw, 1.4rem);--fs-body:1rem;--fs-small:.875rem;--fs-label:.75rem;--gutter:clamp(16px, 4vw, 60px);--section-y:clamp(72px, 9vw, 130px);--max-w:1320px;--radius-sm:12px;--radius:18px;--radius-lg:28px;--radius-xl:36px;--header-h:76px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);-webkit-text-size-adjust:100%;background:var(--background)}body{background:var(--background);min-height:100dvh;color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.6;overflow-x:clip}body.is-locked{overflow:hidden}img,svg,video,canvas{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-weight:600;line-height:1.08}p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:8px}::selection{background:var(--primary-soft)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--max-w);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y);position:relative}.eyebrow{letter-spacing:-.01em;color:var(--primary);font-size:.85rem;font-weight:600;display:inline-block}.section-head{gap:14px;max-width:720px;margin-bottom:clamp(36px,5vw,60px);display:grid}.section-head--center{text-align:center;justify-items:center;margin-inline:auto}.section-title{font-size:var(--fs-h2);text-wrap:balance}.section-title em{color:var(--primary);font-style:normal}.section-lead{color:var(--text-secondary);text-wrap:pretty;max-width:520px;font-size:1rem}.btn{letter-spacing:-.01em;white-space:nowrap;min-height:46px;transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out), background .2s, border-color .2s, color .2s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:.92rem;font-weight:600;display:inline-flex;position:relative}.btn svg{flex:none;width:18px;height:18px}.btn:active{transform:scale(.97)}.btn--primary{color:#fff;background:var(--primary);box-shadow:var(--glow-primary)}.btn--primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn--dark{color:#fff;background:#1b1b1b}.btn--dark:hover{background:#000;transform:translateY(-1px)}.btn--ghost{color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff}.btn--ghost:hover{border-color:#d4d4d4;transform:translateY(-1px)}.btn--red{color:#fff;background:var(--red);box-shadow:0 10px 24px -10px #e8383db3}.btn--red:hover{background:#cf2a2f;transform:translateY(-1px)}.btn--gold{color:#fff;background:var(--red);box-shadow:0 10px 24px -10px #e8383db3}.btn--sm{min-height:38px;padding:0 16px;font-size:.82rem}.btn--block{width:100%}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.chip{border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:.72rem;font-weight:600;display:inline-flex}.chip__dot{background:currentColor;border-radius:50%;width:7px;height:7px}.chip--live{color:var(--success);background:#ecfdf3;border-color:#c6f0d5}.chip--demo{color:var(--primary);background:var(--primary-soft);border-color:#cfe0ff}.chip--soon{color:#c2410c;background:#fff2ea;border-color:#ffd9c4}.chip--planned{color:var(--text-secondary);background:var(--surface-muted)}.chip--danger{color:var(--red);background:var(--red-soft);border-color:#f8caca}.glass{background:var(--glass-strong);border:1px solid var(--border-soft);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-card)}.notice{border-radius:var(--radius);background:var(--surface-muted);color:var(--text-secondary);font-size:var(--fs-small);align-items:flex-start;gap:12px;padding:14px 16px;line-height:1.5;display:flex}.notice svg{width:18px;height:18px;color:var(--primary);flex:none;margin-top:1px}.notice--warn{background:#fff6ee}.notice--warn svg{color:var(--accent)}.notice--error{background:var(--red-soft)}.notice--error svg{color:var(--red)}.notice strong{color:var(--text-primary);font-weight:600}[data-reveal]{opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(24px)}[data-reveal].is-visible{opacity:1;transform:none}.skeleton{background:linear-gradient(100deg,#f1f3f6 30%,#e7ebf1 50%,#f1f3f6 70%) 0 0/300% 100%;animation:1.6s linear infinite skeleton}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.modal{z-index:80;padding:calc(16px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));-webkit-backdrop-filter:blur(6px);background:#050d3d73;place-items:center;animation:.25s both fade-in;display:grid;position:fixed;inset:0}.modal__panel{width:min(100%,520px);max-height:100%;animation:pop-in .4s var(--ease-out) both;background:#fff;padding:28px;position:relative;overflow:auto}.modal__close{background:var(--surface-muted);width:40px;height:40px;color:var(--text-secondary);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.modal__close:hover{color:var(--text-primary);background:#eee}.modal__close svg{width:18px;height:18px}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}.route-loading{background:var(--background);place-items:center;display:grid;position:fixed;inset:0}.route-loading span{border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skip-link{z-index:100;background:var(--primary);color:#fff;border-radius:10px;padding:10px 16px;font-weight:600;position:fixed;top:-60px;left:16px}.skip-link:focus{top:calc(12px + var(--safe-top))}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}