.hero{color:#fff;background:radial-gradient(at 40% 10%,#304761,#0000 60%),linear-gradient(100deg,#07101c,#16283d 65%,#423326);min-height:326px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.6;background:repeating-linear-gradient(90deg,#0000 0 65px,#020a1466 70px 89px,#0000 96px 139px);position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(#263044,#0a1320);height:27px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -3px 20px #0008}.hero-inner{z-index:1;grid-template-columns:39% 61%;align-items:center;max-width:1384px;min-height:326px;margin:auto;padding:0 24px 27px;display:grid;position:relative}.hero-copy{align-self:start;padding-top:24px}.hero h1{letter-spacing:-1.8px;margin:0 0 13px;font-size:54px;font-weight:800;line-height:.94}.hero h1 em{color:#2ba8f9;text-shadow:0 2px 1px #000;font-style:normal}.hero-copy>p{max-width:440px;margin:0 0 17px;font-size:16px;line-height:1.4}.hero-buttons{gap:14px;display:flex}.hero-buttons .btn.secondary{min-width:169px}.hero-stats{gap:24px;margin-top:25px;display:flex}.hero-stat{white-space:nowrap;align-items:center;gap:12px;display:flex}.hero-stat svg.icon{color:#09afff;filter:drop-shadow(0 0 5px #009cff70);width:29px;height:32px}.hero-stat b{font-size:14px}.hero-stat small{color:#c4cedf;margin-top:4px;font-size:11px;display:block}.console{background:linear-gradient(125deg,#93a1b2,#344151 12%,#6a788b 40%,#263441 72%,#596371);border:2px solid #97a4b5;border-radius:18px 13px 15px 15px;width:650px;max-width:94%;min-height:302px;margin-left:12px;padding:15px 19px 18px;position:relative;transform:perspective(1200px)rotateY(-5deg)rotateX(2deg)skew(-4deg);box-shadow:inset 0 0 0 5px #334050,inset 0 0 0 7px #111c28,14px 9px #101923,20px 14px 17px #000b}.screw{background:linear-gradient(130deg,#000 40%,#8a8c86 48%,#060c12 60%);border:1px solid #b2a896;border-radius:50%;width:9px;height:9px;position:absolute}.screw.a{top:8px;left:8px}.screw.b{top:8px;right:8px}.screw.c{bottom:8px;left:8px}.screw.d{bottom:8px;right:8px}.console-head{color:#aacdff;border-bottom:2px solid #0c253c;align-items:center;gap:7px;height:35px;margin-bottom:9px;font-size:16px;font-weight:700;display:flex}.console-head svg.icon{width:22px;height:22px}.console-head small{color:#a7b4c5;text-align:right;margin-left:auto;padding-right:8px;font-size:8px;font-weight:400;line-height:1.3}.console-head .mode{letter-spacing:.6px;color:#7fd0ff;background:#0b2238;border:1px solid #1f4a6d;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:700}.console-screen{background:#030c17;border:2px solid #087db7;border-radius:10px;padding:9px;box-shadow:0 0 0 4px #122031,inset 0 0 20px #000}.metrics,.modules{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.metric{border:1px solid var(--accent);background:radial-gradient(ellipse at top, color-mix(in srgb, var(--accent) 17%, #041224), #03101c);text-align:center;color:#e4faff;border-radius:8px;height:99px;padding:9px 4px}.metric-label{color:color-mix(in srgb, var(--accent) 45%, white);text-transform:uppercase;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.metric-label svg.icon{width:22px;height:24px;color:var(--accent);filter:drop-shadow(0 0 6px var(--accent))}.metric strong{text-shadow:0 0 12px color-mix(in srgb, var(--accent) 60%, transparent);white-space:nowrap;margin:7px 0 4px;font-size:29px;display:block}.metric strong small{font-size:12px}.metric>small{color:color-mix(in srgb, var(--accent) 50%, white);font-size:10px}.modules{margin-top:9px}.module{color:#fff;background:radial-gradient(ellipse at bottom, color-mix(in srgb, var(--accent) 28%, #081325), #07101e);border:1px solid color-mix(in srgb, var(--accent) 65%, #304657);border-radius:7px;height:93px;padding:7px;transition:filter .2s;position:relative;overflow:hidden}.module:hover{filter:brightness(1.2)}.module b{font-size:12px;display:block}.module small{color:#a9b8cd;font-size:9px}.keybed{background:#10253b;border-radius:5px;grid-template-columns:repeat(6,1fr);gap:3px;width:99px;height:49px;padding:5px;display:grid;position:absolute;bottom:-5px;left:14%;transform:perspective(95px)rotateX(34deg)rotate(-14deg);box-shadow:0 5px #020712}.keybed i{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 50%, white), color-mix(in srgb, var(--accent) 48%, #142841));box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 35%, #030b18), inset 0 1px 0 #ffffff60;border-radius:2px}.reaction-device{background:radial-gradient(at 45% 22%,#179bff,#142ddb 52%,#6139ff 58%,#0a0926 70%);border-bottom:5px solid #08091b;border-radius:50%;width:65px;height:29px;position:absolute;bottom:7px;left:29%;box-shadow:0 3px 1px #000,0 0 12px #5f43ff}.mouse-device{background:linear-gradient(145deg,#58edd6,#05494a 40%,#011d25 72%);border-top:2px solid #18d3c2;border-radius:55% 60% 38% 35%;width:66px;height:39px;position:absolute;bottom:5px;left:27%;transform:rotate(16deg);box-shadow:3px 5px #020c10}.mouse-device:after{content:"";background:#00d2b6;border-radius:4px;width:5px;height:8px;position:absolute;top:6px;left:27px}.lab-props{z-index:-1;pointer-events:none;width:250px;height:290px;position:absolute;bottom:17px;right:-110px}.books{width:153px;position:absolute;bottom:0;right:-23px;transform:rotate(-2deg)}.books div{color:#ad9580;background:linear-gradient(#273746,#111c27);border-right:18px solid #c1ab8a;border-radius:5px 1px 1px 5px;height:34px;margin-top:3px;padding:7px 15px;font-size:17px;font-weight:700;box-shadow:0 4px 3px #000b}.mug{color:#102034;background:linear-gradient(90deg,#bcb6b0,#ffedd5 40%,#b59e84);border-radius:3px 5px 18px 15px;width:77px;height:100px;padding:16px 8px;font-size:10px;font-weight:700;line-height:1.3;position:absolute;bottom:-2px;left:3px;transform:rotate(-2deg);box-shadow:3px 4px 5px #0008,inset 0 2px 2px #fff}.mug:after{content:"";z-index:-1;border:9px solid #ccb797;border-radius:0 25px 25px 0;width:30px;height:50px;position:absolute;top:17px;right:-27px}.wall-note{color:#193042;background:linear-gradient(110deg,#9d8f7d,#d9c6a5);border:6px solid #443d34;width:96px;height:140px;padding:15px 11px;font-size:17px;font-style:italic;font-weight:700;line-height:1.15;position:absolute;top:12px;right:18px;transform:rotate(3deg);box-shadow:0 3px 8px #0008}.home-main .wrap{max-width:1530px}.home-main{background:radial-gradient(ellipse at center, var(--card), var(--bg));padding:14px 0 16px}.main-grid{grid-template-columns:minmax(0,1fr) 290px;gap:18px;display:grid}.popular{margin-top:14px}.popular .section-head{margin-bottom:7px}.feature-band{background:var(--card);border-top:1px solid var(--line-soft);padding:14px 0 12px}.feature-wrap{grid-template-columns:1.4fr 2fr 2.4fr;gap:30px;max-width:1588px;margin:auto;padding:0 24px;display:grid}.about h2,.learn h2{margin:0 0 4px;font-size:16px}.about p,.learn>p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.features{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.feature{text-align:center}.feature svg.icon{width:28px;height:28px;color:var(--accent);margin-bottom:5px}.feature b{font-size:11px;display:block}.feature small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.learn{border-left:1px solid var(--line);padding-left:39px}.guides{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;display:grid}.guide{border:1px solid var(--line);background:var(--card);border-radius:5px;padding:7px 24px 7px 10px;position:relative;box-shadow:0 1px 2px #26497110}.guide:hover{border-color:#0087ff}.guide b{font-size:11px;display:block}.guide small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.guide:after{content:"›";color:#0087ff;font-size:22px;position:absolute;top:50%;right:9px;transform:translateY(-55%)}@media (width<=1550px){.hero-inner{grid-template-columns:40% 60%}.console{width:620px;margin-left:20px}.hero-stats{gap:17px}.hero-stat{gap:8px}.hero-stat b{font-size:12px}.hero-stat small{font-size:10px}.category{padding:9px}.category-top{gap:7px}.category .icon-tile{width:35px;height:41px}.category h3{font-size:11px}.tags{gap:4px}.tags span{padding:3px 5px}.test-card{gap:9px}.test-title{gap:6px}.test-title h3{font-size:11px}.badge{padding:3px 7px}.feature-wrap{gap:20px}.learn{padding-left:20px}}@media (width<=1200px){.lab-props{display:none}.hero-inner{grid-template-columns:43% 57%}.hero-copy{padding:25px 0}.hero h1{font-size:45px}.hero-copy>p{font-size:14px}.hero-buttons .btn{padding:0 20px}.hero-stats{flex-wrap:wrap;gap:15px}.console{transform-origin:0;width:560px;max-width:108%;margin-left:0;transform:scale(.92)}.main-grid{grid-template-columns:1fr 250px;gap:12px}.category .icon-tile{width:42px}.category h3{font-size:13px}.feature-wrap{grid-template-columns:1fr 1.5fr}.learn{border:0;border-top:1px solid var(--line);grid-column:1/-1;padding:12px 0 0}}@media (width<=760px){.hero-inner{flex-direction:column;align-items:stretch;padding:0 16px 27px;display:flex}.hero-copy{padding:28px 0 17px}.hero h1{font-size:44px;line-height:1.02}.hero-copy>p{font-size:15px}.hero-buttons{gap:10px}.hero-buttons .btn{flex:1;padding:0 18px;font-size:13px}.hero-buttons .btn.secondary{min-width:0}.hero-stats{flex-wrap:nowrap;justify-content:space-between;gap:10px;margin-top:22px}.hero-stat{white-space:normal;gap:6px}.hero-stat svg.icon{width:22px;height:25px}.hero-stat b{font-size:11px}.hero-stat small{font-size:9px;line-height:1.3}.console{border-radius:13px;width:100%;max-width:100%;min-height:0;margin:10px 0 12px;padding:11px;transform:none;box-shadow:inset 0 0 0 4px #334050,5px 6px #111923,8px 10px 15px #0007}.console-head{height:30px;margin-bottom:7px;font-size:13px}.console-head small{display:none}.console-head .mode{margin-left:auto}.console-screen{padding:6px}.metrics,.modules{gap:5px}.metric{height:91px;padding:7px 2px}.metric-label{flex-direction:column;gap:3px;font-size:7px}.metric-label svg.icon{width:18px;height:18px}.metric strong{margin:5px 0;font-size:19px}.metric.gold strong{margin:8px 0;font-size:15px}.metric strong small{font-size:8px}.metric>small{font-size:7px}.module{height:78px;padding:5px 3px}.module b{font-size:9px}.module small{font-size:7px;line-height:1.2;display:block}.keybed{gap:2px;width:52px;height:31px;padding:3px;bottom:5px;left:7%}.reaction-device{width:41px;height:20px;bottom:10px;left:17%}.mouse-device{width:39px;height:27px;bottom:9px;left:14%}.mouse-device:after{width:4px;height:7px;top:3px;left:15px}.home-main{padding:18px 0}.main-grid{display:block}.popular{margin-top:20px}aside.home-aside{gap:12px;margin-top:16px;display:grid}.panel+.panel{margin:0}.recent-item{min-height:51px}.ranking-row{min-height:31px}.feature-wrap{padding:0 16px;display:block}.about{margin-bottom:18px}.features{gap:8px;margin:15px 0 18px}.feature b{font-size:10px}.feature small{font-size:8px}.learn{padding-top:15px}.guides{grid-template-columns:1fr;gap:7px}.guide{padding:10px 28px 10px 10px}.guide b{font-size:12px}.guide small{font-size:11px}}@media (width<=380px){.hero h1{font-size:38px}.hero-stat small{display:none}}