:root{font-family:Segoe UI,Inter,Arial,sans-serif;color:#f4f5f7;background:#0d131a;line-height:1.5}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#263444 0,#0d131a 38%);min-height:100vh}html{scroll-behavior:smooth;scroll-padding-top:92px}
header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #34404c;background:#111820dd;position:sticky;top:0;backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center}.brand img{width:250px;height:48px;object-fit:contain;object-position:left center}nav{display:flex;gap:24px;align-items:center}#language{background:#18202b;color:#fff;border:1px solid #657080;border-radius:4px;padding:7px 9px;font:inherit}a{color:inherit;text-decoration:none}
main{max-width:1120px;margin:auto;padding:64px 24px}.hero{padding:55px 0 70px}.hero-logo{display:block;width:min(620px,85vw);height:100px;object-fit:contain;object-position:left center;margin-bottom:24px}.tag{color:#e7c56b;letter-spacing:2px;font-size:13px}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1;margin:14px 0}.hero-description{font-size:20px;max-width:760px;color:#e5e9ed}.hero-detail{font-size:16px;max-width:820px;color:#aeb8c2;margin-top:12px}
.commercial-hero{margin:-32px 0 42px;border:1px solid #495662;border-radius:18px;overflow:hidden;background:#111820;box-shadow:0 28px 70px #0009}.commercial-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.primary,.button,button{display:inline-block;background:#d9ad45;color:#111;border:0;border-radius:8px;padding:12px 18px;font-weight:700;cursor:pointer}.primary{margin-top:20px}.secondary{margin-top:15px}
.grid{display:grid;grid-template-columns:1fr 1.35fr;gap:22px;margin:22px 0}.card{background:#161f28;border:1px solid #34404c;border-radius:14px;padding:28px;box-shadow:0 18px 50px #0004}.card h2{margin-top:0}form{display:grid;gap:13px}label{display:grid;gap:5px;color:#cbd2d8;font-size:14px}input{width:100%;padding:11px;border-radius:7px;border:1px solid #465564;background:#0f161d;color:white;font:inherit}.form-grid{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}.status{min-height:24px;margin-top:12px;color:#e7c56b}.note{border-left:4px solid #d9ad45}footer{text-align:center;color:#86919b;padding:35px}
@media(max-width:760px){.grid,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}nav a:last-child{display:none}.hero{padding-top:25px}.brand img{width:190px}}
.remember{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:9px}.remember input{width:18px;height:18px;padding:0}
.remote-app{display:grid;grid-template-columns:1fr minmax(280px,44%);gap:34px;align-items:center;overflow:hidden}.remote-app img{width:100%;max-height:620px;object-fit:contain}.remote-app h2{font-size:34px}.remote-app>div>p:not(.tag){color:#bbc4cc}.remote-note{font-size:13px;margin-top:18px}@media(max-width:760px){.remote-app{grid-template-columns:1fr}.remote-app img{max-height:480px}}
.download-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.download-actions .secondary{margin:0;background:#26313d;color:#fff;border:1px solid #6d7a87}.guide-section{margin-top:72px}.guide-heading{text-align:center;max-width:760px;margin:0 auto 30px}.guide-heading h2{font-size:clamp(30px,4vw,46px);margin:8px 0}.guide-heading>p:last-child{color:#aeb8c2;font-size:18px}.guide-step{background:#141d26;border:1px solid #34404c;border-radius:16px;padding:30px;margin:18px 0;box-shadow:0 18px 45px #0003}.guide-step.visual{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(420px,1.35fr);gap:30px;align-items:center}.guide-step.reverse img{order:-1}.guide-step span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#d9ad45;color:#111;font-weight:800}.guide-step h3{font-size:24px;margin:16px 0 9px}.guide-step p{color:#bbc4cc;margin:0}.guide-step img{display:block;width:100%;max-height:540px;object-fit:contain;background:#e9edf1;border:1px solid #526170;border-radius:10px;box-shadow:0 14px 35px #0007}@media(max-width:800px){.guide-step.visual{grid-template-columns:1fr}.guide-step.reverse img{order:initial}.guide-step{padding:22px}.download-actions .button{width:100%;text-align:center}}
.seo-section{margin:72px 0}.seo-section>h2{font-size:clamp(29px,4vw,42px);max-width:850px}.seo-section>p:not(.tag){color:#bbc4cc;max-width:900px}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.seo-grid article,.faq{background:#141d26;border:1px solid #34404c;border-radius:14px;padding:24px}.seo-grid h3{margin-top:0}.seo-grid p,.faq p{color:#bbc4cc}.faq details{border-top:1px solid #34404c;padding:17px 0}.faq summary{cursor:pointer;font-weight:700;color:#f3d274}.faq details:last-child{padding-bottom:0}@media(max-width:760px){.seo-grid{grid-template-columns:1fr}}
.official-reseller{margin:22px 0;padding:18px 22px;border:1px solid #8b7138;border-left:5px solid #d9ad45;border-radius:10px;background:#1b2229;color:#dce2e7}.official-reseller strong{color:#f3d274}
.tv-demo{margin:10px 0 44px}.tv-demo-heading{text-align:center;max-width:760px;margin:0 auto 22px}.tv-demo-heading h2{font-size:clamp(28px,4vw,42px);margin:7px 0}.tv-demo-heading>p:last-child{color:#aeb8c2}.tv-screen{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid #536170;border-radius:16px;background:#090b10;box-shadow:0 28px 70px #000a;padding-bottom:6%}.tv-top{height:13%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 3%;background:#11151d;border-bottom:3px solid #ff5a1f;font-size:clamp(8px,1.25vw,17px)}.tv-top span{text-align:center;font-weight:800}.tv-top b{text-align:right;font-size:2em}.tv-columns,.tv-row{display:grid;grid-template-columns:7% 27% 12% 12% 25% 17%;align-items:center}.tv-columns{height:6%;padding:0 2%;color:#b5becb;font-size:clamp(6px,.75vw,11px);font-weight:800;letter-spacing:.08em}.tv-ranking{height:75%;overflow:hidden}.tv-row{height:6.66%;padding:0 2%;font-size:clamp(7px,1vw,14px);border-top:1px solid #303a47}.tv-row:nth-child(odd){background:#171d27}.tv-row:nth-child(even){background:#29323e}.tv-row>strong{color:#ff6b35;font-size:1.45em}.tv-row>b{font-variant-numeric:tabular-nums}.tv-manga{position:absolute;z-index:5;right:-1%;bottom:5.7%;width:38%;height:73%;object-fit:contain;object-position:right bottom;mix-blend-mode:screen;opacity:.88;pointer-events:none}.tv-footer{position:absolute;z-index:7;left:0;right:0;bottom:0;height:6%;display:flex;align-items:center;gap:5%;padding:0 3%;background:#11151d;border-top:2px solid #ff5a1f;color:#ffd329;font-size:clamp(7px,1vw,14px)}.tv-footer img{width:18%;max-height:70%;object-fit:contain;object-position:left center}@media(max-width:760px){.tv-screen{border-radius:9px}.tv-manga{width:42%;height:72%}}