:root{--bg:#F3F6FA;--ink:#0F1D2E;--ink-soft:#3B4C61;--grey:#5B6B80;--cobalt:#2151E3;--cobalt-dark:#1740BF;--amber:#E8A21A;--card:#FFFFFF;--line:#D8E0EA;--line-strong:#B9C6D6;--radius:10px;--font-display:'Sora',sans-serif;--font-body:'Instrument Sans',sans-serif;--font-mono:'IBM Plex Mono',monospace}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:var(--cobalt);color:#fff}
a{color:var(--cobalt);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1020px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:50;background:rgba(243,246,250,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ink);display:flex;align-items:center;gap:9px}
.logo:hover{text-decoration:none}
.nav-links{display:flex;gap:24px;align-items:center}
.nav-links a{color:var(--ink-soft);font-size:15px;font-weight:500}
.nav-links a:hover{color:var(--ink);text-decoration:none}
.crumb{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);margin:44px 0 18px}
.crumb a{color:var(--grey)}.crumb a:hover{color:var(--cobalt)}
h1{font-family:var(--font-display);font-size:clamp(30px,4vw,42px);letter-spacing:-.02em;line-height:1.15;margin-bottom:14px}
.tagline{font-size:18.5px;color:var(--ink-soft);max-width:640px;margin-bottom:20px}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:36px}
.chip{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);border:1px solid var(--line);border-radius:6px;padding:4px 9px;background:var(--card)}
.pgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start;margin-bottom:80px}
.pbody h2{font-family:var(--font-display);font-size:20px;margin:30px 0 12px}
.pbody h2:first-child{margin-top:0}
.pbody p{color:var(--ink-soft);margin-bottom:14px}
.pbody ul{list-style:none;display:grid;gap:8px;margin:0 0 8px}
.pbody li{padding-left:22px;position:relative;color:var(--ink-soft);font-size:15.5px}
.pbody li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;border:2px solid var(--cobalt)}
.req{font-family:var(--font-mono);font-size:12.5px;color:var(--grey);border-top:1px solid var(--line);padding-top:14px;margin-top:24px}
.buybox{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px;position:sticky;top:88px}
.bill-toggle{display:flex;border:1px solid var(--line-strong);border-radius:999px;padding:4px;gap:4px;background:var(--bg);margin-bottom:22px}
.bill-toggle button{flex:1;border:none;background:transparent;font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--grey);padding:8px 10px;border-radius:999px;cursor:pointer}
.bill-toggle button.on{background:var(--cobalt);color:#fff}
.bill-toggle .save{font-size:11px;margin-left:5px;color:var(--amber)}
.bill-toggle button.on .save{color:#FFD891}
.bigprice{font-family:var(--font-display);font-size:40px;font-weight:700;letter-spacing:-.02em}
.bigprice span{font-family:var(--font-body);font-size:15px;font-weight:400;color:var(--grey)}
.peryr{font-family:var(--font-mono);font-size:12.5px;color:var(--grey);margin:4px 0 22px;min-height:18px}
.btn{display:block;text-align:center;font-weight:600;font-size:15.5px;padding:13px 22px;border-radius:8px;border:1px solid transparent;cursor:pointer;width:100%}
.btn-primary{background:var(--cobalt);color:#fff}
.btn-primary:hover{background:var(--cobalt-dark);text-decoration:none;color:#fff}
.buynote{font-family:var(--font-mono);font-size:11.5px;color:var(--grey);margin-top:14px;text-align:center}
footer{padding:40px 0 56px;color:var(--grey);font-size:14px;border-top:1px solid var(--line)}
.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
@media(max-width:860px){.pgrid{grid-template-columns:1fr}.buybox{position:static}.nav-links a:not(:last-child){display:none}}

.notice{border-radius:10px;padding:14px 18px;margin:28px 0 -10px;font-size:15px;border:1px solid}
.notice.ok{background:#EDF9F2;border-color:#9AD4B4;color:#0E7A46}
.notice.warn{background:#FDF6E7;border-color:#EBD3A0;color:#8A6410}
.legal-body{max-width:760px;margin-bottom:80px}
.legal-body h1{margin:44px 0 8px}
.legal-body .upd{font-family:var(--font-mono);font-size:12.5px;color:var(--grey);margin-bottom:28px}
.legal-body h2{font-family:var(--font-display);font-size:19px;margin:28px 0 10px}
.legal-body p, .legal-body li{color:var(--ink-soft);font-size:15.5px;margin-bottom:12px}
.legal-body ul{padding-left:20px;margin-bottom:12px}

.bigprice .from,.price .from{font-family:var(--font-body);font-size:.45em;font-weight:500;color:var(--grey);vertical-align:middle;margin-right:2px}