@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.XN7g48iV.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{--bg:#fcfaf7;--surface:#f6f5f4;--card:#fff;--line:#e7e4e0;--line-strong:#dcd8d3;--ink:#191918;--ink-2:#494744;--muted:#6b6762;--faint:#9a958f;--accent:#ffc533;--accent-soft:#fff4d1;--link:#0d44e8;--green:#1e9e63;--red:#e5484d;--g-bg:#08090a;--g-surface:#111214;--g-raised:#161718;--g-line:#242728;--g-text:#f7f8f8;--g-text-2:#c2c7ca;--g-muted:#8a8a8e;--sans:"Geist Variable", "Segoe UI", system-ui, sans-serif;--mono:"Geist Mono Variable", ui-monospace, "Cascadia Code", Consolas, monospace;--wrap:1200px;--r-s:8px;--r-m:12px;--r-l:16px;--r-xl:20px;--ease:cubic-bezier(.22, 1, .36, 1);--shadow-window:0 1px 2px #1919180f, 0 24px 60px -28px #19191847;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,h4{color:var(--ink);margin:0;font-weight:600}p{margin:0}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:6px}.wrap{width:min(100% - 40px, var(--wrap));margin-inline:auto}.icon{flex:none}.skip{z-index:100;border-radius:var(--r-s);background:var(--ink);color:#fff;padding:10px 14px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.display{letter-spacing:-.045em;font-size:clamp(42px,6vw,72px);font-weight:600;line-height:1.04}.h2{letter-spacing:-.035em;font-size:clamp(32px,3.8vw,46px);font-weight:600;line-height:1.08}.lede{color:var(--muted);max-width:600px;font-size:clamp(17px,1.5vw,19px);line-height:1.55}.caption{font:500 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}.mono{font-family:var(--mono)}.two-tone{letter-spacing:-.03em;color:var(--faint);max-width:1000px;font-size:clamp(26px,3.2vw,40px);font-weight:560;line-height:1.18}.two-tone strong{color:var(--ink);font-weight:560}.chip-inline{background:var(--accent-soft);color:var(--ink);border-radius:.22em;align-items:center;gap:.25em;padding:0 .28em;display:inline-flex;box-shadow:inset 0 0 0 1px #f3dd9b}.btn{--bg-btn:var(--ink);--fg-btn:#fff;background:var(--bg-btn);height:44px;color:var(--fg-btn);font:500 15px/1 var(--sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:background .2s, transform .2s var(--ease), box-shadow .2s;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:hover{--bg-btn:#2d2d2b}.btn:active{transform:scale(.98)}.btn--sm{border-radius:9px;height:36px;padding:0 14px;font-size:14px}.btn--lg{height:50px;padding:0 22px;font-size:16px}.btn--line{--bg-btn:var(--card);--fg-btn:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.btn--line:hover{--bg-btn:var(--surface)}.btn--accent{--bg-btn:var(--accent);--fg-btn:var(--ink)}.btn--accent:hover{--bg-btn:#ffd25c}.btn--light{--bg-btn:var(--g-text);--fg-btn:var(--g-bg)}.btn--light:hover{--bg-btn:#fff}.btn--ghost-dark{--bg-btn:transparent;--fg-btn:var(--g-text);box-shadow:inset 0 0 0 1px var(--g-line)}.btn--ghost-dark:hover{--bg-btn:var(--g-raised)}.link{color:var(--ink);align-items:center;gap:6px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.link:hover{color:var(--link)}.link .icon{transition:transform .2s var(--ease)}.link:hover .icon{transform:translate(3px)}.dark .link{color:var(--g-text)}.dark .link:hover{color:var(--accent)}.badge{border:1px solid var(--line);background:var(--card);height:24px;font:500 12px/1 var(--mono);color:var(--ink-2);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.badge i{background:var(--c,var(--faint));border-radius:50%;width:6px;height:6px}.header{z-index:50;pointer-events:none;position:fixed;inset:12px 0 auto}.header__bar{pointer-events:auto;border:1px solid #0000;border-radius:14px;align-items:center;gap:16px;height:56px;padding:0 8px 0 14px;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:relative}.header.is-stuck .header__bar{border-color:var(--line);-webkit-backdrop-filter:saturate(1.6)blur(16px);background:#fcfaf7d6;box-shadow:0 8px 24px -16px #19191840}.brand{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:9px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.brand img{width:28px;height:28px}.nav{gap:2px;margin-left:12px;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:7px 11px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.nav a:hover,.nav a.is-current{color:var(--ink);background:#1919180d}.header__end{align-items:center;gap:8px;margin-left:auto;display:flex}.gh{border:1px solid var(--line);background:var(--card);height:36px;color:var(--ink-2);border-radius:9px;align-items:center;gap:7px;padding:0 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.gh:hover{border-color:var(--line-strong);color:var(--ink)}.progress{transform-origin:0;height:1px;transform:scaleX(var(--p,0));background:var(--ink);opacity:0;transition:opacity .3s;position:absolute;bottom:-1px;left:14px;right:14px}.header.is-stuck .progress{opacity:.4}@media (width<=1080px){.nav{display:none}}@media (width<=560px){.gh{display:none}}.section{padding-block:clamp(80px,10vw,128px)}.section--tight{padding-block:clamp(56px,7vw,88px)}.split-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:24px 64px;margin-bottom:clamp(36px,5vw,56px);display:grid}.split-head__side{color:var(--muted);justify-items:start;gap:18px;max-width:460px;font-size:16px;display:grid}.split-head .caption{margin-bottom:14px;display:block}@media (width<=860px){.split-head{grid-template-columns:1fr}}.guides{position:relative}.guides:before,.guides:after{content:"";background:repeating-linear-gradient(to bottom, var(--line-strong) 0 4px, transparent 4px 9px);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.guides:before{left:calc(50% - var(--wrap) / 2 - 1px)}.guides:after{right:calc(50% - var(--wrap) / 2 - 1px)}@media (width<=1260px){.guides:before,.guides:after{display:none}}.hero{padding:140px 0 0;overflow:hidden}.release-chip{border:1px solid var(--line);background:var(--card);height:32px;color:var(--ink-2);border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:0 12px 0 4px;font-size:13.5px;text-decoration:none;display:inline-flex}.release-chip b{background:var(--ink);color:#fff;height:24px;font:500 12px/1 var(--mono);border-radius:999px;align-items:center;padding:0 8px;display:inline-flex}.release-chip:hover{border-color:var(--line-strong)}.hero__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:32px 56px;display:grid}.hero__lede{margin-top:22px}.hero__cta{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:32px;display:flex}.hero__req{font:400 12.5px/1.5 var(--mono);color:var(--faint);margin-top:16px}.hero__aside{gap:14px;padding-bottom:8px;display:grid}.hero__aside p{color:var(--muted);font-size:15px}.platform-row{flex-wrap:wrap;gap:6px;display:flex}.hero__stage{margin-top:64px;position:relative}.hero__stage .window{margin-right:13%}.hero__phone{width:23%;min-width:150px;position:absolute;bottom:-64px;right:0}.hero__fade{background:linear-gradient(to bottom, #fcfaf700, var(--bg) 85%);pointer-events:none;height:140px;margin-top:-140px;position:relative}@media (width<=900px){.hero__grid{grid-template-columns:1fr}.hero__stage .window{margin-right:0}.hero__phone{width:32%;bottom:-40px;right:-2%}}.window{border-radius:var(--r-m);background:var(--card);box-shadow:0 0 0 1px var(--line-strong), var(--shadow-window);margin:0;position:relative;overflow:hidden}.window img{width:100%}.window__screens{aspect-ratio:2560/1600;position:relative}.window__shot{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease);position:absolute;inset:0}.window__shot.is-active{opacity:1}.phone{--w:300px;width:var(--w);flex:none;max-width:100%;margin:0;position:relative}.phone__body{background:#1b1c1e;border-radius:14%/6.4%;padding:2.6%;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 1px #00000073,0 30px 60px -24px #19191873}.phone--porcelain .phone__body{box-shadow:inset 0 0 0 1px #ffffffe6, 0 0 0 1px var(--line-strong), 0 30px 60px -24px #1919184d;background:#ecebe8}.phone__screen{aspect-ratio:1080/2400;background:#000;border-radius:11.5%/5.2%;position:relative;overflow:hidden}.phone__screen img{object-fit:cover;width:100%;height:100%}.phone__camera{aspect-ratio:1;background:#050607;border-radius:50%;width:3.4%;position:absolute;top:1.4%;left:50%;translate:-50%}.phone__key{display:none}.phone--landscape{--w:100%}.phone--landscape .phone__body{border-radius:5.5%/12%;padding:1.2%}.phone--landscape .phone__screen{aspect-ratio:2400/1080;border-radius:4.6%/10.5%}.phone--landscape .phone__camera{width:1.3%;top:50%;left:1.5%;translate:0 -50%}.hero__phone .phone{--w:100%}.wall__head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.wall__grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(8,1fr);display:grid}.wall__cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:18px;min-height:104px;padding:16px;text-decoration:none;transition:background .2s;display:flex}.wall__cell:hover{background:var(--card)}.wall__ext{font:600 15px/1 var(--mono);color:var(--ink);align-items:center;gap:8px;display:inline-flex}.wall__ext i{background:var(--c);border-radius:2px;width:8px;height:8px}.wall__what{color:var(--muted);font-size:13px;line-height:1.35}@media (width<=980px){.wall__grid{grid-template-columns:repeat(4,1fr)}}@media (width<=520px){.wall__grid{grid-template-columns:repeat(2,1fr)}}.bento{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.tile{border-radius:var(--r-l);border:1px solid var(--line);background:var(--card);isolation:isolate;flex-direction:column;min-height:380px;display:flex;position:relative;overflow:hidden}.tile--surface{background:var(--surface);border-color:#0000}.tile__text{gap:6px;max-width:480px;padding:22px 24px 0;display:grid}.tile__text h3{letter-spacing:-.015em;font-size:17px;line-height:1.3}.tile__text p{color:var(--muted);font-size:14.5px;line-height:1.5}.tile__head{align-items:center;gap:10px;display:flex}.tile__icon{border:1px solid var(--line);background:var(--card);width:28px;height:28px;color:var(--ink-2);border-radius:7px;place-items:center;display:grid}.tile__shot{flex:1;min-height:220px;margin-top:22px;position:relative}.tile__shot>img{width:calc(100% - 48px);height:auto;box-shadow:0 0 0 1px var(--line);border-radius:10px 10px 0 0;position:absolute;top:0;left:24px}.tile__shot--phone>img{width:min(70%,290px);box-shadow:0 0 0 1px var(--line-strong), 0 0 0 7px #ecebe8, 0 0 0 8px var(--line-strong);border-radius:24px 24px 0 0;top:8px;left:50%;translate:-50%}.tile__shot--pair{justify-content:center;gap:14px;display:flex}.tile__shot--pair>img{width:min(42%,230px);box-shadow:0 0 0 1px var(--line-strong), 0 0 0 6px #ecebe8, 0 0 0 7px var(--line-strong);border-radius:22px 22px 0 0;position:relative;top:8px;left:auto}.tile__shot--pair>img+img{top:40px}.tile__video{border-top:1px solid var(--line);background:#f3f3f5;flex:1;min-height:260px;margin-top:20px;position:relative}.tile__video video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile__stats{z-index:1;flex-wrap:wrap;gap:6px;display:flex;position:absolute;bottom:16px;left:16px}.tile__stats span{height:26px;box-shadow:0 0 0 1px var(--line);font:500 12px/1 var(--mono);color:var(--ink-2);background:#ffffffeb;border-radius:7px;align-items:center;padding:0 9px;display:inline-flex}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.span-2{grid-column:span 2}.tile--tall{min-height:540px}.ext-list{flex-wrap:wrap;gap:5px;margin:14px 0 0;padding:0 24px;list-style:none;display:flex}@media (width<=980px){.bento{grid-template-columns:repeat(2,1fr)}.span-6,.span-4{grid-column:span 2}.span-3,.span-2{grid-column:span 1}}@media (width<=640px){.bento{grid-template-columns:1fr}.span-6,.span-4,.span-3,.span-2{grid-column:span 1}.tile--tall{min-height:440px}}.tour{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;display:grid}.tour__step{border-left:2px solid var(--line);flex-direction:column;justify-content:center;min-height:48vh;padding-left:24px;transition:border-color .3s;display:flex}.tour__step.is-active{border-left-color:var(--ink)}.tour__num{font:500 13px/1 var(--mono);color:var(--faint);margin-bottom:14px}.tour__step h3{letter-spacing:-.03em;color:var(--faint);font-size:clamp(24px,2.4vw,30px);line-height:1.15;transition:color .3s}.tour__step.is-active h3{color:var(--ink)}.tour__step p{max-width:440px;color:var(--muted);margin-top:12px}.tour__step ul{flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.tour__pin{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);place-items:center;height:74vh;display:grid;position:sticky;top:13vh;overflow:hidden}.tour__pin:before{content:"";background-image:radial-gradient(#19191817 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.tour__phone{--w:min(290px, 30vh)}.tour__phone .phone__screen img{opacity:0;transition:opacity .45s var(--ease);position:absolute;inset:0}.tour__phone .phone__screen img.is-active{opacity:1}.tour__inline{display:none}@media (width<=900px){.tour{grid-template-columns:1fr;gap:0}.tour__pin{display:none}.tour__step{min-height:0;padding:28px 0 28px 20px}.tour__step h3{color:var(--ink)}.tour__inline{margin-top:22px;display:block}.tour__inline .phone{--w:220px}}.dark{background:var(--g-bg);color:var(--g-text)}.dark h2,.dark h3{color:var(--g-text)}.dark .lede,.dark .split-head__side,.dark .caption{color:var(--g-muted)}.dark .two-tone{color:#5f6064}.dark .two-tone strong{color:var(--g-text)}.player{position:relative}.player .phone--landscape .phone__body{box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1px #000,0 40px 90px -30px #000000e6}.facts{border-top:1px solid var(--g-line);grid-template-columns:repeat(3,1fr);margin-top:56px;display:grid}.fact{border-bottom:1px solid var(--g-line);padding:26px 26px 28px 0}.fact:not(:nth-child(3n+1)){border-left:1px solid var(--g-line);padding-left:26px}.fact .caption{margin-bottom:12px;display:block}.fact h3{letter-spacing:-.012em;margin-bottom:6px;font-size:17px}.fact p{color:var(--g-muted);font-size:14.5px}@media (width<=860px){.facts{grid-template-columns:1fr}.fact,.fact:not(:nth-child(3n+1)){border-left:0;padding:22px 0}}.dbento{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dtile{border-radius:var(--r-xl);background:var(--g-surface);border:1px solid var(--g-line);flex-direction:column;min-height:440px;display:flex;position:relative;overflow:hidden}.dtile--wide{grid-column:span 2}.dtile .tile__text p{color:var(--g-muted)}.dtile .tile__icon{background:var(--g-raised);border-color:var(--g-line);color:var(--g-text-2)}.dtile .tile__shot>img{box-shadow:0 0 0 1px var(--g-line)}.dtile .tile__shot--phone>img,.dtile .tile__shot--pair>img{box-shadow:0 0 0 1px #2c2f31,0 0 0 7px #1b1c1e,0 0 0 8px #2c2f31}.dtile .badge{background:var(--g-raised);border-color:var(--g-line);color:var(--g-text-2)}@media (width<=980px){.dbento{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.dbento{grid-template-columns:1fr}.dtile--wide{grid-column:span 1}}.stats{border:1px solid var(--line);border-radius:var(--r-l);background:var(--card);grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.stat{border-left:1px solid var(--line);padding:22px 22px 24px}.stat:first-child{border-left:0}.stat .caption{display:block}.stat b{font:600 42px/1 var(--sans);letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:16px 0 8px;display:block}.stat p{color:var(--muted);font-size:13.5px;line-height:1.45}@media (width<=980px){.stats{grid-template-columns:repeat(2,1fr)}.stat{border-left:0;border-top:1px solid var(--line)}.stat:nth-child(2n){border-left:1px solid var(--line)}.stat:first-child,.stat:nth-child(2){border-top:0}}.seg{background:var(--surface);border:1px solid var(--line);border-radius:11px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{height:34px;color:var(--muted);font:500 14px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 14px;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.seg button i{background:var(--c);border-radius:3px;width:10px;height:10px}.seg button[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--line), 0 1px 2px #19191814}.styles-grid{grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin-top:24px;display:grid}.styles-side{align-content:start;gap:16px;display:grid}.mini{border-radius:var(--r-l);border:1px solid var(--line);background:var(--card);padding:20px}.mini h3{margin-bottom:4px;font-size:15px}.mini p{color:var(--muted);font-size:13.5px}.swatches{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px;display:grid}.swatches span{aspect-ratio:1;background:var(--c);border-radius:7px;box-shadow:inset 0 0 0 1px #00000014}.modes{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.modes span{border:1px solid var(--line);font:500 11.5px var(--mono);color:var(--muted);border-radius:9px;place-items:center;gap:4px;padding:10px 0;display:grid}.style-note{color:var(--muted);min-height:1.6em;margin-top:14px;font-size:14px}@media (width<=900px){.styles-grid{grid-template-columns:1fr}.styles-side{grid-template-columns:1fr 1fr}}@media (width<=560px){.styles-side{grid-template-columns:1fr}}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.principle{padding:32px 32px 36px 0}.principle+.principle{border-left:1px solid var(--line);padding-left:32px}.principle svg{width:100%;max-width:260px;height:120px;color:var(--ink-2);margin:18px 0 22px;display:block}.principle h3{letter-spacing:-.015em;font-size:18px}.principle p{color:var(--muted);margin-top:8px;font-size:15px}@media (width<=860px){.principles{grid-template-columns:1fr}.principle,.principle+.principle{border-left:0;padding:28px 0}.principle+.principle{border-top:1px solid var(--line)}}.fsearch{border:1px solid var(--line-strong);background:var(--card);max-width:520px;height:46px;color:var(--faint);border-radius:11px;align-items:center;gap:10px;padding:0 14px;display:flex}.fsearch:focus-within{border-color:var(--ink)}.fsearch input{min-width:0;color:var(--ink);font:400 15px var(--sans);background:0 0;border:0;outline:0;flex:1}.fsearch input::placeholder{color:var(--faint)}.fsearch__answer{min-height:1.5em;color:var(--green);margin-top:10px;font-size:14px;display:block}.fsearch__answer.is-miss{color:var(--red)}.fgrid{grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;margin-top:28px;display:grid}.fgroup{border-radius:var(--r-l);border:1px solid var(--line);background:var(--card);flex-direction:column;gap:10px;padding:20px;transition:opacity .25s,border-color .25s;display:flex}.fgroup header{justify-content:space-between;align-items:center;gap:10px;display:flex}.fgroup header div{align-items:center;gap:10px;display:flex}.fgroup h3{letter-spacing:-.01em;font-size:15.5px}.fgroup .count{font:500 12px/1 var(--mono);color:var(--faint)}.fgroup>p{color:var(--muted);font-size:13.5px;line-height:1.45}.fgroup ul{flex-wrap:wrap;gap:4px;margin:2px 0 0;padding:0;list-style:none;display:flex}.fgroup li{background:var(--surface);font:500 11.5px/1.3 var(--mono);color:var(--ink-2);border-radius:5px;padding:3px 6px;transition:background .2s,color .2s}.fgroup li.is-hit{background:var(--accent);color:var(--ink)}.fgroup details summary{cursor:pointer;font:500 12px var(--mono);color:var(--muted);margin-top:6px;list-style:none}.fgroup details summary::-webkit-details-marker{display:none}.fgroup details[open] summary{display:none}[data-formats].is-searching .fgroup:not(.has-hit){opacity:.35}[data-formats].is-searching .fgroup.has-hit{border-color:var(--ink)}@media (width<=1000px){.fgrid{grid-template-columns:repeat(2,1fr)}}.fgroup li a{color:inherit;text-decoration:none}.fgroup li:has(a):hover{background:var(--line)}.fsearch__answer .link{color:var(--link);display:inline}@media (width<=560px){.fgrid{grid-template-columns:1fr}}.faq-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px 64px;display:grid}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{letter-spacing:-.012em;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:17px;font-weight:560;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{color:var(--faint);transition:rotate .25s var(--ease)}.faq details[open] summary .icon{rotate:45deg}.faq details p{color:var(--muted);max-width:640px;padding:0 0 22px}@media (width<=860px){.faq-grid{grid-template-columns:1fr}}.uses{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.uses__group{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 18px 20px}.uses__group h3{font:500 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:10px}.uses__group ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.uses__group a{color:var(--ink-2);font-size:14px;text-decoration:none}.uses__group a:hover{color:var(--link)}@media (width<=1000px){.uses{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.uses{grid-template-columns:1fr}}.dl-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;display:grid}.dl{border-radius:var(--r-l);border:1px solid var(--line);background:var(--card);overflow:hidden}.dl__head{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 16px;display:flex}.dl__head h3{letter-spacing:-.015em;align-items:center;gap:10px;font-size:18px;display:flex}.dl__rows{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.dl__rows li+li{border-top:1px solid var(--line)}.dl__rows a{grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 20px;font-size:14.5px;font-weight:500;text-decoration:none;transition:background .15s;display:grid}.dl__rows a:hover{background:var(--surface)}.dl__rows a small{color:var(--muted);margin-top:2px;font-size:12.5px;font-weight:400;display:block}.dl__rows .size{font:400 12px var(--mono);color:var(--faint)}.dl__rows .icon{color:var(--faint)}.dl__foot{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);padding:14px 20px 16px;font-size:13px}.dl__qr{border-top:1px solid var(--line);align-items:center;gap:14px;padding:16px 20px;display:flex}.dl__qr svg{flex:none;width:72px;height:72px}.dl__qr p{color:var(--muted);font-size:13px}.cmd{background:var(--g-bg);color:var(--g-text-2);font:400 12px/1.4 var(--mono);border-radius:9px;align-items:center;gap:8px;margin-top:8px;padding:6px 6px 6px 12px;display:flex}.cmd code{white-space:nowrap;scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.cmd button{border:1px solid var(--g-line);background:var(--g-raised);height:26px;color:var(--g-text-2);font:500 11.5px var(--mono);cursor:pointer;border-radius:6px;flex:none;padding:0 9px}@media (width<=960px){.dl-grid{grid-template-columns:1fr}}.closing{border-radius:var(--r-xl);background:var(--g-bg);color:var(--g-text);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:clamp(40px,6vw,72px);display:grid;position:relative;overflow:hidden}.closing:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.closing>*{position:relative}.closing h2{color:var(--g-text)}.closing p{color:var(--g-muted);max-width:520px;margin-top:14px}.closing__cta{flex-wrap:wrap;gap:10px;display:flex}@media (width<=860px){.closing{grid-template-columns:1fr}}.footer{border-top:1px solid var(--line);margin-top:clamp(64px,8vw,96px);padding:56px 0 36px}.footer__grid{grid-template-columns:1.6fr repeat(3,1fr);gap:32px;display:grid}.footer__grid p{max-width:300px;color:var(--muted);margin-top:14px;font-size:14px}.footer h4{font:500 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:14px}.footer ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.footer a{color:var(--ink-2);font-size:14px;text-decoration:none}.footer a:hover{color:var(--ink)}.footer .brand{font-size:17px}.footer__base{border-top:1px solid var(--line);font:400 12.5px var(--mono);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:20px;display:flex}@media (width<=760px){.footer__grid{grid-template-columns:1fr 1fr}}.blog-hero{padding:150px 0 40px}.blog-hero h1{letter-spacing:-.045em;max-width:860px;font-size:clamp(40px,5.4vw,64px);line-height:1.05}.blog-hero__lede{max-width:600px;color:var(--muted);margin-top:18px;font-size:18px}.tagbar{flex-wrap:wrap;gap:6px;margin-top:28px;display:flex}.tagbar__tag{border:1px solid var(--line);background:var(--card);height:32px;color:var(--ink-2);font:500 13.5px var(--sans);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.tagbar__tag span{font:500 11.5px var(--mono);color:var(--faint)}.tagbar__tag:hover{border-color:var(--line-strong)}.tagbar__tag.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.tagbar__tag.is-on span{color:#fff9}.blog-list{padding-top:24px}.pgrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pcard{border-radius:var(--r-l);border:1px solid var(--line);background:var(--card);flex-direction:column;transition:border-color .2s,box-shadow .3s;display:flex;overflow:hidden}.pcard:hover{border-color:var(--line-strong);box-shadow:0 16px 40px -24px #1919184d}.pcard[hidden]{display:none}.pcard__img{aspect-ratio:1200/630;background:var(--surface);border-bottom:1px solid var(--line);display:block;overflow:hidden}.pcard__img img{object-fit:cover;width:100%;height:100%}.pcard__body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.pcard__tags{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pcard__tags a{background:var(--surface);height:22px;color:var(--ink-2);font:500 11.5px var(--mono);border-radius:5px;align-items:center;padding:0 7px;text-decoration:none;display:inline-flex}.pcard__tags a:hover{background:var(--accent-soft)}.pcard h3{letter-spacing:-.02em;font-size:18px;line-height:1.25}.pcard h3 a{text-decoration:none}.pcard h3 a:hover{color:var(--link)}.pcard p{color:var(--muted);font-size:14.5px;line-height:1.5}.pcard__meta{font:400 12px var(--mono);color:var(--faint);margin-top:auto;padding-top:4px}.pcard--large{grid-template-columns:1.2fr 1fr;margin-bottom:16px;display:grid}.pcard--large .pcard__img{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);min-height:100%}.pcard--large .pcard__body{justify-content:center;gap:14px;padding:32px 36px}.pcard--large h3{letter-spacing:-.035em;font-size:clamp(24px,2.6vw,34px);line-height:1.12}.pcard--large p{font-size:16px}.blog-empty{text-align:center;color:var(--muted);padding:40px 0}@media (width<=960px){.pgrid{grid-template-columns:repeat(2,1fr)}.pcard--large{grid-template-columns:1fr}.pcard--large .pcard__img{aspect-ratio:1200/630;border-right:0;border-bottom:1px solid var(--line)}.pcard--large .pcard__body{padding:22px}}@media (width<=620px){.pgrid{grid-template-columns:1fr}}.post__head{max-width:820px;padding-top:140px}.crumbs{font:400 12.5px var(--mono);color:var(--faint);align-items:center;gap:6px;margin-bottom:18px;display:flex}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}.post__head h1{letter-spacing:-.04em;margin-top:14px;font-size:clamp(34px,4.6vw,54px);line-height:1.07}.post__lede{color:var(--muted);margin-top:18px;font-size:clamp(17px,1.6vw,20px)}.post__meta{font:400 12.5px var(--mono);color:var(--faint);flex-wrap:wrap;align-items:center;gap:4px 18px;margin-top:20px;display:flex}.post__cover{margin-top:36px;margin-bottom:0}.post__cover img{border-radius:var(--r-l);border:1px solid var(--line);width:100%}.post__layout{grid-template-columns:220px minmax(0,700px);justify-content:center;gap:64px;margin-top:56px;display:grid}.post__toc{align-self:start;position:sticky;top:100px}.post__toc p{font:500 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:12px}.post__toc ol{border-left:1px solid var(--line);gap:2px;margin:0;padding:0;list-style:none;display:grid}.post__toc a{color:var(--muted);border-left:1px solid #0000;margin-left:-1px;padding:5px 0 5px 12px;font-size:13.5px;line-height:1.4;text-decoration:none;display:block}.post__toc a:hover{color:var(--ink)}.post__toc a.is-here{color:var(--ink);border-left-color:var(--ink)}.post__prose{color:var(--ink-2);font-size:17px;line-height:1.72}.post__prose>*+*{margin-top:1.1em}.post__prose h2{letter-spacing:-.03em;margin-top:2.2em;scroll-margin-top:100px;font-size:26px;line-height:1.2}.post__prose h3{letter-spacing:-.015em;margin-top:1.7em;scroll-margin-top:100px;font-size:19px}.post__prose a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}.post__prose strong{color:var(--ink);font-weight:600}.post__prose em{color:var(--ink);font-style:normal}.post__prose ul,.post__prose ol{padding-left:1.25em}.post__prose li+li{margin-top:.4em}.post__prose li::marker{color:var(--faint)}.post__prose code{background:var(--surface);border:1px solid var(--line);color:var(--ink);font:.84em var(--mono);border-radius:5px;padding:2px 6px}.post__prose pre{border-radius:var(--r-m);background:var(--g-bg);color:var(--g-text-2);padding:16px 18px;font-size:14px;line-height:1.6;overflow-x:auto}.post__prose pre code{color:inherit;background:0 0;border:0;padding:0}.post__prose blockquote{border-radius:var(--r-m);background:var(--accent-soft);color:var(--ink);border:1px solid #f3dd9b;margin:1.6em 0;padding:14px 18px}.post__prose blockquote p{margin:0}.post__prose img,.post__prose video{border-radius:var(--r-m);border:1px solid var(--line)}.post__prose table{border-collapse:collapse;width:100%;font-size:14.5px;display:block;overflow-x:auto}.post__prose th,.post__prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.post__prose th{color:var(--ink);border-bottom-color:var(--line-strong);font-weight:600}.post__prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.post__cta{border-radius:var(--r-l);border:1px solid var(--line);background:var(--card);grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:18px;font-size:14.5px;line-height:1.4;display:grid;margin-top:3em!important}.post__cta img{border:0;border-radius:10px;width:44px;height:44px}.post__cta strong{font-size:15.5px;display:block}.post__cta span{color:var(--muted)}.post__cta .btn,.post__prose a.btn{color:var(--fg-btn);text-decoration:none}.post__more h2{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(26px,3vw,34px)}@media (width<=1000px){.post__layout{grid-template-columns:minmax(0,700px)}.post__toc{display:none}}@media (width<=700px){.post__cta{grid-template-columns:auto 1fr}}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease), transform .8s var(--ease);transition-delay:calc(var(--stagger,0) * 60ms);transform:translateY(14px)}.js [data-reveal].is-in{opacity:1;transform:none}.display .line{display:block}.js .hero .display .line{opacity:0;animation:rise .9s var(--ease) forwards;animation-delay:calc(var(--i) * 90ms + 80ms);transform:translateY(18px)}.js .hero__stage{animation:lift 1.1s var(--ease) .25s both}@keyframes rise{to{opacity:1;transform:none}}@keyframes lift{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}.js [data-reveal],.js .hero .display .line{opacity:1;transform:none}}.hero__req a{color:var(--ink-2);text-underline-offset:3px}.hero__req a:hover{color:var(--link)}.post__opens{border-radius:var(--r-l);border:1px solid var(--line);background:var(--card);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.post__opens-exts{flex-wrap:wrap;gap:6px;display:flex}.post__opens-exts b{background:var(--surface);font:600 13px/1.3 var(--mono);color:var(--ink);border-radius:6px;padding:3px 8px}.post__opens-exts b:first-child{background:var(--accent)}.post__opens dl{grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 32px;margin:0;display:grid}.post__opens dt{font:500 11.5px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}.post__opens dd{color:var(--ink);margin:2px 0 0;font-size:14.5px}.post__prose .post__opens a{color:var(--link)}@media (width<=600px){.post__opens dl{grid-template-columns:1fr 1fr}}.post__meta a{color:inherit;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.post__meta a:hover{text-decoration-color:currentColor}.author{align-items:center;gap:20px;margin:8px 0 20px;display:flex}.author h1{margin:4px 0 2px}.avatar{--size:40px;width:var(--size);height:var(--size);box-shadow:0 0 0 1px var(--line);background:#0b0b0b;border-radius:40%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar>span{background:var(--accent);width:100%;height:100%;color:var(--ink);font:700 calc(var(--size) * .36) / 1 var(--sans);letter-spacing:-.02em;place-items:center;display:grid}.post__author{align-items:center;gap:8px;display:inline-flex}.author__role{color:var(--muted);margin:0;font-size:16px}.author__links{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.author__heading{letter-spacing:-.03em;align-items:baseline;gap:10px;margin:0 0 20px;font-size:clamp(22px,2.4vw,28px);display:flex}.author__heading span{font:500 14px/1 var(--mono);color:var(--faint)}.smap{grid-template-columns:1fr 1.4fr;align-items:start;gap:16px;display:grid}.smap__group{border-radius:var(--r-l);border:1px solid var(--line);background:var(--card);padding:22px 24px}.smap__group--wide{grid-column:1/-1}.smap h2{letter-spacing:-.01em;align-items:baseline;gap:8px;margin:0 0 10px;font-size:17px;display:flex}.smap h2:not(:first-child){margin-top:24px}.smap h2 span,.smap li span{font:500 12px/1 var(--mono);color:var(--faint)}.smap ul{margin:0;padding:0;list-style:none}.smap li{padding:5px 0;font-size:14.5px;line-height:1.4}.smap a{color:var(--ink);text-decoration:none}.smap a:hover{color:var(--link);text-decoration:underline}.smap__cols{columns:3 260px;column-gap:28px}.smap__cols li{break-inside:avoid}@media (width<=800px){.smap{grid-template-columns:1fr}}