:root{--paper:#f5f7fb;--paper-dim:#eef3f9;--ink:#0e1c34;--ink-soft:#506580;--ink-faint:#647892;--line:#dce5ef;--accent:#adedd0;--accent-ink:#2457d4;--teal:#2e63dd;--messy:#8294a9;--radius:9px;--maxw:1140px}
body{font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink)}h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.045em}p{line-height:1.75}.wrap{width:min(var(--maxw),calc(100% - 56px))}.eyebrow{color:#3769e9}.eyebrow::before{background:#7acbaa}header{background:rgba(10,19,38,.96);backdrop-filter:blur(14px);border-bottom:1px solid #263954}header .logo{color:#fff;font-family:'Manrope',sans-serif;font-weight:800}header .logo .tag{color:#9fafc7}.navlinks a{color:#bac9dc}.navlinks a:hover,.navlinks a.active:not(.btn){color:#fff}.navlinks a.btn,.navlinks a.btn:hover{background:#c7f5df;border-color:#c7f5df;color:#0a2130}.mobile-toggle svg path{stroke:#fff}header .nav{min-height:78px}.btn{border-radius:9px}.btn:hover{background:#315bdb;border-color:#315bdb;color:#fff}.hero{color:#fff;background:radial-gradient(ellipse at 80% 30%,#1c3e64,transparent 70%),#0a1326;border:0;padding:78px 0!important}.hero .eyebrow{color:#b9f5d6}.hero h1{color:#fff;max-width:24ch;font-size:clamp(34px,4.2vw,55px);letter-spacing:-.055em}.hero .sub{color:#b9cbe1}.hero .backlink{color:#d0e9ee}.hero .tag-row .pill{background:#152d4d;color:#bbd3e8;border-color:#375074}.content{background:#f5f7fb}.content.band{background:#ecf2f8}.section-head h2{letter-spacing:-.035em}.section-head p{color:#596f88}.demo-panel,.transform-col,.compare-col,.invoice-paper{border-radius:13px;box-shadow:0 12px 35px #162b4b0b}.demo-panel{border:1px solid #dce6ef}.backlink{font-weight:700}.result-table thead{background:#f4f7fb}.contact-band{background:#0a1326!important}.contact-band .btn{background:#bdf2d9;border-color:#bdf2d9;color:#0f2c3e}.contact-band .btn:hover{background:#a3e9c6;border-color:#a3e9c6}.related-cta{padding:60px 0;background:#e7effc;border-top:1px solid #d9e3ef}.related-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.related-cta h2{font-size:clamp(24px,2.5vw,36px);margin:7px 0 12px}.related-cta p{max-width:610px;font-size:14px}.related-links{display:flex;flex-wrap:wrap;gap:11px;justify-content:flex-end}.related-links .btn{white-space:nowrap;background:#1f4fe6;border-color:#1f4fe6;color:white}.related-links .btn.ghost{background:white;color:#2343a0;border-color:#cad8ef}.related-links .btn:hover{filter:brightness(.91)}footer{background:#0a1326!important;border-color:#24334c!important;color:#a2b3ca!important}footer a{color:#c4e1ec!important}
@media(max-width:900px){.navlinks{top:78px;background:#0a1326;border-bottom-color:#263954}.related-cta .wrap{flex-direction:column;align-items:flex-start}.related-links{justify-content:flex-start}}
@media(max-width:640px){.wrap{width:calc(100% - 38px)}.hero{padding:65px 0!important}.related-cta{padding:50px 0}.related-links{width:100%;flex-direction:column}.related-links .btn{white-space:normal}}
/* Identidad de marca coherente con la portada */
header .logo-v2{display:flex;gap:12px;align-items:center;text-decoration:none}
header .brand-symbol{display:grid;place-items:center;min-width:43px;height:43px;padding:0 4px;border:1px solid #364d69;border-radius:12px;background:#152740;color:#fff;font:800 18px 'Manrope',sans-serif;letter-spacing:-.08em}
header .brand-symbol span{color:#c7f5df}
header .brand-copy{display:flex;flex-direction:column;gap:0}
header .brand-copy strong{font-size:14px;font-weight:800;letter-spacing:.09em}
header .brand-copy small{font:400 9px 'IBM Plex Mono',monospace;letter-spacing:.05em;color:#9babc1}
.hero .backlink{display:table;margin-bottom:25px;color:#d5e7ef;text-decoration:none}
.hero .backlink:hover{text-decoration:underline}