@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg:light-dark(#f4f7f6,#0c1517);--surface:light-dark(#fff,#13201f);--surface-2:light-dark(#e4ecea,#22383a);--bg-sunk:var(--surface-2);--ink:light-dark(#0c1517,#eef4f2);--soft:light-dark(#2e403f,#c9d8d5);--ink-soft:light-dark(#4a5c5b,#a9bdbc);--ink-faint:light-dark(#56676a,#8ea4a3);--line:light-dark(#c9d6d3,#2c4244);--rule:light-dark(#dce5e3,#1e2f31);--rule-strong:var(--line);--teal-ink:light-dark(#0d7158,#7fe3c4);--coral-ink:light-dark(#b83d27,#ff8f7a);--sky-ink:light-dark(#1f6a8f,#8ed3f0);--jelly:linear-gradient(165deg, #6fe3c0 0%, #58c6d8 45%, #4f9fe8 100%);--on-jelly:#08201f;--on-jelly-dim:color-mix(in oklab, var(--on-jelly) 88%, transparent);--fill-coral:#ff8f7a;--on-coral:#1a0e0b;--fill-teal:#6fe3c0;--on-teal:#08201f;--fill-blue:#4f9fe8;--on-blue:#061a2e;--fill-sky:#8ed3f0;--on-sky:#06222e;--fill-lilac:#c9a4f0;--on-lilac:#1e0f33;--fill-lemon:#f2e27a;--on-lemon:#262004;--fill-apricot:#ffc27a;--on-apricot:#2a1604;--fill-lime:#9fe38a;--on-lime:#0f2408;--fill-pink:#f29bb6;--on-pink:#2c0a17;--brand-1:#6fe3c0;--brand-2:#58c6d8;--brand-3:#4f9fe8;--coral:#ff8f7a;--action:light-dark(#0d7158,#7fe3c4);--action-hover:light-dark(#0b6b5b,#9fecd4);--action-ink:light-dark(#fff,#08201f);--link:var(--teal-ink);--focus:light-dark(#1f6a8f,#8ed3f0);--error:light-dark(#a3341c,#ff9c85);--success:light-dark(#0a6454,#7fe3c4);--radius-s:8px;--radius-m:14px;--radius-l:22px;--radius-card:32px;--radius-stage:40px;--radius-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-section:clamp(72px, 9vw, 130px);--font:"Inter Variable", ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Bricolage Grotesque Variable", var(--font);--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--shadow-1:0 1px 2px light-dark(#14181a0f,#0006), 0 2px 8px light-dark(#14181a0a,#0000004d);--shadow-2:0 2px 4px light-dark(#14181a0f,#0006), 0 12px 32px light-dark(#14181a1a,#00000080);--shadow-icon:0 8px 28px light-dark(#14181a29,#0000008c), 0 2px 6px light-dark(#14181a1a,#0006);--measure:34rem;--measure-prose:44rem;--column:47rem;--column-wide:58rem;--figure-wide:1200px;--column-index:1200px;--column-site:1280px;--header-h:76px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark],.app-dark{color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.is-still,.is-still *,.is-still :before,.is-still :after{animation-play-state:paused!important}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);margin:0;font-size:1.0625rem;line-height:1.55}img{max-width:100%;height:auto}[hidden]{display:none!important}h1,h2,h3,h4{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:700;line-height:1.15}p{text-wrap:pretty;margin:0 0 1em}p:last-child{margin-bottom:0}a{color:var(--link);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--radius-s)}.wrap{width:100%;max-width:var(--column);padding-inline:var(--s-5);margin-inline:auto}.wrap--wide{max-width:var(--column-wide)}.wrap--index{max-width:var(--column-index)}.skip-link{background:var(--surface);color:var(--ink);padding:var(--s-3) var(--s-4);border-radius:var(--radius-s);box-shadow:var(--shadow-2);z-index:10;position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--s-4);top:var(--s-4)}.shell{max-width:var(--column-site);padding-inline:var(--s-6);margin-inline:auto}@media (width<=30rem){.shell{padding-inline:var(--s-4)}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink);margin:0 0 var(--s-4);font-size:.875rem;font-weight:600}.band__intro{margin-bottom:var(--s-7)}.band__intro--page{margin-bottom:var(--s-8)}.band__heading{margin-bottom:var(--s-4);text-wrap:wrap;font-size:clamp(2.75rem,5.4vw,5rem);line-height:.96}.band__lede{color:var(--ink-soft);max-width:60ch;margin:0;font-size:1.25rem;line-height:1.55}.placeholder{border:1px dashed var(--line);border-radius:var(--radius-m);background:var(--surface-2);width:100%;height:100%;min-height:160px;color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;place-items:center;font-size:.8125rem;display:grid}.placeholder--phone{aspect-ratio:340/700;min-height:420px}.tag{margin-left:var(--s-2);padding:2px var(--s-2);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-soft);font-family:var(--font);letter-spacing:.02em;vertical-align:middle;font-size:.6875rem;font-weight:650;display:inline-block}.tag--loud{margin:0 0 var(--s-3);background:color-mix(in oklab, var(--fill-lilac) 30%, transparent);color:var(--ink)}.hero{padding-block:var(--s-8) var(--s-section)}.hero__inner{align-items:center;gap:var(--s-7);flex-wrap:wrap;display:flex}.hero__text{flex:1.35 420px}.hero__stage{flex:340px;position:relative}.hero__title{margin-bottom:var(--s-5);font-size:clamp(3.25rem,7vw,5.5rem);line-height:.94}@media (width<=26.25rem){.hero__title{font-size:clamp(2.375rem,10vw,3.25rem)}}.hero__intro{color:var(--ink-soft);max-width:56ch;margin-bottom:var(--s-6);font-size:1.25rem;line-height:1.55}@media (width<=55.5rem){.hero__intro{font-size:1.125rem}}.hero__actions{align-content:center;align-items:stretch;gap:var(--s-6);margin-top:var(--s-6);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.hero__actions .badge,.hero__actions .ghost{display:flex}.hero__actions .ghost__face{justify-content:center;align-items:center;padding-inline:32px;display:flex}@media (width<=27rem){.hero__actions .ghost{display:none}}.hero__smallprint{color:var(--ink-faint);margin:0;font-size:.875rem}.ghost{padding-bottom:2px;text-decoration:none;display:inline-block}.ghost__face{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);will-change:translate;padding:12px 22px;font-size:.9375rem;font-weight:600;transition:translate .16s,border-color .16s;display:block}.ghost:hover .ghost__face{border-color:var(--rule-strong);translate:0 -2px}.ghost:active .ghost__face{translate:0}.lineup{--dev-u:clamp(90px, 15vw, 190px)}.dev{--dev-shell:#0a0f10;--dev-edge:#ffffff29;--dev-glass:#0c1517;flex-direction:column;align-items:center;display:flex}.dev__body{height:calc(var(--dev-u) * var(--dev-hk));aspect-ratio:calc((var(--dev-hk) - 2 * var(--dev-bk)) * var(--dev-ar-w) / var(--dev-ar-h) + 2 * var(--dev-bk)) / var(--dev-hk);padding:calc(var(--dev-u) * var(--dev-bk));border-radius:var(--dev-radius);background:var(--dev-shell);box-shadow:inset 0 0 0 1px var(--dev-edge), 0 18px 34px #08201f4d;box-sizing:border-box;position:relative}.dev__screen{border-radius:calc(var(--dev-radius) - var(--dev-u) * var(--dev-bk));background:var(--dev-glass);height:100%;overflow:hidden}.dev__screen img{object-fit:cover;width:100%;height:100%;display:block}.dev__blank{background:radial-gradient(120% 90% at 50% 0%, #ffffff12, transparent 70%), var(--dev-glass);height:100%;display:block}.dev--appletv{--dev-hk:1.06;--dev-bk:.026;--dev-ar-w:740;--dev-ar-h:416;--dev-radius:10px}.dev__neck{width:calc(var(--dev-u) * .1);height:calc(var(--dev-u) * .12);background:var(--dev-shell);box-shadow:inset 0 0 0 1px var(--dev-edge)}.dev__foot{width:calc(var(--dev-u) * .52);height:calc(var(--dev-u) * .045);background:var(--dev-shell);box-shadow:inset 0 0 0 1px var(--dev-edge);border-radius:999px}.dev--ipad{--dev-hk:.86;--dev-bk:.037;--dev-ar-w:440;--dev-ar-h:303;--dev-radius:16px}.dev__lens{top:calc(var(--dev-u) * var(--dev-bk) / 2);background:#ffffff73;border-radius:50%;width:3px;height:3px;position:absolute;left:50%;translate:-50% -50%}.dev--duo{--dev-hk:.84;--dev-bk:.032;--dev-ar-w:500;--dev-ar-h:352;--dev-radius:14px}.dev__hinge{inset-block:calc(var(--dev-u) * var(--dev-bk));width:calc(var(--dev-u) * .1);filter:blur(calc(var(--dev-u) * .013));background:linear-gradient(90deg,#0000 0%,#00000024 42%,#ffffff12 50%,#00000024 58%,#0000 100%);position:absolute;left:50%;translate:-50%}.dev--iphone{--dev-hk:.98;--dev-bk:.021;--dev-ar-w:184;--dev-ar-h:400;--dev-radius:16px}.dev__island{top:calc(var(--dev-u) * var(--dev-bk) + 3px);background:#05090a;border-radius:999px;width:34%;height:7px;position:absolute;left:50%;translate:-50%}.p3d{--screen-w:145;--screen-h:304;--p3d-w:340;--p3d-bezel:14;--p3d-radius:60;perspective:1400px;padding-block:var(--s-6);place-items:center;display:grid;position:relative}.p3d__blob{aspect-ratio:1;background:var(--jelly);opacity:.9;z-index:0;border-radius:49% 51% 52% 48%/52% 48%;width:min(520px,96%);animation:18s ease-in-out infinite p3d-blob;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes p3d-blob{0%{border-radius:49% 51% 52% 48%/52% 48%;scale:1}25%{border-radius:53% 47% 48% 52%/48% 53% 47% 52%;scale:1.015}50%{border-radius:47% 53% 51% 49%/53% 47% 49% 51%;scale:.992}75%{border-radius:51% 49% 47% 53%/47% 52% 53% 48%;scale:1.008}to{border-radius:49% 51% 52% 48%/52% 48%;scale:1}}.p3d__float{z-index:1;transform-style:preserve-3d;animation:6s ease-in-out infinite alternate p3d-float;position:relative}@keyframes p3d-float{0%{transform:rotateX(8deg)rotate(-2deg)translateY(0)}to{transform:rotateX(4deg)rotate(1deg)translateY(-14px)}}.p3d__body{width:calc(var(--p3d-w) * 1px);max-width:78vw;aspect-ratio:var(--p3d-w) / calc((var(--p3d-w) - 2 * var(--p3d-bezel)) * var(--screen-h) / var(--screen-w) + 2 * var(--p3d-bezel));transform-style:preserve-3d;animation:12s ease-in-out infinite alternate p3d-sway;position:relative;transform:rotateY(-24deg)}@keyframes p3d-sway{0%{transform:rotateY(-30deg)}to{transform:rotateY(-16deg)}}.p3d__layer{border-radius:calc(var(--p3d-radius) * 1px);transform:translateZ(var(--z));background:rgb(255 255 255/calc(.05 + var(--light) * .1));box-shadow:inset 0 0 0 1px rgb(255 255 255/calc(.05 + var(--light) * .12));position:absolute;inset:0}.p3d__face{border-radius:calc(var(--p3d-radius) * 1px);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.p3d__face--front{padding:calc(var(--p3d-bezel) / var(--p3d-w) * 100%);background:#0a0f10;transform:translateZ(8px);box-shadow:inset 0 0 0 2px #2a3537,0 30px 60px #00000059}.p3d__face--back{background:linear-gradient(165deg,#16262a,#0a0f10);place-items:center;display:grid;transform:rotateY(180deg)translateZ(8px);box-shadow:inset 0 0 0 2px #2a3537}.p3d__bump{background:#0d1416;border-radius:28px;width:86px;height:86px;position:absolute;top:22px;left:22px;box-shadow:inset 0 0 0 1px #ffffff14}.p3d__mould{opacity:.92;width:54%;height:auto}.p3d__screen{border-radius:calc((var(--p3d-radius) - var(--p3d-bezel)) * 1px);background:#0c1517;height:100%;position:relative;overflow:hidden}.p3d__screen video{object-fit:cover;width:100%;height:100%;display:block}.p3d__labels{pointer-events:none;z-index:2;margin:0;padding:0;list-style:none;position:absolute;inset:0}.p3d__labels li{padding:var(--s-2) var(--s-4);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-1);animation:p3d-bob var(--bob-time,5s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -1.6s);font-size:.8125rem;font-weight:500;position:absolute}.p3d__labels li:first-child{--bob-time:4.4s;--bob-rise:-12px;--bob-tilt:2.5deg;top:16%;left:-4%}.p3d__labels li:nth-child(2){--bob-time:5.7s;--bob-rise:-17px;--bob-tilt:-2deg;top:47%;right:-6%}.p3d__labels li:nth-child(3){--bob-time:6.9s;--bob-rise:-10px;--bob-tilt:3deg;bottom:14%;left:0%}@keyframes p3d-bob{0%{translate:0;rotate:calc(var(--bob-tilt,2deg) * -1)}to{translate:0 var(--bob-rise,-14px);rotate:var(--bob-tilt,2deg)}}@media (width<=40rem){.p3d__labels{display:none}}.scr{height:100%;font-family:var(--font);flex-direction:column;gap:12px;padding:54px 16px 16px;display:flex;position:relative}.scr__art{opacity:.9;background:linear-gradient(160deg,#ff9b84 0%,#c7618f 55%,#3b3270 100%);height:46%;position:absolute;inset:0 0 auto}.scr__top,.scr__rail,.scr__label,.scr__list,.scr__toast{z-index:1;position:relative}.scr__chip{color:#eef4f2;background:#0000006b;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:600;display:inline-block}.scr__rail{grid-template-columns:repeat(3,1fr);gap:8px;margin:150px 0 0;padding:0;list-style:none;display:grid}.scr__tile{aspect-ratio:2/3;background:#22383a;border-radius:10px}.scr__tile--a{background:linear-gradient(150deg,#6fe3c0,#4f9fe8)}.scr__tile--b{background:linear-gradient(150deg,#c9a4f0,#f29bb6)}.scr__tile--c{background:linear-gradient(150deg,#ffc27a,#ff8f7a)}.scr__label{color:#a9bdbc;margin:6px 0 0;font-size:11px;font-weight:600}.scr__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.scr__list li{align-items:center;gap:8px;display:flex}.scr__list span:first-child{background:#22383a;border-radius:6px;flex:none;width:42px;height:28px}.scr__list span:last-child{background:#1e2f31;border-radius:4px;flex:1;height:8px}.scr__toast{color:#0c1517;background:#eef4f2f2;border-radius:14px;align-items:center;gap:9px;margin-top:auto;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.scr__ring{flex:none;width:20px;height:20px;rotate:-90deg}.scr__ring circle{fill:none;stroke-width:4px}.scr__ring-track{stroke:#0c15172e}.scr__ring-fill{stroke:#0e7a5f;stroke-dasharray:94.2;stroke-dashoffset:94.2px;animation:6s linear infinite p3d-ring}@keyframes p3d-ring{0%{stroke-dashoffset:94.2px}to{stroke-dashoffset:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both band-open view();animation-range:entry 80px entry 520px}@keyframes band-open{0%{clip-path:circle(14%)}to{clip-path:circle(85%)}}}}.devices{background:var(--jelly);color:var(--on-jelly);padding-block:var(--s-section);border-radius:var(--radius-stage);margin-inline:var(--s-4)}.devices .band__lede{color:color-mix(in oklab, var(--on-jelly) 88%, transparent)}.devices .placeholder{border-color:color-mix(in oklab, var(--on-jelly) 25%, transparent);background:color-mix(in oklab, var(--on-jelly) 8%, transparent);color:color-mix(in oklab, var(--on-jelly) 88%, transparent)}.devices .tag{background:color-mix(in oklab, var(--on-jelly) 14%, transparent);color:var(--on-jelly)}.lineup{justify-content:space-between;gap:var(--s-6);grid-template-columns:repeat(4,auto);margin:0;padding:0;list-style:none;display:grid}.lineup__item:has(.dev--appletv){--col:calc(var(--dev-u) * 1.845)}.lineup__item:has(.dev--ipad){--col:calc(var(--dev-u) * 1.215)}.lineup__item:has(.dev--duo){--col:calc(var(--dev-u) * 1.166)}.lineup__item:has(.dev--iphone){--col:max(calc(var(--dev-u) * .473), 165px)}.lineup__item{gap:var(--s-4);width:var(--col,auto);flex-direction:column;display:flex}.lineup__screen{min-height:calc(var(--dev-u) * 1.225);justify-content:center;align-items:flex-end;display:flex}.lineup__label{text-align:center}.lineup__name{margin-bottom:var(--s-2);font-size:1.25rem}.lineup__blurb{color:color-mix(in oklab, var(--on-jelly) 88%, transparent);margin:0;font-size:.9375rem}@media (width<=64rem){.lineup{--dev-u:clamp(96px, 18vw, 180px);grid-template-columns:repeat(2,1fr);justify-content:normal;row-gap:0}.lineup__item{width:auto}}@media (width<=40rem){.lineup{--dev-u:clamp(120px, 34vw, 190px);grid-template-columns:1fr}.lineup__item:has(.dev--iphone){margin-top:15px}.devices{padding-top:36px}}.features{padding-block:var(--s-section)}.feature-list{flex-direction:column;gap:clamp(101px,12.6vw,182px);display:flex}.frow{align-items:center;gap:var(--s-7);flex-wrap:wrap;display:flex}.frow--flip{flex-direction:row-reverse;justify-content:flex-end}.frow__text{flex:1.25 520px;max-width:56ch}.frow .stage{flex:440px}.frow__title{margin-bottom:var(--s-4);font-size:clamp(2.5rem,4.3vw,3.75rem);line-height:1}.frow__body{color:var(--ink-soft);margin:0;font-size:1.0625rem}.fpair{gap:var(--s-7);grid-template-columns:1fr;display:grid}.fcell{gap:var(--s-5);flex-direction:column-reverse;display:flex}.fcell__title{margin:0 0 var(--s-3);font-size:clamp(1.875rem,2.5vw,2.125rem);line-height:1.05}.fcell__body{color:var(--ink-soft);max-width:56ch;margin:0;font-size:1rem}.title-link{color:inherit;text-decoration-line:underline;text-decoration-thickness:2px;text-decoration-color:color-mix(in oklab, currentColor 38%, transparent);text-underline-offset:.1em;transition:text-decoration-color .16s}.title-link:hover{text-decoration-color:currentColor}@media (width>=56rem){.fpair{column-gap:var(--s-7);row-gap:var(--s-5);grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.fcell{grid-row:span 2;grid-template-rows:subgrid;display:grid}}.stage{min-height:320px;padding:var(--s-6);border-radius:var(--radius-stage);background:var(--surface-2);place-items:center;display:grid}.stage--short{min-height:240px}.stage__media{border-radius:var(--radius-m);width:100%;height:auto;display:block}.stage:has(.mock:empty){min-height:180px}.stage--surface{background:var(--surface);border:1px solid var(--line)}.stage--teal{background:var(--fill-teal)}.stage--blue{background:var(--fill-blue)}.stage--sky{background:var(--fill-sky)}.stage--lilac{background:var(--fill-lilac)}.stage--lemon{background:var(--fill-lemon)}.stage--apricot{background:var(--fill-apricot)}.stage--lime{background:var(--fill-lime)}.stage--pink{background:var(--fill-pink)}.stage--coral{background:var(--fill-coral)}.stage:not(.stage--surface) .placeholder{color:#0009;background:#ffffff38;border-color:#00000038}.chips{gap:var(--s-2);margin:var(--s-5) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.chip{padding:var(--s-2) var(--s-4);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:.8125rem;font-weight:500}.mock{--mock-ink:#000000c7;--mock-dim:#000000a8;--mock-pane:#ffffff80;--mock-edge:#00000024;--mock-invert:#fff;width:100%;max-width:420px;color:var(--mock-ink);font-size:.8125rem;font-weight:500}.stage--surface .mock{--mock-ink:var(--ink);--mock-dim:var(--ink-faint);--mock-pane:var(--surface-2);--mock-edge:var(--line);--mock-invert:var(--surface)}.mock ul,.mock ol{margin:0;padding:0;list-style:none}.mock b{font-weight:650}.mock__node{padding:var(--s-3) var(--s-5);border-radius:var(--radius-pill);background:var(--mock-pane);border:1px solid var(--mock-edge)}.mock--direct-play{max-width:560px}.swap{column-gap:var(--s-4);row-gap:var(--s-3);grid-template-rows:auto auto auto;grid-template-columns:1fr auto 1fr;display:grid}.swap__side{grid-row:span 3;grid-template-rows:subgrid;margin:0;display:grid}.swap__who{font-family:var(--font-display);letter-spacing:-.015em;font-size:1.0625rem;font-weight:700;line-height:1.15}.swap__thumb{aspect-ratio:var(--swap-ar,16 / 9);border-radius:var(--radius-m);background:var(--mock-pane);border:3px solid #fff;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #08201f29,0 6px 16px #08201f2e}.swap__tag{color:#fff;font-family:var(--font);letter-spacing:.02em;background:#2e3335;border-radius:5px;padding:2px 6px;font-size:.625rem;font-weight:700;line-height:1.4;position:absolute;top:5px;right:5px}.swap__thumb img{object-fit:cover;width:100%;height:100%;display:block}.swap__blank{background:linear-gradient(135deg,#ffffff3d,#0000 62%);height:100%;display:block}.swap .swap__spec{color:var(--mock-dim);align-self:start;margin:0;padding:0;font-size:.75rem;line-height:1.45;list-style:none;display:block}.swap__spec li{display:inline}.swap__spec li:not(:last-child):after{content:", "}.swap__arrow{grid-area:2/2;align-self:center;place-items:center;display:grid}.swap__arrow svg{width:clamp(26px,9vw,46px);height:auto;display:block}.swap__arrow path{fill:none;stroke:var(--mock-ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}@media (width<=37.5rem){.swap{--swap-spec:5rem;gap:var(--s-3);flex-direction:column;display:flex}.swap__side{grid-template-columns:minmax(0, 1fr) var(--swap-spec);column-gap:var(--s-4);row-gap:var(--s-2);grid-template-rows:auto auto;display:grid}.swap__who{grid-column:1/-1}.swap .swap__spec{align-self:end}.swap__spec li{display:block}.swap__spec li:not(:last-child):after{content:none}.swap__arrow{grid-template-columns:minmax(0, 1fr) var(--swap-spec);align-self:stretch;column-gap:var(--s-4);display:grid}.swap__arrow svg{grid-column:1;rotate:90deg}}.mock--skipping{max-width:580px}.stage:has(.mock--skipping){min-height:0}.skip{--loop:19.5s}.skip__screen{aspect-ratio:16/9;border-radius:var(--radius-m);background:#0a0f10;position:relative;overflow:hidden;box-shadow:0 1px 2px #08201f29,0 6px 16px #08201f2e}.skip__video{object-fit:cover;width:100%;height:100%;display:block}.skip__blank{background:radial-gradient(120% 90% at 28% 18%,#ffffff1a,#0000 68%),linear-gradient(160deg,#16262a,#0a0f10);height:100%;display:block}.skip__black{z-index:2;opacity:0;animation:skip-black var(--loop) linear infinite;background:#000;position:absolute;inset:0}@property --p{syntax:"<percentage>";inherits:true;initial-value:34%}.skip__bar{z-index:1;--p:34%;height:6px;animation:skip-play var(--loop) linear infinite;background:#ffffff4d;border-radius:3px;position:absolute;bottom:14px;left:14px;right:14px}.skip__seg{z-index:1;background:#ffb067;border-radius:3px;position:absolute;top:0;bottom:0}.skip__seg--intro{width:9%;left:0}.skip__seg--credits{left:72%;right:0}.skip__mark{z-index:2;left:var(--at);background:#ffffffd9;border-radius:1px;width:2px;height:10px;position:absolute;top:-2px;translate:-1px}.skip__fill{width:var(--p);background:#fff;border-radius:3px;position:absolute;top:0;bottom:0;left:0}.skip__head{z-index:3;left:var(--p);background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;translate:-50% -50%;box-shadow:0 1px 4px #0000008c}.skip__pill,.skip__count{z-index:1;border-radius:var(--radius-pill);color:#fff;white-space:nowrap;background:#0a0f10d6;padding:6px 12px;font-size:.75rem;font-weight:600;line-height:1.35;position:absolute;bottom:32px;right:14px}.skip__pill{animation:skip-pill var(--loop) linear infinite}.skip__count{opacity:0;animation:skip-count var(--loop) linear infinite}.skip__nums{vertical-align:baseline;width:1ch;height:1em;display:inline-block;position:relative}.skip__n{text-align:center;opacity:0;font-weight:700;position:absolute;inset:0}.skip__n--3{animation:skip-n3 var(--loop) linear infinite}.skip__n--2{animation:skip-n2 var(--loop) linear infinite}.skip__n--1{animation:skip-n1 var(--loop) linear infinite}@keyframes skip-play{0%{--p:2%}1.3%{--p:3%}1.6%{--p:9%}76.9%{--p:72%}92.3%{--p:79%}92.6%{--p:100%}98.9%{--p:100%}99%{--p:2%}to{--p:2%}}@keyframes skip-black{0%{opacity:1}2%{opacity:0}94.9%{opacity:0}to{opacity:1}}@keyframes skip-pill{0%,1.6%{opacity:0;translate:0 6px}3.5%,16%{opacity:1;translate:0}19%,to{opacity:0;translate:0 6px}}@keyframes skip-count{0%,76.8%{opacity:0;translate:0 6px}76.9%,92.3%{opacity:1;translate:0}92.6%,to{opacity:0;translate:0 6px}}@keyframes skip-n3{0%,76.8%{opacity:0}76.9%,81.9%{opacity:1}82%,to{opacity:0}}@keyframes skip-n2{0%,81.9%{opacity:0}82%,87.1%{opacity:1}87.2%,to{opacity:0}}@keyframes skip-n1{0%,87.1%{opacity:0}87.2%,92.3%{opacity:1}92.4%,to{opacity:0}}.mock--subtitles{max-width:none}.stage:has(.mock--subtitles){place-items:stretch stretch;padding:0}.stage:has(.mock--subtitles) .mock--subtitles,.stage:has(.mock--subtitles) .subs,.stage:has(.mock--subtitles) .subs__screen{height:100%}.stage:has(.mock--subtitles) .subs__screen{border-radius:var(--radius-stage);box-shadow:none}.subs__screen{padding:var(--subs-pad,16px);border-radius:var(--radius-m);background:#0a0f10;grid-template-rows:auto minmax(74px,auto);display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #08201f29,0 8px 22px #08201f33}.subs__back{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.subs__back--blank{background:radial-gradient(120% 90% at 30% 20%,#ffffff1f,#0000 70%),linear-gradient(160deg,#1b2d33,#0a0f10)}.subs__sheet{-webkit-backdrop-filter:blur(18px)saturate(140%);color:#fff;background:#161a1cb8;border-radius:18px;place-self:start center;gap:10px;width:100%;max-width:430px;padding:12px;font-size:.75rem;line-height:1.3;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.seg{background:#ffffff14;border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:2px;display:grid}.seg__opt{text-align:center;font:inherit;color:#ffffffb8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;padding:5px 8px;font-weight:500}.seg__opt:hover{color:#fff}.seg__opt.is-on{color:#fff;background:#ffffff38;font-weight:600}.seg--sizes .seg__opt{place-items:center;min-height:26px;line-height:1;display:grid}.subs__list{gap:1px;display:grid}.subs__row{border-radius:10px;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;padding:6px 4px;display:grid}.subs__row.is-on{background:#ffffff14}.subs__ico{place-items:center;display:grid}.subs__ico svg{fill:none;stroke:#ffffffc7;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.subs__text{gap:1px;min-width:0;display:grid}.subs__text b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.subs__text i{color:#ffffff8c;font-size:.6875rem;font-style:normal}.subs__row--off .subs__text b{color:#ff6b6b}.subs__row--off .subs__ico svg{stroke:#ff6b6b}.subs__tick svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.subs__rule{background:#ffffff1f;height:1px;margin:1px 4px}.subs__row--search{padding-top:7px;padding-bottom:2px}.subs{--cap-face:system-ui, -apple-system, "Segoe UI", sans-serif;--cap-size:.9725rem}.subs[data-font=ny]{--cap-face:ui-serif, "New York", Georgia, serif}.subs[data-size="0"]{--cap-size:.6875rem}.subs[data-size="1"]{--cap-size:.8175rem}.subs[data-size="2"]{--cap-size:.9725rem}.subs[data-size="3"]{--cap-size:1.1563rem}.subs[data-size="4"]{--cap-size:1.375rem}.subs__caption{text-align:center;text-wrap:balance;max-width:min(92%,430px);font-family:var(--cap-face);font-size:var(--cap-size);color:#fff;text-shadow:0 1px 2px #000000e6,0 0 10px #000000a6;place-self:end center;margin:0;padding-top:10px;font-weight:500;line-height:1.3;transition:font-size .14s;position:relative}@media (prefers-reduced-motion:reduce){.subs__caption{transition:none}}.mock--controls{max-width:none}.plays{gap:calc(var(--s-3) * 1.5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.play{align-items:center;column-gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--radius-m);background:var(--mock-pane);grid-template-columns:auto 1fr;grid-template-areas:"icon label""icon value";row-gap:1px;display:grid}.play__ico{grid-area:icon;place-items:center;display:grid}.play__ico svg{fill:none;width:26px;height:26px;stroke:var(--mock-ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.play__label{color:var(--mock-ink);grid-area:label;font-weight:650}.play__value{color:var(--mock-dim);grid-area:value;font-size:.75rem;font-weight:500}.play__switch{background:color-mix(in oklab, var(--mock-ink) 26%, transparent);border-radius:999px;grid-area:value;justify-self:start;width:30px;height:18px;transition:background .16s;position:relative}.play__switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:translate .16s;position:absolute;top:2px;left:2px}.play__switch.is-on{background:#007aff}.play__switch.is-on:after{translate:12px}@media (prefers-reduced-motion:reduce){.play__switch,.play__switch:after{transition:none}}@media (width<=38.125rem){.plays{grid-template-columns:1fr}.play__value,.play__switch{display:none}}.mock--downloads{max-width:none}.dls{--dls-loop:9s;overflow-anchor:none;min-height:352px;animation:dls-cycle var(--dls-loop) linear infinite;flex-direction:column;justify-content:center;display:flex}@keyframes dls-cycle{0%{opacity:0}6%,83%{opacity:1}90%,to{opacity:0}}.dls__pending{animation:dls-collapse var(--dls-loop) ease-in-out infinite;grid-template-rows:1fr;display:grid}.dls__pendingIn{min-height:0;overflow:hidden}@keyframes dls-collapse{0%,50%{opacity:1;grid-template-rows:1fr}59%,to{opacity:0;grid-template-rows:0fr}}.dls__new{opacity:0;animation:dls-new var(--dls-loop) ease-in-out infinite;grid-template-rows:0fr;display:grid}.dls__newIn{min-height:0;overflow:hidden}.dls__newRow{margin-top:var(--s-3);border-top:1px solid var(--mock-edge);padding-top:var(--s-3)}@keyframes dls-new{0%,50%{opacity:0;grid-template-rows:0fr}59%,to{opacity:1;grid-template-rows:1fr}}.dls__swap{display:inline-grid}.dls__swap>*{animation:dls-swap-out var(--dls-loop) ease-in-out infinite;grid-area:1/1}.dls__swap--to{opacity:0;animation-name:dls-swap-in}@keyframes dls-swap-out{0%,50%{opacity:1}59%,to{opacity:0}}@keyframes dls-swap-in{0%,50%{opacity:0}59%,to{opacity:1}}.dls__pending+.dls__label{margin-top:var(--s-4)}.dls__label{justify-content:space-between;gap:var(--s-3);margin:var(--s-2) 0 0;color:var(--mock-dim);font-size:.75rem;font-weight:600;display:flex}.dls__card{gap:var(--s-2);margin-top:var(--s-2);padding:var(--s-3) var(--s-4);border-radius:var(--radius-m);background:var(--mock-pane);display:grid}.dls__row{align-items:center;gap:var(--s-3);grid-template-columns:1fr auto;display:grid}.dls__text{gap:1px;min-width:0;display:grid}.dls__text b{font-weight:650}.dls__text i{color:var(--mock-dim);font-size:.75rem;font-style:normal}.dls__ico{place-items:center;display:grid}.dls__ico svg{fill:none;width:20px;height:20px;stroke:var(--mock-ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.dls__ico--chevron svg{stroke-width:2px;opacity:.55}.dls__ico--bin svg{width:19px;height:19px;fill:var(--mock-ink);stroke:none}.dls__bar{background:color-mix(in oklab, var(--mock-ink) 16%, transparent);border-radius:999px;height:5px;overflow:hidden}.dls__bar i{width:var(--p);animation:dls-fill var(--dls-loop) linear infinite;background:#007aff;border-radius:999px;height:100%;display:block}@keyframes dls-fill{0%,6%{width:6%}50%,to{width:100%}}.dls .dls__eps{margin-top:var(--s-1);border-top:1px solid var(--mock-edge);padding-top:var(--s-3)}.dls__eps li+li{margin-top:var(--s-3);border-top:1px solid var(--mock-edge);padding-top:var(--s-3)}.dls__eps .dls__new{border-top:0;margin-top:0;padding-top:0}.mock--casting{--dev-u:clamp(118px, 24vw, 228px);max-width:none}.cast{justify-items:center;display:grid}.cast__marks{justify-content:center;align-items:center;gap:calc(var(--dev-u) * .21);height:100%;display:flex}.cast{--cast-loop:5.5s}.cast__ico{animation:cast-pulse var(--cast-loop) ease-in-out infinite;place-items:center;display:grid}.cast__ico:nth-child(2){animation-delay:calc(var(--cast-loop) * .2)}@keyframes cast-pulse{0%{filter:drop-shadow(0 0 #fff0);transform:scale(1)}8%{filter:drop-shadow(0 0 14px #ffffff80);transform:scale(1.09)}20%,to{filter:drop-shadow(0 0 #fff0);transform:scale(1)}}.cast__ico svg{width:calc(var(--dev-u) * .33);fill:#fff;height:auto;display:block}.mock--servers{max-width:none}.stage:has(.mock--servers){padding-block:var(--s-8);border-color:#0000}.srv{--srv-gap:var(--s-7);--srv-max:470px;justify-items:center;display:grid}.srv__row,.srv__merge{gap:var(--srv-gap);width:100%;max-width:var(--srv-max);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.srv__row{justify-items:center}.srv__one{justify-items:center;gap:var(--s-3);display:grid}.srv__drive{width:clamp(62px,11vw,104px);height:auto;display:block}.srv__name{color:var(--mock-ink);white-space:nowrap;font-size:.875rem;font-weight:600}@media (width<=23.75rem){.srv__word{display:none}}.srv__merge{height:58px;margin-top:var(--s-4);--srv-half-col:calc((100% - 2 * var(--srv-gap)) / 6);position:relative}.srv__stem{background:var(--mock-edge);border-radius:1px;place-self:start center;width:2px;height:22px}.srv__cross{top:22px;left:var(--srv-half-col);right:var(--srv-half-col);background:var(--mock-edge);border-radius:1px;height:2px;position:absolute}.srv__drop{background:var(--mock-edge);border-radius:1px;width:2px;height:36px;position:absolute;top:22px;left:50%;translate:-50%}.srv__one-library{margin:var(--s-4) 0 0;padding:var(--s-3) var(--s-6);border-radius:var(--radius-pill);background:var(--mock-ink);color:var(--mock-invert);font-weight:650}@media (prefers-reduced-motion:no-preference){.srv.is-set .srv__in{opacity:0}.srv.is-go .srv__in{animation:srv-in .42s calc(var(--srv-i,0) * .15s) ease-out both}@keyframes srv-in{0%{opacity:0}to{opacity:1}}}@property --idx{syntax:"<number>";inherits:true;initial-value:0}.mock--coverflow{max-width:none}.stage:has(.mock--coverflow){padding:0}.flow{--flow-loop:16s;--flow-count:7;position:relative;container-type:inline-size}.flow__btn{z-index:2;top:var(--s-5);right:var(--s-5);background:color-mix(in srgb, #fff 50%, var(--fill-pink));animation:flow-press var(--flow-loop) linear infinite;border-radius:999px;padding:6px 14px;font-size:.8125rem;font-weight:600;position:absolute;box-shadow:0 4px 14px #0000002e}.flow__stage{--flow-room:11.6cqw;height:calc(44cqw * 1.5 + var(--flow-room));perspective:1100px;border-radius:var(--radius-stage);--idx:0;animation:flow-walk var(--flow-loop) linear infinite;position:relative;overflow:hidden}.flow__rail{transform-style:preserve-3d;position:absolute;inset:0}.flow__card{--d:calc(mod(var(--i) - var(--idx) + var(--flow-count) / 2, var(--flow-count)) - var(--flow-count) / 2);--ad:max(var(--d), calc(-1 * var(--d)));top:calc(var(--flow-room) * .3125);width:44cqw;transform-style:preserve-3d;transform:translateX(calc(var(--d) * 72cqw)) translateZ(calc(var(--ad) * -300px));opacity:calc(1 - min(var(--ad), 2) * .42);margin-left:-22cqw;position:absolute;left:50%}.flow__art{aspect-ratio:2/3;object-fit:cover;width:100%;height:auto;transform:rotateY(calc(clamp(-1, var(--d), 1) * -46deg));border-radius:10px;display:block;box-shadow:0 2.17cqw 5.07cqw #00000073}.flow__touch{z-index:3;width:34px;height:34px;animation:flow-touch var(--flow-loop) linear infinite;background:#ffffff42;border-radius:50%;margin:-17px 0 0 -17px;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1.5px #ffffff80}@keyframes flow-walk{0%{--idx:0}6%{--idx:0;animation-timing-function:cubic-bezier(.32,0,.1,1)}13%{--idx:1}19%{--idx:1;animation-timing-function:cubic-bezier(.32,0,.1,1)}26%{--idx:2}32%{--idx:2;animation-timing-function:cubic-bezier(.32,0,.1,1)}39%{--idx:3}48%{--idx:3;animation-timing-function:cubic-bezier(.1,.74,.1,1)}82%{--idx:14}to{--idx:14}}@keyframes flow-touch{0%{top:42%;left:70%;scale:1}6%{top:42%;left:70%;scale:1}13%{top:42%;left:36%;scale:1}14%{scale:.8}19%{top:42%;left:70%;scale:.8}20%{scale:1}26%{top:42%;left:36%;scale:1}27%{scale:.8}32%{top:42%;left:70%;scale:.8}33%{scale:1}39%{top:42%;left:36%;scale:1}40%{scale:.8}45%{top:40px;left:calc(100% - 52px);scale:.8}46.5%{scale:1}47.5%{scale:.68}49%{scale:1}84%{top:40px;left:calc(100% - 52px);scale:1}85%{scale:.8}96%{top:42%;left:70%;scale:.8}97%{scale:1}to{top:42%;left:70%;scale:1}}@keyframes flow-press{0%,46%{scale:1}47.5%{scale:.94}49%{scale:1}to{scale:1}}@property --cht{syntax:"<number>";inherits:true;initial-value:.7}.chaps{gap:var(--s-2);--chap-loop:5s;--chap-small:.75rem;--chap-big:1.5rem;--chap-name:.8125rem;--chap-lh:1.35;animation:chap-run var(--chap-loop) linear infinite;display:grid}@keyframes chap-run{0%{--cht:0}to{--cht:1}}.chap{--cp:clamp(0, (var(--cht) - var(--chap-i) * .19) * 5.55, 1);--cre:clamp(0, (var(--cht) - .76) * 8, 1);--clive:calc(1 - var(--cre));--cmove:calc(clamp(0, var(--cp) * 3, 1) * var(--clive));--ctype:clamp(0, (var(--cp) - .333) * 1.5, 1);min-height:calc(var(--chap-small) * 1.3 + var(--chap-name) * var(--chap-lh) + var(--s-3) * 2);padding:var(--s-3);border-radius:var(--radius-s);background:var(--mock-pane);align-content:center;display:grid}.chap__num{color:var(--mock-dim);font-size:calc(var(--chap-small) + (1 - var(--cmove)) * (var(--chap-big) - var(--chap-small)));white-space:nowrap;justify-self:start;line-height:1.3;position:relative}.chap__strike{height:1px;transform:scaleX(var(--cmove));transform-origin:0;background:currentColor;position:absolute;inset:50% 0 auto}.chap__slot{height:calc(var(--cmove) * var(--chap-lh) * 1em);font-size:var(--chap-name);display:block;overflow:hidden}.chap__name{line-height:var(--chap-lh);white-space:pre;opacity:var(--clive);font-weight:650;display:block}.chap__ch{opacity:clamp(0, (var(--ctype) * var(--chap-n) - var(--cci)) * 999, 1)}.apps{justify-content:center;align-items:center;gap:var(--s-8);display:flex}.apps__icon{border-radius:22%;width:clamp(88px,17vw,160px);height:auto;display:block;box-shadow:0 8px 20px #00000038}.mock--watched{max-width:none}.marks{border-radius:var(--radius-m);background:var(--mock-pane);width:min(320px,100%);margin-inline:auto;overflow:hidden}.marks__group,.marks__row{position:relative}.marks__group+.marks__group:before,.marks__row+.marks__row:before{content:"";inset:0 var(--s-4) auto;background:var(--mock-edge);height:1px;position:absolute}.marks__group+.marks__group:before{background:color-mix(in oklab, var(--mock-ink) 22%, transparent)}.marks__title{padding:var(--s-4) var(--s-4) 2px;color:color-mix(in oklab, var(--mock-dim) 86%, transparent);margin:0;font-size:.75rem;font-weight:600}.stage--lime .marks__title{color:color-mix(in oklab, color-mix(in oklab, var(--on-lime) 80%, var(--fill-lime)) 88%, transparent)}.marks__group:first-child .marks__title{padding-top:var(--s-3)}.marks__row{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);color:var(--mock-ink);font-size:.9375rem;font-weight:500;display:flex}.marks__ico{flex:none;place-items:center;display:grid}.marks__ico svg{fill:none;width:20px;height:20px;stroke:var(--mock-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.stage:has(.tally){background:linear-gradient(118deg,#7a2fbe 0%,#5b4acb 46%,#1f6fb2 100%);padding:clamp(32px,5vw,56px)}.mock--stats{max-width:none}.tally{color:#fff;text-align:center}.tally__head{margin:0 0 var(--s-6);font-family:var(--font-display);font-size:clamp(1.25rem,2.6vw,1.625rem);font-weight:700}.tally .tally__counts,.tally .tally__times{padding-top:var(--s-6);border-top:1px solid #ffffff57}.tally .tally__counts{gap:var(--s-3);margin-bottom:var(--s-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tally__counts li{gap:2px;display:grid}.tally__n{font-family:var(--font-display);font-size:clamp(1.75rem,4.4vw,2.75rem);font-weight:700;line-height:1}.tally__of{font-size:.8125rem;line-height:1.25}.tally__n,.tally__num{font-variant-numeric:tabular-nums}.tally__num{min-width:calc(var(--digits,1) * 1ch);text-align:right;display:inline-block}.tally__times{gap:var(--s-2);display:grid}.tally__total{margin:0;font-size:clamp(1.0625rem,2.2vw,1.375rem)}.tally__recent{margin:0;font-size:.875rem}.tally__big{font-weight:700}.mock--quizzes{max-width:560px}.quiz{--quiz-right:#5ddc8c;--quiz-wrong:#ff7676}.quiz__deck{border-radius:var(--radius-l);color:#fff;background:#141417eb;display:grid;overflow:hidden;box-shadow:0 14px 34px #00000038}.quiz__card{padding:var(--s-5);grid-area:1/1;transition:transform .52s cubic-bezier(.65,0,.35,1)}.quiz__card--result{align-content:center;justify-items:center;gap:var(--s-3);text-align:center;display:grid;position:relative;transform:translate(104%)}.quiz.is-done .quiz__card--ask{transform:translate(-104%)}.quiz.is-done .quiz__card--result{transform:translate(0)}.quiz__card--result,.quiz.is-done .quiz__card--ask{pointer-events:none}.quiz.is-done .quiz__card--result{pointer-events:auto}.quiz__meta{justify-content:space-between;align-items:baseline;gap:var(--s-4);margin:0 0 var(--s-3);font-size:.875rem;font-weight:600;display:flex}.quiz__place{color:#ffffffad;font-weight:500}.quiz__ask{margin:0 0 var(--s-5);font-size:clamp(1.0625rem,2.1vw,1.3125rem);font-weight:650;line-height:1.35}.quiz__blank{--quiz-rule:#fff;text-align:center;white-space:nowrap;width:3.4em;line-height:1;transition:width .3s cubic-bezier(.3,0,.2,1);display:inline-block;position:relative}.quiz__blank:before{content:"​"}.quiz__blank:after{content:"";background:var(--quiz-rule);height:2px;transition:background-color .3s;position:absolute;inset:100% 0 auto}.quiz__blank.is-right{--quiz-rule:var(--quiz-right)}.quiz__blank.is-wrong{--quiz-rule:var(--quiz-wrong)}.quiz__blank.is-still{transition:none}.quiz__fill{font-weight:700}.quiz__fill--right{color:var(--quiz-right)}.quiz__fill--wrong{color:var(--quiz-wrong)}.quiz__fill.is-struck{opacity:.45;text-decoration:line-through;transition:opacity .3s}.quiz__ch{opacity:0;display:inline-block}.quiz__fill.is-typing .quiz__ch{animation:quiz-pop .38s calc(var(--i) * 45ms) cubic-bezier(.2, .8, .3, 1) both}@keyframes quiz-pop{0%{opacity:0;transform:scale(.5)}55%{opacity:1;transform:scale(1.42)}to{opacity:1;transform:scale(1)}}.quiz .quiz__options{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.quiz__option{appearance:none;width:100%;padding:var(--s-3);border-radius:var(--radius-m);color:inherit;font:inherit;text-align:center;cursor:pointer;background:#ffffff21;border:1px solid #0000;font-size:1rem;font-weight:500;transition:background-color .18s,border-color .18s,color .18s;display:block}.quiz__option:hover{background:#ffffff3d;border-color:#ffffff52}.quiz__option.is-right{background:color-mix(in oklab, var(--quiz-right) 24%, transparent);border-color:var(--quiz-right);color:var(--quiz-right)}.quiz__option.is-wrong{background:color-mix(in oklab, var(--quiz-wrong) 24%, transparent);border-color:var(--quiz-wrong);color:var(--quiz-wrong)}.quiz__emoji{margin:0;font-size:clamp(2.75rem,7vw,3.75rem);line-height:1;position:relative}.quiz__glyph{z-index:1;position:relative}.quiz__burst{z-index:0;pointer-events:none;position:absolute;inset:0}.quiz__burst i{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px);background:hsl(var(--hue) 86% 62%);opacity:0;border-radius:1px;position:absolute;top:50%;left:50%}.quiz__card--result.is-popping .quiz__burst i{animation:quiz-burst 1.1s calc(var(--delay) * 1ms) cubic-bezier(.12, .75, .3, 1) both}@keyframes quiz-burst{0%{opacity:0;transform:translate(-50%, -50%) rotate(calc(var(--a) * 1deg)) translateY(0) rotate(0deg) scale(.3)}10%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(calc(var(--a) * 1deg)) translateY(calc(var(--dist) * -1px)) rotate(calc(var(--spin) * 1deg)) scale(1)}}.quiz__score,.quiz__verdict,.quiz__again{z-index:1;position:relative}.quiz__score{font-family:var(--font-display);margin:0;font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700}.quiz__verdict{color:#ffffffb3;margin:0;font-size:.9375rem}.quiz__again{appearance:none;margin-top:var(--s-2);padding:10px var(--s-5);color:inherit;font:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;font-size:.9375rem;font-weight:600;transition:background-color .18s,border-color .18s}.quiz__again:hover{background:#ffffff38;border-color:#fff6}@media (prefers-reduced-motion:reduce){.quiz__fill.is-typing .quiz__ch{animation-delay:0s}.quiz__card--result.is-popping .quiz__burst i{animation:none}}.more{text-align:center;max-width:960px;margin-inline:auto}.more__heading{margin:0 0 var(--s-7);font-family:var(--font-display);font-size:clamp(2.5rem,4.3vw,3.75rem);line-height:1}.more__list{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.more__list li{align-content:start;gap:var(--s-3);padding:var(--s-6);border-radius:var(--radius-l);background:var(--surface-2);display:grid}.more__title{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(1.875rem,2.5vw,2.125rem);font-weight:700;line-height:1.05}.more__body{color:var(--ink-soft);font-size:1.0625rem;line-height:1.55}.pricing{padding-block:var(--s-section);--plan-max:440px;--plans-max:calc(var(--plan-max) * 2 + var(--s-5))}.plans{grid-template-columns:repeat(auto-fit, minmax(min(320px, 100%), var(--plan-max)));justify-content:center;gap:var(--s-5);max-width:var(--plans-max);align-items:start;margin-inline:auto;display:grid}.pricing .band__intro{text-align:center}.pricing .band__lede{max-width:60ch;margin-inline:auto}.pricing .smallprint{max-width:var(--plans-max);margin-inline:auto}.covers{max-width:var(--plans-max);margin:var(--s-5) auto 0;padding:var(--s-5) var(--s-6);border-radius:var(--radius-card);background:var(--surface-2);text-align:center}.covers__heading{margin:0 0 var(--s-2);font-family:var(--font-display);letter-spacing:-.015em;font-size:clamp(1.125rem,1.8vw,1.375rem);font-weight:700;line-height:1.2}.covers__body{max-width:58ch;color:var(--ink-soft);margin:0;margin-inline:auto;font-size:.9375rem}.why{max-width:62ch;margin:var(--s-8) auto 0;padding-top:var(--s-7);border-top:1px solid var(--line)}.why__heading{margin:0 0 var(--s-4);font-family:var(--font-display);font-size:clamp(1.5rem,2.2vw,1.875rem);line-height:1.1}.why__para{margin:0 0 var(--s-4);color:var(--ink-soft)}.why__para:last-child{margin-bottom:0}.plan{gap:var(--s-4);padding:var(--s-6);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);flex-direction:column;display:flex}.plan--featured{background:var(--jelly);color:var(--on-jelly);border-color:#0000}.plan--featured .plan__body{color:color-mix(in oklab, var(--on-jelly) 88%, transparent)}.plan--featured .tag{background:color-mix(in oklab, var(--on-jelly) 16%, transparent);color:var(--on-jelly)}.plan__name{margin:0;font-weight:650}.plan__figure{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(2rem,3.4vw,2.75rem);font-weight:700;line-height:1}.plan__sub{font-family:var(--font);letter-spacing:0;margin-top:var(--s-2);opacity:.85;font-size:.9375rem;font-weight:500;display:block}.plan__body{color:var(--ink-soft);margin:0;font-size:.9375rem}.pill--wide{display:block}.pill--wide .pill__face{text-align:center}.smallprint{margin:var(--s-6) 0 0;color:var(--ink-faint);max-width:70ch;font-size:.8125rem}.privacy-band{padding-block:0 var(--s-section)}.privacy-band__card{padding:var(--s-section) var(--s-7);border-radius:var(--radius-stage);text-align:center;color:light-dark(#eef4f2,#0c1517);background:light-dark(#0c1517,#f4f7f6)}.privacy-band__mark{width:clamp(48px,6vw,64px);height:auto;margin:0 auto var(--s-5);display:block}.privacy-band__heading{margin-bottom:var(--s-4);font-size:clamp(2.25rem,4vw,3.5rem);line-height:1}.privacy-band__body{color:light-dark(#a9bdbc,#4a5c5b);max-width:60ch;margin:0 auto;font-size:1.125rem}.teaser{padding-block:var(--s-section);background:var(--surface)}.teaser__grid{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.teaser__grid .leadcard{flex-direction:column;height:100%;display:flex}.teaser__grid .leadcard__body{flex:1}.teaser__more{margin:var(--s-7) 0 0}.updates-band{margin-inline:var(--s-4);padding-block:var(--s-section);border-radius:var(--radius-stage);background:var(--jelly);color:var(--on-jelly)}.updates-band__inner{align-items:center;gap:var(--s-7);flex-wrap:wrap;display:flex}.updates-band__form{flex:1.3 420px}.updates-band__mould{flex:240px;place-items:center;display:grid}.updates-band__mould img{transform-origin:50% 85%;filter:drop-shadow(0 18px 30px #00000038);width:min(300px,70%);height:auto;animation:4.5s ease-in-out infinite alternate mould-wobble}@keyframes mould-wobble{0%{rotate:-5deg;scale:1 .98}to{rotate:5deg;scale:1 1.02}}.updates-band .panel{color:var(--ink);box-shadow:var(--shadow-2);border-color:#0000}.site-header{border-bottom:1px solid var(--rule);background:var(--bg)}html{scroll-padding-top:calc(var(--header-h) + var(--s-4))}.site-header{z-index:9;position:sticky;top:0}@supports (backdrop-filter:blur(1px)){.site-header{background:color-mix(in oklab, var(--bg) 76%, transparent);backdrop-filter:blur(14px)saturate(130%)}}.site-header__inner{max-width:var(--column-site);padding:var(--s-4) var(--s-6);align-items:center;gap:var(--s-5);flex-wrap:wrap;margin-inline:auto;display:flex}@media (width<=30rem){.site-header__inner{padding-inline:var(--s-4);gap:var(--s-4)}}.brand{align-items:center;gap:var(--s-3);color:var(--ink);text-decoration:none;display:inline-flex}.brand__mark{border-radius:10px;display:block}.brand__name{font-family:var(--font-display);letter-spacing:-.025em;font-size:1.1875rem;font-weight:700}.site-nav{margin-inline-start:auto}.site-nav__list{gap:var(--s-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav__link{color:var(--soft);font-size:.9375rem;font-weight:500;text-decoration:none}.site-nav__link:hover{color:var(--ink);text-decoration:underline}.site-nav__link[aria-current=page]{color:var(--ink);text-decoration-line:underline;text-decoration-thickness:2px;text-decoration-color:var(--link);text-underline-offset:.42em}.site-nav__link[aria-current=page]:hover{text-decoration-color:var(--link)}@media (width<=46rem){.site-nav__item--section{display:none}}@media (width<=25rem){.site-header__inner{gap:var(--s-3)}.site-nav__list{gap:var(--s-4)}.site-header .pill__tail{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<=35rem){.brand__name{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.site-header__end{align-items:center;gap:var(--s-3);display:flex}.theme-toggle{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;place-items:center;padding:0;transition:color .15s,border-color .15s;display:grid}.theme-toggle:hover{color:var(--ink);border-color:var(--rule-strong)}.theme-toggle__icon{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1;width:18px;height:18px}.theme-toggle__icon--sun{stroke:light-dark(#0000,currentColor)}.theme-toggle__icon--moon{stroke:light-dark(currentColor,#0000)}.pill{border-radius:var(--radius-pill);padding-bottom:2px;text-decoration:none;display:inline-block}.pill__face{border-radius:var(--radius-pill);background:var(--fill-coral);color:var(--on-coral);white-space:nowrap;will-change:translate;padding:9px 18px;font-size:.9375rem;font-weight:600;transition:translate .16s,box-shadow .16s;display:block}.pill:hover .pill__face{box-shadow:var(--shadow-2);translate:0 -2px}.pill:active .pill__face{translate:0}.badge{border-radius:var(--radius-m);color:inherit;-webkit-tap-highlight-color:transparent;padding-bottom:2px;text-decoration:none;display:inline-block}.badge__face{align-items:center;gap:var(--s-2);padding:10px var(--s-5) 10px var(--s-3);border:1px solid var(--ink);border-radius:var(--radius-m);background:var(--ink);color:var(--bg);text-align:left;will-change:translate;transition:translate .16s,box-shadow .16s;display:inline-flex}.badge:hover .badge__face{box-shadow:var(--shadow-2);translate:0 -2px}.badge:active .badge__face{translate:0}.badge__glyph{fill:currentColor;flex:none;width:40px;height:40px;translate:0 -2px}.badge__label{opacity:.85;font-size:.75rem;line-height:1.3;display:block}.badge__sublabel{letter-spacing:-.01em;font-size:1.125rem;font-weight:600;line-height:1.2;display:block}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-l);padding:var(--s-6);box-shadow:var(--shadow-1)}@media (width<=30rem){.panel{padding:var(--s-5) var(--s-4)}}.panel__heading{margin-bottom:var(--s-3);font-size:1.3125rem;font-weight:650}.panel__body{color:var(--ink-soft);max-width:var(--measure)}.field{gap:var(--s-2);margin-bottom:var(--s-4);text-align:left;flex-direction:column;display:flex}.field__label{color:var(--ink);font-size:.875rem;font-weight:600}.field__hint{color:var(--ink-faint);font-size:.8125rem}input[type=email],input[type=search],input[type=text],select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--rule-strong);border-radius:var(--radius-m);padding:var(--s-3) var(--s-4);min-height:48px;font-size:1rem;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:8.5rem;line-height:1.5}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235c686c' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s-4) center;padding-right:var(--s-7);background-size:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%239aa5a9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E")}}:root[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%239aa5a9' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E")}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in oklab, var(--focus) 26%, transparent);outline:none}input::placeholder,textarea::placeholder{color:var(--ink-faint);opacity:1}.inline-form{gap:var(--s-2);align-items:stretch;display:flex}.inline-form .field{flex:auto;margin-bottom:0}@media (width<=30rem){.inline-form{flex-direction:column}}.panel__smallprint{margin-top:var(--s-4);max-width:var(--measure);color:var(--ink-faint);margin-bottom:0;font-size:.8125rem}.btn{cursor:pointer;border-radius:var(--radius-m);font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0 0 2px;text-decoration:none;display:block}.btn__face{justify-content:center;align-items:center;gap:var(--s-2);min-height:48px;padding:var(--s-3) var(--s-5);border-radius:var(--radius-m);background:var(--action);color:var(--action-ink);letter-spacing:-.01em;white-space:nowrap;will-change:translate;font-size:1rem;font-weight:600;transition:translate .16s,background-color .16s,box-shadow .16s;display:flex}.btn:hover:not(:disabled) .btn__face{background:var(--action-hover);box-shadow:var(--shadow-1);translate:0 -2px}.btn:active:not(:disabled) .btn__face{translate:0}.btn:disabled{cursor:default}.btn:disabled .btn__face{opacity:.55}.btn--wide,.btn--wide .btn__face{width:100%}.status{min-height:1lh;margin-top:var(--s-3);text-align:left;font-size:.9375rem}.status[data-tone=error]{color:var(--error)}.status[data-tone=ok]{color:var(--success);font-weight:600}.turnstile{margin-top:var(--s-3)}.turnstile:empty{display:none}.prose{max-width:var(--measure-prose);margin-inline:auto}.prose h2{margin-block:var(--s-7) var(--s-3);font-size:1.375rem;font-weight:650}.prose h3{margin-block:var(--s-5) var(--s-2);font-size:1.0625rem;font-weight:650}.prose h4{color:var(--ink-soft);margin-block:var(--s-4) var(--s-2);font-size:.9375rem;font-weight:650}.prose h2:first-child,.prose h3:first-child,.prose h4:first-child{margin-top:0}.prose ul,.prose ol{margin-block:0 1em;padding-left:1.25em}.prose li{margin-bottom:var(--s-2)}.prose li::marker{color:var(--ink-faint)}.prose hr{border:0;border-top:1px solid var(--rule);margin-block:var(--s-7)}.prose code{font-family:var(--font-mono);background:var(--bg-sunk);border-radius:var(--radius-s);padding:.15em .4em;font-size:.875em}.prose strong{font-weight:650}.prose table{border-collapse:collapse;width:100%;font-size:.9375rem}.prose th,.prose td{text-align:left;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--rule)}.prose :where(table){display:block;overflow-x:auto}.page-head{padding-block:var(--s-7) var(--s-5);text-align:center}.page-head__title{margin-bottom:var(--s-2);font-size:clamp(1.875rem,6vw,2.5rem);font-weight:700}.page-head__meta{color:var(--ink-faint);font-size:.875rem}.page-head--guide .page-head__title{font-size:clamp(1.875rem,6.6vw,3.125rem)}.backlink{align-items:center;gap:var(--s-1);color:var(--ink-faint);padding-block:var(--s-4);font-size:.9375rem;text-decoration:none;display:inline-flex}.backlink:hover{color:var(--link);text-decoration:underline}.page-head__lede{max-width:var(--measure);margin-inline:auto;margin-top:var(--s-3);color:var(--ink-soft)}.posts{margin:0 0 var(--s-8);gap:var(--s-4);padding:0;list-style:none;display:grid}.posts__empty{color:var(--ink-faint);text-align:center;padding-block:var(--s-8)}.post-card{border-radius:var(--radius-l);color:inherit;padding-bottom:2px;text-decoration:none;display:block}.post-card__face{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-l);padding:var(--s-5) var(--s-5) var(--s-4);will-change:translate;transition:translate .16s,border-color .16s,box-shadow .16s;display:block}.post-card:hover .post-card__face{border-color:var(--rule-strong);box-shadow:var(--shadow-1);translate:0 -2px}.post-card:active .post-card__face{translate:0}.post-card__date{color:var(--ink-faint);margin-bottom:var(--s-2);font-size:.8125rem;display:block}.post-card__title{letter-spacing:-.02em;margin-bottom:var(--s-2);text-wrap:balance;font-size:1.25rem;font-weight:650;line-height:1.25;display:block}.post-card__desc{color:var(--ink-soft);max-width:var(--measure);font-size:.9875rem;display:block}.post-card__more{margin-top:var(--s-3);color:var(--link);font-size:.875rem;font-weight:600;display:inline-block}.post-card:hover .post-card__more{text-decoration:underline}.post-foot{max-width:var(--measure-prose);margin-inline:auto;margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid var(--rule);color:var(--ink-faint);font-size:.9375rem}.licences table{font-size:.9375rem}.licences th[scope=row]{white-space:nowrap;font-weight:650}.licences__offer{background:var(--bg-sunk);border:1px solid var(--rule);border-left:3px solid var(--brand-1);border-radius:var(--radius-m);padding:var(--s-4) var(--s-5)}.licence-text{margin-block:var(--s-5);border:1px solid var(--rule);border-radius:var(--radius-m);background:var(--bg-sunk)}.licence-text>summary{cursor:pointer;padding:var(--s-3) var(--s-4);color:var(--link);border-radius:var(--radius-m);font-size:.9375rem;font-weight:600;list-style-position:inside}.licence-text>summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.licence-text[open]>summary{border-bottom:1px solid var(--rule);border-end-end-radius:0;border-end-start-radius:0}.licence-text pre{padding:var(--s-4);font-family:var(--font-mono);color:var(--ink-soft);white-space:pre;-webkit-text-size-adjust:100%;-webkit-user-select:text;user-select:text;margin:0;font-size:.75rem;line-height:1.55;overflow-x:auto}@media (width<=30rem){.licence-text pre{padding:var(--s-3);font-size:.6875rem}}.contact-intro{margin-bottom:var(--s-6)}#form{scroll-margin-top:var(--s-5)}.ghero{padding-block:var(--s-7) var(--s-8)}.ghero__inner{align-items:center;gap:var(--s-7);flex-wrap:wrap;display:flex}.ghero__text{flex:1.1 420px}.ghero__title{margin-bottom:var(--s-4);font-size:clamp(2.75rem,6vw,4.5rem);line-height:.96}.ghero__lede{color:var(--ink-soft);max-width:52ch;margin-bottom:var(--s-6);font-size:1.1875rem}.problems{gap:var(--s-2);margin:0 0 var(--s-6);flex-wrap:wrap;padding:0;list-style:none;display:flex}.problem{padding:var(--s-2) var(--s-4);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-soft);font:inherit;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,background .15s;display:inline-block}.problem:hover{border-color:var(--rule-strong);color:var(--ink)}.leadcard{--card-fill:var(--fill-coral);--card-ink:var(--on-coral);color:var(--card-ink);flex:380px;padding-bottom:2px;text-decoration:none;display:block}.leadcard--teal{--card-fill:var(--fill-teal);--card-ink:var(--on-teal)}.leadcard--coral{--card-fill:var(--fill-coral);--card-ink:var(--on-coral)}.leadcard--blue{--card-fill:var(--fill-blue);--card-ink:var(--on-blue)}.leadcard--sky{--card-fill:var(--fill-sky);--card-ink:var(--on-sky)}.leadcard--lilac{--card-fill:var(--fill-lilac);--card-ink:var(--on-lilac)}.leadcard--lemon{--card-fill:var(--fill-lemon);--card-ink:var(--on-lemon)}.leadcard--apricot{--card-fill:var(--fill-apricot);--card-ink:var(--on-apricot)}.leadcard--lime{--card-fill:var(--fill-lime);--card-ink:var(--on-lime)}.leadcard--pink{--card-fill:var(--fill-pink);--card-ink:var(--on-pink)}.leadcard__media{border-radius:var(--radius-card) var(--radius-card) 0 0;aspect-ratio:16/9;background:var(--surface-2);display:block;overflow:hidden}.leadcard__media img{object-fit:cover;width:100%;height:100%;display:block}.leadcard__media--contain{background:#fff}.leadcard__media--contain img{object-fit:contain}.leadcard__body{padding:var(--s-5) var(--s-6) var(--s-6);border-radius:0 0 var(--radius-card) var(--radius-card);background:var(--card-fill);display:block}.leadcard__flag{letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin-bottom:var(--s-2);font-size:.75rem;font-weight:650;display:block}.leadcard__title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--s-2);font-size:1.625rem;font-weight:700;line-height:1.05;display:block}.leadcard__desc{opacity:.86;font-size:.9375rem;display:block}.leadcard__meta{margin-top:var(--s-3);letter-spacing:.04em;text-transform:uppercase;opacity:.7;font-size:.75rem;font-weight:650;display:block}.leadcard__cta{margin-top:var(--s-5);border-radius:var(--radius-pill);background:var(--card-ink);color:var(--card-fill);padding:9px 18px;font-size:.875rem;font-weight:650;transition:translate .16s;display:inline-block}.leadcard:hover .leadcard__cta{translate:0 -2px}.paths{padding-block:var(--s-8);background:var(--surface)}.band__heading--small{margin-bottom:var(--s-6);font-size:clamp(1.75rem,3vw,2.5rem)}.paths__grid{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.path{padding:var(--s-6);border-radius:var(--radius-card);border-top:6px solid var(--path-colour,var(--fill-teal));background:var(--bg);border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}.path--teal{--path-colour:var(--fill-teal)}.path--coral{--path-colour:var(--fill-coral)}.path--blue{--path-colour:var(--fill-blue)}.path--sky{--path-colour:var(--fill-sky)}.path--lilac{--path-colour:var(--fill-lilac)}.path--lemon{--path-colour:var(--fill-lemon)}.path--apricot{--path-colour:var(--fill-apricot)}.path--lime{--path-colour:var(--fill-lime)}.path--pink{--path-colour:var(--fill-pink)}.path__kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 var(--s-2);font-size:.75rem;font-weight:650}.path__title{margin-bottom:var(--s-4);font-size:1.375rem}.path__steps{gap:var(--s-3);flex-direction:column;margin:0;padding-left:1.3em;font-size:.9375rem;display:flex}.path__steps li::marker{color:var(--ink-faint);font-variant-numeric:tabular-nums}.path__steps a{color:var(--ink);text-decoration:none}.path__steps a:hover{color:var(--link);text-decoration:underline}.path__time{color:var(--ink-faint);font-size:.8125rem;display:block}.gfilters{justify-content:space-between;align-items:center;gap:var(--s-4);margin-bottom:var(--s-6);flex-wrap:wrap;display:flex}.legend{align-items:center;gap:var(--s-2);color:var(--ink-faint);margin:0;font-size:.75rem;display:flex}.dots{vertical-align:middle;gap:2px;display:inline-flex}.dots i{background:var(--line);border-radius:50%;width:5px;height:5px}.dots i.is-on{background:var(--teal-ink)}.legend .dots{margin-left:var(--s-3)}.legend .dots:first-child{margin-left:0}.gfeature{margin-top:var(--s-8);margin-bottom:var(--s-8)}.gfeature__grid{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.gfeature__grid .leadcard{flex-direction:column;height:100%;display:flex}.gfeature__grid .leadcard__body{flex:1}@media (width<=52rem){.gfeature__grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}}.gindex{margin-bottom:var(--s-8)}.gindex__grid{column-count:3;column-gap:var(--s-5)}@media (width<=64rem){.gindex__grid{column-count:2}}@media (width<=40rem){.gindex__grid{column-count:1}}.gpanel{break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:var(--s-5);border:1px solid var(--rule);border-radius:var(--radius-m);background:var(--surface);padding:var(--s-4) var(--s-5) var(--s-3);scroll-margin-top:var(--s-5)}.gpanel.is-called{animation:.66s cubic-bezier(.3,0,.2,1) both gpanel-call}@keyframes gpanel-call{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--panel-colour) 70%, transparent);translate:0}24%{box-shadow:0 0 0 4px color-mix(in oklab, var(--panel-colour) 70%, transparent);translate:0 -10px}48%{translate:0}68%{translate:0 -4px}86%{translate:0}to{translate:0;box-shadow:0 0 0 4px #0000}}@media (prefers-reduced-motion:reduce){.gpanel.is-called{box-shadow:0 0 0 4px color-mix(in oklab, var(--panel-colour) 70%, transparent);animation:none}}.gpanel__heading{justify-content:space-between;align-items:baseline;gap:var(--s-3);color:color-mix(in oklab, var(--ink) 80%, #000);letter-spacing:-.005em;padding-bottom:var(--s-3);margin-bottom:var(--s-2);border-bottom:1px solid var(--rule);font-size:.9375rem;font-weight:680;display:flex}.gpanel__soon{padding-block:var(--s-2) var(--s-3);color:var(--ink-faint);margin:0;font-size:.8125rem;font-style:italic}.glist{margin:0;padding:0;list-style:none}.glink{padding:var(--s-2) var(--s-3);margin-inline:calc(var(--s-3) * -1);border-radius:var(--radius-s);color:inherit;text-decoration:none;display:block}.glink:hover{background:var(--bg-sunk)}.glink:hover .glink__title{color:var(--link)}.glink__title{font-size:.9375rem;font-weight:500;line-height:1.35;display:block}.glink__meta{color:var(--ink-faint);margin-top:2px;font-size:.75rem;display:block}.glink__tag{margin-left:var(--s-2);padding:1px var(--s-2);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--brand-1) 20%, transparent);color:var(--teal-ink);font-size:.6875rem;font-weight:650;display:inline-block}.gpanel{border-top:5px solid var(--panel-colour,var(--line))}.gpanel--teal{--panel-colour:var(--fill-teal)}.gpanel--coral{--panel-colour:var(--fill-coral)}.gpanel--blue{--panel-colour:var(--fill-blue)}.gpanel--sky{--panel-colour:var(--fill-sky)}.gpanel--lilac{--panel-colour:var(--fill-lilac)}.gpanel--lemon{--panel-colour:var(--fill-lemon)}.gpanel--apricot{--panel-colour:var(--fill-apricot)}.gpanel--lime{--panel-colour:var(--fill-lime)}.gpanel--pink{--panel-colour:var(--fill-pink)}.glink__meta{align-items:center;gap:var(--s-2);display:flex}.gcta{margin-inline:var(--s-4);margin-bottom:var(--s-8);padding-block:var(--s-section);border-radius:var(--radius-stage);background:var(--jelly);color:var(--on-jelly);text-align:center}.gcta .eyebrow{color:color-mix(in oklab, var(--on-jelly) 88%, transparent)}.gcta__heading{margin-bottom:var(--s-4);max-width:22ch;margin-inline:auto;font-size:clamp(2rem,4vw,3rem);line-height:1.02}.gcta__body{max-width:52ch;margin:0 auto var(--s-6);color:color-mix(in oklab, var(--on-jelly) 88%, transparent)}.gcta .pill{display:inline-block}.gcta__note{margin:var(--s-4) 0 0;color:color-mix(in oklab, var(--on-jelly) 88%, transparent);font-size:.8125rem}.notes-filter{gap:var(--s-2);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.notes-filter__radio{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.notes-filter__btn{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--bg-sunk);color:var(--ink-soft);cursor:pointer;font-size:.875rem;font-weight:550;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.notes-filter__btn:hover{border-color:var(--rule-strong);color:var(--ink)}.notes-filter__count{font-variant-numeric:tabular-nums;color:var(--ink-faint);font-size:.75rem}.notes-filter__radio:checked+.notes-filter__btn{background:var(--ink);border-color:var(--ink);color:var(--bg)}.notes-filter__radio:checked+.notes-filter__btn .notes-filter__count{color:var(--bg);opacity:.7}.notes-filter__radio:focus-visible+.notes-filter__btn{outline:2px solid var(--focus);outline-offset:2px}.notes:has(#nf-release:checked) .posts>li:not([data-kind=release]),.notes:has(#nf-article:checked) .posts>li:not([data-kind=article]),.notes:has(#nf-ios:checked) .posts>li:not([data-platform=ios]),.notes:has(#nf-tvos:checked) .posts>li:not([data-platform=tvos]){display:none}.post-card__line{align-items:center;gap:var(--s-3);margin-bottom:var(--s-2);flex-wrap:wrap;display:flex}.post-card__line .post-card__date{margin-bottom:0}.post-card__release{padding:1px var(--s-2);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--brand-1) 20%, transparent);color:var(--teal-ink);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.6875rem;font-weight:650;display:inline-block}.post-card__release--tvos{background:color-mix(in oklab, var(--brand-3) 22%, transparent);color:var(--sky-ink)}.page-head__meta .post-card__release{margin-left:var(--s-3)}.post-card__meta{margin-top:var(--s-3);color:var(--ink-faint);font-size:.8125rem;display:block}.post-card__meta+.post-card__more{margin-top:var(--s-2)}.guide-facts{margin-bottom:var(--s-6)}.guide-facts dl{gap:var(--s-3) var(--s-6);padding:var(--s-4) var(--s-5);border-block:1px solid var(--rule);flex-wrap:wrap;justify-content:center;margin:0;font-size:.875rem;display:flex}.guide-facts dt{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.guide-facts dd{color:var(--ink-soft);margin:0;font-weight:600}.guide-prereqs{max-width:var(--measure-prose);margin:0 auto var(--s-6);padding:var(--s-4) var(--s-5);background:var(--bg-sunk);border:1px solid var(--rule);border-radius:var(--radius-m)}.guide-prereqs__heading{margin-bottom:var(--s-2);font-size:.9375rem;font-weight:650}.guide-prereqs ul{color:var(--ink-soft);margin:0;padding-left:1.15em;font-size:.9375rem}.guide-prereqs li{margin-bottom:var(--s-1)}.guide-contents{max-width:var(--measure-prose);margin:0 auto var(--s-7);padding-top:var(--s-2)}.guide-contents__heading{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin-bottom:var(--s-3);font-size:.75rem;font-weight:650}.guide-contents ol{margin:0;padding-left:1.4em;font-size:.9375rem}.guide-contents li{margin-bottom:var(--s-2)}.guide-contents li::marker{color:var(--ink-faint)}.guide-body :is(h2,h3){scroll-margin-top:var(--s-5)}.guide-body blockquote{padding-left:var(--s-4);border-left:3px solid var(--rule-strong);color:var(--ink-soft);margin:0 0 1em}.prose pre{padding:var(--s-4);border:1px solid var(--rule);border-radius:var(--radius-m);-webkit-text-size-adjust:100%;margin:0 0 1em;font-size:.8125rem;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .astro-code,:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}.figure{margin:var(--s-6) 0}.figure :is(img,video){border:1px solid var(--rule);border-radius:var(--radius-m);background:var(--bg-sunk);width:100%;height:auto;display:block}.figure figcaption{margin-top:var(--s-2);color:var(--ink-faint);font-size:.875rem;line-height:1.45}.figure--full{width:min(var(--figure-wide), calc(100vw - var(--s-6)));max-width:none;margin-left:50%;translate:-50%}.figure--full figcaption{max-width:var(--measure-prose)}.callout{margin:var(--s-5) 0;padding:var(--s-4) var(--s-5);border:1px solid var(--rule);border-left:3px solid var(--rule-strong);border-radius:var(--radius-m);background:var(--bg-sunk);font-size:.9375rem}.callout__label{margin-bottom:var(--s-1);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-size:.75rem;font-weight:650}.callout>:last-child{margin-bottom:0}.callout--tip{border-left-color:var(--brand-1)}.callout--tip .callout__label{color:var(--success)}.callout--warning{border-left-color:var(--coral)}.callout--warning .callout__label{color:var(--error)}.promo{margin-top:var(--s-8);margin-bottom:var(--s-6)}.promo__face{gap:var(--s-5);padding:var(--s-6);border:1px solid var(--rule);border-radius:var(--radius-l);background:var(--bg-sunk);box-shadow:var(--shadow-1);align-items:flex-start;display:flex}.promo__icon{width:84px;height:84px;box-shadow:var(--shadow-1);border-radius:23%;flex:none}.promo__eyebrow{margin-bottom:var(--s-1);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-size:.75rem;font-weight:650}.promo__heading{margin-bottom:var(--s-3);font-size:1.3125rem;font-weight:650}.promo__body{color:var(--ink-soft);margin-bottom:var(--s-5);font-size:.9875rem}.promo__cta{display:inline-block}.promo__footnote{margin-top:var(--s-3);color:var(--ink-faint);margin-bottom:0;font-size:.8125rem}@media (width<=34rem){.promo__face{text-align:center;padding:var(--s-5) var(--s-4);flex-direction:column;align-items:center}.promo__icon{width:72px;height:72px}}.guide-related{max-width:var(--measure-prose);margin:var(--s-7) auto var(--s-7);padding-top:var(--s-6);border-top:1px solid var(--rule)}.guide-related__heading{letter-spacing:-.02em;margin-bottom:var(--s-4);font-size:1.375rem;font-weight:650;line-height:1.15}.guide-related ul{gap:var(--s-4);margin:0;padding:0;list-style:none;display:grid}.guide-related a{font-weight:600;text-decoration:none}.guide-related a:hover{text-decoration:underline}.guide-related__desc{margin-top:var(--s-1);color:var(--ink-soft);font-size:.9375rem;display:block}.guide-foot{max-width:var(--measure-prose);padding-top:var(--s-5);border-top:1px solid var(--rule);color:var(--ink-faint);margin-inline:auto;font-size:.9375rem}.footer{border-top:1px solid var(--rule);padding-block:var(--s-6) var(--s-7);margin-top:var(--s-8);color:var(--ink-faint);font-size:.875rem}.footer__nav{gap:var(--s-3) var(--s-5);margin-bottom:var(--s-4);flex-wrap:wrap;justify-content:center;padding:0;list-style:none;display:flex}.footer__nav a{color:var(--ink-soft);text-decoration:none}.footer__nav a:hover{color:var(--link);text-decoration:underline}.footer__legal{text-align:center;max-width:var(--measure);margin-inline:auto}.footer__legal p{margin-bottom:var(--s-2)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.compare{width:min(var(--figure-wide), calc(100vw - var(--s-6)));margin-left:50%;margin-block:var(--s-8) var(--s-8);padding:var(--s-7) var(--s-6);background:var(--surface-2);border-radius:var(--radius-card);translate:-50%}.compare .compare__heading{margin:0 0 var(--s-2);text-align:center;letter-spacing:-.02em;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.125rem);font-weight:700;line-height:1.15}.compare .compare__heading+.compare__grid{margin-top:var(--s-7)}.compare .compare__intro{margin:0 auto var(--s-7);max-width:var(--measure);text-align:center;color:var(--ink-soft)}.compare .compare__grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));grid-auto-rows:auto;margin:0;padding:0;list-style:none;display:grid}.compare .compare__card{--card-fill:var(--fill-teal);--card-ink:var(--on-teal);grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--s-3);padding:var(--s-5);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-l);box-shadow:var(--shadow-1);margin:0;display:grid}.compare .compare__card--teal{--card-fill:var(--fill-teal);--card-ink:var(--on-teal)}.compare .compare__card--coral{--card-fill:var(--fill-coral);--card-ink:var(--on-coral)}.compare .compare__card--blue{--card-fill:var(--fill-blue);--card-ink:var(--on-blue)}.compare .compare__card--sky{--card-fill:var(--fill-sky);--card-ink:var(--on-sky)}.compare .compare__card--lilac{--card-fill:var(--fill-lilac);--card-ink:var(--on-lilac)}.compare .compare__card--lemon{--card-fill:var(--fill-lemon);--card-ink:var(--on-lemon)}.compare .compare__card--apricot{--card-fill:var(--fill-apricot);--card-ink:var(--on-apricot)}.compare .compare__card--lime{--card-fill:var(--fill-lime);--card-ink:var(--on-lime)}.compare .compare__card--pink{--card-fill:var(--fill-pink);--card-ink:var(--on-pink)}.compare .compare__subject{padding:var(--s-1) var(--s-3);border-radius:var(--radius-pill);background:var(--card-fill);color:var(--card-ink);place-self:start;margin:0;font-size:.8125rem;font-weight:600;line-height:1.3}.compare .compare__win{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:1.1875rem;font-weight:650;line-height:1.25}.compare .compare__plain{padding-top:var(--s-3);border-top:1px solid var(--rule);color:var(--ink-soft);align-self:stretch;margin:0;font-size:.9375rem;line-height:1.45}.compare .compare__plain-label{margin-bottom:var(--s-1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.6875rem;font-weight:600;display:block}@media (width<=40rem){.compare{padding:var(--s-6) var(--s-4);border-radius:var(--radius-l)}.compare .compare__intro{margin-bottom:var(--s-5)}}.prose .install{width:min(var(--column-wide), calc(100vw - var(--s-6)));margin-left:50%;margin-block:var(--s-8);padding:var(--s-7) var(--s-7) var(--s-6);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-card);box-shadow:var(--shadow-1);translate:-50%}.prose .install>h2{margin:0 0 var(--s-4);letter-spacing:-.025em;font-size:clamp(1.875rem,1.4rem + 2vw,2.625rem);font-weight:700;line-height:1.1}.prose .install ol{padding-left:1.5em}.prose .install ol>li{margin-bottom:var(--s-4);padding-left:var(--s-1)}.prose .install ol>li::marker{color:var(--ink-soft);font-weight:650}.prose .install>:last-child{margin-bottom:0}@media (width<=40rem){.prose .install{padding:var(--s-6) var(--s-4) var(--s-5);border-radius:var(--radius-l)}}.copyfields{gap:var(--s-4);margin-block:var(--s-4);flex-direction:column;display:flex}.copyfield__label{margin:0 0 var(--s-2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.6875rem;font-weight:600}.copyfield__row{align-items:stretch;gap:var(--s-3);padding:var(--s-3);background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--radius-m);display:flex}.copyfield .copyfield__value{overflow-wrap:anywhere;background:0 0;border:0;flex:auto;align-self:center;min-width:0;padding:0;font-size:.875rem;line-height:1.5}.copybtn{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;flex:none;font-size:.8125rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.copybtn:hover{border-color:var(--rule-strong);background:var(--surface-2)}.copybtn__icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.copybtn__label{text-align:left;min-width:3.6em;display:inline-block}.copybtn--done{color:var(--success);border-color:var(--success)}@media (width<=30rem){.copyfield__row{flex-direction:column;align-items:stretch}.copybtn{justify-content:center}}.figure--phone img,.figure--phone video{width:100%;max-width:24rem;margin-inline:auto;display:block}.figure--phone figcaption{max-width:24rem;margin-inline:auto}