:root { --ink:#172226; --muted:#687578; --cream:#f5f1ea; --paper:#fbfaf7; --coral:#e86e59; --blue:#8ebbc3; --gold:#e1ae58; --line:rgba(23,34,38,.14); --radius:28px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
.site-header,.site-footer { max-width:1240px; margin:auto; padding:28px 36px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-header { border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:18px; font-weight:800; letter-spacing:.12em; }
.brand-mark { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; color:#fff; background:var(--ink); font-size:16px; letter-spacing:0; }
nav,.site-footer>div { display:flex; align-items:center; gap:28px; font-size:14px; }
nav a:not(.button),.site-footer a:not(.brand) { color:var(--muted); }
.button { display:inline-flex; align-items:center; gap:14px; width:max-content; padding:15px 21px; border-radius:99px; color:#fff; background:var(--ink); font-weight:700; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-2px); background:#2c4449; }
.button-small { padding:11px 16px; font-size:13px; }
.hero { max-width:1240px; min-height:650px; margin:auto; padding:90px 36px 110px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:80px; }
.eyebrow { margin:0 0 18px; color:var(--coral); font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:720px; margin-bottom:26px; font-size:clamp(54px,7vw,92px); font-weight:500; letter-spacing:-.075em; line-height:.98; }
.hero-lead { max-width:520px; color:var(--muted); font-size:19px; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:25px; margin-top:36px; }
.text-link { display:inline-flex; align-items:center; gap:10px; padding-bottom:4px; border-bottom:1px solid currentColor; font-weight:700; }
.hero-card { position:relative; min-height:430px; overflow:hidden; padding:42px; display:flex; flex-direction:column; justify-content:space-between; border-radius:var(--radius); background:#d9e9e6; isolation:isolate; }
.hero-card:before { position:absolute; inset:28px; border:1px solid rgba(23,34,38,.18); border-radius:50%; content:""; transform:rotate(-14deg) scaleX(1.15); z-index:-1; }
.orb { position:absolute; border-radius:50%; filter:blur(1px); z-index:-2; }.orb-one { width:270px; height:270px; right:-35px; top:-45px; background:var(--coral); opacity:.9; }.orb-two { width:240px; height:240px; left:-55px; bottom:15px; background:var(--gold); opacity:.9; }
.card-kicker { font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }.card-title { margin:0; font-size:64px; letter-spacing:-.08em; line-height:.95; }.card-title em { color:var(--coral); font-family:Georgia,serif; font-weight:400; }.card-footer { display:flex; justify-content:space-between; border-top:1px solid rgba(23,34,38,.25); padding-top:14px; font-size:12px; }
.statement,.univers,.business { max-width:1240px; margin:auto; padding:120px 36px; }.statement { border-top:1px solid var(--line); }.statement h2,.section-heading h2,.business h2 { max-width:760px; margin-bottom:24px; font-size:clamp(40px,5vw,70px); font-weight:500; letter-spacing:-.07em; line-height:1; }.statement>p:last-child { max-width:590px; margin-left:auto; color:var(--muted); font-size:18px; }
.section-heading { display:flex; justify-content:space-between; gap:50px; align-items:end; margin-bottom:45px; }.section-heading h2 { margin:0; font-size:clamp(36px,4vw,58px); }.universe-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.universe-card { min-height:310px; padding:30px; display:flex; flex-direction:column; border-radius:var(--radius); }.universe-card.coral { background:#f0d3c8; }.universe-card.blue { background:#c9e1e2; }.universe-card.gold { background:#f0dfb9; }.card-number { font-size:12px; font-weight:800; }.universe-card h3 { margin:45px 0 10px; font-size:35px; font-weight:500; letter-spacing:-.06em; }.universe-card p { max-width:270px; color:rgba(23,34,38,.72); }.universe-card a { margin-top:auto; font-size:14px; font-weight:800; }
.business { display:grid; grid-template-columns:1fr 1fr; gap:100px; padding-top:100px; padding-bottom:100px; background:var(--ink); color:#fff; max-width:none; padding-left:max(36px,calc((100% - 1168px)/2)); padding-right:max(36px,calc((100% - 1168px)/2)); }.business .eyebrow { color:var(--gold); }.business h2 { margin:0; }.business p:not(.eyebrow) { max-width:440px; color:#b9c4c3; font-size:18px; }.business .text-link { margin-top:20px; }
.final-cta { padding:130px 36px; text-align:center; }.final-cta h2 { margin:0 auto 34px; font-size:clamp(45px,6vw,82px); font-weight:500; letter-spacing:-.08em; line-height:1; }.final-cta .eyebrow { color:var(--blue); }.site-footer { border-top:1px solid var(--line); color:var(--muted); font-size:13px; }.site-footer p { margin:0; }
@media (max-width:760px) { .site-header,.site-footer { padding:20px; }.site-header nav a:not(.button) { display:none; }.hero { display:block; padding:70px 20px 80px; }.hero-card { min-height:360px; margin-top:55px; padding:28px; }.card-title { font-size:52px; }.statement,.univers { padding:80px 20px; }.statement>p:last-child { margin-left:0; }.section-heading { display:block; }.universe-grid,.business { grid-template-columns:1fr; }.business { padding:80px 20px; gap:45px; }.site-footer { flex-wrap:wrap; }.site-footer p { order:3; width:100%; } }