:root{
  --bg:#0b0f14;--panel:#121923;--text:#eef3f8;--muted:#a8b3c2;
  --line:#263446;--accent:#51c4d3;--accent2:#8be0ea;--max:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;background:linear-gradient(180deg,#0b0f14,#0d1219);color:var(--text);line-height:1.75}
a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(calc(100% - 32px),var(--max));margin:0 auto}
header{position:sticky;top:0;z-index:20;background:rgba(11,15,20,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.brand{font-weight:800;letter-spacing:.04em;color:#fff;font-size:20px}
.navlinks{display:flex;flex-wrap:wrap;gap:18px;font-size:14px}
.hero{padding:88px 0 60px;border-bottom:1px solid var(--line)}
.eyebrow{font-size:13px;font-weight:700;color:var(--accent2);letter-spacing:.12em;text-transform:uppercase}
h1{font-size:clamp(34px,6vw,64px);line-height:1.1;margin:12px 0 20px}
h2{font-size:clamp(24px,4vw,36px);line-height:1.25;margin:0 0 18px}
h3{font-size:20px;margin:0 0 10px}
.lead{font-size:clamp(17px,2.2vw,21px);color:var(--muted);max-width:760px}
section{padding:58px 0}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{background:linear-gradient(180deg,var(--panel),#101721);border:1px solid var(--line);border-radius:18px;padding:26px}
.price{font-size:34px;font-weight:800;margin:10px 0}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#17323a;color:#bdf5fb;font-size:12px;font-weight:700}
.notice{background:#221d12;border:1px solid #55431f;color:#ffe2a3;border-radius:14px;padding:16px 18px}
.table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line)}
.table th,.table td{padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.table th{width:28%;color:#dce7f2;background:#111a25}
.table tr:last-child th,.table tr:last-child td{border-bottom:0}
.small{font-size:13px;color:var(--muted)}
.code{display:inline-block;background:#0a0e13;border:1px solid var(--line);border-radius:7px;padding:1px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
footer{padding:30px 0 48px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr}.hero{padding-top:58px}.table,.table tbody,.table tr,.table th,.table td{display:block;width:100%}.table th{border-bottom:0;padding-bottom:6px}.table td{padding-top:4px}}