*{box-sizing:border-box}
body{margin:0;font-family:"Malgun Gothic",Apple SD Gothic Neo,system-ui,sans-serif;background:#0f1115;color:#f4f6fb;line-height:1.72}
a{color:inherit;text-decoration:none}
.top{position:sticky;top:0;z-index:20;background:rgba(15,17,21,.92);backdrop-filter:blur(12px);border-bottom:1px solid #242936}
.nav{max-width:1120px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-weight:900;color:#ff4b55;letter-spacing:.02em}
.menu{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.menu a{color:#cbd2df;font-size:.94rem}
.menu a:hover{color:#fff}
.hero{background:linear-gradient(135deg,#171a22 0%,#211216 50%,#131823 100%);border-bottom:1px solid #252a37}
.hero-inner{max-width:1120px;margin:0 auto;padding:72px 18px 52px;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.eyebrow{display:inline-flex;color:#ffccd0;background:#46171d;border:1px solid #74303a;border-radius:999px;padding:5px 12px;font-size:.88rem;font-weight:700}
h1{font-size:clamp(2.05rem,4.4vw,4.1rem);line-height:1.14;margin:18px 0 16px;letter-spacing:0}
h2{font-size:clamp(1.45rem,2.4vw,2.05rem);line-height:1.25;margin:0 0 16px}
h3{font-size:1.12rem;margin:0 0 8px}
p{margin:0 0 14px;color:#d6dbe6}
.lead{font-size:1.12rem;color:#e6e9f1;max-width:760px}
.hero-img{display:block;width:100%;height:auto;max-height:420px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid #313746;box-shadow:0 22px 70px rgba(0,0,0,.45)}
.hero-video{margin:0}
.hero-video video{background:#090b10}
.hero-video figcaption{margin-top:10px;color:#c9d1dd;font-size:.92rem;text-align:center}
.article-cover{margin:0 0 28px;aspect-ratio:16/9;overflow:hidden;border-radius:12px;border:1px solid #313746;box-shadow:0 22px 70px rgba(0,0,0,.35)}
.article-cover img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none}
.card .hero-img{max-height:260px}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 16px;font-weight:800;border:1px solid #3b4252;color:#fff;background:#202633}
.btn.primary{background:#e73542;border-color:#e73542}
.btn:hover{transform:translateY(-1px)}
.wrap{max-width:1120px;margin:0 auto;padding:42px 18px}
.band{background:#141821;border-top:1px solid #252a37;border-bottom:1px solid #252a37}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:#171c26;border:1px solid #2a3140;border-radius:10px;padding:22px}
.card strong,.red{color:#ff5b65}
.card-visual{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid #303746;margin:0 0 16px;background:#0d0f14}
.feature-card{display:block;margin-bottom:24px}
.feature-card .card-visual{margin:0}
.feature-card div{margin-top:18px}
.muted{color:#aeb7c8}
.list{padding-left:20px;color:#d6dbe6}
.list li{margin:8px 0}
.note{background:#24171b;border:1px solid #69313a;border-radius:10px;padding:16px;color:#ffd8dc}
.table{width:100%;border-collapse:collapse;background:#171c26;border:1px solid #2a3140;border-radius:10px;overflow:hidden}
.table th,.table td{padding:13px;border-bottom:1px solid #2a3140;text-align:left;vertical-align:top}
.table th{color:#fff;background:#202633}
details{background:#171c26;border:1px solid #2a3140;border-radius:10px;padding:16px;margin:10px 0}
summary{cursor:pointer;font-weight:800;color:#fff}
.footer{border-top:1px solid #252a37;background:#0d0f14;color:#9ea8ba}
.footer .wrap{padding-top:28px;padding-bottom:28px}
.pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.pill{border:1px solid #374052;background:#161b25;border-radius:999px;padding:5px 10px;color:#d6dbe6;font-size:.9rem}
@media(max-width:820px){.hero-inner{grid-template-columns:1fr;padding-top:46px}.hero-video figcaption{font-size:.86rem;line-height:1.5}.grid,.grid.two{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.menu{justify-content:flex-start}}