/* ---------- site pages ---------- */
.phero{padding-top:calc(env(safe-area-inset-top,0px) + 150px);display:grid;gap:22px;max-width:860px}
.phero h1{font-size:clamp(2.4rem,4.6vw,3.9rem);text-wrap:balance}
.phero--center{margin-inline:auto;text-align:center;justify-items:center}
.phero .crumbs{padding-top:0}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{padding:28px;border-radius:var(--r-lg);display:grid;align-content:start;gap:12px}
.card h3{font-size:1.2rem}
.card p{color:var(--muted);font-size:.97rem;line-height:1.6}
.card .btn{justify-self:start;margin-top:6px}
.ic-badge{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(61,213,255,.18),rgba(155,61,255,.22));border:1px solid var(--line)}
.ic-badge .ic{width:22px;height:22px;color:#fff}
.ic-badge--lg{width:72px;height:72px;border-radius:22px}.ic-badge--lg .ic{width:34px;height:34px}
.ftiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ftile{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:18px;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(255,255,255,.035);transition:background .2s,transform .2s,border-color .2s}
.ftile:hover{background:rgba(255,255,255,.08);transform:translateY(-2px);border-color:var(--line-2)}
.ftile .ic-badge{width:44px;height:44px;border-radius:12px}
.ftile b{display:block;color:#fff;font-weight:600;margin-bottom:3px}
.ftile span{color:var(--muted);font-size:.88rem;line-height:1.45;display:block}
.fcat+.fcat{margin-top:56px}
.fcat h2{font-size:clamp(1.4rem,2.2vw,1.8rem);margin-bottom:20px}
.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,80px);align-items:start}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.checks li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;color:#D8D8F4}
.checks .ic{width:20px;height:20px;color:var(--mint,#34D399);margin-top:3px}
.aside-card{padding:28px;border-radius:var(--r-lg);display:grid;gap:16px}
.aside-card h2,.aside-card h3{font-size:1.3rem}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags span{padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:.9rem;color:#D8D8F4}
.legaldoc{max-width:760px}
.legaldoc h2{font-size:1.5rem}.legaldoc h3{font-size:1.2rem}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.toc a{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:.92rem}
.toc a:hover{background:rgba(255,255,255,.1)}
.note{padding:18px 20px;border-radius:var(--r-md);border:1px solid var(--line-2);background:rgba(61,213,255,.06);color:#D8D8F4}
.guide-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.guide-list a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 4px;border-bottom:1px solid var(--line);color:#fff;font-weight:500}
.guide-list a:hover{color:var(--cyan)}
.guide-list small{color:var(--faint);font-weight:400}
.qrbox{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center}
.qrbox img{width:150px;height:150px;border-radius:16px;background:#fff;padding:10px}
.timeline h2{font-size:1.9rem;padding-top:18px;border-top:1px solid var(--line)}
.timeline h2:first-child{border-top:0;padding-top:0}
@media (max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ftiles{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.cards,.cards--2,.ftiles{grid-template-columns:minmax(0,1fr)}.phero{padding-top:calc(env(safe-area-inset-top,0px) + 124px)}.qrbox{grid-template-columns:1fr}}