:root{--paper:#eae9e3;--art:#f1f0e9;--ink:#28342e;--muted:#687168;--rule:#c8cdc4;--green:#2e4038;--accent:#ad4e32;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}::selection{background:#c5d3bd;color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.skip-link{position:absolute;left:24px;top:-100px;padding:12px;background:var(--ink);color:var(--art);z-index:5}.skip-link:focus{top:16px}.shell{max-width:1320px;margin:auto;padding:0 64px}.site-header{height:128px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule)}.wordmark{font-size:25px;letter-spacing:.025em;display:inline-flex;align-items:baseline;gap:5px}.wordmark-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;align-self:center;margin-top:12px}.platform-note{font-size:13px;color:var(--muted);letter-spacing:.015em}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:78px 40px 112px;min-height:728px}.hero-copy{padding-bottom:14px}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;margin:0 0 25px;color:var(--muted)}h1{font-weight:400;font-size:clamp(44px,4.6vw,64px);line-height:1.06;letter-spacing:-.05em;margin:0 0 30px}p{font-size:17px;line-height:1.65;font-weight:400}.intro{color:var(--muted);margin:0 0 40px;letter-spacing:-.012em}.availability{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;border:1px solid #28342e80;padding:17px 20px;max-width:320px;font-size:15px;line-height:1.3}.availability-platforms{color:var(--muted);font-size:12px}.quiet-note{font-size:12px;color:var(--muted);margin:15px 0 0}.console-figure{margin:0;max-width:400px;width:100%;justify-self:end}.console{background:var(--art);padding:28px 32px 25px;border:1px solid #28342e12;box-shadow:0 15px 30px -25px #28342e26}.console-heading{display:flex;justify-content:space-between;align-items:center;font-size:17px;letter-spacing:.025em}.console-meta{font-size:12px;color:var(--muted);letter-spacing:.14em}.record{position:relative;width:86%;max-width:294px;aspect-ratio:1;margin:39px auto 31px}.disc{display:block;width:100%;height:100%}.disc-sheen{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,#d4ded122 38deg,transparent 83deg,transparent 190deg,#d4ded111 224deg,transparent 260deg);mask-image:radial-gradient(circle,transparent 19%,black 52%,transparent 70%);animation:turn 40s linear infinite;pointer-events:none}.disc-label{position:absolute;left:0;right:0;top:60%;text-align:center;font-size:12px;letter-spacing:.14em;color:#f0f0df;pointer-events:none}.timer{display:flex;flex-direction:column;gap:8px}.timer-label{font-size:12px;color:var(--muted)}.timer-value{font-size:46px;line-height:1.15;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.045em;white-space:nowrap}.console-rule{height:1px;background:var(--rule);margin:23px 0 16px}.console-footer{font-size:12px;line-height:1.5;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:var(--muted)}figcaption{color:var(--muted);font-size:12px;text-align:center;line-height:1.5;margin-top:16px}.collection{border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:110px 40px 120px}.collection-copy{max-width:358px}.collection h2{font-size:38px;line-height:1.13;font-weight:400;letter-spacing:-.035em;margin:0 0 24px}.collection-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}.collection-copy .privacy-note{font-size:13px!important;line-height:1.75;margin-top:36px;padding-top:24px;border-top:1px solid var(--rule)}.month-figure{max-width:365px;width:100%;margin:0;justify-self:end;transform:rotate(-3deg)}.month-figure img{display:block;width:100%;height:auto;border:1px solid #28342e0c;box-shadow:0 18px 32px -27px #28342e38}.month-figure figcaption{transform:rotate(3deg);margin-top:24px}.site-footer{min-height:125px;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:24px}.site-footer .wordmark{font-size:20px}.footer-domain,.contact{font-size:13px;color:var(--muted)}.contact{border-bottom:1px solid transparent;padding-bottom:3px}.contact:hover{color:var(--ink);border-color:var(--ink)}@keyframes turn{from{transform:rotate(-38deg)}to{transform:rotate(322deg)}}
@media(min-width:1450px){.hero{padding-top:100px;padding-bottom:134px}}
@media(max-width:1050px){.shell{padding:0 40px}.hero{gap:50px;padding-left:0;padding-right:0}.collection{gap:65px;padding-left:0;padding-right:0}.console{padding:25px}.record{width:90%}.timer-value{font-size:42px}}
@media(max-width:720px){.shell{padding:0 25px}.site-header{height:92px}.wordmark{font-size:23px}.platform-note{font-size:12px}.hero{grid-template-columns:1fr;gap:48px;padding-top:57px;padding-bottom:66px;min-height:0}.hero-copy{padding:0}h1{font-size:54px;letter-spacing:-.045em;margin-bottom:22px}.eyebrow{margin-bottom:21px}.intro{font-size:17px;margin-bottom:29px}.availability{max-width:330px}.quiet-note{margin-top:13px}.console-figure{max-width:380px;justify-self:center}.console{padding:25px 29px}.record{width:86%;margin-top:31px;margin-bottom:28px}.timer-value{font-size:46px}.collection{grid-template-columns:1fr;gap:43px;padding:61px 0 72px}.collection-copy{max-width:380px}.collection h2{font-size:36px}.collection-copy .privacy-note{margin-top:24px;padding-top:20px}.month-figure{max-width:315px;width:calc(100% - 24px);justify-self:center}.site-footer{min-height:112px;flex-wrap:wrap;gap:16px}.footer-domain{display:none}}
@media(max-width:360px){.shell{padding:0 20px}.platform-note{font-size:12px}h1{font-size:46px}.console{padding:23px}.timer-value{font-size:41px}.collection h2{font-size:32px}.console-footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.disc-sheen{animation:none;background:none}}
@media print{.disc-sheen{display:none}.shell{padding:0 20px}.hero,.collection{break-inside:avoid}.site-footer{min-height:60px}}

/* September refinement: fewer words, with the product carrying the narrative. */
h1{margin-bottom:42px}.hero-copy{max-width:420px}.hero{min-height:680px;padding-top:70px;padding-bottom:100px}.availability{max-width:306px}.platform-note{font-size:14px}figcaption{font-size:13px}.collection h2,.widgets-section h2{font-size:clamp(32px,3.2vw,42px);font-weight:400;letter-spacing:-.035em;line-height:1.13;margin:0}.collection-copy>p{margin-top:25px}.widgets-section{border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:100px 40px}.widget-figure{margin:0;justify-self:end;width:100%;max-width:400px}.widget-stage{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:28px;background:#d5d9d0;border-radius:3px}.home-widget{position:relative;background:#efeee7;color:#28342e;overflow:hidden;box-shadow:0 4px 9px #28342e08}.wide-widget{width:100%;min-height:157px;border-radius:25px;padding:21px;display:flex;align-items:center;justify-content:space-between;gap:18px}.widget-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:17px}.widget-brand{font-size:12px;font-weight:500;line-height:1.15}.widget-time-group{display:flex;flex-direction:column;gap:5px}.widget-time{font-size:28px;font-weight:400;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap}.widget-remaining,.widget-goal{font-size:11px;line-height:1.1;color:#687168}.vinyl{position:relative;aspect-ratio:1;flex-shrink:0;width:100px;border-radius:50%;background:#2e4038}.vinyl-ring{position:absolute;inset:7.5%;border:1px solid #f0f0df50;border-radius:50%;background:conic-gradient(from 270deg,transparent,transparent);box-shadow:0 0 0 3px #f0f0df08,0 0 0 6px #f0f0df06}.vinyl-center{position:absolute;width:2%;height:2%;border-radius:50%;background:#f0f0df;left:49%;top:49%}.vinyl-marker{position:absolute;width:3.5%;height:3.5%;border-radius:50%;background:#ad4e32;left:11%;top:68.5%}.small-widget{width:157px;height:157px;border-radius:25px;padding:17px}.small-widget .widget-brand{display:block}.small-widget .widget-time{display:block;font-size:23px;margin-top:11px}.small-widget .widget-goal{position:absolute;bottom:21px;left:17px}.small-widget .vinyl{position:absolute;width:137px;right:-47px;bottom:-43px}.small-widget .vinyl-marker{left:8.3%;top:33.7%}.wide-widget .vinyl:after{content:"";position:absolute;inset:7.5%;border-radius:50%;border:1px solid transparent;border-top-color:#f0f0dfaa;border-right-color:#f0f0dfaa;transform:rotate(35deg)}.month-figure{transform:none;max-width:365px}.month-figure figcaption{transform:none;margin-top:16px}.month-print{background:var(--art);padding:27px 25px 23px;border:1px solid #28342e0c}.month-brand{font-size:17px}.month-title{font-size:35px;letter-spacing:-1.3px;margin:33px 0 20px}.month-title span{font-size:15px;letter-spacing:0;color:var(--muted);margin-left:8px}.month-summary{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:13px 0;display:flex;gap:28px;font-size:12px;color:var(--muted)}.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:17px;margin:27px 0 31px}.weekday{font-size:10px;text-align:center;color:var(--muted);padding-bottom:5px}.day-cell{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.day-number{font-size:9px;color:var(--muted)}.calendar-dot{width:28px;height:28px;border-radius:50%;background:#2e4038;position:relative}.calendar-dot:before{content:"";position:absolute;inset:10%;border:0.5px solid #f0f0df45;border-radius:50%}.calendar-dot:after{content:"";position:absolute;width:1.8px;height:1.8px;border-radius:50%;background:#f0f0df;left:calc(50% - .9px);top:calc(50% - .9px)}.calendar-dot.early{background:#b5b5b2}.calendar-dot.empty{background:transparent;border:1px solid var(--rule)}.calendar-dot.empty:before,.calendar-dot.empty:after{display:none}.calendar-dot i{position:absolute;top:2.5px;left:calc(50% - 1px);width:2px;height:2px;border-radius:50%;background:#ad4e32}.month-bottom{padding-top:16px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.site-footer .footer-domain{font-size:13px;display:block}.site-footer .contact{font-size:13px}
@media(max-width:1050px){.widgets-section{padding:90px 0;gap:55px}.widget-stage{padding:22px}.wide-widget{padding:18px;gap:14px}.wide-widget .vinyl{width:85px}.widget-time{font-size:26px}}
@media(max-width:720px){.hero{padding:55px 0 67px;min-height:0;gap:49px}h1{margin-bottom:31px}.widgets-section{grid-template-columns:1fr;padding:58px 0 65px;gap:37px}.widgets-section h2,.collection h2{font-size:36px}.widget-figure{max-width:380px;justify-self:center}.widget-stage{padding:25px}.wide-widget .vinyl{width:95px}.collection{padding:58px 0 67px;gap:36px}.month-figure{width:100%;max-width:340px}.collection-copy>p{margin-bottom:0;font-size:16px}.site-footer{padding:28px 0;justify-content:flex-start;column-gap:30px;row-gap:15px}.site-footer .footer-domain{order:3;width:100%;font-size:12px}.site-footer .contact{margin-left:auto}.month-print{padding:25px 22px}}
@media(max-width:380px){.widget-stage{padding:18px}.wide-widget{gap:10px;padding:16px}.wide-widget .vinyl{width:72px}.widget-time{font-size:25px}.calendar-dot{width:25px;height:25px}.month-bottom{font-size:9px}}

.home-widget .vinyl svg{display:block;width:100%;height:100%}.wide-widget .vinyl:after{display:none}

.home-widget .vinyl svg{display:block;width:100%;height:100%}.wide-widget .vinyl:after{display:none}

.calendar-dot.early i{left:16%;top:23%}

/* White canvas: the app keeps its own paper tone, the page stays clear. */
:root{--paper:#fff;--rule:#e6e8e5;--muted:#69716c}
.shell{max-width:1280px;padding:0 72px}.site-header{height:112px;border:0}.wordmark{font-size:23px}
.hero{grid-template-columns:1fr 1fr;gap:100px;min-height:700px;padding:55px 0 112px}
h1{font-size:clamp(52px,5.3vw,74px);line-height:1.04;letter-spacing:-.055em;margin-bottom:38px}
.hero-copy{padding-bottom:0}.availability{border:0;padding:0;max-width:none;justify-content:flex-start;gap:18px;font-size:15px}.availability-platforms{font-size:13px}
.console-figure{max-width:368px;justify-self:center}.console{border:0;box-shadow:none;padding:30px 32px;background:#f1f0e9}.console-rule{background:#c8cdc4}
.widgets-section{padding:105px 0 120px;gap:100px;border-top:1px solid var(--rule)}
.widgets-section h2,.collection h2{font-size:clamp(34px,3.5vw,46px);letter-spacing:-.045em;line-height:1.08}
.widget-figure{max-width:390px;justify-self:center}.widget-stage{padding:0;background:transparent;gap:24px;align-items:flex-end}
.home-widget{box-shadow:none}.wide-widget{width:100%;min-height:176px;padding:24px;border-radius:27px}.wide-widget .vinyl{width:112px}.widget-time{font-size:31px}.widget-copy{gap:18px}.widget-brand{font-size:13px}.widget-remaining,.widget-goal{font-size:12px}
.small-widget{width:176px;height:176px;padding:20px;border-radius:27px}.small-widget .widget-time{font-size:26px;margin-top:13px}.small-widget .widget-goal{left:20px;bottom:23px}.small-widget .vinyl{width:152px;right:-51px;bottom:-48px}
.collection{padding:105px 0 120px;gap:100px}.collection-copy>p{font-size:16px;max-width:230px;line-height:1.6;margin-top:24px}.month-figure{justify-self:center;max-width:368px}.month-print{border:0;padding:30px 27px;background:#f1f0e9}.month-summary,.month-bottom{border-color:#c8cdc4}
.site-footer{min-height:136px}.site-footer .wordmark{font-size:19px}
@media(max-width:1050px){.shell{padding:0 44px}.hero,.widgets-section,.collection{gap:60px}.wide-widget{padding:21px;gap:15px}.wide-widget .vinyl{width:96px}.widget-time{font-size:29px}}
@media(max-width:720px){.shell{padding:0 28px}.site-header{height:95px}.hero{grid-template-columns:1fr;min-height:0;gap:66px;padding:52px 0 80px}h1{font-size:58px;margin-bottom:30px}.console-figure{max-width:360px}.widgets-section,.collection{grid-template-columns:1fr;padding:70px 0 80px;gap:44px}.widgets-section h2,.collection h2{font-size:39px}.widget-figure{max-width:360px}.widget-stage{gap:22px}.wide-widget{min-height:169px}.wide-widget .vinyl{width:100px}.month-figure{max-width:360px;width:100%}.collection-copy>p{max-width:none;margin-top:20px}.site-footer{padding:32px 0;min-height:130px}.site-footer .contact{font-size:12px}.site-footer .footer-domain{font-size:12px}}
@media(max-width:380px){.shell{padding:0 22px}h1{font-size:50px}.console{padding:25px}.wide-widget{padding:19px;gap:12px;min-height:157px}.wide-widget .vinyl{width:82px}.widget-time{font-size:27px}.month-print{padding:25px 20px}.widgets-section h2,.collection h2{font-size:36px}}

/* A device drawn with a few quiet lines, with the widgets as its only colour. */
.widget-figure{max-width:366px;width:100%}
.widget-phone{position:relative;width:100%;aspect-ratio:366 / 624;container-type:inline-size}
.phone-frame{position:absolute;inset:0;border:1px solid #b9c0ba;border-radius:14% / 8.2%;pointer-events:none}
.phone-speaker{position:absolute;top:4.5%;left:43%;width:14%;height:3px;border:1px solid #b9c0ba;border-radius:5px}
.phone-side{position:absolute;left:-4px;width:3px;border:1px solid #cbd0cb;border-right:0;border-radius:2px 0 0 2px}
.phone-side-short{top:17%;height:3.7%}.phone-side-long{top:24%;height:8%}
.phone-home{position:absolute;bottom:3.5%;left:35%;width:30%;height:2px;border-radius:2px;background:#b9c0ba}
.widget-phone .widget-stage{position:relative;padding:23% 6.8% 0;gap:20px;gap:5.5cqw;align-items:flex-end}
.widget-phone .wide-widget{width:100%;min-height:150px;min-height:41cqw;padding:5cqw;border-radius:6cqw;gap:3cqw}
.widget-phone .widget-copy{gap:4.5cqw}
.widget-phone .widget-brand{font-size:clamp(10px,3.1cqw,12px)}
.widget-phone .widget-time{font-size:clamp(21px,7.7cqw,29px)}
.widget-phone .widget-remaining,.widget-phone .widget-goal{font-size:clamp(9px,2.7cqw,11px)}
.widget-phone .wide-widget .vinyl{width:28cqw}
.widget-phone .small-widget{width:41cqw;height:41cqw;border-radius:6cqw;padding:4.5cqw}
.widget-phone .small-widget .widget-time{font-size:clamp(20px,6.4cqw,24px);margin-top:3cqw}
.widget-phone .small-widget .widget-goal{left:4.5cqw;bottom:5cqw}
.widget-phone .small-widget .vinyl{width:35.5cqw;right:-12cqw;bottom:-11.2cqw}
@media(max-width:720px){.widget-figure{max-width:346px}.widgets-section{gap:46px}}
@media(max-width:380px){.widget-phone .wide-widget .vinyl{width:26cqw}.widget-phone .widget-time{font-size:21px}.widget-phone .small-widget .widget-time{font-size:20px}}

/* Release information shares the quiet white canvas. */
.footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:14px;color:var(--muted)}.footer-links a:hover{color:var(--ink)}.legal{max-width:690px;padding:60px 0 110px;margin:auto}.legal-kicker{font-size:14px;color:var(--muted);margin-bottom:28px}.legal h1{font-size:52px;line-height:1.1;margin-bottom:40px}.legal h2{font-size:24px;line-height:1.25;font-weight:400;letter-spacing:-.02em;margin:44px 0 16px}.legal p{font-size:17px;line-height:1.8;color:#566159;margin:0 0 20px}.legal p a{text-decoration:underline;text-underline-offset:3px}.legal p a:hover{color:var(--ink)}@media(max-width:720px){.legal{padding:35px 0 65px}.legal h1{font-size:42px}.footer-links{width:100%;gap:20px}.legal p{font-size:16px}}