:root{--bg: #06060a;--bg-soft: #0a0a12;--accent: #e11d48;--accent-dim: #b91232;--accent-soft: rgba(225, 29, 72, .08);--accent-border: rgba(225, 29, 72, .18);--green: #16a34a;--yellow: #eab308;--text: #c9d1e0;--text-strong: #ffffff;--text-mid: rgba(255, 255, 255, .45);--text-dim: rgba(255, 255, 255, .25);--text-faint: rgba(255, 255, 255, .15);--line: rgba(255, 255, 255, .06);--line-soft: rgba(255, 255, 255, .04);--card: rgba(255, 255, 255, .025);--card-border: rgba(255, 255, 255, .07);--menu: #12121b;--glass-fill: rgba(20, 20, 30, .55);--glass-fill-strong: rgba(14, 14, 22, .72);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .22);--glass-solid: #0f0f17;--glass-blur: 18px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--font-display: "Syne", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 14px;--maxw: 1080px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}.num,.tnum{font-variant-numeric:tabular-nums;-moz-font-feature-settings:"tnum" 1;-webkit-font-feature-settings:"tnum" 1;font-feature-settings:"tnum" 1;font-variant-east-asian:tabular-nums}button{font-family:var(--font-body);cursor:pointer}::selection{background:#e11d484d;color:#fff}.orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(185,18,50,.35) 0%,transparent 70%);top:-160px;left:-120px}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(225,29,72,.18) 0%,transparent 70%);top:40px;right:-120px}.orb-3{width:420px;height:420px;background:radial-gradient(circle,rgba(160,10,40,.2) 0%,transparent 70%);bottom:200px;left:-100px}.layer{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.eyebrow-line{width:24px;height:1px;background:var(--accent)}.btn-primary{background:var(--accent);color:#fff;font-size:13px;font-weight:500;padding:12px 28px;border-radius:var(--r-md);border:none;letter-spacing:.01em;transition:filter .15s,transform .05s}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:translateY(1px)}.btn-ghost{background:#ffffff0a;color:var(--text-mid);font-size:13px;padding:12px 20px;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.08);display:inline-flex;align-items:center;gap:7px;transition:background .15s,color .15s}.btn-ghost:hover{background:#ffffff12;color:var(--text)}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-lg)}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.card{background:#ffffff09;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%)}}.glass{position:relative;background:var(--glass-solid);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--glass-shadow);isolation:isolate}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.glass{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%)}.glass-strong{background:var(--glass-fill-strong)}}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding-top:1px;background:linear-gradient(180deg,var(--glass-highlight) 0%,transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7;z-index:0}.glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.05) 0%,transparent 60%);pointer-events:none;z-index:0}.glass>*{position:relative;z-index:1}.glass-accent{border-color:var(--accent-border);box-shadow:var(--glass-shadow),0 0 0 1px var(--accent-soft) inset}@media (max-width: 640px){:root{--glass-blur: 14px}}@media (prefers-reduced-motion: reduce){:root{--glass-blur: 0px}}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:blink 1.4s infinite;flex-shrink:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.s-ig{color:var(--accent)}.s-on{color:var(--green)}.s-off{color:var(--text-dim)}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}@media (max-width: 640px){.orb{filter:blur(60px)}}.os-ripple{position:absolute;border-radius:50%;transform:scale(0);pointer-events:none;animation:os-ripple-anim .55s cubic-bezier(.2,.7,.3,1);z-index:0}@keyframes os-ripple-anim{to{transform:scale(2.4);opacity:0}}.tap{transition:transform .12s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s,box-shadow .2s,filter .15s}.tap:active{transform:scale(.97)}.lift{transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}.lift:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000059}.lift:active{transform:translateY(0) scale(.99)}@keyframes os-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rise{opacity:0;animation:os-rise .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i, 0) * 55ms)}@keyframes os-fade{0%{opacity:0}to{opacity:1}}.fade{animation:os-fade .4s ease forwards}@keyframes os-glow{0%,to{box-shadow:0 0 #e11d4800}50%{box-shadow:0 0 22px #e11d4859}}.btn-primary,.btn-ghost{position:relative;overflow:hidden}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.rise{opacity:1}}
