html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}#viewport{position:relative;inset:auto;width:100%;height:min(100svh,63.8889vw);min-height:200px;overflow:hidden;scroll-margin-top:0}.website{position:relative;z-index:2;background:linear-gradient(#080a0ddd,#080a0df5);border-top:1px solid #a47c4655;font:16px/1.65 system-ui,-apple-system,sans-serif;color:#ece8df}.website>header,.website>main,.website>footer{max-width:1360px;margin:auto;padding:0 5%}.website>header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b9823933}.website a{color:inherit}.website .brand{display:flex;align-items:center;gap:10px;text-decoration:none}.website .brand img{width:74px}.website .brand span{font:35px StarrLCD;color:#ffc16b;letter-spacing:5px}.website .brand small{display:block;font:9px system-ui;letter-spacing:3px;color:#bcac96;margin-top:10px}.website nav{display:flex;gap:32px;font-size:13px}.website nav a{text-decoration:none}.website .hero{position:relative;min-height:600px;padding:80px 0 65px;overflow:hidden}.website .eyebrow{font:11px/1.6 StarrLCD;letter-spacing:2px;color:#d79a52}.website h1{font-size:clamp(48px,6.8vw,88px);line-height:1.04;letter-spacing:-5px;margin:28px 0;color:#f6f0e6;position:relative;z-index:1}.website h2{font-size:clamp(28px,3.5vw,44px);line-height:1.18;letter-spacing:-1.5px;margin:12px 0 26px}.website p{color:#a9a69e}.website .hero p{font-size:19px;position:relative;z-index:1}.website .hero-sun{position:absolute;width:580px;right:-30px;top:-10px;opacity:.8;z-index:0;animation:site-sun-rotate 150s linear infinite;mix-blend-mode:screen;filter:drop-shadow(0 0 50px #e260201c)}@keyframes site-sun-rotate{to{transform:rotate(360deg)}}.website .primary,.website button{border:1px solid #ad783e;background:#15140f;color:#f5ba69;font:12px StarrLCD;padding:12px 15px;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block}.website .primary:hover,.website button:hover{background:#5d351a;color:#ffda9f}.website a:focus-visible,.website input:focus-visible{outline:2px solid #ffbb65;outline-offset:3px}.website .hero .primary{position:relative;margin-top:18px;background:#eda653;color:#16100a}.website .explore{border-top:1px solid #765a37;padding:45px 0 15px}.website .explore p{max-width:750px}.website .sound-facts{display:flex;gap:12px;flex-wrap:wrap}.website .sound-facts span{font:10px StarrLCD;border:1px solid #b47e3c55;color:#d6aa71;border-radius:30px;padding:8px 12px}.website .features{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:95px 0 110px}.website .features article{border-top:1px solid #8b653f;padding-top:22px}.website .features span{font:10px StarrLCD;color:#d99b51}.website .features h2{font-size:29px;margin-top:24px}.website .features p{font-size:14px}.website .trial{border-top:1px solid #80613c;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:65px 0 80px}.website .platforms{display:flex;gap:32px;margin:30px 0}.website .platforms b{display:block;color:#e8b976}.website .platforms span{font-size:12px;color:#a49f94}.website .signup{padding:30px;background:#171710b3;border:1px solid #735637;border-radius:8px;align-self:start}.website .signup h3{font:15px/1.5 StarrLCD;color:#e9ae62;margin:0 0 24px}.website .signup label{display:block;font-size:12px;margin:15px 0}.website input[type=text],.website input[type=email]{width:100%;padding:10px;background:#080a08;border:1px solid #66513a;border-radius:3px;color:#eee;font:13px system-ui;margin-top:6px}.website .signup .primary{width:100%;margin-top:20px;background:#d9984e;color:#100e0a}.website .privacy{font-size:11px;margin-top:24px}.website .caption{font-size:12px;line-height:1.8;max-width:850px}.website>footer{display:flex;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px;border-top:1px solid #5e492e;font:10px StarrLCD;color:#a0927b}.website>footer a{font:12px system-ui}@media(max-width:900px){.website .hero-sun{right:-220px;opacity:.45}.website .trial{gap:30px}.website .features{gap:25px}}@media(max-width:600px){.website>header{height:85px}.website .brand span{font-size:25px}.website .brand img{width:45px}.website .brand small{font-size:7px;letter-spacing:1px}.website nav{gap:16px;font-size:11px}.website h1{letter-spacing:-3px}.website .hero{min-height:530px;padding-top:55px}.website .hero-sun{width:470px;top:20px;right:-250px}.website .eyebrow{font-size:9px}.website .features{grid-template-columns:1fr;margin:65px 0;gap:30px}.website .features h2{margin:16px 0}.website .trial{grid-template-columns:1fr;padding-top:40px}.website .platforms{gap:25px}.website .signup{padding:22px}.website>footer{flex-wrap:wrap;font-size:8px}}@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}.website .hero-sun{animation:none}}
.website{background:transparent}.website.opening{border-top:0}.website .hero-sun{animation:none;filter:none;mix-blend-mode:normal}.website .hero{overflow:visible}.website .hero h1,.website .hero p{max-width:65%}#browser .browser-heading{font:14px StarrLCD;color:#d4b67c;text-align:center;margin:12px 0 24px}#typing-guide{position:relative;z-index:3;text-align:center;padding:20px 15px 8px;background:#10141960;color:#d9b37f;font:11px/1.6 StarrLCD;scroll-margin-top:10px}#typing-guide>div{display:flex;justify-content:center;gap:5px;margin:12px 0}#typing-guide kbd{display:grid;place-items:center;width:32px;height:36px;border:1px solid #857660;border-radius:3px;font:14px StarrLCD;background:#ddd4bc;color:#242525;box-shadow:0 3px #74664e}#typing-guide kbd.black-key{background:#222932;color:#ffc16a;transform:translateY(-5px);box-shadow:0 3px #070a0d}#typing-guide kbd.pressed{background:#e2a452;color:#0c1014}#typing-guide small{font:11px system-ui;color:#acaaa2}.website .development,.website .feedback,.website .legal{border-top:1px solid #80613c;padding:55px 0}.website .build-status{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.website .build-status article{padding:22px;background:#11182088;border:1px solid #67513a;border-radius:6px}.website .build-status h3{font:20px StarrLCD;color:#eab773}.website .build-status b{font-size:12px;color:#d3c6ac}.website .build-status p,.website .legal p{font-size:13px}.website .feedback form{max-width:740px}.website .feedback label{display:block;margin:16px 0;font-size:13px}.website textarea,.website .feedback input,.website .feedback select{width:100%;background:#101419b3;border:1px solid #756044;color:#eadfcf;border-radius:4px;padding:12px;margin-top:7px;font:14px system-ui}.website .opt-in,dialog .opt-in{display:flex;align-items:flex-start;gap:10px;font:12px/1.7 system-ui}.website .opt-in input,dialog .opt-in input{width:17px;height:17px;flex:0 0 17px;margin:3px 0;accent-color:#e8ad5c}.mixer-track{min-width:0}.mixer-track>div{min-width:0}.mixer-wave{min-width:0}#master-strip{grid-template-columns:65px minmax(100px,260px) 85px 70px minmax(100px,1fr);gap:10px}.roll-header{gap:12px;flex-wrap:nowrap;white-space:nowrap}.roll-header>span{margin-right:auto}.roll-header label{flex-shrink:0}#roll-scroll{right:0;bottom:0}.website .legal h2{font-size:24px}@media(max-width:650px){.website .build-status{grid-template-columns:1fr}#typing-guide kbd{width:23px;height:29px;font-size:11px}#typing-guide>div{gap:3px}.website .hero h1,.website .hero p{max-width:100%}.website .hero-sun{opacity:.5}}
.website .hero-sun{aspect-ratio:1}

.website footer .social-links{display:flex;gap:12px;flex-wrap:wrap}.website footer .social-links a:hover{background:#352415;border-color:#ffc16b}.website footer .social-links a:focus-visible{outline:2px solid #ffc16b;outline-offset:4px}

.website footer .social-links .social-logo{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:10px;border:1px solid #b98a4a66;border-radius:12px;box-sizing:border-box;color:white;transition:transform .16s,filter .16s}.social-logo svg{display:block;width:26px;height:26px}.website footer .facebook-logo{background:#1877f2}.website footer .instagram-logo{background:radial-gradient(circle at 30% 105%,#feda75 0%,#fa7e1e 28%,#d62976 55%,#962fbf 76%,#4f5bd5 100%)}.website footer .social-links .social-logo:hover{transform:translateY(-2px);filter:brightness(1.15)}