:root{--bg-dark:#050a12;--bg-2:#04070e;--card:rgba(255,255,255,.06);--card-2:rgba(255,255,255,.08);--line:rgba(255,255,255,.12);--primary:#00f0ff;--primary-hover:#00bcd4;--secondary:#2962ff;--text-main:#eaf0ff;--text-muted:#a9b4cc;--success:#47d18c;--danger:#ff5c7a;--shadow: 0 18px 60px rgba(0,0,0,.45);--r: 22px;--container:1120px;--font-main:"Manrope", system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-main);color:var(--text-main);background:radial-gradient(900px 500px at 70% 10%,rgba(41,98,255,.1),transparent 60%),radial-gradient(700px 420px at 10% 20%,rgba(0,240,255,.1),transparent 60%),linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-2) 100%);overflow-x:hidden}a{color:inherit;text-decoration:none}.hidden{display:none!important}.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}.narrow{width:min(800px,calc(100% - 40px));margin:0 auto}.text-center{text-align:center}.full-width{width:100%}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}h1,h2,h3{font-weight:900;letter-spacing:-.02em;line-height:1.15}h1{font-size:clamp(2.1rem,4vw,3.1rem)}h2{font-size:clamp(1.6rem,3vw,2.3rem)}h3{font-size:1.2rem}.text-gradient{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-title{text-align:center;margin-bottom:2.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border-radius:18px;font-weight:900;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text-main);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);border-color:#ffffff2e}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#00f0ff38,#2962ff2e);border-color:#00f0ff42}.btn-primary:hover{background:linear-gradient(135deg,#00f0ff47,#2962ff38)}.btn-outline{background:#0000001f}.btn-secondary{background:linear-gradient(135deg,#2962ff40,#ffffff0f);border-color:#2962ff4d}.big-btn{padding:14px 18px;font-size:1.05rem}.card{border-radius:var(--r);background:linear-gradient(180deg,#ffffff12,#ffffff0a);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header{position:sticky;top:0;z-index:60;border-bottom:1px solid var(--line);background:#0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}.brand{display:flex;align-items:baseline;gap:10px}.brand-name{font-weight:900;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.brand-tagline{color:var(--text-muted);font-weight:700;font-size:13px}.nav-desktop{display:flex;gap:18px;align-items:center}.nav-desktop a{color:#eaf0ffdb;font-weight:800;font-size:14px}.nav-desktop a:hover{color:var(--text-main)}.btn-wa-header{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.mobile-toggle{display:none;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;cursor:pointer}.mobile-toggle span{display:block;width:18px;height:2px;background:#eaf0ffe6;margin:6px auto;border-radius:2px}.mobile-drawer{display:none;border-top:1px solid var(--line);padding:12px 0}.mobile-drawer a{display:block;padding:10px 0;color:#eaf0ffe0;font-weight:800}@media(max-width:980px){.nav-desktop{display:none}.mobile-toggle{display:block}.mobile-drawer{display:block;max-height:0;overflow:hidden;transition:max-height .2s ease}.mobile-drawer.open{max-height:260px}}.hero{position:relative;padding:54px 0 46px}.hero-content{position:relative;z-index:2}.hero-title{margin:0}.hero-subtitle{margin:14px 0 22px;color:var(--text-muted);font-weight:700;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-glow{position:absolute;inset:-120px -40px auto -40px;height:380px;z-index:1;background:radial-gradient(500px 260px at 30% 40%,rgba(0,240,255,.1),transparent 60%),radial-gradient(420px 240px at 70% 10%,rgba(41,98,255,.12),transparent 60%);filter:blur(0px);pointer-events:none}.section{padding:56px 0}.bg-glass-accent{background:linear-gradient(180deg,#ffffff08,#ffffff03)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-3-sm{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:980px){.grid-3,.grid-3-sm{grid-template-columns:1fr}}.grid-3 .card{padding:18px}.grid-3 .card h3{margin-bottom:8px}.grid-3 .card p{color:var(--text-muted);font-weight:650}.feature-item{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;font-weight:800;color:#eaf0ffe6}.roi-teaser{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.roi-teaser .stat{padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;min-width:180px}.stat-number{display:block;font-weight:950;font-size:24px}.stat-label{display:block;color:var(--text-muted);font-weight:800;font-size:13px;margin-top:6px}.carousel-scroller{display:flex;gap:14px;overflow:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.carousel-scroller::-webkit-scrollbar{height:8px}.carousel-scroller::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.testimonial{min-width:340px;scroll-snap-align:start;padding:18px}.testimonial p{color:#eaf0ffe6;font-weight:750;line-height:1.55}.author{margin-top:12px;color:var(--text-muted);font-weight:850}.plan-section{padding-top:30px}.plan-card{width:min(640px,100%);margin:0 auto;border-radius:calc(var(--r) + 6px);background:linear-gradient(180deg,#ffffff12,#ffffff08);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);overflow:hidden}.plan-header{padding:22px 22px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.plan-badge{display:inline-flex;font-weight:950;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#eaf0ffeb;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.plan-header h3{margin:12px 0 10px}.price{display:flex;align-items:flex-end;gap:6px}.price .currency{color:var(--text-muted);font-weight:900}.price .amount{font-size:44px;font-weight:950;letter-spacing:-1px}.price .period{color:var(--text-muted);font-weight:900;margin-bottom:8px}.plan-desc{margin-top:6px;color:var(--text-muted);font-weight:750}.plan-body{padding:18px 22px 22px}.plan-body ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0 0 16px}.plan-body li{color:#eaf0ffe6;font-weight:750;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.guarantee{margin-top:12px;color:#a9b4cce6;font-weight:800;font-size:13px;text-align:center}.faq-item{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;padding:14px;margin-bottom:12px}.faq-item summary{cursor:pointer;font-weight:900}.faq-item p{margin-top:10px;color:var(--text-muted);font-weight:750;line-height:1.55}.footer{padding:26px 0 34px;border-top:1px solid var(--line);background:#0000002e}.footer-content{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer .links{display:flex;gap:14px;flex-wrap:wrap}.footer .links a{color:#eaf0ffdb;font-weight:800;font-size:13px}.footer .copy{color:var(--text-muted);font-weight:800;font-size:12px}.onboarding-page .header.simple{background:#0000001f}.status-banner{position:sticky;top:0;z-index:70;background:#2962ff1f;border-bottom:1px solid rgba(41,98,255,.25);color:var(--text-main);padding:10px 16px;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-banner.error{background:#ff5c7a1f;border-bottom-color:#ff5c7a40}.onboarding-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;padding:26px 0 34px;align-items:start}@media(max-width:980px){.onboarding-layout{grid-template-columns:1fr;padding-bottom:34px}}.onboarding-title{margin:0;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.6px}.onboarding-subtitle{margin:10px 0 18px;color:var(--text-muted);line-height:1.5;font-weight:750}.spita-form{margin-top:14px;padding:18px;border-radius:var(--r);background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}label{font-size:13px;color:var(--text-muted);font-weight:850}input{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0000002e;color:var(--text-main);padding:12px;outline:none;font-size:15px}input::placeholder{color:#a9b4cca6}input:focus{border-color:#00f0ff8c;box-shadow:0 0 0 4px #00f0ff1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:620px){.form-row{grid-template-columns:1fr}}.divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:#eaf0ffeb;font-weight:950;font-size:12px;letter-spacing:.8px;text-transform:uppercase}.divider:before,.divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.form-check{display:flex;gap:10px;align-items:flex-start;padding:12px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;margin-top:6px}.form-check input{width:18px;height:18px;margin-top:2px}.form-check label{margin:0;font-weight:700;color:#eaf0ffdb;line-height:1.35}.error-text{margin-top:12px;color:#ff5c7af2;font-weight:850}.summary-card{padding:18px}.sticky-top{position:sticky;top:76px}@media(max-width:980px){.sticky-top{position:relative;top:auto}}.summary-card h3{margin:0 0 12px;font-size:18px}.roi-live{display:flex;flex-direction:column;gap:10px}.roi-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.roi-row span{color:var(--text-muted);font-weight:850;font-size:13px}.roi-row strong{font-size:16px}.roi-row.negative strong{color:#ff5c7af2}.roi-row.positive strong{color:#47d18cf2}.roi-row.total strong{font-size:18px}.glass-divider{border:none;height:1px;background:#ffffff1f;margin:10px 0}.plan-summary{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.plan-summary h4{margin:0 0 10px;font-size:14px;color:#eaf0ffeb}.plan-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.plan-row span:first-child{color:#eaf0ffeb;font-weight:900}.plan-row span:last-child{color:#00f0ffeb;font-weight:950}.small-text{color:#a9b4cce0;font-size:12.5px;margin:8px 0 0;line-height:1.45}
