:root{color-scheme:dark;--bg:#0e1113;--panel:#0c0f11;--raised:#111518;--selected:#151b21;--terminal:#090c0e;--line:#1c2126;--border:#242b32;--coral:#eb4328;--strong:#e7e9ea;--text:#c8cfd4;--muted:#8d959b;--green:#83d7a2;--blue:#70aef9;--amber:#e1b56a;--mono:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 var(--sans)}[hidden]{display:none!important}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--text)}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:5px}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{color:var(--strong)}h2{font-size:38px;font-weight:500;line-height:1.18;letter-spacing:-1.1px}h3{font-size:18px;font-weight:550;line-height:1.4}p{max-width:70ch}svg{display:block}img{display:block;max-width:100%;height:auto}code,.mono{font-family:var(--mono)}code{font-size:.92em;overflow-wrap:anywhere}pre{margin:0;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}strong{font-weight:600;color:var(--strong)}.wrap{width:min(1152px,calc(100% - 96px));margin-inline:auto}.muted,.meta{color:var(--muted)}.meta{font-size:12px}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}.skip-link{position:absolute;left:16px;top:-90px;z-index:10;background:var(--strong);color:var(--terminal);padding:12px 20px;border-radius:6px}.skip-link:focus{top:12px}.preview-bar{border-bottom:1px solid var(--line);font:11px/1.4 var(--mono);color:var(--muted)}.preview-bar .wrap{min-height:33px;display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-label{color:var(--amber);display:flex;align-items:center;gap:8px}.preview-label:before{content:"";height:5px;width:5px;background:var(--amber);border-radius:50%}.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:var(--bg)}html:has(.site-header){scroll-padding-top:76px}.header-inner{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;font:17px var(--mono);letter-spacing:-.6px;text-decoration:none;color:var(--strong);white-space:nowrap}.brand-mark{width:28px;height:28px}.brand .dev{color:var(--muted)}.nav{display:flex;align-items:center;gap:26px;font-size:13px}.nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.nav a:hover{color:var(--strong)}.nav-source{border-left:1px solid var(--border);padding-left:24px;gap:7px}.placeholder{font:10px/1.4 var(--mono);color:var(--amber);border:1px solid #4c3e28;border-radius:4px;padding:2px 5px;display:inline-block;vertical-align:middle}.phone-notice{margin-top:24px;padding:20px 24px;border:1px solid var(--border);border-radius:8px;background:var(--raised);display:flex;gap:28px;align-items:center;justify-content:space-between}.phone-notice h2{font-size:20px;letter-spacing:-.35px;margin-bottom:6px}.phone-notice p{font-size:13px;color:var(--muted)}.phone-actions{display:flex;gap:8px;flex-shrink:0}.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border:1px solid var(--border);border-radius:6px;background:var(--raised);text-decoration:none;font:12px var(--mono);gap:8px}.secondary-button:hover{border-color:#58636c;background:var(--selected)}.hero{padding-top:70px;padding-bottom:52px;display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}.hero-copy .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:22px}.hero-copy .eyebrow:before{content:"";width:18px;height:1px;background:var(--muted)}h1{font-size:clamp(40px,4.45vw,59px);font-weight:500;line-height:1.085;letter-spacing:-2.7px}h1 span{color:#9ca5ac}.hero-description{max-width:390px;margin-top:24px;font-size:16px;line-height:1.75;color:#aeb8bf}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:48px;padding:0 21px;border-radius:6px;background:var(--coral);color:#090c0e;font-size:14px;font-weight:650;text-decoration:none}.primary-button:hover{background:#fa644c}.quiet-link{font-size:13px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:8px}.quiet-link:hover{text-decoration:underline}.hero-meta{font:11px var(--mono);color:var(--muted);margin-top:18px}.product-figure{min-width:0}.product-stage{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:16px;margin-bottom:14px}.preview-caption{grid-column:1/-1;font:10px var(--mono);color:var(--muted);justify-self:start}.desktop-product{border:1px solid #343d45;border-radius:7px;overflow:hidden;background:var(--terminal)}.phone-product{width:100%;padding:4px;background:#1c2329;border:1px solid #47525c;border-radius:8px}.phone-product img{border-radius:4px}.product-figure figcaption{font:11px var(--mono);color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}.preview-switch{display:flex;flex-shrink:0;gap:4px}.preview-switch button{min-height:36px;padding:0 8px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:5px;font:10px var(--mono)}.preview-switch button[aria-pressed="true"]{border-color:var(--border);background:var(--raised);color:var(--strong)}.agents{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:22px}.agents-list{list-style:none;margin:0;padding:0;display:flex;gap:25px;flex-wrap:wrap;font:13px var(--mono);color:#acb5bc}.section{padding-block:72px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{max-width:365px;color:var(--muted);font-size:14px}.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:32px}.feature{border-left:1px solid var(--border);padding-inline:22px}.feature:first-child{border-left:0;padding-left:0}.feature:last-child{padding-right:0}.feature-symbol{font:18px var(--mono);color:var(--muted);height:32px;margin-bottom:15px}.feature h3{font-size:16px;margin-bottom:10px}.feature p{font-size:13px;color:var(--muted);line-height:1.8}.security-callout{display:flex;gap:17px;margin-block:26px;padding:19px 21px;border:1px solid #3d372d;border-radius:6px;background:#141514}.security-icon{width:19px;height:22px;flex-shrink:0;margin-top:3px;color:var(--amber)}.security-callout strong{font-size:14px}.security-callout p{font-size:13px;color:#a9b1b6;margin-top:4px;max-width:none}.security-callout a{color:var(--text);white-space:nowrap}.os-picker{display:grid;grid-template-columns:1fr 1.5fr 1fr .85fr 1.5fr 1.3fr;border-bottom:1px solid var(--border);gap:4px;padding-bottom:12px}.os-picker button{border:1px solid transparent;border-radius:6px;background:transparent;padding:0 10px;min-height:45px;font:12px var(--mono);color:var(--muted)}.os-picker button:hover{color:var(--strong);border-color:var(--border)}.os-picker button[aria-pressed="true"]{color:var(--strong);background:var(--selected);border-color:#49545e}.os-picker button[aria-pressed="true"]:before{content:"● ";font-size:8px;color:var(--green)}.detection{font:11px/1.6 var(--mono);color:var(--muted);margin-top:12px;min-height:18px}.install-sheet{margin-top:22px;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:28px}.step-label{font:11px var(--mono);color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:10px}.step-number{width:23px;height:23px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:5px;color:var(--text);font:11px var(--mono)}.os-panel-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:12px}.os-panel>p{font-size:13px;color:var(--muted);margin-block:12px;max-width:none}.os-panel strong{color:var(--text)}.requirements{list-style:none;margin:18px 0 0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.requirements li{font:10px var(--mono);color:var(--muted);border:1px solid var(--border);padding:4px 7px;border-radius:4px}.requirement-note{font-size:12px;color:var(--muted);margin-top:10px}.command{min-width:0;border:1px solid var(--border);border-radius:6px;background:var(--terminal);margin-top:15px}.command-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-left:15px;border-bottom:1px solid var(--line);font:10px var(--mono);color:var(--muted);min-height:40px}.copy{flex-shrink:0;background:transparent;border:0;border-left:1px solid var(--line);padding:0 12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--text);font:10px var(--mono);min-width:74px}.copy:hover{background:var(--selected)}.copy svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.2;fill:none}.command pre{padding:17px 16px;color:#d3d9dc;font-size:12px;line-height:1.9}.command code{font-size:inherit}.install-route{margin-top:30px;padding-top:24px;border-top:1px solid var(--border)}.route-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.route-picker{display:flex;gap:5px;flex-wrap:wrap}.route-picker button{min-height:44px;padding:0 14px;border-radius:5px;border:1px solid var(--border);background:transparent;font:11px var(--mono);color:var(--muted)}.route-picker button[aria-pressed="true"]{background:var(--selected);border-color:#49545e;color:var(--strong)}.route-panel p{font-size:12px;margin-top:12px;color:var(--muted)}.placeholder-note{font:11px/1.75 var(--mono);color:var(--muted);margin-top:14px}.placeholder-note .placeholder{margin-right:6px}.setup{margin-top:30px}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.setup-step h3{font-size:15px;display:flex;align-items:center;gap:10px}.setup-step p{font-size:12px;color:var(--muted);margin-top:12px}.setup-step .command pre{font-size:13px;padding-block:13px}.setup-footnote{font-size:12px;color:var(--muted);margin-top:20px}.disclosures{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;align-items:start}.small-disclosure{border:1px solid var(--border);border-radius:6px;padding:0 16px;background:var(--raised)}.small-disclosure summary{padding-block:13px;min-height:48px;font-size:13px;cursor:pointer;color:var(--text)}.small-disclosure p{font-size:12px;color:var(--muted);margin-block:12px}.small-disclosure .command{margin-bottom:16px}.wsl-note{border-left:2px solid var(--amber);margin-top:20px;padding:4px 0 4px 17px;font-size:12px}.wsl-note p{color:var(--muted);margin-block:8px}.wsl-note strong{color:var(--amber)}.wsl-note a{color:var(--text)}.security-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.security-layout h2{max-width:390px;margin-top:16px}.security-layout .quiet-link{margin-top:25px}.security-points{display:grid;gap:22px}.security-point{display:grid;grid-template-columns:26px 1fr;gap:14px}.security-point>span{font:12px var(--mono);color:var(--muted);padding-top:3px}.security-point h3{font-size:15px;margin-bottom:7px}.security-point p{font-size:13px;color:var(--muted)}.maintenance-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.maintenance-grid h2{font-size:30px}.maintenance-grid .eyebrow{margin-bottom:14px}.maintenance-grid p{font-size:13px;color:var(--muted);margin-top:16px}.update-indicator{font:11px var(--mono);display:inline-flex;align-items:center;gap:9px;color:var(--text);margin-top:18px}.update-indicator:before{content:"";width:5px;height:5px;background:var(--green);border-radius:50%}.uninstall-disclosure{margin-top:20px}.studio-section{padding-block:38px;display:grid;grid-template-columns:1fr 1.6fr;gap:70px;align-items:start}.studio-section h2{font:20px var(--mono);letter-spacing:-.5px;margin-top:10px}.studio-section p{font-size:13px;color:var(--muted)}.studio-section a{display:inline-flex;margin-top:10px;color:var(--text);font-size:12px;min-height:36px;align-items:center}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.faq-layout h2{margin-top:16px}.faq-list details{border-bottom:1px solid var(--border)}.faq-list details:first-child{border-top:1px solid var(--border)}.faq-list summary{font-size:14px;color:var(--strong);padding:17px 28px 17px 0;cursor:pointer;list-style:none;position:relative;min-height:56px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:2px;top:15px;color:var(--muted);font:18px var(--mono)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--muted);font-size:13px;padding-bottom:19px}.site-footer{padding-block:32px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{font:16px var(--mono);color:var(--strong)}.footer-links{display:flex;gap:20px;font-size:12px;flex-wrap:wrap;align-items:center}.footer-links a{min-height:44px;display:flex;align-items:center;gap:6px}.footer-bottom{margin-top:20px;display:flex;justify-content:space-between;gap:30px;font:10px/1.7 var(--mono);color:var(--muted)}.footer-bottom p{max-width:none}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 19px;max-width:calc(100% - 32px);width:max-content;background:var(--selected);border:1px solid #58636c;border-radius:6px;color:var(--strong);font:12px/1.6 var(--mono);z-index:8;box-shadow:0 8px 35px #0005}.toast:empty{display:none}dialog{width:min(760px,calc(100% - 32px));max-height:85dvh;padding:0;border:1px solid #47525c;border-radius:8px;background:var(--bg);color:var(--text)}dialog::backdrop{background:#000b}.dialog-heading{padding:14px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;background:var(--raised);z-index:1}.dialog-heading h2{font:17px var(--mono);letter-spacing:0}.dialog-close{background:transparent;border:1px solid var(--border);border-radius:5px;min-height:44px;min-width:64px;font:11px var(--mono)}.dialog-body{padding:25px}.dialog-body p{font-size:13px;color:var(--muted);margin-block:14px}.dialog-body textarea{width:100%;resize:vertical;background:var(--terminal);color:var(--text);border:1px solid var(--border);border-radius:5px;font:12px/1.7 var(--mono);padding:12px;min-height:150px}.document-body h3{font-size:23px;margin-bottom:20px}.document-body h4{font-size:17px;margin-top:28px}.document-body p{line-height:1.9;color:var(--text)}.document-body table{font-size:12px;width:100%;border-collapse:collapse;margin-block:16px}.document-body td,.document-body th{border:1px solid var(--border);padding:8px;text-align:left}.document-body .command{margin-block:20px}.document-body .command pre{font-size:11px}.publication-urls{font:12px/1.8 var(--mono);overflow-wrap:anywhere;padding:15px;border:1px solid var(--border);background:var(--terminal);border-radius:6px;margin-top:18px}
@media(min-width:1500px){.hero{padding-block:90px 70px}.product-stage{grid-template-columns:minmax(0,1fr) 190px}.wrap{width:min(1216px,calc(100% - 128px))}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.nav{gap:18px}.nav-source{padding-left:16px}.hero{gap:32px}.hero-description{font-size:15px}h1{font-size:45px;letter-spacing:-2px}.product-stage{grid-template-columns:1fr;justify-items:center}.desktop-product{display:none}.phone-product{width:min(100%,230px)}.agents-list{gap:18px}.feature{padding-inline:16px}.security-layout,.faq-layout{gap:45px}.route-heading{display:block}.route-picker{margin-top:8px}.maintenance-grid{gap:40px}.os-picker button{padding-inline:4px;font-size:11px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.preview-bar .wrap{min-height:43px;gap:10px;font-size:9px}.preview-bar .preview-detail{max-width:190px;text-align:right}.header-inner{min-height:66px;gap:16px}html:has(.site-header){scroll-padding-top:66px}.brand{font-size:16px;gap:8px}.brand-mark{width:25px;height:25px}.nav{gap:17px;font-size:12px}.nav .desktop-nav{display:none}.nav-source{padding:0;border:0}.nav-source .placeholder{display:none}.hero{grid-template-columns:1fr;gap:36px;padding-top:42px;padding-bottom:32px}.hero-copy .eyebrow{margin-bottom:18px;font-size:10px}h1{font-size:44px;line-height:1.09;letter-spacing:-2px}.hero-description{font-size:15px;margin-top:20px;max-width:40ch}.hero-actions{margin-top:24px;gap:22px}.primary-button{min-height:48px;padding-inline:20px}.hero-meta{font-size:10px;margin-top:15px}.product-figure{max-width:520px;width:100%;margin-inline:auto}.phone-product{width:min(100%,260px)}.product-figure figcaption{font-size:10px;gap:8px}.preview-switch button{font-size:10px;min-height:40px;padding-inline:8px}.preview-caption{font-size:9px}.agents{display:block;padding-block:21px}.agents .eyebrow{font-size:9px}.agents-list{font-size:12px;gap:11px 20px;margin-top:13px}.section{padding-block:42px}.section-heading{display:block;margin-bottom:22px}.section-heading .eyebrow{font-size:10px;margin-bottom:12px}h2{font-size:30px;letter-spacing:-.9px}.section-heading>p{margin-top:15px;font-size:13px;max-width:none}.features-grid{grid-template-columns:1fr 1fr;gap:26px 20px;margin-top:25px}.feature{padding:0;border:0}.feature:nth-child(even){padding-left:17px;border-left:1px solid var(--border)}.feature-symbol{font-size:16px;margin-bottom:9px;height:26px}.feature h3{font-size:14px}.feature p{font-size:12px;line-height:1.75}.security-callout{gap:12px;padding:16px;margin-block:22px}.security-callout strong{font-size:13px}.security-callout p{font-size:12px;line-height:1.75}.security-icon{width:16px}.security-callout a{white-space:normal}.os-picker{grid-template-columns:1fr 1fr 1fr;gap:6px;padding-bottom:12px}.os-picker button{font-size:10px;padding-inline:5px;border-color:var(--border);min-height:44px}.detection{font-size:10px;margin-top:12px}.install-sheet{padding:19px 16px;margin-top:18px}.step-label{font-size:10px;margin-bottom:15px}.os-panel-heading{display:block;margin-bottom:10px}.os-panel-heading h3{font-size:18px}.os-panel-heading .meta{display:inline-block;margin-top:4px;font-size:10px}.os-panel>p{font-size:12px;line-height:1.85}.requirements{gap:6px;margin-top:15px}.requirements li{font-size:9px;padding:4px 6px}.requirement-note{font-size:11px}.command-bar{font-size:9px;padding-left:11px;gap:6px}.copy{font-size:9px;padding-inline:9px;min-width:64px}.command pre{padding:14px 12px;font-size:11px;line-height:1.9}.install-route{margin-top:23px;padding-top:22px}.route-heading{display:block}.route-picker{gap:5px;margin-top:8px;display:grid;grid-template-columns:1fr 1fr 1.2fr}.route-picker button{font-size:10px;padding-inline:3px;min-height:44px}.placeholder-note{font-size:10px;margin-top:12px;line-height:1.8}.route-panel p{font-size:11px}.setup{margin-top:24px}.setup-grid{grid-template-columns:1fr;gap:23px}.setup-step p{font-size:12px;margin-top:10px}.setup-step .command{margin-top:12px}.setup-step .command pre{font-size:12px}.setup-footnote{font-size:11px;margin-top:17px}.disclosures{grid-template-columns:1fr;gap:11px;margin-top:20px}.small-disclosure{padding-inline:13px}.small-disclosure summary{font-size:12px}.security-layout,.faq-layout{grid-template-columns:1fr;gap:27px}.security-layout h2{max-width:none;margin-top:12px}.security-layout .quiet-link{margin-top:15px}.security-points{gap:20px}.security-point p{font-size:12px}.maintenance-grid{grid-template-columns:1fr;gap:36px}.maintenance-grid h2{font-size:28px}.maintenance-grid p{font-size:12px}.studio-section{grid-template-columns:1fr;gap:15px;padding-block:30px}.studio-section p{font-size:12px}.studio-section h2{font-size:19px}.faq-layout h2{margin-top:12px}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.footer-top{display:block}.footer-links{gap:18px;margin-top:12px;font-size:11px}.footer-bottom{display:block;font-size:9px;margin-top:12px}.footer-bottom p+p{margin-top:9px}.phone-notice{display:block;margin-top:20px;padding:18px}.phone-notice h2{font-size:18px;line-height:1.4}.phone-notice p{font-size:12px}.phone-actions{margin-top:16px;gap:9px}.phone-actions>*{flex:1;font-size:11px}.dialog-heading{padding:11px 16px}.dialog-body{padding:18px}.document-body p{font-size:12px}.document-body h3{font-size:20px}.document-body h4{font-size:16px}.document-body table{font-size:10px}.dialog-heading h2{font-size:14px}}
@media(max-width:375px){.wrap{width:calc(100% - 32px)}h1{font-size:40px}.nav{gap:13px}.brand{font-size:15px}.hero-actions{gap:17px}.primary-button{gap:24px}.feature:nth-child(even){padding-left:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){button[aria-pressed="true"]{outline:2px solid Highlight}.primary-button{border:2px solid ButtonText}}

.publication-notice { padding-block: 12px; color: var(--muted); font-size: 13px; }

.cli-disclosure { margin-top: 28px; }
.license-text { font-size: 12px; line-height: 1.9; }
.clipboard-buffer { position: fixed; left: 0; top: 0; opacity: 0; pointer-events: none; }

.cli-copy { max-width: 70ch; }
.cli-copy h2 { margin-block: 12px 20px; }
.cli-copy > p + p { margin-top: 12px; }
.cli-copy > .quiet-link { margin-top: 12px; }
.cli-reference h2 { font-size: 28px; margin-block: 32px 16px; }
.cli-reference table { width: 100%; table-layout: fixed; border-collapse: collapse; margin-block: 16px 24px; }
.cli-reference th, .cli-reference td { border: 1px solid var(--border); padding: 12px; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.cli-reference th:first-child, .cli-reference td:first-child { width: 48%; }
.cli-reference > p { margin-block: 16px; }
.cli-help { padding: 20px; border: 1px solid var(--border); border-radius: 6px; background: var(--panel); font-size: 12px; line-height: 1.9; }
@media (max-width: 760px) { .cli-reference th, .cli-reference td { padding: 8px; } .cli-help { padding: 12px; font-size: 11px; } }

.cli-section { display: grid; grid-template-columns: minmax(0, 1fr) 390px; align-items: start; gap: 48px; }
.frame-demo { min-width: 0; width: 100%; max-width: 390px; margin-inline: auto; }
.frame-demo > .eyebrow { margin-bottom: 16px; }
.sequence-frame { margin-bottom: 24px; }
.sequence-frame img { width: 100%; border: 1px solid var(--border); border-radius: 8px; }
.sequence-frame figcaption { margin-top: 12px; font-size: 13px; color: var(--text); line-height: 1.6; }
.sequence-frame .step-label { display: inline; margin-right: 8px; color: var(--muted); }
.frame-demo.is-enhanced .sequence-frame { margin-bottom: 16px; }
.frame-demo.is-enhanced figcaption { min-height: 90px; }
.sequence-controls { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.sequence-controls button { min-height: 44px; padding: 0 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--raised); font: 12px var(--mono); }
.sequence-controls button:hover { border-color: var(--muted); }
.sequence-controls [data-sequence-status] { color: var(--muted); font: 11px var(--mono); }
@media (max-width: 1050px) { .cli-section { grid-template-columns: minmax(0, 1fr); gap: 32px; } }

.segments-section { display: grid; grid-template-columns: minmax(0, 1fr) 390px; align-items: start; gap: 48px; }
.segments-copy { max-width: 70ch; }
.segments-copy h2 { margin-block: 12px 20px; }
.segments-copy > p + p { margin-top: 12px; }
@media (max-width: 1050px) { .segments-section { grid-template-columns: minmax(0, 1fr); gap: 32px; } }

@media (max-width: 760px) {
  .sequence-frame img { max-height: 72svh; width: auto; margin-inline: auto; }
  .frame-demo.is-enhanced figcaption { min-height: 0; }
}

/* Approved recording placement A (Studio mockup 1334). Rows wrap on their own width. */
.video-clip{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px 28px;width:100%;min-width:0;margin-top:22px}
.clip-visual{flex:0 1 280px;min-width:min(100%,240px);max-width:100%}
.device-desktop>.clip-visual{flex:1 1 480px;min-width:min(100%,480px)}
.video-media{position:relative;margin-inline:auto;overflow:hidden;background:#090c0e;border:1px solid #47525c;border-radius:9px}
.video-media.phone{width:min(100%,280px);aspect-ratio:390/844}.video-media.desktop{width:100%;aspect-ratio:16/9}
.video-media video{display:block;width:100%;height:100%;object-fit:contain;background:#090c0e}
.video-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:9px}
.video-actions button{background:var(--raised);border:1px solid var(--border);border-radius:4px;padding:5px 12px;font:11px var(--mono);min-height:44px}
.video-clip figcaption{display:block;width:100%;font:11px/1.5 var(--mono);color:var(--muted);margin-top:9px;text-align:center}
.clip-copy{margin-top:20px;text-align:left;font:14px/1.65 var(--sans);color:var(--muted);min-width:0}
.video-clip .clip-copy{flex:1 1 32ch;min-width:min(100%,32ch);margin:0}.clip-copy h3{font-size:17px;margin-bottom:10px}.clip-copy p+p{margin-top:12px}
.clip-how{font-size:12px;overflow-wrap:anywhere}.clip-how strong{display:block;color:var(--text);font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}
.hero-video{display:block;margin-top:0}.hero-video>.clip-visual{width:100%;min-width:0}.hero-video .video-media.phone{width:100%;border:0;border-radius:4px}
.hero-video .video-actions{margin:5px 0 0}.hero-video .video-actions button{padding:3px 6px;font-size:10px}
.video-site .product-stage{grid-template-columns:minmax(0,1fr) 256px}.video-site .phone-product{width:256px;max-width:100%}
#hero-recording-copy h3{font-size:16px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:36px}
.feature{padding:0;border:0;min-width:0}.feature:first-child,.feature:last-child,.feature:nth-child(even){padding:0;border:0}
.security-point>.video-clip{grid-column:1/-1}.setup-videos>.video-clip+.video-clip{margin-top:44px}
.video-install-placeholder{border:1px dashed #4a5963;background:var(--raised);border-radius:8px;margin-top:24px;padding:24px}
.video-install-placeholder .eyebrow{color:var(--amber);margin-bottom:10px}.video-install-placeholder p{color:var(--muted);font-size:13px}
@media(min-width:1051px){.video-site .cli-section{grid-template-columns:minmax(32ch,1fr) minmax(480px,1fr)}
/* Desktop: phone recordings are tall, so they sit side by side rather than one per row. */
.setup-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;margin-top:32px}.setup-videos>.video-clip,.setup-videos>.video-clip+.video-clip{margin-top:0}.setup-videos .clip-visual{flex-basis:100%}
.video-site .features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 28px}.video-site .feature:has(.device-desktop),.video-site .feature:not(:has(.video-clip)){grid-column:1/-1}.feature .device-desktop>.clip-visual{flex:1 1 600px;max-width:720px}.feature .device-phone>.clip-visual{flex-basis:260px}.feature .video-media.phone{width:min(100%,260px)}.video-site .feature:not(:has(.video-clip)) p{max-width:72ch}
.video-site .segments-section{grid-template-columns:minmax(32ch,1fr) minmax(0,1.15fr)}.security-layout>div:first-child{position:sticky;top:108px;align-self:start}}
@media(max-width:1050px){.video-site .product-stage{grid-template-columns:1fr}}
@media(max-width:760px){.clip-visual{flex-basis:100%}.video-clip .clip-copy{flex-basis:100%;width:100%}.video-install-placeholder{padding:18px}#hero-recording-copy{font-size:13px}}
.features-more { margin-top: 28px; }
.features-hero { padding-block: 64px 48px; border-bottom: 1px solid var(--line); }
.features-hero .eyebrow { margin-bottom: 20px; }
.features-hero .hero-description { max-width: 620px; }
.features-hero .hero-description a { color: var(--text); }
.features-toc { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.features-toc a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 15px; border: 1px solid var(--border); border-radius: 6px; background: var(--raised); font: 12px var(--mono); text-decoration: none; }
.features-toc a:hover { background: var(--selected); border-color: #58636c; color: var(--strong); }
.features-group h2 { margin-top: 16px; }
.feature-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 0; margin-top: 32px; }
.feature-card { border-left: 1px solid var(--border); padding-inline: 22px; }
.feature-card:nth-child(3n+1) { border-left: 0; padding-left: 0; }
.feature-card h3 { font-size: 16px; margin-bottom: 10px; }
.feature-card p { font-size: 13px; line-height: 1.8; color: var(--muted); }
.feature-card .feature-where { margin-top: 12px; font: 11px/1.7 var(--mono); color: var(--text); }
.feature-where span { margin-right: 8px; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--muted); }
.nav a[aria-current="page"] { color: var(--strong); }
@media (max-width: 760px) { .features-hero { padding-block: 40px 32px; } .features-toc { margin-top: 24px; } .feature-cards { grid-template-columns: 1fr; gap: 0; margin-top: 22px; } .feature-card, .feature-card:nth-child(3n+1) { border-left: 0; padding: 20px 0; border-top: 1px solid var(--line); } .feature-card:first-child { border-top: 0; padding-top: 0; } .feature-card p { font-size: 12px; line-height: 1.75; } }