@font-face{font-family:grotesk;src:url(../media/HankenGrotesk_latin_variable-s.p.3241148m1u9do.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:grotesk Fallback;src:local(Arial);ascent-override:98.46%;descent-override:29.83%;line-gap-override:0.0%;size-adjust:101.56%}.dWd70q_className{font-family:grotesk,grotesk Fallback}.dWd70q_variable{--font-grotesk:"grotesk", "grotesk Fallback"}
@font-face{font-family:mono;src:url(../media/JetBrainsMono_latin_variable-s.2rmhnsrc80fag.woff2)format("woff2");font-display:swap;font-weight:100 800}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.N0gkHa_className{font-family:mono,mono Fallback}.N0gkHa_variable{--font-mono:"mono", "mono Fallback"}
:root{--display:var(--font-grotesk), "Helvetica Neue", Arial, system-ui, sans-serif;--body:var(--font-grotesk), system-ui, Arial, sans-serif;--code:var(--font-mono), ui-monospace, Menlo, monospace;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:34px;--r-pill:999px;--dur-fast:.16s;--dur:.32s;--dur-slow:.9s;--dur-drift:22s;--ease:cubic-bezier(.22, .8, .24, 1);--spring:cubic-bezier(.34, 1.42, .64, 1);--navy:#15131f;--navy-deep:#0e0c17;--brand:#ffc83d;--brand-2:#f28c28;--brand-pink:#ff6b9a;--pad:clamp(18px, 4vw, 56px);--sec:clamp(48px, 6vw, 88px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (transition-timing-function:linear(0, 1)){:root{--spring:linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017 19.4%, 1.077 22.4%, 1.121 25.6%, 1.149 29.2%, 1.159 33.4%, 1.133 41%, 1.043 56.5%, 1.01 65%, .994 73%, 1.001 88%, 1)}}[data-theme=dark],:root{--bg:#15131f;--bg-deep:#0e0c17;--surface:#1f1c30;--surface2:#2a2641;--glass:#231f38d1;--glass-edge:#ffffff24;--ink:#f3f1fa;--muted:#bdb8d3;--line:#ffffff21;--accent:var(--brand);--accent-fill:var(--brand);--on-accent:#15131f;--focus:var(--brand);--on-av:#15131f;--dot:var(--brand);--c1:var(--brand);--c2:#7cc8ff;--c3:var(--brand-pink);--c4:var(--brand-2);--c5:#ffe6a8;--sky:#7cc8ff;--tint:linear-gradient(180deg, color-mix(in srgb, var(--brand-2) 14%, transparent), color-mix(in srgb, var(--brand) 5%, transparent));--aurora-1:color-mix(in srgb, var(--brand-2) 24%, transparent);--aurora-2:color-mix(in srgb, var(--brand) 12%, transparent);--aurora-3:color-mix(in srgb, var(--brand-pink) 14%, transparent);--blob-a:color-mix(in srgb, var(--brand-2) 40%, transparent);--blob-b:color-mix(in srgb, var(--brand) 34%, transparent);--blob-c:color-mix(in srgb, var(--brand-pink) 34%, transparent);--wave-off:#8b87a5;--wave-on:var(--brand);--wave-a:color-mix(in srgb, var(--brand-2) 60%, transparent);--wave-b:color-mix(in srgb, var(--brand-pink) 55%, transparent);--wave-c:color-mix(in srgb, var(--brand) 95%, transparent);--wave-core:#ffffffeb;--shadow-1:0 1px 0 #ffffff12 inset, 0 2px 10px #00000047;--shadow-2:0 1px 0 #ffffff17 inset, 0 28px 60px -24px #000000bf, 0 4px 14px #0000004d;--shadow-glow:0 10px 34px -6px color-mix(in srgb, var(--brand) 55%, transparent)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff9ec;--bg-deep:#ffefc9;--surface:#fff;--surface2:#fff1d1;--glass:#ffffffe6;--glass-edge:#fffffff2;--ink:#15131f;--muted:#4a4663;--line:#15131f24;--accent:#7a3f00;--accent-fill:var(--brand);--on-accent:#15131f;--focus:#15131f;--on-av:#15131f;--dot:#c26a00;--c1:var(--brand);--c2:#8fd3ff;--c3:var(--brand-pink);--c4:var(--brand-2);--c5:#ffe6a8;--sky:#0b6fa0;--tint:linear-gradient(180deg, #ffefc2, #ffe6d5);--aurora-1:color-mix(in srgb, var(--brand-2) 26%, transparent);--aurora-2:color-mix(in srgb, var(--brand) 42%, transparent);--aurora-3:color-mix(in srgb, var(--brand-pink) 26%, transparent);--blob-a:color-mix(in srgb, var(--brand-2) 45%, transparent);--blob-b:color-mix(in srgb, var(--brand) 80%, transparent);--blob-c:color-mix(in srgb, var(--brand-pink) 45%, transparent);--wave-off:#8a87a5;--wave-on:#15131f;--wave-a:color-mix(in srgb, var(--brand-2) 65%, transparent);--wave-b:color-mix(in srgb, var(--brand-pink) 65%, transparent);--wave-c:var(--brand);--wave-core:#15131f;--shadow-1:0 1px 0 #fff inset, 0 2px 8px #5a320014;--shadow-2:0 1px 0 #fff inset, 0 30px 60px -28px #78460061, 0 4px 14px #15131f14;--shadow-glow:0 10px 28px -8px #c86e008c}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--ink);font-size:106.25%;font-family:var(--body);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px}body{flex-direction:column;min-height:100vh;line-height:1.65;display:flex;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60vw 50vh at 8% 0%, var(--aurora-1), transparent 70%), radial-gradient(55vw 50vh at 100% 38%, var(--aurora-3), transparent 70%), radial-gradient(60vw 45vh at 30% 100%, var(--aurora-2), transparent 70%);position:fixed;inset:0}main{flex:1}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit}ul,ol{list-style:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--accent-fill);color:var(--on-accent);border-radius:var(--r-pill);padding:.7em 1.2em;font-weight:700;position:absolute;top:-80px;left:12px}.skip:focus{top:12px}.wrap{max-width:1440px;padding-inline:var(--pad);margin:0 auto}.btn{background:var(--accent-fill);color:var(--on-accent);letter-spacing:-.01em;border-radius:var(--r-pill);border:1px solid color-mix(in srgb, var(--navy) 18%, var(--accent-fill));box-shadow:var(--shadow-glow);transition:transform var(--dur) var(--spring), box-shadow var(--dur) var(--ease), filter var(--dur) var(--ease);justify-content:center;align-items:center;gap:.6em;padding:.95em 1.7em;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{filter:saturate(1.1)brightness(1.04);transform:translateY(-3px)scale(1.03)}.btn:active{transition-duration:var(--dur-fast);transform:translateY(0)scale(.98)}.btn.quiet{background:var(--glass);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-1)}.btn.quiet:hover{border-color:var(--ink)}.btn.small{padding:.6em 1.2em;font-size:.95rem}.btn[disabled]{opacity:.6;cursor:progress}.topbar{z-index:30;padding:12px var(--pad) 0;pointer-events:none;position:sticky;top:0}.topbar-in{pointer-events:auto;background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--r-pill);max-width:1360px;box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:20px;margin:0 auto;padding:10px 12px 10px 24px;display:flex}.logo{flex:none;align-items:center;padding-block:2px;text-decoration:none;display:inline-flex}.logo img{aspect-ratio:4196/859;width:auto;height:38px;display:block}.logo .on-light,[data-theme=light] .logo .on-dark{display:none}[data-theme=light] .logo .on-light{display:block}@media (max-width:480px){.logo img{height:32px}}.nav{flex:1;gap:4px;margin-left:12px;display:flex}.nav a{color:var(--muted);border-radius:var(--r-pill);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);padding:.5em 1.05em;font-size:1rem;font-weight:600;text-decoration:none}.nav a:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 9%, transparent)}.nav a[aria-current=page]{color:var(--ink);background:color-mix(in srgb, var(--accent-fill) 34%, transparent)}.theme-toggle{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:var(--r-pill);transition:transform var(--dur) var(--spring), border-color var(--dur) var(--ease);align-items:center;gap:.6em;padding:.55em 1.1em;font-size:.95rem;font-weight:600;display:inline-flex}.theme-toggle:hover{border-color:var(--ink);transform:scale(1.05)}.theme-toggle svg{transition:transform var(--dur-slow) var(--spring)}.theme-toggle:hover svg{transform:rotate(180deg)}.theme-toggle .t-light,[data-theme=light] .theme-toggle .t-dark{display:none}[data-theme=light] .theme-toggle .t-light{display:inline}@media (max-width:760px){.topbar-in{border-radius:var(--r-lg);flex-wrap:wrap;gap:6px 12px;padding:10px 12px 10px 18px}.nav{scrollbar-width:none;flex-basis:100%;order:3;justify-content:space-between;margin:0 -6px;overflow-x:auto}.nav a{padding:.45em .85em}.topbar .btn{display:none}.theme-toggle{margin-left:auto}}h1{font-family:var(--display);letter-spacing:-.05em;text-wrap:balance;max-width:11ch;margin-bottom:28px;font-size:clamp(2.8rem,6.6vw,5.8rem);font-weight:800;line-height:.96}h2{font-family:var(--display);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(1.9rem,4vw,3.3rem);font-weight:800;line-height:1.06}h3{font-family:var(--display);letter-spacing:-.015em;font-size:1.15rem;font-weight:700}.lede{max-width:46ch;color:var(--muted);margin-bottom:34px;font-size:1.25rem;line-height:1.55}.cta-row{flex-wrap:wrap;gap:14px;display:flex}.hero{margin-top:-76px;padding-top:76px;position:relative;overflow-x:clip}.hero-blobs{pointer-events:none;position:absolute;inset:-10% 0 0}.hero-blobs i{will-change:transform;contain:layout paint;animation:drift var(--dur-drift) ease-in-out infinite alternate;border-radius:50%;display:block;position:absolute}.hero-blobs .b1{aspect-ratio:1;background:radial-gradient(closest-side, var(--blob-a), transparent);width:min(52vw,760px);top:4%;left:-12%}.hero-blobs .b2{aspect-ratio:1;background:radial-gradient(closest-side, var(--blob-b), transparent);width:min(40vw,560px);animation-duration:27s;animation-delay:-9s;top:18%;right:-6%}.hero-blobs .b3{aspect-ratio:1;background:radial-gradient(closest-side, var(--blob-c), transparent);width:min(36vw,520px);animation-duration:31s;animation-delay:-15s;bottom:0;left:34%}@keyframes drift{0%{transform:translate(-4%,-3%)rotate(0)scale(1)}to{transform:translate(7%,6%)rotate(40deg)scale(1.14)}}@supports (animation-timeline:scroll()){.hero-blobs{animation:linear both blob-scroll;animation-timeline:scroll(root);animation-range:0 90vh}@keyframes blob-scroll{to{opacity:.35;transform:translateY(18vh)}}}.hero-grid{padding:clamp(32px, 5vw, 72px) var(--pad) 24px;grid-template-columns:minmax(0,1fr) minmax(380px,540px);align-items:center;gap:clamp(32px,5vw,72px);max-width:1440px;margin:0 auto;display:grid;position:relative}.hero-side{min-width:0;padding:18px;position:relative}.hero-mock{margin:0;position:relative}.hero-blob{z-index:0;pointer-events:none;width:auto;height:auto;animation:38s linear infinite blob-spin;position:absolute;inset:-14% -17% -20% -13%}.hero-blob path{fill:var(--accent-fill);opacity:.95}[data-theme=dark] .hero-blob path{opacity:.9}@keyframes blob-spin{to{transform:rotate(360deg)}}.hero-mock .pad-mock{z-index:1;position:relative}.hero-mock .msgs{gap:16px;padding:16px 20px}.hero-mock .scr-bar{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:7px;padding:14px 18px;font-size:.95rem;font-weight:600;display:flex}.hero-mock .scr-bar i{background:var(--c4);border-radius:50%;width:11px;height:11px}.hero-mock .scr-bar i:nth-child(2){background:var(--c5)}.hero-mock .scr-bar i:nth-child(3){background:var(--c1)}.hero-mock .scr-bar span{margin-left:8px}.hero-room{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;padding:14px 20px;font-size:.95rem;display:flex}.float-typing{z-index:2;border-radius:var(--r-pill);background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--shadow-2);align-items:center;gap:10px;padding:10px 16px 10px 10px;font-size:.95rem;font-weight:600;animation:6s ease-in-out infinite bob;display:inline-flex;position:absolute;bottom:-4%;right:-3%}.float-typing .av{width:30px;height:30px;font-size:.95rem}.dots{gap:4px;display:inline-flex}.dots i{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{30%{background:var(--ink);transform:translateY(-5px)}}.float-mic{z-index:2;background:var(--navy);width:74px;height:74px;color:var(--brand);border-radius:50%;place-items:center;animation:7s ease-in-out infinite reverse bob;display:grid;position:absolute;top:-2%;right:-2%;box-shadow:0 18px 36px -10px #0000008c}.float-mic:before,.float-mic:after{content:"";border:2px solid var(--accent-fill);border-radius:50%;animation:3.2s ease-out infinite ring;position:absolute;inset:0}.float-mic:after{animation-delay:1.6s}@keyframes ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes bob{50%{transform:translateY(-12px)rotate(-1.5deg)}}.readout{padding:12px var(--pad) 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1440px;margin:0 auto;display:grid;position:relative}.readout div{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:transform var(--dur) var(--spring);padding:18px 22px}.readout div:hover{transform:translateY(-5px)}.readout dt{color:var(--muted);font-size:.95rem;font-weight:600}.readout dd{color:var(--ink);letter-spacing:-.01em;margin-top:2px;font-size:1.1rem;font-weight:700}.trace{height:210px;margin-top:12px;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.trace canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.trace svg{width:100%;height:100%;position:absolute;inset:0}.trace svg path{fill:none;stroke-linecap:round}.trace.running svg{display:none}.hero-in{animation:rise-in 1s var(--spring) both}.hero-in.d2{animation-delay:.14s}.hero-in.d3{animation-delay:.28s}@keyframes rise-in{0%{transform:translateY(34px)scale(.97)}}@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}.readout{grid-template-columns:minmax(0,1fr)}.trace{height:140px}.float-mic{width:58px;height:58px;top:-46px;right:6px}.float-typing{right:0}}.section{content-visibility:auto;contain-intrinsic-size:auto 900px;padding:var(--sec) 0;position:relative}.section.plain{--wave-top:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M0 44C220 -6 440 -6 720 30S1200 74 1440 20V64H0Z'/%3E%3C/svg%3E");--wave-bottom:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V30C1200 74 1000 62 720 32S220 -8 0 40Z'/%3E%3C/svg%3E");padding-block:calc(var(--sec) + 36px);background:var(--tint);-webkit-mask:var(--wave-top) top / 100% 64px no-repeat, linear-gradient(#000, #000) 0 63px / 100% calc(100% - 126px) no-repeat, var(--wave-bottom) bottom / 100% 64px no-repeat;-webkit-mask:var(--wave-top) top / 100% 64px no-repeat, linear-gradient(#000, #000) 0 63px / 100% calc(100% - 126px) no-repeat, var(--wave-bottom) bottom / 100% 64px no-repeat;mask:var(--wave-top) top / 100% 64px no-repeat, linear-gradient(#000, #000) 0 63px / 100% calc(100% - 126px) no-repeat, var(--wave-bottom) bottom / 100% 64px no-repeat}.head{margin-bottom:40px}.section>.wrap>.head{text-align:center;max-width:780px;margin-inline:auto}.head p{color:var(--muted);max-width:56ch;margin:14px auto 0;font-size:1.15rem}.copy .head{text-align:left;margin:0 0 22px}.copy .head p{margin-inline:0}.feature{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,6vw,88px);display:grid}.feature.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.feature.flip .copy{order:2}.copy .head h2{font-size:clamp(1.9rem,3.4vw,2.9rem)}.copy>p{color:var(--muted);max-width:48ch;font-size:1.15rem}.points{gap:10px;max-width:54ch;margin-top:26px;display:grid}.points li{border-radius:var(--r-md);background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--shadow-1);transition:transform var(--dur) var(--spring);padding:14px 20px;font-size:1rem}.points li:hover{transform:translate(6px)}.points b{font-size:1.02rem;font-weight:700;display:block}.points span{color:var(--muted)}.sample{color:var(--muted);text-align:center;margin-top:14px;font-size:.95rem}.features-page .section{scroll-margin-top:90px}.feature>*,.cta-band>*,.code-pair>*{min-width:0}@media (max-width:900px){.feature,.feature.flip{grid-template-columns:minmax(0,1fr)}.feature.flip .copy{order:0}}.pagehead{margin-top:-76px;padding:calc(76px + clamp(48px,7vw,96px)) 0 clamp(40px,6vw,72px);position:relative;overflow-x:clip}.pagehead:before,.pagehead:after{content:"";pointer-events:none;animation:drift var(--dur-drift) ease-in-out infinite alternate;will-change:transform;border-radius:50%;position:absolute}.pagehead:before{aspect-ratio:1;background:radial-gradient(closest-side, var(--blob-b), transparent);width:min(46vw,620px);top:-30%;right:-8%}.pagehead:after{aspect-ratio:1;background:radial-gradient(closest-side, var(--blob-a), transparent);width:min(36vw,480px);animation-delay:-11s;bottom:-50%;left:-8%}.pagehead>.wrap{z-index:1;position:relative}.pagehead h1{max-width:17ch;margin-bottom:22px;font-size:clamp(2.6rem,5.8vw,5rem)}.pagehead .lede{margin-bottom:0}.jump{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.jump a{border:1px solid var(--line);background:var(--glass);border-radius:var(--r-pill);transition:transform var(--dur) var(--spring), background var(--dur) var(--ease);padding:.55em 1.2em;font-size:1rem;font-weight:600;text-decoration:none}.jump a:hover{background:var(--accent-fill);color:var(--on-accent);border-color:#0000;transform:translateY(-3px)}.mock{text-align:left;position:relative}.mock:before{content:"";z-index:-1;background:var(--blob-b);border-radius:58% 42% 55% 45%/46% 56% 44% 54%;animation:16s ease-in-out infinite alternate morph;position:absolute;inset:6% -6% -8% 8%}.feature.flip .mock:before{background:var(--blob-a);inset:6% 8% -8% -6%}.section:nth-child(3n) .mock:before{background:var(--blob-c)}@keyframes morph{to{transform:rotate(8deg)scale(1.06)translate(2%,-3%)}}.reveal{z-index:0;position:relative}.av{width:40px;height:40px;color:var(--on-av);background:var(--av);border-radius:50%;flex:none;place-items:center;font-size:1rem;font-weight:800;display:grid}.a1{--av:var(--c1)}.a2{--av:var(--c2)}.a3{--av:var(--c3)}.a4{--av:var(--c4)}.a5{--av:var(--c5)}.panel{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--r-xl);box-shadow:var(--shadow-2);min-width:0;padding:22px}.panel h3{font-size:1.1rem}.pad-mock,.home-mock,.app,.foryou-card,.room-card{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--r-xl);box-shadow:var(--shadow-2);overflow:hidden}.who{color:var(--muted);font-size:.95rem}.who b{color:var(--ink)}.vn{background:color-mix(in srgb, var(--surface2) 80%, transparent);border:1px solid var(--line);border-radius:var(--r-pill);align-items:center;gap:14px;margin:8px 0;padding:10px 18px 10px 10px;display:flex}.play{background:var(--accent-fill);width:42px;height:42px;color:var(--on-accent);box-shadow:var(--shadow-glow);border-radius:50%;flex:none;place-items:center;display:grid}.play svg{margin-left:2px}.wave{flex:1;align-items:center;gap:3px;min-width:0;height:38px;display:flex}.wave i{max-width:4px;height:calc(var(--h) * 100%);background:var(--wave-off);transform-origin:50%;transition:background var(--dur) var(--ease), transform var(--dur) var(--spring);border-radius:4px;flex:1}.wave i.on{background:var(--wave-on);transform:scaleY(1.12)}.dur{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600}.tr{margin-top:8px;font-size:1rem;line-height:1.55}.tr-label{color:var(--muted);margin-right:.5em;font-size:.95rem;font-weight:700}.msg{gap:14px;display:flex}.msg>div{flex:1;min-width:0;max-width:540px}.msgs{flex-direction:column;gap:20px;padding:22px 24px;display:flex}.msg p:not(.who):not(.tr){font-size:1rem}.composer{border:1px solid var(--line);border-radius:var(--r-pill);background:color-mix(in srgb, var(--surface2) 60%, transparent);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:4px 20px 20px;padding:8px 8px 8px 22px;font-size:1rem;display:flex}.mic{background:var(--accent-fill);width:44px;height:44px;color:var(--on-accent);box-shadow:var(--shadow-glow);border-radius:50%;flex:none;place-items:center;display:grid}.room{padding:22px 24px}.room header{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.live{color:var(--ink);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:inline-flex}.live i{background:var(--dot);width:10px;height:10px;box-shadow:0 0 0 0 var(--dot);border-radius:50%;animation:2s ease-out infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.people{margin-bottom:14px;display:flex}.people .av{border:3px solid var(--surface);margin-right:-10px}.people .talk{box-shadow:0 0 0 3px var(--accent-fill);animation:1.4s ease-in-out infinite talk}@keyframes talk{50%{transform:translateY(-4px)scale(1.06)}}.lines{flex-direction:column;justify-content:flex-end;gap:8px;min-height:6.6em;margin-bottom:16px;font-size:1rem;display:flex}.lines b{margin-right:.45em}.lines li{color:var(--muted)}.lines li.now{color:var(--ink)}.lines li.fresh{animation:line-in .6s var(--spring) both}.caret{background:var(--ink);vertical-align:-2px;border-radius:2px;width:3px;height:1em;margin-left:3px;animation:1s steps(2,end) infinite blink;display:inline-block}.room-actions{flex-wrap:wrap;gap:10px;display:flex}.ghost{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:var(--r-pill);transition:transform var(--dur) var(--spring), border-color var(--dur) var(--ease);padding:.5em 1.1em;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}a.ghost:hover{border-color:var(--ink);transform:translateY(-2px)}@keyframes blink{50%{opacity:0}}@keyframes line-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}.room-card .lines{min-height:7.6em}.room-card .room{padding:26px 28px}.room-card .people .av{width:48px;height:48px}.foryou{padding:22px 24px}.foryou header{margin-bottom:10px}.foryou header p{color:var(--muted);font-size:.95rem}.foryou h3{letter-spacing:-.02em;font-size:1.3rem}.foryou ul{gap:8px;display:grid}.foryou li{border-radius:var(--r-md);background:color-mix(in srgb, var(--surface2) 70%, transparent);flex-direction:column;padding:12px 16px;display:flex}.foryou li b{font-size:1rem}.foryou li span{color:var(--muted);font-size:.95rem}.done{color:var(--muted);margin-top:12px;font-size:.95rem;font-weight:600}.inbox-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.noisy{border:2px dashed var(--line);border-radius:var(--r-xl);color:var(--muted);background:color-mix(in srgb, var(--bg) 55%, transparent);flex-direction:column;align-self:start;gap:10px;padding:22px 24px;font-size:1rem;display:flex}.noisy b{color:var(--ink)}.noisy s{-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}@media (max-width:640px){.inbox-pair{grid-template-columns:1fr}}.home-banner{background:linear-gradient(120deg, color-mix(in srgb, var(--accent-fill) 55%, transparent), color-mix(in srgb, var(--brand-2) 40%, transparent));flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;padding:30px 28px;display:flex}.home-banner h3{letter-spacing:-.04em;font-size:2rem;font-weight:800}.home-banner span{font-size:1rem;font-weight:500}[data-theme=dark] .home-banner{background:linear-gradient(120deg, color-mix(in srgb, var(--brand) 26%, transparent), color-mix(in srgb, var(--brand-2) 36%, transparent))}.widgets{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:14px;display:grid}.widget{background:color-mix(in srgb, var(--surface2) 72%, transparent);border-radius:var(--r-md);grid-column:span 3;min-width:0;padding:16px 18px}.widget.wide{grid-column:span 6}.widget.third{grid-column:span 2}.widget h4{color:var(--muted);margin-bottom:8px;font-size:.95rem;font-weight:600}.widget p{font-size:1rem}.widget .sub{color:var(--muted);margin:2px 0 0;font-size:.95rem}.tiles{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tiles span{aspect-ratio:1;background:var(--av);border-radius:10px}.pin{box-shadow:inset 4px 0 0 var(--accent-fill)}.big{font-family:var(--display);letter-spacing:-.04em;font-size:2.4rem;font-weight:800;line-height:1}@media (max-width:640px){.widget,.widget.third{grid-column:span 6}}.share-stack{gap:22px;display:grid}.share-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.scr{background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-md);aspect-ratio:16/9;width:100%;color:var(--ink);flex-direction:column;display:flex;overflow:hidden}.stage{border-radius:var(--r-lg);background:var(--bg);position:relative;overflow:hidden}.stage .scr{border:0;border-radius:0}.scr-bar{background:color-mix(in srgb, var(--bg) 70%, transparent);color:var(--muted);align-items:center;gap:5px;padding:6px 10px;font-size:.95rem;display:flex}.scr-bar i{background:var(--line);border-radius:50%;width:8px;height:8px}.scr-bar span{white-space:nowrap;margin-left:6px;overflow:hidden}.scr-body{flex:1;min-height:0;display:flex}.scr-side{background:var(--surface);flex-direction:column;gap:6px;width:17%;padding:8px;display:flex}.scr-side b{background:var(--line);border-radius:4px;height:6px}.scr-main{flex:1;min-width:0;padding:10px 14px}.scr-main h4{margin-bottom:6px;font-size:clamp(.6rem,1.3vw,1.05rem)}.l{background:var(--line);border-radius:4px;height:6px;margin:5px 0}.w9{width:90%}.w8{width:80%}.w7{width:70%}.w6{width:55%}.scr-art{gap:8px;height:30%;margin:8px 0;display:flex}.scr-art span{border-radius:8px;flex:1}.s1{background:var(--c1)}.s2{background:var(--c3)}.s3{background:var(--c2)}.health{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--r-pill);align-items:center;gap:8px;padding:.35em .9em;font-size:.95rem;font-weight:700;display:inline-flex;position:absolute;top:38px;right:14px}.health i{background:var(--dot);border-radius:50%;width:9px;height:9px}.ctlbar{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--r-pill);align-items:center;gap:2px;max-width:calc(100% - 20px);padding:5px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.ctl{border-radius:var(--r-pill);white-space:nowrap;place-items:center;min-width:40px;height:40px;padding:0 12px;font-size:.95rem;font-weight:700;display:grid}.vol i{background:var(--line);border-radius:4px;width:54px;height:5px;display:block}.vol b{background:var(--ink);border-radius:4px;width:70%;height:100%;display:block}.floaters{pointer-events:none;width:50px;height:200px;position:absolute;bottom:70px;right:16px}.floaters span{color:var(--c4);opacity:0;animation:4.5s ease-in infinite rise;position:absolute;bottom:0}.floaters .f2{color:var(--c1);animation-delay:1.1s;left:20px}.floaters .f3{color:var(--c3);animation-delay:2.2s;left:6px}.floaters .f4{animation-delay:3.3s;left:30px}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(.7)}15%{opacity:1}to{opacity:0;transform:translateY(-170px)translate(-8px)scale(1.1)}}.strip{flex-wrap:wrap;align-items:center;gap:14px;padding:16px 0 0;display:flex}.strip-t{font-size:1rem;font-weight:700}.heads{flex:1;display:flex}.heads .av{border:3px solid var(--surface);width:34px;height:34px;margin-right:-8px;font-size:.95rem}.sub{color:var(--muted);margin:2px 0 16px;font-size:1rem}.thumbs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.thumb{border-radius:var(--r-md);background:color-mix(in srgb, var(--surface2) 60%, transparent);transition:transform var(--dur) var(--spring);border:2px solid #0000;flex-direction:column;gap:6px;padding:8px;font-size:.95rem;font-weight:600;display:flex}.thumb:hover{transform:scale(1.03)}.thumb.sel{border-color:var(--ink)}.thumb .scr-bar,.thumb .scr-side{display:none}.opt{align-items:center;gap:10px;margin:16px 0;font-size:1rem;display:flex}.box{background:var(--accent-fill);width:22px;height:22px;color:var(--on-accent);border-radius:7px;place-items:center;font-size:.95rem;font-weight:800;display:grid}.dlg-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.go{padding:.65em 1.5em;font-size:1rem;animation:2.8s ease-in-out infinite glow}@keyframes glow{50%{transform:scale(1.04)}}.st-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.scenes{background:color-mix(in srgb, var(--surface2) 70%, transparent);border-radius:var(--r-pill);gap:4px;padding:4px;display:flex}.scenes span{border-radius:var(--r-pill);color:var(--muted);padding:.4em 1em;font-size:.95rem;font-weight:600}.scenes .on{background:var(--accent-fill);color:var(--on-accent)}.st-body{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.layers{flex-flow:wrap;gap:8px;font-size:.95rem;display:flex}.layers li{border-radius:var(--r-pill);background:color-mix(in srgb, var(--surface2) 70%, transparent);border:1px solid var(--line);padding:.45em 1em}.layers li.on{border-color:var(--ink);font-weight:700}.layers li.add{color:var(--muted);border-style:dashed}.canvas{align-self:start;position:relative}.ov-text{border-radius:var(--r-pill);background:var(--accent-fill);color:var(--on-accent);padding:.3em .9em;font-size:clamp(.8rem,1.3vw,1rem);font-weight:800;position:absolute;top:14%;left:5%}.ov-cam{aspect-ratio:4/3;border:2px dashed var(--ink);border-radius:var(--r-md);background:color-mix(in srgb, var(--bg) 70%, transparent);place-items:center;width:26%;font-size:.95rem;font-weight:700;display:grid;position:absolute;bottom:6%;right:4%}.ov-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-sm);background:color-mix(in srgb, var(--surface) 35%, transparent);border:1px solid var(--ink);place-items:center;width:30%;height:14%;font-size:.95rem;font-weight:700;display:grid;position:absolute;top:44%;left:26%}@media (max-width:640px){.wave{gap:1px}.vn{gap:10px}}@media (max-width:760px){.share-pair{grid-template-columns:1fr}.ctl{min-width:34px;padding:0 8px}.ctlbar .ctl:nth-child(2),.health{display:none}}.app{text-align:left;grid-template-columns:72px 232px minmax(0,1fr) 330px;height:720px;display:grid}.app>*{min-width:0;overflow:hidden}.rail{background:color-mix(in srgb, var(--bg) 55%, transparent);flex-direction:column;align-items:center;gap:12px;padding:18px 0;display:flex}.srv{background:var(--surface2);width:48px;height:48px;transition:border-radius var(--dur) var(--spring);border-radius:18px;place-items:center;font-weight:800;display:grid}.srv:hover{border-radius:24px}.srv.on{background:var(--accent-fill);color:var(--on-accent);box-shadow:var(--shadow-glow);border-radius:24px}.channels{padding:18px 14px;font-size:1rem}.srv-head{flex-direction:column;margin-bottom:14px;padding-inline:4px;display:flex}.srv-head strong{font-family:var(--display);letter-spacing:-.02em;font-size:1.2rem}.srv-head span{color:var(--muted);font-size:.95rem}.home-link{background:color-mix(in srgb, var(--accent-fill) 34%, transparent);border-radius:var(--r-pill);margin-bottom:14px;padding:.55em .9em;font-size:.95rem;font-weight:700;display:block}.channels h3{color:var(--muted);margin:16px 0 6px;padding:0 .9em;font-size:.95rem;font-weight:600}.channels li>span{border-radius:var(--r-pill);color:var(--muted);justify-content:space-between;gap:8px;padding:.4em .9em;font-size:.95rem;display:flex}.channels li>span.on{background:var(--surface2);color:var(--ink);font-weight:700}.channels b{background:var(--accent-fill);color:var(--on-accent);border-radius:var(--r-pill);padding:0 .6em;font-size:.95rem;font-weight:700}.channels em{white-space:nowrap;color:var(--ink);font-size:.95rem;font-style:normal;font-weight:700}.chat{background:color-mix(in srgb, var(--surface) 55%, transparent);flex-direction:column;display:flex}.chat-head{border-bottom:1px solid var(--line);padding:16px 24px}.chat-head h3{font-size:1.05rem}.chat-head p{color:var(--muted);font-size:.95rem}.chat .msgs{flex:1;overflow:hidden}.side{flex-direction:column;display:flex}.side .room{border-bottom:1px solid var(--line)}@media (max-width:900px){.app{flex-direction:column;height:auto;display:flex}.rail{flex-direction:row;justify-content:flex-start;padding:14px 16px}.channels{border-bottom:1px solid var(--line);padding-bottom:8px}.side .foryou,.side .room{border-bottom:1px solid var(--line)}.msgs{padding:16px}.composer{margin:4px 14px 16px}}.code-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;display:grid}.code{background:var(--navy);color:#f3f1fa;border-radius:var(--r-xl);box-shadow:var(--shadow-2);border:1px solid #ffffff1f;min-width:0;margin:0;overflow:hidden}.code header{color:#cfcbe0;background:#ffffff0f;justify-content:space-between;gap:8px;padding:14px 22px;font-size:.95rem;display:flex}.code header b{color:#fff}.code pre{font-family:var(--code);tab-size:2;padding:22px;font-size:.95rem;line-height:1.65;overflow-x:auto}.tok-k{color:var(--brand)}.tok-s{color:#9fe0ff}.tok-c{color:var(--muted)}.badge{border:1px solid color-mix(in srgb, var(--accent-fill) 70%, transparent);background:color-mix(in srgb, var(--accent-fill) 26%, transparent);color:var(--ink);border-radius:var(--r-pill);padding:.3em .95em;font-size:.95rem;font-weight:700;display:inline-block}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.related li{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:transform var(--dur) var(--spring), box-shadow var(--dur) var(--ease);padding:26px;position:relative}.card:hover,.related li:hover{box-shadow:var(--shadow-2);transform:translateY(-8px)}.card h3{margin-bottom:8px;font-size:1.25rem}.card p{color:var(--muted);font-size:1rem}.card .badge{margin-bottom:16px}.platform{flex-direction:column;gap:6px;min-height:180px;display:flex}@media (max-width:900px){.code-pair,.cards,.cards.two{grid-template-columns:minmax(0,1fr)}}.faq{gap:12px;max-width:860px;margin-inline:auto;display:grid}.faq details{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--r-lg);box-shadow:var(--shadow-1);transition:box-shadow var(--dur) var(--ease);padding-inline:26px}.faq details[open]{box-shadow:var(--shadow-2)}.faq summary{cursor:pointer;padding:20px 52px 20px 0;font-size:1.1rem;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";background:var(--accent-fill);width:34px;height:34px;color:var(--on-accent);transition:transform var(--dur) var(--spring);border-radius:50%;place-items:center;margin-top:-17px;font-size:1.4rem;font-weight:700;line-height:1;display:grid;position:absolute;top:50%;right:0}.faq details[open] summary:after{transform:rotate(135deg)}.faq p{color:var(--muted);max-width:62ch;padding:0 0 22px}.faq details[open] p{animation:line-in .5s var(--spring) both}.cta{padding-block:var(--sec)}.wrap.cta-band{width:min(1280px, calc(100% - 2 * var(--pad)));padding:clamp(32px,6vw,80px);border-radius:var(--r-xl);background:radial-gradient(60% 90% at 100% 0%, #ffe38f, transparent 70%), radial-gradient(55% 90% at 0% 100%, #ffa84d, transparent 70%), var(--brand);color:var(--navy);box-shadow:0 40px 90px -34px #ffa82866, var(--shadow-2);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(28px,5vw,72px);padding-bottom:clamp(70px,9vw,120px);display:grid;position:relative;overflow:hidden}.cta-band:after{content:"";pointer-events:none;opacity:.38;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 70' preserveAspectRatio='none'%3E%3Cpath d='M0 38C100 -2 200 -2 300 38S500 78 600 38V70H0Z' fill='%23ffffff'/%3E%3C/svg%3E") 0 0/600px 70px repeat-x;height:70px;animation:14s linear infinite flow;position:absolute;inset:auto 0 0}@keyframes flow{to{background-position-x:600px}}.section>.wrap.cta-band>.head{text-align:left;max-width:none;margin:0}.cta-band h2{color:var(--navy);font-size:clamp(2rem,4.2vw,3.4rem)}.cta-band .head p{color:#2a2740;margin-inline:0}.cta-band .btn{background:var(--navy);color:var(--brand);border-color:var(--navy);box-shadow:0 14px 28px -10px #15131f99}@media (max-width:900px){.wrap.cta-band{grid-template-columns:minmax(0,1fr)}}.status{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.footer{--muted:#cfcbe0;--ink:#f3f1fa;border-radius:var(--r-xl) var(--r-xl) 0 0;background:radial-gradient(50% 120% at 90% 0%, #f28c283d, transparent 70%), radial-gradient(40% 100% at 0% 100%, #ffc83d24, transparent 70%), var(--navy-deep);color:var(--ink);margin-top:clamp(24px,4vw,56px);padding:clamp(48px,6vw,80px) 0 48px;position:relative}.footer .logo .on-light{display:none!important}.footer .logo .on-dark{display:block!important}.footer .logo img{height:48px}.footer-in{max-width:1440px;padding-inline:var(--pad);flex-wrap:wrap;justify-content:space-between;gap:36px;margin:0 auto;display:flex}.footer-in>div{max-width:340px}.footer p{color:var(--muted);margin-top:14px;font-size:1rem}.footer nav{flex-direction:column;gap:6px;min-width:160px;font-size:1rem;display:flex}.footer nav a{color:var(--muted);transition:color var(--dur) var(--ease), transform var(--dur) var(--spring);padding-block:2px;text-decoration:none}.footer nav a:hover{color:var(--brand);transform:translate(4px)}.footer .fine{font-size:.95rem}.footer .fine a{text-decoration:underline}.foot-h{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;margin-bottom:6px;font-size:1.05rem;font-weight:700}.footer :focus-visible{outline-color:var(--brand)}.notfound{margin-top:-76px;padding:calc(76px + clamp(60px,10vw,140px)) 0 clamp(60px,10vw,140px);position:relative;overflow-x:clip}.notfound:before{content:"";aspect-ratio:1;background:radial-gradient(closest-side, var(--blob-b), transparent);width:min(60vw,700px);animation:drift var(--dur-drift) ease-in-out infinite alternate;pointer-events:none;border-radius:50%;position:absolute;top:0;right:-10%}.notfound .wrap{position:relative}.notfound .code404{border-radius:var(--r-pill);background:color-mix(in srgb, var(--accent-fill) 34%, transparent);margin-bottom:18px;padding:.35em 1em;font-size:1rem;font-weight:700;display:inline-block}.notfound h1{max-width:14ch}.reveal{transition:opacity .7s var(--ease), transform 1s var(--spring)}.js .reveal.armed:not(.in){opacity:0;transform:translateY(44px)scale(.965)}.js .vn.armed:not(.in) .wave.draw i{transform:scaleY(0)}.js .vn.in .wave.draw i{animation:draw .7s var(--spring) backwards;animation-delay:calc(var(--i) * 22ms)}@keyframes draw{0%{transform:scaleY(0)}}.js .reveal.in .card,.js .reveal.in .widget,.js .reveal.in .thumb{animation:card-in .8s var(--spring) backwards;animation-delay:calc(var(--n,0) * 90ms + .12s)}.cards>:nth-child(2),.widgets>:nth-child(2),.thumbs>:nth-child(2){--n:1}.cards>:nth-child(3),.widgets>:nth-child(3),.thumbs>:nth-child(3){--n:2}.cards>:nth-child(4),.widgets>:nth-child(4),.thumbs>:nth-child(4){--n:3}.cards>:nth-child(5),.widgets>:nth-child(5){--n:4}.cards>:nth-child(6),.widgets>:nth-child(6){--n:5}@keyframes card-in{0%{opacity:0;transform:translateY(30px)scale(.94)}}.crumbs ol{color:var(--muted);flex-wrap:wrap;gap:6px;margin-bottom:24px;font-size:.95rem;font-weight:600;display:flex}.crumbs li+li:before{content:"/";opacity:.5;margin-right:6px}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}.crumbs [aria-current]{color:var(--ink)}.status-badge{margin-bottom:18px}.post-meta{color:var(--muted);margin-top:18px;font-size:1rem}.pagehead .sample{text-align:left;margin-top:18px}.prose{z-index:1;max-width:780px;margin-inline:auto;padding-block:clamp(36px,5vw,72px);position:relative}.prose section{margin-bottom:44px}.prose h2{margin-bottom:14px;font-size:clamp(1.5rem,2.6vw,2.1rem)}.prose p{color:var(--ink);max-width:68ch;margin-bottom:16px;line-height:1.7}.prose ul{max-width:68ch;margin:0 0 16px 1.2em;list-style:outside}.prose li{margin-bottom:8px;line-height:1.65}.prose li::marker{color:var(--accent)}.prose h2:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 12'%3E%3Cpath d='M2 6C8 -1 14 -1 20 6S32 13 38 6 50 -1 62 6' fill='none' stroke='%23ffc83d' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/64px 12px no-repeat;width:64px;height:12px;margin-top:10px;display:block}[data-theme=light] .prose h2:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 12'%3E%3Cpath d='M2 6C8 -1 14 -1 20 6S32 13 38 6 50 -1 62 6' fill='none' stroke='%23c26a00' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E")}.related{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.related li{flex-direction:column;gap:8px;padding:22px 26px;display:flex}.related a{font-weight:700;font-family:var(--display);text-underline-offset:4px;font-size:1.15rem}.related span{color:var(--muted);font-size:1rem}.related.posts{grid-template-columns:minmax(0,1fr)}@media (max-width:900px){.related{grid-template-columns:minmax(0,1fr)}}.table-wrap{border:1px solid var(--glass-edge);border-radius:var(--r-lg);background:var(--glass);box-shadow:var(--shadow-1);overflow-x:auto}.facts{border-collapse:collapse;width:100%;min-width:640px;font-size:1rem}.facts th,.facts td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:16px 22px}.facts tbody tr:last-child>*{border-bottom:0}.facts thead th{background:color-mix(in srgb, var(--accent-fill) 24%, transparent);font-weight:700}.facts tbody th{width:20%;font-weight:700}.facts td{color:var(--muted)}.prose a,.lede a,.sample a,.facts a{color:var(--accent);text-underline-offset:3px;font-weight:600}.brand-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.brand-card{border:1px solid var(--glass-edge);border-radius:var(--r-xl);background:var(--glass);min-width:0;box-shadow:var(--shadow-1);transition:transform var(--dur) var(--spring);grid-template-rows:1fr auto;margin:0;display:grid;overflow:hidden}.brand-card:hover{transform:translateY(-6px)}.brand-card img{object-fit:contain;box-sizing:border-box;width:100%;height:clamp(180px,22vw,280px);padding:clamp(32px,5vw,64px) clamp(24px,6vw,80px);display:block}.brand-card img.on-navy{background:#15131f}.brand-card img.on-white{background:#fff}.brand-card img.tile-img{aspect-ratio:1;border-radius:28%;width:auto;height:calc(clamp(180px,22vw,280px) - 48px);margin:24px auto;padding:0}.brand-card figcaption{border-top:1px solid var(--line);color:var(--muted);padding:14px 22px;font-size:.95rem;font-weight:600}.swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.swatches .chip{border:1px solid var(--line);border-radius:var(--r-lg);height:150px;box-shadow:var(--shadow-1);transition:transform var(--dur) var(--spring);flex-direction:column;justify-content:flex-end;padding:18px;font-size:1rem;display:flex}.swatches li:hover .chip{transform:translateY(-6px)rotate(-1deg)}.swatches p{color:var(--muted);margin-top:12px;font-size:1rem}@media (max-width:900px){.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.brand-pair,.swatches{grid-template-columns:minmax(0,1fr)}}.legal-meta{border-radius:var(--r-md);background:var(--glass);border:1px solid var(--glass-edge);color:var(--muted);margin-top:44px;padding:16px 22px;font-size:1rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.js .reveal.armed:not(.in){opacity:1;transform:none}.js .vn.armed:not(.in) .wave.draw i{transform:none}.hero-blobs{animation:none!important}}@media print{.js .reveal.armed:not(.in){opacity:1;transform:none}.js .vn.armed:not(.in) .wave.draw i{transform:none}.hero-blobs,.hero-blob,.trace,body:before{display:none}}.hero-mock .pad-mock{background:color-mix(in srgb, var(--surface) 90%, transparent)}
