*{box-sizing:border-box}body{margin:0;background:var(--canvas,#fff);color:var(--ink,#0e1f24);font-family:var(--font-body,"Hanken Grotesk",system-ui,sans-serif)}
a{color:var(--primary,#0e8a7d)}.w{max-width:1100px;margin:0 auto;padding:0 20px}
.bar{background:#06141a;color:rgba(255,255,255,.85);font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:9px 12px}
header{border-bottom:1px solid var(--hairline,#e3e8e6);background:#fff}header .w{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:wrap}
header img{height:38px;display:block}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:var(--ink,#0e1f24);text-decoration:none;font-size:15px}nav a.fr{border:1px solid var(--hairline,#e3e8e6);border-radius:999px;padding:6px 12px;font-size:13px}
.hero{background:linear-gradient(135deg,var(--canvas-mint,#eaf5f0),#fff);border-bottom:1px solid var(--hairline,#e3e8e6);padding:44px 0 36px}
.crumbs{font-size:13px;color:var(--ink-mute,#6b7b80);margin-bottom:14px}.crumbs a{color:var(--ink-mute,#6b7b80);text-decoration:none}
h1{font:var(--display-lg,600 34px/1.2 sans-serif);letter-spacing:-.3px;margin:0 0 14px;max-width:820px}
.lead{font:var(--body-lg,400 18px/1.6 sans-serif);color:var(--ink-secondary,#4a5a5f);max-width:780px;margin:0}
main .w{padding-top:34px;padding-bottom:70px}h2{font:var(--heading-lg,600 24px/1.3 sans-serif);margin:34px 0 12px}
p,li{font:var(--body-md,400 16px/1.7 sans-serif);color:var(--ink-secondary,#4a5a5f);line-height:1.75}
.grid{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:28px;align-items:start}.grid img{width:100%;border-radius:16px;border:1px solid var(--hairline,#e3e8e6);background:#f6f8f7}
table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--hairline,#e3e8e6)}th{color:var(--ink-mute,#6b7b80);font-weight:600;width:40%}
.btn{display:inline-block;background:var(--primary,#0e8a7d);color:#fff;text-decoration:none;padding:13px 22px;border-radius:999px;font-weight:600;margin-top:18px}
.note{border:1px solid var(--hairline,#e3e8e6);border-left:4px solid #b06a10;border-radius:12px;background:#fdf6ec;padding:16px 20px;margin-top:30px}.note p{margin:0;color:#5a4320}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.card{display:block;border:1px solid var(--hairline,#e3e8e6);border-radius:16px;padding:18px;text-decoration:none;color:inherit;background:#fff}
.card img{width:100%;height:150px;object-fit:contain;background:#f6f8f7;border-radius:10px;margin-bottom:10px}.card b{display:block;font-size:17px;color:var(--ink,#0e1f24);margin-bottom:6px}.card span{font-size:14px;color:var(--ink-secondary,#4a5a5f)}
details{border:1px solid var(--hairline,#e3e8e6);border-radius:12px;padding:14px 18px;margin-bottom:10px}summary{cursor:pointer;font-weight:600;color:var(--ink,#0e1f24)}
footer{border-top:1px solid var(--hairline,#e3e8e6);padding:36px 0;background:#fff}footer p{font-size:13px;margin:6px 0}
#gate{position:fixed;inset:0;z-index:9999;background:rgba(6,20,26,.82);display:none;align-items:center;justify-content:center;padding:20px}#gate>div{background:#fff;border-radius:18px;max-width:440px;padding:32px 28px;text-align:center}
#gate button{display:block;width:100%;border-radius:999px;padding:13px;font-size:15px;margin-top:10px;cursor:pointer}
@media(max-width:760px){.grid{grid-template-columns:1fr}h1{font-size:28px}}

.wa{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:999px;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,211,102,.38);z-index:800}
