:root{--ink:#101c31;--muted:#64748b;--line:#dce3ef;--accent:#83baff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;background:#f4f6f9;color:var(--ink)}
a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #3b83f6;outline-offset:4px}
.mast{background:#0b1324;color:#fff;padding:25px clamp(20px,5vw,84px)}.bar{display:flex;justify-content:space-between;align-items:center;gap:22px;font-weight:700;letter-spacing:.08em;font-size:13px}.wordmark{color:#fff;text-decoration:none}.wordmark-dot{color:#78aaff}.bar-right{display:flex;align-items:center;gap:20px}.top-caption{font-size:11px;font-weight:500;letter-spacing:.02em;color:#a9c0e7}.language-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #405574;border-radius:6px}.lang-option{min-height:34px;border:0;border-radius:3px;color:#b4c6e2;background:transparent;padding:5px 11px;font-size:12px;font-weight:750;cursor:pointer}.lang-option:hover{color:white;background:#203450}.lang-option.is-active{background:#e1ebfb;color:#0b1931}
.hero{margin:65px auto 68px;max-width:1200px}.label{font-size:11px;letter-spacing:.17em;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(42px,5.2vw,78px);line-height:1.08;letter-spacing:-.055em;max-width:1100px;margin:18px 0 22px}.intro{font-size:clamp(16px,1.55vw,20px);line-height:1.8;color:#b0bfd7;max-width:900px}.jump{display:inline-flex;align-items:center;margin-top:26px;padding:14px 22px;background:#e1ebfb;color:#0c2449;border-radius:4px;text-decoration:none;font-weight:750;gap:10px}.jump:hover{background:white}.quick-sites{margin-top:31px;display:flex;gap:8px;flex-wrap:wrap}.quick-sites a{padding:11px 14px;border:1px solid #415372;text-decoration:none;color:#cce2ff;font-size:13px;border-radius:4px}.quick-sites a:hover,.quick-sites a:focus-visible{background:#263955;color:#fff}
.main{max-width:1460px;margin:auto;padding:54px clamp(18px,4vw,54px) 84px}.heading{display:flex;justify-content:space-between;gap:18px;align-items:end;border-bottom:1px solid #c7d0df;padding-bottom:24px;margin-bottom:36px}.heading h2{font-size:clamp(29px,3vw,42px);margin:10px 0 0;letter-spacing:-.04em}.heading p{margin:0;color:var(--muted);font-size:14px}.label-on-light{color:#375fad}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.card{scroll-margin-top:24px;overflow:hidden;background:white;border:1px solid var(--line);box-shadow:0 12px 28px #131f3212}.screen{background:var(--tint);padding:16px 16px 0;height:clamp(220px,24vw,380px);overflow:hidden}.screen img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top center;box-shadow:0 3px 22px #0005;background:#f5f7fa}.copy{padding:27px 28px 29px}.top{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:750}.copy h3{margin:19px 0 12px;font-size:clamp(22px,2.15vw,32px);letter-spacing:-.035em;line-height:1.28}.copy h3 small{display:block;margin-top:6px;color:#62748e;font-size:12px;letter-spacing:0;font-weight:500}.copy p{font-size:15px;line-height:1.75;color:#5e697b;min-height:82px;margin:0 0 18px}.facts{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;color:#667489;font-size:12px;line-height:1.6;border-top:1px solid #e8edf5;padding:14px 0;margin-bottom:16px}.facts span:first-child{font-weight:700;color:#2d445d}.copy a{display:inline-flex;justify-content:space-between;align-items:center;gap:16px;background:#132740;color:white;padding:13px 17px;min-width:188px;text-decoration:none;border-radius:4px;font-weight:700;font-size:13px}.copy a:hover{background:#2a4568}
.disclaimer{display:flex;gap:15px;max-width:1100px;margin:36px 0 0;padding:21px 24px;border:1px solid #d4deeb;background:#eaf0f8;color:#425471;font-size:13px;line-height:1.75}.disclaimer p{margin:0}.disclaimer-icon{font-size:19px}footer{padding:28px 5vw;border-top:1px solid var(--line);color:#667085;font-size:12px;text-align:center}
html[lang=ja] .hero h1{font-size:clamp(34px,4.5vw,66px);line-height:1.35;letter-spacing:-.045em}html[lang=ja] .intro{font-size:clamp(15px,1.45vw,18px);line-height:2}html[lang=ja] .copy p{line-height:1.95}html[lang=ja] .heading h2{letter-spacing:-.03em}
@media(max-width:850px){.cards{grid-template-columns:1fr}.screen{height:clamp(230px,46vw,400px)}.copy p{min-height:0}.heading{align-items:start;flex-direction:column}}
@media(max-width:600px){.mast{padding:18px}.bar{align-items:start;gap:10px}.wordmark{font-size:11px;line-height:1.5}.bar-right{flex-direction:column-reverse;gap:9px;align-items:end}.top-caption{max-width:170px;text-align:right}.hero{margin:60px 0 48px}.hero h1{font-size:clamp(37px,10.5vw,55px)}.intro{font-size:15px}.quick-sites a{flex:1 1 calc(50% - 10px);font-size:12px}.main{padding:42px 16px 55px}.screen{height:245px;padding:12px 12px 0}.copy{padding:21px}.copy h3{font-size:24px}.copy a{width:100%}.disclaimer{padding:16px}html[lang=ja] .hero h1{font-size:clamp(30px,8vw,42px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}