@layer base{:root{--col:1040px;--pad:clamp(18px, 4.2vw, 30px);--gap:clamp(12px, 2.2vw, 18px);--nav-h:58px;--travel:46px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 22px);-webkit-text-size-adjust:100%}body{overflow-wrap:break-word;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{text-wrap:balance;margin:0 0 .5em}p{text-wrap:pretty;margin:0 0 1.1em}button{font:inherit;color:inherit;cursor:pointer}code,kbd{overflow-wrap:anywhere}.wrap{max-width:var(--col);padding-inline:var(--pad);margin-inline:auto;position:relative}#progress{z-index:80;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}#progress i{transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.nav{z-index:70;position:sticky;top:0}.nav-in{min-height:var(--nav-h);align-items:center;gap:clamp(12px,2.4vw,22px);display:flex}.brand{align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{flex:none;width:26px;height:26px}.nav-links{gap:clamp(14px,2.2vw,22px);margin-left:auto;display:flex}.nav-links a{white-space:nowrap;font-size:14px;text-decoration:none}.nav-cta{white-space:nowrap;align-items:center;min-height:38px;font-size:14px;text-decoration:none;display:inline-flex}.hero{padding:clamp(48px,10vw,118px) 0 clamp(36px,7vw,82px);position:relative;overflow:clip}.decor{pointer-events:none;position:absolute;inset:0}.hero-in{z-index:1;position:relative}.badge{align-items:center;gap:8px;max-width:100%;display:inline-flex}.badge .dot{border-radius:50%;flex:none;width:7px;height:7px}.sep{opacity:.45;padding-inline:.28em}h1{letter-spacing:-.028em;margin-block:.38em .3em;font-size:clamp(34px,7.6vw,76px);line-height:1.03}.lede{max-width:46ch;font-size:clamp(16.5px,1.1rem + .4vw,21px)}.cta{flex-wrap:wrap;gap:12px;margin:clamp(22px,3vw,28px) 0 22px;display:flex}.btn{justify-content:center;align-items:center;gap:8px;min-height:46px;padding:13px clamp(18px,3vw,24px);font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.install{align-items:stretch;max-width:100%;min-height:48px;margin:0 0 18px;display:flex}.cmd{white-space:pre;scrollbar-width:thin;flex:auto;min-width:0;padding:13px clamp(12px,2vw,16px);font-size:clamp(12px,.72rem + .2vw,13.5px);line-height:1.7;overflow-x:auto}.copy{white-space:nowrap;flex:none;padding:0 clamp(12px,2.4vw,18px);font-size:13px}.shot{margin:clamp(26px,4vw,36px) 0 0}.frame{position:relative;overflow:hidden}.demo-toggle{min-height:36px;padding:9px 14px;font-size:12px;position:absolute;bottom:10px;right:10px}figcaption{margin-top:12px;font-size:14px}.facts{grid-template-columns:1fr;gap:1px;margin-top:clamp(32px,5vw,48px);display:grid}.fact{padding:clamp(18px,2.6vw,22px)}.fact b{margin-bottom:6px;font-size:clamp(19px,1.1rem + .5vw,24px);display:block}.fact small{font-size:13.5px;line-height:1.6;display:block}section{padding:clamp(52px, 8.5vw, 104px) var(--pad) 0}h2{letter-spacing:-.02em;font-size:clamp(24px,1.3rem + 2vw,42px)}.sec-n{display:none}.cards{gap:var(--gap);grid-template-columns:1fr;margin:clamp(24px,3.4vw,32px) 0 0;display:grid}.card{padding:clamp(20px,2.8vw,26px);position:relative}.card h3{font-size:clamp(16.5px,1rem + .2vw,18px)}.card p{margin:0;font-size:14.5px;line-height:1.65}.card-n{display:none}.ico{margin-bottom:14px;display:inline-flex}.ico svg{width:22px;height:22px}.meters{gap:var(--gap);grid-template-columns:1fr;margin-top:clamp(24px,3.4vw,32px);display:grid}.meter{padding:clamp(16px,2.4vw,20px)}.meter-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:14px;display:flex}.pct{font-variant-numeric:tabular-nums}.track{height:8px;overflow:hidden}.fill{height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1);display:block}.note{margin-top:10px;font-size:13px}.aside{grid-column:1/-1;margin:4px 0 0;font-size:13.5px;line-height:1.7}.tbl{border-collapse:collapse;text-align:left;width:100%;margin:22px 0;font-size:clamp(14px,.85rem + .2vw,15.5px)}.tbl th,.tbl td{vertical-align:top;padding:13px 14px}.tbl th{letter-spacing:.08em;text-transform:uppercase;font-size:12.5px}.swap{margin:clamp(22px,3vw,28px) 0;padding:clamp(16px,2.6vw,22px)}.rows{gap:10px;display:grid}.row{align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.row .mark{border-radius:50%;flex:none;width:9px;height:9px}.row .label{min-width:0}.row .state{white-space:nowrap;margin-left:auto;font-size:12.5px}.chips{flex-wrap:wrap;justify-content:center;gap:8px;padding:2px 0;transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .5s;display:flex}.chip{padding:5px 11px;font-size:12px}.swap.atTop .chips{transform:translateY(calc(var(--travel) * -1))}.swap.atBottom .chips{transform:translateY(var(--travel))}.swap.mid .chips{transform:none}.swap:not(.lit) .chips{opacity:.32}.steps{flex-wrap:wrap;gap:8px clamp(12px,2vw,18px);margin-top:20px;font-size:12.5px;display:flex}.steps span{opacity:.42;transition:opacity .3s}.steps span.on{opacity:1}footer{margin-top:clamp(56px,9vw,116px);padding:clamp(32px,4vw,42px) 0 clamp(44px,6vw,60px);font-size:13.5px;line-height:1.7}footer p{max-width:66ch;margin:0 0 10px}footer .links a{text-decoration:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal-in;animation-timeline:view();animation-range:entry cover 22%}}}@keyframes reveal-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{clip-path:inset(50%);white-space:nowrap;z-index:99;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto;padding:12px 18px;position:fixed;top:12px;left:12px;overflow:visible}:focus-visible{outline-offset:3px;outline:2px solid}@media (max-width:830px){:root{--nav-h:50px}html{scroll-padding-top:108px}.nav-in{flex-wrap:wrap;padding-top:6px}.nav-cta{margin-left:auto}.nav-links{overscroll-behavior-x:contain;scrollbar-width:none;order:3;gap:18px;width:100%;margin-left:0;padding-bottom:8px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.nav-links::-webkit-scrollbar{display:none}}@media (min-width:560px){.facts{grid-template-columns:repeat(3,1fr)}}@media (min-width:640px){.meters{grid-template-columns:repeat(2,1fr)}}@media (min-width:760px){.cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){:root{--travel:52px}}@media (max-width:640px){.tbl,.tbl tbody,.tbl thead,.tbl tr,.tbl td,.tbl th{width:auto;display:block}.tbl thead{display:none}.tbl tr{padding:6px 0 12px}.tbl td,.tbl th{padding:3px 0}.tbl td:first-child{padding-top:10px;font-weight:600}}@media (max-width:700px){.cta .btn{flex:auto}}@media (max-width:380px){.chip{padding:4px 9px;font-size:11px}.row{gap:9px;padding:11px 12px}}@media (pointer:coarse){.btn,.copy,.nav-cta,.demo-toggle{min-height:44px}.nav-links a{padding-block:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}}@layer skin{:root{--paper:#e8e4dc;--paper-2:#dcd7cc;--paper-3:#cfc9bc;--ink:#14120f;--red:#e02b20;--blue:#1b3fd8;--hair:3px;--edge:var(--hair) solid var(--ink);--drop:6px 6px 0 var(--ink);--drop-sm:4px 4px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font:clamp(15.5px,.93rem + .12vw,16.5px)/1.55 Helvetica Neue,Helvetica,Arial,sans-serif}::selection{background:var(--red);color:var(--paper)}code,kbd,.cmd,.badge,.steps,.card-n,.sec-n,.pct,.chip,.who,.state{font-family:Courier New,ui-monospace,Menlo,monospace}:focus-visible{outline:var(--hair) solid var(--red);outline-offset:2px}#progress{background:var(--paper-2);border-bottom:var(--edge);height:6px}#progress i{background:var(--red)}.nav{background:var(--paper);border-bottom:var(--edge)}.brand-name{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(15px,.9rem + .3vw,18px);font-weight:800}.brand-mark{border:2px solid var(--ink)}.nav-links a{text-transform:uppercase;letter-spacing:.06em;border-bottom:var(--hair) solid transparent;font-size:12px;font-weight:700}.nav-links a:hover{color:var(--red);border-bottom-color:var(--red)}.nav-cta{text-transform:uppercase;letter-spacing:.06em;background:var(--ink);color:var(--paper);box-shadow:var(--drop-sm);border:2px solid var(--ink);align-items:center;padding:10px 15px;font-size:12px;font-weight:800;display:inline-flex}.nav-cta:hover{box-shadow:2px 2px 0 var(--red);transform:translate(2px,2px)}@media (max-width:830px){.nav{border-bottom-width:2px}}.hero{border-bottom:var(--edge)}.decor .grid{background-image:linear-gradient(var(--paper-2) 1px, transparent 1px), linear-gradient(90deg, var(--paper-2) 1px, transparent 1px);background-size:clamp(28px,6vw,46px) clamp(28px,6vw,46px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.decor:after{content:"";aspect-ratio:3/4;background:var(--red);width:clamp(120px,26vw,300px);box-shadow:var(--drop);border:var(--edge);position:absolute;top:-40px;right:-60px}.badge{border:var(--edge);background:var(--paper);text-transform:uppercase;letter-spacing:.09em;box-shadow:var(--drop-sm);padding:7px 13px;font-size:clamp(10px,.6rem + .1vw,11px);font-weight:700}.badge .dot{background:var(--red);border-radius:0;width:8px;height:8px}h1{letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(38px,2rem + 6.4vw,104px);font-weight:800;line-height:.93}h1 .hl{color:var(--red);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.lede{max-width:42ch;font-size:clamp(16.5px,1rem + .5vw,22px);font-weight:500}.btn{border:var(--edge);text-transform:uppercase;letter-spacing:.05em;padding:15px clamp(18px,3vw,26px);font-size:clamp(12px,.72rem + .12vw,13px);font-weight:800}.btn.primary{background:var(--red);color:var(--paper);box-shadow:var(--drop)}.btn.ghost{background:var(--paper);box-shadow:var(--drop)}.btn:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(3px,3px)}.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(6px,6px)}.install{border:var(--edge);background:var(--paper);box-shadow:var(--drop);max-width:760px}.cmd{font-weight:700}.cmd .c{color:var(--red)}.copy{border:0;border-left:var(--edge);background:var(--ink);color:var(--paper);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.copy:hover,.copy.done{background:var(--red)}.frame{border:var(--edge);background:var(--ink);box-shadow:10px 10px 0 var(--ink);padding:clamp(10px,1.6vw,18px)}.frame img{margin-inline:auto}figcaption{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.facts{gap:var(--hair);background:var(--ink);border:var(--edge)}.fact{background:var(--paper)}.fact b{letter-spacing:-.03em;font-size:clamp(26px,1.4rem + 1.4vw,34px);font-weight:800}.fact:first-child b{color:var(--red)}.fact:nth-child(2) b{color:var(--blue)}.fact small{font-weight:500}h2{text-transform:uppercase;letter-spacing:-.035em;border-bottom:var(--edge);align-items:baseline;gap:clamp(10px,2vw,16px);padding-bottom:.22em;font-size:clamp(26px,1.3rem + 3.4vw,56px);font-weight:800;display:flex}.sec-n{color:var(--paper);background:var(--red);letter-spacing:0;flex:none;padding:2px 8px;font-size:clamp(12px,.7rem + .2vw,15px);font-weight:700;display:inline-block}.cards{gap:var(--hair);background:var(--ink);border:var(--edge)}.card{background:var(--paper);transition:background .12s,transform .12s}.card:hover{background:var(--paper-2)}.card-n{opacity:.42;font-size:12px;font-weight:700;display:block;position:absolute;top:12px;right:14px}.ico{border:var(--edge);background:var(--red);color:var(--paper);box-shadow:var(--drop-sm);padding:9px}.card:nth-child(2) .ico{background:var(--blue)}.card:nth-child(3) .ico{background:var(--ink)}.card h3{text-transform:uppercase;letter-spacing:-.01em;font-weight:800}.meters{gap:var(--hair);background:var(--ink);border:var(--edge)}.meter{background:var(--paper)}.meter-top{text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.pct{font-size:clamp(16px,1rem + .4vw,20px);font-weight:700}.track{border:2px solid var(--ink);background:var(--paper-2);height:18px}.fill.hot{background:repeating-linear-gradient(45deg, var(--red) 0 7px, #b41f16 7px 14px)}.fill.cool{background:repeating-linear-gradient(45deg, var(--blue) 0 7px, #12279c 7px 14px)}.note{font-weight:500}.aside{background:var(--paper);margin:0;padding:18px clamp(16px,2.4vw,22px)}.tbl{border:var(--edge);background:var(--paper)}.tbl th{background:var(--ink);color:var(--paper);font-weight:800}.tbl td{border-top:var(--edge)}.tbl td:first-child{border-right:var(--edge);font-weight:700}.trust td:first-child{text-transform:uppercase;letter-spacing:.02em;font-size:.92em}code{background:var(--paper-2);border:1px solid var(--ink);padding:1px 5px;font-size:.88em;font-weight:700}kbd{border:2px solid var(--ink);background:var(--paper-2);padding:0 5px;font-size:.85em;font-weight:700}@media (max-width:640px){.tbl tr+tr{border-top:var(--edge)}.tbl td:first-child{border-right:0}.tbl{padding:0 clamp(12px,3vw,16px)}}.swap{border:var(--edge);background:var(--paper-2);box-shadow:var(--drop)}.row{border:var(--edge);background:var(--paper);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(11px,.66rem + .16vw,12.5px);font-weight:700;transition:background .3s steps(2,end),color .3s steps(2,end)}.row.live{background:var(--ink);color:var(--paper)}.row .mark{background:currentColor;border-radius:0}.row.live .mark{background:var(--red)}.chip{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);font-weight:700}.steps span{text-transform:uppercase;letter-spacing:.06em;opacity:.35;font-weight:800}.steps span.on{opacity:1;color:var(--red)}.hero-in,.nf{text-align:center}.lede,.install,section>p,.aside,footer p{margin-inline:auto}.cta,.steps,.nf-links,h2{justify-content:center}section>p,.card,.fact,.meter,figcaption,footer{text-align:center}.meter-top{justify-content:center;gap:10px}.cmd,.tbl th,.tbl td{text-align:left}.nf{align-items:center}footer{border-top:var(--edge);background:var(--ink);color:var(--paper);margin-top:0}footer a{color:var(--paper)}footer .links a{text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}footer .links a:hover{color:var(--red)}footer :focus-visible{outline-color:var(--paper)}.skip:focus{background:var(--ink);color:var(--paper);border:var(--edge);font-weight:800}.nf{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:78vh;padding-block:clamp(48px,10vw,96px);display:flex}.nf img{border:var(--edge);box-shadow:var(--drop);margin-bottom:22px}.nf h1{font-size:clamp(30px,1.4rem + 4.2vw,66px)}.nf p{max-width:46ch;font-weight:500}.nf-links{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}@media print{nav,#progress,.decor,.copy,.demo-toggle,.steps,.skip{display:none!important}body{background:#fff}.btn,.card,.fact,.meter,.install,.frame,.swap,.tbl,.badge,.chip,.ico{box-shadow:none!important}.facts,.cards,.meters{background:var(--ink)}.reveal{opacity:1!important;animation:none!important;transform:none!important}footer{color:var(--ink);background:#fff}footer a{color:var(--ink)}section{padding-top:26px}section,.card,.meter,.swap,.tbl,figure{break-inside:avoid}a[href^=http]:after{content:" (" attr(href) ")";font-size:10px;font-weight:400}}}