:root{--clot-font: "Nunito Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--clot-h0: 500 34px / 40px var(--clot-font);--clot-h1: 500 32px / 40px var(--clot-font);--clot-h2: 500 24px / 32px var(--clot-font);--clot-h3: 500 20px / 28px var(--clot-font);--clot-h4: 500 14px / 22px var(--clot-font);--clot-primary-text: 500 16px / 22px var(--clot-font);--clot-secondary-text: 400 16px / 22px var(--clot-font);--clot-caption: 400 14px / 22px var(--clot-font);--clot-small: 400 12px / 20px var(--clot-font);--clot-foreground: #1c1c1e;--clot-foreground-invert: #f4f4f4;--clot-grey-50: #8e8e93;--clot-grey-20: #aeaeb2;--clot-grey-20-dark: #636366;--clot-grey-10: #d1d1d6;--clot-grey-10-dark: #3a3a3c;--clot-grey-5: #f3f4f5;--clot-grey-5-dark: #1c1c1e;--clot-background: #ffffff;--clot-background-dark: #000000;--clot-text: var(--clot-foreground);--clot-muted: var(--clot-grey-50);--clot-muted-strong: var(--clot-grey-20-dark);--clot-line: var(--clot-grey-10);--clot-panel: var(--clot-background);--clot-black: var(--clot-background-dark);--clot-ink: #161d36;--clot-green: #13b85f;--clot-red: #e85b5b;--clot-shadow: 0 14px 28px rgba(5, 4, 18, .16);--clot-soft-shadow: 0 8px 22px rgba(22, 29, 54, .12)}*{box-sizing:border-box}html{min-width:320px;background:var(--clot-panel);color:var(--clot-text);font-family:var(--clot-font);font-size:16px;letter-spacing:0}body{min-width:320px;margin:0;overflow:hidden}button,a{font:inherit}#root{min-height:100dvh}.landing{position:relative;min-height:100dvh;overflow:hidden;background:var(--clot-background)}.landing:before,.landing:after{content:"";position:fixed;left:0;right:0;z-index:18;pointer-events:none}.landing:before{top:0;height:128px;background:linear-gradient(180deg,#fffffffa,#ffffffeb 44%,#fff0)}.landing:after{bottom:0;height:94px;background:linear-gradient(0deg,#fffffffa,#ffffffe6 42%,#fff0)}.header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 32px;pointer-events:none}.brand,.get-app,.app-store{position:relative;z-index:25;pointer-events:auto}.brand{display:block;width:76px;height:20px;text-decoration:none}.brand img{display:block;width:100%;height:100%}.get-app{display:inline-flex;align-items:center;justify-content:center;min-width:214px;height:48px;padding:0 24px;border-radius:16px;background:var(--clot-text);box-shadow:var(--clot-shadow);color:#fff;font:var(--clot-primary-text);font-weight:500;text-decoration:none}.story-progress{position:fixed;left:32px;right:32px;bottom:16px;z-index:20;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:2px}.progress-segment{height:2px;padding:0;border:0;border-radius:999px;overflow:hidden;background:var(--clot-line);cursor:pointer}.progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--clot-text)}.progress-fill.is-complete{width:100%}.progress-fill.is-active{animation:story-progress 5s linear forwards}.progress-fill.is-paused{animation-play-state:paused}@keyframes story-progress{0%{width:0}to{width:100%}}.tap-zone{position:fixed;top:80px;bottom:0;z-index:10;width:28%;padding:0;border:0;background:transparent;cursor:pointer}.tap-zone-left{left:0}.tap-zone-right{right:0}.hero{position:relative;z-index:15;display:grid;grid-template-columns:minmax(520px,690px) minmax(360px,1fr);align-items:center;justify-content:space-between;min-height:100dvh;padding:80px 32px 70px;gap:clamp(64px,8vw,120px)}.hero-copy{width:100%;transform:translateY(76px)}h1{max-width:740px;margin:0;color:var(--clot-text);font:var(--clot-h0)}.subtitle{max-width:650px;margin:22px 0 36px;color:var(--clot-muted);font:var(--clot-h2)}.app-store{display:block;width:180px;height:52px;padding:0;border-radius:7px;overflow:hidden;text-decoration:none}.app-store img{display:block;width:100%;height:100%}.phone-wrap{position:relative;justify-self:center;width:287px;min-width:287px;max-width:287px;transform:translateY(20px)}.phone-wrap:before{content:none}.phone-image{position:relative;display:block;width:100%;height:auto;filter:none;-webkit-user-select:none;user-select:none}@media(max-width:900px){body{overflow:auto}.landing{min-height:100dvh;background:#fff}.landing:before{height:96px;background:linear-gradient(180deg,#fffffffa,#fffffff2 58%,#fff0)}.landing:after{height:64px;background:linear-gradient(0deg,#fffffffa,#fff0)}.header{height:68px;padding:0 18px}.brand{width:76px;height:20px}.get-app{display:inline-flex;min-width:166px;height:50px;padding:0 20px;font:var(--clot-primary-text)}.story-progress{left:19px;right:19px;top:68px;bottom:auto;gap:2px;height:2px}.progress-segment{height:2px}.tap-zone{top:70px;width:50%}.hero{display:flex;flex-direction:column;justify-content:flex-start;min-height:100dvh;padding:98px 18px 28px;gap:30px}.hero-copy{width:100%;transform:none}.eyebrow,.desktop-store{display:none}h1{max-width:352px;font:var(--clot-h0)}.subtitle{max-width:352px;margin:18px 0 0;font:var(--clot-secondary-text)}.phone-wrap{width:min(100%,220px);min-width:220px;max-width:220px;transform:none}.phone-wrap:before{display:none}}@media(max-width:370px){.get-app{min-width:152px;height:46px;padding:0 14px;border-radius:15px;font-size:15px;line-height:22px}h1{font-size:31px;line-height:38px}.subtitle{font-size:16px}.phone-wrap{width:206px;min-width:206px}}@media(max-width:1180px)and (min-width:901px){.hero{grid-template-columns:minmax(420px,1fr) 330px;gap:56px}h1{font:var(--clot-h0)}.subtitle{font-size:20px;line-height:28px}.phone-wrap{width:260px;min-width:260px;max-width:260px;transform:translateY(16px)}}