:root{
  --bg:#000; --text:#f3f4f6; --muted:#9aa1a9; --line:rgba(255,255,255,.1); --silver:#d7dee6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);font-family:'Manrope',sans-serif;background:var(--bg);line-height:1.7;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 70% 40% at 50% -10%, rgba(255,255,255,.07), transparent 55%),
    radial-gradient(ellipse 50% 30% at 90% 20%, rgba(180,195,210,.05), transparent 50%);
}
a{color:inherit}
h1,h2,.logo,.eyebrow{font-family:'Syne',sans-serif;font-weight:700;letter-spacing:-.03em}
.wrap{width:min(820px, calc(100% - 40px));margin:0 auto;position:relative;z-index:1}
main{padding:56px 0 80px}
.eyebrow{
  display:inline-block;margin:0 0 14px;font-size:max(11px,var(--fs-floor,13px));letter-spacing:.2em;
  text-transform:uppercase;color:var(--silver);font-weight:600;
}
h1{margin:0 0 12px;font-size:clamp(28px, 5vw, 42px);line-height:1.1}
.meta{margin:0 0 36px;color:var(--muted);font-size:14px}
article section{
  padding:0 0 28px;margin:0 0 28px;
  border-bottom:1px solid rgba(255,255,255,.06);scroll-margin-top:88px;
}
article section:last-of-type{border-bottom:0;margin-bottom:0}
h2{margin:0 0 12px;font-size:clamp(18px, 2.5vw, 22px)}
p,li{color:var(--muted);font-size:15px}
p{margin:0 0 12px}
ul,ol{margin:0 0 12px;padding-left:1.2em}
li{margin:6px 0}
.note{
  margin:18px 0 0;padding:16px 18px;border-radius:14px;
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);
  color:var(--muted);font-size:14px;
}
.ssl-badge{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin:0 0 28px;padding:16px 18px;border-radius:16px;
  border:1px solid rgba(34,197,94,.4);background:rgba(34,197,94,.1);
}
.ssl-badge strong{color:#bbf7d0;font-size:15px}
.pay-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}
.pay-row img{height:36px;width:auto;max-width:100%}
footer{
  position:relative;z-index:1;
  padding:8px 0 40px;
  background:#000;
}
@media (max-width:640px){
  .wrap{width:min(100% - 24px, 820px)}
  main{padding:28px 0 calc(96px + env(safe-area-inset-bottom, 0px))}
  h1,h2,p,li{overflow-wrap:anywhere}
  article section{padding-bottom:20px;margin-bottom:20px}
}