:root { --ink:#0d1726; --muted:#647184; --paper:#f6f8fb; --line:#dce3eb; --lime:#d6ff61; --blue:#4f72ff; --card:#fff; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,system-ui,sans-serif; } a { color:inherit; text-decoration:none; } .wrap { max-width:1180px; margin:auto; padding:0 28px; }
header { padding:25px 0; position:absolute; top:0; left:0; right:0; z-index:5; } nav { display:flex; justify-content:space-between; align-items:center; }.brand { font-weight:800; letter-spacing:-.06em; font-size:1.35rem; }.brand span { color:var(--blue); }.links { display:flex; gap:30px; align-items:center; font-size:.88rem; color:#435064; }.links a:hover { color:var(--ink); }.nav-cta,.button { display:inline-flex; align-items:center; gap:10px; background:var(--ink); color:white; padding:13px 18px; border-radius:999px; font-weight:700; font-size:.84rem; transition:.2s; }.nav-cta:hover,.button:hover { transform:translateY(-2px); background:var(--blue); }
.eyebrow { font-family:'DM Mono',monospace; text-transform:uppercase; letter-spacing:.13em; font-size:.72rem; color:var(--blue); margin-bottom:21px; } h1 { font-size:clamp(3.2rem,7vw,6.5rem); line-height:.94; letter-spacing:-.085em; margin:0 0 27px; max-width:760px; } h1 em { font-style:normal; color:var(--blue); }.lead { max-width:555px; font-size:1.15rem; line-height:1.7; color:var(--muted); margin-bottom:34px; }.page-hero { padding:175px 0 105px; background:radial-gradient(circle at 82% 32%,#dce5ff 0,transparent 28%),linear-gradient(135deg,#f7f9fc 0,#eef2f8 100%); }.page-hero.compact { padding-bottom:90px; }.references { padding:100px 0; }.reference-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.reference { background:white; border:1px solid var(--line); border-radius:20px; padding:34px; min-height:355px; display:flex; flex-direction:column; justify-content:space-between; }.reference.dark { color:white; background:var(--ink); border-color:var(--ink); }.reference.lime { background:var(--lime); border-color:var(--lime); }.reference-meta { font:500 .72rem 'DM Mono'; text-transform:uppercase; letter-spacing:.1em; color:var(--blue); }.dark .reference-meta { color:var(--lime); }.reference h2 { font-size:2rem; line-height:1.02; letter-spacing:-.06em; margin:38px 0 14px; }.reference p { line-height:1.65; color:var(--muted); max-width:470px; }.dark p { color:#aeb9c9; }.tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }.tags span { border:1px solid var(--line); border-radius:999px; padding:7px 11px; font-size:.7rem; }.dark .tags span { border-color:#ffffff33; }.contact { padding:130px 0; background:var(--lime); }.contact h2 { max-width:700px; font-size:clamp(2.1rem,4vw,4rem); line-height:1; letter-spacing:-.07em; margin:0; }.contact-row { display:flex; justify-content:space-between; gap:30px; align-items:end; }.contact .button { margin-top:34px; }.contact-note { max-width:280px; line-height:1.6; font-size:.9rem; }.legal { padding:100px 0 150px; }.legal-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; max-width:960px; }.legal h2 { font-size:2rem; letter-spacing:-.06em; margin:0 0 18px; }.legal h3 { font-size:1rem; margin:38px 0 10px; }.legal p { color:var(--muted); line-height:1.75; }.legal a { color:var(--blue); } footer { background:var(--ink); color:white; padding:35px 0; }.footer-row { display:flex; justify-content:space-between; gap:25px; color:#aeb9c9; font-size:.8rem; }.footer-row strong { color:white; }
@media(max-width:760px) { .links a:not(.nav-cta) { display:none; }.reference-grid,.legal-grid { grid-template-columns:1fr; gap:18px; }.page-hero { padding-top:145px; }.section-head,.contact-row { display:block; }.contact-note { margin-top:35px; }.footer-row { display:block; }.footer-row > * { display:block; margin-bottom:12px; } }