@font-face{font-family:Alpera;src:url('brand/libre-caslon-text-regular.ttf')}@font-face{font-family:Alpera;src:url('brand/libre-caslon-text-italic.ttf');font-style:italic}@font-face{font-family:Vault;src:url('brand/vault-variable.woff2')}
:root{color-scheme:light;--paper:#fcfaf6;--ink:#242320;--muted:#69655f;--line:#ded8cf;--wash:#f3f0eb;--card:#fffdfa;--owner:#e9e7df;--blue:#007aff}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Vault,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.thread:focus-visible{outline:2px solid var(--ink);outline-offset:5px}::selection{background:var(--owner)}svg{width:22px;height:22px;display:block;flex-shrink:0}button{color:inherit}button:hover{filter:brightness(.93)}.site-header{max-width:1240px;margin:auto;padding:28px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{width:215px;height:auto;aspect-ratio:2172/410;object-fit:cover}.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.review-label{border:1px solid var(--line);padding:12px 16px;border-radius:4px;font-size:12px;color:var(--muted)}.hero{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding:46px 24px 50px;align-items:center;min-height:800px}.story-copy{padding-bottom:12px}h1{font-family:Alpera,Georgia,serif;font-size:62px;font-weight:400;line-height:1.12;margin:0 0 28px;text-wrap:balance}h1 em,h2 em{font-weight:400}.intro{font-size:19px;line-height:1.6;max-width:455px;margin:0 0 32px;color:var(--muted)}.scenarios{display:flex;gap:22px;border-bottom:1px solid var(--line);max-width:440px}.scenarios button{border:0;border-bottom:2px solid transparent;background:transparent;padding:14px 0;font-size:14px;white-space:nowrap}.scenarios button[aria-selected=true]{border-bottom-color:var(--ink)}.scenarios button[aria-selected=false]{color:var(--muted)}.chapter-copy{padding:30px 0 24px;min-height:174px;max-width:430px}.chapter-copy>span{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}.chapter-copy h2{font-family:Alpera,Georgia,serif;font-size:23px;font-weight:400;margin:12px 0 10px}.chapter-copy p{font-size:15px;line-height:1.6;color:var(--muted);margin:0;max-width:380px}.playback{display:flex;align-items:center;gap:10px;max-width:420px}.icon-button{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:40px;height:40px;background:transparent;flex-shrink:0}.icon-button svg{width:16px;height:16px}.progress-label{flex:1;min-width:50px;display:flex}input[type=range]{width:100%;height:24px;accent-color:var(--ink);cursor:pointer}output{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;width:32px}select{background:transparent;border:0;font-size:12px;padding:7px 2px}.disclosure{font-size:11px;color:var(--muted);margin-top:18px;line-height:1.6}.phone-stage{display:flex;flex-direction:column;align-items:center;min-width:0}.view-label{font-size:12px;display:flex;align-items:center;gap:7px;margin-bottom:14px;height:20px}.view-dot{width:6px;height:6px;border-radius:50%;background:var(--ink)}.device{position:relative;width:344px;height:704px;padding:8px;border-radius:54px;background:#272727;border:2px solid #888987;box-shadow:0 24px 46px -20px #25241f55,inset 0 0 0 2px #b8b8b5;isolation:isolate}.hardware-key{position:absolute;width:3px;background:#898a87;left:-4px;border-radius:2px}.silent{top:99px;height:22px}.volume{top:145px;height:63px}.power{left:auto;right:-4px;top:158px;height:63px}.screen{height:100%;border-radius:44px;overflow:hidden;background:#fff;position:relative;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;display:flex;flex-direction:column;color:#111}.status-bar{height:51px;padding:17px 25px 0;display:flex;justify-content:space-between;font-size:13px;font-weight:650;position:relative;flex-shrink:0}.island{position:absolute;background:#070707;border-radius:22px;width:98px;height:27px;top:9px;left:calc(50% - 49px)}.status-icons{display:flex;gap:5px;align-items:center;height:14px}.status-icons svg{width:14px;height:14px;stroke-width:2.7}.signal{display:flex;align-items:flex-end;height:10px;gap:1.5px}.signal i{width:3px;background:#161616;border-radius:1px}.signal i:nth-child(1){height:4px}.signal i:nth-child(2){height:6px}.signal i:nth-child(3){height:8px}.signal i:nth-child(4){height:10px}.battery{--charge:68%;width:22px;height:10px;border:1px solid #929292;border-radius:3px;position:relative}.battery:before{content:'';position:absolute;left:1px;top:1px;bottom:1px;width:calc(var(--charge) - 2px);background:#111;border-radius:1px}.battery:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:4px;background:#888;border-radius:1px}.messages-header{height:77px;flex-shrink:0;border-bottom:0;display:flex;align-items:center;justify-content:space-between;padding:0 15px 7px;background:#ffffffed}.back,.video{color:#111;background:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;box-shadow:0 2px 9px #00000012}.back svg{width:29px;height:29px}.video svg{width:24px;height:24px}.contact{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px}.avatar{background:var(--paper);border-radius:50%;height:35px;width:35px;display:grid;place-items:center}.avatar img{display:block;object-fit:contain}.contact-chevron{color:#929297;font-size:15px;margin-left:2px}.thread{flex:1;min-height:0;overflow:auto;padding:13px 11px 12px;scrollbar-width:none;overscroll-behavior:contain}.thread::-webkit-scrollbar{display:none}.timestamp{text-align:center;font-size:9px;line-height:1.6;color:#8e8e93;margin:0 0 17px}.msg{display:flex;flex-direction:column;align-items:flex-start;margin:6px 0}.msg.out{align-items:flex-end}.bubble{max-width:80%;position:relative;padding:7px 10px;background:#e9e9eb;color:#000;border-radius:15px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.out .bubble{background:var(--blue);color:#fff;border-radius:15px}.bubble:before{content:'';position:absolute;bottom:0;left:-5px;width:13px;height:17px;background:inherit;border-bottom-right-radius:12px}.bubble:after{content:'';position:absolute;bottom:-1px;left:-8px;width:9px;height:19px;background:white;border-bottom-right-radius:10px}.out .bubble:before{left:auto;right:-5px;border-radius:0 0 0 12px}.out .bubble:after{left:auto;right:-8px;border-radius:0 0 0 10px}.receipt{min-height:10px;font-size:8px;color:#8e8e93;margin-top:4px;margin-right:4px}.receipt[hidden]{display:none}.receipt-read{animation:receipt-in .18s ease-out}@keyframes receipt-in{from{opacity:.35}to{opacity:1}}#phone-clock{font-variant-numeric:tabular-nums}.sender{font-size:9px;color:#8e8e93;margin:0 0 3px 10px}.typing{position:relative;display:flex;gap:4px;align-items:center;justify-content:center;height:28px;width:47px;background:#e9e9eb;border-radius:16px;margin:9px 0 7px}.typing:before,.typing:after{content:'';position:absolute;background:#e9e9eb;border-radius:50%;left:0;bottom:-2px;width:11px;height:11px}.typing:after{left:-4px;bottom:-5px;width:5px;height:5px}.typing i{width:5px;height:5px;border-radius:50%;background:#8e8e93;animation:typing 1.35s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,65%,100%{transform:scale(.85);opacity:.4}30%{transform:scale(1.12);opacity:1}}.new-message{animation:arrive .35s cubic-bezier(.16,1,.3,1)}@keyframes arrive{from{transform:translateY(16px) scale(.97);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}.scene-arrive{animation:scene .38s cubic-bezier(.16,1,.3,1)}@keyframes scene{from{transform:translateX(30px);opacity:.2}to{transform:translateX(0);opacity:1}}.composer{height:54px;display:flex;align-items:center;padding:7px 12px;gap:10px;flex-shrink:0;background:#fff}.add{background:#f0f0f2;border-radius:50%;padding:6px;color:#666}.composer-field{height:33px;border:1px solid #d3d3d8;border-radius:20px;flex:1;display:flex;align-items:center;justify-content:space-between;color:#8a8a90;font-size:13px;padding:0 11px}.composer-field svg{width:16px;height:16px}.home-bar{height:22px;flex-shrink:0;position:relative}.home-bar:after{content:'';position:absolute;width:115px;height:4px;background:#141414;border-radius:4px;left:calc(50% - 57.5px);bottom:6px}.poll{width:78%;margin:13px 0 12px;color:#b57615}.poll-options{display:grid;gap:6px}.poll-option{isolation:isolate;width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:6px;position:relative;background:transparent;border:0;border-radius:24px;padding:8px 10px;text-align:left;font-size:11px;line-height:1.2;color:#b57615;overflow:hidden}.poll-option:before{content:'';position:absolute;inset:0;background:#fff1da;border-radius:24px;z-index:-1;transform-origin:left;transform:scaleX(.88)}.poll-option[aria-pressed=true]:before{transform:scaleX(1);background:#ffe9c4;animation:vote-fill .4s ease-out}.poll-choice{max-width:140px;font-weight:500}.poll-voters{display:flex;align-items:center;gap:3px;margin-right:27px}.poll-option[aria-pressed=true] .poll-voters{margin-right:0}.vote-mark{width:17px;height:17px;border:1.3px solid #d5a14a;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.vote-mark svg{width:13px;height:13px;stroke-width:2.7}.poll-option[aria-pressed=true] .vote-mark{background:#d68e24;color:#fff;border-color:#d68e24}.voter-avatar{width:18px;height:18px;border-radius:50%;background:#919da8;color:white;display:grid;place-items:center;font-size:10px;border:1px solid #fff}.poll-add{font-size:8px;color:#998362;display:block;margin:5px 17px 0}.poll-option:hover{filter:brightness(.98)}@keyframes vote-fill{from{transform:scaleX(.88)}to{transform:scaleX(1)}}.is-paused *{animation-play-state:paused!important}.link-card{border:1px solid var(--line);border-radius:12px;width:70%;max-width:212px;overflow:hidden;margin:8px 0;background:var(--card)}.link-card img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}.link-content{padding:7px 9px}.link-content small{font-size:8px;color:#777}.link-content strong{display:block;font-size:11px;font-weight:600;line-height:1.3;margin:3px 0}.link-content p{font-size:10px;margin:3px 0;color:#666;line-height:1.4}.reply-context{border-left:2px solid #aaa;padding-left:6px;font-size:9px;line-height:1.3;margin-bottom:7px;opacity:.85}.brand-preview img{height:auto;aspect-ratio:1200/630;object-fit:contain;background:var(--paper)}.calendar-card{border:1px solid #ddd;border-radius:11px;display:flex;gap:9px;padding:10px;margin:8px 0;width:78%;background:#fff}.calendar-date{font-size:21px;text-align:center;line-height:1.1;font-weight:300}.calendar-date small{display:block;color:#ce3335;font-size:9px;font-weight:650;margin-bottom:3px}.calendar-copy strong{font-size:11px;display:block;margin:2px 0 5px}.calendar-copy span{font-size:9px;color:#68686f;line-height:1.5;display:block}.chapters{display:flex;gap:8px;margin-top:20px}.chapters button{width:30px;height:20px;border:0;border-radius:0;background:transparent;padding:7px 0}.chapters button:after{content:'';display:block;height:3px;background:var(--line);border-radius:3px}.chapters button[aria-current=step]:after{background:var(--ink)}.details{max-width:1180px;margin:20px auto 0;border-top:1px solid var(--line);padding:55px 24px 60px;display:grid;grid-template-columns:1fr 1fr;gap:75px}.details h2{font-family:Alpera,Georgia,serif;font-size:33px;line-height:1.3;font-weight:400;margin:0}.details p{font-size:17px;line-height:1.7;margin:0 0 15px;max-width:440px}.details .small-note{font-size:12px;color:var(--muted)}footer .wordmark{width:180px}footer{align-items:center;gap:20px;max-width:1240px;margin:auto;padding:24px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1450px){.hero{gap:100px}}@media(max-width:900px){h1{font-size:48px}.hero{gap:30px}.intro{font-size:17px}.site-header nav{gap:20px}.wordmark{width:180px}}@media(max-width:720px){.site-header{padding:20px}.wordmark{width:163px}.site-header nav a{display:none}.review-label{font-size:10px;padding:8px}.hero{display:flex;flex-direction:column;gap:28px;padding:34px 20px;min-height:0}.story-copy{width:100%;max-width:450px;padding-bottom:0}h1{font-size:43px;margin-bottom:18px}.intro{font-size:17px;margin-bottom:18px}.scenarios{gap:24px}.scenarios button{font-size:13px}.chapter-copy{padding:19px 0;min-height:140px}.chapter-copy h2{font-size:21px}.chapter-copy p{font-size:14px}.phone-stage{width:100%}.device{width:330px;height:681px;border-radius:52px}.phone-stage .view-label{margin-top:0}.details{display:block;padding:35px 24px}.details h2{font-size:29px;margin-bottom:24px}.details p{font-size:16px}.disclosure{margin-bottom:0}}@media(max-width:370px){.device{width:300px;height:646px}.bubble{font-size:12px}.hero{padding-left:12px;padding-right:12px}h1{font-size:39px}.poll-option{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.new-message,.scene-arrive,.typing i,.poll-option:before,.receipt-read{animation:none}.typing i{opacity:.8}}
