@font-face{font-family:Golos;src:url('assets/golos-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Golos;src:url('assets/golos-medium.ttf') format('truetype');font-weight:500 800;font-display:swap}
:root{--paper:#fffdf8;--ink:#1c1b18;--soft:#5b564c;--muted:#777064;--line:#e3ded3;--wash:#f3f0e8;--accent:#a5714f;--width:1184px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Golos,Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}
body:has(dialog[open]){overflow:hidden}
::selection{background:#ded5c5}
a{color:inherit;text-underline-offset:5px}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
button:disabled{cursor:default}
img{max-width:100%;height:auto;display:block}
svg{display:block;width:24px;height:24px;flex-shrink:0}
button svg{pointer-events:none}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:400}
h1{font-size:clamp(64px,6.45vw,90px);letter-spacing:-.07em;line-height:1.035}
h2{font-size:clamp(38px,4.2vw,56px);letter-spacing:-.055em;line-height:1.12}
h3{font-size:23px;letter-spacing:-.035em;line-height:1.3}
p{color:var(--soft)}
.wrap{width:min(var(--width),calc(100% - 112px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:var(--ink);color:white;padding:10px 20px}
.skip-link:focus{top:16px}
.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}
.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;font-size:26px;letter-spacing:-1.3px;line-height:1}
.brand svg{width:42px;height:28px}
.header-nav{display:flex;align-items:center;gap:34px;font-size:13px}
.header-nav a{text-decoration:none;color:var(--soft)}
.header-nav a:hover{color:var(--ink);text-decoration:underline}
.header-store{border:1px solid var(--ink);border-radius:40px;background:transparent;padding:10px 20px;display:flex;gap:17px;align-items:center;font-size:12px}
.header-store svg{width:15px;height:15px}
.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:10px;font-weight:500;line-height:1.6;display:flex;align-items:center;gap:12px;color:var(--soft)}
.little-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0}
.hero{position:relative;padding-block:76px 58px;min-height:735px;display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}
.hero-copy{position:relative;z-index:2}
.hero .eyebrow{margin-bottom:28px}
.hero h1 span{color:#8c8475}
.hero-subtitle{font-size:clamp(37px,4.1vw,58px);line-height:1.02;letter-spacing:-.07em;color:#8c8475;margin-top:13px;white-space:nowrap}
.hero-lead{font-size:17px;line-height:1.8;max-width:390px;margin-top:27px}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:32px}
.store-button{display:inline-flex;align-items:center;gap:13px;border-radius:8px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:12px 21px;min-height:59px;text-align:left;transition:background .2s,transform .2s}
.store-button:hover{background:#3c3a34;transform:translateY(-2px)}
.store-button svg{width:25px;height:28px}
.store-button span{display:flex;flex-direction:column;line-height:1.25}
.store-button small{font-size:9px;letter-spacing:1.2px;text-transform:uppercase}
.store-button strong{font-size:19px;font-weight:400;letter-spacing:-.6px;margin-top:3px}
/* 44px tall: these are the only touch targets on the page without a box around them. */
.film-button,.waitlist-button{display:inline-flex;align-items:center;gap:9px;font-size:12px;padding:10px 0;min-height:44px;background:none;border:0;border-bottom:1px solid transparent}
.film-button:hover,.waitlist-button:hover{border-bottom-color:var(--ink)}
.film-button svg,.waitlist-button svg{width:24px;height:24px}
.minor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.hero-note{font-size:10px;letter-spacing:.3px;color:var(--muted);margin-top:17px}
.hero-visual{height:575px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:clip}
.orbit{position:absolute;border:1px solid #d2cbbb;border-radius:50%;width:490px;height:490px;transform:rotate(-24deg);pointer-events:none;--orbit-radius:245px}
.orbit::before,.orbit::after{content:'';position:absolute;border-radius:50%;background:var(--ink)}
.orbit::before{width:14px;height:14px;left:calc(50% - 7px);top:calc(50% - 7px);animation:orbit-primary 18s linear infinite;will-change:transform}
.orbit::after{width:7px;height:7px;left:calc(50% - 3.5px);top:calc(50% - 3.5px);background:#aaa28f;animation:orbit-secondary 24s linear infinite;will-change:transform}
.orbit-label{position:absolute;font-size:10px;color:var(--muted);right:-1px;bottom:33px;letter-spacing:.2px}
.phone{width:254px;padding:7px;background:#23221e;border-radius:35px;box-shadow:1px 0 0 1px #6d6a60,7px 18px 30px #3c342f16;position:relative;z-index:1;flex-shrink:0}
.phone::after{content:'';position:absolute;left:calc(50% - 3px);top:10px;width:6px;height:6px;background:#22211f;border-radius:50%}
.phone img{width:100%;border-radius:28px;aspect-ratio:9/16;background:var(--paper)}
.hero .phone{width:345px;transform:rotate(0deg)}
.hero-notification{position:absolute;z-index:3;left:-5px;bottom:86px;width:292px;background:#fffefbf5;border:1px solid #e6e1d5;box-shadow:0 12px 32px #28231a0d;border-radius:14px;padding:17px 20px;transform:rotate(0deg);opacity:0;animation:notification-in .9s ease-out .45s forwards}
.notification-meta{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);margin-bottom:10px}
.notification-meta svg{width:20px;height:14px;color:var(--ink)}
.notification-meta time{margin-left:auto}
.hero-notification p{font-size:13px;color:var(--ink)}
.notification-options{display:flex;gap:16px;margin-top:13px;font-size:9px;color:var(--soft)}
.section-footnote{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:23px;font-size:11px;color:var(--muted);gap:20px}
.section-footnote span:first-child{display:flex;align-items:center;gap:9px}
.section-footnote svg{width:13px;height:13px}
.scroll-link{display:flex;gap:17px;align-items:center;text-decoration:none;color:var(--ink)}
.section{padding-block:106px}
.intro{display:grid;grid-template-columns:1fr 1.28fr;gap:110px;border-top:1px solid var(--line)}
.intro h2{font-size:42px;margin-top:22px;max-width:420px}
.intro-body>p{font-size:18px;line-height:1.9;margin-bottom:26px;max-width:525px}
.quiet-note{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}
.quiet-note svg{width:17px;height:17px}
.process{background:var(--wash);padding-block:94px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:58px}
.section-heading h2{margin-top:20px}
.section-heading>p{max-width:278px;font-size:13px;line-height:1.8}
.process-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:46px}
.step{border-top:1px solid #cfc8b9;padding-top:24px}
.step-index{font-size:10px;color:var(--muted);margin-bottom:23px;display:flex;align-items:center;justify-content:space-between}
.step-index svg{width:20px;height:20px;color:var(--soft)}
.step p{font-size:13px;line-height:1.8;margin-top:12px;max-width:270px}
.checkin-demo{background:var(--paper);border:1px solid var(--line);padding:27px 32px;border-radius:12px;margin-top:48px;display:grid;grid-template-columns:1fr 1.25fr;gap:12px 30px;align-items:center}
.demo-heading .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:7px}
.demo-heading p{color:var(--ink);font-size:20px;letter-spacing:-.5px}
.demo-actions{display:flex;gap:9px;justify-content:flex-end}
.demo-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;background:var(--wash);border:1px solid transparent;border-radius:9px;font-size:12px;transition:background .2s,color .2s}
.demo-actions svg{width:18px;height:18px}
.demo-actions button:hover{border-color:var(--ink)}
.demo-actions button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.demo-status{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;font-size:10px;letter-spacing:.2px;min-height:30px}
.has-moment .demo-status{color:var(--ink)}
.screens-section .section-heading{margin-bottom:32px}
.screen-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line)}
.screen-tabs button{border:0;background:none;padding:16px 0;font-size:12px;color:var(--muted);border-bottom:1px solid transparent;position:relative;bottom:-1px}
.screen-tabs button[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink)}
.screen-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:568px;background:linear-gradient(120deg,#f6f3eb,#faf8f2);padding:40px 85px;gap:80px;margin-top:24px;border-radius:3px;overflow:hidden}
.screen-panel .phone{width:244px;justify-self:center;transform:rotate(-3deg)}
.screen-copy .eyebrow{font-size:9px;margin-bottom:24px}
.screen-copy h3{font-size:38px;letter-spacing:-1.8px;line-height:1.15;max-width:320px}
.screen-copy>p{margin-top:19px;font-size:14px;line-height:1.85;max-width:305px}
.screen-copy .screen-small{margin-top:48px;font-size:10px;color:var(--muted)}
.future{border-top:1px solid var(--line)}
.future .section-heading{align-items:flex-start}
.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px}
.future-item{padding-top:23px;border-top:1px solid var(--line)}
.future-item>svg{width:25px;height:25px;margin-bottom:28px;color:var(--soft)}
.future-item h3{font-size:21px}
.future-item p{font-size:13px;line-height:1.85;margin-top:12px;max-width:285px}
.future-note{font-size:10px;margin-top:34px;color:var(--muted)}
.quote-section{background:var(--wash);padding-block:84px;text-align:center}
.quote-section .brand-mark{width:49px;height:32px;margin:0 auto 28px}
blockquote{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.3;letter-spacing:-2px;font-weight:400}
.quote-section figcaption{font-size:10px;letter-spacing:1.2px;margin-top:22px;color:var(--soft)}
.closing{text-align:center;padding-block:104px 95px;position:relative;overflow:hidden}
.closing .eyebrow{justify-content:center;margin-bottom:22px}
.closing h2{font-size:clamp(42px,5vw,65px)}
.closing p{font-size:14px;margin-top:19px}
.closing .store-button{margin-top:28px}
.closing .availability{font-size:10px;color:var(--muted);margin-top:15px}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-block:28px 38px}
.footer-credit{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:17px}
.footer-credit .brand{font-size:19px;gap:8px;color:var(--ink)}
.footer-credit .brand svg{width:28px;height:20px}
.footer-links{display:flex;gap:25px;font-size:11px;color:var(--soft)}
.footer-links a{text-decoration:none}
.footer-links a:hover{text-decoration:underline}
dialog{border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);max-width:calc(100% - 32px);padding:0}
dialog::backdrop{background:#1c1b1880;backdrop-filter:blur(8px)}
.close-button{position:absolute;right:14px;top:14px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--paper);z-index:2}
.close-button svg{width:17px;height:17px}
.store-dialog{width:440px;padding:52px 38px 38px}
.store-dialog .brand-mark{width:47px;height:32px;margin-bottom:25px}
.store-dialog h2{font-size:34px;letter-spacing:-1.5px}
.store-dialog p{margin-top:18px;font-size:14px}
.waitlist-form{display:grid;gap:9px;margin-top:26px}
.waitlist-form label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
/* 16px, not smaller: iOS Safari auto-zooms the page on focus below that. */
.waitlist-form input{font:inherit;font-size:16px;line-height:1.4;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 15px;min-height:52px;width:100%}
.waitlist-form input::placeholder{color:#857c6d}
.waitlist-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:transparent}
.waitlist-submit{margin-top:5px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:var(--paper);font-size:14px;padding:14px 20px;min-height:52px;transition:background .2s}
.waitlist-submit:hover:not(:disabled){background:#3c3a34}
.waitlist-submit:disabled{opacity:.55}
.store-dialog .waitlist-status{min-height:19px;margin-top:13px;font-size:12px;line-height:1.55;color:var(--muted)}
.store-dialog .waitlist-status.is-error{color:#a13d21}
.store-dialog .waitlist-status.is-success{color:var(--accent)}
.store-dialog .waitlist-note{margin-top:14px;font-size:10px;line-height:1.6;color:var(--muted);text-wrap:balance}
.store-dialog .waitlist-note a{color:inherit;text-decoration:underline}
.closing .waitlist-button{margin-top:14px}
.film-dialog{background:#1c1b18;width:min(390px,calc((100dvh - 48px)*.5625));line-height:0;overflow:visible}
.film-dialog video{display:block;width:100%;max-height:calc(100dvh - 48px);border-radius:17px}
.film-dialog .close-button{right:-48px;top:0}
.concept-switcher{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:4px;background:#fffdf8f5;border:1px solid #d3ccbf;padding:6px;border-radius:40px;box-shadow:0 3px 20px #1c1b1815;font-size:10px;white-space:nowrap;backdrop-filter:blur(12px)}
.concept-switcher[hidden]{display:none}
.concept-switcher>span{padding:0 10px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}
.concept-switcher a{padding:8px 13px;text-decoration:none;border-radius:30px}
.concept-switcher a[aria-current=page]{background:var(--ink);color:var(--paper)}
.concept-switcher a:hover{background:var(--line);color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 02 / Field notes: an editorial composition, with the day as the main visual. */
.journal{--paper:#faf8f2;--wash:#f0ece2}
.journal .hero{grid-template-columns:1.08fr 1fr;gap:90px;min-height:708px;padding-block:74px}
.journal h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(66px,6.6vw,89px);font-weight:400;letter-spacing:-5px;line-height:1.06}
.journal h1 span{font-style:italic;color:var(--ink)}
.journal .hero .eyebrow{margin-bottom:25px}
.journal .hero-visual{display:block;height:auto;padding:32px 0 20px 44px;border-left:1px solid #ccc4b4}
.journal-date{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;display:flex;justify-content:space-between;padding-bottom:27px;border-bottom:1px solid var(--line)}
.journal-date span{color:var(--muted);letter-spacing:0;text-transform:none}
.day-record{list-style:none;padding:21px 0 0;margin:0}
.day-record li{display:grid;grid-template-columns:47px 20px 1fr;column-gap:15px;position:relative;min-height:96px;align-content:start}
.day-record li:not(:last-child)::after{content:'';position:absolute;width:1px;background:#d4cdbf;left:71px;top:17px;height:83px}
.day-record time{font-size:10px;color:var(--muted);padding-top:5px}
.record-dot{height:10px;width:10px;background:var(--ink);border-radius:50%;margin-top:9px;margin-left:5px;z-index:1}
.day-record li:nth-child(2){opacity:.8}.day-record li:nth-child(3){opacity:.65}.day-record li:nth-child(4){opacity:.55}
.day-record h3{font-size:20px;display:flex;align-items:center;gap:11px}
.day-record h3 svg{width:20px;height:20px}
.day-record p{font-size:11px;margin-top:6px}
.record-end{border-top:1px solid var(--line);padding-top:17px;font-family:Georgia,serif;font-size:18px;font-style:italic;color:var(--soft)}
.journal .intro h2,.journal .section-heading h2,.journal .closing h2{font-family:Georgia,serif;letter-spacing:-1.9px}
.journal .quote-section blockquote{font-family:Georgia,serif;font-style:italic}
/* 03 / Orbit: a centered, expansive composition around the two-dot identity. */
.orbit-theme .hero{display:flex;flex-direction:column;gap:0;text-align:center;padding-top:69px;padding-bottom:0;min-height:0}
.orbit-theme .hero-copy{max-width:1000px}
.orbit-theme .hero .eyebrow{justify-content:center;margin-bottom:24px}
.orbit-theme h1{font-size:clamp(64px,6.3vw,88px)}
.orbit-theme .hero-lead{max-width:475px;margin:24px auto 0;font-size:16px}
.orbit-theme .hero .actions{justify-content:center;margin-top:26px}
.orbit-theme .hero-visual{width:100%;height:418px;margin-top:54px;overflow:hidden;align-items:flex-start;gap:32px;padding-top:28px}
.orbit-theme .hero .phone{width:250px;transform:none}
.orbit-theme .hero .side-phone{width:211px;margin-top:58px;transform:rotate(-9deg);opacity:.85}
.orbit-theme .hero .side-phone:last-of-type{transform:rotate(9deg)}
.orbit-theme .orbit{width:850px;height:450px;top:62px;transform:rotate(-7deg)}
.orbit-theme .orbit::before{left:2%;top:25%}
.orbit-theme .hero-visual::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,var(--paper));z-index:4;pointer-events:none}
.orbit-theme .hero .orbit-label{display:none}
.orbit-theme .process{background:var(--paper);border-block:1px solid var(--line)}
.orbit-theme .checkin-demo{background:var(--wash)}
.orbit-theme .quote-section{border-block:1px solid var(--line);background:var(--paper)}
@media(min-width:1500px){.hero{min-height:790px}.hero-visual{height:610px}.hero .phone{width:300px}.hero-notification{bottom:88px;left:0}.orbit{width:535px;height:535px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{gap:20px;min-height:675px}h1{font-size:66px}.hero-visual{height:530px}.hero .phone{width:244px}.orbit{width:390px;height:390px}.hero-notification{width:256px;left:-15px;bottom:80px;padding:14px 16px}.hero-notification p{font-size:12px}.hero-lead{font-size:15px}.actions{gap:18px}.intro{gap:60px}.process-grid,.future-grid{gap:30px}.checkin-demo{padding:25px}.demo-actions button{padding:10px 12px}.screen-panel{padding:40px;gap:40px}.journal .hero{gap:45px}.journal h1{font-size:70px}.journal .hero-visual{padding-left:25px}.day-record li{column-gap:10px}.day-record li:not(:last-child)::after{left:66px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.site-header{height:84px}.header-nav{gap:20px}.header-nav>a{display:none}.hero{padding-top:56px;grid-template-columns:1fr;gap:18px;min-height:0}.hero-copy{max-width:560px}.hero h1{font-size:76px}.hero-lead{max-width:420px}.hero-visual{height:530px;width:100%;max-width:500px;justify-self:center;margin-inline:auto}.hero .phone{width:256px}.orbit{width:440px;height:440px}.hero-notification{left:15px;bottom:80px}.orbit-label{right:8px}.intro{grid-template-columns:1fr;gap:30px}.intro h2{max-width:500px}.intro-body>p{max-width:600px;font-size:17px}.section{padding-block:72px}.process{padding-block:68px}.section-heading{margin-bottom:38px}.section-heading>p{max-width:215px;font-size:12px}.process-grid,.future-grid{gap:22px}.step h3{font-size:21px}.step p,.future-item p{font-size:12px}.checkin-demo{grid-template-columns:1fr}.demo-actions{justify-content:flex-start;margin-block:10px}.screen-panel{padding:35px;gap:32px;min-height:520px}.screen-panel .phone{width:222px}.screen-copy h3{font-size:31px}.screen-copy>p{font-size:13px}.screen-copy .screen-small{margin-top:28px}.journal .hero{grid-template-columns:1fr;gap:55px;padding-block:56px}.journal .hero-visual{max-width:100%;padding:28px;border:1px solid #d7d0c3;height:auto;background:#f5f1e8;transform:rotate(-1deg)}.journal .hero-copy{max-width:620px}.journal .day-record li{min-height:86px}.journal .day-record li:not(:last-child)::after{height:73px}.journal .day-record h3{font-size:22px}.orbit-theme .hero h1{font-size:69px}.orbit-theme .hero-visual{max-width:none;gap:20px;height:378px}.orbit-theme .hero .phone{width:215px}.orbit-theme .hero .side-phone{width:170px}.orbit-theme .orbit{width:650px;height:390px}.footer-credit{gap:12px}.footer-links{gap:15px}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.brand{font-size:23px;gap:10px}.brand svg{width:37px}.header-store{font-size:11px;padding:9px 14px;gap:10px}.site-header{height:76px}.hero{padding-top:44px;padding-bottom:28px;gap:12px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:25px}.hero h1{font-size:clamp(49px,12.9vw,71px);letter-spacing:-3.7px}.hero-lead{font-size:14px;margin-top:23px;line-height:1.8;max-width:355px}.actions{gap:20px;margin-top:26px}.store-button{padding:11px 17px;min-height:56px}.store-button strong{font-size:18px}.film-button,.waitlist-button{font-size:11px;gap:7px}.hero-note{font-size:9px}.hero-visual{height:465px;margin-top:7px}.hero .phone{width:225px}.orbit{width:330px;height:330px}.hero-notification{width:247px;left:0;bottom:54px}.orbit-label{font-size:9px;bottom:8px;right:5px}.section-footnote{font-size:9px;padding-block:19px}.scroll-link{gap:6px}.scroll-link svg{width:13px}.section{padding-block:58px}.intro{gap:25px}.intro h2{font-size:36px;max-width:285px;margin-top:18px}.intro-body>p{font-size:15px;line-height:1.85;margin-bottom:20px}.quiet-note{font-size:10px}.section-heading{display:block;margin-bottom:33px}.section-heading h2{font-size:37px;margin-top:18px}.section-heading>p{max-width:320px;margin-top:20px;font-size:13px}.process{padding-block:55px}.process-grid{grid-template-columns:1fr;gap:27px}.step{padding-top:18px}.step-index{margin-bottom:16px}.step h3{font-size:24px}.step p{max-width:100%;font-size:13px;margin-top:9px}.checkin-demo{margin-top:32px;padding:21px 17px;gap:7px}.demo-heading p{font-size:18px}.demo-actions{gap:6px}.demo-actions button{padding:10px 9px;gap:6px;font-size:10px;flex:1}.demo-actions svg{width:15px}.demo-status{font-size:9px;line-height:1.6}.screen-tabs{gap:0;justify-content:space-between}.screen-tabs button{font-size:11px;padding:14px 5px}.screen-panel{grid-template-columns:1fr;gap:34px;padding:33px 25px 36px}.screen-panel .phone{width:230px;grid-row:2}.screen-copy{text-align:center}.screen-copy .eyebrow{justify-content:center;margin-bottom:16px;font-size:8px}.screen-copy h3{font-size:32px;margin:auto}.screen-copy>p{margin:13px auto 0}.screen-copy .screen-small{margin-top:15px;font-size:9px}.future-grid{grid-template-columns:1fr;gap:29px}.future-item{display:grid;grid-template-columns:30px 1fr;gap:0 18px;padding-top:24px}.future-item>svg{grid-row:1/3;width:22px;height:22px;margin-top:2px}.future-item h3{font-size:23px}.future-item p{grid-column:2;font-size:13px;margin-top:10px}.future-note{font-size:9px}.quote-section{padding-block:58px}blockquote{font-size:32px;letter-spacing:-1.3px;max-width:300px;margin:auto}.quote-section figcaption{font-size:9px}.closing{padding-block:65px}.closing h2{font-size:44px}.closing p{font-size:13px;max-width:270px;margin:17px auto 0}.site-footer{align-items:flex-start;flex-direction:column;gap:19px;padding-bottom:30px}.footer-credit{font-size:10px;gap:17px}.footer-links{font-size:10px;gap:25px}.concept-switcher{bottom:10px;gap:2px;padding:5px;font-size:9px}.concept-switcher>span{display:none}.concept-switcher a{padding:8px 14px}.store-dialog{padding:49px 25px 30px}.store-dialog h2{font-size:30px}.film-dialog{width:min(350px,calc((100dvh - 100px)*.5625));margin:60px auto 20px}.film-dialog .close-button{right:0;top:-44px}.journal .hero{gap:40px;padding-top:45px}.journal h1{font-size:clamp(54px,13.3vw,72px);letter-spacing:-3px}.journal .hero-visual{padding:22px 18px;margin-top:0}.journal-date{font-size:9px;padding-bottom:20px}.journal-date span{font-size:9px}.day-record{padding-top:24px}.journal .day-record h3{font-size:19px}.day-record p{font-size:10px}.day-record li{grid-template-columns:36px 16px 1fr;column-gap:9px}.journal .day-record li:not(:last-child)::after{left:54px}.day-record time{font-size:9px}.record-dot{margin-left:4px}.record-end{font-size:16px}.orbit-theme .hero{padding-top:46px}.orbit-theme .hero h1{font-size:clamp(47px,11.8vw,64px);letter-spacing:-3px}.orbit-theme .hero-lead{font-size:14px;max-width:350px}.orbit-theme .hero .actions{gap:18px}.orbit-theme .hero-visual{width:calc(100% + 40px);height:322px;gap:14px;margin-top:32px}.orbit-theme .hero .phone{width:180px}.orbit-theme .hero .side-phone{width:145px;margin-top:54px}.orbit-theme .orbit{width:480px;height:270px;top:55px}}
.hero-notification{left:16px}
@media(min-width:1201px){.hero-visual{height:640px}.hero .phone{width:330px}}
@media(min-width:1500px){.hero-visual{height:720px}.hero .phone{width:380px}}
.hero-subtitle{margin-bottom:0}
@media(max-width:1100px){.orbit{--orbit-radius:195px}.hero-subtitle{font-size:clamp(34px,4.8vw,48px)}}
@media(max-width:800px){.hero-subtitle{font-size:clamp(34px,10vw,52px);white-space:normal;margin-top:11px}.orbit{--orbit-radius:220px}}
@media(max-width:560px){.hero-lead{white-space:nowrap;font-size:13px;letter-spacing:-.2px}.orbit{--orbit-radius:165px}}
@keyframes notification-in{from{opacity:0;transform:translateY(10px) rotate(0deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}
@keyframes orbit-primary{from{transform:rotate(0deg) translateX(var(--orbit-radius))}to{transform:rotate(360deg) translateX(var(--orbit-radius))}}
@keyframes orbit-secondary{from{transform:rotate(180deg) translateX(var(--orbit-radius))}to{transform:rotate(-180deg) translateX(var(--orbit-radius))}}
@media(prefers-reduced-motion:reduce){.hero-notification{opacity:1;transform:rotate(0deg)}}
.orbit-label{bottom:12px}
@media(max-width:560px){.orbit-theme .hero-visual{width:100%}.intro h2{max-width:350px}.hero-notification{left:10px}}
/* Quiet: give the roadmap a clear heading and a supporting description. */
.quiet .future .section-heading{align-items:flex-end}
.quiet .future h2{font-size:clamp(42px,5vw,64px);margin-top:0}
.quiet .future-subtitle{font-size:20px;line-height:1.5;letter-spacing:-.4px;margin-top:18px;max-width:440px}
.quiet .future-item h3{font-size:19px}
@media(max-width:560px){.quiet .future-subtitle{font-size:17px;margin-top:14px}}
/* Quiet: platform availability and the current testing phase. */
.brand-group{display:flex;align-items:center;gap:17px}
.beta-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #ddd6c8;border-radius:30px;padding:6px 10px;font-size:9px;line-height:1.3;letter-spacing:.35px;color:var(--soft);white-space:nowrap}
.beta-badge svg{width:12px;height:12px}
.apple-badge{display:flex;align-items:center;gap:12px;min-height:59px;border:1px solid #d6cfc1;border-radius:8px;padding:12px 20px;background:transparent;text-align:left;color:var(--soft)}
.apple-badge>svg{width:24px;height:28px}
.apple-badge>span{display:flex;flex-direction:column;line-height:1.25}
.apple-badge small{font-size:9px;letter-spacing:1.2px;text-transform:uppercase}
.apple-badge strong{font-size:17px;font-weight:400;letter-spacing:-.5px;margin-top:3px;white-space:nowrap}
.quiet .hero .actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;max-width:378px;gap:12px}
.quiet .hero .store-button{padding:12px 16px;gap:11px}
.quiet .hero .store-button strong{white-space:nowrap}
.quiet .hero .minor-actions{grid-column:1/-1;justify-self:start;column-gap:24px;row-gap:2px}
.quiet .hero-note{margin-top:13px}
.platform-actions{display:inline-flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.closing .platform-actions .store-button{margin-top:0}
@media(max-width:560px){.quiet .site-header{height:96px}.brand-group{flex-direction:column;align-items:flex-start;gap:9px}.beta-badge{font-size:8px;padding:4px 8px}.beta-badge svg{width:10px;height:10px}.apple-badge{padding:11px 14px;min-height:56px;gap:10px}.apple-badge strong{font-size:16px}.quiet .hero .actions{max-width:350px;gap:10px}.quiet .hero .store-button{padding:11px 14px;gap:10px}.quiet .hero .store-button strong{font-size:17px}}
@media(max-width:370px){.quiet .hero .store-button,.apple-badge{padding:10px;gap:8px}.quiet .hero .store-button strong,.apple-badge strong{font-size:15px}.quiet .hero .store-button svg,.apple-badge>svg{width:21px}.platform-actions{flex-wrap:nowrap;gap:10px}.quiet .closing .store-button{padding:10px;gap:8px}.quiet .closing .store-button strong{font-size:15px}}
@media(max-width:370px){.quiet .hero .actions{grid-template-columns:1fr;max-width:230px}.quiet .hero .minor-actions{grid-column:1}.platform-actions{width:min(230px,100%);margin-inline:auto;flex-direction:column}.platform-actions .store-button,.platform-actions .apple-badge{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}