@font-face {
  font-family: Manrope;
  src: url('/assets/fonts/manrope-latin-400-800.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --paper: #080d13;
  --surface: #111923;
  --surface-soft: #17232f;
  --ink: #edf3f8;
  --muted: #afbdc9;
  --line: #34414f;
  --accent: #ff7834;
  --accent-soft: #342219;
  --action: #ff7834;
  --action-hover: #ff975c;
  --blue: #151c24;
  --lime: #19d8c8;
  --width: 1200px;
  --header-height: 76px;
  --radius: 12px;
  --shadow: 0 24px 60px -24px #173b3c30, 0 4px 12px #173b3c08;
  --turquoise: #35251d;
  --teal: #ff9b60;
  --orange-ink: #ff9b60;
  --violet: #8475f5;
  --violet-ink: #51419f;
  --night: #182126;
  --cobalt: #344fe8;
  --brand: #ff9b60;
  --neon-cyan: #76f5e1;
}

*, *::before, *::after { box-sizing: border-box; }
html { min-width: 0; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 24px); }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; overflow-wrap: break-word; }
[hidden] { display: none !important; }
img, picture, svg { display: block; }
img { max-width: 100%; height: auto; }
svg { width: 24px; height: 24px; flex-shrink: 0; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; cursor: pointer; }
button:disabled { cursor: default; }

button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--teal); outline-offset: 4px; }
.site-footer :focus-visible, .delivery-banner :focus-visible, .summary-card :focus-visible { outline-color: #83f3e6; }
::selection { background: var(--turquoise); color: var(--ink); }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { font-weight: 650; text-wrap: balance; }
h1 { font-size: clamp(38px, 5vw, 66px); line-height: 1.1; letter-spacing: -.045em; }
h2 { font-size: clamp(29px, 3.2vw, 42px); line-height: 1.17; letter-spacing: -.04em; }
h3 { font-size: 23px; line-height: 1.3; letter-spacing: -.025em; }
p { margin-bottom: 20px; }
small { font-size: .8em; }
summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
.wrap { width: min(var(--width), calc(100% - 64px)); margin-inline: auto; }
.section { padding-block: 84px; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip { position: fixed; top: 12px; left: 16px; z-index: 300; padding: 13px 20px; border-radius: 10px; background: var(--ink); color: #fff; transform: translateY(-150%); font-size: 14px; }
.skip:focus { transform: translateY(0); }
.eyebrow, .hero-kicker { display: flex; align-items: center; gap: 9px; margin: 0 0 18px; color: var(--teal); font-size: 10px; font-weight: 700; line-height: 1.8; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow > svg { width: 19px; height: 19px; }
.large-heading { max-width: 760px; margin-bottom: 30px; }
.placeholder { color: #6f6e6b; }


.site-header { position: sticky; top: 0; z-index: 100; height: var(--header-height); background: #fffdf8f5; border-bottom: 1px solid #e7e6e3; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.header-inner { height: 100%; display: flex; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; margin-right: auto; min-width: 0; flex-shrink: 0; }
.brand-symbol { width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0; }
.brand-name { display: flex; flex-direction: column; font-size: 18px; font-weight: 750; letter-spacing: -.055em; line-height: 1.1; white-space: nowrap; }
.brand-name small { margin-top: 6px; color: var(--muted); font-size: 8px; font-weight: 550; letter-spacing: .12em; text-transform: uppercase; }
.navigation { display: flex; align-items: center; gap: 24px; font-size: 12px; font-weight: 650; white-space: nowrap; }
.navigation > a, .nav-locations > summary { display: flex; align-items: center; gap: 5px; min-height: 44px; padding: 10px 0; }
.navigation a:hover, .navigation a[aria-current], .nav-locations[open] > summary { color: var(--orange-ink); }
.nav-locations { position: relative; }
.nav-locations > summary svg { width: 13px; height: 13px; }
.nav-submenu { position: absolute; top: calc(100% + 12px); left: -22px; min-width: 215px; padding: 11px; background: var(--surface); border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 14px 36px #171b2010; }
.nav-submenu a { display: block; padding: 11px 13px; border-radius: 8px; }
.nav-submenu a:hover { background: #e1fbf5; }
.menu-toggle { display: none; place-items: center; width: 44px; height: 44px; min-width: 44px; border: 1px solid #dcdbd8; border-radius: 50%; background: transparent; }
.menu-toggle svg { width: 20px; height: 20px; }


.btn { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 52px; padding: 13px 23px; border: 1px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 650; line-height: 1.55; text-align: center; transition: background-color 180ms ease, border-color 180ms ease; }
.btn > svg { width: 17px; height: 17px; }
.btn-dark { background: var(--action); color: var(--ink); }
.btn-dark:hover { background: var(--action-hover); }
.btn-lime { background: var(--action); color: var(--ink); }
.btn-lime:hover { background: var(--action-hover); }
.btn-outline { border-color: var(--teal); background: transparent; color: var(--teal); }
.btn-outline:hover { border-color: var(--teal); background: #dcfbf4; }
.btn-white { background: #fff; color: var(--ink); }
.text-link, .service-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 0; font-size: 13px; font-weight: 650; line-height: 1.6; color: var(--teal); }
.text-link > svg, .service-link > svg { width: 16px; height: 16px; }
.text-link:hover, .service-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.hero-actions, .contact-shortcuts { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; }
.contact-shortcuts { margin-top: 26px; }


.premium-hero { display: grid; grid-template-columns: 1.02fr 1fr; align-items: center; gap: 68px; padding-block: 62px 40px; }
.premium-hero .hero-copy { min-width: 0; padding: 8px 0; }
.hero-kicker { margin-bottom: 24px; color: var(--orange-ink); }
.hero-kicker::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); flex-shrink: 0; }
.hero-title { margin: 0 0 26px; font-size: clamp(45px, 5.3vw, 74px); font-weight: 650; line-height: 1.065; letter-spacing: -.055em; }
.hero-title span { color: var(--teal); }
.hero-lead { max-width: 550px; margin: 0 0 29px; color: #566168; font-size: 17px; line-height: 1.85; }
.premium-hero .hero-actions { margin-top: 29px; }
.hero-proof { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px; margin: 26px 0 0; padding: 0; color: #6f6e6b; font-size: 11px; line-height: 1.8; list-style: none; }
.hero-proof > * { display: inline-flex; align-items: center; gap: 7px; }
.hero-proof svg { width: 15px; height: 15px; color: var(--teal); }
.hero-media { position: relative; margin: 0; align-self: stretch; min-width: 0; overflow: hidden; border-radius: 24px; background: #e8e6df; }
.hero-media picture { display: block; width: 100%; height: 100%; }
.hero-media img { width: 100%; height: 100%; min-height: 520px; max-height: 640px; object-fit: cover; object-position: center; }
.hero-image-caption { position: absolute; z-index: 2; left: 22px; right: 22px; bottom: 22px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 18px; padding: 15px 18px; border: 1px solid #ffffff24; border-radius: 13px; background: #151c24e8; color: #fff; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-size: 11px; line-height: 1.7; }
.hero-image-caption p { margin: 0; }
.hero-image-caption strong { font-weight: 650; }
.hero-image-caption small { font-size: 10px; line-height: 1.7; }
.hero-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; grid-column: 1 / -1; padding-block: 28px 32px; margin-top: 8px; border-top: 1px solid var(--turquoise); border-bottom: 1px solid var(--turquoise); background: #edfffa; }
.hero-facts > * { display: flex; flex-direction: column; gap: 6px; padding-right: 20px; }
.hero-facts > a { display: grid; grid-template-columns: 20px minmax(0, 1fr) 16px; align-items: center; gap: 14px; padding-right: 0; }
.hero-facts > a > span { display: flex; flex-direction: column; gap: 4px; }
.hero-facts > a > span > small { color: var(--teal); font-size: 10px; line-height: 1.8; }
.hero-facts > a > svg { margin: 0; }
.hero-facts > a > svg:last-child { width: 15px; height: 15px; }
.hero-facts strong { font-size: 15px; font-weight: 650; line-height: 1.5; color: var(--ink); }
.hero-facts span, .hero-facts p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.hero-facts svg { width: 20px; height: 20px; margin-bottom: 6px; color: var(--teal); }
.topic-intro { max-width: 760px; margin-bottom: 34px; }
.topic-intro p:not(.eyebrow) { max-width: 670px; color: var(--muted); font-size: 17px; line-height: 1.85; }
.home-intro { max-width: 850px; padding-block: 76px 28px; text-align: center; }
.home-intro .eyebrow { justify-content: center; }
.home-intro p:last-child { max-width: 710px; margin-inline: auto; color: var(--muted); font-size: 17px; line-height: 1.9; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 32px; }
.section-heading h2 { max-width: 730px; margin: 0; }
.section-heading .text-link { flex-shrink: 0; }


.request-section { padding-block: 80px; background: #ecfcf8; }
.request-heading { max-width: 850px; margin: 0 0 35px; }
.request-heading h1, .request-heading h2 { margin: 0 0 20px; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; letter-spacing: -.04em; }
.request-heading h1 span, .request-heading h2 span { color: var(--teal); }
.request-heading > p:not(.eyebrow) { max-width: 730px; margin-bottom: 0; color: var(--muted); font-size: 15px; line-height: 1.85; }
.home-request .request-heading { max-width: 740px; }
.home-request .contact-shortcuts { margin-top: 20px; }
.standalone-request { padding-top: 62px; }
.request-layout { display: grid; grid-template-columns: minmax(0, 1fr) 308px; align-items: start; gap: 26px; }
.request-card { min-width: 0; padding: 32px; border: 1px solid #d6e7e2; border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.stepper { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding-bottom: 22px; margin-bottom: 28px; border-bottom: 1px solid var(--line); }
.step-tab { display: flex; align-items: center; gap: 9px; min-height: 44px; padding: 4px 0; border: 0; background: transparent; color: #73726f; font-size: 12px; font-weight: 550; text-align: left; }
.step-tab > span:first-child { display: grid; place-items: center; width: 27px; height: 27px; flex: 0 0 27px; border-radius: 50%; background: #f2f1ee; color: #6e6d6a; font-size: 11px; }
.step-tab.active { color: var(--ink); font-weight: 750; }
.step-tab.active > span:first-child { background: var(--turquoise); color: var(--ink); }
.step-tab.done > span:first-child { background: var(--accent-soft); color: var(--orange-ink); }
.step-tab:disabled { color: #666b6e; }
.form-step h3 { margin: 0 0 11px; font-size: 25px; line-height: 1.3; letter-spacing: -.03em; }
.step-description { max-width: 610px; margin-bottom: 26px; color: var(--muted); font-size: 13px; line-height: 1.85; }
.field { min-width: 0; margin-bottom: 22px; }
.field label, .field-label { display: block; margin-bottom: 9px; color: #343e41; font-size: 12px; font-weight: 650; line-height: 1.7; }
.field label .placeholder { margin-left: 4px; color: #666b6e; font-size: 11px; font-weight: 450; }
.field > p { margin: -2px 0 12px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.field input, .field select, .field textarea { display: block; width: 100%; min-width: 0; min-height: 56px; padding: 15px 16px; border: 1px solid #93928f; border-radius: 11px; background: #fdfcf9; color: var(--ink); font-size: 16px; font-weight: 450; line-height: 24px; box-shadow: none; }
.field select { appearance: none; -webkit-appearance: none; height: 56px; min-height: 56px; padding-right: 46px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m6 8 4 4 4-4' stroke='%23b7c6d2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; background-size: 20px 20px; }
.field select::-ms-expand { display: none; }
.field input:disabled, .field select:disabled, .field textarea:disabled { opacity: 1; background-color: #f1f0ed; border-color: #cdccc9; color: #6e6d6a; -webkit-text-fill-color: #6e6d6a; cursor: not-allowed; }
.field input::placeholder, .field textarea::placeholder { color: #72716e; opacity: 1; }
.field input:hover:not(:disabled), .field select:hover:not(:disabled), .field textarea:hover:not(:disabled) { border-color: #575653; }
.field input:focus, .field select:focus, .field textarea:focus { outline: 2px solid var(--teal); outline-offset: 2px; border-color: var(--teal); background-color: #fff; }
.field input[type='date'], .field input[type='time'] { height: 56px; -webkit-appearance: none; }
.field input::-webkit-datetime-edit { min-height: 24px; padding: 0; }
.field textarea { min-height: 132px; resize: vertical; }
.field-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.maker-options { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 25px; }
.maker-choice, .repair-choice, .branch-choice { position: relative; cursor: pointer; }
.maker-choice input, .repair-choice > input, .branch-choice > input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.maker-choice > span { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 11px 17px; border: 1px solid #bcbbb8; border-radius: 10px; background: #f8f7f4; font-size: 12px; font-weight: 600; line-height: 1.7; }
.maker-choice input:checked + span { border-color: var(--teal); background: var(--turquoise); color: var(--ink); }
.maker-choice:has(input:disabled) { cursor: wait; opacity: .55; }
.maker-choice:has(input:focus-visible), .repair-choice:has(input:focus-visible), .branch-choice:has(input:focus-visible) { outline: 3px solid var(--teal); outline-offset: 4px; border-radius: 12px; }
.repair-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 25px; }
.repair-choice { display: grid; grid-template-columns: 26px minmax(0, 1fr) 18px; align-items: center; gap: 11px; min-height: 76px; padding: 16px; border: 1px solid #e4e3e0; border-radius: 13px; background: #f6f5f2; color: #3c3b38; font-size: 12px; font-weight: 600; line-height: 1.6; }
.repair-choice > svg { grid-column: 1; grid-row: 1; width: 24px; height: 24px; color: #666b6e; }
.repair-choice > span { grid-column: 2; grid-row: 1; min-width: 0; }
.repair-choice::after, .branch-choice::after { content: ''; grid-column: 3; grid-row: 1; width: 18px; height: 18px; border: 1px solid #898885; border-radius: 50%; background-color: #fff; }
.repair-choice:hover, .branch-choice:hover { border-color: var(--teal); }
.repair-choice:has(input:checked) { border-color: var(--orange-ink); background: var(--accent-soft); color: var(--orange-ink); }
.branch-choice:has(input:checked) { border-color: var(--teal); background: #ffdfcc; color: var(--teal); }
.repair-choice:has(input:checked) > svg { color: var(--orange-ink); }
.repair-choice:has(input:checked)::after, .branch-choice:has(input:checked)::after { border-color: var(--teal); background-color: var(--turquoise); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 8 2.5 2.5L12 5' stroke='%23151c24' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 14px; }
.repair-choice:last-child:nth-child(odd) { grid-column: 1 / -1; }
.optional-details { margin: 8px 0 24px; border-block: 1px solid var(--line); }
.optional-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 54px; padding: 13px 0; font-size: 12px; font-weight: 650; }
.optional-details > summary::after { content: '+'; color: #666b6e; font-size: 20px; font-weight: 450; }
.optional-details[open] > summary::after { content: '−'; }
.optional-details .field { margin-top: 6px; }
.visit-planning { padding: 20px 20px 1px; margin: 4px 0 24px; border-radius: 13px; background: #edfaf6; }
.visit-planning > p { color: var(--muted); font-size: 12px; line-height: 1.8; }
.form-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.form-actions .btn { min-width: 210px; max-width: 100%; }
.form-actions .back { min-height: 44px; padding: 10px 0; margin-right: auto; border: 0; background: transparent; color: #696865; font-size: 12px; }
.form-actions .back:hover { text-decoration: underline; text-underline-offset: 4px; }
.form-status { margin-bottom: 24px; padding: 15px 18px; border-left: 3px solid #ab442b; border-radius: 9px; background: #fff0e9; color: #8a3221; font-size: 13px; line-height: 1.8; }
.form-status:empty { display: none; }
[aria-invalid='true'] { border-color: #a63825 !important; }
.repair-choice:has(input[aria-invalid='true']), .maker-choice:has(input[aria-invalid='true']) > span, .branch-choice:has(input[aria-invalid='true']) { border-color: #a63825; }
.form-notice { display: flex; align-items: flex-start; gap: 9px; margin: 23px 0 0; color: #71706d; font-size: 11px; line-height: 1.85; }
.form-notice > svg { width: 15px; height: 15px; margin-top: 3px; }
.consent { display: flex; align-items: flex-start; gap: 11px; margin: 20px 0; color: #5e5d5a; font-size: 12px; line-height: 1.85; }
.consent input { width: 18px; height: 18px; margin: 3px 0 0; flex-shrink: 0; accent-color: var(--teal); }
.consent a, .form-notice a { text-decoration: underline; text-underline-offset: 3px; }
.summary-card { position: sticky; top: calc(var(--header-height) + 24px); padding: 29px; border-radius: var(--radius); background: var(--ink); color: #fff; }
.summary-card .eyebrow { margin-bottom: 24px; color: var(--turquoise); font-size: 9px; letter-spacing: .12em; }
.summary-device-symbol { display: flex; align-items: center; justify-content: center; width: 58px; height: 68px; margin: 8px 0 26px; border: 1px solid #19d8c866; border-radius: 13px; color: var(--turquoise); background: #19d8c812; }
.summary-device-symbol svg { width: 31px; height: 39px; }
.summary-device { margin-bottom: 12px; font-size: 23px; font-weight: 600; line-height: 1.35; letter-spacing: -.03em; overflow-wrap: anywhere; }
.summary-repairs { min-height: 0; margin: 0 0 18px; color: #cfcecb; font-size: 12px; line-height: 1.85; }
.summary-divider { height: 1px; margin: 21px 0; background: #19d8c83d; }
.summary-small { margin-bottom: 7px; color: #8eede2; font-size: 10px; font-weight: 550; line-height: 1.7; letter-spacing: .04em; }
.summary-quote { margin: 0; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.7; }
.summary-footnote { display: flex; align-items: flex-start; gap: 8px; margin: 24px 0 0; color: #cac9c6; font-size: 10px; line-height: 1.9; }
.summary-footnote svg { width: 15px; height: 15px; margin-top: 3px; color: var(--accent); }
.branch-options { display: grid; gap: 11px; margin-top: 22px; }
.branch-choice { display: grid; grid-template-columns: 24px minmax(0, 1fr) 18px; align-items: center; gap: 14px; min-height: 82px; padding: 17px 18px; border: 1px solid #e1e0dd; border-radius: 13px; background: #f9f8f5; }
.branch-choice > span { grid-column: 2; grid-row: 1; }
.branch-choice strong { display: block; color: var(--ink); font-size: 15px; font-weight: 650; }
.branch-choice small { display: block; margin-top: 3px; color: #46514e; font-size: 11px; line-height: 1.75; }
.branch-choice > svg { grid-column: 1; grid-row: 1; width: 23px; height: 23px; color: var(--teal); }
.branch-map { position: relative; min-height: 205px; margin-top: 20px; overflow: hidden; border: 1px solid #bcdfd5; border-radius: 14px; background: #ffeadb; }
.branch-map::before { content: ''; position: absolute; inset: 18px 13%; border: 1px solid #dcdbd8; border-radius: 50%; transform: rotate(-15deg); }
.map-city { position: absolute; display: flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid #deddda; border-radius: 8px; background: #fff; font-size: 10px; font-weight: 650; }
.map-city svg { width: 14px; height: 14px; color: var(--teal); }
.map-city-augsburg { top: 34px; left: 7%; }
.map-city-dachau { top: 64px; right: 12%; }
.map-city-muenchen { right: 24%; bottom: 42px; }
.branch-map > small { position: absolute; left: 18px; bottom: 10px; color: #666b6e; font-size: 9px; }
.branch-details { margin-top: 18px; padding: 22px; border-radius: 13px; background: #e5faf4; }
.branch-details h4 { margin-bottom: 12px; font-size: 20px; }
.branch-details p { margin-bottom: 16px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.branch-details dl { margin: 16px 0; }
.branch-details dl > div { margin-bottom: 14px; }
.branch-details dt { margin-bottom: 4px; color: var(--teal); font-size: 10px; font-weight: 650; text-transform: uppercase; letter-spacing: .07em; }
.branch-details dd { margin: 0; font-size: 13px; line-height: 1.8; }


.location-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 23px; margin: 32px 0; }
.location-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.location-art { position: relative; height: 160px; overflow: hidden; isolation: isolate; background: var(--accent); color: var(--ink); }
.location-art::before { content: ''; position: absolute; top: 20px; right: -45px; z-index: -1; width: 180px; height: 180px; border: 1px solid #151c2440; border-radius: 50%; box-shadow: 0 0 0 22px #151c2410; }
.location-art > svg { position: absolute; top: 25px; right: 26px; width: 35px; height: 35px; color: var(--ink); }
.location-art > span { position: absolute; left: 26px; bottom: 24px; font-size: 26px; font-weight: 650; line-height: 1.2; letter-spacing: -.035em; }
.location-card:nth-child(2) .location-art { background: var(--turquoise); }
.location-card:nth-child(3) .location-art { background: var(--teal); color: var(--paper); }
.location-card:nth-child(3) .location-art > svg { color: var(--turquoise); }
.location-card:nth-child(3) .location-art::before { border-color: #ffffff45; box-shadow: 0 0 0 22px #ffffff10; }
.location-card-copy { display: flex; flex-direction: column; flex: 1; padding: 26px; }
.location-card-copy .eyebrow { margin-bottom: 10px; font-size: 9px; line-height: 1.85; letter-spacing: .08em; }
.location-card-copy h3 { margin-bottom: 13px; font-size: 24px; }
.location-card-copy p:not(.eyebrow) { margin-bottom: 14px; color: var(--muted); font-size: 13px; line-height: 1.85; }
.location-card-copy .btn { align-self: flex-start; min-height: 46px; gap: 12px; padding: 10px 15px; margin-top: auto; font-size: 11px; }
.quality-strip { padding-block: 24px; margin-top: 24px; border-block: 1px solid #b9e8dd; background: #e4fbf5; }
.quality-strip > .wrap { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px 28px; }
.quality-strip span { display: flex; align-items: center; gap: 9px; color: #696865; font-size: 11px; line-height: 1.85; }
.quality-strip svg { width: 18px; height: 18px; color: var(--teal); }
.company-overview { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 72px; }
.company-overview p:not(.eyebrow) { color: var(--muted); font-size: 15px; line-height: 1.9; }
.overview-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.overview-facts > article { padding: 4px 0 4px 19px; border-left: 1px solid #d2d1ce; }
.overview-facts strong { display: block; font-size: 49px; font-weight: 500; line-height: 1.2; letter-spacing: -.06em; }
.overview-facts span { display: block; margin-top: 12px; color: #6d6c69; font-size: 10px; line-height: 1.9; }
.repair-accordions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 34px; }
.repair-accordions > details { border-bottom: 1px solid var(--line); }
.repair-accordions > details > summary { display: flex; align-items: center; gap: 13px; min-height: 78px; padding: 21px 0; font-size: 16px; font-weight: 600; line-height: 1.5; }
.repair-accordions > details > summary > svg { width: 23px; height: 23px; color: var(--teal); }
.repair-accordions > details > summary::after { content: '+'; margin-left: auto; padding-left: 14px; color: var(--orange-ink); font-size: 22px; font-weight: 400; }
.repair-accordions > details[open] > summary::after { content: '−'; }
.repair-accordions > details > div { padding: 0 0 24px 36px; }
.repair-accordions p { margin-bottom: 15px; color: var(--muted); font-size: 13px; line-height: 1.9; }
.repair-accordions .text-link { margin-right: 16px; font-size: 11px; }
.choose-repair { border: 0; padding: 6px 0; background: transparent; color: var(--teal); text-align: left; }
.journey-grid, .benefit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 34px; }
.journey-grid > article { padding-top: 26px; border-top: 1px solid #d3d2cf; }
.benefit-grid > article { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.journey-grid > article > svg, .benefit-grid > article > svg { width: 28px; height: 28px; margin-bottom: 23px; color: var(--teal); }
.journey-grid .eyebrow, .benefit-grid .eyebrow { margin-bottom: 12px; color: #666b6e; font-size: 9px; }
.journey-grid h3, .benefit-grid h3 { margin-bottom: 13px; font-size: 20px; }
.journey-grid p, .benefit-grid p { margin-bottom: 0; color: var(--muted); font-size: 13px; line-height: 1.9; }
.partnerships { margin-block: 26px; background: #efeeeb; }
.partnership-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
.partnership-grid > article { padding: 35px; border: 1px solid #e4e3e0; border-radius: 20px; background: #fff; }
.partnership-grid h3 { margin: 10px 0 20px; font-size: 30px; line-height: 1.2; }
.partnership-grid p:not(.eyebrow) { max-width: 440px; color: var(--muted); font-size: 13px; line-height: 1.9; }
.partnership-grid .btn { margin-top: 12px; }
.delivery-banner { display: flex; align-items: center; justify-content: space-between; gap: 44px; padding: 44px; border-radius: var(--radius); background: var(--ink); color: #fff; }
.delivery-banner .eyebrow { color: var(--turquoise); }
.delivery-banner h2 { margin-bottom: 20px; font-size: 36px; }
.delivery-banner p:not(.eyebrow) { max-width: 650px; margin: 0; color: #d2d1ce; font-size: 14px; line-height: 1.9; }
.delivery-banner .btn { flex-shrink: 0; max-width: 290px; }
.feedback-section { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; }
.feedback-empty { display: flex; align-items: flex-start; gap: 18px; padding: 29px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.feedback-empty svg { width: 25px; height: 25px; color: #666b6e; }
.feedback-empty p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.9; }
.faq-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 76px; }
.faq-intro > p:not(.eyebrow) { max-width: 360px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { position: relative; min-height: 66px; padding: 20px 31px 20px 0; font-size: 15px; font-weight: 600; line-height: 1.8; }
.faq-list summary::after { content: '+'; position: absolute; top: 19px; right: 1px; color: #72716e; font-size: 21px; font-weight: 450; }
.faq-list details[open] summary::after { content: '−'; }
.faq-list details > p { padding: 0 27px 21px 0; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.95; }


.promo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; width: min(var(--width), calc(100% - 64px)); margin: 70px auto; }
.promo-panel { position: relative; min-height: 294px; overflow: hidden; padding: 33px; border-radius: 20px; background: var(--accent); color: var(--ink); }
.promo-partner { background: var(--turquoise); }
.promo-copy { position: relative; z-index: 2; max-width: 100%; }
.promo-copy .eyebrow { margin-bottom: 14px; font-size: 9px; color: var(--ink); }
.promo-title { margin: 0 0 16px; font-size: 29px; font-weight: 650; line-height: 1.2; letter-spacing: -.04em; }
.promo-copy > p:not(.eyebrow):not(.promo-title) { max-width: 340px; margin-bottom: 18px; color: var(--ink); font-size: 12px; line-height: 1.9; }
.promo-copy .btn { min-height: 44px; padding: 10px 15px; gap: 12px; font-size: 11px; border-color: var(--ink); color: var(--ink); background: transparent; }
.promo-copy .btn:hover { border-color: var(--ink); color: var(--ink); background: #ffffff30; }
.promo-panel :focus-visible { outline-color: var(--ink); }

.promo-grid.section { padding-block: 0; margin-block: 72px; }
.promo-grid.section .promo-panel { min-height: 230px; }
.promo-grid.section .promo-copy { max-width: none; }
.hero-orbit { position: absolute; top: 30px; right: 28px; z-index: 1; width: 120px; height: 120px; border: 1px solid #ffffff35; border-radius: 50%; pointer-events: none; }
.hero-accentline { display: block; width: 56px; height: 2px; background: var(--accent); }


.breadcrumbs { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px 10px; padding-top: 27px; color: #666b6e; font-size: 10px; line-height: 1.9; }
.breadcrumbs a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.breadcrumbs [aria-current] { color: #5c5b58; }
.page-hero { padding-block: 52px 58px; }
.page-hero .eyebrow { margin-bottom: 18px; }
.page-hero h1 { max-width: 1000px; margin: 0 0 26px; }
.page-hero > p:not(.eyebrow) { max-width: 780px; margin-bottom: 0; color: var(--muted); font-size: 17px; line-height: 1.9; }
.page-hero > .btn, .page-hero > .hero-actions { margin-top: 28px; }
.article-layout { display: grid; grid-template-columns: 228px minmax(0, 1fr); align-items: start; gap: 70px; margin: 26px 0 78px; }
.article-toc { position: sticky; top: calc(var(--header-height) + 24px); max-height: calc(100dvh - var(--header-height) - 55px); overflow-y: auto; padding: 2px 0 2px 20px; border-left: 1px solid #d5d4d1; }
.article-toc strong { display: block; margin-bottom: 13px; color: var(--teal); font-size: 10px; font-weight: 700; line-height: 1.8; letter-spacing: .03em; }
.article-toc a { display: block; padding: 8px 2px; color: #666b6e; font-size: 11px; line-height: 1.8; }
.article-toc a:hover { color: var(--teal); }
.prose { min-width: 0; max-width: 810px; color: #504f4c; font-size: 15px; line-height: 1.95; }
.prose > section + section { margin-top: 48px; }
.prose h2 { margin-bottom: 20px; color: var(--ink); font-size: 28px; font-weight: 650; line-height: 1.3; letter-spacing: -.035em; }
.prose h3 { margin: 30px 0 15px; color: var(--ink); font-size: 21px; }
.prose p { margin-bottom: 21px; }
.prose a:not(.btn):not(.text-link) { color: var(--teal); text-decoration: underline; text-decoration-color: #8bc9bc; text-underline-offset: 4px; }
.prose ul, .prose ol { padding-left: 22px; }
.prose li { margin-bottom: 9px; }
.prose .structure-grid { grid-template-columns: 1fr; }
.prose .info-card h3 { margin-top: 0; }
.legal-notice { padding: 20px 24px; margin: 22px 0 38px; border-left: 3px solid var(--orange-ink); border-radius: 12px; background: #fff0e6; color: #73320f; font-size: 12px; line-height: 1.95; }
.legal-notice a { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.structure-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 21px; margin-block: 28px; }
.info-card { min-width: 0; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.info-card > svg { width: 27px; height: 27px; margin-bottom: 22px; color: var(--teal); }
.info-card h2, .info-card h3 { margin: 0 0 14px; color: var(--ink); font-size: 21px; line-height: 1.35; }
.info-card p { margin-bottom: 0; color: var(--muted); font-size: 13px; line-height: 1.9; }
.info-card.text-link { display: flex; align-items: center; gap: 13px; min-height: 96px; font-size: 13px; }
.info-card.text-link > svg { width: 25px; height: 25px; margin: 0; }
.info-card.text-link > span { flex: 1; }
.info-card.text-link > svg:last-child { width: 16px; height: 16px; }
#reparaturthemen { margin-block: 55px; }
#reparaturthemen > h2 { max-width: 800px; font-size: 32px; }
#reparaturthemen > p { color: var(--muted); font-size: 14px; }
.contact-layout { display: grid; grid-template-columns: 1.12fr 1fr; gap: 28px; align-items: stretch; margin-bottom: 62px; }
.contact-panel { min-width: 0; padding: 32px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.contact-panel h2 { margin-bottom: 22px; font-size: 28px; line-height: 1.3; }
.contact-panel > p { margin-top: 20px; color: var(--muted); font-size: 12px; line-height: 1.9; }
.contact-panel .contact-item { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 15px; padding-block: 16px; border-bottom: 1px solid var(--line); }
.contact-item strong { color: #666562; font-size: 11px; font-weight: 650; }
.contact-item span { color: #4c4b48; font-size: 13px; line-height: 1.9; overflow-wrap: anywhere; }
.contact-item a { text-decoration: underline; text-underline-offset: 3px; }
.contact-panel .btn { margin-top: 22px; }
.contact-visual { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 24px; min-height: 355px; padding: 42px; border-radius: 20px; background: #ffdfcc; text-align: center; }
.contact-visual .eyebrow { justify-content: center; margin: 0; }
.contact-visual > svg { width: 70px; height: 70px; color: var(--teal); }
.contact-visual p { max-width: 360px; margin: 0; color: var(--teal); font-size: 12px; line-height: 1.9; }
.contact-visual strong { display: block; margin-bottom: 16px; color: var(--ink); font-size: 28px; font-weight: 600; line-height: 1.25; letter-spacing: -.03em; }
.inquiry-card { max-width: 900px; padding: 36px; margin-block: 48px 70px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.inquiry-card h2 { max-width: 720px; font-size: 32px; }
.inquiry-card > p:not(.eyebrow) { color: var(--muted); font-size: 14px; line-height: 1.9; }
.inquiry-card form { margin-top: 28px; }
.section.inquiry-intro { padding-bottom: 0; }
.inquiry-intro .article-layout { margin-bottom: 0; }
.inquiry-intro + .inquiry-card { margin-top: 64px; }
.closing { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 42px; margin-block: 78px; border-radius: var(--radius); background: #ffdfcc; }
.closing h2 { max-width: 710px; margin: 0 0 16px; font-size: 36px; line-height: 1.2; }
.closing .eyebrow { margin-bottom: 16px; }
.closing p:not(.eyebrow) { max-width: 680px; margin: 0; color: var(--teal); font-size: 13px; line-height: 1.85; }
.closing .btn { max-width: 300px; flex-shrink: 0; }


.service-hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 23px; margin-bottom: 60px; }
.service-hub-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 30px; border: 1px solid var(--line); border-radius: 19px; background: #fff; }
.service-icon { width: 31px; height: 31px; margin-bottom: 32px; color: var(--teal); }
.service-number { position: absolute; top: 32px; right: 29px; color: #666b6e; font-size: 10px; }
.service-hub-card h2 { margin-bottom: 16px; font-size: 24px; line-height: 1.3; letter-spacing: -.03em; }
.service-hub-card p { margin-bottom: 26px; color: var(--muted); font-size: 13px; line-height: 1.9; }
.service-actions { margin-top: auto; }
.service-link { color: var(--teal); font-size: 11px; }
.service-hub-note { padding-block: 30px; }
.service-related, .wiki-related { margin-block: 50px 65px; }
.service-related h2 { margin-bottom: 24px; font-size: 28px; }
.service-related-links, .wiki-related .hero-actions { align-items: flex-start; gap: 9px 28px; }
.wiki-library { margin: 6px 0 80px; }
.wiki-library .section-heading { align-items: flex-end; }
.wiki-library .section-heading h2 { font-size: 32px; }
.wiki-search { display: block; width: 360px; max-width: 100%; color: #61605d; font-size: 11px; font-weight: 600; line-height: 1.8; }
.wiki-search input { display: block; width: 100%; min-height: 52px; padding: 13px 16px; margin-top: 8px; border: 1px solid #93928f; border-radius: 11px; background: #fff; color: var(--ink); font-size: 16px; line-height: 24px; }
.wiki-search input::placeholder { color: #666b6e; font-size: 12px; }
.wiki-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin: 26px 0 18px; }
.wiki-filters button { min-height: 44px; padding: 10px 16px; border: 1px solid #8ebeb3; border-radius: 9px; background: transparent; color: var(--teal); font-size: 12px; font-weight: 600; }
.wiki-filters button[aria-pressed='true'] { border-color: var(--teal); background: var(--turquoise); color: var(--ink); }
#wiki-count { margin-bottom: 24px; color: #666b6e; font-size: 11px; }
.wiki-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.wiki-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: #fff; }
.wiki-card > a { display: flex; flex-direction: column; height: 100%; }
.wiki-art { display: grid; place-items: center; height: 177px; overflow: hidden; background: #ffe7d9; }
.wiki-art > svg { width: 65px; height: 65px; color: var(--orange-ink); }
.wiki-art-pflege { background: #c9fff4; }
.wiki-art-pflege > svg { color: var(--teal); }
.wiki-art-nachhaltigkeit { background: #e4faf4; }
.wiki-art-nachhaltigkeit > svg { color: var(--teal); }
.wiki-card-body { display: flex; flex: 1; flex-direction: column; padding: 26px; }
.wiki-card-body .eyebrow { margin-bottom: 13px; font-size: 9px; letter-spacing: .08em; }
.wiki-card-body h2 { margin-bottom: 15px; font-size: 22px; line-height: 1.3; letter-spacing: -.035em; }
.wiki-card-body > p:not(.eyebrow) { margin-bottom: 21px; color: var(--muted); font-size: 12px; line-height: 1.9; }
.wiki-card-body .text-link { margin-top: auto; font-size: 11px; }
.wiki-related .hero-actions { flex-direction: column; }
.prose .wiki-source { margin: -2px 0 22px; font-size: 10px; line-height: 1.9; }
.wiki-source a { display: inline-block; margin: 0 12px 8px 0; }
.prose .wiki-scope { padding: 21px; margin-top: 32px; border-radius: 12px; background: #e8fbf5; color: var(--teal); font-size: 11px; line-height: 1.95; }
#wiki-empty { padding: 25px; border: 1px solid #dfdbc9; border-radius: 14px; background: #f5efe0; color: #685b3d; font-size: 13px; line-height: 1.9; }
.guide-art { display: grid; place-items: center; height: 220px; margin-bottom: 24px; overflow: hidden; border-radius: 18px; background: #ddfbf4; }
.guide-art svg { width: 80px; height: 80px; color: var(--teal); }
.guides-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
.guide-category { color: #666b6e; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.guide-card h3 { font-size: 23px; }


.dialog { width: min(760px, calc(100% - 32px)); max-height: calc(100dvh - 48px); padding: 36px; overflow-y: auto; border: 1px solid #d9d8d5; border-radius: 20px; background: #fcfbf8; color: var(--ink); box-shadow: 0 24px 90px #171b2026; }
.dialog::backdrop { background: #171b2078; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.dialog h2 { max-width: 620px; margin-bottom: 20px; padding-right: 20px; font-size: 30px; }
.dialog > p:not(.eyebrow) { color: var(--muted); font-size: 13px; line-height: 1.9; }
.dialog-close { position: absolute; top: 15px; right: 15px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #dbdad7; border-radius: 50%; background: #fff; font-size: 25px; line-height: 1; }
#draft-text { max-height: min(44vh, 440px); padding: 23px; overflow: auto; border: 1px solid #e2e1de; border-radius: 12px; background: #f3f2ef; color: #474643; font-family: Manrope, system-ui, sans-serif; font-size: 12px; line-height: 1.95; white-space: pre-wrap; overflow-wrap: anywhere; }
.dialog-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; margin-top: 24px; }
.not-found { min-height: 60vh; padding-block: 105px; }
.not-found h1 { max-width: 800px; }
.not-found p { color: var(--muted); }


.site-footer { padding: 64px 0 25px; background: var(--ink); color: #d0cfcc; }
.footer-grid { display: grid; grid-template-columns: 1.25fr .75fr 1fr 1fr; gap: 45px; }
.site-footer .brand { margin-bottom: 25px; color: #fff; }
.site-footer .brand-name small { color: #c6c5c2; }
.footer-grid > div > p { margin-bottom: 18px; color: #c5c4c1; font-size: 12px; line-height: 1.95; }
.footer-grid > div > .footer-note { color: #d3d2cf; font-size: 11px; }
.footer-grid h2 { margin: 3px 0 19px; color: #fff; font-size: 11px; font-weight: 650; line-height: 1.8; letter-spacing: .01em; }
.footer-grid nav a { display: block; padding-block: 6px; color: #cbcac7; font-size: 11px; line-height: 1.9; }
.footer-grid a:hover { color: var(--turquoise); text-decoration: underline; text-underline-offset: 3px; }
.footer-bottom { display: flex; align-items: baseline; justify-content: space-between; gap: 16px 35px; padding-top: 24px; margin-top: 42px; border-top: 1px solid #ffffff20; color: #c1c0bd; font-size: 10px; line-height: 1.9; }

@media (min-width: 1500px) {
  .premium-hero { padding-top: 78px; }
  .hero-title { font-size: 76px; }
}

@media (max-width: 1100px) {
  .header-inner { gap: 21px; }
  .navigation { gap: 18px; font-size: 11px; }
  .brand-name { font-size: 17px; }
  .premium-hero { gap: 40px; }
  .hero-title { font-size: 58px; }
  .hero-lead { font-size: 15px; }
  .hero-media img { min-height: 480px; }
  .request-layout { grid-template-columns: minmax(0, 1fr) 282px; gap: 20px; }
  .request-card { padding: 28px; }
  .summary-card { padding: 25px; }
  .repair-choice { gap: 8px; padding: 14px 12px; font-size: 11px; }
  .article-layout { grid-template-columns: 208px minmax(0, 1fr); gap: 42px; }
  .company-overview { gap: 45px; }
  .overview-facts { gap: 15px; }
  .location-card-copy { padding: 23px; }
  .footer-grid { gap: 30px; }
}

@media (max-width: 980px) {
  :root { --header-height: 68px; }
  .site-header { height: auto; min-height: var(--header-height); position: relative; }
  .header-inner { min-height: var(--header-height); height: auto; flex-wrap: wrap; gap: 10px 18px; }
  .navigation { position: static; order: 4; display: flex; flex: 1 0 100%; flex-wrap: wrap; gap: 9px 25px; padding-block: 7px 16px; font-size: 13px; }
  .nav-submenu { position: static; box-shadow: none; margin: 0 0 10px; }
  :is(.js-pending, .js-ready) .site-header { position: sticky; height: var(--header-height); }
  :is(.js-pending, .js-ready) .header-inner { flex-wrap: nowrap; height: 100%; }
  :is(.js-pending, .js-ready) .menu-toggle { display: grid; }
  .js-pending:not(.js-ready) .menu-toggle { visibility: hidden; }
  :is(.js-pending, .js-ready) .navigation { display: none; position: absolute; top: calc(var(--header-height) - 1px); left: 0; right: 0; z-index: 101; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 0; max-height: calc(100vh - var(--header-height) - 18px); max-height: calc(100dvh - var(--header-height) - 18px); padding: 14px 30px 22px; overflow-y: auto; overscroll-behavior: contain; background: var(--paper); border-bottom: 1px solid var(--line); font-size: 14px; white-space: normal; }
  .js-ready .navigation.open { display: flex; }
  .navigation > a, .nav-locations > summary { min-height: 48px; padding: 12px 0; }
  .nav-locations > summary { justify-content: space-between; }
  .nav-submenu { min-width: 0; padding: 0 0 0 16px; border: 0; border-left: 1px solid #d1d0cd; border-radius: 0; background: transparent; }
  .nav-submenu a { padding: 10px; font-size: 13px; }
  .premium-hero { gap: 30px; padding-top: 44px; }
  .hero-title { font-size: 48px; }
  .hero-lead { font-size: 14px; }
  .hero-media img { min-height: 450px; }
  .hero-actions .btn { gap: 12px; padding-inline: 18px; }
  .request-layout { grid-template-columns: 1fr; gap: 24px; }
  .summary-card { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; padding: 28px; }
  .summary-card .eyebrow, .summary-device, .summary-repairs, .summary-footnote { grid-column: 1 / -1; }
  .summary-illustration, .summary-device-symbol { display: none; }
  .summary-divider { grid-column: 1 / -1; margin-block: 17px; }
  .summary-small { margin-bottom: 5px; }
  .summary-quote { text-align: right; }
  .summary-footnote { max-width: 650px; margin-top: 19px; }
  .request-card { padding: 32px; }
  .repair-choice { padding: 16px; font-size: 12px; }
  .location-grid, .service-hub-grid, .wiki-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .location-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; display: grid; grid-template-columns: .8fr 1.2fr; }
  .location-grid > :last-child:nth-child(odd) .location-art { height: auto; min-height: 200px; }
  .company-overview { grid-template-columns: 1fr; gap: 35px; }
  .overview-facts { max-width: 650px; gap: 35px; }
  .feedback-section { gap: 36px; }
  .faq-section { grid-template-columns: .8fr 1.2fr; gap: 38px; }
  .structure-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .article-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 32px; }
  .contact-layout { gap: 20px; }
  .contact-panel { padding: 25px; }
  .contact-visual { padding: 28px; }
  .contact-panel .contact-item { grid-template-columns: 1fr; gap: 4px; }
  .delivery-banner, .closing { gap: 30px; padding: 35px; }
  .delivery-banner h2, .closing h2 { font-size: 31px; }
  .footer-grid { grid-template-columns: 1.2fr 1fr; gap: 42px 55px; }
}

@media (max-width: 740px) {
  .wrap, .promo-grid { width: calc(100% - 40px); }
  .section { padding-block: 60px; }
  h1 { font-size: clamp(36px, 7vw, 48px); }
  h2 { font-size: 32px; }
  .header-inner { gap: 10px; }
  .brand-symbol { width: 37px; height: 37px; }
  .brand-name { font-size: 17px; }
  .brand-name small { font-size: 7px; letter-spacing: .1em; }
  .premium-hero { grid-template-columns: 1fr; gap: 30px; padding-block: 35px 26px; }
  .premium-hero .hero-copy { padding: 0; }
  .hero-kicker { margin-bottom: 19px; font-size: 9px; }
  .hero-title { max-width: 630px; margin-bottom: 23px; font-size: clamp(42px, 8.4vw, 60px); line-height: 1.08; letter-spacing: -.05em; }
  .hero-lead { max-width: 620px; font-size: 15px; line-height: 1.85; }
  .premium-hero .hero-actions { margin-top: 25px; }
  .hero-proof { gap: 7px 16px; margin-top: 22px; font-size: 10px; }
  .hero-media { min-height: 0; border-radius: 20px; }
  .hero-media img { min-height: 0; height: auto; max-height: 470px; aspect-ratio: 1.18; object-fit: cover; }
  .hero-image-caption { left: 16px; right: 16px; bottom: 16px; padding: 12px 15px; border-radius: 11px; font-size: 10px; }
  .hero-facts { gap: 18px; padding-block: 22px; margin-top: 4px; }
  .hero-facts > * { padding: 0; }
  .hero-facts strong { font-size: 12px; }
  .hero-facts span, .hero-facts p { font-size: 10px; }
  .hero-facts svg { width: 18px; height: 18px; }
  .home-intro { padding-top: 60px; text-align: left; }
  .home-intro .eyebrow { justify-content: flex-start; }
  .home-intro p:last-child, .topic-intro p:not(.eyebrow) { font-size: 15px; line-height: 1.9; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: 13px; margin-bottom: 26px; }
  .section-heading h2 { max-width: 600px; }
  .request-section { padding-block: 57px; }
  .request-heading { margin-bottom: 28px; }
  .request-heading h1, .request-heading h2 { font-size: 34px; }
  .request-heading > p:not(.eyebrow) { font-size: 13px; }
  .request-heading .contact-shortcuts { gap: 8px 18px; }
  .request-card { padding: 24px; border-radius: 18px; }
  .stepper { gap: 8px; margin-bottom: 24px; padding-bottom: 19px; }
  .step-tab { gap: 7px; font-size: 11px; }
  .step-tab > span:first-child { width: 25px; height: 25px; flex-basis: 25px; }
  .form-step h3 { font-size: 23px; }
  .step-description { margin-bottom: 23px; font-size: 12px; }
  .repair-choice { gap: 9px; min-height: 72px; padding: 14px 12px; font-size: 11px; }
  .field-pair { gap: 14px; }
  .summary-card { padding: 25px; border-radius: 18px; }
  .location-grid, .service-hub-grid, .wiki-grid { gap: 18px; }
  .location-card-copy { padding: 22px; }
  .location-art { height: 148px; }
  .location-art > span { left: 22px; bottom: 22px; font-size: 23px; }
  .location-art > svg { right: 22px; width: 31px; height: 31px; }
  .location-card-copy .eyebrow { font-size: 8px; }
  .location-card-copy p:not(.eyebrow) { font-size: 12px; }
  .quality-strip { padding-block: 21px; }
  .quality-strip > .wrap { flex-direction: column; gap: 13px; }
  .company-overview { gap: 30px; }
  .overview-facts { gap: 18px; }
  .overview-facts > article { padding-left: 15px; }
  .overview-facts strong { font-size: 42px; }
  .overview-facts span { font-size: 9px; }
  .repair-accordions { gap: 0 24px; }
  .repair-accordions > details > summary { min-height: 70px; gap: 10px; font-size: 14px; }
  .repair-accordions > details > summary > svg { width: 20px; height: 20px; }
  .repair-accordions > details > div { padding-left: 0; }
  .journey-grid, .benefit-grid { gap: 20px; }
  .journey-grid h3, .benefit-grid h3 { font-size: 17px; }
  .journey-grid p, .benefit-grid p { font-size: 12px; }
  .benefit-grid > article { padding: 22px; }
  .partnership-grid { gap: 18px; }
  .partnership-grid > article { padding: 25px; }
  .partnership-grid h3 { font-size: 25px; }
  .feedback-section { grid-template-columns: 1fr; gap: 24px; }
  .feedback-section h2 { margin-bottom: 0; }
  .faq-section { grid-template-columns: 1fr; gap: 22px; }
  .faq-intro p { max-width: 560px; }
  .delivery-banner, .closing { align-items: flex-start; flex-direction: column; gap: 26px; padding: 29px; border-radius: 19px; }
  .closing { margin-block: 58px; }
  .delivery-banner .btn, .closing .btn { max-width: 100%; }
  .delivery-banner h2, .closing h2 { font-size: 30px; }
  .promo-grid { gap: 18px; margin-block: 56px; }
  .promo-panel { min-height: 277px; padding: 25px; }
  .promo-copy { max-width: 100%; }
  .promo-title { font-size: 25px; }
  .promo-art { right: -40px; opacity: .22; }
  .breadcrumbs { padding-top: 22px; font-size: 9px; }
  .page-hero { padding-block: 38px 40px; }
  .page-hero h1 { margin-bottom: 22px; }
  .page-hero > p:not(.eyebrow) { font-size: 15px; line-height: 1.9; }
  .page-hero > .btn, .page-hero > .hero-actions { margin-top: 23px; }
  .article-layout { grid-template-columns: 1fr; gap: 32px; margin-bottom: 55px; }
  .article-toc { position: static; max-height: none; padding: 17px 20px; border: 1px solid #deddda; border-radius: 12px; background: #111923; }
  .article-toc strong { margin-bottom: 9px; }
  .article-toc a { padding-block: 6px; font-size: 11px; }
  .prose { font-size: 14px; line-height: 1.95; }
  .prose h2 { font-size: 25px; }
  .prose > section + section { margin-top: 38px; }
  .legal-notice { padding: 18px 20px; margin: 16px 0 30px; font-size: 11px; }
  .structure-grid { gap: 18px; }
  .info-card { padding: 24px; }
  .info-card h2, .info-card h3 { font-size: 20px; }
  .contact-layout { grid-template-columns: 1fr; gap: 22px; margin-bottom: 45px; }
  .contact-panel .contact-item { grid-template-columns: 150px minmax(0, 1fr); gap: 15px; }
  .contact-visual { min-height: 260px; padding: 30px; }
  .contact-visual > svg { width: 52px; height: 52px; }
  .contact-visual strong { font-size: 25px; }
  .inquiry-card { padding: 27px; margin-block: 34px 50px; }
  .inquiry-intro + .inquiry-card { margin-top: 40px; }
  .inquiry-card h2 { font-size: 28px; }
  .service-hub-card { padding: 25px; }
  .service-hub-card h2 { font-size: 22px; }
  .service-number { top: 28px; right: 25px; }
  .service-related, .wiki-related { margin-block: 35px 45px; }
  .wiki-library .section-heading { align-items: stretch; }
  .wiki-search { width: 100%; }
  .wiki-filters { gap: 8px; margin-top: 20px; }
  .wiki-filters button { padding-inline: 13px; font-size: 12px; }
  .wiki-art { height: 154px; }
  .wiki-art > svg { width: 55px; height: 55px; }
  .wiki-card-body { padding: 22px; }
  .wiki-card-body h2 { font-size: 20px; }
  .wiki-card-body > p:not(.eyebrow) { font-size: 11px; }
  .guides-grid { gap: 20px; }
  .dialog { padding: 29px; max-height: calc(100dvh - 32px); }
  .dialog h2 { font-size: 27px; }
  .dialog-close { top: 12px; right: 12px; }
  .dialog .eyebrow { max-width: calc(100% - 40px); font-size: 9px; }
  #draft-text { padding: 18px; font-size: 11px; }
  .site-footer { padding-top: 50px; }
  .footer-grid { gap: 35px; }
  .footer-bottom { flex-direction: column; gap: 8px; margin-top: 34px; }
}

@media (max-width: 520px) {
  .wrap, .promo-grid { width: calc(100% - 36px); }
  .brand { gap: 8px; }
  .brand-name { font-size: 15px; }
  .brand-name small { font-size: 6px; }
  .brand-symbol { width: 35px; height: 35px; }
  .header-inner { gap: 8px; }
  .hero-title { font-size: clamp(40px, 10vw, 51px); }
  .hero-lead { font-size: 14px; }
  .hero-actions { gap: 10px 17px; }
  .hero-actions .btn { min-height: 50px; padding-inline: 17px; font-size: 12px; }
  .hero-actions .text-link { font-size: 11px; }
  .hero-media img { aspect-ratio: 1; }
  .hero-image-caption { left: 12px; right: 12px; bottom: 12px; padding: 11px 13px; font-size: 10px; }
  .hero-facts { grid-template-columns: 1fr; gap: 16px; }
  .hero-facts > * { display: grid; grid-template-columns: 1fr 1.5fr; gap: 5px 20px; }
  .hero-facts strong { font-size: 12px; }
  .hero-facts span, .hero-facts p { font-size: 11px; }
  .hero-facts svg { display: none; }
  .hero-facts > a > svg { display: block; }
  .request-heading h1, .request-heading h2 { font-size: 30px; }
  .request-card { padding: 20px 17px; border-radius: 17px; }
  .stepper { gap: 5px; }
  .step-tab { gap: 6px; font-size: 10px; }
  .step-tab > span:first-child { width: 24px; height: 24px; flex-basis: 24px; font-size: 10px; }
  .form-step h3 { font-size: 22px; }
  .field-pair { grid-template-columns: 1fr; gap: 0; }
  .repair-options { gap: 8px; }
  .repair-choice { grid-template-columns: minmax(0, 1fr) 18px; align-items: start; gap: 10px; min-height: 105px; padding: 14px; font-size: 12px; }
  .repair-choice > span { grid-column: 1 / -1; grid-row: 2; }
  .repair-choice::after { grid-column: 2; }
  .repair-choice:last-child:nth-child(odd) { grid-template-columns: 22px minmax(0, 1fr) 18px; align-items: center; min-height: 70px; }
  .repair-choice:last-child:nth-child(odd) > span { grid-column: 2; grid-row: 1; }
  .repair-choice:last-child:nth-child(odd)::after { grid-column: 3; }
  .repair-choice > svg { width: 21px; height: 21px; }
  .repair-choice::after { width: 16px; height: 16px; }
  .form-actions { gap: 8px; }
  .form-actions .btn { width: 100%; min-width: 0; }
  .form-actions .back { margin-bottom: 4px; }
  .summary-card { padding: 24px; }
  .summary-device { font-size: 21px; }
  .summary-small { font-size: 9px; }
  .summary-quote { font-size: 12px; }
  .branch-choice { gap: 10px; padding: 16px 13px; }
  .branch-choice small { font-size: 10px; }
  .branch-details { padding: 18px; }
  .visit-planning { padding: 17px 17px 1px; }
  .location-grid, .service-hub-grid, .wiki-grid, .structure-grid, .guides-grid, .journey-grid, .benefit-grid, .partnership-grid, .promo-grid { grid-template-columns: 1fr; }
  .location-grid > :last-child:nth-child(odd) { display: flex; grid-column: auto; }
  .location-grid > :last-child:nth-child(odd) .location-art { height: 160px; min-height: 0; }
  .location-art { height: 160px; }
  .location-card-copy { padding: 25px; }
  .location-card-copy .eyebrow { font-size: 9px; }
  .location-card-copy p:not(.eyebrow) { font-size: 13px; }
  .location-card-copy .btn { margin-top: 12px; }
  .overview-facts { gap: 12px; }
  .overview-facts > article { padding-left: 11px; }
  .overview-facts strong { font-size: 36px; }
  .overview-facts span { font-size: 8px; }
  .repair-accordions { grid-template-columns: 1fr; }
  .repair-accordions > details > summary { min-height: 71px; font-size: 15px; }
  .journey-grid, .benefit-grid { gap: 26px; }
  .journey-grid > article { padding-top: 23px; }
  .journey-grid h3, .benefit-grid h3 { font-size: 21px; }
  .journey-grid p, .benefit-grid p { font-size: 13px; }
  .benefit-grid > article { padding: 26px; }
  .partnership-grid > article { padding: 27px; }
  .partnership-grid h3 { font-size: 27px; }
  .delivery-banner, .closing { padding: 26px; }
  .closing h2, .delivery-banner h2 { font-size: 29px; }
  .promo-panel { min-height: 270px; padding: 28px; }
  .promo-copy { max-width: 100%; }
  .promo-copy > p:not(.eyebrow):not(.promo-title) { font-size: 12px; }
  .promo-art { right: 0; opacity: .35; }
  .promo-title { font-size: 29px; }
  .contact-panel { padding: 24px; }
  .contact-panel h2 { font-size: 25px; }
  .contact-panel .contact-item { grid-template-columns: 1fr; gap: 5px; padding-block: 15px; }
  .contact-item span { font-size: 13px; }
  .inquiry-card { padding: 23px; }
  .inquiry-card h2 { font-size: 26px; }
  .service-hub-card { padding: 28px; }
  .service-hub-card h2 { font-size: 24px; }
  .service-icon { margin-bottom: 26px; }
  .wiki-art { height: 178px; }
  .wiki-card-body { padding: 26px; }
  .wiki-card-body h2 { font-size: 23px; }
  .wiki-card-body > p:not(.eyebrow) { font-size: 12px; }
  .wiki-filters button { font-size: 12px; padding-inline: 11px; }
  .wiki-filters { gap: 7px; }
  .dialog { padding: 25px 20px; border-radius: 17px; }
  .dialog h2 { font-size: 25px; }
  .dialog-actions { flex-direction: column; }
  .dialog-actions .btn { width: 100%; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 20px; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .footer-grid nav:last-child { grid-column: 1 / -1; }
  .footer-grid nav a { font-size: 11px; }
  .footer-grid h2 { margin-bottom: 13px; }
}


body { background: radial-gradient(ellipse 70% 600px at 90% 0, #ff78340c, transparent 75%), var(--paper); }
h1, h2, h3, h4 { font-weight: 750; }
h1, h2 { text-shadow: 0 3px 18px #0006; }
::selection { background: var(--action); color: #080d13; }
.skip { background: var(--action); color: #080d13; }
.placeholder { color: var(--muted); }
.site-header { background: #080d13ed; border-bottom: 1px solid #ffffff16; box-shadow: 0 8px 30px #0005; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.brand-symbol { box-shadow: 0 0 16px #ff78343d; }
.brand-name { font-weight: 800; }
.brand-name small { color: var(--muted); font-size: 9px; letter-spacing: .12em; }
.navigation { color: #d2dce5; font-size: 13px; }
.navigation a[aria-current] { color: var(--brand); }
.navigation > a, .nav-locations > summary { position: relative; }
.navigation > a::after { position: absolute; bottom: 4px; left: 0; right: 0; content: ''; height: 2px; border-radius: 2px; background: var(--action); box-shadow: 0 0 10px #ff7834a6; scale: 0 1; transform-origin: left; }
.navigation > a[aria-current]::after { scale: 1 1; }
.nav-submenu { background: #131e29; border-color: #66798b; box-shadow: 0 18px 45px #0009, 0 0 20px #ff78340f; }
.nav-submenu a:hover { background: #2e221b; color: #ffc59f; }
.menu-toggle { color: var(--ink); border-color: #66798b; background: #111923; }
.menu-toggle { position: relative; }
.menu-toggle[aria-expanded='true'] svg { visibility: hidden; }
.menu-toggle[aria-expanded='true']::before, .menu-toggle[aria-expanded='true']::after { content: ''; position: absolute; width: 18px; height: 2px; border-radius: 2px; background: currentColor; rotate: 45deg; }
.menu-toggle[aria-expanded='true']::after { rotate: -45deg; }
.nav-locations[open] > summary svg { rotate: 180deg; }
.btn { min-height: 54px; padding: 14px 22px; border-radius: 12px; font-size: 14px; font-weight: 750; }
.btn-dark, .btn-lime { border: 1px solid #ffb27c; background: var(--action); color: #080d13; box-shadow: 0 3px 0 #8e350c, 0 10px 26px -7px #ff783477, inset 0 1px #ffcfab; }
.btn-dark:hover, .btn-lime:hover { background: var(--action-hover); color: #080d13; border-color: #ffd0ad; }
.btn-dark:focus-visible, .btn-lime:focus-visible { outline-color: var(--ink); }
.btn-outline, .btn-white { border-color: #66798b; background: #111923; color: var(--ink); box-shadow: inset 0 1px #ffffff08, 0 8px 20px #0003; }
.btn-outline:hover, .btn-white:hover { border-color: var(--action); background: #1b2631; color: var(--ink); }
.eyebrow, .hero-kicker { color: var(--brand); font-size: 11px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .07em; }
.premium-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 52px; padding: 62px 0 42px; margin-block: 0; border: 0; border-radius: 0; background: transparent; color: var(--ink); box-shadow: none; }
.premium-hero::before { content: none; }
.premium-hero .hero-copy { min-width: 0; padding: 0; }
.premium-hero .hero-kicker { color: #e7c2a8; margin-bottom: 24px; }
.hero-kicker::before { width: 7px; height: 7px; border-radius: 50%; background: #ffaf75; box-shadow: 0 0 8px #ff7834, 0 0 20px #ff783470; }
.premium-hero .hero-title { margin: 0 0 26px; font-size: clamp(47px, 5.55vw, 74px); line-height: 1.02; font-weight: 800; letter-spacing: -.06em; }
.premium-hero .hero-title span { color: var(--brand); text-shadow: 0 0 35px #ff783426, 0 3px 10px #0007; }
.premium-hero .hero-lead { max-width: 480px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.premium-hero .hero-actions { margin-top: 28px; gap: 13px; }
.premium-hero .hero-actions .btn { padding-inline: 19px; }
.premium-hero .hero-proof { gap: 8px 18px; margin-top: 24px; color: var(--muted); font-size: 12px; }
.premium-hero .hero-proof svg { color: var(--brand); }
.device-stage { position: relative; isolation: isolate; width: 100%; min-width: 0; height: 536px; margin: 0; overflow: clip; border: 1px solid #ff78347a; border-radius: 24px; background-color: #0d1620; background-image: radial-gradient(ellipse at 64% 55%, #ff783424, transparent 62%), radial-gradient(ellipse at 8% 85%, #76f5e112, transparent 50%), linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px); background-size: auto, auto, 32px 32px, 32px 32px; perspective: 1000px; box-shadow: 0 24px 55px #0009, 0 0 42px #ff78341a, inset 0 1px 0 #ffd8b929; }
.device-stage-meta { position: absolute; z-index: 2; inset: 21px 23px auto; display: flex; justify-content: space-between; color: #bfcbd6; font: 11px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .05em; }
.neon-tube { position: absolute; z-index: -1; display: block; width: 3px; height: 175px; border-radius: 10px; background: #ffcfaa; pointer-events: none; }
.neon-tube-one { left: 72px; top: 42px; rotate: 29deg; }
.neon-tube-two { right: 58px; bottom: 94px; height: 145px; rotate: 29deg; background: #c2fff7; }
.device-glow { position: absolute; left: 21%; right: 10%; bottom: 21%; height: 70px; border: 1px solid #ff783429; border-radius: 50%; background: radial-gradient(ellipse, #ff783433, transparent 70%); transform: rotate(-20deg); pointer-events: none; }
.device-orbit { position: absolute; width: 340px; height: 340px; left: 50%; top: 45%; translate: -50% -50%; border: 1px solid #ff783429; border-radius: 50%; }
.device-orbit::after { content: ''; position: absolute; inset: 32px; border: 1px dashed #76f5e11f; border-radius: 50%; }
.device-assembly { position: absolute; width: 215px; height: 355px; left: 50%; top: 47%; transform: translate(-50%, -50%) rotateX(53deg) rotateZ(-30deg); transform-style: preserve-3d; }
.device-shadow { position: absolute; inset: 8px; border-radius: 30px; background: #0009; filter: blur(12px); transform: translateZ(-35px) translate(17px, 24px); }
.device-layer { position: absolute; inset: 0; border: 2px solid #081015; border-radius: 28px; transform-style: preserve-3d; }
.device-body { padding: 15px; background: #26343e; transform: translateZ(-25px); box-shadow: 0 7px 0 #03080d, inset 0 1px 0 #9bc3ce, 0 0 16px #76f5e133; }
.device-camera { display: flex; gap: 8px; padding-bottom: 13px; }
.device-camera i { display: block; width: 29px; height: 29px; border: 5px solid #071018; border-radius: 50%; background: #51788e; box-shadow: inset 0 0 0 5px #172830, 0 1px 0 #93c0c7; }
.device-board { display: flex; align-items: center; gap: 6px; height: 35px; padding: 6px; border: 1px solid #709b90; border-radius: 3px; background: #16372f; }
.device-board i { width: 22px; height: 18px; background: #071018; border: 1px solid #82989b; box-shadow: 3px 0 0 #cad6c54d; }
.device-board i:nth-child(2) { width: 39px; }
.device-battery { display: flex; flex-direction: column; justify-content: center; gap: 7px; height: 151px; margin-top: 12px; padding: 18px; border: 1px solid #bb7a31; border-radius: 7px; background: #eab16a; color: #081015; }
.device-battery span { font-size: 44px; font-weight: 800; line-height: 1; letter-spacing: -.06em; }
.device-battery small { font: 9px/1.5 ui-monospace, monospace; letter-spacing: .15em; }
.device-coil { position: absolute; bottom: 14px; right: 19px; width: 51px; height: 32px; border: 5px double #9fcece; border-radius: 7px; }
.device-display { padding: 9px; transform: translateZ(29px) translateY(-9px); background: #071018; box-shadow: 0 5px 0 #03080d, inset 0 1px 0 #a6c8d6, 0 0 22px #ff783440; }
.device-screen { position: relative; display: grid; place-items: center; height: 100%; overflow: hidden; border-radius: 17px; background: linear-gradient(145deg, #ffbb74, #ff7834 70%, #ef4f15); color: #080d13; }
.device-screen::before { content: ''; position: absolute; width: 240px; height: 240px; top: 109px; left: -105px; border: 34px solid #080d1340; border-radius: 50%; }
.device-screen-mark { position: relative; margin-top: -79px; font-size: 70px; font-weight: 800; letter-spacing: -.08em; }
.device-screen-line { position: absolute; width: 59px; height: 8px; background: #080d13; bottom: 61px; right: 25px; }
.device-screen-dot { position: absolute; bottom: 29px; right: 26px; width: 24px; height: 24px; border-radius: 50%; background: var(--neon-cyan); }
.device-speaker { position: absolute; width: 58px; height: 7px; top: 16px; left: 50%; translate: -50% 0; border-radius: 4px; background: #071018; }
.device-glass { transform: translateZ(79px) translateY(-21px); border-color: #bcfff1; background: linear-gradient(118deg, #ffffff35, #ffffff05 56%, #76f5e124); box-shadow: 0 3px 0 #6f9f9f, 0 0 15px #76f5e12e, inset 0 0 0 1px #08101580; }
.device-glass > svg { width: 100%; height: 100%; padding: 8px; color: #e3fff8; opacity: .9; }
.device-tag { position: absolute; z-index: 2; padding: 5px 8px; border: 1px solid #859bb04d; border-radius: 5px; background: #101923f2; color: #e3edf7; font: 10px/1.5 ui-monospace, monospace; letter-spacing: .03em; box-shadow: 0 5px 15px #0006; }
.device-tag-one { left: 22px; top: 100px; }
.device-tag-two { right: 19px; top: 249px; }
.device-tag-three { left: 29px; bottom: 111px; }
.device-caption { position: absolute; z-index: 2; inset: auto 23px 20px; display: flex; justify-content: space-between; align-items: end; gap: 16px; color: var(--ink); }
.device-caption > span { font-size: 16px; font-weight: 750; line-height: 1.4; letter-spacing: -.03em; }
.device-caption small { max-width: 130px; color: #b8c5d0; font: 10px/1.6 ui-monospace, monospace; text-align: right; }
.hero-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: 23px 12px; margin-block: 0; border: 1px solid #ffffff1f; border-radius: 18px; background: #111923; box-shadow: 0 14px 34px #0005, inset 0 1px #ffffff08; }
.hero-facts > a { display: grid; grid-template-columns: 28px minmax(0, 1fr) 17px; gap: 16px; padding: 4px 23px; }
.hero-facts > a:first-child { padding-left: 14px; }
.hero-facts > a + a { border-left: 1px solid #ffffff20; }
.hero-facts > a > span > small { color: var(--muted); font: 11px/1.6 ui-monospace, monospace; }
.hero-facts strong { color: var(--ink); font-size: 16px; font-weight: 750; }
.hero-facts > a > svg { color: var(--brand); }
.quick-repairs { display: none; gap: 15px; margin-bottom: 30px; }
.js-ready .quick-repairs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.quick-repair.choose-repair { display: flex; align-items: center; gap: 17px; min-height: 116px; padding: 24px; border: 1px solid #66798b; border-radius: 16px; background: #211b18; color: var(--ink); box-shadow: 0 16px 28px #0006, inset 0 1px #ffffff0a; }
.quick-repair:nth-child(2) { background: #141f2a; }
.quick-repair:nth-child(3) { background: #13251f; }
.quick-repair > span { display: flex; flex-direction: column; gap: 5px; flex: 1; min-width: 0; }
.quick-repair strong { font-size: 18px; line-height: 1.3; }
.quick-repair small { font-size: 12px; line-height: 1.5; color: var(--muted); }
.quick-repair > svg:first-child { width: 35px; height: 35px; color: var(--brand); filter: drop-shadow(0 0 8px #ff78343d); }
.quick-repair > svg:last-child { width: 18px; height: 18px; color: #d6e1e9; }
.section-heading > p { color: var(--muted); }
.repair-accordions { gap: 0 32px; }
.repair-accordions > details { border-color: var(--line); }
.repair-accordions > details > summary > svg { color: var(--brand); }
.request-section { background: #0d141e; border-block: 1px solid #ff78342b; box-shadow: inset 0 1px 0 #ffba8a0a; }
.request-card { border: 1px solid #546575; border-radius: 20px; background: var(--surface); box-shadow: 0 18px 40px #0006, inset 0 1px #ffffff0a; }
.summary-card { border: 1px solid #ff783499; border-radius: 20px; background: radial-gradient(ellipse at 0 0, #ff783415, transparent 70%), #171b20; color: var(--ink); box-shadow: 0 20px 40px #0007, 0 0 25px #ff783412, inset 0 1px #ffb38420; }
.summary-card .eyebrow, .summary-small { color: #ffbd91; font-size: 12px; }
.summary-repairs, .summary-footnote { color: var(--muted); font-size: 12px; }
.summary-device-symbol { border-color: #ff9b6070; color: var(--brand); background: #ff78340f; box-shadow: 0 0 18px #ff78341a; }
.summary-divider { background: #ffffff26; }
.summary-footnote svg { color: var(--brand); }
.summary-quote { color: var(--ink); }
.summary-card :focus-visible { outline-color: var(--neon-cyan); }
.stepper { border-color: var(--line); }
.step-tab { color: var(--muted); font-size: 13px; }
.step-tab > span:first-child { background: #1a2836; color: var(--muted); }
.step-tab.active > span:first-child { background: var(--action); color: #080d13; box-shadow: 0 0 16px #ff78344d; }
.step-tab.done > span:first-child { background: #352319; color: #ffc59f; }
.step-tab:disabled { color: #a3b1be; }
.step-description, .request-heading > p:not(.eyebrow) { font-size: 14px; }
.field label, .field-label { color: #d0dbe5; font-size: 13px; }
.field label .placeholder, .consent, .form-notice, .visit-planning > p { color: var(--muted); }
.field input, .field select, .field textarea { border-color: #66798b; border-radius: 10px; background-color: #0b131c; color: var(--ink); }
.field input:hover:not(:disabled), .field select:hover:not(:disabled), .field textarea:hover:not(:disabled) { border-color: #8497a8; }
.field input::placeholder, .field textarea::placeholder { color: #a2b1be; opacity: 1; }
.field input:disabled, .field select:disabled, .field textarea:disabled { background-color: #17212c; color: #a3b1be; -webkit-text-fill-color: #a3b1be; border-color: #4a5968; }
.field input:focus, .field select:focus, .field textarea:focus { background-color: #101e2b; border-color: var(--action); outline-color: var(--action); }
.maker-choice > span, .repair-choice, .branch-choice { border-color: #66798b; border-radius: 10px; background: #101923; color: var(--ink); }
.maker-choice > span { font-size: 13px; }
.maker-choice input:checked + span, .repair-choice:has(input:checked), .branch-choice:has(input:checked) { background: #342219; border-color: var(--action); color: #ffd1af; }
.repair-choice:has(input:checked) > svg, .branch-choice > svg { color: var(--brand); }
.repair-choice::after, .branch-choice::after { background-color: #080d13; border-color: #8497a8; }
.repair-choice:has(input:checked)::after, .branch-choice:has(input:checked)::after { border-color: var(--action); background-color: var(--action); }
.branch-choice small { color: var(--muted); }
.branch-map { background: #131e29; border-color: #526575; }
.branch-map::before { border-color: #ff783440; box-shadow: 0 0 25px #ff78340a; }
.map-city { border-color: #66798b; background: #1b2937; color: var(--ink); box-shadow: 0 5px 15px #0005; }
.branch-map > small { color: var(--muted); }
.branch-details, .visit-planning { background: #17232f; border-color: #526575; }
.optional-details { border-color: var(--line); }
.optional-details > summary { color: #d0dbe5; }
.form-actions .back { color: var(--muted); }
.form-status { background: #351e1b; color: #ffc1a9; border-color: #ff9a7c; }
[aria-invalid='true'] { border-color: #ff9a7c !important; }
.repair-choice:has(input[aria-invalid='true']), .maker-choice:has(input[aria-invalid='true']) > span, .branch-choice:has(input[aria-invalid='true']) { border-color: #ff9a7c; }
.locations-section, .partnerships { background: #0c121b; }
.location-art { background: radial-gradient(ellipse at 80% 0, #ff78341f, transparent 80%), #322117; color: var(--ink); border-bottom: 1px solid #ff78344d; }
.location-art > svg { color: var(--brand); }
.location-art::before { border-color: #ff783459; box-shadow: 0 0 0 22px #ff78340a, 0 0 24px #ff783417; }
.location-card:nth-child(2) .location-art { background: #1c2530; color: var(--ink); }
.location-card:nth-child(2) .location-art > svg { color: var(--brand); }
.location-card:nth-child(3) .location-art { background: #112922; color: var(--ink); }
.location-card:nth-child(3) .location-art > svg { color: var(--neon-cyan); }
.location-card-copy .eyebrow { font-size: 11px; }
.location-card-copy .btn { font-size: 13px; border-radius: 10px; }
.info-card, .service-hub-card, .wiki-card, .contact-panel, .inquiry-card, .location-card, .benefit-grid > article, .partnership-grid > article, .feedback-empty { border: 1px solid #3b4d5e; border-radius: 18px; background: var(--surface); box-shadow: 0 18px 35px #0006, inset 0 1px #ffffff09; }
.structure-grid > .info-card:nth-child(3n + 1), .service-hub-card:nth-child(3n + 1) { background: #191b20; border-top-color: #ff7834a6; }
.structure-grid > .info-card:nth-child(3n + 2), .service-hub-card:nth-child(3n + 2) { background: #141e28; border-top-color: #719ab26b; }
.structure-grid > .info-card:nth-child(3n + 3), .service-hub-card:nth-child(3n + 3) { background: #13231f; border-top-color: #76f5e159; }
.info-card:not(.text-link) > svg, .service-icon { box-sizing: content-box; padding: 12px; border: 1px solid #ff783440; border-radius: 12px; background: #ff78340c; color: var(--brand); }
.info-card p, .service-hub-card p, .wiki-card-body > p:not(.eyebrow), .journey-grid p, .location-card-copy p:not(.eyebrow) { color: var(--muted); font-size: 14px; }
.service-number { color: var(--muted); font: 12px/1.5 ui-monospace, monospace; }
.journey-grid > article { position: relative; padding: 28px; border: 1px solid #3b4d5e; border-top: 2px solid var(--action); border-radius: 18px; background: #171c22; box-shadow: 0 14px 30px #0005, 0 -8px 24px -22px #ff7834; }
.journey-grid > article:nth-child(2) { border-top-color: #ffb078; background: #161f29; }
.journey-grid > article:nth-child(3) { border-top-color: var(--neon-cyan); background: #12221e; }
.journey-grid > article > .eyebrow { position: absolute; right: 24px; top: 25px; margin: 0; color: #aebfcd; font-size: 13px; }
.journey-grid > article > svg { margin-bottom: 24px; color: var(--brand); }
.promo-panel { border: 1px solid #ff78348f; border-radius: 20px; background: radial-gradient(ellipse at 100% 0, #ff783424, transparent 70%), #1b1c21; color: var(--ink); box-shadow: 0 22px 40px #0008, 0 0 25px #ff783412, inset 0 1px #ffbd8b29; }
.promo-partner { border-color: #76f5e159; background: radial-gradient(ellipse at 100% 0, #76f5e115, transparent 70%), #12201f; color: var(--ink); }
.promo-copy .eyebrow { color: var(--brand); font-size: 11px; }
.promo-copy > p:not(.eyebrow):not(.promo-title) { color: var(--muted); font-size: 14px; }
.promo-title { font-size: 35px; }
.promo-copy .btn { min-height: 48px; border-color: #8497a8; background: #101923; color: var(--ink); font-size: 13px; }
.promo-copy .btn:hover { border-color: var(--brand); background: #202a33; color: var(--ink); }
.promo-panel :focus-visible, .promo-partner :focus-visible { outline-color: var(--neon-cyan); }
.closing { border: 1px solid #ff78348f; border-radius: 22px; background: radial-gradient(ellipse at 20% 0, #ff783429, transparent 65%), #151b22; color: var(--ink); box-shadow: 0 24px 55px #0009, 0 0 40px #ff78341a, inset 0 1px #ffcfaa40; }
.closing .eyebrow { color: var(--brand); font-size: 11px; }
.closing p:not(.eyebrow) { color: var(--muted); font-size: 14px; }
.closing :focus-visible { outline-color: var(--neon-cyan); }
.closing .btn { background: var(--action); color: #080d13; box-shadow: 0 10px 25px -5px #ff783466; }
.closing .btn:hover { background: var(--action-hover); color: #080d13; }
.page-hero { border-bottom: 1px solid #ff78343d; }
.page-hero::after { content: ''; display: block; width: 65px; height: 3px; margin-top: 29px; border-radius: 3px; background: #ffb77f; box-shadow: 0 0 8px #ff7834, 0 0 23px #ff783466; }
.page-hero .eyebrow { color: var(--brand); }
.breadcrumbs, .breadcrumbs [aria-current] { color: var(--muted); font-size: 12px; }
.article-toc { border-left: 2px solid #ff783480; background: #111923; border-radius: 0 12px 12px 0; padding-block: 16px; padding-right: 12px; box-shadow: 0 12px 25px #0003; }
.article-toc strong { color: var(--brand); font-size: 12px; }
.article-toc a { min-height: 44px; padding-block: 11px; color: var(--muted); font-size: 13px; }
.prose { color: #bdcad5; font-size: 16px; }
.prose a:not(.btn):not(.text-link) { text-decoration-color: #ff9b6099; }
.prose .wiki-source { font-size: 13px; }
.legal-notice { color: #f5c9aa; border-left-color: var(--action); background: #2a201c; font-size: 13px; }
.prose .wiki-scope { color: #b6e4da; background: #132922; border: 1px solid #76f5e133; }
.wiki-search, #wiki-count { color: var(--muted); font-size: 13px; }
.wiki-search input { background: #0b131c; color: var(--ink); border-color: #66798b; }
.wiki-search input::placeholder { color: #a2b1be; }
.wiki-filters button { border-color: #66798b; color: #ffbd91; background: #111923; }
.wiki-filters button[aria-pressed='true'] { border-color: var(--action); color: #ffd4b5; background: #342219; box-shadow: 0 0 15px #ff78341a; }
.wiki-art { background: radial-gradient(ellipse at 50% 80%, #ff78341c, transparent 70%), #251c19; border-bottom: 1px solid #ff783433; }
.wiki-art-pflege { background: #152821; }
.wiki-art-nachhaltigkeit { background: #172432; }
.wiki-art > svg { color: var(--brand); filter: drop-shadow(0 0 12px #ff78344d); }
.wiki-art-pflege > svg { color: var(--neon-cyan); filter: drop-shadow(0 0 12px #76f5e133); }
.wiki-card-body .eyebrow { font-size: 11px; }
.wiki-card-body .text-link, .service-link { font-size: 13px; }
#wiki-empty { border-color: #b99a55; background: #2a251b; color: #f1d8a7; }
.guide-art { background: #17232f; border: 1px solid var(--line); border-radius: 14px; }
.guide-category, .overview-facts span, .quality-strip span { color: var(--muted); }
.overview-facts > article { border-color: var(--line); }
.quality-strip { border-color: var(--line); background: #111c25; }
.contact-visual { border: 1px solid #ff783473; border-radius: 20px; background: radial-gradient(ellipse at 80% 0, #ff783426, transparent 75%), #1d1d22; box-shadow: 0 20px 40px #0006, inset 0 1px #ffb27c1f; }
.contact-visual strong { color: var(--ink); }
.contact-visual p { color: var(--muted); }
.contact-visual > svg { color: var(--brand); filter: drop-shadow(0 0 12px #ff783459); }
.contact-item strong { color: var(--muted); font-size: 12px; }
.contact-item span { color: #d3dce5; font-size: 14px; }
.delivery-banner { background: #17232f; border: 1px solid #ff783473; box-shadow: 0 20px 45px #0006; }
.dialog { border-color: #66798b; background: #111923; color: var(--ink); box-shadow: 0 35px 100px #000b, 0 0 32px #ff78341a; }
.dialog::backdrop { background: #03070bd9; }
.dialog-close { color: var(--ink); background: #1b2937; border-color: #8497a8; }
#draft-text { border-color: #526575; background: #0b131c; color: #cbd8e3; }
.faq-list details { border-color: var(--line); }
.faq-list summary::after { color: var(--brand); }
.site-footer { background: #060a10; border-top: 1px solid #ff783473; box-shadow: 0 -12px 40px #ff783407; }
.footer-grid h2 { color: var(--ink); font-size: 13px; }
.footer-grid nav a { min-height: 44px; padding-block: 10px; color: #b7c5d1; font-size: 13px; }
.footer-grid > div > p, .footer-grid > div > .footer-note { color: #b7c5d1; font-size: 13px; }
.footer-bottom { color: #a9b8c5; font-size: 12px; }

@media (max-width: 1100px) {
 .premium-hero { gap: 35px; padding-top: 45px; }
 .premium-hero .hero-title { font-size: 60px; }
 .device-stage { height: 500px; }
 .device-assembly { width: 190px; height: 320px; }
 .device-battery { height: 129px; }
 .device-tag-two { top: 226px; }
 .quick-repair.choose-repair { gap: 12px; padding: 19px; }
 .quick-repair strong { font-size: 16px; }
}
@media (max-width: 980px) {
 .premium-hero { grid-template-columns: 1fr 1fr; gap: 28px; }
 .premium-hero .hero-title { font-size: 48px; }
 .premium-hero .hero-lead { font-size: 15px; }
 .premium-hero .hero-actions { flex-direction: column; align-items: stretch; }
 .device-stage { height: 465px; }
 .device-assembly { width: 164px; height: 284px; }
 .device-battery { height: 102px; padding: 13px; }
 .device-screen-mark { font-size: 57px; }
 .device-tag { font-size: 9px; padding: 4px 5px; }
 .device-tag-one { top: 84px; left: 12px; }
 .device-tag-two { top: 252px; right: 12px; }
 .device-caption { inset-inline: 15px; }
 .device-caption > span { font-size: 14px; }
 .device-caption small { font-size: 9px; }
 .hero-facts strong { font-size: 13px; }
 .hero-facts > a { padding-inline: 15px; gap: 11px; }
}
@media (max-width: 740px) {
 .premium-hero { grid-template-columns: 1fr; gap: 32px; padding-block: 32px 30px; }
 .premium-hero .hero-title { font-size: clamp(42px, 8.8vw, 62px); }
 .premium-hero .hero-lead { font-size: 15px; max-width: 550px; }
 .premium-hero .hero-actions { flex-direction: row; }
 .premium-hero .hero-proof { font-size: 11px; margin-top: 21px; }
 .device-stage { height: 285px; box-shadow: 0 14px 32px #0009, 0 0 24px #ff78341a; }
 .device-stage-meta { inset: 12px 15px auto; font-size: 9px; }
 .device-orbit { width: 240px; height: 240px; top: 45%; }
 .device-assembly { width: 155px; height: 260px; top: 43%; transform: translate(-50%, -50%) rotateX(52deg) rotateZ(-28deg); }
 .device-body { padding: 11px; }
 .device-camera { padding-bottom: 7px; }
 .device-camera i { width: 20px; height: 20px; border-width: 4px; }
 .device-board { height: 27px; padding: 4px; }
 .device-board i { height: 15px; width: 15px; }
 .device-battery { height: 112px; margin-top: 8px; padding: 13px; }
 .device-battery span { font-size: 31px; }
 .device-coil { height: 23px; width: 41px; bottom: 11px; }
 .device-display { padding: 7px; transform: translateZ(24px) translateY(-5px); }
 .device-layer { border-radius: 21px; }
 .device-screen { border-radius: 13px; }
 .device-screen-mark { margin-top: -57px; font-size: 52px; }
 .device-screen::before { width: 190px; height: 190px; border-width: 25px; left: -98px; top: 77px; }
 .device-screen-line { width: 40px; height: 6px; bottom: 47px; right: 18px; }
 .device-screen-dot { width: 17px; height: 17px; bottom: 22px; right: 18px; }
 .device-glass { transform: translateZ(61px) translateY(-14px); }
 .device-tag-one { left: 13px; top: 59px; }
 .device-tag-two { right: 12px; top: 144px; }
 .device-tag-three { left: 14px; bottom: 61px; }
 .device-caption { inset: auto 15px 12px; }
 .device-caption > span { font-size: 12px; }
 .device-caption small { font-size: 9px; }
 .hero-facts { grid-template-columns: 1fr; padding-block: 8px; }
 .hero-facts > a, .hero-facts > a:first-child { padding: 15px 0; }
 .hero-facts > a + a { border-left: 0; border-top: 1px solid #18212630; }
 .hero-facts strong { font-size: 15px; }
 .js-ready .quick-repairs { grid-template-columns: 1fr; gap: 12px; }
 .quick-repair.choose-repair { min-height: 85px; padding: 18px 20px; }
 .quick-repair strong { font-size: 17px; }
 .quick-repair > svg:first-child { width: 29px; height: 29px; }
 .step-tab { font-size: 12px; }
 .step-description, .request-heading > p:not(.eyebrow) { font-size: 14px; }
 .summary-small, .summary-footnote, .form-notice, .branch-choice small { font-size: 12px; }
 .info-card p, .service-hub-card p, .wiki-card-body > p:not(.eyebrow), .journey-grid p, .location-card-copy p:not(.eyebrow) { font-size: 14px; }
 .location-card-copy .eyebrow, .wiki-card-body .eyebrow { font-size: 11px; }
 .promo-copy > p:not(.eyebrow):not(.promo-title) { font-size: 14px; }
 .promo-copy .eyebrow { font-size: 11px; }
 .promo-title { font-size: 31px; }
 .breadcrumbs { font-size: 11px; }
 .article-toc a { min-height: 44px; padding-block: 10px; font-size: 13px; }
 .prose { font-size: 15px; }
 .prose .wiki-source, .legal-notice, #draft-text { font-size: 13px; }
 .footer-grid nav a, .footer-grid h2 { font-size: 13px; }
}
@media (max-width: 520px) {
 .brand-name small { font-size: 8px; }
 .premium-hero .hero-title { font-size: clamp(39px, 10.5vw, 54px); }
 .premium-hero .hero-lead { font-size: 14px; }
 .premium-hero .hero-actions { gap: 12px; }
 .premium-hero .hero-actions .btn { min-height: 52px; padding-inline: 16px; font-size: 13px; }
 .premium-hero .hero-proof { align-items: flex-start; flex-direction: column; gap: 7px; }
 .device-stage { height: 270px; }
 .device-assembly { top: 42%; width: 145px; height: 245px; }
 .device-tag-one { top: 49px; }
 .device-tag-two { top: 135px; }
 .device-tag-three { bottom: 59px; }
 .device-battery { height: 101px; }
 .step-tab { gap: 5px; font-size: 12px; }
 .step-tab > span:first-child { width: 23px; height: 23px; flex-basis: 23px; }
 .field label, .field-label { font-size: 13px; }
 .repair-choice { min-height: 92px; padding: 12px; font-size: 13px; }
 .repair-choice > span { line-height: 1.5; }
 .summary-quote { font-size: 13px; }
 .contact-item span { font-size: 14px; }
}


:root {
  --contact-right: max(12px, env(safe-area-inset-right, 0px));
  --contact-left: max(12px, env(safe-area-inset-left, 0px));
  --contact-bottom: max(12px, env(safe-area-inset-bottom, 0px));
  --contact-clearance: calc(72px + var(--contact-bottom));
}
html { scroll-padding-bottom: var(--contact-clearance); }
.site-footer { padding-bottom: calc(25px + var(--contact-clearance)); }
.contact-dock {
  position: fixed;
  z-index: 40;
  right: var(--contact-right);
  bottom: var(--contact-bottom);
  display: flex;
  align-items: stretch;
  gap: 5px;
  width: max-content;
  max-width: calc(100% - var(--contact-left) - var(--contact-right));
  padding: 5px;
  border: 1px solid #455569;
  border-radius: 17px;
  background: #0d1520;
  box-shadow: 0 12px 32px #0009, inset 0 1px #ffffff10;
}
.contact-dock-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 48px;
  min-height: 50px;
  padding: 6px 12px;
  border: 1px solid #66798b;
  border-radius: 11px;
  background: #17232f;
  color: #edf3f8;
  font-size: .8125rem;
  font-weight: 750;
  line-height: 1.15;
  text-align: left;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.contact-dock-action svg { width: 19px; height: 19px; }
.contact-dock-action > span { white-space: nowrap; }
.contact-dock-action small { display: block; margin-top: 3px; color: inherit; font-size: .6875rem; }
.contact-dock-call { color: #ffb98d; }
.contact-dock-mail { color: #d1e4f2; }
.contact-dock-whatsapp {
  border-color: #7ce4ae;
  background: #32d982;
  color: #091b15;
  box-shadow: 0 3px 12px #32d98238;
}
.contact-dock-whatsapp[aria-disabled="true"] {
  border-color: #478c68;
  background: #173527;
  color: #a8ebc8;
  box-shadow: none;
  cursor: default;
}
.contact-dock-action:focus-visible { outline-color: #fff; outline-offset: 2px; }
@media (hover: hover) {
  .contact-dock-action[href]:hover { border-color: #ffad78; background: #25323d; }
  .contact-dock-whatsapp[href]:hover { border-color: #bcffdd; background: #68eba5; }
}
@media (max-width: 380px) {
  .contact-dock-action { gap: 4px; padding-inline: 7px; font-size: .775rem; }
  .contact-dock-action svg { width: 17px; height: 17px; }
}
@media (max-width: 300px) {
  .contact-dock-action:not(.contact-dock-whatsapp) svg { display: none; }
}

body:has(:is(main, .site-footer) :focus-visible, main :is(input, select, textarea):focus) .contact-dock {
  position: static;
  margin: 0 var(--contact-right) var(--contact-bottom) auto;
}
body:has(dialog[open]) .contact-dock { visibility: hidden; }
@media (max-width: 980px) {
  body:has(.navigation.open) .contact-dock { visibility: hidden; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media print {
  :root { color-scheme: light; --ink: #111; --muted: #333; --teal: #8a3009; --brand: #8a3009; --paper: #fff; }
  html { scroll-padding: 0; }
  body { background: #fff; color: #111; font-size: 11pt; }
  .site-header, .site-footer, .skip, .article-toc, .hero-media, .device-stage, .promo-art, .menu-toggle, .form-actions, .contact-dock { display: none !important; }
  .wrap { width: 100%; }
  .page-hero, .section { padding-block: 20px; }
  .article-layout, .contact-layout, .request-layout { display: block; }
  .summary-card { position: static; background: #eee; color: #111; }
  .premium-hero, .closing { display: block; padding: 20px 0; border: 0; border-radius: 0; background: #fff; color: #111; box-shadow: none; }
  .premium-hero::before, .quick-repairs, .hero-accentline { display: none !important; }
  .premium-hero .hero-title span, .premium-hero .hero-lead, .premium-hero .hero-kicker, .premium-hero .hero-proof, .closing p:not(.eyebrow), .closing .eyebrow, .summary-card * { color: #111; }
  .premium-hero .btn-outline { border-color: #666; color: #111; }
  .prose { color: #111; max-width: none; font-size: 11pt; }
  .legal-notice, .info-card, .service-hub-card, .contact-panel, .inquiry-card { color: #111; border: 1px solid #aaa; background: #fff; box-shadow: none; }
  .request-section, .request-card, .branch-details, .visit-planning, .prose .wiki-scope { color: #111; background: #fff; box-shadow: none; }
  .field input, .field select, .field textarea, .maker-choice > span, .repair-choice, .branch-choice { color: #111; background: #fff; border-color: #888; }
  .field label, .field-label, .consent, .form-notice, .optional-details > summary, .branch-choice strong { color: #333; }
  a { text-decoration: underline; }
  details > * { display: block !important; }
}



html.motion-ready [data-motion-decor],
html.motion-ready [data-motion-reveal] {
  --motion-play-state: paused;
}

html.motion-ready[data-motion-state="running"] [data-motion-decor].motion-in-view,
html.motion-ready[data-motion-state="running"] [data-motion-reveal].motion-in-view {
  --motion-play-state: running;
}



html.motion-ready [data-motion-reveal].motion-reveal-play {
  animation: studio-content-arrive var(--motion-reveal-duration, 320ms) cubic-bezier(.2, .65, .25, 1) both;
  animation-delay: var(--motion-reveal-delay, 0ms);
  animation-play-state: var(--motion-play-state, paused);
}


html.motion-ready [data-motion-heading] {
  --motion-entry-distance: 4px;
  --motion-reveal-duration: 300ms;
  --motion-reveal-delay: 0ms;
}

html.motion-ready h1[data-motion-heading] { --motion-entry-distance: 5px; --motion-reveal-duration: 360ms; }
html.motion-ready :is(h3, h4, h5, h6)[data-motion-heading] { --motion-entry-distance: 3px; --motion-reveal-duration: 280ms; }
html.motion-ready .motion-entry[data-motion-reveal] { --motion-reveal-opacity: .96; }

html.motion-ready .hero-title { --motion-reveal-delay: 30ms; }
html.motion-ready .hero-lead { --motion-reveal-delay: 50ms; }
html.motion-ready .premium-hero .hero-actions { --motion-reveal-delay: 80ms; }
html.motion-ready .motion-hover-card:nth-child(3n + 2) { --motion-reveal-delay: 40ms; }
html.motion-ready .motion-hover-card:nth-child(3n + 3) { --motion-reveal-delay: 80ms; }

html.motion-ready .device-stage[data-motion-reveal] {
  --motion-entry-distance: 3px;
  --motion-reveal-duration: 420ms;
  --motion-reveal-delay: 0ms;
  --motion-reveal-opacity: 1;
  transition: translate 200ms ease;
}


.device-stage::before,
.device-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}

.device-stage::before {
  z-index: 0;
  background: radial-gradient(ellipse at 30% 62%, color-mix(in srgb, var(--action, #ff6a2b) 32%, transparent), transparent 64%), radial-gradient(ellipse at 92% 10%, color-mix(in srgb, var(--neon-cyan, #76f5e1) 11%, transparent), transparent 45%);
  opacity: .45;
}

.device-stage::after {
  z-index: 2;
  background: linear-gradient(116deg, transparent 30%, #ffffff03 34%, #ffffff0c 35%, #ffffff02 39%, transparent 44%);
}

html.motion-ready.motion-observer-ready .device-stage[data-motion-decor][data-motion-ambient="active"]::before {
  animation: studio-neon-settle 4.6s ease-in-out both;
  animation-play-state: var(--motion-play-state, paused);
}

@keyframes studio-neon-settle {
  0% { opacity: .32; }
  45% { opacity: .72; }
  100% { opacity: .45; }
}


.neon-tube {
  pointer-events: none;
  background: var(--action, #ff6a2b);
  box-shadow: 0 0 5px #fff2dca6, 0 0 16px color-mix(in srgb, var(--action, #ff6a2b) 55%, transparent), 0 0 38px color-mix(in srgb, var(--action, #ff6a2b) 22%, transparent);
}

.neon-tube-two {
  background: var(--neon-cyan, #76f5e1);
  box-shadow: 0 0 4px #eafff2a6, 0 0 15px color-mix(in srgb, var(--neon-cyan, #76f5e1) 40%, transparent), 0 0 30px color-mix(in srgb, var(--neon-cyan, #76f5e1) 13%, transparent);
}

.device-glow {
  pointer-events: none;
  background: radial-gradient(ellipse, color-mix(in srgb, var(--action, #ff6a2b) 20%, transparent), transparent 66%);
  opacity: .65;
}


.premium-hero .hero-title { position: relative; }
.premium-hero .hero-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  width: min(104px, 34%);
  height: 2px;
  background: var(--action, #ff6a2b);
  box-shadow: 0 0 12px color-mix(in srgb, var(--action, #ff6a2b) 55%, transparent);
  pointer-events: none;
  transform-origin: left center;
}

html.motion-ready[data-motion-state="running"] .hero-title[data-motion-heading].motion-reveal-play::after {
  animation: studio-heading-accent 300ms ease-out both;
  animation-play-state: var(--motion-play-state, paused);
}

@keyframes studio-heading-accent {
  from { transform: scaleX(.45); opacity: .65; }
  to { transform: scaleX(1); opacity: 1; }
}


html.motion-ready [data-motion-reveal]:focus-within { animation: none; translate: none; }
html.motion-ready .device-stage:focus-within::before { animation-play-state: paused; }
html.motion-ready .hero-title:focus-within::after { animation: none; }

@keyframes studio-content-arrive {
  from { translate: 0 var(--motion-entry-distance, 6px); opacity: var(--motion-reveal-opacity, 1); }
  to { translate: 0 0; opacity: 1; }
}


html.motion-ready[data-motion-state="running"] .dialog[open] h2 {
  animation: studio-dialog-heading 200ms ease both;
}

@keyframes studio-dialog-heading {
  from { translate: 0 2px; opacity: 1; }
  to { translate: 0 0; opacity: 1; }
}


html.motion-ready .motion-hover-card {
  transition: translate 220ms cubic-bezier(.2, .65, .25, 1), border-color 180ms ease;
}

html.motion-ready .btn {
  transition: translate 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

html.motion-ready :is(.btn, .text-link) > svg {
  transition: translate 180ms ease;
}

html.motion-ready :is(.navigation > a, .nav-locations > summary, .brand-symbol) {
  transition: box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

html.motion-ready .btn:hover,
html.motion-ready .wiki-card:hover .wiki-art > svg { transform: none; }

@media (hover: hover) and (pointer: fine) {
  html.motion-ready[data-motion-state="running"] .device-stage:hover { translate: 0 -2px; }

  html.motion-ready[data-motion-state="running"] .motion-hover-card:hover {
    translate: 0 -3px;
    border-color: var(--teal, #00665e);
    box-shadow: var(--motion-card-hover-shadow, 0 18px 38px -12px #00000099, 0 0 22px -9px color-mix(in srgb, var(--action, #ff6a2b) 45%, transparent), inset 0 1px #ffffff14);
  }

  html.motion-ready[data-motion-state="running"] .btn:hover {
    translate: 0 -1px;
    box-shadow: var(--motion-button-hover-shadow, 0 6px 16px -7px #000000b3, 0 0 23px -8px color-mix(in srgb, var(--action, #ff6a2b) 62%, transparent));
  }
  html.motion-ready[data-motion-state="running"] :is(.navigation > a, .nav-locations > summary):hover { box-shadow: inset 0 -2px var(--action, #ff6a2b); }
  html.motion-ready[data-motion-state="running"] .brand:hover .brand-symbol { box-shadow: 0 0 18px -5px color-mix(in srgb, var(--action, #ff6a2b) 65%, transparent); }
  html.motion-ready[data-motion-state="running"] :is(.btn, .text-link):is(:hover, :focus-visible) > svg { translate: 2px -2px; }
  html.motion-ready[data-motion-state="running"] .btn:active { translate: 0 0; }
}

html.motion-ready[data-motion-state] .device-stage:focus-within {
  translate: none;
  transition: none;
}

html.motion-ready[data-motion-state] .motion-hover-card:focus-within {
  translate: none;
  border-color: var(--teal, #00665e);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--teal, #00665e) 10%, transparent);
}


html.motion-ready :is(.btn, .text-link, .maker-choice, .repair-choice, .branch-choice) { -webkit-tap-highlight-color: color-mix(in srgb, var(--teal, #00665e) 10%, transparent); }
html.motion-ready .btn:active { box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 28%, transparent); }
html.motion-ready .text-link:active { text-decoration: underline; text-underline-offset: 4px; }

html.motion-ready :is(.maker-choice > span, .repair-choice, .branch-choice) {
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

html.motion-ready :is(.repair-choice, .branch-choice):active,
html.motion-ready .maker-choice:active > span { box-shadow: inset 0 0 0 1px var(--teal, #00665e); }

html.motion-ready :is(.repair-choice, .branch-choice):has(input:checked),
html.motion-ready .maker-choice:has(input:checked) > span { box-shadow: inset 0 0 0 1px var(--teal, #00665e); }

html.motion-ready .field :is(input, select, textarea) {
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

html.motion-ready .field :is(input, select, textarea):focus {
  border-color: var(--teal, #00665e);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--teal, #00665e) 8%, transparent);
}


html.motion-ready :is(.faq-list, .repair-accordions) details > summary {
  transition: color 180ms ease;
}

html.motion-ready :is(.faq-list, .repair-accordions) details > summary:is(:active, :focus-visible),
html.motion-ready :is(.faq-list, .repair-accordions) details[open] > summary { color: var(--teal, #00665e); }

html.motion-ready :is(.faq-list, .repair-accordions) details > summary::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  padding: 0;
  color: var(--teal, #00665e);
  background: linear-gradient(currentColor, currentColor) center / 12px 1.5px no-repeat, linear-gradient(currentColor, currentColor) center / 1.5px 12px no-repeat;
  rotate: 0deg;
  transition: rotate 180ms ease;
}

html.motion-ready .faq-list details > summary::after { top: 24px; right: 3px; }
html.motion-ready .repair-accordions details > summary::after { margin-left: auto; flex: 0 0 18px; }
html.motion-ready :is(.faq-list, .repair-accordions) details[open] > summary::after { content: ""; rotate: 45deg; }

html.motion-ready[data-motion-state="running"] .faq-list details[open] > p,
html.motion-ready[data-motion-state="running"] .repair-accordions details[open] > div {
  animation: studio-disclosure-arrive 200ms ease both;
}

@keyframes studio-disclosure-arrive {
  from { translate: 0 3px; opacity: .96; }
  to { translate: 0 0; opacity: 1; }
}

.motion-progress {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--accent, #ff5a1f);
  transform: scaleX(0);
  transform-origin: left center;
  pointer-events: none;
  opacity: 0;
}

html.motion-ready[data-motion-state="running"] .motion-progress { opacity: .7; }

html.motion-ready:not([data-motion-state="running"]) {
  scroll-behavior: auto;
}


html.motion-ready:not([data-motion-state="running"]) :is(.device-stage, .motion-hover-card, .btn, .wiki-art, .guide-art, .wiki-art > svg, .text-link > svg, .maker-choice > span, .repair-choice, .branch-choice, .field input, .field select, .field textarea, .faq-list summary, .repair-accordions summary, .navigation > a, .nav-locations > summary, .brand-symbol),
html.motion-ready:not([data-motion-state="running"]) :is(.faq-list, .repair-accordions) summary::after {
  transition: none !important;
  translate: none;
}

html.motion-ready:not([data-motion-state="running"]) [data-motion-reveal] {
  animation: none !important;
  translate: none !important;
  opacity: 1;
}

html.motion-ready:not([data-motion-state="running"]) .hero-title::after { animation: none !important; }

html.motion-ready:not([data-motion-state="running"]) .guide-card:hover .guide-art { transform: none; }

@media (max-width: 600px) {
  html.motion-ready { --motion-entry-distance: 4px; }
  html.motion-ready :is(h1, h2, h3, h4, h5, h6)[data-motion-heading] { --motion-entry-distance: 3px; --motion-reveal-duration: 280ms; }
}

@media (prefers-reduced-motion: reduce) {
  html.motion-ready [data-motion-decor],
  html.motion-ready [data-motion-decor] *,
  html.motion-ready [data-motion-decor]::before,
  html.motion-ready [data-motion-decor]::after,
  html.motion-ready [data-motion-decor] *::before,
  html.motion-ready [data-motion-decor] *::after {
    animation: none !important;
  }

  html.motion-ready :is(.device-stage, [data-motion-reveal], .motion-hover-card, .btn, .text-link > svg, .maker-choice > span, .repair-choice, .branch-choice, .field input, .field select, .field textarea, .faq-list summary, .repair-accordions summary, .navigation > a, .nav-locations > summary, .brand-symbol),
  html.motion-ready :is(.faq-list, .repair-accordions) summary::after {
    transition: none !important;
    translate: none !important;
  }

  html.motion-ready [data-motion-reveal],
  html.motion-ready .dialog h2,
  html.motion-ready .hero-title::after,
  html.motion-ready .faq-list details > p,
  html.motion-ready .repair-accordions details > div { animation: none !important; translate: none !important; }

  .motion-progress { display: none; }
}

@media print {
  .motion-progress { display: none !important; }
  html.motion-ready .dialog h2 { animation: none !important; }
  .device-stage::before, .device-stage::after, .hero-title::after { display: none !important; }
  html.motion-ready [data-motion-reveal], html.motion-ready [data-motion-decor], html.motion-ready [data-motion-decor] *, html.motion-ready [data-motion-decor]::before, html.motion-ready [data-motion-decor]::after, html.motion-ready [data-motion-decor] *::before, html.motion-ready [data-motion-decor] *::after { animation: none !important; }
}