:root{--bg: #05070c;--panel: rgba(8, 12, 20, .78);--panel-strong: rgba(7, 10, 17, .9);--text: #f2f6fb;--text-soft: #c6d5e7;--text-muted: #95a8bd;--line: rgba(184, 209, 234, .24);--line-strong: rgba(219, 231, 247, .4);--cyan: #8bdcff;--gold: #f2c76d;--blue: #6fa8ff;--shadow: 0 18px 50px rgba(0, 0, 0, .46);--radius-lg: 10px;--radius-md: 8px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(145deg,#05070c,#08101a 48%,#05070c);color:var(--text);font-family:Noto Sans JP,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;scroll-behavior:smooth}body{min-width:320px}a{color:var(--text);text-decoration:none}h1,h2,h3,p,a,li,span,strong{overflow-wrap:anywhere}img{max-width:100%;display:block}main,section,article,header,footer,div{min-width:0}h1,h2,h3,p{margin:0}.site-wrap{width:min(1440px,calc(100vw - clamp(1.25rem,5vw,6rem)));margin:0 auto;padding:1rem 0 1.5rem}.site-header{position:sticky;top:.8rem;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#06090fd6;box-shadow:0 12px 34px #0000006b;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:.65rem;min-width:max-content}.brand-mark{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f2c76d40,#8bdcff24);border:1px solid rgba(242,199,109,.5);font-weight:700}.brand-text{font-size:.95rem;font-weight:700}.main-nav{margin:0;padding:0;list-style:none;display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.nav-link{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .58rem;border-radius:999px;font-size:.78rem;color:var(--text-soft)}.nav-link:hover,.nav-link:focus-visible,.nav-link.is-active{color:var(--text);outline:none;background:#8bdcff21}main{margin-top:1.1rem;display:grid;gap:1rem}.section-block,.section-panel{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--panel)}.section-block{min-height:clamp(360px,56vh,680px);background-size:cover;background-position:center;display:flex;align-items:flex-end;isolation:isolate}.section-block:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#04070ce6 12%,#04070c7a 58%,#04070c33);z-index:-1}.section-content{width:100%;padding:clamp(1.2rem,3vw,2.4rem);display:grid;gap:.9rem}.eyebrow{color:var(--gold);font-size:.78rem;font-weight:700;text-transform:uppercase}.hero-title{font-size:clamp(2.25rem,5.2vw,4.8rem);line-height:1.08;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.62)}.hero-sub,.lead{max-width:58rem;color:#dce8f7;line-height:1.9;font-size:clamp(1rem,1.5vw,1.1rem)}.content-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#080c14b8;box-shadow:0 10px 28px #00000057;padding:clamp(1rem,2.2vw,1.35rem)}.tag-row{display:flex;flex-wrap:wrap;gap:.45rem}.tag-row span{width:fit-content;border-radius:999px;border:1px solid rgba(242,199,109,.34);background:#f2c76d1a;color:#f8df9b;font-size:.78rem;padding:.3rem .55rem}.action-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.3rem}.action-row a,.text-link{display:inline-flex;width:fit-content;align-items:center;justify-content:center;min-height:2.2rem;padding:.45rem .75rem;border-radius:999px;border:1px solid rgba(184,209,234,.38);background:#080c14a8;color:#edf7ff;font-size:.88rem}.action-row a:hover,.action-row a:focus-visible,.text-link:hover,.text-link:focus-visible{border-color:#8bdcffb3;outline:none;background:#8bdcff1f}.site-footer{margin-top:1rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:#06090fc7;display:grid;gap:.6rem}.site-footer p{color:var(--text-soft);font-size:.9rem}.footer-links{display:flex;flex-wrap:wrap;gap:.55rem}.footer-links a{font-size:.82rem;padding:.3rem .55rem;border-radius:999px;background:#8bdcff1a;color:#e0f0ff}.drawer-fab{position:fixed;top:.85rem;right:.9rem;z-index:60;width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid rgba(197,223,247,.48);background:#070b12e6;box-shadow:0 0 20px #8bdcff38;display:none;place-content:center;gap:.2rem;cursor:pointer}.drawer-fab span{width:.9rem;height:2px;background:#eef7ff;display:block;border-radius:999px}.drawer-layer{position:fixed;inset:0;z-index:70}.drawer-backdrop{position:absolute;inset:0;border:0;background:#000000a8}.drawer-panel{position:absolute;top:0;right:0;width:min(360px,88vw);height:100vh;background:#050910f5;border-left:1px solid rgba(199,224,250,.28);box-shadow:-8px 0 30px #0000008c;padding:1rem;overflow-y:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem}.drawer-head p{font-weight:700}.drawer-close{width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(201,225,250,.36);background:#8bdcff24;color:#eff7ff;cursor:pointer;font-size:1.1rem}.drawer-panel section+section{margin-top:1rem}.drawer-panel h2{margin:0 0 .45rem;font-size:.78rem;color:var(--text-soft);text-transform:uppercase}.drawer-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.drawer-panel a{display:block;padding:.58rem .62rem;border-radius:var(--radius-md);border:1px solid rgba(182,210,239,.22);color:#ebf6ff;background:#8bdcff12}.drawer-open{overflow:hidden}@media(max-width:880px){.site-wrap{width:min(calc(100vw - 1rem),960px);padding-top:.7rem}.site-header{top:.55rem;padding:.55rem 3.1rem .55rem .65rem}.brand-text{font-size:.84rem}.main-nav{display:none}.drawer-fab{display:grid;top:1.25rem;right:.95rem;width:2.2rem;height:2.2rem}.section-block{min-height:clamp(320px,54vh,560px)}}@media(max-width:640px){h1,h2,h3,p,a,li,span,strong{word-break:break-all}}