:root {
  --font-sans: "Roboto", "Segoe UI", Arial, sans-serif;
  --ink: #102331;
  --ink-2: #29404f;
  --muted: #657783;
  --line: #dfe7eb;
  --soft: #f4f7f8;
  --orange: #f26722;
  --orange-dark: #d84e0b;
  --cream: #fff8f3;
  --white: #fff;
  --radius: 18px;
  --shadow: 0 18px 50px rgba(16, 35, 49, .10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
html.wheel-scrolling { scroll-behavior: auto; }
body { margin: 0; color: var(--ink); background: #fff; font-family: var(--font-sans); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
body.select-modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.lazy-media { background: linear-gradient(115deg, #edf3f5, #f8fafb); opacity: .001; transition: opacity .32s ease, filter .32s ease; }
.lazy-media.lazy-media-loaded { opacity: 1; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
.container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 10px 16px; color: #fff; background: var(--ink); border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

* { scrollbar-width: thin; scrollbar-color: var(--orange) #fff; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px rgba(223,232,236,.95); }
*::-webkit-scrollbar-thumb { border: 3px solid #fff; border-radius: 999px; background: linear-gradient(180deg,var(--orange),var(--orange-dark)); }
*::-webkit-scrollbar-thumb:hover { background: var(--orange-dark); }

@media (max-width: 900px) and (min-width: 721px) {
  .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .blog-card-image { height:230px; }
}

@media (max-width: 720px) {
  .knowledge-category-toolbar { grid-template-columns:1fr; padding:10px; }
  .knowledge-category-toolbar .blog-search { min-height:50px; }
  body { padding-bottom:92px; }
  *::-webkit-scrollbar { width: 7px; height: 7px; }
  *::-webkit-scrollbar-thumb { border-width: 2px; }
}

.topbar { color: #dce5ea; background: #0b1c28; font-size: 12px; }
.topbar-inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.topbar p { margin: 0; }
.status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #66d19e; box-shadow: 0 0 0 4px rgba(102, 209, 158, .12); }
.topbar-links { display: flex; gap: 24px; }
.topbar a:hover { color: #fff; }

.site-header { --scroll-progress: 0%; position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(16, 35, 49, .08); background: rgba(255, 255, 255, .96); backdrop-filter: blur(14px); transition: box-shadow .2s ease; }
.site-header::after { content: ""; position: absolute; left: 0; bottom: -1px; width: var(--scroll-progress); height: 3px; background: var(--orange); pointer-events: none; transition: width .08s linear; }
.site-header.scrolled { box-shadow: 0 10px 30px rgba(16, 35, 49, .08); }
.nav-wrap { min-height: 82px; display: grid; grid-template-columns: 238px 1fr auto; align-items: center; gap: 26px; }
.logo img { width: 214px; height: auto; }
.main-nav { position: relative; display: flex; align-items: center; justify-content: center; gap: clamp(15px, 1.8vw, 25px); }
.nav-home { width: 42px; height: 42px; flex: 0 0 42px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #e4eaed; border-radius: 12px; color: var(--orange); background: #fff8f4; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.nav-home-icon { display:inline-flex; align-items:center; justify-content:center; }
.nav-home svg { width: 19px; height: 19px; stroke-width: 2.3; }
.nav-home-label { display:none; }
.nav-home:hover, .nav-home:focus-visible { color: #fff; border-color: var(--orange); background: var(--orange); outline: 0; transform: translateY(-2px); }
.nav-group { display: flex; align-items: center; }
.nav-trigger, .nav-direct { min-height: 42px; display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; color: #304654; background: transparent; font-size: 13px; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; cursor: pointer; }
.nav-label { display: inline-flex; align-items: center; gap: 9px; }
.nav-main-icon { display: none; }
.nav-trigger > svg { width: 17px; height: 17px; transition: transform .2s ease; }
.nav-group.open .nav-trigger > svg, .nav-group:hover .nav-trigger > svg, .nav-group:focus-within .nav-trigger > svg { transform: rotate(180deg); }
.nav-trigger::after, .nav-direct::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 0; height: 2px; background: var(--orange); transition: right .2s ease; }
.nav-trigger, .nav-direct { position: relative; }
.nav-group:hover .nav-trigger::after, .nav-group:focus-within .nav-trigger::after, .nav-direct:hover::after, .nav-direct:focus-visible::after { right: 0; }
.mega-menu { position: absolute; z-index: 70; top: calc(100% + 30px); left: 50%; width: min(1040px, calc(100vw - 48px)); display: grid; grid-template-columns: 1fr; gap: 0; overflow: visible; padding: 26px; border: 1px solid rgba(16,35,49,.09); border-radius: 18px; background: rgba(255,255,255,.985); box-shadow: 0 28px 70px rgba(16,35,49,.18); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 12px); transition: opacity .2s ease, transform .2s ease, visibility .2s; }
.mega-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -32px; height: 32px; }
.nav-group:hover .mega-menu, .nav-group:focus-within .mega-menu, .nav-group.open .mega-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
#mega-services { grid-template-columns: 1fr; }
.mega-columns { display: grid; grid-template-columns: 1fr 1fr .92fr; gap: 8px 22px; }
.mega-columns > div { min-width: 0; }
.mega-all-link { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: -6px 0 14px; padding: 9px 12px; border: 1px solid #ffd0b9; border-radius: 10px; color: var(--orange-dark); background: var(--cream); font-size: 12px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; transition: color .2s ease, background .2s ease, transform .2s ease; }
.mega-all-link:hover, .mega-all-link:focus-visible { color: #fff; background: var(--orange); transform: translateY(-1px); }
.mega-all-link svg { width: 18px; height: 18px; }
.mega-columns strong { display: block; margin: 4px 0 11px; color: #71838e; font-size: 11px; letter-spacing: .09em; text-transform: uppercase; }
.mega-columns a, .mega-link-grid a { display: flex; align-items: center; gap: 11px; padding: 10px; border-radius: 10px; transition: color .2s, background .2s, transform .2s; }
.mega-columns a:hover, .mega-columns a:focus-visible, .mega-link-grid a:hover, .mega-link-grid a:focus-visible { color: var(--orange); background: var(--cream); transform: translateX(3px); }
.mega-columns a > svg, .mega-link-grid a > svg { flex: 0 0 auto; width: 25px; height: 25px; color: var(--orange); }
.mega-columns a span, .mega-link-grid a span { display: grid; color: var(--ink); font-size: 13px; font-weight: 800; line-height: 1.35; }
.mega-columns a small, .mega-link-grid a small { margin-top: 3px; color: #6f818c; font-size: 11px; font-weight: 500; }
.mega-compact { width: min(560px, calc(100vw - 48px)); grid-template-columns: 1fr; }
.mega-link-grid { display: grid; align-content: center; gap: 4px; }
.mega-corporate-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 8px; }
#mega-corporate { width: min(620px, calc(100vw - 48px)); padding: 18px; }
#mega-resources { width: max-content; min-width: 292px; max-width: calc(100vw - 48px); padding: 14px; }
#mega-resources .mega-link-grid { width: max-content; max-width: 100%; }
#mega-resources .mega-link-grid a { width: 292px; max-width: calc(100vw - 76px); }
#mega-corporate .mega-link-grid a, #mega-resources .mega-link-grid a { gap: 9px; padding: 8px; }
.mega-laboratory { width: min(1100px, calc(100vw - 48px)); }
.mega-lab-standalone { min-width: 0; }
.mega-lab-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; padding: 5px 7px 12px; border-bottom: 1px solid #e3eaed; }
.mega-lab-heading > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; color: var(--orange); background: var(--cream); }
.mega-lab-heading > span svg { width: 24px; height: 24px; }
.mega-lab-heading > div { display: grid; line-height: 1.3; }
.mega-lab-heading strong { color: var(--ink); font-size: 13px; }
.mega-lab-heading small { color: #788a94; font-size: 10px; }
.mega-lab-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px 10px; animation: panel-in .35s ease both; }
.mega-lab-grid a { min-height: 58px; display: flex; align-items: center; gap: 11px; padding: 10px; border-radius: 10px; color: var(--ink); line-height: 1.35; transition: color .2s ease, background .2s ease, transform .2s ease; }
.mega-lab-grid a:hover, .mega-lab-grid a:focus-visible { color: var(--orange); background: var(--cream); transform: translateX(3px); }
.mega-lab-grid a > svg { flex: 0 0 auto; width: 25px; height: 25px; color: var(--orange); }
.mega-lab-grid a span { min-width: 0; display: grid; color: var(--ink); font-size: 13px; font-weight: 800; line-height: 1.35; }
.mega-lab-grid a small { margin-top: 3px; color: #6f818c; font-size: 11px; font-weight: 500; }
@media (min-width: 1051px) {
.mega-columns, .mega-link-grid { max-height: calc(100vh - 170px); overflow-y: auto; overscroll-behavior: contain; padding-right: 5px; scrollbar-width: thin; scrollbar-color: var(--orange) #fff; }
  .mega-lab-standalone { max-height: none; overflow: visible; padding-right: 0; }
}
.btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 0 23px; border: 0; border-radius: 10px; color: #fff; background: var(--orange); box-shadow: 0 12px 24px rgba(242, 103, 34, .22); font-weight: 800; cursor: pointer; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.btn:hover { background: var(--orange-dark); transform: translateY(-2px); box-shadow: 0 16px 30px rgba(242, 103, 34, .27); }
.btn:focus-visible, a:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, button:focus-visible { outline: 3px solid rgba(242, 103, 34, .32); outline-offset: 3px; }
.btn-small { min-height: 44px; padding-inline: 18px; font-size: 13px; }
.menu-toggle { width: 44px; height: 44px; display: none; padding: 11px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.menu-toggle span { display: block; height: 2px; margin: 4px 0; background: var(--ink); transition: transform .38s cubic-bezier(.22,.7,.2,1), opacity .28s ease; }
.mobile-nav-toolbar { display: none; }

@media (min-width:1051px) {
  .main-nav { gap:clamp(13px,1.55vw,22px); }
  .nav-trigger, .nav-direct { min-height:37px; font-size:11.3px; }
  .nav-trigger > svg { width:15px; height:15px; }
  .nav-home { width:37px; height:37px; flex-basis:37px; border-radius:10px; }
  .nav-home svg { width:17px; height:17px; }
}
@keyframes mobilePanelIn { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: translateX(0); } }
@keyframes mobilePanelOut { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(24px); } }
@keyframes mobileRootIn { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } }

.hero { position: relative; overflow: hidden; background: linear-gradient(115deg, #f6f9fa 0 47%, #eef3f5 47%); }
.hero::before { content: ""; position: absolute; width: 520px; height: 520px; left: -260px; top: -250px; border: 1px solid rgba(242, 103, 34, .12); border-radius: 50%; box-shadow: 0 0 0 70px rgba(242, 103, 34, .03), 0 0 0 140px rgba(242, 103, 34, .025); }
.slider { position: relative; min-width: 0; }
.slider-viewport { overflow: hidden; }
.slider-track { display: flex; gap: 0; transition: transform .65s cubic-bezier(.22, .7, .2, 1); will-change: transform; }
.hero-slide { flex: 0 0 100%; min-width: 0; padding: 72px 0 28px; }
.hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 46px; align-items: center; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { margin: 0 0 15px; color: var(--orange); font-size: 13px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
h1, h2, h3, p { overflow-wrap: break-word; }
h1 { max-width: 680px; margin: 0; font-size: clamp(42px, 4.55vw, 68px); line-height: 1.04; letter-spacing: -.045em; }
h1 em { color: var(--orange); font-family: var(--font-sans); font-style: italic; font-weight: 700; }
.hero-title { max-width: 680px; margin: 0; font-size: clamp(42px, 4.55vw, 68px); line-height: 1.04; letter-spacing: -.045em; }
.hero-title em { color: var(--orange); font-family: var(--font-sans); font-style: italic; font-weight: 700; }
.hero-desktop-title { display: inline; }
.hero-mobile-title { display: none; }
.hero-lead { max-width: 620px; margin: 24px 0 28px; color: var(--muted); font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 18px; }
.hero-mini-cta { min-width: 238px; display: grid; grid-template-columns: 48px minmax(0, 1fr) 18px; align-items: center; gap: 11px; padding: 8px 11px 8px 8px; border: 1px solid #d8e2e7; border-radius: 15px; background: rgba(255, 255, 255, .9); box-shadow: 0 10px 30px rgba(18, 48, 64, .08); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background-color .25s ease; }
.hero-mini-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; color: var(--orange); background: #fff0e9; transition: color .25s ease, background-color .25s ease, transform .25s ease; }
.hero-mini-icon svg { width: 24px; height: 24px; stroke-width: 1.9; }
.hero-mini-copy { min-width: 0; display: grid; gap: 2px; line-height: 1.2; }
.hero-mini-copy small { color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.hero-mini-copy strong { color: var(--ink); font-size: 15px; }
.hero-mini-arrow { width: 17px; height: 17px; color: var(--orange); transition: transform .25s ease; }
.hero-mini-cta:hover, .hero-mini-cta:focus-visible { border-color: #ffb18c; background: #fff; box-shadow: 0 14px 34px rgba(246, 92, 26, .15); transform: translateY(-2px); }
.hero-mini-cta:hover .hero-mini-icon, .hero-mini-cta:focus-visible .hero-mini-icon { color: #fff; background: var(--orange); transform: rotate(-4deg); }
.hero-mini-cta:hover .hero-mini-arrow, .hero-mini-cta:focus-visible .hero-mini-arrow { transform: translate(2px, -2px); }
.header-cta svg { flex: 0 0 auto; width: 17px; height: 17px; }
.header-cta svg:last-child { transition: transform .2s ease; }
.header-cta:hover svg:last-child { transform: translateX(3px); }
.hero-visual { position: relative; min-height: 520px; }
.hero-visual > picture { display: block; }
.hero-visual > img, .hero-visual > picture img { width: 100%; height: 520px; object-fit: cover; object-position: 61% center; border-radius: 28px 4px 28px 28px; box-shadow: var(--shadow); }
.hero-visual-link { position:absolute; z-index:2; inset:0; border-radius:28px 4px 28px 28px; }
.hero-visual-link:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }
.trust-card { position: absolute; z-index: 3; background: #fff; box-shadow: var(--shadow); }
.trust-card { right: -20px; bottom: 28px; display: flex; align-items: center; gap: 12px; padding: 15px 20px; border-radius: 12px; }
.trust-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--orange); font-weight: 800; }
.trust-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.trust-card > span:nth-child(2) { display: grid; line-height: 1.25; }
.trust-card strong { font-size: 14px; }
.trust-card small { color: var(--muted); font-size: 11px; }
.mobile-visual-cta { display: none; }
@keyframes mobileHeroCtaIn { 0% { opacity: 0; transform: translateX(24px) scale(.94); } 65% { opacity: 1; transform: translateX(-3px) scale(1.02); } 100% { opacity: 1; transform: translateX(0) scale(1); } }
@keyframes mobileHeroOverlayIn { from { opacity: 0; transform: translateY(-12%) scaleY(.88); } to { opacity: 1; transform: translateY(0) scaleY(1); } }
@keyframes mobileHeroTitleIn { 0% { opacity: 0; transform: translateY(28px); } 68% { opacity: 1; transform: translateY(-3px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes mobileHeroTrustIn { 0% { opacity: 0; transform: translate3d(0,36px,18px) scale(.97); } 70% { opacity: 1; transform: translate3d(0,-3px,58px) scale(1.01); } 100% { opacity: 1; transform: translate3d(0,0,52px) scale(1); } }
@keyframes mobileHero3DIn { 0% { opacity: .35; transform: perspective(1200px) translate3d(0,18px,-105px) rotateX(2.5deg) rotateY(-8deg) scale(.93); } 66% { opacity: 1; transform: perspective(1200px) translate3d(0,-2px,10px) rotateX(-.5deg) rotateY(1.2deg) scale(1.008); } 100% { opacity: 1; transform: perspective(1200px) translate3d(0,0,0) rotateX(0) rotateY(0) scale(1); } }
.hero-slider-footer { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.slider-progress { display: flex; align-items: center; gap: 13px; color: #83939d; font-size: 12px; font-weight: 800; }
.slider-progress > span:first-child { color: var(--orange); }
.slider-dots { display: flex; align-items: center; gap: 7px; }
.slider-dots button { width: 24px; height: 3px; padding: 0; overflow: hidden; border: 0; border-radius: 10px; background: #ccd6dc; cursor: pointer; transition: width .25s ease, background .25s ease; }
.slider-dots button.active { width: 44px; background: var(--orange); }
.slider-arrows { display: flex; gap: 8px; }
.slider-arrows button { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1px solid #cad6dc; border-radius: 50%; color: var(--ink); background: rgba(255,255,255,.86); cursor: pointer; transition: color .2s, border-color .2s, background .2s, transform .2s; }
.slider-arrows button:hover:not(:disabled) { color: #fff; border-color: var(--orange); background: var(--orange); transform: translateY(-2px); }
.slider-arrows button:disabled { opacity: .35; cursor: not-allowed; }
.slider-arrows svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.proof-bar { position: relative; z-index: 3; overflow: hidden; }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); transform: translateY(-1px); overflow: hidden; border: 1px solid var(--line); border-radius: 0 0 16px 16px; background: #fff; box-shadow: 0 15px 36px rgba(16, 35, 49, .06); }
.proof-grid > a { min-height: 102px; display: flex; align-items: center; gap: 14px; padding: 18px 24px; border-right: 1px solid var(--line); color:inherit; transition: color .25s, background .25s; }
.proof-grid > a:last-child { border: 0; }
.proof-grid > a:hover, .proof-grid > a:focus-visible { color: #fff; background: var(--ink); outline:0; }
.proof-icon { flex: 0 0 auto; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 15px; color: var(--orange); background: var(--cream); transition: transform .25s, color .25s, background .25s; }
.proof-icon svg { width: 30px; height: 30px; }
.proof-grid > a:hover .proof-icon, .proof-grid > a:focus-visible .proof-icon { color: #fff; background: var(--orange); transform: rotate(-7deg) scale(1.06); }
.proof-grid > a > div { display: grid; }
.proof-grid strong { font-size: 20px; line-height: 1.3; }
.proof-grid > a > div > span { color: var(--muted); font-size: 12px; }
.proof-grid > a:hover > div > span, .proof-grid > a:focus-visible > div > span { color: #b9c6ce; }
.proof-tapes { position: relative; height: 154px; margin-top: 4px; overflow: hidden; }
.proof-marquee { position: absolute; left: -4%; width: 108%; overflow: hidden; border-block: 2px solid #111c23; background: var(--orange); transform: rotate(-2deg); box-shadow: 0 12px 26px rgba(16,35,49,.16); }
.proof-marquee.reverse { top: 76px; color: #fff; border-color: var(--orange); background: var(--ink); transform: rotate(2deg); }
.marquee-track { width: max-content; display: flex; align-items: center; animation: marquee 25s linear infinite; }
.proof-marquee.reverse .marquee-track { animation-direction: reverse; animation-duration: 29s; }
.marquee-track span { min-height: 64px; display: flex; align-items: center; gap: 22px; padding: 0 34px; color: #fff; font-size: 16px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.marquee-track span::after { content: ""; width: 10px; height: 10px; border: 2px solid currentColor; transform: rotate(45deg); }
@keyframes marquee { to { transform: translateX(-50%); } }

.section { padding: 104px 0; }
.section-heading { margin-bottom: 46px; }
.section-heading h2, .why-copy h2, .lab-copy h2, .faq-intro h2, .cta-copy h2 { margin: 0; font-size: clamp(32px, 3.2vw, 48px); line-height: 1.12; letter-spacing: -.035em; }
.split-heading { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 70px; }
.split-heading p:last-child { margin: 0; color: var(--muted); }
.service-heading-side { display: flex; align-items: flex-end; gap: 20px; }
.service-heading-side p { flex: 1; display: flex; align-items: flex-start; gap: 12px; margin: 0; }
.service-heading-icon { flex: 0 0 auto; width: 36px; height: 36px; display: grid; place-items: center; margin-top: 2px; border: 1px solid #ffd1bb; border-radius: 10px; color: var(--orange); background: var(--cream); }
.service-heading-icon svg { width: 20px; height: 20px; stroke-width: 2; }
.service-controls { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }
.service-all-button { display: none; }
.service-arrows { flex: 0 0 auto; }
.service-slider .slider-viewport { margin-block: -14px; padding-block: 14px; }
.service-slider .slider-track { gap: 16px; }
.slider[data-swipe] .slider-viewport { cursor: grab; touch-action: pan-y; overscroll-behavior-inline: contain; }
.slider[data-swipe].is-dragging .slider-viewport { cursor: grabbing; }
.slider[data-swipe].is-dragging .slider-track { transition: none; user-select: none; }
.slider[data-swipe] .slider-track > * { -webkit-user-drag: none; user-select: none; }
.slider[data-swipe] img { -webkit-user-drag: none; }
.service-card { position: relative; flex: 0 0 calc((100% - 32px) / 3); min-width: 0; min-height: 410px; display: flex; flex-direction: column; align-items: flex-start; padding: 32px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.service-card,.insight-card { cursor:pointer; }
.service-card:hover { transform: translateY(-6px); border-color: var(--orange); box-shadow: var(--shadow); }
.service-no { position: absolute; top: 25px; right: 28px; color: #8fa0aa; font-size: 13px; font-weight: 700; }
.service-icon { width: 88px; height: 88px; display: grid; place-items: center; margin-bottom: 34px; border: 1px solid #d8e2e7; border-radius: 20px; color: var(--orange); background: var(--soft); }
.service-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.service-card h3 { margin: 0 0 10px; font-size: 19px; line-height: 1.3; }
.service-card p { margin: 0 0 20px; color: var(--muted); font-size: 14px; }
.service-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 20px; }
.service-tags span { padding: 5px 8px; border: 1px solid #e1e8eb; border-radius: 999px; color: #71838e; background: #f8fafb; font-size: 11px; font-weight: 700; transition: color .25s, border-color .25s, background .25s; }
.service-card .service-card-cta { margin-top: auto; color: var(--orange); font-size: 14px; font-weight: 800; }
.service-card .service-card-cta span { margin-left: 8px; }
.service-card:hover, .service-card:focus-visible, .service-card:focus-within, .service-card.is-active { color: #fff; border-color: var(--orange); background: var(--orange); outline: 0; }
.service-card:hover .service-no, .service-card:focus-visible .service-no, .service-card:focus-within .service-no, .service-card.is-active .service-no { color: rgba(255,255,255,.65); }
.service-card:hover .service-icon, .service-card:focus-visible .service-icon, .service-card:focus-within .service-icon, .service-card.is-active .service-icon { color: #fff; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.13); transform: scale(1.06) rotate(-3deg); }
.service-card:hover p, .service-card:focus-visible p, .service-card:focus-within p, .service-card.is-active p { color: #fff3ec; }
.service-card:hover .service-tags span, .service-card:focus-visible .service-tags span, .service-card:focus-within .service-tags span, .service-card.is-active .service-tags span { color: #fff; border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.1); }
.service-card:hover .service-card-cta, .service-card:focus-visible .service-card-cta, .service-card:focus-within .service-card-cta, .service-card.is-active .service-card-cta { color: #fff; }
.service-card .service-icon { transition: transform .25s, color .25s, background .25s, border-color .25s; }
.service-slider-footer { min-height: 58px; display: flex; align-items: flex-end; justify-content: space-between; padding-top: 18px; }
.service-slider-meter { display: none; }
.service-slider-footer > a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 18px; border-radius: 10px; color: #fff; background: var(--orange); box-shadow: 0 10px 22px rgba(242,103,34,.22); font-size: 13px; font-weight: 800; white-space: nowrap; transition: color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease; }
.service-slider-footer > a svg { width: 18px; height: 18px; transition: transform .2s ease; }
.service-slider-footer > a:hover, .service-slider-footer > a:focus-visible { color: #fff; background: var(--orange-dark); box-shadow: 0 14px 28px rgba(242,103,34,.28); transform: translateY(-2px); }
.service-slider-footer > a:hover svg, .service-slider-footer > a:focus-visible svg { transform: translate(2px,-2px); }
.service-slider-footer > a:active { box-shadow: 0 7px 16px rgba(242,103,34,.2); transform: translateY(0); }
.slider-count { color: #81929c; font-size: 13px; }
.slider-count b { color: var(--orange); font-size: 16px; }

.why { position: relative; overflow: hidden; background: var(--soft); }
.why::before { content: ""; position: absolute; width: 440px; height: 440px; right: -220px; top: -220px; border: 1px solid rgba(242,103,34,.12); border-radius: 50%; box-shadow: 0 0 0 60px rgba(242,103,34,.025), 0 0 0 120px rgba(242,103,34,.02); }
.why-heading { position: relative; z-index: 2; display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: 80px; margin-bottom: 44px; }
.why-heading h2 { max-width: 800px; margin: 0; font-size: clamp(35px, 3.7vw, 54px); line-height: 1.08; letter-spacing: -.04em; }
.why-heading h2 em { color: var(--orange); font-family: var(--font-sans); font-style: italic; font-weight: 700; }
.why-heading > div:last-child > p { margin: 0 0 20px; color: var(--muted); font-size: 13px; }
.why-lead { display: grid; grid-template-columns: 42px 1fr; align-items: start; gap: 12px; }
.why-lead > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: var(--orange); background: var(--cream); }
.why-lead > span svg { width: 23px; height: 23px; }
.why-bento { position: relative; z-index: 2; display: grid; grid-template-columns: 1.35fr .82fr .82fr; grid-template-rows: 270px 150px; gap: 14px; }
.why-story { position: relative; grid-row: 1 / 3; overflow: hidden; border-radius: 22px; background: var(--ink); }
.why-story > img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.22,.7,.2,1); }
.why-story:hover > img { transform: scale(1.045); }
.why-story::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(7,22,31,.88)); }
.why-story-overlay { position: absolute; z-index: 2; left: 26px; right: 26px; bottom: 25px; display: flex; align-items: flex-end; gap: 17px; color: #fff; }
.why-story-icon, .why-card-icon { flex: 0 0 auto; width: 64px; height: 64px; display: grid; place-items: center; border-radius: 16px; }
.why-story-icon { color: #fff; background: var(--orange); }
.why-story-icon svg, .why-card-icon svg { width: 34px; height: 34px; }
.why-story small, .why-card small { color: #ffad84; font-size: 11px; font-weight: 800; letter-spacing: .11em; }
.why-story h3 { max-width: 430px; margin: 5px 0 0; font-size: 20px; line-height: 1.35; }
.why-card { position: relative; display: flex; flex-direction: column; padding: 24px; overflow: hidden; border: 1px solid #dbe4e8; border-radius: 18px; background: #fff; transition: transform .25s, box-shadow .25s; }
.why-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.why-card-orange { color: #fff; border-color: var(--orange); background: var(--orange); }
.why-card-icon { width: 58px; height: 58px; margin-bottom: auto; color: var(--orange); background: var(--cream); }
.why-card-orange .why-card-icon { color: #fff; background: rgba(255,255,255,.14); }
.why-card-orange small { color: #ffe2d3; }
.why-card h3 { margin: 7px 0; font-size: 18px; line-height: 1.35; }
.why-card p { margin: 0; color: var(--muted); font-size: 13px; }
.why-card-orange p { color: #ffe7dc; }
.why-line { position: absolute; left: 0; right: 100%; bottom: 0; height: 3px; background: var(--orange); transition: right .35s ease; }
.why-card:hover .why-line { right: 0; }
.why-card-orange .why-line { background: #fff; }
.why-metric { grid-column: 2 / 4; display: flex; align-items: center; justify-content: space-between; padding: 24px 30px; overflow: hidden; border-radius: 18px; color: #fff; background: var(--ink); }
.why-metric-copy { display: grid !important; align-content: center; gap: 5px; }
.why-metric-copy > small { color: #ffad84; font-size: 9px; font-weight: 800; letter-spacing: .11em; }
.why-metric-copy > div { display: flex; align-items: baseline; gap: 12px; }
.why-metric strong { color: #fff; font-size: 42px; line-height: 1; }
.why-metric-copy > div > span { max-width: 190px; color: #c1cdd3; font-size: 13px; line-height: 1.4; }
.why-metric-copy > p { margin: 0; color: #8298a4; font-size: 10px; }
.metric-pulse { position: relative; width: 70px; height: 70px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--orange); }
.metric-pulse::after { content: ""; position: absolute; inset: -7px; border: 1px solid rgba(242,103,34,.45); border-radius: 50%; animation: pulse-ring 2.4s ease-out infinite; }
.metric-pulse svg { width: 34px; height: 34px; }
@keyframes pulse-ring { 0% { transform: scale(.8); opacity: 0; } 30% { opacity: 1; } 100% { transform: scale(1.35); opacity: 0; } }

.lab { position: relative; padding-bottom: 104px; color: var(--ink); background: linear-gradient(180deg, #f7fbfc 0%, #edf6f8 100%); }
.lab::before { content: ""; position: absolute; inset: 0; opacity: .72; background: radial-gradient(circle at 12% 8%, rgba(255,226,208,.9), transparent 30%), radial-gradient(circle at 86% 18%, rgba(209,233,241,.85), transparent 34%); }
.lab > .container { position: relative; z-index: 2; }
.eyebrow.light { color: var(--orange); }
.lab-heading { display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 70px; margin-bottom: 40px; }
.lab-heading h2 { max-width: 760px; margin: 0; color: var(--ink); font-size: clamp(35px,3.7vw,53px); line-height: 1.08; letter-spacing: -.04em; }
.lab-heading > p { margin: 0 0 5px; color: #526a78; font-size: 15px; }
.lab-heading-lead { display: flex; align-items: flex-start; gap: 13px; line-height: 1.65; }
.lab-heading-icon { flex: 0 0 42px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #ffd7c2; border-radius: 12px; color: var(--orange); background: #fff; box-shadow: 0 10px 28px rgba(16,35,49,.08); }
.lab-heading-icon svg { width: 23px; height: 23px; stroke-width: 2; }
.lab-experience { display: grid; grid-template-columns: 1.12fr .88fr; overflow: hidden; border: 1px solid #dce9ee; border-radius: 24px; background: rgba(255,255,255,.86); box-shadow: 0 24px 60px rgba(16,35,49,.12); }
.lab-media-slider { min-width: 0; height: 100%; padding: 14px; }
.lab-media-slider .slider-viewport { height: 100%; min-height: 520px; border-radius: 17px; }
.lab-media-slider .slider-track { height: 100%; min-height: 520px; }
.lab-media-slide { position: relative; flex: 0 0 100%; min-width: 0; height: 100%; min-height: 520px; overflow: hidden; }
.lab-media-slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, rgba(5,17,24,.88)); }
.lab-media-slide > img { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; object-fit: cover; transition: transform .8s cubic-bezier(.22,.7,.2,1); }
.lab-media-slide:hover > img { transform: scale(1.045); }
.lab-media-slide > div { position: absolute; z-index: 2; left: 25px; right: 25px; bottom: 25px; display: flex; align-items: center; gap: 15px; }
.lab-media-slide > div > span { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; color: #fff; background: rgba(255,255,255,.1); font-weight: 800; }
.lab-media-slide p { display: grid; margin: 0; }
.lab-media-slide small { color: #ffb28c; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.lab-media-slide strong { color: #fff; font-size: 19px; }
.lab-media-controls { position: absolute; z-index: 3; top: 30px; left: 30px; right: 30px; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.lab-media-controls > * { pointer-events: auto; }
.lab-media-status { display: flex; align-items: center; gap: 12px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; color: #fff; background: rgba(10,25,35,.58); backdrop-filter: blur(8px); font-size: 10px; font-weight: 800; }
.lab-media-status b { color: #ff9a68; font-size: 14px; }
.lab-media-controls .slider-dots button { background: rgba(255,255,255,.35); }
.lab-media-controls .slider-dots button.active { background: var(--orange); }
.lab-media-controls .slider-arrows button { color: #fff; border-color: rgba(255,255,255,.3); background: rgba(10,25,35,.45); }
.lab-media-controls .slider-arrows button { width: 50px; height: 50px; }
.lab-interactive { display: flex; flex-direction: column; padding: 24px; min-width: 0; }
.lab-tab-list { display: grid; gap: 8px; }
.lab-tab { display: grid; grid-template-columns: 48px 1fr 20px; align-items: center; gap: 12px; width: 100%; min-height: 74px; padding: 13px 14px; border: 1px solid #d8e5ea; border-radius: 14px; color: #526a78; background: #fff; text-align: left; cursor: pointer; transition: color .25s, border-color .25s, background .25s, transform .25s, box-shadow .25s; }
.lab-tab > svg:first-child { width: 30px; height: 30px; justify-self: center; color: var(--orange); }
.lab-tab > svg:last-child { width: 18px; height: 18px; transition: transform .25s; }
.lab-tab span { display: grid; }
.lab-tab strong { color: var(--ink); font-size: 15px; line-height: 1.25; }
.lab-tab small { color: #6f818c; font-size: 11px; }
.lab-tab:hover, .lab-tab.active { border-color: rgba(242,103,34,.5); background: #fff7f2; box-shadow: 0 12px 26px rgba(242,103,34,.08); transform: translateX(-4px); }
.lab-tab.active > svg:last-child { color: var(--orange); transform: translateX(3px); }
.lab-tab-panels { margin-top: 16px; padding: 20px; border: 1px solid #d8e5ea; border-radius: 16px; background: rgba(255,255,255,.92); }
.lab-tab-panel { animation: panel-in .4s ease both; }
.lab-tab-panel[hidden] { display: none; }
.lab-tab-panel > small { color: var(--orange); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.lab-tab-panel h3 { margin: 6px 0 9px; color: var(--ink); font-size: 21px; line-height: 1.3; }
.lab-tab-panel > p { display: grid; grid-template-columns: 28px 1fr; align-items: start; gap: 10px; margin: 0 0 18px; color: #526a78; font-size: 14px; line-height: 1.7; }
.lab-copy-icon { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #ffd7c2; border-radius: 8px; color: var(--orange); background: #fff7f2; }
.lab-copy-icon svg { width: 16px; height: 16px; }
.lab-service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-bottom: 18px; }
.lab-service-grid a { min-height: 112px; display: grid; grid-template-columns: 30px 1fr; align-items: start; gap: 10px; padding: 12px; border: 1px solid #dce8ed; border-radius: 11px; background: #f8fbfc; transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; }
.lab-service-grid a:hover, .lab-service-grid a:focus-visible { border-color: rgba(255,154,104,.55); background: #fff7f2; box-shadow: 0 10px 22px rgba(16,35,49,.07); transform: translateY(-2px); }
.lab-service-grid a > svg { width: 24px; height: 24px; color: var(--orange); }
.lab-service-grid span { min-width: 0; display: grid; }
.lab-service-grid strong { color: var(--ink); font-size: 12px; line-height: 1.3; }
.lab-service-grid small { margin-top: 4px; color: #627887; font-size: 11px; line-height: 1.45; }
.lab-service-grid-compact { grid-template-columns: 1fr; }
.lab-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 19px; }
.lab-detail-grid > div { display: grid; grid-template-columns: 28px 1fr; align-items: start; gap: 9px; padding: 10px; border: 1px solid #dce8ed; border-radius: 10px; background: #f8fbfc; }
.lab-detail-grid > div > svg { width: 22px; height: 22px; color: var(--orange); }
.lab-detail-grid span { display: grid; }
.lab-detail-grid strong { color: var(--ink); font-size: 11px; }
.lab-detail-grid small { color: #627887; font-size: 9px; line-height: 1.4; }
.lab-panel-cta { min-height: 46px; display: inline-flex; align-items: center; gap: 9px; padding: 0 16px; border-radius: 9px; color: #fff; background: var(--orange); box-shadow: 0 11px 24px rgba(242,103,34,.25); font-size: 12px; font-weight: 800; transition: transform .2s, background .2s, box-shadow .2s; }
.lab-panel-cta:hover { color: #fff; background: var(--orange-dark); transform: translateY(-2px); box-shadow: 0 15px 29px rgba(242,103,34,.3); }
.lab-panel-cta svg { width: 18px; height: 18px; }

@media (min-width: 1051px) {
  .lab { padding-top: 82px; padding-bottom: 82px; }
  .lab-heading { grid-template-columns: 1.15fr .85fr; gap: 46px; margin-bottom: 28px; }
  .lab-heading h2 { max-width: 660px; font-size: clamp(31px,2.7vw,42px); line-height: 1.08; }
  .lab-heading > p { font-size: 13px; line-height: 1.55; }
  .lab-heading-icon { flex-basis: 36px; width: 36px; height: 36px; border-radius: 10px; }
  .lab-heading-icon svg { width: 20px; height: 20px; }
  .lab-experience { grid-template-columns: minmax(390px,.82fr) minmax(0,1.18fr); border-radius: 20px; }
  .lab-media-slider { padding: 10px; }
  .lab-media-slider .slider-viewport, .lab-media-slider .slider-track, .lab-media-slide { min-height: 440px; }
  .lab-media-slide > div { left: 20px; right: 20px; bottom: 20px; gap: 12px; }
  .lab-media-slide > div > span { width: 40px; height: 40px; }
  .lab-media-slide strong { font-size: 16px; line-height: 1.28; }
  .lab-media-controls { top: 22px; left: 22px; right: 22px; }
  .lab-media-controls .slider-arrows button { width: 42px; height: 42px; }
  .lab-interactive { padding: 18px; }
  .lab-tab-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
  .lab-tab { min-height: 56px; grid-template-columns: 34px 1fr 16px; gap: 8px; padding: 9px 10px; border-radius: 11px; }
  .lab-tab > svg:first-child { width: 23px; height: 23px; }
  .lab-tab > svg:last-child { width: 15px; height: 15px; }
  .lab-tab strong { font-size: 13px; }
  .lab-tab small { font-size: 10px; line-height: 1.25; }
  .lab-tab-panels { margin-top: 12px; padding: 16px; border-radius: 13px; }
  .lab-tab-panel > small { font-size: 9px; letter-spacing: .08em; }
  .lab-tab-panel h3 { margin: 4px 0 7px; font-size: 17px; line-height: 1.22; }
  .lab-tab-panel > p { display: grid; grid-template-columns: 26px 1fr; align-items: start; gap: 9px; overflow: visible; margin-bottom: 14px; font-size: 12px; line-height: 1.45; }
  .lab-copy-icon { width: 26px; height: 26px; border-radius: 8px; }
  .lab-copy-icon svg { width: 15px; height: 15px; }
  .lab-service-grid { grid-template-columns: repeat(3,minmax(150px,1fr)); gap: 8px; margin-bottom: 14px; }
  .lab-service-grid a { min-height: 116px; grid-template-columns: 1fr; justify-items: center; align-content: center; gap: 10px; padding: 14px 12px; border-radius: 12px; text-align: center; }
  .lab-service-grid a > svg { width: 34px; height: 34px; }
  .lab-service-grid span { justify-items: center; }
  .lab-service-grid strong { display: block; overflow: visible; font-size: 14px; line-height: 1.18; }
  .lab-service-grid small { display: none; }
  .lab-service-grid-compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lab-panel-cta { display: flex; width: max-content; margin-left: auto; }
  .lab-panel-cta { min-height: 38px; padding: 0 13px; font-size: 11px; }
}

.process { position: relative; overflow: hidden; background: #fff; }
.process::before { content: ""; position: absolute; width: 520px; height: 520px; left: -320px; bottom: -300px; border: 1px solid rgba(242,103,34,.09); border-radius: 50%; box-shadow: 0 0 0 70px rgba(242,103,34,.02), 0 0 0 140px rgba(242,103,34,.015); }
.process-heading { position: relative; display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: 80px; margin-bottom: 42px; }
.process-heading h2 { max-width: 690px; margin: 0; font-size: clamp(36px, 3.6vw, 52px); line-height: 1.08; letter-spacing: -.04em; }
.process-heading > p { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 5px; color: var(--muted); font-size: 15px; }
.process-heading-icon { flex: 0 0 auto; width: 36px; height: 36px; display: grid; place-items: center; margin-top: 2px; border: 1px solid #ffd1bb; border-radius: 10px; color: var(--orange); background: var(--cream); }
.process-heading-icon svg { width: 20px; height: 20px; stroke-width: 2; }
.process-shell { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--soft); box-shadow: 0 22px 60px rgba(16,35,49,.08); }
.process-nav { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); padding: 28px 30px 25px; border-bottom: 1px solid var(--line); background: #fff; }
.process-track { position: absolute; left: calc(12.5% + 30px); right: calc(12.5% + 30px); top: 55px; height: 3px; overflow: hidden; border-radius: 999px; background: #e4ebee; }
.process-track > span { display: block; width: 0; height: 100%; border-radius: inherit; background: var(--orange); transition: width .5s cubic-bezier(.22,.7,.2,1); }
.process-step { position: relative; z-index: 2; display: grid; justify-items: center; gap: 12px; padding: 0 10px; border: 0; color: #758791; background: transparent; text-align: center; cursor: pointer; }
.process-step > span { width: 56px; height: 56px; display: grid; place-items: center; border: 2px solid #dce5e9; border-radius: 50%; color: #84959e; background: #fff; transition: color .25s, border-color .25s, background .25s, transform .25s; }
.process-step > span svg { width: 25px; height: 25px; }
.process-step div { display: grid; gap: 3px; }
.process-step small { color: #8a9aa3; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.process-step strong { color: var(--ink); font-size: 13px; }
.process-step:hover > span, .process-step.active > span { color: #fff; border-color: var(--orange); background: var(--orange); transform: translateY(-3px); box-shadow: 0 10px 24px rgba(242,103,34,.25); }
.process-step.active small { color: var(--orange); }
.process-panels { padding: 18px; }
.process-panel { min-height: 320px; display: grid; grid-template-columns: 72px minmax(0,1fr); align-items: center; gap: 28px; padding: 34px; border-radius: 17px; background: #fff; animation: panel-in .42s ease both; }
.process-panel[hidden] { display: none; }
@keyframes panel-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
.process-panel-icon { align-self: start; width: 66px; height: 66px; display: grid; place-items: center; border-radius: 17px; color: #fff; background: var(--ink); }
.process-panel-icon svg { width: 32px; height: 32px; }
.process-panel h3 { max-width: 610px; margin: 0 0 10px; font-size: 25px; line-height: 1.25; }
.process-panel div > p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 14px; }
.process-panel ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 20px 0 0; padding: 0; list-style: none; }
.process-panel li { padding: 7px 10px; border-radius: 999px; color: #516773; background: var(--soft); font-size: 11px; font-weight: 700; }
.process-panel-cta { width: min(100%, 320px); min-height: 50px; display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 20px; padding: 0 18px; border-radius: 10px; color: #fff; background: var(--orange); font-size: 13px; font-weight: 850; letter-spacing: .04em; box-shadow: 0 10px 22px rgba(242,103,34,.22); transition: transform .2s, background .2s, box-shadow .2s; }
.process-panel-cta:hover { color: #fff; background: var(--orange-dark); transform: translateY(-2px); }
.process-panel-cta svg { width: 17px; height: 17px; }

.faq { position: relative; overflow: hidden; background: var(--soft); }
.faq-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 76px; align-items: start; }
.faq-intro { position: sticky; top: 112px; }
.faq-intro h2 { font-size: clamp(34px, 3.2vw, 47px); }
.faq-intro > p:not(.eyebrow) { margin: 20px 0 28px; color: var(--muted); font-size: 14px; }
.faq-lead { display: flex; align-items: flex-start; gap: 12px; }
.faq-lead-icon { flex: 0 0 auto; width: 34px; height: 34px; display: grid; place-items: center; margin-top: 2px; border: 1px solid #ffd1bb; border-radius: 10px; color: var(--orange); background: var(--cream); }
.faq-lead-icon svg { width: 19px; height: 19px; stroke-width: 2; }
.faq-orbit { position: relative; width: 256px; height: 256px; margin-bottom: 34px; border: 1px dashed #efad8c; border-radius: 50%; animation: orbit-spin 18s linear infinite; }
.faq-orbit::before { content: ""; position: absolute; inset: 24px; border: 1px solid rgba(242,103,34,.13); border-radius: 50%; }
.faq-orbit > span { position: absolute; inset: 58px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--orange); box-shadow: 0 20px 40px rgba(242,103,34,.25); animation: orbit-spin 18s linear infinite reverse; }
.faq-orbit > span svg { width: 54px; height: 54px; }
.faq-orbit > svg { position: absolute; width: 38px; height: 38px; padding: 8px; border-radius: 50%; color: var(--orange); background: #fff; box-shadow: 0 8px 22px rgba(16,35,49,.15); }
.faq-orbit > svg:nth-of-type(1) { left: -8px; top: 100px; }
.faq-orbit > svg:nth-of-type(2) { right: 21px; top: 8px; }
.faq-orbit > svg:nth-of-type(3) { right: 2px; bottom: 33px; }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
.faq-more-cta { grid-column: 2; width: 100%; min-height: 78px; display: grid; grid-template-columns: 52px 1fr 44px; align-items: center; gap: 14px; margin-top: 4px; padding: 13px 15px; border: 1px solid #ff7a38; border-radius: 16px; color: #fff; background: linear-gradient(135deg, var(--orange), #df4d0a); box-shadow: 0 16px 34px rgba(242,103,34,.24); transition: transform .25s ease, box-shadow .25s ease; }
.faq-more-cta:hover, .faq-more-cta:focus-visible { color: #fff; transform: translateY(-3px); box-shadow: 0 20px 42px rgba(242,103,34,.3); }
.faq-more-cta .icon-circle { width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 13px; color: #fff; background: rgba(255,255,255,.13); }
.faq-more-cta .icon-circle svg { width: 27px; height: 27px; }
.faq-more-cta > span:nth-child(2) { display: grid; line-height: 1.3; }
.faq-more-cta small { color: #ffe9de; font-size: 12px; font-weight: 700; }
.faq-more-cta strong { color: #fff; font-size: 17px; letter-spacing: .015em; }
.faq-more-cta > svg { width: 24px; height: 24px; transition: transform .25s ease; }
.faq-more-cta:hover > svg, .faq-more-cta:focus-visible > svg { transform: translate(3px,-3px); }
.accordion { display: grid; gap: 10px; }
.accordion details { overflow: hidden; border: 1px solid #dce5e9; border-radius: 15px; background: #fff; transition: border-color .25s, box-shadow .25s, transform .25s; }
.accordion details:hover { transform: translateX(-4px); border-color: #efb89d; }
.accordion details[open] { border-color: #efb89d; box-shadow: 0 14px 36px rgba(16,35,49,.08); }
.accordion summary { min-height: 88px; display: grid; grid-template-columns: 46px 1fr 24px; align-items: center; gap: 15px; padding: 15px 20px; cursor: pointer; list-style: none; }
.accordion summary::-webkit-details-marker { display: none; }
.faq-summary-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; color: var(--orange); background: var(--cream); transition: color .25s, background .25s, transform .25s; }
.faq-summary-icon svg { width: 24px; height: 24px; }
.accordion summary > span:nth-child(2) { display: grid; color: var(--ink); font-size: 14px; font-weight: 800; line-height: 1.4; }
.accordion summary small { margin-bottom: 3px; color: var(--orange); font-size: 10px; letter-spacing: .09em; }
.accordion summary > svg { width: 21px; height: 21px; color: #84949d; transition: transform .25s, color .25s; }
.accordion details[open] .faq-summary-icon { color: #fff; background: var(--orange); transform: rotate(-4deg); }
.accordion details[open] summary > svg { color: var(--orange); transform: rotate(45deg); }
.accordion details p { margin: 0; color: var(--muted); font-size: 14px; animation: faq-in .3s ease both; }
@keyframes faq-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

.row-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.text-arrow { padding-bottom: 7px; color: var(--orange); border-bottom: 1px solid #f2b08e; font-size: 14px; font-weight: 800; }
.insights { background: #fff; }
.google-reviews { position: relative; overflow: hidden; background: linear-gradient(180deg, #f5fafb 0%, #fff 100%); }
.google-reviews::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 12% 14%, rgba(66,133,244,.12), transparent 28%), radial-gradient(circle at 88% 18%, rgba(251,188,5,.12), transparent 24%), linear-gradient(90deg, rgba(52,168,83,.06), transparent 36%); pointer-events: none; }
.google-reviews > .container { position: relative; z-index: 1; }
.google-reviews-heading { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: end; gap: 22px; margin-bottom: 26px; }
.google-reviews-heading h2 { max-width: 680px; margin: 0; font-size: clamp(30px,3vw,44px); line-height: 1.08; letter-spacing: -.035em; }
.google-reviews-trust { min-width: 230px; display: grid; gap: 6px; padding: 14px 16px; border: 1px solid #dfe8ec; border-radius: 18px; background: rgba(255,255,255,.92); box-shadow: 0 16px 34px rgba(16,35,49,.08); }
.google-score { display: flex; align-items: center; gap: 9px; }
.google-score strong { color: var(--ink); font-size: 22px; line-height: 1; }
.google-score span { display: inline-flex; gap: 2px; color: #f5a000; }
.google-score svg { width: 16px; height: 16px; fill: currentColor; stroke: currentColor; }
.google-reviews-trust small { color: #647682; font-size: 11px; font-weight: 800; }
.google-reviews-actions { display: flex; align-items: center; gap: 16px; }
.google-reviews-actions > a { min-height: 42px; display: inline-flex; align-items: center; gap: 8px; padding: 0 14px; border: 1px solid #dfe8ec; border-radius: 999px; color: var(--ink); background: #fff; box-shadow: 0 10px 24px rgba(16,35,49,.06); font-size: 12px; font-weight: 850; white-space: nowrap; transition: color .2s, border-color .2s, transform .2s; }
.google-reviews-actions > a:hover { color: var(--orange); border-color: #f0bea4; transform: translateY(-2px); }
.google-reviews-actions > a svg { width: 16px; height: 16px; color: var(--orange); }
.google-reviews-slider .slider-viewport { margin: -12px; padding: 12px; }
.google-reviews-slider .slider-track { gap: 14px; }
.google-review-card { position: relative; flex: 0 0 calc((100% - 42px) / 4); min-width: 0; min-height: 218px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; overflow: hidden; border: 1px solid #dfe8ec; border-radius: 18px; background: rgba(255,255,255,.96); box-shadow: 0 14px 34px rgba(16,35,49,.07); }
.google-review-card::after { content: ""; position: absolute; right: -34px; bottom: -18px; width: 210px; height: 70px; background: url("assets/google-watermark.png") center / contain no-repeat; opacity: .72; pointer-events: none; }
.google-review-card > * { position: relative; z-index: 1; }
.google-review-head { display: flex; align-items: center; justify-content: space-between; gap: 13px; }
.google-review-avatar { flex: 0 0 auto; width: 50px; height: 50px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #ff7a2f, #102331); box-shadow: 0 12px 22px rgba(16,35,49,.14); font-size: 18px; font-weight: 950; }
.google-review-meta { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; }
.google-review-mark { display: inline-flex; align-items: center; gap: 7px; color: #f5a000; font-size: 16px; font-weight: 950; line-height: 1; }
.google-review-mark svg { width: 21px; height: 21px; fill: currentColor; stroke: currentColor; }
.google-review-source { padding: 7px 11px; border-radius: 999px; color: #4285f4; background: #eef5ff; font-size: 12px; font-weight: 950; letter-spacing: .035em; text-transform: uppercase; }
.google-review-card h3 { margin: 19px 0 8px; font-size: 18px; line-height: 1.25; letter-spacing: -.015em; }
.google-review-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.google-reviews-footer { min-height: 48px; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding-top: 14px; }
.google-reviews-note { max-width: 420px; color: #8a9aa3; font-size: 11px; text-align: right; }

@media (min-width: 721px) {
  .google-reviews-trust { display: none; }
}

.insights-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 38px; }
.insights-heading h2 { max-width: 760px; margin: 0; font-size: clamp(35px,3.6vw,52px); line-height: 1.08; letter-spacing: -.04em; }
.insights-slider .slider-viewport { margin: -14px; padding: 14px; }
.insights-slider .slider-track { gap: 18px; }
.insight-card { flex: 0 0 calc((100% - 36px) / 3); min-width: 0; display:block; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; color:inherit; background: #fff; transition: transform .25s, box-shadow .25s, border-color .25s; }
.insight-card:hover { transform: translateY(-6px); border-color: #efb99f; box-shadow: var(--shadow); }
.insight-image { position: relative; display: block; height: 205px; overflow: hidden; }
.insight-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(7,23,31,.68)); }
.insight-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.insight-card:hover .insight-image img { transform: scale(1.055); }
.insight-image > span { position: absolute; z-index: 2; left: 17px; bottom: 15px; padding: 6px 9px; border-radius: 6px; color: #fff; background: var(--orange); font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.insight-card > div { padding: 22px; }
.insight-card > div > p:first-child { display: flex; align-items: center; gap: 6px; margin: 0; color: #87969f; font-size: 10px; }
.insight-card > div > p:first-child svg { width: 14px; height: 14px; color: var(--orange); }
.insight-card h3 { min-height: 55px; margin: 10px 0; font-size: 18px; line-height: 1.35; }
.insight-card > div > p:not(:first-child) { min-height: 60px; margin: 0 0 17px; color: var(--muted); font-size: 13px; }
.insight-card > div > a { display: inline-flex; align-items: center; gap: 7px; color: var(--ink); font-size: 12px; font-weight: 800; }
.insight-card > div > a svg { width: 16px; height: 16px; color: var(--orange); }
.insight-card-copy { display:block; padding:22px; }
.insight-meta { display:flex; align-items:center; gap:6px; margin:0; color:#87969f; font-size:10px; }
.insight-meta svg { width:14px; height:14px; color:var(--orange); }
.insight-title { min-height:55px; display:block; margin:10px 0; color:var(--ink); font-size:18px; line-height:1.35; }
.insight-excerpt { min-height:60px; display:block; margin:0 0 17px; color:var(--muted); font-size:13px; line-height:1.55; }
.insight-read { display:inline-flex; align-items:center; gap:7px; color:var(--ink); font-size:12px; font-weight:800; }
.insight-read svg { width:16px; height:16px; color:var(--orange); }
.insights-slider-footer { min-height: 60px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.insights-all-button { min-height: 42px; display: inline-flex; align-items: center; gap: 9px; padding: 0 15px; border: 1px solid var(--orange); border-radius: 10px; color: #fff; background: var(--orange); box-shadow: 0 9px 22px rgba(242,103,34,.18); font-size: 12px; font-weight: 800; cursor: pointer; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.insights-all-button:hover { background: var(--orange-dark); transform: translateY(-2px); box-shadow: 0 13px 26px rgba(242,103,34,.25); }
.insights-all-button svg { width: 18px; height: 18px; }
.insights-slider.show-all .slider-viewport { overflow: visible; }
.insights-slider.show-all .slider-track { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); transform: none !important; }
.insights-slider.show-all .insight-card { width: auto; min-width: 0; }
.insights-slider.show-all .slider-dots { opacity: 0; visibility: hidden; }
.insights-slider.show-all .insights-slider-footer { justify-content: flex-end; }
.insights-cta { display: grid; grid-template-columns: 58px 1fr auto; align-items: center; gap: 18px; margin-top: 18px; padding: 20px 22px; border: 1px solid #eadfd9; border-radius: 16px; background: var(--cream); }
.insights-cta > span { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: var(--orange); }
.insights-cta > span svg { width: 29px; height: 29px; }
.insights-cta div { display: grid; }
.insights-cta small { color: var(--orange); font-size: 9px; font-weight: 800; letter-spacing: .09em; }
.insights-cta strong { font-size: 14px; }
.insights-cta .btn { min-height: 44px; font-size: 12px; }

.cta-section { padding: 0 0 82px; }
.cta-flat { position: relative; min-height: 0; max-height: none; display: grid; grid-template-columns: minmax(260px,330px) minmax(0,1fr); align-items: start; gap: 32px; padding: 38px 36px; overflow: hidden; border: 1px solid #dbe4e8; border-top: 4px solid var(--orange); border-radius: 18px; background: linear-gradient(120deg,#fff 0%,#f7fafb 62%,#fff3ec 100%); box-shadow: 0 20px 54px rgba(16,35,49,.09); }
.site-lead-cta { overflow: visible; }
.cta-flat::after { content: ""; position: absolute; z-index: 0; width: 230px; height: 230px; right: -120px; bottom: -150px; border: 1px solid rgba(242,103,34,.16); border-radius: 50%; box-shadow: 0 0 0 38px rgba(242,103,34,.025), 0 0 0 76px rgba(242,103,34,.018); }
.cta-flat > * { position: relative; z-index: 1; }
.cta-flat-copy { display: grid; grid-template-columns: 68px 1fr; align-items: center; gap: 18px; }
.cta-flat-icon { width: 68px; height: 68px; display: grid; place-items: center; border-radius: 18px; color: #fff; background: linear-gradient(145deg,var(--orange),#e84f08); box-shadow: 0 13px 28px rgba(242,103,34,.27); }
.cta-flat-icon svg { width: 34px; height: 34px; }
.cta-flat-copy .eyebrow { margin-bottom: 5px; }
.cta-flat-copy h2 { margin: 0; font-size: 29px; line-height: 1.15; letter-spacing: -.03em; }
.cta-flat-copy div > p:last-child { margin: 7px 0 0; color: var(--muted); font-size: 13px; }
.quote-form { padding: 26px; border-radius: 16px; color: var(--ink); background: #fff; box-shadow: 0 20px 50px rgba(0,0,0,.18); }
.quote-inline { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)) 154px; align-items: end; gap: 12px; padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
.quote-inline .field { margin: 0; }
.quote-inline .input-field:nth-of-type(1) { grid-column: 1; grid-row: 1; }
.quote-inline .input-field:nth-of-type(2) { grid-column: 2; grid-row: 1; }
.quote-inline .custom-select-field:nth-of-type(3) { grid-column: 1; grid-row: 2; }
.quote-inline .custom-select-field:nth-of-type(4) { grid-column: 2; grid-row: 2; }
.quote-inline .submit-btn { min-height: 56px; gap: 9px; padding-inline: 16px; font-size: 14px; letter-spacing: 0; white-space: nowrap; }
.quote-inline .submit-btn { grid-column: 3; grid-row: 2; }
.quote-inline .consent { grid-column: 1 / 3; grid-row: 3; margin: 3px 0 0; }
.quote-inline .form-note { grid-column: 3; grid-row: 3; align-self: center; margin: 3px 0 0; text-align: right; }
.field { min-width: 0; display: grid; gap: 7px; margin-bottom: 12px; }
.field label { font-size: 13px; font-weight: 800; }
.field input, .field select { width: 100%; height: 56px; padding: 0 15px; border: 1px solid #d3dfe4; border-radius: 10px; color: var(--ink); background: #fff; outline: 0; font-size: 15px; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.field input:focus, .field select:focus { border-color: var(--orange); background: #fff; box-shadow: 0 0 0 4px rgba(242,103,34,.09); }
.input-shell { min-height: 56px; display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 10px; padding: 0 13px 0 10px; border: 1px solid #d3dfe4; border-radius: 10px; background: #fff; transition: border-color .22s ease, box-shadow .22s ease, background .22s ease, transform .22s ease; }
.input-shell:hover, .input-shell:focus-within { border-color: #efb99f; background: #fffaf7; box-shadow: 0 0 0 4px rgba(242,103,34,.08); }
.input-field.is-filled .input-shell { border-color: #f0bea4; background: #fffaf7; }
.input-leading { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: var(--orange); background: #fff3ec; transition: color .22s ease, background .22s ease, transform .22s ease; }
.input-leading svg { width: 20px; height: 20px; stroke-width: 2.25; }
.input-shell:focus-within .input-leading, .input-field.is-filled .input-leading { color: #fff; background: var(--orange); transform: rotate(-4deg) scale(1.04); }
.input-shell input { height: auto; min-height: 54px; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 15px; font-weight: 850; }
.input-shell input:focus { box-shadow: none; background: transparent; }
.input-shell input::placeholder { color: #8fa0aa; font-weight: 750; transition: color .2s ease; }
.input-shell:focus-within input::placeholder { color: #b56b45; }
.custom-select-field { position: relative; z-index: 5; }
.custom-select-field.is-open { z-index: 30; }
.custom-select-field .native-select { position: absolute; inset: auto auto 0 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.custom-select-button { width: 100%; min-height: 56px; display: grid; grid-template-columns: 36px minmax(0,1fr) 22px; align-items: center; gap: 10px; padding: 0 13px 0 10px; border: 1px solid #d3dfe4; border-radius: 10px; color: var(--ink); background: #fff; box-shadow: 0 0 0 rgba(242,103,34,0); text-align: left; cursor: pointer; transition: border-color .22s ease, box-shadow .22s ease, background .22s ease, transform .22s ease; }
.custom-select-button:hover, .custom-select-field.is-open .custom-select-button { border-color: #efb99f; background: #fffaf7; box-shadow: 0 0 0 4px rgba(242,103,34,.08); }
.custom-select-field.is-selected .custom-select-button { border-color: #f0bea4; background: #fffaf7; }
.custom-select-button:focus-visible { outline: 3px solid rgba(242,103,34,.32); outline-offset: 3px; }
.custom-select-leading { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: var(--orange); background: #fff3ec; transition: color .22s ease, background .22s ease, transform .22s ease; }
.custom-select-leading svg { width: 20px; height: 20px; stroke-width: 2.25; }
.custom-select-field.is-open .custom-select-leading { color: #fff; background: var(--orange); transform: rotate(-4deg) scale(1.04); }
.custom-select-value { overflow: hidden; font-size: 15px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.custom-select-chevron { width: 20px; height: 20px; color: #617581; transition: transform .24s ease, color .22s ease; }
.custom-select-field.is-open .custom-select-chevron { color: var(--orange); transform: rotate(180deg); }
.custom-select-menu { position: absolute; z-index: 20; top: calc(100% + 8px); left: 0; right: 0; display: grid; gap: 6px; padding: 8px; border: 1px solid #e2eaee; border-radius: 14px; background: rgba(255,255,255,.98); box-shadow: 0 22px 44px rgba(16,35,49,.16); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px) scale(.98); transform-origin: top center; transition: opacity .2s ease, visibility .2s ease, transform .24s cubic-bezier(.22,.7,.2,1); }
.custom-select-field.is-open .custom-select-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
.custom-select-field.is-drop-up .custom-select-menu { top: auto; bottom: calc(100% + 8px); transform: translateY(8px) scale(.98); transform-origin: bottom center; }
.custom-select-field.is-open.is-drop-up .custom-select-menu { transform: translateY(0) scale(1); }
.service-select-field .custom-select-menu { max-height: min(360px, 56vh); overflow-y: auto; overscroll-behavior: contain; }
.select-modal-backdrop { position: fixed; z-index: 420; inset: 0; border: 0; background: rgba(9,25,35,.52); backdrop-filter: blur(8px); animation: selectBackdropIn .22s ease both; cursor: default; }
.service-select-field.is-open::before { content: none; }
.service-select-field.is-open { z-index: 120; }
.service-select-field.is-open .custom-select-menu { position: fixed; z-index: 75; left: 50%; right: auto; top: 50%; bottom: auto; width: min(420px, calc(100vw - 32px)); max-height: min(620px, calc(100vh - 96px)) !important; display: grid; gap: 8px; padding: 16px; border-radius: 20px; box-shadow: 0 30px 80px rgba(9,25,35,.32); transform: translate(-50%, -50%) scale(1); transform-origin: center; overflow-y: auto; }
.service-select-field.is-open.is-drop-up .custom-select-menu { transform: translate(-50%, -50%) scale(1); }
.custom-select-menu.custom-select-menu-portal { position: fixed; z-index: 430; right: auto; bottom: auto; overflow-y: auto; overscroll-behavior: contain; transform: translateY(-8px) scale(.98); transform-origin: top center; }
.custom-select-menu.custom-select-menu-portal.is-drop-up { transform: translateY(8px) scale(.98); transform-origin: bottom center; }
.custom-select-menu.custom-select-menu-portal.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
.custom-select-menu.custom-select-menu-modal { z-index: 431; left: 50%; right: auto; top: 50%; bottom: auto; width: min(420px, calc(100vw - 32px)); max-height: min(620px, calc(100vh - 96px)) !important; display: grid; gap: 8px; padding: 16px; border-radius: 20px; box-shadow: 0 30px 80px rgba(9,25,35,.32); transform: translate(-50%, -50%) scale(.98); transform-origin: center; }
.custom-select-menu.custom-select-menu-modal.is-open { transform: translate(-50%, -50%) scale(1); }
.custom-select-menu { scrollbar-width: thin; scrollbar-color: var(--orange) #fff; }
.custom-select-menu::-webkit-scrollbar { width: 10px; }
.custom-select-menu::-webkit-scrollbar-track { margin: 8px 0; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px rgba(223,232,236,.95); }
.custom-select-menu::-webkit-scrollbar-thumb { border: 3px solid #fff; border-radius: 999px; background: linear-gradient(180deg,var(--orange),var(--orange-dark)); }
.custom-select-menu::-webkit-scrollbar-thumb:hover { background: var(--orange-dark); }
.custom-select-menu::before { content: "İşyeri Tehlike Sınıfı"; display: none; padding: 2px 4px 8px; color: var(--orange); font-size: 12px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.custom-select-field.is-open .custom-select-menu::before { display: block; }
.service-select-field .custom-select-menu::before { content: "İlgilendiğiniz hizmet"; }
.custom-select-menu.is-open::before { display: block; }
.custom-select-menu.service-select-menu::before { content: "İlgilendiğiniz hizmet"; }
.service-select-field .custom-select-menu button { min-height: 52px; grid-template-columns: 40px minmax(0,1fr); padding: 7px 11px; font-size: 15px; }
.service-select-field .custom-select-menu button svg { width: 23px; height: 23px; }
.custom-select-menu button { min-height: 44px; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 10px; padding: 6px 10px; border: 1px solid transparent; border-radius: 10px; color: #29404f; background: transparent; font-size: 14px; font-weight: 850; text-align: left; cursor: pointer; transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease; }
.custom-select-menu button svg { width: 20px; height: 20px; color: var(--orange); stroke-width: 2.25; }
.custom-select-menu button:hover, .custom-select-menu button:focus-visible { color: var(--ink); border-color: #f0bea4; background: #fff7f1; transform: translateX(2px); outline: 0; }
.custom-select-menu button[aria-selected="true"] { color: var(--orange); border-color: rgba(242,103,34,.35); background: linear-gradient(135deg,#fff7f1,#fff); box-shadow: inset 3px 0 0 var(--orange); }
.custom-select-menu button[aria-selected="true"]::after { display: none; }
@keyframes selectBackdropIn { from { opacity: 0; } to { opacity: 1; } }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.consent { position: relative; display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; gap: 11px; margin: 4px 0 14px; padding: 9px 11px; border: 1px solid #dce5e9; border-radius: 11px; color: var(--muted); background: rgba(255,255,255,.72); cursor: pointer; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.consent:hover, .consent:focus-within { border-color: #efb99d; background: #fff8f4; box-shadow: 0 7px 18px rgba(16,35,49,.06); }
.consent input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.consent-check { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #cad7dd; border-radius: 8px; color: transparent; background: #fff; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.consent-check svg { width: 17px; height: 17px; stroke-width: 2.6; }
.consent input:checked + .consent-check { color: #fff; border-color: var(--orange); background: var(--orange); transform: scale(1.04); }
.consent-copy { display: grid; gap: 1px; line-height: 1.3; }
.consent-copy strong { color: var(--ink); font-size: 11px; }
.consent-copy small { color: var(--muted); font-size: 10px; }
.consent-copy a { color: var(--orange); font-weight: 900; text-decoration: none; }
.consent-copy a:hover, .consent-copy a:focus-visible { text-decoration: underline; text-underline-offset: 2px; }
.submit-btn { width: 100%; }
.form-note { min-height: 48px; display: flex; align-items: center; gap: 9px; margin: 10px 0 0; padding: 8px 10px; border: 1px solid #dce5e9; border-radius: 11px; color: var(--muted); background: rgba(255,255,255,.7); text-align: left; font-size: 11px; }
.form-note > svg { flex: 0 0 auto; width: 22px; height: 22px; color: var(--orange); }
.form-note > span { display: grid; line-height: 1.3; }
.form-note strong { color: var(--ink); font-size: 10px; }
.form-note small { color: var(--muted); font-size: 9px; }

.footer { position: relative; overflow: hidden; color: #c3ced5; background: #091923; }
.footer::before { content: ""; position: absolute; width: 520px; height: 520px; right: -300px; top: -260px; border: 1px solid rgba(255,255,255,.05); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.018), 0 0 0 140px rgba(255,255,255,.012); }
.footer-top { position: relative; z-index: 2; min-height: 240px; display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.footer-top h2 { max-width: 720px; margin: 0; color: #fff; font-size: clamp(32px, 3.5vw, 50px); line-height: 1.12; letter-spacing: -.035em; }
.footer-top-action { flex: 0 0 auto; width: 178px; height: 178px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; color: #fff; background: rgba(255,255,255,.035); text-align: center; font-size: 14px; font-weight: 800; transition: transform .3s, color .3s, background .3s, border-color .3s; }
.footer-top-action:hover { color: #fff; border-color: var(--orange); background: var(--orange); transform: rotate(-5deg) scale(1.03); }
.footer-top-action svg { width: 25px; height: 25px; }
.footer-rule { height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.13) 15% 85%, transparent); }
.footer-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.3fr .75fr .75fr 1.15fr; gap: 44px; padding: 58px 0; }
.footer-tree { grid-template-columns: minmax(360px,1.85fr) repeat(4,minmax(100px,.62fr)) minmax(210px,1.08fr); gap: 22px; padding-top: 70px; }
.footer-brand img { display: block; width: min(220px,100%); height: auto; padding: 0; border-radius: 0; background: transparent; object-fit: contain; object-position: left center; filter: brightness(0) invert(1); }
.footer-brand p { max-width: 360px; margin: 19px 0; color: #a3b1b9; font-size: 13px; }
.footer-map-card { width: min(420px,100%); overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: #102331; box-shadow: 0 18px 36px rgba(0,0,0,.18); }
.footer-map { position: relative; z-index: 1; height: 178px; min-height: 178px; background: radial-gradient(circle at 35% 35%, rgba(242,103,34,.16), transparent 36%), #102331; }
.footer-map iframe { width: 100%; height: 100%; display: block; border: 0; }
.footer-map-info { position: relative; z-index: 2; display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 10px; padding: 12px; border-top: 1px solid rgba(255,255,255,.12); color: #fff; background: rgba(9,25,35,.96); }
.footer-map-info > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: var(--orange); }
.footer-map-info > span svg { width: 21px; height: 21px; stroke-width: 2.3; }
.footer-map-info div { min-width: 0; display: grid; gap: 2px; line-height: 1.25; }
.footer-map-info strong { font-size: 12px; }
.footer-map-info small { color: #c9d5db; font-size: 10px; line-height: 1.35; }
.footer-map-info a { grid-column: 1 / -1; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; color: #fff; background: var(--orange); font-size: 11px; font-weight: 900; text-transform: uppercase; transition: background .2s ease, transform .2s ease; }
.footer-map-info a:hover, .footer-map-info a:focus-visible { color: #fff; background: var(--orange-dark); transform: translateY(-1px); }
.footer h3 { margin: 0 0 18px; color: #fff; font-size: 15px; }
.footer-col a { width: fit-content; display: flex; align-items: center; gap: 6px; margin: 10px 0; color: #a9b7bf; font-size: 13px; transition: color .2s, transform .2s; }
.footer-col a svg { flex: 0 0 auto; width: 15px; height: 15px; color: #ff8b52; stroke-width: 2.2; transition: transform .2s ease; }
.footer-col a:hover { color: #fff; transform: translateX(4px); }
.footer-col a:hover svg { transform: translateX(2px); }
.footer-contact-card { align-self: start; padding: 22px; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: rgba(255,255,255,.035); }
.footer-contact-card > p { margin: 0 0 11px; color: #92a4ad; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.footer-contact-card > a, .footer-contact-card > div { display: flex; align-items: center; gap: 11px; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.footer-contact-card > :last-child { border: 0; }
.footer-contact-card svg { flex: 0 0 auto; width: 26px; height: 26px; color: #ff9864; }
.footer-contact-card span { display: grid; line-height: 1.35; }
.footer-contact-card small { color: #92a4ad; font-size: 11px; }
.footer-contact-card strong { color: #f0f4f6; font-size: 13px; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.08); }
.footer-bottom .container { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #8fa0aa; font-size: 12px; }
.footer-bottom div div { display: flex; gap: 22px; }
.footer-bottom a:hover { color: #fff; }
.back-top { display: inline-flex; align-items: center; gap: 5px; color: #c4d0d6; }
.back-top svg { width: 17px; height: 17px; }
.whatsapp-float { position: fixed; z-index: 58; right: 22px; bottom: 22px; display: inline-flex; align-items: center; gap: 10px; min-height: 56px; padding: 0 18px; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #20c978, #12985a); box-shadow: 0 14px 34px rgba(14,137,79,.3); font-size: 12px; font-weight: 950; letter-spacing: .01em; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,.16); transition: transform .25s, box-shadow .25s, background .25s; }
.whatsapp-float:hover { color: #fff; background: linear-gradient(135deg, #1dbc70, #108750); transform: translateY(-4px); box-shadow: 0 18px 38px rgba(14,137,79,.35); }
.whatsapp-float svg, .whatsapp-float img { flex: 0 0 auto; width: 27px; height: 27px; filter: drop-shadow(0 1px 0 rgba(0,0,0,.18)); }
.mobile-contact-bar { display: none; }

/* Services directory page */
.services-page { background: #fff; }
.services-page main > section, .services-page footer.footer { content-visibility: visible; contain-intrinsic-size: none; }
.laboratory-page .services-page-hero::before { background: linear-gradient(90deg, rgba(243,246,247,1) 0%, rgba(243,246,247,.18) 38%, rgba(243,246,247,.02) 100%), url("assets/lab.png") center 45% / cover no-repeat; opacity: .32; }
.laboratory-page .services-group-media img { object-position: center; }
.laboratory-page #temel-tetkikler .services-group-media img { object-position: 58% center; }
.laboratory-page #fonksiyonel-testler .services-group-media img { object-position: center; }
.corporate-page .services-page-hero::before { background: linear-gradient(90deg, rgba(243,246,247,1) 0%, rgba(243,246,247,.2) 38%, rgba(243,246,247,.03) 100%), url("assets/building.png") center / cover no-repeat; opacity: .3; }
.corporate-page #kimlik-yaklasim .services-group-media img { object-position: center; }
.resources-page .services-page-hero::before { background: linear-gradient(90deg, rgba(243,246,247,1) 0%, rgba(243,246,247,.18) 38%, rgba(243,246,247,.02) 100%), url("assets/blog-risk.png") center / cover no-repeat; opacity: .3; }
.resources-page .services-group-media img { object-position: center; }
.contact-page .services-page-hero::before { background: linear-gradient(90deg, rgba(243,246,247,1) 0%, rgba(243,246,247,.18) 38%, rgba(243,246,247,.02) 100%), url("assets/contact.png") center / cover no-repeat; opacity: .3; }

/* Knowledge center, editorial articles and contact */
.info-page-hero { position:relative; overflow:hidden; padding:72px 0 78px; background:linear-gradient(135deg,#f3f7f8,#fff 66%,#fff1ea); }
.info-page-hero::after { content:""; position:absolute; width:380px; height:380px; right:-210px; top:-230px; border:1px solid rgba(242,103,34,.14); border-radius:50%; box-shadow:0 0 0 65px rgba(242,103,34,.02); }
.info-page-hero .container { position:relative; z-index:1; }
.info-page-hero h1 { max-width:900px; margin:14px 0 0; font-size:clamp(44px,5vw,68px); line-height:1.04; letter-spacing:-.045em; }
.info-page-hero > .container > p:not(.services-page-kicker) { max-width:760px; margin:20px 0 0; color:var(--muted); font-size:16px; line-height:1.75; }
.info-page-content { padding:82px 0 96px; }
.info-page-layout { display:grid; grid-template-columns:minmax(0,780px) 300px; justify-content:center; gap:70px; align-items:start; }
.info-page-layout > article { color:#405762; font-size:16px; line-height:1.85; }
.info-page-layout .article-lead { margin:0; padding-left:20px; border-left:4px solid var(--orange); color:var(--ink); font-size:20px; font-weight:700; }
.info-page-layout h2 { margin:42px 0 14px; color:var(--ink); font-size:29px; }
.info-page-points { display:grid; gap:9px; }
.info-page-points > div { min-height:58px; display:grid; grid-template-columns:28px minmax(0,1fr); align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--line); border-radius:11px; background:#f8fafb; }
.info-page-points svg { color:var(--orange); }
.info-page-layout > aside { position:sticky; top:110px; display:grid; gap:10px; }
@media (max-width:720px) { .info-page-hero { padding:46px 0 56px; } .info-page-hero h1 { font-size:40px; } .info-page-content { padding:58px 0 72px; } .info-page-layout { grid-template-columns:1fr; gap:32px; } .info-page-layout > article { font-size:14px; } .info-page-layout .article-lead { font-size:17px; } .info-page-layout > aside { position:static; } }
.resources-hero { position: relative; overflow: hidden; padding: 72px 0 80px; background: linear-gradient(135deg,#f3f7f8 0%,#fff 58%,#fff1ea 100%); }
.resources-hero::after { content:""; position:absolute; width:480px; height:480px; right:-260px; top:-260px; border:1px solid rgba(242,103,34,.16); border-radius:50%; box-shadow:0 0 0 80px rgba(242,103,34,.025),0 0 0 160px rgba(242,103,34,.018); }
.resources-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.84fr) minmax(420px,1.16fr); gap:66px; align-items:center; }
.resources-hero h1 { max-width:660px; margin:0; font-size:clamp(46px,5.5vw,72px); line-height:1.01; letter-spacing:-.05em; }
.resources-hero h1 em { color:var(--orange); font-style:normal; }
.resources-hero-grid > div > p:not(.services-page-kicker) { max-width:600px; margin:22px 0 0; color:var(--muted); font-size:17px; line-height:1.72; }
.resources-hero-actions { width:min(100%,440px); display:grid; grid-template-columns:1.05fr .95fr; gap:7px; margin-top:31px; padding:6px; border:1px solid #dfe7ea; border-radius:15px; background:rgba(255,255,255,.9); box-shadow:0 14px 34px rgba(16,35,49,.09); }
.resources-hero-actions .btn,.resources-hero-actions > a:not(.btn) { min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 15px; border-radius:11px; font-size:12px; font-weight:900; white-space:nowrap; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.resources-hero-actions .btn { color:#fff; background:linear-gradient(135deg,var(--orange),#df4d0a); box-shadow:0 10px 22px rgba(242,103,34,.23); }
.resources-hero-actions .btn:hover { color:#fff; transform:translateY(-2px); box-shadow:0 14px 27px rgba(242,103,34,.3); }
.resources-hero-actions > a:not(.btn) { border:1px solid #e1e8eb; color:var(--ink); background:#f6f9fa; }
.resources-hero-actions > a:not(.btn):hover { color:var(--orange); border-color:#ffbd9b; background:var(--cream); transform:translateY(-2px); }
.resources-hero-actions svg { width:17px; }
.featured-story { position:relative; min-height:500px; overflow:hidden; border-radius:20px; color:#fff; background:var(--ink); box-shadow:0 28px 70px rgba(16,35,49,.22); }
.featured-story > img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; transition:transform .55s ease; }
.featured-story::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(13,31,45,.02) 20%,rgba(13,31,45,.92) 100%); }
.featured-story > div { position:absolute; z-index:2; right:0; bottom:0; left:0; padding:34px; }
.featured-story span { display:inline-flex; margin-bottom:11px; padding:7px 10px; border-radius:6px; color:#fff; background:var(--orange); font-size:10px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.featured-story h2 { max-width:520px; margin:0; color:#fff; font-size:34px; line-height:1.1; }
.featured-story p { max-width:500px; margin:12px 0 18px; color:#d1dbe0; font-size:14px; }
.featured-story strong { display:inline-flex; align-items:center; gap:8px; color:#fff; font-size:12px; }
.featured-story strong svg { width:17px; }
.featured-story:hover { color:#fff; }
.featured-story:hover > img { transform:scale(1.035); }
.blog-library { padding:92px 0 104px; background:#fff; }
.blog-library-heading { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.52fr); gap:48px; align-items:center; padding:28px 30px; overflow:hidden; border:1px solid #dfe7ea; border-radius:18px; background:linear-gradient(120deg,#fff,#f8fafb); box-shadow:0 14px 38px rgba(16,35,49,.055); }
.blog-library-heading::after { content:""; position:absolute; width:160px; height:160px; right:-84px; bottom:-105px; border:1px solid rgba(242,103,34,.13); border-radius:50%; box-shadow:0 0 0 36px rgba(242,103,34,.025); pointer-events:none; }
.blog-library-heading > div { position:relative; z-index:1; }
.blog-library-heading h2 { margin:6px 0 0; font-size:clamp(36px,4vw,52px); line-height:1.05; letter-spacing:-.04em; }
.blog-library-heading > p,.blog-library-heading-actions > p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.blog-library-heading-actions > p { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:start; gap:10px; }
.blog-library-heading-actions { display:grid; justify-items:start; gap:15px; padding-left:25px; border-left:1px solid #e3eaed; }
.blog-heading-all { min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 16px; border:1px solid #ffd0b8; border-radius:10px; color:var(--orange); background:var(--cream); font-size:11px; font-weight:900; text-transform:uppercase; box-shadow:0 8px 18px rgba(242,103,34,.08); }
.blog-heading-all:hover { color:#fff; border-color:var(--orange); background:var(--orange); transform:translateY(-1px); }
.blog-heading-all svg { width:16px; }
.blog-toolbar { display:flex; justify-content:space-between; gap:20px; margin:38px 0 30px; padding:9px; border:1px solid var(--line); border-radius:14px; background:#f7f9fa; }
.blog-filters { display:flex; flex-wrap:wrap; gap:6px; }
.blog-filters button { min-height:42px; padding:0 15px; border:0; border-radius:9px; color:#526872; background:transparent; font:inherit; font-size:12px; font-weight:850; cursor:pointer; }
.blog-filters button:hover,.blog-filters button.is-active { color:#fff; background:var(--ink); }
.blog-search { min-width:260px; display:flex; align-items:center; gap:9px; padding:0 13px; border:1px solid #dfe7ea; border-radius:9px; background:#fff; }
.blog-search svg { width:18px; color:var(--orange); }
.blog-search input { width:100%; min-height:40px; border:0; outline:0; color:var(--ink); background:transparent; font:inherit; font-size:13px; }
.blog-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.blog-card { overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 15px 38px rgba(16,35,49,.06); transition:transform .25s ease,box-shadow .25s ease; }
.blog-card[hidden],.blog-card.is-filtered-out { display:none !important; }
.blog-card:hover { transform:translateY(-4px); box-shadow:0 22px 48px rgba(16,35,49,.11); }
.blog-card-image { position:relative; height:178px; display:block; overflow:hidden; background:#e9eff2; }
.blog-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.blog-card:hover .blog-card-image img { transform:scale(1.04); }
.blog-card-image span { position:absolute; left:18px; bottom:17px; padding:8px 11px; border-radius:7px; color:#fff; background:var(--orange); font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.blog-card-copy { padding:19px 18px 21px; }
.blog-card-meta { display:flex; gap:17px; color:#758892; font-size:10px; font-weight:750; }
.blog-card-meta span { display:flex; align-items:center; gap:5px; }
.blog-card-meta svg { width:14px; }
.blog-card h3 { margin:12px 0 9px; font-size:18px; line-height:1.24; }
.blog-card h3 a:hover { color:var(--orange); }
.blog-card p { min-height:62px; margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.blog-read-link { display:inline-flex; align-items:center; gap:7px; margin-top:19px; color:var(--orange); font-size:12px; font-weight:900; }
.blog-read-link svg { width:16px; }
.blog-library { position:relative; overflow:hidden; }
.blog-library::before { content:""; position:absolute; width:420px; height:420px; right:-260px; top:120px; border:1px solid rgba(242,103,34,.09); border-radius:50%; box-shadow:0 0 0 68px rgba(242,103,34,.018); pointer-events:none; }
.blog-toolbar { position:relative; z-index:2; margin:38px 0 32px; padding:8px; border:1px solid #e0e8eb; border-radius:17px; background:linear-gradient(135deg,#f7fafb,#f1f5f6); box-shadow:0 14px 36px rgba(16,35,49,.055); }
.blog-tabbar { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
.blog-tabbar button { position:relative; min-height:68px; display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:10px; padding:9px 11px; overflow:hidden; border:1px solid transparent; border-radius:11px; color:#465d68; background:transparent; text-align:left; cursor:pointer; transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.blog-tabbar button > span:first-child { width:38px; height:38px; display:grid; place-items:center; border-radius:9px; color:var(--orange); background:var(--cream); }
.blog-tabbar button svg { width:20px; }
.blog-tabbar button > span:last-child { min-width:0; display:grid; line-height:1.25; }
.blog-tabbar strong { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.blog-tabbar small { color:#8999a1; font-size:9px; }
.blog-tabbar button:hover { border-color:#dfe7ea; background:#fff; transform:translateY(-1px); }
.blog-tabbar button.is-active { border-color:var(--orange); color:#fff; background:linear-gradient(135deg,var(--orange),#df4d0a); box-shadow:0 10px 23px rgba(242,103,34,.2); }
.blog-tabbar button.is-active > span:first-child { color:var(--orange); background:#fff; }
.blog-tabbar button.is-active small { color:#ffe7db; }
.blog-tab-slider-controls { display:none; }
.blog-library-actions { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:10px; }
.blog-library-actions .blog-search { min-height:52px; }
.blog-category-all { display:grid; grid-template-columns:minmax(0,1fr) 20px; align-items:center; gap:10px; padding:9px 14px; border-radius:10px; color:#fff; background:var(--ink); }
.blog-category-all:hover { color:#fff; background:#193549; }
.blog-category-all > span { display:grid; }
.blog-category-all small { color:#9db0ba; font-size:8px; text-transform:uppercase; letter-spacing:.07em; }
.blog-category-all strong { color:#fff; font-size:11px; }
.blog-category-all svg { width:17px; }
.blog-view-all-block { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:28px; padding:13px 14px 13px 18px; border:1px solid #dfe7ea; border-radius:15px; background:linear-gradient(110deg,#f7fafb,#fff); box-shadow:0 12px 32px rgba(16,35,49,.05); }
.blog-view-all-block > div { display:flex; align-items:center; gap:12px; min-width:0; }
.blog-view-all-block > div > span { width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border-radius:11px; color:var(--orange); background:var(--cream); }
.blog-view-all-block > div > span svg { width:21px; }
.blog-view-all-block > div > div { display:grid; line-height:1.35; }
.blog-view-all-block small { color:#7c8f99; font-size:9px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.blog-view-all-block strong { color:var(--ink); font-size:14px; }
.blog-view-all-block > a { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 18px; border-radius:10px; color:#fff; background:var(--orange); font-size:11px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; box-shadow:0 9px 20px rgba(242,103,34,.2); }
.blog-view-all-block > a:hover { color:#fff; background:var(--orange-dark); transform:translateY(-1px); }
.blog-view-all-block > a svg { width:16px; }
.blog-pagination { display:grid; grid-template-columns:44px auto 44px minmax(0,1fr); align-items:center; gap:9px; margin-top:30px; padding:13px; border:1px solid var(--line); border-radius:14px; background:#f7f9fa; }
.blog-pagination > button,.blog-pagination > div button { width:42px; height:42px; display:grid; place-items:center; border:1px solid #dce5e9; border-radius:9px; color:#546b76; background:#fff; font:inherit; font-size:12px; font-weight:900; cursor:pointer; }
.blog-pagination > button:disabled { cursor:not-allowed; opacity:.4; }
.blog-pagination > button svg { width:17px; }
.blog-pagination > div { display:flex; gap:6px; }
.blog-pagination > div button.is-active { border-color:var(--orange); color:#fff; background:var(--orange); }
.blog-pagination > span { justify-self:end; display:grid; text-align:right; }
.blog-pagination > span strong { color:var(--ink); font-size:12px; }
.blog-pagination > span small { color:#81929b; font-size:9px; }
.knowledge-archive-hero { padding:64px 0 72px; background:linear-gradient(135deg,#f3f7f8,#fff 65%,#fff1ea); }
.knowledge-archive-hero h1 { max-width:820px; margin:12px 0 0; font-size:clamp(46px,5.5vw,70px); letter-spacing:-.05em; }
.knowledge-archive-hero > .container > p:not(.services-page-kicker) { max-width:680px; margin:18px 0 0; color:var(--muted); }
.knowledge-archive-stats { display:flex; gap:10px; margin-top:28px; }
.knowledge-archive-stats > span { min-height:58px; display:flex; align-items:center; gap:9px; padding:10px 15px; border:1px solid #ffd0b8; border-radius:10px; background:var(--cream); }
.knowledge-archive-stats strong { color:var(--orange); font-size:25px; }
.knowledge-archive-stats small { color:#657985; font-size:10px; }
.knowledge-archive-stats svg { color:var(--orange); }
.knowledge-archive-library .blog-library-heading > a { justify-self:end; }
.knowledge-category-toolbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,320px); gap:16px; align-items:center; margin:22px 0; padding:12px; border:1px solid #dfe7ea; border-radius:16px; background:#f8fafb; }
.knowledge-category-toolbar .blog-filters { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; }
.knowledge-category-toolbar .blog-filters button { flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; border:1px solid transparent; color:var(--ink); background:#fff; box-shadow:0 5px 14px rgba(16,35,49,.04); }
.knowledge-category-toolbar .blog-filters button:hover { color:var(--ink); border-color:#ffd0b8; background:#fff7f2; }
.knowledge-category-toolbar .blog-filters button.is-active { color:var(--ink); border-color:var(--orange); background:#fff; box-shadow:0 10px 24px rgba(242,103,34,.13); }
.knowledge-category-toolbar .blog-filters button svg { width:16px; height:16px; }
.knowledge-category-toolbar .blog-filters button:hover svg,.knowledge-category-toolbar .blog-filters button.is-active svg { color:var(--orange); }
.knowledge-category-toolbar .blog-filters button small { min-width:20px; padding:2px 6px; border-radius:999px; color:var(--muted); background:#eef3f5; font-size:9px; text-align:center; }
.knowledge-category-toolbar .blog-filters button:hover small,.knowledge-category-toolbar .blog-filters button.is-active small { color:var(--ink); background:#fff; }
.knowledge-category-toolbar .blog-search { margin:0; }
.blog-empty { padding:58px 20px; border:1px dashed #dbe4e8; border-radius:16px; text-align:center; background:#f8fafb; }
.blog-empty svg { width:38px; height:38px; color:var(--orange); }
.blog-empty h3 { margin:15px 0 7px; }
.blog-empty p { margin:0; color:var(--muted); }
.knowledge-support { padding:70px 0; color:#fff; background:var(--ink); }
.knowledge-support-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(400px,.8fr); gap:70px; align-items:center; }
.knowledge-support h2 { max-width:670px; margin:0; color:#fff; font-size:clamp(32px,4vw,50px); line-height:1.1; }
.knowledge-support p:not(.eyebrow) { margin:16px 0 0; color:#aebdc5; }
.knowledge-support-grid > div:last-child { display:grid; gap:10px; }
.knowledge-support-grid > div:last-child a { min-height:78px; display:grid; grid-template-columns:42px minmax(0,1fr) 20px; align-items:center; gap:13px; padding:13px 16px; border:1px solid rgba(255,255,255,.11); border-radius:11px; color:#fff; background:rgba(255,255,255,.045); }
.knowledge-support-grid > div:last-child a > svg:first-child { color:#ff8b54; }
.knowledge-support-grid > div:last-child span { display:grid; }
.knowledge-support-grid > div:last-child small { color:#91a4ae; font-size:10px; }
.knowledge-support-grid > div:last-child strong { color:#fff; font-size:14px; }
.knowledge-faq-preview { position:relative; overflow:hidden; padding:78px 0; background:linear-gradient(145deg,#f2f6f7 0%,#fff 68%,#fff4ee 100%); }
.knowledge-faq-preview::before { content:""; position:absolute; width:360px; height:360px; right:-220px; top:-220px; border:1px solid rgba(242,103,34,.11); border-radius:50%; box-shadow:0 0 0 64px rgba(242,103,34,.018); }
.knowledge-faq-preview .container { position:relative; z-index:1; }
.knowledge-faq-heading { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(310px,.58fr); gap:48px; align-items:center; margin-bottom:24px; padding:28px 30px; overflow:hidden; border:1px solid #dfe7ea; border-radius:18px; background:rgba(255,255,255,.82); box-shadow:0 14px 38px rgba(16,35,49,.055); }
.knowledge-faq-heading::after { content:""; position:absolute; width:150px; height:150px; right:-78px; top:-88px; border:1px solid rgba(242,103,34,.13); border-radius:50%; box-shadow:0 0 0 34px rgba(242,103,34,.025); pointer-events:none; }
.knowledge-faq-heading > div { position:relative; z-index:1; }
.knowledge-faq-heading h2 { margin:6px 0 0; font-size:clamp(34px,4vw,50px); line-height:1.06; letter-spacing:-.04em; }
.knowledge-faq-heading > p,.knowledge-faq-heading-actions > p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.knowledge-faq-heading-actions > p { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:start; gap:10px; }
.knowledge-faq-info-icon,.blog-library-info-icon { width:30px; height:30px; display:grid; place-items:center; margin-top:1px; border:1px solid #ffd0b8; border-radius:9px; color:var(--orange); background:var(--cream); box-shadow:0 7px 16px rgba(242,103,34,.1); }
.knowledge-faq-info-icon svg,.blog-library-info-icon svg { width:16px; height:16px; }
.knowledge-faq-heading-actions { display:grid; justify-items:stretch; gap:15px; padding-left:25px; border-left:1px solid #e3eaed; }
.knowledge-faq-grid { width:100%; min-width:0; counter-reset:faq-preview; display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 28px)/3); gap:14px; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; scroll-behavior:smooth; scroll-padding-inline:0; scroll-snap-type:x mandatory; scrollbar-width:none; cursor:grab; touch-action:pan-x pan-y; }
.knowledge-faq-grid::-webkit-scrollbar { display:none; }
.knowledge-faq-grid.is-dragging { cursor:grabbing; scroll-behavior:auto; scroll-snap-type:none; user-select:none; }
.knowledge-faq-grid > a { counter-increment:faq-preview; position:relative; min-height:170px; display:grid; grid-template-columns:48px minmax(0,1fr) 20px; align-items:start; gap:13px; overflow:hidden; padding:22px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.92); box-shadow:0 14px 36px rgba(16,35,49,.055); scroll-snap-align:start; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.knowledge-faq-grid > a::after { content:"0" counter(faq-preview); position:absolute; right:14px; bottom:-15px; color:rgba(16,35,49,.035); font-size:76px; font-weight:950; line-height:1; }
.knowledge-faq-grid > a:hover { color:var(--ink); border-color:#ffb995; transform:translateY(-4px); box-shadow:0 20px 42px rgba(16,35,49,.1); }
.knowledge-faq-grid > a > span { width:48px; height:48px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(135deg,var(--orange),#df4d0a); box-shadow:0 10px 22px rgba(242,103,34,.2); }
.knowledge-faq-grid > a > span svg { width:25px; }
.knowledge-faq-grid > a > div { min-height:126px; display:flex; flex-direction:column; }
.knowledge-faq-grid small { color:var(--orange); font-size:9px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.knowledge-faq-grid strong { margin-top:9px; font-size:18px; line-height:1.35; }
.knowledge-faq-grid em { position:relative; z-index:1; display:inline-flex; align-items:center; align-self:flex-start; margin-top:auto; padding:6px 9px; border-radius:7px; color:var(--orange); background:var(--cream); font-size:9px; font-style:normal; font-weight:850; }
.knowledge-faq-grid > a > svg { width:18px; color:#8fa0a8; }
@media (min-width: 901px) {
  .knowledge-faq-grid > a { padding-bottom:34px; }
}
.knowledge-faq-slider-controls { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:16px; }
.knowledge-faq-slider-controls > div:first-child { display:flex; align-items:center; gap:6px; }
.knowledge-faq-slider-controls [data-faq-slider-dots] button { width:7px; height:7px; padding:0; border:0; border-radius:99px; background:#cad6db; cursor:pointer; transition:width .2s ease,background .2s ease; }
.knowledge-faq-slider-controls [data-faq-slider-dots] button.is-active { width:25px; background:var(--orange); }
.knowledge-faq-slider-controls > div:last-child { display:flex; gap:7px; }
.knowledge-faq-slider-controls > div:last-child button { width:40px; height:40px; display:grid; place-items:center; padding:0; border:1px solid #dce5e9; border-radius:10px; color:var(--ink); background:#fff; cursor:pointer; transition:border-color .2s ease,color .2s ease,transform .2s ease; }
.knowledge-faq-slider-controls > div:last-child button:hover { border-color:#ffb995; color:var(--orange); transform:translateY(-1px); }
.knowledge-faq-slider-controls button:disabled { opacity:.38; cursor:not-allowed; transform:none; }
.knowledge-faq-slider-controls svg { width:17px; }
.knowledge-faq-all { width:max-content; min-height:48px; display:grid; grid-template-columns:34px auto 28px; align-items:center; gap:10px; margin:20px 0 0 auto; padding:7px 9px 7px 8px; border:1px solid #d9e3e7; border-radius:12px; color:var(--ink); background:#fff; box-shadow:0 10px 26px rgba(16,35,49,.07); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.knowledge-faq-all:hover { color:#fff; transform:translateY(-2px); box-shadow:0 23px 48px rgba(16,35,49,.2); }
.knowledge-faq-all:hover { color:var(--ink); border-color:#ffb995; box-shadow:0 14px 30px rgba(16,35,49,.1); }
.knowledge-faq-all > span:first-child { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; color:#fff; background:linear-gradient(135deg,var(--orange),#df4d0a); box-shadow:0 7px 16px rgba(242,103,34,.18); }
.knowledge-faq-all > span:first-child svg { width:18px; }
.knowledge-faq-all > span:nth-child(2) { display:grid; }
.knowledge-faq-all small { color:#8798a1; font-size:8px; }
.knowledge-faq-all strong { color:var(--ink); font-size:11px; }
.knowledge-faq-all > svg { width:28px; height:28px; padding:6px; border:1px solid #e1e8eb; border-radius:8px; color:var(--ink); background:#f5f8f9; transition:transform .22s ease; }
.knowledge-faq-all:hover > svg { transform:translateX(3px); }
.knowledge-faq-heading-actions .knowledge-faq-all { width:100%; margin:0; grid-template-columns:34px minmax(0,1fr) 28px; }
.article-hero { padding:58px 0 70px; background:linear-gradient(140deg,#f4f7f8,#fff); }
.article-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr); gap:65px; align-items:center; }
.article-hero .services-breadcrumb { margin:0 0 27px; }
.article-hero h1 { margin:0; font-size:clamp(42px,5vw,64px); line-height:1.04; letter-spacing:-.045em; }
.article-hero-copy > p:not(.services-page-kicker) { margin:21px 0 0; color:var(--muted); font-size:16px; line-height:1.75; }
.article-meta { display:flex; flex-wrap:wrap; gap:18px; margin-top:27px; color:#667b86; font-size:11px; font-weight:750; }
.article-meta span { display:flex; align-items:center; gap:6px; }
.article-meta svg { width:16px; color:var(--orange); }
.article-hero-media { min-height:455px; overflow:hidden; border-radius:18px; box-shadow:0 24px 58px rgba(16,35,49,.15); }
.article-hero-media img { width:100%; height:100%; min-height:455px; object-fit:cover; }
.article-body { padding:86px 0 98px; }
.article-layout { display:grid; grid-template-columns:minmax(0,780px) 310px; justify-content:center; gap:76px; align-items:start; }
.article-content { color:#405762; font-size:16px; line-height:1.9; }
.article-content .article-lead { margin-top:0; padding-left:22px; border-left:4px solid var(--orange); color:var(--ink); font-size:20px; font-weight:650; line-height:1.6; }
.article-trust { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 28px; }
.article-trust > span { min-height:68px; display:grid; grid-template-columns:28px minmax(0,1fr); align-content:center; gap:1px 8px; padding:10px; border:1px solid var(--line); border-radius:10px; background:#f8fafb; }
.article-trust svg { grid-row:1 / 3; align-self:center; color:var(--orange); }
.article-trust small { color:#80929b; font-size:9px; }
.article-trust strong { font-size:11px; line-height:1.3; }
.article-content h2 { margin:44px 0 12px; color:var(--ink); font-size:30px; line-height:1.2; }
.article-content p { margin:0; }
.article-note { display:grid; grid-template-columns:30px minmax(0,1fr); gap:12px; margin-top:43px; padding:20px; border:1px solid #ffd1ba; border-radius:12px; background:var(--cream); }
.article-note svg { color:var(--orange); }
.article-note p { font-size:13px; line-height:1.65; }
.article-aside { position:sticky; top:112px; display:grid; gap:14px; }
.article-toc { padding:22px; border:1px solid var(--line); border-radius:13px; box-shadow:0 14px 36px rgba(16,35,49,.06); }
.article-toc > p { margin:0 0 15px; font-weight:900; }
.article-toc ul { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.article-toc li { display:grid; grid-template-columns:18px 1fr; gap:8px; color:#5c717b; font-size:12px; }
.article-toc li svg { width:16px; color:var(--orange); }
.article-help { min-height:78px; display:grid; grid-template-columns:38px 1fr 18px; align-items:center; gap:10px; padding:14px; border-radius:12px; color:#fff; background:var(--ink); }
.article-help:hover { color:#fff; background:#183448; }
.article-help span { display:grid; }
.article-help small { color:#9eb0b9; font-size:9px; }
.article-help strong { color:#fff; font-size:13px; }
.contact-overview { padding:82px 0; }
.contact-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.5fr); gap:55px; align-items:end; margin-bottom:37px; }
.contact-heading h2 { margin:0; font-size:clamp(34px,4vw,52px); }
.contact-heading > p { margin:0; color:var(--muted); }
.contact-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.contact-cards > * { min-height:235px; display:flex; flex-direction:column; padding:24px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 14px 36px rgba(16,35,49,.06); }
.contact-cards > a:hover { color:var(--ink); border-color:#ffb894; transform:translateY(-3px); }
.contact-cards > * > span { width:48px; height:48px; display:grid; place-items:center; margin-bottom:27px; border-radius:11px; color:var(--orange); background:var(--cream); }
.contact-cards small { color:#82939c; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.contact-cards strong { margin-top:5px; font-size:17px; overflow-wrap:anywhere; }
.contact-cards em { display:flex; align-items:center; gap:7px; margin-top:auto; color:var(--orange); font-size:11px; font-style:normal; font-weight:850; }
.contact-cards em svg { width:15px; }
.contact-detail { padding:90px 0; background:var(--soft); }
.contact-detail-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:70px; align-items:center; }
.contact-map { position:relative; min-height:480px; overflow:hidden; border-radius:17px; background:#dce5e8; box-shadow:0 22px 55px rgba(16,35,49,.13); }
.contact-map iframe { width:100%; height:100%; min-height:480px; border:0; }
.contact-map-note { position:absolute; right:17px; bottom:17px; left:17px; display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:11px; padding:13px; border-radius:11px; color:#fff; background:rgba(13,31,45,.9); }
.contact-map-note svg { color:#ff8b54; }
.contact-map-note span { display:grid; }
.contact-map-note small { color:#aebdc5; font-size:9px; }
.contact-map-note strong { color:#fff; font-size:12px; }
.contact-map-note > a { display:inline-flex; align-items:center; gap:6px; padding:9px 11px; border-radius:8px; color:#fff; background:var(--orange); font-size:10px; font-weight:900; white-space:nowrap; }
.contact-map-note > a:hover { color:#fff; background:var(--orange-dark); }
.contact-map-note > a svg { width:14px; }
.contact-copy h2 { margin:0; font-size:clamp(34px,4vw,50px); line-height:1.1; }
.contact-copy > p:not(.eyebrow) { margin:20px 0 0; color:var(--muted); line-height:1.75; }
.contact-copy ul { display:grid; gap:10px; margin:25px 0 30px; padding:0; list-style:none; }
.contact-copy li { display:flex; align-items:center; gap:10px; color:#405762; font-size:13px; font-weight:750; }
.contact-copy li svg { width:19px; color:var(--orange); }

/* Comprehensive FAQ page */
.faq-page { background:#fff; }
.faq-page-hero { position:relative; overflow:hidden; padding:74px 0 82px; background:linear-gradient(130deg,#f3f7f8 0%,#fff 62%,#fff1ea 100%); }
.faq-page-hero::after { content:""; position:absolute; width:500px; height:500px; right:-250px; top:-270px; border:1px solid rgba(242,103,34,.15); border-radius:50%; box-shadow:0 0 0 82px rgba(242,103,34,.025),0 0 0 164px rgba(242,103,34,.018); }
.faq-page-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:80px; align-items:center; }
.faq-page-hero h1 { max-width:780px; margin:0; font-size:clamp(48px,6vw,74px); line-height:1.02; letter-spacing:-.05em; }
.faq-page-hero h1 em { color:var(--orange); font-style:normal; }
.faq-page-hero-grid > div:first-child > p:not(.services-page-kicker) { max-width:720px; margin:22px 0 0; color:var(--muted); font-size:16px; line-height:1.75; }
.faq-page-orbit { width:270px; height:270px; margin:0; }
.faq-page-orbit > span { inset:62px; }
.faq-directory { padding:88px 0 104px; }
.faq-page-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.55fr); gap:56px; align-items:end; }
.faq-page-intro h2 { margin:0; font-size:clamp(36px,4vw,54px); line-height:1.08; letter-spacing:-.04em; }
.faq-page-intro > p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.faq-tools { display:grid; grid-template-columns:minmax(0,1fr) 174px; gap:14px; align-items:stretch; margin:38px 0 34px; }
.faq-search { min-height:64px; display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; gap:12px; padding:0 18px; border:1px solid #dce5e9; border-radius:14px; background:#fff; box-shadow:0 12px 34px rgba(16,35,49,.07); }
.faq-search { position:relative; z-index:12; }
.faq-search > svg { color:var(--orange); }
.faq-search input { width:100%; border:0; outline:0; color:var(--ink); background:transparent; font:inherit; font-size:14px; }
.faq-search input::placeholder { color:#84949d; opacity:1; }
.faq-search > button { min-width:92px; height:42px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 15px; border:0; border-radius:10px; color:#fff; background:linear-gradient(135deg,var(--orange),#df4d0a); box-shadow:0 9px 20px rgba(242,103,34,.22); font:inherit; font-size:11px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease; }
.faq-search > button:hover,.faq-search > button:focus-visible { transform:translateY(-1px); box-shadow:0 12px 25px rgba(242,103,34,.28); }
.faq-search > button svg { width:16px; height:16px; }
.faq-result-count { min-width:174px; display:flex; align-items:center; justify-content:center; gap:9px; padding:0 18px; border-radius:14px; color:#fff; background:var(--ink); }
.faq-result-count strong { color:#fff; font-size:24px; }
.faq-result-count span { max-width:70px; color:#b8c5cb; font-size:10px; line-height:1.25; }
.faq-page-layout { display:grid; grid-template-columns:290px minmax(0,1fr); gap:52px; align-items:start; }
.faq-directory > .container { width:min(1280px,calc(100% - 48px)); }
.faq-page-summary { min-height:64px; display:grid; grid-template-columns:40px minmax(0,1fr); align-items:center; gap:11px; margin-bottom:2px; padding:10px; border:1px solid #dce5e9; border-radius:10px; background:#f1f5f6; }
.faq-page-summary > span:first-child { width:40px; height:40px; display:grid; place-items:center; border-radius:9px; color:var(--orange); background:#fff; }
.faq-page-summary > span:last-child { display:grid; line-height:1.3; }
.faq-page-summary strong { font-size:12px; }
.faq-page-summary small { color:#7d8f98; font-size:9px; }
.faq-category-nav { position:sticky; top:110px; display:grid; gap:8px; padding:20px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 17px 44px rgba(16,35,49,.08); }
.faq-category-track { display:contents; }
.faq-category-nav > p { margin:0 0 7px; color:#788b95; font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.faq-category-nav button { min-height:59px; display:grid; grid-template-columns:40px minmax(0,1fr); align-items:center; gap:11px; padding:8px 10px; border:1px solid #e4eaed; border-radius:10px; color:#415762; background:#f8fafb; text-align:left; cursor:pointer; transition:.2s ease; }
.faq-category-nav button > span:first-child { width:40px; height:40px; display:grid; place-items:center; border-radius:9px; color:var(--orange); background:var(--cream); }
.faq-category-nav button svg { width:20px; }
.faq-category-nav button > span:last-child { display:grid; font-size:12px; font-weight:850; line-height:1.25; }
.faq-category-nav button small { color:#8a9aa2; font-size:9px; font-weight:650; }
.faq-category-nav button:hover,.faq-category-nav button.is-active { border-color:var(--orange); color:#fff; background:var(--orange); transform:translateX(3px); }
.faq-category-nav button:hover > span:first-child,.faq-category-nav button.is-active > span:first-child { background:#fff; }
.faq-category-nav button:hover small,.faq-category-nav button.is-active small { color:#ffe9dd; }
.faq-category-nav > a { min-height:82px; display:grid; grid-template-columns:35px minmax(0,1fr) 16px; align-items:center; gap:10px; margin-top:8px; padding:12px; border-radius:11px; color:#fff; background:var(--ink); }
.faq-category-nav > a:hover { color:#fff; background:#193549; }
.faq-category-nav > a > svg:first-child { color:#ff8a51; }
.faq-category-nav > a span { display:grid; }
.faq-category-nav > a small { color:#9fb0b9; font-size:9px; }
.faq-category-nav > a strong { color:#fff; font-size:12px; }
.faq-page-content { min-width:0; display:grid; gap:46px; }
.faq-category { scroll-margin-top:110px; }
.faq-category-heading { display:flex; align-items:center; gap:14px; margin-bottom:17px; padding-bottom:15px; border-bottom:1px solid var(--line); }
.faq-category-heading > span { width:50px; height:50px; display:grid; place-items:center; border-radius:12px; color:#fff; background:var(--orange); box-shadow:0 10px 22px rgba(242,103,34,.22); }
.faq-category-heading svg { width:25px; }
.faq-category-heading div { display:grid; }
.faq-category-heading small { color:var(--orange); font-size:9px; font-weight:900; letter-spacing:.1em; }
.faq-category-heading h2 { margin:1px 0 0; font-size:25px; }
.faq-page-content .accordion details[hidden],.faq-category[hidden] { display:none; }
.faq-page-content .accordion details p { padding:0; }
.faq-answer { padding:0 65px 24px 81px; animation:faq-in .3s ease both; }
.faq-answer p { color:var(--muted); font-size:14px; line-height:1.75; }
.faq-answer a { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; margin-top:16px; padding:11px 17px; border:1px solid var(--orange); border-radius:10px; color:#fff; background:var(--orange); box-shadow:0 10px 24px rgba(242,103,34,.24); font-size:12px; font-weight:900; line-height:1.2; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.faq-answer a:hover { color:#fff; background:#df5212; box-shadow:0 14px 30px rgba(242,103,34,.32); transform:translateY(-2px); }
.faq-answer a:focus-visible { outline:3px solid rgba(242,103,34,.28); outline-offset:3px; }
.faq-answer a svg { width:16px; height:16px; stroke-width:2.4; }
.faq-answer-actions { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:12px; }
.faq-answer-actions a { margin-top:0; }
.faq-answer-actions .faq-detail-link { padding:8px 11px; border-radius:7px; color:#fff; background:var(--orange); }
.faq-pagination { display:grid; grid-template-columns:44px auto 44px minmax(0,1fr); align-items:center; gap:10px; margin-top:28px; padding:13px; border:1px solid var(--line); border-radius:14px; background:#f8fafb; }
.faq-pagination > button,.faq-pagination > div button { width:42px; height:42px; display:grid; place-items:center; border:1px solid #dce5e9; border-radius:9px; color:#536a75; background:#fff; font:inherit; font-size:12px; font-weight:900; cursor:pointer; }
.faq-pagination > button:disabled { cursor:not-allowed; opacity:.38; }
.faq-pagination > button svg { width:18px; }
.faq-pagination > div { display:flex; gap:6px; }
.faq-pagination > div button.is-active { border-color:var(--orange); color:#fff; background:var(--orange); }
.faq-pagination > span { justify-self:end; color:#70838d; font-size:11px; }
.faq-pagination > span strong { margin-right:6px; color:var(--ink); }
.faq-mobile-category-controls { display:none; }
.faq-search-results { position:absolute; z-index:30; top:calc(100% + 9px); right:0; left:0; display:none; overflow:hidden; padding:8px; border:1px solid var(--line); border-radius:13px; background:#fff; box-shadow:0 24px 60px rgba(16,35,49,.18); }
.faq-search-results.is-open { display:grid; gap:5px; }
.faq-search-result { width:100%; min-height:66px; display:grid; grid-template-columns:38px minmax(0,1fr) 18px; align-items:center; gap:10px; padding:9px 10px; border:0; border-radius:9px; color:var(--ink); background:#fff; text-align:left; cursor:pointer; }
.faq-search-result:hover { background:var(--cream); }
.faq-search-result > span:first-child { width:38px; height:38px; display:grid; place-items:center; border-radius:9px; color:var(--orange); background:var(--cream); }
.faq-search-result > span:nth-child(2) { display:grid; }
.faq-search-result small { color:var(--orange); font-size:9px; font-weight:900; text-transform:uppercase; }
.faq-search-result strong { font-size:12px; line-height:1.35; }
.faq-search-result > svg { width:16px; color:#92a2aa; }
.faq-search-hint { min-height:80px; display:flex; align-items:center; justify-content:center; gap:12px; color:#71848e; }
.faq-search-hint > svg { color:var(--orange); }
.faq-search-hint span { display:grid; }
.faq-search-hint strong { color:var(--ink); font-size:12px; }
.faq-search-hint small { font-size:10px; }
.faq-search-modal { position:fixed; z-index:200; inset:0; padding:14px; background:#f5f8f9; animation:faq-modal-in .22s ease both; }
body.faq-search-open { overflow:hidden; }
.faq-search-modal-head { display:grid; grid-template-columns:46px minmax(0,1fr); gap:9px; }
.faq-search-modal-head > button { display:grid; place-items:center; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:#fff; }
.faq-search-modal-head label { min-height:54px; display:grid; grid-template-columns:22px 1fr; align-items:center; gap:9px; padding:0 14px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.faq-search-modal-head label > svg { color:var(--orange); }
.faq-search-modal-head input { width:100%; border:0; outline:0; background:transparent; font:inherit; }
.faq-search-modal-results { display:grid; gap:7px; margin-top:14px; }
@keyframes faq-modal-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }

.faq-detail-hero { padding:54px 0 68px; background:linear-gradient(135deg,#f3f7f8,#fff 65%,#fff1ea); }
.faq-detail-hero .services-breadcrumb { margin:0 0 38px; }
.faq-detail-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:70px; align-items:center; }
.faq-detail-hero h1 { max-width:820px; margin:0; font-size:clamp(43px,5vw,64px); line-height:1.04; letter-spacing:-.045em; }
.faq-detail-hero-grid > div > p:not(.services-page-kicker) { max-width:760px; margin:20px 0 0; color:var(--muted); font-size:16px; line-height:1.75; }
.faq-detail-hero-grid > aside { padding:25px; border:1px solid #ffd1ba; border-radius:16px; background:var(--cream); box-shadow:0 18px 44px rgba(16,35,49,.08); }
.faq-detail-hero-grid > aside > span { width:48px; height:48px; display:grid; place-items:center; margin-bottom:20px; border-radius:11px; color:#fff; background:var(--orange); }
.faq-detail-hero-grid > aside small { color:var(--orange); font-size:10px; font-weight:900; text-transform:uppercase; }
.faq-detail-hero-grid > aside p { margin:7px 0 0; color:#445b66; font-size:13px; line-height:1.7; }
.faq-detail-body { padding:82px 0 96px; }
.faq-detail-layout { display:grid; grid-template-columns:minmax(0,780px) 300px; justify-content:center; gap:72px; align-items:start; }
.faq-detail-layout > article { color:#405762; font-size:16px; line-height:1.85; }
.faq-detail-layout .article-lead { margin:0; padding-left:22px; border-left:4px solid var(--orange); color:var(--ink); font-size:20px; font-weight:650; }
.faq-detail-layout article h2 { margin:44px 0 13px; color:var(--ink); font-size:30px; line-height:1.2; }
.faq-detail-factors { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin-top:28px; }
.faq-detail-factors > div { min-height:115px; display:grid; grid-template-columns:32px 1fr; align-content:center; gap:4px 10px; padding:16px; border:1px solid var(--line); border-radius:11px; background:#f8fafb; }
.faq-detail-factors svg { grid-row:1 / 3; color:var(--orange); }
.faq-detail-factors strong { font-size:13px; }
.faq-detail-factors span { color:#758892; font-size:10px; }
.faq-detail-steps { display:grid; gap:10px; margin:23px 0 0; padding:0; list-style:none; }
.faq-detail-steps li { display:grid; grid-template-columns:54px 1fr; gap:14px; padding:17px; border:1px solid var(--line); border-radius:11px; }
.faq-detail-steps li > span { width:48px; height:48px; display:grid; place-items:center; border-radius:10px; color:#fff; background:var(--ink); font-size:11px; font-weight:900; }
.faq-detail-steps strong { color:var(--ink); font-size:14px; }
.faq-detail-steps p { margin:3px 0 0; color:var(--muted); font-size:12px; line-height:1.55; }
.faq-detail-aside { position:sticky; top:110px; display:grid; gap:12px; }
.faq-detail-aside > div { padding:21px; border:1px solid var(--line); border-radius:13px; box-shadow:0 14px 36px rgba(16,35,49,.06); }
.faq-detail-aside p { margin:0 0 13px; color:var(--ink); font-weight:900; }
.faq-detail-aside ul { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
.faq-detail-aside li { display:flex; gap:8px; color:#5f737e; font-size:11px; }
.faq-detail-aside li svg { width:16px; color:var(--orange); }
.faq-detail-aside > a:not(.faq-back-link) { min-height:76px; display:grid; grid-template-columns:36px 1fr 17px; align-items:center; gap:9px; padding:13px; border-radius:11px; color:#fff; background:var(--ink); }
.faq-detail-aside > a span { display:grid; }
.faq-detail-aside > a small { color:#9eb0b9; font-size:9px; }
.faq-detail-aside > a strong { color:#fff; font-size:12px; }
.faq-back-link { display:flex; align-items:center; gap:7px; padding:8px; color:var(--orange); font-size:11px; font-weight:850; }
.faq-back-link svg { width:16px; }
.faq-no-results { padding:68px 24px; border:1px dashed #d9e3e7; border-radius:16px; text-align:center; background:#f8fafb; }
.faq-no-results > svg { width:42px; height:42px; color:var(--orange); }
.faq-no-results h2 { margin:15px 0 7px; }
.faq-no-results p { margin:0; color:var(--muted); }
.faq-no-results button { margin-top:19px; padding:11px 16px; border:0; border-radius:8px; color:#fff; background:var(--orange); font:inherit; font-size:11px; font-weight:900; cursor:pointer; }
.faq-bottom-help { padding:0 0 88px; }
.faq-bottom-help .container > div { min-height:150px; display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:20px; padding:28px 32px; border-radius:18px; color:#fff; background:linear-gradient(135deg,var(--ink),#183b50); box-shadow:0 23px 55px rgba(16,35,49,.18); }
.faq-bottom-help .container > div > span { width:58px; height:58px; display:grid; place-items:center; border-radius:14px; color:#fff; background:var(--orange); }
.faq-bottom-help h2 { margin:2px 0 0; color:#fff; font-size:25px; }
.faq-bottom-help p { margin:0; color:#9fb1ba; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.health-services-page .services-page-hero::before { background: linear-gradient(90deg, rgba(243,246,247,1) 0%, rgba(243,246,247,.2) 38%, rgba(243,246,247,.03) 100%), url("assets/hero-team.png") center 42% / cover no-repeat; opacity: .32; }
.health-services-page .services-group-media img { object-position: center; }
.health-services-page #mobil-saglik .services-group-media img { object-position: 62% center; }
.safety-services-page .services-page-hero::before { background: linear-gradient(90deg, rgba(243,246,247,1) 0%, rgba(243,246,247,.18) 38%, rgba(243,246,247,.02) 100%), url("assets/hero-safety.webp") center 44% / cover no-repeat; opacity: .3; }
.safety-services-page .services-group-media img { object-position: center; }
.consulting-services-page .services-page-hero::before { background: linear-gradient(90deg, rgba(243,246,247,1) 0%, rgba(243,246,247,.2) 38%, rgba(243,246,247,.03) 100%), url("assets/contact.png") center / cover no-repeat; opacity: .28; }
.consulting-services-page .services-group-media img { object-position: center; }
.measurement-services-page .services-page-hero::before { background: linear-gradient(90deg, rgba(243,246,247,1) 0%, rgba(243,246,247,.18) 38%, rgba(243,246,247,.02) 100%), url("assets/hero-compliance.webp") center 42% / cover no-repeat; opacity: .3; }
.measurement-services-page .services-group-media img { object-position: center; }
.services-page-hero { position: relative; min-height: 300px; display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid #e8edef; background: linear-gradient(100deg, #f3f6f7 0%, #f8fafb 58%, #edf2f4 100%); }
.services-page-hero::before { content: ""; position: absolute; inset: 0 0 0 auto; width: min(46vw, 700px); background: linear-gradient(90deg, rgba(243,246,247,1) 0%, rgba(243,246,247,.2) 36%, rgba(243,246,247,.04) 100%), url("assets/hero-compliance.webp") center 42% / cover no-repeat; opacity: .28; }
.services-page-hero::after { content: ""; position: absolute; width: 380px; height: 380px; right: -160px; top: -180px; border: 1px solid rgba(242,103,34,.13); border-radius: 50%; box-shadow: 0 0 0 62px rgba(242,103,34,.025), 0 0 0 124px rgba(242,103,34,.018); }
.services-page-hero .container { position: relative; z-index: 2; }
.services-page-kicker { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 12px; color: var(--orange); font-size: 12px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.services-page-kicker::before { content: ""; width: 28px; height: 2px; border-radius: 2px; background: var(--orange); }
.services-page-hero h1 { margin: 0; font-size: clamp(42px,5vw,66px); letter-spacing: -.035em; }
.services-page-hero p { max-width: 590px; margin: 15px 0 0; color: var(--muted); font-size: 16px; }
.services-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 24px; color: #60737e; font-size: 13px; font-weight: 700; }
.services-breadcrumb a { color: var(--ink); transition: color .2s ease; }
.services-breadcrumb a:hover { color: var(--orange); }
.services-breadcrumb svg { width: 15px; height: 15px; color: #9baab2; }
.services-directory { padding: 82px 0 96px; }
.services-directory-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.58fr); gap: 52px; align-items: end; margin-bottom: 52px; }
.services-directory-intro .eyebrow { margin-bottom: 10px; }
.services-directory-intro h2 { max-width: 760px; margin: 0; font-size: clamp(32px,4vw,52px); line-height: 1.08; letter-spacing: -.035em; }
.services-directory-intro > p { margin: 0; color: var(--muted); font-size: 15px; }
.services-layout { display: grid; grid-template-columns: 270px minmax(0,1fr); gap: 54px; align-items: start; }
.services-sidebar { position: sticky; top: 112px; padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 16px 42px rgba(16,35,49,.07); }
.services-sidebar h2 { margin: 0 0 17px; font-size: 18px; }
.services-category-nav { display: grid; gap: 9px; }
.services-category-nav a { min-height: 54px; display: grid; grid-template-columns: 38px minmax(0,1fr) 18px; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid #e5ebee; border-radius: 10px; color: #445963; background: #f7f9fa; font-size: 13px; font-weight: 800; line-height: 1.25; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.services-category-nav a > span:first-child { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 9px; color: var(--orange); background: #fff0e9; }
.services-category-nav a svg { width: 20px; height: 20px; }
.services-category-nav a > svg { width: 16px; height: 16px; color: #94a3ab; }
.services-category-nav a:hover, .services-category-nav a:focus-visible, .services-category-nav a.is-active { color: #fff; border-color: var(--orange); background: var(--orange); transform: translateX(3px); }
.services-category-nav a:hover > span:first-child, .services-category-nav a:focus-visible > span:first-child, .services-category-nav a.is-active > span:first-child { color: var(--orange); background: #fff; }
.services-category-nav a:hover > svg, .services-category-nav a:focus-visible > svg, .services-category-nav a.is-active > svg { color: #fff; }
.services-content { min-width: 0; display: grid; gap: 34px; }
.services-group { scroll-margin-top: 110px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 18px 46px rgba(16,35,49,.07); }
.services-group-main { display: grid; grid-template-columns: minmax(280px,.82fr) minmax(0,1.18fr); min-height: 320px; }
.services-group-media { position: relative; min-height: 320px; overflow: hidden; background: #e9eff2; }
.services-group-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.22,.7,.2,1); }
.services-group-media.is-placeholder { display: grid; place-items: center; color: var(--orange); background: linear-gradient(145deg,#fff3ed,#edf3f6); }
.services-group-media.is-placeholder > svg { width: 72px; height: 72px; }
.services-group:hover .services-group-media img { transform: scale(1.035); }
.services-group-number { position: absolute; left: 18px; top: 18px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: rgba(16,35,49,.88); backdrop-filter: blur(8px); font-size: 13px; font-weight: 900; }
.services-group-copy { display: flex; flex-direction: column; justify-content: center; padding: 34px 36px; }
.services-group-label { margin: 0 0 8px; color: var(--orange); font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.services-group h2 { margin: 0; font-size: clamp(27px,3vw,38px); line-height: 1.12; letter-spacing: -.025em; }
.services-group h2 a { color: inherit; }
.services-group h2 a:hover, .services-group h2 a:focus-visible { color: var(--orange); }
.services-group-lead { margin: 15px 0 0; color: var(--muted); font-size: 14px; }
.services-link-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 23px; }
.services-link-grid a { min-height: 62px; display: grid; grid-template-columns: 38px minmax(0,1fr) 18px; align-items: center; gap: 10px; padding: 9px 11px; border: 1px solid #e3eaed; border-radius: 10px; background: #f8fafb; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.services-link-grid a > span:first-child { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 9px; color: var(--orange); background: #fff0e9; }
.services-link-grid a svg { width: 20px; height: 20px; }
.services-link-grid a > span:nth-child(2) { display: grid; min-width: 0; font-size: 13px; font-weight: 900; line-height: 1.22; }
.services-link-grid a small { margin-top: 3px; color: #71838d; font-size: 10px; font-weight: 500; }
.services-link-grid a > svg { width: 16px; height: 16px; color: #9aa8b0; }
.services-link-grid a:hover, .services-link-grid a:focus-visible { color: var(--orange-dark); border-color: #ffb18c; background: var(--cream); transform: translateY(-2px); }
.services-link-grid a:hover > svg, .services-link-grid a:focus-visible > svg { color: var(--orange); transform: translate(2px,-2px); }
.services-category-empty, .services-directory-empty { color: var(--muted); }
.services-category-empty { margin: 22px 0 0; padding: 15px 17px; border: 1px dashed #d5e0e5; border-radius: 10px; background: #f8fafb; font-size: 13px; }
.services-directory-empty { min-height: 150px; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 28px; border: 1px dashed #d5e0e5; border-radius: 16px; background: #fff; text-align: left; }
.services-directory-empty > svg { width: 42px; height: 42px; color: var(--orange); }
.services-directory-empty > div { display: grid; gap: 4px; }
.services-directory-empty strong { color: var(--ink); }
.services-directory-empty span { font-size: 13px; }
.category-service-points { display: grid; gap: 9px; margin-top: 22px; }
.category-service-points span { min-height: 42px; display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; gap: 9px; padding: 7px 10px; border-left: 2px solid #ffc1a2; color: #405661; background: #f8fafb; font-size: 12px; font-weight: 750; line-height: 1.35; }
.category-service-points svg { width: 18px; height: 18px; color: var(--orange); }
.category-service-link { align-self: flex-start; min-height: 44px; display: inline-flex; align-items: center; gap: 12px; margin-top: 22px; padding: 0 17px; border-radius: 8px; color: #fff; background: var(--orange); box-shadow: 0 10px 22px rgba(242,103,34,.18); font-size: 12px; font-weight: 900; transition: background .2s ease, transform .2s ease, box-shadow .2s ease; }
.category-service-link svg { width: 17px; height: 17px; }
.category-service-link:hover, .category-service-link:focus-visible { color: #fff; background: var(--orange-dark); transform: translateY(-2px); box-shadow: 0 14px 26px rgba(242,103,34,.24); }

/* Individual service detail pages */
.physician-detail-page .services-page-hero::before { background: linear-gradient(90deg, rgba(243,246,247,1) 0%, rgba(243,246,247,.18) 38%, rgba(243,246,247,.03) 100%), url("assets/hero-team.png") center 42% / cover no-repeat; opacity: .34; }
.service-detail-hero h1 { max-width: 850px; }
.physician-overview { padding: 88px 0; background: #fff; }
.physician-overview-grid { display: grid; grid-template-columns: minmax(360px,.88fr) minmax(0,1.12fr); gap: 68px; align-items: center; }
.physician-overview-media { position: relative; min-height: 540px; overflow: hidden; border-radius: 16px; background: #e9eff2; box-shadow: 0 24px 60px rgba(16,35,49,.12); }
.physician-overview-media > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: center; }
.physician-media-note { position: absolute; right: 18px; bottom: 18px; left: 18px; min-height: 76px; display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.26); border-radius: 12px; color: #fff; background: rgba(13,31,45,.86); backdrop-filter: blur(12px); }
.physician-media-note > svg { width: 29px; height: 29px; color: #ff8a51; }
.physician-media-note span { display: grid; gap: 3px; }
.physician-media-note strong { color: #fff; font-size: 14px; }
.physician-media-note small { color: #cbd7dd; font-size: 11px; }
.physician-overview-copy h2, .physician-section-heading h2, .physician-benefits h2 { margin: 0; font-size: clamp(32px,3.5vw,50px); line-height: 1.09; letter-spacing: -.035em; }
.physician-overview-copy > p:not(.eyebrow), .physician-benefits p { margin: 20px 0 0; color: var(--muted); font-size: 15px; line-height: 1.75; }
.physician-highlight-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 27px; }
.physician-highlight-grid > div { min-height: 78px; display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 11px; padding: 12px; border: 1px solid #e2e9ec; border-radius: 10px; background: #f8fafb; }
.physician-highlight-grid svg { width: 24px; height: 24px; color: var(--orange); }
.physician-highlight-grid span { display: grid; gap: 3px; }
.physician-highlight-grid strong { font-size: 13px; }
.physician-highlight-grid small { color: #71838d; font-size: 10px; line-height: 1.35; }
.physician-scope, .physician-related { padding: 88px 0; background: var(--soft); }
.physician-section-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.58fr); gap: 60px; align-items: end; margin-bottom: 42px; }
.physician-section-heading > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.physician-section-heading > a { display: inline-flex; align-items: center; justify-self: end; gap: 9px; color: var(--orange); font-size: 13px; font-weight: 850; }
.physician-section-heading > a svg { width: 17px; height: 17px; }
.physician-scope-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.physician-scope-grid article { min-height: 236px; padding: 25px 23px; border: 1px solid #dfe7ea; border-radius: 12px; background: #fff; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.physician-scope-grid article:hover { border-color: #ffc0a0; transform: translateY(-4px); box-shadow: 0 18px 36px rgba(16,35,49,.08); }
.physician-scope-grid article > span { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 24px; border-radius: 11px; color: var(--orange); background: var(--cream); }
.physician-scope-grid article svg { width: 27px; height: 27px; }
.physician-scope-grid h3 { margin: 0; font-size: 18px; }
.physician-scope-grid p { margin: 10px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.physician-process { padding: 88px 0; color: #fff; background: #0d2433; }
.physician-section-heading-light h2 { color: #fff; }
.physician-section-heading-light > p { color: #b7c7cf; }
.physician-process-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 0; padding: 0; border: 1px solid rgba(255,255,255,.11); list-style: none; background: rgba(255,255,255,.11); }
.physician-process-list li { min-height: 280px; padding: 28px 24px; background: #102b3c; }
.physician-process-list li > span { color: #ff8a51; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.physician-process-list li > svg { width: 36px; height: 36px; display: block; margin: 38px 0 28px; color: #ff7a38; }
.physician-process-list strong { color: #fff; font-size: 18px; }
.physician-process-list p { margin: 11px 0 0; color: #b8c7cf; font-size: 12px; line-height: 1.65; }
.physician-benefits { padding: 88px 0; background: #fff; }
.physician-benefits-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.95fr); gap: 80px; align-items: center; }
.physician-benefits ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.physician-benefits li { min-height: 64px; display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 12px; padding: 10px 13px; border-bottom: 1px solid #e3eaed; color: #354d59; font-size: 13px; font-weight: 750; }
.physician-benefits li svg { width: 22px; height: 22px; padding: 4px; border-radius: 50%; color: #fff; background: var(--orange); }
.physician-related { background: #f8fafb; }
.physician-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.physician-related-grid a { min-height: 128px; display: grid; grid-template-columns: 46px minmax(0,1fr) 20px; align-items: center; gap: 13px; padding: 20px; border: 1px solid #dfe7ea; border-radius: 12px; background: #fff; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.physician-related-grid a:hover, .physician-related-grid a:focus-visible { border-color: #ffb18c; transform: translateY(-3px); box-shadow: 0 16px 32px rgba(16,35,49,.08); }
.physician-related-grid a > svg:first-child { width: 30px; height: 30px; color: var(--orange); }
.physician-related-grid a > svg:last-child { width: 18px; height: 18px; color: #94a3ab; }
.physician-related-grid span { display: grid; gap: 5px; }
.physician-related-grid strong { font-size: 15px; }
.physician-related-grid small { color: var(--muted); font-size: 11px; line-height: 1.45; }
.physician-faq { padding: 88px 0; }
.physician-faq .faq-intro .category-service-link { margin-top: 0; }

/* Simple service article layout and reusable detail widgets */
.physician-detail-shell { display: grid; grid-template-columns: 248px minmax(0,1fr); gap: 42px; align-items: start; padding-top: 72px; padding-bottom: 88px; }
.physician-service-nav { position: sticky; top: 106px; padding: 20px; border: 1px solid #dfe7eb; border-radius: 12px; background: #f8fafb; box-shadow: 0 14px 34px rgba(16,35,49,.07); }
.physician-service-nav > p { margin: 0 0 3px; color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.physician-service-nav > h2 { margin: 0 0 16px; font-size: 20px; line-height: 1.25; }
.physician-category-links { display: grid; gap: 7px; }
.physician-category-links a { min-height: 58px; display: grid; grid-template-columns: 38px minmax(0,1fr) 16px; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid #e1e8eb; border-radius: 9px; color: #3d5360; background: #fff; font-size: 12px; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.physician-category-links a > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 8px; color: var(--orange); background: var(--cream); }
.physician-category-links a svg { width: 20px; height: 20px; }
.physician-category-links a > svg { width: 15px; height: 15px; color: #9aabb4; }
.physician-category-links a:hover, .physician-category-links a:focus-visible, .physician-category-links a.is-active { color: #fff; border-color: var(--orange); background: var(--orange); transform: translateX(2px); }
.physician-category-links a:hover > span, .physician-category-links a:focus-visible > span, .physician-category-links a.is-active > span { color: var(--orange); background: #fff; }
.physician-category-links a:hover > svg, .physician-category-links a:focus-visible > svg, .physician-category-links a.is-active > svg { color: #fff; }
.physician-mobile-category-section { display: none; }
.physician-widget-stack > [id] { scroll-margin-top: 106px; }
.physician-widget-stack { min-width: 0; display: grid; gap: 64px; }
.physician-widget-stack > [data-widget][hidden] { display: none !important; }
.physician-content-hero { position: relative; width: 100%; min-height: 460px; overflow: hidden; margin: 0; border-radius: 14px; background: #e8eef1; box-shadow: 0 22px 54px rgba(16,35,49,.12); }
.physician-widget-stack > .linked-detail-hero { justify-self: stretch; max-width: none; }
.physician-content-hero > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; object-position: center 42%; }
.physician-content-hero::after { content: ""; position: absolute; inset: 44% 0 0; background: linear-gradient(180deg, transparent, rgba(9,26,38,.82)); pointer-events: none; }
.physician-content-hero > div { position: absolute; z-index: 1; right: 22px; bottom: 22px; left: 22px; display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: center; gap: 12px; color: #fff; }
.physician-content-hero > div > svg { width: 34px; height: 34px; color: #ff8b53; }
.physician-content-hero > div span { display: grid; gap: 2px; }
.physician-content-hero > div strong { color: #fff; font-size: 18px; }
.physician-content-hero > div small { color: #d4e0e5; font-size: 12px; }
.physician-article { max-width: 820px; }
.physician-article h2, .physician-widget-heading h2, .physician-video-copy h2 { margin: 0; font-size: clamp(30px,3.2vw,45px); line-height: 1.12; }
.physician-article > p:not(.eyebrow) { margin: 20px 0 0; color: #536a76; font-size: 16px; line-height: 1.85; }
.physician-article h3 { margin: 34px 0 14px; font-size: 23px; }
.physician-article ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.physician-article li { position: relative; padding: 10px 12px 10px 34px; border-bottom: 1px solid #e3eaed; color: #3e5561; font-size: 14px; }
.physician-article li::before { content: ""; width: 8px; height: 8px; position: absolute; left: 12px; top: 19px; border-radius: 50%; background: var(--orange); }
.physician-gallery-section, .physician-video-section, .physician-faq, .physician-related-posts { padding: 0; }
.physician-widget-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.physician-related-all { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; color: var(--ink); font-size: 12px; font-weight: 850; }
.physician-related-all svg { width: 17px; height: 17px; color: var(--orange); }
.physician-related-actions { display: flex; align-items: center; gap: 18px; }
.physician-related-posts .slider-viewport { margin: -10px; padding: 10px; }
.physician-blog-track { gap: 18px; }
.physician-blog-track .insight-card { flex: 0 0 calc((100% - 18px) / 2); }
.physician-blog-track .insight-image { height: auto; aspect-ratio: 16 / 9; }
.physician-blog-track .insight-card h3 { min-height: 50px; }
.physician-related-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 16px; }
.physician-related-footer [data-dots] { display: flex; gap: 7px; }
.physician-related-footer [data-dots] button { width: 24px; height: 4px; padding: 0; border: 0; border-radius: 99px; background: #d5e0e5; cursor: pointer; }
.physician-related-footer [data-dots] button.active { background: var(--orange); }
.physician-related-footer > span { color: #82949e; font-size: 12px; font-weight: 800; }
.physician-related-footer b { color: var(--orange); }
.physician-article + .physician-gallery-section { margin-top: -28px; }
.physician-compact-gallery-heading { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,.7fr); align-items: end; gap: 4px 28px; margin-bottom: 16px; }
.physician-compact-gallery-heading .eyebrow { grid-column: 1 / -1; }
.physician-compact-gallery-heading h2 { margin: 0; font-size: 26px; line-height: 1.18; }
.physician-compact-gallery-heading > p:last-child { margin: 0; color: #70838d; font-size: 12px; line-height: 1.55; text-align: right; }
.physician-gallery-section { padding: 24px; border-top: 3px solid var(--orange); border-radius: 12px; background: #f2f7f5; box-shadow: inset 0 0 0 1px #dfe9e5; }
.physician-gallery-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.physician-gallery-grid figure { min-width: 0; overflow: hidden; margin: 0; border: 1px solid #dfe7eb; border-radius: 10px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.physician-gallery-grid figure:hover { border-color: #f0b597; box-shadow: 0 12px 28px rgba(16,35,49,.09); transform: translateY(-2px); }
.physician-gallery-grid figure > button { position: relative; width: 100%; display: block; padding: 0; overflow: hidden; border: 0; background: #e8eef1; cursor: zoom-in; aspect-ratio: 16 / 10; }
.physician-gallery-grid figure img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.physician-gallery-grid figure:hover img { transform: scale(1.035); }
.physician-gallery-grid figure > button > span { width: 30px; height: 30px; position: absolute; right: 9px; top: 9px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: rgba(13,31,45,.76); backdrop-filter: blur(7px); }
.physician-gallery-grid figure > button > span svg { width: 15px; height: 15px; }
.physician-gallery-grid figcaption { display: grid; gap: 4px; padding: 12px 13px 13px; }
.physician-gallery-grid figcaption strong { color: var(--ink); font-size: 13px; line-height: 1.25; }
.physician-gallery-grid figcaption small { color: #758993; font-size: 10px; line-height: 1.45; }
.physician-gallery-controls { display: flex; gap: 8px; }
.physician-gallery-controls button { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #dce5e9; border-radius: 50%; color: var(--ink); background: #fff; cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.physician-gallery-controls button:hover, .physician-gallery-controls button:focus-visible { color: #fff; border-color: var(--orange); background: var(--orange); }
.physician-gallery-controls svg { width: 19px; height: 19px; }
.physician-gallery-slider .slider-viewport { margin: -8px; padding: 8px; }
.physician-gallery-slider .slider-track { gap: 14px; }
.physician-gallery-slider figure { position: relative; flex: 0 0 calc((100% - 14px) / 2); min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; margin: 0; border-radius: 12px; background: #e7eef1; box-shadow: 0 12px 28px rgba(16,35,49,.08); }
.physician-gallery-slider figure > button { width: 100%; height: 100%; display: block; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.physician-gallery-slider figure img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.physician-gallery-slider figure:hover img { transform: scale(1.025); }
.physician-gallery-slider figcaption { position: absolute; right: 12px; bottom: 12px; left: 12px; padding: 9px 11px; border-radius: 8px; color: #fff; background: rgba(13,31,45,.82); backdrop-filter: blur(8px); font-size: 12px; font-weight: 800; }
.physician-gallery-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; }
.physician-gallery-footer [data-dots] { display: flex; gap: 7px; }
.physician-gallery-footer [data-dots] button { width: 24px; height: 4px; padding: 0; border: 0; border-radius: 99px; background: #d5e0e5; cursor: pointer; }
.physician-gallery-footer [data-dots] button.active { background: var(--orange); }
.physician-gallery-footer > span { color: #82949e; font-size: 12px; font-weight: 800; }
.physician-gallery-footer b { color: var(--orange); }
.physician-video-section { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr); align-items: center; gap: 34px; padding: 28px; border: 1px solid #dfe7eb; border-radius: 14px; background: #f8fafb; }
.physician-video-frame { position: relative; overflow: hidden; border-radius: 11px; background: #0d1f2d; aspect-ratio: 16 / 9; box-shadow: 0 16px 34px rgba(16,35,49,.14); }
.physician-video-frame iframe { width: 100%; height: 100%; position: absolute; inset: 0; border: 0; }
.physician-video-copy p:not(.eyebrow) { margin: 16px 0 0; color: #60747f; font-size: 13px; line-height: 1.72; }
.physician-faq { padding: 34px; border: 1px solid #e0e8eb; border-radius: 14px; }
.physician-faq-grid { grid-template-columns: minmax(220px,.72fr) minmax(0,1.28fr); gap: 38px; }
.physician-faq .faq-intro { position: static; }
.physician-faq .faq-orbit { width: 210px; height: 210px; margin-bottom: 28px; }
.physician-faq .faq-orbit > span { inset: 48px; }
.physician-faq .faq-orbit > span svg { width: 46px; height: 46px; }
.physician-faq .faq-orbit > svg:nth-of-type(1) { left: -8px; top: 80px; }
.physician-faq .faq-orbit > svg:nth-of-type(2) { right: 17px; top: 5px; }
.physician-faq .faq-orbit > svg:nth-of-type(3) { right: 0; bottom: 27px; }
.physician-widget-stack .physician-faq .accordion { max-width: none; }
.physician-widget-stack .physician-faq details { background: #fff; }
.gallery-modal-open { overflow: hidden; }
.gallery-lightbox { position: fixed; z-index: 300; inset: 0; display: grid; grid-template-columns: 64px minmax(0,1fr) 64px; align-items: center; gap: 18px; padding: 70px max(24px,4vw) 34px; background: rgba(6,18,27,.94); backdrop-filter: blur(14px); }
.gallery-lightbox[hidden] { display: none; }
.gallery-lightbox > figure { min-width: 0; max-width: 1320px; width: 100%; max-height: calc(100vh - 110px); display: grid; grid-template-rows: minmax(0,1fr) auto; justify-self: center; overflow: hidden; margin: 0; border-radius: 12px; background: #091b27; box-shadow: 0 28px 70px rgba(0,0,0,.38); }
.gallery-lightbox figure img { width: 100%; height: 100%; min-height: 0; max-height: calc(100vh - 180px); object-fit: contain; background: #081722; }
.gallery-lightbox figcaption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 18px; color: #fff; background: #102a3a; }
.gallery-lightbox figcaption span { font-size: 14px; font-weight: 800; }
.gallery-lightbox figcaption small { color: #ff9b69; font-size: 11px; font-weight: 900; }
.gallery-lightbox button { display: grid; place-items: center; border: 1px solid rgba(255,255,255,.22); color: #fff; background: rgba(255,255,255,.09); cursor: pointer; transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.gallery-lightbox button:hover, .gallery-lightbox button:focus-visible { border-color: var(--orange); background: var(--orange); transform: scale(1.04); }
.gallery-lightbox-arrow { width: 58px; height: 58px; border-radius: 50%; }
.gallery-lightbox-arrow svg { width: 28px; height: 28px; }
.gallery-lightbox-close { width: 48px; height: 48px; position: absolute; top: 18px; right: 22px; border-radius: 10px; }
.gallery-lightbox-close svg { width: 25px; height: 25px; }
.services-page-cta { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 34px; margin-top: 52px; padding: 34px 38px; border-radius: 16px; color: #fff; background: var(--ink); box-shadow: var(--shadow); }
.services-page-cta p { margin: 0 0 6px; color: #ff9a68; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.services-page-cta h2 { max-width: 680px; margin: 0; color: #fff; font-size: clamp(26px,3vw,38px); line-height: 1.15; }
.services-page-cta .btn { white-space: nowrap; }

@supports (content-visibility: auto) {
  main > section:not(.hero):not(.detail-hero), footer.footer { content-visibility: auto; contain-intrinsic-size: auto 760px; }
}
.js [data-lazy-section] { opacity: .001; transform: translateY(18px); transition: opacity .58s ease, transform .58s cubic-bezier(.22,.7,.2,1); }
.js [data-lazy-section].section-ready { opacity: 1; transform: translateY(0); }

.js [data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,.7,.2,1); }
.js [data-reveal].is-visible { opacity: 1; transform: translateY(0); }
.why-bento [data-reveal]:nth-child(2) { transition-delay: .08s; }
.why-bento [data-reveal]:nth-child(3) { transition-delay: .16s; }
.why-bento [data-reveal]:nth-child(4) { transition-delay: .24s; }

@media (max-width: 1050px) {
  .blog-tabbar { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .faq-tools { grid-template-columns:minmax(0,1fr) 160px; }
  .faq-page-hero-grid { grid-template-columns:minmax(0,1fr) 250px; gap:35px; }
  .faq-page-orbit { width:230px; height:230px; }
  .faq-page-orbit > span { inset:53px; }
  .faq-page-layout { grid-template-columns:250px minmax(0,1fr); gap:30px; }
  .resources-hero-grid, .article-hero-grid { grid-template-columns: 1fr; }
  .featured-story { min-height: 450px; }
  .knowledge-support-grid { grid-template-columns: 1fr; gap: 35px; }
  .article-layout { grid-template-columns: minmax(0,1fr) 270px; gap: 42px; }
  .contact-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .contact-detail-grid { gap: 40px; }
  .container { width: min(100% - 36px, 880px); }
  .services-directory-intro { grid-template-columns: 1fr; gap: 18px; margin-bottom: 38px; }
  .services-directory-intro > p { max-width: 720px; }
  .services-layout { grid-template-columns: 1fr; gap: 28px; }
  .services-sidebar { position: static; padding: 16px; }
  .services-sidebar h2 { margin-bottom: 12px; }
  .services-category-nav { grid-template-columns: repeat(4,minmax(190px,1fr)); overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x proximity; }
  .services-category-nav a { scroll-snap-align: start; }
  .services-group-main { grid-template-columns: minmax(250px,.78fr) minmax(0,1.22fr); }
  .services-group-copy { padding: 28px; }
  .services-link-grid { grid-template-columns: 1fr; }
  .physician-overview-grid { grid-template-columns: minmax(300px,.8fr) minmax(0,1.2fr); gap: 38px; }
  .physician-overview-media { min-height: 500px; }
  .physician-scope-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .physician-process-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .physician-benefits-grid { gap: 42px; }
  .physician-detail-shell { grid-template-columns: 220px minmax(0,1fr); gap: 28px; }
  .physician-video-section { grid-template-columns: 1fr; }
  body.menu-open::before { content: ""; position: fixed; z-index: 45; inset: 72px 0 0; background: linear-gradient(145deg, rgba(242,103,34,.8) 0%, rgba(242,103,34,.64) 42%, rgba(255,248,244,.38) 68%, rgba(242,103,34,.72) 100%); backdrop-filter: blur(10px) saturate(1.16); opacity: 1; pointer-events: none; }
  .nav-wrap { grid-template-columns: 1fr auto auto; }
  .main-nav { position: fixed; inset: 82px 0 auto; max-height: 0; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 5px; overflow: hidden; padding: 0 18px; border-top: 1px solid transparent; background: rgba(255,255,255,.96); box-shadow: 0 20px 30px rgba(16,35,49,.12); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-14px); transition: max-height .58s cubic-bezier(.22,.7,.2,1), padding .48s cubic-bezier(.22,.7,.2,1), opacity .34s ease, transform .48s cubic-bezier(.22,.7,.2,1), border-color .34s ease, visibility .58s; }
  .site-header.scrolled .main-nav { top: 82px; }
  .main-nav.open { max-height: calc(100vh - 82px); overflow-y: auto; padding: 14px 18px 18px; border-color: var(--line); opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
  .main-nav > * { opacity: 0; transform: translateY(-7px); transition: opacity .3s ease, transform .38s cubic-bezier(.22,.7,.2,1); }
  .main-nav.open > * { opacity: 1; transform: translateY(0); }
  .main-nav.open > *:nth-child(1) { transition-delay: .08s; }
  .main-nav.open > *:nth-child(2) { transition-delay: .13s; }
  .main-nav.open > *:nth-child(3) { transition-delay: .18s; }
  .main-nav.open > *:nth-child(4) { transition-delay: .23s; }
  .main-nav.open > *:nth-child(5) { transition-delay: .28s; }
  .main-nav.open > *:nth-child(6) { transition-delay: .33s; }
  .nav-group { display: block; width: 100%; }
  .nav-home { width: 100%; height: 72px; flex: 0 0 72px; align-self: stretch; justify-content:flex-start; gap:13px; padding:8px 12px; border-radius:15px; color:#1b3443; background:#fbfcfc; font-size:17px; font-weight:900; }
  .nav-home-icon { width:48px; height:48px; flex:0 0 48px; border:1px solid #f2d5c7; border-radius:13px; color:var(--orange); background:#fff4ef; }
  .nav-home svg { width:24px; height:24px; }
  .nav-home-label { display:inline; }
  .nav-trigger, .nav-direct { width: 100%; min-height: 72px; justify-content: space-between; padding: 8px 12px; border: 1px solid #e4eaed; border-radius: 15px; color: #1b3443; background: #fbfcfc; font-size: 17px; font-weight: 900; letter-spacing: 0; transition: color .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease, transform .25s ease; }
  .nav-trigger:hover, .nav-trigger:focus-visible, .nav-direct:hover, .nav-direct:focus-visible, .nav-group.open > .nav-trigger { color: var(--orange); border-color: #f0bea4; background: #fff8f4; box-shadow: 0 9px 22px rgba(16,35,49,.07); transform: translateY(-1px); }
  .nav-label { gap: 14px; }
  .nav-main-icon { flex: 0 0 auto; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid #f0d9cc; border-radius: 13px; color: var(--orange); background: #fff3ec; transition: color .25s ease, background .25s ease, transform .3s cubic-bezier(.22,.7,.2,1); }
  .nav-main-icon svg { width: 25px; height: 25px; stroke-width: 2; }
  .nav-group.open > .nav-trigger .nav-main-icon, .nav-direct:hover .nav-main-icon { color: #fff; background: var(--orange); transform: rotate(-4deg) scale(1.04); }
  .nav-trigger > svg { width: 20px; height: 20px; padding: 3px; border-radius: 50%; color: #667b87; background: #eef3f5; }
  .main-nav.drilldown-active { gap: 0; }
  .main-nav.drilldown-active > .nav-group:not(.open), .main-nav.drilldown-active > .nav-direct, .main-nav.drilldown-active > .nav-home { display: none; }
  .main-nav.drilldown-active > .nav-group.open > .nav-trigger { display: none; }
  .main-nav.drilldown-active > .nav-group.open { animation: mobilePanelIn .44s cubic-bezier(.22,.7,.2,1) both; }
  .main-nav.drilldown-leaving > .nav-group.open { animation: mobilePanelOut .24s ease both; pointer-events: none; }
  .main-nav.root-returning > .nav-group, .main-nav.root-returning > .nav-direct { animation: mobileRootIn .38s cubic-bezier(.22,.7,.2,1) both; }
  .main-nav.drilldown-active .mobile-nav-toolbar { position: sticky; z-index: 4; top: -18px; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 10px; margin: -8px -4px 12px; padding: 10px 4px 12px; border-bottom: 1px solid #e8edef; background: rgba(255,255,255,.97); backdrop-filter: blur(12px); }
  .mobile-nav-toolbar strong { min-height: 42px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 0 14px; border: 1px solid rgba(242,103,34,.45); border-radius: 11px; color: #173345; background: #fff8f4; box-shadow: 0 5px 15px rgba(242,103,34,.08); font-size: 14px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-nav-back { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 13px; border: 1px solid var(--ink); border-radius: 11px; color: #fff; background: var(--ink); box-shadow: 0 7px 18px rgba(16,35,49,.18); font-size: 12px; font-weight: 850; cursor: pointer; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
  .mobile-nav-back:hover, .mobile-nav-back:focus-visible { color: #fff; border-color: var(--orange); background: var(--orange); transform: translateY(-1px); }
  .mobile-nav-back svg { width: 19px; height: 19px; }
  .nav-trigger::after, .nav-direct::after { display: none; }
  .mega-menu, .nav-group:hover .mega-menu, .nav-group:focus-within .mega-menu { position: static; width: 100%; max-height: 0; display: none; margin: 0; padding: 0 14px; grid-template-columns: 1fr; gap: 0; overflow: hidden; border: 0; border-radius: 13px; background: var(--soft); box-shadow: none; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); transition: max-height .62s cubic-bezier(.22,.7,.2,1), padding .48s cubic-bezier(.22,.7,.2,1), margin .48s cubic-bezier(.22,.7,.2,1), opacity .34s ease, transform .48s cubic-bezier(.22,.7,.2,1), visibility .62s; }
  .nav-group.open .mega-menu, .nav-group.open:hover .mega-menu, .nav-group.open:focus-within .mega-menu { max-height: 2800px; display: grid; margin: 5px 0 13px; padding: 14px; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
  .mega-menu::before { display: none; }
  .mega-columns { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .mega-columns a, .mega-link-grid a { padding: 8px 5px; }
  .mega-lab-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .menu-toggle { display: block; }
  .hero-grid, .faq-grid { grid-template-columns: 1fr; }
  .hero { background: var(--soft); }
  .hero-slide { padding-top: 58px; }
  .hero-copy { max-width: 760px; }
  .hero-visual { min-height: 480px; }
  .hero-visual > img, .hero-visual > picture img { height: 480px; }
  .trust-card { right: 20px; }
  .service-card { flex-basis: calc((100% - 16px) / 2); }
  .why-heading { grid-template-columns: 1fr; gap: 22px; }
  .why-heading > div:last-child { max-width: 620px; }
  .why-bento { grid-template-columns: 1.2fr .8fr; grid-template-rows: 260px 260px 140px; }
  .why-story { grid-row: 1 / 3; }
  .why-card { grid-column: 2; }
  .why-metric { grid-column: 1 / 3; }
  .lab-heading { grid-template-columns: 1fr; gap: 18px; }
  .lab-heading > p { max-width: 680px; }
  .lab-experience { grid-template-columns: 1fr; }
  .lab-media-slider .slider-viewport, .lab-media-slider .slider-track, .lab-media-slide { min-height: 450px; }
  .lab-interactive { grid-template-columns: .9fr 1.1fr; grid-template-rows: 1fr; gap: 24px; }
  .lab-tab-panels { align-self: stretch; margin-top: 0; }
  .google-review-card { flex-basis: calc((100% - 14px) / 2); }
  .insight-card { flex-basis: calc((100% - 18px) / 2); }
  .cta-flat { max-height: none; grid-template-columns: 1fr; gap: 24px; }
  .quote-form { width: 100%; max-width: none; }
  .quote-inline { grid-template-columns: 1fr 1fr; }
  .quote-inline .input-field:nth-of-type(1),
  .quote-inline .input-field:nth-of-type(2),
  .quote-inline .custom-select-field:nth-of-type(3),
  .quote-inline .custom-select-field:nth-of-type(4),
  .quote-inline .submit-btn,
  .quote-inline .consent,
  .quote-inline .form-note { grid-column: auto; grid-row: auto; }
  .quote-inline .consent { grid-column: 1; }
  .quote-inline .form-note { grid-column: 2; }
  .process-heading { grid-template-columns: 1fr; gap: 18px; }
  .process-heading > p { max-width: 680px; }
  .process-panel { grid-template-columns: 62px minmax(0,1fr); }
  .faq-grid { gap: 50px; }
  .faq-intro { position: static; max-width: 650px; }
  .cta-panel { grid-template-columns: 1fr; gap: 40px; }
  .quote-form { max-width: none; }
  .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
  .footer-tree { grid-template-columns: repeat(3,1fr); gap: 34px 28px; }
  .footer-tree .footer-brand { grid-column: 1 / 4; }
  .footer-map-card { max-width: 360px; }
  .footer-tree .footer-contact-card { grid-column: 2 / 4; }
}

@media (max-width: 720px) {
  .blog-toolbar { margin:28px -4px 26px; padding:10px; border-color:#ffd5bf; border-radius:16px; background:linear-gradient(145deg,#fff8f4,#f4f8f9); box-shadow:0 15px 34px rgba(16,35,49,.08); }
  .blog-toolbar::before { content:"İçerik kategorileri"; display:block; padding:1px 3px 3px; color:var(--orange); font-size:9px; font-weight:950; letter-spacing:.1em; text-transform:uppercase; }
  .blog-tabbar { display:flex; overflow-x:auto; overflow-y:hidden; gap:6px; padding-bottom:2px; overscroll-behavior-inline:contain; scrollbar-width:none; scroll-behavior:smooth; scroll-snap-type:x mandatory; touch-action:pan-x pan-y; }
  .blog-tabbar::-webkit-scrollbar { display:none; }
  .blog-tabbar button { min-width:0; min-height:82px; flex:0 0 calc((100% - 6px)/2); grid-template-columns:42px minmax(0,1fr); gap:10px; padding:10px; border-color:#e0e8eb; color:#314b58; background:#fff; box-shadow:0 7px 18px rgba(16,35,49,.055); scroll-snap-align:start; }
  .blog-tabbar button:hover { transform:none; }
  .blog-tabbar button.is-active { border-color:var(--orange); color:#fff; background:linear-gradient(135deg,#ff762f,var(--orange-dark)); box-shadow:0 11px 24px rgba(242,103,34,.27); }
  .blog-tabbar button > span:first-child { width:42px; height:42px; border-radius:11px; }
  .blog-tabbar button svg { width:22px; height:22px; }
  .blog-tabbar button:not(.is-active) > span:first-child { border:1px solid #ffe0d0; background:#fff5f0; }
  .blog-tabbar strong { overflow:visible; font-size:12px; line-height:1.25; text-overflow:clip; white-space:normal; }
  .blog-tabbar small { margin-top:3px; font-size:10px; line-height:1.2; }
  .blog-tabbar.is-dragging { cursor:grabbing; scroll-behavior:auto; scroll-snap-type:none; user-select:none; }
  .blog-tab-slider-controls { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:10px 2px 0; }
  .blog-tab-slider-controls > div:first-child { display:flex; gap:5px; }
  .blog-tab-slider-controls [data-blog-tab-dots] button { width:7px; height:7px; padding:0; border:0; border-radius:99px; background:#c7d3d8; box-shadow:none; }
  .blog-tab-slider-controls [data-blog-tab-dots] button.is-active { width:26px; background:var(--orange); }
  .blog-tab-slider-controls > div:last-child { display:flex; gap:6px; }
  .blog-tab-slider-controls > div:last-child button { width:38px; height:38px; display:grid; place-items:center; padding:0; border:1px solid #ffd0b8; border-radius:10px; color:var(--orange); background:#fff; box-shadow:0 7px 16px rgba(242,103,34,.1); }
  .blog-tab-slider-controls > div:last-child button:last-child:not(:disabled) { color:#fff; border-color:var(--orange); background:var(--orange); }
  .blog-tab-slider-controls > div:last-child button:disabled { opacity:.38; }
  .blog-tab-slider-controls svg { width:16px; }
  .blog-view-all-block { align-items:stretch; flex-direction:column; gap:12px; padding:14px; }
  .blog-view-all-block > a { width:100%; }
  .blog-library-actions { grid-template-columns:1fr; }
  .blog-category-all { min-height:54px; }
  .blog-pagination { grid-template-columns:42px 1fr 42px; }
  .blog-pagination > div { justify-content:center; }
  .blog-pagination > div button { width:35px; height:35px; }
  .blog-pagination > span { grid-column:1 / -1; justify-self:center; text-align:center; }
  .knowledge-archive-hero { padding:44px 0 54px; }
  .knowledge-archive-hero h1 { font-size:42px; }
  .knowledge-archive-library .blog-library-heading > a { justify-self:start; }
  .knowledge-faq-preview { padding:60px 0; }
  .knowledge-faq-heading { grid-template-columns:1fr; gap:18px; margin-bottom:18px; padding:22px 18px; border-radius:15px; }
  .knowledge-faq-heading-actions { gap:12px; padding:17px 0 0; border-top:1px solid #e3eaed; border-left:0; }
  .knowledge-faq-grid { grid-template-columns:none; grid-template-rows:minmax(0,1fr); grid-auto-columns:88%; gap:10px; align-items:stretch; padding-right:0; }
  .knowledge-faq-grid > a { width:100%; min-width:0; min-height:190px; height:190px; grid-template-columns:34px minmax(0,1fr) 15px; gap:8px; padding:15px 10px; transform:none; }
  .knowledge-faq-grid > a > span { width:34px; height:34px; border-radius:9px; }
  .knowledge-faq-grid > a > span svg { width:20px; }
  .knowledge-faq-grid small { font-size:10px; line-height:1.3; }
  .knowledge-faq-grid strong { overflow-wrap:anywhere; font-size:17px; line-height:1.32; }
  .knowledge-faq-grid em { padding:6px 8px; font-size:9px; }
  .knowledge-faq-grid > a > div { min-height:0; height:158px; }
  .knowledge-faq-all { width:100%; grid-template-columns:34px minmax(0,1fr) 28px; margin-top:14px; }
  .knowledge-faq-all small { display:none; }
  .faq-page-hero { padding:48px 0 58px; }
  .faq-page-hero-grid { grid-template-columns:1fr; }
  .faq-page-hero h1 { font-size:42px; }
  .faq-page-hero-grid > div:first-child > p:not(.services-page-kicker) { font-size:14px; }
  .faq-page-orbit { width:220px; height:220px; margin:8px auto 0; }
  .faq-page-orbit > span { inset:51px; }
  .faq-directory { padding:62px 0 72px; }
  .faq-page-intro { grid-template-columns:1fr; gap:16px; }
  .faq-tools { grid-template-columns:1fr; margin:28px 0; }
  .faq-search { min-height:58px; }
  .faq-search > button { min-width:48px; width:48px; padding:0; }
  .faq-search > button span { display:none; }
  .faq-result-count { min-height:56px; }
  .faq-tools .faq-result-count { display:none; }
  .faq-tools { margin-bottom:22px; }
  .faq-page-layout { grid-template-columns:1fr; gap:32px; }
  .faq-category-nav { position:static; display:block; overflow:hidden; padding:12px; border-color:#ffd4bd; border-radius:17px; background:linear-gradient(145deg,#fff8f4,#f5f9fa); box-shadow:0 15px 34px rgba(16,35,49,.09); }
  .faq-category-nav > p,.faq-category-nav > a,.faq-category-nav > .faq-page-summary { display:none; }
  .faq-category-track { display:flex; gap:9px; overflow-x:auto; overflow-y:hidden; padding:3px 1px 6px; overscroll-behavior-inline:contain; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; touch-action:pan-x pan-y; }
  .faq-category-track::-webkit-scrollbar { display:none; }
  .faq-category-track > button { min-width:0; min-height:94px; flex:0 0 calc((100% - 9px)/2); display:grid; grid-template-columns:43px minmax(0,1fr); align-content:center; gap:10px; padding:11px 10px; border-color:#dce5e9; border-radius:13px; color:#314b58; background:#fff; box-shadow:0 9px 22px rgba(16,35,49,.07); scroll-snap-align:start; }
  .faq-category-track > button > span:first-child { width:43px; height:43px; border:1px solid #ffe0d0; border-radius:11px; background:#fff5f0; }
  .faq-category-track > button > span:last-child { overflow-wrap:anywhere; font-size:12px; line-height:1.28; }
  .faq-category-track > button small { margin-top:3px; font-size:9px; }
  .faq-category-track > button.is-active { border-color:var(--orange); color:#fff; background:linear-gradient(135deg,#ff762f,var(--orange-dark)); box-shadow:0 12px 26px rgba(242,103,34,.27); }
  .faq-category-track > button.is-active > span:first-child { background:#fff; }
  .faq-category-track > button.is-active small { color:#ffe9dd; }
  .faq-category-nav button:hover,.faq-category-nav button.is-active { transform:none; }
  .faq-mobile-category-controls { display:grid; grid-template-columns:46px 1fr 46px; align-items:center; gap:9px; margin-bottom:10px; }
  .faq-mobile-category-controls > button { min-width:0; width:46px; height:46px; display:grid; place-items:center; padding:0; border:1px solid #ffd0b8; border-radius:11px; color:var(--orange); background:#fff; box-shadow:0 7px 16px rgba(242,103,34,.1); }
  .faq-mobile-category-controls > button:first-child { grid-column:1; }
  .faq-mobile-category-controls > button:last-child { grid-column:3; }
  .faq-mobile-category-controls > span { color:var(--orange); font-size:10px; font-weight:950; letter-spacing:.11em; text-align:center; text-transform:uppercase; }
  .faq-page-content { gap:38px; }
  .faq-category-heading h2 { font-size:21px; }
  .faq-answer { padding:0 18px 22px 67px; }
  .faq-answer a { width:100%; min-height:48px; padding:12px 15px; text-align:center; }
  .faq-pagination { grid-template-columns:42px 1fr 42px; }
  .faq-pagination > div { justify-content:center; }
  .faq-pagination > div button { width:34px; height:34px; }
  .faq-pagination > span { grid-column:1 / -1; justify-self:center; }
  .faq-search-results { display:none !important; }
  .faq-detail-hero { padding:34px 0 48px; }
  .faq-detail-hero .services-breadcrumb { margin-bottom:27px; }
  .faq-detail-hero-grid { grid-template-columns:1fr; gap:26px; }
  .faq-detail-hero h1 { font-size:39px; }
  .faq-detail-hero-grid > div > p:not(.services-page-kicker) { font-size:14px; }
  .faq-detail-body { padding:58px 0 70px; }
  .faq-detail-layout { grid-template-columns:1fr; gap:34px; }
  .faq-detail-layout > article { font-size:15px; }
  .faq-detail-layout .article-lead { font-size:18px; }
  .faq-detail-factors { grid-template-columns:1fr; }
  .faq-detail-aside { position:static; }
  .faq-bottom-help { padding-bottom:65px; }
  .faq-bottom-help .container > div { grid-template-columns:48px minmax(0,1fr); padding:23px 20px; }
  .faq-bottom-help .container > div > span { width:48px; height:48px; }
  .faq-bottom-help h2 { font-size:20px; }
  .faq-bottom-help .btn { grid-column:1 / -1; width:100%; }
  .resources-hero { padding: 50px 0 58px; }
  .resources-hero-grid { gap: 35px; }
  .resources-hero h1 { font-size: 42px; }
  .resources-hero-grid > div > p:not(.services-page-kicker) { font-size: 14px; }
  .resources-hero-actions { width:100%; grid-template-columns:1fr 1fr; gap:6px; margin-top:25px; padding:5px; }
  .resources-hero-actions .btn,.resources-hero-actions > a:not(.btn) { min-width:0; min-height:60px; padding:0 10px; font-size:12px; font-weight:950; line-height:1.25; white-space:normal; text-align:center; }
  .resources-hero-actions svg { width:18px; height:18px; flex:0 0 18px; }
  .featured-story { min-height: 410px; }
  .featured-story > div { padding: 24px; }
  .featured-story h2 { font-size: 27px; }
  .blog-library { padding: 65px 0 75px; }
  .blog-library-heading, .contact-heading { grid-template-columns:1fr; gap:16px; }
  .blog-library-heading { padding:22px 18px; border-radius:15px; }
  .blog-library-heading-actions { gap:12px; padding:17px 0 0; border-top:1px solid #e3eaed; border-left:0; }
  .blog-library-heading-actions .blog-heading-all { display:none; }
  .blog-toolbar { align-items:stretch; flex-direction:column; }
  .blog-filters { flex-wrap:nowrap; overflow-x:auto; padding-bottom:3px; }
  .blog-filters button { flex:0 0 auto; }
  .blog-search { min-width:0; }
  .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .blog-card { min-width:0; border-radius:13px; }
  .blog-card-image { height:132px; }
  .blog-card-image span { left:10px; bottom:9px; padding:6px 7px; font-size:8px; }
  .blog-card-copy { padding:13px 11px 15px; }
  .blog-card-meta { flex-wrap:wrap; gap:5px 9px; font-size:8px; }
  .blog-card-meta svg { width:12px; }
  .blog-card h3 { margin:10px 0 7px; font-size:15px; line-height:1.28; }
  .blog-card p { min-height:52px; display:-webkit-box; overflow:hidden; font-size:10px; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
  .blog-read-link { gap:5px; margin-top:12px; font-size:9px; }
  .blog-read-link svg { width:13px; }
  .knowledge-support { padding:56px 0; }
  .article-hero { padding:38px 0 48px; }
  .article-hero-grid { gap:32px; }
  .article-hero h1 { font-size:39px; }
  .article-hero-media, .article-hero-media img { min-height:300px; }
  .article-body { padding:58px 0 70px; }
  .article-layout { grid-template-columns:1fr; gap:36px; }
  .article-content { font-size:15px; }
  .article-content .article-lead { font-size:18px; }
  .article-trust { grid-template-columns:1fr; }
  .article-aside { position:static; }
  .contact-overview, .contact-detail { padding:60px 0; }
  .contact-cards { grid-template-columns:1fr; }
  .contact-cards > * { min-height:190px; }
  .contact-detail-grid { grid-template-columns:1fr; }
  .contact-map, .contact-map iframe { min-height:350px; }
  .contact-map-note { grid-template-columns:35px minmax(0,1fr); }
  .contact-map-note > a { grid-column:1 / -1; justify-content:center; }
  .container { width: min(100% - 28px, 600px); }
  .services-page-hero { min-height: 260px; align-items: flex-end; padding: 48px 0 38px; }
  .services-page-hero::before { width: 72vw; opacity: .14; }
  .services-page-hero h1 { font-size: 40px; }
  .services-page-hero p { max-width: 92%; margin-top: 11px; font-size: 14px; line-height: 1.6; }
  .services-breadcrumb { margin-top: 17px; }
  .services-directory { padding: 52px 0 74px; }
  .services-directory-intro { margin-bottom: 28px; }
  .services-directory-intro h2 { font-size: 32px; }
  .services-directory-intro > p { font-size: 13px; line-height: 1.65; }
  .services-sidebar { position: sticky; z-index: 38; top: 72px; align-self: start; margin-inline: -14px; padding: 12px 14px 13px; border-top: 1px solid #dce5e9; border-right: 0; border-bottom: 1px solid #dce5e9; border-left: 0; border-radius: 0; background: rgba(255,255,255,.97); box-shadow: 0 12px 26px rgba(16,35,49,.10); backdrop-filter: blur(14px) saturate(1.08); }
  .services-sidebar h2 { margin: 0 0 9px; font-size: 14px; line-height: 1.2; }
  .services-category-nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; overflow: visible; padding: 0; scroll-snap-type: none; }
  .services-category-nav a { min-width: 0; min-height: 50px; grid-template-columns: 34px minmax(0,1fr) 14px; gap: 7px; padding: 6px 8px; font-size: 11px; line-height: 1.18; }
  .services-category-nav a > span:first-child { width: 34px; height: 34px; border-radius: 8px; }
  .services-category-nav a svg { width: 18px; height: 18px; }
  .services-category-nav a > svg { width: 14px; height: 14px; }
  .services-category-nav a:hover, .services-category-nav a:focus-visible, .services-category-nav a.is-active { transform: none; }
  .services-content { gap: 22px; }
  .services-group { scroll-margin-top: 224px; border-radius: 14px; }
  .services-group-main { grid-template-columns: 1fr; }
  .services-group-media { min-height: 210px; aspect-ratio: 16 / 9; }
  .services-group-copy { padding: 24px 18px 20px; }
  .services-group h2 { font-size: 28px; }
  .services-group-lead { margin-top: 11px; font-size: 13px; line-height: 1.65; }
  .category-service-points { gap: 7px; margin-top: 17px; }
  .category-service-points span { min-height: 40px; padding: 7px 9px; font-size: 11px; }
  .category-service-link { width: 100%; justify-content: center; margin-top: 17px; }
  .physician-overview, .physician-scope, .physician-process, .physician-benefits, .physician-related, .physician-faq { padding: 58px 0; }
  .physician-overview-grid, .physician-benefits-grid { grid-template-columns: 1fr; gap: 30px; }
  .physician-overview-media { min-height: 0; aspect-ratio: 4 / 3; border-radius: 13px; }
  .physician-media-note { right: 10px; bottom: 10px; left: 10px; min-height: 66px; grid-template-columns: 38px minmax(0,1fr); padding: 9px 11px; }
  .physician-media-note > svg { width: 25px; height: 25px; }
  .physician-overview-copy h2, .physician-section-heading h2, .physician-benefits h2 { font-size: 31px; }
  .physician-overview-copy > p:not(.eyebrow), .physician-benefits p { margin-top: 16px; font-size: 13px; line-height: 1.7; }
  .physician-highlight-grid { gap: 7px; margin-top: 21px; }
  .physician-highlight-grid > div { min-height: 72px; grid-template-columns: 31px minmax(0,1fr); gap: 8px; padding: 9px; }
  .physician-highlight-grid svg { width: 21px; height: 21px; }
  .physician-section-heading { grid-template-columns: 1fr; gap: 14px; margin-bottom: 26px; }
  .physician-section-heading > p { font-size: 13px; }
  .physician-section-heading > a { justify-self: start; }
  .physician-scope-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .physician-scope-grid article { min-height: 210px; padding: 18px 15px; }
  .physician-scope-grid article > span { width: 45px; height: 45px; margin-bottom: 17px; }
  .physician-scope-grid article svg { width: 24px; height: 24px; }
  .physician-scope-grid h3 { font-size: 15px; }
  .physician-scope-grid p { font-size: 11px; line-height: 1.55; }
  .physician-process-list { grid-template-columns: 1fr; }
  .physician-process-list li { min-height: 0; display: grid; grid-template-columns: 38px 42px minmax(0,1fr); align-items: start; gap: 10px; padding: 19px 16px; }
  .physician-process-list li > span { margin-top: 4px; }
  .physician-process-list li > svg { width: 28px; height: 28px; margin: 0; }
  .physician-process-list strong { font-size: 15px; }
  .physician-process-list p { margin-top: 6px; font-size: 11px; }
  .physician-benefits li { min-height: 58px; font-size: 12px; }
  .physician-related-grid { grid-template-columns: 1fr; gap: 9px; }
  .physician-related-grid a { min-height: 96px; padding: 15px; }
  .physician-faq .faq-grid { gap: 30px; }
  .physician-detail-shell { grid-template-columns: 1fr; gap: 30px; padding-top: 34px; padding-bottom: 58px; }
  .physician-service-nav { position: static; padding: 14px; }
  .physician-service-nav > h2 { margin-bottom: 11px; font-size: 17px; }
  .physician-service-nav { display: none; }
  .physician-mobile-category-section { display: block; padding: 0 0 52px; background: #fff; }
  .physician-mobile-category-section .container { padding: 14px; border: 1px solid #dfe7eb; border-radius: 12px; background: #f8fafb; box-shadow: 0 14px 34px rgba(16,35,49,.07); }
  .physician-mobile-category-heading > p { margin: 0 0 3px; color: var(--orange); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
  .physician-mobile-category-heading h2 { margin: 0 0 11px; font-size: 17px; line-height: 1.25; }
  .physician-category-slider { display: block; }
  .physician-category-slider .slider-viewport { margin-inline: -3px; padding: 3px; }
  .physician-category-slider .physician-category-links { display: flex; gap: 8px; }
  .physician-category-slider .physician-category-links a { flex: 0 0 calc((100% - 8px) / 2); min-width: 0; min-height: 68px; grid-template-columns: 36px minmax(0,1fr); gap: 7px; padding: 8px; font-size: 10px; line-height: 1.25; scroll-snap-align: start; }
  .physician-category-slider .physician-category-links a > span { width: 36px; height: 36px; }
  .physician-category-slider .physician-category-links a > svg { display: none; }
  .physician-category-slider .physician-category-links a:hover, .physician-category-slider .physician-category-links a:focus-visible, .physician-category-slider .physician-category-links a.is-active { transform: none; }
  .physician-category-slider-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 10px; }
  .physician-category-slider-footer [data-dots] { display: flex; gap: 5px; }
  .physician-category-slider-footer [data-dots] button { width: 18px; height: 3px; padding: 0; border: 0; border-radius: 99px; background: #d7e1e5; }
  .physician-category-slider-footer [data-dots] button.active { background: var(--orange); }
  .physician-category-slider-footer > span { color: #81939d; font-size: 10px; font-weight: 850; }
  .physician-category-slider-footer b { color: var(--orange); }
  .physician-widget-stack { gap: 48px; }
  .physician-content-hero { min-height: 0; aspect-ratio: 4 / 3; }
  .physician-content-hero > div { right: 14px; bottom: 14px; left: 14px; grid-template-columns: 37px minmax(0,1fr); gap: 9px; }
  .physician-content-hero > div > svg { width: 28px; height: 28px; }
  .physician-content-hero > div strong { font-size: 14px; }
  .physician-content-hero > div small { font-size: 10px; }
  .physician-article h2, .physician-widget-heading h2, .physician-video-copy h2 { font-size: 29px; }
  .physician-article > p:not(.eyebrow) { margin-top: 16px; font-size: 14px; line-height: 1.75; }
  .physician-article h3 { margin-top: 27px; font-size: 20px; }
  .physician-widget-heading { align-items: center; margin-bottom: 18px; }
  .physician-article + .physician-gallery-section { margin-top: -22px; }
  .physician-gallery-section { padding: 14px; }
  .physician-compact-gallery-heading { grid-template-columns: 1fr; align-items: start; gap: 5px; }
  .physician-compact-gallery-heading .eyebrow { grid-column: auto; }
  .physician-compact-gallery-heading h2 { font-size: 23px; }
  .physician-compact-gallery-heading > p:last-child { max-width: 330px; margin-top: 3px; text-align: left; }
  .physician-gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .physician-gallery-grid figure:last-child:nth-child(odd) { width: calc((100% - 10px) / 2); grid-column: 1 / -1; justify-self: center; }
  .physician-gallery-grid figcaption { padding: 10px; }
  .physician-gallery-grid figcaption strong { font-size: 11px; }
  .physician-gallery-grid figcaption small { font-size: 9px; }
  .physician-related-posts .physician-widget-heading { align-items: flex-end; }
  .physician-related-posts .physician-widget-heading h2 { font-size: 28px; }
  .physician-related-actions { align-items: flex-end; flex-direction: column; gap: 9px; }
  .physician-related-actions .physician-gallery-controls { display: flex; }
  .physician-blog-track .insight-card { flex-basis: 100%; }
  .physician-blog-track .insight-image { width: 100%; }
  .physician-blog-track .insight-card h3 { min-height: 0; }
  .physician-gallery-controls button { width: 40px; height: 40px; }
  .physician-gallery-slider figure { flex-basis: 86%; }
  .physician-video-section { gap: 24px; padding: 14px; }
  .physician-video-copy { padding: 3px 5px 8px; }
  .physician-faq { padding: 22px 14px; }
  .physician-faq-grid { grid-template-columns: 1fr; gap: 28px; }
  .physician-faq .faq-orbit { width: 210px; height: 210px; margin-inline: auto; }
  .physician-faq .faq-more-cta { margin-top: -8px; }
  .gallery-lightbox { grid-template-columns: 1fr; padding: 66px 12px 86px; }
  .gallery-lightbox > figure { max-height: calc(100vh - 152px); }
  .gallery-lightbox figure img { max-height: calc(100vh - 220px); }
  .gallery-lightbox-arrow { width: 48px; height: 48px; position: fixed; z-index: 1; bottom: 20px; }
  .gallery-lightbox-prev { left: calc(50% - 58px); }
  .gallery-lightbox-next { right: calc(50% - 58px); }
  .gallery-lightbox figcaption { padding: 12px 14px; }
  .services-link-grid { gap: 8px; margin-top: 18px; }
  .services-link-grid a { min-height: 66px; grid-template-columns: 42px minmax(0,1fr) 18px; }
  .services-link-grid a > span:first-child { width: 42px; height: 42px; }
  .services-link-grid a > span:nth-child(2) { font-size: 13px; }
  .services-link-grid a small { font-size: 10px; }
  .services-page-cta { grid-template-columns: 1fr; gap: 22px; margin-top: 30px; padding: 26px 20px; }
  .services-page-cta h2 { font-size: 27px; }
  .services-page-cta .btn { width: 100%; }
  .topbar { display: none; }
  .nav-wrap { min-height: 72px; grid-template-columns: 1fr auto; gap: 12px; }
  .logo img { width: 180px; }
  .header-cta { display: none; }
  .main-nav { top: 72px; max-height: calc(100vh - 72px); }
  .site-header.scrolled .main-nav { top: 72px; }
  .main-nav.open { max-height: calc(100vh - 72px); }
  .mega-menu, .nav-group:hover .mega-menu, .nav-group:focus-within .mega-menu, .nav-group.open .mega-menu { grid-template-columns: 1fr; }
  .mega-columns { grid-template-columns: 1fr; }
  .mega-corporate-links { grid-template-columns: 1fr; }
  .mega-lab-grid { grid-template-columns: 1fr; }
  .mega-columns > div { padding-bottom: 7px; border-bottom: 1px solid #dfe6e9; }
  .mega-columns > div:last-child { border: 0; }
  .mega-columns strong { margin: 8px 0 10px; font-size: 12px; letter-spacing: .085em; }
  .mega-columns a, .mega-link-grid a, .mega-lab-grid a { min-height: 68px; gap: 14px; padding: 10px 11px; border: 1px solid transparent; border-radius: 12px; touch-action: manipulation; }
  .mega-columns a:active, .mega-link-grid a:active, .mega-lab-grid a:active { border-color: #f0bea4; background: #fff3ec; transform: scale(.985); }
  .mega-columns a > svg, .mega-link-grid a > svg, .mega-lab-grid a > svg { width: 30px; height: 30px; stroke-width: 2; }
  .mega-columns a span, .mega-link-grid a span, .mega-lab-grid a span { font-size: 15px; line-height: 1.3; }
  .mega-columns a small, .mega-link-grid a small, .mega-lab-grid a small { margin-top: 4px; font-size: 12px; line-height: 1.35; }
  .mega-lab-heading { padding: 8px 9px 14px; }
  .mega-lab-heading > span { width: 48px; height: 48px; }
  .mega-lab-heading > span svg { width: 28px; height: 28px; }
  .mega-lab-heading strong { font-size: 14px; }
  .mega-lab-heading small { font-size: 11px; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .hero-slider .slider-viewport { perspective: 1200px; perspective-origin: 50% 44%; }
  .hero-slider .slider-track { transform-style: preserve-3d; }
  .hero-slide { padding: 18px 0 12px; transform-style: preserve-3d; }
  .hero-grid { position: relative; gap: 0; transform-style: preserve-3d; backface-visibility: hidden; }
  .js .hero-slide .hero-grid { opacity: .45; transform: perspective(1200px) translate3d(0,10px,-82px) rotateY(6deg) scale(.95); transition: opacity .38s ease, transform .58s cubic-bezier(.22,.7,.2,1); }
  .js .hero-slide[aria-hidden="false"] .hero-grid { animation: mobileHero3DIn .88s cubic-bezier(.22,.7,.2,1) both; }
  .hero-copy { position: absolute; z-index: 4; top: 24px; left: 22px; right: 22px; bottom: auto; display: block; transform: translateZ(68px); pointer-events: none; }
  .hero-copy > :not(h1):not(.hero-title) { display: none; }
  .hero-copy h1, .hero-copy .hero-title { max-width: 330px; margin: 0; color: #fff; font-size: clamp(30px, 8.4vw, 38px); line-height: 1.02; letter-spacing: -.035em; text-shadow: 0 2px 9px rgba(16,35,49,.28); opacity: 0; }
  .hero-desktop-title { display: none; }
  .hero-mobile-title { display: block; color: #fff; }
  .hero-mobile-title * { color: #fff; }
  .hero-copy .hero-mobile-title em { color: #fff; font-style: normal; }
  .hero-slide[aria-hidden="false"] .hero-copy h1, .hero-slide[aria-hidden="false"] .hero-copy .hero-title { animation: mobileHeroTitleIn .72s .2s cubic-bezier(.22,.7,.2,1) both; }
  h1 { font-size: clamp(37px, 11vw, 49px); }
  .hero-title { font-size: clamp(37px, 11vw, 49px); }
  .hero-lead { font-size: 15px; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 18px; }
  .hero-actions .btn { width: 100%; }
  .hero-mini-cta { width: 100%; min-width: 0; padding: 9px 12px 9px 9px; }
  .hero-visual { min-height: clamp(420px, 115vw, 520px); margin-top: 0; border-radius: 18px; box-shadow: 0 24px 48px rgba(16,35,49,.18); transform-style: preserve-3d; }
  .hero-visual-link { border-radius:18px; }
  .hero-visual::after { content: ""; position: absolute; z-index: 1; inset: 0; border-radius: 18px; background: linear-gradient(to bottom, rgba(0,0,0,.10) 0%, rgba(0,0,0,.07) 24%, rgba(0,0,0,.03) 44%, transparent 64%); opacity: 0; transform-origin: top; pointer-events: none; }
  .hero-slide[aria-hidden="false"] .hero-visual::after { animation: mobileHeroOverlayIn .8s .04s cubic-bezier(.22,.7,.2,1) both; }
  .js .hero-slide .hero-visual > img, .js .hero-slide .hero-visual > picture img { opacity: 0; filter: saturate(.9); transform: scale(1.035); transition: opacity .52s ease, filter .72s ease, transform .86s cubic-bezier(.22,.7,.2,1); }
  .js .hero-slide[aria-hidden="false"] .hero-visual > img, .js .hero-slide[aria-hidden="false"] .hero-visual > picture img { opacity: 1; filter: saturate(1); transform: scale(1); transition-delay: .06s; }
  .hero-visual > img, .hero-visual > picture img { height: clamp(420px, 115vw, 520px); border-radius: 18px; object-position: 63% center; }
  .hero-visual-compliance > picture img { object-position: center 38%; }
  .trust-card { left: 12px; right: 12px; bottom: 12px; padding: 12px 15px; }
  .trust-card-with-cta { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 10px; padding: 10px; }
  .js .hero-slide .trust-card-with-cta { opacity: 0; transform: translateY(30px); transition: opacity .25s ease, transform .25s ease; }
  .js .hero-slide[aria-hidden="false"] .trust-card-with-cta { animation: mobileHeroTrustIn .66s .34s cubic-bezier(.22,.7,.2,1) both; }
  .mobile-visual-cta { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 13px; border-radius: 10px; color: #fff; background: var(--orange); box-shadow: 0 9px 20px rgba(242,103,34,.28); font-size: 12px; font-weight: 900; text-transform: uppercase; white-space: nowrap; opacity: 0; }
  .mobile-visual-cta > svg { width: 17px; height: 17px; }
  .mobile-visual-cta > svg:last-child { width: 15px; height: 15px; }
  .hero-slide[aria-hidden="false"] .mobile-visual-cta { animation: mobileHeroCtaIn .62s .52s cubic-bezier(.22,.7,.2,1) both; }
  .mobile-visual-cta:active { color: #fff; background: var(--orange-dark); transform: scale(.97); }
  .proof-grid { grid-template-columns: 1fr 1fr; border-radius: 0 0 12px 12px; }
  .proof-grid > a { min-height: 96px; padding: 14px; border-bottom: 1px solid var(--line); }
  .proof-grid > a:nth-child(2) { border-right: 0; }
  .proof-grid > a:nth-child(n+3) { border-bottom: 0; }
  .proof-icon { width: 46px; height: 46px; }
  .proof-grid > a > div { padding: 0; border: 0; }
  .proof-grid strong { font-size: 16px; }
  .proof-tapes { height: 126px; }
  .proof-marquee.reverse { top: 62px; }
  .marquee-track span { min-height: 52px; padding-inline: 24px; font-size: 13px; }
  .section { padding: 74px 0; }
  .split-heading { grid-template-columns: 1fr; gap: 18px; }
  .section-heading { margin-bottom: 30px; }
  .section-heading h2, .why-copy h2, .lab-copy h2, .faq-intro h2, .cta-copy h2 { font-size: 34px; }
  .service-heading-side { align-items: flex-start; flex-direction: column; }
  .service-controls { width: 100%; justify-content: space-between; }
  .service-all-button { min-height: 48px; display: inline-flex; align-items: center; gap: 9px; padding: 0 15px; border: 1px solid var(--orange); border-radius: 12px; color: #fff; background: var(--orange); box-shadow: 0 9px 22px rgba(242,103,34,.2); font-size: 12px; font-weight: 800; cursor: pointer; }
  .service-all-button svg { width: 19px; height: 19px; }
  .service-all-button:active { background: var(--orange-dark); transform: scale(.97); }
  .service-arrows { display: flex; align-self: auto; }
  .service-arrows button { width: 48px; height: 48px; }
  .service-card { flex-basis: 100%; min-height: 470px; padding: 34px 32px; }
  .service-slider.show-all .slider-viewport { overflow: visible; }
  .service-slider.show-all .slider-track { display: grid; grid-template-columns: 1fr; transform: none !important; }
  .service-slider.show-all .service-card { width: auto; min-width: 0; }
  .service-slider.show-all .service-slider-footer { display: none; }
  .service-no { top: 27px; right: 29px; font-size: 15px; }
  .service-icon { width: 94px; height: 94px; margin-bottom: 36px; }
  .service-icon svg { width: 54px; height: 54px; }
  .service-card h3 { margin-bottom: 12px; font-size: 23px; }
  .service-card p { margin-bottom: 23px; font-size: 16px; line-height: 1.65; }
  .service-tags { gap: 8px; margin-bottom: 23px; }
  .service-tags span { padding: 7px 10px; font-size: 12px; }
  .service-card .service-card-cta { font-size: 16px; }
  .service-slider-footer { min-width: 0; min-height: 0; align-items: stretch; flex-direction: column; gap: 10px; padding-top: 18px; }
  .service-slider-footer .slider-dots {
    width: 100%;
    min-width: 0;
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 5px;
  }
  .service-slider-footer .slider-dots button,
  .service-slider-footer .slider-dots button.active {
    width: 100%;
    height: 28px;
    min-width: 0;
    padding: 12px 0;
    background-clip: content-box;
  }
  .service-slider-footer .slider-dots { display: none; }
  .service-slider-meter { display: grid; grid-template-columns:auto minmax(0,1fr); gap:12px; align-items:center; width:100%; padding:2px 2px 4px; }
  .service-slider-count { display:inline-flex; align-items:baseline; gap:4px; min-width:58px; color:#8195a1; font-size:12px; font-weight:800; letter-spacing:.04em; }
  .service-slider-count strong { color:var(--orange); font-size:19px; line-height:1; }
  .service-slider-progress { position:relative; display:block; height:7px; overflow:hidden; border-radius:999px; background:#dfe8ec; }
  .service-slider-progress i { position:absolute; inset:0 auto 0 0; width:0; border-radius:inherit; background:linear-gradient(90deg,var(--orange),#ff9b5e); box-shadow:0 3px 10px rgba(242,103,34,.25); transition:width .35s ease; }
  .service-slider-footer > a { width: 100%; min-height: 52px; gap: 12px; font-size: 14px; }
  .service-slider-footer > a svg { width: 20px; height: 20px; }
  .service-slider-footer .slider-count {
    flex: 0 0 auto;
    min-width: 54px;
    text-align: right;
    white-space: nowrap;
  }
  .why-heading { margin-bottom: 32px; }
  .why-heading h2 { font-size: 36px; }
  .why-heading > div:last-child { display: flex; flex-direction: column; }
  .why-heading > div:last-child > p.why-lead { font-size: 15px; line-height: 1.65; }
  .why-heading .text-arrow { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; align-self: flex-end; padding: 0 17px; border: 0; border-radius: 11px; color: #fff; background: var(--orange); box-shadow: 0 10px 22px rgba(242,103,34,.22); font-size: 13px; }
  .why-bento { grid-template-columns: 1fr; grid-template-rows: 390px auto auto 130px; }
  .why-story, .why-card, .why-metric { grid-column: 1; grid-row: auto; }
  .why-story-overlay { left: 20px; right: 20px; bottom: 20px; }
  .why-story h3 { font-size: 17px; }
  .why-card { min-height: 250px; }
  .why-metric { padding: 21px; }
  .why-metric strong { font-size: 36px; }
  .lab { padding: 38px 0 44px; }
  .lab .container { width: 100%; }
  .lab-heading { gap: 10px; margin-bottom: 15px; padding: 0 18px; }
  .lab-heading h2 { font-size: clamp(25px,7.3vw,30px); line-height: 1.08; letter-spacing: 0; }
  .lab-heading > p { font-size: 12px; line-height: 1.5; }
  .lab-heading-lead { display: grid; grid-template-columns: 32px 1fr; gap: 9px; align-items: start; }
  .lab-heading-lead > span:last-child { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
  .lab-heading-icon { display: grid; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 10px; }
  .lab-heading-icon svg { width: 18px; height: 18px; }
  .lab-experience { border-inline: 0; border-radius: 0; background: rgba(255,255,255,.78); box-shadow: 0 14px 34px rgba(16,35,49,.08); }
  .lab-media-slider { padding: 10px 14px 8px; }
  .lab-media-slider .slider-viewport, .lab-media-slider .slider-track, .lab-media-slide { min-height: 178px; }
  .lab-media-controls { top: 10px; left: 24px; right: 24px; }
  .lab-media-status { gap: 7px; padding: 6px 9px; }
  .lab-media-controls .slider-arrows button { width: 34px; height: 34px; }
  .lab-media-slide > div { left: 12px; right: 12px; bottom: 11px; align-items: flex-start; gap: 8px; padding: 8px 9px; border-radius: 13px; background: linear-gradient(90deg, rgba(12,30,42,.68), rgba(12,30,42,.28)); }
  .lab-media-slide > div > span { flex: 0 0 30px; width: 30px; height: 30px; font-size: 12px; background: rgba(255,255,255,.18); }
  .lab-media-slide p { min-width: 0; }
  .lab-media-slide small { display: none; }
  .lab-media-slide strong { display: block; overflow: visible; font-size: 12px; line-height: 1.28; }
  .lab-interactive { position: relative; grid-template-columns: 1fr; gap: 10px; padding: 10px 14px 18px; }
  .lab-tab-list { display: flex; gap: 8px; overflow-x: auto; overscroll-behavior-inline: contain; margin-right: -14px; padding: 6px 46px 12px 0; scroll-behavior: smooth; scroll-snap-type: x proximity; scrollbar-width: none; touch-action: pan-x; mask-image: linear-gradient(90deg,#000 0,#000 calc(100% - 46px),transparent); }
  .lab-tab-list::-webkit-scrollbar { display: none; }
  .lab-tab { flex: 0 0 188px; min-height: 64px; grid-template-columns: 30px 1fr; gap: 8px; padding: 13px 10px; border-radius: 13px; scroll-snap-align: start; }
  .lab-tab > svg:first-child { width: 24px; height: 24px; }
  .lab-tab > svg:last-child { display: none; }
  .lab-tab strong { font-size: 12px; line-height: 1.2; }
  .lab-tab small { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-top: 1px; font-size: 10px; line-height: 1.25; }
  .lab-tab:hover, .lab-tab.active { transform: translateY(-1px); }
  .lab-tab-panels { margin-top: 0; }
  .lab-tab-panels.is-inline { position: relative; width: 100%; margin: 0; padding: 18px 14px 16px; border-radius: 14px; background: rgba(255,255,255,.94); animation: panel-in .38s ease both; }
  .lab-tab-panel > small { display: none; }
  .lab-tab-panel h3 { margin: 0 0 11px; font-size: 16px; line-height: 1.35; }
  .lab-tab-panel > p { display: grid; grid-template-columns: 24px 1fr; gap: 10px; margin: 0 0 18px; font-size: 12px; line-height: 1.6; }
  .lab-copy-icon { width: 24px; height: 24px; border-radius: 8px; }
  .lab-copy-icon svg { width: 14px; height: 14px; }
  .lab-tab-panel ul { grid-template-columns: 1fr; }
  .lab-service-grid, .lab-service-grid-compact { display: flex; gap: 10px; overflow-x: auto; overscroll-behavior-inline: contain; margin: 2px -14px 14px; padding: 0 14px 8px; -webkit-overflow-scrolling: touch; scroll-behavior: auto; scroll-snap-type: x proximity; scrollbar-width: none; touch-action: pan-y; cursor: grab; mask-image: linear-gradient(90deg,#000 0,#000 calc(100% - 20px),transparent); }
  .lab-service-grid.is-dragging { cursor: grabbing; scroll-behavior: auto; scroll-snap-type: none; }
  .lab-service-grid.is-dragging a { pointer-events: none; user-select: none; }
  .lab-service-grid::-webkit-scrollbar { display: none; }
  .lab-service-grid a { flex: 0 0 calc((100% - 38px) / 2); min-height: 118px; grid-template-columns: 1fr; justify-items: center; align-content: center; gap: 10px; padding: 15px 10px; border-radius: 13px; text-align: center; scroll-snap-align: start; scroll-snap-stop: always; }
  .lab-service-grid a > svg { width: 34px; height: 34px; }
  .lab-service-grid span { justify-items: center; }
  .lab-service-grid strong { display: block; overflow: visible; font-size: 14px; line-height: 1.18; }
  .lab-service-grid small { display: none; }
  .lab-detail-grid { grid-template-columns: 1fr; gap: 10px; }
  .lab-detail-grid > div { grid-template-columns: 32px 1fr; gap: 11px; padding: 13px; }
  .lab-detail-grid > div > svg { width: 25px; height: 25px; }
  .lab-detail-grid strong { font-size: 13px; }
  .lab-detail-grid small { margin-top: 2px; font-size: 11px; }
  .lab-panel-cta { width: 100%; min-height: 46px; justify-content: center; font-size: 12px; }
  .process-heading h2 { font-size: 36px; }
  .process-nav { grid-template-columns: 1fr 1fr; gap: 9px; padding: 15px; }
  .process-track { display: none; }
  .process-step { grid-template-columns: 46px 1fr; justify-items: start; align-items: center; gap: 10px; min-height: 82px; padding: 10px; border: 1px solid #e0e7ea; border-radius: 12px; text-align: left; }
  .process-step > span { width: 46px; height: 46px; }
  .process-step > span svg { width: 23px; height: 23px; }
  .process-step strong { font-size: 13px; line-height: 1.35; }
  .process-step small { font-size: 11px; }
  .process-panels { padding: 10px; }
  .process-panel { min-height: 0; grid-template-columns: 1fr; gap: 20px; padding: 24px 20px; }
  .process-panel-icon { width: 58px; height: 58px; }
  .process-panel h3 { font-size: 23px; }
  .process-panel-cta { width: 100%; min-height: 54px; font-size: 14px; }
  .faq-orbit { width: 250px; height: 250px; margin: 0 auto 38px; }
  .faq-orbit > span { inset: 57px; }
  .faq-orbit > span svg { width: 58px; height: 58px; }
  .faq-orbit > svg { width: 39px; height: 39px; padding: 9px; }
  .faq-orbit > svg:nth-of-type(1) { left: -8px; top: 98px; }
  .faq-orbit > svg:nth-of-type(2) { right: 20px; top: 7px; }
  .faq-orbit > svg:nth-of-type(3) { right: 2px; bottom: 32px; }
  .faq-lead { gap: 13px; }
  .faq-lead-icon { width: 38px; height: 38px; }
  .accordion summary { min-height: 82px; grid-template-columns: 42px 1fr 20px; gap: 11px; padding: 13px 14px; }
  .faq-summary-icon { width: 42px; height: 42px; }
  .accordion summary > span:nth-child(2) { font-size: 13px; }
  .accordion details p { }
  .accordion details:hover { transform: none; }
  .faq-more-cta { grid-column: 1; min-height: 76px; margin-top: -24px; }
  .row-heading { align-items: flex-start; flex-direction: column; }
  .google-reviews-heading { grid-template-columns: 1fr; align-items: flex-start; gap: 14px; margin-bottom: 22px; }
  .google-reviews-heading h2 { font-size: 32px; }
  .google-reviews-trust { width: 100%; min-width: 0; align-items: center; gap: 6px; padding: 13px 14px; border-radius: 16px; }
  .google-score { justify-content: flex-start; }
  .google-score strong { font-size: 20px; }
  .google-reviews-actions { width: 100%; justify-content: space-between; }
  .google-reviews-actions > a { min-height: 40px; padding-inline: 12px; font-size: 11px; }
  .google-reviews-actions .slider-arrows button { width: 42px; height: 42px; }
  .google-review-card { flex-basis: 100%; min-height: 204px; padding: 18px; }
  .google-review-card::after { right: -42px; bottom: -14px; width: 190px; height: 64px; opacity: .68; }
  .google-review-head { align-items: center; gap: 10px; }
  .google-review-avatar { width: 46px; height: 46px; font-size: 17px; }
  .google-review-meta { gap: 7px; }
  .google-review-mark { font-size: 15px; }
  .google-review-mark svg { width: 20px; height: 20px; }
  .google-review-source { padding: 7px 10px; font-size: 11px; }
  .google-review-card h3 { margin-top: 15px; font-size: 17px; }
  .google-review-card p { font-size: 12px; line-height: 1.5; }
  .google-reviews-footer { min-height: 42px; align-items: center; }
  .google-reviews-note { display: none; }
  .insights-heading { align-items: flex-start; }
  .insights-heading h2 { font-size: 35px; }
  .insight-card { flex-basis: 100%; }
  .insights-slider .slider-viewport { margin-inline: 0; padding-inline: 0; }
  .insights-slider.show-all .slider-track { grid-template-columns: 1fr; }
  .insights-cta { grid-template-columns: 52px 1fr; }
  .insights-cta .btn { grid-column: 1 / 3; width: 100%; }
  .cta-section { padding-bottom: 0; }
  .cta-section .container { width: 100%; }
  .cta-flat { min-height: 0; grid-template-columns: 1fr; padding: 38px 20px; border-inline: 0; border-radius: 0; }
  .cta-flat-copy { grid-template-columns: 58px 1fr; }
  .cta-flat-icon { width: 58px; height: 58px; }
  .cta-flat-copy h2 { font-size: 23px; }
  .quote-inline { grid-template-columns: 1fr; }
  .quote-inline .input-field:nth-of-type(1),
  .quote-inline .input-field:nth-of-type(2),
  .quote-inline .custom-select-field:nth-of-type(3),
  .quote-inline .custom-select-field:nth-of-type(4),
  .quote-inline .submit-btn,
  .quote-inline .consent,
  .quote-inline .form-note { grid-column: 1; grid-row: auto; }
  .quote-inline .consent, .quote-inline .form-note { grid-column: 1; text-align: left; }
  .consent { grid-template-columns: 32px minmax(0,1fr); gap: 12px; padding: 12px; }
  .consent-check { width: 32px; height: 32px; }
  .consent-copy strong { font-size: 13px; }
  .consent-copy small { font-size: 11px; line-height: 1.45; }
  .form-note { min-height: 58px; gap: 11px; padding: 11px 12px; }
  .form-note > svg { width: 25px; height: 25px; }
  .form-note strong { font-size: 12px; }
  .form-note small { font-size: 10px; line-height: 1.4; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 24px; padding: 48px 0; }
  .footer-tree { grid-template-columns: 1fr 1fr; }
  .footer-top { min-height: 0; align-items: flex-start; flex-direction: column; padding: 60px 0; }
  .footer-top-action { width: 132px; height: 132px; }
  .footer-brand, .footer-contact-card, .footer-tree .footer-brand, .footer-tree .footer-contact-card { grid-column: 1 / -1; }
  .footer-map-card { display: none; }
  .footer-contact-card { display:grid; grid-template-columns:1fr; gap:8px; padding:15px; border-color:rgba(255,255,255,.12); border-radius:17px; background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025)); }
  .footer-contact-card > p { grid-column:auto; margin:0 0 4px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.09); color:#b4c2c9; font-size:10px; }
  .footer-contact-card > a, .footer-contact-card > div { min-width:0; min-height:64px; align-items:center; gap:12px; padding:10px 12px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(255,255,255,.035); }
  .footer-contact-card > a:hover { color:#fff; border-color:rgba(242,103,34,.4); background:rgba(242,103,34,.08); }
  .footer-contact-card svg { width:36px; height:36px; padding:7px; border:1px solid rgba(255,152,100,.28); border-radius:10px; color:#ff9864; background:rgba(242,103,34,.08); }
  .footer-contact-card span { gap:2px; }
  .footer-contact-card small { color:#9fb0b9; font-size:10px; line-height:1.25; }
  .footer-contact-card strong { overflow-wrap:anywhere; font-size:12px; line-height:1.35; }
  .footer-bottom .container { align-items: flex-start; flex-direction: column; padding: 16px 0; }
  .footer-bottom div div { flex-direction: column; gap: 5px; }
  .whatsapp-float { display: none; }
  .mobile-contact-bar { position: fixed; z-index: 82; left: 12px; right: 12px; bottom: max(10px, env(safe-area-inset-bottom)); display: grid; grid-template-columns: .86fr 1.14fr; gap: 8px; padding: 8px; border: 1px solid rgba(222,231,235,.9); border-radius: 18px; background: rgba(255,255,255,.94); box-shadow: 0 14px 38px rgba(16,35,49,.18); backdrop-filter: blur(14px) saturate(1.12); transform: translateY(0); opacity: 1; visibility: visible; transition: opacity .24s ease, transform .24s ease, visibility .24s ease; }
  .mobile-contact-action { min-width: 0; min-height: 56px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 10px; border-radius: 13px; color: #fff; font-size: 12px; font-weight: 950; line-height: 1.12; letter-spacing: .01em; text-align: center; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,.16); box-shadow: 0 9px 20px rgba(16,35,49,.16); }
  .mobile-contact-action:hover, .mobile-contact-action:focus-visible { color: #fff; transform: translateY(-1px); }
  .mobile-contact-action svg, .mobile-contact-action img { flex: 0 0 auto; width: 21px; height: 21px; stroke-width: 3; }
  .mobile-contact-action img { display: block; object-fit: contain; }
  .mobile-contact-whatsapp img { width: 27px; height: 27px; margin-left: -2px; filter: drop-shadow(0 1px 0 rgba(0,0,0,.18)); }
  .mobile-contact-call { background: linear-gradient(135deg, #ff7a2f, #f26722); }
  .mobile-contact-whatsapp { background: linear-gradient(135deg, #20c978, #12985a); }
  .mobile-contact-whatsapp span { max-width: 128px; }
  body.mobile-contact-hidden .mobile-contact-bar, body.menu-open .mobile-contact-bar { pointer-events: none; opacity: 0; visibility: hidden; transform: translateY(calc(100% + 16px)); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
.linked-lab-hero{width:100%;margin:0 0 30px;overflow:hidden;border-radius:18px;background:#eef3f5;box-shadow:0 16px 38px rgba(16,35,49,.1)}
.linked-lab-hero img{display:block;width:100%;height:clamp(320px,45vw,620px);object-fit:cover}
.linked-lab-hero figcaption{position:relative;display:grid;gap:5px;padding:17px 22px 18px 56px;border-top:3px solid var(--orange);color:#334d5c;font-size:14px;font-weight:600;line-height:1.55;background:linear-gradient(135deg,#fff 0%,#f7fafb 100%)}
.linked-lab-hero figcaption::before{content:"";position:absolute;left:20px;top:20px;width:24px;height:24px;border-radius:8px;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 5px 12px rgba(251,96,28,.25)}
.linked-lab-hero figcaption::after{content:"GÖRSEL AÇIKLAMASI";grid-row:1;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1}
@media(max-width:700px){.linked-lab-hero figcaption{padding:15px 16px 16px 50px}.linked-lab-hero figcaption::before{left:15px;top:17px}}
.article-hero-media{position:relative;margin:0;isolation:isolate}
.article-hero-media img{display:block}
.article-hero-media figcaption{position:absolute;right:14px;bottom:14px;left:14px;padding:11px 14px;border:1px solid rgba(255,255,255,.22);border-radius:9px;color:#fff;background:rgba(13,31,45,.82);backdrop-filter:blur(10px);font-size:12px;line-height:1.5}
.article-related-toc{position:relative;padding:24px!important;border:1px solid #dce6eb!important;border-radius:18px!important;background:linear-gradient(155deg,#fff 0%,#f7fafb 100%);box-shadow:0 20px 50px rgba(16,35,49,.09)!important;overflow:hidden}
.article-related-toc::after{content:"";position:absolute;right:-38px;top:-42px;width:112px;height:112px;border:22px solid rgba(242,103,34,.07);border-radius:50%;pointer-events:none}
.article-related-toc>small{position:relative;z-index:1;display:block;margin-bottom:7px;color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.article-related-toc>p{position:relative;z-index:1;margin:0 0 17px!important;color:var(--ink);font-size:20px;font-weight:900;letter-spacing:-.02em}
.article-related-toc ul{position:relative;z-index:1;display:grid!important;gap:9px!important;margin:0!important;padding:0!important}
.article-related-toc li{display:block!important;margin:0!important;padding:0!important;border:0!important;min-width:0;color:inherit!important}
.article-related-toc li::before{display:none!important}
.article-related-toc li a{width:100%;min-height:68px;display:grid!important;grid-template-columns:42px minmax(0,1fr) 18px!important;align-items:center;gap:11px;padding:11px 12px;border:1px solid #e0e8ec;border-radius:12px;color:var(--ink);background:#fff;box-shadow:0 3px 10px rgba(16,35,49,.035);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.article-related-toc li a:hover,.article-related-toc li a:focus-visible{border-color:#ffad84;transform:translateY(-2px);box-shadow:0 12px 25px rgba(16,35,49,.1);outline:none}
.article-related-toc li a>svg:first-child{width:42px!important;height:42px!important;padding:10px;border-radius:11px;color:var(--orange)!important;background:var(--cream);stroke-width:1.8}
.article-related-toc li a>svg:last-child{width:16px!important;height:16px!important;color:#8ca0ab!important;transition:.2s}
.article-related-toc li a:hover>svg:last-child{color:var(--orange)!important;transform:translate(2px,-2px)}
.article-related-toc li a span{display:grid;gap:3px;min-width:0}
.article-related-toc li a small{color:#8497a2;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.article-related-toc li a strong{color:var(--ink);font-size:12px;line-height:1.35;overflow-wrap:normal;word-break:normal}
@media(max-width:700px){.article-related-toc{padding:18px!important}.article-related-toc ul{grid-template-columns:1fr}.article-related-toc li a{min-height:64px}}
@media(min-width:901px){.article-hero{padding-bottom:34px}.article-body{padding-top:34px}}
.dynamic-related-guides{display:grid;gap:22px}
.dynamic-related-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
.dynamic-related-heading h2{margin:5px 0 0;font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-.03em}
.dynamic-related-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.dynamic-related-actions>a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dde6ea;border-radius:9px;color:var(--ink);background:#fff;font-size:11px;font-weight:850}
.dynamic-related-actions>a svg{width:15px;color:var(--orange)}
.dynamic-related-slider .slider-viewport{margin:-10px;padding:10px;overflow:hidden}
.dynamic-related-grid{display:flex;gap:14px}
.dynamic-related-grid article{flex:0 0 calc((100% - 28px)/3);min-width:0;overflow:hidden;border:1px solid #dfe7eb;border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(16,35,49,.07);transition:.22s}
.dynamic-related-grid article:hover{border-color:#ffb28d;transform:translateY(-3px);box-shadow:0 20px 42px rgba(16,35,49,.11)}
.dynamic-related-grid article>a{display:flex;flex-direction:column;width:100%;height:100%;color:inherit;cursor:pointer}
.dynamic-related-grid article>a{height:100%;display:grid;grid-template-rows:180px 1fr;color:inherit}
.dynamic-related-image{position:relative;display:block;overflow:hidden;background:#e9eff2}
.dynamic-related-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.dynamic-related-grid article:hover .dynamic-related-image img{transform:scale(1.035)}
.dynamic-related-image>small{position:absolute;left:12px;bottom:11px;padding:6px 8px;border-radius:7px;color:#fff;background:var(--orange);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.dynamic-related-copy{display:flex;flex-direction:column;align-items:flex-start;padding:17px}
.dynamic-related-copy>small{display:flex;align-items:center;gap:5px;color:#7b8f9a;font-size:9px;font-weight:750}
.dynamic-related-copy>small svg{width:13px;color:var(--orange)}
.dynamic-related-copy>strong{margin-top:10px;color:var(--ink);font-size:18px;line-height:1.28}
.dynamic-related-copy>span{display:-webkit-box;overflow:hidden;margin-top:8px;color:#677c87;font-size:11px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.dynamic-related-copy>b{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:15px;color:var(--orange);font-size:10px}
.dynamic-related-copy>b svg{width:14px}
.dynamic-related-grid article:only-child>a{grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);grid-template-rows:minmax(230px,auto)}
.dynamic-related-footer{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:#7b8f9a;font-size:11px;font-weight:800}
.dynamic-related-footer>span strong{color:var(--orange);font-size:14px}
@media(max-width:900px){.dynamic-related-grid article{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:700px){.dynamic-related-heading{align-items:flex-start;flex-direction:column}.dynamic-related-actions{width:100%;justify-content:space-between}.dynamic-related-actions>a{display:none}.dynamic-related-grid article{flex-basis:100%}.dynamic-related-grid article:only-child>a{grid-template-columns:1fr;grid-template-rows:170px 1fr}.dynamic-related-grid article>a{grid-template-rows:170px 1fr}}

/* Dynamic corporate pages */
.corporate-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#f2f6f8 0%,#fff 68%)}
.corporate-hero::after{content:"";position:absolute;right:-110px;bottom:-160px;width:390px;height:390px;border:62px solid rgba(242,103,34,.045);border-radius:50%;pointer-events:none}
.corporate-hero .article-hero-grid{position:relative;z-index:1}
.corporate-hero-without-image{grid-template-columns:minmax(0,850px)}
.corporate-hero-media{aspect-ratio:16/11;min-height:0}
.corporate-hero-media img{height:100%;min-height:0;object-fit:cover}
.corporate-body{padding-top:52px}
.corporate-body-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}
.corporate-content{min-width:0}
.corporate-content>:first-child{margin-top:0}
.corporate-content img{max-width:100%;height:auto;border-radius:14px}
.corporate-related{position:sticky;top:110px;padding:24px;border:1px solid #dfe7eb;border-radius:18px;background:linear-gradient(145deg,#fff,#f5f8f9);box-shadow:0 18px 48px rgba(16,35,49,.08)}
.corporate-related>small,.corporate-section-heading .eyebrow{display:block;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.corporate-related h2{margin:7px 0 18px;font-size:23px;line-height:1.2}
.corporate-related nav{display:grid;gap:8px}
.corporate-related a{display:grid;grid-template-columns:38px minmax(0,1fr) 15px;align-items:center;gap:10px;min-height:60px;padding:9px;border:1px solid #e1e8ec;border-radius:11px;color:var(--ink);background:#fff;font-size:12px;font-weight:800;transition:.2s}
.corporate-related a:hover{border-color:#f4b493;transform:translateY(-2px);box-shadow:0 9px 20px rgba(16,35,49,.08)}
.corporate-related a>svg:first-child{width:38px;height:38px;padding:9px;border-radius:10px;color:var(--orange);background:var(--cream)}
.corporate-related a>svg:last-child{width:14px;color:#8498a3}
.corporate-gallery-section,.corporate-video-section{padding:0 0 86px}
.corporate-gallery-section>.container{padding:30px;border:1px solid #dfe7eb;border-top:3px solid var(--orange);border-radius:18px;background:#f4f8f6}
.corporate-section-heading{margin-bottom:22px}
.corporate-section-heading h2{margin:7px 0 0;font-size:clamp(27px,3vw,39px);letter-spacing:-.03em}
.corporate-video-section .physician-video-section{padding:34px;border-radius:18px;box-shadow:0 18px 50px rgba(16,35,49,.07)}
@media(max-width:900px){.corporate-body-layout{grid-template-columns:1fr;gap:38px}.corporate-related{position:static}.corporate-related nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.corporate-hero-media{aspect-ratio:4/3}.corporate-body{padding-top:36px}.corporate-body-layout{gap:28px}.corporate-related{padding:18px}.corporate-related nav{grid-template-columns:1fr}.corporate-gallery-section,.corporate-video-section{padding-bottom:56px}.corporate-gallery-section>.container{padding:20px 14px}.corporate-video-section .physician-video-section{padding:15px}}

@media (max-width:700px) {
  .contact-overview { padding:48px 0 64px; }
  .contact-cards { gap:12px; }
  .contact-cards > * {
    position:relative;
    min-height:0;
    display:grid;
    grid-template-columns:68px minmax(0,1fr) 18px;
    grid-template-rows:auto auto auto;
    column-gap:16px;
    padding:22px 20px;
    overflow:hidden;
    border-radius:18px;
    background:linear-gradient(145deg,#fff 0%,#f6f9fa 100%);
    box-shadow:0 14px 34px rgba(16,35,49,.08);
  }
  .contact-cards > *::after {
    content:"";
    position:absolute;
    right:-34px;
    bottom:-43px;
    width:108px;
    height:108px;
    border:21px solid rgba(242,103,34,.045);
    border-radius:50%;
    pointer-events:none;
  }
  .contact-cards > * > span {
    grid-column:1;
    grid-row:1 / 4;
    align-self:center;
    width:68px;
    height:68px;
    margin:0;
    border:1px solid rgba(242,103,34,.13);
    border-radius:17px;
    background:linear-gradient(145deg,#fff5f0,#fff);
    box-shadow:0 9px 22px rgba(242,103,34,.10);
  }
  .contact-cards > * > span svg { width:31px; height:31px; stroke-width:1.9; }
  .contact-cards small {
    grid-column:2 / 4;
    grid-row:1;
    align-self:end;
    color:#738995;
    font-size:11px;
    letter-spacing:.11em;
  }
  .contact-cards strong {
    position:relative;
    z-index:1;
    grid-column:2 / 4;
    grid-row:2;
    margin-top:4px;
    color:var(--ink);
    font-size:clamp(19px,5.1vw,22px);
    line-height:1.25;
    letter-spacing:-.02em;
  }
  .contact-cards em {
    position:relative;
    z-index:1;
    grid-column:2 / 4;
    grid-row:3;
    margin-top:12px;
    font-size:13px;
    line-height:1.25;
  }
  .contact-cards em svg { width:17px; height:17px; }
  .contact-cards > a:active { transform:scale(.985); }
}

/* Mobile knowledge navigation and swipe areas */
@media (max-width:720px) {
  .knowledge-category-toolbar {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:10px;
    overflow:visible;
  }
  .knowledge-category-toolbar .blog-filters {
    width:100%;
    min-width:0;
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:2px 2px 8px;
    scroll-snap-type:x proximity;
    scroll-padding-inline:2px;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
  }
  .knowledge-category-toolbar .blog-filters button {
    min-width:max-content;
    min-height:48px;
    flex:0 0 auto;
    gap:8px;
    padding:0 13px;
    white-space:nowrap;
    scroll-snap-align:start;
    font-size:11px;
    line-height:1.2;
  }
  .knowledge-category-toolbar .blog-filters button svg { flex:0 0 17px; width:17px; height:17px; }
  .knowledge-category-toolbar .blog-filters button small { flex:0 0 auto; }
  .knowledge-category-toolbar .blog-search { width:100%; min-height:52px; }
  .knowledge-faq-grid {
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scroll-snap-type:x mandatory;
  }
  .knowledge-faq-grid > a { scroll-snap-align:start; scroll-snap-stop:always; }
  .knowledge-faq-slider-controls { display:flex; }
}

/* Keep mobile drill-down text on a non-transformed, opaque layer for crisp rendering. */
@media (max-width:1050px) {
  .main-nav.open { transform:none; }
  .main-nav.drilldown-active > .nav-group.open,
  .main-nav.drilldown-active .mega-menu,
  .nav-group.open .mega-menu { animation:none; transform:none; }
  .main-nav.drilldown-active .mobile-nav-toolbar { background:#fff; backdrop-filter:none; }
  .main-nav.drilldown-active .mega-menu,
  .main-nav.drilldown-active .mega-menu a,
  .main-nav.drilldown-active .mega-menu strong,
  .main-nav.drilldown-active .mega-menu small {
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:antialiased;
  }
}

/* Mobil Chromium'da yarı saydam, blur ve kalıcı 3B katmanların metni
   rasterleştirerek yumuşatmasını engelle; etkileşimleri opak 2B katmanda tut. */
@media (max-width:1050px) {
  body { -webkit-font-smoothing:auto; text-rendering:optimizeLegibility; }
  .site-header,
  .site-header.scrolled { background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; }
  .main-nav,
  .main-nav.open { background:#fff; transform:none; }
  .main-nav.open > * { opacity:1; transform:none; transition:none; }
  body.menu-open::before { background:rgba(242,103,34,.70); backdrop-filter:none; -webkit-backdrop-filter:none; }
  .services-sidebar,
  .mobile-contact-bar,
  .mobile-nav-toolbar,
  .main-nav.drilldown-active .mobile-nav-toolbar { background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; }
  .mobile-contact-action { text-shadow:none; }
  .mobile-contact-whatsapp img { filter:none; }
  .js [data-lazy-section].section-ready,
  .js [data-reveal].is-visible { transform:none; }
  .faq-answer { animation:none; transform:none; }
  .faq-answer p { color:#526a78; font-weight:600; }
  .slider-track { will-change:auto; }
  .hero-slide .hero-grid,
  .hero-slide[aria-hidden="false"] .hero-grid,
  .hero-copy,
  .trust-card,
  .trust-card-with-cta,
  .hero-slide[aria-hidden="false"] .trust-card-with-cta { transform:none !important; animation:none !important; }
  .js .hero-slide[aria-hidden="false"] .hero-grid,
  .js .hero-slide[aria-hidden="false"] .trust-card-with-cta,
  .hero-slide[aria-hidden="false"] .mobile-visual-cta,
  .hero-slide[aria-hidden="false"] .hero-copy h1,
  .hero-slide[aria-hidden="false"] .hero-copy .hero-title { opacity:1 !important; }
  .hero-slide[aria-hidden="false"] .hero-visual > img,
  .hero-slide[aria-hidden="false"] .hero-visual > picture img { filter:none; transform:none; }
  .lab-experience,
  .lab-interactive,
  .lab-tab-panel { transform:none; }
}

@media (min-width:1051px) {
  .footer-tree {
    grid-template-columns:minmax(300px,1.35fr) repeat(5,minmax(112px,.72fr));
    grid-template-rows:auto auto;
    align-items:start;
    gap:22px 24px;
    padding:54px 0;
  }
  .footer-tree .footer-brand { grid-column:1; grid-row:1; }
  .footer-tree .footer-col { grid-row:1; min-width:0; }
  .footer-tree .footer-contact-card {
    grid-column:1 / -1;
    grid-row:2;
    display:grid;
    grid-template-columns:minmax(150px,.9fr) repeat(5,minmax(120px,1fr));
    align-items:center;
    gap:0;
    padding:12px 16px;
  }
  .footer-tree .footer-contact-card > p { margin:0; padding-right:18px; }
  .footer-tree .footer-contact-card > a,
  .footer-tree .footer-contact-card > div { min-width:0; padding:7px 14px; border:0; border-left:1px solid rgba(255,255,255,.08); }
  .footer-tree .footer-brand p { margin:14px 0 16px; font-size:12px; line-height:1.55; }
  .footer-tree .footer-map { height:150px; min-height:150px; }
  .footer-tree .footer-map-info { padding:10px; }
  .footer-tree .footer-col h3 { margin-bottom:14px; font-size:14px; }
  .footer-tree .footer-col a { margin:8px 0; font-size:12px; line-height:1.45; }
  .footer-tree .footer-contact-card svg { width:22px; height:22px; }
  .footer-tree .footer-contact-card small { font-size:10px; }
  .footer-tree .footer-contact-card strong { font-size:12px; }
}

@media (max-width:720px) {
  .physician-category-slider .slider-viewport { position:relative; }
  .physician-category-slider .slider-track { position:relative; z-index:1; will-change:auto; }
  .physician-category-slider .physician-category-links a { position:relative; z-index:2; pointer-events:auto; }
  .physician-category-slider.is-native-category-slider .slider-viewport {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .physician-category-slider.is-native-category-slider .slider-viewport::-webkit-scrollbar { display: none; }
  .physician-category-slider.is-native-category-slider .slider-track {
    width: 100%;
    min-width: 100%;
    transform: none !important;
    transition: none !important;
  }
}

/* Shared lead form and standalone offer page */
.quote-inline .consent{min-height:62px}.standalone-lead-page{min-height:calc(100vh - 82px);display:grid;align-items:center;padding:clamp(48px,8vw,110px) 0;background:radial-gradient(circle at 85% 18%,rgba(242,103,34,.1),transparent 28%),linear-gradient(180deg,#f7fafc,#fff)}.standalone-lead-page .site-lead-cta{position:relative;overflow:hidden;padding:clamp(28px,4vw,52px);border-radius:28px;border:1px solid #dbe5ea;border-top:4px solid var(--orange);background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(16,35,49,.12)}.standalone-lead-page .site-lead-cta::before{content:"";position:absolute;right:-90px;bottom:-120px;width:300px;height:300px;border:1px solid rgba(242,103,34,.15);border-radius:50%;pointer-events:none}.standalone-lead-page .cta-flat-copy h2{font-size:clamp(30px,3vw,48px);line-height:1.03}.standalone-lead-page .cta-flat-icon{width:74px;height:74px;border-radius:22px;box-shadow:0 16px 30px rgba(242,103,34,.2)}.standalone-lead-page .quote-inline{position:relative;z-index:1}
@media(max-width:720px){.standalone-lead-page{min-height:auto;padding:28px 14px 44px}.standalone-lead-page .site-lead-cta{padding:24px 18px;border-radius:22px}.standalone-lead-page .cta-flat-copy{align-items:flex-start}.standalone-lead-page .cta-flat-copy h2{font-size:32px}.quote-inline .consent{min-height:unset}}

.standalone-lead-intro{margin-bottom:34px}.standalone-lead-intro .services-breadcrumb{margin:0 0 24px}.standalone-lead-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);align-items:end;gap:44px}.standalone-lead-hero>.standalone-lead-benefits{align-self:stretch}.standalone-lead-hero h1{max-width:790px;margin:8px 0 16px;color:var(--ink);font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-.045em}.standalone-lead-hero>div:first-child>p:last-child{max-width:720px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}.standalone-lead-benefits{display:grid;grid-template-columns:1fr;gap:10px}.standalone-lead-benefits span{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;padding:13px 15px;border:1px solid #dce6eb;border-radius:15px;background:rgba(255,255,255,.78)}.standalone-lead-benefits span>svg{grid-row:1/3;width:22px;height:22px;color:var(--orange)}.standalone-lead-benefits strong{font-size:13px}.standalone-lead-benefits small{margin-top:3px;color:var(--muted);font-size:11px}.standalone-lead-page>[data-lead-cta-mount] .site-lead-cta{margin-inline:auto}
@media(max-width:900px){.standalone-lead-hero{grid-template-columns:1fr;align-items:start;gap:24px}.standalone-lead-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}.standalone-lead-benefits span{grid-template-columns:36px 1fr;padding:12px}.standalone-lead-hero h1{font-size:clamp(38px,8vw,58px)}}
@media(max-width:720px){.standalone-lead-intro{margin-bottom:24px}.standalone-lead-intro .services-breadcrumb{margin-bottom:18px}.standalone-lead-hero h1{font-size:38px;line-height:1.02}.standalone-lead-hero>div:first-child>p:last-child{font-size:15px;line-height:1.6}.standalone-lead-benefits{grid-template-columns:1fr}.standalone-lead-page>[data-lead-cta-mount]{margin-inline:-14px}}

.offer-page-hero{min-height:360px}.offer-page-hero .container>p:not(.services-page-kicker){max-width:720px}.offer-page-content{padding:clamp(42px,6vw,78px) 0;background:linear-gradient(180deg,#fff,#f7fafc)}.offer-page-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.offer-page-benefits span{display:grid;grid-template-columns:46px 1fr;column-gap:12px;align-items:center;padding:16px 18px;border:1px solid #dde7ec;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(16,35,49,.05)}.offer-page-benefits svg{grid-row:1/3;width:22px;color:var(--orange)}.offer-page-benefits strong{font-size:13px}.offer-page-benefits small{margin-top:3px;color:var(--muted);font-size:11px}.offer-page-content .site-lead-cta{border-radius:22px;box-shadow:0 16px 46px rgba(16,35,49,.08)}
@media (min-width:901px){
  .services-page-hero::after{width:240px;height:82px;right:48px;top:50%;border:0;border-radius:0;background:url("assets/logo-embossed.webp") center/contain no-repeat;box-shadow:1px 1px 0 rgba(255,255,255,.48),-1px -1px 0 rgba(16,35,49,.16);filter:grayscale(1) contrast(.72);mix-blend-mode:multiply;opacity:.11;transform:translateY(-50%);pointer-events:none}
  .article-hero-media::before,.physician-content-hero::before{content:"";position:absolute;z-index:2;top:24px;right:24px;width:190px;height:64px;background:url("assets/logo-embossed.webp") center/contain no-repeat;filter:grayscale(1) contrast(.7);mix-blend-mode:multiply;opacity:.12;filter:grayscale(1) contrast(.7) drop-shadow(1px 1px 0 rgba(255,255,255,.55)) drop-shadow(-1px -1px 0 rgba(16,35,49,.16));pointer-events:none}
}
@media(max-width:760px){.offer-page-hero{min-height:auto}.offer-page-content{display:flex;flex-direction:column;padding:28px 0 42px}.offer-page-content>[data-lead-cta-mount]{order:1}.offer-page-benefits{order:2;grid-template-columns:1fr;margin-top:22px;margin-bottom:0;padding-inline:14px}.offer-page-content .site-lead-cta{border-radius:18px}}

/* Shared lead form result feedback */
.has-lead-result-modal { overflow: hidden; }
.submit-btn[disabled] { cursor: wait; opacity: .88; }
.submit-btn.is-loading { pointer-events: none; }
.submit-spinner {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border: 2px solid rgba(255,255,255,.42);
  border-top-color: #fff;
  border-radius: 50%;
  animation: lead-submit-spin .7s linear infinite;
}
.form-note.is-sending { border-color: rgba(242,103,34,.35); background: #fff8f3; }
.form-note.is-success { border-color: rgba(22,166,116,.28); background: #effbf6; }
.form-note.is-success > svg { color: #16a674; }
.form-note.is-error { border-color: rgba(213,67,67,.28); background: #fff4f4; }
.form-note.is-error > svg { color: #d54343; }
.lead-result-modal {
  position: fixed;
  z-index: 99999;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  transition: visibility .22s ease, opacity .22s ease;
}
.lead-result-modal.is-visible { visibility: visible; opacity: 1; }
.lead-result-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8,28,41,.64);
  backdrop-filter: blur(7px);
}
.lead-result-dialog {
  position: relative;
  width: min(100%, 470px);
  overflow: hidden;
  padding: 38px 36px 32px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 34px 90px rgba(8,28,41,.3);
  text-align: center;
  transform: translateY(18px) scale(.96);
  transition: transform .28s cubic-bezier(.22,1,.36,1);
}
.lead-result-modal.is-visible .lead-result-dialog { transform: translateY(0) scale(1); }
.lead-result-dialog::before {
  content: "";
  position: absolute;
  top: -90px;
  right: -70px;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(242,103,34,.14);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(242,103,34,.035);
  pointer-events: none;
}
.lead-result-close {
  position: absolute;
  z-index: 1;
  top: 16px;
  right: 16px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe8ec;
  border-radius: 12px;
  color: var(--ink);
  background: #f7fafb;
  cursor: pointer;
}
.lead-result-close svg { width: 19px; height: 19px; }
.lead-result-icon {
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  margin: 0 auto 20px;
  border-radius: 50%;
  color: #fff;
  background: #18a875;
  box-shadow: 0 16px 35px rgba(24,168,117,.24);
}
.lead-result-icon::after {
  content: "";
  position: absolute;
  width: 78px;
  height: 78px;
  border: 2px solid rgba(24,168,117,.25);
  border-radius: 50%;
  animation: lead-result-pulse 1.6s ease-out infinite;
}
.lead-result-icon svg { width: 35px; height: 35px; stroke-width: 2.5; }
.lead-result-modal.is-error .lead-result-icon {
  background: #d94b4b;
  box-shadow: 0 16px 35px rgba(217,75,75,.22);
}
.lead-result-modal.is-error .lead-result-icon::after { border-color: rgba(217,75,75,.25); }
.lead-result-eyebrow {
  margin: 0 0 7px;
  color: var(--orange);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.lead-result-dialog h2 { margin: 0; color: var(--ink); font-size: clamp(25px,4vw,34px); line-height: 1.12; }
.lead-result-dialog > p:not(.lead-result-eyebrow) { max-width: 370px; margin: 13px auto 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
.lead-result-reference { display: inline-flex; margin-top: 16px; padding: 8px 12px; border-radius: 999px; color: #157955; background: #ecfaf4; font-size: 12px; }
.lead-result-action { width: 100%; min-height: 52px; margin-top: 24px; }
.lead-result-modal.is-error .lead-result-action { background: var(--ink); }
@keyframes lead-submit-spin { to { transform: rotate(360deg); } }
@keyframes lead-result-pulse { 0% { transform: scale(.92); opacity: .8; } 100% { transform: scale(1.38); opacity: 0; } }
@media (max-width: 560px) {
  .lead-result-modal { align-items: end; padding: 12px; }
  .lead-result-dialog { padding: 34px 22px 22px; border-radius: 24px; }
  .lead-result-icon { width: 68px; height: 68px; margin-bottom: 17px; }
  .lead-result-icon::after { width: 68px; height: 68px; }
  .lead-result-dialog h2 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .submit-spinner,
  .lead-result-icon::after { animation: none; }
  .lead-result-dialog { transition: none; }
}
details[data-faq-anchor] {
  scroll-margin-top: 110px;
}

details[data-faq-anchor]:target {
  border-color: #fb6423;
  box-shadow: 0 0 0 3px rgba(251, 100, 35, .14);
}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}