.hx-root{--sans:'Raleway',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--ink:#0E2238;--paper:#F7F3E8;--serif:'Montserrat',"Segoe UI",sans-serif;--teal-deep:#0E4433;--brass:#A9823D;--ink-soft:#5B6472;--mono:ui-monospace,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--brass-deep:#7C5E28;--line:#E1D5B4;--cream:#F2ECD9;--brass-line:#C9A45E;--teal:#145C46;--radius-pill:999px;--pine:#0F62C5;--white:#FFFFFF;--glow-pine:0 0 0 1px rgba(15,98,197,0.10), 0 18px 40px -12px rgba(15,98,197,0.38), 0 4px 14px -4px rgba(15,98,197,0.24);--pine-deep:#0B2244;--pine-pale:#E7F0FC;--gold:#C7A06B;--gold-bright:#E4C68C;--gold-deep:#9C7844}
.hx-root{--ink: #0E2238; --ink-2: #132C46; --ink-3: #081527; --paper: #F7F3E8; --surface: #FFFFFF; --brass: #A9823D; --brass-deep: #7C5E28; --brass-soft: #D9BA7C; --brass-line: #C9A45E; --teal: #145C46; --teal-deep: #0E4433; --line: #E1D5B4; --line-soft: #EAE2CC; --ink-soft: #5B6472; --ink-faint: #8891A0; --cream: #F2ECD9; --serif: 'Montserrat',"Segoe UI",sans-serif; --sans: 'Raleway',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; --mono: ui-monospace,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; position: relative; box-sizing: border-box; font-family: var(--sans); color: var(--ink); background: var(--paper); -webkit-font-smoothing: antialiased; text-wrap: pretty;}
.hx-root *,.hx-root ::before,.hx-root ::after{box-sizing: inherit;}
.hx-root img{max-width: 100%; display: block;}
.hx-root .hx-wrap{max-width:1480px; margin: 0px auto; padding: 0px 24px;}
.hx-root a{-webkit-tap-highlight-color: transparent; color: inherit; text-decoration: none;}
.hx-root h1{font-family: var(--serif); text-wrap: balance; margin: 0px;}
.hx-root .hx-brand-stripe{height: 6px; background: linear-gradient(90deg,var(--teal-deep),var(--brass),var(--teal-deep));}
.hx-root .hx-crumbs{display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: 12.5px; color: var(--ink-soft); padding: 18px 0px 0px; font-family: var(--mono); letter-spacing: 0.01em;}
.hx-root .hx-crumbs a{color: var(--ink-soft);}
.hx-root .hx-crumbs a:hover{color: var(--brass-deep);}
.hx-root .hx-crumbs .hx-sep{opacity: 0.5;}
.hx-root .hx-crumbs .hx-cur{color: var(--ink);}
.hx-root .hx-hero{padding: 14px 0px 44px; border-bottom: 1px solid var(--line);}
.hx-root .hx-hero-kicker{display: inline-flex; align-items: center; gap: 7px; font-family: var(--mono); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--brass-deep); background: var(--cream); border: 1px solid var(--brass-line); border-radius: 999px; padding: 6px 13px; margin: 18px 0px;}
.hx-root .hx-hero h1{font-size: clamp(32px, 4.6vw, 50px); line-height: 1.08; font-weight: 600; max-width: 820px;}
.hx-root .hx-hero .hx-hero-sub{font-size: 17px; line-height: 1.6; color: var(--ink-soft); max-width: 640px; margin-top: 16px;}
.hx-root .hx-hero-stats{display: flex; flex-wrap: wrap; gap: 28px; margin-top: 28px;}
.hx-root .hx-hero-stat b{display: block; font-family: var(--serif); font-size: 26px; color: var(--teal-deep);}
.hx-root .hx-hero-stat span{display: block; font-size: 12.5px; color: var(--ink-soft); margin-top: 2px;}
.hx-root .hx-hero-actions{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px;}
.hx-root .hx-btn{display: inline-flex; align-items: center; gap: 8px; font-family: var(--sans); font-weight: 600; font-size: 14.5px; padding: 12px 20px; border-radius: 9px; border: 1px solid transparent; transition: transform 0.15s;}
.hx-root .hx-btn svg{width: 14px; height: 14px;}
.hx-root .hx-btn-primary{background: var(--teal-deep); color: rgb(255, 255, 255);}
.hx-root .hx-btn-primary:hover{transform: translateY(-1px); background: var(--teal);}
.hx-root .hx-btn-ghost{background: transparent; border-color: var(--line); color: var(--ink);}
.hx-root .hx-btn-ghost:hover{border-color: var(--brass);}
@media (max-width: 640px){.hx-root .hx-wrap{padding: 0px 18px;}}
.hx-root svg{width: 16px; height: 16px;}
.hx-root .hx-btn-whatsapp{background: rgb(13, 168, 78); color: rgb(255, 255, 255); border-color: rgb(13, 168, 78);}
.hx-root .hx-btn-whatsapp:hover{background: rgb(12, 150, 69); box-shadow: rgba(13, 168, 78, 0.6) 0px 14px 30px -14px;}
@media (max-width: 860px){.hx-root{padding-bottom: 70px;}}
.hx-root *{box-sizing: border-box;}
.hx-root img{max-width: 100%; display: block;}
.hx-root a{color: inherit; text-decoration: none;}
.hx-root h1{font-family: var(--serif); font-weight: 600; margin: 0px; color: var(--ink); letter-spacing: -0.014em; font-feature-settings: "kern", "liga"; text-rendering: optimizelegibility;}
.hx-root p{margin: 0px;}
.hx-root .hx-wrap{max-width:1480px; margin: 0px auto; padding: 0px 32px;}
.hx-root .hx-btn{display: inline-flex; align-items: center; gap: 8px; padding: 15px 30px; font-family: var(--sans); font-weight: 600; font-size: 14.5px; letter-spacing: 0.01em; border-radius: var(--radius-pill); cursor: pointer; border: 1px solid transparent; position: relative; isolation: isolate; overflow: hidden; transition: background 0.18s, color 0.18s, border-color 0.18s, transform 0.28s cubic-bezier(0.2, 0.9, 0.25, 1.3), box-shadow 0.28s;}
.hx-root .hx-btn::after{content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 45%); opacity: 0; transition: opacity 0.18s; pointer-events: none;}
.hx-root .hx-btn-primary::after,.hx-root .hx-btn-whatsapp::after{opacity: 1;}
.hx-root .hx-btn-primary{background: linear-gradient(135deg,#1571DE,var(--pine) 55%,#0A3F86); color: var(--white); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(15, 98, 197, 0.32) 0px 12px 26px;}
.hx-root .hx-btn-primary:hover{background: linear-gradient(135deg, rgb(27, 122, 240), rgb(11, 79, 163) 55%, rgb(10, 63, 134)); transform: translateY(-2px) scale(1.015); box-shadow: 0 1px 0 rgba(255,255,255,0.22) inset, var(--glow-pine);}
.hx-root .hx-btn-primary:active{transform: translateY(0px) scale(0.99);}
.hx-root .hx-btn-primary::before{content: ""; position: absolute; top: 0px; left: -60%; width: 40%; height: 100%; background: linear-gradient(115deg, transparent, rgba(255, 255, 255, 0.35), transparent); transform: skewX(-20deg); transition: left 0.65s cubic-bezier(0.2, 0.7, 0.2, 1); pointer-events: none; z-index: 1;}
.hx-root .hx-btn-primary:hover::before{left: 130%;}
.hx-root .hx-brand-stripe{height: 5px; width: 100%; background: linear-gradient(90deg, rgb(27, 79, 145) 0%, rgb(27, 79, 145) 41%, rgb(226, 35, 26) 41%, rgb(226, 35, 26) 59%, rgb(27, 79, 145) 59%, rgb(27, 79, 145) 100%);}
.hx-root .hx-hero{padding: 0px; position: relative;}
.hx-root .hx-hero-kicker{display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--pine-deep); font-weight: 600; margin-bottom: 16px; letter-spacing: 0.02em; background: linear-gradient(135deg,var(--pine-pale),#F3E9DC 140%); border: 1px solid rgba(191, 149, 112, 0.35); padding: 7px 16px 7px 13px; border-radius: 999px; box-shadow: rgba(11, 35, 64, 0.05) 0px 1px 2px, rgba(255, 255, 255, 0.6) 0px 1px 0px inset;}
.hx-root .hx-hero-kicker::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: rgba(191, 149, 112, 0.22) 0px 0px 0px 3px; flex: 0 0 auto;}
.hx-root .hx-hero h1{font-size: clamp(32px, 3.6vw, 48px); line-height: 1.14; max-width: 600px; letter-spacing: -0.022em; font-weight: 600; font-variation-settings: "opsz" 60;}
.hx-root .hx-hero-sub{margin-top: 14px; font-size: 15px; color: var(--ink-soft); max-width: 500px; line-height: 1.6;}
.hx-root .hx-hero-actions{margin-top: 16px; display: flex; gap: 12px; flex-wrap: wrap;}
.hx-root .hx-btn-whatsapp{background: rgb(37, 211, 102); color: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(37, 211, 102, 0.32) 0px 12px 26px;}
.hx-root .hx-btn-whatsapp:hover{background: rgb(30, 188, 89); color: rgb(255, 255, 255); transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(37, 211, 102, 0.4) 0px 16px 34px;}
@media (max-width: 700px){.hx-root .hx-hero h1{font-size: 28px; line-height: 1.2;}}
@media (prefers-reduced-motion: reduce){.hx-root *{transition: none !important;}}
.hx-root h1{font-variation-settings: "opsz" 32;}
.hx-root .hx-btn{letter-spacing: 0.01em;}
.hx-root .hx-btn-primary{background: linear-gradient(160deg,#2C86F2 0%,var(--pine) 45%,#0A3F86 100%); box-shadow: rgba(255, 255, 255, 0.35) 0px 1px 0px inset, rgba(8, 21, 39, 0.5) 0px 1px 1px inset, rgba(10, 63, 134, 0.55) 0px 14px 28px -10px;}
.hx-root .hx-btn-primary:hover{box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset,0 1px 1px rgba(8,21,39,0.5) inset,var(--glow-pine);}
.hx-root .hx-hero-kicker{position: relative;}
.hx-root .hx-hero-banner-img{filter: contrast(1.06) saturate(0.96) brightness(0.99);}
.hx-root .hx-btn-primary{padding-top: 14px; padding-bottom: 14px;}
.hx-root .hx-hero-photo-frame::after{display: none;}
.hx-root a{-webkit-tap-highlight-color: rgba(15, 98, 197, 0.15);}
.hx-root .hx-btn{font-size: 15.5px; padding: 16px 30px;}
.hx-root .hx-btn{letter-spacing: 0.015em;}
.hx-root .hx-btn-primary{box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(15, 98, 197, 0.4) 0px 16px 32px -10px;}
.hx-root .hx-btn-primary:hover{box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(15, 98, 197, 0.48) 0px 20px 40px -12px;}
.hx-root h1{letter-spacing: -0.022em; line-height: 1.08;}
.hx-root .hx-crumbs{color: rgb(215, 226, 242);}
.hx-root .hx-crumbs a{border-color: rgba(215, 226, 242, 0.4);}
.hx-root .hx-hero,.hx-root .hx-hero{background: linear-gradient(155deg,#123663 0%,#0E2C50 38%,var(--pine-deep) 66%,#071628 100%) !important; width: 100vw !important; position: relative !important; left: 50% !important; transform: translateX(-50%) !important; box-sizing: border-box !important; margin-top: 0px !important; margin-bottom: 24px !important; border-radius: 0px !important; border-bottom: none !important; padding: 44px 32px 48px !important;}
@media (min-width: 1244px){.hx-root .hx-hero,.hx-root .hx-hero{padding-left: calc(-558px + 50vw) !important; padding-right: calc(-558px + 50vw) !important;}}
.hx-root .hx-hero h1,.hx-root .hx-hero h1{color: rgb(255, 255, 255) !important;}
.hx-root .hx-hero-sub,.hx-root .hx-hero .hx-hero-sub{color: rgba(255, 255, 255, 0.86) !important;}
.hx-root .hx-hero-kicker,.hx-root .hx-hero-kicker{background: rgba(255, 255, 255, 0.12) !important; border-color: rgba(255, 255, 255, 0.32) !important; color: rgb(255, 255, 255) !important;}
.hx-root .hx-hero-kicker svg,.hx-root .hx-hero-kicker svg{fill: var(--gold-bright) !important; color: var(--gold-bright) !important;}
.hx-root .hx-hero-stat b{color: rgb(255, 255, 255) !important;}
.hx-root .hx-hero-stat span{color: rgba(255, 255, 255, 0.72) !important;}
.hx-root .hx-hero .hx-btn-primary,.hx-root .hx-hero .hx-btn-primary{box-shadow: rgba(0, 0, 0, 0.45) 0px 8px 20px -6px !important;}
:where(.hx-root) a{-webkit-tap-highlight-color: rgba(15, 98, 197, 0.15);}
:where(.hx-root) .hx-btn{font-size: 15.5px; padding: 16px 30px;}
:where(.hx-root) .hx-btn{letter-spacing: 0.015em;}
:where(.hx-root) .hx-btn-primary{box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(15, 98, 197, 0.4) 0px 16px 32px -10px;}
:where(.hx-root) .hx-btn-primary:hover{box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(15, 98, 197, 0.48) 0px 20px 40px -12px;}
:where(.hx-root) h1{letter-spacing: -0.022em; line-height: 1.08;}
:where(.hx-root) .hx-crumbs{color: rgb(215, 226, 242);}
:where(.hx-root) .hx-crumbs a{border-color: rgba(215, 226, 242, 0.4);}
:where(.hx-root) .hx-hero-photo-frame::after{display: none;}
:where(.hx-root) .hx-hero-photo-frame{position: relative; padding: 9px; border-radius: 29px; isolation: isolate; background: linear-gradient(135deg, rgba(240, 217, 160, 0.9) 0%, rgba(127, 196, 242, 0.3) 48%, rgba(198, 153, 97, 0.75) 100%); box-shadow: rgba(3, 10, 24, 0.6) 0px 42px 84px -24px, rgba(3, 10, 24, 0.45) 0px 16px 34px -16px, rgba(231, 206, 154, 0.2) 0px 0px 0px 1px;}
@media (max-width: 980px){:where(.hx-root) .hx-hero-photo-frame{width: 100%; max-width: 560px; margin: 0px auto;}}
:where(.hx-root) .hx-hero-photo-card{position: relative; aspect-ratio: 4 / 3.85; border-radius: 21px; overflow: hidden; isolation: isolate; box-shadow: rgba(3, 10, 24, 0.35) 0px 2px 10px -2px; background: linear-gradient(165deg,#0E2C50,var(--pine-deep) 55%,#0A1E38);}
@media (max-width: 980px){:where(.hx-root) .hx-hero-photo-card{aspect-ratio: 16 / 11; width: 100%;}}
:where(.hx-root) .hx-hero-photo-card::after{content: ""; position: absolute; inset: 0px; z-index: 4; pointer-events: none; border-radius: inherit; box-shadow: rgba(255, 255, 255, 0.14) 0px 0px 0px 1px inset;}
:where(.hx-root) .hx-hero-banner-shine{position: absolute; inset: 0px; z-index: 3; pointer-events: none; background: linear-gradient(115deg, transparent 32%, rgba(255, 255, 255, 0.18) 46%, transparent 62%); transform: translateX(-130%); animation: 8s ease-in-out 1.4s infinite normal none running hx-heroShineSweep;}
@keyframes hx-heroShineSweep { 
  0%, 58% { transform: translateX(-130%); }
  74% { transform: translateX(130%); }
  100% { transform: translateX(130%); }
}
@media (prefers-reduced-motion: reduce){:where(.hx-root) .hx-hero-banner-shine{display: none;}}
:where(.hx-root) .hx-hero-banner-img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; z-index: 0; filter: contrast(1.08) saturate(1.15) brightness(1.02); transform: scale(1.1); transform-origin: 50% 24%; animation: 26s ease-in-out 0s infinite alternate none running hx-heroKenBurns; will-change: transform;}
@keyframes hx-heroKenBurns { 
  0% { transform: scale(1.1); }
  100% { transform: scale(1.16); }
}
@media (prefers-reduced-motion: reduce){:where(.hx-root) .hx-hero-banner-img{animation: auto ease 0s 1 normal none running none; transform: scale(1.1);}}
:where(.hx-root) .hx-hero-banner-tint{position: absolute; inset: 0px; z-index: 1; pointer-events: none; mix-blend-mode: soft-light; opacity: 0.16; background: radial-gradient(65% 65% at 80% 10%, rgba(240, 217, 160, 0.55) 0%, transparent 62%);}
:where(.hx-root) .hx-hero-banner-glow{position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: radial-gradient(70% 55% at 85% -5%, rgba(127, 196, 242, 0.1), transparent 60%), radial-gradient(60% 70% at 6% 62%, rgba(240, 217, 160, 0.22), transparent 68%);}
:where(.hx-root) .hx-hero-banner-overlay{position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(0deg, rgba(4, 11, 24, 0.5) 0%, transparent 32%);}
:where(.hx-root) .hx-hero-banner-grain{position: absolute; inset: 0px; z-index: 1; pointer-events: none; opacity: 0.05; mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 140px 140px;}
:where(.hx-root) .hx-hero-banner-vignette{position: absolute; inset: 0px; z-index: 1; pointer-events: none; box-shadow: rgba(2, 7, 16, 0.16) 0px 0px min(60px, 7vw) inset;}
:where(.hx-root) .hx-hero-photo-card .hx-premium-ribbon{position: absolute; top: 16px; right: 16px; left: auto; z-index: 5; box-shadow: rgba(140, 103, 66, 0.6) 0px 10px 22px -6px, rgba(255, 255, 255, 0.5) 0px 1px 0px inset;}
:where(.hx-root) .hx-hero-photo-caption{position: absolute; left: 18px; right: auto; bottom: 18px; z-index: 5; color: rgb(255, 255, 255); font-size: 13.5px; font-weight: 500; background: rgba(6, 16, 32, 0.5); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.2); padding: 8px 15px; border-radius: 999px; display: inline-flex; align-items: center; gap: 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 24px -10px;}
:where(.hx-root) .hx-hero-photo-caption strong{font-family: var(--serif); font-size: 16px; font-weight: 600; color: var(--gold-bright);}
:where(.hx-root) .hx-premium-ribbon{display: inline-flex; align-items: center; gap: 7px; background: linear-gradient(135deg,#D8B993,var(--gold-deep) 60%,#8C6742); color: rgb(42, 29, 16); font-family: var(--serif); font-weight: 600; font-size: 12px; letter-spacing: 0.01em; padding: 8px 14px 8px 11px; border-radius: 999px; box-shadow: rgba(164, 124, 85, 0.55) 0px 6px 16px -4px, rgba(255, 255, 255, 0.45) 0px 1px 0px inset;}
:where(.hx-root) .hx-premium-ribbon svg{width: 14px; height: 14px; flex: 0 0 auto;}
@media (max-width: 640px){:where(.hx-root) .hx-premium-ribbon{display: none;}}
.hx-root .hx-hero-hub-split{display: grid; grid-template-columns: minmax(0px, 1.08fr) minmax(0px, 0.92fr); gap: 56px; align-items: center;}
.hx-root .hx-hero-hub-copy{min-width: 0px;}
.hx-root .hx-hero-hub-split .hx-hero-photo-frame{width: 100%; max-width: 520px; justify-self: end;}
@media (max-width: 980px){.hx-root .hx-hero-hub-split{grid-template-columns: 1fr; gap: 32px;}}
@media (max-width: 980px){.hx-root .hx-hero-hub-split .hx-hero-photo-frame{justify-self: center; max-width: 560px;}}
.hx-root .hx-hero .hx-btn-ghost{color: rgb(255, 255, 255); border: 1.5px solid rgba(255, 255, 255, 0.55); background: transparent;}
.hx-root .hx-hero .hx-btn-ghost:hover{background: rgba(255, 255, 255, 0.14); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);}

.hx-root .hx-hero-kicker-flag{display:inline-block;width:auto;height:14px;border-radius:2px;vertical-align:-2px;margin:0 2px}
.hx-root .hx-hero .hx-hero-sub a,.hx-root .hx-hero-byline a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.5);text-underline-offset:3px}
.hx-root .hx-hero .hx-hero-sub a:hover,.hx-root .hx-hero-byline a:hover{text-decoration-color:currentColor}
.hx-root .hx-hero-byline{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.78);margin:10px 0 0;max-width:640px}
.hx-root .hx-hero-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:20px 0 0;padding:0;font-family:var(--mono);font-size:12.5px;letter-spacing:.01em}
.hx-root .hx-hero-links a{color:rgba(255,255,255,.86);text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:4px}
.hx-root .hx-hero-links a:hover{color:#fff;text-decoration-color:currentColor}
.hx-root .hx-hero-updated{font-family:var(--mono);font-size:12px;color:rgba(255,255,255,.66);margin:14px 0 0}
.hx-root .hx-silo{font-family:var(--mono);font-size:12.5px;color:var(--ink-soft);margin:6px 0 0}
.hx-root .hx-silo a{color:var(--brass-deep);text-decoration:underline;text-underline-offset:3px}
.hx-root .hx-hero-sub+.hx-hero-actions,.hx-root .hx-hero-byline+.hx-hero-actions{margin-top:26px}

.scci-aboutus-2026 .cta-row a.cta-whatsapp{background:#147A45;color:#fff;box-shadow:0 8px 18px -8px rgba(13,168,78,.45)}.scci-aboutus-2026 .cta-row a.cta-whatsapp:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 14px 28px -10px rgba(13,168,78,.55)}

.scci-aboutus-2026 .scci-mid-cta{margin:34px 0;padding:26px 28px;border-radius:16px;background:linear-gradient(135deg,#0B2244 0%,#123A73 55%,#0F62C5 130%);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:0 14px 34px -16px rgba(10,31,68,.4)}.scci-aboutus-2026 .scci-mid-cta .mc-text{color:#fff;flex:1;min-width:220px}.scci-aboutus-2026 .scci-mid-cta .mc-text strong{display:block;font-size:18px;margin-bottom:4px;font-weight:700;letter-spacing:-.01em}.scci-aboutus-2026 .scci-mid-cta .mc-text span{font-size:14.5px;color:#E7F0FC;line-height:1.5}.scci-aboutus-2026 .scci-mid-cta-btn{white-space:nowrap;background:#fff;color:#0B2244;font-weight:700;padding:12px 24px;border-radius:999px;text-decoration:none;font-size:14.5px;box-shadow:0 6px 16px -8px rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease}.scci-aboutus-2026 .scci-mid-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -8px rgba(0,0,0,.3)}.scci-aboutus-2026 .scci-mid-cta.alt{background:linear-gradient(135deg,#147A45 0%,#0B2244 60%,#147A45 130%)}.scci-aboutus-2026 .scci-mid-cta.alt .scci-mid-cta-btn{color:#0B2244}@media (max-width:600px){.scci-aboutus-2026 .scci-mid-cta{flex-direction:column;align-items:flex-start;padding:22px}.scci-aboutus-2026 .scci-mid-cta-btn{width:100%;text-align:center}}

p,li,blockquote,dd,figcaption{text-wrap:pretty;overflow-wrap:break-word}h1,h2,h3,h4{text-wrap:balance}
.scci-aboutus-2026{
    --navy:#0B2244; --navy-2:#0F62C5; --ink:#101722; --muted:#57616D; --sub:#57616D;
    --teal:#0F62C5; --mint:#147A45; --gold:#9C7844;
    --pale:#E7F0FC; --paper:#ffffff; --line:#E7F0FC;
    --shadow:0 10px 30px -14px rgba(10,47,71,.18);
    --shadow-sm:0 4px 14px -6px rgba(10,47,71,.14);
    --font-display:"Montserrat", "Segoe UI", sans-serif;
    --font-body:"Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono:"Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    position:relative;box-sizing:border-box;font-family:var(--font-body);color:var(--ink);
    background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden;
  }
  .scci-aboutus-2026 *, .scci-aboutus-2026 *:before, .scci-aboutus-2026 *:after{box-sizing:inherit;}
  .scci-aboutus-2026:before{content:"";display:block;height:4px;width:100%;background:linear-gradient(90deg,var(--navy-2),var(--mint) 60%);}
  .scci-aboutus-2026 .wrap{max-width:1480px;margin:0 auto;padding:0 20px;}
  .scci-aboutus-2026 .skip-link{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:10px 16px;z-index:100;border-radius:0 0 8px 0;}
  .scci-aboutus-2026 .skip-link:focus{left:0;top:0;}
  .scci-aboutus-2026 a{-webkit-tap-highlight-color:transparent;}
  .scci-aboutus-2026 a:focus-visible, .scci-aboutus-2026 button:focus-visible, .scci-aboutus-2026 summary:focus-visible{outline:2.5px solid var(--teal);outline-offset:3px;border-radius:4px;}
  .scci-aboutus-2026 .breadcrumb{font-size:1.0625rem;color:var(--sub);padding:16px 0 0;}
  .scci-aboutus-2026 .breadcrumb a{color:var(--teal);text-decoration:none;}
  .scci-aboutus-2026 .breadcrumb a:hover{text-decoration:underline;}
  .scci-aboutus-2026 header.page-head{position:relative;padding:40px 0 0;margin-bottom:8px;overflow:hidden;}
  .scci-aboutus-2026 .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:flex-start;padding:26px 0 34px;}
  .scci-aboutus-2026 .hero-copy{max-width:640px;}
  .scci-aboutus-2026 .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:0.9375rem;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);background:var(--pale);border:1px solid var(--line);border-radius:999px;padding:6px 13px;margin:0 0 18px;}
  .scci-aboutus-2026 .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--mint);}
  .scci-aboutus-2026 header.page-head h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4vw,3.05rem);line-height:1.15;color:var(--navy);margin:0 0 16px;letter-spacing:-.01em;}
  .scci-aboutus-2026 header.page-head .reviewed{font-size:1.125rem;color:var(--sub);margin:0 0 16px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
  .scci-aboutus-2026 header.page-head .reviewed .rev-icon{width:15px;height:15px;color:var(--mint);flex:none;}
  .scci-aboutus-2026 header.page-head .reviewed .updated{color:var(--sub);}
  .scci-aboutus-2026 header.page-head p.hero-lede{font-size:1.4375rem;line-height:1.72;color:var(--muted);margin:0;}
  .scci-aboutus-2026 .cta-row{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;}
  .scci-aboutus-2026 .cta-row a{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:9px;font-weight:600;font-size:1.25rem;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;}
  .scci-aboutus-2026 .cta-primary{background:var(--navy);color:#fff;box-shadow:var(--shadow-sm);}
  .scci-aboutus-2026 .cta-primary:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 14px 28px -10px rgba(10,31,68,.4);}
.scci-aboutus-2026 .cta-primary:active{transform:translateY(0) scale(.99);}
  .scci-aboutus-2026 .cta-secondary{background:var(--paper);color:var(--navy);border:1.5px solid var(--line);}
  .scci-aboutus-2026 .cta-secondary:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px);}
  .scci-aboutus-2026 .hero-visual{display:flex;align-items:center;justify-content:center;}
  .scci-aboutus-2026 .hero-visual img{width:100%;max-width:460px;aspect-ratio:4/3;object-fit:cover;border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--line);}
  .scci-aboutus-2026 .hero-visual-fallback{align-items:center;justify-content:center;display:flex;width:100%;max-width:460px;aspect-ratio:4/3;border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden;background:var(--pale);}
.hero-visual-fallback svg{width:100%;height:100%;display:block;}
  .scci-aboutus-2026 .hero-visual-fallback svg{width:100%;height:100%;display:block;}
  .scci-aboutus-2026 .trust-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:34px 0 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-sm);}
  .scci-aboutus-2026 .trust-strip div{padding:18px 14px;text-align:center;border-left:1px solid var(--line);}
  .scci-aboutus-2026 .trust-strip div:first-child{border-left:none;}
  .scci-aboutus-2026 .trust-strip .t-icon{width:20px;height:20px;color:var(--teal);margin:0 auto 8px;}
  .scci-aboutus-2026 .trust-strip .t-gold .t-icon{color:var(--gold);}
  .scci-aboutus-2026 .trust-strip strong{display:block;font-family:var(--font-mono);font-size:1.35rem;font-weight:600;color:var(--navy);}
  .scci-aboutus-2026 .trust-strip span.t-label{font-size:1rem;color:var(--muted);}
  .scci-aboutus-2026 .key-terms{max-width:900px;margin:0 0 0 56px;}
  .scci-aboutus-2026 .key-terms dl{margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:14px;}
  .scci-aboutus-2026 .key-terms .term-row{border:1px solid var(--line);border-radius:12px;padding:14px 18px;background:var(--pale);}
  .scci-aboutus-2026 .key-terms dt{font-family:var(--font-display);font-weight:600;font-size:1.25rem;color:var(--navy);margin:0 0 4px;}
  .scci-aboutus-2026 .key-terms dd{margin:0;font-size:1.1875rem;line-height:1.6;color:var(--muted);}
  .scci-aboutus-2026 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
  .scci-aboutus-2026 table.compare{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:1.1875rem;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);}
  .scci-aboutus-2026 table.compare th, .scci-aboutus-2026 table.compare td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top;}
  .scci-aboutus-2026 table.compare tbody th{background:var(--navy);color:#fff;font-weight:600;width:34%;}
  .scci-aboutus-2026 table.compare thead th{background:var(--navy-2);color:#fff;font-weight:600;}
  .scci-aboutus-2026 table.compare tr:nth-child(even) td{background:var(--pale);}
  .scci-aboutus-2026 table.compare tr:nth-child(odd) td{background:var(--paper);}
  .scci-aboutus-2026 nav.toc{background:var(--pale);border:1px solid var(--line);border-radius:16px;padding:22px 26px;margin:36px 0;}
  .scci-aboutus-2026 nav.toc h2{font-family:var(--font-mono);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin:0 0 14px;}
  .scci-aboutus-2026 nav.toc ol{margin:0;padding:0 0 0 20px;columns:2;column-gap:32px;font-size:1.1875rem;}
  .scci-aboutus-2026 nav.toc li{margin-bottom:8px;}
  .scci-aboutus-2026 nav.toc a{color:var(--navy);text-decoration:none;font-weight:500;}
  .scci-aboutus-2026 nav.toc a:hover{color:var(--teal);text-decoration:underline;}
  .scci-aboutus-2026 main section.topic{padding:44px 0;border-top:1px solid var(--line);scroll-margin-top:16px;}
  .scci-aboutus-2026 main section.topic:first-of-type{border-top:none;}
  .scci-aboutus-2026 main section.topic h2{display:flex;align-items:center;gap:14px;font-family:var(--font-display);font-weight:600;font-size:clamp(1.3rem,2.4vw,1.62rem);color:var(--navy);margin:0 0 6px;letter-spacing:-.005em;}
  .scci-aboutus-2026 main section.topic p.cat-sub{margin:0 0 22px 56px;color:var(--sub);font-size:1.25rem;max-width:760px;}
  .scci-aboutus-2026 .sec-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:var(--pale);border:1px solid var(--line);color:var(--teal);}
  .scci-aboutus-2026 .sec-icon svg{width:21px;height:21px;}
  .scci-aboutus-2026 .reason-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 0 56px;list-style:none;padding:0;}
  @media (max-width:720px){.scci-aboutus-2026 .reason-grid{grid-template-columns:1fr;margin-left:0;}}
  .scci-aboutus-2026 .reason-grid li{position:relative;font-size:1.25rem;line-height:1.55;color:var(--ink);padding:12px 14px 12px 34px;background:var(--pale);border:1px solid var(--line);border-radius:11px;overflow-wrap:break-word;word-break:break-word;}
  .scci-aboutus-2026 .reason-grid li:before{content:"";position:absolute;left:14px;top:20px;width:8px;height:8px;border-radius:50%;background:var(--mint);}
  .scci-aboutus-2026 .value-cards{margin:0 0 0 56px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
  @media (max-width:720px){.scci-aboutus-2026 .value-cards{grid-template-columns:1fr;margin-left:0;}}
  .scci-aboutus-2026 .value-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 22px;}.value-card{position:relative;box-shadow:0 4px 14px -6px rgba(10,47,71,.14);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease;overflow:hidden;}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--navy-2,var(--teal)),var(--mint));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}.value-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px -14px rgba(10,47,71,.18);border-color:var(--teal);}.value-card:hover:before{transform:scaleX(1);}
  .scci-aboutus-2026 .value-card h3{margin:0 0 8px;font-family:var(--font-display);font-size:1.3125rem;font-weight:600;color:var(--navy);}
  .scci-aboutus-2026 .value-card p{margin:0 0 10px;font-size:1.1875rem;line-height:1.6;color:var(--muted);}
  .scci-aboutus-2026 .value-card ul{margin:0;padding:0 0 0 18px;font-size:1.1875rem;line-height:1.6;color:var(--ink);}
  .scci-aboutus-2026 .value-card ul li{margin-bottom:5px;}
  .scci-aboutus-2026 .step-list{margin:0 0 0 56px;padding:0;list-style:none;counter-reset:step;}
  .scci-aboutus-2026 .step-list li{position:relative;padding:0 0 26px 44px;font-size:1.25rem;line-height:1.68;color:var(--muted);}
  .scci-aboutus-2026 .step-list li:last-child{padding-bottom:0;}
  .scci-aboutus-2026 .step-list li strong{color:var(--navy);}
  .scci-aboutus-2026 .step-list li ul{margin:8px 0 0;padding:0 0 0 18px;}
  .scci-aboutus-2026 .step-list li ul li{padding:0;margin-bottom:4px;list-style:disc;}
  .scci-aboutus-2026 .step-list li ul li:after,.scci-aboutus-2026 .step-list li ul li:before{content:none;}
  .scci-aboutus-2026 .step-list li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--font-mono);font-weight:600;font-size:1.0625rem;display:flex;align-items:center;justify-content:center;}
  .scci-aboutus-2026 .step-list li:after{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--line);}
  .scci-aboutus-2026 .step-list li:last-child:after{display:none;}
  .scci-aboutus-2026 .note-box{margin:22px 0 0 56px;max-width:760px;background:var(--pale);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:10px;padding:14px 18px;font-size:1.125rem;color:var(--muted);line-height:1.6;}
  @media (max-width:860px){.scci-aboutus-2026 .note-box,.scci-aboutus-2026 .step-list,.scci-aboutus-2026 .reason-grid,.scci-aboutus-2026 .value-cards{margin-left:0;}}
  @media (max-width:720px){}
  .scci-aboutus-2026 details.faq-item{border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:10px;background:var(--paper);transition:border-color .2s ease,box-shadow .25s ease,transform .2s ease;}
  .scci-aboutus-2026 details.faq-item:hover{border-color:var(--teal);transform:translateY(-1px);}
  .scci-aboutus-2026 details.faq-item[open]{box-shadow:var(--shadow-sm);border-color:var(--teal);}
  .scci-aboutus-2026 details.faq-item summary{cursor:pointer;font-weight:600;font-size:1.3125rem;color:var(--navy);list-style:none;display:flex;align-items:center;gap:10px;}
  .scci-aboutus-2026 details.faq-item summary::-webkit-details-marker{display:none;}
  .scci-aboutus-2026 details.faq-item summary:before{content:"+";flex:none;width:20px;height:20px;border-radius:50%;background:var(--pale);color:var(--teal);font-size:1.1875rem;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,color .2s ease;}
  .scci-aboutus-2026 details.faq-item[open] summary:before{content:"–";background:var(--teal);color:#fff;transform:rotate(180deg);}
  .scci-aboutus-2026 details.faq-item p{margin:12px 0 2px 30px;font-size:1.25rem;line-height:1.65;color:var(--muted);}
  .scci-aboutus-2026 details.faq-item p a{color:var(--teal);font-weight:600;text-decoration:none;}
  .scci-aboutus-2026 details.faq-item p a:hover{text-decoration:underline;}
  .scci-aboutus-2026 .cross-links{max-width:1480px;margin:18px auto 0;font-size:1.125rem;color:var(--sub);}
  .scci-aboutus-2026 .cross-links span.lbl{color:var(--sub);font-weight:600;margin-right:4px;}
  .scci-aboutus-2026 .cross-links a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--line);margin-right:16px;display:inline-block;}
  .scci-aboutus-2026 .cross-links a:hover{text-decoration-color:currentColor;color:var(--teal);}
  .scci-aboutus-2026 .topic-silo{max-width:1100px;margin:52px auto 0;}
  .scci-aboutus-2026 .topic-silo h2{font-family:var(--font-display);font-weight:600;font-size:clamp(1.3rem,2.4vw,1.6rem);color:var(--navy);text-align:center;margin:0 0 6px;}
  .scci-aboutus-2026 .topic-silo p.intro{font-size:1.1875rem;color:var(--sub);text-align:center;margin:0 0 22px;}
  .scci-aboutus-2026 .silo-grid{display:flex;flex-wrap:wrap;gap:14px;}
  .scci-aboutus-2026 .silo-card{flex:1 1 230px;max-width:300px;border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:var(--paper);transition:border-color .2s ease,box-shadow .25s ease,transform .25s cubic-bezier(.2,.8,.2,1);}
  .scci-aboutus-2026 .silo-card:hover{border-color:var(--teal);box-shadow:var(--shadow-sm);}
  .scci-aboutus-2026 .silo-card h3{margin:0 0 6px;font-family:var(--font-display);font-size:1.3125rem;font-weight:600;}
  .scci-aboutus-2026 .silo-card h3 a{color:var(--navy);text-decoration:none;}
  .scci-aboutus-2026 .silo-card h3 a:hover{color:var(--teal);}
  .scci-aboutus-2026 .silo-card p{margin:0;font-size:1.125rem;color:var(--muted);line-height:1.55;}
  .scci-aboutus-2026 .local-strip{max-width:1100px;margin:14px auto 0 auto;padding-bottom:40px;font-size:1.0625rem;color:var(--sub);text-align:center;}
  @media (max-width:860px){.scci-aboutus-2026 .hero-grid{grid-template-columns:1fr;gap:28px;text-align:left;}.scci-aboutus-2026 .hero-visual{order:-1;max-width:280px;margin:0 auto;}.scci-aboutus-2026 .trust-strip{grid-template-columns:1fr 1fr;}.scci-aboutus-2026 .trust-strip div:nth-child(3), .scci-aboutus-2026 .trust-strip div:nth-child(5){border-left:none;}.scci-aboutus-2026 .trust-strip div{border-bottom:1px solid var(--line);}.scci-aboutus-2026 nav.toc ol{columns:1;}.scci-aboutus-2026 main section.topic p.cat-sub{margin-left:0;}}
  @media (prefers-reduced-motion:reduce){.scci-aboutus-2026 .cta-row a,.scci-aboutus-2026 .cta-primary,.scci-aboutus-2026 .cta-secondary,.scci-aboutus-2026 details.faq-item,.scci-aboutus-2026 details.faq-item summary:before,.scci-aboutus-2026 .silo-card{transition:none!important;}.scci-aboutus-2026 .cta-primary:hover,.scci-aboutus-2026 .cta-secondary:hover,.scci-aboutus-2026 details.faq-item:hover,.scci-aboutus-2026 .silo-card:hover,.scci-aboutus-2026 .cta-primary:active{transform:none!important;}}

  /* --- small-phone refinements (added) --- */
  .scci-aboutus-2026 table.compare{min-width:420px;}
  @media (max-width:480px){
    .scci-aboutus-2026 .wrap{padding:0 16px;}
    .scci-aboutus-2026 header.page-head p.hero-lede{font-size:1.125rem;line-height:1.6;}
    .scci-aboutus-2026 .key-terms dd, .scci-aboutus-2026 .value-card p, .scci-aboutus-2026 .value-card ul,
    .scci-aboutus-2026 .step-list li, .scci-aboutus-2026 .reason-grid li, .scci-aboutus-2026 details.faq-item p,
    .scci-aboutus-2026 table.compare{font-size:1rem;}
    .scci-aboutus-2026 details.faq-item summary{font-size:1.125rem;}
    .scci-aboutus-2026 main section.topic p.cat-sub{font-size:1.0625rem;}
    .scci-aboutus-2026 .cta-row a{font-size:1.0625rem;padding:12px 18px;width:100%;justify-content:center;}
    .scci-aboutus-2026 .trust-strip{grid-template-columns:1fr 1fr;}
    .scci-aboutus-2026 .trust-strip strong{font-size:1.1rem;}
    .scci-aboutus-2026 .trust-strip span.t-label{font-size:0.875rem;}
  }


  .scci-aboutus-2026 .inline-bridge{max-width:1100px;margin:34px auto 0;padding:16px 22px;background:var(--pale);border:1px solid var(--line);border-radius:12px;font-size:18px;color:var(--sub);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 4px;}
  .scci-aboutus-2026 .inline-bridge .lbl{font-family:var(--font-mono, var(--font-body));font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);font-weight:600;margin-right:6px;}
  .scci-aboutus-2026 .inline-bridge a{color:var(--teal);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s ease;}
  .scci-aboutus-2026 .inline-bridge a:hover{border-color:var(--teal);}
  .scci-aboutus-2026 .inline-bridge .sep{color:var(--line);margin:0 4px;}


/* === Premium design enhancement layer === */
/* === ORPHAN-GRID-FIX: last odd item in a 2-col grid no longer leaves a bare gap === */
.scci-aboutus-2026 .value-cards > *:last-child:nth-child(odd),
.scci-aboutus-2026 .reason-grid > *:last-child:nth-child(odd) {grid-column:1 / -1;max-width:calc(50% - 8px);margin:0 auto;}
.scci-aboutus-2026 .hub-faq > *:last-child:nth-child(odd) {grid-column:1 / -1;}
@media(max-width:720px){
.scci-aboutus-2026 .value-cards > *:last-child:nth-child(odd),
.scci-aboutus-2026 .reason-grid > *:last-child:nth-child(odd) {max-width:100%;margin:0;}
}

.scci-aboutus-2026 h2{position:relative;padding-bottom:12px;}
.scci-aboutus-2026 h2:after{content:"";position:absolute;left:0;bottom:0;width:52px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--navy-2),var(--mint));}
.scci-aboutus-2026 a{transition:color .2s ease,background-color .2s ease,transform .15s ease,box-shadow .2s ease;}
.scci-aboutus-2026 .ce-card,.scci-aboutus-2026 .silo-card,.scci-aboutus-2026 .card,.scci-aboutus-2026 .result-card,.scci-aboutus-2026 .related-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.scci-aboutus-2026 .ce-card:hover,.scci-aboutus-2026 .silo-card:hover,.scci-aboutus-2026 .card:hover,.scci-aboutus-2026 .result-card:hover,.scci-aboutus-2026 .related-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px -18px rgba(10,31,68,.28);border-color:var(--navy-2);}
.scci-aboutus-2026 .btn,.scci-aboutus-2026 button,.scci-aboutus-2026 a.cta,.scci-aboutus-2026 .cta-btn{transition:transform .18s ease,box-shadow .18s ease;}
.scci-aboutus-2026 .btn:hover,.scci-aboutus-2026 button:hover,.scci-aboutus-2026 a.cta:hover,.scci-aboutus-2026 .cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(10,31,68,.38);}
.scci-aboutus-2026 blockquote{border-left:4px solid var(--mint);background:var(--pale);padding:18px 22px;border-radius:0 14px 14px 0;font-style:italic;color:var(--navy);}
.scci-aboutus-2026 .hero-visual-fallback,.scci-aboutus-2026 .hero-visual-art{box-shadow:0 22px 50px -20px rgba(10,31,68,.32);transition:transform .3s ease;}
.scci-aboutus-2026 .hero-visual-fallback:hover,.scci-aboutus-2026 .hero-visual-art:hover{transform:translateY(-3px);}
.scci-aboutus-2026 .scci-more-reading{margin:52px 0 20px;padding:30px 26px;background:linear-gradient(155deg,var(--pale),var(--paper));border:1px solid var(--line);border-radius:18px;}
.scci-aboutus-2026 .scci-more-reading h3{font-family:var(--font-display);color:var(--navy);font-size:1.25rem;margin:0 0 16px;}
.scci-aboutus-2026 .scci-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px;}
.scci-aboutus-2026 .scci-more-grid a{display:block;padding:13px 15px;background:var(--paper);border:1px solid var(--line);border-radius:10px;color:var(--navy);text-decoration:none;font-weight:600;font-size:.92rem;transition:all .2s ease;}
.scci-aboutus-2026 .scci-more-grid a:hover{border-color:var(--navy-2);background:var(--pale);transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(10,31,68,.28);}
.scci-aboutus-2026 .scci-more-grid a:before{content:"\2192\0020";color:var(--mint);font-weight:700;}

.scci-aboutus-2026 .topic{position:relative;}
.scci-aboutus-2026 .scci-narrow-col{position:relative;z-index:1;}
.scci-aboutus-2026 .scci-narrow-col:after{content:"";position:absolute;top:6%;right:-120px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle at 32% 32%,rgba(16,85,185,.09),transparent 68%),radial-gradient(circle at 70% 70%,rgba(10,135,50,.07),transparent 60%);pointer-events:none;z-index:-1;}
@media (max-width:1100px){.scci-aboutus-2026 .scci-narrow-col:after{display:none;}}

.ce2026{max-width:1480px;margin:44px auto 0;padding:0 20px;}
.ce2026 .ce-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 20px;}
.ce2026 .ce-head h2{font-family:var(--font-display,inherit);font-weight:600;font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--navy,#0B2244);margin:0;letter-spacing:-.01em;}
.ce2026 .ce-head p{margin:4px 0 0;color:var(--sub,var(--muted,#57616D));font-size:16px;}
.ce2026 .ce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media (max-width:900px){.ce2026 .ce-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:620px){.ce2026 .ce-grid{grid-template-columns:1fr;}}
.ce2026 .ce-card{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--paper,#fff);border:1px solid var(--line,#E7F0FC);border-radius:16px;padding:20px 20px 22px;text-decoration:none;box-shadow:var(--shadow-sm,0 4px 14px -6px rgba(10,47,71,.14));transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease;overflow:hidden;}
.ce2026 .ce-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--navy-2,var(--teal,#0F62C5)),var(--mint,#147A45));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.ce2026 .ce-card:hover{transform:translateY(-4px);box-shadow:var(--shadow,0 10px 30px -14px rgba(10,47,71,.18));border-color:var(--teal,#0F62C5);}
.ce2026 .ce-card:hover:before{transform:scaleX(1);}
.ce2026 .ce-tag{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;font-family:var(--font-mono,inherit);font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--navy-2,var(--teal,#0F62C5));background:var(--pale,#E7F0FC);border-radius:999px;padding:4px 10px;}
.ce2026 .ce-tag .dot{width:5px;height:5px;border-radius:50%;background:var(--mint,#147A45);}
.ce2026 .ce-card h3{margin:0;font-family:var(--font-display,inherit);font-size:17px;line-height:1.35;font-weight:600;color:var(--ink,#101722);}
.ce2026 .ce-card p{margin:0;font-size:14.5px;line-height:1.5;color:var(--sub,var(--muted,#57616D));flex-grow:1;}
.ce2026 .ce-arrow{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--navy-2,var(--teal,#0F62C5));margin-top:2px;}
.ce2026 .ce-card:hover .ce-arrow{gap:9px;}
.ce2026 .ce-arrow svg{width:13px;height:13px;transition:transform .22s ease;}
.ce2026 .ce-card:hover .ce-arrow svg{transform:translateX(3px);}

.topic-silo{position:relative;}
.topic-silo .silo-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal,#0F62C5);background:var(--pale,#E7F0FC);border:1px solid var(--line,#E7F0FC);padding:6px 14px;border-radius:999px;margin:0 auto 14px;display:table;}
.topic-silo h2{position:relative;}
.silo-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px !important;flex-wrap:unset;}
.silo-card{max-width:none !important;flex:none !important;padding:0 !important;border-radius:16px !important;overflow:hidden;background:var(--paper,#fff);border:1px solid var(--line,#E7F0FC) !important;box-shadow:0 6px 18px -12px rgba(10,47,71,.22);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease !important;}
.silo-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px -18px rgba(10,47,71,.32) !important;border-color:var(--teal,#0F62C5) !important;}
.silo-card .silo-media{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,var(--pale,#E7F0FC),#fff);}
.silo-card .silo-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1);}
.silo-card:hover .silo-media img{transform:scale(1.08);}
.silo-card .silo-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,31,68,0) 55%,rgba(10,31,68,.55) 100%);}
.silo-card .silo-body{padding:16px 18px 18px;}
.silo-card h3{margin:0 !important;font-size:1.05rem !important;line-height:1.35;}
.silo-card .silo-desc{margin:8px 0 0;font-size:.88rem;line-height:1.45;color:var(--sub,#57616D);}
.topic-silo p.intro{max-width:640px;margin-left:auto !important;margin-right:auto !important;}
.silo-card h3 a{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.silo-card h3 a::after{content:"→";flex:none;font-weight:400;color:var(--teal,#0F62C5);transition:transform .25s ease;}
.silo-card:hover h3 a::after{transform:translateX(4px);}
.topic-silo .silo-footer-link{display:table;margin:26px auto 0;font-size:.95rem;font-weight:600;color:var(--teal,#0F62C5);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;}
@media (max-width:640px){.silo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr)) !important;gap:14px !important;}}

/* ==========================================================================
   PREMIUM DESIGN UPGRADE LAYER — 2026.2
   Site-wide polish pass: richer surfaces, tighter rhythm, and a fully
   redesigned "Explore related topics" interlink module. Written unscoped
   and !important-guarded so it applies identically on every page regardless
   of that page's root class prefix (scci-aboutus-2026, scci-aboutus-2026,
   scvh-cs-2026, etc.) — this is what keeps the look uniform site-wide.
   ========================================================================== */

::selection{background:#0B2244;color:#fff;}

/* -- Eyebrow / kicker pills: more jewel-like, less flat -------------------- */
.eyebrow, .silo-kicker{
  background:linear-gradient(180deg,#ffffff,#E7F0FC) !important;
  border:1px solid #E7F0FC !important;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 6px -3px rgba(10,47,71,.25) !important;
  font-weight:700 !important;
}

/* -- Headline polish -------------------------------------------------------- */
header.page-head h1{letter-spacing:-0.02em !important;}

/* -- CTA buttons: gradient depth + shine on hover --------------------------- */
.cta-row a{position:relative;overflow:hidden;letter-spacing:.005em;}
.cta-primary{
  background:linear-gradient(135deg,#0B2244 0%,#123A73 55%,#0F62C5 130%) !important;
  box-shadow:0 8px 20px -8px rgba(10,31,68,.55),0 1px 0 rgba(255,255,255,.12) inset !important;
}
.cta-primary:hover{box-shadow:0 16px 32px -10px rgba(10,31,68,.55),0 1px 0 rgba(255,255,255,.18) inset !important;}
.cta-secondary{background:#fff !important;}
.cta-row a::after{
  content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);transition:left .6s ease;pointer-events:none;
}
.cta-row a:hover::after{left:130%;}

/* -- Trust strip: crisper cells, subtle lift on hover ----------------------- */
.trust-strip{box-shadow:0 12px 30px -16px rgba(10,47,71,.28) !important;}
.trust-strip div{transition:background .25s ease,transform .25s ease;}
.trust-strip div:hover{background:#E7F0FC;transform:translateY(-2px);}
.trust-strip strong{letter-spacing:-.01em;}

/* -- Quick answer / key takeaways: richer surface --------------------------- */
.quick-answer{
  background:linear-gradient(135deg,#0B2244 0%,#0B2244 100%) !important;
  box-shadow:0 16px 36px -18px rgba(10,31,68,.55) !important;
}
.key-takeaways{box-shadow:0 10px 26px -18px rgba(10,47,71,.3) !important;}

/* -- Reason grid / value cards: equal footing, gentle lift ------------------ */
.reason-grid li,.value-cards>*{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;}
.reason-grid li:hover{transform:translateY(-3px);box-shadow:0 10px 22px -14px rgba(10,47,71,.3);border-color:#E7F0FC !important;}

/* -- Tables & TOC: refined surfaces ------------------------------------------ */
table.compare{box-shadow:0 14px 30px -18px rgba(10,47,71,.3) !important;}
table.compare thead th{background:linear-gradient(135deg,#0B2244,#0F62C5) !important;}
nav.toc{box-shadow:0 8px 22px -16px rgba(10,47,71,.22) !important;background:linear-gradient(180deg,#E7F0FC,#E7F0FC) !important;}

/* -- Section icon badges: soft depth ---------------------------------------- */
.sec-icon{background:linear-gradient(150deg,#ffffff,#E7F0FC) !important;box-shadow:0 4px 12px -6px rgba(10,47,71,.25) !important;}

/* ==========================================================================
   INTERLINK MODULE — "Explore related topics" — full premium redesign
   Wraps the whole block in a framed panel, removes the empty placeholder
   media boxes (the visible "gap" on every page) and replaces them with a
   compact icon header + colour-coded accent per card.
   ========================================================================== */
.topic-silo{
  margin-top:56px !important;
  padding:40px clamp(20px,4vw,44px) 44px !important;
  background:linear-gradient(180deg,#E7F0FC 0%,#ffffff 65%) !important;
  border:1px solid #E7F0FC !important;
  border-radius:24px !important;
  box-shadow:0 20px 46px -28px rgba(10,47,71,.35) !important;
}
.topic-silo::before{
  content:"";display:block;width:46px;height:4px;border-radius:4px;margin:0 auto 18px;
  background:linear-gradient(90deg,#0F62C5,#147A45);
}
.topic-silo h2{text-align:center;margin:0 0 6px !important;letter-spacing:-.01em;}
.topic-silo .intro{text-align:center;margin:0 auto 30px !important;max-width:560px;}

.silo-grid{gap:22px !important;}
.silo-card{
  display:flex !important;flex-direction:column;height:100%;
  border:1px solid #E7F0FC !important;border-top:3px solid #0F62C5 !important;
  box-shadow:0 10px 26px -18px rgba(10,47,71,.28) !important;
  background:#fff !important;
}
.silo-grid .silo-card:nth-of-type(4n+2){border-top-color:#147A45 !important;}
.silo-grid .silo-card:nth-of-type(4n+3){border-top-color:#9C7844 !important;}
.silo-grid .silo-card:nth-of-type(4n+4){border-top-color:#0B2244 !important;}
.silo-card:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 26px 46px -22px rgba(10,31,68,.38) !important;
  border-color:#E7F0FC !important;
}

/* Replace the empty image placeholder with a compact icon header */
.silo-card .silo-media{
  height:58px !important;aspect-ratio:auto !important;flex:none;
  background:linear-gradient(135deg,#E7F0FC,#ffffff) !important;
  border-bottom:1px solid #E7F0FC;
}
.silo-card .silo-media::before{
  content:"";position:absolute;left:20px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;border-radius:9px;
  background:linear-gradient(135deg,#0B2244,#0F62C5);
  box-shadow:0 4px 10px -4px rgba(10,31,68,.5);
}
.silo-card .silo-media::after{
  content:"→";position:absolute;left:20px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;line-height:32px;text-align:center;
  color:#fff;font-size:15px;font-weight:700;
}

.silo-card .silo-body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px !important;}
.silo-card .silo-body h3{margin:0 0 6px;font-size:1.02rem;}
.silo-card .silo-body h3 a{text-decoration:none;color:#0B2244;}
.silo-card .silo-body h3 a:hover{color:#0F62C5;}
.silo-card .silo-desc{flex:1;margin-bottom:0 !important;}
.silo-card .silo-body::after{
  content:"Read more  ›";display:block;margin-top:14px;padding-top:12px;
  border-top:1px dashed #E7F0FC;
  font-family:var(--font-mono,inherit);font-size:.74rem;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:#0F62C5;transition:letter-spacing .2s ease;
}
.silo-card:hover .silo-body::after{letter-spacing:.09em;}

@media (max-width:640px){
  .topic-silo{padding:30px 18px 34px !important;border-radius:18px !important;}
}

/* ==========================================================================
   "Continue Exploring" module (ce2026) — bring into the same premium family
   as the topic-silo module above: soft framed panel, deeper hover lift.
   ========================================================================== */
.ce2026{
  margin-top:52px !important;
  padding:32px clamp(20px,4vw,40px) 36px !important;
  background:linear-gradient(180deg,#E7F0FC 0%,#ffffff 65%) !important;
  border:1px solid #E7F0FC !important;
  border-radius:24px !important;
  box-shadow:0 20px 46px -28px rgba(10,47,71,.32) !important;
}
.ce2026 .ce-card{box-shadow:0 8px 20px -12px rgba(10,47,71,.2) !important;}
.ce2026 .ce-card:before{height:4px !important;opacity:.35;transform:scaleX(1) !important;}
.ce2026 .ce-card:hover:before{opacity:1;}
.ce2026 .ce-card:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 24px 42px -20px rgba(10,31,68,.35) !important;
}
@media (max-width:640px){
  .ce2026{padding:26px 18px 30px !important;border-radius:18px !important;}
}

/* ==========================================================================
   "Popular on Stem Cell Care India" strip — third interlink layer.
   A dark contrast band (after the two light panels above it) linking to the
   site's core hub pages from every single page, so no page is more than one
   click from Free Evaluation / Contact / FAQ / Testimonials, etc.
   ========================================================================== */
.pp-strip{
  margin:40px 0 0 !important;
  padding:30px clamp(20px,4vw,40px) !important;
  background:linear-gradient(135deg,#0B2244 0%,#0B2244 100%) !important;
  border-radius:24px !important;
  box-shadow:0 20px 46px -26px rgba(10,31,68,.55) !important;
}
.pp-strip .pp-inner{max-width:1480px;margin:0 auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.pp-strip .pp-label{
  flex:none;font-family:var(--font-mono,inherit);font-size:.72rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:#B9D3F5;
  border-right:1px solid rgba(255,255,255,.18);padding-right:22px;
}
.pp-strip .pp-pills{display:flex;flex-wrap:wrap;gap:10px;flex:1;}
.pp-strip .pp-pill{
  display:inline-flex;align-items:center;font-size:.86rem;font-weight:600;
  color:#E7F0FC;text-decoration:none;padding:8px 16px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.pp-strip .pp-pill:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);transform:translateY(-2px);}
@media (max-width:640px){
  .pp-strip{padding:24px 18px !important;border-radius:18px !important;}
  .pp-strip .pp-label{border-right:none;padding-right:0;padding-bottom:4px;width:100%;}
}



.scci-aboutus-2026 {
  --shadow: 0 30px 60px -24px rgba(10,31,68,.32), 0 10px 24px -12px rgba(10,31,68,.18);
  --shadow-sm: 0 10px 26px -14px rgba(10,31,68,.22), 0 3px 8px -3px rgba(10,31,68,.12);
  --shadow-lg: 0 40px 90px -30px rgba(10,31,68,.38), 0 16px 36px -16px rgba(10,31,68,.22);
  --gold-grad: linear-gradient(135deg,#C7A06B 0%,#E4C68C 45%,#9C7844 100%);
  --font-display: 'Montserrat', "Segoe UI", sans-serif;
  background-image: radial-gradient(circle at 100% 0%, rgba(16,85,185,.05), transparent 45%);
}

.scci-aboutus-2026:before {
  height:5px;
  background:linear-gradient(90deg,var(--navy) 0%, #C7A06B 45%, var(--mint) 100%);
}

.scci-aboutus-2026 header.page-head {
  background-image: radial-gradient(circle at 1px 1px, rgba(10,31,68,.06) 1px, transparent 0);
  background-size: 26px 26px;
  background-position: top right;
  padding-top: 48px;
}

.scci-aboutus-2026 .eyebrow {
  background: linear-gradient(135deg,#fff,var(--pale));
  border: 1px solid #C7A06B;
  box-shadow: 0 4px 14px -8px rgba(150,101,10,.4);
  font-weight: 700;
}
.scci-aboutus-2026 .eyebrow .dot { background: var(--gold-grad); }

.scci-aboutus-2026 header.page-head h1 {
  letter-spacing: -.02em;
  font-weight: 700;
  background: linear-gradient(135deg, var(--navy) 20%, var(--navy-2) 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

.scci-aboutus-2026 .hero-visual { position: relative; }
.scci-aboutus-2026 .hero-visual:before {
  content:""; position:absolute; inset:-24px; z-index:0; border-radius:30px; filter: blur(24px);
  background: radial-gradient(circle at 25% 25%, rgba(16,85,185,.20), transparent 60%),
              radial-gradient(circle at 80% 85%, rgba(202,160,66,.22), transparent 55%);
}
.scci-aboutus-2026 .hero-visual img, .scci-aboutus-2026 .hero-visual-fallback {
  position: relative; z-index:1; border-radius:22px; border:6px solid #fff; box-shadow: var(--shadow-lg);
}

.scci-aboutus-2026 .cta-row a { letter-spacing:.01em; }
.scci-aboutus-2026 .cta-primary {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
  box-shadow: 0 14px 30px -12px rgba(10,31,68,.5);
}
.scci-aboutus-2026 .cta-primary:hover { box-shadow: 0 20px 40px -14px rgba(10,31,68,.6); }
.scci-aboutus-2026 .cta-row a.cta-whatsapp { background: linear-gradient(135deg,#147A45,#147A45); }

.scci-aboutus-2026 .trust-strip {
  gap:14px; background:transparent; border:none; box-shadow:none; margin-top:40px;
}
.scci-aboutus-2026 .trust-strip div {
  background: linear-gradient(180deg,#fff,var(--pale));
  border: 1px solid var(--line) !important;
  border-radius:14px; box-shadow: var(--shadow-sm);
  transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, border-color .3s ease;
}
.scci-aboutus-2026 .trust-strip div:hover { transform: translateY(-5px); box-shadow: var(--shadow); border-color:#C7A06B !important; }
.scci-aboutus-2026 .trust-strip strong { font-family: var(--font-display); font-size:1.5rem; }
.scci-aboutus-2026 .trust-strip .t-gold .t-icon { color:#9C7844; }

.scci-aboutus-2026 .key-terms .term-row {
  border-left: 4px solid #C7A06B; background: linear-gradient(135deg,var(--pale),#fff);
  box-shadow: var(--shadow-sm); transition: transform .25s ease, box-shadow .25s ease;
}
.scci-aboutus-2026 .key-terms .term-row:hover { transform: translateX(4px); box-shadow: var(--shadow); }

.scci-aboutus-2026 table.compare { box-shadow: var(--shadow-sm); border-radius:16px; }
.scci-aboutus-2026 table.compare thead th { background: linear-gradient(135deg,var(--navy-2),var(--teal)); }
.scci-aboutus-2026 table.compare tbody th { background: linear-gradient(135deg,var(--navy),#0B2244); }

.scci-aboutus-2026 nav.toc {
  background: linear-gradient(160deg,#fff,var(--pale)); box-shadow: var(--shadow-sm);
  position: relative; overflow: hidden;
}
.scci-aboutus-2026 nav.toc:before {
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background: linear-gradient(180deg,#C7A06B,var(--mint));
}

.scci-aboutus-2026 blockquote {
  background: linear-gradient(135deg,var(--pale),#fff);
  border-left: 4px solid #C7A06B; border-radius: 0 14px 14px 0;
  padding: 22px 26px 22px 58px; box-shadow: var(--shadow-sm); position: relative; font-style: italic;
}
.scci-aboutus-2026 blockquote:before {
  content:"\201C"; font-family: Georgia, serif; font-size:3.2rem; color:#C7A06B; opacity:.4;
  position:absolute; top:0px; left:16px; line-height:1;
}

.scci-aboutus-2026 [class*="card"], .scci-aboutus-2026 .faq-item, .scci-aboutus-2026 details {
  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease;
}
.scci-aboutus-2026 .faq-item { border-radius:14px; }
.scci-aboutus-2026 .faq-item:hover { box-shadow: var(--shadow-sm); }
.scci-aboutus-2026 .faq-item summary:before { background: var(--gold-grad); color:#fff; }

.scci-aboutus-2026 .scci-mid-cta, .scci-aboutus-2026 [class*="mid-cta"] { position:relative; overflow:hidden; box-shadow: var(--shadow); }
.scci-aboutus-2026 .scci-mid-cta:after, .scci-aboutus-2026 [class*="mid-cta"]:after {
  content:""; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background: linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);
  transform: skewX(-20deg); transition: left .7s ease; pointer-events:none;
}
.scci-aboutus-2026 .scci-mid-cta:hover:after, .scci-aboutus-2026 [class*="mid-cta"]:hover:after { left:120%; }

.scci-aboutus-2026 {
  background: linear-gradient(180deg, #FBF8F0 0%, #ffffff 320px);
}
.scci-aboutus-2026 ::selection { background: #C7A06B; color: #fff; }

/* Byline / meta row — quieter, more editorial */
.scci-aboutus-2026 header.page-head .reviewed {
  font-size: 0.95rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 600; color: var(--sub);
}
.scci-aboutus-2026 header.page-head .reviewed a { color: var(--navy-2); text-decoration: none; border-bottom: 1px solid rgba(16,85,185,.3); }

/* Section icon roundels next to h2 — turn into a proper gold-ringed badge */
.scci-aboutus-2026 .sec-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 50%;
  background: linear-gradient(150deg, #fff 0%, var(--pale) 100%);
  border: 1.5px solid #C7A06B;
  box-shadow: 0 6px 16px -8px rgba(150,101,10,.4), inset 0 0 0 3px #fff;
  margin-right: 4px;
}
.scci-aboutus-2026 .sec-icon svg { width: 18px; height: 18px; color: var(--navy); }
.scci-aboutus-2026 h2 { display: flex; align-items: center; gap: 14px; }

/* Section separators — fine gold-tinted rule instead of flat grey */
.scci-aboutus-2026 main section.topic {
  border-top-color: transparent;
  border-image: linear-gradient(90deg, var(--line) 0%, rgba(202,160,66,.55) 45%, var(--line) 100%) 1;
}

/* Editorial drop cap on the first paragraph right after the H1 lede */
.scci-aboutus-2026 header.page-head + * p:first-of-type::first-letter,
.scci-aboutus-2026 .hero-copy p.hero-lede::first-letter {
  all: unset;
}

/* Buttons — glossy top highlight for a more tactile, premium press-feel */
.scci-aboutus-2026 .cta-primary, .scci-aboutus-2026 .cta-row a.cta-whatsapp {
  position: relative; box-shadow: 0 14px 30px -12px rgba(10,31,68,.5), inset 0 1px 0 rgba(255,255,255,.25);
}
.scci-aboutus-2026 .cta-secondary {
  background: linear-gradient(180deg,#fff,var(--pale));
}
.scci-aboutus-2026 .cta-secondary:hover {
  box-shadow: 0 10px 24px -14px rgba(10,31,68,.3);
}

/* Links — subtle underline-on-hover polish instead of flat */
.scci-aboutus-2026 main p a, .scci-aboutus-2026 .faq-item p a {
  text-decoration: none; border-bottom: 1.5px solid rgba(16,85,185,.28); transition: border-color .2s ease, color .2s ease;
}
.scci-aboutus-2026 main p a:hover, .scci-aboutus-2026 .faq-item p a:hover { border-color: var(--teal); }

/* Numbered list markers (step-list, ordered lists) — gold coin badges */
.scci-aboutus-2026 .step-list { counter-reset: step; list-style: none; }
.scci-aboutus-2026 .step-list > li { position: relative; padding-left: 46px; margin-bottom: 18px; }
.scci-aboutus-2026 .step-list > li::before {
  counter-increment: step; content: counter(step);
  position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%;
  background: var(--gold-grad, linear-gradient(135deg,#C7A06B,#E4C68C 45%,#9C7844));
  color: #fff; font-family: var(--font-display); font-weight: 700; font-size: 15px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 14px -6px rgba(150,101,10,.5);
}

/* Hero visual fallback SVG — richer frame to match photographed hero */
.scci-aboutus-2026 .hero-visual-fallback {
  background: linear-gradient(155deg, var(--pale), #fff);
}

/* FAQ toggle — gold ring instead of flat pale circle */
.scci-aboutus-2026 .faq-item summary:before {
  box-shadow: 0 4px 10px -4px rgba(150,101,10,.45);
}
.scci-aboutus-2026 .faq-item[open] { border-color: #C7A06B; box-shadow: var(--shadow-sm); }

/* Compare table — rounded corner clip so gradient headers respect radius */
.scci-aboutus-2026 table.compare { border-radius: 16px; overflow: hidden; }

/* Footer-style silo cards — lift + gold ring on hover, richer than plain grey */
.scci-aboutus-2026 .silo-card:hover {
  border-color: #C7A06B !important;
  box-shadow: 0 20px 40px -18px rgba(150,101,10,.28) !important;
}

.scci-aboutus-2026 { --navy-deep:#0B2244; }

/* Generous, premium breathing room */
.scci-aboutus-2026 main section.topic { padding: 56px 0; }
.scci-aboutus-2026 .hero-grid { gap: 56px; padding: 34px 0 44px; }
.scci-aboutus-2026 header.page-head p.hero-lede { line-height: 1.8; }
.scci-aboutus-2026 main p { line-height: 1.78; max-width: 74ch; }
.scci-aboutus-2026 header.page-head h1 { font-size: clamp(2.1rem, 4.4vw, 3.4rem); }

/* Deeper contrast on primary CTA + table headers for more richness */
.scci-aboutus-2026 .cta-primary { background: linear-gradient(135deg, var(--navy) 0%, var(--navy-deep) 100%); }
.scci-aboutus-2026 table.compare tbody th { background: linear-gradient(135deg, var(--navy), var(--navy-deep)); }

/* Boxed "quiet luxury" double-line treatment for TOC & key terms */
.scci-aboutus-2026 nav.toc, .scci-aboutus-2026 .key-terms .term-row {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(202,160,66,.32), var(--shadow-sm);
}

/* Small centred ornament between major sections, replacing a bare line */
.scci-aboutus-2026 main section.topic + section.topic { position: relative; }
.scci-aboutus-2026 main section.topic + section.topic:before {
  content: "\2022"; display:block; text-align:center; color:#C7A06B; font-size:1.1rem;
  margin-top:-56px; padding-bottom: 12px; position:relative; top:-8px;
}

/* Subtle scroll-reveal, progressive enhancement only (no JS = fully visible) */
.scci-aboutus-2026 .scci-fade-init { opacity:0; transform: translateY(18px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.scci-aboutus-2026 .scci-fade-in { opacity:1; transform:none; }

.explore-more { margin-top:56px; padding-top: 48px; border-top: 1px solid var(--line); }
.em-block { margin-bottom: 40px; }
.em-head {
  font-family: var(--font-mono); font-size: 0.85rem; letter-spacing:.08em; text-transform:uppercase;
  color: #9C7844; font-weight: 700; margin: 0 0 18px; display:flex; align-items:center; gap:10px;
}
.em-head:after { content:""; flex:1; height:1px; background: linear-gradient(90deg, rgba(202,160,66,.5), transparent); }
.em-grid { display:flex; flex-wrap:wrap; gap: 22px; }
.em-grid > * { flex: 1 1 280px; min-width:0; }
.em-card {
  background: var(--paper); border:1px solid var(--line); border-radius:14px; overflow:hidden;
  box-shadow: var(--shadow-sm); transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease;
  display:flex; flex-direction:column;
}
.em-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); border-color:#C7A06B; }
.em-thumb { display:flex; align-items:center; justify-content:center; height:120px; }
.em-icon { width:38px; height:38px; color:#fff; opacity:.92; }
.em-icon svg { width:100%; height:100%; }
.em-body { padding:16px 18px 14px; display:flex; flex-direction:column; flex:1; }
.em-body h3 { font-family: var(--font-display); font-size:1.05rem; line-height:1.35; margin:0 0 8px; }
.em-body h3 a { color: var(--navy-2); text-decoration:none; }
.em-body h3 a:hover { text-decoration: underline; }
.em-body p { font-size:0.92rem; line-height:1.55; color: var(--sub); margin:0 0 14px; flex:1; }
.em-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:12px; border-top:1px solid var(--line); font-size:0.8rem; color:var(--sub); }
.em-more { color: var(--navy-2); font-weight:700; text-decoration:none; }
.em-more:hover { text-decoration:underline; }
.em-date { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }

.em-vgrid { align-items:start; }
.em-vcard { background:transparent; border:none; box-shadow:none; }
.em-vthumb { position:relative; display:block; border-radius:14px; overflow:hidden; box-shadow: var(--shadow-sm); aspect-ratio:16/9; min-height:157px; background:var(--pale); }
.em-vthumb:hover { box-shadow: var(--shadow); }
.em-vthumb img { width:100%; height:100%; object-fit:cover; display:block; }
.em-play {
  position:absolute; inset:0; margin:auto; width:52px; height:52px; border-radius:50%;
  background:rgba(10,31,68,.72); display:flex; align-items:center; justify-content:center; color:#fff;
  box-shadow:0 8px 20px -6px rgba(0,0,0,.5); transition: transform .2s ease, background .2s ease;
}
.em-play svg { width:22px; height:22px; margin-left:2px; }
.em-vthumb:hover .em-play { transform: translate(-50%,-50%) scale(1.08); background:#C7A06B; position:absolute; left:50%; top:50%; }
.em-vcap { margin: 10px 2px 0; font-size:0.88rem; color:var(--muted); line-height:1.4; }
.em-vcap a { color:var(--ink); text-decoration:none; font-weight:600; }
.em-vcap a:hover { color:var(--teal); }

.em-disclaimer { background: linear-gradient(180deg,var(--pale),#fff); border-top:1px solid var(--line); padding: 22px 0; margin-top: 8px; }
.em-disclaimer p { margin:0 0 6px; font-size:0.85rem; color:var(--sub); text-align:center; }
.em-disclaimer p a { color: var(--navy-2); font-weight:600; text-decoration:none; }
.em-disclaimer p a:hover { text-decoration:underline; }
.em-disclaimer .em-fine { font-size:0.78rem; margin-bottom:0; }

@media (max-width: 860px) {
  .em-grid > * { flex: 1 1 100%; }
}

/* Signature mark: fine double gold rule under every H1 — one recurring brand mark across all pages */
.scci-aboutus-2026 header.page-head h1 { position:relative; padding-bottom:22px; }
.scci-aboutus-2026 header.page-head h1:after {
  content:""; position:absolute; left:0; bottom:0; width:64px; height:3px;
  background: var(--gold-grad, linear-gradient(90deg,#C7A06B,#E4C68C));
}
.scci-aboutus-2026 header.page-head h1:before {
  content:""; position:absolute; left:0; bottom:7px; width:22px; height:1px; background:var(--navy-2); opacity:.5;
}

/* Breadcrumb — a touch more editorial weight */
.scci-aboutus-2026 .breadcrumb { letter-spacing:.02em; font-weight:500; }
.scci-aboutus-2026 .breadcrumb a { font-weight:600; }

/* Fine grain texture on dark/navy surfaces for tactile depth instead of a flat corporate gradient */
.scci-aboutus-2026 .quick-answer, .scci-aboutus-2026 .scci-mid-cta { position:relative; isolation:isolate; }
.scci-aboutus-2026 .quick-answer:before, .scci-aboutus-2026 .scci-mid-cta:before {
  content:""; position:absolute; inset:0; z-index:0; opacity:.5; mix-blend-mode:overlay; pointer-events:none; border-radius:inherit;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/></svg>");
}
.scci-aboutus-2026 .quick-answer > *, .scci-aboutus-2026 .scci-mid-cta > * { position:relative; z-index:1; }

/* Hero image — fine gold corner brackets, a museum-label framing device */
.scci-aboutus-2026 .hero-visual { position:relative; }
.scci-aboutus-2026 .hero-visual:after {
  content:""; position:absolute; z-index:2; inset:-10px; pointer-events:none;
  background:
    linear-gradient(#C7A06B,#C7A06B) top left / 26px 2px no-repeat,
    linear-gradient(#C7A06B,#C7A06B) top left / 2px 26px no-repeat,
    linear-gradient(#C7A06B,#C7A06B) bottom right / 26px 2px no-repeat,
    linear-gradient(#C7A06B,#C7A06B) bottom right / 2px 26px no-repeat;
}

/* Trust-strip numerals — old-style proportions read as editorial rather than a corporate stat block */
.scci-aboutus-2026 .trust-strip strong { font-variant-numeric: oldstyle-nums; letter-spacing:-.01em; }

/* Refined desktop scrollbar carrying the brand navy/gold */
.scci-aboutus-2026 { scrollbar-color: var(--navy-2) var(--pale); scrollbar-width: thin; }

/* Section icon roundels — inner ring plus a whisper of gold glow instead of a flat border */
.scci-aboutus-2026 .sec-icon { box-shadow: 0 6px 16px -8px rgba(150,101,10,.4), inset 0 0 0 3px #fff, 0 0 0 4.5px rgba(202,160,66,.18); }

/* Key-takeaways marker — gold coin instead of a flat mint dot */
.scci-aboutus-2026 .key-takeaways li:before { background: var(--gold-grad, linear-gradient(135deg,#C7A06B,#E4C68C)); opacity:.22; }
.scci-aboutus-2026 .key-takeaways li:after { background:#9C7844; }

@media (max-width:600px){ .scci-aboutus-2026 .hero-visual:after{ inset:-6px; } }

/* MOBILE — comparison tables scroll horizontally instead of squeezing or breaking layout */
.scci-aboutus-2026 .table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0 0 20px; }
.scci-aboutus-2026 .table-scroll table.compare { margin-bottom:0; min-width:480px; }

/* SPEED — cheaper glow on phones: large blur() filters are expensive to paint/repaint on low-end GPUs */
@media (max-width:600px){
  .scci-aboutus-2026 .hero-visual:before { filter: blur(10px); inset:-12px; }
}

/* SPEED — respect users who've asked for reduced motion; scroll-reveal script already checks this,
   this covers the CSS-only hover/transition affordances too */
@media (prefers-reduced-motion: reduce){
  .scci-aboutus-2026 *, .scci-aboutus-2026 *:before, .scci-aboutus-2026 *:after { animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

/* MOBILE — trust-strip degrades from 5-across to 2-across instead of squashing to illegible columns */
@media (max-width:640px){
  .scci-aboutus-2026 .trust-strip { grid-template-columns:repeat(2,1fr); }
  .scci-aboutus-2026 .trust-strip div:nth-child(2n+1) { border-left:none; }
}

/* MOBILE — key-terms list loses its fixed left margin so it doesn't get cramped against the edge */
@media (max-width:640px){
  .scci-aboutus-2026 .key-terms { margin-left:0; }
  .scci-aboutus-2026 main section.topic p.cat-sub { margin-left:0; }
  .scci-aboutus-2026 .reason-grid { margin-left:0; }
}

/* A11Y/SEO — visible focus ring on the new interactive card/link elements added in recent passes */
.em-card:focus-within, .em-vthumb:focus-visible { outline:2.5px solid var(--teal); outline-offset:3px; }

/* TOUCH TARGETS — CTA buttons keep a minimum 44px tap height on touch devices */
@media (pointer:coarse){
  .scci-aboutus-2026 .cta-row a, .em-more { min-height:44px; display:inline-flex; align-items:center; }
}

.scci-aboutus-2026 .scci-mid-cta:has(+ .scci-mid-cta.alt) {
  display:inline-flex; vertical-align:top; box-sizing:border-box;
  width:calc(50% - 10px); margin:17px 20px 17px 0;
}
.scci-aboutus-2026 .scci-mid-cta + .scci-mid-cta.alt {
  display:inline-flex; vertical-align:top; box-sizing:border-box;
  width:calc(50% - 10px); margin:17px 0;
}
@media (max-width:760px){
  .scci-aboutus-2026 .scci-mid-cta:has(+ .scci-mid-cta.alt),
  .scci-aboutus-2026 .scci-mid-cta + .scci-mid-cta.alt {
    display:flex; width:100%; margin:17px 0;
  }
}

/* ===== Compact, premium FAQ spacing (site-wide fix, specificity-boosted) ===== */
.faq.faq{padding:26px clamp(18px,3vw,40px) 28px!important;}
.faq.faq .faq-help-card h3{color:#fff!important;}
.faq.faq .faq-help-card p{color:#E3D3B8!important;}
@media(max-width:700px){.wrap .wrap{padding-left:0!important;padding-right:0!important;}}
.faq-item.faq-item.faq-item{border-radius:10px!important;margin:0 0 6px!important;padding:0!important;box-shadow:none!important;}
.faq-item.faq-item.faq-item:last-child{margin-bottom:0!important;}
.faq-item.faq-item.faq-item:hover,.faq-item.faq-item.faq-item.open,.faq-item.faq-item.faq-item[open]{box-shadow:0 3px 10px -8px rgba(11,35,64,.32)!important;}
.faq-q.faq-q.faq-q{padding:12px 14px!important;font-size:14.5px!important;line-height:1.4!important;gap:10px!important;font-weight:600!important;cursor:pointer!important;}
.faq-q.faq-q.faq-q .plus{width:18px!important;height:18px!important;min-width:18px!important;font-size:12px!important;}
.faq-a.faq-a.faq-a p{padding:0 14px 12px!important;font-size:13.5px!important;line-height:1.55!important;margin:0!important;max-width:640px!important;}
.faq-group-title.faq-group-title{margin:18px 0 6px!important;font-size:15px!important;}
.faq-group-title.faq-group-title:first-of-type{margin-top:2px!important;}
.faq-group-link.faq-group-link{margin:6px 0 16px!important;font-size:12.5px!important;}
.scci-hub .faq-item.faq-item summary{padding:12px 14px!important;font-size:14.5px!important;line-height:1.4!important;gap:10px!important;}
.scci-hub .faq-item.faq-item p{padding:0 14px 12px!important;font-size:13.5px!important;line-height:1.55!important;margin:0!important;}
.scci-hub .faq-item.faq-item{margin:0 0 6px!important;padding:0!important;}
details.faq-item.faq-item summary{padding:12px 14px!important;font-size:14.5px!important;line-height:1.4!important;}
details.faq-item.faq-item p{padding:0 14px 12px!important;font-size:13.5px!important;line-height:1.55!important;margin:0!important;}
.faq-item.faq-item.faq-item .faq-icon{width:14px!important;height:14px!important;}

/* BUG FIX (added): this file's footer HTML uses .footer-box, .footer-link-grid,
   .footer-box-az, .footer-reach-trust and .footer-reach-links extensively (the 8
   "Diseases We Treat" category cards + Reach Us panel in the footer), but only the
   old, more generic .footer-col rules existed in this file's <style> block — none of
   those five classes had ANY matching CSS. Result: every footer category box rendered
   as plain unstyled text/icons in a flat column (no card border, background, grid
   layout, hover state, or badge/count styling). The Reach Us box was also affected:
   this file was additionally missing the .footer-col background/border/padding card
   rule and the .footer-reach gold-gradient background + top accent bar, so — despite
   also carrying the older .footer-col class — it rendered with no background tint,
   border tint or accent stripe either, just plain text on the bare footer background.
   Everything below is copied in as-is from the "Diseases Treated" page (the one file
   that had it all correctly) so the footer renders identically across all three pages. */
.footer-col{
  background:rgba(255,255,255,0.035);
  border:1px solid rgba(255,255,255,0.09);
  border-radius:14px;
  padding:18px 18px 14px;
  transition:background .2s ease,border-color .2s ease;
}
.footer-col:hover{background:rgba(255,255,255,0.055);border-color:rgba(231,206,154,0.28);}
.footer-col h3{
  padding-bottom:10px;margin-bottom:10px;
  border-bottom:1px solid rgba(231,206,154,0.22);
}
.footer-col li{padding:5px 0;}
.footer-col ul{margin:0;padding:0;list-style:none;}
.footer-subnav{margin-top:6px !important;padding-left:14px !important;border-left:1px solid rgba(255,255,255,0.1);}
.footer-reach{
  background:linear-gradient(160deg,rgba(231,206,154,0.07),rgba(255,255,255,0.03) 60%);
  border-color:rgba(231,206,154,0.22);
  position:relative;overflow:hidden;
}
.footer-reach::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright) 50%,var(--gold));
}
@media (max-width:900px){.footer-col{padding:16px 16px 12px;}}
/* ==========================================================================
   FOOTER — UNIFORM BOX GRID (replaces the CSS-column masonry)
   Masonry (column-count) packs boxes top-to-bottom per column, balancing
   column height automatically — but that ignores row alignment entirely,
   so boxes in the same visual row rarely end at the same edge: whichever
   column happens to be shorter reads as a stray gap while its neighbour
   runs flush. A real CSS grid fixes this at the source — every box in a
   row is stretched to match the tallest box in that row, so rows always
   close flush on every side, with zero column ever reading as "short".
   An 8th box (A–Z index) fills what would otherwise be a trailing gap in
   the last row, so the grid is a clean, complete 4x2 rectangle.
   -------------------------------------------------------------------------- */
.footer-full-grid{align-items:flex-start !important;}
.footer-link-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;
}
.footer-box{
  display:flex;flex-direction:column;
  background:linear-gradient(160deg,rgba(255,255,255,0.045),rgba(255,255,255,0.015));
  border:1px solid rgba(255,255,255,0.10);border-radius:12px;
  padding:9px 11px 8px;position:relative;overflow:hidden;height:100%;
  transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.footer-box>ul{flex:1 1 auto;}
.footer-box .fb-more{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  margin-top:7px;
  padding:6px 11px;
  border-radius:999px;
  border:1px solid rgba(231,206,154,0.32);
  background:rgba(231,206,154,0.06);
  font-family:var(--sans);font-size:12.5px;font-weight:700;letter-spacing:.02em;
  color:var(--gold-bright);
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.footer-box .fb-more svg{width:12px;height:12px;flex:none;transition:transform .18s ease;}
.footer-box .fb-more:hover{background:linear-gradient(150deg,#E7CE9A,var(--gold-deep));color:#0B2244;border-color:transparent;transform:translateY(-1px);}
.footer-box .fb-more:hover svg{transform:translateX(3px);}
.footer-box-az{justify-content:flex-start;grid-column:span 2;height:auto;}
.footer-box-az p{flex:0 0 auto;color:#B9CAE6;font-size:13.5px;line-height:1.5;margin:0;}
.footer-box-az .fb-more{margin-top:7px;}
.footer-box::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright) 50%,var(--gold));
  opacity:0;transition:opacity .2s ease;
}
.footer-box:hover{background:rgba(255,255,255,0.065);border-color:rgba(231,206,154,0.32);transform:translateY(-2px);box-shadow:0 14px 26px -16px rgba(0,0,0,0.5);}
.footer-box:hover::before{opacity:1;}
.footer-box h3{
  display:flex;align-items:flex-start;gap:10px;
  padding-bottom:5px;margin-bottom:5px;
  border-bottom:1px solid rgba(231,206,154,0.22);
}
.footer-box .fb-icon{
  flex:none;width:34px;height:34px;border-radius:10px;margin-top:1px;
  background:linear-gradient(150deg,rgba(231,206,154,0.18),rgba(231,206,154,0.05));
  border:1px solid rgba(231,206,154,0.4);color:#F0D9A0;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 8px -3px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.08);
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.footer-box .fb-icon svg{width:16px;height:16px;}
.footer-box:hover .fb-icon{background:linear-gradient(150deg,#E7CE9A,var(--gold-deep));color:#0B2244;transform:scale(1.05);}
.footer-box .fb-title-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:0;}
.footer-box h3 a,.footer-box .fb-plain-title{
  font-family:var(--serif);font-size:16px;font-weight:600;line-height:1.28;
  color:#FFFFFF;letter-spacing:0.001em;
}
.footer-box .fb-sub{
  font-family:var(--sans);font-size:12px;font-weight:500;line-height:1.4;
  color:#B9CAE6;
}
.footer-box .fb-count{
  flex:none;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.02em;
  color:#2A1D10;background:linear-gradient(150deg,var(--gold-bright),var(--gold-deep));
  border-radius:999px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 8px -2px rgba(156,120,68,0.5);margin-top:0;
}
.footer-box ul{margin:0;padding:0;list-style:none;}
.footer-box li{padding:3px 0;line-height:1.4;position:relative;padding-left:13px;}
.footer-box li::before{
  content:"";position:absolute;left:0;top:11px;width:5px;height:1.5px;
  background:rgba(231,206,154,0.45);transition:width .16s ease,background .16s ease;
}
.footer-box li:hover::before{width:8px;background:var(--gold-bright);}
.footer-box li a{
  font-family:var(--sans);font-size:14px;font-weight:600;color:#DCE7F9;
  transition:color .16s ease,padding-left .16s ease;
}
.footer-box li a:hover{color:var(--gold-bright);padding-left:3px;}
.footer-box .footer-subnav li{padding-left:0;}
.footer-box .footer-subnav li::before{display:none;}
.footer-box .footer-subnav a{font-size:12.5px;font-weight:500;color:#AFC0DD;}
.footer-box .footer-subnav a:hover{color:var(--gold-bright);}
.footer-box.wide{
  display:block;grid-column:1/-1;
  padding:11px 15px 10px;margin-bottom:0;
}
.footer-box.wide h3{margin-bottom:8px;}
.fbm-groups{display:flex;flex-wrap:wrap;gap:6px 9px;}
.fbm-group-title{
  flex:1 1 100%;
  display:block;font-family:var(--sans);font-size:11px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:#F0D9A0;
  padding-bottom:4px;border-bottom:1px solid rgba(231,206,154,0.28);
}
.fbm-groups .fbm-group-title:not(:first-child){margin-top:3px;}
.fbm-card{
  display:flex;align-items:center;gap:9px;padding:6px 9px;
  font-family:var(--sans);font-size:13.5px;font-weight:600;color:#DCE7F9;
  background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);
  border-radius:9px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
  flex:1 1 170px;
}
@media (max-width:700px){ .fbm-card{flex-basis:180px;} }
.fbm-card:hover{background:rgba(255,255,255,0.1);border-color:rgba(231,206,154,0.5);color:#fff;transform:translateY(-1px);}
.fbm-mono{
  width:24px;height:24px;flex:none;border-radius:6px;
  background:rgba(231,206,154,0.14);color:#E7CE9A;
  font-family:var(--serif);font-weight:700;font-size:10.5px;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s ease,color .15s ease;
}
.fbm-card:hover .fbm-mono{background:#E7CE9A;color:#0B2244;}
.fbm-label{flex:1;line-height:1.3;}
@media (max-width:640px){
  .footer-box h3 a,.footer-box .fb-plain-title{font-size:16px;}
  .footer-box li a{font-size:14.5px;}
}
@media (max-width:480px){ .fbm-card{flex-basis:100%;max-width:100%;} }
.footer-reach{display:flex;flex-direction:column;}
@media (max-width:1180px){ .footer-box.wide{grid-column:1/-1;} }
@media (max-width:900px){ .footer-link-grid{grid-template-columns:repeat(2,1fr);} .footer-box.wide{grid-column:1/-1;} .footer-box.wide ul.two-col{columns:1;} }
@media (max-width:560px){ .footer-link-grid{grid-template-columns:1fr;} .footer-box.wide{grid-column:1/-1;} .footer-box-az{grid-column:span 1;} }

/* Reach Us card had a lot of unused space below "Get directions" once every
   footer column was stretched to equal height — filled with the same
   24-48h / 98+ / 4.9★ trust stats already used in the page's final CTA
   (reusing real, already-stated numbers rather than inventing new content),
   reinforcing trust right next to the evaluation button instead of leaving
   the space blank. */
.footer-reach-trust{margin-top:16px;padding-top:14px;border-top:1px solid rgba(231,206,154,0.18);display:flex;flex-direction:column;gap:8px;}
.footer-reach-trust .final-cta-trust-row{
  padding:10px 12px;gap:12px;border-bottom:none;
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);
  border-radius:10px;transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.footer-reach-trust .final-cta-trust-row:hover{background:rgba(231,206,154,0.08);border-color:rgba(231,206,154,0.3);transform:translateY(-1px);}
.footer-reach-trust .final-cta-trust-num{font-size:16px;width:52px;}
.footer-reach-trust .final-cta-trust-label{font-size:12px;color:#B9C4D6;}
.footer-reach-trust .final-cta-trust-label a{color:#E7CE9A;text-decoration:underline;text-decoration-color:rgba(231,206,154,0.4);}

/* -- Reach Us: Quick Links list, reusing the primary nav's top-level pages
   for on-site interlinking instead of leaving blank space under the
   address/phone block. */
.footer-reach-links{margin-top:14px;padding-top:12px;border-top:1px solid rgba(231,206,154,0.18);display:flex;flex-direction:column;gap:2px;}
.footer-reach-links h4{margin:0 0 6px;font-family:var(--serif);font-style:italic;font-size:13px;font-weight:600;color:#E7CE9A;letter-spacing:.01em;}
.footer-reach-links a{padding:3px 0;font-size:13.5px;font-weight:600;color:#DCE7F9;transition:color .16s ease,padding-left .16s ease;}
.footer-reach-links a:hover{color:var(--gold-bright);padding-left:3px;}

/* ==========================================================================
   FOOTER — CLOSE THE RIGHT-HAND GAP (desktop only)
   .footer-full-grid laid the link boxes (flex:1) beside the 270px "Reach
   Us" card as two flex siblings. Once the link side grew to 3 rows of
   boxes plus the full-width "More Info" box, "Reach Us" — a short address
   card — finished 2-3 screens earlier, leaving a tall blank strip of bare
   footer background beside the "More Info"/popular-searches sections below
   it, since a flex sibling can't be shorter than its row without leaving
   the *rest* of the column empty. Turning footer-full-grid into the actual
   grid (via display:contents on the boxes' wrapper, which drops it from
   the render tree but keeps its children as direct grid items) lets "Reach
   Us" span only the 3 rows the category boxes occupy — matching them in
   height with no leftover column — while the full-width boxes below (A-Z
   count aside, "More Info") span the entire row, including the space the
   sidebar used to claim. Scoped to >980px because the existing mobile
   layout already stacks Reach Us under the links in one column. */
@media (min-width:981px){
  .footer-full-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) 270px;
    align-items:stretch !important;
    row-gap:14px;column-gap:8px;
  }
  .footer-links-columns.footer-link-grid{display:contents;}
  .footer-reach{grid-column:5;grid-row:1 / span 3;width:auto;}
}