/* ============================================================================
   BRIT GMBH / STARTSEITE 2026
   Individuelles Editorial-Layout. Ausschließlich hp-* Selektoren.
   01 Hero · 02 Anliegen · 03 Kompetenzen · 04 Produkte
   05 Prozess · 06 Automotive · 07 Arbeitsweise · 08 Downloads
   09 Animationen · 10 Responsive
   Originales BRIT Grün: #84B413 (globaler Token --lime).
   ============================================================================ */

/* 00 / GLOBALE STARTSEITEN-GRENZEN ----------------------------------------- */
.hp-main { overflow: clip; background: #f6f8f3; }
.hp-main * { min-width: 0; }
.hp-block { padding: clamp(76px, 9vw, 132px) 0; }
.hp-main p { line-height: 1.73; }
.hp-main h2 { font-size: clamp(2.25rem, 4.1vw, 4.65rem); line-height: 1.09; letter-spacing: -.06em; }
.hp-main h3 { line-height: 1.2; }
.hp-label { display: inline-flex; align-items: center; gap: 13px; color: #5c8315; font-size: .7rem; font-weight: 850; letter-spacing: .17em; line-height: 1.4; text-transform: uppercase; }
.hp-label span { display: inline-flex; align-items: center; justify-content: center; width: 29px; height: 29px; border: 1px solid currentColor; border-radius: 50%; letter-spacing: 0; font-size: .7rem; }
.hp-label-light { color: #bce65f; }
.hp-underline-link { display: inline-flex; width: fit-content; align-items: center; gap: 13px; padding-bottom: 9px; border-bottom: 1px solid #6a8d37; color: #183125; font-weight: 790; font-size: .9rem; transition: color .2s ease, gap .2s ease; }
.hp-underline-link:hover { color: #679714; gap: 19px; }
.hp-underline-link .icon { width: 17px; height: 17px; }
.hp-underline-invert { color: #f5fcf3; border-color: #789c67; }
.hp-underline-invert:hover { color: #c4ef75; }
.hp-main em { font-style: normal; color: #6a970d; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* 01 / HERO --------------------------------------------------------------- */
.hp-hero { position: relative; background: #0a201c; color: #fff; isolation: isolate; overflow: hidden; }
.hp-hero-image { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg,#0a201c 0%,rgba(10,32,28,.99) 24%,rgba(10,32,28,.92) 42%,rgba(10,32,28,.47) 62%,rgba(10,32,28,.13) 100%), linear-gradient(0deg,rgba(7,24,20,.5),transparent 37%),url('../images/editorial/home-connected-office.webp') right center / cover no-repeat; }
.hp-hero-pattern { position: absolute; z-index: -1; inset: 0; opacity: .45; background: radial-gradient(circle at 53% 17%,rgba(132,180,19,.22),transparent 23%); pointer-events: none; }
.hp-hero-grid { min-height: 765px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.8fr); gap: 4%; align-items: center; padding-top: 106px; padding-bottom: 120px; }
.hp-hero-content { max-width: 775px; position: relative; z-index: 3; }
.hp-overline { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: .71rem; font-weight: 750; letter-spacing: .15em; color: #bed0c5; }
.hp-overline-divider { color: #6d8d67; }
.hp-pulse { width: 9px; height: 9px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(132,180,19,.17); }
.hp-hero-content h1 { color: #fff; margin: 31px 0 28px; letter-spacing: -.069em; font-size: clamp(3.6rem,5.45vw,6.15rem); font-weight: 750; line-height: 1.04; }
.hp-hero-content h1 span { color: #b2df55; display: inline-block; }
.hp-hero-intro { color: #d3e2d7; font-size: clamp(1.035rem,1.45vw,1.24rem); max-width: 560px; margin: 0; line-height: 1.67!important; }
.hp-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.hp-hero-actions .btn { min-height: 55px; }
.hp-outline-light { color: #fff; background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.54); }
.hp-outline-light:hover { background: rgba(255,255,255,.16); }
.hp-mobile-imagenote { display: none; }
.hp-hero-footnote { display: flex; align-items: center; gap: 13px; color: #b4c8bc; margin-top: 76px; font-size: .83rem; }
.hp-footline { height: 1px; width: 36px; background: #8bb74f; }
.hp-hero-visual-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; align-self: end; padding-bottom: 13px; position: relative; z-index: 2; }
.hp-hero-glass { width: min(100%,334px); padding: 19px 22px 18px; background: rgba(9,28,24,.66); backdrop-filter: blur(17px); -webkit-backdrop-filter: blur(17px); border: 1px solid rgba(255,255,255,.22); box-shadow: 0 22px 45px rgba(0,0,0,.23); border-radius: 13px; }
.hp-hero-glass-label { color: #b5db77; font-size: .59rem; font-weight: 800; letter-spacing: .16em; }
.hp-hero-glass-items { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 5px; }
.hp-hero-glass-items span { border: 1px solid #ffffff4a; color: #f1f7f2; border-radius: 30px; padding: 6px 10px; font-size: .73rem; }
.hp-hero-glass-bottom { display: flex; align-items: center; gap: 8px; margin-top: 17px; color: #bdcbc3; font-size: .58rem; letter-spacing: .12em; }
.hp-hero-glass-bottom i { width: 6px; height: 6px; border-radius: 50%; background: #a9d448; }
.hp-imagenote { color: #bbd0bf; font-size: .64rem; text-shadow: 0 1px 3px #0a201c; }
.hp-hero-floor { display: flex; gap: 20px; justify-content: space-between; align-items: center; border-top: 1px solid rgba(255,255,255,.18); min-height: 67px; color: #a7c3b1; font-size: .62rem; font-weight: 700; letter-spacing: .13em; }
.hp-hero-floor a { display: inline-flex; align-items: center; gap: 14px; color: #fff; }
.hp-hero-floor .icon { width: 15px; height: 15px; transform: rotate(90deg); }

/* 02 / EINSTIEG ----------------------------------------------------------- */
.hp-entry { background: #f6f8f3; }
.hp-entry-grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: clamp(48px,8vw,135px); align-items: start; }
.hp-entry-intro { position: sticky; top: 145px; }
.hp-entry-intro h2 { margin: 24px 0 25px; max-width: 540px; }
.hp-entry-intro p { max-width: 465px; font-size: 1.04rem; color: #526256; margin-bottom: 28px; }
.hp-entry-list { display: grid; gap: 0; border-top: 1px solid #cdd7c8; }
.hp-entry-item { display: grid; align-items: center; grid-template-columns: 33px 58px minmax(0,1fr) 24px; gap: 20px; min-height: 142px; padding: 18px 13px 19px 3px; border-bottom: 1px solid #d6ded3; transition: background .22s ease, padding .2s ease; }
.hp-entry-item:hover { padding-left: 15px; background: #edf3e4; }
.hp-entry-number { font-size: .69rem; font-weight: 800; color: #7b9980; align-self: center; }
.hp-entry-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 15px; background: #e0edcf; color: #557f0b; }
.hp-entry-icon .icon { width: 26px; height: 26px; }
.hp-entry-text { display: flex; flex-direction: column; gap: 7px; }
.hp-entry-text strong { font-size: clamp(1.25rem,1.68vw,1.7rem); letter-spacing: -.047em; line-height: 1.18; }
.hp-entry-text small { font-size: .88rem; color: #647269; line-height: 1.45; }
.hp-entry-arrow { width: 20px; height: 20px; transition: transform .2s; }
.hp-entry-item:hover .hp-entry-arrow { transform: translateX(4px); color: #64940e; }

/* 03 / KOMPETENZVERBUND -------------------------------------------------- */
.hp-thought { background: #eaf0e4; }
.hp-thought-head { margin-bottom: 42px; }
.hp-thought-heading { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: 6%; align-items: end; margin-top: 24px; }
.hp-thought-heading h2 { margin-bottom: 0; }
.hp-thought-heading p { max-width: 490px; font-size: 1.03rem; margin-bottom: 5px; }
.hp-competence { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.hp-competence-card { display: flex; flex-direction: column; min-height: 495px; padding: clamp(25px,3vw,38px); border-radius: 17px; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; }
.hp-competence-card:hover { transform: translateY(-7px); box-shadow: 0 22px 42px #152d1c14; }
.hp-competence-it { background: #162d26; color: #fff; }
.hp-competence-digital { background: #c5e085; color: #1a2f1e; }
.hp-competence-software { background: #fff; color: #162d26; }
.hp-comp-art { height: 108px; display: flex; justify-content: space-between; align-items: start; font-size: .64rem; font-weight: 800; letter-spacing: .13em; opacity: .89; }
.hp-comp-art .icon { width: 62px; height: 62px; stroke-width: 1.25; }
.hp-competence-it .hp-comp-art .icon { color: #b8e872; }
.hp-competence-digital .hp-comp-art .icon { color: #3b6111; }
.hp-competence-software .hp-comp-art .icon { color: #749d1d; }
.hp-competence-card h3 { font-size: clamp(1.57rem,2.15vw,2.25rem); letter-spacing: -.055em; margin: 0 0 18px; max-width: 300px; }
.hp-competence-card p { color: inherit; opacity: .77; font-size: .95rem; max-width: 350px; margin-bottom: 24px; }
.hp-competence-links { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 24px; }
.hp-competence-links a { border: 1px solid currentColor; border-radius: 40px; padding: 5px 10px; font-size: .72rem; opacity: .78; transition: opacity .2s ease, background .2s ease; }
.hp-competence-links a:hover { opacity: 1; background: #ffffff26; }
.hp-competence-digital .hp-competence-links a:hover, .hp-competence-software .hp-competence-links a:hover { background: #12332614; }
.hp-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; border-top: 1px solid currentColor; padding-top: 18px; font-weight: 790; font-size: .87rem; }
.hp-card-bottom .icon { width: 18px; height: 18px; }
.hp-connect-caption { display: flex; align-items: center; gap: 13px; justify-content: center; padding-top: 27px; }
.hp-connect-caption p { margin: 0; font-size: .88rem; color: #53664c; }
.hp-connect-dot { width: 10px; height: 10px; background: #84b413; border-radius: 50%; box-shadow: 0 0 0 6px #84b41319; }

/* 04 / SOFTWARE-PRODUKTE ------------------------------------------------ */
.hp-products { background: #10231e; color: #fff; }
.hp-products h2 { color: #fff; margin: 21px 0 0; }
.hp-products h2 em { color: #b5de62; }
.hp-product-head { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.7fr); gap: 10%; align-items: end; margin-bottom: 42px; }
.hp-product-head > div:last-child { max-width: 410px; }
.hp-product-head p { color: #c0d3c5; }
.hp-products-grid { display: grid; grid-template-columns: minmax(0,1.14fr) minmax(0,.86fr); gap: 15px; align-items: stretch; }
.hp-product-feature, .hp-product-compact { display: flex; flex-direction: column; position: relative; border-radius: 18px; overflow: hidden; transition: transform .3s ease, border-color .25s ease; }
.hp-product-feature:hover, .hp-product-compact:hover { transform: translateY(-5px); }
.hp-product-feature { padding: clamp(24px,3.4vw,43px); background: radial-gradient(circle at 85% 20%,#265446 0%,transparent 36%), linear-gradient(135deg,#1a3e31 0%,#132d26 100%); border: 1px solid #376047; min-height: 640px; color: #fff; }
.hp-product-top { display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: .68rem; letter-spacing: .15em; font-weight: 830; }
.hp-product-top .icon { width: 17px; height: 17px; }
.hp-flow-mark { margin: 43px 0 12px; max-width: 230px; }
.hp-flow-mark img { width: 175px; max-height: 86px; object-fit: contain; object-position: left center; }
.hp-product-feature h3 { font-size: clamp(1.9rem,3vw,3.1rem); letter-spacing: -.06em; max-width: 485px; margin-bottom: 13px; }
.hp-product-feature p { color: #c8dfd0; max-width: 440px; margin-bottom: 24px; }
.hp-flow-preview { width: min(100%,500px); margin: auto 0 25px auto; background: #f9fbf7; border: 1px solid #d6e2d6; border-radius: 13px; color: #20392d; overflow: hidden; box-shadow: 0 24px 50px #020c063e; transform: perspective(700px) rotate(-1deg); }
.hp-flow-bar { display: flex; align-items: center; gap: 5px; padding: 10px 15px; background: #eaf1e8; border-bottom: 1px solid #d9e2da; }
.hp-flow-bar span { width: 6px; height: 6px; background: #a7c3ac; border-radius: 50%; }
.hp-flow-bar b { margin-left: auto; font-size: .59rem; letter-spacing: .13em; }
.hp-flow-counters { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; padding: 12px 14px; }
.hp-flow-counters span { font-size: .64rem; line-height: 1.4; border: 1px solid #e1e9df; border-radius: 7px; padding: 9px; color: #67806e; }
.hp-flow-counters b { display: block; color: #153321; margin-top: 4px; font-size: .98rem; }
.hp-flow-line { display: flex; align-items: center; gap: 9px; margin: 0 14px 8px; padding: 7px 9px; border: 1px solid #dbe6d8; border-radius: 8px; font-size: .66rem; }
.hp-flow-line i { background: #85af36; height: 7px; width: 7px; border-radius: 50%; }
.hp-flow-line span { flex: 1; }
.hp-flow-line b { background: #ebf5dc; color: #4f7a0f; padding: 2px 5px; font-size: .57rem; }
.hp-product-cta { display: flex; align-items: center; gap: 9px; margin-top: auto; font-size: .86rem; font-weight: 810; }
.hp-product-cta .icon { width: 17px; height: 17px; }
.hp-product-side { display: grid; grid-template-rows: 1fr 1fr; gap: 15px; }
.hp-product-compact { padding: clamp(23px,2.5vw,31px); min-height: 300px; }
.hp-product-compact h3 { font-size: clamp(1.42rem,2vw,2.15rem); letter-spacing: -.055em; max-width: 345px; margin-bottom: 9px; }
.hp-product-compact p { color: inherit; opacity: .82; font-size: .92rem; max-width: 325px; }
.hp-product-compact .hp-product-cta { padding-top: 5px; }
.hp-product-docs { background: #f1f6ec; color: #183025; }
.hp-docs-art { height: 80px; display: flex; align-items: center; }
.hp-docs-art img { max-width: 225px; max-height: 57px; mix-blend-mode: multiply; object-fit: contain; object-position: left; }
.hp-product-print { background: #b7d778; color: #16271b; }
.hp-print-art { height: 75px; display: flex; align-items: center; gap: 20px; color: #2f6713; }
.hp-print-art>.icon { width: 39px; height: 39px; }
.hp-print-lines { display: flex; flex-direction: column; gap: 4px; }
.hp-print-lines i { width: 37px; height: 2px; background: #39661f; border-radius: 2px; }
.hp-print-lines i:nth-child(2) { width: 27px; }

/* 05 / DIGITALER PROZESS ------------------------------------------------- */
.hp-process { background: #f6f8f3; }
.hp-process-grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: clamp(44px,8vw,120px); align-items: center; }
.hp-process-copy h2 { margin: 25px 0 23px; }
.hp-process-copy p { max-width: 560px; font-size: 1.04rem; }
.hp-process-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; margin-top: 26px; }
.hp-process-flow { padding: clamp(20px,3.1vw,43px); background: #fff; border: 1px solid #d9e2d6; border-radius: 21px; box-shadow: 0 27px 70px #123c1a12; position: relative; }
.hp-process-flow:before { content: ''; position: absolute; width: 130px; height: 130px; right: -24px; top: -24px; border: 1px solid #84b41355; border-radius: 18px; z-index: -1; }
.hp-process-heading { padding: 0 0 20px; display: flex; flex-direction: column; gap: 5px; border-bottom: 1px solid #e6ede2; }
.hp-process-heading span { color: #6e9524; font-weight: 800; letter-spacing: .14em; font-size: .65rem; }
.hp-process-heading strong { letter-spacing: -.04em; font-size: 1.4rem; }
.hp-flow-stage { display: grid; grid-template-columns: 26px 48px minmax(0,1fr) 18px; align-items: center; gap: 13px; padding: 18px 0; position: relative; border-bottom: 1px solid #eaf0e7; }
.hp-flow-number { color: #94a990; font-size: .73rem; font-weight: 800; }
.hp-flow-stage-icon { width: 44px; height: 44px; display: grid; place-items: center; background: #e5efd6; border-radius: 10px; color: #548008; }
.hp-flow-stage-icon .icon { width: 22px; height: 22px; }
.hp-flow-stage strong { display: block; font-size: .98rem; letter-spacing: -.02em; }
.hp-flow-stage small { display: block; color: #65756c; font-size: .78rem; }
.hp-stage-check { color: #7bab20; width: 18px; height: 18px; }
.hp-process-footer { display: flex; align-items: center; gap: 10px; margin-top: 23px; font-size: .79rem; color: #537155; }
.hp-process-footer .icon { color: #78a41a; }

/* 06 / AUTOMOTIVE -------------------------------------------------------- */
.hp-auto { min-height: 580px; background: #10221c; position: relative; overflow: hidden; isolation: isolate; color: #fff; display: flex; align-items: center; }
.hp-auto-media { position: absolute; inset: 0; z-index: -1; }
.hp-auto-media:after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#10241f 0%,#10241ff2 27%,#10241fc9 47%,#10241f3d 82%); }
.hp-auto-media img { height: 100%; width: 100%; object-fit: cover; object-position: 76% center; }
.hp-auto-inner { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; padding: 96px 0; }
.hp-auto-copy { max-width: 610px; }
.hp-auto h2 { margin: 27px 0 21px; color: #fff; }
.hp-auto h2 em { color: #b8e96a; }
.hp-auto p { font-size: 1.05rem; max-width: 540px; color: #d1e2d4; }
.hp-auto .btn { margin-top: 18px; }
.hp-auto-note { display: flex; flex-direction: column; align-items: flex-start; min-width: 205px; max-width: 245px; padding: 18px 24px; background: #e7f0da; color: #182a1f; border-radius: 11px; }
.hp-auto-note strong { font-size: 2.15rem; letter-spacing: -.06em; line-height: 1.05; }
.hp-auto-note span { font-size: .78rem; color: #4f6652; line-height: 1.5; margin-top: 8px; }

/* 07 / ZUSAMMENARBEIT ---------------------------------------------------- */
.hp-practice { background: #eef3e9; }
.hp-practice-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.85fr); align-items: center; gap: clamp(45px,9vw,160px); }
.hp-practice-text h2 { margin: 23px 0; max-width: 610px; }
.hp-practice-text p { max-width: 545px; font-size: 1.03rem; }
.hp-practice-steps { display: flex; flex-direction: column; border-top: 1px solid #bdcbb6; }
.hp-practice-steps>div { display: grid; grid-template-columns: 53px 1fr; align-items: flex-start; padding: 25px 0; gap: 12px; border-bottom: 1px solid #bdcbb6; }
.hp-practice-steps b { font-size: 1rem; color: #7a991d; }
.hp-practice-steps strong { display: block; font-size: 1.5rem; letter-spacing: -.047em; }
.hp-practice-steps small { color: #617266; font-size: .89rem; }

/* 08 / RESSOURCEN UND SUPPORT -------------------------------------------- */
.hp-resources { background: #f6f8f3; padding: clamp(66px,7vw,106px) 0; }
.hp-resources-grid { display: grid; grid-template-columns: minmax(0,1.28fr) minmax(0,.72fr); gap: 17px; }
.hp-resource-download, .hp-resource-support { border-radius: 17px; padding: clamp(27px,4vw,55px); display: flex; flex-direction: column; align-items: flex-start; }
.hp-resource-download { background: #e5efdb; }
.hp-resource-icon { width: 51px; height: 51px; display: grid; place-items: center; border-radius: 12px; background: #d0e6b6; color: #588219; margin-bottom: 22px; }
.hp-resource-icon .icon { width: 26px; height: 26px; }
.hp-resource-download h2 { font-size: clamp(2rem,3.3vw,3.65rem); margin: 20px 0; max-width: 680px; }
.hp-resource-download p { max-width: 550px; margin: 0 0 20px; color: #536954; }
.hp-download-form { width: 100%; max-width: 670px; background: #fff; border: 1px solid #ccdcbc; display: flex; align-items: center; gap: 12px; border-radius: 10px; padding: 5px 5px 5px 16px; min-height: 57px; }
.hp-download-form>.icon { width: 19px; height: 19px; color: #6f8d62; }
.hp-download-form input { flex: 1; width: 100%; min-width: 0; outline: none; border: none; background: transparent; color: #1b2c22; font-size: .96rem; }
.hp-download-form input::placeholder { color: #78897c; }
.hp-download-form:focus-within { outline: 2px solid #8eba39; outline-offset: 2px; }
.hp-download-form button { align-self: stretch; width: 46px; border: 0; border-radius: 7px; display: grid; place-items: center; color: #112117; background: var(--lime); }
.hp-download-form button:hover { background: #a5d04b; }
.hp-resource-link { display: flex; align-items: center; gap: 10px; margin-top: 21px; font-weight: 800; font-size: .84rem; }
.hp-resource-link .icon { width: 17px; height: 17px; }
.hp-resource-support { background: #1c382b; color: #fff; }
.hp-support-icon { display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid #a6d160; border-radius: 15px; margin: 30px 0 20px; color: #bbe06f; }
.hp-support-icon .icon { width: 34px; height: 34px; }
.hp-resource-support h3 { font-size: clamp(1.75rem,2.2vw,2.5rem); letter-spacing: -.055em; max-width: 340px; margin: 0 0 14px; }
.hp-resource-support p { color: #c5d8c7; font-size: .96rem; margin-bottom: 24px; }
.hp-resource-support .btn { gap: 12px; margin-top: auto; }
.hp-support-small { margin-top: 14px; font-size: .72rem; color: #a7c1ad; }

/* 09 / DEZENTE ANIMATIONEN ------------------------------------------------ */
.hp-reveal { transition: opacity .55s ease, transform .55s ease; }
.hp-reveal.hp-pending { opacity: 0; transform: translateY(17px); }
.hp-reveal.hp-shown { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .hp-reveal, .hp-reveal.hp-pending, .hp-entry-item, .hp-competence-card, .hp-product-feature, .hp-product-compact, .hp-underline-link { animation: none !important; transition: none !important; transform: none !important; }
  .hp-reveal.hp-pending { opacity: 1 !important; }
  html { scroll-behavior: auto !important; }
}

/* 10 / RESPONSIVE --------------------------------------------------------- */
@media (max-width: 1170px) {
  .hp-hero-grid { min-height: 690px; padding-top: 80px; grid-template-columns: minmax(0,1.1fr) minmax(0,.7fr); }
  .hp-hero-content h1 { font-size: clamp(3.35rem,5.6vw,5.6rem); }
  .hp-competence-card { padding: 24px; }
  .hp-competence-card h3 { font-size: clamp(1.4rem,2vw,1.95rem); }
  .hp-product-feature { min-height: 605px; }
}
@media (max-width: 980px) {
  .hp-hero-grid { grid-template-columns: 1fr; min-height: 730px; gap: 20px; }
  .hp-hero-content { max-width: 780px; }
  .hp-hero-image { background: linear-gradient(90deg,#0a201c 0%,#0a201cf0 22%,#0a201cbb 65%,#0a201c54 100%),url('../images/editorial/home-connected-office.webp') center / cover no-repeat; }
  .hp-hero-visual-meta { align-self: start; padding-bottom: 0; }
  .hp-hero-glass { max-width: 300px; }
  .hp-hero-footnote { margin-top: 36px; }
  .hp-entry-grid, .hp-process-grid, .hp-practice-grid { grid-template-columns: 1fr; }
  .hp-entry-intro { position: static; }
  .hp-entry-intro h2 { max-width: 800px; }
  .hp-entry-grid { gap: 44px; }
  .hp-thought-heading, .hp-product-head { grid-template-columns: 1fr; gap: 20px; }
  .hp-thought-heading p { max-width: 720px; }
  .hp-competence { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hp-competence-card { min-height: 390px; }
  .hp-products-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .hp-product-feature { min-height: 580px; }
  .hp-product-side { grid-template-rows: 1fr 1fr; }
  .hp-product-compact { min-height: 270px; }
  .hp-resources-grid { grid-template-columns: 1fr 1fr; }
  .hp-auto-note { display: none; }
}
@media (max-width: 700px) {
  .hp-block { padding: 72px 0; }
  .hp-hero-grid { min-height: unset; padding-top: 83px; padding-bottom: 65px; }
  .hp-hero-image { background: linear-gradient(90deg,#0a201cef,#0a201cd9),url('../images/editorial/home-connected-office.webp') 65% center / cover no-repeat; }
  .hp-hero-content h1 { font-size: clamp(2.65rem,9.5vw,4.6rem); margin: 24px 0 20px; line-height: 1.07; }
  .hp-hero-intro { max-width: 580px; font-size: 1.03rem; }
  .hp-hero-actions { margin-top: 27px; }
  .hp-hero-footnote { margin-top: 30px; font-size: .77rem; }
  .hp-hero-visual-meta { display: none; }
  .hp-mobile-imagenote { display: block; margin-top: 22px; color: #a7b9ac; font-size: .68rem; }
  .hp-hero-floor { min-height: 58px; }
  .hp-hero-floor span:last-child { display: none; }
  .hp-entry-item { grid-template-columns: 26px 45px minmax(0,1fr) 18px; gap: 10px; min-height: 125px; }
  .hp-entry-icon { width: 45px; height: 45px; }
  .hp-entry-icon .icon { width: 23px; height: 23px; }
  .hp-entry-text strong { font-size: 1.22rem; }
  .hp-entry-text small { font-size: .79rem; }
  .hp-competence, .hp-products-grid, .hp-resources-grid { grid-template-columns: 1fr; }
  .hp-competence-card { min-height: 350px; }
  .hp-comp-art { height: 95px; }
  .hp-product-feature { min-height: 585px; }
  .hp-product-side { grid-template-rows: none; }
  .hp-product-compact { min-height: 290px; }
  .hp-product-head { margin-bottom: 32px; }
  .hp-auto { min-height: 550px; }
  .hp-auto-media:after { background: linear-gradient(90deg,#10241ff1 0%,#10241fc9 100%); }
  .hp-auto-inner { padding: 76px 0; }
  .hp-practice-grid { gap: 36px; }
  .hp-resource-download, .hp-resource-support { padding: 28px 23px; }
}
@media (max-width: 440px) {
  .hp-hero-grid { padding-top: 66px; }
  .hp-hero-content h1 { font-size: clamp(2.22rem,9.3vw,3rem); overflow-wrap: anywhere; letter-spacing: -.066em; }
  .hp-overline { gap: 6px; font-size: .63rem; letter-spacing: .08em; }
  .hp-hero-actions .btn { width: 100%; justify-content: space-between; }
  .hp-hero-floor { font-size: .55rem; letter-spacing: .06em; }
  .hp-main h2 { font-size: clamp(2rem,8vw,2.8rem); }
  .hp-entry-item { grid-template-columns: 40px minmax(0,1fr) 17px; gap: 11px; }
  .hp-entry-number { display: none; }
  .hp-entry-icon { width: 40px; height: 40px; border-radius: 12px; }
  .hp-entry-text strong { font-size: 1.14rem; }
  .hp-competence-card { padding: 26px; }
  .hp-product-feature { min-height: 580px; padding: 24px; }
  .hp-product-feature h3 { font-size: 2rem; }
  .hp-flow-preview { transform: none; }
  .hp-flow-counters { padding: 7px; }
  .hp-flow-counters span { padding: 6px; font-size: .56rem; }
  .hp-flow-line { margin: 0 7px 6px; }
  .hp-process-flow { padding: 20px; }
  .hp-flow-stage { grid-template-columns: 21px 38px minmax(0,1fr); gap: 7px; }
  .hp-flow-stage-icon { width: 36px; height: 36px; }
  .hp-stage-check { display: none; }
  .hp-process-copy .btn { width: 100%; }
  .hp-auto { min-height: 625px; }
  .hp-download-form { padding-left: 11px; gap: 6px; }
  .hp-download-form input { font-size: .85rem; }
  .hp-resource-support .btn { width: 100%; gap: 7px; font-size: .77rem; }
}