.device-emblem{display:inline-grid;place-items:center;inline-size:42px;block-size:42px;flex:none}.device-emblem img{inline-size:100%;block-size:100%}.device-emblem.compact{inline-size:35px;block-size:35px;padding:5px;border:1px solid #746252;border-radius:8px;background:#1c1917;box-shadow:0 2px 5px #422b1e30}.hero-platforms{display:flex;flex-wrap:wrap;gap:7px clamp(4px,.85vw,12px);margin-block-start:21px}.hero-platform{display:grid;place-items:center;gap:4px;min-inline-size:44px;min-block-size:49px;color:#4d2b18;font-size:.72rem;font-weight:700;line-height:1.12}a.hero-platform:hover,a.hero-platform:focus-visible{text-decoration:underline;text-underline-offset:3px}.platforms{padding-block:clamp(43px,4.6vw,66px)}#platforms-title{margin-block-end:clamp(23px,3vw,33px);text-align:center}.platform-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1.4vw,16px)}.platform-grid>li{min-inline-size:0}#platform-iphone{--tile-surface: #593328;--tile-shadow: #2c1d19;--tile-light: #d39a64}#platform-ipad{--tile-surface: #513141;--tile-shadow: #2b1b28;--tile-light: #d394b1}#platform-mac{--tile-surface: #364352;--tile-shadow: #202934;--tile-light: #a2b9c9}#platform-android{--tile-surface: #394431;--tile-shadow: #232b1d;--tile-light: #b0be79}#platform-windows{--tile-surface: #22485a;--tile-shadow: #192b38;--tile-light: #83b9d2}#platform-linux{--tile-surface: #5b4327;--tile-shadow: #33271a;--tile-light: #d6ab61}.platform-tile{display:flex;position:relative;isolation:isolate;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;gap:7px;block-size:100%;min-block-size:105px;padding:12px 7px;border:1px solid #796655;border-radius:12px;color:#fff8ee;background:linear-gradient(145deg,#fff7e717,transparent 42%),linear-gradient(155deg,var(--tile-surface, #282420),var(--tile-shadow, #191614));box-shadow:inset 0 0 0 1px #efe6d412,0 4px 10px #56381d24;font-size:.91rem;font-weight:700;line-height:1.2;text-align:center}.platform-tile:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(116deg,transparent 32%,#f4d6ab40 49%,transparent 67%),radial-gradient(ellipse 70% 100% at 47% 28%,var(--tile-light, #d39a64),transparent 78%);opacity:.13;transform:translate(-16%) scale(1.34);pointer-events:none;content:""}a.platform-tile:focus-visible{border-color:#e7c597;box-shadow:inset 0 0 0 1px #efe6d42e,0 5px 14px #56381d36}a.platform-tile:focus-visible:before{opacity:.25}@media(hover:hover)and (pointer:fine){.platform-tile:hover:before{opacity:.25}a.platform-tile:hover{border-color:#e7c597;box-shadow:inset 0 0 0 1px #efe6d42e,0 5px 14px #56381d36}}@media(prefers-reduced-motion:no-preference){.platform-tile:before{transition:transform .54s ease-out,opacity .22s ease}a.platform-tile:focus-visible:before{transform:translate(15%) scale(1.34)}@media(hover:hover)and (pointer:fine){.platform-tile:hover:before{transform:translate(15%) scale(1.34)}}}.platform-arrow{position:absolute;inset-block-start:8px;inset-inline-end:9px;color:#ebd1ae}@media(max-width:940px){.hero-platforms{display:none}.platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:440px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@supports (mask-image: radial-gradient(transparent,black)) or (-webkit-mask-image: radial-gradient(transparent,black)){.hero.device-family-hero{--rim-curve: ellipse 78% 69px at 50% calc(100% + 47px) ;background:transparent}.hero.device-family-hero .hero-scene{background-color:#f5e3ca;-webkit-mask-image:radial-gradient(var(--rim-curve),transparent 99%,black 100%);mask-image:radial-gradient(var(--rim-curve),transparent 99%,black 100%)}.hero.device-family-hero:after{inset:0;block-size:auto;border:0;border-radius:0;box-shadow:none;background:radial-gradient(var(--rim-curve),transparent 97.1%,#f9d393 97.8%,#fff7e5 100.1%,#fff0ca65 102.4%,transparent 108%)}@media(max-width:940px){.hero.device-family-hero{--rim-curve: ellipse 93% 57px at 50% calc(100% + 44px) }}}.commute-limit.svelte-1m5p7xe{display:grid;gap:6px}.commute-limit.svelte-1m5p7xe>span:where(.svelte-1m5p7xe){color:#422212;font-size:.87rem;font-weight:700}details.svelte-1m5p7xe{position:relative;min-inline-size:0;-webkit-tap-highlight-color:#aa6d2538}summary.svelte-1m5p7xe,button.svelte-1m5p7xe{display:flex;align-items:center;justify-content:space-between;gap:10px;min-block-size:44px;padding:7px 12px;border-radius:8px;color:var(--ink);font-size:.88rem;text-align:start}summary.svelte-1m5p7xe{border:1px solid #bb8c59;background:#fff8e9;list-style:none;box-shadow:inset 0 1px #fffdf8}summary.svelte-1m5p7xe::-webkit-details-marker{display:none}summary.svelte-1m5p7xe:hover,details[open].svelte-1m5p7xe summary:where(.svelte-1m5p7xe){border-color:#8c501f}summary.svelte-1m5p7xe svg,button.svelte-1m5p7xe svg{flex:none;color:var(--bronze)}details[open].svelte-1m5p7xe summary:where(.svelte-1m5p7xe) svg{transform:rotate(180deg)}ul.svelte-1m5p7xe{position:absolute;z-index:2;inset-inline:0;inset-block-start:calc(100% + 5px);padding:4px;border:1px solid #bb8c59;border-radius:11px;background:#fff8eb;box-shadow:0 7px 18px #67341530}button.svelte-1m5p7xe{inline-size:100%;border:1px solid transparent;background:transparent}button[aria-pressed=true].svelte-1m5p7xe{border-color:#c49f70;background:#f6e5cd;font-weight:700}button[aria-pressed=false].svelte-1m5p7xe svg{visibility:hidden}button.svelte-1m5p7xe:hover,button.svelte-1m5p7xe:focus-visible{background:#f3dfbf}button.svelte-1m5p7xe:focus-visible{outline-offset:-2px}.product-family.svelte-1lkz9bf{display:grid;grid-template-columns:minmax(0,25%) minmax(0,1fr);align-items:end;gap:clamp(8px,1.7vw,18px);inline-size:min(100%,510px);justify-self:center}.phone.svelte-1lkz9bf{grid-column:1}.tablet.svelte-1lkz9bf{grid-column:2}.device-screen.svelte-1lkz9bf{align-self:end;padding:clamp(3px,.6vw,8px);overflow:hidden;border:1px solid #b88453;border-radius:clamp(8px,1.5vw,21px);background:linear-gradient(145deg,#bc8d62,#5e3924 49%,#926343);box-shadow:inset 0 0 0 1px #ffe9c063,0 9px 18px #5c2f0e24}.device-screen.svelte-1lkz9bf img:where(.svelte-1lkz9bf){display:block;inline-size:100%;block-size:auto;border-radius:clamp(4px,1vw,13px);background:#fff8ec}.phone-display.svelte-1lkz9bf{padding:clamp(2px,.23vw,3px);border-radius:clamp(4px,.68vw,9px);background:#fbf8f1}.phone-display.svelte-1lkz9bf img:where(.svelte-1lkz9bf){border-radius:3px}.examples.svelte-1ccv891{padding-block-end:clamp(45px,4.8vw,66px)}.example-grid.svelte-1ccv891{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.7vw,23px)}.example-grid.svelte-1ccv891 li:where(.svelte-1ccv891){display:flex;flex-direction:column;min-inline-size:0;overflow:hidden;background:linear-gradient(#fff9ed,#f1dcc3);border:1px solid #c39a6b;border-radius:12px;box-shadow:0 4px 10px var(--shadow),inset 0 0 0 2px #fff7e4}.example-grid.svelte-1ccv891 img:where(.svelte-1ccv891){inline-size:100%;block-size:auto;flex:none;aspect-ratio:2.15;object-fit:cover;border-block-end:1px solid #bc8a53}.card-copy.svelte-1ccv891{flex:1;display:flex;flex-direction:column;gap:8px;padding:clamp(13px,1.5vw,22px);font-size:.9rem;line-height:1.48;overflow-wrap:anywhere}.card-copy.svelte-1ccv891 .kicker:where(.svelte-1ccv891){font-size:.72rem;letter-spacing:.075em;line-height:1.3}.card-copy.svelte-1ccv891 h3:where(.svelte-1ccv891){font-size:1.08rem;font-weight:600;line-height:1.29}.concern.svelte-1ccv891{color:var(--muted)}.approach.svelte-1ccv891{margin-block-start:2px;padding-inline-start:10px;border-inline-start:2px solid #ab7544;color:#412617}.other-example.svelte-1ccv891 h3:where(.svelte-1ccv891){font:700 1.38rem/1.15 var(--serif)}:is(:lang(ar),:lang(ur),:lang(hi),:lang(bn),:lang(zh-Hans)) .kicker.svelte-1ccv891{letter-spacing:normal}@media(max-width:950px){.example-grid.svelte-1ccv891{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.example-grid.svelte-1ccv891{grid-template-columns:minmax(0,1fr)}.example-grid.svelte-1ccv891 img:where(.svelte-1ccv891){aspect-ratio:2.35}}details.svelte-lczyx7{--disclosure-inset: clamp(14px, 2vw, 24px);border:1px solid #b9895c99;border-radius:12px;background:linear-gradient(155deg,#fff9ee,#f0ddc4);box-shadow:inset 0 0 0 2px #fffaf088,0 3px 9px #62280c0f}summary.svelte-lczyx7{display:flex;align-items:center;justify-content:space-between;min-block-size:48px;gap:12px;padding:10px var(--disclosure-inset);border-radius:inherit;list-style:none;font-size:.95rem;font-weight:700}summary.svelte-lczyx7::-webkit-details-marker{display:none}summary.svelte-lczyx7:hover,details[open].svelte-lczyx7 summary:where(.svelte-lczyx7){color:var(--bronze)}summary.svelte-lczyx7 svg{color:var(--bronze);transition:transform .16s ease}details[open].svelte-lczyx7 summary:where(.svelte-lczyx7) svg{transform:rotate(180deg)}.disclosure-body.svelte-lczyx7{margin-inline:var(--disclosure-inset);padding-block:12px 15px;border-block-start:1px solid #bd8d5555;color:var(--muted);font-size:.94rem}.guides-demo.svelte-hy2wsd{justify-self:start;margin-block-start:7px;text-align:center}li.svelte-hy2wsd+li:where(.svelte-hy2wsd){border-block-start:1px solid #bd8d5555;margin-block-start:12px;padding-block-start:12px}h3.svelte-hy2wsd{color:var(--ink)}p.svelte-hy2wsd{margin-block-start:4px}.bridge.svelte-1584vz6{--sprig-width: clamp(146px, 20vw, 222px);--pivot: 95%;--bend: 2.5deg;position:relative;z-index:1;pointer-events:none}.sprig.svelte-1584vz6{position:absolute;inset-block-start:0;inset-inline-end:calc(var(--sprig-width) * -.43);inline-size:var(--sprig-width);opacity:.87;translate:0 -57%;transform-origin:var(--pivot) 92%}img.svelte-1584vz6{inline-size:100%;block-size:auto}.bridge.svelte-1584vz6:dir(rtl) img:where(.svelte-1584vz6){scale:-1 1}.bridge.svelte-1584vz6:dir(rtl){--pivot: 5%}.wide.svelte-1584vz6{--sprig-width: clamp(300px, 60vw, 820px);--bend: 1.15deg;--pivot: 5%;block-size:clamp(58px,7vw,115px)}.wide.svelte-1584vz6:dir(rtl){--pivot: 95%}.wide.svelte-1584vz6 .sprig:where(.svelte-1584vz6){inset-inline:calc(var(--sprig-width) * -.1) auto;inset-block-start:64%;translate:0 -49%;transform-origin:var(--pivot) 84%;opacity:.92}.tall.svelte-1584vz6{--sprig-width: clamp(72px, 8vw, 124px)}.tall.svelte-1584vz6 .sprig:where(.svelte-1584vz6){inset-inline-end:calc(var(--sprig-width) * -.27);translate:0 -52%;transform-origin:var(--pivot) 4%}@media(max-width:760px){.bridge.svelte-1584vz6{--sprig-width: clamp(100px, 26vw, 150px)}.wide.svelte-1584vz6{--sprig-width: min(86vw, 500px)}.tall.svelte-1584vz6{--sprig-width: clamp(58px, 14vw, 90px)}.tall.svelte-1584vz6 .sprig:where(.svelte-1584vz6){inset-inline-end:calc(var(--sprig-width) * -.6)}.sprig.svelte-1584vz6{opacity:.76}}@media(prefers-reduced-motion:no-preference){.sprig.svelte-1584vz6{animation:svelte-1584vz6-sway 8s ease-in-out infinite alternate}.wide.svelte-1584vz6 .sprig:where(.svelte-1584vz6){animation-duration:10s;animation-delay:-5s}.tall.svelte-1584vz6 .sprig:where(.svelte-1584vz6){animation-duration:9s;animation-delay:-2s}}@keyframes svelte-1584vz6-sway{0%{rotate:calc(-1 * var(--bend))}to{rotate:var(--bend)}}.closing{padding-block:clamp(42px,5vw,72px) clamp(25px,4.5vw,64px)}.closing-panel{position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.97fr);align-items:center;min-block-size:clamp(320px,34vw,462px);border:1px solid #bd996c;border-radius:clamp(19px,3.3vw,40px);background:linear-gradient(150deg,#fff8e7,#f2dfbd);box-shadow:inset 0 0 0 3px #fff5de,0 12px 32px #73391120}.closing-art{z-index:-1;position:absolute;inset-block:0;inset-inline-end:0;inline-size:56%;-webkit-mask-image:linear-gradient(to right,transparent,#000 29%);mask-image:linear-gradient(to right,transparent,#000 29%)}.closing-art:dir(rtl){-webkit-mask-image:linear-gradient(to left,transparent,#000 29%);mask-image:linear-gradient(to left,transparent,#000 29%)}.closing-art img{inline-size:100%;block-size:100%;object-fit:cover;object-position:60% center}.closing-copy{padding:clamp(26px,5vw,74px);padding-inline-end:clamp(14px,2vw,28px);min-inline-size:0}.closing-copy h2{max-inline-size:16ch;text-wrap:pretty}.closing-copy p{max-inline-size:39ch;color:var(--muted);margin-block:16px 21px}.closing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:5px 18px}.closing-demo{display:inline-flex;min-block-size:44px;align-items:center;gap:7px;color:#673713;font-size:.86rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}.closing-demo svg{flex:none}.closing-demo:hover{color:#361a0c}@media(max-width:760px){.closing-panel{grid-template-columns:minmax(0,1fr);min-block-size:0}.closing-copy{padding:clamp(20px,6vw,38px);padding-block-end:13px}.closing-art,.closing-art:dir(rtl){z-index:auto;position:relative;grid-row:2;inline-size:100%;aspect-ratio:1.85;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%);mask-image:linear-gradient(to bottom,transparent,#000 28%)}.closing-art img{position:absolute}}.cookie-settings.svelte-jz8lnl{min-block-size:44px;padding:0;border:0;background:none;color:inherit;font-size:.76rem}.cookie-settings.svelte-jz8lnl:hover{color:var(--bronze);text-decoration:underline}.consent.svelte-1x0139m{position:fixed;z-index:8;inset-inline-end:12px;inset-block-end:max(12px,env(safe-area-inset-bottom));inline-size:min(410px,calc(100% - 24px));max-block-size:calc(100dvh - 24px);overflow:auto;padding:15px;border-width:1px;border-radius:13px;box-shadow:0 6px 26px #4a2b1e2e}.consent.svelte-1x0139m h2:where(.svelte-1x0139m){font:700 1.05rem/1.25 var(--sans);letter-spacing:normal}.consent.svelte-1x0139m p:where(.svelte-1x0139m){margin-block:6px 11px;color:var(--muted);font-size:.82rem}.consent.svelte-1x0139m a:where(.svelte-1x0139m){text-decoration:underline;text-underline-offset:2px}.choices.svelte-1x0139m{display:flex;flex-wrap:wrap;gap:7px}.choices.svelte-1x0139m button:where(.svelte-1x0139m){flex:1 1 auto;min-inline-size:0;min-block-size:44px}