:root { --ink:#25254f; --purple:#474787; --lilac:#f0effa; --paper:#fffdf8; --mint:#dbf1e8; --line:#deddf0; font-family:Jost,Arial,sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; } body { margin:0; line-height:1.6; } a { color:inherit; } .wrap { width:min(1120px, calc(100% - 40px)); margin:auto; } header { padding:20px 0; border-bottom:1px solid var(--line); background:rgba(255,253,248,.93); position:sticky; top:0; z-index:2; } .top { display:flex; align-items:center; justify-content:space-between; gap:25px; } .brand { color:var(--purple); font-weight:800; letter-spacing:-.04em; font-size:24px; text-decoration:none; } .brand span { color:#27a078; } nav { display:flex; flex-wrap:wrap; gap:17px; font-size:14px; } nav a { text-decoration:none; } nav a:hover, nav a[aria-current="page"] { color:var(--purple); font-weight:700; } .hero { padding:92px 0 70px; background:radial-gradient(circle at 80% 20%, var(--mint), transparent 30%),radial-gradient(circle at 15% 80%, #e9e6fa, transparent 30%); } .eyebrow { color:var(--purple); letter-spacing:.14em; font-size:12px; font-weight:800; } h1 { font-size:clamp(42px,7vw,76px); line-height:1.04; letter-spacing:-.06em; max-width:780px; margin:14px 0 24px; } h2 { font-size:32px; line-height:1.15; letter-spacing:-.04em; } h3 { margin-bottom:8px; } p { max-width:720px; } .button { display:inline-block; margin-top:18px; padding:12px 19px; background:var(--purple); color:#fff; border-radius:9px; text-decoration:none; font-weight:700; } section { padding:65px 0; } .cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .card { padding:25px; background:#fff; border-radius:18px; } .callout { padding:30px; border-radius:20px; background:var(--purple); color:#fff; } .callout h2,.callout p { color:#fff; } .two { display:grid; grid-template-columns:1fr 1fr; gap:50px; } .quote { padding:25px; border-left:5px solid #44b891; background:var(--lilac); font-size:21px; } form { display:grid; gap:12px; max-width:620px; } label { font-size:14px; font-weight:700; } input,textarea { display:block; width:100%; margin-top:5px; padding:12px; border:1px solid var(--line); border-radius:8px; font:inherit; } footer { padding:30px 0; background:#25254f; color:#fff; } #absolute-language-picker { margin-left:auto; } @media(max-width:720px){ .top,.two { display:block; } nav { margin-top:14px; } .cards { grid-template-columns:1fr; } .hero { padding:65px 0 50px; } }