:root{
  --ink:var(--site-text,#17313a);--muted:var(--site-muted,#657a82);--glass:rgba(255,255,255,.72);
  --line:rgba(40,67,73,.14);--shadow:0 24px 65px rgba(31,70,78,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,"Segoe UI",sans-serif;color:var(--ink);background:var(--site-background,transparent)}
a{color:inherit}
.topbar{height:92px;display:flex;align-items:center;padding:0 5vw;gap:20px;position:relative;z-index:20}
.brand{font-weight:800;letter-spacing:.28em;text-decoration:none;white-space:nowrap}
.home-btn{margin-left:10px;text-decoration:none;border:1px solid currentColor;border-radius:999px;padding:7px 10px;font-size:9px;letter-spacing:.14em;opacity:.58}
.home-btn:hover{opacity:1}
.mainnav{margin-left:auto;display:flex;gap:30px;align-items:center}
.mainnav a{text-decoration:none;font-size:12px;letter-spacing:.13em;opacity:.58;white-space:nowrap}
.mainnav a:hover,.mainnav a.active{opacity:1}
.page-wrap{width:min(1180px,90vw);margin:auto;padding:78px 0 100px}
.eyebrow{font-size:11px;letter-spacing:.24em;opacity:.65;margin-bottom:22px}
.page-title{margin:0;font-size:clamp(56px,8.2vw,118px);line-height:.9;letter-spacing:-.055em;font-weight:500;white-space:nowrap}
.intro{max-width:720px;margin:28px 0 52px;font-size:18px;line-height:1.75;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.card{border-radius:34px 64px 34px 64px;border:1px solid rgba(255,255,255,.7);background:var(--site-surface,rgba(255,255,255,.55));box-shadow:var(--shadow);padding:30px;text-decoration:none;color:inherit;transition:.25s}
.card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(31,70,78,.18)}
.card small{font-size:10px;letter-spacing:.18em;opacity:.55}
.card h3{font-size:clamp(24px,2.8vw,42px);font-weight:500;margin:16px 0;white-space:nowrap}
.card p{line-height:1.75;color:var(--muted);margin:0}
.go{display:inline-block;margin-top:18px;font-size:10px;letter-spacing:.14em;opacity:.55}
@media(max-width:800px){
 .topbar{height:auto;min-height:78px;padding:18px 4vw;flex-wrap:wrap}
 .mainnav{width:100%;margin-left:0;justify-content:space-between;gap:8px}
 .mainnav a{font-size:9px;letter-spacing:.05em}
 .page-wrap{padding-top:55px}
 .page-title{font-size:clamp(42px,13vw,78px)}
 .cards{grid-template-columns:1fr}
 .card h3{font-size:clamp(24px,7vw,36px)}
}