:root{--bg:#101316;--muted:#a3afb3;--ink:#eef3ee;--lime:#c5e9a0;--peach:#eead91}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:14px Inter,'Segoe UI',system-ui,sans-serif;margin:0;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.site{max-width:1600px;margin:auto}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;border-bottom:1px solid #252d32}header nav{display:flex;gap:38px;color:#a4b0b3;font-size:12px}header nav a:hover{color:white}.brand{display:flex;align-items:center;font-weight:920;font-size:34px;letter-spacing:-5px;line-height:1}.brand span{color:var(--lime);margin-right:20px}.brand strong{font-size:15px;letter-spacing:.1em;font-weight:860}.nav-cta{border:1px solid #53644f;padding:11px 15px;border-radius:6px;font-size:12px;font-weight:680;color:#dbefce}.nav-cta span{margin-left:16px}.hero{padding:105px 6.5% 70px;max-width:1000px}.eyebrow{font-size:10px;font-weight:760;letter-spacing:.16em;color:#a9c2ae}.eyebrow i{display:inline-block;width:7px;height:7px;background:#bce39c;border-radius:50%;margin-right:9px}.hero h1{font-weight:780;letter-spacing:-.067em;font-size:clamp(51px,6.2vw,91px);line-height:1.03;margin:29px 0}.hero em,.feature-row em,.packs em{font-style:normal;color:#bddf9a}.hero p{line-height:1.75;font-size:16px;color:#acbab8;max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.cta,.ghost{padding:17px 20px;border-radius:8px;font-weight:790;font-size:12px}.cta{background:#c2e5a4;color:#1c2b1c}.cta span{margin-left:42px}.ghost{border:1px solid #4c5960;color:#e9f0ec}.ghost span{color:#bfe69c;margin-left:20px}.spec{margin-top:70px;display:flex;gap:24px;flex-wrap:wrap;color:#788993;font-size:10px;letter-spacing:.05em}.spec span::first-letter{color:#bde5a2}.screenshot{position:relative;margin:0 6.5%;background:#1b2127;border:1px solid #45505c;border-radius:12px;padding:0 20px 20px;box-shadow:0 40px 140px #0008;overflow:hidden}.screenshot-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #374149;color:#8b9aa3;height:44px;font-size:9px;letter-spacing:.12em}.screenshot-top i{display:inline-block;background:#bce6a0;height:6px;width:6px;border-radius:50%;margin-right:5px}.fake-arrangement{margin-top:20px}.measure{padding-left:150px;display:flex;justify-content:space-around;color:#75838e;height:25px;font-size:10px;border-bottom:1px solid #353e48}.lane{position:relative;height:61px;border-bottom:1px solid #2b3641;margin-left:150px;background-image:repeating-linear-gradient(to right,#313944 0px,#313944 1px,transparent 1px,transparent 12.5%)}.lane label{position:absolute;left:-145px;top:22px;font-size:10px;font-weight:750;letter-spacing:.1em;color:#9ba7ab}.block{position:absolute;top:9px;height:42px;border-radius:4px;font-size:10px;padding:9px 8px}.peach{color:#46352f;background:#e1a994}.lime{color:#283a2b;background:#afcf95}.blue{color:#27374b;background:#8eaeda}.plum{color:#35283f;background:#b8a0d9}.screenshot-foot{text-align:right;padding-top:14px;color:#6d8088;font-size:9px;letter-spacing:.12em}.feature-row{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:145px 6.5% 65px}.feature-row small,.packs>small,.tiles small{font-size:9px;color:#8d9f9f;letter-spacing:.15em;font-weight:750}.feature-row h2,.packs h2{font-size:clamp(35px,4.5vw,64px);letter-spacing:-.066em;line-height:1.1;margin:17px 0 0}.feature-row p{max-width:345px;color:#95a8aa;line-height:1.9}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:0 6.5%}.tiles>a{background:#1b2228;border:1px solid #343f45;border-radius:9px;overflow:hidden;padding:0 27px 27px;transition:transform .2s,border-color .2s}.tiles>a:hover{transform:translateY(-4px);border-color:#859b82}.tile-art{margin:0 -27px 27px;background:#242f2e;height:200px;padding:45px;display:flex;flex-direction:column;justify-content:center;gap:19px;color:#c3dfa4}.tile-rack span{font-size:20px;letter-spacing:5px;white-space:nowrap}.tile-keys{background:#293035;align-items:center;flex-direction:row;gap:30px}.tile-keys>span{font-size:70px;color:#c5a0d9}.tile-keys>div{font-size:17px;line-height:1.9;letter-spacing:2px;color:#d0dbe1}.tiles h3{font-size:26px;letter-spacing:-.035em;margin:15px 0 8px}.tiles h3 span{float:right;color:#aec995}.tiles p{font-size:12px;color:#99a8aa}.packs{padding:140px 6.5%}.packs h2{margin-bottom:50px}.pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pack-grid article{background:#1a2025;border:1px solid #333d45;border-radius:8px;overflow:hidden}.cover{height:300px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.cover:after{content:"";position:absolute;right:-60px;top:-90px;width:360px;height:360px;border:46px solid #ffffff14;border-radius:50%}.cover.one{background:linear-gradient(120deg,#435148,#212f34)}.cover.two{background:linear-gradient(120deg,#784d5d,#34304e)}.cover b{font-size:50px;letter-spacing:-.04em;z-index:2}.cover span{font-size:11px;letter-spacing:.18em;z-index:2}.pack-data{display:flex;align-items:center;justify-content:space-between;margin:22px 22px 8px}.pack-data b{font-size:17px}.pack-data span{color:#b9c6bd;font-size:12px}.pack-grid article>small{display:block;margin:0 22px 22px;color:#8d9ca5}footer{margin:0 6.5%;border-top:1px solid #343e45;padding:30px 0 45px;display:flex;align-items:center;justify-content:space-between;color:#91a2a7;font-size:11px}@media(max-width:820px){header{padding:0 5%;height:70px}header nav{display:none}.hero{padding:75px 5% 50px}.hero h1{font-size:clamp(40px,10vw,70px)}.spec{margin-top:40px;gap:12px}.screenshot{margin:0 5%;padding:0 9px 12px}.measure{padding-left:80px}.lane{margin-left:80px}.lane label{left:-75px;font-size:8px}.block{font-size:8px;padding:7px 4px}.feature-row{padding:80px 5% 35px;flex-direction:column;align-items:flex-start}.tiles,.pack-grid{grid-template-columns:1fr}.tiles{margin:0 5%}.packs{padding:80px 5%}.cover{height:220px}.cover b{font-size:40px}.tile-rack span{font-size:13px}.tile-art{height:170px}footer{margin:0 5%}.brand strong{font-size:12px}}