*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#122033;background:#f7f8fa;line-height:1.55}.nav{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(247,248,250,.96);z-index:10;border-bottom:1px solid #dde2e8}.brand{text-decoration:none;color:#102033;display:flex;gap:10px;align-items:center}.brand span{font-size:28px;font-weight:900;letter-spacing:-2px}.brand small{font-size:10px;letter-spacing:1.5px}.nav nav{display:flex;gap:26px;align-items:center}.nav nav a{color:#23364c;text-decoration:none;font-size:14px}.cta,.primary{background:#00a887!important;color:white!important}.nav .cta{padding:10px 16px;border-radius:4px}.menu{display:none}.hero{min-height:650px;padding:120px 8vw 90px;background:linear-gradient(120deg,#071b2d,#123b50);color:white}.eyebrow,.kicker{font-size:12px;letter-spacing:2.4px;font-weight:700;color:#00b89c}.hero h1{font-size:clamp(58px,8vw,110px);line-height:.92;margin:24px 0;letter-spacing:-5px;max-width:900px}.lead{font-size:21px;max-width:760px;color:#d8e1e7}.actions{display:flex;gap:14px;margin:36px 0}.btn{padding:14px 20px;text-decoration:none;border-radius:3px;font-weight:700}.ghost{border:1px solid #7590a1;color:white}.promise{display:flex;gap:18px;margin-top:80px;color:#a9bbc7}.strip{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 6vw;background:white;border-bottom:1px solid #ddd}.strip div{padding:12px 22px;border-right:1px solid #e2e5e8}.strip strong,.strip span{display:block}.strip span{font-size:12px;color:#667587}.section{padding:95px 8vw}.section h2,.contact h2{font-size:clamp(38px,5vw,64px);letter-spacing:-2.5px;line-height:1.03;margin:12px 0 20px;max-width:900px}.intro{font-size:19px;color:#5a697a;max-width:720px}.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(2,1fr);margin-top:45px}.cards article,.research article{background:white;border:1px solid #dfe4e8;padding:32px;min-height:240px}.num{color:#00a887;font-weight:800}.cards h3,.research h3{font-size:25px;margin:28px 0 10px}.dark{background:#071b2d;color:white}.dark .intro{color:#c3d0d9}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#345062;margin-top:45px}.metrics div{background:#0c2639;padding:30px}.metrics span{display:block;color:#00b89c;font-size:11px;letter-spacing:1.7px}.metrics b{font-size:19px}.note{font-size:12px;color:#9eb0bc;margin-top:25px}.research{grid-template-columns:repeat(3,1fr);margin-top:45px}.research .featured{grid-column:span 2;background:#e8f7f4}.research span{font-size:11px;letter-spacing:1.5px;color:#008d77;font-weight:700}.research a{color:#007b68;font-weight:700}.method{background:#eef1f4}.method ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:45px 0}.method li{padding:25px 12px;border-top:2px solid #00a887}.method li b{display:block;color:#00a887}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about p{font-size:18px}.contact{padding:95px 8vw;background:#00a887;color:white;display:grid;grid-template-columns:1.4fr 1fr;gap:60px}.contact .kicker{color:#073a34}.contactbox{align-self:center;background:white;color:#183044;padding:32px}.contactbox a{font-size:20px;color:#007b68}.small{font-size:12px}footer{padding:35px 6vw;background:#051421;color:#aab8c2;display:flex;justify-content:space-between;align-items:center}footer .brand{color:white}
@media(max-width:800px){.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:25px;flex-direction:column}.nav nav.open{display:flex}.menu{display:block;border:0;background:none;font-size:24px}.hero{padding-top:90px}.hero h1{letter-spacing:-3px}.strip,.cards,.research,.metrics,.about,.contact{grid-template-columns:1fr}.research .featured{grid-column:span 1}.method ol{grid-template-columns:1fr}.strip div{border-right:0;border-bottom:1px solid #eee}footer{flex-direction:column;gap:12px;text-align:center}}.insights{background:#fff}.insightgrid{grid-template-columns:repeat(3,1fr);margin-top:42px}.insightgrid article{padding:28px;border-top:3px solid #00a887;background:#f4f6f8}.insightgrid span{font-size:11px;letter-spacing:1.5px;color:#008d77;font-weight:700}.insightgrid h3{font-size:24px}.insightgrid a{color:#007b68;font-weight:700}.conversion{display:grid;grid-template-columns:1.35fr .8fr;gap:70px;background:#e8f7f4}.conversion p{font-size:18px}.conversionbox{background:#071b2d;color:white;padding:38px}.conversionbox b{color:#00b89c;font-size:12px;letter-spacing:1.5px}.conversionbox h3{font-size:28px;margin:10px 0 14px}.conversionbox .btn{display:inline-block;margin-top:15px}@media(max-width:800px){.insightgrid,.conversion{grid-template-columns:1fr}}
.pagehero{padding:100px 8vw 70px;background:#071b2d;color:#fff}.pagehero h1{font-size:clamp(48px,7vw,82px);letter-spacing:-3px;line-height:.98;margin:15px 0}.pagehero p{max-width:760px;font-size:20px;color:#c7d3dc}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:50px}.listclean{list-style:none;padding:0}.listclean li{padding:15px 0;border-bottom:1px solid #dce2e7}.serviceblock{padding:32px;background:white;border:1px solid #dfe4e8}.serviceblock h3{font-size:27px}.tag{display:inline-block;padding:5px 9px;background:#e8f7f4;color:#007b68;font-size:11px;font-weight:700;margin:3px}.sourcebox{padding:20px;background:#eef1f4;font-size:13px}.articlebody{max-width:900px;margin:auto}.articlebody h2{font-size:35px}.articlebody p{font-size:18px}.formmock input,.formmock textarea,.formmock select{width:100%;padding:13px;margin:6px 0 15px;border:1px solid #cdd5db;font:inherit}.formmock button{border:0}.legal{font-size:12px;color:#697886}@media(max-width:800px){.twocol{grid-template-columns:1fr}}

:root{
  --navy:#061827;--navy2:#0b2b3d;--ink:#112337;--muted:#667788;--mint:#00b89c;--mint2:#e6f7f3;--paper:#f7f9fb;--line:#dfe6eb;--white:#fff;
}
body{background:var(--paper)}
.hero.pro{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;min-height:720px;padding:110px 8vw;background:
radial-gradient(circle at 82% 30%,rgba(0,184,156,.18),transparent 32%),
linear-gradient(120deg,#061827,#0b2b3d 65%,#0c394a);color:white}
.hero.pro h1{max-width:760px}.hero.pro .lead{max-width:720px}
.console{background:rgba(7,27,45,.78);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(0,0,0,.25);padding:24px;border-radius:14px}
.console-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.console-title{font-weight:800}.status{font-size:11px;color:#8ce4d4;background:rgba(0,184,156,.12);padding:6px 9px;border-radius:999px}
.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.console-card{padding:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:10px;min-height:110px}
.console-card span{display:block;color:#8ce4d4;font-size:10px;letter-spacing:1.3px;font-weight:700}.console-card b{display:block;font-size:16px;margin:7px 0}.console-card small{color:#aac0ce}
.mini-bars{display:flex;align-items:flex-end;gap:4px;height:28px;margin-top:8px}.mini-bars i{display:block;width:8px;background:#00b89c;border-radius:3px 3px 0 0}
.trustband{padding:20px 8vw;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:28px;justify-content:center;flex-wrap:wrap;color:#425366;font-size:13px}
.trustband b{color:#0b2b3d}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section-head p{max-width:620px;color:var(--muted)}
.valuegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.valuecard{background:white;border:1px solid var(--line);padding:28px;border-radius:10px}
.valuecard .icon{width:42px;height:42px;border-radius:10px;background:var(--mint2);display:flex;align-items:center;justify-content:center;font-weight:900;color:#008d77}
.valuecard h3{font-size:22px;margin:20px 0 10px}
.evidence{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.evidence-panel{background:#fff;border:1px solid var(--line);padding:28px;border-radius:12px}
.evidence-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.evidence-row:last-child{border-bottom:0}.evidence-row span{color:var(--muted)}.evidence-row b{color:#0c3448}
.casegrid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.case-main,.case-side{background:white;border:1px solid var(--line);padding:32px;border-radius:10px}.case-main h3{font-size:28px}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.flow div{padding:15px;background:#f0f6f5;border-radius:8px}.flow b{display:block;color:#008d77;font-size:12px}.flow span{font-size:14px}
.newsletter{display:grid;grid-template-columns:1fr .8fr;gap:50px;padding:65px 8vw;background:#0a2233;color:#fff}.newsletter p{color:#b9c8d1}.newsletterbox{background:white;color:#173044;padding:28px;border-radius:10px}.newsletterbox input{width:100%;padding:13px;border:1px solid #ccd6dc;margin:8px 0 12px}.newsletterbox button{border:0}
.badge-row{display:flex;gap:8px;flex-wrap:wrap}.badge{font-size:11px;font-weight:700;letter-spacing:.7px;padding:7px 9px;background:#edf7f5;color:#087b6b;border-radius:999px}
.brand-page{max-width:1100px;margin:auto}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.swatch{height:120px;border-radius:10px;padding:14px;display:flex;align-items:flex-end;font-weight:700}.sw1{background:#061827;color:#fff}.sw2{background:#0b2b3d;color:#fff}.sw3{background:#00b89c;color:#fff}.sw4{background:#f7f9fb;color:#112337;border:1px solid #dde4e9}
.quote{font-size:28px;line-height:1.35;max-width:850px;margin:0}.quote small{display:block;font-size:13px;color:#738493;margin-top:16px}
.legalpage{max-width:900px;margin:auto}.legalpage h2{font-size:30px}.legalpage p,.legalpage li{font-size:16px;color:#4f6070}
@media(max-width:900px){.hero.pro,.evidence,.casegrid,.newsletter{grid-template-columns:1fr}.console{margin-top:15px}.valuegrid{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.section-head{display:block}.swatches{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.console-grid,.flow,.swatches{grid-template-columns:1fr}}

/* ===== V5 ===== */
.dashhero{padding:95px 8vw 55px;background:
radial-gradient(circle at 85% 15%,rgba(0,184,156,.16),transparent 30%),
linear-gradient(130deg,#061827,#0b2b3d);color:#fff}
.dashhero h1{font-size:clamp(48px,7vw,84px);letter-spacing:-3px;line-height:.98;margin:15px 0 18px}
.dashhero p{max-width:780px;font-size:20px;color:#c8d5de}
.dashboard{padding:35px 8vw 95px;background:#071b2d;color:#fff}
.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.panel{background:#0c2639;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:22px;box-shadow:0 18px 40px rgba(0,0,0,.16)}
.panel h3{margin:6px 0 14px;font-size:20px}.panel .label{font-size:10px;letter-spacing:1.4px;color:#79dccb;font-weight:700}
.panel .big{font-size:34px;font-weight:800;letter-spacing:-1px}.panel .sub{font-size:12px;color:#9fb1bd}
.p3{grid-column:span 3}.p4{grid-column:span 4}.p5{grid-column:span 5}.p6{grid-column:span 6}.p7{grid-column:span 7}.p8{grid-column:span 8}.p12{grid-column:span 12}
.spark{display:flex;gap:5px;align-items:end;height:58px;margin-top:12px}.spark i{display:block;width:12px;background:#00b89c;border-radius:3px 3px 0 0;opacity:.9}
.gauge{height:12px;background:#17394d;border-radius:999px;overflow:hidden;margin:14px 0}.gauge i{display:block;height:100%;background:#00b89c}
.donut{width:95px;height:95px;border-radius:50%;background:conic-gradient(#00b89c 0 62%,#193d51 62% 100%);position:relative}.donut:after{content:"";position:absolute;inset:14px;border-radius:50%;background:#0c2639}
.donutwrap{display:flex;gap:24px;align-items:center}
.tablelite{width:100%;border-collapse:collapse}.tablelite td{padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.tablelite td:last-child{text-align:right;font-weight:700}
.signal{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(0,184,156,.14);color:#78dfce;font-size:11px;font-weight:700}
.dashboard-note{margin-top:20px;color:#8fa4b1;font-size:12px}
.analysis-cta{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;padding:90px 8vw;background:#f2f6f7}
.analysis-cta h2{font-size:clamp(40px,5vw,65px);letter-spacing:-2px;line-height:1.02;margin:12px 0}
.analysis-cta p{font-size:18px;color:#596a79}
.analysis-card{background:#fff;border:1px solid #dce4e8;border-radius:14px;padding:32px}
.analysis-card ol{padding-left:20px}.analysis-card li{margin:12px 0}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}
.formgrid input,.formgrid select,.formgrid textarea{width:100%;padding:13px;border:1px solid #cdd7dd;border-radius:6px;font:inherit;background:white}
.kpi-template{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.kpi-template div{background:white;border:1px solid #dde5ea;padding:20px;border-radius:10px}.kpi-template span{display:block;font-size:11px;color:#718190;letter-spacing:1px}.kpi-template b{display:block;font-size:22px;margin-top:8px;color:#10283a}
.report-layout{display:grid;grid-template-columns:240px 1fr;gap:34px}.report-menu{position:sticky;top:100px;height:max-content;background:#f0f4f6;padding:20px;border-radius:10px}.report-menu a{display:block;padding:10px 0;color:#2d4355;text-decoration:none;border-bottom:1px solid #dce3e7}.report-content section{scroll-margin-top:100px;margin-bottom:55px}.report-content h2{font-size:34px}
.page-cta{padding:50px 8vw;background:#00a887;color:white;display:flex;justify-content:space-between;gap:30px;align-items:center}.page-cta h2{font-size:38px;margin:0}.page-cta a{background:#071b2d!important}
@media(max-width:900px){
.dashboard-grid{grid-template-columns:1fr}.p3,.p4,.p5,.p6,.p7,.p8,.p12{grid-column:span 1}
.analysis-cta,.report-layout{grid-template-columns:1fr}.report-menu{position:relative;top:auto}.kpi-template{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.page-cta{display:block}.page-cta a{display:inline-block;margin-top:18px}}
@media(max-width:520px){.kpi-template{grid-template-columns:1fr}}

.nav .brand img{width:245px;height:auto}.footergrid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:35px;width:100%}.footercol h4{color:#fff}.footercol a{display:block;color:#aab8c2;text-decoration:none;margin:8px 0;font-size:13px}.footerbottom{border-top:1px solid #203443;margin-top:25px;padding-top:20px;display:flex;justify-content:space-between;width:100%}.articlehero{padding:85px 8vw 60px;background:#fff}.articlehero h1{font-size:clamp(45px,6vw,76px);letter-spacing:-3px;line-height:1;max-width:1050px}.articlehero .meta{color:#6a7b89;font-size:12px}.articlehero .dek{font-size:21px;color:#526575;max-width:850px}.articlewrap{display:grid;grid-template-columns:minmax(0,800px) 250px;gap:55px;padding:55px 8vw 95px;background:#fff}.articletext p{font-size:18px;line-height:1.75}.articletext h2{font-size:34px;margin-top:48px}.articletext blockquote{padding:25px;border-left:4px solid #00b89c;background:#f0f7f5;font-size:22px}.articleside .box{background:#f2f5f7;padding:20px;border-radius:10px;margin-bottom:15px}.launchgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.launchcard{padding:25px;background:#fff;border:1px solid #dce4e8;border-radius:10px}.check{list-style:none;padding:0}.check li{padding:10px 0;border-bottom:1px solid #e0e6ea}.check li:before{content:"✓";color:#00a887;font-weight:900;margin-right:10px}@media(max-width:900px){.footergrid,.articlewrap,.launchgrid{grid-template-columns:1fr}.footerbottom{display:block}.nav .brand img{width:200px}}

/* V7 — profundidad tecnológica sutil, sin fotografía */
.hero.pro{position:relative;overflow:hidden;isolation:isolate}
.hero.pro:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.20;background-image:linear-gradient(rgba(120,220,205,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(120,220,205,.14) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,transparent 0%,#000 40%,#000 100%)}
.hero.pro:after{content:"";position:absolute;width:620px;height:620px;right:-180px;top:-160px;z-index:-1;border:1px solid rgba(112,225,207,.14);border-radius:50%;box-shadow:0 0 0 90px rgba(112,225,207,.025),0 0 0 180px rgba(112,225,207,.018);pointer-events:none}
.hero.pro>div,.hero.pro>.console{position:relative;z-index:1}
.domain-chip{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:7px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#bcd0d9;font-size:12px}.domain-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#00b89c;box-shadow:0 0 14px rgba(0,184,156,.7)}
@media(max-width:900px){.hero.pro:before{mask-image:none;opacity:.12}.hero.pro:after{right:-390px}}
