:root{--ink:#0b2938;--ink2:#264b5a;--sea:#137986;--sea2:#0c5965;--mint:#b5eee5;--cloud:#f2f7f8;--soft:#e6f1f2;--edge:#d8e5e9;--white:#fff;--gold:#efb668;--muted:#6b8390;--shadow:0 16px 42px rgba(11,41,56,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #e3a14c;outline-offset:4px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.038em}h1{font-size:clamp(2.55rem,5vw,4.45rem)}h2{font-size:clamp(1.8rem,3.1vw,2.6rem)}h3{font-size:1.3rem}.wrap{width:min(1190px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-200px;left:12px;z-index:99;padding:12px;background:#fff}.skip:focus{top:12px}.site-header{height:84px;position:relative;z-index:30;background:white;border-bottom:1px solid #edf2f3}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;gap:12px;text-decoration:none;align-items:center;flex-shrink:0}.brand strong{display:block;font-size:1.48rem;letter-spacing:-.07em;line-height:1}.brand small{display:block;color:#66818b;font-size:.53rem;font-weight:750;letter-spacing:.12em;line-height:1.4;margin-top:7px}.brand-mark{background:var(--ink);width:44px;height:44px;border-radius:13px;display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);align-content:center;justify-content:center;gap:6px;transform:rotate(-8deg)}.brand-mark span{background:#b8e7e2;border-radius:3px}.brand-mark span:nth-child(2){background:#f0ba76}.brand-mark span:nth-child(3){background:#6ebcbe}.brand-mark span:nth-child(4){background:#e2f4f1}.desktop-nav{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:end}.nav-link{font-size:.78rem;text-decoration:none;font-weight:720;padding:10px 11px;border-radius:10px;white-space:nowrap;color:#486674;transition:background .16s,color .16s}.nav-link:hover,.nav-link.active{background:#e7f4f3;color:var(--sea2)}.mobile-nav{display:none}
.hero{padding:78px 0 83px;background:radial-gradient(circle at 74% 25%,#d5eced 0,transparent 36%),linear-gradient(145deg,#f3f9f9,#eaf3f5)}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:66px}.eyebrow,.section-kicker{color:#147786;font-weight:800;font-size:.73rem;letter-spacing:.15em;margin-bottom:20px}.eyebrow{display:flex;align-items:center;gap:10px}.tiny-dot{background:#16a3a0;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 5px #ccefea}.hero h1{line-height:1.12;margin-bottom:22px}.hero h1 em{font-style:normal;color:#137e84}.hero-desc{font-size:1.03rem;color:#4c6a76;max-width:610px}.hero-cta,.page-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:30px 0}.btn{border:1px solid transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:13px 20px;font-size:.9rem;line-height:1.4;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:#0c6e7b;color:#fff;box-shadow:0 8px 21px rgba(13,104,117,.2)}.btn.primary:hover{background:#095765}.btn.ghost{background:#fff;color:#0b4553;border-color:#cddfe3}.btn.light{background:#fff;color:#103f49}.btn.full{width:100%}.hero-foot{display:flex;flex-wrap:wrap;gap:12px 19px;font-size:.75rem;color:#5e7985;margin-top:47px}.check-icon{color:#139586;font-weight:900;font-style:normal;margin-right:4px}.hero-visual{border-radius:22px;border:1px solid #cae2e5;background:#fff;box-shadow:0 24px 70px rgba(24,77,83,.14);overflow:hidden;transform:rotate(1deg)}.visual-top,.visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 20px}.visual-top small{font-size:.63rem;color:#61818d;display:block;font-weight:800;letter-spacing:.13em}.visual-top strong{display:block;font-size:1rem;letter-spacing:-.02em}.visual-top .live-indicator{border:1px solid #c6e9e6;background:#ebfaf6;border-radius:30px;color:#0b7871;font-size:.6rem;font-weight:900;padding:7px 9px;white-space:nowrap}.live-indicator span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#24a797;margin-right:4px}.hero-visual img{width:100%;aspect-ratio:724/455;object-fit:cover;background:#cde2e6}.visual-bottom{background:#f6fafb;color:#557581;font-size:.74rem}.visual-bottom a{font-weight:850;color:#0b7585;text-decoration:none;white-space:nowrap}.status-icon{color:#2db699}
.section{padding:86px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:31px}.section-head h2{margin-bottom:0}.section-head .section-kicker{margin-bottom:12px}.section-head>p{max-width:420px;margin:0;color:#5f7884;font-size:.93rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.product-card{position:relative;border:1px solid var(--edge);background:#fff;box-shadow:0 10px 32px rgba(10,44,60,.04);border-radius:20px;padding:28px;display:flex;flex-direction:column;min-height:375px;transition:box-shadow .2s,transform .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#a8d3d9}.product-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.product-id{font-size:.65rem;color:#138294;font-weight:900;letter-spacing:.1em}.product-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;font-size:1.8rem;font-weight:850}.icon-game{background:#d9f2ef;color:#117985}.icon-manage{background:#e4e9f9;color:#5456a4}.icon-lis{background:#fff0d8;color:#bd7918}.product-card h3{font-size:1.46rem;line-height:1.25;min-height:60px;margin-bottom:13px}.product-card p{color:#56717d;font-size:.89rem}.tag-row{display:flex;gap:5px;flex-wrap:wrap;margin:3px 0 26px}.tag-row span{background:#edf5f6;border-radius:8px;color:#49707a;font-weight:750;font-size:.69rem;padding:5px 8px}.card-link{border-top:1px solid #e8eff1;margin-top:auto;padding-top:20px;text-decoration:none;font-weight:850;color:#0c7784;font-size:.9rem;display:flex;justify-content:space-between}.card-link:hover,.text-link:hover{color:#064953}.split-section{background:#f4f8f8}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split-grid>div>p:not(.section-kicker){color:#5b7783}.text-link{display:inline-block;font-weight:850;color:#0b7482;text-decoration:none}.value-stack{display:grid;gap:12px}.value-stack>div{display:flex;align-items:start;gap:18px;padding:20px 22px;border:1px solid #dbe9eb;background:#fff;border-radius:15px}.value-no{border-radius:10px;background:#e3f4f3;color:#0b7478;font-weight:900;padding:10px 17px}.value-stack strong{font-size:1rem}.value-stack p{margin:5px 0 0;font-size:.84rem;color:#6c8189}.knowledge-teaser{padding-block:73px;background:#092c3a}.knowledge-box{display:flex;gap:60px;align-items:center;justify-content:space-between;color:#fff}.knowledge-box .section-kicker{color:#9adbd8}.knowledge-box h2{max-width:630px}.knowledge-box p:not(.section-kicker){color:#b7d2d7;max-width:760px;margin-bottom:0}.knowledge-box .btn{flex-shrink:0}.contact-banner{display:flex;gap:45px;align-items:center;justify-content:space-between}.contact-banner p:not(.section-kicker){color:#69808b}.contact-buttons{display:flex;gap:12px;flex-wrap:wrap}
.page-hero{background:linear-gradient(115deg,#f0f8f8,#e7f3f5);padding:62px 0 63px}.page-hero h1{font-size:clamp(2.25rem,4.3vw,3.8rem);max-width:920px;margin-bottom:18px}.page-hero p:not(.section-kicker){max-width:790px;color:#547482;font-size:1.03rem}.page-hero .section-kicker{margin:18px 0}.page-hero .page-actions{margin:25px 0 0}.breadcrumb{font-size:.82rem;text-decoration:none;color:#587883;font-weight:750}.breadcrumb:hover{text-decoration:underline}.detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:65px;align-items:start}.article{font-size:.98rem;color:#435e6a}.article h2{font-size:1.52rem;margin:0 0 13px;color:var(--ink)}.article h2:not(:first-child){margin-top:39px}.article p{margin-bottom:18px}.article a{color:#087585}.article-list{padding-left:25px}.article-list li{padding-left:5px;margin-bottom:12px}.article.narrow{max-width:800px;margin-inline:auto}.side-panel{background:#f6f9fa;border:1px solid #dce9ed;border-radius:18px;padding:22px;position:relative}.side-panel h3{margin:18px 0 12px}.side-panel p{font-size:.88rem;color:#5c7a86}.side-panel .detail-shot{width:100%;border-radius:11px;border:1px solid #d5e7e8}.image-caption{font-size:.72rem!important;color:#6c848d!important;margin:10px 0 20px}.fact-list{margin:0 0 20px}.fact-list>div{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-top:1px solid #dbe9ec;gap:14px}.fact-list dt{color:#66828c;font-size:.78rem}.fact-list dd{font-size:.8rem;font-weight:800;margin:0;text-align:right}.feature-list{display:grid;gap:9px}.feature-list>div{display:flex;align-items:start;gap:18px;background:#f4f9f9;border:1px solid #e0eef0;border-radius:13px;padding:17px}.feature-list span{font-size:.75rem;font-weight:900;color:#159aa1}.feature-list strong{font-size:.94rem;color:#133f4e}.feature-list p{margin:5px 0 0;font-size:.84rem}.mock-panel{aspect-ratio:1.2;background:#e4eff1;border:1px solid #bbd5d9;border-radius:13px;padding:15px;overflow:hidden}.mock-head{background:#0e4653;display:flex;gap:5px;padding:10px;border-radius:8px}.mock-head span{width:8px;height:8px;border-radius:50%;background:#7db6b8}.mock-title{height:19px;width:65%;border-radius:5px;margin:25px 0 16px;background:#7899a5}.mock-row{display:flex;gap:9px;margin-bottom:14px}.mock-row i{width:33%;height:50px;background:#fff;border:1px solid #c7dee0;border-radius:8px}.mock-columns{display:flex;gap:9px;height:75px;margin-bottom:17px}.mock-columns div{flex:1;background:#9aced0;border-radius:7px}.mock-columns div:nth-child(2){background:#b7d8e9}.mock-columns div:nth-child(3){background:#efdab9}.mock-lines{display:grid;gap:7px}.mock-lines span{background:#fff;border-radius:5px;height:9px}.mock-lines span:nth-child(2){width:90%}.mock-lines span:nth-child(3){width:77%}.mock-lines span:nth-child(4){width:86%}.mock-lis{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;aspect-ratio:auto;padding:35px 25px;background:linear-gradient(160deg,#e6f6f4,#edf3fb)}.lis-title{font-weight:850;color:#0d6f7d;font-size:.7rem;letter-spacing:.1em;text-align:center;margin-bottom:14px}.lis-node{width:100%;max-width:250px;text-align:center;background:white;border:1px solid #bddfe3;border-radius:10px;padding:10px;font-weight:740;font-size:.8rem;color:#285b68}.lis-arrow{color:#138a91;font-weight:900}.inline-note{border-left:4px solid #10a0a1;background:#edf7f6;padding:19px 22px;border-radius:0 10px 10px 0;color:#3a6771;margin:28px 0;font-size:.92rem}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px}.contact-tile{padding:30px;border:1px solid #dce9ea;border-radius:17px;background:#f7fafa}.contact-symbol{font-size:1.7rem;color:#0b7585;border:1px solid #b9e3df;background:#e6f5f1;display:grid;place-items:center;width:55px;height:55px;border-radius:15px}.contact-tile h2{font-size:1.5rem;margin:20px 0 10px}.contact-tile p{color:#66808b}.contact-big{font-size:1.08rem;overflow-wrap:anywhere}
.site-footer{background:#092633;color:#d8e7eb;padding:64px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr .85fr 1.3fr;gap:46px}.footer-brand{font-size:1.85rem;font-weight:920;letter-spacing:-.06em;text-decoration:none;color:#fff}.accent-dot{color:#77d8cc}.site-footer h3{color:#e9f6f6;text-transform:uppercase;font-size:.7rem;letter-spacing:.11em;margin:12px 0 19px}.site-footer p{color:#a5c0c8;font-size:.8rem}.site-footer a:not(.footer-brand){display:block;color:#b9d3da;text-decoration:none;font-size:.82rem;margin:0 0 13px;overflow-wrap:anywhere}.site-footer a:hover{color:#fff}.site-footer .footer-note{font-size:.71rem}.footer-base{margin-top:55px;padding-top:19px;border-top:1px solid #294750;display:flex;justify-content:space-between;gap:15px;color:#88aeb8;font-size:.75rem}
@media(max-width:1120px){.desktop-nav{gap:0}.nav-link{padding:9px 7px;font-size:.72rem}.brand small{font-size:.49rem}.hero-grid{gap:40px}.hero-foot{margin-top:30px}.section{padding:62px 0}.product-card{padding:22px}.footer-grid{gap:28px}}@media(max-width:850px){.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav>summary{list-style:none;cursor:pointer;border:1px solid #c9dfe4;background:#f5f9f9;border-radius:10px;padding:8px 13px;color:#244f5c;font-weight:800}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;z-index:50;right:0;top:45px;width:min(310px,85vw);background:#fff;border:1px solid #d4e4e8;box-shadow:var(--shadow);border-radius:13px;display:grid;padding:10px}.mobile-nav nav .nav-link{font-size:.86rem;padding:12px}.hero{padding:55px 0}.hero-grid,.detail-grid{grid-template-columns:1fr}.hero-grid{gap:35px}.hero-visual{max-width:680px;transform:none}.product-grid{grid-template-columns:1fr 1fr}.split-grid{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.knowledge-box,.contact-banner{align-items:start;flex-direction:column;gap:20px}.detail-grid{gap:25px}.side-panel{max-width:560px}}@media(max-width:600px){.wrap{width:calc(100% - 32px)}.site-header{height:74px}.brand-mark{width:39px;height:39px;border-radius:11px}.brand strong{font-size:1.33rem}.brand small{font-size:.45rem}.hero{padding:47px 0}.hero h1{font-size:2.45rem}.hero-desc{font-size:.93rem}.hero-cta{margin:25px 0}.hero-foot{gap:6px 13px;margin-top:30px}.visual-top,.visual-bottom{padding:12px 13px}.visual-top strong{font-size:.81rem}.visual-top small{font-size:.52rem}.visual-bottom{font-size:.68rem}.section{padding:52px 0}.section-head{flex-direction:column;align-items:start;gap:14px}.product-grid,.split-grid,.contact-grid{grid-template-columns:1fr}.product-card{min-height:unset}.product-card h3{min-height:unset}.split-grid{gap:32px}.page-hero{padding:40px 0}.page-hero p:not(.section-kicker){font-size:.93rem}.contact-grid{gap:13px}.contact-tile{padding:22px}.footer-grid{grid-template-columns:1fr;gap:22px}.site-footer{padding-top:43px}.footer-base{flex-direction:column;margin-top:34px}.knowledge-box h2{font-size:1.75rem}.btn{padding:12px 15px}.article{font-size:.92rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* v2 — Real QLKXN screenshots, clear direct-game/support routes */
.secondary-link{margin:-4px 0 15px!important;font-size:.76rem!important}.secondary-link a{color:#096e7d;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.gallery-section{background:#f4f8f9}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.screenshot-card{margin:0;background:#fff;border:1px solid #d4e5e8;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(0,47,65,.06)}.screenshot-card a{display:block;overflow:hidden;background:#dfecef}.screenshot-card img{display:block;width:100%;aspect-ratio:1366/768;object-fit:cover;transition:transform .24s}.screenshot-card a:hover img{transform:scale(1.025)}.screenshot-card figcaption{display:flex;flex-direction:column;gap:5px;padding:18px 20px}.screenshot-card figcaption strong{font-weight:850;font-size:1.04rem;color:#103d4d}.screenshot-card figcaption span{font-size:.83rem;color:#617d89}.gallery-disclaimer{font-size:.8rem;color:#5d7881;margin:26px 0}
.support-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.support-card{scroll-margin-top:20px;padding:28px;border:1px solid #d4e4e8;border-radius:19px;background:#f8fbfb;display:flex;flex-direction:column;align-items:start}.support-card .btn{margin-top:auto}.support-card h2{font-size:1.5rem;margin:14px 0}.support-card p{color:#587681}.support-card .text-link{margin-top:15px}.support-no{font-size:.68rem;font-weight:900;color:#0e7484;letter-spacing:.1em}.support-contact{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:38px;padding:26px 32px;background:#e9f4f4;border-radius:15px}.support-contact h2{font-size:1.5rem;margin:0 0 6px}.support-contact p{margin:0;color:#65838b}.support-contact>div:last-child{display:flex;flex-direction:column;gap:7px}.support-contact a{color:#07566b;font-weight:820;overflow-wrap:anywhere}
.development-notice{border-radius:14px;padding:22px 24px;background:#fff8e9;border:1px solid #f0d6a1;color:#70521e;margin-bottom:26px}.development-notice strong{font-size:1.1rem}.development-notice p{margin:10px 0 0}.development-tile{text-align:center;padding:35px 15px;border-radius:14px;background:linear-gradient(145deg,#fef7eb,#e8f3f6);border:1px solid #e4e7e3}.development-symbol{width:68px;height:68px;display:grid;place-items:center;border-radius:18px;background:#12485b;color:#fff;font-size:2rem;font-weight:800;margin:0 auto 18px}.development-tile .section-kicker{margin:0 0 10px}.development-tile h3{font-size:1.6rem!important;margin:0 0 10px}.development-tile p{margin:0}
@media(max-width:680px){.screenshot-grid,.support-layout{grid-template-columns:1fr}.support-card{padding:22px}.support-contact{flex-direction:column;align-items:start;padding:22px}.gallery-section .section-head{margin-bottom:22px}}