:root{--bg:#070b14;--surface:#0e1525;--surface2:#131c30;--border:#24304a;--text:#f8fafc;--muted:#94a3b8;--brand:#7c3aed;--brand2:#06b6d4;--ok:#22c55e;--warn:#f59e0b;--danger:#ef4444;--shadow:0 24px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% -10%,rgba(124,58,237,.24),transparent 28%),radial-gradient(circle at 90% 10%,rgba(6,182,212,.14),transparent 24%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(7,11,20,.72);border-bottom:1px solid rgba(148,163,184,.12)}.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:850;letter-spacing:-.04em}.brandmark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 0 30px rgba(124,58,237,.45);display:grid;place-items:center;font-weight:900}.navlinks{display:flex;gap:22px;color:#cbd5e1;font-size:14px}.actions{display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--border);background:#111827;color:#fff;border-radius:12px;padding:11px 16px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.btn:hover{transform:translateY(-1px);border-color:#4c5f84}.btn.primary{background:linear-gradient(135deg,var(--brand),#5b21b6);border-color:transparent;box-shadow:0 12px 30px rgba(124,58,237,.28)}.btn.ghost{background:transparent}.btn.small{padding:8px 11px;font-size:12px}.hero{padding:92px 0 72px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(124,58,237,.4);background:rgba(124,58,237,.1);padding:8px 12px;border-radius:999px;color:#c4b5fd;font-size:13px;font-weight:700}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.06em;margin:20px 0}.gradient{background:linear-gradient(90deg,#fff 10%,#c4b5fd 45%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:19px;line-height:1.65;color:#b6c2d4;max-width:650px}.hero-card{background:linear-gradient(180deg,rgba(19,28,48,.94),rgba(10,15,27,.96));border:1px solid var(--border);border-radius:26px;padding:20px;box-shadow:var(--shadow);transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}.windowbar{display:flex;align-items:center;gap:7px;padding:3px 0 16px}.dot{width:9px;height:9px;border-radius:50%;background:#334155}.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric{background:#0b1220;border:1px solid #1f2a40;border-radius:16px;padding:17px}.metric small{color:var(--muted)}.metric strong{display:block;font-size:25px;margin-top:8px}.section{padding:72px 0}.section h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.04em;margin:0 0 14px}.section-copy{color:var(--muted);max-width:720px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.card{background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(10,15,27,.92));border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 12px 35px rgba(0,0,0,.15)}.card h3{margin:8px 0 10px}.muted{color:var(--muted)}.iconbox{width:42px;height:42px;border-radius:13px;background:rgba(124,58,237,.14);display:grid;place-items:center;color:#c4b5fd;font-weight:900}.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.pricecard{position:relative}.pricecard.popular{outline:2px solid rgba(124,58,237,.7);transform:translateY(-8px)}.tag{position:absolute;top:-11px;right:16px;background:linear-gradient(135deg,var(--brand),#5b21b6);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.price{font-size:38px;font-weight:900;letter-spacing:-.05em;margin:16px 0 0}.price span{font-size:14px;color:var(--muted);font-weight:600}.list{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px;color:#cbd5e1}.list li:before{content:'✓';color:#4ade80;margin-right:9px}.footer{padding:40px 0;border-top:1px solid rgba(148,163,184,.12);color:var(--muted)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login{width:min(430px,100%)}.form{display:grid;gap:12px}.label{font-size:12px;color:#cbd5e1;font-weight:700}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:#0b1220;color:#fff;border-radius:12px;padding:12px 13px;outline:none}.input:focus,.select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:#0a101d;padding:20px;position:sticky;top:0;height:100vh}.sidebrand{margin-bottom:26px}.menu{display:grid;gap:7px}.menu button{width:100%;text-align:left;background:transparent;border:0;color:#94a3b8;padding:11px 12px;border-radius:10px;cursor:pointer}.menu button.active,.menu button:hover{background:#131d31;color:#fff}.main{padding:26px 30px 50px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title h1{margin:0;font-size:28px;letter-spacing:-.04em}.page-title p{margin:6px 0 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#0d1525;border:1px solid var(--border);border-radius:18px;padding:18px}.stat span{color:var(--muted);font-size:12px}.stat strong{display:block;font-size:26px;margin-top:9px}.panel{background:#0d1525;border:1px solid var(--border);border-radius:18px;padding:18px;margin-top:18px;overflow:auto}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.panel h3{margin:0}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px 10px;border-bottom:1px solid #1d2940;text-align:left;font-size:13px}th{color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#182237;color:#cbd5e1}.badge.ok{background:rgba(34,197,94,.12);color:#86efac}.badge.warn{background:rgba(245,158,11,.12);color:#fde68a}.badge.danger{background:rgba(239,68,68,.12);color:#fca5a5}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hidden{display:none!important}.modalback{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:18px;z-index:50}.modal{width:min(640px,100%);max-height:90vh;overflow:auto;background:#0d1525;border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.modal h3{margin-top:0}.tenant-hero{padding:28px 0}.tenant-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.tenant-name{display:flex;align-items:center;gap:13px}.tenant-logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:900}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.appt{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #1e293b}.appt-time{font-weight:800}.appt strong{display:block}.appt small{color:var(--muted)}.toast{position:fixed;right:22px;bottom:22px;padding:12px 15px;border-radius:12px;background:#101827;border:1px solid var(--border);box-shadow:var(--shadow);z-index:80}.codebox{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#070b14;border:1px solid #1f2a40;padding:11px;border-radius:10px;color:#a5f3fc;word-break:break-all}@media(max-width:980px){.hero-grid,.grid2{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.pricing{grid-template-columns:1fr 1fr}.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--border)}.menu{grid-template-columns:repeat(4,1fr)}.stats,.quick{grid-template-columns:1fr 1fr}.navlinks{display:none}}@media(max-width:640px){.cards,.pricing,.stats,.quick,.grid3{grid-template-columns:1fr}.main{padding:20px 14px}.hero{padding-top:60px}.hero-card{transform:none}.menu{grid-template-columns:1fr 1fr}.tenant-head{align-items:flex-start;flex-direction:column}.navin{height:64px}.actions .btn.ghost{display:none}}
/* V3 system controls */
.line{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #1d2940}.line:last-child{border-bottom:0}.big-number{font-size:38px;font-weight:900;letter-spacing:-.04em}.modal.wide{max-width:860px}.codebox.wrap{white-space:normal;word-break:break-all}.actions.compact{margin-top:6px;gap:5px;flex-wrap:wrap}.btn.tiny{padding:5px 8px;font-size:11px;border-radius:8px}.dangerbtn{border-color:#7f1d1d;color:#fecaca}.dangerbtn:hover{background:#451a1a}.tenant-hero textarea.input{min-height:90px;resize:vertical}
@media(max-width:760px){.shell{display:block}.sidebar{position:relative;width:100%;min-height:auto}.menu{display:flex;overflow:auto;padding-bottom:6px}.menu button{white-space:nowrap}.main{padding:18px}.topbar{align-items:flex-start;gap:14px}.topbar>.btn{display:none}.tenant-head{align-items:flex-start;gap:16px}.appt{grid-template-columns:72px 1fr}.appt>div:last-child{grid-column:1/-1}.modal.wide{max-width:96vw}}

/* CelerCode V6 — Mercado Pago & portal polish */
.payment-callout,.payment-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid rgba(124,58,237,.28);background:linear-gradient(135deg,rgba(124,58,237,.11),rgba(34,211,238,.05));border-radius:22px;margin:22px 0;box-shadow:0 18px 60px rgba(10,15,30,.18)}
.payment-mini{padding:16px;border:1px solid var(--border);background:rgba(124,58,237,.055);border-radius:16px;margin:8px 0 14px}.payment-mini small{display:block;margin-top:6px;color:var(--muted)}
.payment-qr{display:block;width:min(240px,72vw);aspect-ratio:1;object-fit:contain;padding:12px;background:#fff;border-radius:18px;margin:18px auto;box-shadow:0 16px 50px rgba(0,0,0,.22)}
.appointment-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--border)}.appointment-card:last-child{border-bottom:0}
.payment-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.payment-flow div{padding:16px 12px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.025)}.payment-flow strong{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#22d3ee);color:#fff;margin-bottom:10px}.payment-flow span{font-size:13px;color:var(--muted)}
.payment-demo{position:relative;overflow:hidden}.payment-demo:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(124,58,237,.2);filter:blur(70px);right:-80px;top:-80px;pointer-events:none}.pay-amount{font-size:46px;font-weight:800;letter-spacing:-.05em;margin:26px 0}.fake-pix{display:grid;grid-template-columns:repeat(3,26px);gap:5px;margin:18px 0}.fake-pix span{width:26px;height:26px;border-radius:4px;background:currentColor;opacity:.86}.fake-pix span:nth-child(2),.fake-pix span:nth-child(4),.fake-pix span:nth-child(8){opacity:.18}
.portal-hero{padding:28px;border-radius:24px;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(34,211,238,.05));border:1px solid rgba(124,58,237,.24)}
@media(max-width:800px){.payment-flow{grid-template-columns:1fr 1fr}.payment-callout,.appointment-card{align-items:flex-start;flex-direction:column}.pay-amount{font-size:36px}}

/* CelerCode V7 — owner suite, subsite and app publisher */
.staff-tabs{padding:10px;border:1px solid rgba(148,163,184,.12);background:rgba(9,14,25,.65);border-radius:18px;position:sticky;top:82px;z-index:10;backdrop-filter:blur(14px)}
.v7-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:6px 0 22px;padding:26px;border:1px solid rgba(124,58,237,.26);border-radius:24px;background:linear-gradient(135deg,rgba(124,58,237,.13),rgba(6,182,212,.06));overflow:hidden;position:relative}.v7-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-150px;background:rgba(6,182,212,.14);filter:blur(44px);pointer-events:none}.v7-hero h2{margin:10px 0 6px;font-size:30px;letter-spacing:-.04em}.app-install-tip{margin-top:18px;padding:15px;border-radius:15px;background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.18)}
.subsite-body{background:radial-gradient(circle at 15% -10%,color-mix(in srgb,var(--brand) 28%,transparent),transparent 34%),radial-gradient(circle at 90% 8%,rgba(6,182,212,.16),transparent 24%),var(--bg)}
.subsite-hero{padding:72px 0 48px}.subsite-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.subsite-title{font-size:clamp(42px,7vw,76px);line-height:1;letter-spacing:-.06em;margin:18px 0}.subsite-card{border:1px solid var(--border);border-radius:28px;padding:24px;background:linear-gradient(180deg,rgba(17,24,39,.94),rgba(8,13,24,.96));box-shadow:var(--shadow)}.subsite-rating{display:flex;gap:8px;align-items:center;color:#fde68a}.subsite-section{padding:56px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-tile{padding:18px;border:1px solid var(--border);border-radius:18px;background:#0d1525;transition:.2s}.service-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 65%,#24304a)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-card{padding:18px;border-radius:18px;border:1px solid var(--border);background:rgba(13,21,37,.86)}.app-banner{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:28px;border-radius:26px;border:1px solid rgba(124,58,237,.28);background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(6,182,212,.07))}.install-orb{width:116px;height:116px;border-radius:30px;display:grid;place-items:center;font-size:50px;font-weight:900;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 20px 60px color-mix(in srgb,var(--brand) 35%,transparent)}
.owner-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.owner-feature{padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.02)}
@media(max-width:900px){.subsite-grid{grid-template-columns:1fr}.service-grid,.review-grid{grid-template-columns:1fr 1fr}.owner-feature-grid{grid-template-columns:1fr 1fr}.staff-tabs{position:relative;top:auto}.app-banner{grid-template-columns:1fr}}
@media(max-width:600px){.service-grid,.review-grid,.owner-feature-grid{grid-template-columns:1fr}.subsite-hero{padding-top:48px}.v7-hero{align-items:flex-start;flex-direction:column}}
.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.portfolio-card{margin:0;padding:10px;border:1px solid var(--border);border-radius:18px;background:var(--card)}.portfolio-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}.portfolio-card figcaption{padding:10px 4px 3px;font-size:13px;color:var(--muted)}

/* CelerCode V9 — owner dashboard & smart calendar */
.owner-dashboard-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch;margin-bottom:18px}.owner-dashboard-welcome{padding:26px;border:1px solid rgba(124,58,237,.26);border-radius:24px;background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(6,182,212,.055));position:relative;overflow:hidden}.owner-dashboard-welcome:after{content:"";position:absolute;width:240px;height:240px;right:-120px;top:-130px;border-radius:50%;background:rgba(6,182,212,.12);filter:blur(45px)}.owner-dashboard-welcome h2{font-size:30px;margin:8px 0 5px;letter-spacing:-.045em}.owner-day-summary{padding:22px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,#111a2d,#0b1220);display:grid;align-content:center}.owner-day-summary strong.big{font-size:38px;line-height:1;letter-spacing:-.05em}.dashboard-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.dashboard-kpi{padding:16px;border:1px solid var(--border);border-radius:17px;background:#0d1525;min-width:0}.dashboard-kpi small{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.dashboard-kpi strong{font-size:22px;letter-spacing:-.035em}.dashboard-kpi em{font-style:normal;font-size:11px;color:var(--muted);display:block;margin-top:5px}.date-strip{display:flex;gap:8px;overflow:auto;padding:4px 0 8px}.date-chip{min-width:76px;padding:10px 12px;border-radius:15px;border:1px solid var(--border);background:#0b1220;color:var(--text);cursor:pointer;text-align:center}.date-chip small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.date-chip strong{display:block;font-size:18px;margin:3px 0}.date-chip.active{border-color:color-mix(in srgb,var(--brand) 70%,#24304a);background:color-mix(in srgb,var(--brand) 14%,#0b1220);box-shadow:0 9px 28px color-mix(in srgb,var(--brand) 13%,transparent)}.day-calendar{display:grid;grid-template-columns:repeat(var(--pro-count,1),minmax(220px,1fr));gap:12px;overflow:auto;padding-bottom:8px}.pro-day-column{min-width:220px;border:1px solid var(--border);border-radius:18px;background:rgba(9,15,28,.8);overflow:hidden}.pro-day-head{padding:14px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.025)}.pro-day-head .pro-status{display:flex;justify-content:space-between;gap:8px;align-items:center}.pro-day-body{padding:10px;display:grid;gap:8px;min-height:180px}.calendar-appt{padding:11px;border:1px solid #25334d;border-left:3px solid var(--brand);border-radius:12px;background:#101a2d}.calendar-appt.pending{border-left-color:var(--warn)}.calendar-appt.completed{border-left-color:var(--ok);opacity:.8}.calendar-appt.cancelled,.calendar-appt.no_show{border-left-color:var(--danger);opacity:.65}.calendar-appt-time{font-weight:850;font-size:13px}.calendar-appt small{display:block;color:var(--muted);margin-top:3px}.pro-empty{padding:20px 8px;text-align:center;color:var(--muted);font-size:12px}.staff-day-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.calendar-side{display:grid;align-content:start;gap:14px}.professional-status-list{display:grid;gap:8px}.professional-status{padding:12px;border:1px solid var(--border);border-radius:14px;background:#0b1220}.professional-status-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.occupancy-bar{height:6px;background:#182237;border-radius:999px;overflow:hidden;margin-top:9px}.occupancy-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand2))}.calendar-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.calendar-toolbar>div{min-width:150px;flex:1}.schedule-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:8px;overflow:auto}.schedule-day{min-width:130px;padding:13px;border:1px solid var(--border);border-radius:14px;background:#0b1220}.schedule-day.closed{opacity:.55}.schedule-day strong{display:block;margin-bottom:6px}.schedule-day small{color:var(--muted);display:block}.availability-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);display:inline-block;margin-right:5px;box-shadow:0 0 10px rgba(34,197,94,.35)}.availability-dot.off{background:var(--muted);box-shadow:none}.calendar-config-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.calendar-note{padding:13px 15px;border-radius:14px;background:rgba(6,182,212,.055);border:1px solid rgba(6,182,212,.18);color:#cbd5e1;font-size:13px}.calendar-list{display:grid;gap:8px}.calendar-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:13px;background:#0b1220}.calendar-list-item strong{display:block}.calendar-list-item small{color:var(--muted)}
@media(max-width:1100px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.owner-dashboard-hero,.staff-day-layout,.calendar-config-grid{grid-template-columns:1fr}.calendar-side{grid-template-columns:1fr 1fr}.schedule-grid{grid-template-columns:repeat(7,140px)}}
@media(max-width:680px){.dashboard-kpis{grid-template-columns:1fr 1fr}.calendar-side{grid-template-columns:1fr}.owner-dashboard-welcome h2{font-size:25px}.owner-dashboard-hero{gap:12px}.day-calendar{grid-template-columns:1fr}.pro-day-column{min-width:0}.schedule-grid{grid-template-columns:repeat(7,132px)}.calendar-toolbar>div{min-width:100%}}

/* CelerCode V10 — Command Center & automação */
.v10-command-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border:1px solid rgba(124,58,237,.28);border-radius:24px;background:radial-gradient(circle at 85% 10%,rgba(6,182,212,.18),transparent 32%),linear-gradient(135deg,rgba(124,58,237,.15),rgba(13,21,37,.96));box-shadow:0 22px 70px rgba(0,0,0,.22);margin-bottom:18px}.v10-command-hero:after{content:"";position:absolute;width:220px;height:220px;right:-85px;bottom:-120px;border-radius:50%;background:rgba(124,58,237,.16);filter:blur(4px);pointer-events:none}.v10-command-hero h2{margin:10px 0 6px;font-size:30px;letter-spacing:-.04em}.dashboard-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.dashboard-kpi{position:relative;background:linear-gradient(180deg,#101a2d,#0b1322);border:1px solid var(--border);border-radius:18px;padding:17px;min-height:112px}.dashboard-kpi small{color:var(--muted);font-weight:700}.dashboard-kpi strong{display:block;font-size:24px;margin:10px 0 4px;letter-spacing:-.04em}.dashboard-kpi em{font-style:normal;color:#7f8da3;font-size:11px}.attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.attention-card{appearance:none;text-align:left;border:1px solid var(--border);background:#0b1424;color:var(--text);padding:16px;border-radius:16px;cursor:pointer;display:grid;gap:6px;transition:.2s}.attention-card:hover{transform:translateY(-2px);border-color:#52698f}.attention-card small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.attention-card strong{font-size:15px}.attention-card span{font-size:12px;color:#aebbd0;line-height:1.45}.attention-card.danger{border-color:rgba(239,68,68,.38);background:rgba(127,29,29,.14)}.attention-card.warn{border-color:rgba(245,158,11,.32);background:rgba(120,53,15,.12)}.attention-card.ok{border-color:rgba(34,197,94,.25)}.empty-good{padding:18px;border:1px dashed rgba(34,197,94,.35);border-radius:15px;color:#86efac;background:rgba(34,197,94,.06)}.customer-next-action{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid rgba(6,182,212,.28);border-radius:18px;background:rgba(6,182,212,.06)}.compact-policy{margin:10px 0;padding:14px}.compact-policy h4{margin:0 0 8px}@media(max-width:1180px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.v10-command-hero{align-items:flex-start;flex-direction:column}.dashboard-kpis,.attention-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.dashboard-kpis,.attention-grid{grid-template-columns:1fr}}

.heat-row,.challenge-row{display:grid;grid-template-columns:70px 1fr 48px;align-items:center;gap:10px;padding:8px 0}.heat-track{height:9px;border-radius:999px;background:#162238;overflow:hidden}.heat-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand2));min-width:2px}.challenge-card{padding:14px 0;border-bottom:1px solid #1d2940}.challenge-card:last-child{border-bottom:0}.challenge-card small{display:block;color:var(--muted);margin-top:4px}.challenge-row{grid-template-columns:minmax(120px,180px) 1fr 70px}.challenge-row strong{text-align:right}@media(max-width:640px){.challenge-row{grid-template-columns:110px 1fr 56px}}

/* V13 CEO Control + hierarchical notifications */
.ceo-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;border:1px solid rgba(124,58,237,.2);border-radius:24px;background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(14,165,233,.08));margin-bottom:22px;box-shadow:0 24px 80px rgba(2,6,23,.18)}
.ceo-hero h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:.35rem 0}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.permission-card{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);cursor:pointer}.permission-card input{margin-top:4px}.permission-card span{display:flex;flex-direction:column;gap:4px}.permission-card small{color:var(--muted)}.notify-business-list{max-height:220px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(2,6,23,.18)}.notify-business-list label{display:flex;gap:8px;align-items:center;padding:8px;border-radius:10px}.attention-card{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);margin-bottom:8px;color:inherit}.attention-card.danger{border-color:rgba(239,68,68,.35)}.attention-card.warn{border-color:rgba(245,158,11,.35)}
@media(max-width:760px){.ceo-hero{align-items:flex-start;flex-direction:column}.permission-grid,.notify-business-list{grid-template-columns:1fr}}
.notification-inbox-item{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.notification-inbox-item p{margin:5px 0 7px}.notification-inbox-item:last-child{border-bottom:0}

/* CelerCode V16 — Multi-store / escolha de loja */
.store-picker-panel{padding:24px}.store-grid,.store-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.store-card{appearance:none;width:100%;text-align:left;color:var(--text);border:1px solid var(--border);background:linear-gradient(180deg,#101a2d,#0b1322);border-radius:18px;padding:18px;cursor:pointer;transition:.2s;display:grid;gap:10px}.store-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 55%,var(--border));box-shadow:0 16px 42px rgba(0,0,0,.2)}.store-card-top{display:flex;gap:12px;align-items:center}.store-card-top>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.store-pin{width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--brand) 18%,#101827);display:grid;place-items:center;font-size:20px}.store-card p{margin:0;color:var(--muted);line-height:1.45}.store-card small{color:#cbd5e1}.store-choose{margin-top:4px;font-size:12px;font-weight:800;color:#c4b5fd}.selected-store{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(6,182,212,.05))}.selected-store h3{margin:4px 0}.selected-store p{margin:4px 0}.store-admin-card{border:1px solid var(--border);background:#0b1220;border-radius:17px;padding:16px}.store-admin-card.inactive{opacity:.62}.store-admin-card .panelhead{align-items:flex-start}.store-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.store-stats span{font-size:11px;color:#cbd5e1;border:1px solid var(--border);border-radius:999px;padding:5px 8px}.panel.nested{margin-top:4px;background:#0a1220;padding:14px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.check{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--border);background:#0b1220;border-radius:12px;padding:10px;font-size:12px;color:#dbe5f3;cursor:pointer}.check input{margin-top:2px}.check small{color:var(--muted)}
@media(max-width:760px){.store-grid,.store-admin-grid,.check-grid{grid-template-columns:1fr}.selected-store{align-items:flex-start;flex-direction:column}.store-card{padding:16px}}

/* CelerCode product simplification + legal + charts */
.simple-hero h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.98;letter-spacing:-.055em}.trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px;color:#b9c6da;font-size:13px}.simple-preview h3{font-size:24px;margin:16px 0}.plain-steps{display:grid;gap:10px;margin-top:16px}.plain-steps div{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#0b1220}.plain-steps b,.step-no{display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:rgba(124,58,237,.18);color:#c4b5fd}.steps-grid,.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.explain-card{position:relative}.complete-section{background:linear-gradient(180deg,transparent,rgba(124,58,237,.04),transparent)}.complete-card{align-self:center}.compare-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:20px 0}.compare-row>div{padding:14px;border:1px solid var(--border);border-radius:14px}.compare-row small,.compare-row strong{display:block}.addon-note{padding:11px 12px;border:1px solid rgba(124,58,237,.24);border-radius:12px;background:rgba(124,58,237,.06);font-size:12px;margin:12px 0 16px}.complete-choice{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid rgba(124,58,237,.3);background:rgba(124,58,237,.07);border-radius:14px;cursor:pointer}.complete-choice input{margin-top:4px}.complete-choice span,.complete-choice small{display:block}.complete-choice small{color:var(--muted);margin-top:4px}.simple-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,#101a2d,#0b1322)}.pro-footer{padding-top:44px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer-grid>div{display:grid;align-content:start;gap:9px}.footer-grid a{color:#b9c6da}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:30px;padding-top:18px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.legal-wrap{max-width:900px}.legal-wrap h1{font-size:clamp(2rem,5vw,4rem)}.legal-copy{font-size:15px;line-height:1.8}.legal-copy p{margin:0 0 18px}.legal-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.legal-links a{padding:14px;border:1px solid var(--border);border-radius:12px}.mini-chart{display:grid;gap:9px}.mini-chart-row{display:grid;grid-template-columns:90px 1fr 70px;align-items:center;gap:10px}.mini-chart-track{height:10px;background:#172238;border-radius:999px;overflow:hidden}.mini-chart-track i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:inherit}.tutorial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tutorial-card{padding:15px;border:1px solid var(--border);border-radius:15px;background:#0b1220}.tutorial-card h4{margin:8px 0}.tutorial-card p{font-size:12px;color:var(--muted);min-height:48px}.tutorial-card .btn{width:100%}.ceo-config-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.plan-admin-card{padding:16px;border:1px solid var(--border);border-radius:16px;background:#0b1220;margin-bottom:10px}.plan-admin-card.inactive{opacity:.6}.plan-admin-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.textarea-tall{min-height:180px;resize:vertical}@media(max-width:900px){.steps-grid,.benefit-grid,.tutorial-grid{grid-template-columns:1fr 1fr}.footer-grid,.ceo-config-grid{grid-template-columns:1fr}.simple-cta{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.steps-grid,.benefit-grid,.tutorial-grid,.legal-links{grid-template-columns:1fr}.mini-chart-row{grid-template-columns:70px 1fr 58px}}


/* CelerCode V18 — navigation polish, professional motion and Android platform clarity */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--focus-ring:0 0 0 3px rgba(124,58,237,.2)}
html{scroll-padding-top:88px}
body{overflow-x:hidden}
*{scrollbar-width:thin;scrollbar-color:#475569 #0b1220}
*::-webkit-scrollbar{width:10px;height:8px}
*::-webkit-scrollbar-track{background:#0b1220;border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#475569,#334155);border:2px solid #0b1220;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748b,#475569)}

.sidebar{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:14px}
.menu{align-content:start;padding-bottom:18px}
.menu button{position:relative;transition:background .22s var(--ease-out),color .22s var(--ease-out),transform .22s var(--ease-out),box-shadow .22s var(--ease-out)}
.menu button:hover{transform:translateX(3px)}
.menu button.active{box-shadow:inset 3px 0 0 var(--brand),0 8px 22px rgba(2,6,23,.15)}
.menu button:focus-visible,.btn:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.staff-tabs{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding:4px 2px 10px;scrollbar-width:thin}
.staff-tabs .btn{flex:0 0 auto;scroll-snap-align:center}

#view,#staffBody{animation:contentIn .3s var(--ease-out)}
@keyframes contentIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.marketing-page:before,.marketing-page:after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(20px);opacity:.48}
.marketing-page:before{width:420px;height:420px;left:-180px;top:18vh;background:radial-gradient(circle,rgba(124,58,237,.22),transparent 67%);animation:auroraFloat 12s ease-in-out infinite alternate}
.marketing-page:after{width:500px;height:500px;right:-230px;top:46vh;background:radial-gradient(circle,rgba(6,182,212,.15),transparent 68%);animation:auroraFloat 15s ease-in-out infinite alternate-reverse}
@keyframes auroraFloat{to{transform:translate3d(35px,-24px,0) scale(1.08)}}
.marketing-page .nav{box-shadow:0 10px 35px rgba(2,6,23,.14)}
.marketing-page .navlinks a{position:relative;transition:color .2s ease}
.marketing-page .navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:99px;transition:right .25s var(--ease-out)}
.marketing-page .navlinks a:hover{color:#fff}.marketing-page .navlinks a:hover:after{right:0}
.marketing-page .btn.primary{position:relative;overflow:hidden}
.marketing-page .btn.primary:before{content:"";position:absolute;inset:-2px auto -2px -45%;width:34%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transition:left .55s var(--ease-out)}
.marketing-page .btn.primary:hover:before{left:115%}
.hero-card,.card,.simple-cta,.complete-card{transition:transform .32s var(--ease-out),border-color .32s var(--ease-out),box-shadow .32s var(--ease-out)}
.marketing-page .card:hover,.marketing-page .simple-cta:hover{transform:translateY(-5px);border-color:rgba(124,58,237,.42);box-shadow:0 24px 65px rgba(2,6,23,.3)}
.marketing-page .hero-card{animation:heroFloat 7s ease-in-out infinite}
@keyframes heroFloat{0%,100%{transform:perspective(900px) rotateY(-4deg) rotateX(2deg) translateY(0)}50%{transform:perspective(900px) rotateY(-2deg) rotateX(1deg) translateY(-8px)}}
.pricecard{isolation:isolate;overflow:hidden}
.pricecard:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.08),transparent 45%,rgba(6,182,212,.06));opacity:0;transition:opacity .3s ease;z-index:-1}
.pricecard:hover:before{opacity:1}
.pricecard:hover{transform:translateY(-6px)}
.pricecard.popular:hover{transform:translateY(-12px)}
.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .65s var(--ease-out) var(--reveal-delay,0ms),transform .65s var(--ease-out) var(--reveal-delay,0ms)}
.reveal-on-scroll.is-visible{opacity:1;transform:none}

.platform-notice{display:flex;align-items:flex-start;gap:13px;margin:16px 0;padding:15px 16px;border:1px solid rgba(6,182,212,.3);border-radius:16px;background:linear-gradient(135deg,rgba(6,182,212,.09),rgba(124,58,237,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.platform-notice.compact{padding:12px 13px;margin:12px 0}
.platform-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#22c55e,#06b6d4);color:#04110b;font-weight:950;box-shadow:0 8px 20px rgba(6,182,212,.16)}
.platform-notice strong,.platform-notice small{display:block}.platform-notice strong{font-size:13px;color:#e6fbff}.platform-notice small{margin-top:4px;color:#9fb4c8;line-height:1.45}
.platform-inline{display:block;margin-top:6px;color:#9fb4c8;line-height:1.4}

@media(max-width:980px){
  .sidebar{overflow:visible;scrollbar-gutter:auto}
  .menu{display:flex!important;grid-template-columns:none!important;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:5px 4px 12px;gap:7px;mask-image:linear-gradient(to right,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}
  .menu button{flex:0 0 auto;width:auto;white-space:nowrap;scroll-snap-align:center;padding:10px 14px}
  .menu button:hover{transform:translateY(-1px)}
  .menu button.active{box-shadow:inset 0 -3px 0 var(--brand),0 6px 16px rgba(2,6,23,.18)}
}
@media(max-width:640px){
  .marketing-page .hero-card{animation:none}
  .nav .actions{gap:6px}.nav .btn{padding:9px 11px;font-size:12px}
  .platform-notice{padding:13px}.platform-icon{width:30px;height:30px;flex-basis:30px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal-on-scroll{opacity:1!important;transform:none!important}
}

/* CelerCode V19 — multi-tenant PWA */
.pwa-manager-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}
.pwa-manager-card{overflow:hidden}.pwa-qr{width:118px;height:118px;border-radius:18px;background:#fff;padding:8px;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 36px rgba(0,0,0,.22)}
.install-steps{display:grid;gap:10px;margin:14px 0}.install-steps>div{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:#0b1220}.install-steps strong{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:10px;background:rgba(124,58,237,.16);color:#ddd6fe}.install-steps span{color:#cbd5e1;font-size:13px;line-height:1.45}
.pwa-install-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(6,182,212,.08));border-color:rgba(34,197,94,.25)}
.pwa-help-back{position:fixed;inset:0;z-index:120;background:rgba(2,6,23,.76);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.pwa-help-card{width:min(620px,100%);max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:24px;background:#0d1525;padding:22px;box-shadow:var(--shadow)}
.pwa-qr-public{display:grid;place-items:center;gap:8px;min-width:150px}.pwa-qr-public img{width:132px;height:132px;border-radius:18px;background:#fff;padding:8px;box-shadow:0 18px 45px rgba(0,0,0,.22)}.pwa-qr-public small{color:var(--muted);font-size:11px;text-align:center}
@media(max-width:900px){.pwa-manager-grid{grid-template-columns:1fr}.pwa-qr-public{display:none}}
@media(max-width:600px){.pwa-install-strip{align-items:flex-start;flex-direction:column}.pwa-install-strip .btn{width:100%}.pwa-manager-card .panelhead{align-items:flex-start}.pwa-qr{width:92px;height:92px}}
.pwa-push-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;background:linear-gradient(135deg,rgba(124,58,237,.13),rgba(6,182,212,.09));border-color:rgba(124,58,237,.28)}
.pwa-push-strip h3{margin:8px 0 4px}.pwa-push-strip p{margin:0}.pwa-push-strip .actions{flex-shrink:0}
@media(max-width:700px){.pwa-push-strip{align-items:flex-start;flex-direction:column}.pwa-push-strip .actions,.pwa-push-strip .btn{width:100%}}

/* V21 — notification bell + contact CTA */
.notify-bell-wrap{position:relative;display:inline-flex;align-items:center}.notify-bell-btn{position:relative;width:44px;height:44px;border:1px solid var(--border);border-radius:14px;background:rgba(17,24,39,.86);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s}.notify-bell-btn:hover{transform:translateY(-1px);border-color:#596b91;background:#151f34}.notify-bell-icon{font-size:18px;filter:grayscale(1) brightness(1.7)}.notify-bell-count{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:white;border:2px solid #0b1220;font-size:10px;font-weight:900;display:grid;place-items:center;box-shadow:0 5px 18px rgba(239,68,68,.35)}.notify-bell-panel{position:absolute;right:0;top:52px;width:min(390px,calc(100vw - 28px));max-height:min(560px,75vh);overflow:hidden;background:#0b1220;border:1px solid #2b3854;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.55);z-index:90}.notify-bell-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #1f2a40}.notify-bell-head strong{display:block}.notify-bell-head small{display:block;margin-top:3px;font-size:11px}.notify-bell-list{overflow:auto;max-height:460px;padding:7px}.notify-item{width:100%;display:grid;grid-template-columns:9px 1fr auto;align-items:start;gap:10px;text-align:left;border:0;background:transparent;color:#e5edf8;padding:12px;border-radius:14px;cursor:pointer}.notify-item:hover{background:#121c30}.notify-item.unread{background:rgba(124,58,237,.09)}.notify-kind-dot{width:8px;height:8px;border-radius:50%;background:#64748b;margin-top:7px}.notify-kind-dot.lead,.notify-kind-dot.support{background:#06b6d4}.notify-kind-dot.billing{background:#f59e0b}.notify-kind-dot.appointment{background:#22c55e}.notify-item-body{min-width:0;display:grid;gap:4px}.notify-item-body strong{font-size:13px}.notify-item-body>span{font-size:12px;color:#c3cfde;line-height:1.42;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.notify-item-body small{font-size:10px;color:#77859c}.notify-item>i{width:8px;height:8px;background:#8b5cf6;border-radius:50%;margin-top:7px}.notify-empty{display:grid;gap:4px;text-align:center;padding:30px 18px;color:var(--muted);font-size:12px}.notify-empty strong{color:#dbe5f2;font-size:14px}.contact-float{position:fixed;right:22px;bottom:22px;z-index:18;border-radius:999px;box-shadow:0 16px 40px rgba(124,58,237,.34)}.contact-message{min-height:130px;resize:vertical}.contact-success{text-align:center}.success-orb{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:rgba(34,197,94,.14);color:#86efac;font-size:27px;font-weight:900}.lead-message{max-width:420px;white-space:pre-wrap;color:#cbd5e1}.contact-strip{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid rgba(124,58,237,.3);background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(6,182,212,.07));border-radius:20px}.contact-strip strong{display:block;font-size:16px}.contact-strip span{color:var(--muted);font-size:13px}.topbar-actions{display:flex;align-items:center;gap:10px}@media(max-width:720px){.notify-bell-panel{position:fixed;top:76px;right:14px;left:14px;width:auto}.contact-float{right:14px;bottom:14px;font-size:12px;padding:10px 13px}.contact-strip{align-items:flex-start;flex-direction:column}.topbar{align-items:flex-start;gap:12px}.topbar-actions{margin-left:auto}}

/* V22 — sites prontos por segmento + editor visual + conta social */
:root{--site-primary:var(--brand);--site-secondary:#0f172a;--site-accent:var(--brand2)}
.segment-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--site-primary) 18%,#070b14),#070b14 64%)}
.segment-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,18,.94),rgba(3,7,18,.72) 54%,rgba(3,7,18,.25)),var(--site-cover,none);background-size:cover;background-position:center;opacity:.92;pointer-events:none}.segment-hero>.container{position:relative;z-index:1}
.hero-business-card h3{font-size:28px;margin:14px 0 6px}.site-business-logo{width:84px;height:84px;object-fit:cover;border-radius:22px;margin-top:18px;border:1px solid rgba(255,255,255,.15);background:white}.hero-social-note{margin-top:15px;color:#a9bdd4;font-size:12px}.hero-actions{margin-top:24px;flex-wrap:wrap}
.site-template-barbearia{--site-accent:#c89b3c}.site-template-barbearia .segment-hero{background:#08090c}.site-template-barbearia .gradient{background:linear-gradient(90deg,#fff,#e6c978,#c89b3c);-webkit-background-clip:text;background-clip:text}.site-template-barbearia .service-tile,.site-template-barbearia .review-card,.site-template-barbearia .team-site-card{background:linear-gradient(180deg,#121316,#0b0c0f);border-color:#29251c}.site-template-barbearia .eyebrow{color:#e7ca83}
.site-template-salao{--site-accent:#c46a9b;background:#160e15}.site-template-salao .segment-hero{background:radial-gradient(circle at 80% 15%,rgba(196,106,155,.24),transparent 32%),#160e15}.site-template-salao .gradient{background:linear-gradient(90deg,#fff,#f0bad6,#d982b1);-webkit-background-clip:text;background-clip:text}.site-template-salao .service-tile,.site-template-salao .review-card,.site-template-salao .team-site-card{border-color:rgba(196,106,155,.24);background:rgba(49,27,42,.72)}
.site-template-manicure{--site-accent:#a777dc;background:#130f19}.site-template-manicure .segment-hero{background:radial-gradient(circle at 85% 10%,rgba(167,119,220,.3),transparent 31%),linear-gradient(135deg,#160e1f,#0d101a)}.site-template-manicure .service-tile,.site-template-manicure .review-card,.site-template-manicure .team-site-card{background:linear-gradient(145deg,rgba(168,119,220,.12),rgba(20,15,28,.95));border-color:rgba(167,119,220,.25)}
.site-template-estetica{--site-accent:#51b6aa;background:#071614}.site-template-estetica .segment-hero{background:radial-gradient(circle at 86% 12%,rgba(81,182,170,.25),transparent 34%),linear-gradient(135deg,#071614,#08131a)}.site-template-estetica .service-tile,.site-template-estetica .review-card,.site-template-estetica .team-site-card{background:rgba(8,30,28,.72);border-color:rgba(81,182,170,.22)}
.team-site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}.team-site-card{padding:20px;border:1px solid var(--border);border-radius:20px;background:#0d1525;display:grid;gap:8px;justify-items:start}.team-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:950;font-size:20px;background:color-mix(in srgb,var(--site-accent) 22%,#0b1220);border:1px solid color-mix(in srgb,var(--site-accent) 35%,#1f2937)}
.service-tile{color:inherit;text-align:left;width:100%;cursor:pointer}.site-modal-card{width:min(760px,100%)}.customer-account-head{display:flex;align-items:center;gap:12px}.customer-account-head img{width:48px;height:48px;border-radius:50%;object-fit:cover}.customer-site-appointments{display:grid;gap:8px;max-height:340px;overflow:auto;margin:12px 0}.booking-login-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(124,58,237,.23);background:rgba(124,58,237,.07);margin-bottom:14px}.social-login-stack{display:grid;gap:10px;margin:16px 0}.btn.social{justify-content:center;font-weight:800}.btn.social.google{background:#fff;color:#1f2937;border-color:#e5e7eb}.btn.social.facebook{background:#1877f2;color:white;border-color:#1877f2}
.site-builder-panel{margin-bottom:18px;background:linear-gradient(135deg,rgba(124,58,237,.09),rgba(6,182,212,.045))}.site-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:16px 0 20px}.site-template-choice{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:2px 11px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:16px;background:#0b1220;cursor:pointer;transition:.2s}.site-template-choice:hover,.site-template-choice.selected:has(input:checked){border-color:var(--brand);transform:translateY(-2px);box-shadow:0 12px 35px rgba(2,6,23,.28)}.site-template-choice input{position:absolute;opacity:0;pointer-events:none}.site-template-swatch{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--tpl-accent),var(--tpl-surface));border:1px solid rgba(255,255,255,.12)}.site-template-choice strong{font-size:13px}.site-template-choice small{font-size:10px;color:var(--muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-editor-fields{align-items:start}.site-section-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:8px 0 18px}.site-section-checks label{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:11px;background:#0b1220;font-size:12px}
@media(max-width:720px){.site-template-grid{grid-template-columns:1fr 1fr}.site-section-checks{grid-template-columns:1fr}.booking-login-hint{align-items:flex-start;flex-direction:column}.booking-login-hint .btn{width:100%}.segment-hero .subsite-card{margin-top:8px}}
@media(max-width:460px){.site-template-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}}

/* V23 - autenticação do cliente por e-mail/senha/WhatsApp */
.customer-auth-shell{display:grid;gap:14px;margin:14px 0}
.customer-auth-tabs{display:flex;gap:8px;padding:5px;border-radius:14px;background:rgba(127,127,127,.08)}
.customer-auth-tabs .btn{flex:1}
.customer-auth-tabs .btn.active{background:var(--site-primary,#7c3aed);color:#fff;border-color:transparent}
.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted,#64748b);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(127,127,127,.2)}
.social-login-stack{display:grid;gap:8px}
.customer-auth-shell .form{margin:0}
@media(max-width:640px){.customer-auth-tabs{position:sticky;top:0;z-index:2}.site-modal-card{max-height:88vh;overflow:auto}}

/* V24 — CEO Control Center */
.sidebar{display:flex;flex-direction:column}.sidebar .menu{overflow-y:auto;overscroll-behavior:contain;padding-right:5px;padding-bottom:24px;scrollbar-width:thin;scrollbar-color:#334155 transparent}.sidebar .menu::-webkit-scrollbar{width:7px}.sidebar .menu::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}.menu-section{padding:15px 10px 5px;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;border-top:1px solid rgba(148,163,184,.08);margin-top:4px}.menu-section:first-of-type{border-top:0;padding-top:0}.menu-logout{margin-top:8px;color:#fda4af!important}.control-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px;border:1px solid rgba(124,58,237,.28);border-radius:22px;background:linear-gradient(135deg,rgba(124,58,237,.13),rgba(6,182,212,.05))}.control-hero h2{margin:6px 0}.control-tabs{display:flex;gap:8px;overflow:auto;padding:5px;margin:18px 0 4px;position:sticky;top:0;z-index:10;background:rgba(7,11,20,.9);backdrop-filter:blur(12px);border-radius:14px}.control-tabs button{white-space:nowrap}.setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setting-card{padding:14px;border:1px solid var(--border);border-radius:15px;background:#0a1220;display:grid;gap:7px}.setting-card strong{font-size:13px}.setting-card small{line-height:1.45}.switch-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.switch-row input[type=checkbox]{width:19px;height:19px;accent-color:var(--brand)}.manage-card{border:1px solid var(--border);border-radius:17px;padding:15px;background:#0a1220;display:grid;gap:10px}.manage-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.manage-card h4{margin:0;font-size:15px}.manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-box{padding:13px 15px;border-radius:14px;background:rgba(6,182,212,.07);border:1px solid rgba(6,182,212,.18);color:#cbd5e1;font-size:12px;line-height:1.55}.protected-box{padding:14px;border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.07);border-radius:15px}.danger-zone{border-color:rgba(239,68,68,.28)!important;background:linear-gradient(180deg,rgba(69,10,10,.12),rgba(13,21,37,.95))!important}.btn.danger{border-color:#7f1d1d;background:#2b1015;color:#fecaca}.btn.danger:hover{background:#451a1a}.inline-note{font-size:11px;color:#94a3b8;line-height:1.45}.control-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.control-summary .metric strong{font-size:22px}.editable-help{display:grid;grid-template-columns:minmax(160px,.4fr) 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #1d2940}.template-preview{height:60px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,var(--preview-accent,#7c3aed),var(--preview-surface,#0f172a))}.v24-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between}.v24-toolbar .actions{flex-wrap:wrap}.confirm-name{border-color:#7f1d1d!important}
@media(max-width:900px){.setting-grid,.manage-grid{grid-template-columns:1fr}.control-summary{grid-template-columns:1fr 1fr}.editable-help{grid-template-columns:1fr}.menu-section{display:none}}
@media(max-width:560px){.control-summary{grid-template-columns:1fr}.control-hero{align-items:flex-start;flex-direction:column}.control-tabs{margin-left:-8px;margin-right:-8px;border-radius:0}}
/* V26 - Fase 1 comercial */
.privacy-consent-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:1200;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 18px;border:1px solid var(--border,#334155);border-radius:18px;background:rgba(15,23,42,.97);box-shadow:0 22px 70px rgba(0,0,0,.35);color:#fff}.privacy-consent-banner>div:first-child{display:grid;gap:4px}.privacy-consent-banner span{font-size:.9rem;color:#cbd5e1}.phase1-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:14px 0}.progress{height:8px;min-width:180px;border-radius:99px;background:rgba(148,163,184,.22);overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#38bdf8);border-radius:99px}.linklike{border:0;background:none;color:var(--primary,#7c3aed);padding:10px 0;text-align:left;cursor:pointer;font-weight:700}.compact-actions{margin-top:8px}.stack{display:grid;gap:10px}@media(max-width:720px){.privacy-consent-banner{flex-direction:column;align-items:stretch}.privacy-consent-banner .actions{width:100%}.privacy-consent-banner .btn{flex:1}}

/* V30 - documentos legais e aceite explícito */
.legal-accept-box{border:1px solid rgba(148,163,184,.28);border-radius:14px;padding:12px;display:grid;gap:10px;background:rgba(15,23,42,.03)}
.legal-check{align-items:flex-start;gap:14px}.legal-check input{margin-top:4px;min-width:18px;min-height:18px}.legal-check a,.legal-check .linklike{text-decoration:underline}
.legal-provider-card{border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:16px;margin-bottom:16px}.legal-provider-card .line{padding:8px 0;border-bottom:1px solid rgba(148,163,184,.15)}.legal-provider-card .line:last-child{border-bottom:0}
.legal-warning{border:1px solid #f59e0b;border-radius:14px;padding:12px 14px;margin-bottom:16px;display:grid;gap:4px;background:rgba(245,158,11,.08)}
.legal-version{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 18px}.legal-version span{font-size:.82rem;padding:5px 9px;border-radius:999px;background:rgba(148,163,184,.12)}
.legal-copy h2{margin-top:1.5rem}.legal-copy h3{margin-top:1.35rem}.legal-copy p{line-height:1.72}.legal-list{margin:0 0 1rem}

/* CelerCode V30.1 — landing page redesign / menu responsivo / contato flutuante */
.marketing-page{--marketing-card:rgba(14,21,37,.78);--marketing-card-strong:rgba(14,21,37,.94);--marketing-line:rgba(148,163,184,.14);background:radial-gradient(circle at 15% -8%,rgba(124,58,237,.22),transparent 31%),radial-gradient(circle at 96% 8%,rgba(6,182,212,.13),transparent 27%),linear-gradient(180deg,#070b14 0%,#080d18 58%,#070b14 100%);padding-bottom:0}
.marketing-page main{position:relative;isolation:isolate}
.marketing-page .container{width:min(1160px,calc(100% - 40px))}
.marketing-nav{position:sticky;top:0;z-index:80;background:rgba(7,11,20,.82);border-bottom:1px solid rgba(148,163,184,.10);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);transition:background .22s ease,box-shadow .22s ease,border-color .22s ease}
.marketing-nav.is-scrolled{background:rgba(7,11,20,.94);border-color:rgba(148,163,184,.16);box-shadow:0 14px 38px rgba(2,6,23,.32)}
.marketing-nav .navin{height:76px;gap:24px}
.marketing-brand{flex:0 0 auto;gap:11px;font-size:21px;letter-spacing:-.045em}
.brand-logo{width:40px;height:40px;border-radius:13px;object-fit:cover;box-shadow:0 9px 26px rgba(6,182,212,.13);border:1px solid rgba(103,232,249,.12)}
.marketing-menu{display:flex;align-items:center;justify-content:flex-end;gap:28px;min-width:0;flex:1}
.marketing-nav .navlinks{gap:7px;align-items:center}
.marketing-nav .navlinks a{padding:10px 11px;border-radius:10px;color:#bac7d9;font-size:13px;font-weight:700;white-space:nowrap}
.marketing-nav .navlinks a:after{display:none}
.marketing-nav .navlinks a:hover{color:#fff;background:rgba(148,163,184,.08)}
.marketing-nav .nav-actions{flex:0 0 auto;gap:8px}
.marketing-nav .btn{min-height:42px;border-radius:11px;padding:10px 14px;font-size:13px;white-space:nowrap}
.marketing-nav .client-login{border-color:rgba(148,163,184,.2);background:rgba(15,23,42,.42)}
.mobile-menu-toggle{display:none;width:44px;height:44px;padding:0;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:rgba(15,23,42,.68);cursor:pointer;place-items:center;align-content:center;gap:5px}
.mobile-menu-toggle span{display:block;width:19px;height:2px;border-radius:4px;background:#e2e8f0;transition:transform .22s ease,opacity .2s ease}
.marketing-nav.nav-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.marketing-nav.nav-open .mobile-menu-toggle span:nth-child(2){opacity:0}
.marketing-nav.nav-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.marketing-page .hero{padding:94px 0 78px}
.marketing-page .hero-grid{grid-template-columns:minmax(0,1.07fr) minmax(380px,.93fr);gap:64px}
.marketing-page .simple-hero h1{max-width:760px;font-size:clamp(3rem,5.6vw,5.15rem);line-height:.98;letter-spacing:-.065em;margin:22px 0 24px;text-wrap:balance}
.marketing-page .lead{max-width:690px;font-size:18px;line-height:1.72;color:#aebdd0}
.marketing-page .eyebrow{border-color:rgba(139,92,246,.32);background:linear-gradient(135deg,rgba(124,58,237,.13),rgba(6,182,212,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.marketing-page .hero .actions{flex-wrap:wrap}
.marketing-page .hero .btn{min-height:48px;padding-inline:19px}
.marketing-page .trust-row{margin-top:26px;gap:12px 20px;color:#adbacb}
.marketing-page .trust-row span{display:inline-flex;align-items:center;gap:7px}
.marketing-page .hero-card{position:relative;overflow:hidden;padding:25px;border-radius:28px;background:linear-gradient(155deg,rgba(19,28,48,.96),rgba(8,13,24,.97));border-color:rgba(148,163,184,.18);box-shadow:0 34px 90px rgba(2,6,23,.46),inset 0 1px 0 rgba(255,255,255,.04)}
.marketing-page .hero-card:before{content:"";position:absolute;width:240px;height:240px;right:-110px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.18),transparent 68%);pointer-events:none}
.marketing-page .windowbar{padding-bottom:20px}
.marketing-page .simple-preview h3{font-size:25px;letter-spacing:-.03em;margin:18px 0}
.marketing-page .metric{padding:18px;border-color:rgba(148,163,184,.13);background:rgba(7,11,20,.54)}
.marketing-page .metric strong{font-size:28px;letter-spacing:-.04em}
.marketing-page .plain-steps div{min-height:48px;border-color:rgba(148,163,184,.12);background:rgba(7,11,20,.48)}
.marketing-page .section{padding:84px 0}
.marketing-page .section h2{max-width:800px;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.06;letter-spacing:-.05em;margin:16px 0 16px;text-wrap:balance}
.marketing-page .section-copy{font-size:16px;line-height:1.75;color:#9eacc0}
.marketing-page #como-funciona{border-top:1px solid rgba(148,163,184,.07);border-bottom:1px solid rgba(148,163,184,.07);background:linear-gradient(180deg,rgba(15,23,42,.18),rgba(15,23,42,.06))}
.marketing-page .steps-grid,.marketing-page .benefit-grid{gap:16px;margin-top:34px}
.marketing-page .card{border-color:rgba(148,163,184,.14);background:linear-gradient(165deg,rgba(17,24,39,.86),rgba(8,13,24,.9));box-shadow:0 18px 50px rgba(2,6,23,.17),inset 0 1px 0 rgba(255,255,255,.025)}
.marketing-page .explain-card{min-height:220px;padding:25px}
.marketing-page .explain-card .step-no{margin-bottom:20px;width:34px;height:34px;border-radius:11px}
.marketing-page .card h3{font-size:18px;letter-spacing:-.02em;margin:13px 0 9px}
.marketing-page .card .muted{line-height:1.65}
.marketing-page .benefit-grid .card{min-height:196px;padding:24px}
.marketing-page .iconbox{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(6,182,212,.10));border:1px solid rgba(124,58,237,.14)}
.marketing-page .complete-section{position:relative;background:linear-gradient(180deg,transparent,rgba(124,58,237,.055),transparent);border-top:1px solid rgba(124,58,237,.08);border-bottom:1px solid rgba(124,58,237,.08)}
.marketing-page .complete-section .grid2{gap:54px;align-items:center}
.marketing-page .complete-card{padding:28px;border-radius:25px;background:linear-gradient(155deg,rgba(19,28,48,.95),rgba(10,15,27,.93))}
.marketing-page .compare-row>div{min-height:92px;background:rgba(7,11,20,.42);border-color:rgba(148,163,184,.13)}
.marketing-page #precos .pricing{gap:16px;margin-top:36px;align-items:stretch}
.marketing-page .pricecard{display:flex;flex-direction:column;min-height:100%;padding:25px;border-radius:22px}
.marketing-page .pricecard .list{flex:1}
.marketing-page .pricecard.popular{outline:0;border-color:rgba(139,92,246,.65);box-shadow:0 24px 70px rgba(91,33,182,.18),inset 0 1px 0 rgba(255,255,255,.04)}
.marketing-page .price{font-size:40px}
.marketing-page .simple-cta{padding:34px 36px;border-radius:26px;background:radial-gradient(circle at 85% 20%,rgba(6,182,212,.11),transparent 30%),linear-gradient(135deg,rgba(19,28,48,.96),rgba(10,15,27,.96));border-color:rgba(148,163,184,.16)}
.marketing-page .simple-cta h2{font-size:clamp(1.9rem,3vw,2.75rem);margin:12px 0 8px}
.marketing-page .contact-strip{margin-top:18px;padding:20px 22px;border-color:rgba(6,182,212,.18);background:rgba(10,18,32,.72)}
.marketing-page .pro-footer{padding:58px 0 28px;background:rgba(5,9,17,.68);border-top-color:rgba(148,163,184,.11)}
.marketing-page .footer-grid{grid-template-columns:1.65fr 1fr 1fr;gap:44px}
.marketing-page .footer-grid strong{color:#e2e8f0;margin-bottom:4px}
.marketing-page .footer-grid a{color:#93a4ba;transition:color .18s ease,transform .18s ease}
.marketing-page .footer-grid a:hover{color:#fff;transform:translateX(2px)}
.marketing-page .footer-brand{margin-bottom:4px}
.contact-float{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:90;display:flex;align-items:center;gap:11px;min-height:56px;padding:8px 17px 8px 8px;border:1px solid rgba(196,181,253,.30);border-radius:999px;background:linear-gradient(135deg,#6d28d9,#4f46e5 58%,#0891b2);color:#fff;box-shadow:0 18px 50px rgba(67,56,202,.34),inset 0 1px 0 rgba(255,255,255,.18);cursor:pointer;transition:transform .22s var(--ease-out),box-shadow .22s ease,border-color .22s ease}
.contact-float:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(67,56,202,.43);border-color:rgba(255,255,255,.34)}
.contact-float:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(124,58,237,.22),0 20px 55px rgba(67,56,202,.40)}
.contact-float-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:50%;background:rgba(255,255,255,.16);font-size:21px;font-weight:900;border:1px solid rgba(255,255,255,.16)}
.contact-float-copy{display:grid;text-align:left;line-height:1.05}
.contact-float-copy small{font-size:10px;font-weight:700;opacity:.78;margin-bottom:4px}
.contact-float-copy strong{font-size:13px;letter-spacing:-.01em}
.marketing-page .modalback{z-index:120;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:rgba(2,6,23,.76)}
.marketing-page .modal{border-color:rgba(148,163,184,.18);background:linear-gradient(165deg,#111a2c,#0a111f);box-shadow:0 35px 100px rgba(0,0,0,.58)}
@media(max-width:1080px){
  .marketing-nav .navlinks a{padding-inline:8px;font-size:12px}
  .marketing-nav .nav-actions .btn{padding-inline:11px}
  .marketing-page .hero-grid{gap:42px}
  .marketing-page .pricing{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  body.menu-open{overflow:hidden}
  .marketing-page .container{width:min(100% - 30px,1160px)}
  .marketing-nav .navin{height:70px;position:relative}
  .mobile-menu-toggle{display:grid;margin-left:auto;z-index:2}
  .marketing-menu{position:absolute;top:calc(100% + 10px);left:0;right:0;display:grid;gap:10px;padding:14px;border:1px solid rgba(148,163,184,.17);border-radius:18px;background:rgba(9,14,25,.98);box-shadow:0 24px 70px rgba(2,6,23,.58);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top;transition:opacity .2s ease,transform .22s var(--ease-out),visibility .2s ease}
  .marketing-nav.nav-open .marketing-menu{opacity:1;visibility:visible;transform:none}
  .marketing-nav .navlinks{display:grid!important;gap:4px;width:100%}
  .marketing-nav .navlinks a{display:block;padding:12px 13px;font-size:14px;border-radius:11px}
  .marketing-nav .nav-actions{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px solid rgba(148,163,184,.11)}
  .marketing-nav .nav-actions .btn{width:100%;min-height:45px}
  .marketing-page .hero{padding:72px 0 58px}
  .marketing-page .hero-grid{grid-template-columns:1fr;gap:40px}
  .marketing-page .hero-card{max-width:680px;width:100%;margin-inline:auto;transform:none!important;animation:none!important}
  .marketing-page .section{padding:68px 0}
  .marketing-page .complete-section .grid2{gap:30px}
}
@media(max-width:640px){
  .marketing-page .container{width:min(100% - 24px,1160px)}
  .marketing-brand{font-size:19px}
  .brand-logo{width:36px;height:36px;border-radius:12px}
  .marketing-nav .nav-actions{grid-template-columns:1fr}
  .marketing-page .hero{padding:54px 0 44px}
  .marketing-page .simple-hero h1{font-size:clamp(2.55rem,12.5vw,3.6rem);line-height:1.01;margin:18px 0 18px}
  .marketing-page .lead{font-size:16px;line-height:1.65}
  .marketing-page .hero .actions{display:grid;width:100%}
  .marketing-page .hero .actions .btn{width:100%}
  .marketing-page .trust-row{display:grid;gap:8px;margin-top:22px}
  .marketing-page .hero-card{padding:19px;border-radius:22px}
  .marketing-page .demo-grid{gap:9px}
  .marketing-page .metric{padding:14px}
  .marketing-page .metric strong{font-size:24px}
  .marketing-page .section{padding:56px 0}
  .marketing-page .section h2{font-size:clamp(2rem,10vw,2.65rem)}
  .marketing-page .steps-grid,.marketing-page .benefit-grid{grid-template-columns:1fr;gap:12px;margin-top:26px}
  .marketing-page .explain-card,.marketing-page .benefit-grid .card{min-height:auto}
  .marketing-page .compare-row{grid-template-columns:1fr;text-align:left}
  .marketing-page .compare-row>span{text-align:center}
  .marketing-page #precos .pricing{grid-template-columns:1fr;gap:13px}
  .marketing-page .pricecard.popular{transform:none}
  .marketing-page .simple-cta{padding:25px 21px}
  .marketing-page .simple-cta .btn{width:100%}
  .marketing-page .contact-strip{padding:18px;align-items:stretch}
  .marketing-page .contact-strip .btn{width:100%}
  .marketing-page .footer-grid{gap:28px}
  .contact-float{right:12px;bottom:max(12px,env(safe-area-inset-bottom));min-height:52px;padding:7px 14px 7px 7px}
  .contact-float-icon{width:37px;height:37px;flex-basis:37px}
  .contact-float-copy strong{font-size:12px}
}
@media(max-width:390px){
  .contact-float-copy small{display:none}
  .contact-float{padding-right:13px}
}