.card-home{padding:68px 0 80px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pixel-card{--accent:var(--cyan);position:relative;display:grid;grid-template-rows:auto minmax(205px,1fr) auto;min-height:470px;padding:0;color:var(--white);border:0;background:#0a1018;text-align:left;cursor:pointer;clip-path:polygon(10px 0,calc(100% - 10px) 0,calc(100% - 10px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 10px,100% 10px,100% calc(100% - 10px),calc(100% - 4px) calc(100% - 10px),calc(100% - 4px) calc(100% - 4px),calc(100% - 10px) calc(100% - 4px),calc(100% - 10px) 100%,10px 100%,10px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 10px),0 calc(100% - 10px),0 10px,4px 10px,4px 4px,10px 4px);box-shadow:inset 0 0 0 3px #263444,inset 0 -8px #020406,0 8px #000;transition:transform .2s,filter .2s}.pixel-card:before{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;box-shadow:inset 0 0 0 3px #263444,inset 0 0 30px transparent;transition:.2s}.pixel-card:hover,.pixel-card:focus-visible{transform:translateY(-9px);filter:brightness(1.15);outline:none}.pixel-card:hover:before,.pixel-card:focus-visible:before{box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 32px color-mix(in srgb,var(--accent) 18%,transparent)}.pixel-card:active,.pixel-card.is-pressed{transform:translateY(3px) scale(.985);filter:brightness(1.25)}.card-title{display:flex;justify-content:space-between;align-items:center;min-height:67px;padding:17px 18px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 35%,#111927),#111927);border-bottom:3px solid #020508}.card-title h2{font:italic 900 clamp(20px,2vw,27px)/1 Arial}.card-title span{order:2;color:var(--accent);font:800 10px Arial;letter-spacing:.12em}.card-art{position:relative;display:grid;place-items:center;min-height:220px;overflow:hidden;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,transparent),transparent 55%),linear-gradient(#101a27,#060a10)}.card-art:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff08 2px,transparent 2px),linear-gradient(90deg,#ffffff08 2px,transparent 2px);background-size:20px 20px;opacity:.5}.card-copy{position:relative;z-index:2;display:grid;grid-template-rows:1fr auto;min-height:155px;padding:19px 18px 22px;background:#0b111a;border-top:3px solid #020508}.card-copy p{color:#b0b9c5;font:15px/1.55 Arial}.card-action{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding:14px 13px;background:color-mix(in srgb,var(--accent) 18%,#101722);border:2px solid color-mix(in srgb,var(--accent) 55%,#263442);color:#fff;font:900 12px Arial;letter-spacing:.08em;box-shadow:0 5px #020406;transition:.15s}.pixel-card:hover .card-action{background:var(--accent);color:#041014;box-shadow:0 5px color-mix(in srgb,var(--accent) 35%,#000)}.pixel-card:active .card-action,.pixel-card.is-pressed .card-action{transform:translateY(4px);box-shadow:0 1px #000}.theme-tools{--accent:#ffc94a}.theme-course{--accent:#a878ff}.theme-service{--accent:var(--red)}.pixel-monitor,.pixel-book,.pixel-console,.pixel-box,.generic-handheld{position:relative;z-index:2;display:grid;place-items:center;width:112px;height:88px;border:6px solid #061018;background:#142c3c;box-shadow:0 0 0 4px var(--accent),10px 10px #020406;transition:.25s}.pixel-monitor i{position:absolute;inset:12px;background:#061018}.pixel-monitor b,.pixel-book b,.pixel-console b{position:relative;color:var(--accent);font:900 35px monospace}.pixel-player{position:absolute;z-index:3;bottom:25px;width:30px;height:50px;background:var(--red);box-shadow:12px 0 #ffcf4a,-8px 14px #11202d}.pixel-box{font:900 48px monospace;color:#ffc94a}.data-line{position:absolute;z-index:1;width:80%;height:4px;background:#ffc94a;box-shadow:0 0 14px #ffc94a;animation:dataMove 2s linear infinite}.pixel-book{background:linear-gradient(90deg,#472b74 49%,#100d19 50%,#472b74 51%)}.progress-pixels{position:absolute;z-index:3;bottom:25px;display:flex;gap:7px}.progress-pixels i{width:12px;height:12px;background:#a878ff;box-shadow:0 0 8px #a878ff}.pixel-console{width:130px;height:78px}.tool{position:absolute;z-index:3;color:var(--red);font:900 35px monospace}.t1{left:18%;bottom:24%}.t2{right:17%;top:22%}.spark{position:absolute;z-index:3;color:var(--accent);font:900 14px monospace}.s1{left:13%;top:22%}.s2{right:12%;bottom:22%}.pixel-card:hover .pixel-monitor,.pixel-card:hover .pixel-book,.pixel-card:hover .pixel-console,.pixel-card:hover .pixel-box,.pixel-card:hover .generic-handheld{transform:translateY(-8px);animation:pixelHover .65s steps(2,end) infinite}.prototype{margin-top:90px;padding-top:55px;border-top:2px solid #ffffff12}.section-heading{max-width:650px;margin-bottom:30px}.section-heading h2{font:italic 900 clamp(32px,5vw,55px)/1 Arial}.section-heading>p:last-child{margin-top:12px;color:var(--muted);font:15px/1.6 Arial}.console-preview{grid-template-columns:repeat(3,1fr)}.pixel-card.compact{min-height:430px}.generic-handheld{width:145px;height:82px}.generic-handheld i{width:70px;height:55px;background:#061018}.generic-handheld b:before,.generic-handheld b:after{content:"";position:absolute;width:12px;height:12px;background:var(--cyan);top:-32px}.generic-handheld b:before{left:-55px}.generic-handheld b:after{right:-55px}.locked-card{--accent:#687382;filter:grayscale(.8);font-family:Arial}.locked-card:hover{transform:none;filter:grayscale(.5);cursor:not-allowed}.locked-art{background:#090b10}.lock{position:relative;z-index:3;display:grid;place-items:center;width:75px;height:68px;border:5px solid #5e6877;background:#1b2029;color:#9099a6;font-size:34px}.chain{position:absolute;z-index:4;width:150%;height:14px;background:repeating-linear-gradient(90deg,#303743 0 12px,#75808e 12px 18px,#202630 18px 30px);border:3px solid #11151b}.c1{transform:rotate(31deg)}.c2{transform:rotate(-31deg)}.locked-card.is-denied{animation:lockedShake .42s steps(2,end)}.locked-card.is-denied .lock{color:var(--red);border-color:var(--red);box-shadow:0 0 22px #ff285866}.pixel-social{padding-top:25px}.pixel-social nav{gap:9px}.pixel-social nav a{display:flex;align-items:center;gap:8px;min-height:43px;padding:7px 11px;background:#0a1017;box-shadow:inset 0 0 0 2px #273340,0 4px #000;color:#b6c0cc;font:800 10px Arial;transition:.15s}.pixel-social nav a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 2px var(--cyan),0 7px #000}.pixel-social nav a:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px var(--cyan)}.pixel-social nav i{display:grid;place-items:center;width:26px;height:26px;background:#162330;color:var(--cyan);font:900 11px monospace;font-style:normal}.pixel-social nav b{font-size:10px}.pixel-social .patreon i,.pixel-social .patreon b{color:#ff5370}@keyframes pixelHover{50%{filter:brightness(1.35);margin-left:4px}}@keyframes dataMove{from{transform:translateY(-80px)}to{transform:translateY(80px)}}@keyframes lockedShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-10px) rotate(-1deg)}40%{transform:translateX(10px) rotate(1deg)}60%{transform:translateX(-7px)}80%{transform:translateX(7px)}}@media(max-width:1050px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.card-grid,.console-preview{grid-template-columns:1fr}.pixel-card{grid-template-rows:auto 210px auto;min-height:450px}.card-copy p{font-size:16px}.card-action{font-size:13px}.pixel-social nav a b{display:none}.pixel-social nav a{padding:7px}.prototype{margin-top:65px}}@media(prefers-reduced-motion:reduce){.pixel-card:hover .pixel-monitor,.pixel-card:hover .pixel-book,.pixel-card:hover .pixel-console,.pixel-card:hover .pixel-box,.pixel-card:hover .generic-handheld,.data-line{animation:none}.locked-card.is-denied{animation:none}}