:root{--bg:#071018;--panel:#0d1923;--panel2:#111f2c;--text:#f6f8fc;--muted:#95a9bc;--accent:#9c6cff;--accent2:#52ef9b;--line:#1d3444;--danger:#ff6576;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 76% -10%,#1b1641 0,transparent 32%),radial-gradient(circle at 5% 38%,#06303a 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",system-ui,sans-serif}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}.beta-bar{text-align:center;padding:9px 16px;border-bottom:1px solid #244153;background:#0b1721;color:#9eb2c2;font-size:11px;font-weight:800;letter-spacing:.1em}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.nav nav{display:flex;gap:28px}.nav a{color:var(--muted);text-decoration:none}.nav a:hover{color:var(--text)}.brand{display:flex;align-items:center;gap:10px;font-size:25px!important;font-weight:900;color:var(--text)!important}.wordmark span{color:var(--accent2)}.brand-icon{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 0 24px #23e8c333;border:1px solid #2d5068}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;border:1px solid var(--line);font-weight:800;text-decoration:none;cursor:pointer;transition:.18s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#3d6075}.button:disabled{cursor:not-allowed;opacity:.55}.button.primary{background:linear-gradient(135deg,var(--accent),#7552e9);border-color:transparent;color:#fff;box-shadow:0 12px 36px #8f64ff26}.button.ghost{background:#0d1923;color:var(--text)}.button.compact{min-height:42px;padding:0 17px}.hero{min-height:700px;display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center;padding:68px 0 105px}.eyebrow,.section-head>span,.cta>div>span,.showcase-copy>span{font-size:12px;letter-spacing:.16em;font-weight:900;color:var(--accent2)}h1{font-size:74px;line-height:.98;margin:18px 0 25px;letter-spacing:-.052em}h1 span{color:var(--accent)}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin:34px 0}.mini{display:flex;gap:18px;flex-wrap:wrap;color:#b5c7d5;font-size:13px}.hero-visual{display:flex;flex-direction:column;gap:16px;position:relative}.brand-stage{overflow:hidden;border:1px solid #214158;border-radius:24px;background:#07111d;box-shadow:0 28px 90px #0008,0 0 70px #13e7c016}.zyrlok-stage{min-height:225px;display:flex;align-items:center;justify-content:center;gap:24px;padding:34px;background:radial-gradient(circle at 30% 50%,#0b3840 0,transparent 33%),linear-gradient(135deg,#07111d,#0b1028)}.zyrlok-stage-icon{width:128px;height:128px;object-fit:cover;border-radius:30px;box-shadow:0 0 55px #1effc33d}.zyrlok-wordmark{font-size:62px;font-weight:900;letter-spacing:-.055em;line-height:.88;color:#f8fbff;text-shadow:0 0 28px #ffffff12}.zyrlok-wordmark>span{color:#35f0bd}.zyrlok-wordmark small{display:block;font-size:11px;letter-spacing:.34em;color:#8fa8bc;margin-top:18px;font-weight:700}.app-card{background:linear-gradient(180deg,#101e2a,#0a151e);border:1px solid #284052;border-radius:26px;padding:24px;box-shadow:0 30px 100px #0008;transform:rotate(.6deg);margin:-8px 18px 0}.app-logo-mini{width:25px;height:25px;border-radius:8px;object-fit:cover}.app-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:17px}.badge{margin-left:auto;background:#312458;color:#c7aaff;border:1px solid #583b91;border-radius:99px;padding:4px 8px;font-size:10px}.lock-title{margin:24px 0 10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.game{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:15px;background:#0e1d27;border:1px solid var(--line);border-radius:14px}.game-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#182b38}.game small{display:block;color:var(--muted);margin-top:5px}.danger{font-size:10px;font-weight:900;color:var(--danger)}.countdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.countdown div{background:#0b1720;border:1px solid var(--line);border-radius:13px;padding:15px}.countdown b{font-size:29px;color:var(--accent2)}.countdown small{display:block;color:var(--muted);margin-top:4px}.focus{display:flex;align-items:center;justify-content:space-between;background:#17142a;border:1px solid #3c2b66;border-radius:15px;padding:16px}.focus b{display:block;font-size:25px;margin-top:5px}.focus small{color:#bea8ef}.ring{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:7px solid #533b8e;border-top-color:var(--accent);font-weight:900}.trust{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;background:#0b1720;overflow:hidden}.trust>div{padding:23px;border-right:1px solid var(--line)}.trust>div:last-child{border-right:0}.trust b{display:block;font-size:20px;color:#eaf2f8;margin-bottom:6px}.trust span{font-size:12px;line-height:1.5;color:var(--muted)}.section{padding:100px 0}.section-head{max-width:780px;margin-bottom:42px}.section-head h2,.cta h2,.showcase h2{font-size:44px;line-height:1.08;margin:12px 0;letter-spacing:-.035em}.section-head p,.showcase-copy p{color:var(--muted);line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article,.cards article,.price{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:20px;padding:26px}.steps article>span{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#1d1837;color:#c9b8ff;font-size:11px;font-weight:900}.steps h3,.cards h3{font-size:21px;margin:18px 0 10px}.steps p,.cards p,.price p,.faq p,.cta p{color:var(--muted);line-height:1.65}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.icon{font-size:28px}.showcase{display:grid;grid-template-columns:.78fr 1.22fr;gap:56px;align-items:center}.showcase-copy ul{padding-left:20px;line-height:2;color:#c8d6df}.showcase-panel{border:1px solid #2a4355;border-radius:22px;overflow:hidden;background:#0c1822;box-shadow:0 30px 100px #0008}.window-bar{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:7px;color:#70889a;font-size:11px}.window-bar i{width:8px;height:8px;background:#284253;border-radius:50%}.window-bar span{margin-left:7px}.dashboard-demo{min-height:365px;display:grid;grid-template-columns:145px 1fr}.demo-side{padding:24px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:22px;background:#09141d}.demo-side b{font-size:19px}.demo-side b span{color:var(--accent2)}.demo-side small{color:#8198a9}.demo-main{padding:30px}.demo-title{font-size:25px;font-weight:800;margin-bottom:20px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.demo-grid>div{background:#10202b;border:1px solid #233b4a;border-radius:15px;padding:18px;min-height:110px}.demo-grid b{display:block;color:#8da4b5;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.demo-grid strong{display:block;font-size:31px;margin-top:13px}.demo-grid .wide{grid-column:1/-1}.demo-grid .wide span{display:block;color:#8da4b5;margin-top:8px;font-size:12px}.pricing{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;max-width:900px}.price{position:relative}.price.pro{border-color:#5e45a2;box-shadow:inset 0 0 0 1px #5e45a250}.price .plan{color:var(--muted);font-weight:900;font-size:12px;letter-spacing:.14em}.price h3{font-size:42px;margin:12px 0}.price h3 small{font-size:13px;color:var(--muted);font-weight:500}.price ul{padding-left:20px;line-height:2;color:#c9d6df}.price button{height:46px;width:100%;border-radius:12px;border:1px solid var(--line);background:#152430;color:#8297a7}.pill{position:absolute;right:22px;top:20px;border-radius:99px;background:#33255e;color:#cbb6ff;padding:6px 9px;font-size:9px;font-weight:900}.cta{margin-top:60px;margin-bottom:60px;padding:40px;border-radius:24px;border:1px solid #493678;background:linear-gradient(110deg,#17142d,#101d29);display:flex;justify-content:space-between;gap:35px;align-items:center}.cta h2{margin:8px 0;font-size:37px}.cta>div:first-child{max-width:760px}.release-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.release-meta span{font-size:11px;color:#aabac6;border:1px solid #2b4251;background:#0a161f;border-radius:99px;padding:7px 10px}.cta-actions{display:flex;min-width:215px;flex-direction:column;gap:12px;align-items:stretch}.text-link{color:#aebbd2;text-align:center;font-size:12px;text-decoration:none}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{font-weight:800;cursor:pointer;font-size:17px}footer{border-top:1px solid var(--line);padding:30px 0 50px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}footer a{color:var(--muted);text-decoration:none}.footer-brand{display:flex;align-items:center;gap:8px}.footer-brand img{width:22px;height:22px;border-radius:6px}.footer-note{text-align:center}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:40px}.app-card{transform:none}.trust{grid-template-columns:1fr 1fr}.trust>div:nth-child(2){border-right:0}.trust>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.cards,.steps{grid-template-columns:1fr 1fr}.pricing{grid-template-columns:1fr}.showcase{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.cta-actions{width:100%}h1{font-size:56px}}@media(max-width:590px){.shell{width:min(var(--max),calc(100% - 26px))}.beta-bar{font-size:9px}.nav{height:68px}.brand{font-size:21px!important}.brand-icon{width:36px;height:36px}.nav .compact{display:none}.cards,.steps,.trust{grid-template-columns:1fr}.trust>div{border-right:0;border-bottom:1px solid var(--line)!important}.trust>div:last-child{border-bottom:0!important}.hero{gap:35px;padding-bottom:75px}h1{font-size:46px}.section{padding:75px 0}.section-head h2,.showcase h2{font-size:35px}.mini{flex-direction:column;gap:8px}.zyrlok-stage{gap:14px;padding:24px}.zyrlok-stage-icon{width:88px;height:88px}.zyrlok-wordmark{font-size:40px}.zyrlok-wordmark small{font-size:8px;letter-spacing:.22em}.dashboard-demo{grid-template-columns:1fr}.demo-side{display:none}.demo-main{padding:18px}.cta{padding:28px}.pricing .pill{position:static;display:inline-block;margin-bottom:13px}footer{flex-direction:column;align-items:flex-start}.footer-note{text-align:left}}
