:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--kit-indigo:#4f46e5;--midnight:#1e1b4b;--violet:#7c3aed;--clipboard-blue:#3b82f6;--picker-pink:#ec4899;--mouse-orange:#ea580c;--module-gray:#6b7280;--brand-gradient:linear-gradient(135deg, var(--violet) 0%, var(--kit-indigo) 48%, var(--midnight) 100%);--bg:#fbfbfd;--surface:#fff;--surface-2:#f2f2f6;--text:#1d1d1f;--text-2:#55555e;--hairline:#0000001a;--link:#4338ca;--accent:var(--kit-indigo);--on-accent:#fff;--focus:#4f46e5;--shadow:0 1px 2px #0000000a, 0 8px 24px #1e1b4b0f;--shadow-lg:0 2px 6px #0000000d, 0 24px 60px #1e1b4b29;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--hero-bg:#0d0b26;--wallpaper:linear-gradient(135deg, #c7d2fe 0%, #fbcfe8 52%, #fed7aa 100%);--placeholder-bg:#fef3c7;--placeholder-text:#78350f;--font-text:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--gutter:16px;--max:1240px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111114;--surface:#1b1b20;--surface-2:#26262d;--text:#f5f5f7;--text-2:#a8a8b3;--hairline:#ffffff1f;--link:#a5b4fc;--focus:#a5b4fc;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--shadow-lg:0 2px 6px #00000059, 0 24px 60px #00000073;--wallpaper:linear-gradient(135deg, #312e81 0%, #6b2155 52%, #7c2d12 100%);--placeholder-bg:#78350f;--placeholder-text:#fef3c7}}@media (min-width:720px){:root{--gutter:24px}}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-text);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;margin:0;font-size:17px;line-height:1.55}img,svg{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-rounded);letter-spacing:-.015em;margin:0 0 var(--s-3);line-height:1.15}h1{letter-spacing:-.025em;font-size:clamp(2.1rem,6vw,3.6rem);font-weight:700}h2{letter-spacing:-.022em;font-size:clamp(1.7rem,4.2vw,2.6rem);font-weight:700}h3{font-size:1.125rem;font-weight:600}p{margin:0 0 var(--s-4)}a{color:var(--link);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}code,kbd,.mono{font-family:var(--font-mono);font-size:.9em}kbd{border:1px solid var(--hairline);border-radius:var(--r-sm);background:var(--surface);white-space:nowrap;border-bottom-width:2px;padding:0 .4em;line-height:1.5;display:inline-block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--s-2);z-index:100;padding:var(--s-2) var(--s-3);background:var(--surface);color:var(--text);border-radius:var(--r-md);box-shadow:var(--shadow);position:absolute;top:-100px}.skip-link:focus{top:var(--s-2)}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.narrow{max-width:760px}.muted{color:var(--text-2)}.small{font-size:.9rem}.lede{color:var(--text-2);max-width:40em;font-size:1.15rem}.eyebrow{margin-bottom:var(--s-2);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-size:.8rem;font-weight:600;display:block}.section-head .eyebrow,.privacy-copy .eyebrow{color:var(--link)}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.placeholder{background:var(--placeholder-bg);color:var(--placeholder-text);font-family:var(--font-mono);border-radius:4px;padding:0 .25em;font-size:.9em}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--hairline);position:sticky;top:0}.site-header .wrap{align-items:center;gap:var(--s-3);min-height:56px;display:flex}.brand{align-items:center;gap:var(--s-2);color:var(--text);font-family:var(--font-rounded);margin-right:auto;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{width:28px;height:28px}.site-nav{align-items:center;gap:var(--s-1);display:flex}.site-nav a:not(.button){padding:var(--s-1) var(--s-2);border-radius:var(--r-sm);color:var(--text-2);font-size:.95rem;text-decoration:none}.site-nav a:not(.button):hover,.site-nav a[aria-current=page]{color:var(--text)}@media (max-width:559px){.site-nav .nav-optional{display:none}}.site-footer{margin-top:var(--s-8);padding-block:var(--s-6);border-top:1px solid var(--hairline);color:var(--text-2);font-size:.9rem}.footer-grid{gap:var(--s-4) var(--s-6);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.footer-links{gap:var(--s-2) var(--s-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text-2)}.site-footer p{margin:0}.button{justify-content:center;align-items:center;gap:var(--s-2);background:var(--accent);min-height:44px;color:var(--on-accent);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:10px 18px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:transform .15s,background-color .15s,box-shadow .2s;display:inline-flex}.button:hover{background:#4338ca}.button:active{transform:scale(.98)}.button[disabled],.button[aria-disabled=true]{opacity:.6;cursor:not-allowed}.button-small{min-height:36px;padding:6px 14px;font-size:.9rem}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--hairline)}.button-secondary:hover{background:var(--surface-2)}.button-light{color:var(--midnight);background:#fff}.button-light:hover{background:#eef0ff;box-shadow:0 8px 30px #a78bfa73}.button-large{min-height:50px;padding:12px 22px;font-size:1.05rem}.button-ghost{color:#fff;background:#ffffff0f;border-color:#ffffff47}.button-ghost:hover{background:#ffffff24}.button-row{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.section{padding-block:clamp(88px,12vw,144px) 0}section[id]{scroll-margin-top:64px}.section-head{max-width:44em;margin-bottom:var(--s-7)}.page{padding-block:var(--s-7) 0}.page h2{margin-top:var(--s-6);font-size:1.4rem}.page h3{margin-top:var(--s-5)}.page ul,.page ol{padding-left:1.3em}.page li{margin-bottom:var(--s-2)}.updated{color:var(--text-2);font-size:.9rem}.hero{isolation:isolate;background:var(--hero-bg);color:#fff;position:relative;overflow:hidden}.hero-glow{z-index:-2;pointer-events:none;background:radial-gradient(38% 48% at 22% 30%,#7c3aed99,#0000 70%),radial-gradient(34% 44% at 78% 22%,#4f46e5a6,#0000 70%),radial-gradient(28% 38% at 66% 82%,#ec489959,#0000 70%),radial-gradient(30% 40% at 14% 88%,#3b82f64d,#0000 70%);animation:20s ease-in-out infinite alternate aurora;position:absolute;inset:-25%}.hero:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%)}@keyframes aurora{0%{transform:translate(0,0)rotate(0)scale(1)}50%{transform:translate(3%,-2%)rotate(6deg)scale(1.06)}to{transform:translate(-3%,2%)rotate(-4deg)scale(1)}}.hero .wrap{gap:var(--s-7);padding-block:var(--s-8);align-items:center;display:grid}@media (min-width:880px){.hero .wrap{grid-template-columns:1.25fr 1fr;padding-block:120px 128px}}.hero h1{color:#fff;letter-spacing:-.035em;font-size:clamp(2.5rem,7vw,4.4rem);line-height:1.04}.hero-accent{background:linear-gradient(90deg,#c4b5fd,#f0abfc 40%,#fdba74 70%,#c4b5fd) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.hero .lede{color:#ffffffd1;margin-bottom:var(--s-5);font-size:1.2rem}.hero-pill{align-items:center;gap:var(--s-2);margin-bottom:var(--s-5);color:#ffffffe6;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;padding:5px 14px 5px 10px;font-size:.85rem;display:inline-flex}.hero-pill-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;position:relative}.hero-pill-dot:after{content:"";animation:ping 2s var(--ease-out) infinite;background:#4ade80;border-radius:50%;position:absolute;inset:0}@keyframes ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3)}}.hero-meta{margin:var(--s-4) 0 0;color:#ffffffb3;font-size:.9rem}.hero a:not(.button){color:#fff}.hero :focus-visible{outline-color:#fff}.hero-copy>*{animation:rise .8s var(--ease-out) backwards}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.hero-art{place-items:center;min-height:300px;display:grid;position:relative}.hero-icon{animation:7s ease-in-out infinite float}@keyframes icon-in{0%{opacity:0;transform:scale(.85)rotate(-6deg)}}@keyframes module-pop{0%{opacity:0;transform:scale(.4)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float-chip{align-items:center;gap:var(--s-2);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);white-space:nowrap;animation:chip-in .7s var(--ease-out) backwards, float 6s ease-in-out infinite;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;padding:8px 12px;font-size:.85rem;font-weight:500;display:inline-flex;position:absolute;box-shadow:0 10px 30px #00000040}.float-chip kbd{color:#fff;background:#ffffff1f;border-color:#ffffff38;font-size:.78rem}.float-chip code{font-size:.82rem}.float-chip-1{animation-delay:.9s,0s;top:4%;left:0}.float-chip-2{animation-delay:1.05s,-2s;top:44%;right:0}.float-chip-3{animation-delay:1.2s,-4s;bottom:2%;left:8%}@keyframes chip-in{0%{opacity:0;transform:translateY(14px)scale(.92)}}.float-swatch{background:var(--picker-pink);border-radius:6px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff4d}@media (max-width:479px){.float-chip-3{display:none}.float-chip{font-size:.78rem}}.app-icon{--size:clamp(168px, 34vw, 260px);width:var(--size);height:var(--size);padding:calc(var(--size) * .16);background:linear-gradient(145deg, var(--kit-indigo) 0%, var(--midnight) 100%);box-shadow:0 0 0 1px #ffffff1f inset, 0 calc(var(--size) * .08) calc(var(--size) * .25) #7c3aed8c, 0 calc(var(--size) * .02) calc(var(--size) * .06) #0f0c3280;gap:calc(var(--size) * .07);border-radius:22.5%;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.app-icon:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 30% 18%,#a78bfa73,#0000 60%);position:absolute;inset:0}.module{color:#fff;border-radius:24%;place-items:center;display:grid;position:relative;box-shadow:0 2px 6px #00000038}.module .icon{aspect-ratio:1;stroke-width:2.2px;width:46%;height:auto}.module-blue{background:var(--clipboard-blue)}.module-pink{background:var(--picker-pink)}.module-orange{background:var(--mouse-orange)}.module-white{color:var(--kit-indigo);background:#fff}.hero .app-icon{animation:icon-in .9s var(--ease-out) backwards}.hero .module{animation:module-pop .6s var(--ease-spring) backwards}.hero .module:first-child{animation-delay:.35s}.hero .module:nth-child(2){animation-delay:.45s}.hero .module:nth-child(3){animation-delay:.55s}.hero .module:nth-child(4){animation-delay:.65s}.compare{gap:var(--s-5);align-items:start;display:grid}@media (min-width:880px){.compare{grid-template-columns:1fr auto 1fr}}.compare-col{padding:var(--s-5);border:1px solid var(--hairline);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow);min-width:0;margin:0}.compare-col figcaption{margin-bottom:var(--s-4)}.compare-col figcaption strong{font-family:var(--font-rounded);font-size:1.15rem;display:block}.compare-arrow{color:var(--text-2);align-self:center;place-items:center;display:grid}.compare-arrow .icon{width:32px;height:32px;transform:rotate(90deg)}@media (min-width:880px){.compare-arrow .icon{transform:none}}.menubar{align-items:center;gap:var(--s-2);height:32px;padding-inline:var(--s-3);border-radius:var(--r-md);color:#1d1d1f;background:linear-gradient(#e9e9ee,#dcdce3);font-size:13px;display:flex;overflow:hidden}@media (prefers-color-scheme:dark){.menubar{color:#f5f5f7;background:linear-gradient(#34343c,#2a2a31)}}.menubar-menus{gap:var(--s-2);min-width:0;margin-right:auto;display:flex}.menubar-menus span{opacity:.18;background:currentColor;border-radius:4px;width:30px;height:7px;display:block}.menubar-menus span:first-child{opacity:.35;width:16px}.menubar-icon{border-radius:5px;flex:none;place-items:center;width:22px;height:22px;display:grid}.menubar-icon .icon{width:16px;height:16px}.menubar-icon.is-active{background:#0000001f}@media (prefers-color-scheme:dark){.menubar-icon.is-active{background:#ffffff2e}}.menubar-clock{margin-left:var(--s-1);font-variant-numeric:tabular-nums;flex:none}@media (max-width:400px){.menubar-menus{display:none}.menubar{justify-content:flex-end}}.compare-cost{margin:var(--s-4) 0 0;color:var(--text-2);padding:0;font-size:.92rem;list-style:none}.compare-cost li{gap:var(--s-2);margin-bottom:var(--s-1);align-items:baseline;display:flex}.mini-menu{margin:var(--s-2) 0 0 auto;max-width:320px;padding:var(--s-2);border:1px solid var(--hairline);border-radius:var(--r-lg);background:var(--surface);list-style:none;box-shadow:0 12px 32px #00000024}.mini-menu li{align-items:center;gap:var(--s-2);padding:6px var(--s-2);border-radius:var(--r-sm);font-size:.9rem;display:flex}.mini-menu li span:nth-child(2){margin-right:auto}.mini-tile{color:#fff;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;display:grid}.mini-tile .icon{width:14px;height:14px}.mini-menu .is-soon{color:var(--text-2)}.mini-menu .is-soon .mini-tile{opacity:.55}.switch{background:var(--kit-indigo);border-radius:999px;flex:none;width:30px;height:18px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;right:2px}.respect{margin-top:var(--s-5);color:var(--text-2);font-size:.95rem}.grid{gap:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.card{--tint:var(--module-gray);padding:clamp(var(--s-5), 3vw, var(--s-6));border:1px solid var(--hairline);border-radius:var(--r-xl);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--tint) 9%, transparent), transparent 60%), var(--surface);box-shadow:var(--shadow);min-width:0;transition:transform .25s var(--ease-out), box-shadow .25s ease, border-color .25s ease}.card-blue{--tint:var(--clipboard-blue)}.card-pink{--tint:var(--picker-pink)}.card-orange{--tint:var(--mouse-orange)}.card-indigo{--tint:var(--kit-indigo)}.card-violet{--tint:var(--violet)}.card h3{margin:0}.card p:last-child,.card ul:last-child{margin-bottom:0}.card-head{align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);display:flex}.card-head kbd{color:var(--text-2);font-size:.8rem}.card-head h3{margin-right:auto}.tile{color:#fff;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.tile .icon{width:22px;height:22px}.tint-blue{background:var(--clipboard-blue)}.tint-pink{background:var(--picker-pink)}.tint-orange{background:var(--mouse-orange)}.tint-indigo{background:var(--kit-indigo)}.tint-violet{background:var(--violet)}.tint-gray{background:var(--module-gray)}@media (hover:hover){.card:hover{border-color:color-mix(in srgb, var(--tint) 45%, var(--hairline));box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card:hover .tile{transform:rotate(-6deg)scale(1.06)}}.card .tile{transition:transform .35s var(--ease-spring)}.tags{gap:var(--s-1);flex-wrap:wrap;justify-content:flex-end;display:flex}.tag{letter-spacing:.02em;background:var(--surface-2);color:var(--text-2);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.tag-pro{background:var(--kit-indigo);color:#fff}.tag-now{color:#14532d;background:#dcfce7}@media (prefers-color-scheme:dark){.tag-now{color:#dcfce7;background:#14532d}}.feature-list{color:var(--text-2);margin:0;padding-left:1.1em;font-size:.95rem}.feature-list li{margin-bottom:var(--s-1)}.group-title{align-items:baseline;gap:var(--s-3);margin:var(--s-7) 0 var(--s-4);font-size:1.25rem;display:flex}.group-title:first-of-type{margin-top:0}.points{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));margin:0;padding:0;list-style:none;display:grid}.point .tile{margin-bottom:var(--s-3)}.points-row{margin-top:var(--s-7);padding-top:var(--s-6);border-top:1px solid var(--hairline)}.points-row .point{gap:var(--s-3);align-items:flex-start;display:flex}.points-row .tile{width:36px;height:36px;margin-bottom:0}.points-row h3{margin-bottom:2px;font-size:1rem}.point h3{margin-bottom:var(--s-2)}.point p{color:var(--text-2);margin:0;font-size:.97rem}.callout{margin-top:var(--s-6);padding:var(--s-5);border-radius:var(--r-xl);background:var(--surface-2)}.callout p:last-child{margin-bottom:0}.pricing{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:stretch;display:grid}.plan{padding:var(--s-6) var(--s-5);border:1px solid var(--hairline);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;display:flex}.plan-pro{border-color:var(--kit-indigo);box-shadow:0 0 0 1px var(--kit-indigo), var(--shadow)}.plan h2,.plan h3{margin:0 0 var(--s-2);font-size:1.4rem}.price{align-items:baseline;gap:var(--s-2);margin:var(--s-2) 0 var(--s-1);font-family:var(--font-rounded);flex-wrap:wrap;display:flex}.price-amount{font-size:2.6rem;font-weight:700;line-height:1}.price-was{color:var(--text-2);text-decoration:line-through}.price-note{margin:0 0 var(--s-4);color:var(--text-2);font-size:.92rem}.check-list{margin:0 0 var(--s-5);padding:0;list-style:none}.check-list li{gap:var(--s-2);margin-bottom:var(--s-2);align-items:flex-start;display:flex}.check-list .icon{width:1.05em;height:1.05em;color:var(--kit-indigo);margin-top:.2em}@media (prefers-color-scheme:dark){.check-list .icon{color:#a5b4fc}}.plan-action{margin-top:auto}.notice{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface-2);font-size:.95rem}.notice p:last-child{margin-bottom:0}.notice-error{color:#7f1d1d;background:#fee2e2}@media (prefers-color-scheme:dark){.notice-error{color:#fecaca;background:#450a0a}}.teaser{gap:var(--s-4);padding:var(--s-6) var(--s-5);border-radius:var(--r-xl);background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(135deg, var(--violet), var(--kit-indigo) 45%, var(--picker-pink)) border-box;box-shadow:var(--shadow-lg);border:1px solid #0000;align-items:center;display:grid}@media (min-width:760px){.teaser{padding:var(--s-6);grid-template-columns:1fr auto}}.teaser p:last-child{margin-bottom:0}.faq{border-top:1px solid var(--hairline)}.faq details{border-bottom:1px solid var(--hairline)}.faq summary{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-4) 0;cursor:pointer;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--link)}.faq summary:after{content:"+";color:var(--text-2);transition:transform .25s var(--ease-out);flex:none;font-size:1.4rem;line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq .answer{padding-bottom:var(--s-4);color:var(--text-2)}.faq details[open] .answer{animation:rise .35s var(--ease-out)}.faq .answer p:last-child{margin-bottom:0}.panel{padding:var(--s-5);border:1px solid var(--hairline);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow)}.field{gap:var(--s-1);margin-bottom:var(--s-4);display:grid}.field label{font-weight:600}input[type=email],textarea{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--bg);width:100%;min-height:44px;color:var(--text);font:inherit;padding:10px 12px}input[type=email]:focus-visible,textarea:focus-visible{outline-offset:0}textarea.token{min-height:7.5em;font-family:var(--font-mono);resize:vertical;word-break:break-all;font-size:.85rem;line-height:1.4}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{margin-bottom:var(--s-3);padding-left:2.4em;position:relative}.steps li:before{counter-increment:step;content:counter(step);background:var(--surface-2);border-radius:50%;place-items:center;width:1.7em;height:1.7em;font-size:.9rem;font-weight:600;display:grid;position:absolute;top:0;left:0}.status{min-height:1.5em;margin:var(--s-2) 0 0;color:var(--text-2);font-size:.95rem}[hidden]{display:none!important}.center{text-align:center}.center .app-icon{--size:120px;margin:0 auto var(--s-5)}.center .button-row{justify-content:center}.reveal-armed{opacity:0}.reveal-in{animation:reveal .8s var(--ease-out) backwards}.grid>.reveal-in:nth-child(2),.points>.reveal-in:nth-child(2){animation-delay:80ms}.grid>.reveal-in:nth-child(3),.points>.reveal-in:nth-child(3){animation-delay:.16s}@keyframes reveal{0%{opacity:0;transform:translateY(28px)}}.stories{isolation:isolate;margin:clamp(var(--s-6), 6vw, var(--s-8)) clamp(8px, 2vw, 24px) 0;background:var(--hero-bg);color:#fff;border-radius:clamp(20px,3vw,36px);padding-block:clamp(64px,9vw,120px) clamp(32px,5vw,64px);position:relative;overflow:hidden}.stories .hero-glow{z-index:-1;opacity:.75}.stories h2,.stories h3{color:#fff}.stories .lede{color:#ffffffbf}.stories .section-head .eyebrow,.story-number{color:#c4b5fd}.stories :focus-visible{outline-color:#fff}.story{gap:var(--s-6);padding-block:clamp(var(--s-6), 6vw, var(--s-8));align-items:center;display:grid}.story+.story{border-top:1px solid #ffffff14}@media (min-width:900px){.story{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px}.story:nth-of-type(2n){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.story:nth-of-type(2n) .story-copy{order:2}}.story-number{margin-bottom:var(--s-2);font-family:var(--font-mono);letter-spacing:.1em;font-size:.85rem;display:block}.story h3{margin-bottom:var(--s-3);letter-spacing:-.022em;font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:700}.story-keys{margin:0 0 var(--s-4);gap:6px;display:flex}.story-keys kbd{color:#fff;background:#ffffff14;border-color:#ffffff2e;border-bottom-width:3px;border-radius:10px;place-items:center;min-width:42px;height:42px;padding:0 10px;font-size:1.05rem;display:inline-grid}.story-text{gap:var(--s-3);color:#ffffffbf;font-size:1.05rem;display:grid}.story-text>*{margin:0}.story-beats{margin:var(--s-5) 0 0;gap:2px;padding:0;list-style:none;display:grid}.story-beat{align-items:center;gap:var(--s-3);border-radius:var(--r-md);color:#ffffff8c;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:10px 12px;font-size:.98rem;transition:color .3s,background-color .3s;display:flex}.story-beat:hover{color:#fff;background:#ffffff0d}.story-beat.is-current{color:#fff;background:#ffffff14}.story-beat-dot{border:2px solid #ffffff59;border-radius:50%;flex:none;width:10px;height:10px;transition:background-color .3s,border-color .3s,box-shadow .3s}.story-beat.is-current .story-beat-dot{background:#a78bfa;border-color:#a78bfa;box-shadow:0 0 0 4px #a78bfa40}.story-demo{min-width:0}.story-frame{border-radius:var(--r-xl);background:var(--wallpaper);padding:clamp(8px,1.6vw,16px);box-shadow:0 0 0 1px #ffffff1a,0 30px 80px #00000080;container:demo/inline-size}.story-controls{align-items:center;gap:var(--s-3);margin-top:14px;display:flex}.story-progress{background:#ffffff1f;border-radius:3px;flex:1;height:3px;overflow:hidden}.story-progress span{transform-origin:0;background:linear-gradient(90deg,#a78bfa,#f0abfc);height:100%;display:block;transform:scaleX(0)}.story-pause{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.story-pause:hover{background:#ffffff24}.story-pause .icon{width:14px;height:14px}.stage{aspect-ratio:16/10;border-radius:var(--r-lg);color:var(--text);font-size:2.2cqw;line-height:1.4;position:relative;overflow:hidden}@container demo (max-width:520px){.stage{aspect-ratio:4/3.3;font-size:2.8cqw}}.stage kbd{font-size:.8em}.stage .tag{font-size:.7em}.stage .icon{width:1em;height:1em}.win-bar{border-bottom:1px solid var(--hairline);background:var(--surface-2);height:2.2em;color:var(--text-2);align-items:center;gap:.6em;padding:0 .8em;font-size:.85em;display:flex}.win-dots{background:radial-gradient(circle at .4em,#ff5f57 .36em,#0000 .4em),radial-gradient(circle at 1.45em,#febc2e .36em,#0000 .4em),radial-gradient(circle at 2.5em,#28c840 .36em,#0000 .4em);flex:none;width:2.9em;height:.8em}.win-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-right:2.9em;overflow:hidden}.caret{vertical-align:text-bottom;background:var(--accent);width:2px;height:1.1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.demo-keys{z-index:30;opacity:0;transition:opacity .25s ease, transform .3s var(--ease-out);gap:.35em;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%,.8em)}.demo-keys.is-shown{opacity:1;transform:translate(-50%)}.stage .demo-key{border:1px solid var(--hairline);background:var(--surface);border-bottom-width:3px;border-radius:.45em;place-items:center;min-width:2.4em;height:2.4em;padding:0 .6em;font-size:1em;animation:.4s .15s both key-press;display:grid;box-shadow:0 .4em 1em #0000002e}@keyframes key-press{40%{background:color-mix(in srgb, var(--accent) 22%, var(--surface));transform:translateY(2px)}}.demo-toast{color:#fff;opacity:0;transition:opacity .25s ease, transform .35s var(--ease-spring);background:#16a34a;border-radius:999px;align-items:center;gap:.4em;padding:.5em .9em;font-size:.9em;font-weight:600;display:flex;position:absolute;bottom:9%;right:6%;transform:translateY(.6em)}.demo-toast.is-shown{opacity:1;transform:none}.doc-window{border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:.8em;position:absolute;inset:5% 7%;overflow:hidden}.doc-body{padding:.6em 1.4em}.doc-line{border-bottom:1px solid var(--hairline);margin:0;padding:.5em 0;font-size:.95em}.doc-label{color:var(--text-2)}.doc-text{margin:1em 0 0}.doc-paste{display:none}.doc-paste.is-pasted{border-radius:.3em;animation:1.4s paste-flash;display:inline}@keyframes paste-flash{0%{background:color-mix(in srgb, var(--accent) 30%, transparent)}}.clip-panel{z-index:10;border:1px solid var(--hairline);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);opacity:0;width:64%;transition:opacity .2s ease, transform .32s var(--ease-out);border-radius:.9em;position:absolute;top:11%;left:50%;overflow:hidden;transform:translate(-50%)translateY(-.8em)scale(.96);box-shadow:0 1.5em 3em #00000047}.clip-panel.is-open{opacity:1;transform:translate(-50%)}.clip-search{border-bottom:1px solid var(--hairline);align-items:center;gap:.6em;height:2.8em;padding:0 1em;font-size:1.05em;display:flex}.clip-search .icon,.clip-query.is-empty{color:var(--text-2)}.clip-list{margin:0;padding:.4em;list-style:none}.clip-row{transition:grid-template-rows .35s var(--ease-out), opacity .25s ease;grid-template-rows:1fr;display:grid}.clip-row.is-hidden{opacity:0;grid-template-rows:0fr}.clip-row-inner{min-height:0;transition:background-color .2s ease, color .2s ease, padding .35s var(--ease-out);border-radius:.5em;align-items:center;gap:.7em;padding:.42em .6em;display:flex;overflow:hidden}.clip-row.is-hidden .clip-row-inner{padding-block:0}.clip-row.is-selected .clip-row-inner{background:var(--accent);color:#fff}.clip-icon{background:var(--surface-2);width:1.8em;height:1.8em;color:var(--text-2);border-radius:.45em;flex:none;place-items:center;display:grid}.clip-row.is-selected .clip-icon{color:#fff;background:#fff3}.clip-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.95em;overflow:hidden}.clip-pin{background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:.1em .55em;font-size:.72em;font-weight:600}.clip-row.is-selected .clip-pin{color:#fff;background:#fff3}.stage .clip-kbd{color:inherit;opacity:.65;background:0 0;border:0;font-size:.75em}.clip-foot{border-top:1px solid var(--hairline);color:var(--text-2);gap:1.2em;padding:.55em 1em;font-size:.78em;display:flex}.mock-site{background:var(--surface);border-radius:.8em;position:absolute;inset:0}.mock-site>span{display:block;position:absolute}.ms-nav{background:var(--kit-indigo);border-radius:.6em;height:12%;top:8%;left:6%;right:6%}.ms-line-1,.ms-line-2{background:color-mix(in srgb, var(--text) 14%, transparent);border-radius:99px;height:5%;left:6%}.ms-line-1{width:46%;top:28%}.ms-line-2{width:32%;top:37%}.ms-button{background:var(--picker-pink);border-radius:99px;width:26%;height:12%;top:52%;left:6%}.ms-chip{background:var(--clipboard-blue);border-radius:.6em;width:30%;height:14%;top:72%;left:6%}.ms-card{background:var(--mouse-orange);border-radius:.8em;inset:50% 6% 14% 56%}.loupe-layer{z-index:5;pointer-events:none;opacity:0;transition:transform .9s cubic-bezier(.65,0,.25,1),opacity .25s;position:absolute;inset:0}.loupe-layer.is-shown{opacity:1}.loupe-layer.at-a{transform:translate(50%,14%)}.loupe-layer.at-b{transform:translate(75%,68%)}.loupe-layer.at-c{transform:translate(19%,58%)}.loupe{border:.25em solid #fff;border-radius:50%;width:5.5em;height:5.5em;margin:-2.75em 0 0 -2.75em;transition:background-color .3s .5s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 .5em 1.4em #00000059,0 0 0 1px #0003}.loupe-a{background:var(--kit-indigo)}.loupe-b{background:var(--mouse-orange)}.loupe-c{background:var(--picker-pink)}.loupe-grid{background-image:linear-gradient(#00000024 1px,#0000 1px),linear-gradient(90deg,#00000024 1px,#0000 1px);background-size:.5em .5em;position:absolute;inset:0}.loupe-pixel{border:2px solid #fff;width:.6em;height:.6em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.color-card{z-index:10;border:1px solid var(--hairline);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;width:46%;transition:opacity .25s ease, transform .4s var(--ease-spring);border-radius:.9em;padding:.9em;position:absolute;top:9%;right:5%;transform:translateY(.8em)scale(.96);box-shadow:0 1.5em 3em #00000047}.color-card.is-shown{opacity:1;transform:none}.color-card-head{align-items:center;gap:.7em;margin-bottom:.7em;display:flex}.color-hex{font-family:var(--font-mono);font-size:1.05em}.color-swatch{background:var(--picker-pink);border-radius:.6em;flex:none;width:2.6em;height:2.6em;box-shadow:inset 0 0 0 1px #0000001a}.color-card-sub{color:var(--text-2);font-size:.78em;display:block}.color-formats{gap:.3em;margin:0;padding:0;list-style:none;display:grid}.color-formats li{background:var(--surface-2);border-radius:.5em;grid-template-columns:2.8em 1fr auto;align-items:center;gap:.5em;padding:.4em .6em;font-size:.85em;transition:background-color .3s,color .3s;display:grid}.color-formats li>span:first-child{color:inherit;opacity:.7;font-size:.85em;font-weight:600}.color-copied{color:var(--text-2);display:grid}.color-formats li.is-copied{color:#14532d;background:#dcfce7}.color-formats li.is-copied .color-copied{color:inherit}@media (prefers-color-scheme:dark){.color-formats li.is-copied{color:#dcfce7;background:#14532d}}.stage-scroll{grid-template-columns:1fr 1fr;gap:4%;padding:4%;display:grid}.scroll-col{border:1px solid var(--hairline);background:color-mix(in srgb, var(--surface) 88%, transparent);min-height:0;box-shadow:var(--shadow);border-radius:.9em;flex-direction:column;align-items:center;gap:.6em;padding:.8em;display:flex}.scroll-col-head{justify-content:space-between;align-items:center;width:100%;font-size:.95em;font-weight:600;display:flex}.mini-page{border:1px solid var(--hairline);background:var(--surface);border-radius:.6em;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.mini-page-content{gap:.5em;padding:.6em;transition:transform 1.3s cubic-bezier(.4,0,.2,1);display:grid}.mini-page-content.is-down{transform:translateY(-38%)}.mini-page-content>span{border-radius:.4em;display:block}.mp-hero{background:color-mix(in srgb, var(--kit-indigo) 75%, transparent);height:4em}.mp-line{background:color-mix(in srgb, var(--text) 14%, transparent);height:.55em}.stage .mp-line{border-radius:99px}.mp-short{width:60%}.mp-block{background:color-mix(in srgb, var(--mouse-orange) 65%, transparent);height:3.2em}.mp-alt{background:color-mix(in srgb, var(--picker-pink) 60%, transparent)}.device-mouse{border:.18em solid color-mix(in srgb, var(--text) 35%, transparent);background:var(--surface);border-radius:1.3em;flex:none;width:2.6em;height:3.8em;position:relative}.mouse-wheel{background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--text) 55%, transparent) 0 .12em, transparent .12em .25em);border-radius:.3em;width:.45em;height:1em;margin-left:-.225em;position:absolute;top:.55em;left:50%}.mouse-wheel.is-rolling-down{animation:.3s linear infinite wheel-down}.mouse-wheel.is-rolling-up{animation:.3s linear infinite wheel-up}@keyframes wheel-down{to{background-position:0 .25em}}@keyframes wheel-up{to{background-position:0 -.25em}}.device-pad{border:.18em solid color-mix(in srgb, var(--text) 25%, transparent);background:var(--surface-2);border-radius:.6em;flex:none;width:5.5em;height:3.8em;position:relative}.pad-fingers{opacity:0;gap:.5em;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pad-fingers span{background:color-mix(in srgb, var(--kit-indigo) 75%, transparent);border-radius:50%;width:.9em;height:.9em}.pad-fingers.is-swiping-up{animation:1.1s ease-in-out infinite swipe-up}.pad-fingers.is-swiping-down{animation:1.1s ease-in-out infinite swipe-down}@keyframes swipe-up{0%{opacity:0;transform:translate(-50%,20%)}25%,75%{opacity:1}to{opacity:0;transform:translate(-50%,-120%)}}@keyframes swipe-down{0%{opacity:0;transform:translate(-50%,-120%)}25%,75%{opacity:1}to{opacity:0;transform:translate(-50%,20%)}}.scroll-caption{min-height:1.3em;color:var(--text-2);text-align:center;margin:0;font-size:.85em}@property --kb-progress{syntax:"<percentage>";inherits:false;initial-value:100%}.stage-keyboard{flex-direction:column;gap:3%;padding:3% 6%;display:flex}.kb-screen{border-radius:.8em;flex:1;min-height:0;position:relative;overflow:hidden}.stage .kb-doc{inset:0}.kb-lock{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-align:center;opacity:0;background:#0d0b26e0;flex-direction:column;justify-content:center;align-items:center;gap:.35em;transition:opacity .35s;display:flex;position:absolute;inset:0}.kb-lock.is-shown{opacity:1}.kb-ring{background:conic-gradient(#a78bfa var(--kb-progress), #ffffff26 0);border-radius:50%;place-items:center;width:4.8em;height:4.8em;display:grid;position:relative}.kb-ring:before{content:"";background:#15123a;border-radius:50%;position:absolute;inset:.35em}.kb-ring.is-counting{animation:12s linear forwards kb-countdown}@keyframes kb-countdown{to{--kb-progress:0%}}.kb-count{font-family:var(--font-mono);font-size:1.1em;font-weight:600;position:relative}.kb-title{margin-top:.3em;font-size:1.15em}.kb-sub{color:#ffffffb3;font-size:.8em}.kb-done{color:var(--midnight);background:#fff;border-radius:999px;margin-top:.6em;padding:.55em 1.4em;font-size:.9em;font-weight:600;transition:transform .15s,background-color .15s}.kb-done.is-pressed{background:#e0e7ff;transform:scale(.94)}.kb-pointer{z-index:12;filter:drop-shadow(0 0 1px #000000e6)drop-shadow(0 2px 3px #0006);width:1.1em;height:1.6em;transition:left .8s cubic-bezier(.65,0,.25,1),top .8s cubic-bezier(.65,0,.25,1);position:absolute;top:80%;left:82%}.kb-pointer:before{content:"";clip-path:polygon(0 0,0 78%,24% 60%,42% 100%,58% 93%,41% 55%,80% 55%);background:#fff;position:absolute;inset:0}.kb-pointer.at-done{top:76%;left:51%}.kb{border:1px solid var(--hairline);background:var(--surface-2);height:30%;box-shadow:var(--shadow);border-radius:.7em;flex:none;gap:.3em;padding:.5em;display:grid;position:relative;overflow:hidden}.kb-row{gap:.3em;display:flex}.kb-key{background:var(--surface);border-radius:.25em;flex:1;box-shadow:0 1px #00000026}.kb-row:nth-child(4) .kb-key:nth-child(5){flex:4}.kb.is-wiping .kb-key{animation:.9s ease-in-out infinite key-flash}.kb.is-wiping .kb-key:nth-child(3n+2){animation-delay:.3s}.kb.is-wiping .kb-key:nth-child(3n){animation-delay:.6s}@keyframes key-flash{50%{background:color-mix(in srgb, var(--accent) 35%, var(--surface));transform:translateY(1px)}}.kb-cloth{opacity:0;background:linear-gradient(135deg,#38bdf899,#0ea5e959);border-radius:1em;width:26%;height:120%;transition:opacity .3s;position:absolute;top:-10%;left:0;transform:translate(-110%)}.kb.is-wiping .kb-cloth{opacity:1;animation:1.5s ease-in-out infinite alternate wipe}@keyframes wipe{0%{transform:translate(-20%)rotate(-4deg)}to{transform:translate(310%)rotate(4deg)}}.reveal-in .compare-before .menubar-icon{animation:module-pop .45s var(--ease-spring) backwards}.reveal-in .compare-before .menubar-icon:nth-of-type(2){animation-delay:80ms}.reveal-in .compare-before .menubar-icon:nth-of-type(3){animation-delay:.16s}.reveal-in .compare-before .menubar-icon:nth-of-type(4){animation-delay:.24s}.reveal-in .compare-before .menubar-icon:nth-of-type(5){animation-delay:.32s}.reveal-in .compare-arrow .icon{animation:.9s ease-in-out .5s 2 nudge}@keyframes nudge{50%{translate:6px}}.reveal-in .compare-after .menubar-icon.is-active{animation:.4s .9s press}@keyframes press{50%{transform:scale(.85)}}.reveal-in .mini-menu{transform-origin:100% 0;animation:menu-drop .4s 1.1s var(--ease-out) backwards}@keyframes menu-drop{0%{opacity:0;transform:translateY(-6px)scale(.96)}}.reveal-in .mini-menu li{animation:rise .35s var(--ease-out) backwards}.reveal-in .mini-menu li:first-child{animation-delay:1.2s}.reveal-in .mini-menu li:nth-child(2){animation-delay:1.25s}.reveal-in .mini-menu li:nth-child(3){animation-delay:1.3s}.reveal-in .mini-menu li:nth-child(4){animation-delay:1.35s}.reveal-in .mini-menu li:nth-child(5){animation-delay:1.4s}.reveal-in .mini-menu li:nth-child(6){animation-delay:1.45s}.reveal-in .mini-menu li:nth-child(7){animation-delay:1.5s}.privacy{gap:var(--s-7);align-items:center;display:grid}@media (min-width:920px){.privacy{grid-template-columns:1fr 1fr}}.privacy-check{color:var(--text-2);margin:0;font-size:.95rem}.netlog{border:1px solid var(--hairline);border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--shadow-lg);margin:0;overflow:hidden}.netlog .win-bar{height:40px;font-size:.85rem}.netlog .win-title{text-align:left;margin-right:0}.netlog-live{align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.netlog-live span{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite blink}.netlog-rows{padding:var(--s-2);margin:0;list-style:none}.netlog-row{align-items:center;gap:2px var(--s-3);padding:var(--s-3);border-radius:var(--r-md);grid-template-columns:auto minmax(0,1fr);display:grid}.netlog-row+.netlog-row{border-top:1px solid var(--hairline)}.netlog .netlog-row .icon{grid-row:span 2;width:20px;height:20px}.netlog-what{gap:2px var(--s-2);flex-wrap:wrap;align-items:baseline;min-width:0;display:flex}.netlog-what .mono{color:var(--text-2);font-size:.82rem}.netlog-note{color:var(--text-2);font-size:.85rem}@media (min-width:560px){.netlog-row{grid-template-columns:auto minmax(0,1fr) auto}.netlog .netlog-row .icon{grid-row:auto}}.netlog-allowed{background:#22c55e1a}.netlog .netlog-allowed .icon{color:#16a34a}.netlog .netlog-local .icon{color:var(--kit-indigo)}@media (prefers-color-scheme:dark){.netlog .netlog-local .icon{color:#a5b4fc}.netlog .netlog-allowed .icon{color:#4ade80}}.reveal-in .netlog-row{animation:rise .45s var(--ease-out) backwards}.reveal-in .netlog-row:first-child{animation-delay:.3s}.reveal-in .netlog-row:nth-child(2){animation-delay:.45s}.reveal-in .netlog-row:nth-child(3){animation-delay:.55s}.reveal-in .netlog-row:nth-child(4){animation-delay:.65s}.reveal-in .netlog-row:nth-child(5){animation-delay:.75s}.cta{isolation:isolate;padding:clamp(48px, 8vw, 88px) var(--s-5);background:var(--hero-bg);color:#fff;text-align:center;border-radius:28px;position:relative;overflow:hidden}.cta .hero-glow{z-index:-1}.cta .app-icon{--size:96px;margin:0 auto var(--s-5)}.cta h2{color:#fff}.cta p{color:#fffc}.cta .button-row{justify-content:center}.cta :focus-visible{outline-color:#fff}.grid-pairs{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}.faq-more{margin:var(--s-5) 0 0;color:var(--text-2)}.support-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));align-items:stretch;display:grid}.support-card{--tint:var(--module-gray);align-items:flex-start;gap:var(--s-3);padding:var(--s-5);border:1px solid var(--hairline);border-radius:var(--r-xl);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--tint) 10%, transparent), transparent 60%), var(--surface);box-shadow:var(--shadow);flex-direction:column;scroll-margin-top:80px;display:flex}.support-card:target{border-color:color-mix(in srgb, var(--tint) 60%, var(--hairline));box-shadow:0 0 0 3px color-mix(in srgb, var(--tint) 25%, transparent), var(--shadow)}.support-card h2{margin:var(--s-1) 0 0;font-size:1.3rem}.support-card p{margin:0}.support-card .button{margin-top:auto}.support-links{margin:0;padding-left:1.2em}.support-fixes{max-width:760px;margin-top:var(--s-7)}.support-fixes h2{margin-bottom:var(--s-4)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}