@font-face{font-family:Fraunces;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/fraunces-300-900-latin-ext.woff2)format("woff2");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:Fraunces;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/fraunces-300-900-latin.woff2)format("woff2");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;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/geist-300-700-latin-ext.woff2)format("woff2");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;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/geist-300-700-latin.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin-ext.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-700-latin-ext.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-700-latin.woff2)format("woff2");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:#faf9f7;--ink-light:#16171b;--muted-light:#62666d;--tertiary-light:#969aa2;--hairline-light:#1414181a;--dot-bg-light:#1414182e;--accent-light:#4f46e5;--accent-press-light:#4338ca;--accent-soft-light:#4f46e51f;--accent-glow-light:#4f46e512;--ghost-light:#b3b6bd;--panel-light:#ffffffb3;--panel-solid-light:#fff;--panel-border-light:#14141814;--panel-tint-light:#ffffff4d;--editor-bg-light:#ffffffe0;--header-bg-light:#faf9f7d1;--switch-hover-bg-light:#1414180b;--switch-active-bg-light:#fff;--key-top-light:#fff;--key-bottom-light:#eeeef0;--key-shadow-light:0 1.5px 0 #14141824;--button-bg-light:linear-gradient(180deg, #2b2c31, #0c0c0e);--button-ink-light:#fff;--button-highlight-light:inset 0 1px 0 #ffffff2e;--button-ring-light:#bec0ff;--shadow-highlight-light:inset 0 1px 0 #ffffffb3;--shadow-contact-light:0 1px 2px #0f0f140f, 0 3px 8px #0f0f140d;--shadow-ambient-light:0 30px 70px #0f0f141a, 0 10px 26px #0f0f140f;--shadow-float-light:0 16px 36px #0f0f141a;--bg-dark:#08090a;--ink-dark:#f2f3f5;--muted-dark:#9a9ea7;--tertiary-dark:#676b74;--hairline-dark:#ffffff17;--dot-bg-dark:#ffffff24;--accent-dark:#6d70f5;--accent-press-dark:#8285ff;--accent-soft-dark:#6d70f52e;--accent-glow-dark:#6d70f526;--ghost-dark:#54565e;--panel-dark:#ffffff0b;--panel-solid-dark:#131418;--panel-border-dark:#ffffff17;--panel-tint-dark:#ffffff09;--editor-bg-dark:#131418eb;--header-bg-dark:#08090ab8;--switch-hover-bg-dark:#ffffff0f;--switch-active-bg-dark:#1b1c21;--key-top-dark:#2b2c32;--key-bottom-dark:#1a1b1f;--key-shadow-dark:0 1.5px 0 #0009;--button-bg-dark:linear-gradient(180deg, #8386ff, #5457e0);--button-ink-dark:#fff;--button-highlight-dark:inset 0 1px 0 #ffffff59;--button-ring-dark:#e6e7ff;--shadow-highlight-dark:inset 0 1px 0 #ffffff0d;--shadow-contact-dark:0 1px 2px #0009, 0 3px 10px #00000080;--shadow-ambient-dark:0 40px 90px #000000a6, 0 14px 34px #00000073;--shadow-float-dark:0 18px 40px #00000080;--bg:var(--bg-light);--ink:var(--ink-light);--muted:var(--muted-light);--tertiary:var(--tertiary-light);--hairline:var(--hairline-light);--dot-bg:var(--dot-bg-light);--accent:var(--accent-light);--accent-press:var(--accent-press-light);--accent-soft:var(--accent-soft-light);--accent-glow:var(--accent-glow-light);--ghost:var(--ghost-light);--panel:var(--panel-light);--panel-solid:var(--panel-solid-light);--panel-border:var(--panel-border-light);--panel-tint:var(--panel-tint-light);--editor-bg:var(--editor-bg-light);--header-bg:var(--header-bg-light);--switch-hover-bg:var(--switch-hover-bg-light);--switch-active-bg:var(--switch-active-bg-light);--key-top:var(--key-top-light);--key-bottom:var(--key-bottom-light);--key-shadow:var(--key-shadow-light);--button-bg:var(--button-bg-light);--button-ink:var(--button-ink-light);--button-highlight:var(--button-highlight-light);--button-ring:var(--button-ring-light);--shadow-highlight:var(--shadow-highlight-light);--shadow-contact:var(--shadow-contact-light);--shadow-ambient:var(--shadow-ambient-light);--shadow-float:var(--shadow-float-light);--font-ui:"Geist", system-ui, -apple-system, sans-serif;--font-display:"Geist", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-system:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--container:1120px;--demo-window-height:302px;--radius:14px;--radius-lg:22px;--ease-soft:cubic-bezier(.22, .7, .2, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--bg-dark);--ink:var(--ink-dark);--muted:var(--muted-dark);--tertiary:var(--tertiary-dark);--hairline:var(--hairline-dark);--dot-bg:var(--dot-bg-dark);--accent:var(--accent-dark);--accent-press:var(--accent-press-dark);--accent-soft:var(--accent-soft-dark);--accent-glow:var(--accent-glow-dark);--ghost:var(--ghost-dark);--panel:var(--panel-dark);--panel-solid:var(--panel-solid-dark);--panel-border:var(--panel-border-dark);--panel-tint:var(--panel-tint-dark);--editor-bg:var(--editor-bg-dark);--header-bg:var(--header-bg-dark);--switch-hover-bg:var(--switch-hover-bg-dark);--switch-active-bg:var(--switch-active-bg-dark);--key-top:var(--key-top-dark);--key-bottom:var(--key-bottom-dark);--key-shadow:var(--key-shadow-dark);--button-bg:var(--button-bg-dark);--button-ink:var(--button-ink-dark);--button-highlight:var(--button-highlight-dark);--button-ring:var(--button-ring-dark);--shadow-highlight:var(--shadow-highlight-dark);--shadow-contact:var(--shadow-contact-dark);--shadow-ambient:var(--shadow-ambient-dark);--shadow-float:var(--shadow-float-dark);color-scheme:dark}}:root[data-theme=dark]{--bg:var(--bg-dark);--ink:var(--ink-dark);--muted:var(--muted-dark);--tertiary:var(--tertiary-dark);--hairline:var(--hairline-dark);--dot-bg:var(--dot-bg-dark);--accent:var(--accent-dark);--accent-press:var(--accent-press-dark);--accent-soft:var(--accent-soft-dark);--accent-glow:var(--accent-glow-dark);--ghost:var(--ghost-dark);--panel:var(--panel-dark);--panel-solid:var(--panel-solid-dark);--panel-border:var(--panel-border-dark);--panel-tint:var(--panel-tint-dark);--editor-bg:var(--editor-bg-dark);--header-bg:var(--header-bg-dark);--switch-hover-bg:var(--switch-hover-bg-dark);--switch-active-bg:var(--switch-active-bg-dark);--key-top:var(--key-top-dark);--key-bottom:var(--key-bottom-dark);--key-shadow:var(--key-shadow-dark);--button-bg:var(--button-bg-dark);--button-ink:var(--button-ink-dark);--button-highlight:var(--button-highlight-dark);--button-ring:var(--button-ring-dark);--shadow-highlight:var(--shadow-highlight-dark);--shadow-contact:var(--shadow-contact-dark);--shadow-ambient:var(--shadow-ambient-dark);--shadow-float:var(--shadow-float-dark);color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--bg);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:300;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}::selection{background:var(--accent-soft)}.skip-link{z-index:60;background:var(--panel-solid);color:var(--ink);box-shadow:var(--shadow-ambient);border-radius:10px;padding:10px 14px;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-140%)}.skip-link:focus{transform:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;border-bottom:1px solid var(--hairline);background:var(--header-bg);-webkit-backdrop-filter:blur(22px)saturate(1.22);position:sticky;top:0}.nav{width:min(calc(100% - 48px), var(--container));justify-content:space-between;align-items:center;gap:20px;min-height:64px;margin:0 auto;display:flex}.brand{font-family:"Fraunces", var(--font-display);font-optical-sizing:auto;letter-spacing:-.015em;color:var(--ink);align-items:center;gap:11px;font-size:23px;font-weight:600;display:inline-flex}.brand-mark{background:var(--panel-solid);border:1px solid var(--panel-border);width:30px;height:30px;box-shadow:var(--shadow-highlight), var(--shadow-contact);border-radius:9px;justify-content:center;align-items:center;display:inline-flex;position:relative}.brand-glyph{width:21px;height:21px;display:block}.brand-lockup{align-items:center;gap:10px;display:inline-flex}.brand-status{background:var(--accent-soft);border:1px solid var(--panel-border);height:21px;color:var(--accent-press);font-family:var(--font-ui);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--muted);font-size:14.5px;font-weight:500}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink)}.nav-links a.nav-cta{font-weight:600}@media (width<=480px){.brand{gap:9px;font-size:20px}.brand-lockup{gap:8px}.brand-status{letter-spacing:.03em;height:19px;padding:0 7px;font-size:9.5px}}main{z-index:1;position:relative}.theme-toggle{background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-btn{width:28px;height:28px;color:var(--tertiary);transition:background .16s var(--ease-soft), color .16s var(--ease-soft), box-shadow .16s var(--ease-soft);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.theme-btn svg{width:15px;height:15px;display:block}.theme-btn:hover{color:var(--ink)}.theme-btn.active{background:var(--switch-active-bg);color:var(--ink);box-shadow:var(--shadow-highlight), var(--shadow-contact)}.hero{width:min(calc(100% - 48px), var(--container));text-align:center;align-content:center;justify-items:center;gap:36px;min-height:86vh;margin:0 auto;padding:64px 0 90px;display:grid;position:relative;overflow-x:clip}.hero:before{content:"";z-index:-1;background:radial-gradient(56% 52% at 50% 32%, var(--accent-glow), transparent 72%);pointer-events:none;height:130%;position:absolute;inset:-8% -12% auto}body:after{content:"";z-index:-1;opacity:.05;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;position:fixed;inset:0}.hero-copy{max-width:760px}h1{font-family:"Fraunces", var(--font-display);font-optical-sizing:auto;color:var(--ink);margin:0 0 20px;font-size:clamp(44px,7.2vw,84px);font-weight:600;line-height:.94}h1 .em{color:var(--accent-press);font-style:normal}.em-word{display:inline-block}.em-ch{display:inline-block;position:relative}.em-ch:before{content:attr(data-ch);visibility:hidden;font-variation-settings:"wght" 700}.em-g{position:absolute;top:0;left:0}.hero-subhead{max-width:36em;color:var(--muted);text-wrap:balance;margin:0 auto;font-size:clamp(17px,1.6vw,21px)}.hero-subhead strong,.subhead-metric{color:var(--ink);font-weight:600}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:28px;display:flex}.button{height:52px;transition:transform .16s var(--ease-soft), box-shadow .2s var(--ease-soft);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:16px;font-weight:600;display:inline-flex}.button-glyph{flex:none;width:19px;height:19px;margin-top:-3px}.button-primary{background:var(--button-bg);color:var(--button-ink);box-shadow:var(--button-highlight), var(--shadow-contact), var(--shadow-ambient);border:none;position:relative}.button-primary:hover{box-shadow:var(--button-highlight), var(--shadow-contact), 0 20px 40px var(--accent-glow), var(--shadow-ambient);transform:translateY(-1px)}.button-primary:active{box-shadow:var(--button-highlight), var(--shadow-contact);transform:translateY(0)}.button-ring{border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s var(--ease-soft);background:radial-gradient(130px circle at var(--mx,50%) var(--my,50%), var(--button-ring), transparent 58%);-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.button-primary.glow-on .button-ring,.button-primary:focus-visible .button-ring{opacity:1}.link-quiet{color:var(--muted);border-bottom:1px solid var(--hairline);padding-bottom:2px;font-size:15px;font-weight:500}.link-quiet:hover{color:var(--ink)}.hero-demo-wrap{width:100%;max-width:min(100%,720px);margin:0 auto}.editor-window{height:var(--demo-window-height);border-radius:var(--radius-lg);background:var(--editor-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow-highlight), var(--shadow-contact), var(--shadow-ambient);-webkit-backdrop-filter:blur(14px)saturate(1.2);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.window-bar{border-bottom:1px solid var(--hairline);background:linear-gradient(180deg, var(--panel-tint), transparent);justify-content:space-between;align-items:center;gap:14px;height:46px;padding:0 16px;display:flex;position:relative}.win-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;max-width:min(46%,260px);color:var(--ink);pointer-events:none;font-size:12.5px;font-weight:600;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.traffic-lights{gap:7px;display:flex}.traffic-lights span{background:var(--dot-bg);border-radius:50%;width:11px;height:11px;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px 1px #0000001a}.window-app{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:inline-flex}.window-app .demo-app-icon{width:16px;height:16px}.window-app-name{letter-spacing:.01em}.demo-app-icon,.app-switch img{box-sizing:border-box;object-fit:contain;background:#fdfdfd}.demo-app-icon{border-radius:5px;padding:2.5px}.mail-fields{font-family:var(--font-system);background:var(--panel-tint);flex-direction:column;display:flex}.mail-row{border-bottom:1px solid var(--hairline);align-items:center;gap:10px;padding:8px 34px;font-size:13.5px;line-height:1.2;display:flex}.mail-label{width:48px;color:var(--tertiary);flex:none}.mail-chip{color:#6d9fff;background:#4285f429;border-radius:999px;align-items:center;padding:2px 10px;font-size:13px;display:inline-flex}.mail-subject{color:var(--ink);font-weight:500}.slack-context{font-family:var(--font-system);background:var(--panel-tint);border-bottom:1px solid var(--hairline);gap:10px;padding:12px 34px 14px;display:flex}.slack-avatar{color:#fff;background:linear-gradient(135deg,#611f69,#4a154b);border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;margin-top:-6px;font-size:15px;font-weight:700;display:flex}.slack-msg{flex-direction:column;gap:3px;min-width:0;display:flex}.slack-meta{align-items:baseline;gap:8px;display:flex}.slack-name{color:var(--ink);font-size:13.5px;font-weight:700}.slack-time{color:var(--tertiary);font-size:11.5px}.slack-text{color:var(--muted);font-size:13.5px;line-height:1.4}.notion-head{font-family:var(--font-system);flex-direction:column;gap:8px;padding:16px 34px 6px;display:flex}.notion-title{letter-spacing:-.02em;min-width:0;color:var(--ink);align-items:center;gap:10px;font-size:21px;font-weight:700;line-height:1.2;display:flex}.notion-emoji{flex:none;font-size:22px;line-height:1}.notion-title-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.chat-context{font-family:var(--font-system);background:var(--panel-tint);border-bottom:1px solid var(--hairline);gap:10px;padding:12px 34px 14px;display:flex}.chat-avatar{background:var(--accent-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;margin-top:-6px;display:flex}.chat-avatar img{box-sizing:border-box;object-fit:contain;background:#fdfdfd;border-radius:50%;width:20px;height:20px;padding:3px;display:block}.chat-msg{flex-direction:column;gap:3px;min-width:0;display:flex}.chat-name{color:var(--ink);font-size:13.5px;font-weight:700}.chat-text{color:var(--muted);font-size:13.5px;line-height:1.4}.app-header{text-align:left;flex:none}.editor-body{text-align:left;flex:auto;min-height:0;padding:26px 34px 30px;overflow:hidden}.editor-doc{width:100%;font-family:var(--font-system);letter-spacing:-.003em;color:var(--ink);overflow-wrap:anywhere;text-align:left;font-size:15px;font-weight:400;line-height:1.55}.tw-line{margin:0}.tw-line+.tw-line{margin-top:.7em}.tw-written,.tw-commit{color:var(--ink)}.tw-commit.flash{animation:acceptFlash .44s var(--ease-soft)}.tw-ghost{color:var(--ghost)}.tw-caret{vertical-align:-.18em;background:var(--accent);width:2px;height:1.05em;box-shadow:0 0 12px var(--accent-soft);border-radius:2px;margin:0 1px;animation:1.05s steps(2,start) infinite blink;display:inline-block}.tw-tab{vertical-align:.04em;align-items:center;margin-left:8px;display:none}.tw-tab.show{animation:tabFadeIn .2s var(--ease-soft);display:inline-flex}.tw-tab.press{animation:tabPressOut .48s var(--ease-soft) forwards}.tw-tab.press kbd{animation:.24s ease-out tabKeyPress}.tw-tab.press kbd:after{content:"";border:1px solid var(--accent);box-shadow:0 0 18px var(--accent-soft);pointer-events:none;border-radius:9px;animation:.24s ease-out forwards tabKeyRipple;position:absolute;inset:-7px -8px}kbd{background:linear-gradient(180deg, var(--key-top), var(--key-bottom));border:1px solid var(--panel-border);min-width:29px;height:20px;box-shadow:var(--key-shadow), inset 0 1px 0 #ffffff40;color:var(--muted);font-family:var(--font-mono);border-radius:5px;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;display:inline-flex;position:relative}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes acceptFlash{0%{color:var(--accent-press);text-shadow:0 0 18px var(--accent-soft)}to{color:var(--ink);text-shadow:none}}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes tabPressOut{0%{opacity:1}50%{opacity:1}to{opacity:0}}@keyframes tabKeyPress{0%{transform:translateY(0)scale(1)}42%{transform:translateY(1px)scale(.94)}to{transform:translateY(0)scale(1)}}@keyframes tabKeyRipple{0%{opacity:.7;transform:scale(.86)}to{opacity:0;transform:scale(1.4)}}.app-switcher{background:var(--panel);border:1px solid var(--panel-border);width:max-content;max-width:100%;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-radius:18px;gap:6px;margin:24px auto 0;padding:7px;display:flex}.app-switch{transform-origin:bottom;will-change:transform;width:46px;height:46px;transition:transform .18s var(--ease-soft), background .18s var(--ease-soft), box-shadow .18s var(--ease-soft), border-color .18s var(--ease-soft);background:0 0;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;display:inline-flex;position:relative}.app-switcher.magnifying .app-switch{transition:background .18s var(--ease-soft), box-shadow .18s var(--ease-soft), border-color .18s var(--ease-soft)}.app-switch img{opacity:.66;width:29px;height:29px;transition:opacity .18s var(--ease-soft);border-radius:7px;padding:4px}.app-switch:hover{background:var(--switch-hover-bg);transform:translateY(-2px)}.app-switch:hover img{opacity:.92}.app-switch:active{transform:translateY(0)scale(.94)}.app-switch.active{background:var(--switch-active-bg);border-color:var(--panel-border);box-shadow:var(--shadow-highlight), var(--shadow-contact)}.app-switch.active img{opacity:1}.app-switch.active:after{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent-soft);border-radius:50%;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.app-everywhere{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin:14px auto 0;font-size:13.5px;font-weight:500;display:flex}.stack{align-items:center;display:inline-flex}.stack img{border:2px solid var(--bg);background:var(--bg);width:34px;height:34px;box-shadow:var(--shadow-contact);border-radius:11px}.stack img+img{margin-left:-13px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-footer{border-top:1px solid var(--hairline);margin-top:40px}.footer-inner{width:min(calc(100% - 48px), var(--container));grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 48px;margin:0 auto;padding:46px 0 0;display:grid}.footer-brand{font-family:"Fraunces", var(--font-display);font-optical-sizing:auto;color:var(--ink);font-size:16px;font-weight:600}.footer-col{flex-direction:column;align-items:flex-start;gap:11px;display:flex}.footer-col-title{font-family:var(--font-ui);letter-spacing:.02em;color:var(--ink);margin:0 0 3px;font-size:13px;font-weight:600}.footer-col a{color:var(--muted);font-size:14px}.footer-col a:hover{color:var(--ink)}.footer-col a[aria-current=page]{color:var(--ink);font-weight:500}.footer-col-more{margin-top:2px;font-size:13px}.footer-base{width:min(calc(100% - 48px), var(--container));flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 18px;margin:0 auto;padding:40px 0 28px;display:flex}.footer-copy{color:var(--tertiary);margin:0;font-size:13px}.footer-legal{gap:16px;display:flex}.footer-legal a{color:var(--tertiary);font-size:13px}.footer-legal a:hover{color:var(--ink)}.footer-legal a[aria-current=page]{color:var(--ink);font-weight:500}.page-hero{width:min(calc(100% - 48px), var(--container));text-align:left;margin:0 auto;padding:56px 0 8px}.page-hero h1{margin:0 0 16px;font-size:clamp(32px,5.4vw,52px);line-height:1.05}.page-subhead{max-width:56ch;color:var(--muted);margin:0;font-size:clamp(16px,1.4vw,18px)}.alt-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--tertiary);margin:0 0 10px;font-size:11.5px;font-weight:700}.compat-legend{width:min(calc(100% - 48px), var(--container));border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(14px)saturate(1.2);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin:36px auto 0;padding:22px 24px;list-style:none;display:grid}.compat-legend li{color:var(--muted);align-items:baseline;gap:10px;font-size:14px;display:flex}.compat-legend .status-badge{flex:none}.compat-toc{width:min(calc(100% - 48px), var(--container));border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(14px)saturate(1.2);margin:28px auto 0;padding:24px 26px}.compat-toc-label{letter-spacing:.08em;text-transform:uppercase;color:var(--tertiary);margin:0 0 12px;font-size:11.5px;font-weight:700}.compat-toc ol{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.compat-toc>ol>li>a{color:var(--ink);transition:color .16s var(--ease-soft);padding:3px 0;font-size:15px;font-weight:600;display:inline-block}.compat-toc ol ol{border-left:1px solid var(--hairline);margin:3px 0 12px;padding-left:18px}.compat-toc ol ol a{color:var(--muted);transition:color .16s var(--ease-soft);padding:2px 0;font-size:13.5px;font-weight:500;display:inline-block}.compat-toc a:hover{color:var(--accent-press)}.compat-section{width:min(calc(100% - 48px), var(--container));margin:0 auto;padding:52px 0 0;scroll-margin-top:84px}.compat-section h2{font-family:"Fraunces", var(--font-display);font-optical-sizing:auto;letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;font-size:24px;font-weight:600}.compat-section-intro{color:var(--muted);max-width:60ch;margin:0 0 8px;font-size:15px}.compat-subsection{margin-top:36px;scroll-margin-top:84px}.compat-subsection h3{font-family:"Fraunces", var(--font-display);font-optical-sizing:auto;letter-spacing:-.005em;color:var(--ink);margin:0 0 14px;font-size:19px;font-weight:600}.compat-table-wrap{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel-tint);overflow-x:auto}.compat-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14.5px}.compat-table th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--tertiary);border-bottom:1px solid var(--hairline);padding:12px 20px;font-size:12px;font-weight:600}.compat-table td{border-bottom:1px solid var(--hairline);color:var(--ink);vertical-align:middle;padding:13px 20px}.compat-table tr:last-child td{border-bottom:none}.compat-table td:last-child,.compat-table th:last-child{white-space:nowrap;width:200px}.compat-app{align-items:center;gap:10px;font-weight:500;display:inline-flex}.compat-icon{border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}img.compat-icon{border:1px solid var(--panel-border);box-sizing:border-box;object-fit:cover;background:#fdfdfd}.status-badge{border:1px solid var(--hairline);letter-spacing:.01em;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 12px 4px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.status-badge svg{flex:none;width:13px;height:13px}.status-badge.is-works{background:var(--accent-soft);color:var(--accent-press);border-color:#0000}.status-badge.is-setup{color:var(--ink)}.status-badge.is-partial{color:var(--muted)}.status-badge.is-none{color:var(--tertiary)}.status-badge.is-tbd{color:var(--tertiary);border-style:dashed}.compat-detail-link{width:max-content;color:var(--muted);border-bottom:1px solid var(--hairline);margin-top:5px;padding-bottom:1px;font-size:12px;font-weight:500;display:block}.compat-detail-link:hover{color:var(--ink);border-color:var(--ink)}.compat-prose{width:min(calc(100% - 48px), var(--container));margin:0 auto;padding:60px 0 0;scroll-margin-top:84px}.compat-prose h2{font-family:"Fraunces", var(--font-display);font-optical-sizing:auto;letter-spacing:-.01em;color:var(--ink);margin:0 0 14px;font-size:24px;font-weight:600}.compat-prose p{max-width:62ch;color:var(--muted);font-size:15.5px}.compat-prose p+p{margin-top:14px}.compat-prose h3{font-family:"Fraunces", var(--font-display);font-optical-sizing:auto;letter-spacing:-.005em;color:var(--ink);margin:26px 0 10px;scroll-margin-top:84px;font-size:19px;font-weight:600}.compat-prose ol{max-width:62ch;color:var(--muted);margin:10px 0 14px;padding-left:22px;font-size:15.5px}.compat-prose ol li+li{margin-top:6px}.compat-prose strong{color:var(--ink);font-weight:600}.compat-prose code{background:var(--panel-tint);border:1px solid var(--panel-border);font-family:var(--font-mono);color:var(--ink);border-radius:5px;padding:2px 6px;font-size:.9em}.compat-code{background:var(--panel-tint);border:1px solid var(--panel-border);width:fit-content;max-width:100%;font-family:var(--font-mono);white-space:pre;color:var(--ink);border-radius:10px;margin:4px 0 14px;padding:12px 16px;font-size:13px;display:block;overflow-x:auto}.compat-callout{width:min(calc(100% - 48px), var(--container));border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);margin:60px auto 90px;padding:28px 30px;scroll-margin-top:84px}.compat-callout p{color:var(--muted);max-width:62ch;margin:0;font-size:15px}.compat-callout a{color:var(--ink);border-bottom:1px solid var(--hairline);padding-bottom:1px}.compat-callout a:hover{border-color:var(--ink)}@media (width<=760px){.nav-links{display:none}:root{--demo-window-height:336px}.hero{min-height:auto;padding-top:48px}.editor-body{padding:22px 22px 26px}.compat-legend{grid-template-columns:1fr}.compat-table th,.compat-table td{padding:11px 14px}.footer-inner{grid-template-columns:1fr 1fr;gap:30px 24px;padding-top:36px}.footer-brand{grid-column:1/-1}.footer-base{padding:32px 0 26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.tw-caret{opacity:1}}