:root{--bg:#09090b;--text:#fff;--muted:#a1a1aa;--acc-blue:#2563eb;--acc-purple:#7c3aed;--grad:linear-gradient(135deg,var(--acc-blue),var(--acc-purple));--panel-bg:rgba(24,24,27,0.6);--panel-border:rgba(255,255,255,0.08);--cyan-muted:#064e3b;--cyan-text:#34d399}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:'Inter',system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.03"/></svg>');pointer-events:none;z-index:0}header,main,footer{position:relative;z-index:1}header{padding:1.5rem 2rem;display:flex;justify-content:flex-start}header img{height:32px;width:auto}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;gap:3rem;max-width:1000px;margin:0 auto;width:100%}.hero{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}h1{font-size:clamp(1.75rem,5vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-0.03em;margin-bottom:1.5rem;max-width:800px;text-wrap:balance}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.pill{background:rgba(255,255,255,0.03);border:1px solid var(--panel-border);padding:.4rem 1rem;border-radius:6px;font-size:.875rem;font-weight:700;color:#e4e4e7;letter-spacing:.02em}.ticker-container{width:100%;max-width:400px;overflow:hidden;border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05);padding:.5rem 0;margin-bottom:2.5rem;position:relative;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.ticker{white-space:nowrap;font-size:.75rem;color:var(--muted);display:inline-block;animation:scroll 12s linear infinite}.ticker-container:hover .ticker{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.cta-wrap{width:100%;max-width:380px;position:relative}.cta-btn{width:100%;background:var(--grad);border:none;border-radius:8px;color:#fff;padding:1.125rem 2rem;font-size:1.125rem;font-weight:700;font-family:inherit;cursor:pointer;position:relative;overflow:hidden;box-shadow:inset 0 0 12px rgba(255,255,255,0.2),0 4px 20px rgba(37,99,235,0.2);transition:transform .2s,box-shadow .2s;outline:none;min-height:60px}.cta-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.cta-content{display:flex;align-items:center;justify-content:center;gap:.75rem;transition:opacity .3s}.cta-icon{width:20px;height:20px;position:relative;display:flex;align-items:center;justify-content:center}.icon-padlock,.icon-check{position:absolute;transition:all .3s cubic-bezier(0.4,0,0.2,1);fill:currentColor}.icon-check{opacity:0;transform:scale(0.5)}.loading-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.75rem;opacity:0;pointer-events:none;transition:opacity .3s}.spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,0.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.is-loading .cta-content{opacity:0}.is-loading .loading-state{opacity:1}.preview-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:12px;padding:1.5rem;width:100%;max-width:600px;transition:border-color .3s,box-shadow .3s;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;will-change:transform}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.05);padding-bottom:.75rem}.preview-title{font-size:.875rem;font-weight:700;color:#e4e4e7;display:flex;align-items:center;gap:.5rem}.preview-title::before{content:'';display:block;width:8px;height:8px;background:var(--acc-purple);border-radius:2px}.mock-graph{display:flex;align-items:flex-end;gap:8px;height:120px;padding-top:1rem}.bar{flex:1;background:linear-gradient(to top,rgba(124,58,237,0.1),rgba(37,99,235,0.8));border-radius:4px 4px 0 0;opacity:.8;transform:translateZ(10px);position:relative}.bar::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#fff;opacity:.5;border-radius:2px 2px 0 0}.b1{height:40%}.b2{height:65%}.b3{height:45%}.b4{height:85%}.b5{height:60%}.b6{height:95%}.ping-badge{position:fixed;bottom:4rem;right:1.5rem;background:rgba(9,9,11,0.9);border:1px solid var(--panel-border);padding:.4rem .75rem;border-radius:20px;font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:.5rem;backdrop-filter:blur(4px);z-index:50}.ping-dot{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981;animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}.mobile-sticky{position:fixed;bottom:0;left:0;right:0;background:var(--cyan-muted);color:var(--cyan-text);text-align:center;padding:.6rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;z-index:40;border-top:1px solid rgba(52,211,153,0.2)}@media(any-pointer:fine){.cta-btn:hover{transform:translateY(-2px);box-shadow:inset 0 0 12px rgba(255,255,255,0.3),0 6px 25px rgba(37,99,235,0.35)}.cta-btn:hover .icon-padlock{opacity:0;transform:scale(1.5)}.cta-btn:hover .icon-check{opacity:1;transform:scale(1)}.preview-panel:hover{border-color:rgba(124,58,237,0.3);box-shadow:0 0 20px rgba(124,58,237,0.1)}}@media(max-width:600px){header{padding:1rem}main{padding:1rem;gap:2rem}.ping-badge{bottom:3rem;right:1rem}.cta-wrap{max-width:100%}.mock-graph{height:90px}}@media(prefers-reduced-motion:reduce){.ticker{animation:none;white-space:normal;text-align:center;width:100%}.spinner{animation:none;border-style:dashed}.ping-dot{animation:none}.preview-panel{transform:none!important;transition:none}.cta-btn,.icon-padlock,.icon-check{transition:none}}