:root{
--bg: #14161A;
--bg-soft: #1B1E24;
--surface: #21242B;
--surface-2: #2A2E37;
--line: #33373F;
--paper: #FAF9F6;
--paper-dim: #B9BAC0;
--muted: #8A8D93;
--lime: #C9FF3D;
--lime-dim: #a8d92f;
--indigo: #5B6EF5;
--indigo-soft: #7C8BFF;
--danger: #FF6B5B;
--radius: 18px;
--font-display: 'Segoe UI', Arial, sans-serif;
--font-body: 'Segoe UI', Arial, sans-serif;
--font-mono: Consolas, 'Courier New', monospace;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
background:var(--bg);
color:var(--paper);
font-family:var(--font-body);
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
ul{list-style:none;}

::selection{background:var(--lime);color:#0B0C0E;}

@media (prefers-reduced-motion: reduce){
*{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
}

.wrap{
max-width:1280px;
margin:0 auto;
padding:0 32px;
}

/* ============ NOISE / GRAIN BG ============ */
.grain{
position:fixed; inset:0; pointer-events:none; z-index:1;
opacity:0.035; mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ============ HEADER ============ */
header{
position:fixed; top:0; left:0; right:0; z-index:100;
padding:20px 0;
transition:background .3s ease, border-color .3s ease, padding .3s ease;
border-bottom:1px solid transparent;
}
header.scrolled{
background:rgba(20,22,26,0.85);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
border-bottom:1px solid var(--line);
padding:14px 0;
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.logo{
display:flex;align-items:center;gap:9px;
font-family:var(--font-display);
font-weight:700; font-size:19px; letter-spacing:-0.02em;
}
.logo-mark{
width:26px;height:26px;border-radius:7px;
background:var(--lime);
display:flex;align-items:center;justify-content:center;
color:#0B0C0E; font-size:15px; font-weight:700;
flex-shrink:0;
}
.nav-links{display:flex;align-items:center;gap:36px;}
.nav-links a{
font-size:14.5px; color:var(--paper-dim); font-weight:500;
transition:color .2s;
position:relative;
}
.nav-links a:hover{color:var(--paper);}
.nav-cta{display:flex;align-items:center;gap:14px;}

.btn{
display:inline-flex;align-items:center;justify-content:center;gap:8px;
padding:12px 22px;
border-radius:100px;
font-weight:600; font-size:14.5px;
transition:transform .18s ease, box-shadow .18s ease, background .18s ease, opacity .18s;
white-space:nowrap;
}
.btn-primary{
background:var(--lime); color:#0B0C0E;
}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 24px -8px rgba(201,255,61,0.45);}
.btn-primary:active{transform:translateY(0);}
.btn-ghost{
background:transparent; color:var(--paper); border:1px solid var(--line);
}
.btn-ghost:hover{border-color:var(--paper-dim); background:var(--surface);}
.btn-sm{padding:9px 16px; font-size:13.5px;}
.btn:focus-visible{outline:2px solid var(--lime); outline-offset:3px;}

/* ============ HERO ============ */
.hero{
position:relative;
padding:180px 0 120px;
overflow:hidden;
}
.hero-glow{
position:absolute; top:-200px; right:-150px; width:700px; height:700px;
background:radial-gradient(circle, rgba(201,255,61,0.14) 0%, transparent 68%);
pointer-events:none; z-index:0;
}
.hero-glow-2{
position:absolute; bottom:-250px; left:-200px; width:600px; height:600px;
background:radial-gradient(circle, rgba(91,110,245,0.14) 0%, transparent 68%);
pointer-events:none; z-index:0;
}
.hero-inner{
position:relative; z-index:2;
display:grid;
grid-template-columns:1.05fr 0.95fr;
gap:56px;
align-items:center;
}
.eyebrow{
display:inline-flex; align-items:center; gap:8px;
padding:7px 14px 7px 8px;
border-radius:100px;
background:var(--surface);
border:1px solid var(--line);
font-size:13px; font-weight:500; color:var(--paper-dim);
margin-bottom:28px;
}
.eyebrow .dot{
width:7px;height:7px;border-radius:50%;background:var(--lime);
box-shadow:0 0 0 0 rgba(201,255,61,0.6);
animation:pulse-dot 2s infinite;
}
@keyframes pulse-dot{
0%{box-shadow:0 0 0 0 rgba(201,255,61,0.5);}
70%{box-shadow:0 0 0 7px rgba(201,255,61,0);}
100%{box-shadow:0 0 0 0 rgba(201,255,61,0);}
}
.hero h1{
font-family:var(--font-display);
font-size:clamp(38px, 4.6vw, 68px);
line-height:1.04;
font-weight:700;
letter-spacing:-0.025em;
margin-bottom:26px;
}
.hero h1 em{
font-style:normal;
color:var(--lime);
}
.hero h1 .strike{
position:relative;
color:var(--muted);
}
.hero-sub{
font-size:18px; line-height:1.6; color:var(--paper-dim);
max-width:480px; margin-bottom:38px;
}
.hero-actions{display:flex; gap:14px; align-items:center; margin-bottom:44px; flex-wrap:wrap;}
.hero-note{font-size:13.5px; color:var(--muted); display:flex; align-items:center; gap:8px;}

.hero-stats{
display:flex; gap:36px; padding-top:28px; border-top:1px solid var(--line);
}
.hstat b{
display:block; font-family:var(--font-mono); font-size:24px; font-weight:600;
color:var(--paper); margin-bottom:4px;
}
.hstat span{font-size:13px; color:var(--muted);}

/* ---- Hero visual: chat -> revenue ---- */
.hero-visual{
position:relative;
z-index:2;
}
.phone-card{
background:var(--surface);
border:1px solid var(--line);
border-radius:24px;
padding:22px;
box-shadow:0 40px 80px -30px rgba(0,0,0,0.6);
position:relative;
}
.phone-head{
display:flex; align-items:center; justify-content:space-between;
margin-bottom:18px; padding-bottom:16px; border-bottom:1px solid var(--line);
}
.phone-head-left{display:flex; align-items:center; gap:10px;}
.phone-avatar{
width:34px;height:34px;border-radius:50%;
background:linear-gradient(135deg, var(--lime), var(--indigo));
display:flex;align-items:center;justify-content:center;
font-size:15px; font-weight:700; color:#0B0C0E;
}
.phone-title{font-size:14px; font-weight:600;}
.phone-status{font-size:12px; color:var(--lime); display:flex; align-items:center; gap:5px;}
.phone-status .dot{width:6px;height:6px;border-radius:50%;background:var(--lime);}
.phone-badge{
font-family:var(--font-mono); font-size:11.5px; color:var(--muted);
background:var(--bg-soft); padding:5px 10px; border-radius:8px;
border:1px solid var(--line);
}

.chat-thread{display:flex; flex-direction:column; gap:10px; min-height:230px;}
.bubble{
max-width:80%; padding:11px 15px; border-radius:16px; font-size:14px; line-height:1.45;
opacity:0; transform:translateY(8px);
animation:bubbleIn .5s ease forwards;
}
.bubble.client{
align-self:flex-start;
background:var(--surface-2);
border-bottom-left-radius:4px;
color:var(--paper);
}
.bubble.ai{
align-self:flex-end;
background:var(--lime);
color:#0B0C0E;
border-bottom-right-radius:4px;
font-weight:500;
}
@keyframes bubbleIn{to{opacity:1; transform:translateY(0);}}
.b1{animation-delay:.2s;}
.b2{animation-delay:1.1s;}
.b3{animation-delay:2.0s;}
.b4{animation-delay:2.9s;}

.typing{
align-self:flex-end;
display:flex; gap:4px; padding:11px 15px;
background:var(--surface-2); border-radius:16px; border-bottom-right-radius:4px;
opacity:0; animation:bubbleIn .4s ease forwards;
animation-delay:1.6s;
width:fit-content;
}
.typing span{
width:6px;height:6px;border-radius:50%;background:var(--muted);
animation:typingDot 1.2s infinite ease-in-out;
}
.typing span:nth-child(2){animation-delay:.15s;}
.typing span:nth-child(3){animation-delay:.3s;}
@keyframes typingDot{0%,60%,100%{opacity:.3; transform:translateY(0);}30%{opacity:1; transform:translateY(-3px);}}

.result-flip{
margin-top:18px; padding-top:18px; border-top:1px dashed var(--line);
display:flex; align-items:center; justify-content:space-between;
opacity:0; transform:translateY(10px);
animation:bubbleIn .6s ease forwards;
animation-delay:3.6s;
}
.result-flip .rlabel{font-size:12px; color:var(--muted); margin-bottom:4px;}
.result-flip .rvalue{font-family:var(--font-mono); font-size:22px; font-weight:600; color:var(--lime);}
.result-flip .rtag{
font-size:12px; font-weight:600; color:#0B0C0E; background:var(--lime);
padding:6px 12px; border-radius:100px;
}

.float-card{
position:absolute; background:var(--bg-soft); border:1px solid var(--line);
border-radius:14px; padding:12px 14px; box-shadow:0 20px 40px -15px rgba(0,0,0,0.5);
font-size:12.5px;
}
.float-1{
top:-18px; left:-38px;
display:flex; align-items:center; gap:9px;
animation:floatY 4s ease-in-out infinite;
}
.float-1 .fico{
width:28px;height:28px;border-radius:8px;background:var(--indigo);
display:flex;align-items:center;justify-content:center; font-size:14px; flex-shrink:0;
}
.float-2{
bottom:20px; right:-42px;
animation:floatY 4.5s ease-in-out infinite; animation-delay:.6s;
}
@keyframes floatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
.float-2 b{font-family:var(--font-mono); font-size:17px; display:block; color:var(--lime);}
.float-2 span{color:var(--muted); font-size:11px;}

/* ============ LOGO STRIP ============ */
.marquee-section{
padding:36px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
overflow:hidden;
}
.marquee-label{
text-align:center; font-size:12.5px; color:var(--muted); margin-bottom:22px;
letter-spacing:0.04em; text-transform:uppercase;
}
.marquee-track{
display:flex; gap:64px; width:max-content;
animation:marquee 28s linear infinite;
}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.marquee-item{
display:flex; align-items:center; gap:10px;
font-family:var(--font-display); font-size:20px; font-weight:600; color:var(--muted);
white-space:nowrap;
}

/* ============ SECTION COMMON ============ */
section{padding:120px 0;}
.section-head{
max-width:640px; margin-bottom:64px;
}
.section-tag{
display:inline-block; font-family:var(--font-mono); font-size:12.5px; font-weight:500;
color:var(--lime); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:16px;
}
.section-head h2{
font-family:var(--font-display); font-size:clamp(30px,3.2vw,44px);
font-weight:700; letter-spacing:-0.02em; line-height:1.12;
}
.section-head h2 em{font-style:normal; color:var(--muted);}
.section-head p{font-size:16.5px; color:var(--paper-dim); margin-top:18px; line-height:1.6;}

/* ============ BENEFITS ============ */
.benefits-grid{
display:grid; grid-template-columns:repeat(3,1fr); gap:2px;
background:var(--line); border-radius:var(--radius); overflow:hidden;
border:1px solid var(--line);
}
.benefit-card{
background:var(--bg); padding:38px 32px; transition:background .25s;
display:flex; flex-direction:column; min-height:290px;
}
.benefit-card:hover{background:var(--surface);}
.benefit-icon{
width:44px;height:44px; border-radius:12px; background:var(--surface);
display:flex; align-items:center; justify-content:center; margin-bottom:24px;
border:1px solid var(--line);
}
.benefit-card h3{
font-family:var(--font-display); font-size:21px; font-weight:600; margin-bottom:12px;
letter-spacing:-0.01em;
}
.benefit-card p{font-size:14.5px; color:var(--paper-dim); line-height:1.6; margin-bottom:auto;}
.benefit-foot{
margin-top:22px; padding-top:18px; border-top:1px solid var(--line);
font-family:var(--font-mono); font-size:12.5px; color:var(--muted);
display:flex; align-items:center; justify-content:space-between;
}
.benefit-foot b{color:var(--lime); font-weight:600;}

/* ============ DASHBOARD PREVIEW ============ */
.dash-section{
background:var(--bg-soft);
border-top:1px solid var(--line); border-bottom:1px solid var(--line);
}
.dash-card{
background:var(--surface); border:1px solid var(--line); border-radius:20px;
padding:0; overflow:hidden;
}
.dash-top{
display:flex; align-items:center; justify-content:space-between;
padding:22px 26px; border-bottom:1px solid var(--line);
flex-wrap:wrap; gap:16px;
}
.dash-tabs{display:flex; gap:6px; background:var(--bg-soft); padding:4px; border-radius:10px;}
.dash-tab{padding:7px 14px; border-radius:7px; font-size:13px; color:var(--muted); font-weight:500;}
.dash-tab.active{background:var(--surface-2); color:var(--paper);}
.dash-tab{cursor:pointer;transition:background .2s,color .2s}.dash-card{transition:box-shadow .25s}.dash-card.metric-conversion{box-shadow:0 0 35px -17px #b8f36b}.dash-card.metric-revenue{box-shadow:0 0 35px -17px #ffe84a}.plan.plan-beginner{border-color:#b8ff45;box-shadow:0 0 34px -14px #b8ff45}.plan.plan-standard{border-color:#ffe84a;box-shadow:0 0 34px -14px #ffe84a}.plan.plan-business{border-color:#ff6257;box-shadow:0 0 34px -14px #ff6257}
.dash-range{font-size:13px; color:var(--muted); display:flex; align-items:center; gap:6px;}
.dash-body{padding:28px 26px 8px;}
.dash-kpis{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:32px;}
.kpi b{
font-family:var(--font-mono); font-size:28px; font-weight:600; display:block; margin-bottom:6px;
}
.kpi .kpi-label{font-size:13px; color:var(--muted); margin-bottom:8px;}
.kpi .kpi-delta{font-size:12.5px; font-weight:600; color:var(--lime); display:inline-flex; align-items:center; gap:4px;}
.kpi .kpi-delta.neg{color:var(--danger);}

.chart-area{
height:220px; position:relative; padding:0 4px;
}
.chart-svg{width:100%; height:100%;}
.chart-line{
fill:none; stroke:var(--lime); stroke-width:2.5;
stroke-dasharray:1000; stroke-dashoffset:1000;
animation:drawLine 2s ease forwards;
animation-play-state:paused;
}
.chart-fill{opacity:0; transition:opacity 1s ease 1s;}
.dash-body.in-view .chart-line{animation-play-state:running;}
.dash-body.in-view .chart-fill{opacity:1;}
.chart-labels{display:flex; justify-content:space-between; margin-top:12px; padding:0 4px;}
.chart-labels span{font-size:11.5px; color:var(--muted); font-family:var(--font-mono);}

.dash-side-note{
display:flex; align-items:center; gap:14px; padding:20px 26px;
border-top:1px solid var(--line); background:var(--bg-soft);
font-size:13.5px; color:var(--paper-dim);
}
.dash-side-note .pin{
width:32px;height:32px; border-radius:9px; background:var(--surface-2);
display:flex; align-items:center; justify-content:center; flex-shrink:0;
}

/* ============ HOW IT WORKS ============ */
.how-list{display:flex; flex-direction:column;}
.how-row{
display:grid; grid-template-columns:110px 1fr 1fr; gap:32px; align-items:start;
padding:38px 0; border-top:1px solid var(--line);
position:relative;
}
.how-row:last-child{border-bottom:1px solid var(--line);}
.how-num{
font-family:var(--font-mono); font-size:14px; color:var(--muted);
padding-top:4px;
}
.how-left h3{
font-family:var(--font-display); font-size:26px; font-weight:600; letter-spacing:-0.01em;
margin-bottom:12px;
}
.how-left p{color:var(--paper-dim); font-size:15px; line-height:1.6; max-width:380px;}
.how-right{
background:var(--surface); border:1px solid var(--line); border-radius:14px;
padding:20px 22px; font-family:var(--font-mono); font-size:13px; color:var(--paper-dim);
min-height:80px; display:flex; align-items:center;
}
.how-right .hi{color:var(--lime);}

/* ============ INDUSTRIES ============ */
.ind-tabs{
display:flex; gap:8px; margin-bottom:36px; flex-wrap:wrap;
}
.ind-tab{
padding:10px 18px; border-radius:100px; border:1px solid var(--line);
font-size:14px; font-weight:500; color:var(--paper-dim);
transition:all .2s;
}
.ind-tab.active{background:var(--lime); color:#0B0C0E; border-color:var(--lime);}
.ind-tab:hover:not(.active){border-color:var(--paper-dim); color:var(--paper);}

.ind-panel{
display:grid; grid-template-columns:1fr 1fr; gap:0;
background:var(--surface); border:1px solid var(--line); border-radius:20px; overflow:hidden;
min-height:340px;
}
.ind-panel-left{padding:44px 40px; display:flex; flex-direction:column; justify-content:center;}
.ind-panel-left .ind-emoji{font-size:38px; margin-bottom:20px;}
.ind-panel-left h3{font-family:var(--font-display); font-size:26px; font-weight:600; margin-bottom:14px;}
.ind-panel-left p{color:var(--paper-dim); font-size:15px; line-height:1.6; margin-bottom:22px;}
.ind-tags{display:flex; gap:8px; flex-wrap:wrap;}
.ind-tags span{
font-size:12.5px; font-family:var(--font-mono); color:var(--muted);
background:var(--bg-soft); border:1px solid var(--line); padding:5px 11px; border-radius:8px;
}
.ind-panel-right{
background:var(--bg-soft); padding:32px; display:flex; flex-direction:column; justify-content:center; gap:12px;
border-left:1px solid var(--line);
}
.ind-msg{
background:var(--surface-2); border-radius:12px; padding:12px 15px; font-size:13.5px;
max-width:88%;
}
.ind-msg.out{align-self:flex-end; background:var(--lime); color:#0B0C0E; font-weight:500;}

/* ============ PRICING ============ */
.pricing-toggle{
display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:56px;
}
.toggle-pill{
display:flex; background:var(--surface); border:1px solid var(--line); border-radius:100px; padding:4px;
}
.toggle-opt{
padding:9px 20px; border-radius:100px; font-size:13.5px; font-weight:500; color:var(--muted);
}
.toggle-opt.active{background:var(--lime); color:#0B0C0E;}

.pricing-grid{
display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch;
}
.plan{
background:var(--surface); border:1px solid var(--line); border-radius:20px;
padding:34px 30px; display:flex; flex-direction:column;
transition:transform .25s ease, border-color .25s ease;
}
.plan:hover{transform:translateY(-6px);}
.plan.featured{
background:linear-gradient(180deg, #1c2a13 0%, var(--surface) 55%);
border:1px solid var(--lime);
position:relative;
}
.plan-badge{
position:absolute; top:-13px; left:30px;
background:var(--lime); color:#0B0C0E; font-size:11.5px; font-weight:700;
padding:5px 12px; border-radius:100px; text-transform:uppercase; letter-spacing:0.03em;
}
.plan-name{font-family:var(--font-display); font-size:19px; font-weight:600; margin-bottom:6px;}
.plan-desc{font-size:13.5px; color:var(--muted); margin-bottom:24px; min-height:36px;}
.plan-price{display:flex; align-items:baseline; gap:6px; margin-bottom:6px;}
.plan-price b{font-family:var(--font-mono); font-size:38px; font-weight:600;}
.plan-price span{font-size:14px; color:var(--muted);}
.plan-msgs{font-size:13px; color:var(--muted); margin-bottom:26px; font-family:var(--font-mono);}
.plan-cta{margin-bottom:28px; width:100%;}
.plan-features{display:flex; flex-direction:column; gap:13px; margin-top:auto;}
.plan-features li{
display:flex; align-items:flex-start; gap:10px; font-size:13.5px; color:var(--paper-dim); line-height:1.4;
}
.plan-features li svg{flex-shrink:0; margin-top:2px;}
.plan-features li:not(:has(svg))::before{content:''; width:6px; height:6px; border-radius:50%; background:var(--muted); flex-shrink:0; margin-top:7px;}
.plan.featured .plan-features li:not(:has(svg))::before{background:var(--lime);}
.plan.featured .plan-features li svg{color:var(--lime);}
.plan-note{
text-align:center; margin-top:28px; font-size:13.5px; color:var(--muted);
}

/* ============ FINAL CTA ============ */
.final-cta{
position:relative; overflow:hidden;
border-radius:28px; margin:0 32px;
background:var(--surface);
border:1px solid var(--line);
padding:80px 60px;
text-align:center;
}
.final-cta-glow{
position:absolute; top:-40%; left:50%; transform:translateX(-50%);
width:600px; height:400px;
background:radial-gradient(ellipse, rgba(201,255,61,0.18), transparent 70%);
pointer-events:none;
}
.final-cta h2{
font-family:var(--font-display); font-size:clamp(30px,4vw,50px); font-weight:700;
letter-spacing:-0.02em; margin-bottom:20px; position:relative; z-index:2;
max-width:620px; margin-left:auto; margin-right:auto; line-height:1.1;
}
.final-cta h2 em{font-style:normal; color:var(--lime);}
.final-cta p{color:var(--paper-dim); font-size:16px; margin-bottom:36px; position:relative; z-index:2;}
.final-cta .btn{position:relative; z-index:2;}

/* ============ FOOTER ============ */
footer{padding:64px 0 32px;}
.footer-top{
display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:40px;
padding-bottom:48px; border-bottom:1px solid var(--line); margin-bottom:32px;
}
.footer-brand .logo{margin-bottom:16px;}
.footer-brand p{font-size:14px; color:var(--muted); max-width:260px; line-height:1.6;}
.footer-col h4{font-size:13px; font-weight:600; margin-bottom:16px; color:var(--paper-dim); text-transform:uppercase; letter-spacing:0.03em;}
.footer-col a{
display:block; font-size:14px; color:var(--muted); margin-bottom:11px; transition:color .2s;
}
.footer-col a:hover{color:var(--paper);}
.footer-bottom{display:flex; align-items:center; justify-content:space-between; font-size:13px; color:var(--muted); flex-wrap:wrap; gap:18px;}
.footer-payment-methods{display:flex; align-items:center; gap:10px;}
.payment-method-badge{width:86px; height:42px; padding:0 10px; display:inline-flex; flex:0 0 86px; align-items:center; justify-content:center; overflow:hidden; border:1px solid rgba(255,255,255,.07); border-radius:6px; background:#111318; box-shadow:inset 0 1px 0 rgba(255,255,255,.025);}
.payment-method-badge img{display:block; flex:none; object-fit:contain;}
.payment-method-sbp img{width:62px!important; height:33px!important; max-width:62px!important; max-height:33px!important;}
.payment-method-mir img{width:56px!important; height:22px!important; max-width:56px!important; max-height:22px!important;}

/* ============ REVEAL ANIM ============ */
.reveal{opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease;}
.reveal.visible{opacity:1; transform:translateY(0);}

/* ============ RESPONSIVE ============ */
@media (max-width:980px){
.hero-inner{grid-template-columns:1fr; gap:64px;}
.hero{padding:140px 0 80px;}
.benefits-grid{grid-template-columns:1fr;}
.dash-kpis{grid-template-columns:repeat(2,1fr);}
.how-row{grid-template-columns:1fr; gap:16px;}
.ind-panel{grid-template-columns:1fr;}
.pricing-grid{grid-template-columns:1fr; max-width:420px; margin:0 auto;}
.footer-top{grid-template-columns:1fr 1fr; gap:32px;}
.nav-links{display:none;}
.float-1, .float-2{display:none;}
}
@media (max-width:600px){
.wrap{padding:0 20px;}
.final-cta{margin:0 20px; padding:56px 24px;}
section{padding:80px 0;}
.footer-top{grid-template-columns:1fr;}
.hero-stats{flex-wrap:wrap; gap:24px;}
}

.email-verification-modal{position:fixed;inset:0;z-index:250;display:none;place-items:center;padding:18px;background:#08090bbb}.email-verification-modal.open{display:grid}.email-verification-panel{width:min(460px,100%);padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--paper);text-align:center}.email-verification-close{float:right;border:0;background:transparent;color:var(--paper);font-size:28px}.email-verification-icon{font-size:28px;color:var(--lime)}.email-verification-panel p{color:var(--paper-dim);line-height:1.5}.verification-code,.verification-password{display:block;width:100%;margin:10px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft);color:var(--paper);text-align:center;font-size:18px}.verification-submit{width:100%;justify-content:center}.verification-resend,.password-reset-link{margin-top:14px;border:0;background:transparent;color:var(--lime);font-weight:700;cursor:pointer}.verification-note{display:block;min-height:20px;margin-top:12px;color:var(--paper-dim)}

/* Backend login dialog, kept separate from the design blocks above. */
.landing-auth{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:20px;background:#08090bbb}.landing-auth.open{display:grid}.landing-auth-card{position:relative;width:min(100%,430px);padding:34px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 30px 90px #000}.landing-auth-card small{color:var(--lime);font-family:var(--font-mono)}.landing-auth-card h2{font-family:var(--font-display);margin:12px 0}.landing-auth-card p, .landing-auth-card output{color:var(--muted);line-height:1.5}.landing-auth-card input{display:block;width:100%;margin:10px 0;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--bg-soft);color:var(--paper)}.landing-auth-card form .btn{width:100%;margin-top:10px}.landing-auth-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:var(--paper);font-size:28px;cursor:pointer}
.demo-data-note{margin:0 0 14px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px;text-align:center}.legal-acceptance{display:grid;gap:8px;margin:4px 0 10px;color:var(--muted);font-size:12px}.legal-acceptance label{display:flex;gap:8px;align-items:flex-start}.legal-acceptance input{width:auto!important;margin-top:2px}.legal-acceptance a{color:var(--accent)}.legal-draft-note{display:block;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted)!important;line-height:1.4}