/* v2.0 Technology Roadmap — original Omnitechnicus theme tokens. */
.technology-hero { padding-top:110px; padding-bottom:52px; }
.technology-hero h1 { max-width:18ch; }
.technology-hero > .container > p { max-width:800px; }
.technology-brand-strip { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; margin:56px 0 0; padding:27px 0; border-block:1px solid var(--line); list-style:none; }
.technology-brand-strip li { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-width:0; color:var(--text); font-size:.91rem; font-weight:780; }
.technology-brand-strip .technology-mark { width:96px; height:29px; color:var(--muted); }
.technology-brand-strip .technology-initials { width:32px; font-size:.71rem; letter-spacing:-.04em; }
.technology-mark { display:block; flex:none; width:42px; height:42px; color:var(--blue-bright); background:currentColor; mask:var(--vendor-mark) center/contain no-repeat; -webkit-mask:var(--vendor-mark) center/contain no-repeat; mask-mode:alpha; }
.technology-card .technology-mark-ninjaone,.technology-card .technology-mark-huntress,.technology-card .technology-mark-tenable,.technology-card .technology-mark-knowbe4,.technology-card .technology-mark-hudu,.technology-card .technology-mark-jamf { width:112px; height:42px; }
.technology-initials { display:grid; place-items:center; width:48px; height:48px; background:rgba(47,114,255,.08); mask:none; -webkit-mask:none; border:1px solid var(--line-strong); border-radius:12px; font-family:var(--font-display); font-size:1.02rem; font-weight:850; letter-spacing:-.05em; }
.technology-intro { padding-top:8px; padding-bottom:46px; }
.technology-fit-panel { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:42px; align-items:center; padding:32px; border:1px solid var(--line); border-left:3px solid var(--gold); border-radius:var(--radius); background:var(--panel); }
.technology-fit-panel .eyebrow { margin-bottom:12px; }
.technology-fit-panel h2 { max-width:18ch; font-size:clamp(1.65rem,2.6vw,2.3rem); }
.technology-scope { margin-top:13px; font-size:.85rem; }
.technology-catalog { padding-bottom:84px; scroll-margin-top:106px; }
.technology-jump { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:58px; }
.technology-jump a { padding:10px 14px; color:var(--muted); border:1px solid var(--line-strong); border-radius:999px; background:var(--panel); font-size:.81rem; font-weight:740; transition:color .18s ease,border-color .18s ease,background .18s ease; }
.technology-jump a:hover { color:var(--blue-bright); border-color:var(--blue); background:rgba(47,114,255,.08); }
.technology-section { margin-bottom:70px; scroll-margin-top:116px; }
.technology-section:last-child { margin-bottom:0; }
.technology-section-heading { display:flex; gap:20px; align-items:flex-start; margin-bottom:25px; }
.technology-number { flex:none; margin-top:4px; padding-top:5px; color:var(--gold); font-family:var(--font-display); font-size:.87rem; font-weight:850; letter-spacing:.08em; }
.technology-section-heading h2 { font-size:clamp(1.8rem,3vw,2.6rem); }
.technology-section-heading p { max-width:800px; margin-top:11px; font-size:.97rem; }
.technology-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.technology-grid-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.technology-grid-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.technology-card { display:flex; flex-direction:column; min-width:0; padding:27px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,rgba(20,30,51,.84),rgba(10,16,29,.82)); box-shadow:0 18px 60px rgba(0,0,0,.14); transition:border-color .2s ease,box-shadow .2s ease; }
.technology-card:hover { border-color:var(--line-strong); box-shadow:0 18px 60px rgba(0,0,0,.22); }
.technology-card-heading { display:flex; gap:16px; align-items:center; min-height:55px; margin-bottom:20px; }
.technology-card-heading > div { min-width:0; }
.technology-role { margin-bottom:6px; color:var(--blue-bright); font-size:.66rem; font-weight:820; line-height:1.4; letter-spacing:.10em; text-transform:uppercase; }
.technology-card h3 { font-size:1.4rem; line-height:1.16; }
.technology-description { font-size:.94rem; line-height:1.7; }
.technology-products { display:flex; flex-wrap:wrap; gap:7px; margin:20px 0 26px; padding:0; list-style:none; }
.technology-products li { padding:5px 9px; color:var(--text); border:1px solid var(--line); border-radius:7px; background:rgba(47,114,255,.045); font-size:.7rem; font-weight:640; line-height:1.45; }
.technology-card-links { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:auto; padding-top:18px; border-top:1px solid var(--line); }
.technology-service-link { color:var(--blue-bright); font-size:.84rem; font-weight:760; }
.technology-service-link span { color:var(--gold); }
.technology-service-link:hover { color:var(--text); }
.technology-microsoft { border-color:var(--line-strong); padding:32px; }
.technology-microsoft > .technology-description { max-width:820px; }
.technology-microsoft-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:25px 0 0; padding:0; list-style:none; }
.technology-microsoft-grid li { min-width:0; }
.technology-microsoft-grid a { display:block; height:100%; padding:19px; border:1px solid var(--line); border-radius:14px; background:rgba(47,114,255,.035); transition:border-color .18s ease,background .18s ease; }
.technology-microsoft-grid a:hover { border-color:var(--blue); background:rgba(47,114,255,.08); }
.technology-microsoft-grid strong { display:block; color:var(--text); font-size:.94rem; line-height:1.4; }
.technology-microsoft-grid strong span { color:var(--gold); }
.technology-microsoft-grid a > span { display:block; margin-top:9px; color:var(--muted); font-size:.83rem; line-height:1.6; }
.technology-additional { scroll-margin-top:82px; }
.technology-additional .section-heading,.technology-operations .section-heading { max-width:850px; }
.technology-card-compact { padding:23px; }
.technology-card-compact .technology-card-heading { flex-wrap:wrap; gap:14px; }
.technology-card-compact .technology-description { font-size:.9rem; }
.technology-operations { padding-bottom:25px; }
[data-theme="light"] .technology-card { background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,244,251,.96)); box-shadow:0 18px 55px rgba(24,49,88,.08); }
[data-theme="light"] .technology-card:hover { box-shadow:0 18px 55px rgba(24,49,88,.12); }
[data-theme="light"] .technology-fit-panel,[data-theme="light"] .technology-jump a { background:rgba(255,255,255,.88); }
[data-theme="light"] .technology-products li { color:var(--muted); background:rgba(47,103,216,.035); }
@media (max-width:1020px) {
  .technology-hero { padding-top:90px; }
  .technology-grid,.technology-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .technology-brand-strip { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
  .technology-fit-panel { gap:28px; }
  .technology-microsoft-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .technology-hero { padding-top:85px; padding-bottom:34px; }
  .technology-brand-strip { margin-top:38px; }
  .technology-fit-panel { grid-template-columns:1fr; padding:25px; gap:18px; }
  .technology-fit-panel h2 { max-width:none; }
  .technology-grid,.technology-grid-two,.technology-grid-four { grid-template-columns:1fr; }
  .technology-jump { gap:8px; margin-bottom:42px; }
  .technology-jump a { padding:9px 12px; font-size:.76rem; }
  .technology-section-heading { gap:14px; }
  .technology-section { margin-bottom:52px; }
  .technology-microsoft { padding:25px; }
  .technology-card-compact .technology-card-heading { flex-wrap:nowrap; }
  .technology-catalog { padding-bottom:56px; }
}
@media (max-width:460px) {
  .technology-brand-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .technology-brand-strip li { justify-content:center; }
  .technology-microsoft-grid { grid-template-columns:1fr; }
  .technology-card { padding:23px; }
  .technology-role { font-size:.63rem; }
}