:root { color-scheme: light; --ink:#17342f; --muted:#5a6e69; --mint:#49a88f; --mint-soft:#e4f5ef; --blue-soft:#edf6fb; --line:#dbe9e3; --paper:#fbfdfc; --card:#ffffff; --shadow:0 12px 35px rgba(23,52,47,.08); }
* { box-sizing:border-box; } html { background:var(--paper); } body { margin:0; color:var(--ink); background:var(--paper); font-family:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.6; } a { color:#157560; text-underline-offset:3px; } a:focus-visible, summary:focus-visible { outline:3px solid #81cbb8; outline-offset:3px; border-radius:6px; } .shell { width:min(100% - 32px, 1060px); margin:auto; } header { border-bottom:1px solid var(--line); background:rgba(251,253,252,.96); } .nav { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:20px; } .brand { color:var(--ink); font-size:1.15rem; font-weight:800; text-decoration:none; letter-spacing:-.02em; } nav { display:flex; flex-wrap:wrap; gap:18px; } nav a { color:var(--muted); font-weight:700; text-decoration:none; } nav a[aria-current="page"] { color:#157560; } main { padding:48px 0 72px; } .hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr); gap:36px; align-items:center; padding:28px 0 44px; } .eyebrow { color:#16806a; font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; } h1,h2,h3 { letter-spacing:-.035em; line-height:1.15; } h1 { max-width:650px; font-size:clamp(2.3rem,5vw,4.25rem); margin:.4rem 0 1rem; } h2 { margin:2.7rem 0 1rem; font-size:clamp(1.6rem,3vw,2.15rem); } h3 { margin:1.75rem 0 .7rem; font-size:1.25rem; } .lede { max-width:620px; color:var(--muted); font-size:1.12rem; } .hero-art { width:100%; border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); } .action-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; } .button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border-radius:12px; background:#1c7664; color:white; font-weight:800; text-decoration:none; } .button.secondary { border:1px solid #8ecdbd; background:transparent; color:#176d5d; } .grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } .card { padding:22px; border:1px solid var(--line); border-radius:18px; background:var(--card); box-shadow:0 4px 16px rgba(23,52,47,.04); } .card h2 { margin:0 0 .65rem; font-size:1.2rem; } .card p { margin:0; color:var(--muted); } .faq { display:grid; gap:10px; } details { padding:18px 20px; border:1px solid var(--line); border-radius:15px; background:var(--card); } summary { cursor:pointer; font-weight:800; } details p { color:var(--muted); margin:12px 0 0; } .notice { margin-top:34px; padding:20px; border-left:4px solid var(--mint); border-radius:12px; background:var(--mint-soft); color:#26574c; } .legal { max-width:820px; } .legal > h1 { font-size:clamp(2.25rem,4vw,3.4rem); } .legal p,.legal li { color:#314641; } .legal ul,.legal ol { padding-left:1.35rem; } .legal li + li { margin-top:.45rem; } code { padding:.12em .35em; border-radius:5px; background:#edf3f0; font-size:.92em; } .table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:14px; } table { width:100%; border-collapse:collapse; min-width:560px; } th,td { padding:13px 15px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; } th { background:var(--blue-soft); font-size:.86rem; } tr:last-child td { border-bottom:0; } footer { border-top:1px solid var(--line); color:var(--muted); font-size:.92rem; } .footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; padding:26px 0; } @media (max-width:720px) { .shell { width:min(100% - 28px, 1060px); } .nav { min-height:64px; align-items:flex-start; padding:15px 0; flex-direction:column; } main { padding-top:30px; } .hero { grid-template-columns:1fr; gap:20px; } .hero-art { max-width:520px; } .grid { grid-template-columns:1fr; } h1 { font-size:2.5rem; } .legal { max-width:none; } }