:root{
  --bg:#040b16;
  --bg-soft:#071120;
  --panel:#0b1526;
  --panel-soft:#0f1a2d;
  --line:rgba(239,160,57,.18);
  --line-strong:rgba(239,160,57,.34);
  --text:#f5f1e9;
  --muted:#a7b2c0;
  --gold:#ef9f39;
  --gold-2:#d97a22;
  --teal:#39d3cf;
  --blue:#2687aa;
  --success:#61dd67;
  --danger:#ff7d57;
  --shadow:0 24px 64px rgba(0,0,0,.32);
  --radius:24px;
  --radius-sm:18px;
  --container:min(1220px, calc(100% - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 20% 8%, rgba(239,160,57,.07), transparent 22%),
    radial-gradient(circle at 82% 18%, rgba(239,160,57,.05), transparent 18%),
    linear-gradient(180deg, #030a14 0%, #06101d 100%);
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.container{width:var(--container);margin:0 auto}
.eyebrow{
  margin:0 0 14px;
  color:var(--gold);
  font-weight:800;
  letter-spacing:.12em;
  font-size:13px;
  text-transform:uppercase;
}
.eyebrow.small{font-size:11px;margin-bottom:8px}
.centered{text-align:center}
.section{padding:88px 0;border-top:1px solid rgba(255,255,255,.05)}
.section-title{
  margin:0 0 14px;
  letter-spacing:-.05em;
  line-height:.98;
  font-size:clamp(34px,4vw,62px);
}
.section-copy{
  margin:0;
  color:var(--muted);
  line-height:1.7;
  font-size:18px;
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(4,10,20,.82);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.header-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:88px;
}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand-logo{width:46px;height:46px;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.brand-name{font-size:15px;font-weight:800;letter-spacing:.04em}
.brand-tag{font-size:13px;color:#d5dde7;opacity:.92}
.nav{
  display:flex;
  align-items:center;
  gap:28px;
  font-size:14px;
  color:#d9dfe7;
}
.nav a:not(.btn-header){opacity:.94}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:0 30px;
  border-radius:18px;
  font-weight:700;
  border:1px solid transparent;
  transition:transform .2s ease, opacity .2s ease, background .2s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary,.btn-header{
  background:linear-gradient(135deg, var(--gold), var(--gold-2));
  color:#160d05;
  box-shadow:0 12px 28px rgba(239,160,57,.18);
}
.btn-secondary{
  background:rgba(255,255,255,.02);
  color:var(--text);
  border-color:var(--line-strong);
}
.nav-toggle{
  display:none;
  width:48px;height:48px;border-radius:12px;
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);
  align-items:center;justify-content:center;gap:4px;flex-direction:column;
}
.nav-toggle span{display:block;width:18px;height:2px;background:#fff;border-radius:999px}

.hero{
  position:relative;
  overflow:hidden;
  min-height:min(980px, calc(100vh - 88px));
  display:flex;
  align-items:center;
  padding:34px 0 48px;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 22%, rgba(239,160,57,.08), transparent 14%),
    radial-gradient(circle at 80% 78%, rgba(239,160,57,.06), transparent 14%),
    linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,0) 34%);
  pointer-events:none;
}
.hero-orbit{
  position:absolute;
  border:1px solid rgba(239,160,57,.16);
  border-radius:50%;
  filter:blur(.2px);
  pointer-events:none;
}
.hero-orbit-a{width:860px;height:540px;right:-120px;top:160px}
.hero-orbit-b{width:700px;height:420px;right:10px;top:240px}
.hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:42px;
  align-items:center;
}
.hero-copy h1{
  margin:0 0 22px;
  max-width:8ch;
  font-size:clamp(54px,5.6vw,82px);
  line-height:.95;
  letter-spacing:-.07em;
}
.hero-body{
  margin:0 0 24px;
  max-width:35rem;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}
.hero-claim{
  margin:0 0 26px;
  max-width:18ch;
  color:var(--gold);
  font-style:italic;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(26px,2.1vw,42px);
  line-height:1.16;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}
.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.08);
  color:#dde5ef;
  font-size:14px;
}
.badge-icon{
  width:18px;height:18px;border-radius:50%;
  border:1.5px solid #dde5ef;position:relative;display:inline-block;flex:0 0 auto;
}
.badge-icon::after{
  content:"";
  position:absolute;left:5px;top:2px;width:5px;height:9px;
  border-right:2px solid #dde5ef;border-bottom:2px solid #dde5ef;transform:rotate(45deg);
}

.hero-visual{
  position:relative;
  min-height:640px;
}
.dashboard-main{
  position:absolute;
  inset:0 54px 114px 54px;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(10,18,30,.96), rgba(7,14,24,.92));
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow), 0 0 34px rgba(239,160,57,.08);
  transform:rotate(1.6deg);
}
.dashboard-top{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;
}
.dashboard-top strong{font-size:18px}
.dashboard-tabs{display:flex;gap:8px}
.dashboard-tabs span{
  min-width:42px;height:38px;padding:0 12px;border-radius:14px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.1);
  color:#dbe2ec;font-size:12px;
}
.dashboard-tabs .active{background:rgba(239,160,57,.16);color:var(--gold)}
.kpi-row{
  display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px;
}
.kpi-card,.metric-panel,.dashboard-float,.feature-card,.step-card,.tool-card,.wide-card,.cta-band,.hero-badge,.footer-badge{
  background:linear-gradient(180deg, rgba(11,21,38,.88), rgba(8,16,28,.84));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 16px 34px rgba(0,0,0,.2);
}
.kpi-card{
  padding:14px;border-radius:20px;min-height:112px;
}
.kpi-card span,.float-title{display:block;font-size:12px;color:#b6c2d0;font-weight:600}
.kpi-card strong{display:block;margin-top:10px;font-size:25px;line-height:1;letter-spacing:-.04em}
.kpi-card small{display:block;margin-top:10px;font-size:12px}
.up{color:var(--success)} .down{color:var(--danger)}
.dashboard-core{
  display:grid;grid-template-columns:minmax(0,1.06fr) minmax(260px,.94fr);gap:14px;
}
.metric-panel{
  border-radius:22px;padding:16px;min-height:280px;
}
.panel-head h3{margin:0 0 10px;font-size:16px}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#c7d1dc;margin-bottom:14px}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.dot-teal{background:var(--teal)} .dot-gold{background:var(--gold)} .dot-blue{background:var(--blue)}
.bars{
  display:flex;align-items:flex-end;gap:12px;height:158px;padding:10px 6px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.bars i{
  flex:1;display:block;border-radius:999px 999px 0 0;
  background:linear-gradient(180deg, var(--teal), var(--gold));
  box-shadow:0 8px 18px rgba(239,160,57,.08);
}
.x-axis{
  margin-top:10px;
  display:grid;grid-template-columns:repeat(7,1fr);gap:8px;
  color:#8994a4;font-size:10px;
}
.donut-layout{
  height:100%;
  display:flex;align-items:center;justify-content:center;gap:18px;
}
.donut-chart{
  width:132px;height:132px;border-radius:50%;
  background:conic-gradient(var(--teal) 0 61%, var(--gold) 61% 85%, var(--blue) 85% 100%);
  position:relative;
}
.donut-chart::after{
  content:"";
  position:absolute;inset:26px;border-radius:50%;
  background:#09111c;
  border:1px solid rgba(255,255,255,.04);
}
.donut-legend{list-style:none;padding:0;margin:0;display:grid;gap:14px;font-size:14px;color:#d9e1ea}
.dashboard-float{
  position:absolute;
  border-radius:24px;
  padding:16px 18px;
  border-color:var(--line-strong);
  box-shadow:0 18px 38px rgba(0,0,0,.24);
}
.float-alerts{left:0;bottom:28px;width:44%}
.float-top{right:18px;bottom:30px;width:38%}
.mini-kpi-row{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 12px;
}
.mini-kpi-row article{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.04);
  border-radius:16px;
  padding:14px 12px;
}
.mini-kpi-row strong{display:block;font-size:28px;line-height:1;margin-bottom:10px}
.mini-kpi-row span{display:block;color:#d1d9e2;font-size:12px;line-height:1.45}
.dashboard-float a{color:var(--gold);font-weight:700;font-size:13px}
.top-list{display:grid;gap:10px;margin:14px 0 12px}
.top-list div{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;
  padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05);
}
.top-list span{color:#d8e0ea;font-size:13px;line-height:1.45}
.top-list b{font-size:13px;color:#e8edf5}

.support-title{max-width:14ch;margin-inline:auto}
.support-copy{max-width:820px;margin-inline:auto 0}
.feature-grid{
  margin-top:34px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;
}
.feature-card{
  border-radius:22px;padding:26px 20px 22px;min-height:230px;
}
.feature-card h3{margin:18px 0 12px;font-size:18px;letter-spacing:-.02em}
.feature-card p{margin:0;color:var(--muted);line-height:1.65;font-size:15px}
.feature-icon,.step-icon{
  display:inline-block;
  width:52px;height:52px;border-radius:50%;
  border:1px solid var(--line-strong);
  position:relative;
}
.feature-icon::before,.feature-icon::after,.step-icon::before,.step-icon::after{content:"";position:absolute}
.feature-search::before{
  width:18px;height:18px;border:2px solid var(--gold);border-radius:50%;left:12px;top:12px;
}
.feature-search::after{
  width:12px;height:2px;background:var(--gold);transform:rotate(45deg);right:10px;bottom:13px;border-radius:999px;
}
.feature-list::before,.step-orden::before{
  left:15px;top:14px;width:20px;height:2px;background:var(--gold);
  box-shadow:0 8px 0 var(--gold),0 16px 0 var(--gold);
}
.feature-list::after,.step-orden::after{
  left:9px;top:13px;width:4px;height:4px;border-radius:50%;background:var(--gold);
  box-shadow:0 8px 0 var(--gold),0 16px 0 var(--gold);
}
.feature-bars::before,.step-evidencia::before{
  left:13px;bottom:14px;width:6px;height:14px;background:var(--gold);
  box-shadow:12px -6px 0 var(--gold),24px -14px 0 var(--gold);
}
.feature-bars::after,.step-evidencia::after{
  left:11px;bottom:12px;width:30px;height:2px;background:rgba(239,160,57,.55)
}
.feature-target::before{
  inset:11px;border:2px solid var(--gold);border-radius:50%;
}
.feature-target::after{
  width:8px;height:8px;background:var(--gold);border-radius:50%;left:21px;top:21px;
}
.step-diagnostico::before{
  width:18px;height:22px;border:2px solid var(--gold);border-radius:3px;left:10px;top:13px;
}
.step-diagnostico::after{
  width:12px;height:2px;background:var(--gold);left:17px;top:18px;box-shadow:0 7px 0 var(--gold),0 14px 0 var(--gold);
}
.step-decision::before{
  width:22px;height:18px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);left:13px;top:17px;transform:skewX(-25deg) rotate(8deg);
}
.step-decision::after{
  width:13px;height:2px;background:var(--gold);transform:rotate(40deg);right:11px;top:16px;
}

.section-method{padding-top:72px}
.method-title{max-width:15ch;margin-inline:auto}
.method-quote{
  margin:0 auto 34px;
  max-width:30ch;
  color:var(--gold);
  font-size:clamp(24px,2vw,36px);
  line-height:1.16;
  font-style:italic;
  font-family:Georgia,"Times New Roman",serif;
}
.method-steps{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:14px;align-items:stretch;
}
.step-card{
  position:relative;
  border-radius:22px;padding:22px 20px 18px;min-height:232px;
}
.step-number{
  display:grid;place-items:center;
  width:44px;height:44px;border-radius:50%;
  background:rgba(239,160,57,.08);border:1px solid var(--line-strong);
  color:var(--gold);font-weight:800;font-size:14px;margin-bottom:14px;
}
.step-card h3{margin:16px 0 10px;font-size:26px;letter-spacing:-.04em}
.step-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.62}
.step-arrow{
  display:grid;place-items:center;color:var(--gold);font-size:26px;font-weight:700;opacity:.88
}

.section-tools{padding-top:76px}
.tools-layout{
  display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start;
}
.tools-intro .section-title{max-width:7ch}
.tools-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;
}
.tool-card{
  border-radius:22px;padding:20px 18px 18px;min-height:244px;
}
.tool-card h3{margin:0 0 10px;font-size:18px;letter-spacing:-.02em}
.tool-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.tool-preview{
  margin-top:18px;min-height:112px;border-radius:16px;border:1px solid rgba(255,255,255,.04);
  background:rgba(255,255,255,.015);padding:14px;position:relative;overflow:hidden;
}
.preview-metrics{display:flex;align-items:flex-end;gap:10px}
.preview-metrics i{
  flex:1;display:block;border-radius:999px 999px 0 0;background:linear-gradient(180deg,var(--teal),var(--gold));
}
.preview-metrics i:nth-child(1){height:28%}.preview-metrics i:nth-child(2){height:52%}.preview-metrics i:nth-child(3){height:42%}.preview-metrics i:nth-child(4){height:72%}
.preview-metrics span{
  position:absolute;left:14px;right:14px;bottom:18px;height:2px;background:rgba(239,160,57,.35)
}
.preview-checks{display:grid;gap:12px}
.preview-checks b{
  display:block;height:14px;border-radius:999px;background:
    linear-gradient(90deg, rgba(255,255,255,.08) 0 65%, rgba(239,160,57,.9) 65% 100%);
}
.preview-table{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
}
.preview-table span{
  display:block;aspect-ratio:1;border-radius:10px;background:rgba(255,255,255,.06)
}
.preview-table span:nth-child(1), .preview-table span:nth-child(4), .preview-table span:nth-child(7){background:#133c46}
.preview-table span:nth-child(3), .preview-table span:nth-child(6), .preview-table span:nth-child(9){background:#604321}
.preview-calc{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
}
.preview-calc span{
  display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.06);font-size:26px;color:#dfe7f2
}
.wide-tools{
  grid-column:2;
  margin-top:18px;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
}
.wide-card{
  border-radius:24px;padding:20px 20px 18px;
}
.wide-card h3{margin:0;font-size:18px}
.wide-body{
  margin-top:14px;
  display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center;
}
.margin-donut{
  width:136px;height:136px;border-radius:50%;
  background:conic-gradient(var(--gold) 0 24%, var(--teal) 24% 66%, var(--blue) 66% 100%);
  position:relative;margin-inline:auto;
}
.margin-donut::after{
  content:"Margen\A23,8%";
  white-space:pre;
  position:absolute;inset:26px;border-radius:50%;
  display:grid;place-items:center;text-align:center;
  background:#09111d;color:#fff;font-weight:700;font-size:15px;line-height:1.1;
}
.margin-data{display:grid;gap:10px}
.margin-data div{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;font-size:14px;color:#d9e1ea
}
.margin-data span{color:var(--muted)}
.margin-data b{font-size:14px}
.result-line b{color:var(--success)}
.price-table{display:grid;gap:8px}
.price-head,.price-row{
  display:grid;
  grid-template-columns:1.1fr .9fr .9fr .9fr 1fr .8fr;
  gap:10px;
  align-items:center;
  padding:10px 12px;
  border-radius:14px;
  font-size:13px;
}
.price-head{
  background:rgba(255,255,255,.04);
  color:#b9c4d1;
  text-transform:none;
}
.price-row{
  background:rgba(255,255,255,.02);
  color:#dde5ee;
}
.price-row.active{
  background:rgba(239,160,57,.12);
  border:1px solid rgba(239,160,57,.22);
  color:#fff;
}
.price-row.active span:nth-child(3),
.price-row.active span:nth-child(5),
.price-row.active span:nth-child(6){color:var(--gold)}

.section-cta{padding-top:54px}
.cta-band{
  border-radius:24px;
  padding:22px 24px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;
}
.cta-copy{display:flex;align-items:center;gap:18px}
.cta-copy h2{margin:0 0 6px;font-size:20px}
.cta-copy p{margin:0;color:var(--muted);font-size:15px}
.cta-icon{
  width:54px;height:54px;border-radius:50%;
  border:1px solid var(--line-strong);position:relative;flex:0 0 auto;
}
.cta-icon::before{
  content:"";
  position:absolute;left:13px;bottom:14px;width:8px;height:14px;background:var(--gold);
  box-shadow:12px -6px 0 var(--gold),24px -14px 0 var(--gold);
}
.cta-icon::after{
  content:"";
  position:absolute;left:12px;bottom:12px;width:30px;height:2px;background:rgba(239,160,57,.55)
}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px}

.site-footer{
  padding:42px 0 18px;
  border-top:1px solid rgba(255,255,255,.05);
}
.footer-grid{
  display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr 1fr;gap:26px;
}
.footer-brand p,.footer-col p,.footer-col a{
  color:var(--muted);font-size:14px;line-height:1.65;margin:0
}
.footer-brand-row{margin-bottom:14px}
.footer-col{display:grid;gap:8px;align-content:start}
.footer-col h3{margin:0 0 4px;font-size:14px;text-transform:uppercase;letter-spacing:.06em}
.footer-contact{gap:6px}
.footer-badge{margin-top:10px;width:max-content}
.footer-bottom{
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.04);
  color:#8e99a7;
  font-size:12px;
  text-align:center;
}
.whatsapp-float{
  position:fixed;right:18px;bottom:18px;z-index:40;
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;
  background:#22c55e;
  box-shadow:0 14px 26px rgba(0,0,0,.28);
  border:2px solid rgba(255,255,255,.18);
}
.whatsapp-float img{width:26px;height:26px}

@media (max-width: 1240px){
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .hero-copy h1,.hero-body,.hero-claim{max-width:none}
  .hero-visual{max-width:820px;margin-inline:auto;width:100%}
  .hero{min-height:auto}
  .tools-layout{grid-template-columns:1fr}
  .wide-tools{grid-column:auto}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 1024px){
  .nav{
    position:absolute;left:24px;right:24px;top:100%;
    display:none;flex-direction:column;align-items:flex-start;gap:16px;
    padding:18px;border-radius:18px;background:#09111d;border:1px solid rgba(255,255,255,.08);
  }
  .nav.open{display:flex}
  .nav-toggle{display:flex}
  .feature-grid,.tools-grid,.wide-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .method-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .step-arrow{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
  .dashboard-main{inset:0 40px 112px 40px}
}
@media (max-width: 720px){
  :root{--container:min(100% - 28px, 1220px)}
  .header-wrap{min-height:78px}
  .brand-tag{font-size:12px}
  .section{padding:70px 0}
  .hero{padding:22px 0 34px}
  .hero-copy h1{font-size:clamp(44px,14vw,62px)}
  .hero-claim{font-size:clamp(22px,7vw,30px)}
  .hero-body,.section-copy{font-size:16px}
  .hero-actions,.cta-actions{flex-direction:column;align-items:stretch}
  .btn{width:100%}
  .hero-visual{min-height:520px}
  .dashboard-main{
    inset:0 0 156px 0;
    transform:none;
    padding:14px;
  }
  .kpi-row{grid-template-columns:repeat(2,1fr)}
  .dashboard-core{grid-template-columns:1fr}
  .float-alerts,.float-top{
    position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:14px;
  }
  .hero-visual{display:grid}
  .donut-layout{flex-direction:column;align-items:flex-start}
  .feature-grid,.tools-grid,.wide-tools,.footer-grid{grid-template-columns:1fr}
  .method-steps{grid-template-columns:1fr}
  .wide-body{grid-template-columns:1fr}
  .price-head,.price-row{
    grid-template-columns:1.1fr .9fr .9fr;
  }
  .price-head span:nth-child(n+4), .price-row span:nth-child(n+4){display:none}
  .cta-band{grid-template-columns:1fr}
  .cta-copy{align-items:flex-start}
  .whatsapp-float{width:50px;height:50px;right:14px;bottom:14px}
}


/* ----- v6 fixes ----- */
.hero{
  min-height:auto;
  padding:40px 0 56px;
}
.hero-grid{
  align-items:start;
  grid-template-columns:minmax(0,.82fr) minmax(540px,1.18fr);
}
.hero-copy{
  padding-top:72px;
}
.hero-copy h1{
  font-size:clamp(50px,5vw,74px);
  max-width:7.5ch;
  margin-bottom:18px;
}
.hero-body{
  max-width:32rem;
  font-size:16px;
  margin-bottom:20px;
}
.hero-claim{
  max-width:16ch;
  font-size:clamp(22px,1.85vw,36px);
  margin-bottom:22px;
}
.hero-visual{
  min-height:570px;
}
.dashboard-main{
  inset:0 70px 138px 24px;
}
.float-alerts{
  left:0;
  bottom:42px;
  width:42%;
}
.float-top{
  right:20px;
  bottom:44px;
  width:36%;
}
.float-top .top-list span{
  font-size:12px;
}
.float-top .top-list b{
  font-size:12px;
}

.method-steps-simple{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.method-steps-simple .step-card{
  min-height:210px;
  padding:24px 20px 18px;
}
.method-steps-simple .step-card h3{
  margin:14px 0 10px;
  font-size:22px;
}
.method-steps-simple .step-card p{
  font-size:14px;
}
.method-steps-simple .step-icon,
.method-steps-simple .step-arrow{
  display:none !important;
}

.tools-layout{
  grid-template-columns:280px minmax(0,1fr);
}
.tools-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.tools-grid-3 .tool-card{
  min-height:228px;
}
.tools-grid-3 .tool-card h3{
  font-size:16px;
}
.tools-grid-3 .tool-card p{
  font-size:14px;
}
.wide-tools{
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.wide-card{
  min-height:270px;
}
.wide-card h3{
  font-size:16px;
}
.wide-body{
  grid-template-columns:130px minmax(0,1fr);
  gap:16px;
}
.wide-body-price{
  grid-template-columns:1fr;
}
.margin-donut{
  width:118px;
  height:118px;
}
.margin-donut::after{
  inset:22px;
  font-size:13px;
}
.margin-data div{
  font-size:13px;
}
.price-head,.price-row{
  font-size:12px;
  padding:8px 10px;
}

.section-blog{
  padding-top:52px;
}
.blog-layout{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.blog-intro .section-title{
  font-size:clamp(28px,3.2vw,48px);
  max-width:8ch;
}
.blog-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.blog-card,.pricing-card,.service-card,.dante-card{
  background:linear-gradient(180deg, rgba(11,21,38,.88), rgba(8,16,28,.84));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 16px 34px rgba(0,0,0,.2);
}
.blog-card{
  border-radius:18px;
  padding:18px;
  min-height:120px;
}
.blog-card h3{
  margin:0 0 10px;
  font-size:16px;
  line-height:1.3;
  letter-spacing:-.02em;
}
.blog-card p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}

.section-pricing{
  padding-top:52px;
}
.pricing-layout{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.pricing-intro .section-title{
  font-size:clamp(30px,3.6vw,50px);
  max-width:7ch;
}
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.pricing-card{
  border-radius:20px;
  padding:20px;
}
.pricing-card h3{
  margin:0 0 10px;
  font-size:22px;
}
.pricing-card p{
  margin:0 0 12px;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}
.pricing-card strong{
  display:block;
  margin:0 0 14px;
  font-size:16px;
}

.section-services{
  padding-top:44px;
}
.services-title{
  font-size:clamp(28px,3vw,46px);
  max-width:17ch;
  margin-inline:auto;
}
.services-grid{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.service-card{
  border-radius:18px;
  padding:16px;
}
.service-card h3{
  margin:0 0 8px;
  font-size:16px;
}
.service-card p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.section-dante{
  padding-top:34px;
}
.dante-card{
  border-radius:22px;
  padding:18px;
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:18px;
  align-items:center;
}
.dante-photo{
  width:120px;
  height:120px;
  object-fit:cover;
  border-radius:14px;
}
.dante-copy h2{
  margin:0 0 10px;
  font-size:34px;
  letter-spacing:-.04em;
}
.dante-copy p{
  margin:0 0 10px;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
.dante-link{
  display:inline-flex;
  min-height:36px;
  padding:0 14px;
  border-radius:12px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line-strong);
  color:#fff;
  font-size:13px;
}

@media (max-width: 1240px){
  .hero-copy{
    padding-top:0;
  }
  .hero-grid{
    grid-template-columns:1fr;
  }
  .hero-visual{
    max-width:840px;
    width:100%;
    margin-inline:auto;
  }
  .blog-layout,
  .pricing-layout,
  .tools-layout{
    grid-template-columns:1fr;
  }
}
@media (max-width: 1024px){
  .hero{
    padding-top:28px;
  }
  .hero-visual{
    min-height:720px;
  }
  .dashboard-main{
    inset:0 24px 150px 24px;
  }
  .float-alerts{
    width:44%;
  }
  .float-top{
    width:40%;
  }
  .method-steps-simple{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .tools-grid-3,
  .blog-cards,
  .services-grid,
  .pricing-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 720px){
  .hero{
    padding-top:20px;
  }
  .hero-copy h1{
    font-size:clamp(42px,13vw,58px);
    max-width:none;
  }
  .hero-claim{
    max-width:none;
    font-size:clamp(22px,6.6vw,28px);
  }
  .hero-visual{
    min-height:unset;
  }
  .dashboard-main{
    position:relative;
    inset:auto;
    margin:0;
    padding:14px;
    transform:none;
  }
  .dashboard-float{
    position:relative;
    width:100%;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:14px;
  }
  .kpi-row{
    grid-template-columns:repeat(2,1fr);
  }
  .dashboard-core{
    grid-template-columns:1fr;
  }
  .method-steps-simple,
  .tools-grid-3,
  .blog-cards,
  .pricing-grid,
  .services-grid,
  .wide-tools,
  .footer-grid{
    grid-template-columns:1fr;
  }
  .wide-body{
    grid-template-columns:1fr;
  }
  .dante-card{
    grid-template-columns:1fr;
    text-align:left;
  }
  .dante-photo{
    width:120px;
    height:120px;
  }
}

/* ===== v3 final cleanup: legibility, fit, proportions ===== */
section[id] { scroll-margin-top: 104px; }

.hero {
  min-height: auto;
  padding: 78px 0 56px;
}
.hero::before {
  background:
    radial-gradient(circle at 78% 22%, rgba(239,160,57,.06), transparent 14%),
    radial-gradient(circle at 82% 76%, rgba(239,160,57,.04), transparent 12%),
    linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,0) 30%);
}
.hero-orbit {
  opacity: .55;
}
.hero-orbit-a { width: 760px; height: 470px; right: -110px; top: 130px; }
.hero-orbit-b { width: 610px; height: 360px; right: 18px; top: 245px; }
.hero-grid {
  grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr);
  gap: 34px;
  align-items: start;
}
.hero-copy {
  padding-top: 28px;
}
.hero-copy h1 {
  font-size: clamp(52px, 5vw, 72px);
  max-width: 7.1ch;
  margin-bottom: 16px;
}
.hero-body {
  max-width: 34rem;
  font-size: 16px;
  line-height: 1.68;
  margin-bottom: 18px;
}
.hero-claim {
  max-width: 15.5ch;
  font-size: clamp(20px, 2vw, 33px);
  line-height: 1.18;
  margin-bottom: 22px;
}
.hero-actions { margin-bottom: 16px; }
.hero-visual {
  min-height: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-content: start;
}
.dashboard-main,
.dashboard-float {
  position: relative;
  inset: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: auto;
}
.dashboard-main {
  grid-column: 1 / -1;
  transform: none;
  padding: 18px;
  border-radius: 30px;
}
.kpi-row {
  gap: 10px;
}
.kpi-card {
  min-height: 102px;
  padding: 12px;
}
.kpi-card strong {
  font-size: 23px;
}
.dashboard-core {
  gap: 12px;
}
.metric-panel {
  min-height: 250px;
}
.donut-layout {
  gap: 14px;
}
.donut-chart {
  width: 122px;
  height: 122px;
}
.donut-chart::after { inset: 24px; }
.dashboard-float {
  border-radius: 22px;
  padding: 14px 16px;
}
.float-alerts,
.float-top {
  min-height: 234px;
}
.float-top .top-list span,
.float-top .top-list b {
  font-size: 12px;
}
.mini-kpi-row article {
  padding: 12px 10px;
}
.mini-kpi-row strong {
  font-size: 24px;
}
.top-list {
  gap: 8px;
}
.top-list div {
  padding-bottom: 8px;
}

.section-method {
  padding-top: 70px;
}
.method-title {
  max-width: 12ch;
}
.method-quote {
  font-size: clamp(20px, 1.8vw, 30px);
  margin-bottom: 26px;
}
.method-steps-simple {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.method-steps-simple .step-card {
  min-height: 190px;
  padding: 20px 18px 16px;
}
.method-steps-simple .step-card h3 {
  margin-top: 4px;
  font-size: 20px;
}
.method-steps-simple .step-card p {
  font-size: 14px;
  line-height: 1.55;
}

.section-tools {
  padding-top: 70px;
}
.tools-layout {
  grid-template-columns: 270px minmax(0,1fr);
  gap: 20px;
}
.tools-intro .section-title {
  max-width: 6.2ch;
  font-size: clamp(38px, 3.9vw, 56px);
}
.tools-intro .section-copy {
  font-size: 16px;
  max-width: 18rem;
}
.tools-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.tool-card {
  min-height: 216px;
  padding: 18px 16px 16px;
}
.tool-card h3 {
  font-size: 16px;
  line-height: 1.15;
  margin-bottom: 8px;
}
.tool-card p {
  font-size: 13px;
  line-height: 1.5;
}
.tool-preview {
  min-height: 98px;
  margin-top: 14px;
}
.wide-tools {
  gap: 14px;
  margin-top: 16px;
}
.wide-card {
  min-height: 240px;
  padding: 18px;
}
.wide-card h3 {
  font-size: 16px;
}
.wide-body {
  grid-template-columns: 118px minmax(0,1fr);
  gap: 14px;
  margin-top: 12px;
}
.margin-donut {
  width: 110px;
  height: 110px;
}
.margin-donut::after {
  inset: 21px;
  font-size: 12px;
}
.margin-data {
  gap: 8px;
}
.margin-data div {
  font-size: 13px;
}
.price-head,
.price-row {
  font-size: 11px;
  gap: 8px;
  padding: 8px 10px;
}

.section-blog,
.section-pricing,
.section-services,
.section-dante,
.section-cta {
  padding-top: 48px;
}
.blog-layout,
.pricing-layout {
  gap: 18px;
}
.blog-intro .section-title,
.pricing-intro .section-title,
.services-title {
  font-size: clamp(28px, 3vw, 42px);
}
.blog-card,
.pricing-card,
.service-card {
  padding: 16px;
}
.blog-card h3,
.pricing-card h3,
.service-card h3 {
  font-size: 18px;
}
.blog-card p,
.pricing-card p,
.service-card p,
.dante-copy p {
  font-size: 13px;
}
.dante-card {
  padding: 16px;
}
.dante-copy h2 {
  font-size: 30px;
}

@media (max-width: 1240px) {
  .hero {
    padding-top: 46px;
  }
  .hero-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .hero-copy {
    padding-top: 0;
  }
  .hero-copy h1,
  .hero-body,
  .hero-claim {
    max-width: none;
  }
  .hero-visual {
    max-width: 900px;
    margin-inline: auto;
  }
  .tools-layout,
  .blog-layout,
  .pricing-layout,
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .tools-intro,
  .blog-intro,
  .pricing-intro,
  .footer-brand {
    grid-column: 1 / -1;
  }
  .tools-intro .section-copy,
  .pricing-intro .section-copy,
  .blog-intro .section-copy {
    max-width: none;
  }
  .wide-tools { grid-column: 1 / -1; }
}
@media (max-width: 1024px) {
  .hero {
    padding-top: 34px;
  }
  .hero-visual {
    grid-template-columns: 1fr;
  }
  .dashboard-main {
    grid-column: auto;
  }
  .kpi-row { grid-template-columns: repeat(3,1fr); }
  .dashboard-core { grid-template-columns: 1fr 1fr; }
  .method-steps-simple,
  .tools-grid,
  .blog-cards,
  .pricing-grid,
  .services-grid,
  .wide-tools,
  .footer-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 720px) {
  section[id] { scroll-margin-top: 86px; }
  .hero {
    padding-top: 22px;
  }
  .hero-copy h1 {
    font-size: clamp(42px, 12vw, 56px);
  }
  .hero-claim {
    font-size: clamp(22px, 6.5vw, 28px);
  }
  .hero-visual,
  .dashboard-core,
  .feature-grid,
  .method-steps-simple,
  .tools-grid,
  .wide-tools,
  .blog-cards,
  .pricing-grid,
  .services-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .dashboard-main {
    padding: 14px;
  }
  .kpi-row {
    grid-template-columns: repeat(2,1fr);
  }
  .metric-panel {
    min-height: auto;
  }
  .donut-layout {
    flex-direction: column;
    align-items: flex-start;
  }
  .tools-layout,
  .blog-layout,
  .pricing-layout {
    grid-template-columns: 1fr;
  }
  .wide-body {
    grid-template-columns: 1fr;
  }
  .price-head,
  .price-row {
    grid-template-columns: 1.1fr .9fr .9fr;
  }
  .price-head span:nth-child(n+4),
  .price-row span:nth-child(n+4) { display: none; }
}

/* v4 focused corrections */
.hero{
  min-height: calc(100vh - 88px);
  padding: 24px 0 18px;
}
.hero::before{
  background:
    radial-gradient(circle at 76% 24%, rgba(239,160,57,.05), transparent 16%),
    radial-gradient(circle at 80% 82%, rgba(239,160,57,.04), transparent 16%),
    linear-gradient(90deg, rgba(255,255,255,.015), rgba(255,255,255,0) 28%);
}
.hero-orbit-a{width:720px;height:420px;right:-70px;top:170px;opacity:.65}
.hero-orbit-b{width:560px;height:320px;right:30px;top:250px;opacity:.5}
.hero-grid{
  grid-template-columns:minmax(0,.82fr) minmax(540px,1.18fr);
  gap:34px;
  align-items:center;
}
.hero-copy{align-self:center;padding:8px 0}
.hero-copy h1{
  font-size:clamp(46px,4.9vw,72px);
  max-width:7.1ch;
  margin-bottom:18px;
}
.hero-claim{
  font-size:clamp(22px,1.9vw,34px);
  max-width:14.5ch;
  margin-bottom:20px;
}
.hero-body{
  font-size:16px;
  max-width:31rem;
  margin-bottom:22px;
}
.hero-actions{margin-bottom:16px}
.hero-visual{
  min-height:530px;
  max-width:760px;
  width:100%;
}
.dashboard-main{
  inset:0;
  transform:none;
  padding:16px;
}
.dashboard-top{margin-bottom:12px}
.dashboard-core{gap:12px}
.metric-panel{min-height:238px}
.bars{height:126px; gap:10px}
.donut-chart{width:116px;height:116px}
.donut-chart::after{inset:22px}
.donut-layout{gap:14px}
.donut-legend{gap:11px;font-size:13px}
.dashboard-float{display:none}

.section-tools{padding-top:72px}
.tools-layout{
  grid-template-columns:300px minmax(0,1fr);
  gap:28px;
}
.tools-intro .section-title{max-width:7ch}
.tools-map{
  position:relative;
  min-height:380px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:26px;
  background:linear-gradient(180deg, rgba(10,18,30,.52), rgba(8,15,26,.42));
  overflow:hidden;
}
.tools-map::before,
.tools-map::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.tools-map::before{
  background:
    linear-gradient(rgba(255,255,255,.025), rgba(255,255,255,.025)) center/2px 54% no-repeat,
    linear-gradient(rgba(255,255,255,.025), rgba(255,255,255,.025)) center/54% 2px no-repeat;
}
.tools-map::after{
  background:
    linear-gradient(45deg, transparent 49.5%, rgba(239,160,57,.08) 50%, transparent 50.5%) center/68% 68% no-repeat,
    linear-gradient(-45deg, transparent 49.5%, rgba(239,160,57,.08) 50%, transparent 50.5%) center/68% 68% no-repeat;
  opacity:.8;
}
.map-hub,
.map-node{
  position:absolute;
  display:flex;
  flex-direction:column;
  gap:8px;
  justify-content:center;
  padding:18px 20px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(11,21,38,.88), rgba(8,16,28,.84));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.map-hub{
  left:50%; top:50%; transform:translate(-50%,-50%);
  width:250px; min-height:132px; text-align:center; border-color:var(--line-strong);
}
.map-hub strong{font-size:24px; letter-spacing:-.03em}
.map-hub span{color:var(--muted); font-size:15px; line-height:1.5}
.map-node{width:230px; min-height:116px}
.map-node strong{font-size:17px; letter-spacing:-.02em}
.map-node span{color:var(--muted); font-size:14px; line-height:1.55}
.node-top-left{left:26px; top:26px}
.node-top-right{right:26px; top:26px}
.node-bottom-left{left:26px; bottom:26px}
.node-bottom-right{right:26px; bottom:26px}
.tools-grid{display:none}
.wide-tools{grid-column:2; margin-top:20px}
.wide-card{padding:20px 18px 18px}
.wide-body{grid-template-columns:140px minmax(0,1fr); gap:18px}
.price-head,.price-row{font-size:12px}

.whatsapp-float-orange{
  background:linear-gradient(135deg, var(--gold), var(--gold-2));
  border-color:rgba(255,255,255,.14);
}

@media (max-width: 1360px){
  .hero-grid{grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr)}
  .hero-copy h1{font-size:clamp(44px,4.5vw,66px)}
}
@media (max-width: 1240px){
  .hero{min-height:auto; padding:34px 0 26px}
  .hero-grid{grid-template-columns:1fr; gap:26px}
  .hero-copy h1,.hero-body,.hero-claim{max-width:none}
  .hero-visual{max-width:760px; margin-inline:auto; min-height:500px}
  .tools-layout{grid-template-columns:1fr}
  .tools-map{min-height:360px}
  .wide-tools{grid-column:auto}
}
@media (max-width: 1024px){
  .hero-copy h1{font-size:clamp(42px,6vw,60px)}
  .hero-claim{font-size:clamp(22px,3vw,30px)}
  .kpi-row{grid-template-columns:repeat(3,1fr)}
  .dashboard-core{grid-template-columns:1fr 1fr}
  .tools-map{min-height:620px}
  .map-hub{width:220px}
  .map-node{width:calc(50% - 28px)}
  .node-top-left,.node-bottom-left{left:18px}
  .node-top-right,.node-bottom-right{right:18px}
  .node-top-left,.node-top-right{top:18px}
  .node-bottom-left,.node-bottom-right{bottom:18px}
}
@media (max-width: 720px){
  .hero{padding:20px 0 24px}
  .hero-copy h1{font-size:clamp(40px,13vw,54px)}
  .hero-claim{font-size:clamp(22px,8vw,28px)}
  .hero-visual{min-height:auto}
  .dashboard-main{position:relative}
  .kpi-row{grid-template-columns:repeat(2,1fr)}
  .dashboard-core{grid-template-columns:1fr}
  .metric-panel{min-height:auto}
  .tools-map{min-height:auto; display:grid; gap:14px; padding:16px}
  .tools-map::before,.tools-map::after{display:none}
  .map-hub,.map-node{position:relative; left:auto; right:auto; top:auto; bottom:auto; transform:none; width:100%; min-height:auto}
  .wide-body{grid-template-columns:1fr}
  .whatsapp-float{width:52px;height:52px;right:14px;bottom:14px}
}

/* v5 hero refinement after visual review */
section[id]{scroll-margin-top:96px}
.hero .container.hero-grid{width:min(1300px, calc(100% - 56px))}
.hero{padding:28px 0 14px}
.hero-grid{grid-template-columns:minmax(340px,.78fr) minmax(560px,1.22fr);gap:40px}
.hero-copy h1{font-size:clamp(44px,4.6vw,68px);max-width:7.2ch}
.hero-body{font-size:15.5px;max-width:30rem}
.hero-claim{font-size:clamp(20px,1.8vw,30px);max-width:13.5ch;margin-bottom:18px}
.hero-visual{min-height:490px}
.dashboard-main{padding:14px 14px 16px}
.kpi-card strong{font-size:23px}
.metric-panel{min-height:224px}
.bars{height:116px}
@media (max-width:1240px){
  .hero .container.hero-grid{width:var(--container)}
}


/* v6 cleanup: lighter hero + new tools showcase */
.hero{min-height:auto;padding:34px 0 42px;}
.hero .container.hero-grid{width:min(1290px, calc(100% - 56px));}
.hero-grid{grid-template-columns:minmax(320px,.82fr) minmax(520px,1.08fr);gap:56px;align-items:center;}
.hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;}
.hero-copy .eyebrow{margin-bottom:14px;}
.hero-copy h1{max-width:8.4ch;font-size:clamp(50px,5vw,72px);line-height:.92;letter-spacing:-.075em;margin-bottom:20px;}
.hero-body{max-width:35rem;font-size:16px;line-height:1.7;margin-bottom:26px;}
.hero-actions{margin-bottom:16px;}
.hero-visual{display:flex;flex-direction:column;gap:14px;min-height:auto;max-width:820px;width:100%;}
.hero-visual-note{margin:0 0 2px;color:var(--gold);font-style:italic;font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,1.7vw,28px);line-height:1.22;max-width:25ch;}
.dashboard-main{position:relative;inset:auto;transform:none;padding:16px;}
.dashboard-top strong{font-size:16px;}
.kpi-row{gap:10px;margin-bottom:12px;}
.kpi-card{min-height:126px;padding:14px 13px;border-radius:18px;}
.kpi-card strong{font-size:21px;}
.dashboard-core{gap:12px;}
.metric-panel{min-height:250px;padding:16px;}
.bars{height:128px;gap:10px;}
.donut-layout{gap:14px;}
.donut-chart{width:124px;height:124px;}
.donut-chart::after{inset:24px;}
.donut-legend{font-size:13px;gap:10px;}

.section-tools{padding-top:78px;}
.tools-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;align-items:center;}
.tools-intro .section-title{max-width:8ch;}
.tools-showcase{position:relative;min-height:470px;border-radius:28px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg, rgba(9,18,32,.84), rgba(7,14,24,.76));overflow:hidden;box-shadow:0 20px 48px rgba(0,0,0,.22);}
.tools-showcase::before,.tools-showcase::after{content:"";position:absolute;inset:0;pointer-events:none;}
.tools-showcase::before{background:radial-gradient(circle at 50% 50%, rgba(239,160,57,.12), transparent 26%), radial-gradient(circle at 50% 50%, rgba(57,211,207,.08), transparent 42%);}
.tools-showcase::after{background:linear-gradient(90deg, transparent 49.8%, rgba(255,255,255,.04) 50%, transparent 50.2%) center/100% 2px no-repeat, linear-gradient(transparent 49.8%, rgba(255,255,255,.04) 50%, transparent 50.2%) center/2px 100% no-repeat;opacity:.5;}
.showcase-center,.showcase-card{position:absolute;background:linear-gradient(180deg, rgba(12,24,42,.96), rgba(9,18,31,.94));border:1px solid rgba(255,255,255,.07);box-shadow:0 18px 36px rgba(0,0,0,.22);}
.showcase-center{left:50%;top:50%;transform:translate(-50%,-50%);width:292px;min-height:164px;border-radius:28px;padding:24px 22px;text-align:center;border-color:var(--line-strong);display:flex;flex-direction:column;justify-content:center;gap:10px;z-index:2;}
.showcase-kicker{display:inline-flex;align-self:center;padding:8px 12px;border-radius:999px;background:rgba(239,160,57,.12);border:1px solid rgba(239,160,57,.22);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);}
.showcase-center strong{font-size:28px;line-height:1.05;letter-spacing:-.04em;}
.showcase-center p{margin:0;color:var(--muted);font-size:15px;line-height:1.55;}
.showcase-card{width:252px;min-height:164px;padding:20px 18px;border-radius:24px;display:flex;flex-direction:column;gap:12px;transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease;z-index:2;}
.showcase-card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 22px 40px rgba(0,0,0,.26), 0 0 0 1px rgba(239,160,57,.08);}
.showcase-card h3{margin:0;font-size:22px;line-height:1.02;letter-spacing:-.03em;}
.showcase-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;}
.showcase-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;}
.showcase-tags span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);color:#dfe7ef;font-size:11px;font-weight:700;letter-spacing:.02em;}
.showcase-icon{width:52px;height:52px;border-radius:18px;border:1px solid rgba(239,160,57,.24);background:rgba(239,160,57,.08);position:relative;display:block;}
.showcase-icon::before,.showcase-icon::after{content:"";position:absolute;}
.icon-metrics::before{left:13px;bottom:12px;width:7px;height:14px;background:var(--gold);box-shadow:12px -6px 0 var(--gold),24px -14px 0 var(--gold);}
.icon-metrics::after{left:12px;bottom:10px;width:30px;height:2px;background:rgba(239,160,57,.55);}
.icon-actions::before{left:14px;top:15px;width:22px;height:2px;background:var(--gold);box-shadow:0 8px 0 var(--gold),0 16px 0 var(--gold);}
.icon-actions::after{left:9px;top:14px;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 8px 0 var(--gold),0 16px 0 var(--gold);}
.icon-worksheets::before{left:14px;top:12px;width:22px;height:24px;border:2px solid var(--gold);border-radius:6px;}
.icon-worksheets::after{left:19px;top:19px;width:14px;height:2px;background:var(--gold);box-shadow:0 7px 0 var(--gold),0 14px 0 var(--gold);}
.icon-tools::before{inset:13px;border:2px solid var(--gold);border-radius:50%;}
.icon-tools::after{width:8px;height:8px;background:var(--gold);border-radius:50%;left:22px;top:22px;box-shadow:-16px 0 0 rgba(239,160,57,.5), 16px 0 0 rgba(239,160,57,.5), 0 -16px 0 rgba(239,160,57,.5), 0 16px 0 rgba(239,160,57,.5);}
.card-metrics{left:28px;top:28px;}
.card-actions{right:28px;top:28px;}
.card-worksheets{left:28px;bottom:28px;}
.card-tools{right:28px;bottom:28px;}
.tools-showcase .showcase-card::after{content:"";position:absolute;pointer-events:none;z-index:-1;opacity:.5;}
.card-metrics::after{width:152px;height:2px;right:-112px;top:50%;background:linear-gradient(90deg, rgba(239,160,57,.4), rgba(239,160,57,.08));transform:translateY(-50%);}
.card-actions::after{width:2px;height:152px;left:50%;bottom:-112px;background:linear-gradient(180deg, rgba(239,160,57,.4), rgba(239,160,57,.08));transform:translateX(-50%);}
.card-worksheets::after{width:2px;height:152px;left:50%;top:-112px;background:linear-gradient(180deg, rgba(239,160,57,.4), rgba(239,160,57,.08));transform:translateX(-50%);}
.card-tools::after{width:152px;height:2px;left:-112px;top:50%;background:linear-gradient(90deg, rgba(239,160,57,.08), rgba(239,160,57,.4));transform:translateY(-50%);}
.wide-tools{display:none !important;}
.whatsapp-float{background:linear-gradient(135deg, var(--gold), var(--gold-2)) !important; border-color:rgba(255,255,255,.16);}

@media (max-width: 1360px){
  .hero-grid{grid-template-columns:minmax(300px,.82fr) minmax(480px,1.08fr);gap:44px;}
  .showcase-center{width:264px;}
  .showcase-card{width:232px;}
}
@media (max-width: 1240px){
  .hero .container.hero-grid{width:var(--container);}
  .hero-grid{grid-template-columns:1fr;gap:24px;}
  .hero-copy h1{max-width:9.2ch;}
  .hero-visual{max-width:none;}
  .tools-layout{grid-template-columns:1fr;gap:26px;}
}
@media (max-width: 1024px){
  .hero-copy h1{font-size:clamp(42px,7vw,62px);max-width:8.8ch;}
  .hero-body{max-width:none;}
  .hero-visual-note{max-width:none;}
  .kpi-row{grid-template-columns:repeat(3,1fr);}
  .dashboard-core{grid-template-columns:1fr 1fr;}
  .tools-showcase{min-height:560px;}
  .showcase-center{width:240px;min-height:150px;padding:22px 18px;}
  .showcase-center strong{font-size:24px;}
  .showcase-card{width:calc(50% - 28px);min-height:156px;}
}
@media (max-width: 720px){
  .hero{padding:20px 0 28px;}
  .hero-copy h1{font-size:clamp(38px,13vw,54px);max-width:8.5ch;}
  .hero-body{font-size:15px;}
  .hero-actions{display:grid;grid-template-columns:1fr;}
  .hero-actions .btn{width:100%;}
  .hero-visual-note{font-size:clamp(20px,7vw,28px);max-width:none;}
  .dashboard-main{padding:14px;}
  .dashboard-top{align-items:flex-start;gap:10px;flex-direction:column;}
  .dashboard-tabs span{min-width:40px;height:36px;}
  .kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .kpi-card{min-height:108px;}
  .dashboard-core{grid-template-columns:1fr;}
  .metric-panel{min-height:auto;}
  .donut-layout{flex-direction:column;align-items:flex-start;}
  .tools-showcase{min-height:auto;display:grid;gap:14px;padding:16px;}
  .tools-showcase::after{display:none;}
  .showcase-center,.showcase-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;min-height:auto;}
  .showcase-center{order:0;}
  .showcase-card::after{display:none;}
}


/* v6 remove donut panel + add agenda embed */
.dashboard-core-single{
  grid-template-columns:1fr !important;
}
.metric-panel-wide{
  min-height:232px;
}
.metric-panel-wide .bars{
  height:124px;
}
.metric-panel-wide .panel-head{
  margin-bottom:12px;
}

.section-agenda{
  padding-top:72px;
}
.agenda-layout{
  display:grid;
  grid-template-columns:minmax(280px, .9fr) minmax(0, 1.1fr);
  gap:24px;
  align-items:start;
}
.agenda-copy .section-title{
  max-width:10ch;
}
.agenda-actions{
  margin-top:22px;
}
.agenda-embed{
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(11,21,38,.88), rgba(8,16,28,.84));
  box-shadow:0 16px 34px rgba(0,0,0,.2);
  min-height:700px;
}
.agenda-embed iframe{
  width:100%;
  min-height:700px;
  border:0;
  display:block;
  background:#0b1526;
}
@media (max-width: 1024px){
  .agenda-layout{
    grid-template-columns:1fr;
  }
}
@media (max-width: 720px){
  .agenda-embed,
  .agenda-embed iframe{
    min-height:560px;
  }
}


/* v7 tools graph fix */
.tools-layout-graph{
  grid-template-columns: 320px minmax(0,1fr);
  gap: 34px;
  align-items: center;
}
.tools-graph{
  position: relative;
  min-height: 520px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.1fr) minmax(220px, 1fr);
  grid-template-rows: 1fr 1fr;
  gap: 22px 26px;
  align-items: stretch;
  padding: 34px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.06);
  background: linear-gradient(180deg, rgba(9,18,32,.84), rgba(7,14,24,.78));
  box-shadow: 0 20px 48px rgba(0,0,0,.22);
  overflow: hidden;
}
.tools-graph::before,
.tools-graph::after{
  content: "";
  position: absolute;
  pointer-events: none;
}
.tools-graph::before{
  inset: 0;
  background:
    radial-gradient(circle at 50% 50%, rgba(239,160,57,.10), transparent 24%),
    radial-gradient(circle at 50% 50%, rgba(57,211,207,.06), transparent 42%);
}
.tools-graph::after{
  left: 50%;
  top: 50%;
  width: 42%;
  height: 42%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px solid rgba(239,160,57,.10);
}
.graph-center,
.graph-node{
  position: relative;
  z-index: 2;
  background: linear-gradient(180deg, rgba(12,24,42,.96), rgba(9,18,31,.94));
  border: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 18px 36px rgba(0,0,0,.22);
}
.graph-center{
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: center;
  width: min(100%, 320px);
  min-height: 210px;
  border-radius: 28px;
  padding: 28px 24px;
  text-align: center;
  border-color: var(--line-strong);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
.graph-kicker{
  display: inline-flex;
  align-self: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(239,160,57,.12);
  border: 1px solid rgba(239,160,57,.22);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gold);
}
.graph-center strong{
  font-size: clamp(30px, 2.4vw, 40px);
  line-height: 1.02;
  letter-spacing: -.05em;
}
.graph-center p{
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}
.graph-node{
  border-radius: 24px;
  padding: 22px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 196px;
}
.graph-node-metrics{grid-column:1;grid-row:1;}
.graph-node-actions{grid-column:3;grid-row:1;}
.graph-node-worksheets{grid-column:1;grid-row:2;}
.graph-node-tools{grid-column:3;grid-row:2;}
.graph-node h3{
  margin: 0;
  font-size: 22px;
  line-height: 1.05;
  letter-spacing: -.03em;
}
.graph-node p{
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}
.graph-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}
.graph-tags span{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.05);
  color: #dfe7ef;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}
.graph-icon{
  width: 52px;
  height: 52px;
  border-radius: 18px;
  border: 1px solid rgba(239,160,57,.24);
  background: rgba(239,160,57,.08);
  position: relative;
  display: block;
}
.graph-icon::before,
.graph-icon::after{content:"";position:absolute;}
.graph-node::after{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:.45;
}
.graph-node-metrics::after,
.graph-node-worksheets::after{
  right: -26px;
  top: 50%;
  width: 26px;
  height: 2px;
  background: linear-gradient(90deg, rgba(239,160,57,.42), rgba(239,160,57,.08));
}
.graph-node-actions::after,
.graph-node-tools::after{
  left: -26px;
  top: 50%;
  width: 26px;
  height: 2px;
  background: linear-gradient(90deg, rgba(239,160,57,.08), rgba(239,160,57,.42));
}

@media (max-width: 1240px){
  .tools-layout-graph{grid-template-columns:1fr;}
}
@media (max-width: 1024px){
  .tools-graph{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    min-height: auto;
  }
  .graph-center{
    grid-column: 1 / span 2;
    grid-row: 1;
    width: 100%;
    max-width: none;
  }
  .graph-node-metrics{grid-column:1;grid-row:2;}
  .graph-node-actions{grid-column:2;grid-row:2;}
  .graph-node-worksheets{grid-column:1;grid-row:3;}
  .graph-node-tools{grid-column:2;grid-row:3;}
}
@media (max-width: 720px){
  .tools-graph{
    grid-template-columns: 1fr;
    grid-template-rows: none;
    padding: 18px;
    gap: 14px;
  }
  .tools-graph::after{display:none;}
  .graph-center,
  .graph-node{
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100%;
    min-height: auto;
  }
  .graph-center{padding: 24px 18px;}
  .graph-node::after{display:none;}
}


/* v8 final cleanup */
.hero{padding:28px 0 34px;min-height:auto;}
.hero-grid{grid-template-columns:minmax(320px,.84fr) minmax(520px,1.06fr);gap:48px;align-items:center;}
.hero-copy h1{max-width:8.8ch;font-size:clamp(50px,4.9vw,74px);line-height:.92;margin-bottom:18px;}
.hero-body{font-size:17px;line-height:1.7;max-width:34rem;margin-bottom:18px;}
.hero-claim-note{max-width:15ch;margin-bottom:22px;color:var(--gold);}
.hero-badge{width:max-content;}
.hero-badge:hover{border-color:var(--line-strong);box-shadow:0 14px 28px rgba(0,0,0,.18);}
.hero-visual{max-width:760px;width:100%;}
.dashboard-main-clean{padding:16px 16px 14px;}
.kpi-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
.kpi-card{min-height:118px;}
.dashboard-core-single .metric-panel-wide{min-height:214px;}
.metric-panel-wide .bars{height:116px;}
.hero-orbit-a{width:760px;height:480px;right:-130px;top:110px;}
.hero-orbit-b{width:620px;height:360px;right:0;top:190px;}

.tools-layout-graph{grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:center;}
.tools-graph{min-height:396px;padding:22px;gap:18px;}
.tools-graph::before{background:radial-gradient(circle at 50% 50%, rgba(239,160,57,.08), transparent 22%), radial-gradient(circle at 50% 50%, rgba(57,211,207,.04), transparent 38%);}
.tools-graph::after{width:36%;height:36%;opacity:.45;}
.graph-center{width:min(100%,300px);min-height:184px;padding:24px 20px;gap:10px;}
.graph-center strong{font-size:clamp(28px,2.2vw,36px);}
.graph-center p{font-size:14px;line-height:1.5;}
.graph-node{min-height:158px;padding:18px 18px 16px;gap:10px;}
.graph-node h3{font-size:18px;line-height:1.05;}
.graph-node p{font-size:14px;line-height:1.48;}
.graph-tags{display:none !important;}
.graph-icon{width:46px;height:46px;border-radius:16px;}
.graph-node::after{opacity:.28;}
.graph-node-metrics::after,.graph-node-worksheets::after{right:-18px;width:18px;}
.graph-node-actions::after,.graph-node-tools::after{left:-18px;width:18px;}

.whatsapp-float-orange{background:linear-gradient(135deg, var(--gold), var(--gold-2)) !important;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 24px rgba(0,0,0,.22), 0 0 0 1px rgba(239,160,57,.15) inset;}
.whatsapp-float{width:48px;height:48px;right:14px;bottom:14px;}
.whatsapp-float img{width:24px;height:24px;}

@media (max-width: 1240px){
  .hero-grid{grid-template-columns:1fr;gap:24px;}
  .hero-copy h1,.hero-body,.hero-claim-note{max-width:none;}
  .hero-visual{max-width:none;}
  .tools-layout-graph{grid-template-columns:1fr;gap:24px;}
}
@media (max-width: 1024px){
  .hero{padding:22px 0 28px;}
  .hero-copy h1{font-size:clamp(42px,6.6vw,60px);max-width:9ch;}
  .hero-body{font-size:16px;}
  .dashboard-main-clean{padding:14px;}
  .kpi-row{grid-template-columns:repeat(3,minmax(0,1fr));}
  .tools-graph{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;min-height:auto;}
  .graph-center{grid-column:1 / span 2;grid-row:1;width:100%;max-width:none;}
  .graph-node-metrics{grid-column:1;grid-row:2;}.graph-node-actions{grid-column:2;grid-row:2;}.graph-node-worksheets{grid-column:1;grid-row:3;}.graph-node-tools{grid-column:2;grid-row:3;}
}
@media (max-width: 720px){
  .hero{padding:18px 0 22px;}
  .hero-copy h1{font-size:clamp(38px,13vw,54px);max-width:8.3ch;}
  .hero-body{font-size:15px;line-height:1.62;}
  .hero-claim-note{font-size:clamp(20px,7vw,28px);line-height:1.18;max-width:none;}
  .hero-actions{grid-template-columns:1fr;display:grid;gap:12px;}
  .hero-actions .btn{width:100%;}
  .kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dashboard-core-single .metric-panel-wide{min-height:auto;}
  .metric-panel-wide .bars{height:96px;gap:8px;}
  .tools-intro .section-title{max-width:none;}
  .tools-graph{grid-template-columns:1fr;padding:16px;gap:14px;}
  .tools-graph::after{display:none;}
  .graph-center,.graph-node{grid-column:auto !important;grid-row:auto !important;width:100%;min-height:auto;}
  .graph-node::after{display:none;}
  .agenda-layout{grid-template-columns:1fr;}
}


/* v9 hero quote placement + tools alignment */
.hero-copy .hero-claim-note{display:none;}
.hero-visual .hero-claim-above-dashboard{display:block;margin:0 0 14px;color:var(--gold);font-style:italic;font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,1.8vw,28px);line-height:1.2;max-width:24ch;}
.hero-visual{align-items:flex-start;}

.tools-intro .section-title{max-width:7.8ch;line-height:.98;letter-spacing:-.065em;}
.graph-node{align-items:flex-start;justify-content:flex-start;}
.graph-icon{display:block;position:relative;overflow:hidden;flex:0 0 46px;margin-bottom:2px;}
.graph-node h3{max-width:12ch;}
.icon-metrics::before{left:11px;bottom:11px;width:6px;height:13px;box-shadow:11px -5px 0 var(--gold),22px -12px 0 var(--gold);}
.icon-metrics::after{left:11px;bottom:9px;width:28px;height:2px;}
.icon-actions::before{left:14px;top:14px;width:20px;height:2px;box-shadow:0 8px 0 var(--gold),0 16px 0 var(--gold);}
.icon-actions::after{left:9px;top:13px;width:4px;height:4px;box-shadow:0 8px 0 var(--gold),0 16px 0 var(--gold);}
.icon-worksheets::before{left:13px;top:11px;width:20px;height:22px;}
.icon-worksheets::after{left:18px;top:18px;width:12px;height:2px;box-shadow:0 6px 0 var(--gold),0 12px 0 var(--gold);}
.icon-tools::before{inset:12px;}
.icon-tools::after{width:8px;height:8px;left:19px;top:19px;box-shadow:-14px 0 0 rgba(239,160,57,.5), 14px 0 0 rgba(239,160,57,.5), 0 -14px 0 rgba(239,160,57,.5), 0 14px 0 rgba(239,160,57,.5);}

@media (max-width: 1240px){
  .hero-visual .hero-claim-above-dashboard{max-width:none;margin-bottom:12px;}
}
@media (max-width: 720px){
  .hero-visual .hero-claim-above-dashboard{font-size:clamp(20px,7vw,28px);line-height:1.16;max-width:none;margin-bottom:12px;}
  .tools-intro .section-title{max-width:none;line-height:.96;}
  .graph-node h3{max-width:none;}
}


/* v10 quote width + dynamic blog */
.hero-visual .hero-claim-above-dashboard{
  width:100%;
  max-width:760px;
  margin:0 0 16px;
  font-size:clamp(18px,1.55vw,24px);
  line-height:1.18;
}
.tools-intro .section-title{
  max-width:8.4ch;
  word-break:normal;
}
.blog-copy{
  margin-top:10px;
  max-width:22rem;
  font-size:15px;
}
.blog-layout{
  align-items:start;
}
.blog-stream{
  display:grid;
  gap:14px;
}
.blog-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.blog-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:138px;
  transition:transform .18s ease,border-color .18s ease, box-shadow .18s ease;
}
.blog-card:hover{
  transform:translateY(-2px);
  border-color:rgba(239,160,57,.22);
}
.blog-card a{
  color:inherit;
  text-decoration:none;
  display:block;
}
.blog-card h3{
  margin-bottom:14px;
}
.blog-chip{
  display:inline-flex;
  width:max-content;
  min-height:28px;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  color:#dfe7ef;
  font-size:12px;
  font-weight:700;
}
.blog-meta{
  color:var(--muted);
  font-size:13px;
}
@media (max-width:1024px){
  .blog-cards{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:720px){
  .hero-visual .hero-claim-above-dashboard{
    max-width:none;
    font-size:clamp(18px,6.4vw,24px);
    margin-bottom:12px;
  }
  .blog-copy{
    max-width:none;
  }
  .blog-cards{
    grid-template-columns:1fr;
  }
}


/* v11 mobile and layout fixes */
.hero-copy .hero-claim-note{display:none !important;}
.hero-visual .hero-claim-above-dashboard{
  display:block;
  width:100%;
  max-width:760px;
  margin:0 0 14px;
  color:var(--gold);
  font-style:italic;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(18px,1.45vw,24px);
  line-height:1.18;
}

.hero{
  padding:24px 0 28px !important;
  min-height:auto !important;
}
.hero .container.hero-grid{
  width:min(1280px, calc(100% - 48px)) !important;
}
.hero-grid{
  grid-template-columns:minmax(320px,.82fr) minmax(520px,1.08fr) !important;
  gap:34px !important;
  align-items:start !important;
}
.hero-copy{
  padding-top:6px;
}
.hero-copy h1{
  max-width:7.8ch !important;
  font-size:clamp(46px,4.5vw,68px) !important;
  line-height:.92 !important;
  margin-bottom:18px !important;
}
.hero-body{
  max-width:33rem !important;
  font-size:16px !important;
  line-height:1.68 !important;
  margin-bottom:18px !important;
}
.hero-actions{
  margin-bottom:14px !important;
}
.hero-badge{
  width:max-content;
}
.hero-visual{
  max-width:760px !important;
  width:100% !important;
  gap:10px !important;
}
.dashboard-main-clean{
  padding:14px !important;
}
.dashboard-top{
  margin-bottom:10px !important;
}
.dashboard-top strong{
  font-size:16px !important;
}
.dashboard-tabs span{
  min-width:40px !important;
  height:38px !important;
  padding:0 10px !important;
}
.kpi-row{
  gap:8px !important;
}
.kpi-card{
  min-height:108px !important;
  padding:12px !important;
}
.kpi-card strong{
  font-size:19px !important;
}
.dashboard-core-single .metric-panel-wide{
  min-height:188px !important;
}
.metric-panel-wide{
  padding:14px !important;
}
.metric-panel-wide .bars{
  height:96px !important;
  gap:8px !important;
}
.x-axis{
  font-size:9px !important;
}

.tools-layout-graph{
  grid-template-columns:300px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
}
.tools-intro .eyebrow{
  margin-bottom:12px !important;
}
.tools-intro .section-title{
  max-width:8.3ch !important;
  letter-spacing:-.055em !important;
  line-height:.96 !important;
}
.tools-intro .section-copy{
  max-width:22rem;
  font-size:15px !important;
}
.tools-graph{
  min-height:356px !important;
  padding:18px !important;
  gap:16px !important;
}
.graph-center{
  width:min(100%,292px) !important;
  min-height:170px !important;
  padding:22px 18px !important;
}
.graph-center strong{
  font-size:clamp(26px,2vw,34px) !important;
}
.graph-center p{
  font-size:14px !important;
}
.graph-node{
  min-height:146px !important;
  padding:18px 18px 16px !important;
  gap:10px !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}
.graph-node h3{
  font-size:17px !important;
  line-height:1.05 !important;
  margin:0 !important;
}
.graph-node p{
  font-size:14px !important;
  line-height:1.45 !important;
}
.graph-icon{
  width:44px !important;
  height:44px !important;
  border-radius:14px !important;
  display:block !important;
  position:relative !important;
  margin-bottom:2px !important;
}
.icon-metrics::before{left:10px !important; bottom:10px !important; width:6px !important; height:12px !important; box-shadow:10px -5px 0 var(--gold), 20px -11px 0 var(--gold) !important;}
.icon-metrics::after{left:10px !important; bottom:8px !important; width:26px !important; height:2px !important;}
.icon-actions::before{left:13px !important; top:13px !important; width:18px !important; height:2px !important; box-shadow:0 7px 0 var(--gold), 0 14px 0 var(--gold) !important;}
.icon-actions::after{left:8px !important; top:12px !important; width:4px !important; height:4px !important; box-shadow:0 7px 0 var(--gold), 0 14px 0 var(--gold) !important;}
.icon-worksheets::before{left:12px !important; top:10px !important; width:18px !important; height:20px !important;}
.icon-worksheets::after{left:16px !important; top:16px !important; width:10px !important; height:2px !important; box-shadow:0 6px 0 var(--gold), 0 12px 0 var(--gold) !important;}
.icon-tools::before{inset:11px !important;}
.icon-tools::after{width:7px !important; height:7px !important; left:18px !important; top:18px !important; box-shadow:-13px 0 0 rgba(239,160,57,.5), 13px 0 0 rgba(239,160,57,.5), 0 -13px 0 rgba(239,160,57,.5), 0 13px 0 rgba(239,160,57,.5) !important;}

.section{
  padding:64px 0 !important;
}
.section-blog,
.section-agenda,
.section-pricing,
.section-services,
.section-dante{
  padding-top:48px !important;
}
.blog-layout,
.pricing-layout{
  gap:18px !important;
}
.blog-card{
  min-height:124px !important;
}
.pricing-card,
.service-card{
  padding:16px !important;
}
.dante-card{
  padding:16px !important;
}

.whatsapp-float{
  width:44px !important;
  height:44px !important;
  right:12px !important;
  bottom:12px !important;
  background:linear-gradient(135deg, var(--gold), var(--gold-2)) !important;
}
.whatsapp-float img{
  width:22px !important;
  height:22px !important;
}

@media (max-width: 1240px){
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .hero-copy h1,
  .hero-body{
    max-width:none !important;
  }
  .hero-visual{
    max-width:none !important;
  }
  .hero-visual .hero-claim-above-dashboard{
    max-width:none !important;
  }
  .tools-layout-graph{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
}

@media (max-width: 1024px){
  .hero{
    padding:18px 0 22px !important;
  }
  .hero .container.hero-grid{
    width:min(100% - 32px, 1280px) !important;
  }
  .hero-copy h1{
    font-size:clamp(40px,8vw,56px) !important;
    max-width:9ch !important;
  }
  .hero-body{
    font-size:15px !important;
    line-height:1.62 !important;
  }
  .hero-visual .hero-claim-above-dashboard{
    font-size:clamp(18px,4.6vw,24px) !important;
    line-height:1.16 !important;
    margin-bottom:12px !important;
  }
  .dashboard-main-clean{
    padding:12px !important;
  }
  .kpi-row{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .kpi-card:nth-child(5){
    grid-column:1 / -1;
  }
  .dashboard-core-single .metric-panel-wide{
    min-height:auto !important;
  }
  .metric-panel-wide .bars{
    height:88px !important;
  }
  .dashboard-tabs{
    gap:6px !important;
  }
  .dashboard-tabs span{
    min-width:36px !important;
    height:34px !important;
    font-size:11px !important;
  }

  .feature-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .feature-card{
    min-height:auto !important;
    padding:20px 18px !important;
  }

  .method-title{
    max-width:10ch !important;
  }
  .method-quote{
    margin-bottom:20px !important;
    font-size:clamp(22px,5vw,30px) !important;
  }
  .method-steps{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .step-card{
    min-height:auto !important;
    padding:18px 18px 16px !important;
  }
  .step-card h3{
    font-size:24px !important;
  }

  .tools-intro .section-title{
    max-width:none !important;
    font-size:clamp(34px,9vw,48px) !important;
  }
  .tools-intro .section-copy{
    max-width:none !important;
    font-size:15px !important;
  }
  .tools-graph{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:16px !important;
    gap:14px !important;
  }
  .tools-graph::after{
    display:none !important;
  }
  .graph-center,
  .graph-node{
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    min-height:auto !important;
  }
  .graph-node::after{
    display:none !important;
  }

  .blog-layout,
  .pricing-layout{
    grid-template-columns:1fr !important;
  }
  .blog-intro .section-title,
  .pricing-intro .section-title{
    max-width:none !important;
  }
  .blog-cards{
    grid-template-columns:1fr !important;
  }
  .pricing-grid,
  .services-grid{
    grid-template-columns:1fr !important;
  }
  .dante-card{
    grid-template-columns:88px minmax(0,1fr) !important;
    gap:14px !important;
  }
  .dante-photo{
    width:88px !important;
    height:88px !important;
  }

  .agenda-layout{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .agenda-copy .section-title{
    max-width:none !important;
  }
  .agenda-embed,
  .agenda-embed iframe{
    min-height:520px !important;
  }

  .site-footer{
    padding-top:32px !important;
  }
  .footer-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
}


/* v12 mobile dashboard refinement */
@media (max-width: 1024px){
  .hero-visual{
    gap:10px !important;
  }
  .hero-visual .hero-claim-above-dashboard{
    margin-bottom:10px !important;
  }
  .dashboard-main-clean{
    border-color:rgba(239,160,57,.16) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
    border-radius:22px !important;
    padding:10px !important;
  }
  .dashboard-top{
    margin-bottom:8px !important;
  }
  .dashboard-top strong{
    font-size:15px !important;
  }
  .dashboard-tabs{
    gap:5px !important;
  }
  .dashboard-tabs span{
    min-width:34px !important;
    height:32px !important;
    border-radius:12px !important;
    font-size:10px !important;
    padding:0 8px !important;
  }
  .kpi-row{
    gap:7px !important;
    margin-bottom:8px !important;
  }
  .kpi-card{
    min-height:90px !important;
    padding:10px 10px 9px !important;
    border-radius:16px !important;
  }
  .kpi-card span{
    font-size:11px !important;
    line-height:1.25 !important;
  }
  .kpi-card strong{
    margin-top:8px !important;
    font-size:17px !important;
  }
  .kpi-card small{
    margin-top:8px !important;
    font-size:11px !important;
    line-height:1.25 !important;
  }
  .kpi-card:nth-child(5){
    min-height:74px !important;
  }
  .metric-panel-wide{
    padding:12px !important;
    border-radius:18px !important;
  }
  .metric-panel-wide .panel-head{
    margin-bottom:8px !important;
  }
  .metric-panel-wide .panel-head h3{
    font-size:15px !important;
    margin:0 0 6px !important;
  }
  .legend{
    gap:10px !important;
    font-size:11px !important;
    margin-bottom:6px !important;
  }
  .legend .dot{
    width:9px !important;
    height:9px !important;
    margin-right:5px !important;
  }
  .metric-panel-wide .bars{
    height:78px !important;
    gap:7px !important;
    padding:8px 4px 4px !important;
  }
  .metric-panel-wide .x-axis{
    margin-top:7px !important;
    gap:4px !important;
    font-size:8px !important;
  }
  .metric-panel-wide .x-axis span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .whatsapp-float{
    width:42px !important;
    height:42px !important;
    right:10px !important;
    bottom:10px !important;
  }
  .whatsapp-float img{
    width:20px !important;
    height:20px !important;
  }
}

@media (max-width: 520px){
  .dashboard-main-clean{
    padding:9px !important;
    border-radius:20px !important;
  }
  .dashboard-top{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
  }
  .dashboard-tabs{
    align-self:flex-start !important;
  }
  .kpi-row{
    grid-template-columns:1fr 1fr !important;
  }
  .kpi-card{
    min-height:84px !important;
    padding:9px !important;
  }
  .kpi-card strong{
    font-size:16px !important;
  }
  .kpi-card:nth-child(5){
    grid-column:1 / -1 !important;
    min-height:66px !important;
  }
  .metric-panel-wide{
    padding:10px !important;
  }
  .metric-panel-wide .bars{
    height:72px !important;
    gap:6px !important;
  }
  .metric-panel-wide .x-axis{
    font-size:7px !important;
  }
}


/* v13: hide dashboard in mobile, keep only message */
@media (max-width: 768px){
  .hero-visual{
    max-width:none !important;
    width:100% !important;
    gap:0 !important;
  }
  .hero-visual .dashboard-main,
  .hero-visual .dashboard-main-clean{
    display:none !important;
  }
  .hero-visual .hero-claim-above-dashboard{
    display:block !important;
    max-width:none !important;
    margin:6px 0 0 !important;
    font-size:clamp(18px, 7vw, 26px) !important;
    line-height:1.14 !important;
  }
  .hero{
    padding-bottom:18px !important;
  }
  .hero-copy{
    padding-top:0 !important;
  }
  .hero-actions{
    margin-bottom:12px !important;
  }
}


/* v14: visual system polish, desktop-first. No text changes, mobile preserved */
@media (min-width: 769px){

  /* stronger visual consistency across cards */
  .feature-card,
  .step-card,
  .graph-node,
  .graph-center,
  .blog-card,
  .pricing-card,
  .service-card,
  .dante-card,
  .agenda-embed,
  .cta-band{
    position: relative;
    overflow: hidden;
    border-color: rgba(255,255,255,.065) !important;
    box-shadow:
      0 18px 46px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.025);
    backdrop-filter: blur(10px);
  }

  .feature-card::before,
  .step-card::before,
  .graph-node::before,
  .graph-center::before,
  .blog-card::before,
  .pricing-card::before,
  .service-card::before,
  .dante-card::before,
  .agenda-embed::before,
  .cta-band::before{
    content:"";
    position:absolute;
    left:18px;
    right:auto;
    top:0;
    width:84px;
    height:1px;
    background: linear-gradient(90deg, rgba(239,160,57,.92), rgba(239,160,57,0));
    opacity:.85;
    pointer-events:none;
  }

  /* Hero balance */
  .hero-grid{
    gap:44px !important;
    align-items:center !important;
  }
  .hero-copy{
    max-width: 520px;
  }
  .hero-copy h1{
    max-width:7.2ch !important;
    letter-spacing:-.072em !important;
  }
  .hero-body{
    max-width:30rem !important;
  }
  .hero-visual{
    max-width: 800px !important;
  }
  .hero-visual .hero-claim-above-dashboard{
    max-width: 28ch !important;
  }
  .dashboard-main-clean{
    border-color: rgba(239,160,57,.22) !important;
    box-shadow:
      0 24px 58px rgba(0,0,0,.28),
      0 0 0 1px rgba(239,160,57,.04),
      inset 0 1px 0 rgba(255,255,255,.02) !important;
  }

  /* Section title rhythm */
  .support-title{
    max-width: 11.2ch !important;
  }
  .support-copy{
    max-width: 760px !important;
    margin-inline: auto !important;
  }
  .method-title{
    max-width: 14ch !important;
  }
  .method-quote{
    max-width: 28ch !important;
  }

  /* How we help */
  .feature-grid{
    gap:20px !important;
    margin-top:28px !important;
  }
  .feature-card{
    min-height:210px !important;
    padding:24px 22px 20px !important;
    border-radius:22px !important;
  }
  .feature-card h3{
    font-size:20px !important;
    margin:16px 0 10px !important;
  }
  .feature-card p{
    max-width: 18ch;
  }

  /* Method */
  .method-steps-simple{
    gap:18px !important;
  }
  .step-card{
    min-height:216px !important;
    padding:20px 18px 18px !important;
    border-radius:22px !important;
  }
  .step-number{
    margin-bottom:12px !important;
  }
  .step-card h3{
    font-size:28px !important;
    margin:0 0 10px !important;
  }

  /* Tools: cleaner and more product-like */
  .tools-layout-graph{
    grid-template-columns: 320px minmax(0,1fr) !important;
    gap: 28px !important;
    align-items:center !important;
  }
  .tools-intro .section-title{
    max-width:7.6ch !important;
  }
  .tools-intro .section-copy{
    max-width:21rem !important;
  }
  .tools-graph{
    min-height: 500px !important;
    padding: 26px !important;
    gap: 18px 22px !important;
    border-radius: 30px !important;
    border-color: rgba(255,255,255,.06) !important;
    box-shadow: 0 24px 56px rgba(0,0,0,.22) !important;
  }
  .tools-graph::before{
    background:
      radial-gradient(circle at 50% 50%, rgba(239,160,57,.08), transparent 23%),
      radial-gradient(circle at 50% 50%, rgba(57,211,207,.045), transparent 40%) !important;
  }
  .tools-graph::after{
    border-color: rgba(239,160,57,.08) !important;
    width: 40% !important;
    height: 40% !important;
  }
  .graph-node{
    min-height: 168px !important;
    padding: 20px 20px 18px !important;
    border-radius: 22px !important;
    gap: 12px !important;
  }
  .graph-node h3{
    margin:0 !important;
    font-size:18px !important;
    line-height:1.04 !important;
  }
  .graph-node p{
    font-size:14px !important;
    line-height:1.52 !important;
    max-width: 20ch;
  }
  .graph-center{
    width: min(100%, 290px) !important;
    min-height: 186px !important;
    padding: 24px 20px !important;
    border-radius: 26px !important;
    gap: 10px !important;
  }
  .graph-center strong{
    font-size: clamp(30px, 2.4vw, 42px) !important;
    line-height: .98 !important;
    letter-spacing: -.05em !important;
  }
  .graph-center p{
    font-size:14px !important;
    line-height:1.5 !important;
  }

  /* Blog */
  .blog-layout{
    grid-template-columns: 340px minmax(0,1fr) !important;
    gap: 24px !important;
  }
  .blog-intro .section-title{
    max-width: 7ch !important;
  }
  .blog-cards{
    gap: 16px !important;
  }
  .blog-card{
    min-height: 138px !important;
    padding: 20px !important;
    border-radius: 20px !important;
  }
  .blog-card h3{
    font-size:18px !important;
    line-height:1.22 !important;
    margin-bottom:16px !important;
  }
  .blog-chip{
    background: rgba(255,255,255,.035) !important;
    border-color: rgba(255,255,255,.07) !important;
  }

  /* Pricing */
  .pricing-layout{
    grid-template-columns: 320px minmax(0,1fr) !important;
    gap: 24px !important;
  }
  .pricing-intro .section-title{
    max-width: 8.8ch !important;
    line-height: .95 !important;
  }
  .pricing-grid{
    gap: 18px !important;
  }
  .pricing-card{
    min-height: 220px !important;
    padding: 22px !important;
    border-radius: 22px !important;
  }
  .pricing-card h3{
    font-size: 24px !important;
  }

  /* Services */
  .services-grid{
    gap:16px !important;
  }
  .service-card{
    min-height: 144px !important;
    padding: 18px !important;
    border-radius: 18px !important;
  }

  /* Dante / footer */
  .dante-card{
    border-radius: 22px !important;
  }
  .footer-grid{
    gap: 30px !important;
  }
  .footer-col a{
    transition: color .18s ease, opacity .18s ease;
  }
  .footer-col a:hover{
    color: #e9eef5;
  }
}

/* very small global polish without touching copy */
.hero-badge{
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.hero-badge:hover{
  transform: translateY(-1px);
  border-color: rgba(239,160,57,.22);
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}
.blog-card,
.pricing-card,
.service-card,
.feature-card,
.step-card{
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.blog-card:hover,
.pricing-card:hover,
.service-card:hover,
.feature-card:hover,
.step-card:hover{
  transform: translateY(-2px);
  border-color: rgba(239,160,57,.18);
}


/* v15 UX/UI polish without copy changes; desktop-first, mobile preserved */
@media (min-width: 769px){
  /* Normalize card language */
  .feature-card,.step-card,.graph-node,.graph-center,.blog-card,.pricing-card,.service-card,.dante-card,.cta-band,.agenda-embed{
    border-color: rgba(255,255,255,.06) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025) !important;
    backdrop-filter: blur(10px);
  }
  .feature-card::before,.step-card::before,.graph-node::before,.graph-center::before,.blog-card::before,.pricing-card::before,.service-card::before,.dante-card::before,.cta-band::before{
    content:"";
    position:absolute;
    left:18px;
    top:0;
    width:86px;
    height:1px;
    background: linear-gradient(90deg, rgba(239,160,57,.95), rgba(239,160,57,0));
    opacity:.82;
    pointer-events:none;
  }

  /* Hero balance */
  .hero-grid{gap:40px !important; align-items:center !important;}
  .hero-copy{max-width:520px;}
  .hero-copy h1{max-width:7.1ch !important;}
  .hero-body{max-width:31rem !important;}
  .hero-visual{max-width:790px !important;}
  .hero-visual .hero-claim-above-dashboard{max-width:27ch !important;}
  .dashboard-main-clean{
    border-color: rgba(239,160,57,.2) !important;
    box-shadow: 0 22px 54px rgba(0,0,0,.28), 0 0 0 1px rgba(239,160,57,.04), inset 0 1px 0 rgba(255,255,255,.02) !important;
  }

  /* Section rhythm */
  .support-title{max-width:11.3ch !important;}
  .support-copy{max-width:760px !important; margin-inline:auto !important;}
  .method-title{max-width:14ch !important;}
  .method-quote{max-width:30ch !important; margin-inline:auto !important;}
  .tools-intro .section-copy,.blog-copy{max-width:21rem !important;}

  /* Cards more even */
  .feature-grid{gap:20px !important; margin-top:28px !important;}
  .feature-card{min-height:208px !important; padding:24px 22px 20px !important; border-radius:22px !important;}
  .feature-card h3{font-size:20px !important; margin:16px 0 10px !important;}
  .feature-card p{max-width:18ch;}

  .method-steps-simple{gap:18px !important;}
  .step-card{min-height:214px !important; padding:20px 18px 18px !important; border-radius:22px !important;}
  .step-card h3{font-size:27px !important; margin:12px 0 10px !important;}

  /* Tools section cleaner */
  .tools-layout-graph{grid-template-columns:320px minmax(0,1fr) !important; gap:28px !important; align-items:center !important;}
  .tools-intro .section-title{max-width:7.7ch !important;}
  .tools-graph{min-height:488px !important; padding:24px !important; gap:18px 22px !important; border-radius:30px !important;}
  .tools-graph::after{width:38% !important; height:38% !important; border-color: rgba(239,160,57,.07) !important;}
  .graph-node{min-height:164px !important; padding:20px 20px 18px !important; border-radius:22px !important;}
  .graph-node h3{font-size:18px !important; line-height:1.04 !important; margin:0 !important;}
  .graph-node p{font-size:14px !important; line-height:1.52 !important; max-width:20ch;}
  .graph-center{width:min(100%,286px) !important; min-height:182px !important; padding:24px 20px !important; border-radius:26px !important;}
  .graph-center strong{font-size:clamp(28px,2.25vw,40px) !important; line-height:.98 !important;}
  .graph-center p{font-size:14px !important; line-height:1.52 !important;}

  /* Blog / pricing / services */
  .blog-layout{grid-template-columns:340px minmax(0,1fr) !important; gap:24px !important;}
  .blog-intro .section-title{max-width:7ch !important;}
  .blog-card{min-height:138px !important; padding:20px !important; border-radius:20px !important;}
  .blog-card h3{font-size:18px !important; line-height:1.22 !important; margin-bottom:16px !important;}
  .blog-card .blog-chip{background:rgba(255,255,255,.04) !important; border-color:rgba(255,255,255,.07) !important;}

  .pricing-layout{grid-template-columns:320px minmax(0,1fr) !important; gap:24px !important;}
  .pricing-intro .section-title{max-width:8.6ch !important; line-height:.95 !important;}
  .pricing-card{min-height:220px !important; padding:22px !important; border-radius:22px !important;}
  .pricing-card h3{font-size:24px !important;}

  .services-grid{gap:16px !important;}
  .service-card{min-height:146px !important; padding:18px !important; border-radius:18px !important;}
  .service-card h3{font-size:17px !important;}

  /* Dante block and photo frame */
  .dante-card{
    grid-template-columns:152px minmax(0,1fr) !important;
    gap:24px !important;
    padding:22px !important;
    border-radius:24px !important;
    align-items:center !important;
  }
  .dante-photo{
    width:132px !important;
    height:132px !important;
    padding:4px;
    border-radius:20px !important;
    background: linear-gradient(180deg, rgba(245,198,109,.96), rgba(239,160,57,.82));
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 18px 36px rgba(0,0,0,.26), 0 0 0 1px rgba(239,160,57,.08);
    object-fit: cover;
  }
  .dante-copy h2{font-size:34px !important; margin-bottom:8px !important;}
  .dante-copy p{max-width:60ch !important;}
  .dante-link{
    border-color: rgba(239,160,57,.2) !important;
    background: rgba(255,255,255,.03);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  .dante-link:hover{transform:translateY(-1px); border-color: rgba(239,160,57,.36) !important; box-shadow:0 12px 28px rgba(0,0,0,.18);}

  /* CTA / footer */
  .cta-band{padding:24px 26px !important; border-radius:24px !important;}
  .cta-copy h2{font-size:22px !important;}
  .footer-grid{gap:30px !important;}
  .footer-brand p{max-width:26ch;}
  .footer-col a{transition: color .18s ease, opacity .18s ease;}
  .footer-col a:hover{color:#edf2f8;}
}

/* Global fine hover polish without altering layout */
.blog-card,.pricing-card,.service-card,.feature-card,.step-card,.graph-node,.graph-center,.hero-badge,.footer-badge,.cta-band{transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;}
.blog-card:hover,.pricing-card:hover,.service-card:hover,.feature-card:hover,.step-card:hover,.graph-node:hover,.graph-center:hover,.hero-badge:hover,.footer-badge:hover,.cta-band:hover{transform: translateY(-2px); border-color: rgba(239,160,57,.18);}


/* v16: final mobile-only pass */
@media (max-width: 768px){

  :root{
    --container:min(100% - 28px, 1220px);
  }

  body{
    -webkit-text-size-adjust:100%;
  }

  .site-header{
    backdrop-filter: blur(10px);
  }

  .header-wrap{
    min-height:78px !important;
  }

  .brand-logo{
    width:40px !important;
    height:40px !important;
  }

  .brand-name{
    font-size:14px !important;
  }

  .brand-tag{
    font-size:11px !important;
  }

  .nav{
    left:14px !important;
    right:14px !important;
    padding:14px !important;
    gap:12px !important;
  }

  .hero{
    padding:18px 0 18px !important;
    min-height:auto !important;
  }

  .hero .container.hero-grid{
    width:var(--container) !important;
    gap:16px !important;
  }

  .hero-copy h1{
    font-size:clamp(38px, 12vw, 54px) !important;
    line-height:.93 !important;
    max-width:8.6ch !important;
    margin-bottom:14px !important;
  }

  .hero-body{
    font-size:15px !important;
    line-height:1.58 !important;
    margin-bottom:14px !important;
    max-width:none !important;
  }

  .hero-actions{
    gap:10px !important;
    margin-bottom:10px !important;
  }

  .hero-actions .btn{
    min-height:52px !important;
    border-radius:16px !important;
    padding:0 22px !important;
  }

  .hero-badge{
    min-height:42px !important;
    padding:10px 14px !important;
    border-radius:14px !important;
    font-size:13px !important;
  }

  .hero-visual{
    gap:0 !important;
  }

  .hero-visual .dashboard-main,
  .hero-visual .dashboard-main-clean{
    display:none !important;
  }

  .hero-visual .hero-claim-above-dashboard{
    display:block !important;
    max-width:none !important;
    margin:6px 0 0 !important;
    font-size:clamp(17px, 6.8vw, 25px) !important;
    line-height:1.14 !important;
  }

  .section{
    padding:52px 0 !important;
  }

  .section-title{
    font-size:clamp(31px, 10vw, 46px) !important;
    line-height:.98 !important;
    letter-spacing:-.055em !important;
  }

  .section-copy{
    font-size:15px !important;
    line-height:1.58 !important;
  }

  .support-title,
  .method-title,
  .pricing-intro .section-title,
  .blog-intro .section-title,
  .agenda-copy .section-title,
  .tools-intro .section-title{
    max-width:none !important;
  }

  .support-copy,
  .blog-copy,
  .tools-intro .section-copy{
    max-width:none !important;
  }

  .feature-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-top:22px !important;
  }

  .feature-card{
    min-height:auto !important;
    padding:20px 18px !important;
    border-radius:18px !important;
  }

  .feature-card h3{
    margin:14px 0 8px !important;
    font-size:19px !important;
  }

  .feature-card p{
    max-width:none !important;
    font-size:14px !important;
    line-height:1.52 !important;
  }

  .method-quote{
    margin-bottom:18px !important;
    font-size:clamp(20px, 6vw, 28px) !important;
    line-height:1.16 !important;
    max-width:none !important;
  }

  .method-steps,
  .method-steps-simple{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .step-card{
    min-height:auto !important;
    padding:18px 16px 16px !important;
    border-radius:18px !important;
  }

  .step-number{
    width:40px !important;
    height:40px !important;
    margin-bottom:10px !important;
    font-size:13px !important;
  }

  .step-card h3{
    font-size:24px !important;
    margin:0 0 8px !important;
  }

  .step-card p{
    font-size:14px !important;
    line-height:1.5 !important;
  }

  .tools-layout,
  .tools-layout-graph{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .tools-graph{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:14px !important;
    gap:12px !important;
    border-radius:22px !important;
  }

  .tools-graph::after{
    display:none !important;
  }

  .graph-center,
  .graph-node{
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    min-height:auto !important;
  }

  .graph-node{
    padding:16px !important;
    border-radius:18px !important;
    gap:10px !important;
  }

  .graph-center{
    padding:18px 16px !important;
    border-radius:20px !important;
  }

  .graph-center strong{
    font-size:clamp(28px, 8.2vw, 36px) !important;
    line-height:1 !important;
  }

  .graph-center p,
  .graph-node p{
    font-size:14px !important;
    line-height:1.5 !important;
    max-width:none !important;
  }

  .graph-node h3{
    font-size:18px !important;
    line-height:1.08 !important;
    max-width:none !important;
  }

  .graph-icon{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
  }

  .blog-layout,
  .pricing-layout,
  .agenda-layout{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .blog-cards,
  .pricing-grid,
  .services-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .blog-card,
  .pricing-card,
  .service-card{
    min-height:auto !important;
    padding:16px !important;
    border-radius:18px !important;
  }

  .blog-card h3{
    font-size:18px !important;
    line-height:1.24 !important;
    margin-bottom:12px !important;
  }

  .blog-chip{
    min-height:26px !important;
    font-size:11px !important;
    padding:0 9px !important;
  }

  .btn-block{
    width:100% !important;
  }

  .pricing-card h3{
    font-size:22px !important;
  }

  .pricing-card strong{
    font-size:16px !important;
  }

  .dante-card{
    grid-template-columns:80px minmax(0,1fr) !important;
    gap:12px !important;
    padding:16px !important;
    border-radius:18px !important;
  }

  .dante-photo{
    width:80px !important;
    height:80px !important;
    border-radius:16px !important;
  }

  .dante-body h3{
    font-size:28px !important;
    line-height:1 !important;
    margin-bottom:8px !important;
  }

  .dante-body p{
    font-size:14px !important;
    line-height:1.52 !important;
  }

  .cta-band{
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:18px !important;
    border-radius:18px !important;
  }

  .cta-copy{
    gap:12px !important;
  }

  .cta-copy h2{
    font-size:22px !important;
    line-height:1.05 !important;
  }

  .cta-copy p{
    font-size:14px !important;
    line-height:1.5 !important;
  }

  .cta-actions{
    gap:10px !important;
  }

  .agenda-embed,
  .agenda-embed iframe{
    min-height:500px !important;
    border-radius:18px !important;
  }

  .site-footer{
    padding-top:28px !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .footer-brand p,
  .footer-col p,
  .footer-col a{
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .footer-bottom{
    margin-top:18px !important;
    padding-top:14px !important;
    font-size:11px !important;
  }

  .whatsapp-float{
    width:42px !important;
    height:42px !important;
    right:10px !important;
    bottom:10px !important;
  }

  .whatsapp-float img{
    width:20px !important;
    height:20px !important;
  }
}

@media (max-width: 420px){
  .hero-copy h1{
    font-size:clamp(36px, 11.5vw, 48px) !important;
  }

  .section-title{
    font-size:clamp(29px, 9.5vw, 40px) !important;
  }

  .dante-body h3{
    font-size:24px !important;
  }

  .graph-center strong{
    font-size:clamp(26px, 8vw, 32px) !important;
  }
}


/* v17: selected word accents */
.accent-script{
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 500;
  letter-spacing: -0.015em;
  color: #f0c172;
}

.accent-gradient{
  background: linear-gradient(135deg, #f3b44b 0%, #ff8f3a 45%, #f5c76d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  text-shadow: 0 0 18px rgba(243,180,75,.12);
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .accent-gradient{
    color: #f3b44b;
    background: none;
  }
}

@media (max-width: 768px){
  .accent-script{
    letter-spacing: -0.01em;
  }
}


/* v18 final accent tuning */
.accent-gradient-soft{
  background: linear-gradient(135deg, #f6c86d 0%, #f2a23a 48%, #ffd98b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
  text-shadow: 0 0 16px rgba(242,162,58,.10);
}

.accent-contrast{
  color: #f4f6f9;
  font-weight: 600;
  letter-spacing: -0.01em;
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .accent-gradient-soft{
    color: #f2a23a;
    background: none;
  }
}


/* ===== v24 compact includes block ===== */
.no-break{white-space:nowrap;}

.section-includes-compact{
  padding-top:56px;
  padding-bottom:68px;
}
.includes-compact-layout{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.includes-compact-title{
  max-width:8.8ch;
  font-size:clamp(36px,3.9vw,56px);
}
.includes-compact-text{
  max-width:21rem;
  font-size:16px;
}
.includes-compact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:22px;
}
.includes-compact-board{
  border-radius:30px;
  background:linear-gradient(180deg, rgba(10,18,30,.94), rgba(7,14,24,.92));
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow), 0 0 24px rgba(239,160,57,.06);
  padding:16px;
}
.includes-compact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.includes-compact-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:84px;
  padding:16px 18px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(11,21,38,.88), rgba(8,16,28,.84));
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.includes-compact-card h3{
  margin:0;
  font-size:18px;
  line-height:1.18;
  letter-spacing:-.02em;
}
.includes-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  border:1px solid var(--line-strong);
  background:rgba(239,160,57,.08);
  position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.includes-icon::before,
.includes-icon::after{
  content:"";
  position:absolute;
}
.includes-icon-read::before{
  left:11px; top:11px; width:16px; height:16px; border:2px solid var(--gold); border-radius:50%;
}
.includes-icon-read::after{
  right:10px; bottom:11px; width:12px; height:2px; background:var(--gold); transform:rotate(45deg); border-radius:999px;
}
.includes-icon-dashboard::before{
  left:11px; right:11px; bottom:13px; height:2px; background:rgba(239,160,57,.45);
}
.includes-icon-dashboard::after{
  left:13px; bottom:15px; width:6px; height:11px; background:var(--gold); box-shadow:9px -4px 0 var(--gold),18px -10px 0 var(--gold);
}
.includes-icon-focus::before{
  inset:12px; border:2px solid var(--gold); border-radius:50%;
}
.includes-icon-focus::after{
  left:23px; top:9px; width:2px; height:30px; background:var(--gold);
}
.includes-icon-profit::before{
  left:11px; top:14px; width:20px; height:14px; border:2px solid var(--gold); border-radius:6px; transform:rotate(-18deg);
}
.includes-icon-profit::after{
  left:24px; top:17px; width:2px; height:14px; background:var(--gold);
}
.includes-icon-tools::before{
  left:12px; top:10px; width:24px; height:28px; border:2px solid var(--gold); border-radius:6px;
}
.includes-icon-tools::after{
  left:17px; top:18px; width:14px; height:2px; background:var(--gold); box-shadow:0 6px 0 var(--gold),0 12px 0 var(--gold);
}
.includes-icon-meeting::before{
  left:11px; top:11px; width:24px; height:22px; border:2px solid var(--gold); border-radius:7px;
}
.includes-icon-meeting::after{
  left:16px; top:18px; width:14px; height:2px; background:var(--gold); box-shadow:0 6px 0 var(--gold);
}
.includes-icon-report::before{
  left:12px; top:10px; width:22px; height:28px; border:2px solid var(--gold); border-radius:7px;
}
.includes-icon-report::after{
  left:17px; top:18px; width:12px; height:2px; background:var(--gold); box-shadow:0 6px 0 var(--gold),0 12px 0 var(--gold);
}
.includes-icon-learn::before{
  left:9px; bottom:10px; width:8px; height:8px; border:2px solid var(--gold); border-radius:50%;
  box-shadow:13px 0 0 -2px rgba(239,160,57,1), 26px 0 0 -2px rgba(239,160,57,1);
}
.includes-icon-learn::after{
  left:16px; top:10px; width:16px; height:8px; border:2px solid var(--gold); border-bottom:none; border-radius:10px 10px 0 0;
}

@media (max-width:1240px){
  .includes-compact-layout{
    grid-template-columns:1fr;
  }
  .includes-compact-text{
    max-width:40rem;
  }
}
@media (max-width:1024px){
  .includes-compact-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:720px){
  .section-includes-compact{
    padding-top:42px;
    padding-bottom:54px;
  }
  .includes-compact-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .includes-compact-board{
    padding:14px;
    border-radius:24px;
  }
  .includes-compact-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .includes-compact-card{
    grid-template-columns:48px minmax(0,1fr);
    padding:16px;
    border-radius:18px;
    min-height:82px;
  }
  .includes-compact-card h3{
    font-size:17px;
  }
}


/* v-mobile-optimization */
@media (max-width: 720px){
  .section{
    padding: 56px 0 !important;
  }

  #herramientas,
  .section-tools{
    display: none !important;
  }

  .agenda-embed{
    display: none !important;
  }
  .agenda-layout{
    grid-template-columns: 1fr !important;
  }

  .blog-cards .blog-card:nth-child(n+3){
    display: none !important;
  }

  .section-dante{
    padding-top: 28px !important;
  }
  .dante-card{
    padding: 14px !important;
    gap: 12px !important;
  }
  .dante-copy p:nth-of-type(n+3){
    display: none !important;
  }

  .site-footer{
    padding-top: 24px !important;
  }
  .footer-col:nth-child(3),
  .footer-col:nth-child(4){
    display: none !important;
  }
  .footer-grid{
    gap: 14px !important;
  }

  .section-includes-compact,
  .section-includes-minimal,
  .section-includes-simple{
    padding-top: 34px !important;
    padding-bottom: 46px !important;
  }

  .section-pricing{
    padding-top: 40px !important;
  }
}


/* v-mobile-final hero phrase */
.hero-claim-mobile{
  display:none;
}

@media (max-width: 720px){
  .hero-claim-mobile{
    display:block;
    margin:10px 0 14px;
    color:var(--gold);
    font-style:italic;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(20px,6vw,26px);
    line-height:1.18;
    max-width:18ch;
  }

  .hero-visual-note,
  .hero-claim-note,
  .hero-claim-above-dashboard{
    display:none !important;
  }
}


/* v-mobile-fix duplicate phrase and highlight */
@media (max-width: 720px){
  .hero-claim-mobile{
    display:block;
    margin:10px 0 14px;
    color:var(--gold);
    font-style:italic;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(20px,6vw,26px);
    line-height:1.18;
    max-width:18ch;
  }

  .hero-claim-mobile .accent-contrast{
    color:#ffffff;
    font-style:italic;
    font-weight:700;
  }

  .hero-visual-note,
  .hero-claim-note,
  .hero-claim-above-dashboard{
    display:none !important;
  }
}


/* v4 definitive mobile hero cleanup */
@media (max-width: 720px){
  .hero-visual{
    display:none !important;
  }

  .hero-copy .hero-claim-mobile{
    display:block !important;
  }
}

/* Legal pages */
.legal-hero{position:relative;padding:76px 0 42px;overflow:hidden}
.legal-hero::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:360px;background:radial-gradient(circle at 24% 18%, rgba(239,160,57,.18), transparent 32%),radial-gradient(circle at 78% 12%, rgba(57,211,207,.10), transparent 26%);pointer-events:none}
.legal-hero .container{position:relative;z-index:1}
.legal-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;background:rgba(239,160,57,.06)}
.legal-title{margin:18px 0 12px;font-size:clamp(42px,7vw,92px);line-height:.9;letter-spacing:-.07em;max-width:920px}
.legal-lead{max-width:760px;margin:0;color:#d5dde7;font-size:19px;line-height:1.7}
.legal-meta{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.legal-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#d5dde7;font-size:13px}
.legal-wrap{padding:32px 0 88px;border-top:1px solid rgba(255,255,255,.05)}
.legal-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:28px;align-items:start}
.legal-aside{position:sticky;top:110px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(11,21,38,.72);box-shadow:var(--shadow)}
.legal-aside h2{margin:0 0 12px;font-size:16px;letter-spacing:-.02em}
.legal-aside a{display:block;color:var(--muted);font-size:14px;line-height:1.35;padding:9px 0;border-top:1px solid rgba(255,255,255,.05)}
.legal-aside a:hover{color:var(--text)}
.legal-note{margin:18px 0 0;color:#8e99a7;font-size:12px;line-height:1.6}
.legal-content{display:grid;gap:18px}
.legal-card{padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg, rgba(15,26,45,.82), rgba(8,17,31,.78));box-shadow:0 20px 54px rgba(0,0,0,.22)}
.legal-card h2{margin:0 0 14px;font-size:clamp(24px,3vw,36px);letter-spacing:-.04em;line-height:1.05}
.legal-card h3{margin:18px 0 8px;font-size:18px;letter-spacing:-.02em;color:#f7e4c7}
.legal-card p{margin:0 0 12px;color:#c7d0dd;line-height:1.75;font-size:15.5px}
.legal-card p:last-child{margin-bottom:0}
.legal-card ul,.legal-card ol{margin:0 0 12px 18px;padding:0;color:#c7d0dd;line-height:1.75;font-size:15.5px}
.legal-card li{margin:0 0 4px}
.legal-card strong{color:var(--text)}
.legal-contact-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.legal-contact-item{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.035)}
.legal-contact-item span{display:block;color:#8e99a7;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.legal-contact-item strong{display:block;font-size:14px;line-height:1.4}
@media (max-width:980px){.legal-layout{grid-template-columns:1fr}.legal-aside{position:relative;top:auto}.legal-aside nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}}
@media (max-width:640px){.legal-hero{padding:54px 0 30px}.legal-card{padding:22px;border-radius:22px}.legal-contact-box{grid-template-columns:1fr}.legal-aside nav{grid-template-columns:1fr}.legal-meta{display:grid}.legal-chip{border-radius:18px}.legal-wrap{padding-bottom:68px}}

/* === Ajustes Asert: badges, redes y desarrollo de negocio === */
.hero-badge-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.hero-email-badge{border-color:rgba(239,160,57,.28);background:linear-gradient(135deg, rgba(239,160,57,.10), rgba(57,211,207,.04));}
.badge-icon-mail{border-radius:6px;}
.badge-icon-mail::after{content:"";left:3px;top:5px;width:10px;height:6px;border:0;border-top:2px solid #dde5ef;border-left:2px solid #dde5ef;transform:rotate(45deg);}
.section-business-dev{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%, rgba(239,160,57,.10), transparent 26%),radial-gradient(circle at 90% 70%, rgba(57,211,207,.07), transparent 24%);}
.business-dev-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:42px;align-items:center;}
.business-dev-copy .section-title{max-width:10ch;}
.business-dev-copy .section-copy{max-width:34rem;}
.business-dev-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;}
.business-dev-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.business-dev-card{min-height:178px;padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));box-shadow:0 18px 44px rgba(0,0,0,.20);}
.business-dev-card-featured{grid-row:span 2;background:linear-gradient(145deg, rgba(239,160,57,.17), rgba(7,17,32,.92));border-color:rgba(239,160,57,.28);}
.business-dev-card span{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:16px;border-radius:14px;background:rgba(239,160,57,.12);color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.08em;}
.business-dev-card h3{margin:0 0 10px;font-size:21px;letter-spacing:-.02em;}
.business-dev-card p{margin:0;color:var(--muted);line-height:1.62;font-size:14px;}
.footer-socials{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 4px;}
.social-btn,.footer-pill-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(239,160,57,.26);background:rgba(255,255,255,.025);color:#f2eadf !important;font-weight:800;font-size:13px;}
.social-btn:hover,.footer-pill-link:hover{border-color:rgba(239,160,57,.48);background:rgba(239,160,57,.08);}
.social-icon{width:16px;height:16px;display:block;flex:0 0 16px;}
.footer-bottom{gap:16px;justify-content:space-between;}
.footer-bottom-simple{justify-content:flex-start;}
@media (max-width: 980px){.business-dev-layout{grid-template-columns:1fr;}.business-dev-copy .section-title{max-width:13ch;}}
@media (max-width: 680px){.business-dev-board{grid-template-columns:1fr;}.business-dev-card-featured{grid-row:auto;}.hero-badge-row{align-items:stretch;}.hero-badge-row .hero-badge{width:100%;justify-content:center;}.footer-bottom{align-items:flex-start;}}


/* === Ajustes v14: recursos, redes, favicon y bloque onboarding === */
.business-dev-board-compact{grid-template-columns:repeat(2,minmax(0,1fr));}
.business-dev-board-compact .business-dev-card-featured{grid-row:auto;}
.business-dev-copy .section-title{max-width:12ch;}
.footer-col .footer-pill-link{display:inline-flex;}
.footer-col h3 + a, .footer-col a{width:max-content;}
.footer-socials-icons{display:flex;gap:14px;margin:14px 0 10px;}
.social-icon-link{display:inline-grid;place-items:center;width:42px;height:42px;border:none;background:transparent;padding:0;border-radius:50%;}
.social-icon-link:hover{background:rgba(239,160,57,.08);}
.social-icon-link .social-icon{width:20px;height:20px;}
.footer-socials-icons .social-icon{flex:none;}
.footer-col a.footer-pill-link,.footer-col .footer-pill-link{border:0;background:none;padding:0;min-height:0;}
@media (max-width: 680px){.business-dev-board-compact{grid-template-columns:1fr;}}

/* === v15 bloque Qué esperar + recursos mobile === */
.section-expect{
  padding-top:48px;
  padding-bottom:62px;
}
.expect-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);
  gap:24px 28px;
  align-items:center;
  border-radius:32px;
  padding:30px;
  background:
    radial-gradient(circle at 18% 0%, rgba(239,160,57,.12), transparent 26%),
    linear-gradient(180deg, rgba(10,18,30,.94), rgba(7,14,24,.92));
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow), 0 0 24px rgba(239,160,57,.06);
}
.expect-card::after{
  content:"";
  position:absolute;
  inset:auto -90px -150px auto;
  width:300px;
  height:300px;
  border-radius:50%;
  border:1px solid rgba(239,160,57,.12);
  pointer-events:none;
}
.expect-copy{position:relative;z-index:1;}
.expect-title{
  max-width:9.5ch;
  margin-bottom:18px;
  font-size:clamp(38px,4.4vw,66px);
}
.expect-text{
  max-width:40rem;
  font-size:17px;
  line-height:1.65;
}
.expect-pills{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.expect-pills span{
  display:flex;
  align-items:center;
  min-height:52px;
  padding:12px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.07);
  color:#e7edf4;
  font-size:15px;
  font-weight:750;
  line-height:1.22;
  letter-spacing:-.01em;
}
.expect-pills span::before{
  content:"";
  width:7px;
  height:7px;
  margin-right:10px;
  border-radius:999px;
  background:var(--gold);
  box-shadow:0 0 12px rgba(239,160,57,.34);
  flex:0 0 auto;
}
.expect-close{
  position:relative;
  z-index:1;
  grid-column:1/-1;
  margin:0;
  padding-top:2px;
  color:#dce4ee;
  font-size:clamp(22px,2.35vw,34px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:800;
}
.expect-close span{color:#8f9cab;}
.expect-close strong{
  color:#f5f1e9;
  font-weight:900;
}
@media (max-width:1024px){
  .expect-card{
    grid-template-columns:1fr;
  }
  .expect-title{
    max-width:none;
  }
  .expect-text{
    max-width:48rem;
  }
}
@media (max-width:720px){
  .section-expect{
    padding-top:34px !important;
    padding-bottom:44px !important;
  }
  .expect-card{
    padding:20px;
    border-radius:24px;
    gap:18px;
  }
  .expect-title{
    font-size:clamp(34px,10.5vw,46px);
    line-height:.98;
    margin-bottom:12px;
  }
  .expect-text{
    font-size:15px;
    line-height:1.55;
  }
  .expect-pills{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .expect-pills span{
    min-height:48px;
    padding:10px 12px;
    border-radius:15px;
    font-size:13px;
  }
  .expect-pills span::before{
    width:6px;
    height:6px;
    margin-right:8px;
  }
  .expect-close{
    font-size:23px;
    letter-spacing:-.035em;
  }
  .footer-col:nth-child(3){
    display:grid !important;
  }
}
@media (max-width:420px){
  .expect-pills span{
    font-size:12.5px;
    padding:10px;
  }
}

/* === v17 narrativa + consistencia visual === */
.section-expect-compact{
  padding-top:46px !important;
  padding-bottom:52px !important;
  background:radial-gradient(circle at 50% 0%, rgba(239,160,57,.08), transparent 30%);
}
.section-expect-compact .expect-wrap{
  max-width:1180px;
}
.section-expect-compact .expect-title{
  max-width:820px !important;
  margin:0 auto 16px !important;
  font-size:clamp(42px,5vw,72px) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
}
.section-expect-compact .expect-text{
  max-width:760px !important;
  margin:0 auto !important;
  font-size:clamp(15px,1.4vw,18px) !important;
  line-height:1.6 !important;
}
.section-expect-compact .expect-pills{
  max-width:980px;
  margin:28px auto 0;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}
.section-expect-compact .expect-pills span{
  position:relative;
  overflow:hidden;
  min-height:58px !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(11,21,38,.88), rgba(8,16,28,.84)) !important;
  border:1px solid rgba(255,255,255,.065) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.025) !important;
  font-size:15px !important;
  line-height:1.24 !important;
  font-weight:780 !important;
}
.section-expect-compact .expect-pills span::before{
  width:7px !important;
  height:7px !important;
  margin-right:10px !important;
  background:var(--gold) !important;
}
.section-expect-compact .expect-close{
  max-width:980px;
  margin:24px auto 0 !important;
  padding:0 !important;
  color:#f5f1e9 !important;
  font-size:clamp(24px,2.25vw,34px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
}
.section-expect-compact .expect-close span{
  color:#aeb8c5 !important;
}
.section-expect-compact .expect-close strong{
  color:#fff2df !important;
}

@media (min-width:769px){
  .pricing-grid{
    align-items:start !important;
  }
  .pricing-card{
    min-height:188px !important;
    padding:18px !important;
  }
  .pricing-card p{
    margin-bottom:16px !important;
  }
  .services-grid{
    align-items:start !important;
    gap:14px !important;
  }
  .service-card{
    min-height:0 !important;
    height:auto !important;
    padding:16px !important;
    border-radius:18px !important;
  }
  .service-card h3{
    font-size:17px !important;
    margin-bottom:8px !important;
  }
  .service-card p{
    line-height:1.45 !important;
  }
}

@media (max-width:720px){
  .section-expect-compact{
    padding-top:34px !important;
    padding-bottom:42px !important;
  }
  .section-expect-compact .expect-title{
    font-size:clamp(36px,10vw,48px) !important;
    max-width:12ch !important;
    margin-bottom:12px !important;
  }
  .section-expect-compact .expect-text{
    font-size:15px !important;
    line-height:1.55 !important;
  }
  .section-expect-compact .expect-pills{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:20px !important;
  }
  .section-expect-compact .expect-pills span{
    min-height:48px !important;
    padding:10px 11px !important;
    border-radius:15px !important;
    font-size:12.8px !important;
  }
  .section-expect-compact .expect-pills span::before{
    width:6px !important;
    height:6px !important;
    margin-right:8px !important;
  }
  .section-expect-compact .expect-close{
    margin-top:18px !important;
    font-size:24px !important;
  }
  #recursos.footer-col{
    display:grid !important;
  }
}
@media (max-width:430px){
  .section-expect-compact .expect-pills{
    grid-template-columns:1fr !important;
  }
}

/* === v18: Qué esperar remaquetado al sistema visual Asert === */
.section-expect-asert{
  padding-top:56px !important;
  padding-bottom:68px !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(239,160,57,.07), transparent 24%),
    linear-gradient(180deg, rgba(3,10,20,.18), rgba(3,10,20,0));
}
.expect-asert-layout{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:24px;
  align-items:center;
}
.expect-asert-copy{
  position:relative;
  z-index:1;
}
.expect-asert-title{
  max-width:8.6ch;
  margin:0 0 16px;
  font-size:clamp(36px,3.9vw,58px);
  line-height:.96;
  letter-spacing:-.055em;
}
.expect-asert-title .accent-gradient-soft{
  display:block;
}
.expect-asert-text{
  max-width:23rem;
  font-size:16px;
  line-height:1.65;
}
.expect-asert-board{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(10,18,30,.94), rgba(7,14,24,.92));
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow), 0 0 24px rgba(239,160,57,.06);
  padding:16px;
}
.expect-asert-board::after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-170px;
  width:320px;
  height:320px;
  border-radius:50%;
  border:1px solid rgba(239,160,57,.10);
  pointer-events:none;
}
.expect-asert-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.expect-asert-card{
  position:relative;
  overflow:hidden;
  min-height:86px;
  padding:16px 18px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(11,21,38,.88), rgba(8,16,28,.84));
  border:1px solid rgba(255,255,255,.065);
  box-shadow:0 18px 46px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025);
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:14px;
  backdrop-filter:blur(10px);
}
.expect-asert-card::before{
  content:"";
  position:absolute;
  left:18px;
  top:0;
  width:84px;
  height:1px;
  background:linear-gradient(90deg, rgba(239,160,57,.92), rgba(239,160,57,0));
  opacity:.85;
  pointer-events:none;
}
.expect-asert-card span{
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:11px;
  color:var(--gold);
  background:rgba(239,160,57,.08);
  border:1px solid var(--line-strong);
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
}
.expect-asert-card h3{
  margin:0;
  flex:1 1 auto;
  font-size:18px;
  line-height:1.16;
  letter-spacing:-.02em;
}

@media (max-width:1024px){
  .expect-asert-layout{
    grid-template-columns:1fr;
    gap:22px;
  }
  .expect-asert-title{
    max-width:11ch;
  }
  .expect-asert-text{
    max-width:46rem;
  }
  }

@media (max-width:720px){
  .section-expect-asert{
    padding-top:38px !important;
    padding-bottom:46px !important;
  }
  .expect-asert-layout{
    gap:18px;
  }
  .expect-asert-title{
    max-width:10ch;
    margin-bottom:12px;
    font-size:clamp(34px,10.4vw,48px);
  }
  .expect-asert-text{
    font-size:15px;
    line-height:1.55;
  }
    .expect-asert-board{
    padding:12px;
    border-radius:24px;
  }
  .expect-asert-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .expect-asert-card{
    min-height:70px;
    padding:12px;
    border-radius:16px;
    gap:10px;
  }
  .expect-asert-card::before{
    left:12px;
    width:64px;
  }
  .expect-asert-card span{
    width:24px;
    height:24px;
    border-radius:9px;
    font-size:9px;
  }
  .expect-asert-card h3{
    font-size:13px;
    line-height:1.18;
  }
}

@media (max-width:380px){
  .expect-asert-card{
    padding:10px;
  }
  .expect-asert-card h3{
    font-size:12.3px;
  }
}


/* v19 consistency polish */
.service-card,
.business-dev-card{
  position:relative;
  overflow:hidden;
}
.service-card::before,
.business-dev-card::before{
  content:"";
  position:absolute;
  left:18px;
  top:0;
  width:86px;
  height:1px;
  background:linear-gradient(90deg, rgba(239,160,57,.95), rgba(239,160,57,0));
  opacity:.82;
  pointer-events:none;
}
@media (max-width:720px){
  .service-card::before,
  .business-dev-card::before{
    left:14px;
    width:64px;
  }
}

/* v20 mobile-only card harmonization */
@media (max-width: 720px){
  /* unify visual language only on mobile */
  .feature-card,
  .step-card,
  .graph-node,
  .graph-center,
  .service-card{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(11,21,38,.90), rgba(8,16,28,.86)) !important;
    border:1px solid rgba(255,255,255,.06) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025) !important;
    backdrop-filter:blur(10px);
  }

  .feature-card::before,
  .step-card::before,
  .graph-node::before,
  .graph-center::before,
  .service-card::before{
    content:"";
    position:absolute;
    left:16px;
    top:0;
    width:74px;
    height:1px;
    background:linear-gradient(90deg, rgba(239,160,57,.95), rgba(239,160,57,0));
    opacity:.84;
    pointer-events:none;
  }

  .feature-card,
  .graph-node,
  .service-card{
    border-radius:20px !important;
  }

  .step-card,
  .graph-center{
    border-radius:22px !important;
  }

  /* Método */
  .step-card{
    padding:20px 18px 18px !important;
  }
  .step-number{
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
    margin-bottom:12px !important;
    background:rgba(239,160,57,.10) !important;
    border:1px solid rgba(239,160,57,.22) !important;
    color:var(--gold) !important;
  }
  .step-card h3{
    font-size:22px !important;
    margin:0 0 8px !important;
    letter-spacing:-.03em !important;
  }

  /* Cómo ayudamos */
  .feature-card{
    padding:22px 18px 18px !important;
  }
  .feature-card h3{
    margin:16px 0 8px !important;
  }

  /* Herramientas */
  .tools-graph{
    padding:16px !important;
    border-radius:24px !important;
    border:1px solid rgba(239,160,57,.14) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.18) !important;
  }
  .graph-node{
    padding:18px 16px 16px !important;
    gap:8px !important;
  }
  .graph-center{
    padding:20px 16px !important;
    text-align:left !important;
    align-items:flex-start !important;
    gap:8px !important;
  }
  .graph-center strong{
    font-size:clamp(26px,7.5vw,34px) !important;
    letter-spacing:-.035em !important;
  }
  .graph-kicker{
    margin-bottom:2px !important;
  }

  /* Otros servicios */
  .services-grid{
    gap:12px !important;
  }
  .service-card{
    min-height:auto !important;
    padding:18px 16px 16px !important;
  }
  .service-card h3{
    margin:0 0 8px !important;
    font-size:18px !important;
    letter-spacing:-.02em !important;
  }
  .service-card p{
    font-size:14px !important;
    line-height:1.5 !important;
  }
}


/* v25 hero typing effect - compact stable layout with Mercado Libre on its own line */
.hero-copy .hero-title-typing{
  width:12.8ch !important;
  max-width:12.8ch !important;
  min-height:4.02em;
  margin-bottom:12px !important;
}
.hero-title-typing .hero-title-line,
.hero-title-typing .hero-typed-line{
  display:block;
}
.hero-title-typing .hero-typed-line{
  display:flex;
  align-items:flex-end;
  width:12.8ch;
  min-height:.92em;
  line-height:.92;
  white-space:nowrap;
  overflow:visible;
}

.hero-preposition-line{
  margin-top:-.01em;
}
.hero-marketplace-line{
  white-space:nowrap;
}

.hero-typed-word{
  display:inline-block;
  min-width:0;
  line-height:.92;
}
.typing-cursor{
  display:inline-block;
  flex:0 0 auto;
  width:.08em;
  height:.78em;
  margin-left:.035em;
  vertical-align:-.05em;
  border-radius:999px;
  background:linear-gradient(180deg, #ffd98b 0%, #f2a23a 100%);
  box-shadow:0 0 16px rgba(242,162,58,.30);
  animation:heroCursorBlink .82s steps(2, end) infinite;
}
@keyframes heroCursorBlink{
  0%,45%{opacity:1;}
  46%,100%{opacity:0;}
}
@media (max-width:720px){
  .hero-copy .hero-title-typing{
    width:12.6ch !important;
    max-width:12.6ch !important;
    min-height:4.02em;
    margin-bottom:14px !important;
    font-size:clamp(38px,12.2vw,50px) !important;
  }
  .hero-title-typing .hero-typed-line{
    width:12.6ch;
  }
}
@media (prefers-reduced-motion: reduce){
  .typing-cursor{animation:none;}
}


/* ===== v26 advisory reason block ===== */
.section-advisory-reason{
  padding-top:54px;
  padding-bottom:62px;
  background:
    radial-gradient(circle at 82% 18%, rgba(239,160,57,.075), transparent 25%),
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0));
}
.advisory-reason-layout{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:28px;
  align-items:center;
}
.advisory-reason-title{
  max-width:9.8ch;
  font-size:clamp(36px,3.9vw,58px);
  line-height:.96;
  letter-spacing:-.055em;
  margin-bottom:16px;
}
.advisory-reason-text{
  max-width:24rem;
  margin-bottom:0;
  font-size:16px;
  line-height:1.62;
}
.advisory-reason-board{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:16px;
  border-radius:30px;
  background:linear-gradient(180deg, rgba(10,18,30,.94), rgba(7,14,24,.92));
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow), 0 0 24px rgba(239,160,57,.06);
}
.advisory-reason-card{
  position:relative;
  overflow:hidden;
  min-height:132px;
  padding:18px 18px 17px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(11,21,38,.88), rgba(8,16,28,.84));
  border:1px solid rgba(255,255,255,.065);
  box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.advisory-reason-card::before{
  content:"";
  position:absolute;
  left:18px;
  top:0;
  width:78px;
  height:1px;
  background:linear-gradient(90deg, rgba(239,160,57,.88), rgba(239,160,57,0));
  opacity:.8;
}
.advisory-reason-card-featured{
  background:linear-gradient(145deg, rgba(239,160,57,.16), rgba(7,17,32,.92));
  border-color:rgba(239,160,57,.28);
}
.advisory-reason-card-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.advisory-reason-card span{
  display:inline-grid;
  flex:0 0 auto;
  place-items:center;
  width:32px;
  height:32px;
  margin-bottom:0;
  border-radius:12px;
  color:var(--gold);
  background:rgba(239,160,57,.09);
  border:1px solid var(--line-strong);
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
}
.advisory-reason-card h3{
  margin:0;
  font-size:19px;
  line-height:1.14;
  letter-spacing:-.025em;
}
.advisory-reason-card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
}
@media (max-width:1024px){
  .advisory-reason-layout{
    grid-template-columns:1fr;
    gap:22px;
  }
  .advisory-reason-title{
    max-width:12ch;
  }
  .advisory-reason-text{
    max-width:46rem;
  }
}
@media (max-width:720px){
  .section-advisory-reason{
    padding-top:42px;
    padding-bottom:48px;
  }
  .advisory-reason-layout{
    gap:18px;
  }
  .advisory-reason-board{
    grid-template-columns:1fr;
    padding:12px;
  }
  .advisory-reason-card{
    min-height:auto;
    padding:16px;
  }
  .advisory-reason-card h3{
    font-size:18px;
  }
}


/* === GEO/SEO: señales visibles de actualización y atribución === */
.footer-meta-line{display:block;color:#7f8a98;font-size:12px;line-height:1.5;}
@media (max-width: 680px){.footer-meta-line{font-size:11px;}}