:root {
  --brand-700: #0b659f;
  --brand-600: #0f75bd;
  --brand-500: #2295d2;
  --brand-300: #67c8f0;
  --brand-100: #d8f1fb;
  --brand-50: #eaf7fd;
  --ink-900: #0b1f33;
  --ink-800: #183149;
  --ink-700: #31485e;
  --ink-600: #536579;
  --surface: #fff;
  --surface-50: #f4f8fb;
  --border: #d8e3ec;
  --success: #157347;
  --whatsapp: #128c7e;
  --shadow-sm: 0 8px 24px rgba(11, 31, 51, .08);
  --shadow-lg: 0 24px 70px rgba(11, 31, 51, .15);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --container: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink-900);
  background: var(--surface);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 {
  color: var(--ink-900);
  font-family: Manrope, Inter, sans-serif;
  letter-spacing: -.035em;
  line-height: 1.12;
}
h1 { margin-bottom: 24px; font-size: clamp(2.45rem, 5.2vw, 4rem); }
h2 { margin-bottom: 20px; font-size: clamp(2rem, 4vw, 2.75rem); }
h3 { margin-bottom: 12px; font-size: 1.25rem; }
p { margin-bottom: 20px; color: var(--ink-700); }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; }
.section { padding-block: 100px; }
.skip-link {
  position: fixed; left: 16px; top: 12px; z-index: 1000; padding: 10px 16px;
  border-radius: 6px; background: var(--ink-900); color: white; transform: translateY(-160%);
}
.skip-link:focus { transform: translateY(0); }

.site-header {
  position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.95);
  border-bottom: 1px solid transparent; backdrop-filter: blur(14px); transition: border-color .2s, box-shadow .2s;
}
.site-header.scrolled { border-color: var(--border); box-shadow: 0 8px 30px rgba(11,31,51,.05); }
.nav-shell { height: 80px; display: flex; align-items: center; gap: 40px; }
.brand { flex: 0 0 auto; }
.brand img { width: 182px; height: auto; }
.desktop-nav { display: flex; align-items: center; gap: 30px; margin-left: auto; }
.desktop-nav a { position: relative; padding-block: 26px; color: var(--ink-700); font-size: .94rem; font-weight: 600; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 18px; height: 2px; background: var(--brand-600); transition: right .18s; }
.desktop-nav a:hover::after, .desktop-nav a[aria-current="page"]::after { right: 0; }
.nav-actions { display: flex; align-items: center; gap: 18px; }
.text-link { color: var(--brand-700); font-size: .94rem; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(15,117,189,.3); text-underline-offset: 4px; }
.text-link:hover { text-decoration-color: currentColor; }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 10px; border: 0; background: transparent; cursor: pointer; }
.menu-toggle span { display: block; height: 2px; margin: 5px 0; border-radius: 2px; background: var(--ink-900); transition: transform .2s, opacity .2s; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-menu { position: fixed; inset: 80px 0 auto; padding: 22px 24px 34px; background: white; border-bottom: 1px solid var(--border); box-shadow: var(--shadow-lg); }
.mobile-menu a { display: block; padding: 14px 4px; border-bottom: 1px solid var(--border); color: var(--ink-800); font-size: 1.08rem; font-weight: 650; }

.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 8px; padding: 13px 22px; border: 1px solid transparent; border-radius: var(--radius-sm); font-weight: 700; line-height: 1.2; transition: transform .18s, background .18s, border-color .18s, box-shadow .18s; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, .text-link:focus-visible, a:focus-visible, button:focus-visible { outline: 3px solid var(--brand-300); outline-offset: 3px; }
.button-primary { background: var(--brand-600); color: white; box-shadow: 0 8px 22px rgba(15,117,189,.22); }
.button-primary:hover { background: var(--brand-700); }
.button-secondary { border-color: #b9cedc; background: white; color: var(--ink-900); }
.button-secondary:hover { border-color: var(--brand-600); color: var(--brand-700); }
.button-sm { min-height: 44px; padding: 11px 16px; font-size: .9rem; }
.button-on-dark { background: white; color: var(--ink-900); }
.button-on-dark:hover { background: var(--brand-50); }
.button-dark-outline { border-color: rgba(255,255,255,.45); color: white; }
.button-dark-outline:hover { border-color: white; }
.button-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }

.eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; color: var(--brand-700); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow span { width: 26px; height: 2px; background: var(--brand-300); }
.eyebrow.light { color: var(--brand-300); }
.hero { position: relative; overflow: hidden; padding-block: 86px 92px; }
.hero::before { content: ""; position: absolute; width: 520px; height: 520px; right: -180px; top: -220px; border-radius: 50%; background: radial-gradient(circle, rgba(103,200,240,.2), rgba(103,200,240,0) 70%); }
.hero-grid { display: grid; grid-template-columns: 5fr 7fr; align-items: center; gap: 68px; }
.hero-lead { max-width: 620px; margin-bottom: 30px; font-size: 1.16rem; line-height: 1.65; }
.micro-proof { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 28px; color: var(--ink-800); font-size: .88rem; font-weight: 650; }
.micro-proof span::before { content: "✓"; margin-right: 7px; color: var(--success); }
.condition-note { max-width: 530px; margin: 14px 0 0; color: var(--ink-600); font-size: .78rem; }
.hero-media { position: relative; margin: 0; }
.hero-media::before { content: ""; position: absolute; inset: 20px -18px -18px 24px; z-index: -1; border-radius: var(--radius-lg); background: var(--brand-100); }
.hero-media img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.hero-media figcaption { position: absolute; left: 18px; bottom: 18px; display: flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid rgba(255,255,255,.6); border-radius: 8px; background: rgba(255,255,255,.93); color: var(--ink-800); font-size: .76rem; font-weight: 650; backdrop-filter: blur(8px); }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #28a76f; box-shadow: 0 0 0 4px rgba(40,167,111,.13); }

.proof-bar { border-block: 1px solid var(--border); background: var(--surface-50); }
.proof-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.proof-grid > div { padding: 28px 36px; border-right: 1px solid var(--border); }
.proof-grid > div:first-child { padding-left: 0; }
.proof-grid > div:last-child { border-right: 0; }
.proof-grid strong, .proof-grid span { display: block; }
.proof-grid strong { margin-bottom: 3px; font-family: Manrope, sans-serif; font-size: .98rem; }
.proof-grid span { color: var(--ink-600); font-size: .84rem; }

.section-heading { margin-bottom: 48px; }
.section-heading.narrow { max-width: 720px; }
.section-heading > p:last-child { max-width: 670px; margin-bottom: 0; }
.split-heading { display: grid; grid-template-columns: 1fr .78fr; align-items: end; gap: 72px; }
.split-heading p:last-child { margin-bottom: 4px; }
.process-section { background: var(--surface); }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; padding: 0; list-style: none; counter-reset: steps; }
.process-card { position: relative; min-height: 260px; padding: 28px; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-md); background: white; }
.process-card:not(:last-child)::after { content: ""; position: absolute; top: 43px; right: -19px; z-index: 2; width: 19px; height: 1px; background: var(--brand-300); }
.step-number { display: grid; width: 44px; height: 44px; margin-bottom: 44px; place-items: center; border-radius: 50%; background: var(--brand-50); color: var(--brand-700); font-family: Manrope, sans-serif; font-size: .8rem; font-weight: 800; }
.process-card p { margin-bottom: 0; font-size: .93rem; }

.services-preview { background: var(--surface-50); }
.service-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.service-card { display: flex; min-height: 190px; gap: 22px; padding: 30px; border: 1px solid var(--border); border-radius: var(--radius-md); background: white; transition: transform .18s, border-color .18s, box-shadow .18s; }
.service-card:hover { transform: translateY(-3px); border-color: var(--brand-300); box-shadow: var(--shadow-sm); }
.service-icon { display: grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; border: 1px solid var(--brand-300); border-radius: 10px; color: var(--brand-700); font-family: Manrope, sans-serif; font-size: .78rem; font-weight: 800; }
.service-card p { margin-bottom: 18px; font-size: .92rem; }
.card-link { color: var(--brand-700); font-size: .88rem; font-weight: 700; }
.center-action { display: flex; justify-content: center; margin-top: 34px; }

.feature-case { padding-block: 0; background: var(--ink-900); }
.feature-grid { display: grid; grid-template-columns: 7fr 5fr; min-height: 710px; }
.feature-gallery { display: grid; grid-template-rows: 2fr 1fr; gap: 12px; padding: 70px 64px 70px 0; }
.feature-gallery img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-md); }
.feature-main { min-height: 380px; }
.feature-thumbs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; min-height: 180px; }
.feature-copy { align-self: center; padding: 90px 0 90px 60px; border-left: 1px solid rgba(255,255,255,.12); }
.feature-copy h2 { color: white; }
.feature-copy p { color: #c8d5e1; }
.check-list { display: grid; gap: 12px; margin: 30px 0 36px; padding: 0; color: #e8f1f7; list-style: none; }
.check-list li::before { content: "✓"; display: inline-grid; width: 24px; height: 24px; margin-right: 10px; place-items: center; border-radius: 50%; background: rgba(103,200,240,.15); color: var(--brand-300); font-size: .75rem; }

.reviews-section { background: white; }
.review-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.review-card { display: flex; min-height: 360px; flex-direction: column; padding: 30px; border: 1px solid var(--border); border-radius: var(--radius-md); background: white; }
.review-card.featured-review { background: var(--brand-50); border-color: #bce7f8; }
.stars { margin-bottom: 28px; color: #e19d15; letter-spacing: .1em; }
.review-card blockquote { margin: 0 0 30px; color: var(--ink-800); font-family: Manrope, sans-serif; font-size: 1.08rem; font-weight: 600; line-height: 1.55; }
.review-card footer { display: flex; flex-direction: column; margin-top: auto; }
.review-card footer strong { font-size: .9rem; }
.review-card footer span { color: var(--ink-600); font-size: .78rem; }

.faq-section { background: var(--surface-50); }
.faq-layout { display: grid; grid-template-columns: 4fr 8fr; gap: 88px; align-items: start; }
.faq-intro { position: sticky; top: 120px; }
.arrow-link { display: inline-block; margin-top: 10px; }
.accordion { border-top: 1px solid var(--border); }
.accordion-item { border-bottom: 1px solid var(--border); }
.accordion-item h3 { margin: 0; }
.accordion-item button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 4px; border: 0; background: transparent; text-align: left; cursor: pointer; font-family: Manrope, sans-serif; font-size: 1.05rem; font-weight: 700; }
.accordion-mark { display: grid; flex: 0 0 32px; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: white; color: var(--brand-700); font-size: 1.25rem; transition: transform .18s; }
.accordion-item button[aria-expanded="true"] .accordion-mark { transform: rotate(45deg); }
.accordion-panel { padding: 0 48px 24px 4px; }
.accordion-panel p { margin: 0; }

.location-section { background: white; }
.location-card { display: grid; grid-template-columns: 5fr 7fr; overflow: hidden; border-radius: var(--radius-lg); background: var(--ink-900); box-shadow: var(--shadow-lg); }
.location-copy { align-self: center; padding: 58px; }
.location-copy h2 { color: white; }
.location-copy address { margin-bottom: 30px; color: #c8d5e1; font-style: normal; line-height: 1.7; }
.location-card > img { width: 100%; height: 100%; min-height: 440px; object-fit: cover; }
.final-cta { padding-top: 10px; }
.cta-panel { display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: center; padding: 52px; border: 1px solid #bce7f8; border-radius: var(--radius-lg); background: var(--brand-50); }
.cta-panel h2 { max-width: 650px; }
.cta-panel p:last-child { margin-bottom: 0; }

.site-footer { padding-top: 72px; background: var(--surface-50); border-top: 1px solid var(--border); }
.footer-grid { display: grid; grid-template-columns: 1.7fr 1fr 1.2fr 1.3fr; gap: 56px; padding-bottom: 56px; }
.footer-brand img { width: 190px; margin-bottom: 24px; }
.footer-brand p { max-width: 320px; }
.footer-grid h2 { margin-bottom: 18px; font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; }
.footer-grid a, .footer-grid > div > p { display: block; margin-bottom: 10px; color: var(--ink-600); font-size: .86rem; }
.footer-grid a:hover { color: var(--brand-700); }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-block: 22px; border-top: 1px solid var(--border); }
.footer-bottom p { margin: 0; color: var(--ink-600); font-size: .78rem; }
.mobile-sticky { display: none; }
.toast { position: fixed; right: 20px; bottom: 20px; z-index: 500; max-width: 360px; padding: 14px 18px; border-radius: 8px; background: var(--ink-900); color: white; box-shadow: var(--shadow-lg); font-size: .86rem; }

/* Inner pages */
.page-hero { padding-block: 76px 64px; background: linear-gradient(180deg, var(--brand-50), white); border-bottom: 1px solid var(--border); }
.page-hero-grid { display: grid; grid-template-columns: 7fr 5fr; align-items: center; gap: 72px; }
.page-hero h1 { max-width: 800px; }
.page-hero p:not(.eyebrow) { max-width: 700px; font-size: 1.08rem; }
.page-hero img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.breadcrumb { margin-bottom: 22px; color: var(--ink-600); font-size: .82rem; }
.breadcrumb a { color: var(--brand-700); }
.content-section { padding-block: 88px; }
.content-section.alt { background: var(--surface-50); }
.content-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.detail-card { padding: 32px; border: 1px solid var(--border); border-radius: var(--radius-md); background: white; }
.detail-card p:last-child { margin-bottom: 0; }
.detail-card .tag { display: inline-block; margin-bottom: 24px; padding: 6px 10px; border-radius: 999px; background: var(--brand-50); color: var(--brand-700); font-size: .72rem; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }
.symptom-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0; }
.symptom-chip { padding: 9px 13px; border: 1px solid var(--border); border-radius: 999px; background: white; color: var(--ink-700); font-size: .84rem; }
.editorial-split { display: grid; grid-template-columns: 1fr 1fr; gap: 76px; align-items: center; }
.editorial-split.reverse .editorial-media { order: 2; }
.editorial-media img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--radius-lg); }
.number-list { display: grid; gap: 18px; margin: 28px 0 0; padding: 0; list-style: none; }
.number-list li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; align-items: start; }
.number-list span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: var(--brand-50); color: var(--brand-700); font-size: .78rem; font-weight: 800; }
.number-list strong { display: block; margin-bottom: 3px; }
.case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.case-tile { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-md); background: white; }
.case-tile img { width: 100%; aspect-ratio: 4/3; object-fit: cover; transition: transform .3s; }
.case-tile:hover img { transform: scale(1.025); }
.case-tile div { padding: 18px; }
.case-tile h3 { margin: 0 0 5px; font-size: 1rem; }
.case-tile p { margin: 0; font-size: .82rem; }
.source-note { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border-radius: 8px; background: var(--brand-50); color: var(--ink-700); font-size: .82rem; }
.source-note::before { content: "i"; display: grid; flex: 0 0 24px; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--brand-600); color: white; font-weight: 800; }
.contact-grid { display: grid; grid-template-columns: 5fr 7fr; gap: 24px; align-items: start; }
.contact-panel { padding: 40px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: white; }
.contact-panel.primary { background: var(--ink-900); color: white; }
.contact-panel.primary h2, .contact-panel.primary h3 { color: white; }
.contact-panel.primary p { color: #c8d5e1; }
.contact-actions { display: grid; gap: 12px; margin-top: 28px; }
.contact-action { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 18px; border: 1px solid var(--border); border-radius: 9px; background: white; font-weight: 700; }
.contact-action:hover { border-color: var(--brand-300); }
.map-placeholder { display: grid; min-height: 340px; place-items: center; padding: 40px; border-radius: var(--radius-lg); background: linear-gradient(145deg, #dcecf4, #f2f8fb); text-align: center; }
.map-placeholder p { max-width: 420px; }
.privacy-copy { max-width: 760px; margin-inline: auto; }
.privacy-copy h2 { margin-top: 48px; font-size: 1.7rem; }

/* Lightweight entrance motion: opacity + compositor-friendly transform only. */
.reveal {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition:
    opacity .52s cubic-bezier(.22, 1, .36, 1),
    transform .52s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0ms);
}
.reveal.is-visible { opacity: 1; transform: translate3d(0, 0, 0); }
.reveal-delay { --reveal-delay: 90ms; }

.page-enter {
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  transition:
    opacity .46s cubic-bezier(.22, 1, .36, 1),
    transform .46s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--enter-delay, 0ms);
}
.page-enter.is-entered { opacity: 1; transform: translate3d(0, 0, 0); }

@media (max-width: 1100px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: block; }
  .nav-actions { margin-left: auto; }
  .hero-grid { gap: 42px; }
  .process-grid { grid-template-columns: repeat(2, 1fr); }
  .process-card:not(:last-child)::after { display: none; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: 2 / 4; }
}

@media (max-width: 820px) {
  .container { width: min(calc(100% - 40px), var(--container)); }
  .section, .content-section { padding-block: 72px; }
  .nav-shell { height: 68px; }
  .brand img { width: 145px; }
  .mobile-menu { top: 68px; }
  .desktop-only { display: none; }
  .nav-actions .button { min-height: 42px; padding: 10px 13px; font-size: .78rem; }
  .hero { padding-block: 62px 72px; }
  .hero-grid, .page-hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 680px; }
  .hero-media { margin-top: 12px; }
  .proof-grid { grid-template-columns: 1fr; }
  .proof-grid > div { padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--border); }
  .proof-grid > div:last-child { border-bottom: 0; }
  .split-heading, .faq-layout, .location-card, .cta-panel, .editorial-split, .contact-grid { grid-template-columns: 1fr; gap: 34px; }
  .faq-intro { position: static; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-gallery { padding: 60px 0 20px; }
  .feature-copy { padding: 40px 0 70px; border-left: 0; }
  .review-grid { grid-template-columns: 1fr; }
  .review-card { min-height: 280px; }
  .location-card > img { min-height: 340px; }
  .location-copy { padding: 42px; }
  .cta-panel { align-items: start; }
  .cta-panel .button { justify-self: start; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid > div:last-child { grid-column: auto; }
  .content-grid { grid-template-columns: 1fr; }
  .case-grid { grid-template-columns: repeat(2, 1fr); }
  .editorial-split.reverse .editorial-media { order: 0; }
}

@media (max-width: 600px) {
  body { padding-bottom: 70px; }
  .container { width: calc(100% - 40px); }
  .section, .content-section { padding-block: 62px; }
  .site-header .nav-actions .button { display: none; }
  .menu-toggle { margin-right: -10px; }
  h1 { font-size: clamp(2.15rem, 10vw, 2.75rem); }
  h2 { font-size: clamp(1.8rem, 8vw, 2.2rem); }
  .hero { padding-top: 48px; }
  .hero-lead { font-size: 1.03rem; }
  .hero .button-row .button { width: 100%; }
  .hero-media::before { inset: 12px -8px -10px 12px; }
  .hero-media figcaption { position: static; margin-top: 10px; padding: 0; border: 0; background: transparent; backdrop-filter: none; }
  .micro-proof { display: grid; gap: 7px; }
  .process-grid, .service-grid { grid-template-columns: 1fr; }
  .process-card { min-height: 0; }
  .step-number { margin-bottom: 30px; }
  .service-card { min-height: 0; padding: 24px; }
  .feature-gallery { grid-template-rows: auto auto; }
  .feature-main { min-height: 260px; }
  .feature-thumbs { min-height: 120px; }
  .feature-copy { padding-bottom: 62px; }
  .section-heading { margin-bottom: 36px; }
  .location-copy { padding: 30px 24px; }
  .location-card > img { min-height: 290px; }
  .location-copy .button { width: 100%; }
  .cta-panel { padding: 30px 24px; }
  .cta-panel .button { width: 100%; }
  .footer-grid { grid-template-columns: 1fr; gap: 30px; }
  .footer-bottom { flex-direction: column; }
  .mobile-sticky { display: block; position: fixed; left: 12px; right: 12px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 90; transform: translateY(130%); transition: transform .25s; }
  .mobile-sticky.visible { transform: translateY(0); }
  .mobile-sticky a { display: flex; min-height: 54px; align-items: center; justify-content: center; border-radius: 10px; background: var(--whatsapp); color: white; box-shadow: 0 12px 30px rgba(11,31,51,.25); font-weight: 800; }
  .page-hero { padding-block: 48px 50px; }
  .case-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .case-tile div { padding: 13px; }
  .case-tile p { display: none; }
  .contact-panel { padding: 28px 22px; }
}

@media (max-width: 340px) {
  .container { width: calc(100% - 32px); }
  .brand img { width: 130px; }
  .case-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .reveal,
  .page-enter { opacity: 1; transform: none; }
}

/* Premium navy redesign — inspired by the approved reference direction */
:root {
  --premium-navy: #041a30;
  --premium-navy-2: #062743;
  --premium-blue: #1688ff;
  --premium-blue-2: #45a8ff;
}

.site-header {
  background: rgba(4, 26, 48, .96);
  border-bottom-color: rgba(255, 255, 255, .09);
  box-shadow: none;
}
.site-header.scrolled {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(4, 22, 41, .98);
  box-shadow: 0 14px 42px rgba(2, 15, 28, .24);
}
.site-header .brand img { filter: brightness(0) invert(1); }
.desktop-nav a { color: rgba(255, 255, 255, .82); }
.desktop-nav a:hover,
.desktop-nav a[aria-current="page"] { color: #fff; }
.desktop-nav a::after { background: var(--premium-blue); }
.site-header .text-link { color: #c9e9ff; text-decoration-color: rgba(69,168,255,.38); }
.menu-toggle span { background: #fff; }
.mobile-menu { background: var(--premium-navy); border-color: rgba(255,255,255,.12); }
.mobile-menu a { color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.1); }

.button { border-radius: 10px; }
.button-primary {
  background: linear-gradient(135deg, #0878ee, #2095ff);
  box-shadow: 0 12px 28px rgba(14, 126, 241, .32), inset 0 1px rgba(255,255,255,.22);
}
.button-primary:hover { background: linear-gradient(135deg, #056bd7, #1688ef); box-shadow: 0 16px 34px rgba(14,126,241,.38); }

.hero {
  min-height: 780px;
  padding-block: 82px 140px;
  background:
    radial-gradient(circle at 76% 25%, rgba(30, 132, 230, .26), transparent 30%),
    radial-gradient(circle at 12% 86%, rgba(0, 116, 218, .2), transparent 32%),
    linear-gradient(112deg, #04182c 0%, #062946 55%, #031321 100%);
}
.hero::before {
  inset: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, black, transparent 92%);
}
.hero-grid { position: relative; z-index: 1; grid-template-columns: 5.3fr 6.7fr; gap: 36px; }
.hero-copy { position: relative; z-index: 3; padding-top: 30px; }
.hero .eyebrow { color: var(--premium-blue-2); }
.hero h1 { max-width: 720px; margin-bottom: 28px; color: #fff; font-size: clamp(3rem, 5.6vw, 5.2rem); line-height: .98; letter-spacing: -.055em; }
.hero-accent { display: block; margin-top: 13px; color: var(--premium-blue); }
.hero-lead { max-width: 570px; color: rgba(230,241,250,.78); font-size: 1.08rem; }
.hero .button-secondary { border-color: rgba(255,255,255,.32); background: rgba(255,255,255,.04); color: #fff; backdrop-filter: blur(8px); }
.hero .button-secondary:hover { border-color: rgba(255,255,255,.72); background: rgba(255,255,255,.1); color: #fff; }
.hero .micro-proof { color: rgba(245,250,255,.9); }
.hero .micro-proof span::before { color: #67d2ff; }
.hero .condition-note { color: rgba(213,228,240,.58); }
.hero-media { height: 650px; margin: -20px -80px -100px 0; overflow: hidden; border-radius: 0 0 0 120px; }
.hero-media::before { inset: 0; z-index: 1; border-radius: 0; background: linear-gradient(90deg, #062743 0%, rgba(6,39,67,.45) 20%, transparent 50%); }
.hero-media::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(3,19,33,.72), transparent 35%); pointer-events: none; }
.hero-media img { height: 100%; aspect-ratio: auto; border-radius: 0; box-shadow: none; object-position: 54% 44%; filter: saturate(.9) contrast(1.04); }
.hero-media figcaption { left: auto; right: 26px; bottom: 30px; z-index: 2; display: grid; grid-template-columns: 10px auto; column-gap: 10px; min-width: 235px; padding: 15px 18px; border-color: rgba(255,255,255,.22); background: rgba(4,26,48,.72); color: #fff; backdrop-filter: blur(16px); }
.hero-media figcaption .status-dot { grid-row: 1 / 3; align-self: center; }
.hero-media figcaption strong { font-size: .78rem; }
.hero-media figcaption > span:last-child { grid-column: 2; color: rgba(255,255,255,.62); font-size: .7rem; }

.proof-bar { position: relative; z-index: 5; overflow: visible; border: 0; background: transparent; }
.proof-grid { grid-template-columns: repeat(4, 1fr); margin-top: -62px; overflow: hidden; border: 1px solid rgba(216,227,236,.8); border-radius: 22px; background: rgba(255,255,255,.97); box-shadow: 0 24px 60px rgba(4,26,48,.16); backdrop-filter: blur(14px); }
.proof-grid > div { position: relative; padding: 34px 28px; text-align: center; }
.proof-grid > div:first-child { padding-left: 28px; }
.proof-grid strong { color: var(--ink-900); font-size: 1rem; }
.proof-grid strong::before { content: ""; display: block; width: 36px; height: 3px; margin: 0 auto 16px; border-radius: 4px; background: linear-gradient(90deg, var(--premium-blue), var(--brand-300)); }

.process-card, .service-card, .detail-card, .review-card, .case-tile { border-color: #dbe7f0; border-radius: 16px; }
.process-card { box-shadow: 0 12px 30px rgba(11,31,51,.045); transition: transform .2s, box-shadow .2s, border-color .2s; }
.process-card:hover { transform: translateY(-5px); border-color: #a8d8f3; box-shadow: 0 20px 44px rgba(11,31,51,.1); }
.step-number { background: linear-gradient(135deg, #e1f5ff, #f3fbff); color: #0878dd; box-shadow: inset 0 0 0 1px rgba(22,136,255,.15); }
.service-card { box-shadow: 0 12px 32px rgba(11,31,51,.055); }
.service-card:hover { box-shadow: 0 24px 52px rgba(11,31,51,.12); }
.service-icon { border: 0; background: var(--premium-navy); color: #fff; box-shadow: 0 8px 20px rgba(4,26,48,.2); }
.review-card.featured-review { border-color: #0d4b78; background: linear-gradient(145deg, #062743, #041a30); box-shadow: 0 22px 54px rgba(4,26,48,.2); }
.review-card.featured-review blockquote { color: #fff; }
.review-card.featured-review footer strong { color: #fff; }
.review-card.featured-review footer span { color: rgba(255,255,255,.62); }
.location-card { background: linear-gradient(135deg, #05243f, #031625); }
.cta-panel { border-color: #b0def5; background: linear-gradient(135deg, #eaf8ff, #f8fcff); box-shadow: 0 18px 48px rgba(11,31,51,.08); }

.page-hero {
  position: relative;
  overflow: hidden;
  padding-block: 82px 74px;
  border-color: rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 82% 30%, rgba(22,136,255,.25), transparent 27%),
    linear-gradient(115deg, #041a30, #073558 70%, #04182a);
}
.page-hero::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 68px 68px; pointer-events: none; }
.page-hero .container { position: relative; z-index: 1; }
.page-hero h1 { color: #fff; }
.page-hero p:not(.eyebrow):not(.breadcrumb) { color: rgba(230,241,250,.76); }
.page-hero .eyebrow { color: var(--premium-blue-2); }
.page-hero .breadcrumb { color: rgba(255,255,255,.55); }
.page-hero .breadcrumb a { color: #8ed5ff; }
.page-hero img { border: 1px solid rgba(255,255,255,.18); box-shadow: 0 26px 70px rgba(0,0,0,.28); }
.page-hero .button-secondary { border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.06); color: #fff; }
.page-hero .button-secondary:hover { border-color: rgba(255,255,255,.8); color: #fff; }

.site-footer { background: var(--premium-navy); border-color: rgba(255,255,255,.08); }
.site-footer .footer-brand img { filter: brightness(0) invert(1); }
.site-footer h2 { color: #fff; }
.site-footer p, .site-footer a, .footer-grid > div > p { color: rgba(224,237,247,.66); }
.site-footer a:hover { color: #fff; }
.footer-bottom { border-color: rgba(255,255,255,.1); }

@media (max-width: 1100px) {
  .hero-media { margin-right: -30px; }
  .proof-grid { grid-template-columns: repeat(2, 1fr); }
  .proof-grid > div:nth-child(2) { border-right: 0; }
  .proof-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
}

@media (max-width: 820px) {
  .hero { min-height: 0; padding-block: 58px 120px; }
  .hero-grid { grid-template-columns: 1fr; gap: 42px; }
  .hero-copy { padding-top: 0; }
  .hero h1 { max-width: 680px; }
  .hero-media { height: 560px; margin: 0 -20px -40px; border-radius: 28px 28px 0 0; }
  .hero-media::before { background: linear-gradient(to bottom, rgba(6,39,67,.15), transparent 35%); }
  .proof-grid { margin-top: -48px; }
}

@media (max-width: 600px) {
  .hero { padding-top: 44px; }
  .hero h1 { font-size: clamp(2.7rem, 14vw, 4rem); line-height: 1; }
  .hero-accent { margin-top: 8px; }
  .hero-media { height: 440px; margin-inline: -20px; border-radius: 20px 20px 0 0; }
  .hero-media img { object-position: 56% 42%; }
  .hero-media figcaption { right: 14px; bottom: 18px; min-width: 210px; }
  .proof-grid { grid-template-columns: 1fr; border-radius: 18px; }
  .proof-grid > div { padding: 24px 20px; border-right: 0; border-bottom: 1px solid var(--border); }
  .proof-grid > div:first-child { padding-left: 20px; }
  .proof-grid > div:last-child { border-bottom: 0; }
  .proof-grid strong::before { display: inline-block; width: 22px; margin: 0 10px 3px 0; }
  .page-hero { padding-block: 54px 56px; }
}
/* Reference-accurate cinematic hero composition */
.hero {
  min-height: 820px;
  background-image:
    linear-gradient(90deg, rgba(2,16,30,.22) 0%, rgba(2,16,30,.02) 46%, rgba(2,16,30,0) 100%),
    url("assets/hero-founder-premium-v2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.hero::before {
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 76px 76px;
  opacity: .65;
}
.hero-grid { position: relative; display: block; min-height: 590px; }
.hero-copy { width: min(620px, 49%); padding-top: 52px; }
.hero h1 { font-size: clamp(3.5rem, 5.7vw, 5.45rem); }
.hero-story-card {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 18px;
  width: min(480px, 100%);
  margin-top: 28px;
  padding: 16px 20px;
  border: 1px solid rgba(51,161,255,.48);
  border-radius: 14px;
  background: linear-gradient(100deg, rgba(4,27,49,.78), rgba(8,52,88,.48));
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 18px 40px rgba(0,0,0,.18);
  backdrop-filter: blur(13px);
}
.story-mark {
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 12px;
  background: linear-gradient(145deg, #0e8fff, #0656b4);
  color: white;
  font-family: Manrope, sans-serif;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -.04em;
  box-shadow: 0 10px 24px rgba(5,117,221,.28);
}
.hero-story-card > div:last-child { display: flex; flex-direction: column; justify-content: center; }
.hero-story-card span { color: rgba(211,232,248,.65); font-size: .69rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.hero-story-card strong { margin: 2px 0 1px; color: #fff; font-family: Manrope, sans-serif; font-size: 1rem; }
.hero-story-card small { color: rgba(255,255,255,.62); font-size: .72rem; }
.founder-note {
  position: absolute;
  right: 0;
  top: 285px;
  z-index: 3;
  display: grid;
  width: 225px;
  padding-left: 20px;
  color: #fff;
  text-shadow: 0 2px 14px rgba(0,0,0,.45);
}
.founder-line { width: 38px; height: 2px; margin-bottom: 14px; background: var(--premium-blue); box-shadow: 0 0 16px rgba(22,136,255,.7); }
.founder-note strong { font-family: Manrope, sans-serif; font-size: 1.08rem; }
.founder-note > span:last-child { color: rgba(255,255,255,.66); font-size: .78rem; }

@media (max-width: 1100px) {
  .hero { background-position: 58% center; }
  .hero-copy { width: min(600px, 55%); }
  .founder-note { display: none; }
}

@media (max-width: 820px) {
  .hero {
    min-height: 980px;
    padding-bottom: 120px;
    background-image:
      linear-gradient(180deg, rgba(2,16,30,.98) 0%, rgba(2,16,30,.92) 41%, rgba(2,16,30,.24) 66%, rgba(2,16,30,.55) 100%),
      url("assets/hero-founder-premium-v2.png");
    background-size: auto 100%;
    background-position: 64% center;
  }
  .hero-grid { min-height: 760px; }
  .hero-copy { width: min(650px, 100%); padding-top: 14px; }
  .hero-copy .hero-lead { max-width: 560px; }
}

@media (max-width: 600px) {
  .hero {
    min-height: 960px;
    background-image:
      linear-gradient(180deg, rgba(2,16,30,.99) 0%, rgba(2,16,30,.93) 43%, rgba(2,16,30,.2) 68%, rgba(2,16,30,.64) 100%),
      url("assets/hero-founder-premium-v2.png");
    background-size: auto 100%;
    background-position: 63% center;
  }
  .hero-grid { min-height: 760px; }
  .hero h1 { font-size: clamp(3rem, 15vw, 4.2rem); }
  .hero-story-card { grid-template-columns: 52px 1fr; gap: 13px; padding: 13px 14px; }
  .story-mark { width: 52px; height: 52px; }
  .hero .condition-note { max-width: 320px; }
}
/* Full-site premium refinement — extend hero language through every section */
body { background: #f7fafc; }
main { overflow: hidden; }
.section { position: relative; }
.section-heading { position: relative; margin-bottom: 58px; }
.section-heading h2 { max-width: 780px; font-size: clamp(2.25rem, 4.15vw, 3.35rem); letter-spacing: -.048em; }
.section-heading.narrow { max-width: 820px; }
.split-heading { grid-template-columns: 1.1fr .68fr; gap: 96px; }
.eyebrow { letter-spacing: .15em; }
.eyebrow span { width: 34px; background: linear-gradient(90deg, var(--premium-blue), var(--brand-300)); box-shadow: 0 0 12px rgba(22,136,255,.22); }

.process-section {
  padding-top: 138px;
  background:
    radial-gradient(circle at 90% 12%, rgba(103,200,240,.11), transparent 24%),
    linear-gradient(180deg, #fff, #f6fafc);
}
.process-section::before {
  content: "PROCESS";
  position: absolute;
  right: -20px;
  top: 86px;
  color: rgba(4,26,48,.026);
  font-family: Manrope, sans-serif;
  font-size: clamp(6rem, 13vw, 12rem);
  font-weight: 800;
  letter-spacing: -.08em;
  line-height: 1;
  pointer-events: none;
}
.process-grid { position: relative; gap: 0; padding-top: 16px; }
.process-grid::before { content: ""; position: absolute; left: 7%; right: 7%; top: 55px; height: 1px; background: linear-gradient(90deg, transparent, #6dc8ef 14%, #1688ff 50%, #6dc8ef 86%, transparent); }
.process-card {
  min-height: 315px;
  padding: 32px 30px;
  border: 0;
  border-right: 1px solid #dce8f0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.process-card:first-child { border-left: 1px solid #dce8f0; }
.process-card:hover { z-index: 2; border-color: transparent; border-radius: 16px; background: #fff; box-shadow: 0 26px 60px rgba(7,35,59,.12); }
.process-card:not(:last-child)::after { display: none; }
.step-number { position: relative; z-index: 1; width: 50px; height: 50px; margin-bottom: 66px; background: var(--premium-navy); color: #fff; box-shadow: 0 0 0 9px #f7fbfd, 0 10px 25px rgba(4,26,48,.2); }
.process-card h3 { font-size: 1.3rem; }
.process-card p { max-width: 235px; color: var(--ink-600); }

.services-preview {
  padding-block: 118px;
  background:
    radial-gradient(circle at 0 100%, rgba(22,136,255,.07), transparent 30%),
    #eef4f8;
}
.service-grid { gap: 22px; }
.service-card {
  position: relative;
  min-height: 230px;
  padding: 38px;
  overflow: hidden;
  border: 1px solid rgba(207,221,232,.88);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(246,250,252,.96));
  box-shadow: 0 16px 38px rgba(6,38,64,.065);
}
.service-card::after { content: ""; position: absolute; right: -75px; bottom: -90px; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle, rgba(22,136,255,.11), transparent 68%); transition: transform .35s; }
.service-card:hover::after { transform: scale(1.35); }
.service-card:hover { transform: translateY(-7px); border-color: rgba(22,136,255,.34); box-shadow: 0 28px 65px rgba(6,38,64,.14); }
.service-icon { width: 52px; height: 52px; flex-basis: 52px; border-radius: 13px; background: linear-gradient(145deg, #07385e, #041a30); }
.service-card h3 { font-size: 1.38rem; }
.service-card p { max-width: 440px; color: var(--ink-600); }
.card-link { position: relative; z-index: 1; letter-spacing: .01em; }
.center-action { margin-top: 42px; }

.feature-case {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 75% 18%, rgba(22,136,255,.18), transparent 26%),
    linear-gradient(125deg, #04182b, #062a47 62%, #03111d);
}
.feature-case::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 72px 72px; }
.feature-grid { min-height: 800px; }
.feature-gallery { position: relative; grid-template-rows: 2.15fr 1fr; padding-block: 82px; }
.feature-gallery::after { content: "REAL WORK"; position: absolute; left: -6px; bottom: 22px; z-index: -1; color: rgba(255,255,255,.035); font-family: Manrope,sans-serif; font-size: 5.4rem; font-weight: 800; letter-spacing: -.06em; }
.feature-gallery img { border: 1px solid rgba(255,255,255,.14); border-radius: 16px; box-shadow: 0 24px 60px rgba(0,0,0,.25); }
.feature-main { min-height: 440px; }
.feature-copy { padding-left: 72px; }
.feature-copy h2 { font-size: clamp(2.4rem,4.2vw,3.6rem); }
.check-list li { font-weight: 600; }

.reviews-section {
  padding-block: 120px;
  background:
    radial-gradient(circle at 12% 16%, rgba(103,200,240,.12), transparent 24%),
    linear-gradient(180deg, #f8fbfd, #edf4f8);
}
.review-grid { gap: 22px; align-items: stretch; }
.review-card {
  min-height: 390px;
  padding: 36px;
  border-radius: 18px;
  box-shadow: 0 18px 42px rgba(5,33,56,.07);
}
.review-card:not(.featured-review) { background: rgba(255,255,255,.92); }
.review-card.featured-review { transform: translateY(-18px); box-shadow: 0 30px 74px rgba(4,26,48,.26); }
.review-card blockquote { font-size: 1.12rem; }
.stars { color: #f5b843; }

.faq-section {
  padding-block: 120px;
  background: #fff;
}
.faq-layout { grid-template-columns: 4.3fr 7.7fr; gap: 72px; }
.faq-intro {
  top: 110px;
  padding: 40px;
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(145deg, #062a47, #041a30);
  box-shadow: 0 28px 68px rgba(4,26,48,.2);
}
.faq-intro::after { content: "?"; position: absolute; right: -12px; bottom: -54px; color: rgba(255,255,255,.045); font-family: Manrope,sans-serif; font-size: 13rem; font-weight: 800; line-height: 1; }
.faq-intro h2 { color: #fff; }
.faq-intro p { color: rgba(225,238,248,.7); }
.faq-intro .eyebrow { color: var(--premium-blue-2); }
.faq-intro .text-link { position: relative; z-index: 1; color: #8ed5ff; }
.accordion { display: grid; gap: 12px; border-top: 0; }
.accordion-item { overflow: hidden; border: 1px solid #dbe7ef; border-radius: 13px; background: #f8fbfd; transition: border-color .18s, box-shadow .18s, background .18s; }
.accordion-item:has(button[aria-expanded="true"]) { border-color: #a6d9f3; background: #fff; box-shadow: 0 16px 38px rgba(5,33,56,.09); }
.accordion-item button { padding: 22px 24px; }
.accordion-panel { padding: 0 64px 24px 24px; }
.accordion-mark { background: var(--premium-navy); color: white; }

.location-section {
  padding-block: 110px;
  background: linear-gradient(180deg, #eef4f8, #f9fbfc);
}
.location-card { border: 1px solid rgba(255,255,255,.11); border-radius: 24px; box-shadow: 0 34px 84px rgba(4,26,48,.25); }
.location-copy { padding: 68px; }
.location-card > img { min-height: 510px; filter: saturate(.85) contrast(1.05); }

.final-cta { padding-block: 100px; background: #fff; }
.cta-panel {
  position: relative;
  overflow: hidden;
  padding: 68px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 25%, rgba(22,136,255,.26), transparent 25%),
    linear-gradient(118deg, #041a30, #073b62);
  box-shadow: 0 32px 80px rgba(4,26,48,.24);
}
.cta-panel::after { content: ""; position: absolute; right: -120px; bottom: -180px; width: 430px; height: 430px; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.018), 0 0 0 110px rgba(255,255,255,.012); }
.cta-panel > * { position: relative; z-index: 1; }
.cta-panel h2 { color: #fff; }
.cta-panel p { color: rgba(225,238,248,.7); }
.cta-panel .eyebrow { color: var(--premium-blue-2); }

/* Premium inner-page cards and content */
.content-section { padding-block: 110px; background: #fff; }
.content-section.alt { background: linear-gradient(180deg, #eef4f8, #f7fafc); }
.detail-card { padding: 40px; border-radius: 18px; box-shadow: 0 18px 44px rgba(5,33,56,.07); transition: transform .2s, box-shadow .2s, border-color .2s; }
.detail-card:hover { transform: translateY(-5px); border-color: #acdcef; box-shadow: 0 28px 62px rgba(5,33,56,.12); }
.detail-card .tag { background: var(--premium-navy); color: #fff; }
.editorial-media { position: relative; }
.editorial-media::before { content: ""; position: absolute; inset: 18px -18px -18px 18px; z-index: -1; border-radius: 20px; background: linear-gradient(145deg, #bfeafb, #e5f6fc); }
.editorial-media img { border-radius: 18px; box-shadow: 0 24px 60px rgba(5,33,56,.14); }
.case-tile { box-shadow: 0 16px 38px rgba(5,33,56,.07); }
.case-tile div { padding: 22px; }
.contact-panel { border-radius: 20px; box-shadow: 0 20px 48px rgba(5,33,56,.08); }
.contact-panel.primary { background: linear-gradient(145deg, #062a47, #041a30); box-shadow: 0 28px 68px rgba(4,26,48,.24); }
.contact-action { border-radius: 11px; box-shadow: 0 8px 22px rgba(5,33,56,.045); }
.map-placeholder { border: 1px solid #d5e5ef; box-shadow: inset 0 1px white, 0 20px 48px rgba(5,33,56,.08); }

@media (max-width: 1100px) {
  .process-grid::before { display: none; }
  .process-card { border: 1px solid #dce8f0; border-radius: 14px; }
  .process-card:first-child { border-left: 1px solid #dce8f0; }
  .step-number { margin-bottom: 42px; }
  .review-card.featured-review { transform: none; }
}

@media (max-width: 820px) {
  .section-heading, .split-heading { gap: 28px; }
  .process-section, .services-preview, .reviews-section, .faq-section, .location-section, .final-cta { padding-block: 78px; }
  .feature-grid { min-height: auto; }
  .faq-intro { position: relative; top: auto; }
  .location-copy { padding: 46px; }
  .cta-panel { padding: 48px; }
}

@media (max-width: 600px) {
  .section-heading h2 { font-size: 2.15rem; }
  .process-section { padding-top: 94px; }
  .process-grid { gap: 12px; }
  .process-card { min-height: 0; padding: 26px 24px; }
  .step-number { margin-bottom: 30px; }
  .process-card p { max-width: none; }
  .service-card { min-height: 0; padding: 27px 24px; }
  .feature-gallery { padding-top: 62px; }
  .feature-copy { padding-bottom: 72px; }
  .review-card { min-height: 320px; padding: 28px 24px; }
  .faq-intro { padding: 30px 24px; }
  .accordion-item button { padding: 20px 18px; }
  .accordion-panel { padding: 0 48px 20px 18px; }
  .location-copy { padding: 34px 24px; }
  .cta-panel { padding: 38px 24px; }
  .content-section { padding-block: 76px; }
  .detail-card { padding: 30px 24px; }
}
/* Browser comment 1 — improve specialist identity card legibility */
.founder-note {
  top: auto;
  right: 0;
  bottom: 66px;
  width: 286px;
  padding: 20px 22px 20px 25px;
  border: 1px solid rgba(105, 195, 255, .38);
  border-left: 3px solid var(--premium-blue);
  border-radius: 14px;
  background: linear-gradient(120deg, rgba(3, 22, 39, .92), rgba(5, 45, 76, .78));
  box-shadow: 0 22px 48px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .08);
  backdrop-filter: blur(16px);
  text-shadow: none;
}
.founder-note::before {
  content: "KOOL-AIRE SPECIALIST";
  margin-bottom: 8px;
  color: #72c9ff;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .13em;
}
.founder-line {
  position: absolute;
  left: -3px;
  top: 20px;
  width: 3px;
  height: 38px;
  margin: 0;
  background: #3ea7ff;
  box-shadow: 0 0 18px rgba(62,167,255,.85);
}
.founder-note strong {
  color: #fff;
  font-size: 1.42rem;
  line-height: 1.15;
  letter-spacing: -.025em;
}
.founder-note > span:last-child {
  margin-top: 5px;
  color: rgba(235, 245, 252, .78);
  font-size: .82rem;
  font-weight: 500;
}
/* Verified review evidence cards and accessible screenshot dialog */
.review-card { min-height: 475px; }
.review-proof { margin-top: 20px; padding-top: 18px; border-top: 1px solid #e1eaf0; }
.featured-review .review-proof { border-top-color: rgba(255,255,255,.13); }
.review-proof-button {
  display: grid;
  width: 100%;
  grid-template-columns: 72px 1fr;
  gap: 14px;
  align-items: center;
  padding: 8px;
  border: 1px solid #d8e5ed;
  border-radius: 11px;
  background: #f7fafc;
  text-align: left;
  cursor: pointer;
  transition: transform .18s, border-color .18s, box-shadow .18s, background .18s;
}
.review-proof-button:hover { transform: translateY(-2px); border-color: #83c9ef; background: #fff; box-shadow: 0 12px 28px rgba(5,33,56,.12); }
.featured-review .review-proof-button { border-color: rgba(115,204,255,.27); background: rgba(255,255,255,.07); }
.featured-review .review-proof-button:hover { border-color: rgba(115,204,255,.58); background: rgba(255,255,255,.12); }
.review-thumb { display: block; width: 72px; height: 54px; overflow: hidden; border-radius: 7px; background: #0e1218; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.review-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center var(--thumb-pos, top); }
.review-proof-copy { display: flex; min-width: 0; flex-direction: column; }
.review-proof-copy small { color: var(--brand-700); font-size: .61rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.review-proof-copy strong { margin-top: 2px; color: var(--ink-900); font-size: .78rem; }
.featured-review .review-proof-copy small { color: #69c8ff; }
.featured-review .review-proof-copy strong { color: #fff; }
.review-dialog {
  width: min(900px, calc(100% - 32px));
  max-height: calc(100vh - 32px);
  padding: 0;
  overflow: visible;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: transparent;
  box-shadow: 0 34px 100px rgba(0,0,0,.55);
}
.review-dialog::backdrop { background: rgba(1,10,18,.84); backdrop-filter: blur(8px); }
.review-dialog-card { max-height: calc(100vh - 32px); overflow: auto; border-radius: 18px; background: #071c30; }
.review-dialog-card header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 24px; border-bottom: 1px solid rgba(255,255,255,.1); background: rgba(7,28,48,.94); backdrop-filter: blur(14px); }
.review-dialog-card header span { color: #66c5ff; font-size: .65rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.review-dialog-card header h2 { margin: 3px 0 0; color: #fff; font-size: 1.2rem; }
.review-dialog-card header button { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; background: rgba(255,255,255,.07); color: #fff; font-size: 1.6rem; line-height: 1; cursor: pointer; }
.review-dialog-card header button:hover { background: rgba(255,255,255,.14); }
.review-dialog-card > img { width: calc(100% - 48px); height: auto; margin: 24px; border-radius: 10px; box-shadow: 0 18px 44px rgba(0,0,0,.32); }
.review-dialog-card > p { margin: 0; padding: 0 24px 24px; color: rgba(225,238,248,.68); font-size: .8rem; }

@media (max-width: 820px) { .review-card { min-height: 0; } }
@media (max-width: 600px) {
  .review-proof-button { grid-template-columns: 64px 1fr; }
  .review-thumb { width: 64px; height: 48px; }
  .review-dialog { width: calc(100% - 20px); max-height: calc(100vh - 20px); }
  .review-dialog-card { max-height: calc(100vh - 20px); }
  .review-dialog-card header { padding: 16px; }
  .review-dialog-card > img { width: calc(100% - 28px); margin: 14px; }
  .review-dialog-card > p { padding: 0 16px 18px; }
}
/* Legacy-site content, refined for the premium visual system */
.vehicle-experience,
.experience-section {
  position: relative;
  overflow: hidden;
  background: #f3f7fa;
}
.experience-panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
  gap: clamp(48px, 7vw, 100px);
  align-items: center;
  padding: clamp(44px, 6vw, 78px);
  overflow: hidden;
  border: 1px solid rgba(103, 196, 255, .24);
  border-radius: 24px;
  background:
    radial-gradient(circle at 88% 12%, rgba(30, 137, 255, .24), transparent 34%),
    linear-gradient(135deg, #031323 0%, #062a47 56%, #07385b 100%);
  box-shadow: 0 28px 70px rgba(2, 24, 42, .22), inset 0 1px rgba(255, 255, 255, .07);
}
.experience-panel::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -170px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(119, 210, 255, .14);
  border-radius: 50%;
  box-shadow: 0 0 0 72px rgba(77, 180, 255, .035), 0 0 0 144px rgba(77, 180, 255, .025);
  pointer-events: none;
}
.experience-copy,
.brand-chip-grid { position: relative; z-index: 1; }
.experience-copy h2 {
  max-width: 660px;
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(2rem, 3.6vw, 3.65rem);
  line-height: 1.03;
  letter-spacing: -.045em;
}
.experience-copy > p:not(.eyebrow) {
  max-width: 610px;
  color: rgba(228, 241, 250, .73);
  line-height: 1.75;
}
.light-link { display: inline-flex; margin-top: 12px; color: #7ad0ff; }
.light-link:hover { color: #fff; }
.brand-chip-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.brand-chip-grid span {
  display: grid;
  min-height: 58px;
  place-items: center;
  padding: 12px 9px;
  border: 1px solid rgba(151, 214, 250, .17);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  color: rgba(242, 249, 253, .88);
  font-family: Manrope, Inter, sans-serif;
  font-size: .78rem;
  font-weight: 700;
  text-align: center;
  box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.brand-chip-grid span:hover {
  border-color: rgba(104, 202, 255, .48);
  background: rgba(73, 174, 245, .13);
  color: #fff;
}
.archive-reviews { background: #fff; }
.archive-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}
.archive-review-card {
  position: relative;
  min-height: 250px;
  padding: 34px 30px;
  overflow: hidden;
  border: 1px solid #dbe7ef;
  border-radius: 15px;
  background: linear-gradient(150deg, #fff, #f5f9fc);
  box-shadow: 0 14px 36px rgba(4, 39, 64, .07);
}
.archive-review-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(#168cff, #67c9ff);
}
.archive-review-card > span {
  color: #188ee9;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.archive-review-card h3 {
  margin: 42px 0 12px;
  color: var(--ink-900);
  font-size: 1.25rem;
}
.archive-review-card p { margin: 0; color: var(--ink-700); line-height: 1.7; }

@media (max-width: 980px) {
  .experience-panel { grid-template-columns: 1fr; gap: 38px; }
  .brand-chip-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .archive-review-grid { grid-template-columns: 1fr; }
  .archive-review-card { min-height: 0; }
  .archive-review-card h3 { margin-top: 26px; }
}
@media (max-width: 600px) {
  .experience-panel { padding: 34px 22px; border-radius: 17px; }
  .brand-chip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .brand-chip-grid span { min-height: 52px; font-size: .72rem; }
  .archive-review-card { padding: 28px 24px; }
}
/* Blog index and editorial article system */
.blog-hero,.article-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 8%,rgba(42,149,255,.3),transparent 34%),linear-gradient(125deg,#020e1b,#052744 62%,#06395e)}
.blog-hero::after,.article-hero::after{content:"";position:absolute;right:-150px;bottom:-260px;width:620px;height:620px;border:1px solid rgba(118,207,255,.12);border-radius:50%;box-shadow:0 0 0 100px rgba(92,187,255,.025),0 0 0 200px rgba(92,187,255,.018)}
.blog-hero{padding:clamp(86px,11vw,145px) 0 110px}.blog-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);gap:clamp(52px,9vw,130px);align-items:end}
.blog-hero h1,.article-hero h1{max-width:900px;margin-bottom:25px;color:#fff;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.98;letter-spacing:-.055em}.blog-hero p:not(.eyebrow){max-width:700px;margin:0;color:rgba(231,242,250,.75);font-size:1.1rem}
.blog-hero-note{padding:28px 0 6px 25px;border-left:2px solid #35a9f7}.blog-hero-note>span{display:block;margin-bottom:14px;color:#65c7ff;font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.blog-hero-note strong{display:block;color:#fff;font-family:Manrope,sans-serif;font-size:1.25rem;line-height:1.35}.blog-hero-note p{margin:14px 0 0;color:rgba(229,241,249,.62);font-size:.83rem}
.blog-featured-section{background:#fff}.featured-article{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);overflow:hidden;border:1px solid #d7e5ee;border-radius:20px;background:#fff;box-shadow:0 25px 70px rgba(5,37,62,.13);transition:transform .25s,box-shadow .25s}.featured-article:hover{transform:translateY(-5px);box-shadow:0 32px 80px rgba(5,37,62,.18)}
.featured-article-media,.blog-card-media{position:relative;overflow:hidden}.featured-article-media img{width:100%;height:100%;min-height:480px;object-fit:cover}.featured-article-media>span,.blog-card-media>span{position:absolute;left:22px;top:22px;padding:8px 11px;border-radius:6px;background:rgba(3,25,43,.88);color:#8bd7ff;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px)}
.featured-article-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,76px)}.featured-article-copy h2{margin:20px 0;font-size:clamp(2rem,3.5vw,3.25rem)}.featured-article-copy p{line-height:1.75}
.article-meta{display:flex;flex-wrap:wrap;gap:9px 18px;color:var(--ink-600);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.article-meta span+span::before,.article-meta span+time::before{content:"•";margin-right:18px;color:var(--brand-500)}.article-read-link{margin-top:auto;color:var(--brand-700);font-size:.9rem;font-weight:800}.article-read-link.muted{color:var(--ink-600)}
.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:38px}.blog-card{display:flex;min-width:0;min-height:100%;flex-direction:column;overflow:hidden;border:1px solid #dce7ee;border-radius:15px;background:#fff;box-shadow:0 14px 35px rgba(4,35,58,.07);transition:transform .22s,box-shadow .22s}.blog-card:not(.blog-card-placeholder):hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(4,35,58,.12)}
.blog-card-media{display:block;aspect-ratio:1.45/1;background:#d9e5ec}.blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.blog-card:hover .blog-card-media img{transform:scale(1.035)}.blog-card-body{display:flex;flex:1;flex-direction:column;padding:27px}.blog-card-body h3{margin:18px 0 12px;font-size:1.28rem;line-height:1.3}.blog-card-body p{font-size:.9rem;line-height:1.7}.blog-card-placeholder{opacity:.78}
.blog-topics-section{background:#fff}.topics-panel{padding:clamp(42px,6vw,75px);border-radius:22px;background:linear-gradient(135deg,#031422,#06395c);box-shadow:0 28px 65px rgba(2,29,49,.2)}.topics-panel h2{margin-bottom:42px;color:#fff}.topic-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(139,210,251,.15)}.topic-link-grid a{display:flex;min-height:190px;flex-direction:column;padding:30px;background:#062943;transition:background .2s}.topic-link-grid a:hover{background:#0a3b60}.topic-link-grid span{color:#5ec4ff;font-size:.68rem;font-weight:800;letter-spacing:.12em}.topic-link-grid strong{margin:auto 0 8px;color:#fff;font-family:Manrope,sans-serif;font-size:1.05rem}.topic-link-grid small{color:rgba(227,241,250,.62);line-height:1.5}.article-hero{padding:85px 0 150px}.article-hero-inner{position:relative;z-index:1}.article-hero .breadcrumb,.article-hero .breadcrumb a{color:rgba(230,242,250,.62)}.article-hero .breadcrumb a:hover{color:#fff}.light-meta{margin:55px 0 24px;color:#74cfff}.article-hero h1{max-width:1050px;font-size:clamp(2.75rem,5.7vw,5rem)}.article-deck{max-width:750px;margin:0;color:rgba(232,243,250,.75);font-size:clamp(1.05rem,1.7vw,1.28rem)}
.article-cover{position:relative;z-index:2;margin-top:-90px}.article-cover img{width:100%;height:clamp(380px,55vw,680px);object-fit:cover;border:8px solid #fff;border-radius:20px;box-shadow:0 30px 75px rgba(3,31,51,.2)}.article-layout{display:grid;grid-template-columns:170px minmax(0,680px) minmax(220px,1fr);gap:42px;align-items:start;padding-top:90px;padding-bottom:115px}
.article-toc{position:sticky;top:115px;display:flex;flex-direction:column;gap:13px;padding-top:6px}.article-toc>span{margin-bottom:6px;color:var(--ink-900);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.article-toc a{color:var(--ink-600);font-size:.78rem;font-weight:600}.article-toc a:hover{color:var(--brand-700)}.article-body{min-width:0}.article-body p{color:#344d63;font-size:1.02rem;line-height:1.85}.article-lead{color:var(--ink-800)!important;font-size:1.24rem!important;line-height:1.7!important}.article-body section{padding-top:35px;scroll-margin-top:100px}.article-body h2{margin:0 0 20px;font-size:clamp(1.75rem,3vw,2.35rem)}
.article-body figure{margin:38px 0}.article-body figure img{width:100%;max-height:470px;object-fit:cover;border-radius:13px}.article-body figcaption{margin-top:11px;color:var(--ink-600);font-size:.75rem}.article-callout{margin:38px 0 10px;padding:25px 28px;border-left:3px solid #249ce0;background:#eef7fc}.article-callout strong{color:var(--brand-700);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}.article-callout p{margin:8px 0 0;font-size:.9rem;line-height:1.65}
.article-checklist{display:grid;gap:12px;margin:28px 0;padding:0;list-style:none}.article-checklist li{position:relative;padding:15px 18px 15px 48px;border:1px solid #dae7ee;border-radius:9px;background:#fafcfd;color:var(--ink-700)}.article-checklist li::before{content:"✓";position:absolute;left:18px;top:15px;color:var(--brand-600);font-weight:800}.article-summary{margin-top:45px;padding:32px;border-radius:14px;background:linear-gradient(135deg,#031827,#07416a)}.article-summary span{color:#65c8ff;font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.article-summary h3{margin:12px 0 0;color:#fff;font-size:1.45rem;line-height:1.35}
.article-side-cta{position:sticky;top:110px;padding:27px;border:1px solid #d7e5ed;border-radius:14px;background:#f7fafc;box-shadow:0 12px 30px rgba(4,35,58,.08)}.article-side-cta>span{color:var(--brand-700);font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.article-side-cta h2{margin:14px 0 10px;font-size:1.55rem}.article-side-cta p{font-size:.82rem;line-height:1.6}.article-side-cta .button{width:100%;padding-inline:15px;text-align:center}
.related-post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.related-post-grid a{display:flex;min-height:180px;flex-direction:column;padding:28px;border:1px solid #d8e4ec;border-radius:12px;background:#fff;transition:transform .2s,box-shadow .2s}.related-post-grid a:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.related-post-grid span{color:var(--brand-700);font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.related-post-grid strong{margin:auto 0 14px;font-family:Manrope,sans-serif;font-size:1.2rem}.related-post-grid small{color:var(--ink-600)}
@media(max-width:1080px){.nav-shell{gap:24px}.desktop-nav{gap:20px}.article-layout{grid-template-columns:minmax(0,1fr) 250px}.article-toc{display:none}}
@media(max-width:900px){.blog-hero-grid,.featured-article{grid-template-columns:1fr}.featured-article-media img{min-height:390px}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card:last-child{grid-column:1/-1}.topic-link-grid{grid-template-columns:1fr}.topic-link-grid a{min-height:150px}.article-layout{grid-template-columns:1fr}.article-side-cta{position:static}}
@media(max-width:700px){.blog-hero{padding:72px 0 78px}.blog-hero-grid{gap:44px}.blog-hero h1{font-size:clamp(2.55rem,13vw,4.1rem)}.featured-article-media img{min-height:280px}.featured-article-copy{padding:30px 24px 36px}.blog-card-grid{grid-template-columns:1fr}.blog-card:last-child{grid-column:auto}.topics-panel{padding:36px 22px;border-radius:16px}.article-hero{padding:65px 0 112px}.article-hero h1{font-size:clamp(2.4rem,12vw,3.7rem)}.light-meta{margin-top:40px}.article-cover{margin-top:-62px}.article-cover img{height:300px;border-width:5px;border-radius:13px}.article-layout{gap:30px;padding-top:60px;padding-bottom:80px}.article-body p{font-size:.96rem}.article-lead{font-size:1.1rem!important}.article-callout,.article-summary{padding:24px 21px}.related-post-grid{grid-template-columns:1fr}}
/* Homepage: Sifu White and Kool Aire introductions */
.sifu-profile{position:relative;padding-top:130px;background:linear-gradient(180deg,#f4f8fb 0%,#fff 30%,#fff 100%)}
.sifu-profile::before{content:"";position:absolute;left:0;top:18%;width:18%;height:52%;background:linear-gradient(90deg,rgba(37,150,219,.06),transparent);pointer-events:none}
.profile-grid{display:grid;grid-template-columns:minmax(380px,.88fr) minmax(0,1.12fr);gap:clamp(58px,8vw,115px);align-items:center}
.profile-visual{position:relative;min-height:760px}
.profile-visual>img{width:100%;height:760px;object-fit:cover;object-position:center center;border-radius:22px;box-shadow:0 34px 80px rgba(4,31,51,.2)}
.profile-visual::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.28);border-radius:15px;pointer-events:none}
.profile-experience{position:absolute;right:-35px;top:55px;z-index:2;display:flex;align-items:center;gap:16px;min-width:240px;padding:20px 24px;border:1px solid rgba(103,201,255,.35);border-radius:13px;background:linear-gradient(135deg,rgba(3,25,43,.96),rgba(5,59,96,.93));box-shadow:0 20px 45px rgba(0,20,35,.27);backdrop-filter:blur(12px)}
.profile-experience strong{color:#fff;font-family:Manrope,sans-serif;font-size:2.3rem;line-height:1}.profile-experience span{color:rgba(230,244,252,.72);font-size:.72rem;line-height:1.45}
.profile-caption{position:absolute;left:25px;right:25px;bottom:24px;z-index:2;padding:24px 26px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(2,19,32,.83);backdrop-filter:blur(15px)}
.profile-caption span,.profile-caption strong{display:block}.profile-caption span{margin-bottom:5px;color:#6bcaff;font-size:.66rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.profile-caption strong{color:#fff;font-family:Manrope,sans-serif;font-size:1.45rem}
.profile-copy h2{max-width:720px;margin-bottom:25px;font-size:clamp(2.35rem,4.3vw,4.1rem);line-height:1.02}.profile-copy>p{max-width:730px;line-height:1.8}.profile-lead{color:var(--ink-800)!important;font-size:1.16rem;font-weight:600}
.profile-principle{margin:32px 0;padding:26px 28px;border-left:3px solid var(--premium-blue);background:linear-gradient(100deg,#eef7fd,#f8fbfd);box-shadow:inset 0 1px #fff}.profile-principle span{display:block;margin-bottom:8px;color:var(--brand-700);font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.profile-principle strong{color:var(--ink-900);font-family:Manrope,sans-serif;font-size:1.08rem;line-height:1.55}
.vehicle-scope{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.vehicle-scope span{padding:8px 12px;border:1px solid #cfe1ec;border-radius:999px;background:#fff;color:var(--ink-700);font-size:.72rem;font-weight:700;box-shadow:0 5px 15px rgba(4,33,54,.045)}
.profile-quote{position:relative;margin:32px 0 0;padding:0 0 0 28px;border-left:2px solid #2296dd;color:var(--ink-900);font-family:Manrope,sans-serif;font-size:clamp(1.15rem,2vw,1.48rem);font-weight:700;line-height:1.45}
.profile-quote::before{content:"“";position:absolute;left:10px;top:-12px;color:#99d9f7;font-size:2.6rem}
.koolaire-profile{padding-top:25px;background:#fff}.koolaire-panel{position:relative;overflow:hidden;padding:clamp(48px,6.5vw,82px);border:1px solid rgba(106,199,255,.22);border-radius:25px;background:radial-gradient(circle at 92% 6%,rgba(33,144,241,.27),transparent 32%),linear-gradient(135deg,#02111e,#052d4b 62%,#063c61);box-shadow:0 35px 85px rgba(3,28,47,.24)}
.koolaire-panel::after{content:"";position:absolute;right:-140px;bottom:-190px;width:490px;height:490px;border:1px solid rgba(124,211,255,.12);border-radius:50%;box-shadow:0 0 0 85px rgba(80,185,250,.025),0 0 0 170px rgba(80,185,250,.018);pointer-events:none}
.koolaire-intro,.koolaire-services,.koolaire-philosophy,.koolaire-closing{position:relative;z-index:1}.koolaire-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.65fr);gap:clamp(45px,8vw,110px);align-items:end}.koolaire-intro h2{max-width:720px;margin:0;color:#fff;font-size:clamp(2.35rem,4.3vw,4rem);line-height:1.03}.koolaire-intro-copy p{margin-bottom:14px;color:rgba(230,243,251,.7);line-height:1.75}.koolaire-intro-copy p:last-child{margin-bottom:0}
.koolaire-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:58px 0;background:rgba(138,210,251,.14)}.koolaire-services>div{display:flex;min-height:112px;align-items:center;gap:18px;padding:23px;background:rgba(3,33,55,.9);transition:background .2s}.koolaire-services>div:hover{background:rgba(9,64,102,.95)}.koolaire-services span{flex:0 0 auto;color:#58c4ff;font-size:.65rem;font-weight:800;letter-spacing:.1em}.koolaire-services strong{color:rgba(245,250,253,.9);font-size:.82rem;line-height:1.45}
.koolaire-philosophy{display:grid;grid-template-columns:72px minmax(300px,.8fr) minmax(320px,1fr);gap:27px 36px;align-items:center;padding:34px 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.philosophy-mark{display:grid;width:66px;height:66px;place-items:center;border:1px solid rgba(109,204,255,.35);border-radius:12px;background:linear-gradient(145deg,#188eea,#0b66bd);color:#fff;font-family:Manrope,sans-serif;font-weight:800;box-shadow:0 13px 28px rgba(0,81,150,.28)}.koolaire-philosophy span{display:block;margin-bottom:7px;color:#64c8ff;font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.koolaire-philosophy h3{margin:0;color:#fff;font-size:1.45rem;line-height:1.35}.koolaire-philosophy>p{margin:0;color:rgba(229,242,250,.64);font-size:.86rem;line-height:1.7}
.koolaire-closing{max-width:900px;padding-top:38px}.koolaire-closing>p{color:rgba(229,242,250,.66);line-height:1.75}.koolaire-closing>strong{display:block;margin:15px 0 27px;color:#fff;font-family:Manrope,sans-serif;font-size:1.12rem;line-height:1.55}.koolaire-closing .button-row{margin-top:0}.koolaire-closing .light-link{align-self:center;text-decoration-color:rgba(122,208,255,.35)}
@media(max-width:1050px){.profile-grid{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:58px}.profile-visual,.profile-visual>img{min-height:680px;height:680px}.profile-experience{right:-20px}.koolaire-services{grid-template-columns:repeat(2,minmax(0,1fr))}.koolaire-philosophy{grid-template-columns:72px 1fr}.koolaire-philosophy>p{grid-column:2}}
@media(max-width:820px){.sifu-profile{padding-top:105px}.profile-grid,.koolaire-intro{grid-template-columns:1fr}.profile-visual{width:min(100%,560px);margin-inline:auto}.profile-experience{right:20px}.koolaire-intro{gap:30px}.koolaire-services{margin:45px 0}.koolaire-philosophy{grid-template-columns:64px 1fr}.koolaire-philosophy>p{grid-column:1/-1}.philosophy-mark{width:60px;height:60px}}
@media(max-width:600px){.sifu-profile{padding-top:82px}.profile-grid{gap:45px}.profile-visual,.profile-visual>img{min-height:520px;height:520px}.profile-visual>img{border-radius:16px}.profile-visual::after{inset:11px;border-radius:11px}.profile-experience{right:12px;top:18px;min-width:0;padding:15px 17px}.profile-experience strong{font-size:1.8rem}.profile-caption{left:12px;right:12px;bottom:12px;padding:18px}.profile-copy h2{font-size:2.35rem}.profile-principle{padding:22px 20px}.profile-quote{padding-left:23px}.koolaire-profile{padding-top:0}.koolaire-panel{width:calc(100% - 22px);padding:39px 20px;border-radius:18px}.koolaire-intro h2{font-size:2.3rem}.koolaire-services{grid-template-columns:1fr;margin:38px 0}.koolaire-services>div{min-height:82px;padding:19px}.koolaire-philosophy{grid-template-columns:52px 1fr;gap:20px}.philosophy-mark{width:52px;height:52px}.koolaire-philosophy h3{font-size:1.16rem}.koolaire-closing .button-row{align-items:stretch}.koolaire-closing .light-link{align-self:flex-start;margin-top:5px}}
.profile-visual>img.sifu-portrait{object-position:center top}

/* Why choose us: The Kool Aire Promise */
.why-choose-section{position:relative;overflow:hidden;padding-top:125px;background:linear-gradient(180deg,#f3f8fb,#fff)}
.why-choose-section::before{content:"PROMISE";position:absolute;right:-25px;top:50px;color:rgba(10,90,140,.035);font-family:Manrope,sans-serif;font-size:clamp(6rem,14vw,13rem);font-weight:800;letter-spacing:-.06em;line-height:1;pointer-events:none}
.why-choose-heading{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.55fr);gap:70px;align-items:end;margin-bottom:52px}.why-choose-heading h2{margin:0;font-size:clamp(2.6rem,5vw,4.7rem);line-height:.98}.why-choose-heading>p{margin:0;color:var(--ink-700);line-height:1.8}
.promise-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.promise-card{position:relative;display:flex;min-height:390px;flex-direction:column;padding:31px 27px;overflow:hidden;border:1px solid #d8e5ed;border-radius:16px;background:linear-gradient(155deg,#fff,#f7fafc);box-shadow:0 15px 38px rgba(4,35,57,.07);transition:transform .22s,border-color .22s,box-shadow .22s}.promise-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#168ff0,#69cfff);opacity:.75}.promise-card:hover{transform:translateY(-6px);border-color:#9ed8f5;box-shadow:0 25px 55px rgba(4,35,57,.13)}
.promise-number{position:absolute;right:23px;top:23px;color:#a9becc;font-size:.63rem;font-weight:800;letter-spacing:.13em}.promise-icon{display:grid;width:54px;height:54px;margin-bottom:47px;place-items:center;border:1px solid #b6ddf2;border-radius:12px;background:linear-gradient(145deg,#eaf7fd,#fff);color:#168bd8;font-family:Manrope,sans-serif;font-size:1.55rem;font-weight:800;box-shadow:0 10px 22px rgba(13,117,189,.1)}.promise-card h3{margin-bottom:14px;font-size:1.28rem;line-height:1.28}.promise-card p{font-size:.85rem;line-height:1.72}.promise-card>strong{margin-top:auto;padding-top:20px;border-top:1px solid #dce8ef;color:var(--brand-700);font-size:.68rem;letter-spacing:.09em;text-transform:uppercase}
.promise-signature{position:relative;z-index:1;display:grid;grid-template-columns:64px minmax(260px,.8fr) minmax(250px,1fr) auto;gap:24px 32px;align-items:center;margin-top:22px;padding:29px 32px;border:1px solid rgba(108,200,253,.25);border-radius:15px;background:radial-gradient(circle at 84% 0,rgba(42,151,242,.22),transparent 32%),linear-gradient(125deg,#031624,#073759);box-shadow:0 24px 55px rgba(2,29,48,.18)}.promise-seal{display:grid;width:60px;height:60px;place-items:center;border:1px solid rgba(133,216,255,.38);border-radius:13px;background:linear-gradient(145deg,#1a91e9,#0b67bf);box-shadow:0 12px 28px rgba(0,89,161,.3)}.promise-seal span{color:#fff;font-family:Manrope,sans-serif;font-weight:800}.promise-signature small,.promise-signature strong{display:block}.promise-signature small{margin-bottom:4px;color:#68caff;font-size:.62rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.promise-signature strong{color:#fff;font-family:Manrope,sans-serif;font-size:1.13rem}.promise-signature>p{margin:0;color:rgba(231,243,250,.66);font-size:.82rem;line-height:1.6}.promise-signature .button{white-space:nowrap}
@media(max-width:1050px){.promise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promise-card{min-height:340px}.promise-signature{grid-template-columns:64px 1fr auto}.promise-signature>p{grid-column:2}}
@media(max-width:820px){.why-choose-heading{grid-template-columns:1fr;gap:22px}.promise-signature{grid-template-columns:60px 1fr}.promise-signature>p{grid-column:1/-1}.promise-signature .button{grid-column:1/-1;justify-self:start}}
@media(max-width:600px){.why-choose-section{padding-top:85px}.why-choose-heading{margin-bottom:38px}.why-choose-heading h2{font-size:2.55rem}.promise-grid{grid-template-columns:1fr}.promise-card{min-height:315px;padding:27px 24px}.promise-icon{margin-bottom:36px}.promise-signature{grid-template-columns:50px 1fr;padding:24px 20px}.promise-seal{width:50px;height:50px}.promise-signature strong{font-size:1rem}.promise-signature .button{width:100%}}
/* Homepage content after The Kool Aire Promise */
.solution-journey{position:relative;background:#fff}.solution-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:50px;border:1px solid #d8e5ed;border-radius:18px;background:#fff;box-shadow:0 22px 58px rgba(4,35,57,.09)}.solution-step{position:relative;display:flex;min-height:330px;flex-direction:column;padding:34px 30px;border-right:1px solid #d8e5ed}.solution-step:last-child{border-right:0}.solution-step::after{content:"";position:absolute;right:-7px;top:55px;z-index:2;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#2299df;box-shadow:0 0 0 1px #90cfef}.solution-step:last-child::after{display:none}.solution-step-head span{display:block;margin-bottom:34px;color:var(--brand-600);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.solution-step-head strong{display:block;min-height:58px;color:var(--ink-900);font-family:Manrope,sans-serif;font-size:1.22rem;line-height:1.3}.solution-step p{font-size:.84rem;line-height:1.7}.solution-step small{margin-top:auto;padding-top:20px;border-top:1px solid #dce7ee;color:var(--ink-600);font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.customer-video-section{position:relative;overflow:hidden;background:radial-gradient(circle at 9% 6%,rgba(26,142,235,.22),transparent 30%),linear-gradient(135deg,#020f1b,#052c49 65%,#063a5e)}.customer-video-section::after{content:"";position:absolute;right:-180px;bottom:-260px;width:560px;height:560px;border:1px solid rgba(119,211,255,.12);border-radius:50%;box-shadow:0 0 0 90px rgba(86,187,255,.022),0 0 0 180px rgba(86,187,255,.015)}.customer-video-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);gap:clamp(55px,8vw,105px);align-items:center}.video-stage{position:relative;min-height:620px;overflow:hidden;border:1px solid rgba(138,216,255,.2);border-radius:22px;box-shadow:0 32px 75px rgba(0,0,0,.32)}.video-stage>img{width:100%;height:620px;object-fit:cover;filter:saturate(.75) brightness(.58)}.video-stage-overlay{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:42px;background:linear-gradient(180deg,rgba(1,15,26,.05),rgba(1,15,26,.88))}.video-kicker{position:absolute;left:30px;top:30px;padding:8px 11px;border:1px solid rgba(119,207,255,.26);border-radius:6px;background:rgba(2,24,40,.7);color:#75d0ff;font-size:.63rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.video-play{display:grid;width:74px;height:74px;margin-bottom:25px;place-items:center;padding-left:5px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(7,103,169,.56);color:#fff;font-size:1.35rem;backdrop-filter:blur(12px)}.video-stage-overlay strong{color:#fff;font-family:Manrope,sans-serif;font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.12}.video-stage-overlay small{margin-top:18px;padding:7px 10px;border-radius:5px;background:rgba(245,185,75,.13);color:#f5cc82;font-size:.63rem;letter-spacing:.04em}.video-copy h2{color:#fff;font-size:clamp(2.25rem,4vw,3.85rem);line-height:1.03}.video-copy>p{color:rgba(228,242,250,.7);line-height:1.75}.video-proof-list{display:grid;gap:1px;margin:35px 0;background:rgba(132,211,255,.14)}.video-proof-list>div{display:grid;grid-template-columns:35px 1fr;gap:14px;align-items:start;padding:18px 19px;background:rgba(4,38,62,.86)}.video-proof-list span{color:#5fc7ff;font-size:.65rem;font-weight:800}.video-proof-list p{margin:0;color:rgba(237,247,252,.75);font-size:.78rem;line-height:1.6}
.panel-workshop-section{background:linear-gradient(180deg,#eef5f9,#fff)}.panel-workshop-grid{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);gap:clamp(55px,8vw,105px);align-items:center}.panel-workshop-copy h2{font-size:clamp(2.35rem,4.2vw,4rem);line-height:1.03}.panel-workshop-copy>p{line-height:1.8}.panel-workshop-note{margin:30px 0;padding:24px 26px;border-left:3px solid var(--premium-blue);background:#fff;box-shadow:0 15px 38px rgba(4,34,55,.08)}.panel-workshop-note span,.panel-workshop-note strong{display:block}.panel-workshop-note span{margin-bottom:8px;color:var(--brand-700);font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.panel-workshop-note strong{font-family:Manrope,sans-serif;font-size:1rem;line-height:1.55}.panel-workshop-visual{min-width:0}.panel-image-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:repeat(2,190px);gap:10px}.panel-image-grid img{width:100%;height:100%;object-fit:cover;border-radius:11px}.panel-image-grid img:first-child{grid-row:1/3}.panel-brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}.panel-brand-grid span{display:grid;min-height:48px;place-items:center;padding:8px;border:1px solid #d5e4ed;border-radius:7px;background:rgba(255,255,255,.9);color:var(--ink-700);font-size:.65rem;font-weight:750;text-align:center}
.booking-guide{background:#fff}.booking-panel{position:relative;overflow:hidden;padding:clamp(45px,6vw,76px);border:1px solid rgba(106,199,255,.22);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(42,152,245,.23),transparent 32%),linear-gradient(135deg,#03131f,#06385b);box-shadow:0 32px 78px rgba(3,28,47,.22)}.booking-panel::after{content:"BOOK";position:absolute;right:-20px;bottom:-45px;color:rgba(255,255,255,.025);font-family:Manrope,sans-serif;font-size:10rem;font-weight:800;line-height:1}.booking-heading,.booking-steps,.booking-action{position:relative;z-index:1}.booking-heading{max-width:720px}.booking-heading h2{color:#fff;font-size:clamp(2.35rem,4.2vw,4rem);line-height:1.03}.booking-heading>p{color:rgba(229,243,251,.66)}.booking-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:45px 0;background:rgba(133,212,255,.15);list-style:none;padding:0}.booking-steps li{display:grid;grid-template-columns:42px 1fr;gap:17px;min-height:190px;padding:28px;background:rgba(3,39,64,.9)}.booking-steps li>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(111,206,255,.3);border-radius:9px;color:#68cbff;font-size:.67rem;font-weight:800}.booking-steps strong{display:block;margin-bottom:11px;color:#fff;font-family:Manrope,sans-serif;font-size:1rem}.booking-steps p{margin:0;color:rgba(231,244,251,.63);font-size:.78rem;line-height:1.65}.booking-action{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:30px;border-top:1px solid rgba(255,255,255,.13)}.booking-action span,.booking-action strong{display:block}.booking-action span{margin-bottom:5px;color:#63c9ff;font-size:.63rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.booking-action strong{color:#fff;font-family:Manrope,sans-serif;font-size:1.15rem}
@media(max-width:1050px){.solution-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-step{border-bottom:1px solid #d8e5ed}.solution-step:nth-child(2){border-right:0}.solution-step:nth-child(3),.solution-step:nth-child(4){border-bottom:0}.solution-step:nth-child(2)::after{display:none}.customer-video-grid,.panel-workshop-grid{grid-template-columns:1fr}.video-stage{min-height:560px}.video-stage>img{height:560px}.panel-workshop-copy{max-width:760px}.panel-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.booking-steps{grid-template-columns:1fr}.booking-steps li{min-height:135px}.booking-action{align-items:flex-start;flex-direction:column}.panel-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.solution-steps{grid-template-columns:1fr}.solution-step{min-height:280px;border-right:0;border-bottom:1px solid #d8e5ed!important}.solution-step:last-child{border-bottom:0!important}.solution-step::after{display:none}.video-stage{min-height:470px;border-radius:16px}.video-stage>img{height:470px}.video-stage-overlay{padding:26px}.video-kicker{left:18px;top:18px}.video-play{width:62px;height:62px}.video-stage-overlay small{font-size:.57rem}.panel-image-grid{grid-template-columns:1fr;grid-template-rows:260px 180px 180px}.panel-image-grid img:first-child{grid-row:auto}.panel-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-panel{width:calc(100% - 22px);padding:39px 20px;border-radius:18px}.booking-steps li{grid-template-columns:38px 1fr;padding:22px 18px}.booking-action .button{width:100%}}
/* Alternating S-curve solution journey */
.solution-map{position:relative;width:min(100%,1080px);margin:25px auto 0;padding:12px 0}.solution-path{position:absolute;left:50%;top:0;width:250px;height:100%;transform:translateX(-50%);overflow:visible;pointer-events:none}.solution-path path{fill:none;stroke:#738897;stroke-width:3;stroke-linecap:round;stroke-dasharray:1 4;opacity:.7}
.journey-item{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);align-items:center;min-height:210px}.journey-card{position:relative;display:grid;width:min(100%,440px);min-height:158px;align-items:center;border:1px solid rgba(255,255,255,.2);border-radius:24px;color:#fff;box-shadow:0 22px 48px rgba(3,43,68,.18),inset 0 1px rgba(255,255,255,.15);transition:transform .22s,box-shadow .22s}.journey-card:hover{transform:translateY(-4px);box-shadow:0 29px 58px rgba(3,43,68,.25),inset 0 1px rgba(255,255,255,.18)}.journey-left .journey-card{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr) 92px;justify-self:end;margin-right:15px;padding:25px 2px 25px 27px}.journey-right .journey-card{grid-column:3;grid-row:1;grid-template-columns:92px minmax(0,1fr);justify-self:start;margin-left:15px;padding:25px 27px 25px 2px}
.journey-card-a{background:linear-gradient(135deg,#17a9ad,#138d9d)}.journey-card-b{background:linear-gradient(135deg,#168ab5,#1377a1)}.journey-card-c{background:linear-gradient(135deg,#0b5f79,#074d68)}.journey-card-d{background:linear-gradient(135deg,#173f5d,#0d2e49)}.journey-copy small{display:block;margin-bottom:6px;color:rgba(233,250,255,.7);font-size:.58rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.journey-copy h3{margin:0 0 8px;color:#fff;font-size:1.16rem;line-height:1.25}.journey-copy p{margin:0;color:rgba(240,249,253,.76);font-size:.74rem;line-height:1.55}.journey-icon{display:grid;width:86px;height:86px;place-items:center;border:1px solid rgba(8,77,103,.12);border-radius:50%;background:linear-gradient(145deg,#fff,#e9f2f5);color:#0c718d;font-family:Manrope,sans-serif;font-size:1.65rem;font-weight:800;box-shadow:0 14px 28px rgba(0,31,48,.22),inset 0 2px #fff}.journey-left .journey-icon{transform:translateX(41px)}.journey-right .journey-icon{transform:translateX(-41px)}
.journey-label{position:relative;grid-column:2;grid-row:1;display:grid;grid-template-columns:22px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;justify-self:center;min-width:105px;padding:9px 10px;background:rgba(255,255,255,.84);border-radius:9px;backdrop-filter:blur(5px)}.journey-label i{grid-row:1/3;display:block;width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#1c98bc;box-shadow:0 0 0 2px #647d8b}.journey-label span{color:#61717d;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1}.journey-label strong{color:#0d8fa8;font-family:Manrope,sans-serif;font-size:2.3rem;line-height:.9;letter-spacing:-.07em}.journey-left .journey-label{transform:translateX(35px)}.journey-right .journey-label{transform:translateX(-35px)}
@media(max-width:980px){.journey-item{grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr)}.journey-card{min-height:175px}.journey-left .journey-card{grid-template-columns:minmax(0,1fr) 74px;padding-left:22px}.journey-right .journey-card{grid-template-columns:74px minmax(0,1fr);padding-right:22px}.journey-icon{width:72px;height:72px}.journey-left .journey-icon{transform:translateX(33px)}.journey-right .journey-icon{transform:translateX(-33px)}.journey-label{transform:none!important}.journey-copy h3{font-size:1rem}.journey-copy p{font-size:.68rem}}
@media(max-width:760px){.solution-map{padding-left:34px}.solution-map::before{content:"";position:absolute;left:13px;top:20px;bottom:22px;border-left:3px dotted #738897;opacity:.65}.solution-path{display:none}.journey-item{display:flex;min-height:0;flex-direction:column;align-items:stretch;margin-bottom:30px}.journey-item:last-child{margin-bottom:0}.journey-label{order:1;display:flex;min-width:0;align-items:center;align-self:flex-start;gap:8px;margin:0 0 10px -32px;padding:4px 8px 4px 0;background:#fff;transform:none!important}.journey-label i{width:17px;height:17px}.journey-label span{margin-left:2px}.journey-label strong{font-size:1.65rem}.journey-card,.journey-left .journey-card,.journey-right .journey-card{order:2;grid-template-columns:64px minmax(0,1fr);width:100%;min-height:150px;margin:0;padding:21px 20px;border-radius:17px}.journey-left .journey-card{grid-template-columns:minmax(0,1fr) 64px}.journey-icon{width:62px;height:62px;font-size:1.25rem}.journey-left .journey-icon,.journey-right .journey-icon{transform:none}.journey-copy h3{font-size:1.05rem}.journey-copy p{font-size:.72rem}}
@media(max-width:430px){.solution-map{padding-left:27px}.solution-map::before{left:10px}.journey-label{margin-left:-26px}.journey-card,.journey-left .journey-card,.journey-right .journey-card{grid-template-columns:1fr;padding:23px}.journey-icon{display:none}.journey-copy p{font-size:.74rem}}
/* Real vehicle logo grid */
.brand-logo-item{display:grid;min-height:82px;place-items:center;padding:14px;border:1px solid #d5e4ed;border-radius:9px;background:linear-gradient(145deg,#fff,#f4f8fa);box-shadow:0 7px 18px rgba(4,34,55,.055);transition:transform .2s,border-color .2s,box-shadow .2s}.brand-logo-item:hover{transform:translateY(-3px);border-color:#9ed5f0;box-shadow:0 13px 27px rgba(4,34,55,.1)}.brand-logo-item img{display:block;width:auto;max-width:92px;height:auto;max-height:47px;object-fit:contain}.brand-logo-item[title="Peugeot"] img,.brand-logo-item[title="Porsche"] img,.brand-logo-item[title="BMW"] img,.brand-logo-item[title="Mercedes-Benz"] img{max-width:54px;max-height:54px}.brand-logo-item[title="Proton"] img{max-width:68px;max-height:54px}.brand-logo-item[title="Perodua"] img{max-width:70px;max-height:50px}.brand-logo-disclaimer{margin:10px 2px 0;color:var(--ink-600);font-size:.62rem;line-height:1.55}
@media(max-width:600px){.brand-logo-item{min-height:75px}.brand-logo-item img{max-width:82px;max-height:43px}}
/* About Us page — aligned with the primary premium Kool Aire direction. */
.about-page .desktop-nav a[aria-current="page"]::after{transform:scaleX(1)}
.about-hero{position:relative;overflow:hidden;padding:clamp(82px,9vw,126px) 0 0;background:radial-gradient(circle at 82% 4%,rgba(42,150,255,.25),transparent 31%),linear-gradient(125deg,#020e1b,#052843 62%,#063b61)}
.about-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
.about-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:clamp(54px,8vw,115px);align-items:center;padding-bottom:74px}
.about-hero-copy{padding-bottom:18px}.about-hero .breadcrumb,.about-hero .breadcrumb a{color:rgba(226,239,248,.56)}
.about-hero h1{max-width:720px;margin:24px 0;color:#fff;font-size:clamp(3.4rem,6vw,5.9rem);line-height:.93;letter-spacing:-.065em}.about-hero h1 span{color:#2d9eff}.about-hero-copy>p:not(.breadcrumb):not(.eyebrow){max-width:620px;color:rgba(230,241,249,.75);font-size:1.08rem;line-height:1.75}
.about-hero-visual{position:relative;min-height:540px}.about-hero-visual::before{content:"";position:absolute;inset:24px -24px -24px 24px;border:1px solid rgba(101,195,255,.24)}.about-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:2px;filter:saturate(.8) contrast(1.04);box-shadow:0 32px 85px rgba(0,0,0,.34)}
.about-hero-caption{position:absolute;left:-34px;bottom:34px;width:min(300px,72%);padding:24px 26px;border:1px solid rgba(101,195,255,.38);border-top:2px solid #35a9ff;background:rgba(3,24,39,.92);box-shadow:0 20px 55px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.about-hero-caption small{display:block;margin-bottom:13px;color:#72c9ff;font-size:.63rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.about-hero-caption strong{color:#fff;font-family:Manrope,sans-serif;font-size:1.35rem;line-height:1.35}
.about-section-nav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.1);border-bottom:0;background:rgba(6,28,44,.86);box-shadow:0 -18px 45px rgba(0,0,0,.16)}.about-section-nav a{display:flex;gap:14px;align-items:center;min-height:82px;padding:18px 22px;border-right:1px solid rgba(255,255,255,.09);color:rgba(239,247,252,.77);font-size:.78rem;font-weight:700;transition:background .2s,color .2s}.about-section-nav a:last-child{border-right:0}.about-section-nav a:hover{background:rgba(55,166,240,.11);color:#fff}.about-section-nav span{color:#56baff;font-size:.62rem;letter-spacing:.12em}
.about-sifu{background:linear-gradient(180deg,#f5f9fc,#fff)}
.about-story-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#03111e,#062d49 66%,#074873)}.about-story-section::after{content:"STORY";position:absolute;right:-20px;top:48px;color:rgba(255,255,255,.025);font-family:Manrope,sans-serif;font-size:12rem;font-weight:800;letter-spacing:-.08em;pointer-events:none}.about-story-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(500px,1.15fr);gap:clamp(70px,9vw,130px);align-items:center}.about-story-copy h2{max-width:620px;margin:20px 0 28px;color:#fff;font-size:clamp(3rem,5vw,5rem);line-height:.98}.about-story-copy p{color:rgba(225,239,248,.7);line-height:1.75}.about-story-copy .story-lead{color:#fff;font-size:1.15rem;font-weight:600}.about-story-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.about-story-facts div{padding:22px 16px 22px 0}.about-story-facts strong,.about-story-facts span{display:block}.about-story-facts strong{color:#fff;font-family:Manrope,sans-serif;font-size:1.25rem}.about-story-facts span{margin-top:7px;color:rgba(220,236,246,.54);font-size:.68rem;line-height:1.45}
.about-story-media{position:relative;padding:0 0 64px 70px}.about-story-media>img{width:100%;height:560px;object-fit:cover;object-position:center;border-radius:2px;filter:saturate(.76);box-shadow:0 28px 70px rgba(0,0,0,.3)}.story-timeline{position:absolute;left:0;right:42px;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;box-shadow:0 25px 65px rgba(0,0,0,.2)}.story-timeline>div{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:20px;border-right:1px solid #d7e5ee}.story-timeline>div:last-child{border:0}.story-timeline span{color:#1688e5;font-size:.62rem;font-weight:800;letter-spacing:.12em}.story-timeline p{margin:0;color:#637786;font-size:.68rem;line-height:1.5}.story-timeline strong{display:block;margin-bottom:5px;color:#0b2030;font-size:.8rem}
.about-promise{background:#f5f9fc}.about-panel{background:#fff}
@media(max-width:1100px){.about-hero-grid{grid-template-columns:1fr 1fr}.about-hero-visual{min-height:480px}.about-story-grid{grid-template-columns:1fr}.about-story-copy{max-width:760px}.about-story-media{max-width:820px}.about-section-nav a{padding-inline:16px}.about-story-section::after{font-size:9rem}}
@media(max-width:820px){.about-hero{padding-top:72px}.about-hero-grid{grid-template-columns:1fr;padding-bottom:42px}.about-hero-visual{min-height:510px}.about-hero-caption{left:14px}.about-section-nav{grid-template-columns:1fr 1fr}.about-section-nav a:nth-child(2){border-right:0}.about-section-nav a{min-height:68px;border-bottom:1px solid rgba(255,255,255,.09)}.about-story-media{padding-left:0;padding-bottom:0}.about-story-media>img{height:500px}.story-timeline{position:relative;right:auto;grid-template-columns:1fr}.story-timeline>div{border-right:0;border-bottom:1px solid #d7e5ee}.about-story-facts{grid-template-columns:1fr}.about-story-facts div{border-bottom:1px solid rgba(255,255,255,.1)}.about-story-facts div:last-child{border:0}}
@media(max-width:560px){.about-hero h1{font-size:clamp(3rem,15vw,4.2rem)}.about-hero-visual{min-height:430px}.about-section-nav{grid-template-columns:1fr}.about-section-nav a{border-right:0}.about-story-media>img{height:400px}.about-story-section::after{display:none}}
/* Founder-led Automotive Atelier — premium About Us comparison concept. */
.about-atelier{--atelier-ivory:#f3f0e9;--atelier-paper:#faf8f3;--atelier-navy:#061521;--atelier-ink:#0b1b26;--atelier-blue:#087bdc;background:var(--atelier-ivory)}
.about-atelier .about-hero{min-height:850px;padding-top:78px;background:var(--atelier-ivory)}
.about-atelier .about-hero::before{inset:0 0 0 0;background-image:linear-gradient(rgba(9,34,49,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,34,49,.035) 1px,transparent 1px);background-size:74px 74px}
.about-atelier .about-hero::after{content:"01";position:absolute;left:calc(50% - 695px);top:84px;color:rgba(8,61,94,.055);font-family:Manrope,sans-serif;font-size:15rem;font-weight:800;line-height:1;letter-spacing:-.12em;pointer-events:none}
.about-atelier .about-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(430px,.78fr);min-height:650px;gap:clamp(70px,9vw,145px);padding-bottom:80px}
.about-atelier .about-hero-copy{position:relative;z-index:2;padding:28px 0}.about-atelier .about-hero .breadcrumb,.about-atelier .about-hero .breadcrumb a{color:#778791}.about-atelier .about-hero .eyebrow{color:#126fae}.about-atelier .about-hero h1{max-width:770px;margin:30px 0 28px;color:var(--atelier-ink);font-size:clamp(4.4rem,7.2vw,7.4rem);line-height:.82;letter-spacing:-.075em}.about-atelier .about-hero h1 span{display:block;margin-top:20px;color:#0876bf;font-family:"Cormorant Garamond",Georgia,serif;font-size:.83em;font-style:italic;font-weight:500;letter-spacing:-.055em;line-height:.86}.about-atelier .about-hero-copy>p:not(.breadcrumb):not(.eyebrow){max-width:650px;color:#405561;font-size:1.04rem;line-height:1.78}.about-atelier .about-hero .button-on-dark{border-color:#a8b2b7;background:rgba(255,255,255,.38);color:#102430}.about-atelier .about-hero .button-on-dark:hover{border-color:#0c293b;background:#0c293b;color:#fff}
.about-atelier .about-hero-visual{min-height:640px}.about-atelier .about-hero-visual::before{inset:-20px 20px 20px -20px;border-color:#aeb9bd;background:transparent}.about-atelier .about-hero-visual::after{content:"PORTRAIT / TECHNICAL LEAD";position:absolute;right:-44px;top:44px;color:#73838c;font-size:.57rem;font-weight:800;letter-spacing:.18em;writing-mode:vertical-rl}.about-atelier .about-hero-visual img{object-position:center top;border-radius:0;filter:saturate(.72) contrast(1.03);box-shadow:0 35px 90px rgba(18,31,39,.17)}.about-atelier .about-hero-caption{left:-62px;bottom:48px;width:330px;border-color:rgba(121,195,239,.28);border-top-color:#46b6fb;background:rgba(5,25,39,.95)}
.about-atelier .about-section-nav{border:0;background:var(--atelier-navy);box-shadow:0 -24px 65px rgba(6,21,33,.13)}.about-atelier .about-section-nav a{min-height:96px;padding-inline:28px}.about-atelier .about-section-nav span{font-family:"Cormorant Garamond",Georgia,serif;font-size:1rem;font-style:italic}
.about-atelier .about-sifu{padding-block:150px;background:var(--atelier-paper)}.about-atelier .about-sifu .profile-grid{grid-template-columns:minmax(420px,.88fr) minmax(0,1.12fr);gap:clamp(75px,10vw,150px)}.about-atelier .about-sifu .profile-visual,.about-atelier .about-sifu .profile-visual>img{min-height:760px;height:760px;border-radius:0}.about-atelier .about-sifu .profile-visual>img{object-position:48% center;filter:saturate(.7) contrast(1.04)}.about-atelier .about-sifu .profile-experience{right:-35px;top:42px;border-radius:0;background:#0a2c43}.about-atelier .about-sifu .profile-caption{left:-30px;right:auto;bottom:32px;border-radius:0}.about-atelier .about-sifu .profile-copy h2{max-width:760px;font-size:clamp(3.4rem,5.4vw,5.5rem);line-height:.95}.about-atelier .about-sifu .profile-lead{font-size:1.18rem}.about-atelier .about-sifu .profile-principle{border-left:0;border-top:1px solid #9ba9ae;border-bottom:1px solid #d0d6d7;background:transparent;padding:28px 0}.about-atelier .about-sifu .profile-quote{padding:28px 0 0;border:0;color:#0874bd;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);font-style:italic;font-weight:500;line-height:1.15}
.about-atelier .about-story-section{padding-block:150px;background:radial-gradient(circle at 90% 8%,rgba(55,164,237,.18),transparent 28%),linear-gradient(135deg,#04111c,#072c45 64%,#073d61)}.about-atelier .about-story-section::after{content:"K / A";right:28px;top:22px;font-family:"Cormorant Garamond",Georgia,serif;font-size:15rem;font-style:italic;font-weight:500}.about-atelier .about-story-copy h2{font-size:clamp(3.7rem,5.8vw,6rem);letter-spacing:-.065em}.about-atelier .about-story-copy .story-lead{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.7rem;font-weight:500;line-height:1.3}.about-atelier .about-story-media>img{height:620px;border-radius:0}.about-atelier .story-timeline{right:-26px;left:42px}.about-atelier .story-timeline>div{padding:25px 22px}.about-atelier .about-story-facts strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.65rem;font-weight:600}
.about-atelier .about-promise{padding-block:150px;background:var(--atelier-ivory)}.about-atelier .about-promise .why-choose-heading{margin-bottom:76px}.about-atelier .about-promise .why-choose-heading h2{font-size:clamp(3.8rem,6.2vw,6.2rem)}.about-atelier .promise-grid{gap:0;border-top:1px solid #acb5b7;border-bottom:1px solid #c8cecf}.about-atelier .promise-card{min-height:410px;padding:48px 38px;border:0;border-right:1px solid #c3cacc;border-radius:0;background:transparent;box-shadow:none}.about-atelier .promise-card:last-child{border-right:0}.about-atelier .promise-card:hover{transform:none;background:rgba(255,255,255,.36);box-shadow:none}.about-atelier .promise-number{top:28px;right:28px;color:rgba(5,53,85,.06);font-family:"Cormorant Garamond",Georgia,serif;font-size:6.5rem;font-style:italic}.about-atelier .promise-icon{width:48px;height:48px;border:1px solid #8db4cc;border-radius:50%;background:transparent;color:#0879c7;font-size:.68rem}.about-atelier .promise-card h3{margin-top:46px;font-size:1.55rem}.about-atelier .promise-card>strong{border-top:1px solid #c4ccce}.about-atelier .promise-signature{margin-top:56px;border-radius:0;background:#071c2b}
.about-atelier .about-panel{padding-block:150px;background:var(--atelier-paper)}.about-atelier .panel-workshop-grid{gap:clamp(72px,10vw,150px)}.about-atelier .panel-workshop-copy h2{font-size:clamp(3.4rem,5.2vw,5.4rem);line-height:.96}.about-atelier .panel-image-grid img{border-radius:0;filter:saturate(.72) contrast(1.04)}.about-atelier .brand-logo-item{border-radius:0;background:#fff}.about-atelier .panel-workshop-note{border-left:0;border-top:1px solid #95a6ae;background:transparent;padding:28px 0}
.about-atelier .final-cta{background:var(--atelier-ivory)}.about-atelier .cta-panel{border-radius:0;background:linear-gradient(120deg,#061521,#083653)}
@media(max-width:1100px){.about-atelier .about-hero::after{left:20px}.about-atelier .about-hero-grid{grid-template-columns:1fr 1fr;gap:54px}.about-atelier .about-hero h1{font-size:clamp(4rem,7.5vw,6.2rem)}.about-atelier .about-sifu .profile-grid{grid-template-columns:1fr 1fr;gap:65px}.about-atelier .about-sifu .profile-visual,.about-atelier .about-sifu .profile-visual>img{min-height:680px;height:680px}}
@media(max-width:820px){.about-atelier .about-hero{min-height:0}.about-atelier .about-hero-grid{grid-template-columns:1fr}.about-atelier .about-hero h1{font-size:clamp(3.8rem,15vw,5.6rem)}.about-atelier .about-hero-visual{min-height:600px}.about-atelier .about-hero-caption{left:16px}.about-atelier .about-sifu{padding-block:105px}.about-atelier .about-sifu .profile-grid{grid-template-columns:1fr}.about-atelier .about-sifu .profile-experience{right:12px}.about-atelier .about-sifu .profile-caption{left:12px}.about-atelier .about-story-section,.about-atelier .about-promise,.about-atelier .about-panel{padding-block:105px}.about-atelier .promise-grid{grid-template-columns:1fr}.about-atelier .promise-card{min-height:340px;border-right:0;border-bottom:1px solid #c3cacc}.about-atelier .promise-card:last-child{border-bottom:0}}
@media(max-width:560px){.about-atelier .about-hero h1{font-size:clamp(3.15rem,16.5vw,4.45rem)}.about-atelier .about-hero-visual{min-height:480px}.about-atelier .about-hero-caption{width:calc(100% - 32px)}.about-atelier .about-hero-visual::after{display:none}.about-atelier .about-sifu .profile-visual,.about-atelier .about-sifu .profile-visual>img{min-height:540px;height:540px}.about-atelier .about-sifu .profile-copy h2{font-size:3rem}}
/* Our Services page — service architecture, diagnosis process and real model cases. */
.services-page .desktop-nav a[aria-current="page"]::after{transform:scaleX(1)}
.services-hero{position:relative;overflow:hidden;padding:clamp(82px,9vw,126px) 0 0;background:radial-gradient(circle at 84% 6%,rgba(48,157,255,.27),transparent 31%),linear-gradient(125deg,#020e1b,#052942 62%,#06446e)}.services-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
.services-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:clamp(60px,8vw,120px);align-items:center;padding-bottom:74px}.services-hero-copy{padding-bottom:12px}.services-hero .breadcrumb,.services-hero .breadcrumb a{color:rgba(226,239,248,.56)}.services-hero h1{max-width:760px;margin:25px 0;color:#fff;font-size:clamp(3.7rem,6.3vw,6.1rem);line-height:.9;letter-spacing:-.066em}.services-hero h1 span{color:#2d9eff}.services-hero-copy>p:not(.breadcrumb):not(.eyebrow){max-width:640px;color:rgba(230,241,249,.75);font-size:1.08rem;line-height:1.75}
.services-hero-proof{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.services-hero-proof div{padding:20px 15px 20px 0}.services-hero-proof strong,.services-hero-proof span{display:block}.services-hero-proof strong{color:#fff;font-family:Manrope,sans-serif}.services-hero-proof span{margin-top:5px;color:rgba(220,237,247,.52);font-size:.66rem}
.services-hero-visual{position:relative;min-height:570px}.services-hero-visual::before{content:"";position:absolute;inset:24px -24px -24px 24px;border:1px solid rgba(108,202,255,.22)}.services-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:2px;filter:saturate(.78) contrast(1.04);box-shadow:0 30px 85px rgba(0,0,0,.34)}.services-hero-note{position:absolute;left:-34px;bottom:34px;width:290px;padding:24px 26px;border:1px solid rgba(101,195,255,.36);border-top:2px solid #38adf8;background:rgba(3,24,39,.93);box-shadow:0 20px 55px rgba(0,0,0,.28)}.services-hero-note span{display:block;margin-bottom:12px;color:#6fc8ff;font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.services-hero-note strong{color:#fff;font-family:Manrope,sans-serif;font-size:1.35rem;line-height:1.35}
.services-section-nav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.09);border-bottom:0;background:rgba(5,27,43,.9);box-shadow:0 -20px 50px rgba(0,0,0,.17)}.services-section-nav a{display:flex;gap:14px;align-items:center;min-height:84px;padding:20px 28px;border-right:1px solid rgba(255,255,255,.09);color:rgba(239,247,252,.78);font-size:.8rem;font-weight:700}.services-section-nav a:last-child{border-right:0}.services-section-nav a:hover{background:rgba(58,170,243,.11);color:#fff}.services-section-nav span{color:#55baff;font-size:.62rem;letter-spacing:.13em}
.service-categories{background:linear-gradient(180deg,#f5f9fc,#fff)}.service-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.service-category-card{position:relative;overflow:hidden;min-height:500px;padding:42px 42px 38px;border:1px solid #ccdae3;border-radius:16px;background:#fff;box-shadow:0 22px 60px rgba(9,47,75,.08);transition:transform .25s,box-shadow .25s}.service-category-card:hover{transform:translateY(-5px);box-shadow:0 30px 75px rgba(9,47,75,.13)}.service-card-number{position:absolute;right:24px;top:8px;color:rgba(8,89,145,.055);font-family:Manrope,sans-serif;font-size:7.8rem;font-weight:800;letter-spacing:-.08em}.service-card-icon{display:grid;place-items:center;width:62px;height:62px;border:1px solid #9bc5de;border-radius:50%;color:#0c77bd;font-size:.58rem;font-weight:800;letter-spacing:.1em}.service-category-card h3{position:relative;margin:35px 0 15px;font-size:1.75rem}.service-category-card>p{position:relative;color:#617786;line-height:1.7}.service-category-card ul{position:relative;display:grid;gap:10px;margin:27px 0 32px;padding:23px 0;border-top:1px solid #dce6eb;border-bottom:1px solid #dce6eb;list-style:none}.service-category-card li{color:#344d5d;font-size:.83rem}.service-category-card li::before{content:"";display:inline-block;width:6px;height:6px;margin:0 10px 2px 0;border-radius:50%;background:#168ef0}.service-scope-note{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:start;margin-top:38px;padding:26px 30px;border-left:3px solid #168df0;background:#eef7fd}.service-scope-note span{color:#0871ba;font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.service-scope-note p{margin:0;color:#526a79;font-size:.84rem;line-height:1.65}
.service-process-section{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0,rgba(52,164,241,.18),transparent 28%),linear-gradient(135deg,#03111e,#062b45 66%,#073f65)}.service-process-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.55fr);gap:75px;align-items:end;margin-bottom:70px}.service-process-heading h2{max-width:820px;margin:20px 0 0;color:#fff;font-size:clamp(3.2rem,5.5vw,5.4rem);line-height:.96}.service-process-heading>p{color:rgba(224,238,247,.66);line-height:1.75}.service-process-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(135,203,245,.32);border-bottom:1px solid rgba(255,255,255,.1)}.service-process-flow::before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:linear-gradient(90deg,#2ba4f7 0 25%,rgba(43,164,247,.55) 25% 50%,rgba(43,164,247,.28) 50% 75%,rgba(43,164,247,.08) 75%)}.process-step{min-height:390px;padding:38px 30px;border-right:1px solid rgba(255,255,255,.1)}.process-step:last-child{border:0}.process-step>span{display:block;margin-bottom:54px;color:#56bfff;font-family:Manrope,sans-serif;font-size:2rem;font-weight:800}.process-step small{color:#7ccaff;font-size:.57rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.process-step h3{margin:14px 0;color:#fff;font-size:1.28rem}.process-step p{color:rgba(220,235,245,.6);font-size:.82rem;line-height:1.7}.service-process-assurance{display:grid;grid-template-columns:220px 1fr auto;gap:32px;align-items:center;margin-top:46px;padding:28px 30px;border:1px solid rgba(130,201,243,.22);background:rgba(255,255,255,.055)}.service-process-assurance span,.service-process-assurance strong{display:block}.service-process-assurance span{color:#66c5ff;font-size:.6rem;font-weight:800;letter-spacing:.15em}.service-process-assurance strong{margin-top:6px;color:#fff}.service-process-assurance p{margin:0;color:rgba(224,238,247,.62);font-size:.78rem;line-height:1.6}
.model-cases-section{background:#f7fafc}.model-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.model-case-card{overflow:hidden;border:1px solid #d0dfe8;border-radius:15px;background:#fff;box-shadow:0 18px 50px rgba(8,47,74,.075);transition:transform .25s,box-shadow .25s}.model-case-card:hover{transform:translateY(-5px);box-shadow:0 27px 65px rgba(8,47,74,.13)}.model-case-image{position:relative;height:300px;overflow:hidden;background:#e8eef2}.model-case-image>img:first-child{width:100%;height:100%;object-fit:cover;transition:transform .5s}.model-case-card:hover .model-case-image>img:first-child{transform:scale(1.035)}.model-logo{position:absolute;right:16px;bottom:16px;width:68px;height:52px;padding:9px;object-fit:contain;border:1px solid rgba(202,217,226,.9);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(0,0,0,.14)}.model-logo-word{display:grid;place-items:center;color:#0b1f2d;font-size:.68rem;font-weight:800;letter-spacing:.08em}.model-case-card>div:last-child{padding:26px 27px 30px}.model-case-card>div:last-child>span{color:#0b7bc8;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.model-case-card h3{margin:10px 0;font-size:1.25rem}.model-case-card p{margin:0;color:#647988;font-size:.8rem;line-height:1.65}.models-covered{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center;margin-top:44px;padding:26px 30px;border:1px solid #d4e1e8;background:#fff}.models-covered>span{color:#607786;font-size:.66rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.models-covered>div{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.models-covered img{width:100%;height:45px;object-fit:contain;filter:saturate(.85)}
@media(max-width:1100px){.services-hero-grid{grid-template-columns:1fr 1fr}.services-hero-visual{min-height:520px}.model-case-grid{grid-template-columns:repeat(2,1fr)}.service-process-flow{grid-template-columns:repeat(2,1fr)}.process-step:nth-child(2){border-right:0}.process-step{border-bottom:1px solid rgba(255,255,255,.1)}.service-process-assurance{grid-template-columns:180px 1fr}.service-process-assurance .button{grid-column:1/-1;justify-self:start}.models-covered>div{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.services-hero-grid{grid-template-columns:1fr}.services-hero-visual{min-height:530px}.services-hero-note{left:14px}.services-section-nav{grid-template-columns:1fr}.services-section-nav a{min-height:66px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.service-category-grid{grid-template-columns:1fr}.service-process-heading{grid-template-columns:1fr;gap:25px}.service-process-flow{grid-template-columns:1fr}.process-step{min-height:0;border-right:0}.service-process-assurance{grid-template-columns:1fr}.service-scope-note{grid-template-columns:1fr}.models-covered{grid-template-columns:1fr}}
@media(max-width:580px){.services-hero h1{font-size:clamp(3.2rem,15.5vw,4.4rem)}.services-hero-proof{grid-template-columns:1fr}.services-hero-proof div{border-bottom:1px solid rgba(255,255,255,.08)}.services-hero-visual{min-height:440px}.services-hero-note{width:calc(100% - 28px)}.service-category-card{min-height:0;padding:34px 27px}.service-card-number{font-size:6rem}.model-case-grid{grid-template-columns:1fr}.model-case-image{height:260px}.models-covered>div{grid-template-columns:repeat(3,1fr)}}
/* Client Reviews page — video proof and supplied Google review evidence. */
.client-reviews-page .desktop-nav a[aria-current="page"]::after{transform:scaleX(1)}
.reviews-hero{position:relative;overflow:hidden;padding:clamp(82px,9vw,126px) 0 0;background:radial-gradient(circle at 82% 8%,rgba(43,153,255,.28),transparent 31%),linear-gradient(125deg,#020e1b,#052942 62%,#06436c)}.reviews-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}.reviews-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,.8fr);gap:clamp(70px,9vw,135px);align-items:center;padding-bottom:74px}.reviews-hero .breadcrumb,.reviews-hero .breadcrumb a{color:rgba(226,239,248,.56)}.reviews-hero h1{max-width:800px;margin:25px 0;color:#fff;font-size:clamp(3.7rem,6.2vw,6rem);line-height:.9;letter-spacing:-.066em}.reviews-hero h1 span{color:#2f9fff}.reviews-hero-copy>p:not(.breadcrumb):not(.eyebrow){max-width:650px;color:rgba(230,241,249,.75);font-size:1.08rem;line-height:1.75}.reviews-hero-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.reviews-hero-facts div{padding:20px 13px 20px 0}.reviews-hero-facts strong,.reviews-hero-facts span{display:block}.reviews-hero-facts strong{color:#fff;font-size:.84rem}.reviews-hero-facts span{margin-top:6px;color:rgba(220,237,247,.5);font-size:.62rem;line-height:1.4}
.reviews-hero-proof{position:relative;padding:24px 24px 110px;border:1px solid rgba(132,205,248,.25);background:rgba(4,24,39,.52);box-shadow:0 30px 85px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.reviews-hero-proof>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}.reviews-proof-label{position:absolute;left:-38px;right:50px;bottom:32px;padding:22px 25px;border-top:2px solid #3eaff7;background:#fff;box-shadow:0 18px 48px rgba(0,0,0,.22)}.reviews-proof-label span,.reviews-proof-label strong,.reviews-proof-label small{display:block}.reviews-proof-label span{color:#0876bd;font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.reviews-proof-label strong{margin-top:8px;color:#102633}.reviews-proof-label small{margin-top:5px;color:#6a7c87;font-size:.64rem}
.reviews-section-nav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(255,255,255,.09);border-bottom:0;background:rgba(5,27,43,.9);box-shadow:0 -20px 50px rgba(0,0,0,.17)}.reviews-section-nav a{display:flex;gap:14px;align-items:center;min-height:84px;padding:20px 28px;border-right:1px solid rgba(255,255,255,.09);color:rgba(239,247,252,.78);font-size:.8rem;font-weight:700}.reviews-section-nav a:last-child{border:0}.reviews-section-nav a:hover{background:rgba(58,170,243,.11);color:#fff}.reviews-section-nav span{color:#55baff;font-size:.62rem;letter-spacing:.13em}
.customer-interview-section{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 92%,rgba(48,157,236,.15),transparent 29%),linear-gradient(135deg,#03111d,#062a43 67%,#073d60)}.customer-interview-grid{display:grid;grid-template-columns:minmax(500px,1.15fr) minmax(0,.85fr);gap:clamp(70px,9vw,135px);align-items:center}.customer-video-frame{position:relative;min-height:650px;overflow:hidden;border:1px solid rgba(132,204,246,.22);background:#061725}.customer-video-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.58) contrast(1.08)}.customer-video-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(2,16,27,.2) 52%,rgba(2,16,27,.92))}.customer-video-overlay{position:absolute;z-index:1;left:48px;right:48px;bottom:45px}.customer-video-play{display:grid;place-items:center;width:74px;height:74px;margin-bottom:29px;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;font-size:1.2rem}.customer-video-overlay>span{display:block;margin-bottom:13px;color:#63c4ff;font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.customer-video-overlay>strong{display:block;color:#fff;font-family:Manrope,sans-serif;font-size:clamp(2rem,3vw,3.1rem);line-height:1.06}.customer-video-overlay>small{display:block;margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.18);color:rgba(230,241,248,.57)}.customer-interview-copy h2{max-width:620px;margin:20px 0 25px;color:#fff;font-size:clamp(3.3rem,5vw,5.1rem);line-height:.96}.customer-interview-copy>p{color:rgba(224,238,247,.68);line-height:1.75}.customer-video-criteria{margin:36px 0}.customer-video-criteria>div{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:19px 0;border-top:1px solid rgba(255,255,255,.13)}.customer-video-criteria>div:last-child{border-bottom:1px solid rgba(255,255,255,.13)}.customer-video-criteria span{color:#62c4ff;font-size:.62rem;font-weight:800}.customer-video-criteria p{margin:0;color:rgba(220,236,246,.58);font-size:.78rem;line-height:1.6}.customer-video-criteria strong{display:block;margin-bottom:4px;color:#fff;font-size:.86rem}.video-status-note{margin-top:16px!important;color:#81a7bd!important;font-size:.68rem!important}
.google-reviews-section{background:linear-gradient(180deg,#f5f9fc,#fff)}.google-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.google-review-card{display:flex;flex-direction:column;min-height:390px;padding:34px;border:1px solid #cfdfe8;border-radius:15px;background:#fff;box-shadow:0 18px 52px rgba(8,48,76,.075)}.google-review-featured{background:linear-gradient(145deg,#08263a,#07456e);border-color:#18577d}.google-review-top{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center}.review-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e6f4fd;color:#0876bd;font-family:Manrope,sans-serif;font-weight:800}.google-review-top strong,.google-review-top span{display:block}.google-review-top strong{color:#0c2433;font-size:.85rem}.google-review-top span{margin-top:4px;color:#71838e;font-size:.62rem}.google-review-top .stars{color:#f5b800;font-size:.8rem;letter-spacing:.08em}.google-review-card blockquote{margin:33px 0 24px;color:#183241;font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:650;line-height:1.55}.google-review-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.google-review-tags span{padding:7px 9px;border:1px solid #d3e2ea;border-radius:999px;color:#59717f;font-size:.58rem;font-weight:700}.review-language-note{margin:-12px 0 20px;color:#82929b;font-size:.62rem}.review-evidence-button{align-self:flex-start;margin-top:25px;padding:0 0 5px;border:0;border-bottom:1px solid #1385cf;background:transparent;color:#0876bd;font-size:.7rem;font-weight:800;cursor:pointer}.google-review-featured .google-review-top strong,.google-review-featured blockquote{color:#fff}.google-review-featured .google-review-top span{color:rgba(225,239,247,.58)}.google-review-featured .review-avatar{background:#1689d5;color:#fff}.google-review-featured .google-review-tags span{border-color:rgba(255,255,255,.16);color:rgba(231,242,248,.67)}.google-review-featured .review-evidence-button{border-color:#61c4ff;color:#68c8ff}
.google-proof-gallery{display:grid;grid-template-columns:1.15fr repeat(3,.62fr);gap:18px;align-items:stretch;margin-top:58px;padding:25px;border:1px solid #d0e0e9;background:#fff}.google-proof-gallery>div{align-self:center;padding:10px 22px 10px 6px}.google-proof-gallery span{color:#0b78c2;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.google-proof-gallery h3{margin:11px 0;font-size:1.35rem}.google-proof-gallery p{margin:0;color:#667b88;font-size:.74rem;line-height:1.6}.google-proof-gallery button{position:relative;overflow:hidden;min-height:210px;padding:0;border:1px solid #d3e1e8;background:#eff5f8;cursor:pointer}.google-proof-gallery button::after{content:"View";position:absolute;inset:auto 10px 10px auto;padding:6px 9px;border-radius:4px;background:rgba(4,27,43,.88);color:#fff;font-size:.58rem;font-weight:800}.google-proof-gallery img{width:100%;height:100%;object-fit:cover;object-position:top}.review-source-disclaimer{margin:22px 0 0;color:#778a95;font-size:.66rem;line-height:1.6}
@media(max-width:1100px){.reviews-hero-grid{grid-template-columns:1fr 1fr;gap:60px}.customer-interview-grid{grid-template-columns:1fr 1fr;gap:65px}.customer-video-frame{min-height:570px}.google-proof-gallery{grid-template-columns:1fr repeat(3,.55fr)}}
@media(max-width:820px){.reviews-hero-grid,.customer-interview-grid{grid-template-columns:1fr}.reviews-hero-proof{max-width:650px}.reviews-section-nav{grid-template-columns:1fr}.reviews-section-nav a{min-height:66px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.customer-video-frame{min-height:580px}.google-review-grid{grid-template-columns:1fr}.google-proof-gallery{grid-template-columns:1fr 1fr}.google-proof-gallery>div{grid-column:1/-1}.google-proof-gallery button{min-height:260px}}
@media(max-width:560px){.reviews-hero h1{font-size:clamp(3.2rem,15.5vw,4.4rem)}.reviews-hero-facts{grid-template-columns:1fr}.reviews-hero-facts div{border-bottom:1px solid rgba(255,255,255,.08)}.reviews-proof-label{left:12px;right:12px}.customer-video-frame{min-height:500px}.customer-video-overlay{left:25px;right:25px;bottom:26px}.customer-video-overlay>strong{font-size:2rem}.google-review-card{min-height:0;padding:28px 24px}.google-review-top{grid-template-columns:44px 1fr}.google-review-top .stars{grid-column:2}.google-proof-gallery{grid-template-columns:1fr}.google-proof-gallery button{min-height:320px}}
/* Embedded customer-story Shorts. */
.customer-video-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.customer-video-card{overflow:hidden;border:1px solid rgba(134,205,246,.24);background:rgba(4,24,39,.72);box-shadow:0 25px 65px rgba(0,0,0,.24)}.customer-video-embed{position:relative;aspect-ratio:9/16;background:#020b12}.customer-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.customer-video-card-copy{padding:23px 21px 25px}.customer-video-card-copy span,.customer-video-card-copy strong,.customer-video-card-copy a{display:block}.customer-video-card-copy span{color:#65c5ff;font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.customer-video-card-copy strong{min-height:58px;margin:11px 0 18px;color:#fff;font-family:Manrope,sans-serif;font-size:.9rem;line-height:1.5}.customer-video-card-copy a{color:rgba(222,239,248,.68);font-size:.65rem;font-weight:700}.customer-video-card-copy a:hover{color:#fff}@media(max-width:560px){.customer-video-collection{grid-template-columns:1fr}.customer-video-card{max-width:360px;margin-inline:auto}.customer-video-card-copy strong{min-height:0}}
.local-youtube-fallback{position:absolute;inset:0;display:block;overflow:hidden;background:#07131d}.local-youtube-fallback img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.84) contrast(1.04);transition:transform .35s,filter .35s}.local-youtube-fallback::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(2,13,22,.75))}.local-youtube-fallback span{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:112px;height:112px;padding:18px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(4,24,39,.68);color:#fff;font-size:.68rem;font-weight:800;text-align:center;backdrop-filter:blur(8px)}.local-youtube-fallback:hover img{transform:scale(1.035);filter:saturate(.98) brightness(.92) contrast(1.04)}
/* Q&A page — searchable answers grouped by customer decision stage. */
.faq-page .desktop-nav a[aria-current="page"]::after{transform:scaleX(1)}
.faq-page-hero{position:relative;overflow:hidden;padding:clamp(82px,9vw,126px) 0 0;background:radial-gradient(circle at 84% 6%,rgba(48,157,255,.27),transparent 31%),linear-gradient(125deg,#020e1b,#052942 62%,#06446e)}.faq-page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}.faq-page-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(470px,.85fr);gap:clamp(65px,9vw,130px);align-items:center;padding-bottom:74px}.faq-page-hero .breadcrumb,.faq-page-hero .breadcrumb a{color:rgba(226,239,248,.56)}.faq-page-hero h1{max-width:820px;margin:25px 0;color:#fff;font-size:clamp(3.7rem,6.2vw,6rem);line-height:.9;letter-spacing:-.066em}.faq-page-hero h1 span{color:#2f9fff}.faq-page-hero-copy>p:not(.breadcrumb):not(.eyebrow){max-width:650px;color:rgba(230,241,249,.75);font-size:1.08rem;line-height:1.75}.faq-hero-promise{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.faq-hero-promise span{padding:8px 11px;border:1px solid rgba(136,205,246,.22);border-radius:999px;color:rgba(225,240,249,.67);font-size:.62rem;font-weight:700}
.faq-page-hero-visual{position:relative;min-height:570px}.faq-page-hero-visual::before{content:"";position:absolute;inset:24px -24px -24px 24px;border:1px solid rgba(108,202,255,.22)}.faq-page-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:2px;filter:saturate(.76) contrast(1.04);box-shadow:0 30px 85px rgba(0,0,0,.34)}.faq-visual-note{position:absolute;left:-34px;bottom:34px;width:285px;padding:24px 26px;border:1px solid rgba(101,195,255,.36);border-top:2px solid #38adf8;background:rgba(3,24,39,.93);box-shadow:0 20px 55px rgba(0,0,0,.28)}.faq-visual-note span{display:block;margin-bottom:12px;color:#6fc8ff;font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.faq-visual-note strong{color:#fff;font-family:Manrope,sans-serif;font-size:1.35rem;line-height:1.35}
.faq-topic-nav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.09);border-bottom:0;background:rgba(5,27,43,.9);box-shadow:0 -20px 50px rgba(0,0,0,.17)}.faq-topic-nav a{display:flex;gap:13px;align-items:center;min-height:84px;padding:20px 24px;border-right:1px solid rgba(255,255,255,.09);color:rgba(239,247,252,.78);font-size:.76rem;font-weight:700}.faq-topic-nav a:last-child{border:0}.faq-topic-nav a:hover{background:rgba(58,170,243,.11);color:#fff}.faq-topic-nav span{color:#55baff;font-size:.6rem;letter-spacing:.13em}
.faq-directory{background:linear-gradient(180deg,#f5f9fc,#fff)}.faq-directory-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.55fr);gap:75px;align-items:end;margin-bottom:78px}.faq-directory-head h2{max-width:760px;margin:20px 0 0;font-size:clamp(3.4rem,5.5vw,5.5rem);line-height:.96}.faq-search{display:block}.faq-search>span{display:block;margin-bottom:11px;color:#557080;font-size:.65rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.faq-search input{width:100%;height:58px;padding:0 18px;border:1px solid #b9cdd9;border-radius:8px;background:#fff;color:#102633;font:inherit;font-size:.85rem;outline:none;box-shadow:0 12px 35px rgba(9,48,75,.06)}.faq-search input:focus{border-color:#168ef0;box-shadow:0 0 0 3px rgba(22,142,240,.13)}.faq-search-status{min-height:20px;margin:-53px 0 34px;color:#607785;font-size:.7rem}
.faq-topic-section{display:grid;grid-template-columns:minmax(260px,.34fr) minmax(0,.66fr);gap:clamp(60px,8vw,120px);padding:75px 0;border-top:1px solid #cbd9e1;scroll-margin-top:95px}.faq-topic-section:first-of-type{border-top:0}.faq-topic-intro{align-self:start;position:sticky;top:115px}.faq-topic-intro>span{color:#0878c4;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.faq-topic-intro h3{margin:17px 0 15px;font-size:clamp(2rem,3vw,3rem);line-height:1.05}.faq-topic-intro p{color:#657c89;font-size:.82rem;line-height:1.7}.faq-page-accordion{display:grid;gap:12px}.faq-page-accordion .accordion-item{border-color:#c8d9e3;border-radius:10px;background:#fff;box-shadow:0 12px 36px rgba(8,47,75,.055)}.faq-page-accordion .accordion-item h4{margin:0}.faq-page-accordion .accordion-item button{padding:24px 26px}.faq-page-accordion .accordion-panel p{color:#536b7a;line-height:1.75}.faq-page-accordion .accordion-item[hidden],.faq-topic-section[hidden]{display:none}.faq-no-results{padding:48px;border:1px solid #cbdce6;background:#fff;text-align:center}.faq-no-results strong{display:block;color:#0e2838;font-size:1.3rem}.faq-no-results p{color:#697e8b}.faq-search-match{border-color:#5eb8f3!important;box-shadow:0 0 0 2px rgba(45,157,235,.11),0 14px 42px rgba(8,47,75,.08)!important}
.faq-contact-section{background:#f5f9fc}.faq-contact-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center;padding:58px 62px;background:radial-gradient(circle at 88% 0,rgba(55,169,246,.22),transparent 30%),linear-gradient(130deg,#041421,#073552);box-shadow:0 28px 75px rgba(6,43,69,.19)}.faq-contact-panel h2{max-width:820px;margin:18px 0;color:#fff;font-size:clamp(2.7rem,4.6vw,4.7rem);line-height:.97}.faq-contact-panel p{max-width:760px;color:rgba(224,238,247,.66);line-height:1.7}
@media(max-width:1100px){.desktop-nav{gap:21px}.desktop-nav a{font-size:.86rem}.faq-page-hero-grid{grid-template-columns:1fr 1fr;gap:60px}.faq-topic-section{grid-template-columns:260px 1fr;gap:55px}}
@media(max-width:820px){.faq-page-hero-grid{grid-template-columns:1fr}.faq-page-hero-visual{min-height:530px}.faq-visual-note{left:14px}.faq-topic-nav{grid-template-columns:1fr 1fr}.faq-topic-nav a:nth-child(2){border-right:0}.faq-topic-nav a{min-height:68px;border-bottom:1px solid rgba(255,255,255,.09)}.faq-directory-head{grid-template-columns:1fr;gap:35px;margin-bottom:50px}.faq-search-status{margin:0 0 20px}.faq-topic-section{grid-template-columns:1fr;gap:25px;padding:55px 0}.faq-topic-intro{position:static}.faq-contact-panel{grid-template-columns:1fr;padding:45px 38px}.faq-contact-panel .button{justify-self:start}}
@media(max-width:560px){.faq-page-hero h1{font-size:clamp(3.1rem,15.5vw,4.35rem)}.faq-page-hero-visual{min-height:440px}.faq-visual-note{width:calc(100% - 28px)}.faq-topic-nav{grid-template-columns:1fr}.faq-topic-nav a{border-right:0}.faq-directory-head h2{font-size:3.15rem}.faq-page-accordion .accordion-item button{padding:21px 19px}.faq-contact-panel{padding:36px 25px}.faq-contact-panel h2{font-size:2.7rem}}
/* Contact page — map, business proof, social channels and WhatsApp journey. */
.contact-page .desktop-nav a[aria-current="page"]::after{transform:scaleX(1)}
.contact-hero{position:relative;overflow:hidden;padding:clamp(82px,9vw,126px) 0 0;background:radial-gradient(circle at 82% 4%,rgba(42,150,255,.25),transparent 31%),linear-gradient(125deg,#020e1b,#052843 62%,#063b61)}
.contact-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
.contact-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.7fr);gap:clamp(70px,9vw,140px);align-items:center;padding-bottom:74px}
.contact-hero .breadcrumb,.contact-hero .breadcrumb a{color:rgba(226,239,248,.56)}.contact-hero h1{max-width:800px;margin:25px 0;color:#fff;font-size:clamp(3.7rem,6.2vw,6.1rem);line-height:.9;letter-spacing:-.066em}.contact-hero h1 span{color:#2f9fff}.contact-hero-copy>p:not(.breadcrumb):not(.eyebrow){max-width:680px;color:rgba(230,241,249,.75);font-size:1.08rem;line-height:1.75}
.contact-hero-assurances{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.contact-hero-assurances span{position:relative;padding-left:16px;color:rgba(224,239,248,.68);font-size:.67rem;font-weight:700}.contact-hero-assurances span::before{content:"";position:absolute;left:0;top:50%;width:7px;height:1px;background:#48b8ff}
.contact-hero-card{padding:37px 38px;border:1px solid rgba(123,199,244,.27);border-top:2px solid #38aaf7;background:rgba(3,24,39,.76);box-shadow:0 30px 80px rgba(0,0,0,.29);backdrop-filter:blur(12px)}.contact-hero-card>p{margin:0;color:#66c6ff;font-size:.61rem;font-weight:800;letter-spacing:.15em}.contact-hero-card h2{margin:15px 0 30px;color:#fff;font-size:1.55rem;line-height:1.25}.contact-hero-card dl{margin:0}.contact-hero-card dl>div{padding:17px 0;border-top:1px solid rgba(255,255,255,.12)}.contact-hero-card dt{margin-bottom:7px;color:rgba(222,238,248,.46);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.contact-hero-card dd{margin:0;color:#fff;font-size:.78rem;line-height:1.5}.contact-hero-card a{color:#fff}.contact-hero-card>small{display:block;margin-top:25px;color:rgba(219,235,245,.47);font-size:.61rem;line-height:1.6}
.contact-section-nav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.1);border-bottom:0;background:rgba(6,28,44,.88);box-shadow:0 -18px 45px rgba(0,0,0,.16)}.contact-section-nav a{display:flex;gap:14px;align-items:center;min-height:82px;padding:18px 22px;border-right:1px solid rgba(255,255,255,.09);color:rgba(239,247,252,.77);font-size:.78rem;font-weight:700}.contact-section-nav a:last-child{border-right:0}.contact-section-nav a:hover{background:rgba(55,166,240,.11);color:#fff}.contact-section-nav span{color:#56baff;font-size:.62rem;letter-spacing:.12em}
.contact-location{background:linear-gradient(180deg,#f5f9fc,#fff);scroll-margin-top:84px}.contact-location-grid{display:grid;grid-template-columns:minmax(520px,1.08fr) minmax(0,.72fr);gap:clamp(70px,8vw,125px);align-items:center}.contact-map{position:relative;height:610px;padding:15px;border:1px solid #c9dbe5;background:#fff;box-shadow:0 28px 75px rgba(7,47,75,.12)}.contact-map::before{content:"LIVE MAP";position:absolute;z-index:1;left:32px;top:31px;padding:8px 11px;background:#06283f;color:#fff;font-size:.57rem;font-weight:800;letter-spacing:.14em}.contact-map iframe{width:100%;height:100%;border:0}.contact-location-copy h2{max-width:620px;margin:20px 0 25px;font-size:clamp(3.2rem,5vw,5rem);line-height:.96}.contact-lead{color:#587180;line-height:1.75}.contact-location-copy address{margin:32px 0;color:#132e3d;font-style:normal;font-weight:650;line-height:1.75}.contact-detail-list{border-top:1px solid #cbdbe4}.contact-detail-list a{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #cbdbe4;color:#173444;font-size:.75rem;font-weight:700}.contact-detail-list strong{color:#1288dc;font-size:1rem}.contact-detail-list a:hover{color:#0876bd}
.contact-google{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 90%,rgba(49,162,238,.15),transparent 30%),linear-gradient(135deg,#03111d,#062b45 68%,#074365);scroll-margin-top:84px}.contact-google::after{content:"GOOGLE";position:absolute;left:-20px;bottom:-34px;color:rgba(255,255,255,.025);font-family:Manrope,sans-serif;font-size:10rem;font-weight:800;letter-spacing:-.06em}.contact-google-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(500px,1fr);gap:clamp(70px,9vw,140px);align-items:center}.contact-google-copy h2{max-width:680px;margin:20px 0 28px;color:#fff;font-size:clamp(3.2rem,5vw,5.1rem);line-height:.96}.contact-google-copy>p:not(.eyebrow){color:rgba(225,239,248,.68);line-height:1.75}.contact-google-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}.dark-note{max-width:650px;margin-top:24px!important;color:rgba(222,238,247,.45)!important}.contact-google-proof{position:relative;margin:0;padding:22px 22px 100px;border:1px solid rgba(131,204,246,.25);background:rgba(4,25,40,.58);box-shadow:0 30px 85px rgba(0,0,0,.3)}.contact-google-proof img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.contact-google-proof figcaption{position:absolute;left:-35px;right:45px;bottom:27px;padding:21px 25px;border-top:2px solid #3daefa;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.24)}.contact-google-proof figcaption span,.contact-google-proof figcaption strong{display:block}.contact-google-proof figcaption span{color:#0877be;font-size:.59rem;font-weight:800;letter-spacing:.14em}.contact-google-proof figcaption strong{margin-top:8px;color:#102a39;font-size:.83rem;line-height:1.45}
.contact-social{background:#f5f9fc;scroll-margin-top:84px}.contact-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.contact-social-card{position:relative;display:grid;grid-template-rows:330px 1fr;overflow:hidden;border:1px solid #cedee7;background:#fff;box-shadow:0 22px 65px rgba(7,47,75,.08);transition:transform .25s,box-shadow .25s}.contact-social-card:hover{transform:translateY(-5px);box-shadow:0 30px 75px rgba(7,47,75,.14)}.contact-social-card>img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.03);transition:transform .4s}.contact-social-card:hover>img{transform:scale(1.025)}.contact-social-card>.social-platform{position:absolute;left:25px;top:25px;padding:9px 11px;background:rgba(4,27,43,.88);color:#6cc9ff;font-size:.58rem;font-weight:800;letter-spacing:.13em}.contact-social-card>div{padding:31px}.contact-social-card h3{max-width:480px;margin:0 0 13px;color:#102b3a;font-size:1.5rem}.contact-social-card p{color:#627986;font-size:.78rem;line-height:1.65}.contact-social-card strong{display:block;margin-top:26px;color:#0876bd;font-size:.68rem}
.contact-whatsapp{background:#fff;scroll-margin-top:84px}.contact-whatsapp-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.8fr);gap:clamp(70px,9vw,140px);align-items:center;padding:70px;background:radial-gradient(circle at 90% 0,rgba(55,169,246,.22),transparent 30%),linear-gradient(130deg,#041421,#073552);box-shadow:0 30px 85px rgba(6,43,69,.2)}.contact-whatsapp-panel::before{content:"04";position:absolute;right:18px;top:-38px;color:rgba(255,255,255,.035);font-family:Manrope,sans-serif;font-size:13rem;font-weight:800;line-height:1}.contact-whatsapp-copy,.contact-booking-list{position:relative;z-index:1}.contact-whatsapp-copy h2{max-width:720px;margin:20px 0;color:#fff;font-size:clamp(3rem,4.8vw,4.8rem);line-height:.96}.contact-whatsapp-copy>p:not(.eyebrow){color:rgba(224,238,247,.66);line-height:1.75}.contact-whatsapp-copy .button{margin-top:20px}.contact-booking-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.15)}.contact-booking-list li{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.15)}.contact-booking-list li>span{color:#62c5ff;font-size:.63rem;font-weight:800}.contact-booking-list strong{display:block;color:#fff;font-size:.86rem}.contact-booking-list p{margin:7px 0 0;color:rgba(221,237,246,.55);font-size:.7rem;line-height:1.6}
@media(max-width:1100px){.desktop-nav{gap:21px}.desktop-nav a{font-size:.86rem}.contact-hero-grid{grid-template-columns:1fr 1fr;gap:60px}.contact-location-grid{grid-template-columns:1fr 1fr;gap:60px}.contact-google-grid{grid-template-columns:1fr 1fr;gap:60px}.contact-whatsapp-panel{padding:55px}}
@media(max-width:820px){.contact-hero-grid,.contact-location-grid,.contact-google-grid,.contact-whatsapp-panel{grid-template-columns:1fr}.contact-hero-card{max-width:650px}.contact-section-nav{grid-template-columns:1fr 1fr}.contact-section-nav a:nth-child(2){border-right:0}.contact-section-nav a{min-height:68px;border-bottom:1px solid rgba(255,255,255,.09)}.contact-map{height:500px}.contact-google-proof{max-width:650px}.contact-social-grid{grid-template-columns:1fr}.contact-whatsapp-panel{padding:48px 38px}.contact-social-card{grid-template-rows:300px 1fr}}
@media(max-width:560px){.contact-hero h1{font-size:clamp(3.1rem,15.5vw,4.35rem)}.contact-hero-card{padding:30px 25px}.contact-section-nav{grid-template-columns:1fr}.contact-section-nav a{border-right:0}.contact-map{height:400px;padding:8px}.contact-map::before{left:19px;top:20px}.contact-location-copy h2,.contact-google-copy h2{font-size:3.05rem}.contact-google-proof{padding:13px 13px 92px}.contact-google-proof figcaption{left:12px;right:12px}.contact-social-card{grid-template-rows:245px 1fr}.contact-social-card>div{padding:25px}.contact-whatsapp-panel{padding:39px 25px}.contact-whatsapp-copy h2{font-size:2.8rem}.contact-whatsapp-copy .button{width:100%;text-align:center}}
/* Blog directory — AEO/SEO answers and real visual case journal. */
.blog-index-page .desktop-nav a[aria-current="page"]::after{transform:scaleX(1)}
.blog-directory-hero{position:relative;overflow:hidden;padding:clamp(82px,9vw,126px) 0 0;background:radial-gradient(circle at 83% 5%,rgba(43,153,255,.25),transparent 31%),linear-gradient(125deg,#020e1b,#052943 62%,#06436c)}
.blog-directory-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
.blog-directory-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.65fr);gap:clamp(70px,9vw,140px);align-items:center;padding-bottom:74px}.blog-directory-hero .breadcrumb,.blog-directory-hero .breadcrumb a{color:rgba(226,239,248,.56)}.blog-directory-hero h1{max-width:850px;margin:25px 0;color:#fff;font-size:clamp(3.7rem,6.2vw,6.1rem);line-height:.9;letter-spacing:-.066em}.blog-directory-hero h1 span{display:block;color:#2f9fff}.blog-directory-copy>p:not(.breadcrumb):not(.eyebrow){max-width:680px;color:rgba(230,241,249,.75);font-size:1.08rem;line-height:1.75}
.blog-editorial-note{padding:34px 36px;border:1px solid rgba(125,200,244,.25);border-top:2px solid #3caef8;background:rgba(3,24,39,.76);box-shadow:0 30px 80px rgba(0,0,0,.29);backdrop-filter:blur(12px)}.blog-editorial-note span{display:block;color:#67c6ff;font-size:.61rem;font-weight:800;letter-spacing:.15em}.blog-editorial-note strong{display:block;margin:17px 0;color:#fff;font-family:Manrope,sans-serif;font-size:1.4rem;line-height:1.4}.blog-editorial-note p{margin:0;color:rgba(220,237,247,.55);font-size:.72rem;line-height:1.65}
.blog-channel-nav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(255,255,255,.1);border-bottom:0;background:rgba(6,28,44,.89);box-shadow:0 -18px 45px rgba(0,0,0,.16)}.blog-channel-nav a{display:grid;grid-template-columns:45px 1fr;gap:16px;align-items:center;min-height:95px;padding:20px 30px;border-right:1px solid rgba(255,255,255,.09);color:#fff}.blog-channel-nav a:last-child{border-right:0}.blog-channel-nav a:hover{background:rgba(55,166,240,.11)}.blog-channel-nav> a>span{color:#56baff;font-size:.64rem;letter-spacing:.12em}.blog-channel-nav strong,.blog-channel-nav small{display:block}.blog-channel-nav strong{font-size:.86rem}.blog-channel-nav small{margin-top:6px;color:rgba(224,239,248,.47);font-size:.61rem;font-weight:500}
.blog-answer-section{background:linear-gradient(180deg,#f5f9fc,#fff);scroll-margin-top:84px}.blog-section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.52fr);gap:70px;align-items:end;margin-bottom:65px}.blog-section-intro h2{max-width:840px;margin:20px 0 0;font-size:clamp(3.3rem,5.4vw,5.4rem);line-height:.95}.blog-section-intro>p{color:#607785;line-height:1.75}
.blog-answer-feature{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:530px;border:1px solid #cadce6;background:#fff;box-shadow:0 25px 75px rgba(7,47,75,.1)}.blog-answer-feature-media{position:relative;overflow:hidden}.blog-answer-feature-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.03);transition:transform .45s}.blog-answer-feature:hover img{transform:scale(1.025)}.blog-answer-feature-media>span{position:absolute;left:28px;top:28px;padding:9px 12px;background:rgba(4,27,43,.9);color:#6cc9ff;font-size:.58rem;font-weight:800;letter-spacing:.13em}.blog-answer-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,6vw,78px)}.blog-answer-feature-copy h3{margin:22px 0;color:#102b3a;font-size:clamp(2rem,3.2vw,3.3rem);line-height:1.04}.blog-answer-feature-copy p{color:#627986;line-height:1.75}.blog-answer-feature-copy>strong{margin-top:28px;color:#0876bd;font-size:.7rem}
.blog-answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.blog-answer-card{position:relative;min-height:520px;border:1px solid #cedee7;background:#fff;box-shadow:0 18px 52px rgba(7,47,75,.065)}.blog-answer-card>a{display:flex;height:100%;flex-direction:column;color:inherit}.answer-number{position:absolute;z-index:1;right:20px;top:17px;color:rgba(255,255,255,.7);font-family:Manrope,sans-serif;font-size:.66rem;font-weight:800}.answer-card-image{height:235px;overflow:hidden}.answer-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .4s}.blog-answer-card:hover .answer-card-image img{transform:scale(1.035)}.answer-card-copy{display:flex;flex:1;flex-direction:column;padding:28px}.answer-card-copy small{color:#0876bd;font-size:.58rem;font-weight:800;letter-spacing:.11em}.answer-card-copy h3{margin:15px 0;color:#102b3a;font-size:1.35rem;line-height:1.25}.answer-card-copy p{color:#657c89;font-size:.76rem;line-height:1.65}.answer-card-copy>strong{margin-top:auto;padding-top:20px;color:#0876bd;font-size:.66rem}.answer-card-reference{background:radial-gradient(circle at 95% 0,rgba(55,169,246,.2),transparent 35%),linear-gradient(135deg,#051521,#073754);border-color:#174c6a}.answer-card-reference>a{padding-top:175px}.answer-card-reference .answer-number{color:#6cc9ff}.answer-card-reference .answer-card-copy small{color:#65c5ff}.answer-card-reference .answer-card-copy h3{color:#fff;font-size:1.75rem}.answer-card-reference .answer-card-copy p{color:rgba(224,239,248,.58)}.answer-card-reference .answer-card-copy>strong{color:#64c5ff}
.blog-case-journal{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 30%,rgba(47,156,233,.12),transparent 31%),linear-gradient(135deg,#020e19,#052940 70%,#063b5d);scroll-margin-top:84px}.blog-case-journal::after{content:"CASE";position:absolute;right:-25px;top:110px;color:rgba(255,255,255,.023);font-family:Manrope,sans-serif;font-size:13rem;font-weight:800;letter-spacing:-.08em}.blog-case-journal .container{position:relative;z-index:1}.light-intro h2{color:#fff}.light-intro>p{color:rgba(224,239,248,.58)}
.case-journal-lead{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:610px;border:1px solid rgba(131,204,246,.23);background:rgba(4,24,39,.66);box-shadow:0 30px 85px rgba(0,0,0,.26)}.case-journal-lead-media{position:relative;overflow:hidden}.case-journal-lead-media>img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04)}.case-photo-stamp{position:absolute;left:28px;bottom:28px;padding:18px 21px;border-left:2px solid #3caef8;background:rgba(3,24,39,.9)}.case-photo-stamp span,.case-photo-stamp strong{display:block}.case-photo-stamp span{color:#65c5ff;font-size:.56rem;font-weight:800;letter-spacing:.13em}.case-photo-stamp strong{margin-top:8px;color:#fff;font-size:1.15rem}.case-journal-lead-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,6vw,76px)}.case-journal-lead-copy>span{color:#65c5ff;font-size:.6rem;font-weight:800;letter-spacing:.13em}.case-journal-lead-copy h3{margin:20px 0;color:#fff;font-size:clamp(2.2rem,3.5vw,3.5rem);line-height:1.03}.case-journal-lead-copy p{color:rgba(224,239,248,.61);line-height:1.75}.case-format{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.case-format span{padding:8px 10px;border:1px solid rgba(129,201,243,.2);border-radius:999px;color:rgba(224,239,248,.63);font-size:.58rem;font-weight:700}.case-journal-lead-copy>a{align-self:flex-start;margin-top:14px;padding-bottom:5px;border-bottom:1px solid #52b8f5;color:#64c5ff;font-size:.68rem;font-weight:800}
.case-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.case-journal-card{border:1px solid rgba(131,204,246,.2);background:rgba(4,24,39,.72)}.case-journal-image{position:relative;height:270px;overflow:hidden}.case-journal-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.67);transition:transform .4s}.case-journal-card:hover img{transform:scale(1.03)}.case-journal-image span{position:absolute;left:18px;bottom:18px;padding:8px 10px;background:rgba(3,24,39,.9);color:#65c5ff;font-size:.55rem;font-weight:800;letter-spacing:.1em}.case-journal-card>div:last-child{padding:26px}.case-journal-card h3{margin:0 0 12px;color:#fff;font-size:1.3rem;line-height:1.25}.case-journal-card p{color:rgba(221,237,246,.52);font-size:.73rem;line-height:1.65}.case-journal-card a{display:inline-block;margin-top:18px;color:#62c4ff;font-size:.64rem;font-weight:800}
.blog-video-journal{display:grid;grid-template-columns:minmax(0,.7fr) minmax(500px,1fr);gap:70px;align-items:center;margin-top:70px;padding:54px;border-top:1px solid rgba(131,204,246,.2);border-bottom:1px solid rgba(131,204,246,.2);background:rgba(2,17,29,.5)}.blog-video-heading>span{color:#65c5ff;font-size:.59rem;font-weight:800;letter-spacing:.14em}.blog-video-heading h3{margin:15px 0;color:#fff;font-size:2.2rem}.blog-video-heading p{color:rgba(222,238,247,.52);font-size:.75rem;line-height:1.65}.blog-video-heading .button{margin-top:17px}.blog-video-list{border-top:1px solid rgba(255,255,255,.14)}.blog-video-list a{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.14)}.blog-video-list span{color:#62c4ff;font-size:.59rem;font-weight:800;letter-spacing:.1em}.blog-video-list strong{color:#fff;font-size:.82rem}.blog-video-list small{color:rgba(222,238,247,.48);font-size:.59rem}.blog-video-list a:hover strong{color:#62c4ff}
@media(max-width:1100px){.blog-directory-hero-grid{grid-template-columns:1fr 1fr;gap:60px}.blog-section-intro{gap:45px}.blog-video-journal{grid-template-columns:1fr 1fr;gap:45px;padding:40px}.blog-video-list a{grid-template-columns:70px 1fr}.blog-video-list small{grid-column:2}}
@media(max-width:820px){.blog-directory-hero-grid,.blog-section-intro,.blog-answer-feature,.case-journal-lead,.blog-video-journal{grid-template-columns:1fr}.blog-editorial-note{max-width:650px}.blog-channel-nav{grid-template-columns:1fr}.blog-channel-nav a{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.blog-answer-feature-media{min-height:430px}.blog-answer-grid,.case-journal-grid{grid-template-columns:1fr}.blog-answer-card{min-height:0}.answer-card-reference>a{padding-top:80px}.case-journal-lead-media{min-height:500px}.blog-video-journal{padding:38px}.blog-video-list a{grid-template-columns:70px 1fr auto}.blog-video-list small{grid-column:auto}}
@media(max-width:560px){.blog-directory-hero h1{font-size:clamp(3.1rem,15.5vw,4.35rem)}.blog-channel-nav a{padding:18px 20px}.blog-section-intro h2{font-size:3.05rem}.blog-answer-feature-media{min-height:320px}.blog-answer-feature-copy{padding:32px 26px}.answer-card-image{height:240px}.case-journal-lead-media{min-height:370px}.case-journal-lead-copy{padding:34px 26px}.case-journal-image{height:245px}.blog-video-journal{padding:30px 23px}.blog-video-list a{grid-template-columns:1fr;gap:7px}.blog-video-list small{grid-column:auto}.blog-video-heading .button{width:100%;text-align:center}}
/* Mobile UX refinement — consistent, thumb-friendly experience across all official pages. */
@media(max-width:600px){
  html{scroll-padding-top:70px}
  body{padding-bottom:82px;font-size:15px}
  .container{width:calc(100% - 32px)}
  .section,.content-section{padding-block:52px}
  .site-header{height:62px}
  .nav-shell{height:62px}
  .brand img{width:128px}
  .menu-toggle{display:grid;width:46px;height:46px;margin-right:-6px;padding:11px;place-content:center;border:1px solid rgba(255,255,255,.12);border-radius:9px}
  .menu-toggle span{width:22px;margin:3px 0}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
  .mobile-menu{inset:62px 0 auto;max-height:calc(100dvh - 62px);overflow:auto;padding:12px 16px calc(24px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);box-shadow:0 28px 65px rgba(0,0,0,.34)}
  .mobile-menu a{display:flex;min-height:52px;align-items:center;padding:12px 10px;border-bottom-color:rgba(255,255,255,.1);font-size:.96rem}
  .mobile-menu a[aria-current="page"]{color:#62c6ff}
  .mobile-menu a[aria-current="page"]::after{content:"Current";margin-left:auto;color:rgba(255,255,255,.42);font-size:.55rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
  h1{font-size:clamp(2.45rem,11.5vw,3rem);line-height:.98}
  h2{font-size:clamp(2rem,9.5vw,2.55rem);line-height:1.03}
  h3{line-height:1.22}
  p{line-height:1.7}
  .eyebrow{font-size:.59rem;line-height:1.4}
  .breadcrumb{font-size:.65rem}
  .button{min-height:50px;padding:13px 18px}
  .hero-actions,.button-row,.contact-google-actions{display:grid;width:100%;grid-template-columns:1fr;gap:10px}
  .hero-actions .button,.button-row .button,.contact-google-actions .button{width:100%;justify-content:center;text-align:center}
  .section-heading,.blog-section-intro,.faq-directory-head{margin-bottom:34px}
  .section-heading.split,.split-heading{gap:18px}
  .source-note{font-size:.72rem}
  .mobile-sticky{left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom))}
  .mobile-sticky a{min-height:58px;border:1px solid rgba(255,255,255,.25);border-radius:14px;box-shadow:0 15px 38px rgba(4,28,46,.28);font-size:.88rem}
  .site-footer{padding-bottom:25px}
  .footer-grid{gap:26px}.footer-grid h2{font-size:.7rem}.footer-grid a,.footer-grid p{font-size:.72rem}
  .footer-bottom{gap:5px;padding-top:25px}
  .about-section-nav,.services-section-nav,.reviews-section-nav,.faq-topic-nav,.contact-section-nav,.blog-channel-nav{display:flex!important;width:calc(100% - 16px);margin-left:16px;overflow-x:auto;border-right:0;scroll-snap-type:x mandatory;scrollbar-width:none}
  .about-section-nav::-webkit-scrollbar,.services-section-nav::-webkit-scrollbar,.reviews-section-nav::-webkit-scrollbar,.faq-topic-nav::-webkit-scrollbar,.contact-section-nav::-webkit-scrollbar,.blog-channel-nav::-webkit-scrollbar{display:none}
  .about-section-nav a,.services-section-nav a,.reviews-section-nav a,.faq-topic-nav a,.contact-section-nav a,.blog-channel-nav a{flex:0 0 190px;min-height:64px;padding:14px 16px;border-right:1px solid rgba(255,255,255,.09)!important;border-bottom:0!important;scroll-snap-align:start;font-size:.69rem}
  .blog-channel-nav a{grid-template-columns:30px 1fr;flex-basis:250px}
  .about-hero,.services-hero,.reviews-hero,.faq-page-hero,.contact-hero,.blog-directory-hero{padding-top:68px}
  .about-hero-grid,.services-hero-grid,.reviews-hero-grid,.faq-page-hero-grid,.contact-hero-grid,.blog-directory-hero-grid{gap:34px;padding-bottom:42px}
  .about-hero h1,.services-hero h1,.reviews-hero h1,.faq-page-hero h1,.contact-hero h1,.blog-directory-hero h1{font-size:clamp(2.85rem,13.5vw,3.55rem);line-height:.92}
  .about-hero-copy>p:not(.breadcrumb):not(.eyebrow),.services-hero-copy>p:not(.breadcrumb):not(.eyebrow),.reviews-hero-copy>p:not(.breadcrumb):not(.eyebrow),.faq-page-hero-copy>p:not(.breadcrumb):not(.eyebrow),.contact-hero-copy>p:not(.breadcrumb):not(.eyebrow),.blog-directory-copy>p:not(.breadcrumb):not(.eyebrow){font-size:.93rem;line-height:1.7}
  .about-hero-visual,.services-hero-visual,.faq-page-hero-visual{min-height:365px}
  .about-hero-caption,.services-hero-note,.faq-visual-note{left:12px;right:12px;bottom:12px;width:auto;padding:18px 20px}
  .reviews-hero-proof,.contact-google-proof{padding:12px 12px 88px}
  .reviews-proof-label,.contact-google-proof figcaption{left:12px;right:12px;bottom:16px;padding:17px 19px}
  .contact-hero-card,.blog-editorial-note{padding:27px 23px}
  .contact-hero-assurances{gap:10px 16px}
  .proof-grid{grid-template-columns:repeat(2,1fr)}
  .proof-grid>div{min-height:110px;padding:17px 12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
  .proof-grid>div:nth-child(even){border-right:0}
  .sifu-profile{padding-top:58px}
  .profile-grid{gap:30px}
  .profile-visual,.profile-visual>img{height:420px;min-height:420px}
  .profile-experience{padding:12px 14px}
  .profile-caption{padding:15px}
  .profile-copy h2{font-size:2.25rem}
  .profile-principle,.profile-quote{padding:19px 18px}
  .koolaire-panel,.booking-panel{width:100%;padding:29px 20px;border-radius:16px}
  .koolaire-intro h2{font-size:2.2rem}
  .koolaire-services{margin:28px 0}
  .koolaire-services>div{min-height:0;padding:17px}
  .why-choose-section{padding-top:58px}
  .why-choose-heading h2{font-size:2.3rem}
  .promise-grid{gap:12px}
  .promise-card{min-height:0;padding:24px 21px}
  .promise-icon{margin-bottom:20px}
  .promise-signature{padding:20px 18px}
  .solution-map{padding-left:28px}
  .journey-card,.journey-left .journey-card,.journey-right .journey-card{min-height:0;padding:20px}
  .video-stage,.video-stage>img{height:360px;min-height:360px}
  .video-stage-overlay{padding:22px}
  .video-stage-overlay strong{font-size:1.65rem}
  .panel-workshop-grid{gap:30px}
  .panel-image-grid{grid-template-rows:220px 145px 145px}
  .panel-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .booking-steps li{padding:18px 15px}
  .faq-layout{gap:25px}
  .accordion-item button,.faq-page-accordion .accordion-item button{min-height:56px;padding:18px 17px;font-size:.84rem}
  .accordion-panel{padding-inline:17px}
  .about-story-grid,.customer-interview-grid,.contact-location-grid,.contact-google-grid{gap:38px}
  .about-story-copy h2,.customer-interview-copy h2,.contact-location-copy h2,.contact-google-copy h2,.blog-section-intro h2{font-size:2.65rem}
  .about-story-media>img{height:350px}
  .story-timeline>div{padding:16px}
  .service-category-card{padding:29px 23px}
  .service-process-heading{gap:18px}
  .process-step{padding:25px 21px}
  .service-process-assurance{padding:24px 21px}
  .models-covered>div{grid-template-columns:repeat(2,1fr)}
  .model-case-image{height:230px}
  .customer-video-frame{min-height:430px}
  .customer-video-overlay{left:22px;right:22px;bottom:22px}
  .google-review-card{padding:24px 21px}
  .google-review-card blockquote{font-size:1rem}
  .google-proof-gallery{padding:14px}
  .google-proof-gallery button{min-height:250px}
  .faq-directory-head h2{font-size:2.65rem}
  .faq-topic-section{padding:42px 0}
  .faq-contact-panel{padding:31px 23px}
  .faq-contact-panel h2{font-size:2.45rem}
  .contact-map{height:340px}
  .contact-location-copy h2,.contact-google-copy h2{font-size:2.65rem}
  .contact-social-card{grid-template-rows:220px 1fr}
  .contact-social-card>div{padding:22px}
  .contact-whatsapp-panel{padding:31px 23px}
  .contact-whatsapp-copy h2{font-size:2.5rem}
  .blog-answer-feature-media{min-height:280px}
  .blog-answer-feature-copy,.case-journal-lead-copy{padding:29px 23px}
  .blog-answer-feature-copy h3{font-size:2rem}
  .answer-card-image{height:220px}
  .answer-card-copy{padding:23px}
  .case-journal-lead-media{min-height:320px}
  .case-journal-image{height:220px}
  .case-journal-card>div:last-child{padding:22px}
  .blog-video-journal{padding:27px 21px}
  .article-hero{padding:72px 0 58px}
  .article-hero h1{font-size:clamp(2.55rem,12vw,3.2rem)}
  .article-body{font-size:.96rem}
  .article-layout{gap:35px}
  .contact-booking-list li{padding:20px 0}
}
@media(max-width:360px){
  .container{width:calc(100% - 28px)}
  .brand img{width:120px}
  .about-hero h1,.services-hero h1,.reviews-hero h1,.faq-page-hero h1,.contact-hero h1,.blog-directory-hero h1{font-size:2.75rem}
  .proof-grid{grid-template-columns:1fr}
  .proof-grid>div{border-right:0}
}
/* Mobile correction: homepage Q&A must stack, never preserve the desktop split. */
@media(max-width:600px){
  .faq-layout{grid-template-columns:minmax(0,1fr)!important;gap:22px}
  .faq-intro{position:relative!important;top:auto!important;padding:27px 23px;border-radius:16px}
  .faq-intro::after{right:-5px;bottom:-38px;font-size:9rem}
  .faq-intro h2{max-width:240px;margin-bottom:14px;font-size:2.2rem}
  .faq-intro p{max-width:285px;margin-bottom:18px;font-size:.82rem;line-height:1.65}
  .faq-intro .text-link{display:inline-flex;min-height:44px;align-items:center}
  .faq-section .accordion{width:100%}
  .faq-section .accordion-item button{gap:14px;padding:17px 16px;font-size:.84rem;line-height:1.3}
  .faq-section .accordion-mark{flex:0 0 36px;width:36px;height:36px}
  .faq-section .accordion-panel{padding:0 18px 20px}
}
/* Final mobile readability and touch-behaviour pass. */
@media(max-width:600px){
  .hero h1{font-size:clamp(2.9rem,14vw,3.45rem)}
  .eyebrow{font-size:.66rem}
  .breadcrumb{font-size:.7rem}
  .journey-copy p,.koolaire-services p,.story-timeline p,.contact-booking-list p,.case-journal-card p,.process-step p{font-size:.78rem;line-height:1.65}
  .journey-copy small,.process-step small,.blog-channel-nav small{font-size:.68rem}
  .contact-hero-card>small,.blog-editorial-note p,.video-status-note,.review-language-note,.source-note.dark-note{font-size:.72rem;line-height:1.65}
  .faq-search input{font-size:16px}
  .menu-open .mobile-sticky,body:has(input:focus) .mobile-sticky{display:none}
  a,button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(42,157,244,.16)}
  .accordion-item button,.menu-toggle,.mobile-sticky a{user-select:none}
}
@media(hover:none){
  .contact-social-card:hover,.brand-logo-item:hover{transform:none}
  .blog-answer-feature:hover img,.blog-answer-card:hover .answer-card-image img,.case-journal-card:hover img,.contact-social-card:hover>img{transform:none}
}
/* Services before/after outcome CTA — interactive, evidence-conscious comparison. */
.service-outcome-cta{position:relative;overflow:hidden;padding-block:110px;background:radial-gradient(circle at 84% 4%,rgba(43,153,255,.15),transparent 28%),linear-gradient(145deg,#030d17,#071e31 62%,#082d48)}
.service-outcome-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}.service-outcome-cta .container{position:relative;z-index:1}
.outcome-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(380px,.55fr);gap:clamp(70px,9vw,140px);align-items:end;margin-bottom:54px}.outcome-heading h2{max-width:760px;margin:20px 0 0;color:#fff;font-size:clamp(3.2rem,5.2vw,5.3rem);line-height:.95}.outcome-heading>p{margin:0;color:rgba(225,239,248,.65);line-height:1.75}
.aircond-comparison{position:relative;height:650px;overflow:hidden;border:1px solid rgba(130,202,245,.28);background:#061521;box-shadow:0 35px 95px rgba(0,0,0,.38);isolation:isolate}.aircond-comparison::before{content:"";position:absolute;z-index:4;inset:18px;border:1px solid rgba(255,255,255,.22);pointer-events:none}
.comparison-layer{position:absolute;inset:0}.comparison-layer img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02)}.comparison-shade{position:absolute;inset:0}
.comparison-before img{filter:sepia(.5) saturate(.62) brightness(.68) contrast(1.08)}.comparison-before .comparison-shade{background:linear-gradient(180deg,rgba(37,24,15,.2),rgba(15,9,5,.12) 40%,rgba(11,7,4,.86)),linear-gradient(90deg,rgba(91,56,26,.3),transparent 70%)}
.comparison-after{z-index:1;clip-path:inset(0 0 0 var(--split))}.comparison-after img{filter:saturate(.86) brightness(.78) contrast(1.07)}.comparison-after .comparison-shade{background:linear-gradient(180deg,rgba(2,25,43,.14),rgba(2,17,29,.08) 42%,rgba(2,18,31,.84)),linear-gradient(270deg,rgba(10,105,169,.25),transparent 70%)}
.comparison-label{position:absolute;z-index:2;bottom:54px;width:min(390px,38%);padding:24px 26px;border-left:2px solid rgba(255,255,255,.65);background:rgba(3,19,31,.58);backdrop-filter:blur(8px)}.comparison-label-before{left:54px}.comparison-label-after{right:54px;text-align:right;border-right:2px solid #49b8ff;border-left:0}.comparison-label span,.comparison-label strong,.comparison-label small{display:block}.comparison-label span{color:#65c7ff;font-size:.6rem;font-weight:800;letter-spacing:.15em}.comparison-label strong{margin:11px 0 8px;color:#fff;font-family:Manrope,sans-serif;font-size:1.35rem;line-height:1.25}.comparison-label small{color:rgba(227,240,248,.58);font-size:.67rem;line-height:1.55}
.comparison-divider{position:absolute;z-index:5;left:var(--split);top:0;bottom:0;width:2px;transform:translateX(-1px);background:#fff;box-shadow:0 0 22px rgba(52,174,248,.55);pointer-events:none}.comparison-divider span{position:absolute;left:50%;top:50%;display:grid;width:50px;height:50px;place-items:center;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#0a7ac5;color:#fff;font-size:1.15rem;box-shadow:0 10px 25px rgba(0,0,0,.28)}
.aircond-comparison input[type="range"]{position:absolute;z-index:6;inset:0;width:100%;height:100%;margin:0;opacity:.001;cursor:ew-resize;touch-action:pan-y}.comparison-hint{position:absolute;z-index:5;left:50%;top:23px;transform:translateX(-50%);padding:7px 10px;background:rgba(3,19,31,.72);color:rgba(237,247,252,.7);font-size:.55rem;font-weight:800;letter-spacing:.13em;pointer-events:none}
.outcome-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:1px;background:rgba(126,200,243,.2)}.outcome-card{padding:39px 42px;background:rgba(4,23,37,.94)}.outcome-card>span{color:#62c5ff;font-size:.6rem;font-weight:800;letter-spacing:.14em}.outcome-card h3{margin:13px 0 21px;color:#fff;font-size:1.45rem}.outcome-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 25px;margin:0;padding:0;list-style:none}.outcome-card li{position:relative;padding-left:17px;color:rgba(224,239,248,.64);font-size:.72rem;line-height:1.55}.outcome-card li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1px;background:#4db9f8}.outcome-before-card{border-top:2px solid #b98c5d}.outcome-after-card{border-top:2px solid #39aaf1}
.outcome-booking{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center;margin-top:46px;padding:40px 44px;border:1px solid rgba(126,200,243,.24);background:rgba(4,23,37,.72)}.outcome-booking>div>span{color:#64c6ff;font-size:.59rem;font-weight:800;letter-spacing:.14em}.outcome-booking h3{margin:12px 0 8px;color:#fff;font-size:1.8rem}.outcome-booking p{margin:0;color:rgba(224,239,248,.58);font-size:.76rem}.comparison-disclaimer{max-width:940px;margin:19px 0 0;color:rgba(214,231,241,.4);font-size:.62rem;line-height:1.6}
@media(max-width:900px){.outcome-heading{grid-template-columns:1fr;gap:24px}.aircond-comparison{height:590px}.comparison-label{bottom:40px}.outcome-card ul{grid-template-columns:1fr}.outcome-booking{grid-template-columns:1fr}.outcome-booking .button{justify-self:start}}
@media(max-width:600px){.service-outcome-cta{padding-block:58px}.outcome-heading{margin-bottom:31px}.outcome-heading h2{font-size:2.65rem}.outcome-heading>p{font-size:.84rem}.aircond-comparison{height:500px}.aircond-comparison::before{inset:9px}.comparison-layer img{object-position:center}.comparison-label{bottom:22px;width:calc(50% - 20px);padding:14px 12px;background:rgba(3,19,31,.72)}.comparison-label-before{left:14px}.comparison-label-after{right:14px}.comparison-label span{font-size:.52rem;line-height:1.35}.comparison-label strong{margin:8px 0 0;font-size:.92rem}.comparison-label small{display:none}.comparison-divider span{width:44px;height:44px}.comparison-hint{top:15px;font-size:.5rem}.outcome-details{grid-template-columns:1fr}.outcome-card{padding:27px 22px}.outcome-card h3{font-size:1.3rem}.outcome-card ul{gap:10px}.outcome-card li{font-size:.78rem}.outcome-booking{gap:23px;margin-top:28px;padding:28px 22px}.outcome-booking h3{font-size:1.55rem}.outcome-booking .button{width:100%;justify-content:center}.comparison-disclaimer{font-size:.69rem}}
/* Homepage verified customer video. */
.home-customer-video{width:min(100%,380px);margin-inline:auto;overflow:hidden;border:1px solid rgba(133,205,246,.3);background:#041827;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.home-video-embed{position:relative;aspect-ratio:9/16;background:#020b12}
.home-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.home-video-meta{padding:24px 23px 27px}.home-video-meta span,.home-video-meta strong,.home-video-meta a{display:block}.home-video-meta span{color:#64c5ff;font-size:.58rem;font-weight:800;letter-spacing:.14em}.home-video-meta strong{margin:11px 0 17px;color:#fff;font-family:Manrope,sans-serif;font-size:1rem;line-height:1.45}.home-video-meta a{color:rgba(222,239,248,.68);font-size:.66rem;font-weight:750}.home-video-meta a:hover{color:#fff}
@media(max-width:820px){.home-customer-video{width:min(100%,400px)}}
@media(max-width:600px){.home-customer-video{width:100%;max-width:360px}.home-video-meta{padding:21px 20px 23px}.home-video-meta strong{font-size:.94rem}}
/* Official social-platform logo badges on Contact cards. */
.social-logo-badge{position:absolute;z-index:2;right:24px;top:22px;display:grid;height:54px;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(4,26,43,.22);backdrop-filter:blur(8px)}
.social-logo-badge img{display:block;width:auto;height:auto;object-fit:contain}.facebook-badge{width:54px}.facebook-badge img{width:34px;height:34px}.tiktok-badge{width:116px}.tiktok-badge img{width:88px;max-height:29px}
@media(max-width:600px){.social-logo-badge{right:15px;top:14px;height:45px;border-radius:10px}.facebook-badge{width:45px}.facebook-badge img{width:28px;height:28px}.tiktok-badge{width:98px}.tiktok-badge img{width:74px;max-height:25px}.contact-social-card>.social-platform{left:15px;top:14px;max-width:calc(100% - 128px)}}