:root, :root[data-theme="light"] {
  --ground:#ffffff; --surface:#ffffff; --surface-2:#eff9fc;
  --ink:#12334c; --ink-2:#415e70; --ink-3:#587487;
  --line:#d3e8f0; --line-strong:#a8cfdf;
  --accent:#0756b7; --accent-soft:#e1f5fc; --accent-on:#ffffff;
  --signal:#00877e; --radius:8px;
  --shadow:0 6px 24px rgba(0,89,139,.08);
}
:root[data-theme="dark"] {
  --ground:#101b23; --surface:#182731; --surface-2:#20343d;
  --ink:#effaff; --ink-2:#c7dfe9; --ink-3:#a3c5d3;
  --line:#37545f; --line-strong:#4c7483;
  --accent:#75d7f7; --accent-soft:#193c49; --accent-on:#10252f;
  --signal:#69dec6;
}
body {background:var(--ground)}
h1,h2,h3,h4,.brand,.eyebrow,.fact span,.svc__note,.demo__sector,.panel-etiqueta {letter-spacing:0}
.nav {background:var(--surface)}
.nav__in {min-height:100px;height:auto;gap:20px;padding-block:8px}
.brand {gap:12px;font-size:18px;flex-shrink:0;letter-spacing:0}
.brand__logo {width:80px;height:80px;object-fit:contain;flex:none;background:white;border-radius:50%}
.brand__name {display:flex;flex-direction:column;line-height:1.25}
.brand__name small {font-family:var(--font-body);font-size:12px;color:var(--ink-2);font-weight:500;margin-top:5px}
.nav__links {gap:18px}
.btn {border-radius:6px}
.eyebrow {color:var(--signal)}
.h2 {font-size:36px}
.lead {font-size:17px}
.demo,.chat,.seo-card,.seo-flow {border-radius:8px}
.brand-cover {position:relative;isolation:isolate;background:#e8f6fc;min-height:500px;display:flex;align-items:center}
.brand-cover__image {position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}
.brand-cover::before {display:none;content:none}
.brand-cover .hero {position:relative;z-index:2;display:block;align-self:flex-start;padding:32px 0 40px;width:94%;margin-inline:3%}
.brand-cover__copy {width:35%;max-width:520px;color:#103a67}
.brand-cover h1 {font-size:36px;line-height:1.12;font-weight:700}
.brand-cover .eyebrow {color:#006f77;font-size:12px}
.brand-cover .lead {font-size:16px;color:#254d67;margin-top:16px;line-height:1.6}
.brand-cover .hero__cta {margin-top:24px;gap:10px}
.brand-cover .btn {background:white;color:#0756b7;border-color:#8db9d4;font-size:14px;padding:12px 16px}
.brand-cover .btn--primary {background:#0756b7;color:white;border-color:#0756b7}
.hero__facts {margin:0;padding:26px 0;border-top:0;gap:30px;justify-content:space-between}
.hero-proof {background:var(--surface);border-bottom:1px solid var(--line)}
.workflow-preview {padding-block:46px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.workflow-preview h2 {font-size:30px;line-height:1.15}
.workflow-preview .chat {box-shadow:none}
.foot {gap:24px;flex-wrap:wrap}
.foot .brand__logo {width:62px;height:62px}
@media(max-width:1100px){.nav__links{gap:12px}.brand{font-size:16px}.brand-cover__copy{width:37%}.brand-cover h1{font-size:30px}.brand-cover .btn{font-size:13px;padding:10px 12px}}
@media(max-width:760px){
 .nav__in{min-height:82px;gap:12px;justify-content:space-between}.brand__logo{width:62px;height:62px}
 .brand{gap:8px;font-size:15px}.brand__name small{font-size:11px}.nav__in>.btn{font-size:12px;padding:10px}
 .brand-cover{display:block;min-height:0;background:#eaf8fd}
 .brand-cover::before{display:none}
 .brand-cover__image{position:relative;z-index:0;width:100%;height:auto;aspect-ratio:2.1;object-fit:cover;object-position:66% center}
 .brand-cover .hero{padding:26px 0 30px}.brand-cover__copy{width:100%;max-width:540px}
 .brand-cover h1{font-size:32px}.brand-cover .lead{font-size:16px}
 .hero__facts{gap:20px;display:grid;grid-template-columns:1fr;padding-block:24px}.fact b{font-size:17px}
 .workflow-preview{grid-template-columns:1fr;gap:24px;padding-block:34px}.workflow-preview h2{font-size:27px}
 .h2{font-size:28px}.lead{font-size:16px}.foot .brand{font-size:15px}
}
@media(max-width:380px){.brand__name{font-size:13px}.brand__logo{width:52px;height:52px}.brand__name small{font-size:10px}.nav__in>.btn{font-size:11px;padding:8px}.brand-cover h1{font-size:30px}}