*{box-sizing:border-box}
:root{--ink:#1f2937;--blue:#1263b3;--red:#ed252b;--muted:#4b5563}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(18px,5.5vw,56px);border-bottom:1px solid #d5d9df;background:#fff;position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none}
.brand-mark{width:58px;height:58px;border-radius:13px;background:radial-gradient(circle at 50% 40%,#252525,#050505 70%);border:1px solid #5b2020;box-shadow:0 3px 12px #0002;display:grid;place-items:center;color:#ff343b;font-weight:900;font-size:27px;text-shadow:0 0 8px #f22;transform:none}
.brand-name{font-size:36px;line-height:1;font-weight:800;letter-spacing:-1.2px}
.nav{display:flex;gap:25px;align-items:center}
.nav a,.site-footer a{color:var(--ink);text-decoration:none;font-weight:600}
.nav a:hover,.site-footer a:hover{color:var(--blue)}
.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font-size:32px;cursor:pointer}
.hero{max-width:900px;margin:0 auto;padding:0 24px 36px;text-align:center}
h1{font-size:clamp(32px,5.5vw,52px);line-height:1.15;letter-spacing:-1.4px;margin:0;padding:0 0 48px;font-weight:800}
.hero-art{height:clamp(260px,52vw,430px);max-width:700px;margin:0 auto 64px;border-radius:22px;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 70%,#9a161b 0,#260b10 25%,#08090d 66%),linear-gradient(120deg,#030303,#2b1014);box-shadow:0 12px 35px #0002;color:#fff}
.hero-art:before,.hero-art:after{content:"";position:absolute;width:2px;height:160%;top:-20%;background:linear-gradient(transparent,#9fa4ad,transparent);transform:rotate(28deg);opacity:.65;left:16%}
.hero-art:after{left:auto;right:15%;transform:rotate(-28deg)}
.glow{position:absolute;width:65%;height:45%;bottom:-20%;background:#f51b26;filter:blur(65px);opacity:.35}
.app-icon{position:relative;width:clamp(130px,30vw,230px);height:clamp(130px,30vw,230px);border-radius:28%;display:grid;place-items:center;background:linear-gradient(145deg,#242424,#030303);border:3px solid #5d5d5d;box-shadow:0 0 0 7px #080808,0 0 28px #ff3030;z-index:1}
.app-icon span{font-size:clamp(60px,13vw,112px);font-weight:900;font-style:italic;color:#ff333a;line-height:1;text-shadow:2px 3px 0 #76070b,0 0 12px #f00;letter-spacing:-8px}
.hero-word{position:relative;z-index:1;font-size:clamp(34px,6vw,54px);font-weight:800;letter-spacing:5px;margin-top:10px;text-shadow:0 2px 12px #f22}
.hero-caption{position:relative;z-index:1;font-size:11px;letter-spacing:3px;color:#d6d6d6;margin-top:2px}
.button-stack{display:grid;gap:26px;max-width:700px;margin:0 auto}
.download-button{min-height:98px;border-radius:10px;background:var(--blue);color:white;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:15px;font-size:clamp(20px,3.8vw,30px);font-weight:700;box-shadow:0 3px 0 #064782;transition:transform .15s,background .15s}
.download-button:hover{background:#0d559b;transform:translateY(-2px)}
.download-icon{font-size:35px;line-height:1}
.notice{font-size:14px;color:#697386;margin:22px auto 0;max-width:650px}
.content-section{max-width:900px;margin:0 auto;padding:18px 24px 55px;color:#374151;font-size:19px}
.intro{font-size:clamp(20px,3.4vw,29px);line-height:1.85;margin:0 0 28px}
.content-section h2{font-size:25px;color:#1f2937;line-height:1.3;margin:30px 0 12px}
.feature-list{padding-left:25px}
.feature-list li{margin:7px 0}
.site-footer{border-top:1px solid #e5e7eb;padding:28px 24px;text-align:center;color:#596273;font-size:14px}
.site-footer div{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:8px}
.site-footer a{font-size:14px}
.footer-note{margin:12px 0 0}
@media(max-width:650px){.site-header{height:88px;padding:10px 20px}.brand-mark{width:58px;height:58px}.brand-name{font-size:34px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:87px;left:0;right:0;background:white;border-bottom:1px solid #ddd;padding:15px 24px 22px;flex-direction:column;align-items:flex-start;gap:12px}.nav.open{display:flex}.hero{padding-left:20px;padding-right:20px}h1{padding-bottom:54px}.hero-art{margin-bottom:64px;border-radius:20px}.download-button{min-height:98px}.content-section{padding-left:20px;padding-right:20px}.intro{line-height:1.85}}