/* Site and browser preview aligned with the current All in Term graphite interface. */
.site-header .brand-mark,.site-footer .brand-mark { width: 40px; height: 40px; border: 0; background: transparent; box-shadow: none; border-radius: 0; }
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.showcase-appmark img { display: block; width: 30px; height: 30px; object-fit: contain; }
.showcase-rail-brand img { display: block; width: 34px; height: 34px; object-fit: contain; }
.ait-rail-logo:has(img) { width: 34px; height: 34px; border: 0; background: transparent; }
.ait-rail-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.home-blog-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 36px; }
.home-blog-heading h2 { font-size: clamp(32px, 4vw, 54px); line-height: 1.1; letter-spacing: -.045em; margin: 20px 0; }
.home-blog-heading p { max-width: 560px; color: var(--muted); line-height: 1.8; }
.home-blog-heading .button { flex-shrink: 0; }
.home-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.home-blog-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(135deg, #ffffff08, #ffffff02); }
.home-blog-image { display: block; aspect-ratio: 1.7; overflow: hidden; border-bottom: 1px solid var(--line); background: #1a2024; }
.home-blog-image img { width: 100%; height: 100%; object-fit: contain; }
.home-blog-copy { padding: 25px; }
.home-blog-copy .section-index { font-size: 10px; }
.home-blog-copy h3 { font-size: 23px; line-height: 1.35; letter-spacing: -.025em; margin: 16px 0; }
.home-blog-copy h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.home-blog-copy p { color: var(--muted); font-size: 14px; line-height: 1.8; }
.home-blog-copy .underlined-link { margin-top: 14px; font-size: 13px; }
@media (max-width: 1000px) { .home-blog-grid { gap: 15px; } .home-blog-copy { padding: 20px; } .home-blog-copy h3 { font-size: 20px; } }
@media (max-width: 760px) { .home-blog-heading { flex-direction: column; align-items: flex-start; } .home-blog-grid { grid-template-columns: minmax(0, 1fr); } .home-blog-image { aspect-ratio: 2; } }
.site-footer nav { flex-wrap: wrap; }
.site-footer > * { min-width: 0; }
@media (min-width: 821px) and (max-width: 1100px) {
  .site-header { gap: 20px; }
  .primary-nav { gap: 17px; }
  .site-header .header-cta { display: none; }
}
:root {
  --base: #111416;
  --surface: #1c2022;
  --surface-2: #24292c;
  --surface-3: #30373b;
  --text: #f0f2f3;
  --muted: #bdc6ca;
  --subtle: #8d989e;
  --line: #394147;
  --line-strong: #536067;
  --accent: #f0f2f3;
  --accent-2: #cbd3d6;
}
body { background: var(--base); }
body::before { background: linear-gradient(90deg, transparent 0, transparent calc(50% - 1px), rgba(255,255,255,.018) 50%, transparent calc(50% + 1px)); }
::selection { background: #cbd3d6; color: #111416; }
.scroll-progress { height: 2px; background: #e4e9eb; box-shadow: none; }
.glass { background: rgba(28,32,34,.92); border-color: var(--line); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.site-header { top: 0; width: 100%; max-width: none; height: 64px; margin: 0; padding-inline: max(30px, calc((100vw - var(--max)) / 2)); border: 0; border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: none; }
.brand { font-size: 17px; letter-spacing: -.045em; }
.brand-mark { width: 34px; height: 34px; background: #30373b; border-color: #495258; color: #f0f2f3; }
.primary-nav a, .header-cta { color: #c4cdd1; font-size: 13px; }
.header-cta { padding: 10px 14px; background: #30373b; }
.header-cta span { color: #e6ebed; }
.hero { display: block; min-height: 0; padding-block: 108px 92px; }
.hero::before { display: none; }
.hero-copy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .48fr); align-items: end; gap: 0 60px; }
.hero-copy .eyebrow { grid-column: 1 / -1; }
.eyebrow, .section-index { color: #adb8bd; letter-spacing: .12em; font-size: 11px; }
.eyebrow-line { background: #aeb8bc; }
.hero h1 { max-width: 980px; margin: 29px 0 0; font-size: clamp(58px, 6.4vw, 94px); line-height: .99; letter-spacing: -.077em; font-weight: 610; }
.hero h1 span { color: #9ea9ad; }
.hero-copy > p { max-width: 510px; align-self: end; margin: 0 0 5px; color: #bdc6ca; font-size: clamp(17px,1.35vw,20px); line-height: 1.58; }
.hero-actions { grid-column: 1; margin-top: 33px; }
.hero-foot { grid-column: 2; align-self: center; margin: 33px 0 0; gap: 10px 20px; color: #aab5b9; font-size: 11px; }
.hero-foot i { background: #c3ccd0; box-shadow: none; }
.button { min-height: 47px; padding-inline: 18px; font-size: 13px; border-radius: 5px; }
.button-primary { background: #e7ecee; color: #161b1d; }
.button-primary:hover { background: #fff; }
.button-quiet { color: #e8edef; background: #252a2d; border-color: #485258; }
.button-quiet:hover { border-color: #8e9a9f; }
.hero-stage { margin-top: 58px; padding: 0; perspective: none; }
.stage-caption { margin-top: 11px; color: #89969b; font-size: 10px; }
.operating-strip { padding-block: 22px; color: #a8b4b8; font-size: 10px; }
.section { padding-block: 112px; }
.section-heading h2, .security-copy h2 { font-size: clamp(42px,4.4vw,66px); letter-spacing: -.065em; }
.section-heading p { color: #b6c0c4; font-size: 16px; }
.thesis-mark { color: #9ca7ab; }
.thesis-copy p, .feature-section-head p { color: #b6c0c4; }
.underlined-link { border-color: #8f9da3; }
.capability-nav { background: #1c2022; }
.capability-nav a { color: #c1cbce; font-size: 13px; }
.capability-nav a:hover { color: white; background: #30373b; }
.feature-card { grid-template-columns: 162px minmax(0,1fr); min-height: 257px; background: #1b2022; border-color: #384247; }
.feature-card:hover { background: #242a2d; border-color: #738087; transform: translateY(-2px); }
.feature-art { background: #202527; }
.feature-art img { width: 140px; height: 140px; filter: saturate(.3) brightness(.88); }
.feature-card:hover .feature-art img { filter: saturate(.45) brightness(1); }
.feature-content { padding: 25px 28px; }
.feature-index { color: #a9b5b9; font-size: 10px; }
.feature-content h3 { color: #edf1f2; font-size: 21px; }
.feature-content p { color: #bdc7ca; font-size: 14px; line-height: 1.56; }
.feature-content li { color: #a4b0b4; font-size: 12px; }
.feature-content li::before { background: #a7b4b8; }
.security-visual, .cta-panel { background-color: #1c2022; }
.faq-list summary { color: #eef1f2; }
.faq-list p { color: #b9c4c7; }

/* Interactive app sample: same shell hierarchy, rail and typography as the desktop UI. */
.demo-intro-bar { border-color: #485258; background: #24292c; color: #e3e8ea; font-size: 11px; }
.demo-intro-bar i, .ait-demo-label i { background: #c7d0d3; box-shadow: none; }
.demo-intro-bar > span:last-child { color: #abb7bb; }
.demo-shortcuts { border-color: #485258; background: #1c2022; padding: 9px 12px; gap: 5px; }
.demo-shortcuts button { color: #b7c2c5; font-size: 12px; }
.demo-shortcuts button.active, .demo-shortcuts button:hover { border-color: #5c686e; color: #f2f5f5; background: #30373b; }
.demo-disclaimer { color: #9eaaae; font-size: 12px; }
.ait-demo { border-color: #485258; color: #e8edef; background: #111416; box-shadow: 0 25px 65px rgba(0,0,0,.28); }
.ait-demo button:focus-visible, .ait-demo input:focus-visible { outline-color: #e0e6e8; }
.ait-demo-label { background: #24292c; color: #dbe2e4; border-color: #394147; }
.ait-demo-label span:last-child { color: #aab6ba; }
.ait-topbar { height: 44px; background: #1c2022; border-color: #394147; }
.ait-topbar > button { color: #d1dadd; background: #24292c; border-color: #394147; }
.ait-topbar > button:hover { border-color: #76838a; color: white; }
.ait-top-toggle { background: #24292c !important; color: #d1dadd !important; }
.ait-session-tab { min-width: 130px; background: #24292c; border-color: #394147; color: #eef1f2; font-size: 11px; }
.ait-session-tab svg { width: 13px; height: 13px; }
.ait-session-tab i { width: 5px; height: 5px; background: #75868b; box-shadow: none; }
.ait-shortcut kbd { color: #b3c0c4; border-color: #566168; }
.ait-pro { background: #30373b; border-color: #485258; color: #e9edef; font-size: 10px; }
.ait-rail { flex-basis: 56px; background: #1c2022; border-color: #394147; }
.ait-rail-brand { justify-content: center; height: 50px; padding: 0; border-color: #394147; }
.ait-rail-logo { width: 36px; height: 36px; border: 0; background: transparent; color: #e3e8ea; font-size: 14px; }
.ait-rail-main { padding: 8px 5px; gap: 4px; }
.ait-rail-item, .ait-rail-bottom button { justify-content: center; width: 44px; min-height: 39px; padding: 7px; color: #b4bec2; font-size: 0 !important; }
.ait-rail-item svg, .ait-rail-bottom svg { width: 18px; height: 18px; color: currentColor; }
.ait-rail-item.active { color: #eef1f2; background: #30373b; border-color: transparent; box-shadow: inset 2px 0 #c9d2d5; }
.ait-rail-item:hover, .ait-rail-bottom button:hover { background: #30373b; }
.ait-rail-rule { margin: 8px 5px; background: #394147; }
.ait-rail-bottom { justify-items: center; border-color: #394147; padding: 8px 5px; }
.ait-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; }
.ait-workspace { flex-basis: 270px; background: #1c2022; border-color: #394147; padding: 15px 12px; }
.ait-workspace-title span { color: #9aa8ad; font-size: 9px; }
.ait-workspace-title strong { font-size: 16px; }
.ait-search { height: 35px; background: #1a1e20; border-color: #485258; color: #a9b4b8; }
.ait-search input { color: #e9edef; font-size: 12px; }
.ait-search input::placeholder { color: #98a4a9; }
.ait-workspace-group { color: #a7b3b7; font-size: 10px; }
.ait-workspace-group span { color: #d0d8da; }
.ait-server-local, .ait-server-selected { min-height: 51px; background: transparent; color: #e8edef; border-color: transparent; border-bottom-color: #394147; border-radius: 0; }
.ait-server-selected { background: #30373b; border-color: #4c585e; border-radius: 5px; }
.ait-server-local svg, .ait-server-selected svg { color: #b6c2c6; }
.ait-server-local b, .ait-server-selected b { font-size: 12px; }
.ait-server-local small, .ait-server-selected small { color: #abb7bb; font-size: 10px; }
.ait-server-selected em { color: #b9c5c9; }
.ait-server-selected > i, .ait-server-vitals strong i { background: #b4c3c7; }
.ait-server-vitals { background: #202527; border-color: #394147; }
.ait-server-vitals small, .ait-server-vitals strong { font-size: 10px; }
.ait-server-vitals small b { color: #e3e9eb; }
.ait-mini-bar { background: #30383c; }
.ait-mini-bar i, .ait-mini-bar.purple i, .ait-mini-bar.blue i { background: #aebbc0; }
.ait-main, .ait-content-scroll { background: #1c2022; }
.ait-view-toolbar, .ait-workspace-header, .ait-subtabs { background: #202527; border-color: #394147; }
.ait-breadcrumb strong { font-size: 12px; }
.ait-breadcrumb small { color: #aab7bb; font-size: 11px; }
.ait-toolbar-actions button, .ait-workspace-header button { color: #c4cfd2; font-size: 11px; }
.ait-toolbar-actions button:hover, .ait-workspace-header button:hover { color: #fff; border-color: #59666c; background: #30373b; }
.ait-terminal { background: #141719; }
.ait-terminal-output { color: #d0d8db; font-size: 13px; line-height: 1.62; }
.ait-terminal-form label, .ait-terminal-form input { color: #e2e9eb; font-size: 13px; }
.ait-terminal-form input::placeholder { color: #8d999e; }
.ait-terminal-status { color: #a9b5ba; font-size: 10px; border-color: #394147; }
.ait-green, .ait-prompt { color: #c2d2d6; }
.ait-green-dot, .ait-terminal-status i { background: #94b9ab; box-shadow: none; }
.ait-sftp, .ait-sftp-full { background: #202527; border-color: #394147; }
.ait-sftp-heading, .ait-sftp-path, .ait-sftp-tools, .ait-files-head, .ait-file-row, .ait-sftp-footer { border-color: #394147; }
.ait-sftp-heading strong { font-size: 12px; }
.ait-sftp-heading small, .ait-sftp-footer { color: #a7b5b9; font-size: 10px; }
.ait-sftp-path { color: #a7b4b8; font-size: 11px; }
.ait-sftp-path b { color: #e5ecee; }
.ait-sftp-heading button, .ait-sftp-path button, .ait-sftp-tools > button, .ait-file-preview button { color: #e0e7e9; background: #30373b; border-color: #566168; font-size: 11px; }
.ait-files-head { background: #252b2e; }
.ait-files-head button { color: #bac5c9; font-size: 10px; }
.ait-file-row { color: #d4dfe2; }
.ait-file-row:hover, .ait-file-row.selected { background: #303a3e; }
.ait-file-row svg { color: #bdc8cb; }
.ait-file-row b { font-size: 11px; }
.ait-file-row small { color: #a7b5ba; font-size: 10px; }
.ait-workspace-header h3 { color: #eef1f2; font-size: 17px; }
.ait-workspace-header p, .ait-workspace-header > div:not(.ait-header-icon) > span { color: #aebabe; font-size: 11px; }
.ait-header-icon, .ait-tool-icon { color: #dbe4e6; background: #30373b; border-color: #4c575d; }
.ait-tab { color: #c2cdd0; font-size: 11px !important; }
.ait-tab.active { color: #f2f5f5; background: #30373b; border-color: #566168; }
.ait-tab:hover { background: #30373b; }
.ait-care-hero, .ait-panel-intro { background: #252b2e; border-color: #485258; }
.ait-care-hero span, .ait-panel-intro > span { color: #b9c5c9; font-size: 10px; }
.ait-care-hero h4, .ait-panel-intro h4 { color: #eef2f3; }
.ait-care-hero p, .ait-panel-intro p { color: #bdc7ca; font-size: 12px; }
.ait-care-hero button, .ait-action-row button, .ait-demo-options button.active, .ait-tool-item > button:not(.subtle) { background: #dde4e6; border-color: #dde4e6; color: #1a1f21; font-size: 11px; }
.ait-care-hero img { filter: grayscale(1) brightness(.9); opacity: .5; }
.ait-metric-grid > div, .ait-data-panel, .ait-tool-list, .ait-db-tree { background: #202527; border-color: #394147; }
.ait-metric-grid > div > span, .ait-panel-head span, .ait-table-head { color: #b1bec2; font-size: 10px; }
.ait-metric-grid strong { color: #edf1f2; }
.ait-metric-grid p { color: #aab7bb; font-size: 11px; }
.ait-panel-head, .ait-key-value, .ait-table-line, .ait-list-line, .ait-check-row, .ait-tool-item, .ait-container-row { border-color: #394147; }
.ait-panel-head strong { font-size: 12px; }
.ait-table-head { background: #282f32; }
.ait-table-line, .ait-key-value, .ait-list-line { color: #d2dcdf; font-size: 11px; }
.ait-key-value b { color: #f0f2f3; }
.ait-check-row b, .ait-tool-item strong, .ait-container-row b { font-size: 12px; }
.ait-check-row small, .ait-tool-item small, .ait-container-row small { color: #aebabe; font-size: 10px; }
.ait-filter-row > button, .ait-db-tree > button, .ait-demo-options button { color: #c2cdd0; background: #252b2e; border-color: #485258; font-size: 11px; }
.ait-filter-row > button.active, .ait-db-tree > button.active, .ait-db-tree > button:hover { color: #f0f3f4; background: #30383c; border-color: #5a676d; }
.ait-tool-item { background: #202527; }
.ait-tool-item > span, .ait-runtime-bar { color: #b4c0c4; font-size: 10px; }
.ait-tool-item > button.subtle, .ait-container-row button { color: #e0e7e9; background: #30373b; border-color: #566168; font-size: 11px; }
.ait-pill { color: #c9d4d7; background: #30373b; border-color: #566168; }
.ait-pill.green, .ait-pill.warm { color: #dbe7e1; background: #34433c; border-color: #4b6254; }
.ait-pill.warm, .ait-severity, .ait-finding > span { color: #ebcfaa; background: #4b4031; border-color: #675641; }
.ait-finding b { font-size: 12px; }
.ait-finding p { color: #b4c0c4; font-size: 11px; }
.ait-performance-bars i { background: #a3b0b5; }
.ait-modal-backdrop { background: rgba(10,12,13,.8); }
.ait-palette, .ait-confirm { background: #24292c; border-color: #59666c; color: #eef2f3; }
.ait-palette > label, .ait-palette-foot, .ait-confirm .ait-key-value { border-color: #485258; }
.ait-palette input { color: #eef2f3; }
.ait-palette > button { color: #e3eaec; font-size: 12px; }
.ait-palette > button:hover { background: #30373b; }
.ait-confirm p { color: #bdc8cc; font-size: 12px; }
.ait-confirm > button { color: #182023; background: #e2e8ea; border-color: #e2e8ea; font-size: 11px; }
.ait-toast { background: #30373b; border-color: #657178; color: #eef2f3; font-size: 11px; }
.ait-scale-options { display: flex; gap: 7px; margin-top: 16px; }
.ait-scale-options button { min-width: 75px; min-height: 36px; border: 1px solid #566168; border-radius: 5px; color: #dbe4e7; background: #30373b; font-size: 12px; cursor: pointer; }
.ait-scale-options button.active { border-color: #e1e8ea; color: #14191b; background: #e1e8ea; }
.ait-demo[data-demo-scale="100"] .ait-terminal-output, .ait-demo[data-demo-scale="100"] .ait-terminal-form label, .ait-demo[data-demo-scale="100"] .ait-terminal-form input { font-size: 11px; }
.ait-demo[data-demo-scale="125"] .ait-terminal-output, .ait-demo[data-demo-scale="125"] .ait-terminal-form label, .ait-demo[data-demo-scale="125"] .ait-terminal-form input { font-size: 15px; }
.ait-demo[data-demo-scale="125"] .ait-file-row b, .ait-demo[data-demo-scale="125"] .ait-table-line, .ait-demo[data-demo-scale="125"] .ait-tool-item strong { font-size: 13px; }
.ait-demo[data-demo-scale="125"] .ait-server-local b, .ait-demo[data-demo-scale="125"] .ait-server-selected b, .ait-demo[data-demo-scale="125"] .ait-panel-head strong, .ait-demo[data-demo-scale="125"] .ait-key-value, .ait-demo[data-demo-scale="125"] .ait-list-line { font-size: 13px; }
.ait-demo[data-demo-scale="125"] .ait-workspace-header h3, .ait-demo[data-demo-scale="125"] .ait-workspace-title strong { font-size: 19px; }
@media (max-width: 1190px) {
  .hero-copy { grid-template-columns: 1fr; }
  .hero-copy > p { margin-top: 24px; }
  .hero-foot { grid-column: 1; margin-top: 26px; }
  .ait-workspace { flex-basis: 220px; }
  .ait-rail { flex-basis: 56px; }
}
@media (max-width: 880px) {
  .site-header { padding-inline: 22px; }
  .hero { padding-block: 84px 55px; }
  .hero h1 { font-size: clamp(56px,8vw,72px); }
  .ait-rail { flex-basis: 52px; }
  .ait-rail-item, .ait-rail-bottom button { width: 40px; }
  .ait-workspace { flex-basis: 190px; }
  .feature-card { grid-template-columns: 128px minmax(0,1fr); }
  .feature-art img { width: 110px; height: 110px; }
}
@media (max-width: 650px) {
  .hero { padding-block: 69px 45px; }
  .hero h1 { font-size: clamp(49px,11vw,66px); }
  .hero-copy > p { font-size: 16px; }
  .hero-stage { margin-top: 35px; }
  .stage-caption { font-size: 8px; }
  .operating-strip { flex-wrap: wrap; justify-content: flex-start; gap: 11px 18px; }
  .section { padding-block: 82px; }
  .feature-card { grid-template-columns: 108px minmax(0,1fr); min-height: 258px; }
  .feature-content { padding: 17px 15px; }
  .feature-art img { width: 94px; height: 94px; }
  .feature-content h3 { font-size: 17px; }
  .feature-content p { font-size: 12px; }
  .feature-content li { font-size: 11px; }
  .ait-topbar { height: 40px; }
  .ait-workspace { display: none; }
  .ait-rail { flex-basis: 48px; }
  .ait-rail-item, .ait-rail-bottom button { width: 38px; }
  .ait-view-toolbar { padding-inline: 9px; }
  .ait-breadcrumb small { display: none; }
  .ait-toolbar-actions button:not(:first-child) { display: none; }
  .ait-toolbar-actions button:first-child { font-size: 11px; padding: 6px 8px; }
  .ait-terminal-output { font-size: 11px; }
  .ait-terminal-form label, .ait-terminal-form input { font-size: 10px; }
}
@media (max-width: 390px) {
  .feature-card { grid-template-columns: 92px minmax(0,1fr); }
  .feature-art img { width: 82px; height: 82px; }
}