:root{color-scheme: light;--bg: #fffafb;--card: #ffffff;--blush: #fdecf0;--blush-2: #f8d5de;--line: #f3cbd6;--rose: #b3365f;--rose-ink: #8f1f47;--ink: #34222b;--mute: #6c5560;--pill: #b3365f;--pill-ink: #ffffff;--petal-a: #f7a8c0;--petal-b: #fbc9d7;--petal-c: #ee7fa3;--stamen: #b3365f;--branch: #8a5a68;--leaf: #9fc7ad;--disc-a: #fff1f4;--disc-b: #f9c9d6;--disc-glow: rgba(238, 127, 163, .28);--lady: #e0517c;--lady-ink: #34222b;--pass: #1f6245;--pass-bg: #e3f3eb;--fail: #8f1f47;--fail-bg: #f8d5de;--code-bg: #34222b;--code-ink: #fdecf0;--code-k: #ff9dba;--phone: #2b1a23;--shadow: 0 30px 60px -34px rgba(179, 54, 95, .45);--wash: radial-gradient(60vw 520px at 88% -4%, #fde3ea 0, rgba(253, 227, 234, 0) 70%), radial-gradient(52vw 560px at -6% 38%, #fdeef2 0, rgba(253, 238, 242, 0) 70%), radial-gradient(60vw 600px at 100% 78%, #fdeef2 0, rgba(253, 238, 242, 0) 70%);--display: "Plus Jakarta Sans", "Segoe UI", Helvetica, Arial, sans-serif;--accent: "Instrument Serif", "Iowan Old Style", Georgia, serif;--text: "Karla", "Segoe UI", Helvetica, Arial, sans-serif;--mono: "Fira Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gutter: clamp(20px, 5vw, 48px);--r: 26px;--spring: cubic-bezier(.2, .9, .25, 1.15);--ease: cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){color-scheme: dark;--bg: #170c22;--card: #26133a;--blush: #2c1541;--blush-2: #4a2459;--line: #5a3166;--rose: #ff9cc2;--rose-ink: #ffc2da;--ink: #fbeaf3;--mute: #d6bcd8;--pill: #ff8fb8;--pill-ink: #2a0f24;--petal-a: #ff9cc2;--petal-b: #d6a4ff;--petal-c: #ff6fa5;--stamen: #ffe3a6;--branch: #b78bc4;--leaf: #7fb8c9;--disc-a: #ffd0e6;--disc-b: #8a3d9c;--disc-glow: rgba(255, 120, 190, .45);--lady: #ff6f9f;--lady-ink: #ffe6f2;--pass: #8fe0b8;--pass-bg: #173a31;--fail: #ffa9c6;--fail-bg: #4a1c3a;--code-bg: #100819;--code-ink: #fbeaf3;--code-k: #ff9cc2;--phone: #0d0614;--shadow: 0 30px 70px -34px rgba(0, 0, 0, .8);--wash: radial-gradient(70vw 620px at 82% 0%, rgba(214, 74, 156, .34) 0, rgba(214, 74, 156, 0) 70%), radial-gradient(60vw 640px at -4% 46%, rgba(122, 72, 214, .34) 0, rgba(122, 72, 214, 0) 70%), radial-gradient(70vw 560px at 76% 100%, rgba(255, 111, 165, .22) 0, rgba(255, 111, 165, 0) 70%), linear-gradient(180deg, #170c22 0%, #24103a 52%, #36123f 100%)}}:root[data-theme="dark"]{color-scheme: dark;--bg: #170c22;--card: #26133a;--blush: #2c1541;--blush-2: #4a2459;--line: #5a3166;--rose: #ff9cc2;--rose-ink: #ffc2da;--ink: #fbeaf3;--mute: #d6bcd8;--pill: #ff8fb8;--pill-ink: #2a0f24;--petal-a: #ff9cc2;--petal-b: #d6a4ff;--petal-c: #ff6fa5;--stamen: #ffe3a6;--branch: #b78bc4;--leaf: #7fb8c9;--disc-a: #ffd0e6;--disc-b: #8a3d9c;--disc-glow: rgba(255, 120, 190, .45);--lady: #ff6f9f;--lady-ink: #ffe6f2;--pass: #8fe0b8;--pass-bg: #173a31;--fail: #ffa9c6;--fail-bg: #4a1c3a;--code-bg: #100819;--code-ink: #fbeaf3;--code-k: #ff9cc2;--phone: #0d0614;--shadow: 0 30px 70px -34px rgba(0, 0, 0, .8);--wash: radial-gradient(70vw 620px at 82% 0%, rgba(214, 74, 156, .34) 0, rgba(214, 74, 156, 0) 70%), radial-gradient(60vw 640px at -4% 46%, rgba(122, 72, 214, .34) 0, rgba(122, 72, 214, 0) 70%), radial-gradient(70vw 560px at 76% 100%, rgba(255, 111, 165, .22) 0, rgba(255, 111, 165, 0) 70%), linear-gradient(180deg, #170c22 0%, #24103a 52%, #36123f 100%)}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;overflow-x: clip}body{margin: 0;background: var(--bg);color: var(--ink);font: 400 1.08rem/1.65 var(--text);overflow-x: clip}img{max-width: 100%;display: block}a{color: var(--rose);text-underline-offset: 4px}a:hover{color: var(--ink)}:focus-visible{outline: 3px solid var(--rose);outline-offset: 3px;border-radius: 8px}h1, h2, h3, h4, p, dl, dd, ol, ul, figure{margin: 0}ol, ul{padding: 0;list-style: none}.wrap{max-width: 1120px;margin-inline: auto;padding-left: max(var(--gutter), env(safe-area-inset-left, 0px));padding-right: max(var(--gutter), env(safe-area-inset-right, 0px))}.small{font: 700 .78rem/1.4 var(--display);letter-spacing: .1em;text-transform: uppercase;color: var(--rose)}em{font: italic 400 1.12em/1 var(--accent);color: var(--rose);letter-spacing: 0}.wash{position: fixed;inset: 0;z-index: -2;background: var(--wash);pointer-events: none}#sky{position: fixed;inset: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none}.tall .wash, .tall #sky{position: absolute;height: 1500px}.theming::view-transition-old(root){animation: none;z-index: 1}.theming::view-transition-new(root){animation: theme-open 1.5s cubic-bezier(.65, 0, .3, 1) both;z-index: 2}@keyframes theme-open{from{clip-path: circle(0 at var(--tx, 90%) var(--ty, 40px))}to{clip-path: circle(var(--tr, 150vmax) at var(--tx, 90%) var(--ty, 40px))}}.veil{position: fixed;z-index: 80;left: var(--tx);top: var(--ty);width: 40px;height: 40px;margin: -20px 0 0 -20px;border-radius: 50%;pointer-events: none;transform: scale(0);opacity: 1;transition: transform 1.1s cubic-bezier(.65, 0, .3, 1), opacity .7s ease .1s}.veil.grow{transform: scale(var(--ts, 80))}.veil.gone{opacity: 0}.bug-ico{width: 28px;height: 28px;flex: none;transform: rotate(90deg);overflow: visible;transition: rotate 1.1s var(--ease), scale 1.1s var(--ease)}.walk:hover .bug-ico, .walk:focus-visible .bug-ico{rotate: -22deg;scale: 1.16}.js [data-rv]{opacity: .01;transform: translateY(28px);transition: opacity 1.2s ease, transform 1.5s var(--ease);transition-delay: calc(var(--i, 0) * 140ms)}.js [data-rv="left"]{transform: translateX(-44px)}.js [data-rv="right"]{transform: translateX(44px)}.js [data-rv="pop"]{transform: scale(.86);transition-timing-function: ease, var(--spring)}.js [data-rv].in{opacity: 1;transform: none}.w{display: inline-block}.w > i{display: inline-block;font-style: inherit}.js [data-split] .w > i{transform: translateY(62%) rotate(4deg);opacity: .01;transition: transform 1.4s var(--ease), opacity 1s ease;transition-delay: calc(var(--i, 0) * 90ms)}.js [data-split].in .w > i{transform: none;opacity: 1}body::before{content: "";position: fixed;inset: 0 0 auto;height: env(safe-area-inset-top, 0px);z-index: 50;background: var(--bg)}.top{position: sticky;top: env(safe-area-inset-top, 0px);z-index: 40;background: var(--bg)}.top-in{display: flex;gap: 10px 24px;justify-content: space-between;align-items: center;padding-block: 14px}.brand{font: 700 1rem var(--display);color: var(--ink);text-decoration: none;display: inline-flex;gap: 10px;align-items: center}.top nav{display: flex;gap: 4px;margin-left: auto}.top nav a{color: var(--ink);text-decoration: none;padding: 6px 14px;border-radius: 99px;font-size: .98rem;transition: background-color .6s ease, color .6s ease, transform .7s var(--ease)}.hero{display: grid;grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);gap: 24px clamp(24px, 5vw, 64px);align-items: center;padding-block: clamp(28px, 6vw, 72px) clamp(40px, 7vw, 88px)}h1{font: 800 clamp(2.4rem, 5.6vw, 4.3rem)/1.04 var(--display);letter-spacing: -.035em;margin-top: 14px}.lede{margin-top: 22px;color: var(--mute);max-width: 48ch;font-size: 1.12rem}.hero .links{margin-top: 28px;display: flex;flex-wrap: wrap;gap: 12px 24px;align-items: center}.pill{display: inline-flex;align-items: center;gap: 10px;background: var(--pill);color: var(--pill-ink);text-decoration: none;font: 700 .98rem var(--display);padding: 13px 24px;border-radius: 99px;transition: transform .35s var(--spring), box-shadow .35s ease;box-shadow: 0 12px 26px -14px var(--pill)}.pill:hover{color: var(--pill-ink);transform: translateY(-3px) scale(1.03)}.pill svg{width: 16px;height: 16px;transition: transform .8s var(--ease)}.pill:hover svg{transform: translateY(3px)}.art{position: relative;aspect-ratio: 1 / 1.02;width: 100%;max-width: 520px;justify-self: end}.disc{position: absolute;inset: 13% 8% 9% 10%;border-radius: 50%;background: radial-gradient(circle at 34% 30%, var(--disc-a), var(--disc-b));box-shadow: 0 0 90px 10px var(--disc-glow);animation: disc-in 1.8s var(--ease) .1s both}.orbit{position: absolute;inset: 4% -1% 0 1%;border-radius: 50%;border: 1.5px dashed var(--line);animation: spin 130s linear infinite}.orbit i{position: absolute;width: 12px;height: 12px;border-radius: 60% 0 60% 0;background: var(--petal-c);top: 50%;left: -6px}.orbit i:nth-child(2){top: 6%;left: 24%;background: var(--petal-b);width: 9px;height: 9px}.orbit i:nth-child(3){top: 82%;left: 82%;background: var(--petal-a)}.branch{position: absolute;inset: -6% -12% auto auto;width: 112%;height: auto;overflow: visible}.branch .wood{fill: none;stroke: var(--branch);stroke-linecap: round;stroke-dasharray: 1;stroke-dashoffset: 0;animation: draw 2.8s var(--ease) .3s both}.bloom{transform-box: fill-box;transform-origin: center;animation: bloom-in 1.5s var(--ease) both, sway 9s ease-in-out infinite;animation-delay: calc(1.7s + var(--d, 0) * 240ms), calc(var(--d, 0) * -1.5s)}.leafs path{fill: var(--leaf)}.crawler{offset-path: path("M560 20 C 470 52, 396 112, 330 166 S 190 256, 96 250");offset-rotate: auto 90deg;offset-distance: 6%;animation: crawl 60s linear 3s infinite}.fact{position: absolute;background: var(--card);border: 1.5px solid var(--line);border-radius: 20px;padding: 12px 16px 13px;box-shadow: var(--shadow);min-width: 150px;max-width: 190px;animation: fact-in 1.4s var(--ease) both, bob 9s ease-in-out infinite}.fact b{display: block;font: 800 1.45rem/1.1 var(--display);letter-spacing: -.02em}.fact span{display: block;font-size: .9rem;line-height: 1.35;color: var(--mute);margin-top: 2px}.fact.f1{left: -4%;top: 34%;animation-delay: 2.2s, -1s}.fact.f2{right: -2%;top: 47%;animation-delay: 2.5s, -3s}.fact.f3{left: 9%;bottom: 3%;animation-delay: 2.8s, -2s}.fact.f4{right: 6%;bottom: -3%;animation-delay: 3.1s, -4.2s}@keyframes disc-in{from{transform: scale(.6);opacity: 0}to{transform: none;opacity: 1}}@keyframes draw{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}@keyframes bloom-in{from{scale: 0;opacity: 0}to{scale: 1;opacity: 1}}@keyframes sway{0%, 100%{rotate: -4deg}50%{rotate: 4deg}}@keyframes spin{to{transform: rotate(360deg)}}@keyframes bob{0%, 100%{translate: 0 0}50%{translate: 0 -9px}}@keyframes fact-in{from{opacity: 0;scale: .7}to{opacity: 1;scale: 1}}@keyframes crawl{0%{offset-distance: 6%;opacity: 0}4%{opacity: 1}46%{offset-distance: 96%;opacity: 1}50%{offset-distance: 96%;opacity: 0}100%{offset-distance: 96%;opacity: 0}}.hero-in > *{animation: rise-in 1.4s var(--ease) both}.hero-in > :nth-child(2){animation-delay: .15s}.hero-in > :nth-child(3){animation-delay: .6s}.hero-in > :nth-child(4){animation-delay: .9s}@keyframes rise-in{from{opacity: .01;transform: translateY(26px)}to{opacity: 1;transform: none}}.marq{position: relative;height: clamp(168px, 17vw, 236px);overflow: hidden;--ang: 3deg}.band{position: absolute;left: -8vw;width: 116vw;top: 50%;padding-block: clamp(9px, 1.1vw, 14px);overflow: hidden}.band.a{z-index: 2;transform: translateY(calc(-50% - 10px)) rotate(calc(var(--ang) * -1));background: var(--pill);color: var(--pill-ink);box-shadow: 0 18px 34px -22px var(--pill);--band-ink: var(--pill-ink);--mk: color-mix(in srgb, var(--pill-ink) 26%, transparent);--petal-a: var(--pill-ink);--petal-b: color-mix(in srgb, var(--pill-ink) 72%, var(--pill));--petal-c: var(--pill-ink);--stamen: var(--pill);--lady: var(--pill-ink);--lady-ink: var(--pill)}.band.b{z-index: 1;transform: translateY(calc(-50% + 10px)) rotate(var(--ang));background: var(--card);color: var(--ink);border-block: 1.5px solid var(--line);--band-ink: var(--ink);--mk: var(--blush-2)}.marq-row{display: flex;width: max-content;animation: marq 90s linear infinite;will-change: transform}.marq-row.rev{animation-direction: reverse;animation-duration: 105s}.marq-live .marq-row{animation: none}.marq ul{display: flex;align-items: center;flex: none}.marq li{display: flex;align-items: center;gap: clamp(16px, 2vw, 26px);padding-right: clamp(16px, 2vw, 26px);font-size: clamp(1.25rem, 2.5vw, 1.95rem);line-height: 1.3;white-space: nowrap}.marq .sep{width: 22px;height: 22px;flex: none}.marq .sep-petal{width: 13px;height: 13px;flex: none;border-radius: 60% 0 60% 0;background: currentColor;opacity: .75;rotate: 20deg}.marq .t1{font: 800 1em/1.3 var(--display);letter-spacing: -.025em}.marq .t2{font: italic 400 1.22em/1.1 var(--accent)}.marq .t3{font: 800 1em/1.3 var(--display);letter-spacing: -.01em;color: transparent;-webkit-text-stroke: 1.4px var(--band-ink)}.marq .t4{font: 500 .6em/1 var(--mono);letter-spacing: .08em;text-transform: uppercase;border: 1.5px solid currentColor;border-radius: 99px;padding: .5em 1em}.marq .t5{font: 700 1em/1.3 var(--display);text-decoration: underline wavy;text-decoration-thickness: 2px;text-underline-offset: .2em}.marq .t6{font: 800 1em/1.3 var(--display);letter-spacing: -.02em;padding-inline: .18em;background: linear-gradient(transparent 52%, var(--mk) 52%, var(--mk) 92%, transparent 92%)}.marq .t7{font: 600 .64em/1.3 var(--display);letter-spacing: .34em;text-transform: uppercase}.marq .t8{font: 400 1.26em/1.1 var(--accent);letter-spacing: -.01em}@keyframes marq{to{transform: translateX(-50%)}}.sec{position: relative;padding-block: clamp(56px, 10vw, 120px) 0}.ttl{display: flex;gap: 14px;align-items: center}.js .ttl .bug-ico{opacity: 0;transform: translateX(-70px) rotate(90deg);transition: transform 1.7s var(--ease), opacity .8s ease, rotate 1.1s var(--ease), scale 1.1s var(--ease)}.js .ttl.in .bug-ico{opacity: 1;transform: rotate(90deg)}h2{font: 800 clamp(1.9rem, 4.2vw, 3rem)/1.08 var(--display);letter-spacing: -.03em}.sec > .intro, .sec .intro{margin-top: 12px;color: var(--mute);max-width: 56ch}h3{font: 700 1.2rem/1.3 var(--display);letter-spacing: -.01em}.sprig{position: absolute;width: clamp(120px, 17vw, 220px);height: auto;top: 12px;right: -30px;overflow: visible;pointer-events: none;transform-origin: 100% 0;animation: sprig-sway 12s ease-in-out infinite}.sprig.l{right: auto;left: -30px;transform: scaleX(-1);transform-origin: 0 0;animation-name: sprig-sway-l}.sprig .wood{fill: none;stroke: var(--branch);stroke-linecap: round}@keyframes sprig-sway{0%, 100%{rotate: -2.5deg}50%{rotate: 3deg}}@keyframes sprig-sway-l{0%, 100%{rotate: 2.5deg}50%{rotate: -3deg}}.trail-map{position: relative;height: 540px;margin-top: 10px}.trail-svg{position: absolute;left: 0;top: 140px;width: 100%;height: 260px;overflow: visible}.trail-svg path{fill: none;vector-effect: non-scaling-stroke;stroke-linecap: round}.trail-base{stroke: var(--line);stroke-width: 2.5;stroke-dasharray: 2 9}.trail-svg .trail-done{stroke: var(--petal-c);stroke-width: 4.6;stroke-dasharray: 1;stroke-dashoffset: calc(1 - var(--tp, 1));vector-effect: none}.trail-bug{position: absolute;left: 0;top: 0;width: 34px;height: 34px;margin: -17px 0 0 -17px;transform: translate(var(--bx, 0px), var(--by, 0px)) rotate(var(--ba, 90deg));z-index: 2}.trail-bug svg{width: 100%;height: 100%;overflow: visible;display: block}.trail-steps li{position: absolute;left: var(--x);width: 156px;margin-left: -78px;text-align: center;transition: opacity 1s ease, transform 1.2s var(--ease)}.trail-steps li.up{bottom: 372px}.trail-steps li.down{top: 372px}.js .trail-steps li{opacity: .25;transform: scale(.9)}.js .trail-steps li.on{opacity: 1;transform: none}.trail-steps .tool{display: inline-block;font: 700 .76rem var(--display);letter-spacing: .06em;text-transform: uppercase;background: var(--blush);color: var(--rose);border-radius: 99px;padding: 4px 12px;margin-bottom: 8px}.trail-steps p{color: var(--mute);font-size: .93rem;line-height: 1.4;margin-top: 4px}.trail-steps li::before{content: "";position: absolute;left: 50%;width: 14px;height: 14px;margin-left: -7px;border-radius: 50%;background: var(--bg);border: 3px solid var(--line);transition: background-color .8s ease, border-color .8s ease, transform .9s var(--ease)}.trail-steps li.up::before{bottom: -31px}.trail-steps li.down::before{top: -31px}.trail-steps li.on::before{background: var(--petal-c);border-color: var(--petal-c);transform: scale(1.25)}.cases{margin-top: 30px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px}.case{position: relative;background: var(--card);border: 1.5px solid var(--line);border-radius: var(--r);padding: 24px;display: grid;gap: 14px;align-content: start;grid-template-rows: auto auto auto 1fr auto}.js .case[data-rv]{transition: opacity 1.2s ease, transform 1.5s var(--ease), box-shadow .6s ease, border-color .6s ease}.case:hover{box-shadow: var(--shadow);border-color: var(--petal-c)}.case.lead{background: var(--blush);border-color: var(--petal-a)}.dots{display: flex;flex-wrap: wrap;gap: 6px 10px;align-items: center;font-size: .9rem;color: var(--mute)}.dots span{display: flex;gap: 5px}.dots i{width: 12px;height: 12px;border-radius: 50%;display: block;transition: transform .9s var(--ease);transition-delay: calc(var(--i, 0) * 140ms + var(--k, 0) * 160ms + 600ms)}.dots i.p{background: var(--pass)}.dots i.f{border: 3px solid var(--petal-c)}.js .case .dots i{transform: scale(0)}.js .case.in .dots i{transform: scale(1)}.case .what{color: var(--mute);font-size: .99rem}.case h4{font: 700 .76rem var(--display);letter-spacing: .08em;text-transform: uppercase;color: var(--rose);margin-bottom: 6px}.found{display: grid;gap: 8px;font-size: .97rem}.found li{display: grid;grid-template-columns: 22px minmax(0, 1fr);gap: 9px;align-items: start}.found .bug-ico{width: 20px;height: 20px;margin-top: 3px}.case .foot{border-top: 1.5px dashed var(--line);padding-top: 14px;font-size: .93rem;color: var(--mute);display: flex;justify-content: space-between;gap: 8px;align-items: center;flex-wrap: wrap}.case .foot a{font-weight: 700}.fine{margin-top: 22px;font-size: .92rem;color: var(--mute);max-width: 80ch}.show-intro{padding-bottom: 8px}.show{position: relative}.phone{position: relative;aspect-ratio: 9 / 19.2;background: var(--phone);border-radius: 13% / 6.2%;padding: 3.2%;box-shadow: 0 0 0 2px var(--line), var(--shadow)}.phone::before{content: "";position: absolute;top: 2.4%;left: 50%;width: 22%;height: 1.5%;margin-left: -11%;border-radius: 99px;background: var(--phone);z-index: 3}.phone .screen{position: relative;width: 100%;height: 100%;border-radius: 10.5% / 4.9%;overflow: hidden;background: #fff}.phone img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: top center}.show-ring{position: absolute;border-radius: 50%;pointer-events: none}.show h3{font: 800 clamp(1.6rem, 3.4vw, 2.6rem)/1.08 var(--display);letter-spacing: -.03em}.show h3 em{display: block;font-size: .78em;margin-top: 4px}.show .s h4, .show .s h3{font: 800 clamp(1.25rem, 2.2vw, 1.7rem)/1.15 var(--display);letter-spacing: -.02em}.show .s p{color: var(--mute);margin-top: 8px}.show .s .num{display: inline-grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;background: var(--blush);color: var(--rose);font: 800 .9rem var(--display);margin-bottom: 12px}.chips{display: flex;flex-wrap: wrap;gap: 7px;margin-top: 12px}.chips li{background: var(--blush);border-radius: 99px;padding: 5px 13px;font-size: .92rem}.show .s ul.ticks{display: grid;gap: 7px;margin-top: 10px;color: var(--mute)}.ticks li{padding-left: 22px;position: relative}.ticks li::before{content: "";position: absolute;left: 0;top: .5em;width: 10px;height: 10px;border-radius: 60% 0 60% 0;background: var(--petal-c)}.show .links{margin-top: 16px;display: flex;flex-wrap: wrap;gap: 6px 20px;font-weight: 700}.show-pin{display: grid;gap: 22px;padding-block: 34px;border-top: 1.5px solid var(--line)}.show-phone{max-width: 250px}.show .phone img:not(:first-child){display: none}.show-steps{display: grid;gap: 20px}.show-dots{display: none}.pin .show{height: calc((var(--steps) * 78 + 100) * 1vh)}.pin .show-pin{position: sticky;top: 0;height: 100vh;height: 100svh;display: grid;grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);grid-template-rows: auto minmax(0, 1fr) auto;gap: 0 clamp(48px, 8vw, 120px);align-items: center;padding-block: 88px 22px;border-top: 0}.pin .show-head{grid-column: 1 / -1;text-align: center}.pin .show-phone{grid-column: 2;grid-row: 2;height: 100%;max-height: 600px;max-width: none;aspect-ratio: 9 / 19.2;display: grid;place-items: center;position: relative;perspective: 1400px}.pin .show-phone .phone{height: 100%;transition: transform 1s var(--ease);transform: rotateY(calc(var(--tilt, 0) * 1deg)) rotate(calc(var(--tilt, 0) * -.18deg))}.pin .show[data-side="l"]{--tilt: 13}.pin .show[data-side="r"]{--tilt: -13}.pin .show .phone img:not(:first-child){display: block}.pin .show .phone img{opacity: 0;transform: translateY(46%) scale(.86) rotate(6deg);transition: transform 1.4s var(--ease), opacity .9s ease}.pin .show .phone img.on{opacity: 1;transform: none}.pin .show .phone img.past{opacity: 0;transform: translateY(-40%) scale(.9) rotate(-6deg)}.pin .show-ring.a{width: 128%;aspect-ratio: 1;left: -14%;top: 50%;margin-top: -64%;background: radial-gradient(circle at 36% 30%, var(--disc-a), var(--disc-b));opacity: .9;box-shadow: 0 0 80px 0 var(--disc-glow);transform: scale(calc(.82 + var(--p, 0) * .22))}.pin .show-ring.b{width: 164%;aspect-ratio: 1;left: -32%;top: 50%;margin-top: -82%;border: 1.5px dashed var(--line);transform: rotate(calc(var(--p, 0) * 220deg))}.pin .show-ring.b i{position: absolute;width: 14px;height: 14px;border-radius: 60% 0 60% 0;background: var(--petal-c)}.pin .show-ring.b i:nth-child(1){top: 13%;left: 14%}.pin .show-ring.b i:nth-child(2){top: 50%;right: -7px;background: var(--petal-b)}.pin .show-ring.b i:nth-child(3){bottom: 9%;left: 22%;background: var(--petal-a);width: 10px;height: 10px}.pin .show-steps{display: contents}.pin .show .s{grid-row: 2;align-self: center;max-width: 340px;opacity: 0;pointer-events: none;transition: opacity .9s ease, transform 1.3s var(--ease)}.pin .show .s[data-side="l"]{grid-column: 1;justify-self: end;text-align: right;transform: translate(-50px, 30px)}.pin .show .s[data-side="r"]{grid-column: 3;justify-self: start;transform: translate(50px, 30px)}.pin .show .s[data-side="l"] .chips, .pin .show .s[data-side="l"] .links{justify-content: flex-end}.pin .show .s[data-side="l"] .ticks li{padding-left: 0;padding-right: 22px}.pin .show .s[data-side="l"] .ticks li::before{left: auto;right: 0}.pin .show .s.on{opacity: 1;transform: none;pointer-events: auto;transition-delay: .4s}.pin .show .s.past{transform: translateY(-40px)}.pin .show-dots{grid-column: 1 / -1;grid-row: 3;display: flex;gap: 8px;justify-content: center;align-items: center;padding-top: 14px}.show-dots i{width: 9px;height: 9px;border-radius: 50%;background: var(--line);transition: transform .9s var(--ease), background-color .7s ease, width .9s var(--ease)}.show-dots i.on{background: var(--petal-c);width: 30px;border-radius: 99px}.tall .show{height: auto !important}.tall .show-pin{position: static !important;height: auto !important}.lists{margin-top: 30px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px}.lists > div{background: var(--card);border: 1.5px solid var(--line);border-radius: var(--r);padding: 24px}.lists ul{margin-top: 12px;display: grid;gap: 9px;font-size: 1rem;color: var(--mute)}.foot{position: relative;margin-top: clamp(64px, 11vw, 140px);padding-top: 28px}.mail{margin-top: 22px;display: flex;flex-wrap: wrap;gap: 10px 14px;align-items: center}.mail a{font: 700 clamp(1.1rem, 2.4vw, 1.5rem)/1.2 var(--display);overflow-wrap: anywhere}.copy{font: 700 .8rem var(--display);background: var(--card);color: var(--rose);border: 1.5px solid var(--rose);border-radius: 99px;padding: 6px 15px;cursor: pointer;transition: transform .3s var(--spring), background-color .25s ease, color .25s ease}.copy:hover{background: var(--pill);border-color: var(--pill);color: var(--pill-ink);transform: translateY(-2px)}.garden .stem-wood{fill: none;stroke: var(--leaf);stroke-width: 4;stroke-linecap: round}.stem{transform-box: fill-box;transform-origin: 50% 100%;animation: stem-sway 10s ease-in-out infinite;animation-delay: calc(var(--d, 0) * -.8s)}.js .garden .grow{transform-box: fill-box;transform-origin: 50% 100%;transform: scaleY(0);transition: transform 2s var(--ease);transition-delay: calc(var(--d, 0) * 180ms)}.js .garden.in .grow{transform: none}@keyframes stem-sway{0%, 100%{rotate: -3deg}50%{rotate: 3.5deg}}.to-top{display: inline-flex;align-items: center;gap: 8px;font-weight: 700}.to-top .bug-ico{width: 20px;height: 20px;transform: rotate(0deg);transition: transform .5s var(--spring)}.to-top:hover .bug-ico{transform: translateY(-8px)}.crumbs{font-size: .95rem;color: var(--mute);display: flex;flex-wrap: wrap;gap: 8px}.page-head{position: relative;padding-block: clamp(26px, 5vw, 60px) 0}.page-head h1{font-size: clamp(2.2rem, 5.2vw, 3.9rem);max-width: 16ch}.page-head .lede{max-width: 62ch}.sum{margin-top: 22px;display: flex;flex-wrap: wrap;gap: 10px}.sum span{background: var(--blush);border-radius: 99px;padding: 8px 18px;font-size: 1rem}.sum b{font-family: var(--display)}.notebox{margin-top: 22px;border: 1.5px dashed var(--line);border-radius: var(--r);padding: 18px 22px;font-size: .95rem;color: var(--mute);max-width: 80ch;background: var(--card)}.hint{display: none;margin-top: 14px;font-size: .9rem;color: var(--mute)}.tbl{overflow-x: auto;margin-top: 26px;border-radius: var(--r);border: 1.5px solid var(--line);background: var(--card);-webkit-overflow-scrolling: touch}table{border-collapse: collapse;width: 100%;min-width: 960px;font-size: .94rem;line-height: 1.45}th{text-align: left;font: 700 .76rem var(--display);letter-spacing: .08em;text-transform: uppercase;color: var(--rose);background: var(--blush);padding: 14px 13px;white-space: nowrap}td{padding: 15px 13px;vertical-align: top;border-top: 1px solid var(--line)}td.id{font: 500 .84rem var(--mono);white-space: nowrap}td ol{list-style: decimal;padding-left: 1.2em}td:nth-child(3){min-width: 150px;font-weight: 700}td:nth-child(4){min-width: 205px}td:nth-child(5), td:nth-child(6){min-width: 165px}.js tbody tr{opacity: 0;transform: translateX(-18px);transition: opacity 1.1s ease, transform 1.3s var(--ease);transition-delay: calc(var(--i, 0) * 180ms)}.js .tbl.in tbody tr{opacity: 1;transform: none}.st{display: inline-flex;align-items: center;gap: 7px;font: 700 .78rem var(--display);letter-spacing: .04em;padding: 5px 12px;border-radius: 99px;white-space: nowrap}.st::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: currentColor}.st.pass{background: var(--pass-bg);color: var(--pass)}.st.fail{background: var(--fail-bg);color: var(--fail)}.sev{display: inline-block;font: 700 .78rem var(--display);padding: 5px 12px;border-radius: 99px;background: var(--blush);color: var(--ink);white-space: nowrap}.sev.high{background: var(--pill);color: var(--pill-ink)}.bugs{margin-top: 30px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px}.bug{background: var(--card);border: 1.5px solid var(--line);border-radius: var(--r);padding: 24px;display: grid;gap: 14px;align-content: start}.bug:hover{border-color: var(--petal-c);box-shadow: var(--shadow)}.bug .row{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;justify-content: space-between}.bug .id{font: 500 .84rem var(--mono);display: inline-flex;gap: 8px;align-items: center}.bug .id .bug-ico{width: 22px;height: 22px}.bug h4{font: 700 .76rem var(--display);letter-spacing: .08em;text-transform: uppercase;color: var(--rose);margin-bottom: 4px}.bug ol{list-style: decimal;padding-left: 1.2em;font-size: .98rem}.bug .ea{display: grid;gap: 8px;font-size: .98rem}.bug .ea p{background: var(--pass-bg);border-radius: 14px;padding: 10px 14px}.bug .ea p + p{background: var(--fail-bg)}.bug .ea b{display: block;font: 700 .74rem var(--display);letter-spacing: .08em;text-transform: uppercase;color: var(--pass)}.bug .ea p + p b{color: var(--fail)}.bug .pri{font-size: .92rem;color: var(--mute)}.codes{margin-top: 30px;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px}.code{background: var(--code-bg);color: var(--code-ink);border-radius: var(--r);border: 1.5px solid var(--line);min-width: 0;overflow: hidden;display: grid;grid-template-rows: auto 1fr auto}.code header{display: flex;justify-content: space-between;align-items: center;gap: 12px;padding: 14px 20px 0;font: 700 .76rem var(--display);letter-spacing: .08em;text-transform: uppercase;color: var(--code-k)}.code .copy{background: none;color: var(--code-ink);border-color: var(--code-k)}.code .copy:hover{background: var(--code-k);color: var(--code-bg);border-color: var(--code-k)}.code .copy:focus-visible, .code pre:focus-visible{outline-color: #fff}.code pre{margin: 0;padding: 16px 20px 20px;overflow-x: auto;font: 400 .86rem/1.65 var(--mono)}.code .k{color: var(--code-k)}.code p{background: var(--blush);color: var(--ink);padding: 14px 20px;font-size: .97rem}.notes{margin-top: 22px;display: grid;gap: 12px;font-size: .94rem;color: var(--mute);max-width: 80ch}.notes strong{color: var(--ink)}.next{margin-top: clamp(40px, 7vw, 72px);display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px}.next a{display: grid;gap: 4px;padding: 20px 24px;border-radius: var(--r);border: 1.5px solid var(--line);background: var(--card);text-decoration: none;color: var(--ink);transition: transform .8s var(--ease), border-color .6s ease}.next a:hover{transform: translateY(-4px);border-color: var(--petal-c)}.next a:last-child{text-align: right}.next b{font: 700 1.1rem var(--display)}.next span{color: var(--mute);font-size: .92rem}@media (max-width: 900px){.hero{grid-template-columns: minmax(0, 1fr)}.art{justify-self: center;max-width: 440px;margin-top: 8px}.fact{min-width: 0;max-width: 46%;padding: 10px 13px}.fact b{font-size: 1.2rem}.fact span{font-size: .84rem}.fact.f1{left: 0}.fact.f2{right: 0}.fact.f3{left: 2%;bottom: 0}.fact.f4{right: 2%;bottom: -5%}.cases{grid-template-columns: repeat(2, minmax(0, 1fr))}.trail-map{height: auto;padding-left: 46px}.trail-svg{display: none}.trail-map::before{content: "";position: absolute;left: 16px;top: 6px;bottom: 6px;border-left: 2.5px dashed var(--line)}.trail-bug{left: 17px;transform: translateY(var(--by, 0px)) rotate(180deg)}.trail-steps{display: grid;gap: 26px}.trail-steps li, .trail-steps li.up, .trail-steps li.down{position: relative;left: auto;top: auto;bottom: auto;width: auto;margin: 0;text-align: left}.js .trail-steps li{transform: translateX(14px)}.trail-steps li.up::before, .trail-steps li.down::before{left: -30px;top: 8px;bottom: auto;margin-left: -7px}.trail-map{margin-top: 30px}.pin .show{height: calc((var(--steps) * 62 + 100) * 1vh)}.pin .show-pin{grid-template-columns: minmax(0, 1fr);grid-template-rows: auto minmax(0, 1fr) minmax(150px, auto) auto;padding-block: 90px 14px;gap: 10px}.pin .show-phone{grid-column: 1;grid-row: 2;justify-self: center;max-height: none;min-height: 0}.pin .show .s, .pin .show .s[data-side="l"], .pin .show .s[data-side="r"]{grid-column: 1;grid-row: 3;justify-self: center;align-self: start;text-align: center;max-width: 520px}.pin .show .s[data-side="l"] .chips, .pin .show .s[data-side="l"] .links, .pin .show .chips, .pin .show .links{justify-content: center}.pin .show .s .ticks{text-align: left;display: inline-grid}.pin .show .s[data-side="l"] .ticks li{padding: 0 0 0 22px}.pin .show .s[data-side="l"] .ticks li::before{left: 0;right: auto}.pin .show .s .num{display: none}.pin .show .s p{font-size: .98rem}.pin .show[data-side="l"]{--tilt: 7}.pin .show[data-side="r"]{--tilt: -7}.pin .show-dots{grid-row: 4;padding-top: 4px}.bugs, .lists{grid-template-columns: minmax(0, 1fr)}.hint{display: block}}@media (max-width: 600px){.marq{--ang: 6deg}.cases, .next{grid-template-columns: minmax(0, 1fr)}.next a:last-child{text-align: left}.sprig{opacity: .55}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*, *::before, *::after{animation: none !important;transition: none !important}.js [data-rv], .js [data-split] .w > i, .js .ttl .bug-ico, .js tbody tr, .js .garden .grow, .js .case .dots i, .js .trail-steps li{opacity: 1;transform: none}.js .ttl .bug-ico{transform: rotate(90deg)}.crawler{offset-distance: 40%}}.sprig{transform: rotate(calc(var(--wind, 0) * 3deg))}.sprig.l{transform: scaleX(-1) rotate(calc(var(--wind, 0) * 3deg))}.branch{transform-origin: 100% 0;transform: rotate(calc(var(--wind, 0) * 1deg));translate: calc(var(--px, 0) * 14px) calc(var(--py, 0) * 10px);transition: translate 1.6s var(--ease)}.bloom{transform: rotate(calc(var(--wind, 0) * 5deg))}.puff{transform-box: fill-box;transform-origin: center}.head{transform-box: fill-box;transform-origin: center;transform: rotate(calc(var(--wind, 0) * 5deg))}.stem{transform: rotate(calc(var(--wind, 0) * 2.5deg))}.leaf{transform-box: fill-box;transform-origin: 12% 88%;transform: rotate(calc(var(--wind, 0) * -5deg))}.disc{translate: calc(var(--px, 0) * -10px) calc(var(--py, 0) * -10px);transition: translate 1.8s var(--ease)}.orbit{translate: calc(var(--px, 0) * -20px) calc(var(--py, 0) * -16px);transition: translate 2s var(--ease)}.puff.gust, .head.gust{animation: puff 2.4s ease-in-out both}.leaf.gust{animation: flutter 2.2s ease-in-out both}@keyframes puff{0%, 100%{rotate: 0deg;scale: 1}28%{rotate: 11deg;scale: 1.1}58%{rotate: -6deg;scale: 1.04}82%{rotate: 2deg;scale: 1.01}}@keyframes flutter{0%, 100%{rotate: 0deg}24%{rotate: -13deg}52%{rotate: 8deg}78%{rotate: -3deg}}.fly-dust{position: fixed;inset: 0;width: 100%;height: 100%;z-index: 69;pointer-events: none}.tall .fly-dust{display: none}.fly{position: fixed;left: 0;top: 0;width: 48px;height: 40px;margin: -20px 0 0 -24px;z-index: 70;pointer-events: none;opacity: 0;transition: opacity 1s ease;will-change: transform}.fly.on{opacity: 1}.fly svg{width: 100%;height: 100%;overflow: visible;display: block;filter: drop-shadow(0 3px 7px var(--disc-glow))}.fly .wing{transform-origin: 0 0;animation: flap .46s ease-in-out infinite alternate}.fly .w1{fill: var(--petal-c)}.fly .w2{fill: var(--petal-b)}.fly .fb{stroke: var(--lady-ink);stroke-width: 2.4;stroke-linecap: round}.fly .fa{stroke: var(--lady-ink);stroke-width: 1;fill: none;stroke-linecap: round}@keyframes flap{from{transform: scaleX(1)}to{transform: scaleX(.16)}}.tilt:not(.fact){position: relative}.tilt{transition: transform 1s var(--ease), box-shadow .6s ease, border-color .6s ease}.tilt::after{content: "";position: absolute;inset: 0;border-radius: inherit;pointer-events: none;opacity: 0;transition: opacity .7s ease;background: radial-gradient(240px circle at var(--mx, 50%) var(--my, 50%), var(--disc-glow), rgba(255, 255, 255, 0) 72%)}.tilt.hovering{transform: perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-3px) !important;transition: transform .5s ease-out, box-shadow .6s ease, border-color .6s ease !important}.tilt.hovering::after{opacity: .6}.fact:hover b{color: var(--rose)}.pill, .theme, .copy, .to-top, .brand{transition-property: transform, translate, box-shadow, background-color, color;transition-duration: .8s;transition-timing-function: var(--ease)}.pin .show-phone .phone{transition: transform 1.4s var(--ease);transform: rotateY(calc(var(--tilt, 0) * 1deg + var(--cx, 0) * 11deg)) rotateX(calc(var(--cy, 0) * -8deg)) rotate(calc(var(--tilt, 0) * -.18deg))}.js [data-rv].done{transition-delay: 0s}.js [data-split].done .w > i{transition-delay: 0s;transition-duration: .8s}.js [data-split].in .w:hover > i{transform: translateY(-.08em) rotate(-3deg);transition-delay: 0s;transition-duration: .6s}.chips li, .sum span, .trail-steps .tool, .st, .sev, .marq li{transition: transform .7s var(--ease), background-color .5s ease, color .5s ease}.chips li:hover, .trail-steps .tool:hover, .st:hover, .sev:hover, .sum span:hover, .js .sum span.in:hover{transform: translateY(-3px) rotate(-2deg) scale(1.06)}.marq li:hover{transform: scale(1.06)}.js .case.in .dots i:hover{transform: scale(1.6);transition-delay: 0s}.js .trail-steps li.on:hover{transform: translateY(-6px) scale(1.04)}.found li:hover .bug-ico, .ttl:hover .bug-ico{rotate: -22deg;scale: 1.16}.walk:hover .found .bug-ico{rotate: 0deg;scale: 1}.walk:hover .found li:hover .bug-ico{rotate: -22deg;scale: 1.16}td{transition: background-color .25s ease}tbody tr:hover td{background: var(--blush)}@media (prefers-reduced-motion: reduce){.fly{display: none}.sprig, .branch, .bloom, .head, .stem, .leaf{transform: none}.sprig.l{transform: scaleX(-1)}}.top::after{content: "";position: absolute;left: 0;right: 0;top: 100%;height: 18px;background: linear-gradient(var(--bg), rgba(255, 255, 255, 0));pointer-events: none}:root[data-theme="dark"] .top::after{background: linear-gradient(var(--bg), rgba(23, 12, 34, 0))}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .top::after{background: linear-gradient(var(--bg), rgba(23, 12, 34, 0))}}.twig{position: absolute;left: 0;right: 0;top: 16px;height: 3px;background: var(--branch);border-radius: 3px}.twig-fill{position: absolute;inset: 0;background: var(--petal-c);border-radius: 3px;transform-origin: left;transform: scaleX(var(--scroll, 0))}.twig .bug-ico{position: absolute;top: -9.5px;left: 0;width: 22px;height: 22px;transform: translateX(calc(8px + var(--scroll, 0) * (100vw - 40px))) rotate(90deg)}.twig .bud{position: absolute;top: -3px;width: 9px;height: 9px;border-radius: 50%;background: var(--petal-c)}.twig .b1{left: 17%}.twig .b2{left: 58%;width: 7px;height: 7px;top: -2px;background: var(--petal-a)}.twig .b3{left: 91%}.top-in{padding-block: 32px 12px;align-items: flex-start}.brand{margin-top: 4px;font: 800 1.08rem/1.2 var(--display);letter-spacing: -.02em;gap: 9px}.brand em{font-size: 1.24em}.brand-mark{width: 27px;height: 27px;flex: none;transition: rotate 1.6s var(--ease)}.brand:hover .brand-mark{rotate: 144deg}.top nav{gap: 10px}.top nav a{position: relative;padding: 7px 14px 8px;border-radius: 6px 6px 14px 14px;background: var(--card);border: 1.5px solid var(--line);font: 600 .88rem/1.3 var(--display);transform-origin: 50% -15px;transform: rotate(calc(var(--wind, 0) * 9deg));animation: hang 7s ease-in-out infinite alternate;animation-delay: calc(var(--n, 0) * -1.9s);transition: background-color .7s ease, color .7s ease, border-color .7s ease}.top nav a::before, .theme::before{content: "";position: absolute;left: 50%;bottom: 100%;width: 1.5px;height: 15px;background: var(--branch)}.top nav a::after{content: "";position: absolute;left: 50%;top: 2px;width: 4px;height: 4px;margin-left: -2px;border-radius: 50%;background: var(--line)}.top nav a:hover{background: var(--blush);color: var(--rose);border-color: var(--petal-a)}.top nav a.active{background: var(--pill);border-color: var(--pill);color: var(--pill-ink)}.top nav a.active::after{background: var(--pill-ink)}.theme{position: relative;z-index: 5;padding: 0;margin-top: 0}@keyframes hang{from{rotate: -1.6deg}to{rotate: 1.6deg}}.garden{display: block;width: 100%;height: max(16.67vw, 150px);margin-bottom: -1px;overflow: visible}.hill{fill: var(--blush)}.foot-body{background: var(--blush);position: relative}.foot-cta{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);gap: 20px clamp(28px, 5vw, 64px);align-items: end;padding-top: clamp(26px, 4vw, 48px)}.foot-cta h2{font-size: clamp(2.4rem, 6vw, 4.4rem);margin-top: 10px}.foot-cta .mail{margin: 0 0 10px;justify-content: flex-end}.foot-cols{display: grid;grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));gap: 28px clamp(24px, 4vw, 48px);margin-top: clamp(32px, 5vw, 56px);padding-top: 28px;border-top: 1.5px solid var(--line)}.foot-name{font: 800 1.3rem/1.2 var(--display);letter-spacing: -.02em}.foot-name em{font-size: 1.22em}.foot-about p + p{margin-top: 10px;color: var(--mute);font-size: .98rem;max-width: 34ch}.foot-cols h3{font: 700 .76rem/1.4 var(--display);letter-spacing: .1em;text-transform: uppercase;color: var(--rose);margin-bottom: 12px}.foot-cols nav{display: grid;gap: 9px;align-content: start;justify-items: start}.foot-cols nav a{color: var(--ink);text-decoration: none;display: inline-flex;align-items: center;gap: 7px;transition: translate .8s var(--ease), color .6s ease}.foot-cols nav a:hover{translate: 6px 0;color: var(--rose)}.foot-cols nav a svg:not(.bug-ico){width: 15px;height: 15px}.to-top .bug-ico{transform: rotate(0deg)}.wordmark{margin: clamp(30px, 6vw, 70px) 0 0;padding-inline: 16px;text-align: center;white-space: nowrap;font: 800 clamp(1.9rem, 8.3vw, 7.6rem)/.9 var(--display);letter-spacing: -.045em;color: var(--blush);-webkit-text-stroke: 3px var(--petal-a);paint-order: stroke fill;user-select: none;transition: color 1.6s ease, opacity 1.2s ease, transform 1.5s var(--ease)}.wordmark:hover{color: var(--blush-2)}.foot-bar{position: relative;display: flex;flex-wrap: wrap;gap: 8px 28px;justify-content: space-between;align-items: center;margin-top: clamp(20px, 3vw, 36px);padding-block: 18px 26px;border-top: 1.5px solid var(--line);font-size: .92rem;color: var(--mute)}.foot-bar a{color: var(--rose);font-weight: 700}.bar-bug{position: absolute;left: 0;top: -13px;animation: bar-stroll 90s linear infinite}.bar-bug .bug-ico{width: 22px;height: 22px}@keyframes bar-stroll{from{transform: translateX(-30px)}to{transform: translateX(min(1040px, 88vw))}}.prose{margin-top: 26px;max-width: 68ch;background: var(--card);border: 1.5px solid var(--line);border-radius: var(--r);padding: clamp(22px, 4vw, 38px)}.prose h3{margin-top: 26px}.prose h3:first-child{margin-top: 0}.prose p{margin-top: 8px;color: var(--mute)}@media (max-width: 900px){.top-in{padding-block: 32px 10px}.foot-cta{grid-template-columns: minmax(0, 1fr)}.foot-cta .mail{justify-content: flex-start}.foot-cols{grid-template-columns: repeat(2, minmax(0, 1fr))}.foot-about{grid-column: 1 / -1}}\n .top nav a, .theme, .menu-btn{transform: rotate(calc(var(--wind, 0) * 9deg + var(--push, 0) * 1deg))}.theme{transform-origin: 50% -15px}.twig .b4{left: 34%;width: 7px;height: 7px;top: -2px;background: var(--petal-a)}.twig .b5{left: 47%}.twig .b6{left: 76%;width: 7px;height: 7px;top: -2px;background: var(--petal-a)}.twig .bud{transition: scale 1.3s var(--ease), background-color 1.3s ease, box-shadow 1.3s ease}.twig .bud.open{scale: 2.2;background: var(--petal-a);box-shadow: 0 0 0 2px var(--petal-b), 0 0 10px 2px var(--disc-glow)}.twig::after{content: "";position: absolute;top: -9px;left: 0;width: 180px;height: 21px;margin-left: -90px;border-radius: 50%;background: radial-gradient(closest-side, var(--disc-glow), rgba(255, 255, 255, 0));transform: translateX(var(--hx, -300px));opacity: var(--ho, 0);transition: opacity 1.2s ease;pointer-events: none}.twig .bug-ico.peek{rotate: -24deg;scale: 1.3}.brand em{transition: letter-spacing 1.2s var(--ease)}.brand:hover em{letter-spacing: .03em}@media (prefers-reduced-motion: reduce){.top nav a, .theme, .menu-btn{transform: none}}.tf-petals{transform-origin: 0 0;transition: rotate 1.5s var(--ease), scale 1.5s var(--ease)}.tp{stroke-width: 1.4;stroke-linejoin: round;transition: fill 1.3s ease, stroke 1.3s ease}.tp0{fill: #f7a8c0;stroke: #ee7fa3}.tp1{fill: #fbc9d7;stroke: #f7a8c0}.tf-sun{fill: #ffc861;transform-origin: 0 0;transition: scale 1.2s var(--ease), opacity 1s ease}.tf-dots{fill: #b3365f;transform-origin: 0 0;transition: scale 1.2s var(--ease), opacity 1s ease}.tf-moon{fill: #fff3c9;transform-origin: 0 0;scale: 0;opacity: 0;rotate: -70deg;transition: scale 1.4s var(--ease), opacity 1.1s ease, rotate 1.5s var(--ease)}.theme:hover .tf-petals{rotate: 24deg}.theme[aria-pressed="true"] .tf-petals{rotate: 180deg;scale: .96}.theme[aria-pressed="true"]:hover .tf-petals{rotate: 204deg}.theme[aria-pressed="true"] .tp0{fill: #4a2470;stroke: #ff9cc2}.theme[aria-pressed="true"] .tp1{fill: #6a3596;stroke: #d6a4ff}.theme[aria-pressed="true"] .tf-sun, .theme[aria-pressed="true"] .tf-dots{scale: 0;opacity: 0}.theme[aria-pressed="true"] .tf-moon{scale: 1;opacity: 1;rotate: 0deg}.menu-btn{display: none;position: relative;margin-left: auto;padding: 7px 14px 8px;border-radius: 6px 6px 14px 14px;background: var(--card);border: 1.5px solid var(--line);color: var(--ink);font: 600 .88rem/1.3 var(--display);cursor: pointer;transform-origin: 50% -15px;transition: background-color .7s ease, color .7s ease, border-color .7s ease}.menu-btn::before{content: "";position: absolute;left: 50%;bottom: 100%;width: 1.5px;height: 15px;background: var(--branch)}.menu-btn:hover{background: var(--blush);color: var(--rose);border-color: var(--petal-a)}.menu-btn[aria-expanded="true"]{background: var(--pill);border-color: var(--pill);color: var(--pill-ink)}@media (min-width: 901px) and (max-width: 1060px){.top nav{gap: 6px}.top nav a{padding: 6px 10px 7px;font-size: .8rem}.brand{font-size: 1rem}}@media (max-width: 900px){.top-in{flex-wrap: wrap}.top nav{display: flex;flex-wrap: wrap;gap: 8px;order: 3;flex-basis: 100%;margin: 0}.top nav a{flex: 1 1 40%;text-align: center;border-radius: 12px;padding: 11px 12px;font-size: .95rem;animation: none;transform: none}.top nav a::before, .top nav a::after{display: none}.js .menu-btn{display: inline-block}.js .top-in{flex-wrap: nowrap;gap: 10px}.brand{min-width: 0}.js .top nav{position: absolute;top: calc(100% + 6px);left: max(var(--gutter), env(safe-area-inset-left, 0px));right: max(var(--gutter), env(safe-area-inset-right, 0px));z-index: 2;padding: 14px;background: var(--card);border: 1.5px solid var(--line);border-radius: 20px;box-shadow: var(--shadow);opacity: 0;visibility: hidden;translate: 0 -14px;transition: opacity .7s ease, translate .9s var(--ease), visibility 0s linear .9s}.js .top.open nav{opacity: 1;visibility: visible;translate: 0 0;transition: opacity .7s ease, translate .9s var(--ease), visibility 0s}}@media (max-width: 440px){.brand{font-size: .94rem;gap: 7px}.brand-mark{width: 22px;height: 22px}.menu-btn{padding-inline: 11px}}.theme{--tw: 80px;--th: 38px;--tk: 34px;border: 0;background: none;cursor: pointer;flex: none;padding: 0;margin-top: -1px;border-radius: 99px;display: block}.theme-track{position: relative;display: block;width: var(--tw);height: var(--th);border-radius: 99px;background: var(--blush-2);border: 1.5px solid var(--petal-a);box-shadow: inset 0 2px 5px rgba(52, 34, 43, .12)}.tt-ico{position: absolute;top: 50%;width: 19px;height: 19px;margin-top: -9.5px;transition: opacity 1s ease, scale 1.2s var(--ease), rotate 1.4s var(--ease)}.tt-sun{left: 9px;fill: #e8960f;stroke: #e8960f;stroke-width: 2;stroke-linecap: round;opacity: 0;scale: .4;rotate: -90deg}.tt-moon{right: 9px;fill: #8a4f9e}.tt-star{position: absolute;width: 3px;height: 3px;border-radius: 50%;background: #fff;opacity: 0;transition: opacity 1.2s ease .4s}.tt-star.s1{left: 34px;top: 9px}.tt-star.s2{left: 28px;top: 24px;width: 2px;height: 2px}.theme-knob{position: absolute;left: 1px;top: 50%;width: var(--tk);height: var(--tk);margin-top: calc(var(--tk) / -2);border-radius: 50%;background: var(--card);box-shadow: 0 3px 8px -2px rgba(52, 34, 43, .35);display: grid;place-items: center;transition: translate 1.4s var(--ease), background-color 1.2s ease}.theme-flower{width: 84%;height: 84%;overflow: visible;display: block}.theme[aria-pressed="true"] .theme-knob{translate: calc(var(--tw) - var(--tk) - 5px) 0}.theme[aria-pressed="true"] .tt-sun{opacity: 1;scale: 1;rotate: 0deg;fill: #ffd27a;stroke: #ffd27a}.theme[aria-pressed="true"] .tt-moon{opacity: 0;scale: .4}.theme[aria-pressed="true"] .tt-star{opacity: .9}.theme:hover .theme-knob{scale: 1.06}.theme::after{content: attr(data-tip);position: absolute;top: calc(100% + 10px);right: 0;white-space: nowrap;font: 600 .76rem/1.2 var(--display);background: var(--ink);color: var(--bg);padding: 6px 11px;border-radius: 9px;z-index: 3;opacity: 0;translate: 0 -5px;transition: opacity .7s ease, translate .9s var(--ease);pointer-events: none}@media (hover: hover){.theme:hover::after{opacity: 1;translate: 0 0}}.theme:focus-visible::after{opacity: 1;translate: 0 0}@media (max-width: 440px){.theme{--tw: 66px;--th: 32px;--tk: 28px}.tt-ico{width: 16px;height: 16px;margin-top: -8px}.tt-sun{left: 7px}.tt-moon{right: 7px}.tt-star.s1{left: 28px;top: 7px}.tt-star.s2{left: 24px;top: 20px}.brand-mark{display: none}}@media (max-width: 350px){.brand{font-size: .86rem}}.skip{position: absolute;left: 12px;top: -60px;z-index: 100;background: var(--pill);color: var(--pill-ink);padding: 10px 16px;border-radius: 10px;font: 700 .95rem var(--display);text-decoration: none;transition: top .4s ease}.skip:focus{top: 12px;color: var(--pill-ink)}.js [data-split]:not(.split){visibility: hidden}.off, .off *{animation-play-state: paused !important}.lists.one{grid-template-columns: minmax(0, 1fr);max-width: 560px;margin-left: auto}.hero-links{display: flex;flex-wrap: wrap;gap: 12px 24px;align-items: center}.brand{padding-block: 5px;margin-top: -1px}.mail a{display: inline-block;padding-block: 3px}.page-top{position: absolute;top: 0;left: 0;width: 1px;height: 1px}.fly.on.shy{opacity: .12}@media (max-width: 900px){.codes{grid-template-columns: minmax(0, 1fr)}}.loader{display: none}.js .loader{position: fixed;inset: 0;z-index: 200;display: grid;place-items: center;background-color: var(--bg);background-image: var(--wash);opacity: 1;visibility: visible;transition: opacity .9s ease, visibility 0s linear 0s}.js.loaded .loader{opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .9s ease, visibility 0s linear .9s}.js.leaving .loader{opacity: 1;visibility: visible;pointer-events: auto;transition: opacity .6s ease, visibility 0s linear 0s}.loader-in{display: grid;justify-items: center;gap: 22px;padding: 24px}.loader-flower{width: clamp(96px, 20vw, 132px);height: auto;overflow: visible;filter: drop-shadow(0 10px 22px var(--disc-glow));animation: loader-turn 14s linear infinite}.lp{transform-box: fill-box;transform-origin: 50% 100%;scale: 0;opacity: 0}.lp0{fill: var(--petal-a)}.lp1{fill: var(--petal-b)}.lc{fill: var(--petal-c);scale: 0;transform-box: fill-box;transform-origin: center}.ld{fill: var(--stamen);opacity: 0}.loader.opening .lp{animation: loader-petal .9s var(--ease) both;animation-delay: calc(var(--n) * 170ms + 120ms)}.loader.opening .lc{animation: loader-pop .7s var(--ease) both;animation-delay: .05s}.loader.opening .ld{animation: loader-fade .8s ease both;animation-delay: 1s}.loader-name{margin: 0;font: 800 1.15rem/1.2 var(--display);letter-spacing: -.02em;color: var(--ink)}.loader-name em{font-size: 1.24em}.loader.opening .loader-name{animation: loader-fade 1s ease .25s both}.loader-twig{position: relative;width: min(220px, 56vw);height: 3px;border-radius: 3px;background: var(--line)}.loader-twig i{position: absolute;inset: 0;border-radius: 3px;background: var(--petal-c);transform-origin: left;transform: scaleX(0)}.loader-twig svg{position: absolute;left: -11px;top: -10px;width: 22px;height: 22px;rotate: 90deg;overflow: visible}.loader.opening .loader-twig i{animation: loader-fill 1.7s var(--ease) .15s both}.loader.opening .loader-twig svg{animation: loader-walk 1.7s var(--ease) .15s both}@keyframes loader-petal{from{scale: 0;opacity: 0}to{scale: 1;opacity: 1}}@keyframes loader-pop{from{scale: 0}to{scale: 1}}@keyframes loader-fade{from{opacity: 0}to{opacity: 1}}@keyframes loader-turn{to{transform: rotate(360deg)}}@keyframes loader-fill{to{transform: scaleX(1)}}@keyframes loader-walk{to{translate: min(220px, 56vw) 0}}.js:not(.loaded) .hero *, .js:not(.loaded) .page-head *{animation-play-state: paused !important}@media (prefers-reduced-motion: reduce){.js .loader{display: none}}