:root{color-scheme:light;--navy:#0b1930;--navy-2:#122746;--ink:#14253d;--muted:#53647b;--line:#dce5ee;--paper:#f5f8fc;--white:#fff;--blue:#1e73c8;--teal:#008f8a;--orange:#ea7e39}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #f3a15d;outline-offset:4px;border-radius:3px}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;z-index:20;top:-100px;left:12px;background:#fff;color:#0b1930;padding:8px 14px;border-radius:6px}
.skip-link:focus{top:12px}
.site-header{background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:22px 0}
.wordmark{display:inline-flex;align-items:center;gap:13px;font-size:25px;line-height:1;font-weight:760;letter-spacing:-.045em;white-space:nowrap}
.dot{color:#71d6d1}
.mark{width:33px;height:33px;border:2px solid #73dbd5;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-9deg)}
.mark i{display:block;width:4px;background:#73dbd5;border-radius:2px}.mark i:nth-child(1){height:11px}.mark i:nth-child(2){height:18px}.mark i:nth-child(3){height:8px}
.language-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px 12px;flex-wrap:wrap;font-size:12px;font-weight:650}
.language-nav a{color:#b7c6d8;padding:5px 2px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.language-nav a:hover,.language-nav a[aria-current=page]{color:#fff;border-bottom-color:#6fdbd2}
.hero{background:radial-gradient(circle at 78% 15%,rgba(26,100,143,.24),transparent 38%),linear-gradient(145deg,#0b1930,#102b48 74%,#103a4c);color:#fff;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.45fr);gap:70px;align-items:center;padding:85px 0 90px}
.eyebrow,.section-kicker{font-size:12px;letter-spacing:.15em;font-weight:800}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#9be1d8}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#79d9ce;box-shadow:0 0 0 5px rgba(121,217,206,.14)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(42px,5.4vw,72px);line-height:1.06;letter-spacing:-.057em;max-width:760px;margin-bottom:25px}
.hero-intro{font-size:clamp(17px,1.7vw,20px);line-height:1.65;color:#ced9e6;max-width:700px;margin-bottom:31px}
.hero-cta{display:inline-flex;align-items:center;gap:24px;padding:13px 19px;border:1px solid rgba(255,255,255,.45);border-radius:7px;font-size:14px;font-weight:700;background:rgba(255,255,255,.06);transition:background .15s,transform .15s}
.hero-cta:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}
.hero-cta span{font-size:19px;line-height:1}
.hero-side{border-left:1px solid rgba(255,255,255,.25);padding-left:35px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.hero-side-number{font-size:clamp(74px,11vw,140px);font-weight:800;line-height:.85;letter-spacing:-.09em;color:#7ddcd3;opacity:.9}
.hero-side p{margin:27px 0 4px;color:#b2d3da;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.hero-side strong{font-size:18px;line-height:1.4;font-weight:600;max-width:230px}
.line-motif{display:flex;gap:6px;margin-top:40px}.line-motif span{height:3px;width:33%;background:#61cfc8}.line-motif span:nth-child(2){background:#3394ac}.line-motif span:nth-child(3){background:#ee945c}
.choices{padding-top:74px;padding-bottom:78px;scroll-margin-top:20px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:29px}
.section-kicker{color:var(--blue);margin-bottom:9px}.section-kicker span{color:#91a8bd;margin:0 6px}
.section-heading h2{font-size:clamp(30px,3.5vw,43px);line-height:1.1;letter-spacing:-.04em;margin:0}
.section-heading>p{max-width:330px;color:var(--muted);margin:0;font-size:15px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{position:relative;display:flex;flex-direction:column;min-height:292px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:25px 27px 23px;box-shadow:0 10px 27px rgba(28,55,82,.035);transition:transform .18s,box-shadow .18s,border-color .18s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(28,55,82,.095);border-color:#b7cbdc}
.card:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;border-radius:0 3px 3px 0;background:var(--teal)}
.card.hostilla:before{background:var(--orange)}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px}
.card-number{font-size:11px;letter-spacing:.12em;font-weight:800;color:#007f80}.hostilla .card-number{color:#b9632b}
.card-arrow{font-size:20px;line-height:1;color:#adbbcb}
.card h3{font-size:21px;line-height:1.22;letter-spacing:-.025em;margin-bottom:12px;max-width:300px}
.card p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:23px}
.card-link{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:17px;border-top:1px solid #e7edf3;color:#006c79;font-size:13px;font-weight:800}
.card.hostilla .card-link{color:#aa5425}
.card-link:hover{text-decoration:underline;text-underline-offset:3px}
.card-link span{font-size:20px;font-weight:500;line-height:1}
.selection-note{display:flex;align-items:flex-start;gap:17px;margin-top:22px;padding:23px 27px;background:#e8f1f8;border:1px solid #d3e2ec;border-radius:9px}
.note-icon{display:flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border:1px solid #3a94ab;border-radius:50%;color:#007f90;font-size:15px;font-style:italic;font-family:Georgia,serif;font-weight:700}
.selection-note h2{font-size:15px;line-height:1.4;margin-bottom:3px}
.selection-note p{color:#52657b;font-size:14px;margin:0}
.brand-strip{background:#e9eef5;border-top:1px solid #dbe4ed;border-bottom:1px solid #dbe4ed}
.brand-strip-inner{display:flex;align-items:center;gap:22px;padding-top:28px;padding-bottom:28px}
.brand-name{font-size:19px;font-weight:800;white-space:nowrap;letter-spacing:-.04em;color:#263d58}
.accent{color:#db7b42}
.brand-separator{height:25px;width:1px;background:#b8cad9}
.brand-strip p{color:#566980;font-size:13px;margin:0 0 0 auto;max-width:530px}
.site-footer{background:#f5f8fc;color:#5d6f82}
.footer-row{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-top:31px;padding-bottom:42px;font-size:12px}
.footer-row p{color:#31465e;font-weight:700;margin-bottom:5px}.footer-row small{font-size:12px}.footer-row>span{white-space:nowrap}
@media(max-width:930px){.hero-grid{gap:30px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-strip-inner{flex-wrap:wrap}.brand-strip p{flex-basis:100%;margin-left:0}}
@media(max-width:660px){.shell{width:min(100% - 30px,1180px)}.header-row{align-items:flex-start;flex-direction:column;gap:20px;padding:19px 0}.language-nav{justify-content:flex-start;gap:3px 13px}.hero-grid{display:block;padding:57px 0 62px}.hero-side{display:none}h1{font-size:clamp(39px,10vw,57px)}.hero-intro{font-size:16px}.choices{padding-top:53px;padding-bottom:54px}.section-heading{display:block;margin-bottom:22px}.section-heading>p{margin-top:13px}.card-grid{grid-template-columns:1fr}.card{min-height:0;padding:23px}.card-top{margin-bottom:21px}.card h3{font-size:20px}.selection-note{padding:19px}.footer-row{display:block}.footer-row>span{display:block;margin-top:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.hero-cta,.language-nav a{transition:none}}