.process-band { padding:112px var(--ateam-gutter); }
.process-band > .alignwide { width:100%; max-width:1320px; margin-inline:auto; }
.process-band--light { background:#ecefeb; color:#1b2420; }
.process-band--dark { background:#111313; color:#f3f4f1; }
.process-heading { display:grid; grid-template-columns:1fr 2.2fr; gap:64px; margin-bottom:64px; }
.process-heading h2 { font-size:48px; line-height:1.15; font-weight:400; margin:0; }
.process-heading p:not(.eyebrow) { max-width:630px; margin:28px 0 0; line-height:1.8; color:#b2bcb5; }
.process-band--light .process-heading p:not(.eyebrow) { color:#526057; }
.competence-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #becac0; }
.competence { padding:32px; border-right:1px solid #becac0; min-width:0; }
.competence:first-child { padding-left:0; }
.competence:last-child { padding-right:0; border-right:0; }
.competence img { display:block; width:160px; height:140px; object-fit:contain; margin:28px auto; }
.competence h3 { font-size:26px; font-weight:400; margin:0 0 20px; }
.competence p { font-size:14px; line-height:1.8; color:#526057; }
.process-link { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; padding-block:16px; margin-top:32px; border-bottom:1px solid #82968a; font-family:'Space Grotesk',sans-serif; text-decoration:none; }
.process-band .solutions-showcase { margin-inline:auto; max-width:1320px; }
.technology-band { border-top:1px solid #343838; }
.technology-band .process-heading { margin-bottom:72px; }
.technology-band .process-heading h2 { font-size:40px; }
.technology-grid { display:grid; grid-template-columns:1fr 3fr; gap:64px; }
.technology-group { padding-top:24px; border-top:1px solid var(--ateam-border); min-width:0; }
.technology-group > .eyebrow { margin:0 0 36px; color:var(--ateam-muted); font-size:11px; }
.technology-group__marks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.technology-group--product .technology-group__marks { grid-template-columns:1fr; }
.technology-grid article { min-width:0; }
.technology-grid h3 { height:56px; margin:0; display:flex; align-items:center; }
.technology-grid h3 img { --mark-width:180px; --mark-height:38px; }
.technology-grid a { display:block; text-decoration:none; padding-block:4px 28px; }
.technology-scope { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:24px; font-size:13px; color:var(--ateam-muted); transition:color .2s; }
.technology-scope .lucide { width:16px; height:16px; flex-shrink:0; color:var(--ateam-sage); }
.technology-grid a:hover .technology-scope { color:var(--ateam-white); }
.ecosystem-note { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:36px; padding-top:28px; border-top:1px solid var(--ateam-border); }
.ecosystem-note > .eyebrow { margin:0; font-size:11px; color:var(--ateam-muted); }
.ecosystem-note nav { display:flex; flex-wrap:wrap; gap:24px 48px; }
.ecosystem-note a { display:flex; align-items:center; gap:24px; font-size:13px; text-decoration:none; }
.summary-links { display:flex; flex-wrap:wrap; gap:32px; }
.company-summary { border-top:1px solid #becac0; }
.company-summary .process-heading { margin-bottom:0; }
.process-hero.system-hero { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; min-height:720px; height:calc(100svh - var(--ateam-header) - 36px - var(--wp-admin--admin-bar--height,0px)); padding-inline:var(--ateam-gutter); }
.process-hero__layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.28fr); gap:40px; align-items:center; width:100%; max-width:1320px; margin:0 auto !important; min-height:0; }
.process-hero .system-hero__content { width:auto; margin:0; padding:64px 0; }
.process-hero .system-hero__content > * { max-width:540px; }
.process-hero .system-hero__content .eyebrow { margin:0 0 32px; font-size:11px; }
.process-hero .system-hero__title { font-size:60px; line-height:1.12; font-weight:400; margin:0 0 28px; text-wrap:initial; }
.process-hero .system-hero__title span { color:var(--ateam-sage); }
.process-hero .system-hero__lead { max-width:350px; font-size:16px; line-height:1.8; margin-bottom:36px; }
.process-hero__visual { align-self:stretch; display:grid; grid-template-rows:minmax(420px,1fr) auto; min-width:0; }
.process-hero .system-scene { position:relative; inset:auto; min-height:0; background:none; }
.process-hero .system-scene canvas { position:absolute; inset:0; width:100%; height:100%; }
.process-hero .pyramid-fallback { position:absolute; width:100%; height:100%; inset:0; object-fit:contain; }
.process-hero .system-scene.is-ready .pyramid-fallback { opacity:0; }
.process-hero .system-explorer { position:relative; inset:auto; width:100%; max-width:none; }
.process-hero .system-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
.process-hero .system-panel { height:94px; padding:16px 0 24px; box-sizing:border-box; }
.process-hero .system-panel h2 { font-size:17px; margin:0; }
.process-hero .system-panel p { display:none; }
.process-hero .system-hero__foot { position:static; min-height:64px; width:100%; max-width:1320px; margin:0 auto; }
.pyramid-key { margin-left:auto; }
.pyramid-nojs-links { display:flex; flex-wrap:wrap; gap:16px; font-size:13px; padding-bottom:12px; }
.header-contact:disabled { cursor:default; opacity:0.7; color:#111313; }
.consulting-primary { display:grid; grid-template-columns:1.2fr 1fr; gap:80px; align-items:center; padding-block:64px; }
.consulting-primary h2 { font-size:48px; line-height:1.15; margin:24px 0 28px; font-weight:400; }
.consulting-primary p:not(.eyebrow) { max-width:560px; color:#a4aaa7; line-height:1.8; }
.consulting-primary img { width:100%; height:auto; object-fit:contain; }
.solution-ecosystem { display:grid; grid-template-columns:1fr 1.8fr; gap:80px; padding-block:80px; }
.solution-ecosystem h2 { font-size:32px; line-height:1.2; margin-top:24px; }
.solution-outbound-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; }
.solution-outbound { display:flex; justify-content:space-between; gap:24px; padding-block:28px; border-top:1px solid #343838; text-decoration:none; }
.solution-outbound h3 { font-size:24px; margin:16px 0 12px; min-height:44px; display:flex; align-items:center; }
.solution-outbound p { font-size:13px; color:#a4aaa7; line-height:1.7; }
.solution-outbound .lucide { flex-shrink:0; width:18px; height:18px; }
@media(max-width:800px) {
 .consulting-primary { grid-template-columns:1fr; gap:24px; }
 .consulting-primary h2 { font-size:36px; }
 .consulting-primary img { max-width:500px; }
 .solution-ecosystem { grid-template-columns:1fr; gap:32px; }
}
@media(max-width:480px) { .solution-outbound-list { grid-template-columns:1fr; } }
@media(max-width:1280px) { .process-hero .system-hero__title { font-size:52px; } }
@media(max-width:1100px) {
 .competence-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .competence { padding:32px !important; border-bottom:1px solid #526057; }
 .competence:nth-child(2n) { border-right:0; }
 .process-heading { gap:32px; }
 .technology-grid { gap:36px; }
 .technology-group__marks { gap:24px; }
 .technology-grid h3 img { --mark-width:150px; --mark-height:32px; }
 .process-hero .system-hero__title { font-size:48px; }
 .process-hero__layout { gap:24px; }
}
@media(max-width:900px) {
 .process-hero.system-hero { height:auto; min-height:calc(100svh - var(--ateam-header)); }
 .process-hero__layout { grid-template-columns:1fr; gap:0; }
 .process-hero .system-hero__content { padding:56px 0 16px; }
 .process-hero .system-hero__title { font-size:52px; }
 .process-hero__visual { grid-template-rows:minmax(350px,54vw) auto; }
 .technology-grid { grid-template-columns:1fr; gap:36px; }
 .technology-group--product .technology-group__marks { max-width:240px; }
 .technology-band .process-heading { grid-template-columns:1fr; gap:24px; margin-bottom:48px; }
 .ecosystem-note { align-items:flex-start; flex-direction:column; gap:20px; }
}
@media(max-width:700px) {
 .process-band { padding-block:72px; }
 .process-heading { grid-template-columns:1fr; gap:24px; margin-bottom:40px; }
 .process-heading h2 { font-size:36px; }
 .competence-grid { grid-template-columns:1fr; }
 .competence { padding:28px 0 !important; border-right:0; }
 .competence img { width:140px; height:120px; }
 .technology-band .process-heading h2 { font-size:32px; }
 .technology-group__marks { grid-template-columns:1fr; gap:0; }
 .technology-group--product .technology-group__marks { max-width:none; }
 .technology-group > .eyebrow { margin-bottom:20px; }
 .technology-grid article + article { border-top:1px solid var(--ateam-border); }
 .technology-grid a { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:center; min-height:104px; padding:20px 0; }
 .technology-grid h3 { height:auto; min-height:40px; }
 .technology-grid h3 img { --mark-width:150px; --mark-height:32px; }
 .technology-scope { margin:0; line-height:1.6; }
 .ecosystem-note nav { flex-direction:column; width:100%; gap:20px; }
 .ecosystem-note a { justify-content:space-between; }
 .process-hero .system-hero__title { font-size:40px; }
 .process-hero .system-hero__content .eyebrow { font-size:10px; margin-bottom:24px; }
 .process-hero .system-hero__lead { font-size:15px; max-width:320px; margin-bottom:28px; }
 .process-hero__visual { grid-template-rows:minmax(300px,85vw) auto; }
 .process-hero .system-tabs button { text-align:center; padding:12px 0; font-size:12px; }
 .process-hero .system-tabs button span { display:none; }
 .process-hero .system-panel { height:84px; }
 .process-hero .system-panel h2 { font-size:15px; }
 .process-hero .system-hero__foot { font-size:9px; min-height:56px; }
 .pyramid-key { display:none; }
 .summary-links { gap:0; flex-direction:column; align-items:flex-start; }
 .home-processes .method-step { grid-template-columns:32px minmax(0,1fr); gap:16px; }
 .home-processes .method-step .method-symbol { grid-column:2; grid-row:2; width:88px; height:88px; justify-self:start; }
}
@media(max-width:360px) {
 .process-hero .system-hero__title { font-size:34px; }
 .technology-grid a { grid-template-columns:1fr 1fr; gap:16px; }
 .technology-grid h3 img { --mark-width:120px; --mark-height:28px; }
 .technology-scope { font-size:12px; }
}
