:root{--bg-dark:#0d0b0f;--bg-plum:#1a0f14;--accent-coral:#ff7a59;--accent-amber:#ffb03a;--text-main:#fcfbfc;--text-muted:#a699a0;--glass-bg:rgba(255,255,255,0.02);--glass-border:rgba(255,255,255,0.06);--focus-ring:#ffb03a}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-main);font-family:'Inter',system-ui,sans-serif;line-height:1.5;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;position:relative;padding:16px}@keyframes drift{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}@keyframes settle{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}@keyframes sweep{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}@keyframes pulsePulse{0%,100%{opacity:.5}50%{opacity:1}}.bg-mesh{position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none}.aurora-1{position:absolute;top:-20%;left:-10%;width:70vw;height:70vw;background:radial-gradient(circle,rgba(255,122,89,0.12) 0,transparent 60%);filter:blur(80px);animation:drift 25s linear infinite}.aurora-2{position:absolute;bottom:-10%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(255,176,58,0.08) 0,transparent 60%);filter:blur(80px);animation:drift 30s linear infinite reverse}.bg-noise{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E")}.bg-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,0.04) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,black 30%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 100%)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;width:100%;max-width:560px;margin:4vh auto 0;z-index:1;animation:settle .6s cubic-bezier(.2,.8,.2,1) forwards}.hero-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}.logo{height:28px;width:auto}.status-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--glass-bg);padding:4px 10px;border-radius:99px;border:1px solid var(--glass-border)}.status-chip .dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.5)}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.badge{font-size:12px;font-weight:400;padding:4px 12px;border-radius:99px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted)}h1{font-size:clamp(32px,7vw,72px);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin:8px 0;color:#fff}p.subtitle{font-size:clamp(15px,3.5vw,17px);color:var(--text-muted);max-width:520px;margin:0 0 12px}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent-coral),var(--accent-amber));color:#2a0a18;text-decoration:none;font-weight:700;font-size:16px;padding:16px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.4);box-shadow:0 0 24px rgba(255,122,89,.25);width:100%;min-height:48px;transition:transform .2s,box-shadow .2s;outline-offset:4px}.cta-btn svg{width:18px;height:18px}@media(min-width:480px){.cta-btn{width:auto;min-width:280px;border-radius:99px}}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,122,89,.35)}.cta-btn:focus-visible{outline:2px solid var(--focus-ring)}.icon-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;color:var(--text-muted);font-size:13px;font-weight:400}.icon-strip .step{display:flex;align-items:center;gap:6px}.icon-strip svg{width:16px;height:16px;opacity:.7}.preview-card{position:relative;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:32px 24px;width:100%;max-width:560px;margin:32px auto 40px;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.3);z-index:1;text-align:center}@media(hover:hover) and (pointer:fine){.preview-card{transition:transform .3s}.preview-card:hover{transform:translateY(-4px)}}.signal-line{position:absolute;top:0;left:0;height:1px;width:40%;background:linear-gradient(90deg,transparent,var(--accent-coral),transparent);animation:sweep 2.5s ease-in-out forwards}.skel{display:none}.res{display:block}.js .skel{display:flex;flex-direction:column;gap:16px;align-items:center}.js .res{display:none}.js .preview-card.is-resolved .skel{display:none}.js .preview-card.is-resolved .res{display:flex;flex-direction:column;align-items:center;animation:settle .4s ease forwards}.skel-header{display:flex;align-items:center;gap:16px;width:100%;justify-content:center;margin-bottom:8px}.skel-circ{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.05);animation:pulsePulse 1.5s infinite}.skel-lines{display:flex;flex-direction:column;gap:8px;width:120px}.skel-bar{height:12px;background:rgba(255,255,255,.05);border-radius:6px;width:100%;animation:pulsePulse 1.5s infinite}.skel-bar.short{width:60%}.skel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:280px}.skel-box{height:40px;background:rgba(255,255,255,.03);border-radius:8px;animation:pulsePulse 1.5s infinite}.res-icon{width:48px;height:48px;background:rgba(74,222,128,.1);color:#4ade80;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.res-icon svg{width:24px;height:24px}.res h3{margin:0 0 8px;font-size:20px;font-weight:700;color:#fff}.res p{font-size:14px;color:var(--text-muted);margin:0 0 24px}.res a{display:inline-block;padding:12px 32px;background:rgba(255,255,255,.06);color:var(--text-main);text-decoration:none;border-radius:99px;font-size:14px;font-weight:700;border:1px solid rgba(255,255,255,.12);transition:background .2s;outline-offset:4px}.res a:hover{background:rgba(255,255,255,.12)}.res a:focus-visible{outline:2px solid var(--focus-ring)}@media(prefers-reduced-motion:reduce){*,::before,::after{animation:none!important;transition:none!important}}footer{margin-top:auto;font-size:12px;color:rgba(255,255,255,.3);text-align:center;padding:24px;width:100%}