:root{
  --ink:#161A33; --ink2:#50556F; --ink3:#8B90A8;
  --paper:#FFFFFF; --mist:#F2F3F8; --rule:#DADDE8;
  --node:#6C3CF0; --lav:#B7A3FF; --deep:#1E2244;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Archivo','Zen Kaku Gothic New',sans-serif;color:var(--ink);background:var(--paper);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.jp{font-family:'Zen Kaku Gothic New',sans-serif}
.wrap{width:1200px;margin:0 auto}
a{color:inherit;text-decoration:none}

/* header */
.hdr{height:84px;display:flex;align-items:center;border-bottom:1px solid var(--rule);background:#fff}
.hdr.dark{background:var(--ink);border-color:#2E3358;color:#fff}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between}
.mark{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.12em;font-size:20px}
.nav{display:flex;gap:34px;align-items:center;font-size:15px;font-weight:500}
.nav a.on{color:var(--node)}
.hdr.dark .nav a.on{color:var(--lav)}
.lang{font-size:13px;color:var(--ink3);margin-left:6px}
.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 26px;border-radius:999px;font-weight:700;font-size:15px;background:var(--ink);color:#fff;white-space:nowrap}
.btn.sm{height:40px;padding:0 20px;font-size:14px}
.btn.node{background:var(--node)}
.btn.ghost{background:transparent;border:1.5px solid currentColor;color:inherit}
.btn.light{background:#fff;color:var(--ink)}

/* type */
.d1{font-weight:800;font-size:104px;line-height:.92;letter-spacing:-.025em}
.d2{font-weight:800;font-size:68px;line-height:.96;letter-spacing:-.02em}
.d3{font-weight:800;font-size:40px;line-height:1.05;letter-spacing:-.01em}
.h4{font-weight:700;font-size:22px;line-height:1.3}
.lead{font-size:22px;line-height:1.55;color:var(--ink2);max-width:640px}
.lead.jp{max-width:760px}
.small{font-size:14px;color:var(--ink2)}
.tag{font-size:14px;font-weight:600;color:var(--node);letter-spacing:.01em}
.dark .tag,.tag.lav{color:var(--lav)}
.jph{font-family:'Zen Kaku Gothic New';font-weight:900;letter-spacing:.02em}

section{padding:120px 0}
.dark{background:var(--ink);color:#fff}
.dark .lead,.dark .small{color:#B9BDD6}
.mist{background:var(--mist)}
hr.r{border:0;border-top:1px solid var(--rule);margin:0}

.ph{background:repeating-linear-gradient(135deg,#E6E8F0 0 10px,#EEF0F6 10px 20px);display:flex;align-items:center;justify-content:center;color:var(--ink3);font-size:13px;font-weight:500;text-align:center}
.dark .ph{background:repeating-linear-gradient(135deg,#252A52 0 10px,#2B305A 10px 20px);color:#8D92B8}

footer{background:var(--ink);color:#fff;padding:90px 0 40px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
footer h5{font-size:14px;color:var(--lav);font-weight:600;margin-bottom:14px}
footer li{list-style:none;font-size:15px;color:#C9CCE0;margin-bottom:8px}
footer .base{margin-top:80px;padding-top:24px;border-top:1px solid #2E3358;display:flex;justify-content:space-between;font-size:13px;color:#8D92B8}