:root{--bg:#fff;--tint:#f5f5f7;--ink:#1d1d1f;--soft:#6e6e73;--quiet:#a1a1a6;--line:#0000001a;--blue:#0071e3;--coral:#ee5d55;--coral-ink:#d9443d;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font:17px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}h1,h2,h3,h4,p,ul,dl,dd,figure{margin:0}ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit}h1,h2,h3{text-wrap:balance;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif}h1{letter-spacing:-.045em;font-size:clamp(2.7rem,7.2vw,5.75rem);font-weight:700;line-height:1}h2{letter-spacing:-.04em;font-size:clamp(2.1rem,4.8vw,3.75rem);font-weight:700;line-height:1.03}h3{letter-spacing:-.02em;font-size:1.3rem;font-weight:650;line-height:1.2}p{text-wrap:pretty}.quiet{color:var(--quiet)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}kbd{box-shadow:0 0 0 1px var(--line), 0 1px 0 1px var(--line);white-space:nowrap;background:#fff;border-radius:6px;padding:.28em .5em;font:600 .78em/1 ui-monospace,SF Mono,Menlo,monospace}.wrap{width:min(1120px,100% - 44px);margin-inline:auto}.wrap.wide{width:min(1240px,100% - 32px)}.section{padding:clamp(80px,11vw,160px) 0 0}.fine{color:var(--soft);font-size:.8rem}.fine a{color:var(--blue)}.head{max-width:760px;margin-bottom:clamp(36px,5vw,64px)}.head p{color:var(--soft);margin-top:14px;font-size:clamp(1.05rem,1.7vw,1.3rem)}[data-reveal]{opacity:0;transition:opacity .9s var(--ease) var(--d,0s), transform .9s var(--ease) var(--d,0s);transform:translateY(18px)}[data-reveal].in{opacity:1;transform:none}.nav{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffc2;position:sticky;top:0}.nav-inner{align-items:center;gap:28px;width:min(1120px,100% - 44px);height:50px;margin-inline:auto;display:flex}.brand{letter-spacing:-.015em;align-items:center;gap:9px;margin-right:auto;font-weight:650;display:flex}.brand img{border-radius:6px}.nav nav{color:var(--soft);gap:26px;font-size:.8rem;display:flex}.nav nav a:hover{color:var(--ink)}.button{background:var(--ink);color:#fff;white-space:nowrap;transition:transform .35s var(--ease), background .2s;border-radius:999px;align-items:center;gap:9px;padding:13px 22px;font-weight:550;display:inline-flex}.button:hover{background:#000;transform:scale(1.03)}.button:active{transition-duration:.1s;transform:scale(.97)}.button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.button.small{padding:6px 14px;font-size:.8rem}.hero{padding:clamp(40px,6vw,84px) 0 0}.hero-head{margin-bottom:clamp(32px,4.5vw,56px)}.hero-side{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px clamp(24px,5vw,72px);margin-top:clamp(22px,2.6vw,34px);display:flex}.hero-side p{max-width:30em}.hero h1 .quiet{display:block}.hero-side p{color:var(--soft);letter-spacing:-.01em;font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.42}.hero-cta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.bezel{background:#0b0b0d;border-radius:clamp(16px,2.2vw,30px);padding:clamp(5px,.75vw,10px);box-shadow:0 0 0 1px #0009,0 60px 90px -50px #0000008c,0 24px 40px -24px #0000004d}.demo-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;margin-top:18px;padding-inline:6px;display:flex}.try{color:var(--soft);font-size:.9rem;line-height:1.9}.try b{color:var(--ink);font-weight:600}.try i{color:var(--ink);font-style:normal}.segmented{background:var(--tint);border-radius:999px;padding:3px;display:inline-flex}.segmented button{color:var(--soft);cursor:pointer;transition:color .2s, background .3s var(--ease), box-shadow .3s;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:550}.segmented button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000024,0 0 0 .5px #0000000f}.demo{aspect-ratio:16/10;isolation:isolate;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:clamp(11px,1.5vw,20px);outline:none;position:relative;overflow:hidden;container:demo/inline-size}.demo:focus-visible{box-shadow:0 0 0 3px var(--blue) inset}.demo>*{--icon:clamp(34px, 5.3cqw, 62px)}.demo button{cursor:pointer;background:0 0;border:0;outline:none;padding:0}.wall{background:radial-gradient(circle at 71% 30%,#fff5dc 0 4.2%,#fff0cd66 4.5% 8.5%,#0000 9%),radial-gradient(125% 62% at 26% 121%,#17263f 0 49.7%,#0000 50%),radial-gradient(115% 54% at 88% 127%,#263c63 0 49.7%,#0000 50%),radial-gradient(130% 50% at 55% 116%,#3d5584 0 49.7%,#0000 50%),linear-gradient(176deg,#5f97d3 0%,#9cc0e8 30%,#f4cfae 54%,#e7a283 68%,#5a6ea3 100%);position:absolute;inset:-2%}.frost{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(56px)saturate(1.25);backdrop-filter:blur(56px)saturate(1.25);background:#1a182080;transition:opacity .4s;position:absolute;inset:0}.demo[data-phase=open] .frost{opacity:1}.desk{justify-content:center;align-items:flex-end;padding-bottom:2.2cqw;transition:opacity .3s;display:flex;position:absolute;inset:0}.demo[data-phase=open] .desk{opacity:0;pointer-events:none}.desk-note{text-align:center;letter-spacing:-.02em;text-shadow:0 2px 18px #28141473;font-size:clamp(1rem,2.5cqw,1.75rem);font-weight:650;position:absolute;inset:40% 8% auto}.demo .dock{-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);background:#fff3;border-radius:2.4cqw;gap:1cqw;padding:.9cqw 1.1cqw;display:flex;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #ffffff24,0 14px 34px #00000038}.dock img,.dock .ico{width:calc(var(--icon) * .82);aspect-ratio:1;height:auto}.dock img{border-radius:23%}.ico{width:var(--icon);aspect-ratio:1;filter:drop-shadow(0 3px 7px #00000038);background-image:url(/icons.webp);background-repeat:no-repeat;flex:none;display:block}.lp{animation:lp-in var(--spring-ms) var(--spring) both;grid-template-rows:auto minmax(0,1fr) auto auto;justify-items:center;padding:3cqw 0 1.8cqw;display:grid;position:absolute;inset:0}.demo[data-phase=closing] .lp{animation:.24s ease-in forwards lp-out}@keyframes lp-in{0%{opacity:0;transform:scale(1.1)}}@keyframes lp-out{to{opacity:0;transform:scale(1.07)}}.search{cursor:text;-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);background:#ffffff24;border-radius:999px;align-items:center;gap:7px;width:min(300px,50cqw);height:34px;padding:0 13px;display:flex;box-shadow:inset 0 1px #fff6,inset 0 0 0 1px #ffffff24,0 6px 20px #0000001f}.search svg{fill:none;stroke:#ffffffbf;stroke-width:1.6px;stroke-linecap:round;flex:none;width:14px;height:14px}.search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font:500 14px/1 inherit}.search input::placeholder{color:#ffffff9e}.area{width:100%;min-height:0;position:relative}.pager{touch-action:pan-y;overscroll-behavior-x:contain;cursor:grab;transition:opacity .3s ease, transform .45s var(--ease), filter .3s ease;position:absolute;inset:0;overflow:hidden}.pager:active{cursor:grabbing}.pager.dim{opacity:.28;filter:blur(7px);pointer-events:none;transform:scale(.955)}.gone{visibility:hidden;pointer-events:none;opacity:0!important}.track{height:100%;transition:transform var(--spring-ms) var(--spring);will-change:transform;display:flex}.page{flex:0 0 100%;min-width:0;padding:1cqw 8.5cqw .6cqw}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));height:100%;display:grid;position:relative}.demo .cell{z-index:1;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.5em;min-width:0;font-size:clamp(9.5px,1.05cqw,12px);font-weight:500;line-height:1.1;display:flex;position:relative}.cell .ico{transition:transform .25s var(--ease)}.cell:active .ico{transform:scale(.92)}.name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #00000073;max-width:96%;overflow:hidden}.page .cell,.cat{animation:pop var(--pop-ms) var(--pop) both;animation-delay:calc(var(--d) * .42ms)}.demo[data-motion=expressive] .page .cell{animation-delay:calc(var(--d) * .85ms + 60ms)}.demo[data-motion=minimal] .page .cell,.demo[data-motion=minimal] .cat,.demo[data-motion=minimal] .lp{animation:.2s both fade}@keyframes pop{0%{opacity:0;transform:scale(.5)}}@keyframes fade{0%{opacity:0}}.demo .cell.go{animation:.26s ease-out forwards go}@keyframes go{45%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.55)}}.ring{aspect-ratio:1;pointer-events:none;border:2px solid #fff9;border-radius:50%;width:30cqw;margin:-15cqw 0 0 -15cqw;animation:.9s ease-out both ring;position:absolute;top:50%;left:50%}@keyframes ring{0%{opacity:.9;transform:scale(.1)}to{opacity:0;transform:scale(3.4)}}.lens{width:calc(100% / var(--cols));height:calc(100% / var(--rows));pointer-events:none;transition:transform .36s var(--spring), opacity .2s ease;place-items:center;display:grid;position:absolute;top:0;left:0}.lens:before{content:"";width:calc(var(--icon) + 3.2cqw);height:calc(var(--icon) + 3.6cqw);-webkit-backdrop-filter:blur(8px)saturate(1.7)brightness(1.12);backdrop-filter:blur(8px)saturate(1.7)brightness(1.12);background:#ffffff26;border-radius:22%;max-width:100%;max-height:100%;box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #ffffff24,0 10px 26px #00000029}.folder-ico,.cat-tile{filter:none;background-color:#fff3;background-image:none;align-content:start;display:grid;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #ffffff1f,0 6px 16px #00000024}.folder-ico{border-radius:24%;grid-template-columns:repeat(3,1fr);gap:6%;padding:13%}.folder-ico .ico,.cat-tile .ico{filter:none;width:100%}.library{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);place-items:center;height:100%;padding:0 3cqw;display:grid}.cat{flex-direction:column;align-items:center;gap:.9cqw;font-size:clamp(9.5px,1.1cqw,12.5px);font-weight:500;display:flex}.cat-tile{aspect-ratio:1;border-radius:25%;grid-template-columns:1fr 1fr;gap:9%;width:min(13.5cqw,140px);padding:12%}.results{flex-direction:column;align-items:center;gap:2cqw;padding:1.4cqw 8.5cqw 0;animation:.18s both fade;display:flex;position:absolute;inset:0}.results .grid{justify-content:center;width:100%;height:auto;display:flex}.results .grid .cell{flex:0 0 calc(100% / var(--cols))}.results .cell{border-radius:18%;padding:1.3cqw 0}.results .cell.first{background:#ffffff29;box-shadow:inset 0 1px #ffffff59}.actions{gap:6px;width:min(100%,520px);display:grid}.demo .action{text-align:left;color:#fff;background:#ffffff14;border-radius:14px;align-items:center;gap:12px;padding:9px 12px;transition:background .2s;display:flex}.demo .action:hover,.demo .action.first{background:#ffffff2b}.badge{background:#0a84ff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.badge.equal{background:#ff9f0a}.badge.moon{background:#7d5bd6}.badge.display{background:#5e5ce6}.badge.trash{background:#ff453a}.badge.gear{background:#8e8e93}.badge svg{fill:none;stroke:#fff;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.action-text{flex:1;min-width:0;display:grid}.action-text b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.action-text b.big{font-variant-numeric:tabular-nums;font-size:18px}.action-text i{color:#ffffffa8;font-size:11px;font-style:normal}.demo kbd{box-shadow:none;color:#ffffffd9;background:#ffffff29}.sbar{-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);background:#ffffff21;border-radius:999px;align-items:center;gap:1cqw;margin-top:.6cqw;padding:.8cqw 1.4cqw;transition:opacity .3s;display:flex;box-shadow:inset 0 1px #fff6,inset 0 0 0 1px #ffffff1f,0 8px 22px #00000024}.sbar svg{fill:#ffffffb3;width:13px;height:13px;margin-right:.3cqw}.sbar .ico{width:calc(var(--icon) * .74);transition:transform .3s var(--ease)}.sbar button:hover .ico{transform:translateY(-2px)scale(1.08)}.dots{gap:9px;padding:1.3cqw 12px 0;display:flex}.demo .dots button{width:7px;height:7px;transition:background .3s, transform .3s var(--ease);background:#ffffff5c;border-radius:50%}.demo .dots button.on{background:#fff;transform:scale(1.15)}.fold{z-index:4;animation:fold-in var(--pop-ms) var(--pop) both;place-items:center;display:grid;position:absolute;inset:0}@keyframes fold-in{0%{opacity:0;transform:scale(.14)}}.fold-panel{-webkit-backdrop-filter:blur(36px)saturate(1.6);backdrop-filter:blur(36px)saturate(1.6);background:#46425066;border-radius:clamp(22px,3.6cqw,42px);width:min(80cqw,720px);padding:2.2cqw 3cqw 2.8cqw;box-shadow:inset 0 1px #ffffff52,inset 0 0 0 1px #ffffff1f,0 30px 80px #00000052}.fold-panel h4{text-align:center;letter-spacing:-.01em;margin-bottom:1.8cqw;font-size:clamp(14px,1.8cqw,20px);font-weight:650}.fold-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:2cqw 0;display:grid}.toast{z-index:6;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:92%;animation:toast .4s var(--ease) both;background:#1e1e249e;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:550;position:absolute;bottom:17%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff24}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}}@container demo (width<=559px){.lp,.desk{--icon:13cqw}.page,.results{padding-inline:4cqw}.demo .cell,.cat{font-size:10px}.cat-tile{width:18cqw}.fold-panel{width:92cqw;padding:4cqw}.fold-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3cqw 0}.fold-grid .ico{width:11.5cqw}.fold-grid .cell:nth-child(n+17){display:none}.sbar{gap:2cqw;padding:1.6cqw 3cqw}.dots{padding-top:3cqw}.lp{padding:5cqw 0 3.5cqw}}.statement{padding:clamp(84px,12vw,180px) 0 0}.statement p{letter-spacing:-.035em;text-wrap:balance;max-width:21em;font-size:clamp(1.55rem,3.7vw,3rem);font-weight:650;line-height:1.14}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.statement span{animation:linear both ink;animation-timeline:view();animation-range:entry 30% cover 42%}@keyframes ink{0%{color:#d2d2d7}to{color:var(--ink)}}}}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;outline-offset:-4px;overscroll-behavior-x:contain;gap:clamp(14px,2vw,26px);padding:6px max(22px,50vw - 560px) 4px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.shot{scroll-snap-align:center;opacity:.45;transition:opacity .5s var(--ease), transform .6s var(--ease);flex:0 0 min(84vw,860px);transform:scale(.975)}.shot.on{opacity:1;transform:none}.shot-media{aspect-ratio:16/10;background:#121214;border-radius:clamp(14px,2vw,26px);overflow:hidden}.shot-media picture,.shot-media img{width:100%;height:100%;display:block}.shot-media img{object-fit:cover}.shot-media.contain{background:#e6e6eb;padding:3.5%}.shot-media.contain img{object-fit:contain;filter:drop-shadow(0 18px 30px #00000038)}.shot figcaption{color:var(--soft);max-width:34em;margin-top:16px}.shot figcaption b{color:var(--ink);font-weight:600}.gallery-nav{justify-content:center;align-items:center;gap:18px;margin-top:26px;display:flex}.arrow{background:var(--tint);cursor:pointer;width:36px;height:36px;transition:background .2s, opacity .2s, transform .3s var(--ease);border:0;border-radius:50%;place-items:center;display:grid}.arrow:hover{background:#e8e8ed;transform:scale(1.06)}.arrow:disabled{opacity:.35;pointer-events:none}.arrow svg{fill:none;width:14px;height:14px;stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.pagedots{gap:9px;display:flex}.pagedots button{cursor:pointer;width:7px;height:7px;transition:background .3s, transform .3s var(--ease);background:#0003;border:0;border-radius:50%;padding:0}.pagedots button.on{background:var(--ink);transform:scale(1.15)}.two{grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.two.top{grid-template-columns:.72fr 1.28fr;align-items:start}.copy p{color:var(--soft);max-width:30em;margin-top:20px;font-size:1.1rem}.copy .aside{margin-top:16px;font-size:.88rem}.sticky{position:sticky;top:96px}.scene{aspect-ratio:5/4;color:#fff;text-align:center;border-radius:clamp(20px,2.6vw,32px);flex-direction:column;justify-content:center;align-items:center;padding:6%;display:flex;container-type:inline-size}.scene-time{letter-spacing:-.05em;font-variant-numeric:tabular-nums;text-shadow:0 2px 24px #0000002e;font-size:clamp(2.8rem,15cqw,5.4rem);font-weight:650;line-height:1}.scene-part{opacity:.92;text-shadow:0 1px 10px #00000040;margin-top:10px;font-size:.95rem;font-weight:500}.scene-bar{--slot:min(13.2cqw, 66px);width:calc(var(--n) * var(--slot) + 20px);height:calc(var(--slot) + 14px);-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);background:#fff3;border-radius:999px;margin-top:8%;position:relative;box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #ffffff29,0 14px 34px #0000002e}.scene-app{width:var(--slot);height:var(--slot);place-items:center;transition:transform .6s cubic-bezier(.3,1.25,.45,1),opacity .3s;display:grid;position:absolute;top:7px;left:10px}.scene-app .ico{width:calc(var(--slot) - 12px)}.dial{margin-top:22px;display:block}.dial-label{color:var(--soft);margin-bottom:10px;font-size:.82rem;display:block}.dial input{appearance:none;cursor:grab;background:0 0;width:100%;height:28px;margin:0}.dial input::-webkit-slider-runnable-track{background:#d2d2d7;border-radius:2px;height:4px}.dial input::-moz-range-track{background:#d2d2d7;border-radius:2px;height:4px}.dial input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;margin-top:-12px;box-shadow:0 2px 8px #00000038,0 0 0 .5px #0000001f}.dial input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 8px #00000038,0 0 0 .5px #0000001f}.dial input:active::-webkit-slider-thumb{transform:scale(1.12)}.dial-ticks{color:var(--quiet);justify-content:space-between;margin-top:4px;font-size:.7rem;display:flex}.dial-ticks i{font-style:normal}.ways{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px);display:grid}.way-art{aspect-ratio:320/220;background:var(--tint);border-radius:clamp(18px,2.2vw,28px);overflow:hidden}.lottie{width:100%;height:100%}.lottie svg{display:block}.ways h3{margin-top:20px}.ways p{color:var(--soft);margin-top:6px}.specs>div{border-top:1px solid var(--line);grid-template-columns:9.5em 1fr;gap:16px;padding:17px 0;display:grid}.specs dt{letter-spacing:-.01em;font-weight:600}.specs dd{color:var(--soft)}.faq{margin-top:56px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;letter-spacing:-.01em;padding:18px 34px 18px 0;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:1.6px solid var(--soft);border-bottom:1.6px solid var(--soft);width:8px;height:8px;transition:transform .35s var(--ease);position:absolute;top:50%;right:6px;transform:translateY(-70%)rotate(45deg)}.faq details[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.faq details p{color:var(--soft);padding:0 34px 20px 0}.final{padding:clamp(100px,14vw,200px) 0 0}.final h2{max-width:12em;font-size:clamp(2.4rem,6.4vw,5rem)}.final h2 .quiet{display:block}.app-icon{border-radius:22%;margin-bottom:30px;box-shadow:0 20px 40px -18px #00000073}.final-cta{flex-wrap:wrap;align-items:center;gap:18px;margin-top:36px;display:flex}.footer{border-top:1px solid var(--line);color:var(--soft);padding:24px 0 40px;font-size:.75rem}.footer p+p{margin-top:6px}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.footer-top p{margin:0}.footer-maker{color:var(--ink);align-items:center;gap:7px;font-weight:550;display:inline-flex;text-decoration:none!important}.footer-maker img{border-radius:5px}.footer-maker:hover{color:var(--coral-ink)}.footer a{text-underline-offset:2px;text-decoration:underline}.maker{padding:clamp(110px,14vw,200px) 0 clamp(90px,11vw,150px)}.maker-inner{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.maker-badge{background:var(--tint);transition:background .25s, transform .35s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:5px 15px 5px 5px;font-size:.85rem;font-weight:600;display:inline-flex}.maker-badge:hover{background:#ececf0;transform:translateY(-1px)}.maker-badge img{border-radius:8px;box-shadow:0 2px 6px #0000002e}.maker h2{margin-top:22px}.maker-copy p{color:var(--soft);max-width:27em;margin-top:18px;font-size:1.1rem}.maker-cta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.button.coral{background:var(--coral)}.button.coral:hover{background:var(--coral-ink)}.mac{margin:0}.mac-lid{background:#0b0b0d;border-radius:clamp(16px,2.2vw,28px);padding:clamp(6px,.85vw,11px);box-shadow:inset 0 0 0 1px #2a2a2e,0 0 0 1px #00000080,0 40px 70px -40px #00000073}.mac-base{background:linear-gradient(#e3e3e7 0%,#c4c4ca 55%,#a9a9b0 100%);border-radius:0 0 50% 50%/0 0 100% 100%;height:clamp(9px,1.15vw,15px);margin:0 -6.5%;position:relative;box-shadow:0 12px 24px -12px #00000059}.mac-base:before{content:"";background:#b3b3ba;border-radius:0 0 8px 8px;width:15%;height:45%;position:absolute;top:0;left:50%;transform:translate(-50%)}.mac-screen{aspect-ratio:16/10;background:radial-gradient(120% 90% at 50% 120%,#f6ddd6 0%,#0000 60%),linear-gradient(#eef0f6 0%,#f1eef0 60%,#f4e9e5 100%);border-radius:clamp(8px,1.2vw,16px);position:relative;overflow:hidden;container-type:inline-size}.mac-bar{color:#1d1d1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;justify-content:space-between;align-items:center;height:4.4cqw;padding:0 2.4cqw;font-size:clamp(8px,1.45cqw,13px);font-weight:600;display:flex;position:absolute;inset:0 0 auto}.mac-left{align-items:center;gap:1.6cqw;display:flex}.mac-left b{background:#1d1d1f;border-radius:40% 40% 45% 45%;width:1.3cqw;height:1.5cqw}.mac-left i{font-style:normal;font-weight:500}.mac-right{font-weight:500}.notch{--ear:1.5cqw;z-index:3;width:18cqw;height:4.4cqw;transition:width var(--notch-ms) var(--notch), height var(--notch-ms) var(--notch);position:absolute;top:0;left:50%;transform:translate(-50%)}.notch:before,.notch:after{content:"";width:var(--ear);height:var(--ear);position:absolute;top:0}.notch:before{background:radial-gradient(circle at 0 100%, transparent calc(var(--ear) - .5px), #0b0b0d var(--ear));right:100%}.notch:after{background:radial-gradient(circle at 100% 100%, transparent calc(var(--ear) - .5px), #0b0b0d var(--ear));left:100%}.notch-clip{color:#fff;transition:border-radius var(--notch-ms) var(--notch), box-shadow .5s ease;background:#0b0b0d;border-radius:0 0 1.5cqw 1.5cqw;position:absolute;inset:0;overflow:hidden}.notch[data-phase=open],.notch[data-phase=typing]{width:62cqw;height:13.2cqw}.notch[data-phase=sorted]{width:62cqw;height:19.4cqw}.notch:not([data-phase=idle]) .notch-clip{border-radius:0 0 3.8cqw 3.8cqw;box-shadow:0 2.4cqw 5cqw -1.6cqw #ee5d556b}.notch-body{opacity:0;gap:2cqw;transition:opacity .18s;display:grid;position:absolute;top:5.2cqw;left:3.2cqw;right:3.2cqw}.notch:not([data-phase=idle]) .notch-body{opacity:1;transition-delay:.14s}.notch-input{background:#ffffff17;border-radius:999px;align-items:center;gap:1.6cqw;height:6.2cqw;padding:0 2.2cqw;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.notch-input svg{fill:none;width:2.4cqw;height:2.4cqw;stroke:var(--coral);stroke-width:1.6px;stroke-linecap:round;flex:none}.notch-text{white-space:nowrap;letter-spacing:-.01em;font-size:clamp(10px,2.3cqw,18px);font-weight:500;overflow:hidden}.notch-hint{color:#ffffff73}.caret{vertical-align:-.15em;background:var(--coral);width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.notch-sorted{opacity:0;align-items:center;gap:1.4cqw;padding-left:.8cqw;font-size:clamp(9px,1.9cqw,15px);transition:opacity .25s,transform .45s cubic-bezier(.3,1.4,.5,1);display:flex;transform:translateY(1cqw)}.notch[data-phase=sorted] .notch-sorted{opacity:1;transition-delay:80ms;transform:none}.check{background:var(--coral);border-radius:50%;place-items:center;width:3.2cqw;height:3.2cqw;transition:transform .45s cubic-bezier(.3,1.6,.5,1) .12s;display:grid;transform:scale(.3)}.notch[data-phase=sorted] .check{transform:scale(1)}.check svg{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:62%;height:62%}.chip{color:#ff9a92;background:#ee5d5533;border-radius:999px;padding:.45cqw 1.4cqw;font-weight:600}.when{color:#ffffff9e;font-weight:500}.today{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);width:56cqw;color:var(--ink);background:#ffffffd6;border-radius:2.2cqw;padding:1.6cqw 2.2cqw 1.8cqw;position:absolute;top:35%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0000000f,0 2.4cqw 5cqw -1.6cqw #1e142838}.today-head{border-bottom:1px solid #00000012;align-items:center;gap:1.4cqw;padding-bottom:1.2cqw;display:flex}.lights{gap:.7cqw;display:flex}.lights i{background:#ff5f57;border-radius:50%;width:1.1cqw;height:1.1cqw}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.today-head b{letter-spacing:-.02em;font-size:clamp(10px,2.1cqw,17px)}.today-count{min-width:2.6cqw;color:var(--coral-ink);text-align:center;font-variant-numeric:tabular-nums;background:#ee5d551f;border-radius:999px;margin-left:auto;padding:.2cqw .8cqw;font-size:clamp(8px,1.5cqw,12px);font-weight:700}.today-list{display:grid}.today-list li{border-bottom:1px solid #0000000d;align-items:center;gap:1.2cqw;height:4.6cqw;font-size:clamp(8.5px,1.65cqw,13.5px);display:flex}.today-list li:last-child{border-bottom:0}.today-list li.fresh{animation:.7s cubic-bezier(.25,1,.35,1) both land}.today-list li.fresh .tick{border-color:var(--coral)}@keyframes land{0%{opacity:0;height:0;transform:translateY(-2cqw)scale(.97)}55%{opacity:1}to{height:4.6cqw}}.tick{border:1.5px solid #c7c7cc;border-radius:50%;flex:none;width:1.8cqw;height:1.8cqw}.today-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.today-tag{color:var(--soft);background:#0000000d;border-radius:999px;padding:.25cqw 1cqw;font-size:.86em;font-weight:600}.today-list li.fresh .today-tag{color:var(--coral-ink);background:#ee5d551f}.today-when{text-align:right;width:7.5cqw;color:var(--quiet);font-variant-numeric:tabular-nums;font-size:.86em}@media (width<=900px){.nav nav{display:none}.two,.two.top{grid-template-columns:1fr}.sticky{position:static}.ways{grid-template-columns:1fr;max-width:440px}.ways li+li{margin-top:26px}.specs>div{grid-template-columns:1fr;gap:4px}.maker-inner{grid-template-columns:1fr}}@media (width<=590px){.demo{aspect-ratio:4/5}.demo-bar{flex-direction:column-reverse;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transition:none;transform:none}.demo *,.demo :before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.shot,.scene-app,.button{transition:none}}