:root{
  --bg:#011317; --fg:#ecffff; --muted:#9bb4bd;
  --line:#1a2a30; --panel:#0b1b21; --accent:#d3b166; --accent2:#58f0b8;
}
.qws11-root{background:var(--bg);color:var(--fg);font:16px/1.65 Inter,system-ui,sans-serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
/* Preloader */
.qws11-preloader{position:fixed;inset:0;background:var(--bg);display:grid;place-items:center;z-index:9999}
.qws11-pre-wrap{text-align:center}
.qws11-pre-logo{font-weight:800;font-size:38px;letter-spacing:.12em}
.qws11-pre-ring{position:relative;width:180px;margin:14px auto}
.qws11-pre-ring svg{width:180px;height:180px;transform:rotate(-90deg)}
.qws11-pre-ring .trail{fill:none;stroke:#12313a;stroke-width:8}
.qws11-pre-ring .bar{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:339;stroke-dashoffset:339}
.qws11-pre-num{position:absolute;inset:0;display:grid;place-items:center;font-size:40px;font-weight:800;color:var(--accent)}
.qws11-enter{margin-top:8px;border:1px solid var(--accent);background:transparent;color:var(--accent);padding:10px 16px;border-radius:999px;cursor:pointer}
/* Nav */
.qws11-nav{position:sticky;top:0;z-index:100;background:rgba(1,19,23,.6);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.qws11-nav .nav-inner{display:flex;align-items:center;gap:18px;min-height:64px}
.qws11-nav .brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.qws11-nav .links{display:flex;gap:16px;flex-wrap:wrap}
.qws11-nav .links a{padding:8px 12px;border-radius:12px;border:1px solid transparent}
.qws11-nav .links a.active{border-color:var(--line);background:linear-gradient(180deg,#0f2026,#0a151a)}
.qws11-nav .chip{border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:var(--muted);font-size:12px}
.qws11-nav .sound{margin-left:auto;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;background:transparent;display:grid;place-items:center}
.qws11-nav .sound span{display:block;width:2px;height:12px;background:var(--muted);margin:0 1px}
/* Sections */
.section{padding:80px 0;border-top:1px solid var(--line)}
.hero{min-height:70vh;display:grid;place-items:center;background:radial-gradient(900px 600px at 80% -20%, rgba(211,177,102,.08), transparent), radial-gradient(900px 600px at -20% -10%, rgba(88,240,184,.1), transparent)}
.title{font-size:clamp(40px,7vw,78px);line-height:1.02;margin:0 0 10px;font-weight:800;text-align:center}
.lead{max-width:900px;margin:0 auto;text-align:center;color:var(--muted);font-size:clamp(16px,2.5vw,20px)}
.note{text-align:center;color:var(--muted);opacity:.8;margin-top:10px}
.cta{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#13262e,#0d1a20);color:var(--fg)}
.btn.ghost{background:transparent}
.h2{font-size:34px;margin:0 0 10px}
.muted{color:var(--muted)}
.head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.grid{display:grid;gap:18px}
@media(min-width:960px){.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}
/* KPI rings */
.kpi .ring{position:relative;width:160px;margin:6px auto 10px}
.kpi svg{width:160px;height:160px;transform:rotate(-90deg)}
.kpi .trail{fill:none;stroke:#12313a;stroke-width:8}
.kpi .bar{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:339;stroke-dashoffset:339}
.kpi .num{position:absolute;inset:0;display:grid;place-items:center;font-size:36px;font-weight:800;color:var(--accent)}
.kpi .label{font-weight:600;text-align:center}
.kpi .desc{color:var(--muted);text-align:center}
/* Tabs */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 16px}
.tab{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#0f2026;color:var(--fg)}
.tab.active{outline:2px solid #1f3a43}
.tabpanel{display:none}
.tabpanel.active{display:block}
/* Form */
.form label{display:block;color:var(--muted);font-size:14px;margin-bottom:6px}
.form input,.form textarea{width:100%;background:#07171d;border:1px solid var(--line);border-radius:12px;color:var(--fg);padding:12px}
.form .actions{display:flex;align-items:center;gap:12px;margin-top:12px}
.ok{display:none;color:#9ef0b3}
.ok.show{display:inline-block}
/* Footer */
.footer{padding:36px 0;color:var(--muted);position:relative}
.footer .wrap{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}
.gotop{position:fixed;right:16px;bottom:16px;border-radius:50%;width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center;background:rgba(0,0,0,.3)}
/* On-scroll reveals */
.flying .card{opacity:0;transform:translateY(30px)}