:root{--bg:#101114;--text:#f4f3ef;--green:#b0f478}body{background:#101114;margin:0;padding:0 44px;font-family:'DM Sans',sans-serif}a:focus-visible,button:focus-visible{outline:2px solid #c3affa;outline-offset:6px}.wrap{max-width:1260px;margin:auto}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303034}.wordmark{font:700 27px 'Barlow Condensed',sans-serif;letter-spacing:.025em}.wordmark span{color:#b0f478}header>span{font-size:10px;color:#8f9297;letter-spacing:.12em}.intro{padding:58px 0 39px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.intro small{color:#a5a8ae;font-size:10px;letter-spacing:.18em}.intro h1{font-weight:500;font-size:58px;line-height:1.12;letter-spacing:-.065em;margin:17px 0 0}.intro h1 em{color:#95939c}.intro>p{color:#999ca3;font-size:12px;line-height:1.8;max-width:280px;padding-bottom:5px}.concepts{display:grid;grid-template-columns:1fr 1fr;gap:26px}.concept{display:block;border:1px solid #414444;border-radius:9px;overflow:hidden;background:#15181a;transition:transform .35s,border-color .35s}.concept:hover{transform:translateY(-6px);border-color:#a5ee6a}.concept.galaxy:hover{border-color:#c2a5fb}.preview{height:310px;position:relative;overflow:hidden;background:#090d0e;isolation:isolate}.preview:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090d0efa 5%,#090d0e55 55%,transparent);z-index:1}.preview .dragon{position:absolute;inset:0 0 0 10%;height:100%;width:105%;object-fit:cover;object-position:60%;opacity:.9}.preview h2{position:absolute;left:27px;top:64px;z-index:3;font:800 italic 50px/.95 'Barlow Condensed';letter-spacing:-.02em}.preview h2 em{color:#b2ff6d}.preview .mini{position:absolute;left:28px;top:32px;z-index:3;color:#b9e99c;font-size:7px;letter-spacing:.16em}.preview .mini-cta{position:absolute;left:28px;bottom:56px;z-index:4;background:#b2ff6d;color:#172013;padding:10px 15px;font-size:8px;font-weight:700}.preview .pack{position:absolute;right:7%;bottom:14px;width:31%;height:45%;object-fit:contain;z-index:3;rotate:8deg;filter:drop-shadow(0 13px 10px #000a)}.preview .pack2{right:0;width:19%;height:33%;rotate:-10deg;bottom:8px}.concept-info{padding:25px 27px 28px;display:grid;grid-template-columns:1fr auto;align-items:center}.concept-info small{font-size:9px;color:#9da79e;letter-spacing:.13em}.concept-info h3{font-size:26px;font-weight:500;letter-spacing:-.035em;margin:8px 0 11px}.concept-info p{color:#9caaa5;font-size:11px;line-height:1.7}.open{width:42px;height:42px;border:1px solid #647456;border-radius:50%;display:grid;place-items:center;font-size:20px;color:#b2f57e}.galaxy{background:#1a1625;border-color:#44384f}.galaxy .preview{background:radial-gradient(ellipse at 65% 50%,#68368f66,transparent 60%),#130f20}.galaxy .preview:before{display:none}.galaxy .preview h2{font:500 39px/1.05 'DM Sans';letter-spacing:-.06em;top:78px}.galaxy .preview h2 em{color:#d2baff}.galaxy .preview .mini{color:#be9dde}.galaxy .preview .mini-cta{background:#d2baff;border-radius:30px;color:#271839;bottom:59px}.galaxy .preview .dragon{inset:40px 4% auto auto;width:42%;height:235px;object-fit:cover;object-position:65%;border:1px solid #7a5a9c;border-radius:95px 95px 12px 12px;rotate:10deg;opacity:.68}.galaxy .preview .pack{right:1%;bottom:21px;width:24%;height:34%;z-index:4}.galaxy .preview .pack2{right:28%;bottom:53px;width:20%;height:32%;background:#e4dfe9;padding:9px;border-radius:8px;rotate:-13deg}.galaxy .concept-info small{color:#a78bbc}.galaxy .concept-info p{color:#af99be}.galaxy .open{color:#caacf0;border-color:#775890}.notes{display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#81858d;padding:23px 0 45px;border-bottom:1px solid #303034}.lab{padding:40px 0 48px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px;align-items:center}.lab h2{font-size:25px;font-weight:500;letter-spacing:-.035em}.lab p{font-size:11px;color:#93959d;line-height:1.8;margin-top:13px;max-width:330px}.buttons{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.test-btn{height:48px;padding:0 23px;font-size:11px;font-weight:700;transition:transform .2s,box-shadow .25s;cursor:pointer}.test-btn:active{transform:scale(.95)!important}.magnetic{background:#b2f57e;color:#1b2614;border-radius:4px;box-shadow:0 4px 0 #58753e}.magnetic:hover{transform:translateY(-4px);box-shadow:0 8px 28px #a9ed5f44}.glow{color:#e4d2ff;border:1px solid #8c69b4;border-radius:30px;background:linear-gradient(110deg,#221833,#443059,#221833);background-size:200%;transition:background-position .5s,box-shadow .4s}.glow:hover{background-position:100%;box-shadow:0 0 28px #a56af53f}.slide{border:1px solid #737c80;border-radius:3px;color:#e7f1ee;position:relative;overflow:hidden;isolation:isolate}.slide:before{content:'';position:absolute;inset:0;background:#c4e5df;translate:-101% 0;transition:translate .3s;z-index:-1}.slide:hover:before{translate:0}.slide:hover{color:#14201e}.lab-output{font-size:10px;min-height:18px;color:#b5c7b6;margin-top:19px}.resources{display:flex;gap:20px;font-size:11px;padding-bottom:35px;color:#a9a2b4}.resources a{border-bottom:1px solid #51495a;padding-bottom:4px}.end{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#73767f;border-top:1px solid #303034;padding:22px 0 30px}
@media(max-width:900px){body{padding:0 25px}.intro h1{font-size:49px}.intro>p{max-width:225px;font-size:11px}.preview{height:280px}.preview h2{font-size:40px;left:21px}.preview .mini{left:21px}.preview .mini-cta{left:21px}.galaxy .preview h2{font-size:32px}.concept-info{padding:23px}.concept-info p{font-size:10px}.lab{gap:25px;grid-template-columns:1fr 1.2fr}}
@media(max-width:640px){body{padding:0 18px}header{height:74px}.wordmark{font-size:24px}header>span{font-size:8px;max-width:120px;text-align:right}.intro{display:block;padding:37px 0 30px}.intro small{font-size:9px}.intro h1{font-size:46px;margin-top:15px}.intro>p{max-width:310px;margin-top:23px;font-size:12px}.concepts{grid-template-columns:1fr;gap:20px}.preview{height:288px}.preview h2{font-size:49px;top:68px}.galaxy .preview h2{font-size:37px;top:81px}.concept-info{padding:23px}.concept-info p{font-size:11px}.notes{font-size:10px;flex-direction:column;gap:8px;padding-bottom:30px}.lab{display:block;padding-top:31px}.lab p{max-width:100%;font-size:12px;margin-bottom:25px}.buttons{gap:11px}.test-btn{font-size:10px;padding:0 17px;height:45px}.resources{font-size:10px}.end{font-size:8px;line-height:1.7}.galaxy .preview .dragon{right:3%}.concept-info h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.concept:hover,.magnetic:hover{transform:none}}