:root{--bg:#08111d;--panel:#101d2f;--ink:#f7fbff;--muted:#afc0d2;--cyan:#39d5ff;--magenta:#ef5cff;--line:#263b52;--max:1160px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans JP",system-ui,sans-serif;line-height:1.75}a{color:inherit}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:26px;padding:14px max(20px,calc((100% - var(--max))/2));background:rgba(8,17,29,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--cyan),var(--magenta));color:#08111d;font-size:.85rem}nav{margin-left:auto;display:flex;gap:20px}nav a{text-decoration:none;color:var(--muted);font-size:.92rem}nav a:hover,nav a[aria-current]{color:white}.nav-toggle{display:none}.hero,.calculator,footer{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.hero{min-height:680px;padding:80px 20px}.hero img{width:100%;border-radius:30px;border:1px solid var(--line);box-shadow:0 28px 90px #0008}.eyebrow{color:var(--cyan);font-weight:900;font-size:.78rem;letter-spacing:.16em}.hero h1,.page-head h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1.08;margin:.25em 0}.page-head h1{font-size:clamp(2.2rem,5vw,4.1rem)}.lead{color:var(--muted);font-size:1.12rem;max-width:780px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.button{display:inline-block;padding:14px 22px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),#baf3ff);color:#071321;font-weight:900;text-decoration:none}.button.ghost{background:transparent;border:1px solid var(--line);color:white}.hero ul{display:flex;gap:20px;flex-wrap:wrap;padding:0;list-style:none;color:var(--muted);font-size:.88rem}.quick,.content,.page-head,.prose,.sources{max-width:var(--max);margin:0 auto;padding:64px 20px}.quick{background:linear-gradient(140deg,#10243a,#261a43);border:1px solid var(--line);border-radius:28px}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fields.four{grid-template-columns:repeat(4,1fr)}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-weight:800}input{width:100%;padding:12px;border:1px solid #36516d;border-radius:10px;background:#071322;color:white;font:inherit}small{font-weight:500}.result{margin-top:22px;padding:18px 20px;border-radius:16px;background:#08111d;border-left:4px solid var(--magenta)}.result strong{display:block;font-size:2rem}.steps,.cards{max-width:var(--max);margin:40px auto;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article,.cards a,.calculator form,.calc-result{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.steps span,.cards span{color:var(--cyan);font-weight:900}.cards a{text-decoration:none}.cards a:hover{border-color:var(--cyan);transform:translateY(-2px)}.page-head{padding-top:90px;padding-bottom:28px}.calculator{align-items:start;padding:30px 20px 70px}.calc-result dl{margin:18px 0}.calc-result dl div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.calc-result dd{font-weight:900;color:#8be9ff}.formula{padding:18px;margin:20px 0;border-radius:12px;background:#14263a;border:1px solid var(--line);font-weight:800}.choices{display:grid;gap:10px}.choices label{display:block;padding:14px;border:1px solid var(--line);border-radius:12px;background:#081624}.choices input{width:auto;margin-right:8px}.cta{margin:44px 0;padding:28px;border-radius:18px;background:linear-gradient(135deg,#123f4b,#352040);border:1px solid #416070}.sources{padding-left:0;padding-right:0}.sources a,.quick>a,#s-links a{color:#8be9ff}.faq details{padding:16px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:900;cursor:pointer}footer{margin-top:70px;padding:50px 20px;border-top:1px solid var(--line);color:var(--muted)}footer a{display:block;text-decoration:none;margin:7px 0}@media(max-width:800px){nav{display:none;position:absolute;top:67px;left:0;right:0;padding:18px;background:#08111d;flex-direction:column}.nav-toggle{display:block;margin-left:auto;background:none;border:1px solid var(--line);color:white;padding:8px 10px;border-radius:8px}nav.open{display:flex}.hero,.calculator,footer{grid-template-columns:1fr}.hero{padding-top:50px}.fields,.fields.four,.steps,.cards{grid-template-columns:1fr}.hero h1{font-size:2.8rem}}