*{box-sizing:border-box}body{margin:0;background:#101012;color:#ededf0;font:14px system-ui,sans-serif}header,footer{display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid #2c2428;gap:20px}.brand{font-size:24px;font-weight:850;color:#e94b60;text-decoration:none;letter-spacing:-1px}.brand span{color:#eee}.muted,small{color:#929097}.eyebrow{color:#e94b60;font-size:11px;letter-spacing:2px}main{max-width:1280px;padding:50px 30px 80px;margin:auto}h1{font-size:clamp(30px,4vw,50px);letter-spacing:-2px;margin:16px 0 32px;line-height:1.1}h1 span{color:#929097}h2{font-size:16px;margin:0 0 25px}.panel{background:#17171a;border:1px solid #37272d;padding:26px;margin-top:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats article{padding:24px;background:#19191c;border-top:2px solid #c73c50}.stats b{font-size:32px;display:block}.stats span{color:#aaa}button,input{font:inherit;color:inherit;border:1px solid #42343a;background:#1f1e22;padding:11px 15px}button{cursor:pointer}button:hover{border-color:#e94b60;background:#322129}button.primary{background:#b73147;border-color:#df4c64;font-weight:650}label{display:block;font-size:12px;color:#aaa;margin-bottom:9px}input:focus{outline:2px solid #d3435a;outline-offset:2px}.create{display:flex;align-items:flex-end;gap:18px}.create div:first-of-type{flex:1}.create input{width:100%}.table{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{text-align:left;padding:18px 12px;border-bottom:1px solid #30282d}th{font-size:10px;color:#a6a0a7;text-transform:uppercase;letter-spacing:1px}td{font-size:12px}small{display:block;margin-top:7px}.badge{color:#72deb0;background:#1b3029;padding:5px 9px;font-size:11px}.inactive{color:#e09a9a;background:#342227}.actions{display:flex;gap:8px}.actions button{font-size:11px;padding:7px 10px}.danger,.error{color:#ff8192}.new-key{border-left:3px solid #e94b60;padding:10px 20px;margin-top:25px;background:#241c22}code{font-size:16px;word-break:break-all}.login{max-width:420px;margin:5vh auto}.login form{display:grid;gap:13px;margin-top:35px}.login label{margin:0}.empty{color:#999;padding:40px}footer{border-top:1px solid #2c2428;border-bottom:0;font-size:11px;color:#817b83}@media(max-width:700px){header .muted{display:none}.create{display:grid}.stats{gap:8px}.stats article{padding:15px}.stats span{font-size:11px}main{padding:30px 15px}.panel{padding:18px}footer{gap:20px}}
nav{display:flex;gap:28px;align-items:center}nav a,.text-link{color:#c9c4cc;text-decoration:none;font-size:13px}nav a:hover,.text-link:hover{color:#ff657b}a:focus-visible{outline:2px solid #e94b60;outline-offset:5px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:35px 0 70px}.hero h1{font-size:clamp(36px,4.8vw,65px);line-height:1.06;margin:25px 0}.hero h1 span{color:#e94b60}.hero-intro{color:#a9a3ad;line-height:1.8;font-size:15px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:30px}.link-button{display:inline-block;text-align:center;text-decoration:none;padding:15px 24px;color:#fff;border:1px solid #df4c64;background:#b73147;font-weight:650}.link-button:hover{background:#d13a53}.compatibility{font-size:10px;letter-spacing:2px;color:#a19aa4;margin-top:28px}.compatibility span{color:#51343e;margin:0 12px}.client-preview{background:#141315;border:1px solid #723342;box-shadow:12px 12px 0 #1d1519,0 0 90px #a62a3e15}.preview-top,.preview-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #462831}.preview-top b{font-size:21px;color:#ed4b65}.preview-top b span{color:#e6e0e7}.preview-top>span,.preview-bottom{font-size:9px;color:#9e8e98;letter-spacing:1px}.preview-tabs{display:flex;justify-content:space-around;border-bottom:1px solid #3a252d;font-size:11px}.preview-tabs span{padding:14px 5px;color:#91858e}.preview-tabs .chosen{border-bottom:2px solid #e94b60;color:#e94b60}.preview-body{display:grid;grid-template-columns:1fr 1fr;min-height:270px}.preview-modules{padding:20px 16px;border-right:1px solid #3a252d}.preview-modules small{font-size:9px;letter-spacing:1px;margin-bottom:19px}.preview-modules p{display:flex;justify-content:space-between;font-size:12px;margin:0;padding:10px 0;border-bottom:1px solid #231d21}.preview-modules i{width:10px;height:10px;border:1px solid #60313e}.preview-modules i.on{background:#e94b60;border-color:#e94b60;box-shadow:0 0 7px #e94b6033}.esp-demo{position:relative;min-height:270px;background:linear-gradient(#171419dd,#171419dd),repeating-linear-gradient(0deg,transparent 0 19px,#38232c 20px)}.pixel-player{position:absolute;top:47px;left:50%;width:90px;height:160px;transform:translateX(-50%)}.pixel-player i{position:absolute;display:block;background:#58414c;border:1px solid #745463}.pixel-player i:nth-child(1){width:35px;height:35px;top:0;left:27px;background:#8c6777}.pixel-player i:nth-child(2){width:68px;height:64px;top:37px;left:11px;background:#633344}.pixel-player i:nth-child(3){width:22px;height:57px;top:103px;left:21px}.pixel-player i:nth-child(4){width:22px;height:57px;top:103px;left:47px}.esp-box{position:absolute;top:39px;left:50%;width:100px;height:177px;border:1px solid #e94b60;transform:translateX(-50%)}.esp-box:before{content:'';position:absolute;width:3px;height:149px;background:#82c697;bottom:0;left:-8px}.esp-box>span{position:absolute;top:-17px;width:100%;text-align:center;font-size:10px;color:#ddd}.esp-demo>small{position:absolute;bottom:20px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:1px}.esp-demo b{color:#e94b60;font-size:14px}.preview-bottom{border-top:1px solid #462831;border-bottom:0;padding:12px 16px;font-size:8px}kbd{border:1px solid #5a414b;padding:2px 5px;font:inherit;color:#e6dce3}.feature-section{border-top:1px solid #34242b;padding:55px 0;scroll-margin-top:25px}.section-heading h2{font-size:30px;letter-spacing:-1px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-grid article{border-top:1px solid #51303b;padding:22px 0}.feature-number{color:#d9516a;font-size:10px;letter-spacing:1px}.feature-grid h3{font-size:20px;margin:20px 0 12px}.feature-grid p{color:#a9a3ad;line-height:1.8;min-height:85px}.feature-tag{font-size:11px;color:#cfc5ce}.download-panel{display:flex;justify-content:space-between;gap:35px;padding:42px;background:#1d161b;border:1px solid #6b3041;scroll-margin-top:30px}.download-panel h2{font-size:40px;letter-spacing:-1.5px;margin:18px 0}.download-panel h2 span{color:#e94b60}.download-panel p{color:#aea1ab;line-height:1.8}.download-action{display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:285px}.download-action p{font-size:12px;margin:0}.placeholder-badge{color:#f1c083;font-size:10px;letter-spacing:1px}.start-note{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding-top:42px}.start-note h2{font-size:18px}.start-note p{margin:0;color:#a49ba6;line-height:1.8}@media(max-width:850px){.hero{gap:35px;grid-template-columns:1fr;padding-top:10px}.client-preview{max-width:520px;width:100%}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-grid p{min-height:0}.download-panel{padding:25px;flex-direction:column}.download-action{min-width:0}.start-note{grid-template-columns:1fr;gap:0}}@media(max-width:500px){header{padding:18px 15px;flex-wrap:wrap}nav{gap:16px;flex-wrap:wrap}nav a{font-size:11px}.hero-actions{gap:15px;flex-wrap:wrap}.preview-top{padding:14px}.preview-bottom{font-size:7px}.hero h1{font-size:42px}.hero{padding-bottom:45px}.compatibility{letter-spacing:1px}.download-panel h2{font-size:34px}}