@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Outfit:wght@600;700;800;900&display=swap";:root{--bg-color:#f6f7fc;--bg-elev:#fff;--panel-bg:#fff;--panel-bg-strong:#fff;--border-color:#14184017;--border-hover:#7b2fbe59;--text-primary:#1a1330;--text-secondary:#555d72;--text-muted:#97a0b4;--primary-color:#7b2fbe;--primary-soft:#9d4fd8;--accent-color:#d946ef;--accent-soft:#e879f9;--cyan:#00d4ff;--violet:#8b5cf6;--radius:20px;--radius-sm:12px;--shadow-lg:0 24px 55px -28px #4c1d954d;--shadow-glow:0 10px 28px -8px #7b2fbe73;--max-w:1200px;--grad:linear-gradient(135deg, #7b2fbe 0%, #d946ef 52%, #00d4ff 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:87.5%}body{background-color:var(--bg-color);color:#38415a;-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.55;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#7b2fbe0e 1px,#0000 1px);background-size:30px 30px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 100%);mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 100%)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#eef0f7}::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary-color), var(--cyan));border:2px solid #eef0f7;border-radius:10px}::selection{color:var(--text-primary);background:#7b2fbe29}.bg-glow,.bg-glow-2{filter:blur(120px);z-index:-1;pointer-events:none;border-radius:50%;position:fixed}.bg-glow{background:radial-gradient(circle,#7b2fbe29 0%,#00d4ff0f 50%,#0000 70%);width:50vw;height:50vw;animation:18s ease-in-out infinite float-slow;top:-20%;left:-10%}.bg-glow-2{background:radial-gradient(circle,#d946ef21 0%,#7b2fbe0d 50%,#0000 70%);width:42vw;height:42vw;animation:22s ease-in-out infinite reverse float-slow;bottom:-20%;right:-10%}@keyframes float-slow{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,30px)scale(1.08)}}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:800;line-height:1.12}.gradient-text{background:var(--grad);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shine;display:inline-block}@keyframes shine{to{background-position:200%}}.eyebrow{color:var(--primary-color);letter-spacing:.02em;text-transform:uppercase;background:#7b2fbe12;border:1px solid #7b2fbe33;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.section-title{text-align:center;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.5rem)}.section-sub{text-align:center;color:var(--text-secondary);max-width:620px;margin:0 auto;font-size:1.15rem}.container{width:100%;margin:0 auto;padding:0 clamp(1.5rem,5vw,5rem)}.site-nav{z-index:100;transition:all .3s;position:sticky;top:0}.site-nav.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#ffffffd1;box-shadow:0 6px 24px -16px #14184059}.nav-inner{justify-content:space-between;align-items:center;padding-top:1.1rem;padding-bottom:1.1rem;display:flex}.logo{color:var(--text-primary);align-items:center;gap:.55rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.logo .logo-badge{background:var(--grad);width:38px;height:38px;box-shadow:var(--shadow-glow);border-radius:11px;place-items:center;display:grid}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.nav-links a:not(.btn):after{content:"";background:var(--grad);width:0;height:2px;transition:width .25s;position:absolute;bottom:-4px;left:0}.nav-links a:not(.btn):hover{color:var(--text-primary)}.nav-links a:not(.btn):hover:after{width:100%}.nav-links a.btn-primary{color:#fff}.nav-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--grad);color:#fff;background-size:200%;box-shadow:0 10px 26px -8px #7b2fbe80}.btn-primary:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 14px 34px -8px #7b2fbe9e}.btn-primary:before{content:"";background:linear-gradient(120deg,#0000,#fff6,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-75%;transform:skew(-20deg)}.btn-primary:hover:before{left:130%}.btn-outline{color:var(--primary-color);border:1px solid var(--border-color);background:#fff}.btn-outline:hover{border-color:var(--primary-color);background:#7b2fbe0d;transform:translateY(-2px)}.btn-lg{padding:1rem 2rem;font-size:1.05rem}.glass-panel{border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;padding:2.5rem}.card{border:1px solid var(--border-color);border-radius:var(--radius);background:#fff;padding:2rem;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px -22px #14184066}.card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#7b2fbe8c,#0000 42%);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 30px 60px -24px #7b2fbe47}.card:hover:after{opacity:1}.icon-box{background:#7b2fbe12;border:1px solid #7b2fbe26;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;display:flex}.stat-value{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2.2rem,5vw,3rem);font-weight:800;line-height:1}.marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:4rem;width:max-content;animation:28s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}.step-num{color:#fff;background:var(--grad);width:44px;height:44px;box-shadow:var(--shadow-glow);border-radius:50%;flex-shrink:0;place-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800;display:grid}.input-group{margin-bottom:1.5rem}.input-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#fff;padding:1rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #7b2fbe26}.site-footer{border-top:1px solid var(--border-color);margin-top:6rem;padding:4rem 0 2rem;position:relative}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;display:grid}.footer-grid h5{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:1.1rem;font-size:.8rem;font-weight:700}.footer-grid a{color:var(--text-secondary);margin-bottom:.7rem;font-size:.95rem;text-decoration:none;transition:color .2s;display:block}.footer-grid a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-top:1.5rem;font-size:.875rem;display:flex}.signup-split{grid-template-columns:.85fr 1fr;padding:0;display:grid;overflow:hidden}.signup-aside{background:var(--grad);color:#fff;flex-direction:column;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.signup-aside:after{content:"";filter:blur(50px);background:#ffffff1f;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-120px;right:-100px}.signup-aside .aside-benefit{z-index:1;align-items:flex-start;gap:.7rem;margin-bottom:1.1rem;display:flex;position:relative}.signup-form-pane{padding:3rem 2.75rem}.field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.plan-row{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.plan-pill{border:1.5px solid var(--border-color);cursor:pointer;text-align:left;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:3px;padding:.7rem .85rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.plan-pill:hover{border-color:var(--primary-color);transform:translateY(-2px)}.plan-pill.active{background:linear-gradient(#fff, #fff) padding-box, var(--grad) border-box;border-color:#0000;box-shadow:0 10px 24px -12px #7b2fbe80}.plan-pill .plan-name{color:var(--text-primary);font-size:.92rem;font-weight:700}.plan-pill .plan-price{color:var(--text-secondary);font-size:.8rem}.plan-pill.active .plan-name{color:var(--primary-color)}@media (width<=840px){.signup-split{grid-template-columns:1fr}.signup-aside{display:none}.signup-form-pane{padding:2.5rem 1.75rem}}@media (width<=460px){.field-row,.plan-row{grid-template-columns:1fr}}.float-anim{animation:6s ease-in-out infinite float-y}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@media (width<=900px){.hero-grid{text-align:center;grid-template-columns:1fr!important;gap:2rem!important;min-height:auto!important}.hero-grid .eyebrow,.hero-grid>div:first-child>div:last-child{justify-content:center;margin-left:auto;margin-right:auto}.hero-grid .btn,.hero-grid>div>div{justify-content:center}.hero-visual{order:-1;max-width:360px;margin:0 auto}.hero-visual .glass-panel{display:none!important}}@media (width<=820px){.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-color);background:#fffffffa;flex-direction:column;align-items:flex-start;gap:1.5rem;width:min(78vw,320px);padding:6rem 2rem 2rem;transition:transform .3s;position:fixed;inset:0 0 0 auto;transform:translate(100%);box-shadow:-20px 0 50px -20px #14184040}.nav-links.open{transform:translate(0)}.nav-toggle{z-index:110;display:inline-flex}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (width<=500px){.container{padding:0 1.25rem}.footer-grid{grid-template-columns:1fr}}.admin-root{width:100%}.admin-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.admin-side{border-right:1px solid var(--border-color);background:#fff;flex-direction:column;align-self:start;gap:.3rem;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.admin-brand{color:var(--text-primary);align-items:center;gap:.55rem;padding:.4rem .6rem 1.25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:800;display:flex}.admin-nav-item{cursor:pointer;width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.7rem;padding:.7rem .85rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:background .2s,color .2s;display:flex}.admin-nav-item:hover{color:var(--text-primary);background:#7b2fbe0f}.admin-nav-item.active{background:var(--grad);color:#fff;box-shadow:var(--shadow-glow)}.admin-main{min-width:0;padding:2rem clamp(1.25rem,3vw,2.75rem)}@media (width<=820px){.admin-shell{grid-template-columns:1fr}.admin-side{border-right:none;border-bottom:1px solid var(--border-color);flex-flow:wrap;height:auto;position:static;overflow-x:auto}.admin-brand{width:100%;padding-bottom:.5rem}.admin-nav-item{width:auto}}
