*{box-sizing:border-box}
:root{color-scheme:dark}body{margin:0;background:#0c0d11;color:#eceef3;font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a.button{cursor:pointer}.site-header,body>footer{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 32px;gap:24px}.wordmark{font-weight:900;font-size:23px;letter-spacing:-1px;text-decoration:none}.wordmark span{color:#f2b941}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none;color:#c1c6d1}main{max-width:1240px;margin:auto;padding:0 32px}h1,h2,p{margin:0 0 20px}h1{font-size:clamp(32px,4.7vw,60px);line-height:1.12;letter-spacing:-2px}h2{font-size:24px;line-height:1.3;letter-spacing:-.5px}h1 em{font-style:normal;color:#f2b941}.eyebrow{font-size:14px;letter-spacing:2px;color:#c3c8d3;font-weight:700}.intro{display:grid;grid-template-columns:1fr 290px;gap:50px;padding:64px 0 48px;align-items:center}.lead{max-width:590px;font-size:19px;color:#bbc1cf}.muted{font-size:14px;color:#abb2c1}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:28px 0 18px}.button,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:8px;font-weight:700;border:1px solid transparent;text-decoration:none;font-size:16px}.button{background:#f2b941;color:#121317}.button:hover{background:#ffd477}.secondary{background:#20232c;border-color:#343946;color:#eceef3}.text-link{font-size:15px}.offer{border-left:2px solid #f2b941;padding-left:30px}.price{font-size:44px;letter-spacing:-1px;line-height:1.2;margin:20px 0}.price small{font-size:14px;letter-spacing:0;color:#aeb6c6}.panel{border:1px solid #2a2e39;border-radius:14px;background:#14161d;padding:30px}.section-title{display:flex;justify-content:space-between;gap:24px;align-items:center}.section-title h2{margin-bottom:0}.tag{font-size:12px;letter-spacing:1px;border:1px solid #3b414e;border-radius:20px;padding:6px 12px;white-space:nowrap;color:#c4cad7}.demo-options{display:flex;gap:12px;margin:28px 0 20px}.demo-options button{flex:1;background:#1b1e27;color:#d1d6e1;border:1px solid #363c49;border-radius:8px;padding:14px;text-align:left}.demo-options small{display:block;color:#aeb6c6}.demo-options .selected{border-color:#f2b941;color:#f2b941}.demo-chords{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.demo-chords div{border:1px solid #333949;border-radius:10px;padding:24px 20px;background:linear-gradient(145deg,#212631,#171a21);font-size:25px;transition:border-color .1s}.demo-chords div.active{border-color:#f2b941;box-shadow:inset 0 -3px #f2b941}.demo-chords small{display:block;color:#8e98ac;font-size:14px}.demo-transport{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-transport label{display:block;max-width:280px;margin-left:auto;font-size:14px}.demo-transport input{display:block;width:250px;accent-color:#f2b941}#demoStatus{margin:18px 0 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:48px 0}.features span{color:#f2b941;font-size:14px}.features h2{margin:12px 0}.features p{color:#aeb6c6}.account,.legal{max-width:800px;margin:44px auto}.account h1,.legal h1{font-size:38px}.legal h2{margin:32px 0 12px}.notice{padding:16px;border:1px solid #66552e;background:#282319;border-radius:8px;color:#f6daa0}.consent{display:block;margin:22px 0;font-size:15px}.consent input{width:18px;height:18px;margin-right:8px;accent-color:#f2b941}.account-links{margin-top:24px;font-size:14px}.setup{max-width:800px;margin:32px auto;padding:24px;border:1px dashed #4c566c;border-radius:12px}.setup ul{padding:0;list-style:none}.setup li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #2a2e39;padding:10px 0}.setup strong{color:#f2b941;font-size:14px}body>footer{border-top:1px solid #2a2e39;color:#aeb6c6;font-size:14px}:focus-visible{outline:3px solid #f2b941;outline-offset:4px}@media(max-width:800px){.intro{grid-template-columns:1fr;padding-top:32px;gap:24px}.offer{padding:16px 24px}.section-title{display:block}.tag{display:inline-block;margin-top:14px}.features{grid-template-columns:1fr;gap:10px}.demo-options{flex-wrap:wrap}.demo-options button{min-width:150px}.demo-chords{grid-template-columns:repeat(2,1fr)}.demo-transport label{margin:12px 0 0;width:100%}.site-header,body>footer{padding:20px;flex-wrap:wrap}main{padding:0 20px}.panel{padding:22px}.account h1,.legal h1{font-size:30px}}
