:root{color:#f8f8ff;--bg:#09011d;--bg-accent:#16053f;--card:#10082eb8;--text:#f8f8ff;--muted:#c7c5df;--border:#5ae9ff57;--primary:#5ae9ff;--secondary:#ff5ea8;--success:#7dffb3;--error:#ff7c90;--shadow:0 18px 50px #0c0424b3;background-color:#09011d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 20% 0%, #5ae9ff3d, transparent 35%), radial-gradient(circle at 85% 10%, #ff5ea847, transparent 38%), linear-gradient(165deg, var(--bg), var(--bg-accent));color:var(--text)}a{color:inherit}.app-shell{isolation:isolate;max-width:1120px;margin:0 auto;padding:1.25rem 1rem 4rem;position:relative}.bg-grid{z-index:-3;background-image:linear-gradient(#5ae9ff0d 1px,#0000 1px),linear-gradient(90deg,#5ae9ff0d 1px,#0000 1px);background-size:50px 50px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.bg-glow{z-index:-2;filter:blur(80px);opacity:.55;border-radius:50%;width:380px;height:380px;animation:12s ease-in-out infinite float-glow;position:fixed}.bg-glow-1{background:#5ae9ff8c;top:130px;left:-80px}.bg-glow-2{background:#ff5ea880;animation-delay:2.5s;top:40px;right:-120px}.section{margin-top:2.2rem}.hero{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(125deg,#5ae9ff29,#ff5ea824),#09011dad;border-radius:24px;padding:3rem 2rem;animation:.6s ease-out both rise-in;position:relative}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 .8rem;font-size:.8rem}h1,h2,h3{margin:0 0 .8rem;line-height:1.1}h1{max-width:16ch;font-size:clamp(2rem,5vw,4rem)}h2{font-size:clamp(1.4rem,2.8vw,2.2rem)}.hero-copy,.section-copy,p{color:var(--muted);margin:0}.hero-copy{max-width:55ch;margin-bottom:1.35rem}.primary-cta,.secondary-cta{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:.65rem 1.4rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-cta{background:linear-gradient(100deg, var(--primary), var(--secondary));color:#10082e;box-shadow:0 12px 30px #5ae9ff57}.primary-cta:hover,.primary-cta:focus-visible{transform:translateY(-2px);box-shadow:0 16px 30px #5ae9ff70}.primary-cta:disabled{cursor:not-allowed;opacity:.7;transform:none}.secondary-cta{border-color:var(--border);color:var(--text);background:#0e072973;margin-top:.85rem}.secondary-cta:hover,.secondary-cta:focus-visible{border-color:var(--primary)}.feature-grid,.testimonial-grid,.pricing-grid,.signup-layout{gap:1rem;display:grid}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-grid,.testimonial-grid,.signup-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.pricing-card{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);border-radius:18px;padding:1.1rem}.reveal-card{animation:.55s both rise-in}.pricing-card{text-align:left;cursor:pointer;transition:border-color .18s,transform .18s}.pricing-card:hover,.pricing-card:focus-visible{border-color:var(--primary);transform:translateY(-2px)}.pricing-card.selected{border-color:var(--secondary);box-shadow:0 0 0 2px #ff5ea854, var(--shadow)}.plan-title{color:var(--text);font-size:1.05rem;font-weight:700}.plan-price{color:var(--primary);margin-top:.35rem;font-size:1.5rem;font-weight:800}.plan-description{margin-top:.45rem}.signup-layout{align-items:start}.signup-form{gap:.9rem;margin-top:.95rem;display:grid}.signup-form label{color:var(--text);gap:.42rem;font-weight:600;display:grid}.signup-form input{width:100%;color:var(--text);background:#0d0621eb;border:1px solid #7e7dafe6;border-radius:10px;min-height:44px;padding:.6rem .75rem}.signup-form input:focus-visible,.tooltip-trigger:focus-visible,.pricing-card:focus-visible,.secondary-cta:focus-visible,.primary-cta:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.selected-plan-label{color:var(--primary);margin-top:.2rem}.status-panel{min-height:260px}.status-title{color:var(--text);margin:0 0 .4rem;font-weight:800}.loader-wrap{text-align:center;justify-items:center;gap:.75rem;padding:.6rem 0;display:grid}.loader{border:4px solid #5ae9ff40;border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.88s linear infinite spin}.success-state .status-title{color:var(--success)}.error-state .status-title{color:var(--error)}.error-hint{color:#ffd8df;margin-top:.6rem}.testimonials footer{color:var(--primary);margin-top:.7rem;font-weight:600}.tooltip-wrap{margin-left:.45rem;display:inline-flex;position:relative}.tooltip-trigger{border:1px solid var(--border);width:20px;height:20px;color:var(--primary);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.tooltip-text{border:1px solid var(--border);width:280px;color:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:4;background:#0a051ffa;border-radius:8px;padding:.6rem;font-size:.84rem;font-weight:400;transition:opacity .14s,transform .14s;position:absolute;top:-6px;left:24px;transform:translateY(6px)}.tooltip-wrap:hover .tooltip-text,.tooltip-wrap:focus-within .tooltip-text{opacity:1;transform:translateY(0)}.preview-placeholder{padding:1.5rem}.preview-mount{background:#0c042366;border:2px dashed #5ae9ff73;border-radius:12px;min-height:170px;margin-top:1rem}.preview-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.preview-page-card{width:min(760px,100%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes float-glow{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-12px)translate(10px)}}@media (width<=980px){.feature-grid,.pricing-grid,.testimonial-grid,.signup-layout{grid-template-columns:1fr}.hero{padding:2.35rem 1.2rem}.tooltip-text{width:min(280px,76vw);top:24px;left:0}}
