*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}svg{display:block}a:focus-visible{outline:3px solid #f77c42;outline-offset:5px}.page{max-width:1600px;margin:auto}header{height:94px;margin:0 50px;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;gap:35px}.logo img{display:block;width:220px;height:auto}nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:600}nav a{min-height:44px;display:flex;align-items:center;position:relative;white-space:nowrap}nav .active{color:#ff9e6b}nav .active:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:#f77c42}.nav-contact{gap:8px}.nav-contact svg{width:17px;height:17px}main{padding:0 50px}.eyebrow{display:block;font-size:10px;letter-spacing:1.65px;font-weight:700;line-height:1.5}h1{font-size:70px;line-height:.99;letter-spacing:-3.5px;font-weight:750}h1 em{font-style:normal}h2{font-size:27px;line-height:1.08;letter-spacing:-1px}p{font-size:15px;line-height:1.65}footer{margin:0 50px;height:76px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px;color:#a0a7ad}footer b{font-weight:400;margin-left:20px;color:#d5d9da}footer span:last-child{letter-spacing:.3px}.mini-brand{font-size:8px;letter-spacing:1.3px;font-weight:700;display:flex;justify-content:space-between}.mini-brand>span{font-weight:400;font-size:7px}.brew-ui{height:100%;position:relative;padding:23px 26px;color:#584231;background:radial-gradient(ellipse at 50% 40%,#f3ddbb,#d2b28e)}.brew-recipe{position:absolute;top:51px;font-family:Georgia,serif;font-size:21px;letter-spacing:-.7px}.coffee-art{width:100%;height:auto}.brew-ui>.coffee-art{position:absolute;width:91%;left:4.5%;top:55px;height:235px}.brew-stats{position:absolute;bottom:18px;left:26px;right:26px;display:flex;justify-content:space-between;border-top:1px solid #58423135;padding-top:13px;font-size:6px;letter-spacing:1px}.brew-stats b{font-size:15px;display:block;letter-spacing:-.5px;margin-bottom:4px}.loop-ui{position:relative;padding:23px 25px;background:#192d2d;color:#b9e5c4;height:100%}.loop-ui>.mini-brand{color:#afd8c3}.loop-chord{font-size:52px;letter-spacing:-3px;margin-top:25px;color:#e8fae9}.loop-chord>span{display:block;font-size:7px;letter-spacing:1.2px;color:#94b7a5;margin-top:5px}.wave{width:100%;height:auto;color:#91ca9e}.loop-ui>.wave{height:100px;position:absolute;left:0;top:127px}.loop-controls{position:absolute;bottom:43px;left:25px;right:25px;display:flex;gap:20px;align-items:center;justify-content:center}.round-play{background:#bbf0bd;color:#173629;width:35px;height:35px;display:grid;place-items:center;border-radius:50%}.round-play svg{width:18px;height:18px}.tempo{font-size:15px;margin-left:auto}.tempo small{font-size:7px;display:block;letter-spacing:1px}.loop-track{position:absolute;bottom:19px;left:25px;right:25px;display:flex;gap:5px}.loop-track i{height:4px;background:#698d763d;flex:1}.loop-track i:nth-child(-n+4){background:#b6dbae}.price-ui{height:100%;padding:23px 25px;position:relative;color:#383449;background:radial-gradient(ellipse at 50% 35%,#e3e2fd,#c4c0e5)}.price-question{font-size:21px;letter-spacing:-.8px;font-weight:700;position:absolute;top:52px}.price-ui>.headphone-art{position:absolute;width:65%;height:195px;top:69px;left:18%}.price-options{position:absolute;bottom:20px;left:25px;right:25px;display:flex;gap:8px}.price-options>span{border:1px solid #39344f40;border-radius:5px;padding:10px 0;flex:1;text-align:center;font-size:12px;font-weight:700;background:#eeeafa50}.price-options>.price-selected{background:#383047;color:white;border-color:#383047}
/* 01 / Playground */
.playground{background:#10151b;color:#f4f1e9}.playground .page{background:radial-gradient(ellipse at 90% 0%,#29313b55,transparent 45%)}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:44px 0 35px;gap:30px}.intro .eyebrow{color:#a5adb6;margin-bottom:17px}.intro h1 em{color:#ffae80}.intro-copy{padding-bottom:6px;min-width:280px}.intro-copy p{font-size:17px;line-height:1.55;color:#e4e6e5}.intro-copy>span{display:block;color:#8d99a3;font-size:11px;margin-top:17px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.app-card{border:1px solid #ffffff15;border-radius:9px;overflow:hidden;background:#191f27}.visual{height:312px;overflow:hidden}.app-copy{padding:22px}.app-copy>.eyebrow{font-size:8px;letter-spacing:1.2px;color:#a7b0ba}.app-title{display:flex;justify-content:space-between;align-items:center;margin:12px 0 9px}.app-title h2{font-size:26px}.app-title a{border:1px solid #ffffff30;border-radius:50%;padding:8px}.app-title svg{width:17px;height:17px}.app-copy p{font-size:12px;color:#a9b2ba}.app-action{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;margin-top:22px;padding-top:15px;font-size:11px;font-weight:700}.card-1 .app-action{color:#f0ce9e}.card-2 .app-action{color:#b6dfa9}.card-3 .app-action{color:#c3b5fa}.endnote{display:flex;align-items:center;gap:12px;padding:24px 0 28px}.orange-star{color:#f77c42;font-size:27px}.endnote p{font-size:11px;color:#a0a9b1}.endnote a{display:flex;align-items:center;gap:14px;margin-left:auto;font-size:11px}.endnote a svg{width:16px;height:16px}
/* 02 / Studio */
.studio{background:#f1eee6;color:#282c29}.studio header{border-color:#252e2925}.studio nav .active{color:#a44827}.studio .editorial-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:39px 0 32px}.studio .eyebrow{color:#78766f}.studio .editorial-intro .eyebrow{margin-bottom:18px}.studio h1{font-size:65px;letter-spacing:-3.4px}.studio h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px;color:#a14d32}.editorial-intro>p{color:#6b6d66;font-size:14px;padding-bottom:6px}.editorial-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:21px;padding-bottom:32px}.coffee-feature{height:455px;position:relative;background:#dfc7a4;border-radius:5px;padding:27px 28px;overflow:hidden}.feature-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;color:#514336;font-size:8px;letter-spacing:1px}.pill{padding:6px 9px;border:1px solid #67543e40;border-radius:20px;font-size:7px}.coffee-feature h2{position:relative;z-index:2;margin-top:26px;font-family:Georgia,serif;font-weight:400;font-size:48px;line-height:1.02;letter-spacing:-2px;color:#4a3828}.coffee-feature>.coffee-art{position:absolute;width:83%;height:310px;right:-64px;top:76px;z-index:1}.coffee-bottom{position:absolute;left:28px;right:28px;bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:15px;z-index:2}.coffee-bottom p{font-size:11px;line-height:1.7;color:#5f4b38}.solid-button{background:#493a2c;color:#fff5df;padding:13px 15px;display:flex;gap:20px;align-items:center;font-size:10px;white-space:nowrap}.solid-button svg{width:16px;height:16px}.coffee-orbit{position:absolute;border:1px solid #f5e2c2bb;width:350px;height:350px;border-radius:50%;right:-70px;top:50px}.side-apps{display:grid;gap:20px}.loop-feature,.price-feature{height:217.5px;border-radius:5px;position:relative;overflow:hidden;display:flex}.loop-feature{background:#dbe3d4}.price-feature{background:#ddd9ec}.editorial-copy{position:relative;z-index:2;padding:23px 25px;width:55%}.editorial-copy .eyebrow{font-size:8px;letter-spacing:1.1px}.editorial-copy h2{margin-top:11px;font-size:30px;letter-spacing:-1.2px}.editorial-copy p{font-size:10px;line-height:1.5;margin-top:9px;color:#61695e}.circle-button{position:absolute;left:25px;bottom:15px;width:29px;height:29px;border:1px solid #414e4140;border-radius:50%;display:grid;place-items:center}.circle-button svg{width:15px;height:15px}.editorial-loop{position:absolute;width:56%;height:210px;right:-29px;top:27px;border-radius:9px;overflow:hidden;transform:rotate(-8deg);box-shadow:0 10px 30px #21342b30}.editorial-loop .loop-ui{padding:16px}.editorial-loop .mini-brand{font-size:6px}.editorial-loop .mini-brand>span{font-size:5px}.editorial-loop .loop-chord{font-size:38px;margin-top:20px}.editorial-loop .loop-chord>span{font-size:5px}.editorial-loop .wave{top:91px;height:64px}.editorial-loop .loop-controls{bottom:22px}.editorial-loop .loop-track{bottom:8px}.editorial-loop .round-play{width:24px;height:24px}.editorial-loop .round-play svg{width:13px}.editorial-loop .tempo{font-size:10px}.editorial-price{position:absolute;right:-6px;bottom:-15px;width:55%;height:217px}.editorial-price .headphone-art{position:absolute;width:100%;height:205px;bottom:0;transform:rotate(8deg)}.guess-label{position:absolute;right:13px;top:25px;border:1px solid #41375e35;padding:10px 13px;border-radius:5px;transform:rotate(10deg);font-size:19px;background:#eeeafa;color:#3e3455;font-weight:700}.studio footer{border-color:#252e2925;color:#757a72}.studio footer b{color:#454d43}
/* 03 / Launchpad */
.launchpad{background:#0a1117;color:#f1f5ef}.launchpad .page{background-image:linear-gradient(#9bb1a606 1px,transparent 1px),linear-gradient(90deg,#9bb1a606 1px,transparent 1px);background-size:48px 48px}.launchpad nav .active{color:#b8f39c}.launchpad nav .active:after{background:#b8f39c}.launch-main{display:grid;grid-template-columns:.9fr 1.4fr;gap:40px;padding-top:42px;padding-bottom:37px}.launch-intro{padding-top:7px;position:relative}.launch-intro>.eyebrow{font-size:8px;color:#8c9eaa;margin-bottom:27px}.launch-intro h1{font-size:65px;letter-spacing:-3.1px;line-height:1.02}.launch-intro h1 em{color:#c0f49f}.launch-intro>p{color:#a9b5ba;font-size:17px;line-height:1.65;margin-top:25px}.launch-detail{font-size:8px;letter-spacing:1.4px;display:flex;align-items:center;gap:8px;margin-top:29px}.status-dot{width:6px;height:6px;border-radius:50%;background:#c0f49f;box-shadow:0 0 15px #c0f49f90}.coordinate{font-family:monospace;font-size:8px;letter-spacing:1.3px;line-height:1.8;color:#60717d;position:absolute;bottom:4px}.launch-apps{display:grid;gap:16px}.launch-row{height:194px;border:1px solid #ffffff18;border-radius:8px;overflow:hidden;position:relative;background:#141e25}.row-copy{position:relative;padding:23px 26px;z-index:2;width:60%}.row-copy>.eyebrow{font-size:8px;color:#a8b8bb;letter-spacing:1px}.row-copy>.eyebrow b{color:#c6d4d2;margin-right:4px}.row-copy h2{font-size:33px;margin-top:11px;letter-spacing:-1.4px}.row-copy p{font-size:10px;color:#a4b3b8;line-height:1.5;margin-top:7px}.launch-button{display:flex;gap:20px;align-items:center;font-size:9px;font-weight:700;margin-top:15px}.launch-button svg{width:14px;height:14px}.brew-row{background:linear-gradient(115deg,#2d2923,#1d2224)}.brew-row .launch-button{color:#f0ca99}.loop-row{background:linear-gradient(115deg,#192f2b,#12272c)}.loop-row .launch-button{color:#b5edaa}.guess-row{background:linear-gradient(115deg,#242537,#20212c)}.guess-row .launch-button{color:#cdc0f6}.row-visual{position:absolute;right:0;top:0;width:48%;height:100%}.coffee-mini .coffee-art{position:absolute;height:220px;width:315px;right:-8px;top:-12px;filter:drop-shadow(0 12px 18px #0004)}.timer-chip{position:absolute;bottom:17px;right:18px;border:1px solid #e6c29050;background:#211e1be0;padding:9px 12px;border-radius:4px;font-family:monospace;font-size:17px;color:#f0ca99;letter-spacing:1px}.timer-chip small{font-size:6px;display:block;letter-spacing:1.4px;margin-top:4px}.loop-disc{position:absolute;right:45px;top:22px;width:141px;height:141px;border:1px solid #bbecaa55;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:45px;letter-spacing:-3px;color:#c4f2b6;background:repeating-radial-gradient(circle,#b3d9a810 0px,#b3d9a810 1px,transparent 2px,transparent 7px);box-shadow:0 0 0 12px #aacbb508,0 0 0 25px #aacbb506}.loop-disc small{font-family:monospace;letter-spacing:1px;font-size:8px;margin-top:4px}.loop-mini .wave{position:absolute;width:125px;bottom:4px;right:0;opacity:.7}.guess-mini .headphone-art{position:absolute;width:220px;height:185px;right:24px;top:1px;filter:drop-shadow(0 8px 20px #0003)}.floating-price{position:absolute;right:17px;top:18px;background:#c9bcf3;color:#242237;border-radius:5px;padding:10px 15px;transform:rotate(10deg);font-size:13px;box-shadow:0 5px 15px #0003}.floating-price b{font-size:26px;margin-left:2px}.launchpad footer{height:66px}
@media(min-width:1450px){h1{font-size:82px}.visual{height:340px}.brew-ui>.coffee-art{height:270px}.loop-ui>.wave{top:141px}.price-ui>.headphone-art{height:219px}.launch-intro h1{font-size:79px}.launch-row{height:210px}.coffee-feature{height:500px}.loop-feature,.price-feature{height:240px}}
@media(max-width:900px){header{margin:0 25px;gap:20px}.logo img{width:185px}nav{gap:16px;font-size:10px}main{padding:0 25px}.intro-copy{min-width:0}.intro h1{font-size:60px}.intro-copy p{font-size:14px}.visual{height:270px}.app-copy{padding:17px}.app-title h2{font-size:21px}.app-copy>.eyebrow{font-size:7px}.brew-recipe,.price-question{font-size:17px}.brew-ui>.coffee-art{top:50px;height:195px}.brew-stats{left:20px;right:20px}.loop-ui>.wave{top:112px;height:90px}.loop-controls{bottom:36px}.price-ui>.headphone-art{top:66px;height:160px}.editorial-intro h1{font-size:54px}.editorial-intro>p{font-size:12px}.coffee-feature{padding:24px 20px}.coffee-feature h2{font-size:40px}.coffee-bottom{left:20px;right:20px;align-items:start;flex-direction:column}.coffee-feature>.coffee-art{right:-80px}.editorial-copy{padding:22px 18px}.editorial-copy h2{font-size:27px}.circle-button{left:18px}.launch-main{gap:20px;grid-template-columns:1fr 1.4fr}.launch-intro h1{font-size:53px}.row-copy{padding:24px 20px}.row-copy h2{font-size:29px}.row-visual{opacity:.85}.coffee-mini .coffee-art{right:-73px}.loop-disc{right:11px;width:125px;height:125px;top:30px}.guess-mini .headphone-art{right:-32px}.floating-price{right:9px}footer{margin:0 25px}}
@media(max-width:650px){header{height:auto;min-height:108px;flex-wrap:wrap;gap:5px;padding:18px 0 8px}header nav{width:100%;gap:18px;justify-content:space-between;font-size:10px}.logo img{width:205px}.intro,.editorial-intro{display:block!important;padding-top:31px}.intro h1,.studio h1{font-size:51px;letter-spacing:-2.5px}.intro-copy{margin-top:22px}.intro-copy p{font-size:15px}.intro-copy>span{margin-top:10px}.card-grid,.editorial-grid,.launch-main{grid-template-columns:1fr}.visual{height:315px}.app-title h2{font-size:27px}.app-copy{padding:22px}.app-copy>.eyebrow{font-size:9px}.app-copy p{font-size:13px}.brew-ui>.coffee-art{height:235px;top:55px}.brew-recipe,.price-question{font-size:22px}.loop-ui>.wave{height:100px;top:132px}.price-ui>.headphone-art{height:195px;top:72px}.loop-controls{bottom:43px}.endnote{flex-wrap:wrap}.endnote a{margin-left:0;width:100%;margin-top:5px}.editorial-intro>p{margin-top:22px;font-size:13px}.coffee-feature{height:455px}.coffee-feature h2{font-size:47px}.coffee-feature>.coffee-art{right:-70px;width:95%}.coffee-bottom{flex-direction:row;align-items:end}.coffee-bottom p{font-size:9px}.solid-button{font-size:9px;padding:12px;gap:10px}.loop-feature,.price-feature{height:225px}.editorial-copy{padding-left:24px}.editorial-copy h2{font-size:31px}.circle-button{left:24px}.launch-main{padding-top:31px;gap:33px}.launch-intro h1{font-size:59px}.launch-intro h1 br:nth-of-type(2){display:none}.launch-intro>p{font-size:15px;line-height:1.5;margin-top:20px}.coordinate{display:none}.launch-detail{margin-top:20px}.row-copy h2{font-size:31px}.launch-row{height:207px}.coffee-mini .coffee-art{right:-68px;top:0}.guess-mini .headphone-art{right:-35px;top:10px}.launch-button{font-size:9px}footer{height:auto!important;min-height:88px;gap:15px;align-items:start;padding:24px 0;flex-direction:column;font-size:8px}footer b{margin-left:9px}}

/* Production status, keyboard navigation and app artwork */
.skip-link{position:fixed;left:20px;top:-100px;padding:12px 18px;background:#282c29;color:white;z-index:10}.skip-link:focus{top:10px}
.access-label{position:absolute;left:65px;bottom:24px;font-size:7px;letter-spacing:.65px;color:#465744;font-weight:700;white-space:nowrap}
.development-label{position:absolute;left:25px;bottom:23px;font-size:8px;letter-spacing:1px;color:#5b4e71;font-weight:700}
.receipt-art{width:100%;height:100%;position:absolute;right:0;bottom:0}
.editorial-loop .mini-brand{font-size:6px;letter-spacing:.6px}.editorial-loop .mini-brand>span{display:none}
.studio footer a{text-decoration:underline;text-underline-offset:3px;margin-left:15px}
@media(max-width:900px){.access-label{left:18px;bottom:18px;font-size:6px}.loop-feature .circle-button{bottom:35px}.development-label{left:18px}.feature-top>span:last-child{font-size:7px}}
@media(max-width:650px){.access-label{left:64px;bottom:24px;font-size:6px}.loop-feature .circle-button{bottom:15px}.development-label{left:24px}.editorial-copy{width:62%}.editorial-copy>.eyebrow{font-size:7px;letter-spacing:.5px}.studio h1{font-size:clamp(42px,10.7vw,51px)}.coffee-feature h2{font-size:clamp(39px,10vw,47px)}.feature-top{gap:10px}.feature-top>span:last-child{font-size:6px;letter-spacing:.4px}}
@media(max-width:350px){header,footer{margin-left:18px;margin-right:18px}main{padding-left:18px;padding-right:18px}header nav{gap:10px;font-size:9px}.coffee-bottom{flex-direction:column;align-items:start;gap:12px}.coffee-feature{height:480px}.coffee-feature>.coffee-art{top:95px}.editorial-copy h2{font-size:28px}.access-label{font-size:5.5px;left:59px}}