/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ── TOKENS ── */
:root{
  --blue:#1d4ed8;--blue-d:#1e40af;--blue-l:#eff6ff;--blue-b:#bfdbfe;
  --green:#15803d;--green-l:#f0fdf4;--green-b:#86efac;
  --red:#dc2626;--red-l:#fef2f2;--red-b:#fca5a5;
  --amber:#b45309;--amber-l:#fffbeb;--amber-b:#fcd34d;
  --purple:#7c3aed;--purple-l:#f5f3ff;--purple-b:#c4b5fd;
  --ink:#0f172a;--ink2:#334155;--ink3:#64748b;--ink4:#94a3b8;
  --bg:#f1f5f9;--card:#fff;--border:#e2e8f0;
  --r:12px;--rs:8px;
  --sh:0 1px 3px rgba(0,0,0,.07),0 4px 14px rgba(0,0,0,.06);
  --sh2:0 6px 28px rgba(0,0,0,.11);
}

/* ── BASE ── */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
a,button{-webkit-tap-highlight-color:transparent;}
body{
  font-family:'Plus Jakarta Sans',sans-serif;
  background:var(--bg);color:var(--ink);
  font-size:17px; /* ↑ was 15px */
  line-height:1.7;overflow-x:hidden
}

/* ── ANIMATIONS ── */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(29,78,216,.4)}50%{box-shadow:0 0 0 7px rgba(29,78,216,0)}}

/* ── NAV ── */
nav{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
.nav-inner{
  max-width:700px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 18px;height:60px; /* ↑ was 54px */
}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);}
.logo-badge{
  width:36px;height:36px;border-radius:9px;flex-shrink:0; /* ↑ was 32px */
  background:linear-gradient(135deg,var(--blue-d),#3b82f6);
  display:flex;align-items:center;justify-content:center;
  font-size:1.05rem;color:#fff;box-shadow:0 2px 8px rgba(29,78,216,.3); /* ↑ font */
}
.logo-name{font-weight:800;font-size:1.05rem;letter-spacing:-.02em;} /* ↑ was .95rem */
.logo-name span{color:var(--blue);}
.nav-check{
  background:var(--blue);color:#fff;
  padding:9px 18px;border-radius:8px; /* ↑ padding */
  font-size:.9rem;font-weight:700;text-decoration:none; /* ↑ was .78rem */
  transition:background .15s;
}
.nav-check:hover{background:var(--blue-d);}

/* ── HERO ── */
.hero{
  background:linear-gradient(160deg,#1e3a8a 0%,#1d4ed8 60%,#3b82f6 100%);
  color:#fff;text-align:center;
  padding:52px 20px 72px;
  position:relative;overflow:hidden;
  animation:up .5s ease both;
}
.hero::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 60% 50% at 15% 50%,rgba(96,165,250,.15) 0%,transparent 70%),
    radial-gradient(ellipse 50% 50% at 85% 50%,rgba(139,92,246,.12) 0%,transparent 70%);
}
.hero > *{position:relative}
.hero-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);
  border-radius:20px;padding:5px 14px;
  font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase; /* ↑ was .68rem */
  margin-bottom:18px;
}
.hero h1{
  font-size:clamp(1.85rem,5vw,2.8rem);font-weight:800; /* ↑ was 1.6rem */
  line-height:1.18;margin-bottom:14px;letter-spacing:-.025em;
}
.hero p{font-size:1.05rem;opacity:.88;max-width:480px;margin:0 auto 28px;font-weight:400;} /* ↑ was .93rem */
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn-hero-p{
  background:#fff;color:var(--blue);
  padding:13px 28px;border-radius:9px; /* ↑ padding */
  font-weight:800;font-size:1rem;text-decoration:none; /* ↑ was .88rem */
  box-shadow:0 4px 14px rgba(0,0,0,.18);transition:all .18s;
}
.btn-hero-p:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(0,0,0,.22);}
.btn-hero-s{
  background:rgba(255,255,255,.13);color:#fff;
  border:1.5px solid rgba(255,255,255,.3);
  padding:13px 22px;border-radius:9px; /* ↑ padding */
  font-weight:600;font-size:1rem;text-decoration:none;transition:background .18s; /* ↑ was .88rem */
}
.btn-hero-s:hover{background:rgba(255,255,255,.2);}
.hero-stats{
  display:flex;justify-content:center;flex-wrap:wrap;gap:26px;
  margin-top:36px;padding-top:26px;
  border-top:1px solid rgba(255,255,255,.15);
}
.stat-n{font-size:1.6rem;font-weight:800;} /* ↑ was 1.45rem */
.stat-l{font-size:.78rem;opacity:.75;margin-top:3px;font-weight:500;letter-spacing:.02em;} /* ↑ was .66rem */

/* ── PAGE WRAP ── */
.wrap{max-width:700px;margin:0 auto;padding:0 18px 100px;}

/* ── SECTION ── */
section{margin-top:52px;}
.sec-label{
  display:inline-flex;align-items:center;gap:5px;
  background:var(--blue-l);color:var(--blue);
  border:1px solid var(--blue-b);border-radius:20px;
  font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase; /* ↑ was .67rem */
  padding:4px 12px;margin-bottom:10px;
}
.sec-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:5px;} /* ↑ was 1.3rem */
.sec-sub{font-size:.95rem;color:var(--ink3);} /* ↑ was .83rem */

/* ── CARD BASE ── */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);}

/* ══════════════════════════════
   PORTAL LAUNCHER
══════════════════════════════ */
#check{margin-top:-36px;}

.portal-wrap{
  background:var(--card);border-radius:16px;
  box-shadow:0 8px 40px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.08);
  border:1px solid #d0d8e4;overflow:hidden;
  animation:up .55s .1s ease both;
}

/* Header */
.portal-hd{
  background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 70%,#2563eb 100%);
  color:#fff;padding:16px 18px;
  display:flex;align-items:center;gap:12px;
  position:relative;overflow:hidden;
}
.portal-hd::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 80% at 90% 50%,rgba(99,163,250,.12) 0%,transparent 70%);
  pointer-events:none;
}
.portal-hd > *{position:relative;}
.portal-hd-ic{
  width:44px;height:44px;min-width:44px; /* ↑ was 40px */
  background:rgba(255,255,255,.18);border-radius:11px;
  border:1px solid rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:center;font-size:1.35rem; /* ↑ font */
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.portal-hd-body{flex:1;min-width:0;}
.portal-hd h2{font-size:1.05rem;font-weight:800;margin-bottom:1px;} /* ↑ was .92rem */
.portal-hd p{font-size:.8rem;opacity:.78;margin-top:2px;font-weight:400;} /* ↑ was .69rem */
.portal-hd-tag{
  font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase; /* ↑ was .6rem */
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);
  border-radius:20px;padding:4px 11px;flex-shrink:0;
  display:flex;align-items:center;gap:5px;
}
.portal-hd-tag-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;animation:pulse-dot 2s infinite;}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 2px rgba(74,222,128,.3)}50%{box-shadow:0 0 0 5px rgba(74,222,128,0)}}

/* Tabs */
.portal-tabs{
  display:flex;border-bottom:2px solid var(--border);
  background:#f8fafc;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.portal-tabs::-webkit-scrollbar{display:none;}
.ptab{
  flex:1;min-width:0;padding:0 10px;height:50px; /* ↑ was 44px */
  border:none;background:transparent;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:.85rem;font-weight:600; /* ↑ was .73rem */
  color:var(--ink3);cursor:pointer;
  border-bottom:3px solid transparent;margin-bottom:-2px;
  transition:all .18s;white-space:nowrap;
  display:flex;align-items:center;justify-content:center;gap:6px;
}
.ptab:hover{color:var(--blue);background:var(--blue-l);}
.ptab.on{color:var(--blue);border-bottom-color:var(--blue);background:#fff;font-weight:700;}

/* ── Portal panels ── */
.portal-panel{display:none;padding:24px 20px 22px;}
.portal-panel.active{display:block;animation:up .22s ease both;}

/* District badge */
.portal-district{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--blue-l);border:1px solid var(--blue-b);
  border-radius:20px;padding:4px 12px;
  font-size:.78rem;font-weight:700;color:var(--blue); /* ↑ was .65rem */
  letter-spacing:.03em;text-transform:uppercase;margin-bottom:14px;
}

/* Portal name */
.portal-name{font-size:1.2rem;font-weight:800;color:var(--ink);margin-bottom:3px;letter-spacing:-.02em;} /* ↑ was 1.05rem */
.portal-np{font-size:.88rem;color:var(--ink3);margin-bottom:16px;font-weight:500;} /* ↑ was .75rem */

/* What you need strip */
.portal-needs{
  display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px;
}
.portal-need{
  display:flex;align-items:center;gap:6px;
  background:#f8fafc;border:1px solid var(--border);border-radius:8px;
  padding:6px 12px;font-size:.84rem;font-weight:600;color:var(--ink2); /* ↑ was .72rem */
}
.portal-need-ic{font-size:.9rem;}

/* Big open button */
.portal-open-btn{
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(135deg,var(--blue-d),var(--blue));
  color:#fff;border-radius:12px;padding:16px 20px; /* ↑ padding */
  text-decoration:none;width:100%;
  box-shadow:0 4px 18px rgba(29,78,216,.32);
  transition:all .2s;margin-bottom:14px;
  position:relative;overflow:hidden;
}
.portal-open-btn::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  transform:translateX(-100%);
  transition:transform .4s ease;
}
.portal-open-btn:hover::before{transform:translateX(100%);}
.portal-open-btn:hover{transform:translateY(-2px);box-shadow:0 7px 24px rgba(29,78,216,.42);}
.portal-open-btn:active{transform:translateY(0);}
.pob-left{display:flex;flex-direction:column;gap:3px;}
.pob-label{font-size:.8rem;font-weight:600;opacity:.82;letter-spacing:.03em;text-transform:uppercase;} /* ↑ was .68rem */
.pob-name{font-size:1.08rem;font-weight:800;} /* ↑ was .95rem */
.pob-arr{
  width:42px;height:42px;background:rgba(255,255,255,.18);border-radius:10px; /* ↑ was 38px */
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;flex-shrink:0;
}

/* Tip below button */
.portal-tip{
  display:flex;align-items:flex-start;gap:8px;
  background:var(--amber-l);border:1px solid var(--amber-b);border-radius:9px;
  padding:11px 13px;font-size:.84rem;color:var(--amber);line-height:1.65; /* ↑ was .71rem */
}
.portal-tip-ic{font-size:.95rem;flex-shrink:0;margin-top:1px;}

/* Footer of panel */
.portal-ft{
  padding:12px 16px;border-top:1px solid #f0f4f8;
  display:flex;align-items:center;gap:9px;
  background:linear-gradient(180deg,#fafcff 0%,#f5f8fc 100%);
}
.portal-ft-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;flex-shrink:0;}
.portal-ft-note{font-size:.78rem;color:var(--ink4);font-weight:500;flex:1;} /* ↑ was .66rem */
.ft-btn{
  font-size:.8rem;font-weight:700;border-radius:8px; /* ↑ was .68rem */
  padding:6px 13px;cursor:pointer;border:1.5px solid;
  font-family:'Plus Jakarta Sans',sans-serif;transition:all .15s;
  text-decoration:none;display:inline-flex;align-items:center;gap:5px;
}
.ft-btn-blue{color:var(--blue);border-color:var(--blue-b);background:#fff;}
.ft-btn-blue:hover{background:var(--blue-l);}

/* ══════════════════════════════
   SMS CARD
══════════════════════════════ */
.sms-card{margin-top:18px;padding:22px;}

.sms-card h3{font-size:1.05rem;font-weight:800;margin-bottom:3px;display:flex;align-items:center;gap:7px;} /* ↑ was .9rem */
.sms-card .sub{font-size:.88rem;color:var(--ink3);margin-bottom:16px;} /* ↑ was .75rem */

.field-label{font-size:.84rem;font-weight:700;color:var(--ink);margin-bottom:6px;display:block;} /* ↑ was .7rem */

.inp-row{position:relative;}
.inp-ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:.95rem;pointer-events:none;}
input[type=text]{
  width:100%;padding:12px 14px 12px 34px; /* ↑ padding */
  border:1.5px solid var(--border);border-radius:var(--rs);
  font-family:'Plus Jakarta Sans',sans-serif;font-size:.98rem;color:var(--ink); /* ↑ was .85rem */
  background:#fafafa;outline:none;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
input[type=text]:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,78,216,.1);background:#fff;}

.sms-preview{
  display:flex;align-items:center;justify-content:space-between;gap:9px;
  background:#fff;border:1.5px solid var(--blue-b);border-radius:8px;
  padding:11px 14px;margin:12px 0;font-family:monospace;font-size:.98rem; /* ↑ was .84rem */
}
.copy-btn{
  background:none;border:none;cursor:pointer;
  font-size:.8rem;font-weight:700;color:var(--blue); /* ↑ was .68rem */
  font-family:'Plus Jakarta Sans',sans-serif;
  padding:4px 9px;border-radius:5px;transition:background .13s;
}
.copy-btn:hover{background:var(--blue-l);}

/* Number pills */
.num-pills{display:flex;gap:9px;margin:9px 0 14px;}
.npill{
  flex:1;padding:9px; /* ↑ was 7px */
  border-radius:8px;
  border:1.5px solid var(--border);background:#fff;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:.88rem;font-weight:700;cursor:pointer; /* ↑ was .75rem */
  color:var(--ink3);transition:all .15s;text-align:center;
}
.npill.on{background:var(--blue);color:#fff;border-color:var(--blue);}
.npill:hover:not(.on){background:var(--blue-l);color:var(--blue);border-color:var(--blue-b);}

/* SMS action buttons */
.sms-btns{display:flex;gap:9px;margin-bottom:12px;}
.sms-btn{
  flex:1;padding:12px 10px;border-radius:9px;border:none; /* ↑ padding */
  font-family:'Plus Jakarta Sans',sans-serif;font-size:.92rem;font-weight:700; /* ↑ was .78rem */
  cursor:pointer;transition:all .16s;
  display:flex;align-items:center;justify-content:center;gap:6px;
  text-decoration:none;
}
.sms-btn-green{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;box-shadow:0 2px 8px rgba(22,163,74,.28);}
.sms-btn-green:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(22,163,74,.38);}
.sms-btn-gray{background:var(--blue-l);color:var(--blue);border:1px solid var(--blue-b)!important;}
.sms-btn-gray:hover{background:#dbeafe;}

.sms-note{
  font-size:.8rem;color:var(--ink4); /* ↑ was .68rem */
  padding:9px 12px;background:var(--bg);border-radius:7px;
  border-left:3px solid var(--amber-b);line-height:1.6;
}

/* ══════════════════════════════
   STATUS GUIDE
══════════════════════════════ */
.status-grid{display:flex;flex-direction:column;gap:12px;margin-top:18px;}
.st{
  display:flex;gap:14px;align-items:flex-start;
  padding:16px 18px;border-radius:11px;border:1.5px solid; /* ↑ padding */
}
.st.st-ok{background:var(--green-l);border-color:var(--green-b);}
.st.st-pr{background:var(--purple-l);border-color:var(--purple-b);}
.st.st-pe{background:var(--amber-l);border-color:var(--amber-b);}
.st.st-re{background:var(--red-l);border-color:var(--red-b);}
.st-ic{font-size:1.35rem;flex-shrink:0;margin-top:1px;} /* ↑ was 1.2rem */
.st-name{font-size:.98rem;font-weight:700;margin-bottom:3px;} /* ↑ was .84rem */
.st-ok .st-name{color:var(--green);}
.st-pr .st-name{color:var(--purple);}
.st-pe .st-name{color:var(--amber);}
.st-re .st-name{color:var(--red);}
.st-desc{font-size:.88rem;color:var(--ink3);line-height:1.65;} /* ↑ was .75rem */

/* ══════════════════════════════
   HOW TO CHECK
══════════════════════════════ */
.how-steps{display:flex;flex-direction:column;gap:16px;margin-top:18px;}
.hs{
  display:flex;gap:16px;align-items:flex-start;
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--r);padding:18px;box-shadow:var(--sh); /* ↑ padding */
  transition:transform .18s,box-shadow .18s;
}
.hs:hover{transform:translateY(-2px);box-shadow:var(--sh2);}
.hs-num{
  width:34px;height:34px;min-width:34px;border-radius:50%; /* ↑ was 30px */
  background:linear-gradient(135deg,var(--blue-d),var(--blue));
  color:#fff;font-weight:800;font-size:.92rem; /* ↑ was .8rem */
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(29,78,216,.3);
}
.hs-ic{font-size:1.55rem;flex-shrink:0;} /* ↑ was 1.4rem */
.hs-body{}
.hs-title{font-size:1rem;font-weight:700;margin-bottom:5px;} /* ↑ was .88rem */
.hs-desc{font-size:.9rem;color:var(--ink3);line-height:1.7;} /* ↑ was .77rem */
.hs-link{
  display:inline-flex;align-items:center;gap:7px;margin-top:12px;
  background:var(--blue-l);border:1px solid var(--blue-b);
  border-radius:7px;padding:8px 13px;
  text-decoration:none;color:var(--blue-d);font-size:.86rem;font-weight:700; /* ↑ was .73rem */
  transition:background .14s;
}
.hs-link:hover{background:#dbeafe;}

/* ══════════════════════════════
   PORTALS INFO
══════════════════════════════ */
.portals-info{display:flex;flex-direction:column;gap:12px;margin-top:18px;}
.pi{
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--r);padding:17px 18px;box-shadow:var(--sh); /* ↑ padding */
  display:flex;gap:14px;align-items:flex-start;
}
.pi-ic{font-size:1.45rem;flex-shrink:0;} /* ↑ was 1.3rem */
.pi-name{font-size:1rem;font-weight:700;margin-bottom:3px;} /* ↑ was .86rem */
.pi-desc{font-size:.88rem;color:var(--ink3);line-height:1.65;margin-bottom:7px;} /* ↑ was .74rem */
.pi-link{font-size:.84rem;font-weight:700;text-decoration:none;color:var(--blue);} /* ↑ was .7rem */
.pi-link:hover{text-decoration:underline;}

/* ══════════════════════════════
   COLLECTION
══════════════════════════════ */
.collect-steps{display:flex;flex-direction:column;gap:0;margin-top:18px;}
.cstep{display:flex;gap:14px;padding-bottom:22px;position:relative;}
.cstep:last-child{padding-bottom:0;}
.cstep:not(:last-child)::after{content:'';position:absolute;left:13px;top:28px;width:2px;bottom:0;background:var(--blue-b);}
.cdot{
  width:28px;height:28px;min-width:28px;border-radius:50%; /* ↑ was 26px */
  background:var(--blue);color:#fff;
  font-weight:800;font-size:.88rem; /* ↑ was .76rem */
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 4px var(--blue-l);z-index:1;
}
.cstep-body h4{font-size:.98rem;font-weight:700;margin-bottom:4px;margin-top:2px;} /* ↑ was .85rem */
.cstep-body p{font-size:.9rem;color:var(--ink3);line-height:1.65;} /* ↑ was .76rem */
.doc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.chip{background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:.8rem;font-weight:600;color:var(--ink2);} /* ↑ was .68rem */

.info-boxes{display:flex;flex-direction:column;gap:12px;margin-top:22px;}
.ibox{border-radius:var(--r);padding:17px 18px;}
.ibox-white{background:var(--card);border:1px solid var(--border);box-shadow:var(--sh);}
.ibox-red{background:var(--red-l);border:1.5px solid var(--red-b);}
.ibox-blue{background:var(--blue-l);border:1.5px solid var(--blue-b);}
.ibox h4{font-size:.95rem;font-weight:800;margin-bottom:7px;} /* ↑ was .81rem */
.ibox-red h4{color:var(--red);}
.ibox-blue h4{color:var(--blue-d);}
.ibox p,.ibox li{font-size:.88rem;color:var(--ink3);line-height:1.7;} /* ↑ was .74rem */
.ibox ul{padding-left:17px;margin-top:5px;}

/* ══════════════════════════════
   TIPS
══════════════════════════════ */
.tips-grid{display:flex;flex-direction:column;gap:12px;margin-top:18px;}
.tip{
  display:flex;gap:12px;align-items:flex-start;
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--r);padding:16px;box-shadow:var(--sh); /* ↑ padding */
}
.tip-ic{font-size:1.25rem;flex-shrink:0;margin-top:1px;} /* ↑ was 1.1rem */
.tip h4{font-size:.95rem;font-weight:700;margin-bottom:3px;} /* ↑ was .81rem */
.tip p{font-size:.88rem;color:var(--ink3);line-height:1.6;} /* ↑ was .74rem */

/* ══════════════════════════════
   FAQ
══════════════════════════════ */
.faq{display:flex;flex-direction:column;gap:8px;margin-top:18px;}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:border-color .18s;}
.faq-item.open{border-color:var(--blue-b);}
.faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:15px 18px;gap:12px; /* ↑ padding */
  background:none;border:none;cursor:pointer;
  font-family:'Plus Jakarta Sans',sans-serif;font-size:.96rem;font-weight:700;color:var(--ink); /* ↑ was .82rem */
  text-align:left;transition:background .14s;
}
.faq-q:hover{background:var(--bg);}
.faq-arr{color:var(--ink4);transition:transform .24s;font-size:.8rem;flex-shrink:0;} /* ↑ was .68rem */
.faq-q.open .faq-arr{transform:rotate(180deg);}
.faq-body{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-body.open{max-height:300px;}
.faq-ans{padding:0 18px 15px;font-size:.9rem;color:var(--ink3);line-height:1.8;} /* ↑ was .77rem */
.faq-ans a{color:var(--blue);}
code{background:var(--bg);padding:2px 6px;border-radius:4px;font-size:.9em;}

/* ══════════════════════════════
   LINKS
══════════════════════════════ */
.links-grid{display:flex;flex-direction:column;gap:9px;margin-top:18px;}
.lnk{
  display:flex;align-items:center;gap:14px;
  background:var(--card);border:1px solid var(--border);
  border-radius:var(--r);padding:15px 16px; /* ↑ padding */
  text-decoration:none;color:var(--ink);box-shadow:var(--sh);
  transition:all .16s;
}
.lnk:hover{transform:translateX(3px);border-color:var(--blue-b);box-shadow:var(--sh2);}
.lnk-ic{font-size:1.35rem;flex-shrink:0;} /* ↑ was 1.2rem */
.lnk-body{flex:1;min-width:0;}
.lnk-name{font-size:.97rem;font-weight:700;margin-bottom:2px;} /* ↑ was .83rem */
.lnk-url{font-size:.8rem;color:var(--blue);font-weight:600;} /* ↑ was .67rem */
.lnk-arr{font-size:.92rem;color:var(--ink4);flex-shrink:0;} /* ↑ was .8rem */

/* ══════════════════════════════
   NOTICE / DISCLAIMER
══════════════════════════════ */
.notice{
  display:flex;gap:9px;align-items:flex-start;
  background:var(--amber-l);border:1px solid var(--amber-b);
  border-radius:var(--r);padding:13px 15px;margin-top:18px;
}
.notice-ic{font-size:1rem;flex-shrink:0;margin-top:2px;}
.notice p{font-size:.88rem;color:var(--amber);line-height:1.65;} /* ↑ was .74rem */
.notice p strong{color:var(--ink);}

.disc{
  margin-top:14px;padding:14px 16px;
  background:var(--bg);border:1px solid var(--border);
  border-radius:var(--r);font-size:.82rem;color:var(--ink4);line-height:1.7; /* ↑ was .7rem */
}

/* ══════════════════════════════
   FOOTER
══════════════════════════════ */
footer{
  background:var(--card);border-top:1px solid var(--border);
  padding:32px 18px;text-align:center;
}
.footer-inner{max-width:700px;margin:0 auto;}
.footer-logo{font-weight:800;font-size:1.1rem;margin-bottom:12px;} /* ↑ was .95rem */
.footer-logo span{color:var(--blue);}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin-bottom:12px;}
.footer-links a{font-size:.84rem;color:var(--ink3);text-decoration:none;padding:5px 10px;border-radius:5px;transition:all .14s;} /* ↑ was .72rem */
.footer-links a:hover{background:var(--blue-l);color:var(--blue);}
.footer-copy{font-size:.8rem;color:var(--ink4);} /* ↑ was .68rem */
.footer-copy a{color:var(--blue);text-decoration:none;}

/* ══════════════════════════════
   STICKY BOTTOM CTA
══════════════════════════════ */
.sticky-bar{
  position:fixed;bottom:0;left:0;right:0;z-index:90;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-top:1px solid var(--border);
  padding:11px 18px;
  padding-bottom:calc(11px + env(safe-area-inset-bottom));
}
.sticky-bar a{
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,var(--blue-d),var(--blue));
  color:#fff;padding:13px;border-radius:10px;
  font-weight:800;font-size:1rem;text-decoration:none;
  -webkit-tap-highlight-color:transparent;
  outline:none;
  user-select:none;
}
.wrap{padding-bottom:calc(88px + env(safe-area-inset-bottom));}

/* ══════════════════════════════
   TOAST
══════════════════════════════ */
#toast{
  position:fixed;bottom:88px;left:50%;
  transform:translateX(-50%) translateY(70px);
  background:rgba(15,23,42,.92);color:#fff;
  padding:9px 20px;border-radius:9px;
  font-size:.88rem;font-weight:600;z-index:999; /* ↑ was .76rem */
  transition:transform .25s ease;pointer-events:none;
  white-space:nowrap;max-width:calc(100vw - 32px);text-align:center;
}
#toast.on{transform:translateX(-50%) translateY(0);}

/* ── Scroll animations ── */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}