@font-face{font-family:Manrope;src:url('/_landing/manrope.3ae11c49db04.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--bg:#111112;--card:#1c1c1e;--control:#272729;--ink:#f3f3f4;--muted:#a0a0a7;--line:#ffffff12;--pearl:#dedee2;--ease:cubic-bezier(.22,1,.36,1);color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,.trophy-rail:focus-visible{outline:2px solid #c9d4d1;outline-offset:5px}button,.button,summary{touch-action:manipulation}button{border:0}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:550;line-height:1.12;letter-spacing:-.055em}h1{font-size:clamp(52px,6.4vw,94px);font-weight:560}h2{font-size:clamp(36px,4.3vw,61px)}h3{font-size:25px;letter-spacing:-.035em}p{color:var(--muted)}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.section{padding-block:110px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:650;color:#a6a6ad;margin-bottom:24px}.section-heading{margin-bottom:52px}.section-heading>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:490px;margin-top:25px}.center{text-align:center}.center>p{margin-inline:auto}.center .section-heading>p{margin-inline:auto}.pearl-text{background:linear-gradient(105deg,#fff 10%,#e0e0e7 37%,#aeb3bd 63%,#ece8e3 89%);background-clip:text;-webkit-background-clip:text;color:transparent}.fineprint{font-size:11px;color:#86868e;line-height:1.8}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:5px;left:15px;z-index:500;padding:12px 20px;background:var(--ink);color:var(--bg);border-radius:30px;transform:translateY(-150%)}.skip-link:focus{transform:none}.surface,.floating-card{position:relative;border:1px solid transparent;border-radius:28px;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,#ffffff2b 0%,#ffffff09 42%,#ffffff16 75%,#ffffff0d) border-box;box-shadow:inset 0 1px #ffffff03}.button,.tag,.circle{display:inline-flex;align-items:center;justify-content:center;gap:13px;flex-shrink:0;border-radius:100px;white-space:nowrap}.button{min-height:54px;padding:15px 23px;font-size:12px;font-weight:650;line-height:1.2;position:relative;overflow:hidden;transition:transform .4s var(--ease),background .3s,box-shadow .3s}.button:active{transform:scale(.96)}.button .icon{width:17px;height:17px;transition:transform .4s var(--ease)}.button:hover .icon{transform:translate(2px,-2px)}.button.primary{background:#eeeeef;color:#1a1a1c;box-shadow:inset 0 1px 0 #fff,0 4px 20px #0001}.button.primary:hover{background:#fff;box-shadow:inset 0 1px #fff,0 8px 24px #0003}.button.secondary{background:var(--control);box-shadow:inset 0 0 0 1px #ffffff0a}.button.secondary:hover{background:#303033}.button.text-button{background:transparent;color:#c8c8ce;padding-inline:10px}.button.text-button:hover{color:#fff}.button.small{min-height:40px;padding:12px 17px;font-size:11px;gap:16px}.circle{height:42px;width:42px;background:var(--card);border:1px solid var(--line);transition:transform .3s var(--ease),background .3s}.circle:active{transform:scale(.9)}.tag{gap:9px;min-height:32px;padding:7px 13px;font-size:10px;line-height:1.4;background:#ffffff08;border:1px solid var(--line);color:#bdbdc4}.tag .icon{width:13px;height:13px}.tag.active{background:#e6e6e9;color:#202023}.status-dot{width:5px;height:5px;border-radius:50%;background:#bfcec5;box-shadow:0 0 10px #d0e6d04d}.beta-tag{background:#1c1c1e9c;backdrop-filter:blur(10px);color:#c4c4cd;transition:background .3s,transform .3s var(--ease)}.beta-tag:hover{background:#2c2c2e;transform:translateY(-2px)}
/* Compact, floating navigation; its lower edge feathers into the page. */
.site-header{position:fixed;z-index:100;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:26px;height:92px;padding:20px max(48px,calc((100vw - 1180px)/2));isolation:isolate;transition:height .55s var(--ease),padding .55s var(--ease)}.site-header:before{content:'';position:absolute;inset:0 0 -22px;z-index:-1;background:linear-gradient(var(--bg) 0%,#111112f2 55%,#111112bc 78%,transparent);backdrop-filter:blur(16px);mask-image:linear-gradient(#000 60%,transparent);opacity:0;transition:opacity .4s}.site-header.scrolled{height:72px;padding-block:12px}.site-header.scrolled:before{opacity:1}.brand{display:flex;align-items:center;gap:8px;min-width:150px}.brand>span{font-size:24px;font-weight:650;letter-spacing:-1.2px}.brand-symbol{width:43px;height:34px;object-fit:contain;mix-blend-mode:screen;opacity:.94}.brand-dot{color:#a6a6af}.desktop-nav{display:flex;gap:32px;padding:8px 14px}.desktop-nav a{font-size:11px;color:#b3b3bb;transition:color .25s}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#fff}.header-actions{display:flex;gap:12px;align-items:center}.menu-toggle,.mobile-nav{display:none}
/* Native artwork and lightweight cards orbit the copy. */
.hero{position:relative;min-height:850px;height:min(940px,100svh);isolation:isolate;display:flex;justify-content:center;align-items:center;overflow:clip}.hero-space{position:absolute;inset:0;z-index:-3;overflow:hidden;mask-image:linear-gradient(#000 10%,#0008 65%,transparent)}.hero-space .space{width:100%;height:100%;object-fit:cover;opacity:.24;transform:scale(1.06) translateY(calc(var(--scroll,0px) * .12));will-change:transform}.hero:after{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 45%,#11111299 5%,#11111280 42%,var(--bg) 88%)}.hero-copy{text-align:center;z-index:3;position:relative;padding:80px 20px 40px;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero-copy h1{margin:25px 0;line-height:1.07;letter-spacing:-.067em}.hero-copy>p{font-size:16px;line-height:1.9;color:#acacb5}.hero-actions{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px}.hero-note{display:block;font-size:10px;letter-spacing:.03em;color:#72727b;margin-top:28px}.hero-scroll{position:absolute;bottom:32px;color:#686872;left:50%;transform:translateX(-50%)}.hero-scroll .icon{height:26px}.orbit{position:absolute;inset:0;z-index:-1;overflow:hidden;opacity:.22;pointer-events:none}.orbit i{position:absolute;left:50%;top:50%;width:1050px;height:450px;border:1px solid #9b9ba01c;border-radius:50%;transform:translate(-50%,-50%) rotate(-21deg)}.orbit i:nth-child(2){width:1180px;height:650px;transform:translate(-50%,-50%) rotate(24deg)}.orbit i:nth-child(3){width:1270px;height:700px;transform:translate(-50%,-50%) rotate(-43deg)}.floating-card{position:absolute;background:linear-gradient(#1c1c1ee8,#1c1c1ee8) padding-box,linear-gradient(135deg,#ffffff38,#ffffff07 45%,#ffffff1b) border-box;backdrop-filter:blur(14px);box-shadow:0 20px 70px #0004;z-index:2;--rotate:0deg;transform:translate3d(var(--float-x,0px),var(--float-y,0px),0) rotate(var(--rotate));animation:card-in 1.4s var(--ease) both;transition:box-shadow .4s}.floating-card:hover{box-shadow:0 24px 90px #0007}.float-focus{width:252px;left:max(28px,calc(50% - 640px));top:23%;--rotate:-9deg;animation-delay:.1s;padding:22px}.float-people{width:253px;right:max(24px,calc(50% - 630px));top:23%;--rotate:8deg;animation-delay:.3s;padding:21px}.float-checkin{width:259px;left:max(50px,calc(50% - 585px));top:64%;--rotate:6deg;animation-delay:.35s;padding:23px}.float-trophy{width:202px;right:max(68px,calc(50% - 575px));top:61%;--rotate:-8deg;animation-delay:.2s;padding:8px 18px 19px;background:linear-gradient(#19191b,#19191b) padding-box,linear-gradient(140deg,#ffffff33,#ffffff06 50%,#ffffff1c) border-box}.float-trophy>img{height:152px;margin:auto;object-fit:contain;filter:drop-shadow(0 10px 28px #c0c7ea15)}.float-trophy>div{text-align:center}.float-trophy b,.float-trophy small{display:block;font-size:10px}.float-trophy small{font-size:8px;color:var(--muted);margin-top:4px}.demo-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.demo-label>span{display:inline-flex;align-items:center;gap:8px}.demo-label .icon{height:15px;width:15px}.focus-time{font-size:48px;line-height:1.1;letter-spacing:-3px;margin-top:23px}.focus-time>span{font-size:12px;letter-spacing:0;color:var(--muted);margin-left:6px}.focus-track{height:4px;background:#ffffff0b;border-radius:9px;margin:16px 0 13px;overflow:hidden}.focus-track>span{display:block;height:100%;width:68%;border-radius:inherit;background:linear-gradient(90deg,#8c8c96,#e8e8f0)}.focus-mini .muted{font-size:8px}.live-dot{font-size:8px;color:#a8beb2}.live-dot:before{content:'';width:4px;height:4px;background:#a8beb2;border-radius:50%}.people-avatars{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.person{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;padding:0;min-width:45px;transition:transform .35s var(--ease)}.person:hover{transform:translateY(-4px)}.person:active{transform:scale(.92)}.avatar{display:inline-flex;border-radius:50%;width:44px;height:44px;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;color:#d8d7e1;box-shadow:inset 0 0 0 1px #ffffff15;background:linear-gradient(145deg,#4a4a51,#27272e)}.avatar.a1{background:radial-gradient(at 25% 5%,#677b73,#313f3d 70%)}.avatar.a2{background:radial-gradient(at 30% 0%,#7c6b6c,#3e343a 70%)}.avatar.a3{background:radial-gradient(at 35% 0%,#777b91,#343745 75%)}.person b{font-size:9px;font-weight:550}.person small{font-size:7px;color:#96969f;margin-top:-5px}.float-people .avatar{width:42px;height:42px}.checkin-demo{display:flex;gap:12px;text-align:left;background:none;padding:21px 0 18px;width:100%;align-items:center}.check-circle{width:30px;height:30px;border:1px solid #66666e;border-radius:50%;display:grid;place-items:center;transition:background .3s,transform .5s var(--ease)}.check-circle .icon{width:15px;opacity:0;transform:scale(.5);transition:transform .4s var(--ease),opacity .2s}.checkin-demo[aria-pressed=true] .check-circle{background:#e6e6eb;color:#171719;border-color:transparent;transform:rotate(360deg)}.checkin-demo[aria-pressed=true] .icon{opacity:1;transform:scale(1)}.checkin-demo b,.checkin-demo small{display:block;font-size:11px}.checkin-demo small{font-size:9px;color:var(--muted);margin-top:3px}.checkin-caption{font-size:8px;color:#7d7d87;border-top:1px solid var(--line);padding-top:11px}
.intro{padding-top:100px;padding-bottom:100px}.intro .section-heading{margin-bottom:28px}.intro .section-heading>p{max-width:520px}.intro-pills{display:flex;gap:12px;justify-content:center}.intro-pills .tag{padding:11px 17px;gap:10px}.intro-pills .icon{color:#d3d3db;width:15px;height:15px}.product-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;border-top:1px solid var(--line)}.product-copy>p:not(.eyebrow){font-size:16px;margin-top:25px}.feature-tabs{display:flex;flex-direction:column;gap:7px;margin:36px 0 20px}.feature-tabs>button{display:flex;gap:17px;align-items:center;padding:20px 16px;background:transparent;border-radius:19px;text-align:left;position:relative;border:1px solid transparent;transition:background .35s,border-color .35s,transform .4s var(--ease)}.feature-tabs>button[aria-selected=true]{background:var(--card);border-color:#ffffff14}.feature-tabs>button:hover{background:#1c1c1eaa}.feature-tabs>button:active{transform:scale(.98)}.feature-tabs>button>span{flex:1}.feature-tabs>button>.icon:last-child{width:14px;color:#777783}.feature-tabs b{font-size:12px;font-weight:600;display:block}.feature-tabs small{display:block;font-size:10px;color:var(--muted);margin-top:6px;line-height:1.8}.feature-tabs>button>.icon:first-child{width:20px;color:#adadb6}.product-stage{position:relative;display:flex;flex-direction:column;align-items:center}.stage-glow{position:absolute;width:110%;height:80%;background:radial-gradient(ellipse,#787d9933,transparent 68%);filter:blur(40px);top:10%;pointer-events:none}.stage-caption{font-size:8px;letter-spacing:.025em;color:#777780;margin-top:24px}.phone{width:312px;height:648px;flex-shrink:0;border-radius:45px;padding:8px;position:relative;background:#141415;box-shadow:inset 0 0 0 1px #77777d,0 0 0 3px #19191b,0 0 0 4px #55555b,0 35px 90px #0008;overflow:hidden;isolation:isolate}.phone:before{content:'';position:absolute;inset:8px;background:var(--bg);border-radius:36px;z-index:-1}.phone-island{height:24px;width:93px;background:#000;position:absolute;left:50%;transform:translateX(-50%);top:16px;border-radius:15px;z-index:4}.phone-status{padding:11px 17px 0;display:flex;justify-content:space-between;font-size:9px;position:relative;z-index:3}.phone-chrome{display:flex;justify-content:space-between;align-items:center;padding:23px 13px 0;position:relative;z-index:3}.phone-chrome .tag{font-size:9px;min-height:29px;padding:5px 15px;background:#29292b8c;backdrop-filter:blur(8px)}.mini-brand{font-size:19px;font-weight:700;font-style:italic}.mini-circle{height:29px;width:29px;background:#2c2c2e8c}.mini-circle .icon{width:15px}.phone-panel{position:absolute;left:8px;right:8px;top:0;bottom:62px;border-radius:36px 36px 0 0;overflow:hidden}.phone-panel[hidden]{display:none}.phone-scene{position:relative;height:355px;overflow:hidden;isolation:isolate;background:#151519}.phone-scene>img:first-child{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.55;z-index:-3}.phone-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,var(--bg));z-index:-1}.phone-scene-title{text-align:center;position:absolute;inset:111px 0 auto;font-size:17px;line-height:1.5;letter-spacing:-.5px;color:#bcbcc5}.phone-scene-title b{font-weight:500;color:#f3f3f4}.scene-rock{position:absolute;z-index:-2;bottom:-25px;width:92%;height:260px;object-fit:cover;opacity:.6}.scene-rock.left{left:-35%}.scene-rock.right{right:-35%}.phone-trophy{position:absolute;height:137px;width:150px;object-fit:contain;left:50%;bottom:28px;transform:translateX(-50%);filter:drop-shadow(0 15px 30px #c6c7e221)}.phone-metrics{display:flex;margin:-4px 17px 20px;justify-content:space-between;position:relative;text-align:center}.phone-metrics>div{flex:1;border-right:1px solid var(--line)}.phone-metrics>div:last-child{border:0}.phone-metrics small{font-size:6px;color:#8d8d97;letter-spacing:.1em;display:block}.phone-metrics b{font-size:20px;font-weight:550;display:block;margin-top:3px}.phone-metrics em{font-size:9px;color:#9696a0;font-style:normal}.phone-card{background:var(--card);border:1px solid var(--line);border-radius:20px;margin:12px 13px;padding:17px}.phone-card h4{font-size:24px;line-height:1.23;margin:16px 0 20px}.phone-card .demo-label{font-size:8px;justify-content:flex-start}.phone-card .button{font-size:9px;height:32px;min-height:32px;padding:9px 14px;display:flex;justify-content:space-between}.phone-card .button .icon{width:12px;height:12px}.phone-nav{position:absolute;bottom:26px;left:21px;right:21px;height:45px;border-radius:25px;display:flex;align-items:center;justify-content:space-around;background:#252527;border:1px solid #ffffff17;z-index:5}.phone-nav>.icon{width:15px;height:15px;color:#888891}.phone-nav>.icon:first-child{color:#e9e9ed}.phone-plus{display:grid;place-items:center;width:34px;height:34px;background:#e5e5e8;border-radius:50%;color:#202023}.phone-plus .icon{width:17px;height:17px}.phone-home{position:absolute;bottom:12px;width:92px;height:3px;background:#bbb;border-radius:3px;left:50%;transform:translateX(-50%)}.phone-group-header{height:300px;padding:125px 25px 30px;position:relative;isolation:isolate;text-align:center}.phone-group-header>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.7}.phone-group-header:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#11111222,var(--bg) 100%)}.phone-group-header h4{font-size:25px;line-height:1.3;margin-top:35px}.phone-group-header .tag{background:#1c1c1eaa}.phone-people{margin:10px 23px 23px}.phone-people .people-avatars{margin-top:15px}.progress-profile{padding:126px 20px 25px;text-align:center;background:radial-gradient(ellipse at 50% 30%,#5155643d,transparent 70%)}.progress-profile>.avatar{width:72px;height:72px;font-size:20px;margin-bottom:21px}.progress-profile h4{font-size:25px;margin-bottom:18px;line-height:1.25}.compact-progress{display:flex;gap:10px;align-items:center;font-size:9px}.compact-progress b{font-size:21px;margin-left:auto}.compact-progress small{font-size:8px;color:var(--muted);font-weight:400}.compact-progress>.icon{width:16px}.week-chart{height:160px;display:flex;gap:12px;align-items:stretch;margin-top:20px}.week-chart>div{display:flex;align-items:center;justify-content:end;flex-direction:column;flex:1;gap:12px}.week-chart span{height:var(--bar);width:100%;max-width:34px;border-radius:8px 8px 5px 5px;background:linear-gradient(#bfc2cc,#626773);box-shadow:inset 0 1px #ffffff66;min-height:10px;transform-origin:bottom;transition:height .6s var(--ease)}.week-chart div:nth-child(2n)>span{background:linear-gradient(#777d89,#40434b)}.week-chart small{font-size:8px;color:#8e8e98}.phone .week-chart{height:110px;gap:9px;margin-bottom:16px}
.focus-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.focus-main{padding:32px 38px;display:flex;flex-direction:column;align-items:center}.focus-main>.demo-label{width:100%}.focus-main>.demo-label .tag{font-size:8px;min-height:26px}.focus-main .segmented{margin-top:40px}.segmented{display:flex;position:relative;background:#111112aa;border:1px solid #ffffff0b;border-radius:50px;isolation:isolate;padding:5px;width:100%;max-width:370px}.segmented>button{flex:1;min-width:0;padding:11px 10px;border-radius:30px;font-size:10px;background:none;color:var(--muted);z-index:1;transition:color .3s}.segmented>button[aria-pressed=true]{color:var(--ink)}.segment-marker{position:absolute;z-index:0;left:5px;top:5px;bottom:5px;width:calc((100% - 10px)/3);border:1px solid #ffffff16;background:var(--control);border-radius:30px;transform:translateX(calc(var(--selected,0) * 100%));transition:transform .5s cubic-bezier(.25,1.3,.4,1)}.mode-copy{width:100%;min-height:284px;text-align:center;padding:25px 6px 22px}.mode-number{font-size:78px;letter-spacing:-5px;line-height:1.2;display:block;font-weight:450}.mode-number>span{font-size:16px;letter-spacing:-.5px;margin-left:6px;color:var(--muted)}.mode-number .icon{width:58px;height:58px;margin:15px}.mode-copy h3{font-size:23px;margin:15px 0}.mode-copy p{font-size:12px;line-height:1.9;max-width:300px;margin:auto}.pause-demo{width:100%;justify-content:center;margin-top:auto;gap:12px;background:#e8e8eb!important}.pause-demo>span:first-of-type,.pause-demo>.icon{z-index:2;position:relative}.pause-fill{position:absolute;inset:0;background:#c6d0cd;transform:translateX(-101%);transition:none}.pause-demo.running .pause-fill{transform:translateX(0);transition:transform 3s linear}.focus-main>.fineprint{margin-top:13px;font-size:9px;min-height:18px;text-align:center}.focus-asides{display:flex;flex-direction:column;gap:22px}.feature-small{padding:32px;flex:1}.feature-small>.icon{width:22px;height:22px;color:#c5c5cf;margin-bottom:21px}.feature-small h3{font-size:23px}.feature-small p{font-size:12px;max-width:310px;margin-top:14px;line-height:1.9}.schedule-pills{display:flex;gap:7px;margin-top:22px}.schedule-pills .tag{padding:0;width:31px;height:31px;min-height:31px;font-size:9px;flex:1;max-width:40px}.app-buckets{display:flex;gap:6px;margin-top:23px}.app-buckets>span{font-size:8px;background:#ffffff07;padding:9px 11px;border:1px solid #ffffff0a;border-radius:30px;white-space:nowrap}.together-section{background:linear-gradient(180deg,transparent,#161617 30%,#161617 65%,transparent)}.together-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.together-layout .section-heading{margin-bottom:25px}.text-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px;margin:25px 0 35px;color:#c0c0c8;font-size:11px}.text-list .icon{width:14px;height:14px;margin-right:9px;color:#838c85}.social-stack{position:relative;padding:10px 0 25px;min-height:540px;isolation:isolate}.social-stack:before{content:'';position:absolute;inset:20%;background:#7d798c23;filter:blur(90px);z-index:-1}.social-people{padding:24px 28px;width:85%;transform:rotate(-5deg);position:relative;z-index:2}.social-people .avatar{width:47px;height:47px}.social-people .person b{font-size:10px}.social-people .person small{font-size:8px}.message-card{width:90%;margin:-5px 0 0 auto;padding:22px;transform:rotate(5deg);position:relative;z-index:3}.mini-label{font-size:8px;letter-spacing:.14em;color:#8f8f9a}.message-row{display:flex;align-items:start;gap:10px;margin-top:18px}.message-row .avatar{height:27px;width:27px;font-size:7px}.message-row>div{flex:1}.message-row>div>span{display:flex;justify-content:space-between;font-size:9px;color:#b7b7c1}.message-row small{font-size:7px;color:#777780}.message-bubble{font-size:11px;line-height:1.8;background:#2b2b30;border:1px solid #ffffff15;border-radius:17px 17px 17px 5px;margin-top:7px;padding:11px 14px;color:#d4d4dc;max-width:92%;box-shadow:inset 0 1px #ffffff03}.reaction{display:flex;align-items:center;gap:6px;font-size:8px;justify-content:flex-end;margin-top:12px;color:#b8b8c2}.reaction .icon{width:12px;height:12px}.shared-card{width:80%;margin:-3px 0 0 20px;transform:rotate(-3deg);padding:22px;position:relative}.shared-card>div:first-child{font-size:9px;display:flex;align-items:center;gap:9px;color:#b8b8c2}.shared-card>div:first-child .icon{width:15px;height:15px}.shared-card>b{font-size:18px;letter-spacing:-.5px;font-weight:500;display:block;margin:18px 0 5px}.shared-card>p{font-size:10px}.shared-progress{height:4px;background:#ffffff0d;border-radius:4px;margin:18px 0 9px}.shared-progress>span{display:block;height:100%;width:67%;background:#bac6bf;border-radius:4px}.shared-card>small{font-size:7px;color:#7e7e8a}
.trophy-section{overflow:hidden}.trophy-section .section-heading{margin-bottom:40px}.trophy-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px}.trophy-toolbar>span:first-child{font-size:8px;letter-spacing:.18em;color:#787883}.trophy-toolbar .tag{min-width:61px}.trophy-rail{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:36px max(48px,calc((100vw - 1180px)/2));cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.trophy-rail::-webkit-scrollbar{display:none}.trophy-rail.dragging{scroll-snap-type:none;cursor:grabbing}.trophy-item{position:relative;flex:0 0 260px;height:330px;border-radius:25px;background:linear-gradient(150deg,#1b1b1d,#161617);border:1px solid #ffffff09;scroll-snap-align:center;padding:20px 22px 23px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:border-color .4s,background .4s,transform .5s var(--ease);user-select:none}.trophy-item:hover{border-color:#ffffff25;transform:translateY(-5px)}.trophy-item.selected{background:radial-gradient(ellipse at 50% 30%,#33333d,#1c1c20 75%);border-color:#ffffff35}.trophy-item>img{height:235px;width:210px;object-fit:contain;pointer-events:none;transition:transform .7s var(--ease);filter:drop-shadow(0 18px 22px #0005)}.trophy-item.selected>img{transform:translateY(-6px) scale(1.035)}.trophy-number{position:absolute;top:17px;left:21px;font-size:9px;color:#696976}.trophy-name{font-size:11px;color:#a9a9b4;margin-top:12px}.trophy-select{position:absolute;right:15px;top:15px;border-radius:50%;background:#e1e1e7;color:#222229;display:grid;place-items:center;width:22px;height:22px;opacity:0;transform:scale(.5);transition:opacity .3s,transform .5s var(--ease)}.trophy-select>.icon{height:12px;width:12px}.selected .trophy-select{opacity:1;transform:scale(1)}.trophy-foot{display:flex;justify-content:space-between;font-size:10px;color:#70707c;margin-top:0}.trophy-foot>span:first-child{color:#bdbdc6}.steps-section{border-top:1px solid var(--line)}.steps-section .section-heading>p{max-width:500px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin-top:70px}.step-number{width:42px;height:42px;border:1px solid #ffffff1c;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#92929d;margin-bottom:30px;background:linear-gradient(135deg,#242426,#171719)}.steps-grid h3{font-size:21px;margin-bottom:16px}.steps-grid p{font-size:12px;line-height:2}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.faq-section .section-heading{margin:0}.faq-list{width:100%;min-width:0}.faq{border-bottom:1px solid var(--line)}.faq:first-child{border-top:1px solid var(--line)}.faq summary{padding:24px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:550;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:#fff}.faq-plus{width:27px;height:27px;border-radius:50%;background:#ffffff06;display:grid;place-items:center;flex-shrink:0;transition:transform .4s var(--ease),background .3s}.faq-plus .icon{width:14px;height:14px}.faq[open] .faq-plus{transform:rotate(45deg);background:#ffffff10}.faq-answer{overflow:hidden}.faq-answer>p{font-size:12px;padding:0 40px 25px 0;line-height:2}.faq-answer a{color:#e0e0e8;text-decoration:underline;text-underline-offset:3px}.closing{text-align:center;position:relative;padding-block:170px 120px;isolation:isolate;overflow:hidden;min-height:660px}.closing-art{position:absolute;z-index:-2;width:440px;height:440px;object-fit:contain;left:50%;top:-20px;transform:translateX(-50%) rotate(-12deg);opacity:.08;filter:blur(2px)}.closing:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 35%,transparent,#111112 65%)}.closing h2{font-size:clamp(52px,6.4vw,86px);line-height:1.07;letter-spacing:-.065em}.closing>p:not(.eyebrow){font-size:12px;margin:25px 0 28px}.closing>.fineprint{display:block;margin-top:18px;font-size:9px}.footer{border-top:1px solid var(--line);padding:60px 0 25px}.footer-top{display:flex;gap:80px;justify-content:space-between}.footer-brand{font-size:42px;letter-spacing:-3px;font-weight:650;line-height:1}.footer-intro>p{font-size:11px;line-height:1.9;margin-top:20px;color:#81818c}.footer-links{display:flex;gap:72px}.footer-links>div{display:flex;flex-direction:column;gap:13px;align-items:start}.footer-links>div>span{font-size:8px;letter-spacing:.13em;color:#686874;margin-bottom:8px}.footer-links a{font-size:10px;color:#a9a9b3;transition:color .3s}.footer-links a:hover{color:#fff}.footer-links .icon{height:10px;width:10px;margin-left:4px}.footer-bottom{padding-top:65px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;color:#676773}.back-top{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transform:rotate(180deg)}.back-top .icon{height:12px;width:12px}
/* Supporting pages share the app's surfaces, spacing and compact controls. */
.page-hero{padding-top:185px;padding-bottom:85px}.page-hero h1{font-size:clamp(45px,5.4vw,76px);line-height:1.13}.page-hero>p:not(.eyebrow){font-size:15px;margin-top:27px}.jump-pills{display:flex;justify-content:center;gap:10px;margin-top:28px}.jump-pills .tag{padding:11px 20px}.jump-pills .tag:hover{background:#ffffff12}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.two-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.mode-cards>.surface{padding:30px;display:flex;flex-direction:column;align-items:start}.mode-cards>.surface>.icon{width:25px;height:25px;margin-bottom:24px;color:#b6b6c1}.mode-cards>.surface>h3{font-size:25px;margin:27px 0 15px}.mode-cards>.surface>p{font-size:12px;line-height:1.9;margin-bottom:25px}.mode-cards>.surface>small{font-size:9px;line-height:1.9;color:#7c7c88;border-top:1px solid var(--line);padding-top:18px;width:100%;margin-top:auto}.inline-note{display:flex;gap:12px;align-items:center;font-size:10px;color:#81818e;margin-top:26px}.inline-note>.icon{width:16px;height:16px}.rich-feature{padding:35px;overflow:hidden}.rich-feature>.icon{width:28px;height:28px;color:#9f9fac;margin-bottom:10px}.rich-feature h3{font-size:25px;margin:25px 0 15px}.rich-feature p{font-size:12px;line-height:1.9;max-width:400px}.rich-feature .people-demo{max-width:310px;margin:10px auto 40px}.rich-feature .person b{font-size:11px}.rich-feature .person small{font-size:9px}.rich-feature .avatar{width:59px;height:59px;font-size:14px}.mini-chat{max-width:320px;margin:auto}.mini-chat .tag{font-size:8px;display:flex;width:max-content;margin:0 auto 15px}.mini-chat .message-bubble{font-size:10px}.message-bubble.outgoing{margin:12px 0 10px auto;background:#3e3e46;max-width:83%;border-radius:17px 17px 5px 17px}.progress-feature{padding:45px 55px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.progress-feature h3{margin-bottom:20px}.progress-feature p{font-size:12px;margin-top:15px;line-height:1.9}.progress-feature .fineprint{display:block;text-align:center;font-size:8px;margin-top:17px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:5px}.plan-card{padding:31px 28px;display:flex;flex-direction:column;align-items:stretch}.plan-card.featured{background:linear-gradient(#222225,#1c1c1e) padding-box,linear-gradient(135deg,#ffffff66,#ffffff12 45%,#ffffff22) border-box}.plan-card h2{font-size:26px;letter-spacing:-1px}.plan-card .tag{font-size:8px;min-height:25px;padding:5px 10px}.plan-card>p{font-size:11px;margin-top:14px}.plan-price{font-size:31px;letter-spacing:-1.6px;margin-top:35px;line-height:1.2}.plan-detail{font-size:11px;min-height:58px;margin:12px 0 20px!important;line-height:1.9}.plan-card .button{width:100%;font-size:10px;min-height:46px;justify-content:space-between}.plan-features{list-style:none;padding:24px 0 0;margin-top:25px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:17px}.plan-features li{display:flex;align-items:center;gap:10px;font-size:10px;color:#b9b9c3;line-height:1.6}.plan-features .icon{width:13px;height:13px;color:#7d8a81}.pricing-notice{display:flex;gap:12px;justify-content:center;align-items:start;margin-top:30px}.pricing-notice p{font-size:10px;max-width:650px}.pricing-notice .icon{width:15px;height:15px;color:#82828d;margin-top:2px}.comparison-scroll{overflow-x:auto}.comparison{width:100%;border-collapse:collapse;text-align:left;min-width:620px}.comparison th,.comparison td{padding:20px 16px;border-bottom:1px solid var(--line);font-size:11px;font-weight:400}.comparison thead th{font-size:13px;font-weight:550;padding-bottom:30px}.comparison thead th>small{display:block;color:#777783;font-size:8px;margin-top:7px;font-weight:400}.comparison tbody th{color:#9696a3;width:40%}.comparison td{color:#cacad2}.comparison thead th:not(:first-child){width:20%}.about-art{height:430px;position:relative;overflow:hidden;isolation:isolate;border-radius:35px;border:1px solid var(--line);display:flex;align-items:end;justify-content:center;padding:35px;background:#151517}.about-art>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;z-index:-2}.about-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#111112cc);z-index:-1}.about-art .about-sculpture{position:absolute;left:50%;top:10px;transform:translateX(-50%) rotate(12deg);width:350px;height:350px;object-fit:contain;z-index:-1;filter:drop-shadow(0 20px 40px #c8c7f02c)}.about-art .tag{background:#1c1c1eaa;backdrop-filter:blur(10px)}.story{max-width:740px}.story h2{font-size:43px;margin-bottom:35px}.story>p:not(.eyebrow){font-size:16px;line-height:2;margin-top:24px;max-width:620px}.values{border-top:1px solid var(--line);padding-top:45px;gap:55px}.values .icon{width:26px;height:26px;color:#9d9daa;margin-bottom:24px}.values h3{font-size:25px;margin-bottom:18px}.values p{font-size:12px;line-height:1.9}.maker,.support-note{padding:45px 50px;display:flex;justify-content:space-between;align-items:center;gap:50px}.maker h2,.support-note h2{font-size:34px}.maker p:not(.eyebrow),.support-note p{font-size:12px;max-width:450px;margin-top:22px}.support-note{margin-block:70px 120px}.support-note h2{font-size:27px}.support-note p{margin-top:12px}.help-search{display:flex;align-items:center;gap:14px;max-width:490px;margin:35px auto 0;padding:14px 20px;border-radius:40px}.help-search>input{border:0;outline:none;min-width:0;flex:1;background:none;color:var(--ink);font-size:12px;height:28px}.help-search .icon{width:17px;height:17px;color:#8b8b97}.help-search kbd{font-family:inherit;color:#747480;font-size:11px;border:1px solid #ffffff12;padding:0 6px;border-radius:5px}.help-search:focus-within{border-color:#ffffff33}.help-search:focus-within>input{outline:none}.help-layout{display:grid;grid-template-columns:260px 1fr;gap:85px;margin-top:15px}.help-aside{display:flex;flex-direction:column;align-items:start;gap:15px}.help-aside .eyebrow{margin-bottom:10px;font-size:8px}.help-aside>a{font-size:11px;color:#aaaab5}.help-aside>a>.icon{width:12px;height:12px;margin-left:10px}.help-contact{margin-top:35px;padding-top:30px;border-top:1px solid var(--line);width:100%}.help-contact>.icon{width:22px;height:22px;color:#a0a0ad;margin-bottom:20px}.help-contact h3{font-size:20px}.help-contact p{font-size:11px;margin-top:12px}.help-contact a{font-size:10px;color:#d4d4df;margin-top:10px;display:inline-block;overflow-wrap:anywhere}.search-empty{font-size:13px;padding:30px 0}.faq[hidden]{display:none}.privacy-layout{display:grid;grid-template-columns:220px 1fr;gap:80px;margin-bottom:110px}.privacy-nav{display:flex;flex-direction:column;align-items:start;gap:20px;position:sticky;top:120px;align-self:start}.privacy-nav a{font-size:11px;color:#9595a3}.privacy-nav a:hover{color:#fff}.prose{max-width:680px}.document-date{font-size:10px;border-bottom:1px solid var(--line);padding-bottom:25px}.prose>section{padding:38px 0 10px}.prose h2{font-size:29px;letter-spacing:-1px;margin-bottom:20px}.prose p{font-size:13px;line-height:2;margin-top:16px}.prose a{text-decoration:underline;text-underline-offset:4px;color:#d0d0db;overflow-wrap:anywhere}.download-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-top:175px;padding-bottom:100px;min-height:800px}.download-hero h1{font-size:clamp(55px,6.3vw,85px);margin-top:25px}.download-hero p:not(.fineprint){font-size:14px;line-height:2;margin:30px 0}.download-hero .fineprint{font-size:9px;margin-top:20px}.quiet-link{display:inline-flex;align-items:center;gap:10px;color:#9393a0;font-size:10px;margin-top:30px}.quiet-link .icon{width:13px;height:13px}.download-sculpture{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px;isolation:isolate}.download-sculpture:before{content:'';position:absolute;inset:10%;background:radial-gradient(ellipse,#76789140,transparent 65%);filter:blur(40px);z-index:-1}.download-sculpture>img{width:420px;height:440px;object-fit:contain;transform:rotate(12deg);animation:sculpture-float 8s ease-in-out infinite}.download-sculpture>.tag{position:absolute;bottom:5px;left:50%;transform:translateX(-50%)}
/* Drawer previews follow the app's compact, thumb-friendly menu pattern. */
.preview-dialog{border:1px solid #ffffff2b;border-radius:30px;background:linear-gradient(140deg,#242427,#1c1c1e);color:var(--ink);width:min(420px,calc(100% - 32px));max-height:85dvh;padding:27px 26px 20px;box-shadow:0 35px 100px #0009;margin:auto auto 28px;overflow:auto}.preview-dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.preview-dialog[open]{animation:drawer-in .5s var(--ease)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.dialog-top .tag{margin-left:calc(50% - 74px);font-size:10px;min-width:96px}.dialog-top .circle{width:31px;height:31px}.dialog-top .icon{width:15px;height:15px}.dialog-person{text-align:center}.dialog-person>.avatar{width:72px;height:72px;font-size:18px;margin-bottom:16px}.dialog-person h3{font-size:26px}.dialog-person>p{font-size:11px;margin-top:7px}.dialog-stats{display:flex;margin:25px 0;gap:10px}.dialog-stats>div{background:#11111277;border:1px solid var(--line);border-radius:18px;padding:17px 5px;text-align:center;flex:1}.dialog-stats b{font-size:22px;font-weight:500;display:block}.dialog-stats small{font-size:8px;color:#9494a0}.preview-dialog>.button{width:100%;font-size:11px}.dialog-disclaimer{text-align:center;font-size:8px;color:#757580;margin-top:12px}.preview-dialog.closing{animation:drawer-out .25s ease-in both;min-height:0;text-align:initial;isolation:auto;position:fixed}.preview-dialog.closing:before{display:none}.toast{position:fixed;z-index:300;bottom:26px;left:50%;transform:translate(-50%,15px);opacity:0;padding:11px 20px;border:1px solid #ffffff26;border-radius:30px;background:#29292cef;backdrop-filter:blur(16px);font-size:11px;pointer-events:none;transition:transform .4s var(--ease),opacity .25s}.toast.show{transform:translate(-50%,0);opacity:1}
[data-reveal]{opacity:1;transform:none}.motion-ready [data-reveal]{opacity:0;transform:translateY(27px);transition:opacity .8s var(--ease),transform 1s var(--ease);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].revealed{opacity:1;transform:none}.hero-copy{animation:copy-in 1.1s var(--ease) both}.hero-copy h1{animation:copy-in 1.4s var(--ease) both}.hero-copy>p{animation:copy-in 1.6s var(--ease) both}@keyframes card-in{from{opacity:0;translate:0 45px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes copy-in{from{opacity:0;translate:0 16px;filter:blur(4px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes sculpture-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -13px;rotate:3deg}}@keyframes drawer-in{from{opacity:0;transform:translateY(70px) scale(.97)}to{opacity:1;transform:none}}@keyframes drawer-out{to{opacity:0;transform:translateY(45px) scale(.98)}}
@media(min-width:1500px){.float-focus{left:calc(50% - 660px)}.float-people{right:calc(50% - 650px)}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.site-header{padding-inline:36px}.hero{min-height:820px}.hero-copy h1{font-size:76px}.float-focus{width:215px;left:-26px;top:19%;padding:18px;--rotate:-12deg}.float-people{width:210px;right:-20px;top:20%;padding:18px;--rotate:10deg}.float-checkin{left:15px;top:68%;width:230px;--rotate:7deg}.float-trophy{right:40px;top:65%;width:175px}.float-trophy>img{height:135px}.product-section,.together-layout{gap:55px}.faq-section{gap:65px}.footer-links{gap:40px}.steps-grid{gap:40px}.focus-main{padding:28px}.feature-small{padding:28px}.app-buckets>span{padding:8px;font-size:7px}.plan-card{padding:25px 22px}.pricing-grid{gap:14px}.plan-price{font-size:28px}.plan-card h2{font-size:23px}.plan-features li{font-size:9px}.download-hero{gap:20px}.help-layout{gap:50px;grid-template-columns:220px 1fr}.privacy-layout{gap:40px;grid-template-columns:190px 1fr}.footer-links{gap:30px}}
@media(max-width:900px){.hero-copy h1{font-size:68px}.hero-copy>p{font-size:14px}.hero{min-height:850px}.float-focus{top:15%;left:7%;width:195px;transform:rotate(-9deg) scale(.9);--rotate:-9deg}.float-people{top:15%;right:6%;width:195px;transform:rotate(9deg) scale(.9);--rotate:9deg}.hero-copy{padding-top:110px}.float-checkin{left:6%;top:73%;width:225px;--rotate:5deg}.float-trophy{right:10%;top:69%;width:160px;--rotate:-6deg}.float-trophy>img{height:115px}.floating-card{pointer-events:auto}.hero-note{margin-top:20px}.desktop-nav{gap:22px}.site-header{height:82px}.section{padding-block:80px}.product-section,.together-layout{gap:35px}.product-copy h2,.together-layout h2{font-size:40px}.feature-tabs>button{padding:16px 10px;gap:10px}.feature-tabs small{font-size:9px}.product-stage{transform:scale(.9);margin-block:-25px}.focus-layout{grid-template-columns:1fr 1fr;gap:16px}.focus-main{padding:25px 23px}.focus-main .segmented{margin-top:27px}.focus-asides{gap:16px}.feature-small{padding:24px}.feature-small h3{font-size:21px}.feature-small p{font-size:11px}.feature-small .app-buckets{flex-wrap:wrap;gap:5px}.app-buckets>span{font-size:7px}.focus-main>.demo-label{flex-wrap:wrap}.focus-main>.demo-label .tag{font-size:6px}.mode-copy{min-height:277px}.mode-copy h3{font-size:21px}.mode-copy p{font-size:11px}.social-stack{min-height:500px;transform:scale(.95)}.social-people{width:92%;padding:20px}.message-card{width:95%;padding:19px}.shared-card{width:87%}.faq-section{grid-template-columns:1fr;gap:30px}.footer-top{flex-direction:column;gap:40px}.footer-links{justify-content:space-between;gap:20px}.three-grid.mode-cards{grid-template-columns:1fr}.mode-cards>.surface{display:grid;grid-template-columns:40px 120px 1fr;gap:0 10px;align-items:center;padding:28px}.mode-cards>.surface>.icon{margin:0}.mode-cards>.surface>.tag{width:max-content}.mode-cards>.surface>h3{margin:0;font-size:24px}.mode-cards>.surface>p{grid-column:2/4;margin:18px 0 20px}.mode-cards>.surface>small{grid-column:2/4}.progress-feature{padding:35px;gap:45px}.pricing-grid{grid-template-columns:1fr;gap:20px;max-width:590px}.plan-card{padding:32px}.plan-card h2{font-size:29px}.plan-price{font-size:35px;margin-top:22px}.plan-detail{min-height:0;margin-bottom:25px!important}.plan-features{display:grid;grid-template-columns:1fr 1fr;gap:20px}.plan-features li{font-size:10px}.page-hero{padding-top:150px;padding-bottom:65px}.about-art{height:370px}.story h2{font-size:39px}.values{gap:30px}.values h3{font-size:22px}.maker{padding:35px;gap:35px}.maker h2{font-size:30px}.maker .button{font-size:10px}.help-layout{grid-template-columns:180px 1fr;gap:30px}.help-contact a{font-size:9px}.help-aside>a{font-size:10px}.privacy-layout{grid-template-columns:150px 1fr;gap:30px}.privacy-nav a{font-size:10px}.download-hero{padding-top:150px;min-height:710px}.download-hero h1{font-size:61px}.download-sculpture>img{height:350px}.download-sculpture{min-height:420px}.support-note{padding:32px}.support-note h2{font-size:23px}.support-note .button{font-size:10px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.site-header{padding:16px 20px;height:77px;gap:15px}.site-header.scrolled{padding-block:10px;height:65px}.brand{min-width:0;gap:4px}.brand>span{font-size:21px}.brand-symbol{width:35px;height:28px}.desktop-nav{display:none}.header-actions{gap:9px}.header-actions>.button{min-height:35px;font-size:9px;padding:10px 14px;gap:10px}.header-actions>.button .icon{height:13px;width:13px}.menu-toggle{display:flex;width:35px;height:35px;background:#242426a6;backdrop-filter:blur(15px)}.menu-toggle .icon{width:17px;height:17px;transition:transform .4s var(--ease)}.menu-toggle[aria-expanded=true] .icon{transform:rotate(90deg)}.mobile-nav{display:flex;position:absolute;top:calc(100% + 5px);right:20px;left:20px;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.mobile-nav>a{opacity:0;transform:translateY(-18px) scale(.9);transition:transform .4s var(--ease),opacity .2s;padding:11px 27px;background:#272729f5;backdrop-filter:blur(18px);border:1px solid #ffffff23;border-radius:40px;font-size:12px;box-shadow:0 7px 25px #0004}.mobile-nav>a .icon{width:14px;height:14px;margin-left:12px}.mobile-nav.open{pointer-events:auto}.mobile-nav.open>a{opacity:1;transform:none;transition-delay:calc(var(--nav-index,0)*35ms)}.hero{min-height:880px;height:100svh;max-height:980px;overflow:hidden;align-items:center}.hero-copy{padding:0 16px;margin-top:12px;width:100%}.hero-copy h1{font-size:clamp(50px,13.2vw,76px);letter-spacing:-.065em;margin:22px 0}.hero-copy>p{font-size:12px;line-height:1.9}.hero-copy .beta-tag{font-size:8px;min-height:28px;padding:7px 11px}.hero-copy .beta-tag>.icon{width:11px;height:11px}.hero-copy .hero-actions{gap:11px;margin-top:25px}.hero-actions>.button{font-size:10px;min-height:47px;padding:14px 18px;gap:13px}.hero-actions>.button .icon{height:14px;width:14px}.hero-actions>.text-button{padding-inline:7px}.hero-note{font-size:8px;margin-top:21px}.hero-space .space{object-position:center;opacity:.3}.float-focus{width:184px;left:-13px;top:111px;--rotate:-10deg;padding:17px;scale:.87;transform-origin:left top}.float-people{width:185px;right:-9px;top:119px;--rotate:9deg;padding:16px;scale:.87;transform-origin:right top}.float-focus .focus-time{font-size:36px;margin-top:16px}.float-focus .demo-label{font-size:8px}.float-focus .demo-label .icon{height:12px;width:12px}.float-focus .focus-track{margin-block:13px 10px}.float-focus .muted{font-size:6px;gap:5px}.float-people .demo-label{font-size:8px}.float-people .people-avatars{gap:8px;margin-top:18px}.float-people .avatar{width:34px;height:34px;font-size:8px}.float-people .person{min-width:34px;gap:7px}.float-people .person b{font-size:8px}.float-people .person small{font-size:6px}.float-people .live-dot{font-size:6px;gap:4px}.float-checkin{width:210px;left:-12px;top:auto;bottom:72px;--rotate:7deg;padding:18px;scale:.9;transform-origin:left bottom}.float-checkin .demo-label{font-size:8px}.float-checkin .checkin-demo b{font-size:10px}.float-checkin .checkin-demo small{font-size:8px}.float-trophy{width:155px;right:5px;top:auto;bottom:61px;--rotate:-8deg;padding:4px 14px 15px;scale:.9;transform-origin:right bottom}.float-trophy>img{height:116px}.float-trophy b{font-size:8px}.float-trophy small{font-size:7px}.hero-scroll{bottom:20px}.hero-scroll .icon{width:17px;height:17px}.hero .orbit{opacity:.4}.intro{padding-block:65px}.intro h2{font-size:34px}.section-heading .eyebrow,.eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:20px}.section-heading{margin-bottom:35px}.section-heading>p:not(.eyebrow){font-size:12px;line-height:2;margin-top:20px;max-width:340px}h2{font-size:37px}.intro-pills{gap:5px}.intro-pills .tag{font-size:7px;padding:9px 10px;gap:7px}.intro-pills .icon{width:12px;height:12px}.section{padding-block:65px}.product-section{display:flex;flex-direction:column;align-items:stretch;gap:35px}.product-copy h2{font-size:39px}.product-copy>p:not(.eyebrow){font-size:12px;margin-top:18px}.feature-tabs{gap:5px;margin-top:25px}.feature-tabs>button{padding:17px 16px;gap:14px}.feature-tabs b{font-size:11px}.feature-tabs small{font-size:9px;margin-top:5px}.feature-tabs>button>.icon:first-child{width:19px;height:19px}.product-copy>.button{font-size:10px;margin-left:5px}.product-stage{transform:none;margin:10px 0 0}.phone{width:296px;height:616px;border-radius:43px}.phone-panel{bottom:58px}.phone-scene{height:332px}.phone-card{padding:15px}.phone-card h4{font-size:22px;margin:14px 0 15px}.phone-scene-title{font-size:16px}.phone-card .button{min-height:30px;height:30px}.phone-metrics{margin-bottom:15px}.phone .week-chart{height:100px}.phone-group-header{height:288px}.phone-group-header h4{font-size:23px}.progress-profile{padding-top:120px;padding-bottom:20px}.progress-profile h4{font-size:23px}.stage-caption{font-size:7px}.focus-layout{display:flex;flex-direction:column;gap:15px}.focus-main{padding:25px 26px 22px;border-radius:24px;min-height:475px}.focus-main>.demo-label{font-size:10px;flex-wrap:nowrap}.focus-main>.demo-label .tag{font-size:7px}.focus-main .segmented{margin-top:30px}.segmented>button{font-size:10px;padding-block:10px}.mode-copy{min-height:255px;padding:19px 0 23px}.mode-number{font-size:69px}.mode-copy h3{font-size:22px;margin:12px 0}.mode-copy p{font-size:11px;max-width:265px}.pause-demo{font-size:11px;min-height:49px}.focus-main>.fineprint{font-size:8px}.focus-asides{gap:15px}.feature-small{padding:26px;border-radius:24px}.feature-small>.icon{margin-bottom:17px}.feature-small h3{font-size:24px}.feature-small p{font-size:12px;max-width:100%;margin-top:12px}.schedule-pills{max-width:320px}.schedule-pills .tag{height:33px;min-height:33px;font-size:9px}.app-buckets>span{font-size:8px;padding:9px 12px}.together-layout{display:flex;flex-direction:column;gap:40px;align-items:stretch}.together-layout h2{font-size:39px}.text-list{font-size:10px}.together-layout .button{font-size:10px}.social-stack{transform:none;min-height:470px;padding-bottom:0;max-width:380px;width:100%;margin:0 auto}.social-people{width:87%;padding:21px 23px}.message-card{width:90%;padding:19px}.shared-card{width:82%;padding:20px}.social-stack .person b{font-size:9px}.social-stack .person small{font-size:7px}.social-stack .avatar{width:40px;height:40px;font-size:9px}.message-row .avatar{width:25px;height:25px;font-size:7px}.message-bubble{font-size:10px}.trophy-toolbar>span:first-child{font-size:7px}.trophy-rail{padding:27px 20px;gap:12px}.trophy-item{flex-basis:220px;height:290px;border-radius:24px}.trophy-item>img{height:205px;width:180px}.trophy-name{font-size:10px}.trophy-foot{font-size:8px;gap:10px}.trophy-foot>span:last-child{font-size:7px}.steps-grid{display:flex;flex-direction:column;gap:32px;margin-top:40px}.steps-grid>article{padding-left:64px;position:relative}.step-number{position:absolute;left:0;top:0;width:38px;height:38px;font-size:9px}.steps-grid h3{font-size:23px;margin-bottom:12px}.steps-grid p{font-size:11px;line-height:2}.faq-section{gap:8px}.faq summary{font-size:11px;padding:21px 0;gap:15px}.faq-answer>p{font-size:11px;padding-right:14px;padding-bottom:22px;line-height:1.95}.faq-plus{width:25px;height:25px}.closing{padding-block:120px 80px;min-height:560px}.closing h2{font-size:59px}.closing>p:not(.eyebrow){font-size:11px;line-height:1.9;max-width:260px;margin:25px auto}.closing .button{font-size:11px}.closing-art{width:330px;height:330px;top:-5px}.footer{padding-top:40px}.footer-top{gap:35px}.footer-brand{font-size:35px}.footer-intro>p{font-size:10px;margin-top:15px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:35px 15px}.footer-links>div{gap:11px}.footer-links>div:last-child{grid-column:1/-1}.footer-links>div>span{font-size:7px}.footer-links a{font-size:10px}.footer-bottom{padding-top:40px;font-size:7px;flex-wrap:wrap;gap:12px}.footer-bottom>span:nth-child(2){order:3;width:100%}.page-hero{padding-top:136px;padding-bottom:55px}.page-hero h1{font-size:clamp(40px,10.3vw,63px);letter-spacing:-.065em}.page-hero>p:not(.eyebrow){font-size:12px;margin-top:22px;line-height:1.9}.jump-pills{gap:8px}.jump-pills .tag{font-size:9px;padding:10px 15px}.jump-pills .tag .icon{width:12px;height:12px}.mode-cards>.surface{display:flex;padding:27px;border-radius:24px}.mode-cards>.surface>.icon{margin-bottom:20px}.mode-cards>.surface>h3{margin:25px 0 15px}.mode-cards>.surface>p{font-size:12px;margin:0 0 22px}.mode-cards>.surface>small{font-size:9px}.inline-note{font-size:9px;align-items:start;line-height:1.9}.inline-note .icon{margin-top:3px}.two-grid{display:flex;flex-direction:column;gap:15px}.rich-feature{padding:27px;border-radius:24px}.rich-feature h3{font-size:25px}.rich-feature p{font-size:11px}.rich-feature .people-demo{margin-block:10px 32px}.rich-feature .avatar{width:48px;height:48px;font-size:12px}.rich-feature .person b{font-size:10px}.rich-feature .person small{font-size:8px}.progress-feature{display:flex;flex-direction:column;padding:28px;gap:35px}.progress-feature>div{width:100%}.progress-feature p{font-size:11px}.progress-feature h3{font-size:25px}.plan-card{padding:27px;border-radius:25px}.plan-card h2{font-size:27px}.plan-price{font-size:32px}.plan-features{display:flex;gap:16px}.plan-features li{font-size:10px}.pricing-notice{margin-top:25px;gap:10px}.pricing-notice p{font-size:9px;line-height:1.9}.comparison th,.comparison td{font-size:10px;padding:18px 12px}.about-art{height:330px;border-radius:26px;padding:24px}.about-art .about-sculpture{width:280px;height:280px;top:0}.story h2{font-size:33px}.story>p:not(.eyebrow){font-size:13px;line-height:2}.three-grid.values{grid-template-columns:1fr;gap:37px}.values h3{font-size:25px;margin-bottom:13px}.values p{font-size:11px}.values .icon{margin-bottom:19px}.maker{flex-direction:column;align-items:start;padding:29px;border-radius:25px;gap:25px}.maker h2{font-size:32px}.maker p:not(.eyebrow){font-size:11px}.maker .button{font-size:10px;min-height:46px}.help-search{padding:10px 17px;margin-top:25px}.help-search>input{font-size:11px}.help-search kbd{display:none}.help-layout{display:flex;flex-direction:column;gap:30px;margin-top:0}.help-aside{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px}.help-aside>.eyebrow{grid-column:1/-1;margin:0}.help-aside>a{font-size:9px}.help-aside>a>.icon{width:10px;height:10px}.help-contact{display:none}.support-note{padding:28px;flex-direction:column;align-items:start;gap:25px;border-radius:25px;margin-block:55px 70px}.support-note h2{font-size:26px;line-height:1.2}.support-note p{font-size:11px}.support-note .button{min-height:46px;font-size:10px}.privacy-layout{display:flex;flex-direction:column;gap:25px;margin-bottom:70px}.privacy-nav{position:static;flex-direction:row;overflow-x:auto;gap:8px;scrollbar-width:none;padding-bottom:8px}.privacy-nav a{white-space:nowrap;background:var(--card);padding:7px 12px;border:1px solid var(--line);border-radius:30px;font-size:9px}.document-date{font-size:9px}.prose h2{font-size:26px}.prose p{font-size:12px;line-height:1.95}.prose>section{padding-top:30px}.download-hero{display:flex;flex-direction:column;gap:25px;align-items:stretch;padding-top:130px;padding-bottom:55px;text-align:center;min-height:0}.download-hero .beta-tag{font-size:7px;gap:7px;padding:7px 10px}.download-hero .beta-tag .icon{width:12px;height:12px}.download-hero h1{font-size:58px;margin-top:25px}.download-hero p:not(.fineprint){font-size:12px;margin:24px 0}.download-hero .button{font-size:11px}.download-hero .fineprint{font-size:8px;line-height:2}.quiet-link{font-size:8px;margin-top:23px}.download-sculpture{min-height:350px;max-width:350px;margin:auto}.download-sculpture>img{height:320px;width:320px}.download-sculpture>.tag{font-size:8px;bottom:-2px}.preview-dialog{margin-bottom:16px;padding:24px 22px 19px}.toast{max-width:calc(100% - 40px);width:max-content;font-size:10px;text-align:center}}
@media(max-width:360px){.hero-copy h1{font-size:47px}.hero-copy .hero-actions{gap:5px}.hero-actions>.button{font-size:9px;padding-inline:15px}.float-focus{scale:.77;left:-15px}.float-people{scale:.77;right:-14px}.float-checkin{scale:.78;left:-9px}.float-trophy{scale:.81;right:0}.intro-pills .tag{font-size:6px;padding-inline:8px}.app-buckets>span{font-size:7px;padding:8px 9px}.focus-main{padding-inline:20px}.hero-copy .beta-tag{font-size:7px}.phone{scale:.92;margin-block:-20px}.preview-dialog .dialog-top .tag{margin-left:calc(50% - 68px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready [data-reveal]{opacity:1;transform:none}.hero-space .space{transform:none}.floating-card{transform:rotate(var(--rotate))}.download-sculpture>img{animation:none}}
.privacy-nav{width:100%;min-width:0}.prose{min-width:0}
/* Keep each illustrative screen's content above the bottom navigation. */
.phone-scene{height:335px}.phone-metrics{margin-bottom:14px}.phone-card h4{font-size:22px;margin:12px 0 15px}.progress-profile{padding:100px 20px 18px}.progress-profile>.avatar{width:56px;height:56px;font-size:16px;margin-bottom:16px}.progress-profile h4{font-size:22px;margin-bottom:14px}.progress-profile>.tag{min-height:28px}.phone #panel-progress .phone-card{padding:15px}.phone #panel-progress .week-chart{height:80px;margin-top:12px;margin-bottom:12px}.phone #panel-progress .compact-progress{padding:12px 15px;line-height:1.2}.phone-group-header{height:280px}.phone-people{margin-bottom:15px}
@media(max-width:650px){.phone-scene{height:318px}.phone-card h4{font-size:21px;margin:11px 0 13px}.progress-profile{padding-top:99px;padding-bottom:16px}.progress-profile h4{font-size:21px}.phone-group-header{height:270px}.phone #panel-progress .week-chart{height:75px}}

/* Product imagery is captured from the native source renderer, build 49. */
[hidden]{display:none!important}
.native-float{position:absolute;z-index:2;width:210px;--rotate:0deg;transform:translate3d(var(--float-x,0px),var(--float-y,0px),0) rotate(var(--rotate));animation:card-in 1.4s var(--ease) both;transition:translate .6s var(--ease);filter:drop-shadow(0 26px 28px #0008)}
.native-float-home{left:max(35px,calc(50% - 615px));top:19%;--rotate:-11deg;animation-delay:.1s}
.native-float-focus{right:max(40px,calc(50% - 615px));top:24%;--rotate:10deg;animation-delay:.25s}
.native-float-screen{width:100%;height:auto;border-radius:27px;border:1px solid #ffffff1c}
.native-float>span{display:block;font-size:6px;letter-spacing:.13em;text-align:center;color:#70707c;margin-top:17px}
.real-app-viewport{width:328px;aspect-ratio:402/874;position:relative;isolation:isolate}
.real-app-panel,.real-app-viewport>[data-focus-screen]{position:absolute;inset:0}
.app-screen{display:block;width:100%;height:auto;aspect-ratio:402/874;object-fit:contain;border-radius:calc(var(--screen-width,328px)*.125);box-shadow:0 0 0 1px #ffffff25,0 30px 70px #0006;background:var(--bg)}
.real-stage{transform:none;margin:0}.real-stage .stage-glow{opacity:.55}
.real-product .feature-tabs>button{padding-left:0;padding-right:0;background:none;border:none;border-radius:0;border-bottom:1px solid #ffffff0b;position:relative;isolation:isolate;padding-block:24px}
.real-product .feature-tabs>button:before{content:'';position:absolute;inset:0 auto 0 -17px;width:2px;background:#dfdfe7;transform:scaleY(.25);opacity:0;transition:transform .5s var(--ease),opacity .3s}
.real-product .feature-tabs>button[aria-selected=true]:before{transform:scaleY(.55);opacity:1}
.real-product .feature-tabs>button>span{color:#898995;transition:color .3s}
.real-product .feature-tabs>button[aria-selected=true]>span{color:var(--ink)}
.real-product .feature-tabs>button[aria-selected=true]>.icon{color:#e8e8ef}
.real-product .feature-tabs>button:hover{background:none}.real-product .feature-tabs small{font-size:10px}
.real-product .feature-tabs{margin-bottom:15px}.real-product .button{margin-left:-10px}
.focus-editorial{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;border-top:1px solid var(--line)}
.focus-editorial .section-heading{margin-bottom:35px}.focus-editorial .section-heading>p{max-width:400px}
.focus-mode-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px}
.focus-mode-tabs>button{background:transparent;border:1px solid transparent;color:#898996;font-size:11px;padding:10px 19px;border-radius:30px;transition:color .35s,background .35s,border-color .35s,transform .4s var(--ease)}
.focus-mode-tabs>button[aria-pressed=true]{color:#f1f1f5;background:#262629;border-color:#ffffff1a}.focus-mode-tabs>button:active{transform:scale(.94)}.focus-tab-line{display:none}
.focus-editorial .mode-copy{text-align:left;min-height:198px;padding:28px 0 20px}
.focus-editorial .mode-kicker{font-size:8px;letter-spacing:.12em;color:#73737f;margin:0 0 17px;max-width:none}
.focus-editorial .mode-copy h3{font-size:26px;margin:0 0 15px}.focus-editorial .mode-copy p:not(.mode-kicker){font-size:12px;line-height:1.95;margin:0;max-width:350px}
.focus-footnote{display:flex;align-items:center;gap:9px;font-size:9px;color:#777782;padding-top:15px;margin-bottom:18px}
.focus-footnote>.icon{width:14px;height:14px}.focus-editorial-copy>.button{margin-left:-10px;font-size:11px}
.focus-real-stage{display:flex;flex-direction:column;align-items:center;position:relative}
.focus-real-stage:before{content:'';position:absolute;inset:10% 0;background:radial-gradient(ellipse,#65677420,transparent 70%);filter:blur(40px);z-index:-1}
.focus-details{padding:0 0 95px}.editorial-modes{gap:55px}.editorial-modes>article{border-top:1px solid #ffffff18;padding-top:27px}
.mode-index{font-size:9px;color:#747480;display:block;margin-bottom:22px}.editorial-modes h3{font-size:24px;margin-bottom:15px}.editorial-modes p{font-size:12px;line-height:1.95}.editorial-modes small{display:block;font-size:9px;color:#777784;margin-top:20px;line-height:1.8}
.editorial-social{gap:70px}.editorial-social .button{margin-left:-10px}.real-social-pair{position:relative;min-height:620px;isolation:isolate}
.real-social-pair:before{content:'';position:absolute;inset:15% 5%;background:radial-gradient(ellipse,#7b7b8d1f,transparent 65%);filter:blur(30px);z-index:-1}
.real-social-pair>.app-screen{position:absolute;width:228px;border-radius:29px;box-shadow:0 0 0 1px #ffffff1f,0 30px 65px #0006;--screen-width:228px}
.real-social-pair>.social-group-screen{left:10px;top:5px;transform:rotate(-8deg)}
.real-social-pair>.social-chat-screen{right:0;top:97px;transform:rotate(7deg)}
.real-social-pair>.stage-caption{position:absolute;bottom:0;left:0;right:0;text-align:center}
.editorial-details{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:20px}.editorial-details>article{border-top:1px solid var(--line);padding-top:30px}.editorial-details .icon{width:23px;height:23px;color:#a2a2af;margin-bottom:25px}.editorial-details h3{font-size:28px;margin-bottom:17px}.editorial-details p{font-size:12px;line-height:1.95;max-width:420px}
.real-progress{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px;border-top:1px solid var(--line)}
.real-progress>.section-heading{margin-bottom:30px}.real-progress>div>p{font-size:12px;line-height:1.95;max-width:350px}.real-progress>div:last-child{display:flex;flex-direction:column;align-items:center}.real-progress .app-screen{width:328px}
/* The collection is an open sculpture field, curved by the marquee controller. */
.open-collection{padding-top:95px;padding-bottom:90px;position:relative;isolation:isolate}
.open-collection:before{content:'';position:absolute;inset:20% 0 0;z-index:-1;background:radial-gradient(ellipse at 50% 70%,#47485418,transparent 63%);pointer-events:none}
.open-collection .section-heading{margin-bottom:23px}.open-collection .section-heading>p{max-width:430px}
.collection-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff0b;padding-top:21px}
.collection-controls>span{font-size:7px;letter-spacing:.16em;color:#6f6f7a}.arc-pause{width:31px;height:31px;background:transparent;border-color:#ffffff12}.arc-pause .icon{width:13px;height:13px;color:#91919f}
.trophy-arc{width:100%;position:relative;height:430px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);touch-action:pan-y;cursor:grab;outline-offset:-16px}
.trophy-arc.dragging{cursor:grabbing}.arc-track{display:flex;gap:30px;overflow-x:auto;height:100%;align-items:start;padding:50px 30px}
.arc-trophy{width:180px;height:260px;flex-shrink:0;background:none;border:0;padding:0;user-select:none;-webkit-user-select:none;position:relative;display:flex;align-items:center;justify-content:center;cursor:inherit;border-radius:0}
.arc-trophy>img{height:100%;width:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 25px 26px #0008);transition:filter .5s,scale .5s var(--ease)}
.arc-trophy:hover>img,.arc-trophy:focus-visible>img{scale:1.07;filter:drop-shadow(0 25px 26px #0008) drop-shadow(0 0 25px #cacbe51c)}
.arc-ready .arc-track{position:absolute;inset:0;display:block;overflow:visible;padding:0}
.arc-ready .arc-trophy{position:absolute;left:50%;top:43px;margin-left:-90px;will-change:transform;transform-origin:50% 90%}
.arc-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#72727f;margin-top:0}
.arc-caption>span:first-child{color:#b4b4c1;font-size:10px}.arc-caption>span:last-child{font-size:8px}
@media(max-width:1150px){.native-float{width:185px}.native-float-home{left:10px;top:23%}.native-float-focus{right:14px;top:26%}.real-app-viewport{width:310px}.real-social-pair>.app-screen{width:205px;border-radius:26px}.real-social-pair{min-height:565px}.editorial-social{gap:50px}.real-progress{gap:60px}.real-progress .app-screen{width:310px}.focus-editorial{gap:60px}}
@media(max-width:900px){.native-float{width:160px}.native-float-home{left:-46px;top:28%}.native-float-focus{right:-40px;top:29%}.native-float>span{display:none}.hero-copy h1{font-size:66px}.hero-copy{padding-top:30px}.real-app-viewport{width:290px}.real-product{gap:45px}.real-product .feature-tabs small{font-size:9px}.focus-editorial{gap:38px}.focus-mode-tabs{gap:3px}.focus-mode-tabs>button{font-size:10px;padding:9px 13px}.focus-editorial .mode-copy h3{font-size:23px}.focus-editorial .mode-copy p:not(.mode-kicker){font-size:11px}.real-social-pair>.app-screen{width:175px;border-radius:23px}.real-social-pair{min-height:495px}.real-social-pair>.social-group-screen{left:-5px}.real-social-pair>.social-chat-screen{right:-8px;top:93px}.editorial-social{gap:35px}.editorial-modes{gap:30px}.editorial-modes h3{font-size:22px}.editorial-modes p{font-size:11px}.editorial-details{gap:50px}.real-progress{gap:45px}.real-progress .app-screen{width:290px}.arc-trophy{width:165px;height:235px}.arc-ready .arc-trophy{margin-left:-82.5px}.trophy-arc{height:390px}}
@media(max-width:650px){.hero{min-height:1100px;max-height:none;height:1100px;align-items:start}.hero-copy{padding:0 20px;margin-top:150px}.hero-copy h1{font-size:clamp(49px,13.2vw,76px)}.hero-copy .hero-note{margin-top:20px}.native-float{width:173px;top:610px}.native-float-home{left:calc(50% - 178px);--rotate:-9deg}.native-float-focus{right:calc(50% - 178px);top:640px;--rotate:8deg}.native-float-screen{border-radius:23px}.native-float>span{display:block;font-size:5px;margin-top:12px}.hero-scroll{bottom:20px}.hero .orbit{opacity:.2}.real-product{gap:35px}.real-product .feature-tabs{margin-top:25px;padding-left:12px}.real-product .feature-tabs>button{padding-block:20px;gap:12px}.real-product .feature-tabs>button:before{left:-12px;width:1px}.real-product .feature-tabs b{font-size:11px}.real-product .feature-tabs small{font-size:9px}.real-app-viewport{width:302px}.real-stage .stage-caption{font-size:7px;margin-top:20px}.real-stage{margin-top:5px}.focus-editorial{display:flex;flex-direction:column;gap:28px;align-items:stretch}.focus-editorial .section-heading{margin-bottom:27px}.focus-mode-tabs{gap:6px;justify-content:space-between;padding-bottom:17px}.focus-mode-tabs>button{font-size:10px;padding:9px 18px;flex:1}.focus-editorial .mode-copy{text-align:left;min-height:174px;padding-top:24px;padding-bottom:15px}.focus-editorial .mode-kicker{font-size:7px;margin-bottom:14px}.focus-editorial .mode-copy h3{font-size:25px}.focus-editorial .mode-copy p:not(.mode-kicker){font-size:11px;max-width:320px}.focus-footnote{font-size:8px;padding-top:0;margin-bottom:11px}.focus-editorial-copy>.button{font-size:10px}.focus-real-stage{margin-top:15px}.focus-real-stage .stage-caption{font-size:7px}.editorial-modes{grid-template-columns:1fr;gap:28px}.editorial-modes>article{padding-top:20px}.editorial-modes .mode-index{font-size:8px;margin-bottom:18px}.editorial-modes h3{font-size:24px}.editorial-modes p{font-size:11px}.editorial-modes small{font-size:8px;margin-top:13px}.focus-details{padding-bottom:55px}.editorial-social{gap:35px}.real-social-pair{width:min(350px,100%);min-height:535px;margin:15px auto 0}.real-social-pair>.app-screen{width:191px;border-radius:25px}.real-social-pair>.social-group-screen{left:-2px;top:0;transform:rotate(-7deg)}.real-social-pair>.social-chat-screen{right:-2px;top:93px;transform:rotate(7deg)}.real-social-pair>.stage-caption{font-size:6px;bottom:0}.editorial-details{display:flex;flex-direction:column;gap:37px;padding-top:10px}.editorial-details>article{padding-top:24px}.editorial-details .icon{width:22px;height:22px;margin-bottom:20px}.editorial-details h3{font-size:25px}.editorial-details p{font-size:11px}.real-progress{display:flex;flex-direction:column;gap:35px;align-items:stretch}.real-progress .section-heading{margin-bottom:20px}.real-progress>div>p{font-size:11px}.real-progress .app-screen{width:302px}.real-progress .stage-caption{font-size:7px}.open-collection{padding-block:70px 65px}.open-collection h2{font-size:37px}.open-collection .section-heading>p{font-size:11px}.collection-controls{padding-top:16px}.collection-controls>span{font-size:6px;letter-spacing:.09em}.arc-pause{width:29px;height:29px}.trophy-arc{height:304px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.arc-trophy{width:125px;height:190px}.arc-ready .arc-trophy{top:30px;margin-left:-62.5px}.arc-caption{font-size:7px;gap:15px}.arc-caption>span:first-child{font-size:9px;max-width:190px}.arc-caption>span:last-child{font-size:6px;text-align:right}}
@media(max-width:360px){.native-float{width:150px}.native-float-home{left:calc(50% - 151px)}.native-float-focus{right:calc(50% - 151px)}.hero-copy h1{font-size:47px}.hero{min-height:1050px;height:1050px}.native-float{top:610px}.native-float-focus{top:640px}.real-app-viewport,.real-progress .app-screen{width:275px}.real-social-pair{min-height:470px}.real-social-pair>.app-screen{width:164px;border-radius:21px}.real-social-pair>.social-group-screen{left:-3px}.real-social-pair>.social-chat-screen{right:-3px;top:80px}.focus-mode-tabs>button{font-size:9px;padding-inline:12px}.open-collection h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.native-float{animation:none;transform:rotate(var(--rotate))}.arc-ready .arc-trophy{will-change:auto}.arc-trophy:hover>img,.arc-trophy:focus-visible>img{scale:1}.hero-copy{animation:none}}
.together-section{overflow:clip}
@media(max-width:650px){.intro h2{font-size:30px}}
.trophy-arc:focus-visible{outline:2px solid #c9d4d1;outline-offset:-14px}
@media(max-width:360px){.intro h2{font-size:26px}}
/* Larger, inset previews settle into their final pose with the first scroll. */
.hero{min-height:940px}
.native-float{width:min(clamp(230px,20vw,270px),calc((100svh - 170px)/2.25));animation:none;transition:none;transform:translate3d(var(--float-x,0px),calc(var(--float-y,0px) + var(--preview-enter-y,0px)),0) rotate(calc(var(--rotate) + var(--preview-enter-turn,0deg))) scale(var(--preview-enter-scale,1));opacity:var(--preview-enter-opacity,1);will-change:transform}
.native-float-home{left:clamp(38px,5vw,90px);top:17%;--rotate:-6deg;transform:translate3d(var(--float-x,0px),calc(var(--float-y,0px) + var(--preview-enter-y,0px)),0) rotate(calc(var(--rotate) - var(--preview-enter-turn,0deg))) scale(var(--preview-enter-scale,1))}
.native-float-focus{right:clamp(38px,5vw,90px);top:21%;--rotate:6deg}
.native-float-screen{border-radius:13% / 6%}
@media(max-width:1150px) and (min-width:1041px){.native-float{width:230px}.native-float-home{left:38px}.native-float-focus{right:38px}}
@media(max-width:1040px) and (min-width:651px){.hero{height:1280px;min-height:1280px;max-height:none;align-items:start}.hero-copy{margin-top:130px;padding:0 24px}.native-float{width:260px}.native-float-home{left:calc(50% - 325px);top:610px;--rotate:-4deg}.native-float-focus{right:calc(50% - 325px);top:650px;--rotate:4deg}.native-float>span{display:block}}
@media(max-width:650px){.hero{height:1180px;min-height:1180px}.native-float{width:clamp(170px,48vw,240px)}.native-float-home{left:calc(50% - min(45vw,275px));top:620px;--rotate:-3deg}.native-float-focus{right:calc(50% - min(45vw,275px));top:655px;--rotate:3deg}}
@media(max-width:360px){.hero{height:1140px;min-height:1140px}.native-float-home{top:610px}.native-float-focus{top:645px}}
@media(prefers-reduced-motion:reduce){.native-float{transform:rotate(var(--rotate));opacity:1;will-change:auto}.native-float-home{transform:rotate(var(--rotate))}}
@media(min-width:1041px){.native-float-home{top:clamp(96px,calc((100svh - 610px)/2),190px)}.native-float-focus{top:clamp(106px,calc((100svh - 580px)/2),210px)}}
@media(max-width:1040px) and (min-width:651px){.hero{height:1360px;min-height:1360px}}
.native-float-screen{aspect-ratio:402/874}