:root { --ink:#112333; --muted:#667582; --line:#dfe6e9; --paper:#f7f9f8; --white:#fff; --blue:#0b5d75; --teal:#69c8be; --navy:#0e2a3b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",Arial,sans-serif; line-height:1.6; }
a { color:inherit; }
.section-shell { width:min(1160px,calc(100% - 64px)); margin-inline:auto; }
.site-header { height:78px; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:0 max(32px,calc((100vw - 1160px)/2)); border-bottom:1px solid var(--line); background:rgba(247,249,248,.95); position:sticky; top:0; z-index:10; backdrop-filter:blur(12px); }
.brand { color:var(--navy); text-decoration:none; font-family:Manrope,Arial,sans-serif; font-size:1.08rem; letter-spacing:-.03em; font-weight:800; }.brand span { color:var(--teal); }
.main-nav { display:flex; gap:30px; color:var(--muted); font-size:.88rem; }.main-nav a,.header-link,.lang-links a { text-decoration:none; }.main-nav a:hover,.header-link:hover { color:var(--blue); }.header-actions { display:flex; align-items:center; gap:18px; }.lang-links { display:flex; gap:5px; padding-left:14px; border-left:1px solid var(--line); }.lang-links a { color:var(--muted); font-size:.68rem; font-weight:700; padding:4px 5px; }.lang-links a.active,.lang-links a:hover { color:var(--blue); }
.header-link { color:var(--blue); font-size:.88rem; font-weight:700; white-space:nowrap; }
.hero { min-height:640px; padding-top:110px; padding-bottom:90px; display:grid; grid-template-columns:1.35fr .65fr; align-items:center; gap:70px; }
.eyebrow,.section-label { text-transform:uppercase; letter-spacing:.16em; color:var(--blue); font-size:.72rem; font-weight:700; }.eyebrow { margin:0 0 24px; }
h1,h2,h3 { font-family:Manrope,Arial,sans-serif; line-height:1.08; margin:0; }.hero h1 { font-size:clamp(2.8rem,6vw,5.6rem); letter-spacing:-.065em; }.hero h1 em { color:var(--blue); font-style:normal; }
.hero-lead { max-width:650px; color:var(--muted); font-size:1.13rem; margin:32px 0 34px; }.hero-actions,.cta-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:3px; text-decoration:none; font-size:.86rem; font-weight:700; }.button-primary { color:var(--white); background:var(--blue); }.button-primary:hover { background:var(--navy); }.button-outline { border:1px solid var(--blue); color:var(--blue); }.text-link { color:var(--blue); text-decoration:none; font-size:.88rem; font-weight:700; }.text-link span { margin-left:8px; }
.hero-side { display:flex; flex-direction:column; align-items:center; }.portrait-wrap { width:min(320px,100%); aspect-ratio:1; border-radius:18px; background:#d9ece9; padding:9px; box-shadow:18px 18px 0 #dcefeb; }.portrait-wrap img { width:100%; height:100%; object-fit:cover; object-position:center top; border-radius:12px; filter:grayscale(8%); }.location { margin-top:29px; color:var(--muted); font-size:.78rem; text-align:center; }.status-dot { display:inline-block; width:8px; height:8px; margin-right:5px; border-radius:50%; background:#4ba88e; }
.proof-strip { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--white); padding:28px max(32px,calc((100vw - 1160px)/2)); }.proof-strip div { display:flex; align-items:center; gap:16px; padding:0 24px; border-right:1px solid var(--line); }.proof-strip div:first-child { padding-left:0; }.proof-strip div:last-child { border:0; }.proof-strip strong { color:var(--blue); font:800 2.1rem/1 Manrope,Arial,sans-serif; }.proof-strip span { color:var(--muted); font-size:.76rem; line-height:1.35; }
.section { padding-top:120px; padding-bottom:120px; }.section-label { margin-bottom:55px; color:var(--muted); }.two-col,.ai-layout { display:grid; grid-template-columns:1fr 1fr; gap:90px; }.two-col h2,.ai-layout h2,.cta h2 { font-size:clamp(2rem,4vw,3.55rem); letter-spacing:-.055em; }.body-copy { color:var(--muted); font-size:1.02rem; }.body-copy p { margin:0 0 22px; }.body-copy strong { color:var(--ink); }
.tinted { background:#eaf2f1; }.cards-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.value-card { min-height:305px; padding:32px; border:1px solid #d6e3e0; background:rgba(255,255,255,.58); }.value-card h3 { font-size:1.45rem; margin:34px 0 16px; }.value-card p { color:var(--muted); font-size:.9rem; }.card-number { color:var(--blue); font-size:.72rem; font-weight:700; letter-spacing:.1em; }.accent-card { background:var(--navy); color:white; border-color:var(--navy); }.accent-card p { color:#c0d0d6; }.accent-card .card-number { color:var(--teal); }.tag-row { display:flex; flex-wrap:wrap; gap:7px; margin-top:25px; }.tag-row span { border:1px solid #b8d2cd; border-radius:30px; padding:5px 9px; color:var(--blue); font-size:.68rem; }.accent-card .tag-row span { border-color:#496b78; color:#bfe3dd; }
.value-map-section { background:var(--white); }.value-map-intro { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:end; }.value-map-intro h2 { font-size:clamp(2rem,4vw,3.55rem); letter-spacing:-.055em; }.value-map-intro p { color:var(--muted); max-width:500px; margin:0; }.value-flow { display:grid; grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr; gap:12px; align-items:stretch; margin-top:58px; }.flow-step { min-height:210px; padding:23px; background:#f2f8f7; border:1px solid #d8e7e3; }.flow-step span,.outcome-grid > div:first-child > span { color:var(--blue); font-size:.7rem; font-weight:700; letter-spacing:.14em; }.flow-step h3 { font-size:1.18rem; margin:30px 0 13px; }.flow-step p { color:var(--muted); font-size:.83rem; line-height:1.5; margin:0; }.flow-arrow { display:flex; align-items:center; justify-content:center; color:var(--teal); font-size:1.45rem; }.result-step { background:var(--navy); border-color:var(--navy); color:var(--white); }.result-step span { color:var(--teal); }.result-step p { color:#c0d0d6; }.outcome-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; margin-top:27px; padding:25px 0 0; border-top:1px solid var(--line); }.outcome-grid h3 { max-width:480px; font-size:1.25rem; margin:10px 0 0; }.outcome-tags { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }.outcome-tags span { border:1px solid #bbd4cf; color:var(--blue); border-radius:30px; padding:8px 13px; font-size:.76rem; font-weight:700; }
.section-intro { max-width:500px; color:var(--muted); font-size:1.05rem; margin-top:25px; }.ai-list { border-top:1px solid var(--line); }.ai-list div { display:grid; grid-template-columns:54px 1fr; gap:10px; padding:19px 0; border-bottom:1px solid var(--line); }.ai-list span { color:var(--teal); font-weight:700; }.ai-list p { margin:0; color:var(--muted); font-size:.91rem; }.ai-list strong { color:var(--ink); }
.timeline { border-top:1px solid #cddbd9; }.timeline-item { display:grid; grid-template-columns:205px 1fr; gap:40px; padding:29px 0; border-bottom:1px solid #cddbd9; }.timeline-item .time { color:var(--blue); font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.timeline-item h3 { font-size:1.18rem; }.timeline-item h3 span { display:block; color:var(--blue); font:500 .9rem "DM Sans",Arial,sans-serif; margin-top:5px; }.timeline-item p { color:var(--muted); font-size:.9rem; margin:11px 0 0; max-width:700px; }.timeline-item.current h3:before { content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--teal); margin:0 9px 2px 0; }
.credentials { padding-bottom:130px; }.credential-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }.credential-grid > div { border-top:2px solid var(--blue); padding-top:18px; }.credential-grid span { text-transform:uppercase; color:var(--muted); letter-spacing:.15em; font-size:.7rem; font-weight:700; }.credential-grid h3 { margin:25px 0; font-size:1.25rem; }.credential-grid h3 small { color:var(--muted); font:400 .88rem "DM Sans",Arial,sans-serif; }.credential-grid p { color:var(--muted); font-size:.92rem; }
.cta { padding-top:100px; padding-bottom:100px; text-align:center; }.cta .eyebrow { margin-bottom:21px; }.cta h2 { margin-bottom:34px; }.cta-actions { justify-content:center; }.site-footer { display:flex; justify-content:space-between; gap:20px; padding-top:25px; padding-bottom:25px; border-top:1px solid var(--line); color:var(--muted); font-size:.75rem; }.site-footer a { color:var(--blue); text-decoration:none; }
@media(max-width:800px) { .section-shell { width:min(100% - 40px,620px); }.site-header { height:64px; padding:0 20px; }.main-nav { display:none; }.header-actions { gap:10px; }.header-link { font-size:.78rem; }.hero { grid-template-columns:1fr; padding-top:70px; text-align:center; gap:46px; }.hero-lead { margin-left:auto; margin-right:auto; }.hero-actions { justify-content:center; }.portrait-wrap { width:210px; }.proof-strip { grid-template-columns:repeat(2,1fr); padding:0 20px; }.proof-strip div { padding:22px 12px; }.proof-strip div:nth-child(2) { border-right:0; }.proof-strip div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.proof-strip div:first-child { padding-left:12px; }.two-col,.ai-layout,.value-map-intro,.outcome-grid { grid-template-columns:1fr; gap:38px; }.value-flow { grid-template-columns:1fr; gap:8px; margin-top:35px; }.flow-arrow { transform:rotate(90deg); height:24px; }.outcome-tags { justify-content:flex-start; }.section { padding-top:75px; padding-bottom:75px; }.section-label { margin-bottom:32px; }.cards-grid,.credential-grid { grid-template-columns:1fr; }.value-card { min-height:auto; }.timeline-item { grid-template-columns:1fr; gap:10px; }.site-footer { flex-direction:column; text-align:center; } }