:root{--paper:#fff;--ink:#171817;--muted:#737671;--line:#e8e9e5;--lime:#d9fb74;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #54741b;outline-offset:6px}[hidden]{display:none!important}.wrap{max-width:1280px;margin-inline:auto;padding-inline:54px}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:#fff;padding:12px;z-index:100}.skip-link:focus{top:16px}.navigation{height:116px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:38px;font-weight:900;letter-spacing:-2.8px;display:inline-flex;align-items:baseline;gap:4px}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);border:1px solid #a4c448}.navigation nav{display:flex;gap:38px;font-size:13px;font-weight:600}.navigation nav a:hover,.back-top:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;min-height:670px;padding-top:22px;padding-bottom:60px;gap:18px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin:0 0 28px}.tiny-disc{display:inline-block;width:13px;height:13px;background:var(--ink);border-radius:50%;position:relative}.tiny-disc:after{content:'';position:absolute;inset:5px;background:#fff;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(65px,7.4vw,100px);letter-spacing:-7px;line-height:1.02;font-weight:700;margin-bottom:30px}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-5px}h1 em{white-space:nowrap}p.intro{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:18px 23px;border-radius:9px;font-size:13px;font-weight:600;border:1px solid var(--ink)}.dark{color:#fff;background:var(--ink)}.dark:hover{background:#30332d}.availability{margin-top:18px;font-size:10px;color:var(--muted);letter-spacing:.15px}.availability span{margin-right:5px}.hero-art{position:relative;height:566px;isolation:isolate}.art-caption{position:absolute;font-family:monospace;font-size:9px;letter-spacing:2px;color:var(--muted)}.caption-top{top:15px;left:30px;transform:rotate(-7deg)}.caption-bottom{right:2px;bottom:20px;transform:rotate(6deg)}.phone{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotate(9deg);width:231px;height:477px;border:6px solid #232522;border-radius:37px;box-shadow:0 0 0 2px #b8bab4,12px 18px 0 #f2f3ef;background:#f8f8f3;overflow:hidden;z-index:2}.phone-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);height:19px;width:69px;border-radius:20px;background:#171817;z-index:3}.phone-records{height:220px;position:relative;overflow:hidden}.mini-record{position:absolute;top:4px;width:239px;height:239px;border-radius:50%;background:#222420;border:10px double #55584e;outline:8px solid #e3e5dc;display:grid;place-items:center;animation:spin 24s linear infinite}.mini-left{left:-137px}.mini-right{right:-137px;animation-delay:-10s}.mini-record:before{content:'';position:absolute;inset:18px;border:1px solid #56594d;border-radius:50%;box-shadow:0 0 0 7px #222420,0 0 0 8px #45483f,0 0 0 15px #222420,0 0 0 16px #45483f,0 0 0 23px #222420,0 0 0 24px #45483f}.mini-record div{background:#e6e8da;width:67px;height:67px;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:15px;letter-spacing:-1px;z-index:1}.phone-body{padding:16px 16px 0;text-align:center}.phone-kicker{font-family:monospace;font-size:6px;letter-spacing:1.3px;color:#676b61;margin:9px 0 12px}.phone-description{font-size:10px;line-height:1.6;color:#73796b;margin-bottom:17px}.service-label{display:flex;align-items:center;gap:8px;border-radius:10px;padding:11px 12px;margin-top:8px;text-align:left;font-size:9px;font-weight:600}.service-label svg{width:15px;height:15px;flex:none}.service-label span{margin-left:auto}.apple{color:#fff;background:var(--ink)}.spotify{background:#1ed760;color:#121512}.phone-footer{font-size:6px;margin-top:13px;color:#75796f}.home-indicator{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:72px;height:3px;border-radius:5px;background:#171817}.record{position:absolute;width:300px;height:300px;filter:drop-shadow(4px 10px 5px #00000012)}.record-back{right:-4px;top:27px;z-index:1}.record-front{width:230px;height:230px;left:-15px;bottom:14px;z-index:3}.vinyl{width:100%;height:100%;animation:spin 24s linear infinite}.record-back .vinyl{animation-delay:-7s}.vinyl-base{fill:#1c1e1b;stroke:#393d34;stroke-width:2}.grooves{fill:none;stroke:#45493d;stroke-width:.8}.record-label{fill:var(--lime)}.record-back .record-label{fill:#f0ede1}.record-name{font-size:31px;font-weight:900;letter-spacing:-2px}.record-side{font:8px monospace;letter-spacing:3px}.motion-toggle{position:absolute;bottom:0;left:50%;height:30px;width:30px;border:1px solid var(--line);background:white;border-radius:50%;color:var(--muted);z-index:4;font-size:11px}.paused .vinyl,.paused .mini-record{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}.service-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:27px;padding-bottom:27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.service-strip>div{display:flex;gap:22px;align-items:center;color:var(--ink);font-weight:700;font-size:16px;letter-spacing:-.5px}.plus{font-size:17px;color:#a7aa9d;font-weight:400}.strip-note{font-family:monospace;font-size:8px;letter-spacing:1.8px}.idea{padding-top:105px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:70px}h2{font-size:49px;font-weight:600;letter-spacing:-2.6px;line-height:1.12;margin-bottom:25px}h2 em{letter-spacing:-2.5px}.steps{padding-top:8px}.steps article{display:flex;gap:26px;padding:22px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.step-number{font-family:monospace;font-size:10px;color:#7e8474;padding-top:4px;white-space:nowrap}h3{font-size:17px;font-weight:600;letter-spacing:-.4px;margin-bottom:9px}.steps p,.preview-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:0;max-width:335px}.preview-section{padding-top:75px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1fr;gap:75px;border-top:1px solid var(--line);align-items:center}.preview-tag{display:inline-block;font-family:monospace;font-size:8px;letter-spacing:1px;margin-top:30px;border:1px solid var(--line);border-radius:5px;padding:9px 11px;color:#767e6b}.library-demo{border:1px solid #dbdfd3;border-radius:17px;padding:28px;background:#fff;box-shadow:8px 8px 0 #f3f5ee}.demo-heading{display:flex;align-items:center;justify-content:space-between}.wordmark.small{font-size:24px;letter-spacing:-1.5px}.small .brand-dot{width:5px;height:5px}.demo-status{font-family:monospace;font-size:8px;color:var(--muted)}.demo-title-row{display:flex;align-items:center;justify-content:space-between;margin-top:29px}.demo-title-row h3{font-size:23px;letter-spacing:-1px}.demo-title-row>span{font-size:33px;color:#748052}.demo-tabs{display:flex;gap:17px;border-bottom:1px solid var(--line);margin:10px 0 4px}.demo-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:11px 1px;color:var(--muted);font-size:11px}.demo-tabs button[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:bold}.demo-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.cover{width:49px;height:49px;flex:none;display:grid;place-items:center;border-radius:8px;font-family:var(--serif);font-style:italic;font-size:26px;letter-spacing:-1px}.cover-one{background:#e6edda;color:#5c6b47}.cover-two{background:#22271c;color:#ecf1e2}.cover-three{background:#e9e6df;color:#5d584b}.demo-row>div{display:flex;flex-direction:column;gap:6px}.demo-row strong{font-size:12px;font-weight:600}.demo-row>div>span{font-size:9px;color:var(--muted)}.row-arrow{margin-left:auto;font-size:13px;color:#767e6b}.demo-disclaimer{font-size:8px;line-height:1.6;color:var(--muted);margin:17px 0 0}.closing{padding-block:80px 100px;text-align:center;border-top:1px solid var(--line)}.closing .eyebrow{justify-content:center}.closing h2{font-size:65px;letter-spacing:-4px}.closing h2 em{letter-spacing:-3px}.closing>p:not(.eyebrow){font-size:13px;color:var(--muted)}.back-top{display:inline-flex;gap:24px;font-size:11px;margin-top:14px}.footer{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-block:27px;border-top:1px solid var(--line)}.footer .wordmark{font-size:26px;letter-spacing:-1.8px}.footer>span,.footer>a:not(.wordmark){font-size:10px;color:var(--muted)}.footer-fine{margin-left:auto;font-size:8px!important}.document{max-width:760px;margin:70px auto 110px;padding-inline:28px}.document h1{font-size:64px;letter-spacing:-4px}.document h2{font-size:26px;letter-spacing:-1px;margin-top:35px}.document p,.document li{font-size:15px;line-height:1.85;color:var(--muted)}.document a:not(.button){text-decoration:underline;text-underline-offset:3px}.document .eyebrow{font-size:10px}.callback-symbol{display:grid;place-items:center;border-radius:50%;background:var(--lime);width:65px;height:65px;font-size:26px;margin-bottom:30px}.callback-note{font-size:12px!important;margin-top:22px;max-width:440px}@media(min-width:1500px){.hero{min-height:720px}}@media(max-width:1050px){.wrap{padding-inline:34px}.hero{gap:0;min-height:590px}.hero-art{height:510px}.record-back{width:245px;height:245px;right:-15px;top:30px}.record-front{width:185px;height:185px;left:-8px;bottom:22px}.phone{width:214px;height:450px}.phone-body{padding-inline:12px}.phone-records{height:205px}h1{font-size:75px;letter-spacing:-5px}h1 em{letter-spacing:-4.8px}.caption-top{left:0;top:-4px}.caption-bottom{right:-6px;bottom:0}.idea,.preview-section{gap:40px}h2{font-size:39px}.strip-note{display:none}.desktop-break{display:none}}@media(max-width:760px){.wrap{padding-inline:24px}.navigation{height:86px}.navigation .wordmark{font-size:32px}.navigation nav{gap:23px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:31px;padding-bottom:30px;gap:22px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center;margin-bottom:22px}h1{font-size:clamp(56px,11vw,79px);letter-spacing:-4px}h1 em{letter-spacing:-3.5px}.intro{font-size:14px!important;max-width:320px;margin-inline:auto}.button{font-size:12px;padding:17px 21px}.availability{font-size:9px}.hero-art{height:493px;width:min(100%,390px);margin-inline:auto}.phone{width:217px;height:450px}.record-back{right:0;top:28px;width:250px;height:250px}.record-front{left:0;bottom:27px;width:196px;height:196px}.caption-top{left:0;top:0}.caption-bottom{right:0;bottom:8px}.service-strip{justify-content:center;flex-direction:column;gap:14px;padding-block:23px;font-size:10px}.service-strip>div{font-size:14px}.idea,.preview-section{grid-template-columns:1fr;gap:32px;padding-top:65px;padding-bottom:65px}h2{font-size:42px;letter-spacing:-2.4px}.idea .section-heading{max-width:500px}.steps article{padding:20px 0}.steps p{max-width:100%}.preview-copy>p:not(.eyebrow){max-width:100%}.preview-tag{margin-top:20px}.library-demo{padding:23px}.closing{padding-top:60px;padding-bottom:65px}.closing h2{font-size:49px;letter-spacing:-2.7px}.footer{gap:18px;justify-content:space-between}.footer-fine{flex-basis:100%;margin-left:0}.document{margin-top:35px;margin-bottom:60px}.document h1{font-size:48px;letter-spacing:-2.5px}.document p,.document li{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vinyl,.mini-record{animation:none}}