/* ============================================================
   ACOLHE — estilos (verde-sálvia + terracota, Fraunces + Inter)
   ============================================================ */
:root{
  --sage:#3f6b52; --sage-d:#2d4f3c; --sage-l:#e9f0ea;
  --terra:#c9714f; --terra-d:#a85a3c; --terra-l:#faece3;
  --cream:#faf7f2; --cream2:#f2ece0; --card:#ffffff;
  --ink:#22302a; --ink2:#4c5a52; --muted:#7c887f;
  --line:#e4ddd0; --r:14px; --r-sm:9px;
  --ok:#2f7a4f; --ok-l:#e5f3e9;
  --warn:#a8711c; --warn-l:#faf0dd;
  --danger:#b3423a; --danger-l:#fbe9e7;
  --info:#2f5d75; --info-l:#e6eef2;
  --violet:#5b4b8a; --violet-l:#ece8f6;
  --shadow:0 2px 10px rgba(34,48,42,.06), 0 1px 2px rgba(34,48,42,.05);
  --shadow-lg:0 18px 46px rgba(34,48,42,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",system-ui,sans-serif;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:"Fraunces",Georgia,serif;font-weight:600;color:var(--ink);margin:0 0 .4em;line-height:1.18}
p{line-height:1.65;margin:0 0 1em;color:var(--ink2)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{margin:0;padding:0;list-style:none}
button{font-family:inherit}
.muted{color:var(--muted)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.grad{color:var(--terra)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:15px;cursor:pointer;transition:.15s;white-space:nowrap}
.btn--primary{background:var(--sage);color:#fff}
.btn--primary:hover{background:var(--sage-d)}
.btn--terra{background:var(--terra);color:#fff}
.btn--terra:hover{background:var(--terra-d)}
.btn--ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.btn--ghost:hover{border-color:var(--sage);color:var(--sage)}
.btn--danger{background:var(--danger);color:#fff}
.btn--sm{padding:8px 15px;font-size:13.5px}
.btn--lg{padding:15px 28px;font-size:16px}
.btn--block{width:100%}
.btn:disabled{opacity:.5;cursor:not-allowed}
.link{color:var(--sage);font-weight:600;cursor:pointer}
.link:hover{text-decoration:underline}

/* ---------- brand ---------- */
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;font-family:"Fraunces",serif}
.brand__logo{width:36px;height:36px;border-radius:11px;background:var(--sage);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}

/* ---------- public nav ---------- */
.pnav{background:rgba(250,247,242,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.pnav__in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px}
.pnav__links{display:flex;gap:26px;font-weight:600;font-size:14.5px}
.pnav__links a{color:var(--ink2)}
.pnav__links a.on,.pnav__links a:hover{color:var(--sage)}
.pnav__cta{display:flex;gap:10px;align-items:center}

/* ---------- hero ---------- */
.hero{padding:64px 0 40px;background:linear-gradient(180deg,var(--sage-l),var(--cream) 70%)}
.hero__in{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.tagpill{display:inline-block;background:var(--terra-l);color:var(--terra-d);font-weight:700;font-size:12.5px;padding:6px 13px;border-radius:999px;margin-bottom:16px;letter-spacing:.2px}
.hero h1{font-size:44px;letter-spacing:-.5px}
.hero__btns{display:flex;gap:12px;margin:22px 0;flex-wrap:wrap}
.hero__stats{display:flex;gap:30px;margin-top:18px}
.hero__stats b{display:block;font-size:24px;font-family:"Fraunces",serif;color:var(--sage-d)}
.hero__stats span{font-size:12.5px;color:var(--muted)}
.hero__card{background:var(--card);border-radius:20px;box-shadow:var(--shadow-lg);padding:22px;border:1px solid var(--line)}
.hero__emerg{margin-top:22px;font-size:12.5px;color:var(--muted);border-top:1px dashed var(--line);padding-top:14px}

/* ---------- pro mini card na home ---------- */
.hero-pro{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:var(--cream2);margin-bottom:10px}
.hero-pro:last-child{margin-bottom:0}
.hero-pro__name{font-weight:700;font-size:14px}
.hero-pro__tag{font-size:12px;color:var(--muted)}

/* ---------- sections ---------- */
.section{padding:56px 0}
.sec-head{max-width:640px;margin:0 auto 34px;text-align:center}
.sec-head h2{font-size:30px}
.sec-head.left{text-align:left;margin-left:0}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;position:relative}
.step__n{position:absolute;top:14px;right:16px;font-family:"Fraunces",serif;font-size:26px;color:var(--line)}
.step__ic{font-size:26px;margin-bottom:10px}

.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}
.card h3{font-size:18px}
.card--flat{box-shadow:none}

.avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex:none}
.avatar--lg{width:88px;height:88px;font-size:28px;border-radius:22px}
.avatar--sm{width:32px;height:32px;font-size:12px}

.stars{color:#d79b1f;letter-spacing:1px;font-size:14px}

/* ---------- profissional cards / catálogo ---------- */
.pro-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}
.pro-grid{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:start}
.filters{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;position:sticky;top:86px}
.filters h5{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 8px}
.filters h5:first-child{margin-top:0}
.chip-group{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:12.5px;cursor:pointer;background:#fff;color:var(--ink2)}
.chip.on{background:var(--sage);border-color:var(--sage);color:#fff}
.check-row{display:flex;align-items:center;gap:8px;font-size:13.5px;padding:4px 0;cursor:pointer}
.pro-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.pro-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:10px;transition:.15s}
.pro-card:hover{border-color:var(--sage);box-shadow:var(--shadow)}
.pro-card__top{display:flex;gap:12px}
.pro-card__name{font-weight:700;font-size:16px;font-family:"Fraunces",serif}
.pro-card__prof{font-size:12.5px;color:var(--muted)}
.pro-card__rating{display:flex;align-items:center;gap:6px;font-size:12.5px;margin-top:2px}
.tag{display:inline-block;background:var(--sage-l);color:var(--sage-d);font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px}
.tag--terra{background:var(--terra-l);color:var(--terra-d)}
.tag-row{display:flex;flex-wrap:wrap;gap:6px}
.pro-card__bio{font-size:13px;color:var(--ink2);line-height:1.5;margin:0}
.pro-card__foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.pro-card__price{font-weight:700;color:var(--sage-d);font-size:16px}
.pro-card__price small{font-weight:500;color:var(--muted);font-size:11.5px}
.badge-social{display:inline-flex;align-items:center;gap:4px;background:var(--warn-l);color:var(--warn);font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}

/* ---------- perfil do profissional ---------- */
.pro-hero{display:grid;grid-template-columns:120px 1fr auto;gap:22px;align-items:center;padding:26px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.pro-detail__grid{display:grid;grid-template-columns:1fr 340px;gap:26px;margin-top:24px;align-items:start}
.review{border-bottom:1px solid var(--line);padding:14px 0}
.review:last-child{border:none}
.review__head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}
.review__name{font-weight:700}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:280px;overflow:auto;padding-right:2px}
.slot-day{grid-column:1/-1;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:8px}
.slot-day:first-child{margin-top:0}
.slot{border:1px solid var(--line);border-radius:9px;padding:8px 4px;text-align:center;font-size:13px;cursor:pointer;background:#fff;font-weight:600}
.slot:hover{border-color:var(--sage);color:var(--sage)}
.slot.on{background:var(--sage);border-color:var(--sage);color:#fff}
.sticky-card{position:sticky;top:86px}
.price-opts{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.price-opt{border:1px solid var(--line);border-radius:10px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.price-opt.on{border-color:var(--sage);background:var(--sage-l)}
.price-opt b{font-size:14px}
.price-opt small{color:var(--muted);display:block;font-size:11.5px}

/* ---------- pricing (planos do profissional) ---------- */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.plan-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;text-align:center;position:relative;cursor:pointer}
.plan-card.on{border-color:var(--sage);box-shadow:0 0 0 3px var(--sage-l)}
.plan-card__badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--terra);color:#fff;font-size:11px;font-weight:700;padding:3px 12px;border-radius:999px}
.plan-card__price{font-family:"Fraunces",serif;font-size:32px;color:var(--sage-d);margin:10px 0}
.plan-card__price small{font-size:13px;color:var(--muted);font-weight:400}

/* ---------- login ---------- */
.login-wrap{min-height:calc(100vh - 0px);display:grid;grid-template-columns:1fr 1fr}
.login-side{background:linear-gradient(160deg,var(--sage-d),var(--sage));color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:center}
.login-side h2{color:#fff;font-size:30px}
.login-side p{color:#dbe8de}
.login-form{display:flex;align-items:center;justify-content:center;padding:40px}
.login-box{width:100%;max-width:400px}
.demo-btns{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.demo-btn{border:1px dashed var(--line);border-radius:10px;padding:11px 14px;text-align:left;background:#fff;cursor:pointer;font-size:13px}
.demo-btn b{display:block;font-size:13.5px}
.demo-btn:hover{border-color:var(--sage)}

/* ---------- form elements ---------- */
.field{margin-bottom:16px}
.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--ink2)}
.field .hint{font-size:11.5px;color:var(--muted);margin-top:4px}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],input[type=time],select,textarea{
  width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:14.5px;font-family:inherit;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--sage);box-shadow:0 0 0 3px var(--sage-l)}
textarea{resize:vertical;min-height:90px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.check-inline{display:flex;align-items:center;gap:8px;font-size:13.5px}

/* ---------- stepper ---------- */
.stepper{display:flex;gap:6px;margin-bottom:26px}
.stepper__i{flex:1;text-align:center;padding:9px 4px;border-radius:8px;background:var(--cream2);font-size:12.5px;font-weight:700;color:var(--muted)}
.stepper__i.on{background:var(--sage);color:#fff}
.stepper__i.done{background:var(--sage-l);color:var(--sage-d)}

/* ---------- pills / status ---------- */
.pill{display:inline-block;padding:4px 11px;border-radius:999px;font-size:11.5px;font-weight:700}
.pill--ok{background:var(--ok-l);color:var(--ok)}
.pill--warn{background:var(--warn-l);color:var(--warn)}
.pill--danger{background:var(--danger-l);color:var(--danger)}
.pill--info{background:var(--info-l);color:var(--info)}
.pill--violet{background:var(--violet-l);color:var(--violet)}
.pill--mut{background:var(--cream2);color:var(--muted)}

/* ---------- app shell (portais) ---------- */
.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}
.side{background:var(--sage-d);color:#dbe8de;display:flex;flex-direction:column;padding:20px 15px;position:sticky;top:0;height:100vh}
.side .brand{color:#fff;margin-bottom:22px;padding:0 6px}
.side .brand__logo{background:#fff;color:var(--sage-d)}
.side__role{font-size:11px;color:#a8c4b0;padding:0 6px 14px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px}
.side nav{display:flex;flex-direction:column;gap:2px;flex:1}
.side nav a{padding:10px 12px;border-radius:9px;font-size:14px;font-weight:600;color:#cfe0d4;display:flex;align-items:center;gap:10px}
.side nav a.on{background:rgba(255,255,255,.14);color:#fff}
.side nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.side__foot{border-top:1px solid rgba(255,255,255,.12);padding-top:12px;margin-top:8px}
.side__foot a{color:#dbe8de;font-size:13px;padding:8px 12px;display:block}
.main{min-width:0}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 30px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.topbar h1{font-size:21px;margin:0}
.topbar__r{display:flex;gap:9px;align-items:center}
.content{padding:26px 30px 60px}

.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:17px 18px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sage)}
.kpi--terra::before{background:var(--terra)}
.kpi--info::before{background:var(--info)}
.kpi--warn::before{background:var(--warn)}
.kpi--danger::before{background:var(--danger)}
.kpi__label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.kpi__val{font-family:"Fraunces",serif;font-size:26px;margin-top:4px;color:var(--ink)}
.kpi__sub{font-size:12px;color:var(--muted);margin-top:2px}

.panel-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}
.panel-grid.even{grid-template-columns:1fr 1fr}
.card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.card__head h3{margin:0}

/* ---------- tabs ---------- */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto}
.tab{padding:10px 16px;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.tab.on{color:var(--sage-d);border-color:var(--sage)}

/* ---------- table ---------- */
.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;padding:12px 14px;background:var(--cream2);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap}
td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:middle}
tr:hover td{background:var(--sage-l)}
.tbl-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.tbl-toolbar .field{margin:0;min-width:190px}

/* ---------- calendário / agenda ---------- */
.agenda-day{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;background:#fff}
.agenda-day__time{font-weight:700;color:var(--sage-d);width:64px;flex:none}
.agenda-day__mid{flex:1}
.avail-day{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.avail-day__name{width:110px;font-weight:700;font-size:13.5px}
.avail-day__slots{flex:1;display:flex;flex-wrap:wrap;gap:6px}

/* ---------- modal / toast ---------- */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
.modal.show{display:flex}
.modal__backdrop{position:absolute;inset:0;background:rgba(34,48,42,.5)}
.modal__box{position:relative;background:#fff;border-radius:16px;padding:26px;max-width:480px;width:100%;max-height:88vh;overflow:auto;box-shadow:var(--shadow-lg)}
.modal__box--big{max-width:680px}
.modal__close{position:absolute;top:14px;right:16px;cursor:pointer;font-size:20px;color:var(--muted);background:none;border:none}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120%);background:var(--ink);color:#fff;padding:13px 22px;border-radius:11px;font-size:14px;font-weight:600;z-index:200;transition:.25s;box-shadow:var(--shadow-lg)}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast.err{background:var(--danger)}
.toast.ok{background:var(--sage)}

/* ---------- charts (helpers usados por charts.js) ---------- */
.chart{width:100%;height:auto;display:block}
.chart-empty{padding:40px;text-align:center;color:var(--muted);font-size:13px}
.cgrid{stroke:var(--line);stroke-width:1}
.cmeta{stroke:var(--terra);stroke-width:1.5;stroke-dasharray:4 3}
.caxis{font-size:10px;fill:var(--muted)}
.cdonut{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.chart-donut{width:150px;height:150px;flex:none}
.cdonut-num{font-family:"Fraunces",serif;font-size:26px;fill:var(--ink)}
.cdonut-lab{font-size:10.5px;fill:var(--muted)}
.clegend{display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.clegend span{display:flex;align-items:center;gap:7px}
.clegend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.chart-gauge{width:100%;max-width:220px}
.cgauge-num{font-family:"Fraunces",serif;font-size:24px;fill:var(--ink)}
.cgauge-sub{font-size:11px;fill:var(--muted)}
.chart-ring{width:110px;height:110px}
.cring-num{font-family:"Fraunces",serif;font-size:19px;fill:var(--ink)}
.cring-sub{font-size:9.5px;fill:var(--muted)}
.chart-spark{width:100%;height:36px}

/* ---------- métricas home institucional ---------- */
.stat-row{display:flex;justify-content:space-around;text-align:center;flex-wrap:wrap;gap:20px}
.stat-row b{display:block;font-family:"Fraunces",serif;font-size:30px;color:var(--sage-d)}
.stat-row span{font-size:13px;color:var(--muted)}

.testi{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.testi p{font-style:italic;color:var(--ink)}
.testi__who{display:flex;gap:10px;align-items:center;margin-top:10px}
.testi__who b{font-size:13.5px}
.testi__who span{font-size:11.5px;color:var(--muted)}

.faq-item{border-bottom:1px solid var(--line);padding:16px 0}
.faq-item summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:20px;color:var(--muted)}
.faq-item[open] summary::after{content:"–"}

.wa-float{position:fixed;bottom:22px;right:22px;background:#25d366;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:var(--shadow-lg);z-index:40}

.pfoot{background:var(--sage-d);color:#cfe0d4;padding:44px 0 20px;margin-top:40px}
.pfoot .brand{color:#fff}
.pfoot .brand__logo{background:#fff;color:var(--sage-d)}
.pfoot__in{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.pfoot__cols{display:flex;gap:50px;flex-wrap:wrap}
.pfoot__cols h5{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.pfoot__cols a{display:block;color:#bcd4c2;font-size:13.5px;padding:3px 0}
.pfoot__bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:30px;padding-top:16px;font-size:12px}
.pfoot__emerg{background:rgba(0,0,0,.16);border-radius:10px;padding:10px 14px;font-size:12px;margin-top:16px}

.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}
.empty-state .ic{font-size:40px;margin-bottom:10px}

.timeline{border-left:2px solid var(--line);margin-left:8px;padding-left:20px}
.timeline__i{position:relative;padding-bottom:18px}
.timeline__i::before{content:"";position:absolute;left:-25px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--sage)}
.timeline__i.mut::before{background:var(--line)}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .hero__in{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .pro-grid{grid-template-columns:1fr}
  .filters{position:static}
  .pro-cards{grid-template-columns:1fr}
  .pro-detail__grid{grid-template-columns:1fr}
  .pricing{grid-template-columns:1fr}
  .login-wrap{grid-template-columns:1fr}
  .login-side{display:none}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .panel-grid,.panel-grid.even{grid-template-columns:1fr}
  .shell{grid-template-columns:1fr}
  .side{position:fixed;bottom:0;left:0;right:0;top:auto;height:auto;flex-direction:row;z-index:50;padding:8px;overflow-x:auto}
  .side .brand,.side__role,.side__foot{display:none}
  .side nav{flex-direction:row}
  .side nav a{flex-direction:column;font-size:10.5px;gap:3px;padding:8px 10px;white-space:nowrap}
  .content{padding-bottom:90px}
  .topbar{padding:16px}
}
@media (max-width:680px){
  .pnav__links{display:none}
  .pnav__in{padding:12px 16px;gap:10px}
  .pnav__cta{gap:8px}
  .pnav__cta .btn--ghost{display:none}
  .pnav__cta .btn{padding:10px 14px;font-size:13px}
  .brand{font-size:16px}
  .brand__logo{width:30px;height:30px;font-size:15px;border-radius:9px}
  .hero h1{font-size:32px}
  .form-row{grid-template-columns:1fr}
  .pro-hero{grid-template-columns:1fr;text-align:center}
  .pro-hero__foot{justify-content:center}
  .kpi-grid{grid-template-columns:1fr 1fr}
  .stepper__i span{display:none}
}