*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080c10;--bg-card: #0d1219;--border: #1e2d3d;--white: #ffffff;--text: #ffffff;--muted: #b0c4d0;--green: #00ff88;--cyan: #00e5ff;--purple: #b060ff;--font-head: "Inter", "Inter", Impact, sans-serif;--font-ui: "Inter", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);width:100%;margin:0;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,229,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.018) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:0}.orb{position:fixed;border-radius:50%;filter:blur(130px);pointer-events:none;z-index:0}.orb-1{width:700px;height:700px;background:#00ff880a;top:-250px;right:-200px}.orb-2{width:600px;height:600px;background:#8040ee0b;bottom:-150px;left:-200px}.orb-3{width:400px;height:400px;background:#00e5ff08;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-section{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.container{position:relative;z-index:1;text-align:center;max-width:640px;width:100%;padding:2rem}.story-section{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:4rem 2rem}.story-eyebrow{font-family:var(--font-ui);font-size:.75rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--cyan);margin-bottom:1.5rem}.story-headline{font-family:var(--font-head);font-size:1.75rem;font-weight:800;line-height:1.15;color:var(--white);margin-bottom:1.5rem}.story-headline em{font-style:normal;color:var(--cyan)}.story-body{font-size:1.05rem;line-height:1.75;color:var(--muted);margin-bottom:2rem}.story-body strong{color:var(--white);font-weight:600}.story-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);margin:3rem auto}.compare-section{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 2rem 4rem}.compare-headline{font-family:var(--font-head);font-size:1.5rem;font-weight:800;line-height:1.2;color:var(--white);text-align:center;margin-bottom:.75rem}.compare-headline em{font-style:normal;color:var(--green)}.compare-sub{text-align:center;font-size:1rem;color:var(--muted);line-height:1.6;margin-bottom:2.5rem;max-width:560px;margin-left:auto;margin-right:auto}.compare-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:2rem}.compare-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.5rem 1.25rem;text-align:center}.compare-card-value{font-family:var(--font-head);font-size:1.35rem;font-weight:800;color:var(--green);line-height:1;margin-bottom:.5rem}.compare-card-label{font-family:var(--font-ui);font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.compare-card-desc{font-size:.85rem;color:var(--muted);line-height:1.4}.compare-box{background:#00ff880a;border:1px solid rgba(0,255,136,.15);border-radius:10px;padding:1.25rem 1.5rem;text-align:center;font-size:.95rem;color:var(--muted);line-height:1.6}.compare-box strong{color:var(--white)}.final-cta{position:relative;z-index:1;text-align:center;max-width:640px;margin:0 auto;padding:2rem 2rem 4rem}.final-cta-headline{font-family:var(--font-head);font-size:1.5rem;font-weight:800;color:var(--white);margin-bottom:.5rem}.final-cta-headline em{font-style:normal;color:var(--green)}.final-cta-sub{font-size:.95rem;color:var(--muted);margin-bottom:1.5rem;line-height:1.5}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;z-index:2;opacity:.5;transition:opacity .3s;cursor:pointer}.scroll-hint:hover{opacity:.8}.scroll-hint span{display:block;font-family:var(--font-ui);font-size:.65rem;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}.scroll-line{width:1px;height:32px;margin:0 auto;background:linear-gradient(to bottom,var(--cyan),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}@media(max-width:600px){.compare-grid{grid-template-columns:1fr}.story-headline{font-size:1.35rem}.compare-headline{font-size:1.2rem}}.logo{font-family:var(--font-head);font-size:2.25rem;letter-spacing:4px;color:var(--white);line-height:1;margin-bottom:.25rem}.logo-u{color:var(--green);text-shadow:0 0 20px rgba(0,255,136,.5)}.logo-sub{display:block;font-family:var(--font-ui);font-size:.7rem;letter-spacing:6px;color:var(--muted);font-weight:600}.tagline{font-family:var(--font-ui);font-size:1.1rem;font-weight:600;color:var(--cyan);letter-spacing:3px;text-transform:uppercase;margin-top:2rem;margin-bottom:.5rem}.subtitle{font-size:1rem;color:var(--white);margin-bottom:2.5rem;line-height:1.5}.countdown{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem}.countdown-block{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem 1.2rem;min-width:80px}.countdown-value{font-family:var(--font-head);font-size:2rem;color:var(--green);line-height:1;text-shadow:0 0 15px rgba(0,255,136,.3)}.countdown-label{font-family:var(--font-ui);font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:.3rem}.divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);margin:0 auto 2rem}.ref-section{margin-bottom:2rem}.ref-label{font-family:var(--font-ui);font-size:.85rem;letter-spacing:2px;text-transform:uppercase;color:var(--text);margin-bottom:.75rem;font-weight:600}.ref-form{display:flex;gap:.5rem;max-width:400px;margin:0 auto}.ref-input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.75rem 1rem;color:var(--white);font-family:var(--font-ui);font-size:.95rem;letter-spacing:1px;outline:none;transition:border-color .2s}.ref-input::placeholder{color:var(--muted)}.ref-input:focus{border-color:var(--green)}.ref-btn{background:var(--green);color:var(--bg);border:none;border-radius:6px;padding:.75rem 1.5rem;font-family:var(--font-ui);font-weight:700;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:opacity .2s,transform .1s}.ref-btn:hover{opacity:.9}.ref-btn:active{transform:scale(.97)}.ref-error{color:#f55;font-size:.8rem;margin-top:.5rem;display:none;font-family:var(--font-ui)}.notify-section{margin-top:1.5rem}.notify-label{font-size:.85rem;color:var(--white);margin-bottom:.75rem}.notify-form{display:flex;gap:.5rem;max-width:400px;margin:0 auto}.notify-input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.7rem 1rem;color:var(--white);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .2s}.notify-input::placeholder{color:var(--muted)}.notify-input:focus{border-color:var(--cyan)}.notify-btn{background:transparent;color:var(--cyan);border:1px solid var(--cyan);border-radius:6px;padding:.7rem 1.2rem;font-family:var(--font-ui);font-weight:600;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}.notify-btn:hover{background:var(--cyan);color:var(--bg)}.notify-msg{font-size:.8rem;margin-top:.5rem;display:none;font-family:var(--font-ui)}.notify-msg.success{color:var(--green)}.notify-msg.error{color:#f55}.dna-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scanline{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,136,.08) 50%,transparent 100%);animation:scanline 8s linear infinite;pointer-events:none;z-index:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:480px){.container{padding:1.25rem}.logo{font-size:1.75rem}.tagline{margin-top:1.25rem}.subtitle{margin-bottom:1.5rem}.countdown{gap:.5rem;margin-bottom:1.5rem}.countdown-block{min-width:65px;padding:.75rem .8rem}.countdown-value{font-size:1.5rem}.divider,.ref-section{margin-bottom:1.25rem}.ref-form,.notify-form{flex-direction:column}.ref-btn,.notify-btn{width:100%}}@media(max-height:700px){.container{padding:1rem}.tagline{margin-top:1rem;font-size:.95rem}.subtitle{margin-bottom:1rem;font-size:.9rem}.countdown{margin-bottom:1rem;gap:.5rem}.countdown-block{padding:.6rem .8rem}.countdown-value{font-size:1.35rem}.divider,.ref-section{margin-bottom:1rem}}
