*,:before,:after{box-sizing:border-box;min-width:0}:root{interpolate-size:allow-keywords;scrollbar-gutter:stable;text-wrap:pretty;overflow-wrap:break-word;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100svh;margin:0}h1,h2,h3,h4{text-wrap:balance}img,svg,video{max-width:100%;height:auto;display:block}button,a,[role=button]{touch-action:manipulation}:root{color-scheme:dark;--bg:oklch(17.6% .014 258);--surface:oklch(22% .018 256);--border:oklch(38.4% .018 255);--fg:oklch(97% .01 248);--muted:oklch(67.7% .016 255);--accent:oklch(69.5% .181 146);--danger:oklch(66.5% .205 27);--warning:oklch(72% .14 80);--sticker:oklch(79% .139 85);--blue:oklch(56.9% .202 260);--button:oklch(54.6% .147 146);--button-hover:color-mix(in oklch, var(--button), white 12%);--button-text:oklch(100% 0 none);--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--text-hero:clamp(2.25rem, 1.815rem + 2.174vw, 3.5rem);--text-h2:clamp(1.75rem, 1.489rem + 1.304vw, 2.5rem);--text-lead:clamp(1.0625rem, .9975rem + .326vw, 1.25rem);--text-small:.875rem;--space-section:clamp(3rem, 1.609rem + 6.96vw, 7rem);--radius:.75rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}body{background:radial-gradient(70rem 40rem at 0% 0%, color-mix(in oklch, var(--blue) 22%, transparent), transparent 70%), radial-gradient(60rem 36rem at 100% 0%, color-mix(in oklch, var(--accent) 12%, transparent), transparent 70%), var(--bg);color:var(--fg);font:1rem/1.6 var(--font);flex-direction:column;display:flex}a{color:inherit}:focus-visible{outline:max(2px, .08em) solid var(--accent);outline-offset:.25em}.content-grid{--gutter:1.25rem;--content:46rem;--breakout:72rem;grid-template-columns:[full-width-start] minmax(var(--gutter), 1fr) [breakout-start] minmax(0, calc((var(--breakout) - var(--content)) / 2)) [content-start] min(100% - var(--gutter) * 2, var(--content)) [content-end] minmax(0, calc((var(--breakout) - var(--content)) / 2)) [breakout-end] minmax(var(--gutter), 1fr) [full-width-end];display:grid}.content-grid>*{grid-column:content}.content-grid>.breakout{grid-column:breakout}.site-header{padding-block:1.25rem}.brand{color:var(--muted);justify-self:start;align-items:center;gap:.625rem;font-weight:600;text-decoration:none;display:inline-flex}.brand img{flex:none;block-size:1.75rem;inline-size:1.75rem}@media (hover:hover) and (pointer:fine){.brand:hover{color:var(--fg)}}main>section{padding-block:var(--space-section)}main>section>*{margin-block:0}main>section>*+*{margin-block-start:var(--flow-space,1.25rem)}main>section>h2+*{--flow-space:2.5rem}h1{font-size:var(--text-hero);letter-spacing:-.02em;line-height:1.1}h2{font-size:var(--text-h2);letter-spacing:-.01em;text-align:center;line-height:1.15}.lead{font-size:var(--text-lead);color:var(--muted)}.hero{text-align:center;padding-block-start:calc(var(--space-section) / 2)}.hero>.actions{--flow-space:2rem}.hero>.browsers{--flow-space:1.75rem}.badge{border:1px solid color-mix(in oklch, var(--danger) 45%, transparent);background:color-mix(in oklch, var(--danger) 10%, transparent);font-size:var(--text-small);color:color-mix(in oklch, var(--danger), white 35%);border-radius:999px;justify-self:center;align-items:center;gap:.5rem;padding:.375rem .875rem;font-weight:600;text-decoration:none;display:inline-flex}.badge:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.badge:hover{background:color-mix(in oklch, var(--danger) 18%, transparent)}}.dot{background:var(--danger);border-radius:50%;flex:none;block-size:.5rem;inline-size:.5rem}mark{background:linear-gradient(transparent 62%, color-mix(in oklch, var(--accent) 35%, transparent) 62%) no-repeat 0 0 / 100% 100%;color:var(--accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:.1em}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem 2rem;display:flex}.sticker{background:var(--sticker);color:var(--bg);font-size:var(--text-small);text-align:start;border-radius:.25rem;margin:0;padding:.5rem .875rem;font-weight:700;line-height:1.3;rotate:-4deg;box-shadow:0 .5rem 1.25rem oklch(0% 0 none/.4)}.cta{background:var(--button);color:var(--button-text);box-shadow:0 .5rem 1.5rem color-mix(in oklch, var(--button) 35%, transparent);border-radius:.5rem;justify-self:center;align-items:center;gap:.5em;padding:1rem 1.5rem;font-size:1.0625rem;font-weight:600;text-decoration:none;display:inline-flex}.cta>span{text-box:trim-both cap alphabetic}.cta>svg{flex:none;block-size:1cap;inline-size:auto}.cta:focus-visible{outline-color:var(--button)}.cta:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.cta:hover{background:var(--button-hover)}.sticker:hover{rotate:3deg}}@media (prefers-reduced-motion:no-preference){.cta{transition:transform .16s var(--ease-out), background-color .16s var(--ease-out)}.sticker{transition:rotate .3s var(--ease-out)}mark{animation:highlight .9s var(--ease-out) .4s backwards}.dot{animation:pulse 1.6s var(--ease-in-out) infinite}}@keyframes highlight{0%{background-size:0% 100%}}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 0 .375rem color-mix(in oklch, var(--danger) 25%, transparent)}}.browsers{flex-wrap:wrap;justify-content:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.browsers>span{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.25rem .625rem}.browsers>.now-on{border-color:color-mix(in oklch, var(--accent) 50%, transparent);background:color-mix(in oklch, var(--accent) 12%, transparent);color:var(--accent)}.browsers>.soon{border-style:dashed}.pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:2rem;display:grid}.side{grid-template-rows:subgrid;grid-row:span 2;row-gap:1rem;margin:0;display:grid}.side figcaption{color:var(--muted)}.tag{letter-spacing:.06em;text-transform:uppercase;margin-block-end:.25rem;font-size:.8125rem;font-weight:700;display:block}.tag.bad{color:var(--danger)}.tag.good{color:var(--accent)}.history{border-inline-start:2px solid var(--border);justify-self:center;gap:1.5rem;padding:0 0 0 1.75rem;list-style:none;display:grid}.history li{grid-template-columns:5.5rem 1fr;align-items:baseline;gap:1rem;display:grid;position:relative}.history li:before{content:"";background:var(--border);border-radius:50%;block-size:10px;inline-size:10px;position:absolute;inset-block-start:.45em;inset-inline-start:calc(-1.75rem - 6px)}.when{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.8125rem;font-weight:700}.history p{color:color-mix(in oklch, var(--fg) 80%, var(--muted));margin:0;font-size:1.125rem}.history .now:before{background:var(--accent);box-shadow:0 0 0 .375rem color-mix(in oklch, var(--accent) 25%, transparent)}.history .now .when{color:var(--accent)}.history a{color:var(--muted);white-space:nowrap;font-size:.875em}@media (hover:hover) and (pointer:fine){.history a:hover{color:var(--accent)}}.history .now p{color:var(--fg);font-size:1.375rem;font-weight:700}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.history li{animation:linear both reveal view();animation-range:entry entry 90%}}}@keyframes reveal{0%{opacity:0;translate:-1.5rem}}.try{text-align:center}.try>.lead{--flow-space:.75rem}.try>.pr-card{--flow-space:2rem}.finale{text-align:center}.finale>.cta{--flow-space:2rem}.finale>.browsers{--flow-space:1.25rem}.finale>.folks{--flow-space:3.5rem}.folks{border:1px dashed color-mix(in oklch, var(--sticker) 55%, transparent);border-radius:var(--radius);background:color-mix(in oklch, var(--sticker) 7%, transparent);justify-self:center;gap:.25rem;padding:1rem 1.5rem;text-decoration:none;display:inline-grid}.folks-q{color:var(--fg);font-size:1.125rem;font-weight:700}.folks-link{color:var(--sticker);justify-content:center;align-items:baseline;gap:.4em;font-weight:600;display:inline-flex}.folks-link>svg{flex:none;block-size:1cap;inline-size:auto}.folks:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.folks:hover{background:color-mix(in oklch, var(--sticker) 14%, transparent)}}@media (prefers-reduced-motion:no-preference){.folks{transition:transform .16s var(--ease-out), background-color .16s var(--ease-out)}}.prose{padding-block:calc(var(--space-section) / 2) var(--space-section)}.prose>*{margin-block:0}.prose>*+*{margin-block-start:var(--flow-space,1em)}.prose>:is(h1,h2){--flow-space:2em}.prose>:is(h1,h2)+*{--flow-space:.5em}.prose h1{font-size:calc(var(--text-hero) * .7)}.prose h2{font-size:1.25rem}.prose :is(p,li){color:color-mix(in oklch, var(--fg) 85%, var(--muted))}.prose a{color:var(--accent)}.site-footer{border-block-start:1px solid color-mix(in oklch, var(--border) 60%, transparent);font-size:var(--text-small);color:var(--muted);margin-block-start:auto;padding-block:2rem}.footer-row{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.footer-row p{margin:0}.footer-row>:last-child{margin-inline-start:auto}@media (hover:hover) and (pointer:fine){.site-footer a:hover{color:var(--fg)}}