:root{--ink:#17212b;--muted:#64717d;--surface:#f4f7f9;--line:#dce3e8;--accent:#b99a5b;--navy:#173043;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--white);line-height:1.65}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.narrow{max-width:820px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.16em;text-decoration:none}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--accent);border-radius:50%;color:var(--navy)}nav{display:flex;gap:24px}nav a{text-decoration:none;font-weight:600;font-size:14px}.hero{padding:90px 0;background:linear-gradient(135deg,#eef3f6,#fff)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:64px}.eyebrow{display:inline-block;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:12px}h1{font-size:clamp(38px,5vw,68px);line-height:1.05;margin:18px 0 24px;color:var(--navy)}h2{font-size:36px;line-height:1.15;color:var(--navy)}h3{color:var(--navy)}p{color:var(--muted)}.button{display:inline-block;background:var(--navy);color:var(--white);padding:14px 22px;border-radius:6px;text-decoration:none;font-weight:700}.hero-card{min-height:360px;border:1px solid var(--line);border-radius:18px;background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 60px rgba(23,48,67,.10);color:var(--muted)}.hero-card small{margin-top:8px}.section{padding:84px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.cards article{border:1px solid var(--line);padding:28px;border-radius:12px;background:var(--white)}.site-footer{background:var(--navy);color:var(--white);padding:40px 0}.site-footer p,.site-footer a{color:#dce4ea}.footer-grid{display:flex;justify-content:space-between;gap:30px}@media(max-width:800px){.header-inner{align-items:flex-start;padding:18px 0;flex-direction:column}nav{flex-wrap:wrap;gap:14px}.hero{padding:60px 0}.hero-grid,.cards{grid-template-columns:1fr}.hero-card{min-height:240px}.footer-grid{flex-direction:column}h1{font-size:42px}}
