@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mdp/assets/fraunces-vietnamese-opsz-normal-Czevyj-6.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mdp/assets/fraunces-latin-ext-opsz-normal-CJcjJNj7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mdp/assets/fraunces-latin-opsz-normal-DihXLNYH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mdp/assets/inter-tight-cyrillic-ext-wght-normal-okcGN4Nq.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mdp/assets/inter-tight-cyrillic-wght-normal-BS41q_Tv.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mdp/assets/inter-tight-greek-ext-wght-normal-DQgQPNk4.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mdp/assets/inter-tight-greek-wght-normal-sS1B39LI.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mdp/assets/inter-tight-vietnamese-wght-normal-TKKdAiBA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mdp/assets/inter-tight-latin-ext-wght-normal-B4u9PlvR.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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 Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mdp/assets/inter-tight-latin-wght-normal-DX-nOvPD.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--mdp-font-display: "Fraunces Variable", Georgia, "Iowan Old Style", "Palatino Linotype", serif;--mdp-font-sans: "Inter Tight Variable", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mdp-font-serif: Georgia, "Iowan Old Style", "Palatino Linotype", serif;--mdp-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--mdp-weight-normal: 400;--mdp-weight-medium: 500;--mdp-weight-semibold: 600;--mdp-text-eyebrow: .78rem;--mdp-text-small: .9rem;--mdp-text-body: clamp(1rem, .965rem + .18vw, 1.0625rem);--mdp-text-lead: clamp(1.2rem, 1.06rem + .7vw, 1.4rem);--mdp-text-h2: clamp(1.4rem, 1.16rem + 1.1vw, 1.85rem);--mdp-text-title: clamp(1.95rem, 1.5rem + 2.2vw, 2.85rem);--mdp-text-display: clamp(2.6rem, 1.4rem + 5.2vw, 4.75rem);--mdp-space-1: .25rem;--mdp-space-2: .5rem;--mdp-space-3: .75rem;--mdp-space-4: 1rem;--mdp-space-5: 1.5rem;--mdp-space-6: 2rem;--mdp-space-7: 3rem;--mdp-space-8: 4rem;--mdp-space-9: 6rem;--mdp-leading-body: 1.7;--mdp-leading-tight: 1.08;--mdp-measure: 38rem;--mdp-radius-sm: 7px;--mdp-radius: 10px;--mdp-radius-lg: 16px;--mdp-radius-full: 999px;--mdp-maxw: 64rem;--mdp-maxw-wide: 72rem;--mdp-bg: #fdfcfb;--mdp-surface: #f4f3f0;--mdp-surface-2: #ece9e3;--mdp-ink: #1c1b19;--mdp-ink-soft: #56544f;--mdp-ink-faint: #8c8a83;--mdp-border: rgba(28, 27, 25, .12);--mdp-border-strong: rgba(28, 27, 25, .2);--mdp-accent: #5b54d6;--mdp-accent-contrast: #ffffff;--mdp-accent-text: #4f46d6;--mdp-accent-surface: #eeedfb;--mdp-accent-border: #b8b4ec;--mdp-shadow-1: 0 1px 2px rgba(28, 27, 25, .04), 0 1px 1px rgba(28, 27, 25, .06);--mdp-shadow-2: 0 4px 14px -4px rgba(28, 27, 25, .1), 0 2px 6px -3px rgba(28, 27, 25, .07);--mdp-shadow-3: 0 18px 40px -12px rgba(28, 27, 25, .16), 0 8px 18px -10px rgba(28, 27, 25, .1);--th-studio: #5b54d6;--th-studio-contrast: #ffffff;--th-studio-text: #4f46d6;--th-studio-surface: #eeedfb;--th-studio-border: #b8b4ec;--th-ocean: #2f6fd6;--th-ocean-contrast: #ffffff;--th-ocean-text: #2563c4;--th-ocean-surface: #e9f0fc;--th-ocean-border: #aac3ee;--th-teal: #2f9183;--th-teal-contrast: #ffffff;--th-teal-text: #1c7d72;--th-teal-surface: #e6f4f1;--th-teal-border: #9fd3ca;--th-forest: #2f7d46;--th-forest-contrast: #ffffff;--th-forest-text: #1f7038;--th-forest-surface: #e6f2e9;--th-forest-border: #a6d3b2;--th-amber: #b5760f;--th-amber-contrast: #ffffff;--th-amber-text: #9a6212;--th-amber-surface: #f6efe0;--th-amber-border: #dcc18a;--th-terracotta: #b05c34;--th-terracotta-contrast: #ffffff;--th-terracotta-text: #9c4f2b;--th-terracotta-surface: #f6ece2;--th-terracotta-border: #ddb295;--th-coral: #cf4633;--th-coral-contrast: #ffffff;--th-coral-text: #c2412c;--th-coral-surface: #fcece8;--th-coral-border: #f0b3a6;--th-rose: #d34a63;--th-rose-contrast: #ffffff;--th-rose-text: #c43a55;--th-rose-surface: #fbeced;--th-rose-border: #ecadb6;--th-plum: #9c3d6e;--th-plum-contrast: #ffffff;--th-plum-text: #92376a;--th-plum-surface: #f8ebf1;--th-plum-border: #dcaac4;--th-violet: #9145c8;--th-violet-contrast: #ffffff;--th-violet-text: #8a3ec0;--th-violet-surface: #f4ecfa;--th-violet-border: #d4afe6;--th-mono: #1c1b19;--th-mono-contrast: #fdfcfb;--th-mono-text: #1c1b19;--th-mono-surface: #f4f3f0;--th-mono-border: #8c8a83}@media(prefers-color-scheme:dark){:root{--mdp-bg: #141413;--mdp-surface: #1f1e1c;--mdp-surface-2: #2a2825;--mdp-ink: #f4f3f1;--mdp-ink-soft: #a8a59f;--mdp-ink-faint: #75736d;--mdp-border: rgba(244, 243, 241, .14);--mdp-border-strong: rgba(244, 243, 241, .24);--mdp-accent: #7a72e0;--mdp-accent-contrast: #16161f;--mdp-accent-text: #a9a3f0;--mdp-accent-surface: #2c2a45;--mdp-accent-border: #4d44a0;--mdp-shadow-1: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .03);--mdp-shadow-2: 0 6px 18px -6px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .04);--mdp-shadow-3: 0 22px 48px -14px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .05);--th-studio: #7a72e0;--th-studio-contrast: #16161f;--th-studio-text: #a9a3f0;--th-studio-surface: #2c2a45;--th-studio-border: #4d44a0;--th-ocean: #5a8ee6;--th-ocean-contrast: #0c1320;--th-ocean-text: #97baf0;--th-ocean-surface: #1b2b45;--th-ocean-border: #3a5f9c;--th-teal: #3aa597;--th-teal-contrast: #0f1716;--th-teal-text: #7fd6c8;--th-teal-surface: #1c302d;--th-teal-border: #2e6e64;--th-forest: #45a35f;--th-forest-contrast: #0d1710;--th-forest-text: #86d49a;--th-forest-surface: #18301f;--th-forest-border: #2f6b43;--th-amber: #cf962a;--th-amber-contrast: #191307;--th-amber-text: #e0b665;--th-amber-surface: #33270f;--th-amber-border: #7e5e23;--th-terracotta: #cd7b4e;--th-terracotta-contrast: #1c1109;--th-terracotta-text: #e0a87f;--th-terracotta-surface: #34241a;--th-terracotta-border: #7e5436;--th-coral: #f0735c;--th-coral-contrast: #1f0f0b;--th-coral-text: #f6a08e;--th-coral-surface: #43221b;--th-coral-border: #9c4733;--th-rose: #e26a80;--th-rose-contrast: #1f1012;--th-rose-text: #f29aa8;--th-rose-surface: #43212a;--th-rose-border: #9c3f50;--th-plum: #c25c8c;--th-plum-contrast: #1d0f16;--th-plum-text: #e495b8;--th-plum-surface: #3c2030;--th-plum-border: #8a3f63;--th-violet: #aa63d8;--th-violet-contrast: #19101f;--th-violet-text: #cf9ae8;--th-violet-surface: #352145;--th-violet-border: #7a3fa0;--th-mono: #f4f3f1;--th-mono-contrast: #141413;--th-mono-text: #f4f3f1;--th-mono-surface: #1f1e1c;--th-mono-border: #75736d}}[data-accent=studio]{--mdp-accent: var(--th-studio);--mdp-accent-contrast: var(--th-studio-contrast);--mdp-accent-text: var(--th-studio-text);--mdp-accent-surface: var(--th-studio-surface);--mdp-accent-border: var(--th-studio-border)}[data-accent=ocean]{--mdp-accent: var(--th-ocean);--mdp-accent-contrast: var(--th-ocean-contrast);--mdp-accent-text: var(--th-ocean-text);--mdp-accent-surface: var(--th-ocean-surface);--mdp-accent-border: var(--th-ocean-border)}[data-accent=teal]{--mdp-accent: var(--th-teal);--mdp-accent-contrast: var(--th-teal-contrast);--mdp-accent-text: var(--th-teal-text);--mdp-accent-surface: var(--th-teal-surface);--mdp-accent-border: var(--th-teal-border)}[data-accent=forest]{--mdp-accent: var(--th-forest);--mdp-accent-contrast: var(--th-forest-contrast);--mdp-accent-text: var(--th-forest-text);--mdp-accent-surface: var(--th-forest-surface);--mdp-accent-border: var(--th-forest-border)}[data-accent=amber]{--mdp-accent: var(--th-amber);--mdp-accent-contrast: var(--th-amber-contrast);--mdp-accent-text: var(--th-amber-text);--mdp-accent-surface: var(--th-amber-surface);--mdp-accent-border: var(--th-amber-border)}[data-accent=terracotta]{--mdp-accent: var(--th-terracotta);--mdp-accent-contrast: var(--th-terracotta-contrast);--mdp-accent-text: var(--th-terracotta-text);--mdp-accent-surface: var(--th-terracotta-surface);--mdp-accent-border: var(--th-terracotta-border)}[data-accent=coral]{--mdp-accent: var(--th-coral);--mdp-accent-contrast: var(--th-coral-contrast);--mdp-accent-text: var(--th-coral-text);--mdp-accent-surface: var(--th-coral-surface);--mdp-accent-border: var(--th-coral-border)}[data-accent=rose]{--mdp-accent: var(--th-rose);--mdp-accent-contrast: var(--th-rose-contrast);--mdp-accent-text: var(--th-rose-text);--mdp-accent-surface: var(--th-rose-surface);--mdp-accent-border: var(--th-rose-border)}[data-accent=plum]{--mdp-accent: var(--th-plum);--mdp-accent-contrast: var(--th-plum-contrast);--mdp-accent-text: var(--th-plum-text);--mdp-accent-surface: var(--th-plum-surface);--mdp-accent-border: var(--th-plum-border)}[data-accent=violet]{--mdp-accent: var(--th-violet);--mdp-accent-contrast: var(--th-violet-contrast);--mdp-accent-text: var(--th-violet-text);--mdp-accent-surface: var(--th-violet-surface);--mdp-accent-border: var(--th-violet-border)}[data-accent=mono]{--mdp-accent: var(--th-mono);--mdp-accent-contrast: var(--th-mono-contrast);--mdp-accent-text: var(--th-mono-text);--mdp-accent-surface: var(--th-mono-surface);--mdp-accent-border: var(--th-mono-border)}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--mdp-bg);color:var(--mdp-ink);font-family:var(--mdp-font-sans);font-size:var(--mdp-text-body);font-weight:var(--mdp-weight-normal);line-height:var(--mdp-leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p,figure,ul,ol{margin:0}img,svg{display:block;max-width:100%}a{color:var(--mdp-accent-text);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px;text-decoration-color:var(--mdp-accent-border);transition:text-decoration-color .12s ease,color .12s ease}a:hover{text-decoration-color:var(--mdp-accent-text)}code,kbd{font-family:var(--mdp-font-mono);font-size:.9em;background:var(--mdp-surface);border:1px solid var(--mdp-border);border-radius:5px;padding:.08em .4em}:focus-visible{outline:2px solid var(--mdp-accent);outline-offset:2px;border-radius:3px}.wrap{max-width:var(--mdp-maxw);margin:0 auto;padding-inline:var(--mdp-space-4)}.wrap-wide{max-width:var(--mdp-maxw-wide)}.wrap-narrow{max-width:46rem}@media(min-width:40rem){.wrap{padding-inline:var(--mdp-space-5)}}.section{padding-block:var(--mdp-space-8)}.section+.section{border-top:1px solid var(--mdp-border)}@media(min-width:48rem){.section{padding-block:var(--mdp-space-9)}}.section-head{margin-bottom:var(--mdp-space-6)}.section-head .lead{margin-top:var(--mdp-space-3);max-width:46ch}@media(min-width:48rem){.section-head{margin-bottom:var(--mdp-space-7)}}.eyebrow{display:inline-flex;align-items:center;gap:var(--mdp-space-2);font-family:var(--mdp-font-sans);font-size:var(--mdp-text-eyebrow);font-weight:var(--mdp-weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--mdp-ink-faint);margin:0 0 var(--mdp-space-4)}.eyebrow-accent{color:var(--mdp-accent-text)}.eyebrow-accent:before{content:"";width:1.5rem;height:2px;border-radius:var(--mdp-radius-full);background:var(--mdp-accent)}.h2{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-weight:var(--mdp-weight-semibold);font-size:var(--mdp-text-h2);line-height:1.12;letter-spacing:-.005em;color:var(--mdp-ink);text-wrap:balance}.lead{font-family:var(--mdp-font-serif);font-weight:var(--mdp-weight-normal);font-size:var(--mdp-text-lead);color:var(--mdp-ink-soft);line-height:1.45;text-wrap:pretty}.prose{color:var(--mdp-ink-soft);max-width:var(--mdp-measure)}.prose>*+*{margin-top:var(--mdp-space-4)}.muted{color:var(--mdp-ink-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--mdp-space-2);font:inherit;font-weight:var(--mdp-weight-medium);font-size:var(--mdp-text-small);line-height:1;padding:.72em 1.15em;border-radius:var(--mdp-radius-sm);border:1px solid var(--mdp-border);background:var(--mdp-bg);color:var(--mdp-ink);text-decoration:none;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}.btn:hover{border-color:var(--mdp-accent-border);box-shadow:var(--mdp-shadow-1)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--mdp-accent);border-color:var(--mdp-accent);color:var(--mdp-accent-contrast)}.btn-primary:hover{filter:brightness(1.05);border-color:var(--mdp-accent);box-shadow:var(--mdp-shadow-2)}.btn-small{font-size:var(--mdp-text-eyebrow);padding:.55em .85em}.grid{display:grid;gap:var(--mdp-space-4)}.grid-2,.grid-3{grid-template-columns:1fr}@media(min-width:40rem){.grid{gap:var(--mdp-space-5)}.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.grid-3{grid-template-columns:repeat(3,1fr)}}.card{border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-lg);padding:var(--mdp-space-5);background:var(--mdp-bg);box-shadow:var(--mdp-shadow-1);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.card-hover:hover{border-color:var(--mdp-accent-border);box-shadow:var(--mdp-shadow-2);transform:translateY(-2px)}.card h3{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-size:var(--mdp-text-lead);font-weight:var(--mdp-weight-semibold);letter-spacing:-.005em;line-height:1.15;margin-bottom:var(--mdp-space-2)}.card p{color:var(--mdp-ink-soft);font-size:var(--mdp-text-small)}.card-num{font-family:var(--mdp-font-mono);font-size:var(--mdp-text-small);color:var(--mdp-accent-text);margin-bottom:var(--mdp-space-3)}.codeblock{background:var(--mdp-surface);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius);padding:var(--mdp-space-4) var(--mdp-space-5);overflow-x:auto;font-family:var(--mdp-font-mono);font-size:var(--mdp-text-small);line-height:1.6;color:var(--mdp-ink)}.codeblock code{background:none;border:0;padding:0;font-size:inherit}.codeblock .c-key{color:var(--mdp-accent-text)}.codeblock .c-dim{color:var(--mdp-ink-faint)}.stack>*+*{margin-top:var(--mdp-space-4)}.stack-lg>*+*{margin-top:var(--mdp-space-6)}.pill{display:inline-flex;align-items:center;gap:var(--mdp-space-2);font-size:var(--mdp-text-eyebrow);font-weight:var(--mdp-weight-medium);color:var(--mdp-ink-soft);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-full);padding:.32em .75em;background:var(--mdp-bg)}.pill-dot{width:6px;height:6px;border-radius:var(--mdp-radius-full);background:var(--mdp-accent);flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}.reveal.is-revealed{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--reveal-i, 0) * 70ms)}.reveal-stagger.is-revealed>*{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important;transition:none!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.sec{padding-block:var(--mdp-space-8)}@media(min-width:48rem){.sec{padding-block:var(--mdp-space-9)}}.sec+.sec{border-top:1px solid var(--mdp-border)}.sec-tint{background:var(--mdp-surface)}.sec-tint+.sec,.sec+.sec-tint{border-top:0}.sec-rail{max-width:var(--mdp-maxw);margin-inline:auto;padding-inline:var(--mdp-space-4)}.sec-rail-wide{max-width:var(--mdp-maxw-wide);margin-inline:auto;padding-inline:var(--mdp-space-4)}@media(min-width:40rem){.sec-rail,.sec-rail-wide{padding-inline:var(--mdp-space-5)}}.masthead{max-width:54ch;margin-bottom:var(--mdp-space-6)}@media(min-width:48rem){.masthead{margin-bottom:var(--mdp-space-7)}}.masthead .lead{margin-top:var(--mdp-space-3)}.nav{position:sticky;top:0;z-index:20;background:color-mix(in oklab,var(--mdp-bg) 85%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--mdp-border)}.nav-inner{max-width:var(--mdp-maxw-wide);margin:0 auto;padding:var(--mdp-space-3) var(--mdp-space-4);display:flex;align-items:center;gap:var(--mdp-space-3);position:relative}@media(min-width:40rem){.nav-inner{padding-inline:var(--mdp-space-5);gap:var(--mdp-space-5)}}.brand{display:inline-flex;align-items:center;gap:var(--mdp-space-2);font-family:var(--mdp-font-display);font-optical-sizing:auto;font-weight:var(--mdp-weight-semibold);font-size:1.15rem;letter-spacing:-.01em;color:var(--mdp-ink);text-decoration:none}.brand-mark{width:26px;height:26px;border-radius:var(--mdp-radius-sm)}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:auto;width:2.4rem;height:2.4rem;padding:0;background:transparent;border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-sm);color:var(--mdp-ink);cursor:pointer}.nav-toggle:hover{border-color:var(--mdp-accent-border)}.nav-links{position:absolute;inset-inline:0;top:100%;margin:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:var(--mdp-space-2);background:color-mix(in oklab,var(--mdp-bg) 97%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--mdp-border);box-shadow:var(--mdp-shadow-2)}.nav-links.is-open{display:flex}.nav-link{color:var(--mdp-ink-soft);text-decoration:none;font-size:var(--mdp-text-small);font-weight:var(--mdp-weight-medium);padding:var(--mdp-space-3) var(--mdp-space-4);border-radius:var(--mdp-radius-sm)}.nav-link:hover{color:var(--mdp-ink);background:var(--mdp-surface)}.nav-link[aria-current=page]{color:var(--mdp-accent-text)}.nav-cta{margin-block:var(--mdp-space-1)}@media(min-width:48rem){.nav-toggle{display:none}.nav-links{position:static;inset:auto;margin-inline-start:auto;display:flex;flex-direction:row;align-items:center;gap:var(--mdp-space-5);padding:0;background:none;backdrop-filter:none;border:0;box-shadow:none}.nav-link{padding:0}.nav-link:hover{background:none}.nav-cta{margin-block:0}}.hero{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--mdp-space-7) var(--mdp-space-8)}@media(min-width:64rem){.hero{padding-block:var(--mdp-space-9) var(--mdp-space-9)}}.hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(58% 50% at 82% 6%,var(--mdp-accent-surface),transparent 62%),radial-gradient(46% 60% at -5% 108%,var(--mdp-surface),transparent 60%);opacity:.65}.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-7);align-items:center}@media(min-width:64rem){.hero-grid{grid-template-columns:1.05fr .95fr;gap:var(--mdp-space-8)}}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--mdp-space-2);font-size:var(--mdp-text-eyebrow);font-weight:var(--mdp-weight-medium);letter-spacing:.04em;color:var(--mdp-ink-soft);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-full);padding:.4em .9em;margin-bottom:var(--mdp-space-5);background:var(--mdp-bg);box-shadow:var(--mdp-shadow-1)}.hero-dot{width:7px;height:7px;border-radius:var(--mdp-radius-full);background:var(--mdp-accent)}.hero h1{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-size:var(--mdp-text-display);font-weight:var(--mdp-weight-semibold);line-height:1;letter-spacing:-.018em;text-wrap:balance}.hero h1 .accent{color:var(--mdp-accent-text)}.hero-lead{font-family:var(--mdp-font-serif);font-size:clamp(1.15rem,1rem + .8vw,1.45rem);color:var(--mdp-ink-soft);line-height:1.5;max-width:46ch;margin-top:var(--mdp-space-5);text-wrap:pretty}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mdp-space-3) var(--mdp-space-5);margin-top:var(--mdp-space-6)}.hero-textlinks{display:inline-flex;flex-wrap:wrap;gap:var(--mdp-space-4);font-size:var(--mdp-text-small)}.hero-chips{display:flex;flex-wrap:wrap;gap:var(--mdp-space-2);margin-top:var(--mdp-space-7)}.chip{font-size:var(--mdp-text-eyebrow);color:var(--mdp-ink-soft);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-full);padding:.3em .7em;background:var(--mdp-bg)}.chip b{color:var(--mdp-ink);font-weight:var(--mdp-weight-medium)}.ha{border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-lg);background:var(--mdp-surface);box-shadow:var(--mdp-shadow-3);padding:var(--mdp-space-4);display:grid;gap:var(--mdp-space-3)}@media(min-width:40rem){.ha{padding:var(--mdp-space-5);gap:var(--mdp-space-4)}}.ha-caption{display:flex;align-items:center;justify-content:center;gap:var(--mdp-space-2);font-size:var(--mdp-text-eyebrow);text-transform:uppercase;letter-spacing:.1em;color:var(--mdp-ink-faint)}.ha-frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:var(--mdp-space-2)}@media(min-width:40rem){.ha-frames{grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:var(--mdp-space-3)}}.ha-frame{position:relative;background:var(--mdp-bg);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-sm);padding:.55rem;aspect-ratio:3 / 4;overflow:hidden;display:flex;flex-direction:column;gap:.28rem}.ha-frame.is-slides{aspect-ratio:4 / 3;justify-content:center}.ha-kicker{height:4px;width:38%;border-radius:var(--mdp-radius-full);background:var(--mdp-accent);opacity:.85}.ha-title{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-weight:var(--mdp-weight-semibold);font-size:.6rem;line-height:1.05;color:var(--mdp-ink)}.ha-rule{height:2px;width:1.3rem;border-radius:var(--mdp-radius-full);background:var(--mdp-accent)}.ha-bar{height:3px;border-radius:var(--mdp-radius-full);background:var(--mdp-border-strong)}.ha-bar.w1{width:92%}.ha-bar.w2{width:78%}.ha-bar.w3{width:64%}.ha-figs{display:flex;gap:.3rem;margin-top:auto}.ha-fig{flex:1;height:.85rem;border-radius:3px;background:var(--mdp-surface-2);border:1px solid var(--mdp-border)}.ha-tabs{display:flex;gap:.25rem}.ha-tab{height:4px;width:1.1rem;border-radius:var(--mdp-radius-full);background:var(--mdp-border-strong)}.ha-tab.is-on{background:var(--mdp-accent)}.ha-steps{display:flex;gap:.32rem;align-items:center}.ha-step{width:6px;height:6px;border-radius:50%;background:var(--mdp-border-strong)}.ha-step.is-on{background:var(--mdp-accent)}.ha-prog{height:3px;border-radius:var(--mdp-radius-full);background:var(--mdp-border);overflow:hidden}.ha-prog>span{display:block;height:100%;width:45%;border-radius:var(--mdp-radius-full);background:var(--mdp-accent)}.ha-acc-row{display:flex;align-items:center;gap:.35rem}.ha-acc-row .ha-bar{flex:1}.ha-chev{width:0;height:0;flex:none;border-style:solid;border-width:3px 0 3px 4px;border-color:transparent transparent transparent var(--mdp-accent)}.ha-acc-row.is-open .ha-chev{transform:rotate(90deg)}.ha-acc-sub{height:3px;width:58%;border-radius:var(--mdp-radius-full);background:var(--mdp-border-strong);opacity:.55;margin-inline-start:.75rem}.ha-frame-tag{position:absolute;inset-block-end:.3rem;inset-inline-end:.4rem;font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mdp-ink-faint)}.ha-bento{columns:2;column-gap:var(--mdp-space-3)}@media(min-width:40rem){.ha-bento{column-gap:var(--mdp-space-4)}}.ha-card{break-inside:avoid;margin-bottom:var(--mdp-space-3);position:relative;background:var(--mdp-bg);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius);padding:var(--mdp-space-4) var(--mdp-space-4) var(--mdp-space-5);display:flex;flex-direction:column;gap:.5rem}@media(min-width:40rem){.ha-card{margin-bottom:var(--mdp-space-4)}}.ha-card-tag{position:absolute;inset-block-end:.4rem;inset-inline-end:.5rem;font-family:var(--mdp-font-mono);font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mdp-ink-faint)}.ha-card-title{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-weight:var(--mdp-weight-semibold);font-size:.78rem;line-height:1.1;color:var(--mdp-ink)}.ha-card-title-lg{font-size:1.05rem}.ha-card-slide{justify-content:center;min-height:5.5rem}.ha-chart{display:flex;align-items:flex-end;gap:.35rem;height:3.2rem}.ha-chart>span{flex:1;background:var(--mdp-accent);border-radius:3px 3px 0 0}.ha-chart>span:nth-child(1){opacity:.4}.ha-chart>span:nth-child(2){opacity:.6}.ha-chart>span:nth-child(3){opacity:.8}.ha-cmp{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.ha-cmp-col{border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-sm);padding:.45rem;display:flex;flex-direction:column;gap:.3rem}.ha-cmp-col.is-pick{border-color:var(--mdp-accent-border);background:var(--mdp-accent-surface)}.ha-cmp-h{font-size:.6rem;font-weight:var(--mdp-weight-medium);color:var(--mdp-ink)}.ha-tl{display:flex;flex-direction:column;gap:.55rem;position:relative;padding-inline-start:.85rem}.ha-tl:before{content:"";position:absolute;inset-block:5px;inset-inline-start:3px;width:1px;background:var(--mdp-border)}.ha-tl-row{display:flex;align-items:center;gap:.45rem}.ha-tl-row i{width:7px;height:7px;border-radius:50%;background:var(--mdp-accent);border:2px solid var(--mdp-bg);flex:none;margin-inline-start:-.85rem}.ha-dg{display:flex;align-items:center;gap:.25rem;padding-block:.3rem}.ha-dg-node{width:1.7rem;height:1.15rem;border:1px solid var(--mdp-border-strong);border-radius:var(--mdp-radius-sm);flex:none}.ha-dg-node.is-accent{border-color:var(--mdp-accent-border);background:var(--mdp-accent-surface)}.ha-dg-arrow{flex:1;height:1px;background:var(--mdp-border-strong)}.ha-price{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.ha-price-tier{border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-sm);padding:.45rem;display:flex;flex-direction:column;gap:.35rem}.ha-price-tier.is-pick{border-color:var(--mdp-accent-border);background:var(--mdp-accent-surface)}.ha-price-amt{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-weight:var(--mdp-weight-semibold);font-size:.95rem;line-height:1;color:var(--mdp-accent-text)}.ha-statrow{display:flex;gap:1.1rem;margin-top:.15rem}.ha-stat{display:flex;flex-direction:column;gap:.15rem}.ha-stat-val{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-weight:var(--mdp-weight-semibold);font-size:1rem;line-height:1;color:var(--mdp-accent-text)}.ha-stat-label{font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mdp-ink-faint)}.gap-grid{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-4)}@media(min-width:48rem){.gap-grid{grid-template-columns:repeat(3,1fr);gap:var(--mdp-space-5)}}.gap-card .gap-label{font-family:var(--mdp-font-mono);font-size:var(--mdp-text-eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--mdp-ink-faint);margin-bottom:var(--mdp-space-3)}.gap-card.is-win{border-color:var(--mdp-accent-border);box-shadow:var(--mdp-shadow-2)}.gap-card.is-win .gap-label{color:var(--mdp-accent-text)}.gap-closer{margin-top:var(--mdp-space-7);font-size:var(--mdp-text-lead);font-family:var(--mdp-font-serif);color:var(--mdp-ink-soft);max-width:40ch}.gap-closer b{color:var(--mdp-accent-text);font-weight:var(--mdp-weight-normal)}.steps{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-5);counter-reset:step}@media(min-width:48rem){.steps{grid-template-columns:repeat(3,1fr);gap:var(--mdp-space-6)}}.step{position:relative;padding-top:var(--mdp-space-5);border-top:2px solid var(--mdp-accent-border)}.step-num{font-family:var(--mdp-font-mono);font-size:var(--mdp-text-small);color:var(--mdp-accent-text);margin-bottom:var(--mdp-space-2)}.step h3{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-size:var(--mdp-text-lead);font-weight:var(--mdp-weight-semibold);letter-spacing:-.005em;margin-bottom:var(--mdp-space-2)}.step p{color:var(--mdp-ink-soft)}.format-grid{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-6);align-items:start}@media(min-width:64rem){.format-grid{grid-template-columns:1fr 1fr;gap:var(--mdp-space-7)}}.format-cats{display:flex;flex-direction:column;gap:var(--mdp-space-6)}.format-cat .eyebrow{margin-bottom:var(--mdp-space-2)}.spectrum{display:flex;flex-wrap:wrap;gap:var(--mdp-space-2);margin-bottom:var(--mdp-space-6)}.spectrum-chip{display:inline-flex;align-items:center;gap:.45em;font-size:var(--mdp-text-small);color:var(--mdp-ink-soft);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-full);padding:.25em .7em .25em .5em;background:var(--mdp-bg)}.spectrum-dot{width:12px;height:12px;border-radius:var(--mdp-radius-full);box-shadow:inset 0 0 0 1px #0000001f;flex:none}.lock-grid{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-4)}@media(min-width:40rem){.lock-grid{grid-template-columns:repeat(2,1fr)}}.lock-item{display:flex;gap:var(--mdp-space-3)}.lock-item .lock-mark{color:var(--mdp-accent-text);font-weight:var(--mdp-weight-medium);flex:none}.lock-item p{color:var(--mdp-ink-soft);font-size:var(--mdp-text-small)}.install-grid{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-4)}@media(min-width:40rem){.install-grid{grid-template-columns:repeat(2,1fr);gap:var(--mdp-space-5)}}.install-card .install-cmd{margin-block:var(--mdp-space-3);background:var(--mdp-surface);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-sm);padding:var(--mdp-space-3) var(--mdp-space-4);font-family:var(--mdp-font-mono);font-size:var(--mdp-text-small);line-height:1.6;color:var(--mdp-ink);overflow-x:auto;white-space:pre}.sec-tint .install-card .install-cmd{background:var(--mdp-bg)}.lib-block+.lib-block{margin-top:var(--mdp-space-7)}.lib-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--mdp-space-4);margin-bottom:var(--mdp-space-4);flex-wrap:wrap}.lib-head h3{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-size:var(--mdp-text-lead);font-weight:var(--mdp-weight-semibold)}.lib-grid{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-3)}@media(min-width:40rem){.lib-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.lib-grid{grid-template-columns:repeat(3,1fr)}}.lib-card{display:flex;flex-direction:column;gap:var(--mdp-space-2);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius);padding:var(--mdp-space-4);background:var(--mdp-bg);box-shadow:var(--mdp-shadow-1);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.sec-tint .lib-card{background:var(--mdp-surface)}.lib-card:hover{border-color:var(--mdp-accent-border);box-shadow:var(--mdp-shadow-2);transform:translateY(-2px)}.lib-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--mdp-space-2)}.lib-card h4{font-size:var(--mdp-text-body);font-weight:var(--mdp-weight-medium);color:var(--mdp-ink)}.lib-badge{font-family:var(--mdp-font-mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mdp-accent-text);border:1px solid var(--mdp-accent-border);border-radius:var(--mdp-radius-full);padding:.1em .55em;flex:none}.lib-card p{color:var(--mdp-ink-soft);font-size:var(--mdp-text-small);flex:1}.lib-actions{display:flex;gap:var(--mdp-space-3);align-items:center;font-size:var(--mdp-text-small)}.lib-copy{font:inherit;font-size:var(--mdp-text-small);color:var(--mdp-accent-text);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:.15em;text-decoration-color:var(--mdp-accent-border)}.lib-copy:hover{text-decoration-color:var(--mdp-accent-text)}.ext-grid{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-3)}@media(min-width:40rem){.ext-grid{grid-template-columns:repeat(2,1fr)}}.ext-card{display:flex;flex-direction:column;gap:var(--mdp-space-3)}.ext-card-wide{grid-column:1 / -1}.ext-preview{width:100%;min-height:9rem;border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-lg);background:var(--mdp-bg)}.ext-mini{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-3);align-items:stretch}@media(min-width:48rem){.ext-mini{grid-template-columns:minmax(0,24rem) 1fr}}.ext-src{width:100%;min-height:17rem;resize:vertical;font-family:var(--mdp-font-mono);font-size:var(--mdp-text-small);line-height:1.55;color:var(--mdp-ink);background:var(--mdp-surface);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-lg);padding:var(--mdp-space-3)}.ext-mini .ext-preview{min-height:17rem}.extend-grid{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-5)}@media(min-width:48rem){.extend-grid{grid-template-columns:repeat(2,1fr)}}.cta{text-align:center}.cta h2{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-size:var(--mdp-text-title);font-weight:var(--mdp-weight-semibold);letter-spacing:-.015em;line-height:1.05;max-width:20ch;margin-inline:auto;text-wrap:balance}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--mdp-space-3);justify-content:center;margin-top:var(--mdp-space-6)}.deflist{display:grid;gap:0}.defrow{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-1);padding:var(--mdp-space-4) 0;border-top:1px solid var(--mdp-border)}.defrow:last-child{border-bottom:1px solid var(--mdp-border)}.defrow dt{font-family:var(--mdp-font-mono);font-size:var(--mdp-text-small);color:var(--mdp-ink)}.defrow dd{margin:0;color:var(--mdp-ink-soft);font-size:var(--mdp-text-small)}@media(min-width:30rem){.defrow{grid-template-columns:minmax(8rem,12rem) 1fr;gap:var(--mdp-space-5)}}.pg{border:1px solid var(--mdp-border);border-radius:var(--mdp-radius);overflow:hidden;background:var(--mdp-bg);box-shadow:var(--mdp-shadow-1)}.pg-bar{display:flex;flex-direction:column;gap:var(--mdp-space-2);padding:var(--mdp-space-3) var(--mdp-space-4);border-bottom:1px solid var(--mdp-border);background:var(--mdp-surface)}.pg-bar-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mdp-space-2)}@media(min-width:48rem){.pg-bar-row{gap:var(--mdp-space-3)}}.pg-bar-style{display:none;padding-top:var(--mdp-space-2);border-top:1px solid var(--mdp-border)}.pg-bar-style.is-open{display:flex}@media(min-width:64rem){.pg-bar-style{display:flex}}.pg-bar-style .pg-themes{flex:1 1 12rem;min-width:0}.pg-forms{flex:1 1 100%;min-width:0}@media(min-width:64rem){.pg-forms{flex:0 1 auto}}.pg-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;min-width:0;gap:var(--mdp-space-1);border:1px solid var(--mdp-border);border-radius:8px;padding:2px;background:var(--mdp-bg);scrollbar-width:thin}.pg-tab{font:inherit;font-size:var(--mdp-text-small);font-weight:var(--mdp-weight-medium);color:var(--mdp-ink-soft);background:transparent;border:0;border-radius:6px;padding:.35em .8em;cursor:pointer;flex:none;white-space:nowrap}.pg-tab[aria-selected=true]{background:var(--mdp-accent);color:var(--mdp-accent-contrast)}.pg-spacer{margin-inline-start:auto}.pg-control{display:inline-flex;align-items:center;gap:var(--mdp-space-2);font-size:var(--mdp-text-eyebrow);color:var(--mdp-ink-faint)}.pg-select{font:inherit;font-size:var(--mdp-text-small);color:var(--mdp-ink);background:var(--mdp-bg);border:1px solid var(--mdp-border);border-radius:7px;padding:.3em .5em;cursor:pointer}.pg-themes{align-items:center}.pg-swatches{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:var(--mdp-space-1);scrollbar-width:thin;padding-bottom:2px;min-width:0}.pg-swatch{display:inline-flex;align-items:center;gap:.4em;font:inherit;font-size:var(--mdp-text-small);color:var(--mdp-ink-soft);background:var(--mdp-bg);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-full);padding:.18em .6em .18em .45em;cursor:pointer;flex:none;transition:border-color .12s ease,background .12s ease,color .12s ease}.pg-swatch:hover{border-color:var(--sw-fill);color:var(--mdp-ink)}.pg-swatch-dot{width:11px;height:11px;border-radius:var(--mdp-radius-full);background:var(--sw-fill);box-shadow:inset 0 0 0 1px #0000001f;flex:none}.pg-swatch.is-selected{color:var(--sw-text);background:var(--sw-surface);border-color:var(--sw-fill);font-weight:var(--mdp-weight-medium)}.pg-swatch:focus-visible{outline:2px solid var(--sw-fill);outline-offset:2px}.pg-body{display:grid;grid-template-columns:1fr}@media(min-width:64rem){.pg-body{grid-template-columns:minmax(0,var(--pg-ed, 42%)) 8px minmax(0,1fr);height:clamp(36rem,64vh,54rem)}}.pg-editor-wrap{display:flex;flex-direction:column;min-height:60vh}@media(min-width:64rem){.pg-editor-wrap{min-height:0}}.pg-editor-head{font-size:var(--mdp-text-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--mdp-ink-faint);padding:var(--mdp-space-2) var(--mdp-space-4);border-bottom:1px solid var(--mdp-border)}.pg-editor{flex:1;width:100%;resize:none;border:0;outline:none;background:var(--mdp-bg);color:var(--mdp-ink);font-family:var(--mdp-font-mono);font-size:.85rem;line-height:1.65;padding:var(--mdp-space-4);tab-size:2}.pg-preview{position:relative;background:var(--mdp-surface);min-height:60vh}@media(min-width:64rem){.pg-preview{min-height:0}}.pg-frame{width:100%;height:100%;min-height:60vh;border:0;background:#fff;display:block}@media(min-width:64rem){.pg-frame{min-height:0}}@media(max-width:63.99rem){.pg:not(.pg-expanded) .pg-preview{height:58vh;min-height:0;overflow:hidden;background:#fff}.pg:not(.pg-expanded) .pg-editor-wrap{height:58vh;min-height:0}.pg:not(.pg-expanded) .pg-frame{width:154%;height:154%;min-height:0;transform:scale(.65);transform-origin:top left}}.pg-panetoggle{display:inline-flex;gap:2px;border:1px solid var(--mdp-border);border-radius:8px;padding:2px;background:var(--mdp-bg)}.pg-panebtn{font:inherit;font-size:var(--mdp-text-small);font-weight:var(--mdp-weight-medium);color:var(--mdp-ink-soft);background:transparent;border:0;border-radius:6px;padding:.35em .9em;cursor:pointer}.pg-panebtn[aria-selected=true]{background:var(--mdp-accent);color:var(--mdp-accent-contrast)}.pg-body[data-pane=source] .pg-preview,.pg-body[data-pane=preview] .pg-editor-wrap{display:none}@media(min-width:64rem){.pg-body[data-pane] .pg-editor-wrap{display:flex}.pg-body[data-pane] .pg-preview{display:block}}.pg-mobilebar{display:flex;justify-content:center;padding:var(--mdp-space-3) var(--mdp-space-4);border-top:1px solid var(--mdp-border);background:var(--mdp-surface)}.pg-mobilebar .pg-panetoggle{width:100%;max-width:22rem}.pg-mobilebar .pg-panebtn{flex:1;text-align:center}@media(min-width:64rem){.pg-mobilebar,.pg-customize{display:none}}.pg-resizer{display:none}@media(min-width:64rem){.pg-resizer{display:block;align-self:stretch;margin:0;border:0;padding:0;background:var(--mdp-border);cursor:col-resize;position:relative;touch-action:none}.pg-resizer:before{content:"";position:absolute;inset-block:0;inset-inline:-4px}.pg-resizer:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:2px;height:1.6rem;transform:translate(-50%,-50%);border-radius:var(--mdp-radius-full);background:var(--mdp-ink-faint)}.pg-resizer:hover,.pg-resizer:focus-visible{background:var(--mdp-accent)}.pg-resizer:hover:after,.pg-resizer:focus-visible:after{background:var(--mdp-accent-contrast)}.pg-resizer:focus-visible{outline:2px solid var(--mdp-accent);outline-offset:0}}.pg-error{position:absolute;inset:var(--mdp-space-4);font-family:var(--mdp-font-mono);font-size:var(--mdp-text-small);color:var(--mdp-ink);background:var(--mdp-bg);border:1px solid var(--mdp-accent-border);border-radius:8px;padding:var(--mdp-space-4);overflow:auto}.pg-hint{font-size:var(--mdp-text-eyebrow);color:var(--mdp-ink-faint);padding:var(--mdp-space-3) var(--mdp-space-4) 0}.pg-page{padding-block:var(--mdp-space-5) var(--mdp-space-6)}.pg-page-head{margin-bottom:var(--mdp-space-4)}.pg-page-stage{max-width:92rem;margin-inline:auto;padding-inline:var(--mdp-space-4)}@media(min-width:40rem){.pg-page-stage{padding-inline:var(--mdp-space-5)}}.pg-full .pg-frame{min-height:0;height:100%}.pg-full .pg-editor-wrap,.pg-full .pg-preview{min-height:0}@media(min-width:64rem){.pg-full .pg-body{height:clamp(38rem,calc(100vh - 12rem),96rem)}}.pg-expanded{position:fixed;inset:0;z-index:50;border-radius:0;border:0;box-shadow:none;display:flex;flex-direction:column}.pg-expanded .pg-bar{border-radius:0}.pg-expanded .pg-body{flex:1;min-height:0;height:auto}.pg-expanded .pg-hint{display:none}.footer{border-top:1px solid var(--mdp-border);padding-block:var(--mdp-space-8);color:var(--mdp-ink-faint)}.footer-grid{display:flex;flex-direction:column;gap:var(--mdp-space-6)}@media(min-width:40rem){.footer-grid{flex-direction:row;flex-wrap:wrap;gap:var(--mdp-space-7);justify-content:space-between}}.footer-links{display:flex;flex-direction:column;gap:var(--mdp-space-2);font-size:var(--mdp-text-small)}.footer a{color:var(--mdp-ink-soft)}.footer-note{font-size:var(--mdp-text-small);max-width:34ch}.docs-layout{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-6);align-items:start;padding-block:var(--mdp-space-6)}@media(min-width:64rem){.docs-layout{grid-template-columns:15rem minmax(0,1fr);gap:var(--mdp-space-8);padding-block:var(--mdp-space-8)}}.docs-sidebar{position:static;border-bottom:1px solid var(--mdp-border);padding-bottom:var(--mdp-space-5)}@media(min-width:64rem){.docs-sidebar{position:sticky;top:5rem;border-bottom:0;padding-bottom:0}}.docs-nav-group .eyebrow{margin-bottom:var(--mdp-space-3)}.docs-nav-group+.docs-nav-group{margin-top:var(--mdp-space-5)}.docs-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.docs-nav-link{display:block;color:var(--mdp-ink-soft);text-decoration:none;font-size:var(--mdp-text-small);padding:.4em .7em;border-radius:var(--mdp-radius-sm);border-inline-start:2px solid transparent}.docs-nav-link:hover{color:var(--mdp-ink);background:var(--mdp-surface)}.docs-nav-link[aria-current=page]{color:var(--mdp-accent-text);background:var(--mdp-accent-surface);border-inline-start-color:var(--mdp-accent);font-weight:var(--mdp-weight-medium)}.docs-content{min-width:0}.docs-pager{display:flex;flex-direction:column;gap:var(--mdp-space-3);margin-top:var(--mdp-space-8);padding-top:var(--mdp-space-5);border-top:1px solid var(--mdp-border)}@media(min-width:40rem){.docs-pager{flex-direction:row;justify-content:space-between;gap:var(--mdp-space-4)}}.docs-pager-link{display:flex;flex-direction:column;gap:var(--mdp-space-1);text-decoration:none;color:var(--mdp-ink);font-weight:var(--mdp-weight-medium);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius);padding:var(--mdp-space-3) var(--mdp-space-4);font-size:var(--mdp-text-small);transition:border-color .14s ease,box-shadow .14s ease}.docs-pager-link:hover{border-color:var(--mdp-accent-border);box-shadow:var(--mdp-shadow-1)}.docs-pager-link .muted{font-size:var(--mdp-text-eyebrow)}.docs-pager-next{text-align:end}.docs-edit{margin-top:var(--mdp-space-5);font-size:var(--mdp-text-small)}.doc-prose{color:var(--mdp-ink-soft);max-width:44rem}.doc-prose>*+*{margin-top:var(--mdp-space-4)}.doc-prose h1{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-size:var(--mdp-text-title);font-weight:var(--mdp-weight-semibold);letter-spacing:-.015em;line-height:1.08;color:var(--mdp-ink);margin-bottom:var(--mdp-space-2)}.doc-prose h2{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-size:var(--mdp-text-h2);font-weight:var(--mdp-weight-semibold);letter-spacing:-.005em;color:var(--mdp-ink);margin-top:var(--mdp-space-8);padding-top:var(--mdp-space-5);border-top:1px solid var(--mdp-border)}.doc-prose h3{font-size:var(--mdp-text-lead);font-family:var(--mdp-font-display);font-optical-sizing:auto;font-weight:var(--mdp-weight-medium);color:var(--mdp-ink);margin-top:var(--mdp-space-6)}.doc-prose p{line-height:var(--mdp-leading-body)}.doc-prose a{color:var(--mdp-accent-text)}.doc-prose strong{color:var(--mdp-ink);font-weight:var(--mdp-weight-medium)}.doc-prose ul,.doc-prose ol{margin:0;padding-inline-start:1.3em}.doc-prose li{margin:0}.doc-prose li+li{margin-top:var(--mdp-space-2)}.doc-prose li::marker{color:var(--mdp-ink-faint)}.doc-prose code{font-family:var(--mdp-font-mono);font-size:.88em;background:var(--mdp-surface);border:1px solid var(--mdp-border);border-radius:5px;padding:.08em .4em}.doc-prose pre{background:var(--mdp-surface);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius);padding:var(--mdp-space-4) var(--mdp-space-5);overflow-x:auto;line-height:1.6}.doc-prose pre code{background:none;border:0;padding:0;font-size:.85rem;color:var(--mdp-ink)}.doc-prose blockquote{margin:0;border-inline-start:2px solid var(--mdp-border);padding-inline-start:var(--mdp-space-5);font-family:var(--mdp-font-serif);color:var(--mdp-ink)}.doc-prose table{width:100%;border-collapse:collapse;font-size:var(--mdp-text-small);display:block;overflow-x:auto}.doc-prose th,.doc-prose td{text-align:start;padding:var(--mdp-space-3);border-bottom:1px solid var(--mdp-border);vertical-align:top}.doc-prose th{color:var(--mdp-ink);font-weight:var(--mdp-weight-medium)}.doc-prose thead th{border-bottom:1px solid var(--mdp-ink-faint)}.doc-prose hr{border:0;border-top:1px solid var(--mdp-border);margin-block:var(--mdp-space-6)}.theme-gallery{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-3)}@media(min-width:40rem){.theme-gallery{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}}.theme-card{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25em .55em;padding:var(--mdp-space-3) var(--mdp-space-4);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius);font-size:var(--mdp-text-small)}.theme-chip{width:14px;height:14px;border-radius:var(--mdp-radius-full);flex:none;align-self:center;box-shadow:inset 0 0 0 1px #00000024}.theme-card b{color:var(--mdp-ink);font-weight:var(--mdp-weight-medium)}.theme-card span:last-child{color:var(--mdp-ink-faint);flex:1 1 100%}.forms-split{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-6);align-items:start}@media(min-width:64rem){.forms-split{grid-template-columns:21rem minmax(0,1fr);gap:var(--mdp-space-7)}}.forms-source-sticky{display:flex;flex-direction:column;gap:var(--mdp-space-4)}@media(min-width:64rem){.forms-source-sticky{position:sticky;top:5rem}}.forms-source{background:var(--mdp-surface);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius);padding:var(--mdp-space-4) var(--mdp-space-5);font-family:var(--mdp-font-mono);font-size:.8rem;line-height:1.8;color:var(--mdp-ink-soft);overflow-x:auto;box-shadow:var(--mdp-shadow-1)}.forms-source .c-key{color:var(--mdp-accent-text)}.forms-source .c-ink{color:var(--mdp-ink)}.forms-source .c-dim{color:var(--mdp-ink-faint)}.forms-cta{align-self:flex-start}.forms-gallery{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--mdp-space-4)}@media(min-width:30rem){.forms-gallery{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr))}}.form-card{display:flex;flex-direction:column;gap:var(--mdp-space-3);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-lg);padding:var(--mdp-space-4);background:var(--mdp-bg);box-shadow:var(--mdp-shadow-1);transition:border-color .16s ease,box-shadow .16s ease}.form-card:hover{border-color:var(--mdp-accent-border);box-shadow:var(--mdp-shadow-2)}.form-card .ha-frame{aspect-ratio:4 / 3;width:100%}.form-card-meta h3{font-family:var(--mdp-font-display);font-optical-sizing:auto;font-size:var(--mdp-text-body);font-weight:var(--mdp-weight-semibold);color:var(--mdp-ink);margin-bottom:.15rem}.form-card-meta p{color:var(--mdp-ink-soft);font-size:var(--mdp-text-small)}.brand-demo{display:grid;grid-template-columns:1fr;gap:var(--mdp-space-5);align-items:start}@media(min-width:64rem){.brand-demo{grid-template-columns:20rem minmax(0,1fr);gap:var(--mdp-space-6)}}.brand-controls{display:flex;flex-direction:column;gap:var(--mdp-space-5);border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-lg);padding:var(--mdp-space-5);background:var(--mdp-bg);box-shadow:var(--mdp-shadow-1)}.brand-control{display:flex;flex-direction:column;gap:var(--mdp-space-2)}.brand-control-label{font-family:var(--mdp-font-mono);font-size:var(--mdp-text-small);color:var(--mdp-ink)}.brand-control-row{display:inline-flex;align-items:center;gap:var(--mdp-space-3)}.brand-control-row code{font-size:var(--mdp-text-small);color:var(--mdp-ink-soft)}.brand-color{width:2.6rem;height:2rem;padding:0;border:1px solid var(--mdp-border);border-radius:var(--mdp-radius-sm);background:none;cursor:pointer}.brand-control-note{color:var(--mdp-ink-soft);font-size:var(--mdp-text-small)}.brand-reset{align-self:flex-start}.brand-preview{position:relative;border:1px solid var(--mdp-border);border-radius:var(--mdp-radius);overflow:hidden;background:#fff;box-shadow:var(--mdp-shadow-2);min-height:28rem}.brand-frame{width:100%;height:100%;min-height:28rem;border:0;background:#fff;display:block}