/* Shared geometry and legible UI details for the product demonstrations. */
:root { --ink:#14366b; --muted:#63738a; --blue:#245bea; --line:#1e477b20; --ui-border:#dce5f0; --ui-muted:#718199; --ui-shadow:0 28px 80px -36px #15396545,0 1px 3px #15396508; }
body { -webkit-font-smoothing:antialiased; }
body::after { opacity:.018; }
[data-page]::after { display:none; }
.site-header { border-bottom:1px solid #24416912; }
.site-header nav { gap:26px; font-size:13px; }
.site-header nav>a { transition:color .2s; }
.site-header nav>a:hover { opacity:1; color:var(--blue); }
.nav-action { border-color:#14366b45; min-height:42px; display:inline-flex; align-items:center; }
.eyebrow { color:#426085; }
.button { min-height:48px; }
.primary { background:var(--blue); box-shadow:0 8px 24px #245bea1c; }
.primary:hover { background:#154bd2; }
.hero-description { color:#596f88; }
.hero-meta { font-size:12px; }
.page-navigation { right:18px; gap:7px; }
.page-navigation a { min-height:22px; }
.page-meter { font-size:10px; }
.send-symbol { width:32px; height:32px; flex:0 0 32px; align-self:center; display:flex; align-items:center; justify-content:center; margin:0; padding:0; border:0; border-radius:50%; background:var(--blue); line-height:0; font-size:0; box-shadow:0 3px 9px #245bea20; }
.send-symbol img { display:block; width:18px; height:18px; max-width:none; flex:none; object-fit:contain; margin:0; }
.mini-composer,.preview-composer { gap:12px; padding:10px 12px; min-height:54px; color:#74869f; font-size:11px; }
.mini-composer>span:first-child,.preview-composer>span:first-child { min-width:0; flex:1; line-height:1.5; overflow-wrap:anywhere; }
.demo-label { font-size:10px; line-height:1.5; padding:3px 7px; background:#f8fafc; border-color:#dce5ef; color:#738298; }
.window-bar,.preview-header { min-height:44px; }
.hero-window { border-radius:18px; box-shadow:var(--ui-shadow); }
.mini-agent { border-radius:17px; padding:15px; }
.mini-agent-header { margin-bottom:15px; font-size:12px; }
.demo-user { font-size:12px; padding:11px 12px; border-radius:12px 12px 4px 12px; }
.demo-answer { font-size:11px; line-height:1.8; }
.mini-progress { font-size:10px; }
.floating-note { padding:15px 17px; border-radius:13px; box-shadow:0 12px 35px #14366b12; }
.floating-note small { font-size:11px; margin-top:2px; }
.feature-stage { background:linear-gradient(120deg,#eef0ee,#edf2fa); border:1px solid #fff; border-radius:23px; }
.feature-copy { min-width:0; }
.preview-app { box-shadow:var(--ui-shadow); border:1px solid #e1e8f2; border-radius:15px; }
.preview-header b { color:#25466f; font-size:13px; }
.preview-content h4 { font-size:19px; }
.preview-content>p { font-size:12px; color:var(--ui-muted); }
.preview-search { font-size:12px; }
.preview-row { min-width:0; font-size:12px; }
.preview-row>div { min-width:0; flex:1; }
.preview-row small { font-size:11px; }
.preview-row-icon { flex:none; }
.skill-command { white-space:nowrap; font-size:10px; }
.preview-row .resource-tag { font-size:10px; }
.preview-chat { grid-template-columns:.8fr 1.2fr; }
.preview-agent h4 { font-size:12px; }
.preview-agent p { font-size:11px; }
.preview-composer .send-symbol { width:30px; height:30px; flex-basis:30px; }
.preview-composer .send-symbol img { width:17px; height:17px; }
.feature-tabs button { text-align:center; border-radius:10px 10px 0 0; }
.feature-tabs button[aria-selected=true] { color:var(--blue); background:#245bea06; }
.feature-tabs button[aria-selected=true]::after { background:var(--blue); height:3px; border-radius:3px; }
.local-model-link { display:flex; align-items:center; gap:15px; border-top:1px solid var(--line); margin-top:19px; padding:14px 0 0; width:100%; }
.local-link-icon { display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:10px; background:#e7edf7; color:#3159a5; font-size:22px; }
.local-model-link b { display:block; font-size:13px; font-weight:600; }
.local-model-link small { display:block; font-size:11px; color:#7d8ca1; margin-top:2px; }
.local-model-link .link-arrow { margin-left:auto; font-size:24px; color:var(--blue); }
.local-model-link:hover .link-arrow { transform:translate(2px,-2px); }
.business-chapter-number { font:500 17px/1.4 var(--sans); letter-spacing:0; color:#718198; margin-bottom:20px; }
.business-chapter h2 { font-weight:700; }
.business-chapter-copy>p:not(.eyebrow),.mobile-copy>p:not(.eyebrow),.security-intro,.control-copy>p:not(.eyebrow) { font-size:16px; line-height:1.9; color:#65768c; }
.business-chapter-points { font-size:13px; }
.business-chapter-copy>a { font-size:13px; }
.office-report,.assistant-agenda,.opc-board,.control-demo,.security-map { box-shadow:var(--ui-shadow); border:1px solid #ffffffed; border-radius:20px; }
.report-header,.agenda-header,.terminal-header,.opc-board-header,.control-header { font-size:13px; font-weight:600; }
.report-item { padding:20px 0; }
.report-item b,.agenda-item b { font-size:14px; }
.report-item p,.agenda-item small { font-size:12px; color:#77869a; }
.report-item>span.report-item-state,.agenda-item>span.agenda-state { font-size:10px; }
.report-review-note { padding:14px 16px; justify-content:flex-start; }
.report-review-note span { font-size:12px; }
.agenda-owner h3 { font-size:17px; }
.agenda-owner p { font-size:12px; }
.agenda-item>span.agenda-check { display:grid; place-items:center; width:26px; height:26px; flex:none; border-radius:50%; background:#f1f3ed; font-size:15px; }
.agenda-item>div { min-width:0; }
.agenda-resources { font-size:11px; }
.operations-terminal { border-radius:17px; box-shadow:var(--ui-shadow); }
.terminal-content { font-size:13px; }
.terminal-review b { font-size:13px; }
.terminal-review p,.terminal-footer { font-size:11px; }
.opc-column-title,.opc-task>span,.opc-column>span { font-size:11px; }
.opc-task b { font-size:14px; }
.opc-task p { font-size:12px; }
.opc-board-intro p,.opc-board-footer { font-size:12px; }
.control-demo { width:100%; }
.team-row b { font-size:14px; }
.team-row small { font-size:12px; }
.team-state { font-size:11px; }
.approval-example { padding:18px; }
.approval-example>div:first-child { font-size:13px; }
.approval-example>p { font-size:14px; }
.approval-example dl { font-size:12px; }
.approval-actions button { padding:8px 14px; font-size:12px; }
.approval-example .approval-status { font-size:11px; line-height:1.7; }
.audit-line { font-size:11px; }

/* The phone uses explicit rows: its content can grow without moving the composer. */
.mobile-section { background:radial-gradient(ellipse at 76% 49%,#d5e5fa 0,transparent 47%),linear-gradient(120deg,#f6f3eb,#eef3f8); gap:7%; }
.mobile-copy h2 { font-size:clamp(38px,4.1vw,72px); font-weight:700; }
.mobile-points b { font-size:15px; }
.mobile-points small { font-size:13px; color:#78899d; }
.mobile-points li { padding:15px 0; }
.mobile-copy p.mobile-scope { font-size:12px; }
.mobile-orbit { inset:7% -3%; border-color:#8eafd12b; }
.phone-shell { display:grid; grid-template-rows:34px 59px 76px 42px minmax(0,1fr) 104px 21px; width:clamp(320px,22vw,370px); height:clamp(568px,62svh,680px); background:#f7f9fd; border:5px solid #1d3255; outline:1px solid #d9e3f0; border-radius:42px; box-shadow:0 40px 80px -30px #20487850,0 5px 18px #1b3b6214; }
.phone-camera { top:11px; width:86px; height:22px; background:#1d3255; }
.phone-status { grid-row:1; padding:12px 25px 0; font-size:10px; line-height:1.2; }
.phone-brand { grid-row:2; padding:13px 21px 11px; gap:9px; font-size:16px; border-bottom:1px solid #e6ecf5; }
.phone-demo { font-size:9px; color:#7a8ca5; }
.phone-owner { grid-row:3; padding:13px 21px; gap:12px; }
.phone-owner b { font-size:14px; }
.phone-owner small { font-size:10px; color:#7f90a7; }
.phone-owner .avatar { width:38px; height:38px; font-size:13px; flex:none; }
.phone-tabs { grid-row:4; margin:0 18px; }
.phone-tabs button { padding:9px 0; font-size:11px; font-weight:500; }
.phone-tabs button[aria-selected=true] { border-bottom-width:3px; }
.phone-panel { grid-row:5; margin:15px 17px 10px; min-height:0; overflow:auto; scrollbar-width:thin; overscroll-behavior:contain; }
.phone-task { padding:15px; border-radius:15px; border-color:#e2e9f2; background:#fff; }
.phone-task-label { font-size:10px; align-items:center; margin-bottom:10px; }
.phone-task-label>span:last-child { border-radius:5px; padding:3px 6px; color:#527d6a; background:#edf6f1; white-space:nowrap; }
.phone-task h4 { font-size:15px; line-height:1.5; margin-bottom:9px; color:#244774; }
.phone-task>p { font-size:11px; line-height:1.7; color:#788ba4; }
.phone-task-steps { margin-top:14px; gap:9px; font-size:11px; line-height:1.55; }
.phone-task-steps>span { align-items:flex-start; }
.phone-task-steps i { flex:none; line-height:1.55; }
.phone-task .phone-request { font-size:11px; line-height:1.7; padding:10px 12px; }
.phone-request b { font-size:11px; }
.phone-approval-actions button { padding:8px 11px; font-size:11px; border-radius:8px; }
.phone-approval-actions button:disabled { opacity:.5; }
.phone-task .phone-feedback { font-size:10px; }
.phone-composer { position:static; grid-row:6; margin:0 16px 9px; padding:12px 12px 9px; border:1px solid #dde6f3; border-radius:18px; background:#edf3fd; display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; gap:8px; min-width:0; color:#7d91ad; }
.composer-placeholder { font-size:11px; line-height:1.5; display:block; padding:0 2px; }
.composer-toolbar { display:flex; align-items:center; gap:9px; height:34px; width:100%; }
.composer-attachment { display:flex; align-items:center; justify-content:center; width:19px; height:22px; flex:none; color:#7890ad; }
.composer-attachment svg { width:19px; height:19px; display:block; }
.composer-model { font-size:10px; display:flex; align-items:center; gap:5px; white-space:nowrap; color:#6880a1; }
.phone-composer .send-symbol { margin-left:auto; width:34px; height:34px; flex-basis:34px; }
.phone-composer .send-symbol img { width:19px; height:19px; }
.phone-home { grid-row:7; position:static; align-self:center; justify-self:center; transform:none; margin-bottom:5px; width:92px; height:4px; background:#263b60; }
.mobile-floating-note { display:none; }
.mobile-floating-note small { font-size:11px; }

/* Local model deployment is a first-class chapter. */
.local-model-section { display:grid; grid-template-columns:1fr 1.08fr; gap:8%; align-items:center; background:radial-gradient(ellipse at 82% 65%,#d7e4fb 0,transparent 44%),#f2f4f5; overflow:hidden; }
.local-model-copy h2 { font-size:clamp(37px,3.7vw,66px); font-weight:700; line-height:1.3; letter-spacing:-1.7px; margin:0 0 24px; }
.local-model-copy h2 em { font-family:var(--serif); font-weight:500; }
.local-model-intro { max-width:480px; font-size:16px; color:#687b94; line-height:1.9; margin:0; }
.deployment-benefits { list-style:none; padding:0; margin:25px 0 0; }
.deployment-benefits li { display:flex; align-items:flex-start; gap:20px; padding:17px 0; border-top:1px solid #cbd7e5; }
.deployment-benefits li>span { font:italic 27px/1.5 var(--serif); color:#899eb5; }
.deployment-benefits h3 { margin:0 0 5px; font-size:15px; font-weight:600; }
.deployment-benefits p { margin:0; font-size:12px; line-height:1.85; color:#7b8da4; }
.deployment-visual { min-width:0; }
.deployment-console { background:#fff; border:1px solid #fff; border-radius:21px; overflow:hidden; box-shadow:var(--ui-shadow); }
.ui-panel-header { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:61px; padding:18px 24px; border-bottom:1px solid #edf1f7; font-size:14px; }
.ui-panel-header>div { display:flex; align-items:center; gap:10px; }
.local-service-dot { display:block; width:7px; height:7px; border-radius:50%; background:#57a78b; box-shadow:0 0 0 4px #57a78b12; }
.deployment-tabs { display:flex; gap:6px; padding:16px 20px 0; border-bottom:1px solid #e6edf5; }
.deployment-tabs button { flex:1; padding:10px 5px 12px; font-size:12px; background:none; border:0; border-bottom:2px solid transparent; color:#8191a8; }
.deployment-tabs button[aria-selected=true] { color:var(--blue); border-color:var(--blue); }
#deployment-panel { padding:26px; min-height:357px; }
.console-kicker { display:block; font-size:10px; letter-spacing:1.8px; color:#8597b1; margin-bottom:8px; }
#deployment-panel h3 { margin:0 0 18px; font-size:21px; line-height:1.5; letter-spacing:-.5px; }
.hardware-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.hardware-metrics>div { padding:13px 16px; border-radius:11px; border:1px solid #e5ecf5; background:#f6f8fc; }
.hardware-metrics span { display:block; font-size:10px; letter-spacing:1px; color:#7f94b1; }
.hardware-metrics b { display:block; font-size:13px; margin-top:5px; font-weight:600; }
.console-note { font-size:11px; color:#8a9bb1; line-height:1.7; margin:12px 0 0; }
.recommended-model,.service-model,.permission-model { display:flex; align-items:center; gap:13px; padding:16px; background:#f3f6fc; border:1px solid #e4ebf8; border-radius:13px; margin-top:20px; min-width:0; }
.model-monogram { display:grid; place-items:center; width:40px; height:40px; flex:none; background:#e0eaff; border-radius:11px; color:#2e60bc; font:italic 25px var(--serif); }
.recommended-model>div,.service-model>div,.permission-model>div { flex:1; min-width:0; }
.recommended-model b,.service-model b,.permission-model b { font-size:14px; font-weight:600; }
.recommended-model small,.service-model small,.permission-model small { display:block; font-size:11px; color:#7d91af; margin-top:3px; line-height:1.6; }
.recommend-tag,.service-state { color:#668c78; background:#e7f2eb; padding:4px 8px; font-size:10px; border-radius:6px; white-space:nowrap; }
.service-state { color:#7e90b3; background:#e8eef8; }
.service-state.is-ready { color:#4f8a72; background:#e3f1e9; }
.model-fit-tags { display:flex; flex-wrap:wrap; gap:8px; margin:13px 0 20px; }
.model-fit-tags span { font-size:10px; color:#7b8dab; padding:4px 9px; border:1px solid #e1e9f5; border-radius:5px; }
.console-primary { width:100%; padding:11px 16px; min-height:42px; display:flex; align-items:center; justify-content:center; gap:18px; border:0; border-radius:10px; background:var(--blue); color:#fff; font-size:12px; }
.console-primary:hover { background:#174bc7; }
.console-primary:disabled { opacity:.55; }
.deployment-checklist { margin:17px 0; }
.deployment-checklist>div { display:flex; align-items:center; gap:11px; font-size:12px; padding:9px 1px; color:#8597ae; }
.deployment-checklist b { font-weight:500; }
.deployment-checklist span { font-size:10px; }
.deployment-checklist i { font-style:normal; margin-left:auto; }
.deployment-checklist .is-complete { color:#528772; }
.permission-model { margin-top:0; margin-bottom:14px; }
.permission-row { display:flex; align-items:center; gap:12px; padding:17px 0; border-bottom:1px solid #edf1f7; }
.permission-row>div { flex:1; min-width:0; }
.permission-row b { font-size:13px; }
.permission-row small { display:block; font-size:11px; color:#8b9ab0; }
.permission-row .avatar { width:34px; height:34px; flex:none; }
.permission-granted { color:#518971; font-size:11px; }
.permission-action { font-size:11px; padding:6px 9px; border:1px solid #dbe5f4; background:#f5f8fd; border-radius:7px; color:#3765ad; white-space:nowrap; }
.permission-summary { display:flex; gap:10px; margin:19px 0 0; padding:11px 13px; background:#f4f7fc; border-radius:9px; color:#8b9ab1; font-size:11px; }
.permission-summary p { margin:0; line-height:1.8; }
.deployment-console-footer { display:flex; gap:9px; background:#f9fbfe; border-top:1px solid #edf1f7; padding:14px 23px; font-size:10px; color:#8c9cb0; line-height:1.8; }
.deployment-caption { display:flex; justify-content:space-between; gap:10px; font-size:9px; letter-spacing:1.3px; padding:21px 3px 0; color:#8da0b8; }
.security-section { background:#eeeee7; }
.security-copy h2 { font-weight:700; }
.security-principles h3 { font-size:16px; }
.security-principles p { font-size:13px; max-width:410px; color:#7a8794; }
.security-map-header b { font-size:16px; }
.security-map-header small { font-size:11px; }
.security-map-header .resource-tag { font-size:10px; }
.security-path { font-size:12px; gap:7px; }
.security-path>span { padding:10px; }
.security-stores b { font-size:13px; }
.security-stores small { font-size:11px; }
.security-access { font-size:12px; }
.security-access p { font-size:12px; }
.security-access small { font-size:11px; }
.inference-card { border-radius:17px; border-color:#dce1d1; background:#f7f8f1; padding:21px 24px; }
.inference-heading { font-size:10px; letter-spacing:1.3px; color:#7d9472; }
.local-boundary-label { font-size:10px; letter-spacing:0; border:1px solid #dce5d3; padding:3px 8px; border-radius:5px; }
.inference-card h3 { font-size:19px; }
.inference-card>p { font-size:13px; line-height:1.85; color:#6f8367; }
.boundary-note { display:flex; gap:10px; padding:12px 0; border-top:1px solid #dfe5d5; }
.boundary-note>span { color:#889b7a; }
.boundary-note p { font-size:11px; line-height:1.8; margin:0; color:#88967e; }
.inference-card small { font-size:10px; color:#8d9b83; }
.faq-list details p { font-size:13px; }

@media(min-width:901px) and (min-height:680px) {
 .hero .hero-description { font-size:16px; }
 .feature-stage { height:clamp(324px,42svh,520px); }
 .feature-copy h3 { font-size:26px; }
 .feature-copy>p { font-size:13px; }
 .feature-copy ul { font-size:12px; }
 .feature-caption { font-size:10px; }
 .business-chapter-number { font-size:17px; }
 .business-chapter .eyebrow { font-size:10px; }
 .business-chapter-points { font-size:13px; margin:20px 0 24px; }
 .business-chapter-copy>p:not(.eyebrow) { font-size:16px; }
 .journey-intro>p:not(.eyebrow) { font-size:15px; }
 .step-body p { font-size:13px; }
 .step-number { font-size:40px; margin-bottom:14px; }
 .private-heading>p:not(.eyebrow) { font-size:14px; }
 .private-principle p { font-size:12px; }
 .private-layer { border-radius:17px; }
 .private-layer-items span { font-size:11px; }
 .private-footer p { font-size:11px; }
 .faq-list summary { font-size:16px; }
}
@media(min-width:901px) and (max-height:850px) {
 .deployment-caption { display:none; }
 .phone-shell { height:568px; width:320px; }
 .mobile-copy h2 { font-size:clamp(37px,3.6vw,55px); margin-bottom:17px; }
 .mobile-copy>p:not(.eyebrow),.security-intro,.local-model-intro { font-size:14px; }
 .mobile-points { margin:17px 0; }
 .mobile-points li { padding:11px 0; }
 .mobile-points b { font-size:14px; }
 .mobile-points small { font-size:12px; }
 .mobile-copy p.mobile-scope { font-size:11px; }
 .deployment-benefits { margin-top:19px; }
 .deployment-benefits li { padding:13px 0; }
 .local-model-copy h2 { font-size:clamp(36px,3.5vw,51px); margin-bottom:17px; }
 .local-model-copy .eyebrow { font-size:10px; margin-bottom:18px; }
 #deployment-panel { min-height:351px; padding:22px; }
 .deployment-caption { padding-top:16px; }
 .security-principles h3 { font-size:15px; }
 .security-principles p { font-size:12px; }
 .security-map { padding:19px; }
 .security-path { padding:18px 0; font-size:11px; }
 .security-stores>div { padding:13px 7px; }
 .inference-card { padding:17px 20px; }
 .inference-card>p { font-size:12px; }
 .inference-card h3 { font-size:17px; margin-top:12px; }
 .boundary-note { padding:9px 0; }
}
@media(max-width:1100px) and (min-width:901px) {
 .site-header nav { gap:17px; font-size:12px; }
 .nav-action { padding:8px 16px; }
 .local-model-section,.mobile-section { gap:5%; }
 .mobile-floating-note { right:-2%; padding:14px; font-size:11px; }
 .mobile-floating-note small { font-size:10px; }
 .skill-command { display:none; }
 .security-path { font-size:10px; }
}
@media(max-width:900px) {
 .page-meter { display:none; }
 .site-header nav { font-size:15px; gap:0; }
 .site-header nav>a { min-height:48px; display:flex; align-items:center; }
 .site-header nav>a.nav-action { justify-content:center; }
 .page-meter { font-size:9px; }
 .local-model-section { grid-template-columns:1fr; gap:36px; }
 .local-model-copy h2 { font-size:38px; }
 .local-model-copy .eyebrow { font-size:10px; letter-spacing:1.4px; }
 .local-model-intro { font-size:14px; }
 .deployment-benefits { margin-top:23px; }
 .deployment-benefits h3 { font-size:15px; }
 .deployment-benefits p { font-size:12px; }
 .deployment-visual { width:100%; max-width:580px; justify-self:center; }
 .deployment-console { border-radius:18px; }
 .ui-panel-header { padding:17px 19px; }
 .deployment-tabs { padding:13px 13px 0; }
 .deployment-tabs button { font-size:11px; }
 #deployment-panel { padding:21px; min-height:359px; }
 #deployment-panel h3 { font-size:19px; }
 .hardware-metrics { gap:7px; }
 .hardware-metrics>div { padding:12px 9px; }
 .hardware-metrics b { font-size:12px; }
 .recommended-model,.service-model,.permission-model { padding:13px; gap:10px; }
 .recommended-model b,.service-model b,.permission-model b { font-size:13px; }
 .recommended-model small,.service-model small,.permission-model small { font-size:10px; }
 .deployment-console-footer { padding:13px 18px; }
 .deployment-caption { font-size:8px; letter-spacing:.5px; }
 .mobile-copy h2,.security-copy h2 { font-size:38px; }
 .mobile-copy>p:not(.eyebrow),.security-intro,.business-chapter-copy>p:not(.eyebrow) { font-size:14px; }
 .mobile-visual { padding-bottom:27px; margin-top:2px; }
 .phone-shell { width:310px; max-width:100%; height:590px; border-radius:38px; }
 .mobile-floating-note { right:-5px; bottom:7px; padding:12px 16px; font-size:12px; border-radius:13px; }
 .mobile-floating-note small { font-size:10px; }
 .mobile-floating-note>span { width:27px; height:27px; }
 .mobile-points { margin:22px 0; }
 .mobile-points b { font-size:14px; }
 .mobile-points small { font-size:12px; }
 .business-chapter-number { font-size:16px; }
 .business-chapter-points { font-size:12px; }
 .report-header,.agenda-header,.opc-board-header { padding:17px 19px; }
 .report-body { padding:21px; }
 .report-item { gap:11px; }
 .report-item b,.agenda-item b { font-size:13px; }
 .report-item p,.agenda-item small { font-size:11px; }
 .report-item>span.report-item-state { font-size:9px; padding:4px 6px; }
 .report-review-note span { font-size:11px; }
 .agenda-owner { padding:21px; }
 .agenda-list { padding:0 21px; }
 .agenda-item { gap:10px; }
 .agenda-owner h3 { font-size:15px; }
 .agenda-item>span.agenda-state { font-size:9px; }
 .opc-columns { gap:8px; padding:18px 15px; }
 .opc-column>span { font-size:10px; }
 .opc-task b { font-size:12px; }
 .opc-task p { font-size:10px; }
 .opc-task>span { font-size:9px; }
 .opc-board-intro p,.opc-board-footer { font-size:11px; }
 .terminal-content { font-size:11px; }
 .preview-chat { grid-template-columns:1fr; padding:18px; }
 .preview-wallpaper { display:none; }
 .preview-agent { padding:17px; }
 .preview-composer { font-size:11px; }
 .feature-copy h3 { font-size:26px; }
 .feature-copy>p { font-size:14px; }
 .feature-copy ul { font-size:13px; }
 .feature-tabs button { padding:12px 5px; font-size:12px; }
 .feature-tabs button span { display:none; }
 .feature-visual { padding:0 19px 24px; }
 .local-model-link b { font-size:12px; }
 .local-model-link small { font-size:10px; }
 .skill-command { display:none; }
 .preview-row small { font-size:10px; }
 .security-map { padding:18px; }
 .security-map-header b { font-size:14px; }
 .security-path { font-size:10px; gap:4px; }
 .security-path>span { padding:8px 6px; }
 .security-stores { gap:8px; }
 .security-stores b { font-size:12px; }
 .security-stores small { font-size:10px; }
 .security-access,.security-access p { font-size:11px; }
 .security-access small { font-size:10px; }
 .inference-card { padding:19px; }
 .inference-card h3 { font-size:19px; }
 .inference-card>p { font-size:13px; }
 .security-principles h3 { font-size:15px; }
 .security-principles p { font-size:13px; }
 .hero .mini-agent { width:75%; min-width:0; padding:13px; right:12px; }
 .hero .desktop-name { font-size:31px; }
 .hero .desktop-name em { font-size:27px; }
 .hero .desktop-files { display:none; }
 .mini-agent-header { font-size:11px; }
 .demo-user { font-size:11px; }
 .demo-answer { font-size:10px; }
 .mini-progress { font-size:10px; }
 .mini-composer { font-size:10px; }
 .hero-description { font-size:15px; }
 .step-body p { font-size:13px; }
 .private-principle p { font-size:13px; }
 .private-layer-items span { font-size:10px; }
}
@media(max-width:360px) {
 .phone-shell { width:290px; }
 .phone-composer { margin-inline:12px; }
 .phone-panel { margin-inline:13px; }
 .composer-model { font-size:9px; }
 .permission-row { gap:8px; }
 .permission-action { font-size:10px; padding:5px 6px; }
 .report-item-state { display:none; }
}