:root { color-scheme: light; --ink:#192022; --muted:#5e6b70; --line:#d9e1e4; --blue:#135e75; --teal:#0f766e; --gold:#a46910; --paper:#f7f8f6; --white:#fff; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; color:var(--ink); background:var(--paper); line-height:1.6; }
a { color:var(--blue); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.skip { position:absolute; left:-9999px; top:0; background:#fff; padding:8px; }
.skip:focus { left:8px; z-index:10; }
.header { border-bottom:1px solid var(--line); background:rgba(255,255,255,.94); position:sticky; top:0; z-index:5; backdrop-filter: blur(12px); }
.nav { max-width:1120px; margin:0 auto; padding:14px 20px; display:flex; align-items:center; gap:18px; justify-content:space-between; }
.brand { font-weight:800; color:var(--ink); letter-spacing:0; text-decoration:none; }
.navlinks { display:flex; gap:14px; flex-wrap:wrap; font-size:14px; }
.navlinks a { color:var(--muted); text-decoration:none; }
.hero { max-width:1120px; margin:0 auto; padding:56px 20px 34px; display:grid; grid-template-columns: 1.2fr .8fr; gap:32px; align-items:center; }
.kicker { color:var(--teal); font-weight:750; margin:0 0 10px; }
h1 { font-size:clamp(34px, 5vw, 60px); line-height:1.04; margin:0 0 18px; letter-spacing:0; }
.lede { font-size:19px; color:#39464b; margin:0; max-width:740px; }
.placeholder { min-height:310px; border:1px dashed #9eb3ba; background:linear-gradient(135deg,#ffffff,#edf5f2); display:flex; align-items:center; justify-content:center; color:#64767c; text-align:center; padding:24px; }
.main { max-width:1120px; margin:0 auto; padding:22px 20px 64px; }
.panel { background:var(--white); border:1px solid var(--line); border-radius:8px; padding:28px; margin:18px 0; }
h2 { font-size:28px; margin:0 0 14px; letter-spacing:0; }
h3 { font-size:20px; margin:18px 0 8px; letter-spacing:0; }
ul { padding-left:22px; margin:10px 0; }
li { margin:8px 0; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.cta { display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; }
.button { display:inline-flex; align-items:center; min-height:42px; padding:10px 16px; border-radius:6px; background:var(--blue); color:#fff; text-decoration:none; font-weight:700; }
.button.secondary { background:transparent; color:var(--blue); border:1px solid var(--blue); }
.meta { color:var(--muted); font-size:14px; }
.footer { border-top:1px solid var(--line); padding:28px 20px; color:var(--muted); text-align:center; background:#fff; }
@media (max-width: 780px) { .hero { grid-template-columns:1fr; padding-top:34px; } .grid { grid-template-columns:1fr; } .nav { align-items:flex-start; flex-direction:column; } .panel { padding:22px; } }