:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-sidebar:var(--lightningcss-light,#dce1e8)var(--lightningcss-dark,#14161a);--bg-canvas:var(--lightningcss-light,#fcfcfd)var(--lightningcss-dark,#1d2026);--bg-surface:var(--lightningcss-light,#eff1f5)var(--lightningcss-dark,#252930);--bg-elevated:var(--lightningcss-light,#e5e8ee)var(--lightningcss-dark,#2d323a);--bg-raised:var(--lightningcss-light,#fdfdff)var(--lightningcss-dark,#22262d);--state-hover:var(--lightningcss-light,#0e14200d)var(--lightningcss-dark,#ffffff0b);--state-active:var(--lightningcss-light,#0e142014)var(--lightningcss-dark,#ffffff13);--state-selected:var(--lightningcss-light,#0e14201b)var(--lightningcss-dark,#ffffff17);--state-strong:var(--lightningcss-light,#0e142030)var(--lightningcss-dark,#ffffff29);--state-line:var(--lightningcss-light,#0e142007)var(--lightningcss-dark,#ffffff0b);--hairline:var(--lightningcss-light,#1016221c)var(--lightningcss-dark,#bec8dc1a);--ring:var(--lightningcss-light,#1016221c)var(--lightningcss-dark,#0000);--text-primary:var(--lightningcss-light,#12141a)var(--lightningcss-dark,#e7ece8);--text-body:var(--lightningcss-light,#1f232a)var(--lightningcss-dark,#d3dad6);--text-secondary:var(--lightningcss-light,#484e58)var(--lightningcss-dark,#bac4bf);--text-muted:var(--lightningcss-light,#5d636e)var(--lightningcss-dark,#8b9691);--link-underline:var(--lightningcss-light,#12141a61)var(--lightningcss-dark,#f2f3f55c);--link-underline-hover:var(--lightningcss-light,#12141ad1)var(--lightningcss-dark,#f2f3f5d9);--caret:var(--lightningcss-light,#0a0c10)var(--lightningcss-dark,#f8f9fb);--accent-positive:var(--lightningcss-light,#1a7f37)var(--lightningcss-dark,#3fb950);--accent-negative:var(--lightningcss-light,#c9372c)var(--lightningcss-dark,#f85149);--accent-warning:var(--lightningcss-light,#8a6100)var(--lightningcss-dark,#d29922);--status-neutral:var(--text-secondary);--status-amber:var(--accent-warning);--status-violet:var(--lightningcss-light,#6f42c1)var(--lightningcss-dark,#b083f6);--status-green:var(--accent-positive);--status-red:var(--accent-negative);--status-muted:var(--text-muted);--danger-fill:var(--lightningcss-light,#c42b1c)var(--lightningcss-dark,#b8342b);--text-on-danger:#f4f5f7;--selection-bg:var(--lightningcss-light,#10162229)var(--lightningcss-dark,#fff3);--icon-frost:#8ea3b5;--icon-frost-active:#a9bccc;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Cascadia Mono", Consolas, monospace;--font-prose:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius-chip:5px;--radius-control:8px;--radius-surface:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow-cast:var(--lightningcss-light,#10162229)var(--lightningcss-dark,#00000080);--shadow-contact:var(--lightningcss-light,#10162217)var(--lightningcss-dark,#0000005c);--shadow-float:0 14px 36px var(--shadow-cast), 0 2px 6px var(--shadow-contact);--scrim:var(--lightningcss-light,#161b2452)var(--lightningcss-dark,#0404049e);--motion-fast:.12s ease-out;--motion-panel:.18s ease-out}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=quiet]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-glass:0;--bg-sidebar:#191919;--bg-canvas:#202020;--bg-surface:#252525;--bg-elevated:#292929;--bg-raised:#232323;--chrome-glass:#191919b8;--hairline:#ffffff13;--ring:transparent;--glass-edge:transparent;--state-hover:#ffffff0b;--state-active:#ffffff12;--state-selected:#ffffff16;--state-strong:#ffffff29;--state-line:#ffffff08;--text-primary:#e4e4e4;--text-body:#d2d2d2;--text-secondary:#969696;--text-muted:#7a7a7a;--status-neutral:var(--text-secondary);--status-amber:var(--accent-warning);--status-violet:var(--lightningcss-light,#6f42c1)var(--lightningcss-dark,#b083f6);--status-green:var(--accent-positive);--status-red:var(--accent-negative);--status-muted:var(--text-muted)}:root[data-theme=quiet-light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-glass:0;--bg-sidebar:#efefef;--bg-canvas:#fdfdfd;--bg-surface:#f4f4f4;--bg-elevated:#ebebeb;--bg-raised:#fff;--chrome-glass:#efefefcc;--hairline:#00000017;--ring:#00000014;--glass-edge:#fff6;--state-hover:#0000000b;--state-active:#00000012;--state-selected:#00000016;--state-strong:#0000002b;--state-line:#00000006;--text-primary:#161616;--text-body:#262626;--text-secondary:#5c5c5c;--text-muted:#676767;--status-neutral:var(--text-secondary);--status-amber:var(--accent-warning);--status-violet:var(--lightningcss-light,#6f42c1)var(--lightningcss-dark,#b083f6);--status-green:var(--accent-positive);--status-red:var(--accent-negative);--status-muted:var(--text-muted)}:root{--page:var(--lightningcss-light,var(--bg-canvas))var(--lightningcss-dark,var(--bg-sidebar));--lifted:var(--lightningcss-light,var(--bg-sidebar))var(--lightningcss-dark,var(--bg-canvas));--field:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--bg-canvas));--field-ring:var(--state-strong);--button-fill:var(--text-primary);--button-text:var(--page);--content-width:1120px}*,:before,:after{box-sizing:border-box}html{background:var(--page);color:var(--text-body);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.6}body{background:var(--page);min-height:100vh;margin:0}::selection{background:var(--selection-bg)}a{color:inherit}h1,h2,h3{color:var(--text-primary);margin:0;font-weight:600}p{text-wrap:pretty;margin:0}h1,h2,.lede{text-wrap:balance}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--text-secondary);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 24px}.wordmark{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.wordmark-glyph{flex:0 0 22px;width:22px;height:22px}.wordmark-glyph rect{fill:var(--text-primary)}.wordmark-glyph path{stroke:var(--page)}.button{border-radius:var(--radius-control);white-space:nowrap;cursor:pointer;height:40px;transition:background var(--motion-fast), opacity var(--motion-fast), box-shadow var(--motion-fast);border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.button[disabled],.button[aria-disabled=true]{cursor:default;opacity:.45}.button[aria-disabled=true]{pointer-events:none}.button-primary{background:var(--button-fill);color:var(--button-text)}.button-primary:not([disabled]):hover{opacity:.86}.button-secondary{color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--field-ring);background:0 0}.button-secondary:not([disabled]):hover{background:var(--state-hover)}.button-quiet{height:32px;color:var(--text-secondary);background:0 0;padding:0 10px}.button-quiet:hover{background:var(--state-hover);color:var(--text-primary)}.button-danger{color:var(--accent-negative);box-shadow:inset 0 0 0 1px var(--field-ring);background:0 0}.button-danger:hover{background:var(--state-hover)}.button-large{height:46px;padding:0 22px;font-size:15px}.button-block{width:100%}.button-google{gap:12px}.button-google svg{width:18px;height:18px}.site-header{z-index:10;background:var(--page);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:64px;display:flex}.site-nav{align-items:center;gap:4px;display:flex}.site-nav a.nav-link{border-radius:var(--radius-control);color:var(--text-secondary);padding:8px 12px;font-size:14px;text-decoration:none}.site-nav a.nav-link:hover,.site-nav a.nav-link[aria-current=page]{color:var(--text-primary)}.site-nav .button{height:34px;margin-left:8px;padding:0 14px}.site-footer{box-shadow:inset 0 1px 0 var(--hairline);color:var(--text-muted);margin-top:160px;padding:40px 0 56px;font-size:13px}.site-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-links{flex-wrap:wrap;gap:20px;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--text-primary)}.theme-switch{border-radius:var(--radius-control);box-shadow:inset 0 0 0 1px var(--hairline);gap:2px;padding:2px;display:inline-flex}.theme-switch button{height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:12px}.theme-switch button[aria-pressed=true]{background:var(--state-selected);color:var(--text-primary)}.hero{text-align:center;padding:112px 0 72px}.eyebrow{color:var(--text-muted);letter-spacing:.01em;margin-bottom:28px;font-size:13px;display:inline-block}.hero h1{letter-spacing:-.038em;max-width:13em;margin:0 auto;font-size:clamp(40px,6.4vw,68px);line-height:1.04}.lede{max-width:34em;color:var(--text-secondary);margin:28px auto 0;font-size:clamp(16px,1.6vw,19px);line-height:1.6}.hero-audience{color:var(--text-muted);margin-top:14px;font-size:15px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.hero-note{color:var(--text-muted);margin-top:18px;font-size:13px}.hero-note a{color:var(--text-secondary);text-underline-offset:3px;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline)}.hero-note a:hover{color:var(--text-primary)}.panel .download-next{margin:0}.showcase{padding:24px 0 0}.section{padding-top:152px}.section-head{max-width:38em;margin-bottom:56px}.section-head h2{letter-spacing:-.028em;font-size:clamp(28px,3.4vw,40px);line-height:1.12}.section-head p{color:var(--text-secondary);margin-top:16px;font-size:17px}.points{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 64px;display:grid}.point{box-shadow:inset 0 1px 0 var(--hairline);padding-top:20px}.point h3{letter-spacing:-.01em;font-size:16px}.point p{max-width:30em;color:var(--text-secondary);margin-top:8px}.points-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px}.shot{margin:0}.shot img{border-radius:var(--radius-surface);width:100%;height:auto;box-shadow:0 0 0 1px var(--hairline), 0 40px 80px -24px var(--shadow-cast);display:block}.shot figcaption{color:var(--text-muted);margin-top:14px;font-size:13px}.shot+.points{margin-top:72px}.umbrella{text-align:center;padding-top:136px}.umbrella h2{letter-spacing:-.032em;font-size:clamp(30px,4vw,48px);line-height:1.08}.umbrella-lede{max-width:34em;color:var(--text-secondary);margin:18px auto 0;font-size:17px}.umbrella-pair{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:980px;margin:44px auto 0;display:grid}.umbrella-card{border-radius:var(--radius-surface);box-shadow:inset 0 0 0 1px var(--hairline);color:inherit;padding:22px 24px;text-decoration:none;display:block}.umbrella-card:hover{background:var(--state-hover)}.umbrella-card h3{font-size:16px}.umbrella-card p{color:var(--text-secondary);margin-top:6px}.points-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 32px}.mq-demo+.points,.mq-example+.points,.mock+.points{margin-top:72px}.section-actions{flex-direction:column;align-items:flex-start;margin-top:64px;display:flex}.section-actions .download-next{margin:20px 0 0}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none;display:grid}.step{counter-increment:step}.step:before{content:counter(step);color:var(--text-muted);font-variant-numeric:tabular-nums;margin-bottom:18px;font-size:13px;display:block}.step h3{font-size:16px}.step p{color:var(--text-secondary);margin-top:8px}.closing{text-align:center;padding-top:168px}.closing h2{letter-spacing:-.032em;font-size:clamp(30px,4vw,48px)}.closing .hero-actions{margin-top:32px}.mock{border-radius:var(--radius-surface);background:var(--bg-sidebar);box-shadow:0 0 0 1px var(--hairline), 0 40px 80px -24px var(--shadow-cast), 0 8px 24px -12px var(--shadow-contact);color:var(--text-secondary);text-align:left;-webkit-user-select:none;user-select:none;font-size:13px;line-height:1.5;overflow:hidden}.mock-titlebar{height:36px;box-shadow:inset 0 -1px 0 var(--hairline);color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 14px;font-size:12px;display:flex}.mock-controls{gap:16px;display:flex}.mock-controls svg{width:10px;height:10px;stroke:var(--text-muted)}.mock-body{grid-template-columns:44px 232px minmax(0,1fr);height:520px;display:grid}.mock-rail{box-shadow:inset -1px 0 0 var(--hairline);flex-direction:column;align-items:center;gap:14px;padding-top:14px;display:flex}.mock-rail svg{width:17px;height:17px;stroke:var(--text-muted)}.mock-rail svg.on{stroke:var(--text-primary)}.mock-tree{box-shadow:inset -1px 0 0 var(--hairline);padding:12px 8px}.mock-vault{color:var(--text-primary);padding:2px 8px 10px;font-weight:600}.mock-row{min-height:27px;padding:3px 8px;padding-left:calc(8px + var(--depth,0) * 14px);color:var(--text-secondary);white-space:nowrap;border-radius:5px;align-items:center;gap:7px;display:flex}.mock-row.active{background:var(--state-selected);color:var(--text-primary)}.mock-row svg{width:15px;height:15px;stroke:var(--icon-frost);flex:0 0 15px}.mock-row .mark{border-radius:50%;width:6px;height:6px;margin-left:auto}.mark-amber{background:var(--status-amber)}.mark-green{background:var(--status-green)}.mark-violet{background:var(--status-violet)}.mock-note{background:var(--bg-canvas);flex-direction:column;display:flex}.mock-tabs{height:36px;box-shadow:inset 0 -1px 0 var(--hairline);align-items:stretch;padding:0 6px;display:flex}.mock-tab{color:var(--text-muted);align-items:center;padding:0 14px;display:flex}.mock-tab.active{box-shadow:inset 0 -1px 0 var(--text-secondary);color:var(--text-primary)}.mock-page{flex:1;padding:40px 48px 0;overflow:hidden}.mock-prose{max-width:560px;color:var(--text-body);margin:0 auto;font-size:15px;line-height:1.7}.mock-prose h4{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 14px;font-size:26px;font-weight:600;line-height:1.2}.mock-props{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-bottom:22px;font-size:12px;display:flex}.mock-chip{border-radius:var(--radius-chip);height:22px;box-shadow:inset 0 0 0 1px var(--hairline);color:var(--text-secondary);align-items:center;gap:6px;padding:0 8px;display:inline-flex}.mock-chip .mark{border-radius:50%;width:6px;height:6px}.mock-prose p+p{margin-top:12px}.mock-prose ul{margin:14px 0 0;padding:0;list-style:none}.mock-prose li{align-items:baseline;gap:10px;padding:2px 0;display:flex}.mock-check{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--text-muted);border-radius:4px;flex:0 0 14px;position:relative;top:2px}.mock-check.done{background:var(--text-secondary);box-shadow:none}.mock-prose li.done span:last-child{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline)}.mock-caret{width:0;display:inline-block;position:relative}.mock-caret:before{content:"";background:var(--text-secondary);width:1.5px;height:1.25em;position:absolute;bottom:-3px;left:1px}.mock-caret:after{content:attr(data-who);background:var(--text-secondary);color:var(--bg-canvas);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:500;line-height:1.5;position:absolute;bottom:1.15em;left:1px}.mock-statusbar{height:28px;box-shadow:inset 0 1px 0 var(--hairline);background:var(--bg-sidebar);color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 14px;font-size:12px;display:flex}.mock-sync{align-items:center;gap:7px;display:inline-flex}.mock-sync:before{content:"";background:var(--accent-positive);border-radius:50%;width:6px;height:6px}.flow{flex-direction:column;min-height:100vh;display:flex}.flow-header{justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.flow-main{flex:1;width:100%;max-width:440px;margin:0 auto;padding:10vh 24px 80px}.flow-step{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-bottom:18px;font-size:13px}.flow-main h1{letter-spacing:-.028em;font-size:30px;line-height:1.15}.flow-main .flow-lede{color:var(--text-secondary);margin-top:12px}.flow-body{flex-direction:column;gap:22px;margin-top:36px;display:flex}.flow-fine{color:var(--text-muted);margin-top:28px;font-size:13px;line-height:1.55}.flow-fine a{color:var(--text-secondary);text-underline-offset:3px;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline)}.flow-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.divider{color:var(--text-muted);align-items:center;gap:14px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--hairline);flex:1;height:1px}.flow-body.tight,.flow-fine.tight{margin-top:0}.fieldset{border:0;margin:0;padding:0}.fieldset legend{margin-bottom:8px;padding:0}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--text-primary);justify-content:space-between;align-items:baseline;font-size:14px;font-weight:500;display:flex}.field-optional{color:var(--text-muted);font-size:13px;font-weight:400}.field-hint{color:var(--text-muted);font-size:13px}.input,.textarea{border-radius:var(--radius-control);background:var(--field);width:100%;box-shadow:inset 0 0 0 1px var(--field-ring);color:var(--text-primary);transition:box-shadow var(--motion-fast);border:0}.input{height:42px;padding:0 14px}.textarea{resize:vertical;min-height:108px;padding:11px 14px;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.textarea:focus{box-shadow:inset 0 0 0 1px var(--text-secondary), 0 0 0 3px var(--state-selected);outline:none}.input-mono{font-family:var(--font-mono);font-size:12.5px}.input[readonly]{color:var(--text-secondary)}.dev-toggle{color:var(--text-muted);align-self:center;font-size:13px}.input-with-button{gap:8px;display:flex}.input-with-button .input{flex:1;min-width:0}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{position:relative}.choice input{opacity:0;pointer-events:none;position:absolute}.choice span{border-radius:var(--radius-control);height:36px;box-shadow:inset 0 0 0 1px var(--hairline);color:var(--text-secondary);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--motion-fast), box-shadow var(--motion-fast);align-items:center;padding:0 14px;font-size:14px;display:inline-flex}.choice span:hover{background:var(--state-hover)}.choice input:checked+span{background:var(--state-selected);box-shadow:inset 0 0 0 1px var(--field-ring);color:var(--text-primary)}.choice input:focus-visible+span{outline:2px solid var(--text-secondary);outline-offset:2px}.check{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.check input{width:16px;height:16px;accent-color:var(--text-primary);margin:3px 0 0}.check-text{flex-direction:column;gap:2px;display:flex}.check-text strong{color:var(--text-primary);font-size:14px;font-weight:500}.check-text span{color:var(--text-muted);font-size:13px}.error{color:var(--accent-negative);font-size:13px}.saved{color:var(--accent-positive);font-size:13px}.portal{background:var(--page);grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.portal-side{background:var(--bg-sidebar);box-shadow:inset -1px 0 0 var(--hairline);flex-direction:column;gap:24px;padding:18px 12px;display:flex}.portal-side .wordmark{padding:4px 8px}.portal-org{padding:0 8px}.portal-org-name{color:var(--text-primary);font-weight:600}.portal-org-role{color:var(--text-muted);font-size:12px}.portal-nav{flex-direction:column;gap:2px;display:flex}.portal-nav a{height:32px;color:var(--text-secondary);border-radius:6px;align-items:center;gap:10px;padding:0 10px;font-size:14px;text-decoration:none;display:flex}.portal-nav a:hover{background:var(--state-hover);color:var(--text-primary)}.portal-nav a[aria-current=page]{background:var(--state-selected);color:var(--text-primary)}.portal-nav .nav-soon{color:var(--text-muted);margin-left:auto;font-size:11px}.portal-nav svg{width:16px;height:16px;stroke:var(--icon-frost)}.portal-side-foot{color:var(--text-muted);margin-top:auto;padding:0 8px;font-size:12px}.portal-side-foot .who{color:var(--text-secondary);font-size:13px}.portal-side-foot .button-quiet{margin-left:-10px}.portal-main{width:100%;max-width:880px;padding:48px 56px 96px}.portal-main h1{letter-spacing:-.024em;font-size:26px}.portal-main .page-lede{color:var(--text-secondary);margin-top:8px}.panel{border-radius:var(--radius-surface);background:var(--bg-canvas);box-shadow:inset 0 0 0 1px var(--hairline);margin-top:32px;padding:24px}.panel h2{font-size:15px}.panel>p{color:var(--text-secondary);margin-top:6px}.panel-body{flex-direction:column;gap:18px;margin-top:20px;display:flex}.rows{margin-top:20px}.row{min-height:56px;box-shadow:inset 0 -1px 0 var(--hairline);align-items:center;gap:14px;padding:10px 0;display:flex}.row:last-child{box-shadow:none}.avatar{background:var(--state-selected);width:32px;height:32px;color:var(--text-primary);border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.row-actions{align-items:center;gap:8px;display:flex}.tag{border-radius:var(--radius-chip);height:22px;box-shadow:inset 0 0 0 1px var(--hairline);color:var(--text-secondary);align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px;display:grid}.fact-label{color:var(--text-muted);font-size:12px}.fact-value{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-top:2px;font-size:15px}.code{border-radius:var(--radius-control);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-mono);white-space:pre;padding:12px 14px;font-size:12.5px;line-height:1.6;display:block;overflow-x:auto}.mq-demo{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.product-page{padding-top:96px}.product-page .section-head h1{letter-spacing:-.034em;font-size:clamp(34px,5vw,56px);line-height:1.06}.section-head .product-line{color:var(--text-primary);margin-top:10px;font-size:19px}.sync-status{flex-wrap:wrap;gap:12px 48px;margin:48px 0 0;display:flex}.sync-status dt{color:var(--text-muted);font-size:13px}.sync-status dd{color:var(--text-primary);margin:4px 0 0;font-size:15px}.mq-example{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:16px;font-size:13px}.mq-truths{color:var(--text-secondary);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 32px;margin:48px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.mq-side{border-radius:var(--radius-surface);background:var(--bg-canvas);box-shadow:inset 0 0 0 1px var(--hairline);margin:0;padding:20px 20px 18px}.mq-side-title{color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:500}.mq-ours .mq-side-title{color:var(--text-primary)}.mq-side svg{width:100%;height:auto;display:block;overflow:visible}.mq-side-note{color:var(--text-muted);margin-top:12px;font-size:13px;line-height:1.5}.mq-main{fill:var(--state-hover);stroke:var(--hairline)}.mq-main-label,.mq-lane-label{fill:var(--text-muted);font-family:var(--font-ui);font-size:11px}.mq-chip-bg{fill:var(--bg-surface);stroke:var(--hairline)}.mq-chip-label{fill:var(--text-secondary);font-family:var(--font-mono);font-size:11px}.mq-bar{fill:var(--text-muted);transform-box:fill-box;transform-origin:0}.mq-light-housing{fill:var(--state-selected)}.mq-light-red{fill:var(--accent-negative);opacity:.12}.mq-light-green{fill:var(--accent-positive)}.mq-stack-link{stroke:var(--text-muted);stroke-width:1.5px;stroke-dasharray:2 3;fill:none}.mq-chip{transform-box:view-box}.mq-ga{animation:12s infinite mq-ga}.mq-ga-bar{animation:12s infinite mq-ga-bar}.mq-gb{animation:12s infinite mq-gb}.mq-gb-bar{animation:12s infinite mq-gb-bar}.mq-gc{animation:12s infinite mq-gc}.mq-gc-bar{animation:12s infinite mq-gc-bar}.mq-gd{animation:12s infinite mq-gd}.mq-gd-bar{animation:12s infinite mq-gd-bar}.mq-ge{animation:12s infinite mq-ge}.mq-ge-bar{animation:12s infinite mq-ge-bar}.mq-oa{animation:12s infinite mq-oa}.mq-oa-bar{animation:12s infinite mq-oa-bar}.mq-ob{animation:12s infinite mq-ob}.mq-ob-bar{animation:12s infinite mq-ob-bar}.mq-od{animation:12s infinite mq-od}.mq-od-bar{animation:12s infinite mq-od-bar}.mq-oc{animation:12s infinite mq-oc}.mq-oc-bar{animation:12s infinite mq-oc-bar}.mq-oe{animation:12s infinite mq-oe}.mq-oe-bar{animation:12s infinite mq-oe-bar}.mq-lb-red{animation:12s infinite mq-lb-red}.mq-lb-green{animation:12s infinite mq-lb-green}.mq-ours .mq-stack-link{animation:12s infinite mq-link-b}@keyframes mq-ga{0%,10%{opacity:1;transform:translateY(0)}14%,96%{opacity:0;transform:translateY(-48px)}97%{opacity:0;transform:translateY(0)}to{opacity:1}}@keyframes mq-ga-bar{0%{fill:var(--accent-warning);transform:scaleX(0)}8%{fill:var(--accent-warning);transform:scaleX(1)}9%,to{fill:var(--accent-positive);transform:scaleX(1)}}@keyframes mq-gb{0%,32%{opacity:1;transform:translate(0)}36%,96%{opacity:0;transform:translate(70px)}97%{opacity:0;transform:translate(0)}to{opacity:1}}@keyframes mq-gb-bar{0%{fill:var(--accent-warning);transform:scaleX(0)}16%{fill:var(--accent-warning);transform:scaleX(.92)}18%,to{fill:var(--accent-negative);transform:scaleX(.92)}}@keyframes mq-gc{0%,57%{opacity:1;transform:translateY(0)}61%,96%{opacity:0;transform:translateY(-124px)}97%{opacity:0;transform:translateY(0)}to{opacity:1}}@keyframes mq-gc-bar{0%{fill:var(--accent-warning);transform:scaleX(0)}16%{transform:scaleX(.85)}20%,36%{transform:scaleX(0)}54%{fill:var(--accent-warning);transform:scaleX(1)}55%,to{fill:var(--accent-positive);transform:scaleX(1)}}@keyframes mq-gd{0%,65%{opacity:1;transform:translateY(0)}69%,96%{opacity:0;transform:translateY(-162px)}97%{opacity:0;transform:translateY(0)}to{opacity:1}}@keyframes mq-gd-bar{0%{fill:var(--accent-warning);transform:scaleX(0)}16%{transform:scaleX(.8)}20%,36%{transform:scaleX(0)}62%{fill:var(--accent-warning);transform:scaleX(1)}63%,to{fill:var(--accent-positive);transform:scaleX(1)}}@keyframes mq-ge{0%,73%{opacity:1;transform:translateY(0)}77%,96%{opacity:0;transform:translateY(-200px)}97%{opacity:0;transform:translateY(0)}to{opacity:1}}@keyframes mq-ge-bar{0%{fill:var(--accent-warning);transform:scaleX(0)}16%{transform:scaleX(.75)}20%,36%{transform:scaleX(0)}70%{fill:var(--accent-warning);transform:scaleX(1)}71%,to{fill:var(--accent-positive);transform:scaleX(1)}}@keyframes mq-oa{0%,10%{opacity:1;transform:translateY(0)}14%,96%{opacity:0;transform:translateY(-80px)}97%{opacity:0;transform:translateY(0)}to{opacity:1}}@keyframes mq-oa-bar{0%{fill:var(--accent-warning);transform:scaleX(0)}8%{fill:var(--accent-warning);transform:scaleX(1)}9%,to{fill:var(--accent-positive);transform:scaleX(1)}}@keyframes mq-oc{0%,12%{opacity:1;transform:translateY(0)}16%,96%{opacity:0;transform:translateY(-80px)}97%{opacity:0;transform:translateY(0)}to{opacity:1}}@keyframes mq-oc-bar{0%{fill:var(--accent-warning);transform:scaleX(0)}10%{fill:var(--accent-warning);transform:scaleX(1)}11%,to{fill:var(--accent-positive);transform:scaleX(1)}}@keyframes mq-oe{0%,14%{opacity:1;transform:translateY(0)}18%,96%{opacity:0;transform:translateY(-80px)}97%{opacity:0;transform:translateY(0)}to{opacity:1}}@keyframes mq-oe-bar{0%{fill:var(--accent-warning);transform:scaleX(0)}12%{fill:var(--accent-warning);transform:scaleX(1)}13%,to{fill:var(--accent-positive);transform:scaleX(1)}}@keyframes mq-ob{0%,28%{opacity:1;transform:translate(0)}32%,96%{opacity:0;transform:translate(20px)}97%{opacity:0;transform:translate(0)}to{opacity:1}}@keyframes mq-ob-bar{0%{fill:var(--accent-warning);transform:scaleX(0)}16%{fill:var(--accent-warning);transform:scaleX(.9)}18%,to{fill:var(--accent-negative);transform:scaleX(.9)}}@keyframes mq-od{0%,53%{opacity:1;transform:translateY(0)}57%,96%{opacity:0;transform:translateY(-124px)}97%{opacity:0;transform:translateY(0)}to{opacity:1}}@keyframes mq-od-bar{0%{fill:var(--accent-warning);transform:scaleX(0)}14%{transform:scaleX(.85)}18%,32%{transform:scaleX(0)}50%{fill:var(--accent-warning);transform:scaleX(1)}51%,to{fill:var(--accent-positive);transform:scaleX(1)}}@keyframes mq-lb-red{0%,17%{opacity:.12}18%,32%{opacity:1}33%,to{opacity:.12}}@keyframes mq-lb-green{0%,17%{opacity:1}18%,32%{opacity:.12}33%,to{opacity:1}}@keyframes mq-link-b{0%,28%{opacity:1}30%,96%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.mq-demo *{animation:none!important}}.prerendered{display:contents}.guide{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:72px;padding-top:72px;display:grid}.guide-contents{max-height:calc(100vh - 112px);font-size:13px;position:sticky;top:88px;overflow:auto}.guide-contents .guide-pages{margin-bottom:28px}.guide-contents a[aria-current=page]{color:var(--text-primary)}.guide-contents-title{color:var(--text-muted);margin:0 0 10px 10px;font-size:12px}.guide-contents nav{flex-direction:column;gap:1px;display:flex}.guide-contents a{color:var(--text-secondary);border-radius:6px;padding:5px 10px;line-height:1.35;text-decoration:none}.guide-contents a:hover{color:var(--text-primary)}.guide-contents a.guide-contents-sub{color:var(--text-muted);padding-left:22px}.guide-contents a[aria-current=location]{background:var(--state-selected);color:var(--text-primary)}.guide-body{max-width:720px}.guide-body h1{letter-spacing:-.03em;font-size:clamp(32px,4vw,44px);line-height:1.1}.guide-body .eyebrow{margin-bottom:16px}.guide-prose{color:var(--text-body);margin-top:28px;font-size:16px;line-height:1.7}.guide-prose h2,.guide-prose h3{scroll-margin-top:88px}.guide-prose h2{letter-spacing:-.02em;margin:0 0 18px;font-size:24px;line-height:1.25}.guide-prose h3{letter-spacing:-.01em;margin:36px 0 12px;font-size:18px}.guide-prose p{margin:14px 0}.guide-prose ol,.guide-prose ul{margin:14px 0;padding-left:22px}.guide-prose li{margin:6px 0}.guide-prose li::marker{color:var(--text-muted)}.guide-prose strong{color:var(--text-primary);font-weight:600}.guide-prose code{border-radius:var(--radius-chip);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-mono);padding:.12em .4em;font-size:.86em}.guide-prose pre{max-width:100%;overflow-x:auto}.guide-rule{background:var(--hairline);border:0;height:1px;margin:56px 0}.guide-table{border-radius:var(--radius-control);box-shadow:inset 0 0 0 1px var(--hairline);margin:20px 0;overflow-x:auto}.guide-table table{border-collapse:collapse;width:100%;font-size:14px}.guide-table th{color:var(--text-muted);text-align:left;box-shadow:inset 0 -1px 0 var(--hairline);padding:10px 14px;font-size:12px;font-weight:500}.guide-table td{vertical-align:top;box-shadow:inset 0 -1px 0 var(--hairline);padding:10px 14px}.guide-table tr:last-child td{box-shadow:none}.guide-shot{margin:28px 0}.guide-shot img,.guide-shot-empty{border-radius:var(--radius-surface);width:100%;box-shadow:0 0 0 1px var(--hairline), 0 18px 40px -20px var(--shadow-cast);display:block}.guide-shot-empty{aspect-ratio:16/9;background:var(--state-hover);color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.guide-shot figcaption{color:var(--text-muted);text-align:center;margin-top:10px;font-size:13px}.guide-note{border-radius:var(--radius-control);background:var(--state-hover);box-shadow:inset 2px 0 0 var(--state-strong);color:var(--text-secondary);margin:22px 0;padding:14px 18px;font-size:15px}.guide-note p{margin:0}.guide-soon-label{color:var(--text-primary);letter-spacing:.02em;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.guide-placeholder{outline:1px dashed var(--text-muted);color:var(--text-secondary);background:0 0;border-radius:4px;padding:0 5px}.updates{max-width:768px;padding-top:72px}.updates h1{letter-spacing:-.03em;font-size:clamp(32px,4vw,44px);line-height:1.1}.updates .lede{margin:20px 0 0}.updates>.hero-note{margin-bottom:40px}.release{box-shadow:inset 0 1px 0 var(--hairline);padding:32px 0 8px;scroll-margin-top:88px}.release-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.release-head h2{letter-spacing:-.02em;margin:0;font-size:22px}.release-head time{color:var(--text-muted);font-size:14px}.release-notes{margin-top:12px}.download-next{border-radius:var(--radius-control);background:var(--state-hover);max-width:30em;color:var(--text-secondary);text-align:left;margin:28px auto 0;padding:16px 20px;font-size:15px}.download-next strong{color:var(--text-primary)}.download-next a{color:var(--text-primary);text-underline-offset:3px;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline)}.portal-main-wide{max-width:none;padding:0}.viewer{grid-template-columns:280px minmax(0,1fr);height:100vh;display:grid}.viewer-tree{background:var(--bg-sidebar);min-height:0;box-shadow:inset -1px 0 0 var(--hairline);flex-direction:column;display:flex}.viewer-tree-head{flex-direction:column;gap:10px;padding:18px 12px 10px;display:flex}.viewer-vault{color:var(--text-primary);padding:0 8px;font-weight:600}.viewer-filter{height:32px;font-size:13px}.viewer-rows{flex:1;min-height:0;padding:0 8px 12px;overflow:auto}.viewer-row{width:100%;min-height:27px;padding:3px 8px;padding-left:calc(8px + var(--depth,0) * 14px);color:var(--text-secondary);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;font-size:13px;display:flex}.viewer-row span{text-overflow:ellipsis;overflow:hidden}.viewer-row:hover{background:var(--state-hover);color:var(--text-primary)}.viewer-row[aria-selected=true]{background:var(--state-selected);color:var(--text-primary)}.viewer-row svg{width:15px;height:15px;stroke:var(--icon-frost);flex:0 0 15px}.viewer-count{box-shadow:inset 0 1px 0 var(--hairline);color:var(--text-muted);font-variant-numeric:tabular-nums;padding:10px 20px;font-size:12px}.viewer-message{color:var(--text-muted);padding:8px;font-size:13px}.viewer-page{background:var(--bg-canvas);min-height:0;overflow:auto}.viewer-empty{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.viewer-file{padding:28px 48px 30vh}.viewer-column{max-width:min(68ch,100%);margin:0 auto;font-size:16px}.viewer-crumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 28px;font-size:13px;display:flex}.viewer-crumbs span:not(.tag):after{content:"/";color:var(--text-muted);margin-left:6px}.viewer-crumbs span.viewer-crumb-name:after{content:none}.viewer-crumb-name{color:var(--text-secondary)}.viewer-crumbs .tag{margin-left:auto}.viewer-attachment{flex-direction:column;align-items:center;gap:20px;display:flex}.viewer-attachment img{border-radius:var(--radius-control);max-width:100%;box-shadow:0 0 0 1px var(--hairline)}.viewer-attachment-facts{color:var(--text-primary);flex-direction:column;align-items:center;gap:8px;display:flex}.viewer-attachment-facts .button svg{stroke:currentColor;width:16px;height:16px}@media (width<=1080px){.points-four{grid-template-columns:repeat(2,minmax(0,1fr))}.guide{grid-template-columns:minmax(0,1fr);padding-top:40px}.guide-contents{display:none}}@media (width<=860px){.mock-body{grid-template-columns:minmax(0,1fr);height:440px}.mock-rail,.mock-tree{display:none}.mock-page{padding:28px 24px 0}.points,.steps,.mq-demo,.mq-truths,.umbrella-pair,.points-three,.portal{grid-template-columns:minmax(0,1fr)}.portal-side{box-shadow:inset 0 -1px 0 var(--hairline);gap:12px}.portal-nav{flex-flow:wrap}.portal-side-foot{display:none}.portal-main{padding:32px 16px 72px}.facts{grid-template-columns:minmax(0,1fr)}.viewer{grid-template-columns:minmax(0,1fr);height:auto}.viewer-tree{max-height:40vh}.viewer-file{padding:20px 16px 20vh}}@media (width<=640px){.container{padding:0 16px}.site-nav a.nav-link:not(.keep){display:none}.hero{padding-top:72px}.section{padding-top:104px}.flow-header{padding:0 16px}.flow-main{padding:6vh 16px 64px}.input-with-button{flex-direction:column}}