:root{--bg:#f6f8f9;--surface:#fff;--field:#e9f0f7;--field-deep:#d8e8f7;--ink:#10202e;--muted:#3e5363;--accent:#0867df;--accent-hover:#0052b8;--dark:#102b46;color-scheme:light}
:root[data-theme=dark]{--bg:#101922;--surface:#182633;--field:#20374a;--field-deep:#254560;--ink:#f4f8fb;--muted:#c2d2df;--accent:#71afff;--accent-hover:#98c4ff;--dark:#091522;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}figure,h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.section-inner{max-width:1380px;margin:auto;padding-left:clamp(24px,4vw,64px);padding-right:clamp(24px,4vw,64px)}.skip-link{position:fixed;top:-60px;left:20px;z-index:90;background:var(--surface);padding:12px}.skip-link:focus{top:12px}
.site-header{background:var(--bg);position:relative;z-index:10}.nav-shell{max-width:1380px;margin:auto;padding:24px clamp(24px,4vw,64px);display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:18px;font-weight:720;letter-spacing:-.04em}.brand img,dialog>img{border-radius:24%}.brand small{font-size:14px;font-weight:500;letter-spacing:0;color:var(--muted);margin-left:3px}.nav-links{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:15px}.nav-links a,.text-link,footer a{transition:color .18s ease}.nav-links a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.nav-tools{display:flex;align-items:center;gap:7px}.utility{min-width:42px;height:42px;border:0;background:transparent;color:var(--ink);font-size:15px;font-weight:650}.utility:hover{background:var(--field)}.theme-dark{display:none}[data-theme=dark] .theme-light{display:none}[data-theme=dark] .theme-dark{display:inline}.nav-cta,.primary-button{border:0;border-radius:4px;background:var(--accent);color:#fff;font-weight:650;transition:background .18s ease,transform .18s ease}.nav-cta{padding:12px 17px;margin-left:8px;font-size:14px}.primary-button{padding:16px 24px;min-height:54px;font-size:16px}.nav-cta:hover,.primary-button:hover{background:var(--accent-hover);transform:translateY(-2px)}.nav-cta:active,.primary-button:active{transform:translateY(0)}.download-note{color:var(--muted);font-size:14px;margin-top:12px}
.hero{overflow:hidden;background:var(--bg)}.hero-inner{max-width:1380px;margin:auto;min-height:760px;display:grid;grid-template-columns:54% 46%;align-items:center;padding-left:clamp(24px,4vw,64px);padding-right:clamp(24px,4vw,64px)}.hero-copy{position:relative;z-index:1;padding:52px 0 110px}.hero h1{font-size:clamp(58px,6.1vw,92px);line-height:1.06;letter-spacing:-.065em;font-weight:740}.hero-copy>p:first-of-type{font-size:20px;line-height:1.6;max-width:455px;margin-top:32px;color:var(--ink)}.hero .primary-button{margin-top:36px}.text-link{display:inline-block;margin-left:26px;font-size:16px;font-weight:560}.hero-image{width:min(100%,480px);align-self:end;justify-self:end;max-height:650px;overflow:hidden}.hero-image img{width:100%;height:auto;transform:translateY(0);animation:hero-rise 850ms ease-out both}.hero-image{max-height:none;padding-top:28px}.hero-image img{margin-bottom:-115px}@keyframes hero-rise{from{opacity:.3;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.experience{background:var(--dark);color:#f5f9fe;padding:120px 0 135px}.experience-top{display:flex;align-items:end;justify-content:space-between;gap:40px}.experience h2,.section-heading h2,.browse-copy h2,.membership-copy h2,.closing h2{font-size:clamp(42px,4.7vw,68px);line-height:1.08;letter-spacing:-.055em;font-weight:720}.experience-top p{font-size:18px;line-height:1.6;margin-top:22px;color:#d2e0ed}.step-tabs{display:flex;flex-wrap:wrap;gap:8px}.step-tabs button{border:0;border-radius:4px;background:#24425e;color:#ecf4ff;min-width:76px;min-height:50px;padding:10px 17px;font-size:16px;transition:background .2s ease,transform .2s ease}.step-tabs button:hover{background:#37658f;transform:translateY(-2px)}.step-tabs button[aria-selected=true]{background:#f5f9fe;color:#102b46}.experience-stage{display:grid;grid-template-columns:5fr 7fr;align-items:center;margin-top:60px;min-height:600px}.stage-copy{max-width:430px}.stage-copy h3{font-size:clamp(35px,3.6vw,52px);line-height:1.15;letter-spacing:-.045em}.stage-copy p{font-size:19px;line-height:1.65;color:#e1ebf4;margin-top:24px}.stage-copy span{display:block;font-size:15px;line-height:1.6;color:#bcd0e0;margin-top:18px}.stage-copy span:empty{display:none}.stage-image{width:min(100%,410px);justify-self:center;background:transparent}.stage-image img{width:100%;height:auto}.stage-image.is-changing img{animation:screen-in 220ms cubic-bezier(0.23,1,0.32,1) both}@keyframes screen-in{from{opacity:.55}to{opacity:1}}
.record-section{background:var(--field);padding:145px 0 135px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.section-heading p,.browse-copy p,.membership-copy>p,.closing p{font-size:19px;line-height:1.65;max-width:390px}.record-images{display:flex;justify-content:center;align-items:start;gap:clamp(30px,9vw,135px);margin-top:85px}.record-images figure{width:min(35%,410px)}.record-images figure+figure{margin-top:180px}.record-images img,.browse-grid img,.membership-grid img{width:100%;height:auto}.record-bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:80px;align-items:start}.record-bottom h3{font-size:clamp(30px,3.1vw,46px);letter-spacing:-.045em;line-height:1.15}.record-bottom p{font-size:18px;line-height:1.65;max-width:400px}
.browse-section{background:var(--surface);padding:140px 0}.browse-grid{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:center}.browse-copy p{margin-top:30px}.browse-grid figure{width:min(100%,500px);justify-self:end}.membership-section{background:var(--bg);padding:130px 0}.membership-grid{display:grid;grid-template-columns:6fr 6fr;gap:80px;align-items:center}.membership-grid figure{width:min(100%,430px)}.membership-copy>p{margin-top:27px}.membership-copy .membership-caveat{max-width:500px;font-size:16px;line-height:1.8;color:var(--muted);margin-top:60px;background:var(--field);padding:26px 30px}
.closing{background:var(--field-deep);padding:140px 0}.closing-inner{display:flex;align-items:end;justify-content:space-between;gap:30px}.closing h2{font-size:clamp(56px,6vw,90px)}.closing p{margin-top:18px}.closing-action{text-align:right}.closing-action .download-note{font-size:14px}footer{min-height:170px;display:flex;align-items:end;justify-content:space-between;gap:25px;padding-bottom:38px;font-size:15px;color:var(--muted)}footer div{display:flex;gap:24px;color:var(--ink)}section[id]{scroll-margin-top:24px}
dialog{border:0;border-radius:8px;background:var(--surface);color:var(--ink);padding:38px;max-width:440px;width:calc(100% - 40px);box-shadow:0 28px 80px #0006/* taste-skill-ignore: modal is an open overlay */}dialog::backdrop{background:#0009}dialog h2{font-size:28px;line-height:1.2;letter-spacing:-.04em;margin-top:24px}dialog p{font-size:16px;line-height:1.6;margin-top:18px}dialog .primary-button{margin-top:25px;width:100%}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:var(--ink);font-size:28px;width:38px;height:38px}
.reveal-part{transition:opacity .65s ease,transform .65s ease}.reveal-part.is-waiting{opacity:0;transform:translateY(22px)}
@media(max-width:1000px){.nav-links{gap:14px}.hero-inner{grid-template-columns:52% 48%;min-height:670px}.hero h1{font-size:clamp(48px,6vw,66px)}.hero-image img{margin-bottom:-40px}.experience-stage{min-height:520px}}
@media(max-width:700px){.section-inner{padding-left:24px;padding-right:24px}.nav-shell{padding:18px 20px;gap:8px}.brand{font-size:17px;gap:8px}.brand img{width:32px;height:32px}.brand small,.nav-links{display:none}.nav-tools{margin-left:auto;gap:1px}.utility{min-width:35px;height:40px}.nav-cta{padding:10px 11px;margin-left:3px;font-size:13px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0 24px}.hero-copy{padding:55px 0 20px}.hero h1{font-size:clamp(45px,12vw,60px);line-height:1.12}.hero-copy>p:first-of-type{font-size:17px;line-height:1.6;max-width:350px;margin-top:25px}.hero .primary-button{margin-top:27px}.text-link{display:block;margin:19px 0 0}.hero-image{align-self:center;width:min(100%,330px);max-height:none;padding-top:20px}.hero-image img{margin-bottom:-35px}.experience{padding:85px 0 90px}.experience-top{display:block}.experience h2,.section-heading h2,.browse-copy h2,.membership-copy h2{font-size:43px}.experience-top p{font-size:16px;margin-top:17px}.step-tabs{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.step-tabs button{min-width:0;min-height:48px;padding:7px;font-size:14px}.experience-stage{display:flex;flex-direction:column;align-items:stretch;gap:36px;margin-top:42px;min-height:0}.stage-copy h3{font-size:31px}.stage-copy p{font-size:17px;margin-top:15px}.stage-image{width:min(100%,330px);align-self:center}.record-section,.browse-section,.membership-section{padding:90px 0}.section-heading{display:block}.section-heading p,.browse-copy p,.membership-copy>p{font-size:17px;margin-top:22px}.record-images{gap:18px;margin-top:42px}.record-images figure{width:calc(50% - 9px)}.record-images figure+figure{margin-top:95px}.record-bottom{display:block;margin-top:45px}.record-bottom h3{font-size:31px}.record-bottom p{font-size:17px;margin-top:18px}.browse-grid,.membership-grid{display:flex;flex-direction:column;align-items:stretch;gap:38px}.browse-grid figure,.membership-grid figure{width:min(100%,330px);align-self:center}.membership-grid figure{order:2}.membership-copy{order:1}.membership-copy .membership-caveat{font-size:16px;margin-top:30px;padding:21px}.closing{padding:90px 0}.closing-inner{display:block}.closing h2{font-size:51px}.closing p{font-size:17px}.closing-action{text-align:left;margin-top:35px}footer{display:block;min-height:0;padding-top:80px;padding-bottom:26px;font-size:14px}footer div{margin:14px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-part.is-waiting{opacity:1;transform:none}}
/* Lighten the app tour section and keep its text and controls legible. */
.experience{background:var(--field-deep);color:var(--ink)}
.experience-top p{color:var(--muted)}
.stage-copy p,.stage-copy span{color:var(--muted)}
.step-tabs button{background:var(--surface);color:var(--ink)}
.step-tabs button:hover{background:var(--field-deep)}
.step-tabs button[aria-selected=true]{background:var(--dark);color:#fff}

.footer-legal{line-height:1.8;text-align:right}
@media(max-width:700px){.footer-legal{text-align:left;margin-top:16px}}

/* Text-only presentation after removing product icons and screenshots. */
.hero-inner{display:block;min-height:0}
.hero-copy{max-width:900px;padding:100px 0 110px}
.hero h1{letter-spacing:-.04em}
.hero-copy>p:first-of-type{max-width:560px}
.experience{padding:96px 0}
.experience-stage{min-height:0;grid-template-columns:minmax(0,1fr) auto;gap:64px;margin-top:48px}
.stage-copy{max-width:640px}
.stage-copy h3{letter-spacing:-.04em}
.experience-stage .step-tabs{align-self:start;justify-self:end;margin-top:0}
.step-tabs button{border-radius:999px}
.record-section,.browse-section,.membership-section{padding:96px 0}
.record-bottom{margin-top:64px;padding-top:48px;border-top:1px solid var(--muted)}
.browse-grid,.membership-grid{display:block}
.browse-copy,.membership-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:start}
.browse-copy p,.membership-copy>p{margin-top:0;max-width:500px}
.membership-copy .membership-caveat{grid-column:2;margin-top:28px}
.experience h2,.section-heading h2,.browse-copy h2,.membership-copy h2,.closing h2,.record-bottom h3{letter-spacing:-.04em}
dialog h2{margin-top:12px}
@media(max-width:1000px){.experience-stage{grid-template-columns:1fr;gap:32px}.experience-stage .step-tabs{justify-self:start}}
@media(max-width:700px){.hero-copy{padding:64px 0 72px}.experience,.record-section,.browse-section,.membership-section{padding:72px 0}.experience-stage{gap:28px;margin-top:32px}.experience-stage .step-tabs{width:100%;margin:0}.browse-copy,.membership-copy{display:block}.browse-copy p,.membership-copy>p{margin-top:22px}.record-bottom{margin-top:36px;padding-top:32px}}