:root { --ink:#143438; --muted:#5f7174; --line:#d7e3e3; --teal:#0d535b; --aqua:#d9f0ee; --paper:#fbfcfb; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:ui-rounded, "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif; line-height:1.6; }
.topbar, main, footer { max-width:1120px; margin:auto; padding-left:32px; padding-right:32px; }
.topbar { min-height:82px; display:flex; align-items:center; justify-content:space-between; }
.brand { color:var(--ink); text-decoration:none; font-size:22px; font-weight:750; letter-spacing:-.6px; }.brand span { color:#16858a; }
.language-switch { border:1px solid var(--line); color:var(--teal); background:white; border-radius:999px; padding:8px 15px; font:inherit; font-size:14px; cursor:pointer; }.language-switch:hover { background:var(--aqua); }
.hero { padding:80px 72px; border-radius:30px; color:white; overflow:hidden; position:relative; background:linear-gradient(130deg,#0b4851,#11747a); box-shadow:0 20px 60px #0d535b28; }.hero:after { content:""; width:360px; height:360px; position:absolute; right:-130px; top:-135px; border:52px solid #83d5d05e; border-radius:50%; }
.hero>* { position:relative; z-index:1; }.eyebrow,.section-label { margin:0 0 14px; color:#66afa9; letter-spacing:1.6px; font-size:12px; font-weight:800; }.hero .eyebrow { color:#a5e2dd; }.hero h1 { max-width:670px; margin:0; font-size:clamp(40px,6vw,70px); line-height:1.05; letter-spacing:-2.5px; }.intro { max-width:620px; margin:27px 0 34px; color:#e1f2f0; font-size:19px; }.button { display:inline-block; border-radius:999px; padding:13px 21px; color:#09494f; background:#e0f6f3; font-weight:750; text-decoration:none; }.button:hover { background:white; }
.support-card { margin:70px 0; padding:44px 48px; border:1px solid var(--line); border-radius:22px; background:white; display:flex; gap:32px; align-items:center; justify-content:space-between; }.support-card h2,.faq h2,.notice h2 { margin:0 0 13px; font-size:30px; letter-spacing:-1px; }.support-card p,.notice p { max-width:665px; margin:0; color:var(--muted); }.email { flex:none; color:var(--teal); font-size:17px; font-weight:750; overflow-wrap:anywhere; }
.faq { padding:12px 0 70px; }.faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:28px; } details { border:1px solid var(--line); border-radius:16px; padding:20px 22px; background:white; } summary { cursor:pointer; font-weight:750; padding-right:10px; } details p { color:var(--muted); margin:14px 0 0; font-size:15px; }
.notice { padding:36px 42px; margin-bottom:65px; border-left:5px solid #60aaa5; background:#edf8f7; border-radius:0 18px 18px 0; }.notice h2 { font-size:22px; }
footer { min-height:90px; padding-top:24px; padding-bottom:28px; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:var(--muted); font-size:14px; } footer a { color:var(--teal); }
@media (max-width:700px) { .topbar,main,footer { padding-left:20px; padding-right:20px; }.topbar { min-height:68px; }.hero { padding:58px 28px; border-radius:22px; }.hero h1 { letter-spacing:-1.6px; }.intro { font-size:17px; }.support-card { margin:46px 0; padding:30px 26px; display:block; }.email { display:inline-block; margin-top:24px; }.faq { padding-bottom:46px; }.faq-grid { grid-template-columns:1fr; }.notice { padding:30px 26px; margin-bottom:46px; } }