@font-face{font-family:'Space Grotesk';src:url('../assets/fonts/SpaceGrotesk-Regular.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('../assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-weight:400 600;font-display:swap}
@font-face{font-family:'Archivo Condensed';src:url('../assets/fonts/ArchivoCondensed-Bold.ttf') format('truetype');font-weight:700 800;font-display:swap}
@font-face{font-family:'Archivo SemiCondensed';src:url('../assets/fonts/ArchivoCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@media(prefers-color-scheme:dark){html:not([data-theme]){--bg:#231913;--paper:#2C2019;--card:#30241C;--side:#4A372B;--ink:#F3E6CC;--rule:rgba(255,248,232,.07);--rule2:rgba(255,248,232,.24);--sage:#AAB396;--sage-bg:#383E2B;--amber:#E2AE4C;--rust:#E48B67;--rust-bg:#4A2A1E;--shadow:#0E0906;--code-bg:#140E0A;--code-fg:#F3E6CC;--dim:rgba(0,0,0,.62)}}
body{margin:0}
/* Field Notebook tokens: light is the default, .dark swaps the ground and ink */
:root{--bg:#FFF8E8;--paper:#F7EED3;--card:#FFFCF3;--side:#E8D7B9;--ink:#674636;--rule:rgba(103,70,54,.13);--rule2:rgba(103,70,54,.34);--sage:#AAB396;--sage-bg:#E5E8D3;--amber:#D19B32;--rust:#A2432A;--rust-bg:#F5DDCF;--shadow:#674636;--code-bg:#4A3226;--code-fg:#FFF8E8;--dim:rgba(58,38,28,.55)}
html[data-theme="dark"] :root{--bg:#231913;--paper:#2C2019;--card:#30241C;--side:#4A372B;--ink:#F3E6CC;--rule:rgba(255,248,232,.07);--rule2:rgba(255,248,232,.24);--sage:#AAB396;--sage-bg:#383E2B;--amber:#E2AE4C;--rust:#E48B67;--rust-bg:#4A2A1E;--shadow:#0E0906;--code-bg:#140E0A;--code-fg:#F3E6CC;--dim:rgba(0,0,0,.62)}
.vq a{color:var(--ink);text-underline-offset:4px;text-decoration-thickness:2px}
.vq a:hover{text-decoration-thickness:3px}
.vq a:focus-visible,.vq button:focus-visible,.vq input:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.vq h1,.vq h2,.vq h3,.vq p{margin:0}
.vq ul{margin:0;padding:0;list-style:none}
.mono{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace}
.cond{font-family:'Archivo Condensed','Arial Narrow',sans-serif;font-weight:700;letter-spacing:-.005em;line-height:.95}
.lbl{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.sheet{background:var(--card);border:3px solid var(--ink);border-radius:20px;box-shadow:8px 8px 0 var(--shadow);box-sizing:border-box}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;box-sizing:border-box;border:3px solid var(--ink);border-radius:14px;font-family:'Archivo Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:19px;text-decoration:none!important;box-shadow:4px 4px 0 var(--shadow);cursor:pointer}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--shadow)}
.btn-pri{background:var(--ink);color:var(--bg)!important}
.btn-sec{background:var(--card);color:var(--ink)}
.code{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.86em;font-weight:500;padding:1px 7px;border:2px solid var(--ink);border-radius:7px;background:var(--card);white-space:nowrap}
.graph{background-image:linear-gradient(var(--rule) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--rule) 1.5px,transparent 1.5px);background-size:24px 24px}
.ruled{background-image:repeating-linear-gradient(to bottom,transparent 0 39px,var(--rule2) 39px 40px)}
/* isometric illustration faces */
.iso path,.iso ellipse{stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round}
.iso .it{fill:var(--card)}.iso .il{fill:var(--paper)}.iso .ir{fill:var(--side)}
.iso .iscr{fill:var(--bg)}.iso .idot{fill:var(--ink);stroke:none}
.iso .iring{fill:none}.iso .iring2{fill:var(--paper)}.iso .ispoke{stroke-width:6;stroke-linecap:round}.iso .iline{stroke-width:2.5}
/* hero dial */
.dl-knob{fill:var(--card);stroke:var(--ink);stroke-width:3.5}
.vq-spin{transform-box:fill-box;transform-origin:center;animation:vq-spin 90s linear infinite}
@keyframes vq-spin{to{transform:rotate(360deg)} }
@media (prefers-reduced-motion:reduce){.vq-spin{animation:none} }
/* product mockups */
.ph{width:300px;height:620px;box-sizing:border-box;padding:24px 11px 11px;background:var(--card);border:3px solid var(--ink);border-radius:42px;box-shadow:12px 12px 0 var(--shadow);position:relative;flex-shrink:0}
.ph-slot{position:absolute;left:120px;top:9px;width:54px;height:6px;border-radius:3px;background:var(--ink)}
.scr{position:relative;height:100%;box-sizing:border-box;border:2px solid var(--ink);border-radius:30px;background:var(--bg);overflow:hidden;font-size:14px}
.mfield{display:flex;align-items:center;gap:8px;height:40px;box-sizing:border-box;padding:0 10px;border:2px solid var(--ink);border-radius:10px;background:var(--card);font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13px;color:var(--ink)}
.mfield input{flex:1;min-width:0;border:0;background:transparent;font:inherit;color:inherit;padding:0}
.mlab{display:block;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
.ibtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:2px solid var(--ink);border-radius:8px;background:var(--card);color:var(--ink);cursor:pointer}
.tile{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:2px solid var(--ink);border-radius:9px;background:var(--paper);font-family:'Archivo Condensed',sans-serif;font-weight:700;font-size:15px}
.badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid var(--ink);border-radius:16px;background:var(--sage-bg)}

.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}

html{scroll-behavior:smooth}*{min-width:0}*,*::before,*::after{box-sizing:border-box}body{background:var(--bg)}
.vq{width:100%;min-height:100vh;height:auto!important;overflow:visible!important}
.vq>header,.vq>section,.vq>footer{padding-left:clamp(16px,8.333vw,120px)!important;padding-right:clamp(16px,8.333vw,120px)!important}
.vq>header{gap:20px}.vq>section{max-width:100%}
.theme-toggle,.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:3px solid var(--ink);border-radius:12px;background:var(--card);color:var(--ink);font:700 15px 'Archivo Condensed',sans-serif;cursor:pointer}
.nav-actions{display:flex;align-items:center;gap:12px}.menu-toggle{display:none}
.theme-logo--dark{display:none}html[data-theme=dark] .theme-logo--light{display:none}html[data-theme=dark] .theme-logo--dark{display:inline-block}
@media(prefers-color-scheme:dark){html:not([data-theme]) .theme-logo--light{display:none}html:not([data-theme]) .theme-logo--dark{display:inline-block}}
.brand-lockup{display:block;height:auto}
.hero-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.tour-browser{max-width:100%;width:100%!important}.tour-row{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr)!important}.tour-phones{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tour-phones>.ph{max-width:100%}
.code-block{overflow:auto;white-space:pre-wrap!important;overflow-wrap:anywhere}.security-sheet{padding-left:clamp(28px,9.4vw,136px)!important;padding-right:clamp(20px,5vw,72px)!important}
.mockup button,.mockup input{pointer-events:none}.mockup button{cursor:default}.vq svg[aria-hidden=true]{pointer-events:none}
.vq .mono{overflow-wrap:anywhere}.vq a:focus-visible,.vq button:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
@media(max-width:1100px){.main-nav{gap:18px!important}.nav-github{display:none!important}.hero-section{gap:32px!important}.tour-row{grid-template-columns:1fr!important}.tour-phones{gap:20px!important}.how-steps{margin-top:36px!important}.how-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.security-sheet .spec-columns{gap:24px!important}}
@media(max-width:760px){.vq>header{min-height:68px;padding-top:8px!important;padding-bottom:8px!important;flex-wrap:wrap}.menu-toggle{display:inline-flex}.main-nav{display:none!important;order:3;width:100%;flex-direction:column;gap:0!important;padding:8px 0 12px}.main-nav.is-open{display:flex!important}.main-nav a{padding:10px 0}.nav-actions{margin-left:auto}.brand-lockup{width:135px}.vq>section{padding-top:48px!important;padding-bottom:56px!important}.hero-section{display:flex!important;flex-direction:column;gap:22px!important;padding-top:40px!important}.hero-section>div:first-child{gap:20px!important}.hero-section h1{font-size:clamp(54px,16.4vw,64px)!important}.hero-section h1 br{display:none}.hero-section p{font-size:18px!important}.hero-ctas{flex-direction:column}.hero-card{height:auto!important;min-height:290px;padding:44px 20px 28px!important}.hero-mark{width:min(72%,240px)}.vq h2{font-size:clamp(42px,12vw,54px)!important}.vq h3.cond{font-size:30px!important}.promise-grid,.host-grid,.feature-grid,.spec-columns,.underhood,.source-limits{grid-template-columns:1fr!important}.promise-grid,.feature-grid{gap:20px!important}.promise-grid{margin-top:28px!important}.promise-grid>.sheet{padding:24px!important;gap:14px!important}.how-steps{grid-template-columns:1fr!important;gap:20px!important}.tour-head{display:block!important}.tour-head>p{text-align:left!important;margin-top:16px!important}.tour-row{margin-top:32px!important;gap:24px!important}.tour-browser{height:400px!important;transform:none!important}.tour-browser .mockup{transform:scale(.73);transform-origin:top left;width:820px}.tour-phones{grid-template-columns:1fr!important;justify-items:center;margin-top:44px!important;gap:54px!important}.tour-phones>.ph{width:300px}.host-grid{margin-top:28px!important}.host-grid>.sheet{padding:24px!important}.feature-grid{margin-top:28px!important}.security-sheet{padding:32px 20px 32px 40px!important}.security-sheet>.margin-line,.security-sheet>.punch-hole{display:none!important}.security-sheet>div:first-of-type{display:block!important}.security-sheet .spec-rev{display:none}.security-sheet .spec-columns{margin-top:28px!important}.security-sheet .underhood{gap:0!important}.security-sheet .security-cta{flex-direction:column;align-items:flex-start!important}.source-limits{gap:28px!important}.source-limits>.sheet{padding:28px!important}.vq>footer{padding-top:48px!important;padding-bottom:48px!important}.vq>footer>div{flex-direction:column;gap:24px!important}.vq>footer nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vq>footer .footer-bottom{align-items:flex-start!important}.vq>footer .footer-bottom p{text-align:left!important}.code{white-space:normal}}
@media(max-width:390px){.nav-actions{gap:6px}.theme-toggle{font-size:12px;min-width:42px}.menu-toggle{min-width:42px}.brand-lockup{width:118px}.vq .btn{padding:0 14px}.hero-section h1{font-size:54px!important}.security-sheet{padding-left:20px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
html[data-theme=dark]{--bg:#231913;--paper:#2C2019;--card:#30241C;--side:#4A372B;--ink:#F3E6CC;--rule:rgba(255,248,232,.07);--rule2:rgba(255,248,232,.24);--sage:#AAB396;--sage-bg:#383E2B;--amber:#E2AE4C;--rust:#E48B67;--rust-bg:#4A2A1E;--shadow:#0E0906;--code-bg:#140E0A;--code-fg:#F3E6CC;--dim:rgba(0,0,0,.62)}
.vq>main>section{padding-left:clamp(16px,8.333vw,120px)!important;padding-right:clamp(16px,8.333vw,120px)!important;max-width:100%}
@media(max-width:760px){.vq>main>section{padding-top:48px!important;padding-bottom:56px!important}.vq>main>.hero-section{padding-top:40px!important}}
@media(max-width:760px){.vq>header,.vq>main>section,.vq>footer{padding-left:16px!important;padding-right:16px!important}.hero-section h1 br{display:initial!important}.hero-section h1{font-size:clamp(54px,16.4vw,64px)!important}.hero-card{min-height:300px!important}.hero-card .hero-mark-wrap img{width:min(100%,220px)!important}}
@media(max-width:350px){.hero-section h1{font-size:50px!important}.brand-lockup{width:100px}.theme-toggle{font-size:11px}}
@media(max-width:760px){.vq>main>.hero-section{align-items:stretch!important}.vq>main>.hero-section .hero-card{width:100%}.vq>main>.hero-section .hero-mark-wrap img{width:min(100%,220px)!important}}

/* Type and spacing scale */
.vq>header{height:76px!important}
.main-nav a{font-size:16px!important}
.vq>main>section{padding-top:clamp(56px,7vw,88px)!important;padding-bottom:clamp(56px,7vw,88px)!important}
.hero-section{gap:clamp(24px,3vw,40px)!important}
.hero-section h1{font-size:clamp(48px,6.2vw,88px)!important}
.hero-section p{font-size:clamp(16px,1.4vw,19px)!important}
.vq h2.cond{font-size:clamp(36px,4.4vw,58px)!important}
.vq h3.cond{font-size:clamp(26px,2.5vw,32px)!important}
.vq .how-steps .cond{font-size:clamp(32px,3vw,44px)!important}
.promise-grid,.how-steps,.host-grid{gap:clamp(20px,2.4vw,28px)!important}
.promise-grid>.sheet,.host-grid>.sheet{padding:clamp(24px,2.4vw,28px)!important}
.promise-grid p,.host-grid p{font-size:clamp(16px,1.2vw,17px)!important}
.hero-card{height:clamp(360px,38vw,470px)!important}
.hero-card .hero-dial{display:block;width:100%;max-width:380px;height:auto;margin:auto}
.tour-row{gap:clamp(20px,2.4vw,28px)!important}
.tour-browser{height:clamp(390px,38vw,500px)!important;transform:none!important}
.tour-phones{gap:clamp(20px,2.4vw,28px)!important;margin-top:clamp(56px,7vw,88px)!important}
.tour-phones>.ph{width:100%;max-width:300px;height:auto;aspect-ratio:300/620}

/* How it works diagram */
.how-diagram{display:grid;grid-template-columns:minmax(0,1fr) clamp(32px,4vw,54px) minmax(0,.31fr);align-items:end;width:100%;margin-top:clamp(36px,4vw,56px)}
.how-device-group{border:2.5px dashed var(--ink);border-radius:26px;padding:16px 14px 20px;min-width:0}
.how-server-group{padding:16px 0 20px;min-width:0}
.how-group-label{margin-bottom:18px;text-align:left}
.how-device-flow{display:grid;grid-template-columns:minmax(0,1fr) clamp(32px,4vw,54px) minmax(0,1fr) clamp(32px,4vw,54px) minmax(0,1fr);align-items:stretch}
.how-sheet{min-width:0;height:clamp(260px,23vw,310px);padding:clamp(12px,1.3vw,20px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;text-align:center;box-shadow:6px 6px 0 var(--shadow)}
.how-art{display:flex;align-items:center;justify-content:center;min-height:0}
.how-art .iso{display:block;width:100%;max-width:170px;height:auto;max-height:100%}
.how-copy{min-height:72px;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:4px}
.how-copy .cond{font-size:clamp(21px,2vw,26px);line-height:1}
.how-copy .mono{font-size:12px;line-height:1.4}
.how-arrow{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0}
.how-arrow .mono{font-size:12px;text-align:center}
.how-arrow svg{width:80%;height:12px;overflow:visible;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1100px){.how-server-group .how-sheet{height:clamp(260px,23vw,310px)}}
@media(min-width:760px) and (max-width:1099px){
 .how-diagram{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:stretch}
 .how-device-group{grid-column:1/-1}
 .how-device-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .how-device-flow>.how-sheet:nth-of-type(5){grid-column:1}
 .how-device-flow>.how-arrow{display:none}
 .how-diagram>.how-arrow{display:none}
 .how-server-group{grid-column:2;grid-row:2;padding:0}
 .how-device-group .how-sheet,.how-server-group .how-sheet{height:280px}
}
@media(max-width:759px){
 .vq>main>section{padding-top:48px!important;padding-bottom:56px!important}
 .hero-section h1{font-size:clamp(48px,13vw,58px)!important}
 .vq h2.cond{font-size:clamp(36px,10vw,48px)!important}
 .vq h3.cond{font-size:clamp(26px,7vw,30px)!important}
 .hero-card{height:clamp(300px,90vw,360px)!important;min-height:0!important}
 .hero-card .hero-dial{max-width:260px}
 .how-diagram{display:flex;flex-direction:column;align-items:stretch;gap:12px}
 .how-device-group{padding:16px 20px 22px}
 .how-device-flow{display:flex;flex-direction:column;gap:12px}
 .how-sheet{height:250px;padding:16px}
 .how-art .iso{max-width:170px}
 .how-arrow{min-height:48px}
 .how-arrow svg{width:40px;transform:rotate(90deg)}
 .how-server-group{padding:0 20px 20px}
 .tour-browser{height:400px!important}
}

/* Match the proportions and heading face of the supplied marketing layout. */
@font-face{font-family:'Archivo';src:url('../assets/fonts/Archivo-Variable.woff2') format('woff2');font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap}
.cond{font-family:'Archivo','Arial Narrow',sans-serif;font-stretch:72%;font-weight:800}
.btn{font-family:'Archivo','Arial Narrow',sans-serif;font-stretch:82%;font-weight:700}
.tile{font-family:'Archivo',sans-serif;font-stretch:80%;font-weight:800}
.wordmark .brand-lockup{width:200px}
.footer-wordmark .brand-lockup{width:240px}
@media(max-width:760px){.wordmark .brand-lockup{width:160px}.footer-wordmark .brand-lockup{width:210px}}
@media(max-width:350px){.wordmark .brand-lockup{width:130px}}
@media(min-width:1200px){
 .vq>header{height:96px!important}
 .main-nav a{font-size:17px!important}
 .vq>header,.vq>main>section,.vq>footer{padding-left:max(96px,calc((100vw - 1100px)/2))!important;padding-right:max(96px,calc((100vw - 1100px)/2))!important}
 .vq>main>section{padding-top:96px!important;padding-bottom:96px!important}
 .vq>main>.hero-section{padding-top:88px!important;padding-bottom:88px!important}
 .hero-section{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important;gap:52px!important}
 .hero-section h1{font-size:clamp(88px,7.25vw,104px)!important}
 .hero-section p{font-size:20px!important}
 .hero-card{height:480px!important;padding:36px!important}
 .hero-card .hero-dial{max-width:310px}
 .vq h2.cond{font-size:clamp(58px,5vw,70px)!important}
 .vq #sec-h{font-size:clamp(76px,6.4vw,92px)!important}
 .source-limits h2.cond{font-size:64px!important}
 .vq h3.cond{font-size:36px!important}
 .vq h3.cond[style*="font-size: 44px"]{font-size:42px!important}
 .vq h3.cond[style*="font-size: 32px"]{font-size:32px!important}
 .tour-row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)!important;gap:48px!important;margin-top:56px!important}
 .tour-browser{height:520px!important;transform:none!important}
 .tour-phones{margin-top:72px!important}
 .how-intro{display:grid!important;grid-template-columns:minmax(0,1.9fr) minmax(220px,.8fr);align-items:end!important;gap:40px!important}
 .how-intro h2{font-size:60px!important}
 .how-diagram{margin-top:48px}
 .how-steps{margin-top:48px!important}
 .promise-grid{gap:28px!important;margin-top:48px!important}
 .promise-grid>.sheet{padding:30px!important}
 .promise-grid p,.host-grid p{font-size:18px!important}
 .host-grid{gap:28px!important;margin-top:48px!important}
 .feature-grid{margin-top:48px!important}
 .spec-columns{margin-top:48px!important}
}
@media(min-width:761px) and (max-width:1199px){.hero-card .hero-dial{max-width:310px}}

/* Usability refinements for the live page. */
html{scroll-padding-top:24px}
html[data-theme=dark]{color-scheme:dark}
@media(prefers-color-scheme:dark){html:not([data-theme]){color-scheme:dark}}
.vq h1,.vq h2,.vq h3{text-wrap:balance}
.vq :target{scroll-margin-top:24px}
.vq a,.vq button{touch-action:manipulation}
.skip-link{position:absolute;z-index:20;top:12px;left:12px;padding:12px 16px;border:3px solid var(--ink);border-radius:12px;background:var(--card);color:var(--ink);font-weight:700;text-decoration:none;transform:translateY(-160%)}
.skip-link:focus-visible{transform:translateY(0);outline:3px solid var(--amber);outline-offset:3px}
.btn,.theme-toggle,.menu-toggle{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--shadow)}
.theme-toggle:hover,.menu-toggle:hover{background:var(--sage-bg)}
.menu-icon{display:block;position:relative;width:18px;height:14px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
.menu-icon::before,.menu-icon::after{content:"";position:absolute;left:0;top:5px;width:18px;border-top:2px solid currentColor}
.menu-icon::after{opacity:0}
.menu-toggle[aria-expanded=true] .menu-icon{border-color:transparent}
.menu-toggle[aria-expanded=true] .menu-icon::before{transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-icon::after{opacity:1;transform:rotate(-45deg)}
.vq-spin{animation-play-state:paused}
.hero-card:hover .vq-spin{animation-play-state:running}
@media(max-width:760px){
 .vq>header,.vq>main>section,.vq>footer{padding-left:20px!important;padding-right:20px!important}
 .how-intro{display:block!important}
 .how-intro>p{margin-top:20px!important;max-width:42ch!important}
 .tour-browser{height:480px!important}
 .tour-browser .mockup{display:none!important}
 .tour-browser .browser-popup{left:50%!important;right:auto!important;top:12px!important;width:min(464px,calc(100% - 24px))!important;height:calc(100% - 24px)!important;transform:translateX(-50%)}
 .tour-browser .browser-columns{grid-template-columns:minmax(0,1fr)!important}
 .tour-browser .browser-sidebar{display:none!important}
 .tour-browser .browser-popup .btn{font-size:clamp(13px,3.8vw,17px)!important}
 .underhood>div{height:auto!important;min-height:44px;flex-wrap:wrap;gap:4px 12px}
 .source-limits a{max-width:100%;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.btn,.theme-toggle,.menu-toggle{transition:none}}
.faq-section summary::marker{color:var(--ink)}
.faq-section summary:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.faq-section a{text-decoration:underline}
@media(max-width:760px){.vq>main>section.setup-section .how-steps{grid-template-columns:1fr!important}.faq-section summary{font-size:18px!important}}