:root{color-scheme:light dark;--bg:#f4f1eb;--surface:#fff;--surface-2:#fbf9f5;--text:#1f1d1a;--muted:#6e6860;--hairline:#00000014;--hairline-strong:#00000021;--accent:#4659c7;--accent-top:#5d70de;--accent-text:#4659c7;--accent-soft:#4659c71a;--well:#2b24180f;--lit:#ffffffe6;--tape-top:#f7eccf;--tape-bottom:#f1e2bb;--tick:#5a4520;--on:#2e9e5b;--busy:#d9921e;--problem:#c8473b;--shadow-card:0 1px 1px #0000000a, 0 10px 28px -10px #281e0a1f;--shadow-raised:0 1px 2px #0000000f, 0 24px 60px -24px #281e0a47;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--max:1120px;--gutter:clamp(20px, 4vw, 40px);--section:clamp(80px, 11vw, 136px);--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.4, .64, 1)}@media (prefers-color-scheme:dark){:root{--bg:#1a1918;--surface:#262422;--surface-2:#211f1d;--text:#f3f0ea;--muted:#a59e94;--hairline:#ffffff17;--hairline-strong:#ffffff26;--accent:#5563da;--accent-top:#7484f6;--accent-text:#9aa6ff;--accent-soft:#8290ff24;--well:#00000047;--lit:#ffffff1f;--tape-top:#3b3528;--tape-bottom:#332e23;--tick:#fff;--shadow-card:0 1px 1px #0000004d, 0 12px 30px -12px #00000080;--shadow-raised:0 1px 2px #0006, 0 30px 70px -24px #000000b3}}@media (prefers-contrast:more){:root{--muted:#39342e;--hairline:#00000080;--hairline-strong:#0009}@media (prefers-color-scheme:dark){:root{--muted:#dedad4;--hairline:#ffffff80;--hairline-strong:#fff9}}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}body{min-height:100vh;color:var(--text);background:var(--bg);font:17px/1.55 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:linear-gradient(#ffffff8c,#fff0 640px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.27 0 0 0 0 0.13 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:no-repeat,repeat;margin:0}@media (prefers-color-scheme:dark){body{background-image:linear-gradient(#ffffff09,#fff0 640px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .025 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}}img,svg,video{max-width:100%;display:block}a{color:var(--accent-text);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent-top);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0;list-style:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.skip{z-index:100;background:var(--surface);color:var(--text);box-shadow:var(--shadow-card);border-radius:999px;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip:focus{transform:none}.eyebrow{letter-spacing:.02em;color:var(--accent-text);align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:650;display:inline-flex}.eyebrow:before{content:"";background:repeating-linear-gradient(90deg, var(--tick) 0 1px, transparent 1px 3px), linear-gradient(var(--tape-top), var(--tape-bottom));opacity:.9;border-radius:3px;width:18px;height:6px;box-shadow:inset 0 0 0 1px #00000014}.section-title{letter-spacing:-.032em;font-size:clamp(32px,4.6vw,52px);font-weight:700;line-height:1.06}.section-lead{color:var(--muted);max-width:60ch;margin-top:18px;font-size:clamp(17px,1.6vw,19px)}.section-head{margin-bottom:clamp(40px,6vw,64px)}.section-head.center{text-align:center}.section-head.center .section-lead{margin-inline:auto}.fine{color:var(--muted);font-size:13px}section{padding-block:var(--section) 0}.btn{--h:46px;min-height:var(--h);cursor:pointer;font:600 15.5px/1 var(--font);letter-spacing:-.005em;white-space:nowrap;transition:transform .18s var(--spring), box-shadow .18s var(--ease), filter .18s var(--ease);-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 22px;text-decoration:none;display:inline-flex;position:relative}.btn:hover{filter:brightness(1.04);text-decoration:none}.btn:active{transform:translateY(.5px)scale(.97)}.btn-primary{color:#fff;background:linear-gradient(var(--accent-top), var(--accent));box-shadow:inset 0 1px 0 #ffffff59, inset 0 0 0 1px #0000001f, 0 3px 8px -1px color-mix(in srgb, var(--accent) 45%, transparent), 0 1px 1px #0000001a}.btn-primary:active{box-shadow:inset 0 1px 0 #ffffff40, inset 0 0 0 1px #00000026, 0 1px 2px color-mix(in srgb, var(--accent) 30%, transparent)}.btn-secondary{color:var(--text);background:var(--surface);box-shadow:inset 0 1px 0 var(--lit), inset 0 0 0 1px var(--hairline-strong), 0 2px 6px -1px #0000001a}.btn-secondary:active{box-shadow:inset 0 1px 0 var(--lit), inset 0 0 0 1px var(--hairline-strong), 0 1px 1px #00000014}.btn-small{--h:36px;padding:0 16px;font-size:14px}.btn-large{--h:54px;padding:0 28px;font-size:17px}.btn svg{flex:none;width:18px;height:18px}.btn-soon{cursor:default;color:var(--muted);background:var(--well);box-shadow:inset 0 1px 2px #00000014, inset 0 0 0 1px var(--hairline)}.btn-soon:hover{filter:none}.btn-soon:active{transform:none}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.actions-note{align-items:center;gap:8px;margin-top:14px;display:flex}.mac-only{background:var(--accent-soft);color:var(--text);border-radius:12px;max-width:46ch;margin-top:12px;padding:10px 14px;font-size:14px}.mac-only[hidden]{display:none}.dot{--c:var(--on);background:radial-gradient(circle at 50% 30%, #ffffff8c, transparent 60%), var(--c);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 20%, transparent);border-radius:50%;flex:none;position:relative}.dot.busy{--c:var(--busy)}.site-header{z-index:50;-webkit-backdrop-filter:saturate(1.6)blur(18px);background:color-mix(in srgb, var(--bg) 78%, transparent);transition:border-color .2s var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--hairline)}.header-inner{align-items:center;gap:24px;height:68px;display:flex}.brand{color:var(--text);font:650 18px/1 var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand:hover{text-decoration:none}.brand img{filter:drop-shadow(0 1px 1px #0000001f)drop-shadow(0 3px 6px #281e0a1f);width:34px;height:34px}.main-nav{gap:4px;margin-left:auto;display:flex}.main-nav a{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:15px;text-decoration:none;transition:color .15s,background .15s}.main-nav a:hover{color:var(--text);background:var(--well)}.header-actions{align-items:center;gap:12px;display:flex}.lang{background:var(--well);border-radius:999px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 2px #00000014}.lang a{min-width:36px;color:var(--muted);text-align:center;border-radius:999px;padding:5px 9px;font-size:12.5px;font-weight:650;text-decoration:none}.lang a[aria-current]{color:var(--text);background:var(--surface);box-shadow:inset 0 1px 0 var(--lit), 0 1px 3px #00000024}@media (width<=900px){.main-nav{display:none}.header-actions{margin-left:auto}}@media (width<=520px){.header-cta{display:none}}.hero{padding-top:clamp(40px,7vw,88px)}.hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero h1{letter-spacing:-.045em;font-size:clamp(40px,4.9vw,62px);font-weight:750;line-height:1.02}.hero h1 span{display:block}.hero h1 span+span{color:var(--accent-text)}.hero .lead{color:var(--muted);max-width:34em;margin-top:24px;font-size:clamp(18px,1.7vw,20.5px);line-height:1.5}.hero .actions{margin-top:34px}.hero-meta{border-top:1px solid var(--hairline);flex-wrap:wrap;gap:8px 20px;margin-top:28px;padding-top:22px;display:flex}.hero-meta li{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.hero-meta svg{width:16px;height:16px;color:var(--accent-text)}@media (width<=1000px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:680px}}.stage{aspect-ratio:1.05;min-height:400px;position:relative}@media (width<=1000px){.stage{aspect-ratio:auto;width:100%;max-width:640px;height:clamp(420px,82vw,600px);margin-inline:auto}}.stage-ipad{width:90%;position:absolute;top:20%;left:0}.stage-menubar{background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(20px);height:30px;box-shadow:inset 0 0 0 1px var(--hairline), 0 6px 18px -8px #0003;color:var(--text);border-radius:10px;align-items:center;gap:14px;padding:0 14px 0 18px;font-size:13px;display:flex;position:absolute;top:0;right:0}.stage-menubar svg{width:17px;height:17px}.menubar-icon{background:color-mix(in srgb, var(--text) 12%, transparent);border-radius:5px;place-items:center;width:30px;height:22px;display:grid}.stage-menu{z-index:3;background:color-mix(in srgb, var(--surface) 97%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.5);width:min(270px,62%);box-shadow:inset 0 0 0 1px var(--hairline-strong), 0 0 0 .5px #0000001a, 0 18px 44px -12px #00000059;border-radius:11px;padding:5px;font-size:13.5px;position:absolute;top:38px;right:20px}.menu-row{border-radius:6px;justify-content:space-between;align-items:center;gap:12px;min-height:30px;padding:4px 10px;display:flex}.menu-row kbd{font:inherit;color:var(--muted);letter-spacing:.06em}.menu-row.display{min-height:42px;font-weight:600}.menu-sep{background:var(--hairline);height:1px;margin:4px 10px}.stage-hint{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:13px;transition:opacity .3s;display:flex;position:absolute;top:4px;right:calc(min(270px,62%) + 40px)}.stage-hint svg{width:34px;height:18px}.stage[data-touched] .stage-hint{opacity:0}@media (width<=560px){.stage-hint{display:none}}.stage-tape{pointer-events:none;z-index:2;height:27%;position:absolute;bottom:0;left:-7%;right:-5%}.stage-tape svg{width:100%;height:100%;overflow:visible}.switch{--w:46px;--hh:28px;width:var(--w);height:var(--hh);cursor:pointer;background:color-mix(in srgb, var(--text) 13%, transparent);transition:background .25s var(--ease);border:0;border-radius:999px;flex:none;padding:0;position:relative;box-shadow:inset 0 1px 3px #00000038}.switch:after{content:"";width:calc(var(--hh) - 4px);height:calc(var(--hh) - 4px);transition:transform .32s var(--spring);background:linear-gradient(#fff,#edebe7);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:inset 0 0 0 .5px #0000000f,0 1px 1.5px #00000040,0 2px 5px #0000001f}.switch[aria-checked=true]{background:linear-gradient(var(--accent), var(--accent-top))}.switch[aria-checked=true]:after{transform:translateX(calc(var(--w) - var(--hh)))}.switch.small{--w:36px;--hh:22px}.ipad{aspect-ratio:2752/2064;box-shadow:inset 0 0 0 2px #8e8e93, inset 0 0 0 3px #2a2a2d, var(--shadow-raised);background:#18181a;border-radius:7%/9.3%;padding:3.2%;position:relative}.ipad:before{content:"";aspect-ratio:1;background:#2c2c30;border-radius:50%;width:1.1%;position:absolute;top:1.5%;left:50%;transform:translate(-50%)}.screen{background:#000;border-radius:3.2%/4.3%;width:100%;height:100%;position:relative;overflow:hidden;container-type:size}.desk{transition:inset .55s var(--ease), border-radius .55s var(--ease);background:linear-gradient(155deg,#f3c9a6 0%,#c9b5e8 52%,#7f8ee0 100%);position:absolute;inset:0;overflow:hidden;container-type:size}.desk-bar{backdrop-filter:blur(8px);color:#2a2622;background:#ffffff8c;align-items:center;gap:4cqw;height:5.2cqh;padding-inline:3cqw;font-size:2.6cqh;font-weight:600;display:flex}.desk-bar i{background:#2a26224d;border-radius:1cqh;width:7cqw;height:1.2cqh;display:block}.desk-bar i:first-child{background:#2a2622b3;border-radius:.6cqh;width:2.6cqh;height:2.6cqh}.desk-bar i:last-child{width:9cqw;margin-left:auto}.win{background:#fffffff0;border-radius:1.8cqh;position:absolute;overflow:hidden;box-shadow:0 1.5cqh 4cqh -1cqh #28143c59,0 0 0 1px #0000000d}.win.a{width:52cqw;height:58cqh;top:13cqh;left:7cqw}.win.b{width:47cqw;height:52cqh;top:33cqh;left:44cqw}.win-bar{border-bottom:1px solid #0000000f;gap:.9cqh;padding:1.8cqh 2cqh;display:flex}.win-bar b{background:#e5645a;border-radius:50%;width:1.6cqh;height:1.6cqh}.win-bar b:nth-child(2){background:#e8b53f}.win-bar b:nth-child(3){background:#5dbb55}.win-body{gap:2cqh;padding:3cqh;display:grid}.win-body .t{color:#1f1d1a;letter-spacing:-.02em;font-size:4.2cqh;font-weight:700;line-height:1.1}.win-body .l{background:#1f1d1a24;border-radius:1cqh;height:1.7cqh}.win-body .l.s{width:62%}.win-body .l.a{background:#4659c78c;width:40%}.win-body .tiles{grid-template-columns:1fr 1fr;gap:2cqh;display:grid}.win-body .tiles span{background:linear-gradient(135deg,#eceffc,#dce1fa);border-radius:1.4cqh;height:12cqh}.win-body .tiles span+span{background:linear-gradient(135deg,#fbefd9,#f6e1bc)}.ipad[data-state=off] .desk{border-radius:2px;inset:15% 4%}.screen-label{color:#fffc;opacity:0;white-space:nowrap;background:#ffffff1f;border-radius:99px;padding:1cqh 2.4cqh;font-size:3cqh;font-weight:600;transition:opacity .3s;position:absolute;bottom:4cqh;left:50%;transform:translate(-50%)}.ipad[data-state=off] .screen-label{opacity:1}.problem{text-align:center}.problem .section-lead{max-width:62ch;margin-inline:auto}.compare{grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);max-width:860px;margin:56px auto 0;display:grid}.compare figure{margin:0}.compare figcaption{gap:2px;margin-top:18px;display:grid}.compare figcaption strong{font-size:15px}.compare figcaption span{color:var(--muted);font-size:14px}.compare .ipad{box-shadow:inset 0 0 0 2px #8e8e93, inset 0 0 0 3px #2a2a2d, var(--shadow-card)}@media (width<=600px){.compare{grid-template-columns:1fr;max-width:420px}}.card{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline), var(--shadow-card);border-radius:18px;position:relative}.card:before{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 var(--lit);position:absolute;inset:0}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step{flex-direction:column;padding:22px;display:flex}.step-visual{background:var(--surface-2);height:150px;box-shadow:inset 0 0 0 1px var(--hairline), inset 0 2px 6px #00000008;border-radius:12px;place-items:center;margin-bottom:22px;padding:16px;display:grid;overflow:hidden}.step-num{width:30px;height:30px;font:700 14px/1 var(--font-display);color:#5a4520;background:linear-gradient(var(--tape-top), var(--tape-bottom));border-radius:50%;place-items:center;margin-bottom:14px;display:inline-grid;box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #5a45202e,0 1px 2px #00000014}@media (prefers-color-scheme:dark){.step-num{color:#f1e2bb}}.step h3{letter-spacing:-.015em;font-size:19px}.step p{color:var(--muted);margin-top:6px;font-size:15.5px}@media (width<=860px){.steps{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}.mini-list{gap:3px;width:100%;max-width:250px;font-size:12.5px;display:grid}.mini-search{background:var(--well);height:26px;box-shadow:inset 0 0 0 1px var(--hairline);color:var(--muted);border-radius:8px;align-items:center;gap:6px;margin-bottom:6px;padding:0 9px;display:flex}.mini-search svg{width:12px;height:12px}.mini-list li{color:var(--muted);border-radius:7px;justify-content:space-between;align-items:center;padding:4px 9px;display:flex}.mini-list li.sel{color:#fff;background:linear-gradient(var(--accent-top), var(--accent));box-shadow:inset 0 1px #ffffff4d}.mini-list li.sel svg{width:12px;height:12px}.mini-switch{background:var(--surface);width:100%;max-width:250px;box-shadow:inset 0 0 0 1px var(--hairline-strong), 0 10px 24px -10px #00000040;border-radius:10px;gap:8px;padding:10px 12px;font-size:13px;display:grid}.mini-switch .menu-row{min-height:0;padding:0}.mini-switch .status{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.ruler{--n:4;--i:0;width:100%;position:relative}.ruler-track{background:radial-gradient(circle, color-mix(in srgb, var(--tick) 38%, transparent) 2.5px, transparent 3px) 0 50% / calc(100% / var(--n)) 6px repeat-x, linear-gradient(var(--tape-top), var(--tape-bottom));border-radius:10px;height:54px;position:relative;box-shadow:inset 0 0 0 1px #00000012,inset 0 2px 3px #0000001a}@media (prefers-color-scheme:dark){.ruler-track{box-shadow:inset 0 0 0 1px #0000004d,inset 0 2px 3px #0006}}.ruler-track:before,.ruler-track:after{content:"";pointer-events:none;opacity:.5;background:linear-gradient(90deg, var(--tick) 1px, transparent 1px) 0 0 / calc(100% / (var(--n) * 2)) 11px repeat-x, linear-gradient(90deg, var(--tick) 1px, transparent 1px) 0 0 / calc(100% / (var(--n) * 4)) 7px repeat-x, linear-gradient(90deg, color-mix(in srgb, var(--tick) 50%, transparent) 1px, transparent 1px) 0 0 / calc(100% / (var(--n) * 20)) 4px repeat-x;height:12px;position:absolute;left:4px;right:4px}.ruler-track:before{top:0}.ruler-track:after{bottom:0;transform:scaleY(-1)}.ruler-thumb{width:12px;top:-6px;bottom:-6px;left:calc((var(--i) + .5) / var(--n) * 100%);background:linear-gradient(var(--accent-top), var(--accent));box-shadow:inset 0 0 0 2px #fff, 0 1px 2px #00000040, 0 4px 10px color-mix(in srgb, var(--accent) 40%, transparent);transition:left .38s var(--spring);border-radius:999px;margin-left:-6px;position:absolute}.ruler-labels{grid-template-columns:repeat(var(--n), 1fr);margin-top:14px;display:grid}.ruler-labels label{text-align:center;color:var(--muted);cursor:pointer;border-radius:8px;padding:8px 4px;font-size:14px;line-height:1.3;transition:color .15s}.ruler-labels label:hover{color:var(--text)}.ruler input{opacity:0;pointer-events:none;position:absolute}.ruler-hit{grid-template-columns:repeat(var(--n), 1fr);display:grid;position:absolute;inset:0}.ruler-hit label{cursor:pointer}.ruler:has(input:focus-visible) .ruler-track{outline:3px solid var(--accent-top);outline-offset:5px}.ruler:has(#size-0:checked){--i:0}.ruler:has(#size-1:checked){--i:1}.ruler:has(#size-2:checked){--i:2}.ruler:has(#size-3:checked){--i:3}.ruler:has(#size-0:checked) label[for=size-0],.ruler:has(#size-1:checked) label[for=size-1],.ruler:has(#size-2:checked) label[for=size-2],.ruler:has(#size-3:checked) label[for=size-3]{color:var(--text);font-weight:650}.sizes-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,64px);display:grid}.sizes-panel{padding:28px}.sizes-panel fieldset{border:0;min-width:0;margin:0;padding:0}.sizes-panel legend{color:var(--muted);margin-bottom:14px;padding:0;font-size:12px;font-weight:650}.size-desc{border-top:1px solid var(--hairline);min-height:4.6em;margin-top:22px;padding-top:18px}.size-desc p{font-size:16px;display:none}.sizes:has(#size-0:checked) .size-desc p:first-child,.sizes:has(#size-1:checked) .size-desc p:nth-child(2),.sizes:has(#size-2:checked) .size-desc p:nth-child(3),.sizes:has(#size-3:checked) .size-desc p:nth-child(4){display:block}.size-desc .fine{margin-top:8px;display:block}.sizes:not(:has(input:checked)) .size-desc p:first-child{display:block}@media (width<=900px){.sizes-grid{grid-template-columns:1fr}.sizes-preview{width:100%;max-width:620px;margin-inline:auto}}@media (width<=480px){.ruler-labels label{font-size:12px}.sizes-panel{padding:20px}}.scaled{--s:1;width:calc(100% / var(--s));height:calc(100% / var(--s));transform:scale(var(--s));transform-origin:0 0;transition:transform .45s var(--ease), width .45s var(--ease), height .45s var(--ease);color:#1f1d1a;background:linear-gradient(155deg,#f3c9a6 0%,#c9b5e8 52%,#7f8ee0 100%);font-size:13px;position:absolute;inset:0}.sizes:has(#size-1:checked) .scaled{--s:.86}.sizes:has(#size-2:checked) .scaled{--s:.7167}.sizes:has(#size-3:checked) .scaled{--s:.6719}.scaled .bar{background:#fff9;align-items:center;gap:16px;height:26px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.scaled .bar span:last-child{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:500}.scaled .app{background:#fff;border-radius:12px;grid-template-columns:150px 1fr;display:grid;position:absolute;inset:40px 16px 16px;overflow:hidden;box-shadow:0 14px 34px -12px #28143c66}.scaled .side{background:#f6f3ee;border-right:1px solid #0000000f;align-content:start;gap:2px;padding:14px 10px;display:grid}.scaled .side span{color:#5d5850;border-radius:7px;padding:6px 10px}.scaled .side span:first-child{color:#fff;background:#4659c7;font-weight:600}.scaled .main{padding:18px 20px;overflow:hidden}.scaled .main h4{letter-spacing:-.02em;margin:0 0 4px;font-size:22px}.scaled .main p{color:#78726a;margin-bottom:14px}.scaled .grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.scaled .tile{background:#f4f1eb;border-radius:10px;align-content:space-between;height:86px;padding:10px;display:grid}.scaled .tile:nth-child(3n+1){background:#eceffc}.scaled .tile:nth-child(3n+2){background:#fbefd9}.scaled .tile b{font-size:12px}.scaled .tile i{background:#0000001f;border-radius:3px;width:70%;height:6px;display:block}.sizes-preview .ipad .screen{container-type:normal}.preview-note{text-align:center;margin-top:14px}.media-video{border-radius:22px;padding:10px;overflow:hidden}.media-video video{background:#000;border-radius:14px;width:100%;height:auto}.shots{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin-top:20px;display:grid}.shot{margin:0;padding:10px}.shot img{border-radius:10px;width:100%;height:auto}.shot figcaption{color:var(--muted);padding:12px 6px 4px;font-size:14px}.slot{border:2px dashed var(--hairline-strong);min-height:260px;color:var(--muted);text-align:center;background:var(--well);border-radius:18px;place-items:center;gap:6px;padding:24px;font-size:14px;display:grid}.slot code{font:12.5px var(--mono);color:var(--text)}.features{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature{padding:26px}.feature-icon{color:#fff;background:linear-gradient(var(--accent-top), var(--accent));width:44px;height:44px;box-shadow:inset 0 1px 0 #ffffff59, inset 0 0 0 1px #0000001a, 0 4px 10px -2px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.feature-icon svg{width:22px;height:22px}.feature:nth-child(2) .feature-icon{background:linear-gradient(#4fbf7e,#2e9e5b);box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #0000001a,0 4px 10px -2px #2e9e5b73}.feature:nth-child(3) .feature-icon{background:linear-gradient(#f0b451,#d9921e);box-shadow:inset 0 1px #fff6,inset 0 0 0 1px #0000001a,0 4px 10px -2px #d9921e73}.feature:nth-child(4) .feature-icon{background:linear-gradient(#8f877c,#6e6860);box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #0000001a,0 4px 10px -2px #00000040}.feature:nth-child(5) .feature-icon{background:linear-gradient(#b79bea,#8e6fd6);box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #0000001a,0 4px 10px -2px #8e6fd673}.feature:nth-child(6) .feature-icon{background:linear-gradient(#e0786d,#c8473b);box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #0000001a,0 4px 10px -2px #c8473b73}.feature h3{letter-spacing:-.015em;font-size:18px}.feature p{color:var(--muted);margin-top:6px;font-size:15.5px}@media (width<=960px){.features{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.features{grid-template-columns:1fr}}.compat{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.compat-card{padding:26px}.compat-card header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.compat-card header svg{width:28px;height:28px;color:var(--accent-text)}.compat-card h3{font-size:19px}.checks li{padding-left:26px;font-size:15.5px;position:relative}.checks li+li{margin-top:8px}.checks li:before{content:"";background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.3 2.3 4.7-5' fill='none' stroke='%234659C7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;border-radius:50%;width:16px;height:16px;position:absolute;top:.32em;left:0}@media (prefers-color-scheme:dark){.checks li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.3 2.3 4.7-5' fill='none' stroke='%239AA6FF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}.models{border-top:1px solid var(--hairline);margin-top:18px;padding-top:12px}.models summary{cursor:pointer;color:var(--accent-text);align-items:center;gap:6px;font-size:14.5px;font-weight:600;list-style:none;display:inline-flex}.models summary::-webkit-details-marker{display:none}.models summary svg{width:14px;height:14px;transition:transform .2s var(--ease)}.models[open] summary svg{transform:rotate(90deg)}.models ul{columns:1;color:var(--muted);margin-top:12px;font-size:13.5px}.models li{break-inside:avoid;padding:2px 0}.limits{background:linear-gradient(var(--tape-top), var(--tape-bottom));color:#3d3020;border-radius:18px;margin-top:20px;padding:24px 28px;box-shadow:inset 0 0 0 1px #5a45201f,inset 0 1px #ffffff80}@media (prefers-color-scheme:dark){.limits{color:#ede4d2;box-shadow:inset 0 0 0 1px #0000004d}}.limits h3{align-items:center;gap:8px;margin-bottom:12px;font-size:16px;display:flex}.limits h3 svg{width:18px;height:18px}.limits ul{grid-template-columns:1fr 1fr;gap:10px 32px;font-size:15px;display:grid}.limits li{padding-left:16px;position:relative}.limits li:before{content:"";opacity:.45;background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:0}@media (width<=900px){.compat{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.limits{max-width:560px;margin-inline:auto}.limits ul{grid-template-columns:1fr}}.pricing{grid-template-columns:1fr 1fr;gap:20px;max-width:860px;margin-inline:auto;display:grid}.plan{flex-direction:column;padding:32px;display:flex}.plan.featured{box-shadow:inset 0 0 0 2px var(--accent), 0 1px 1px #0000000a, 0 24px 50px -20px color-mix(in srgb, var(--accent) 45%, transparent)}.plan-name{color:var(--muted);font-size:14px;font-weight:650}.plan-price{font:750 clamp(32px, 4vw, 42px)/1.05 var(--font-display);letter-spacing:-.035em;margin-top:10px}.plan-period{color:var(--muted);margin-top:4px;font-size:14px}.plan .checks{flex:1;margin-block:24px 28px}.plan .btn{width:100%}.pricing-note{text-align:center;max-width:640px;margin:24px auto 0}@media (width<=720px){.pricing{grid-template-columns:1fr;max-width:460px}}.faq{max-width:820px;margin-inline:auto;padding:8px 0}.faq details{border-top:1px solid var(--hairline)}.faq details:first-child{border-top:0}.faq summary{cursor:pointer;letter-spacing:-.01em;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px;font-size:17px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";background:var(--well) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M13 8v10M8 13h10' stroke='%236E6860' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 26px no-repeat;width:26px;height:26px;transition:transform .3s var(--spring);border-radius:50%;flex:none;box-shadow:inset 0 1px 2px #00000014}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--muted);max-width:66ch;padding:0 28px 22px}.final{margin-top:var(--section);text-align:center;border-radius:28px;padding:clamp(48px,7vw,80px) 24px;overflow:hidden}.final-icon{filter:drop-shadow(0 2px 2px #0000001f)drop-shadow(0 14px 22px #281e0a38);width:104px;height:104px;margin:0 auto 26px}.final h2{letter-spacing:-.035em;font-size:clamp(32px,4.6vw,52px);line-height:1.05}.final p{color:var(--muted);margin-top:12px;font-size:18px}.final .actions{justify-content:center;margin-top:30px}.final .actions-note,.final .mac-only{justify-content:center;margin-inline:auto}.site-footer{border-top:1px solid var(--hairline);color:var(--muted);margin-top:clamp(64px,9vw,112px);padding-block:40px 48px;font-size:14px}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;display:flex}.footer-links{flex-wrap:wrap;gap:8px 22px;display:flex}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text);text-decoration:underline}.footer-legal{flex-wrap:wrap;gap:6px 20px;margin-top:22px;font-size:12.5px;display:flex}.brand.small{font-size:15px}.brand.small img{width:26px;height:26px}.legal{max-width:760px;padding-top:clamp(40px,6vw,72px)}.legal h1{letter-spacing:-.035em;font-size:clamp(36px,5vw,52px);line-height:1.05}.legal .stand{color:var(--muted);margin-top:10px;font-size:14px}.legal-body{margin-top:40px;padding:clamp(24px,4vw,40px)}.legal-body h2{letter-spacing:-.015em;margin-top:34px;font-size:20px}.legal-body h2:first-child{margin-top:0}.legal-body h3{margin-top:20px;font-size:16px}.legal-body p,.legal-body ul{color:var(--text);margin-top:10px;font-size:16px}.legal-body ul{padding-left:22px;list-style:outside}.legal-body li+li{margin-top:4px}.legal-body address{margin-top:10px;font-style:normal}.not-found{text-align:center;padding-top:clamp(64px,10vw,120px)}.not-found img{width:96px;margin:0 auto 24px}.not-found p{color:var(--muted);margin:12px 0 28px}.js .reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(14px)}.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;animation:none!important}.js .reveal{opacity:1;transform:none}}.releases{max-width:820px;padding-top:clamp(40px,6vw,72px)}.releases h1{letter-spacing:-.035em;font-size:clamp(36px,5vw,56px);line-height:1.05}.releases-head{margin-bottom:48px}.releases-empty{text-align:center;justify-items:center;gap:18px;padding:48px 24px;display:grid}.releases-empty img{filter:drop-shadow(0 2px 2px #0000001f)drop-shadow(0 10px 18px #281e0a2e)}.releases-empty p{color:var(--muted);max-width:40ch}.release-list{gap:0;display:grid}.release{grid-template-columns:28px minmax(0,1fr);gap:16px;display:grid}.release-rail{justify-content:center;display:flex;position:relative}.release-rail:before{content:"";background:repeating-linear-gradient(to bottom, color-mix(in srgb, var(--tick) 45%, transparent) 0 1px, transparent 1px 8px), linear-gradient(90deg, var(--tape-top), var(--tape-bottom));border-radius:4px;width:8px;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #00000012}.release:first-child .release-rail:before{top:26px}.release:last-child .release-rail:before{height:34px;bottom:auto}.release:only-child .release-rail:before{display:none}.release-pin{z-index:1;background:var(--surface);width:14px;height:14px;box-shadow:inset 0 0 0 3px var(--hairline-strong), 0 1px 2px #00000026;border-radius:50%;margin-top:22px;position:relative}.release:first-child .release-pin{background:linear-gradient(var(--accent-top), var(--accent));box-shadow:inset 0 0 0 2px #fff, 0 2px 6px color-mix(in srgb, var(--accent) 45%, transparent)}.release-card{margin-bottom:20px;padding:24px 28px;scroll-margin-top:96px}.release-card.latest{box-shadow:inset 0 0 0 2px var(--accent), 0 1px 1px #0000000a, 0 20px 44px -22px color-mix(in srgb, var(--accent) 45%, transparent)}.release-card-head{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.release-card-head h2{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:26px}.release-card-head h2 a{color:inherit;text-decoration:none}.release-card-head h2 a:hover{text-decoration:underline}.release-badges{flex-wrap:wrap;gap:6px;display:inline-flex}.badge{color:var(--muted);background:var(--well);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:650}.badge.accent{color:var(--accent-text);background:var(--accent-soft);box-shadow:none}.badge.warn{color:#7a4e0e;background:linear-gradient(var(--tape-top), var(--tape-bottom));box-shadow:inset 0 0 0 1px #5a452026}@media (prefers-color-scheme:dark){.badge.warn{color:#f1e2bb}}.release-meta{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:13.5px;display:flex}.release-notes{margin-top:16px;font-size:16px}.release-notes>*+*{margin-top:12px}.release-notes ul{gap:6px;list-style:none;display:grid}.release-notes li{padding-left:20px;position:relative}.release-notes li:before{content:"";background:var(--accent-text);opacity:.7;border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:3px}.release-notes h4{margin:18px 0 0;font-size:15px}.release-notes p:last-child{color:var(--muted);font-size:14.5px}.release-notes code,.release-file code{font:13px var(--mono);background:var(--well);overflow-wrap:anywhere;border-radius:5px;padding:1px 5px}.release-foot{border-top:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px;padding-top:18px;display:flex}.release-file{flex:260px}.release-file summary{cursor:pointer;color:var(--accent-text);align-items:center;gap:6px;font-size:14px;font-weight:600;list-style:none;display:inline-flex}.release-file summary::-webkit-details-marker{display:none}.release-file summary svg{width:14px;height:14px;transition:transform .2s var(--ease)}.release-file[open] summary svg{transform:rotate(90deg)}.release-file dl{grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:12px 0 8px;font-size:14px;display:grid}.release-file dt{color:var(--muted)}.release-file dd{margin:0}.releases-foot{text-align:center;margin-top:12px}@media (width<=560px){.release{grid-template-columns:18px minmax(0,1fr);gap:10px}.release-card{padding:20px}}.definition{padding-top:clamp(56px,7vw,88px)}.definition-card{text-align:center;max-width:860px;margin-inline:auto;padding:clamp(24px,4vw,36px)}.definition-card h2{color:var(--accent-text);letter-spacing:.01em;font-size:15px;font-weight:650}.definition-card p{max-width:62ch;margin:12px auto 0;font-size:clamp(17px,1.6vw,19px);line-height:1.55}.definition-card ul{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.definition-card li{color:var(--muted);background:var(--well);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:999px;padding:6px 12px;font-size:13.5px}.guide-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;display:grid}.guide-card{transition:transform .25s var(--ease), box-shadow .25s var(--ease);flex-direction:column;gap:10px;padding:24px;display:flex;position:relative}.guide-card:hover{transform:translateY(-2px)}.guide-card:focus-within{box-shadow:inset 0 0 0 2px var(--accent-top), var(--shadow-card)}.guide-num{width:fit-content;font:650 12px var(--mono);color:#5a4520;background:linear-gradient(var(--tape-top), var(--tape-bottom));border-radius:6px;padding:2px 8px;box-shadow:inset 0 0 0 1px #5a452026}@media (prefers-color-scheme:dark){.guide-num{color:#f1e2bb}}.guide-card-title{letter-spacing:-.015em;font-size:18px;line-height:1.3}.guide-card-title a{color:inherit;text-decoration:none}.guide-card-title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.guide-card-title a:focus-visible{outline:none}.guide-card p{color:var(--muted);flex:1;font-size:15px}.guide-card-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.guide-card-go{color:var(--accent-text);align-items:center;gap:4px;font-weight:600;display:inline-flex}.guide-card-go svg{width:14px;height:14px}.guides-index{max-width:var(--max);padding-top:clamp(40px,6vw,72px)}.guides-index h1{letter-spacing:-.035em;font-size:clamp(36px,5vw,56px);line-height:1.05}.guide{max-width:1040px;padding-top:clamp(28px,4vw,48px)}.crumbs{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--text);text-decoration:underline}.guide-head{max-width:820px;margin-top:22px}.guide-head h1{letter-spacing:-.035em;font-size:clamp(32px,4.6vw,50px);line-height:1.08}.guide-meta{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin-top:16px;font-size:14px;display:flex}.guide-meta a{color:var(--muted)}.tldr{background:linear-gradient(var(--tape-top), var(--tape-bottom));color:#3d3020;border-radius:18px;max-width:820px;margin-top:32px;padding:24px 28px;box-shadow:inset 0 0 0 1px #5a45201f,inset 0 1px #ffffff80}@media (prefers-color-scheme:dark){.tldr{color:#ede4d2;box-shadow:inset 0 0 0 1px #0000004d}}.tldr h2{letter-spacing:.01em;margin-bottom:10px;font-size:15px}.tldr ul{gap:8px;display:grid}.tldr li{padding-left:18px;font-size:16px;position:relative}.tldr li:before{content:"";opacity:.5;background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute;top:.6em;left:0}.guide-layout{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:44px;display:grid}@media (width>=1000px){.guide-layout:has(.toc){grid-template-columns:220px minmax(0,1fr)}}.toc{align-self:start;font-size:14px}@media (width>=1000px){.toc{position:sticky;top:92px}}.toc h2{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:650}.toc ol{counter-reset:toc;gap:2px;display:grid}.toc a{color:var(--muted);border-radius:8px;padding:6px 10px;line-height:1.35;text-decoration:none;display:block}.toc a:hover{color:var(--text);background:var(--well)}@media (width<=999px){.toc{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:14px;padding:18px 20px}}.prose{max-width:720px;font-size:17.5px;line-height:1.7}.prose>*+*{margin-top:1.1em}.prose h2{letter-spacing:-.025em;margin-top:2.2em;scroll-margin-top:92px;font-size:clamp(24px,2.6vw,30px);line-height:1.2}.prose h3{letter-spacing:-.015em;margin-top:1.8em;scroll-margin-top:92px;font-size:20px}.prose h2+*,.prose h3+*{margin-top:.7em}.prose ul,.prose ol{padding-left:1.3em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--accent-text)}.prose strong{font-weight:650}.prose code{font:.86em var(--mono);background:var(--well);overflow-wrap:anywhere;border-radius:6px;padding:.1em .4em}.prose table{border-collapse:collapse;background:var(--surface);width:100%;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:14px;font-size:15px;line-height:1.45;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--hairline);padding:10px 14px}.prose thead th{color:var(--muted);background:var(--surface-2);font-size:13px;font-weight:650}.prose tbody tr:last-child td{border-bottom:0}.guide-faq{max-width:820px;margin-top:64px}.guide-faq h2{letter-spacing:-.025em;margin-bottom:20px;font-size:clamp(24px,2.6vw,30px)}.guide-faq .faq{max-width:none}.guide-cta{max-width:820px;box-shadow:inset 0 0 0 2px var(--accent), var(--shadow-card);align-items:flex-start;gap:22px;margin-top:48px;padding:28px;display:flex}.guide-cta img{filter:drop-shadow(0 2px 2px #0000001f)drop-shadow(0 8px 14px #281e0a2e);flex:none}.guide-cta h2{letter-spacing:-.015em;font-size:20px}.guide-cta p{color:var(--muted);margin-top:6px;font-size:15.5px}.guide-cta-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:18px;display:flex}.guide-cta-actions .actions{margin:0}.guide-cta-link{align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.guide-cta-link svg{width:14px;height:14px}@media (width<=560px){.guide-cta{flex-direction:column}}.guide-related{margin-top:72px}.guide-related h2{letter-spacing:-.025em;margin-bottom:20px;font-size:clamp(24px,2.6vw,30px)}.hero{overflow-x:clip}.prose,.tldr,.release-notes{overflow-wrap:anywhere}.footer-links a,.crumbs a,.guide-meta a{padding-block:6px;display:inline-block}.footer-links{row-gap:0}.crumbs{align-items:center;gap:4px 8px}.models summary,.release-file summary{min-height:32px}.prose table{overflow-wrap:normal;-webkit-overflow-scrolling:touch}.prose th,.prose td{min-width:7.5em}.prose th:first-child,.prose td:first-child{min-width:10em}@media (width<=560px){.prose table{font-size:14px}.prose th,.prose td{padding:9px 11px}}@media (width<=420px){.stage-menu{width:min(250px,100% - 24px);right:12px}.stage-menubar{gap:10px;padding-inline:12px}.stage-ipad{width:96%;top:34%}}