@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg: #ffffff;--surface: #f8fafc;--surface2: #f1f5f9;--surface3: #e2e8f0;--border: rgba(0,0,0,.08);--accent: #7c3aed;--accent2: #6d28d9;--accent-glow: rgba(124,58,237,.25);--blue: #3b82f6;--blue-glow: rgba(59,130,246,.2);--green: #10b981;--green-glow: rgba(16,185,129,.2);--gold: #f59e0b;--pink: #ec4899;--text: #0f172a;--text-dim: #64748b;--text-mid: #475569}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}body.landing-page{--bg: #ffffff;--surface: #f8fafc;--surface2: #f1f5f9;--surface3: #e2e8f0;--border: rgba(0,0,0,.08);--accent: #7c3aed;--accent2: #6d28d9;--accent-glow: rgba(124,58,237,.25);--blue: #3b82f6;--blue-glow: rgba(59,130,246,.2);--green: #10b981;--green-glow: rgba(16,185,129,.2);--gold: #f59e0b;--pink: #ec4899;--text: #0f172a;--text-dim: #64748b;--text-mid: #475569;background:#fff!important;color:var(--text)!important;overflow-x:hidden!important;overflow-y:auto!important;font-family:Poppins,sans-serif!important;font-size:16px!important}body.landing-page #root{display:block!important;width:100%!important;height:auto!important;min-height:100vh!important}body.landing-page *{font-family:Poppins,sans-serif!important}body.landing-page .grid-bg{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px)!important;opacity:.3!important}body.landing-page #threeCanvas{mix-blend-mode:normal}body.app-page{overflow:hidden!important}body.app-page #threeCanvas{display:none!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:1000}#threeCanvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;opacity:.3;z-index:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}section{position:relative;z-index:2}.section-header{text-align:center;margin-bottom:64px}.section-tag{display:inline-block;font-family:Roboto,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:16px}.section-header h2{font-size:clamp(30px,4vw,48px);font-weight:700;letter-spacing:-1px;line-height:1.1;margin-bottom:16px;color:var(--text)}.section-header p{font-size:16px;color:var(--text-mid);max-width:480px;margin:0 auto;line-height:1.65}.btn-ghost{font-family:Poppins,sans-serif;font-size:13px;font-weight:500;color:var(--text-mid);background:none;border:1px solid var(--border);padding:9px 20px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-ghost:hover{color:var(--accent);border-color:var(--accent);background:#7c3aed0d}.btn-primary{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),#4f46e5);border:none;padding:9px 22px;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@keyframes nodeIn{0%{opacity:0;transform:scale(.5) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 900px){.nav-links{display:none!important}}.navbar{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;padding:18px 60px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000d}.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--accent),#4f46e5);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--accent-glow)}.logo-icon svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2}.logo-text h2{font-size:16px;font-weight:700;letter-spacing:.3px;color:var(--text)}.logo-text span{font-size:11px;color:var(--text-dim);font-family:Roboto,sans-serif}.nav-links{display:flex;gap:36px;list-style:none}.nav-links a{font-size:13px;font-weight:500;color:var(--text-mid);text-decoration:none;transition:color .2s;letter-spacing:.3px}.nav-links a:hover{color:var(--accent)}.nav-cta{display:flex;gap:12px;align-items:center}@media (max-width: 900px){.navbar{padding:16px 24px}}.ticker-bar{background:linear-gradient(90deg,#7c3aed08,#3b82f608);border-bottom:1px solid var(--border);padding:12px 0;overflow:hidden;position:relative;margin-top:73px}.ticker-track{display:flex;gap:60px;animation:ticker 25s linear infinite;white-space:nowrap}.ticker-item{display:inline-flex;align-items:center;gap:10px;font-family:Roboto,sans-serif;font-size:13px;color:var(--text);font-weight:500;flex-shrink:0}.ticker-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ticker-val{color:var(--text);font-weight:700}.ticker-chg{font-weight:600}.ticker-chg.pos{color:var(--green)}.ticker-chg.neg{color:#f87171}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 40px 80px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(124,58,237,.08) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:float 8s ease-in-out infinite}.orb-1{width:500px;height:500px;background:#7c3aed0f;top:-100px;left:-100px;animation-delay:0s}.orb-2{width:400px;height:400px;background:#3b82f60d;bottom:-80px;right:-80px;animation-delay:-4s}.orb-3{width:300px;height:300px;background:#10b9810a;bottom:200px;left:100px;animation-delay:-2s}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:Roboto,sans-serif;font-size:11px;color:var(--accent);background:#7c3aed14;border:1px solid rgba(124,58,237,.2);padding:6px 14px;border-radius:99px;margin-bottom:32px;letter-spacing:.5px;position:relative;z-index:2}.hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 2s infinite}.hero h1{font-size:clamp(44px,7vw,88px);font-weight:700;line-height:1.05;letter-spacing:-2px;max-width:900px;position:relative;z-index:2;margin-bottom:24px;color:var(--text)}.word-binary{background:linear-gradient(135deg,var(--text) 0%,var(--text-mid) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.word-x{background:linear-gradient(135deg,var(--accent) 0%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.word-x:after{content:"X";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent) 0%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(20px);z-index:-1}.hero-sub{font-size:18px;color:var(--text-mid);max-width:560px;line-height:1.65;margin-bottom:44px;position:relative;z-index:2;font-weight:400}.hero-actions{display:flex;gap:14px;align-items:center;position:relative;z-index:2;margin-bottom:80px}.btn-hero{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),#4f46e5);border:none;padding:15px 32px;border-radius:10px;cursor:pointer;transition:all .25s;box-shadow:0 6px 20px var(--accent-glow);letter-spacing:.3px}.btn-hero:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--accent-glow)}.btn-hero-ghost{font-family:Poppins,sans-serif;font-size:15px;font-weight:500;color:var(--text-mid);background:#fff;border:1px solid var(--border);padding:15px 32px;border-radius:10px;cursor:pointer;transition:all .25s;display:flex;align-items:center;gap:8px}.btn-hero-ghost:hover{color:var(--accent);border-color:var(--accent);background:#7c3aed0d}.btn-hero-ghost svg{width:16px;height:16px;stroke:currentColor;fill:none}.hero-stats{display:flex;gap:48px;position:relative;z-index:2}.hero-stat{text-align:center}.hero-stat-val{font-family:Roboto,sans-serif;font-size:28px;font-weight:700;color:var(--text);line-height:1;margin-bottom:6px}.hero-stat-val span{font-size:16px;color:var(--accent)}.hero-stat-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.hero-divider{width:1px;height:40px;background:var(--border);align-self:center}.hero-tree{position:relative;z-index:2;width:100%;max-width:700px;margin:0 auto 20px;display:flex;flex-direction:column;align-items:center;gap:0}.tree-row{display:flex;justify-content:center;gap:12px;position:relative;padding:8px 0}.tree-node{display:flex;align-items:center;justify-content:center;border-radius:8px;font-family:Roboto,sans-serif;font-size:11px;font-weight:700;transition:all .3s;animation:nodeIn .6s ease forwards;opacity:0;cursor:default;position:relative}.tree-node:hover{transform:scale(1.1);filter:brightness(1.1)}@media (max-width: 900px){.hero-stats{gap:24px;flex-wrap:wrap;justify-content:center}.hero{padding:120px 24px 60px}}.features{padding:100px 60px;max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feat-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.feat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--glow-color, rgba(124,58,237,0)) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.feat-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.feat-card:hover:before{opacity:1}.feat-card.featured{grid-column:span 2;background:linear-gradient(135deg,#7c3aed0d,#3b82f608);border-color:#7c3aed33}.feat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feat-icon svg{width:22px;height:22px;fill:none;stroke-width:1.8}.feat-icon.purple{background:#7c3aed26}.feat-icon.blue{background:#3b82f626}.feat-icon.green{background:#10b98126}.feat-icon.gold{background:#f59e0b26}.feat-icon.pink{background:#ec489926}.feat-icon.purple svg{stroke:var(--accent)}.feat-icon.blue svg{stroke:var(--blue)}.feat-icon.green svg{stroke:var(--green)}.feat-icon.gold svg{stroke:var(--gold)}.feat-icon.pink svg{stroke:var(--pink)}.feat-card h3{font-size:18px;font-weight:600;margin-bottom:10px;letter-spacing:-.3px;color:var(--text)}.feat-card p{font-size:14px;color:var(--text-mid);line-height:1.65}.feat-meta{display:flex;align-items:center;gap:8px;margin-top:20px}.feat-badge{font-family:Roboto,sans-serif;font-size:10px;padding:4px 10px;border-radius:99px;letter-spacing:.5px}.feat-badge.green{background:#10b9811f;color:var(--green)}.feat-badge.blue{background:#3b82f61f;color:var(--blue)}.feat-badge.gold{background:#f59e0b1f;color:var(--gold)}@media (max-width: 900px){.features{padding:60px 24px}.features-grid{grid-template-columns:1fr}.feat-card.featured{grid-column:span 1}}.stats-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:60px}.stats-band-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.stat-item{text-align:center;padding:0 40px;position:relative}.stat-item+.stat-item:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:var(--border)}.stat-val{font-family:Roboto,sans-serif;font-size:38px;font-weight:700;color:var(--text);line-height:1;margin-bottom:8px}.stat-val em{font-style:normal;font-size:20px;color:var(--accent)}.stat-label{font-size:13px;color:var(--text-dim);letter-spacing:.5px}@media (max-width: 900px){.stats-band{padding:40px 24px}.stats-band-inner{grid-template-columns:1fr 1fr;gap:40px}.stat-item+.stat-item:before{display:none}}.how{padding:100px 60px;max-width:1200px;margin:0 auto}.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.how-steps:before{content:"";position:absolute;top:28px;left:calc(12.5% + 24px);right:calc(12.5% + 24px);height:1px;background:linear-gradient(90deg,var(--accent),var(--blue),var(--green),var(--gold));opacity:.3}.step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;position:relative}.step-num{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;margin-bottom:24px;position:relative;z-index:2;border:2px solid;background:#fff}.step-num.s1{border-color:var(--accent);color:var(--accent)}.step-num.s2{border-color:var(--blue);color:var(--blue)}.step-num.s3{border-color:var(--green);color:var(--green)}.step-num.s4{border-color:var(--gold);color:var(--gold)}.step h3{font-size:16px;font-weight:600;margin-bottom:10px;color:var(--text)}.step p{font-size:13px;color:var(--text-mid);line-height:1.6}@media (max-width: 900px){.how{padding:60px 24px}.how-steps{grid-template-columns:1fr 1fr;gap:40px}.how-steps:before{display:none}}.preview{padding:100px 60px;max-width:1200px;margin:0 auto}.preview-container{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #0000000f}.preview-topbar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--surface2);border-bottom:1px solid var(--border)}.preview-dots{display:flex;gap:6px}.preview-dot{width:10px;height:10px;border-radius:50%}.preview-dot.red{background:#f87171}.preview-dot.gold{background:var(--gold)}.preview-dot.green{background:var(--green)}.preview-url{flex:1;background:var(--surface3);border-radius:6px;padding:6px 14px;font-family:Roboto,sans-serif;font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:8px}.preview-url:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);flex-shrink:0}.preview-body{padding:40px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.preview-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.preview-card-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-family:Roboto,sans-serif}.preview-card-val{font-family:Roboto,sans-serif;font-size:24px;font-weight:700;color:var(--text);margin-bottom:6px}.preview-card-sub{font-size:12px;color:var(--green);display:flex;align-items:center;gap:4px}.preview-card-sub svg{width:12px;height:12px;stroke:currentColor;fill:none}.preview-chart{display:flex;align-items:flex-end;gap:4px;height:40px;margin-top:12px}.preview-bar{flex:1;border-radius:3px 3px 0 0;opacity:.7;transition:opacity .2s}.preview-bar:hover{opacity:1}.preview-tree-canvas{grid-column:span 2;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px}.preview-tree-label{font-family:Roboto,sans-serif;font-size:11px;color:var(--text-dim);text-align:center;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}@media (max-width: 900px){.preview{padding:60px 24px}.preview-body{grid-template-columns:1fr}.preview-tree-canvas{grid-column:span 1}}.pricing{padding:100px 60px;max-width:1100px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.plan-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:36px;position:relative;transition:border-color .3s,box-shadow .3s;box-shadow:0 1px 3px #0000000d}.plan-card:hover{border-color:var(--accent);box-shadow:0 8px 20px #00000014}.plan-card.featured{background:linear-gradient(160deg,#7c3aed0d,#fff 60%);border-color:#7c3aed4d;transform:scale(1.03)}.plan-popular{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent),#4f46e5);color:#fff;font-size:11px;font-weight:600;padding:4px 16px;border-radius:99px;white-space:nowrap;letter-spacing:.5px}.plan-name{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);font-family:Roboto,sans-serif;margin-bottom:16px}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.plan-currency{font-size:20px;color:var(--text-mid);font-weight:600}.plan-amount{font-family:Roboto,sans-serif;font-size:48px;font-weight:700;color:var(--text);line-height:1}.plan-period{font-size:13px;color:var(--text-dim)}.plan-desc{font-size:13px;color:var(--text-mid);margin-bottom:28px;line-height:1.6}.plan-features{list-style:none;margin-bottom:32px}.plan-features li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-mid);padding:8px 0;border-bottom:1px solid var(--border)}.plan-features li:last-child{border-bottom:none}.plan-features li svg{width:16px;height:16px;stroke:var(--green);fill:none;flex-shrink:0}.btn-plan{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;width:100%;padding:13px;border-radius:10px;cursor:pointer;transition:all .2s;border:none}.btn-plan.outline{background:transparent;border:1px solid var(--border);color:var(--text-mid)}.btn-plan.outline:hover{border-color:var(--accent);color:var(--accent);background:#7c3aed0d}.btn-plan.filled{background:linear-gradient(135deg,var(--accent),#4f46e5);color:#fff;box-shadow:0 6px 16px var(--accent-glow)}.btn-plan.filled:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--accent-glow)}@media (max-width: 900px){.pricing{padding:60px 24px}.pricing-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}}.cta-section{padding:120px 60px;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.08) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.cta-section h2{font-size:clamp(36px,5vw,60px);font-weight:700;letter-spacing:-1.5px;line-height:1.05;max-width:700px;margin:0 auto 24px;color:var(--text)}.cta-section p{font-size:17px;color:var(--text-mid);max-width:500px;margin:0 auto 44px;line-height:1.65}.cta-input-row{display:flex;gap:12px;max-width:460px;margin:0 auto;position:relative;z-index:2}.cta-input{flex:1;font-family:Poppins,sans-serif;font-size:14px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 18px;outline:none;transition:border-color .2s}.cta-input:focus{border-color:var(--accent)}.cta-input::placeholder{color:var(--text-dim)}.btn-cta{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),#4f46e5);border:none;padding:14px 26px;border-radius:10px;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 6px 16px var(--accent-glow)}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--accent-glow)}@media (max-width: 900px){.cta-section{padding:80px 24px}.cta-input-row{flex-direction:column}}.footer{border-top:1px solid var(--border);padding:48px 60px;display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}.footer-brand{display:flex;align-items:center;gap:12px}.footer-copy{font-size:12px;color:var(--text-dim);font-family:Roboto,sans-serif}.footer-version{color:var(--text-dim);font-size:10px}.footer-links{display:flex;gap:28px;list-style:none}.footer-links a{font-size:13px;color:var(--text-dim);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}@media (max-width: 900px){.footer{flex-direction:column;gap:24px;text-align:center;padding:40px 24px}}