:root{--n:#061a2e;--t:#56d6c2;--m:#667d89}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.005em}.links{display:flex;gap:9px;align-items:center}.links a{padding:10px 15px;border:1px solid #d7e5e8;border-radius:3px!important;color:#355261;font-size:13px;font-weight:750;transition:.2s;text-decoration:none;box-shadow:0 3px 10px rgba(6,26,46,.08)}.links a:hover,.links a.active{background:var(--n);border-color:var(--n);color:white;box-shadow:0 6px 16px rgba(6,26,46,.2);transform:translateY(-1px)}.links .cta{background:var(--t);border-color:var(--t);color:var(--n);padding:12px 18px}.btn{border-radius:3px!important;box-shadow:0 5px 14px rgba(6,26,46,.16);transition:all .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(6,26,46,.25)}.card{border-radius:3px!important;box-shadow:0 8px 22px rgba(9,36,54,.08)!important}.card:hover{box-shadow:0 15px 32px rgba(9,36,54,.17)!important}.quote,.box{border-radius:3px!important}h1,h2,h3{letter-spacing:-.025em}p{letter-spacing:.002em}

/* Mobile-first readability and navigation */
@media(min-width:761px){
  header .nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;min-height:72px}
  header .nav>a:first-child{display:flex!important;align-items:center!important;gap:10px!important;margin-left:0!important;white-space:nowrap}
  header .nav>a:first-child strong{font-size:13px!important;letter-spacing:.08em!important;color:#061a2e!important}
  header .nav .links{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex:1 1 auto!important}
  header .nav .links>a{margin:0!important;white-space:nowrap!important}
  header .nav .menu-toggle{display:none!important}
}
@media(max-width:760px){
  body{font-size:16px;overflow-x:hidden}
  header{position:relative;z-index:2}
  .nav{height:auto!important;min-height:76px;flex-wrap:wrap!important;gap:14px;padding:16px 18px!important}
  .nav>.brand,.nav>a:first-child{font-size:13px;letter-spacing:.08em;max-width:100%}
  .logo{height:38px!important}
  .links{display:none!important;position:absolute;top:70px;left:18px;right:18px;width:auto!important;background:#fff;padding:10px!important;box-shadow:0 14px 35px rgba(6,26,46,.22);border:1px solid #d7e5e8;z-index:20}
  .links.open{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
  .links a,.nav>div a{margin:0!important;padding:9px 8px!important;text-align:center;font-size:12px!important;white-space:normal}
  .links a:not(.cta){display:block!important}
  .links .cta{grid-column:auto}
  .menu-toggle{display:flex!important;align-items:center;justify-content:center;width:44px;height:40px;margin-left:auto;background:#061a2e;color:#fff;border:0;border-radius:3px;box-shadow:0 5px 14px rgba(6,26,46,.2);font-size:22px;line-height:1;cursor:pointer}
  .nav>div{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .nav>div a{display:block}
  .hero{min-height:0!important}
  .hero-in{padding:62px 20px 90px!important}
  .hero h1{font-size:clamp(38px,12vw,54px)!important;line-height:1.04}
  .hero p{font-size:17px!important;line-height:1.55}
  .actions{display:grid!important;grid-template-columns:1fr;gap:10px}
  .actions .btn{width:100%;text-align:center}
  .stats{margin:-28px 18px 0!important;grid-template-columns:1fr!important}
  .stat{padding:18px 20px!important}
  section{padding:56px 20px!important}
  .head h2{font-size:35px!important}
  .grid{grid-template-columns:1fr!important;gap:16px!important}
  .card{min-height:0!important;padding:20px!important}
  .card img{width:calc(100% + 40px)!important;margin:-20px -20px 18px!important;height:205px!important}
  .split-in,.pender-in{padding:56px 20px!important;gap:28px!important}
  .quote{padding:25px!important}
  .quote p{font-size:20px!important}
  .contact-in{padding:56px 20px!important}
  .contact h2{font-size:35px!important}
  .box{min-width:0!important}
  .foot-in{display:block!important;line-height:1.7}
  .foot-in span{display:block;margin:4px 0}
  .solution{margin:16px 0!important;padding:20px!important;display:block!important}
  .solution img{width:100%!important;height:210px!important;object-fit:cover}
  h1{font-size:42px!important}
}
/* Mobile header: keep the burger on the top row and place the CTA underneath. */
@media(max-width:760px){
  header .nav{display:flex!important;flex-wrap:wrap!important;align-items:center!important}
  header .nav .menu-toggle{order:2!important;flex:0 0 46px!important;margin-left:auto!important}
  header .nav .links{order:4!important;flex:0 0 100%!important;width:100%!important;display:flex!important;position:static!important;margin:14px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;justify-content:flex-end!important}
  header .nav .links:not(.open){display:flex!important}
  header .nav .links:not(.open) a:not(.cta){display:none!important}
  header .nav .links:not(.open) .cta{display:block!important;width:100%!important;margin:0!important;text-align:center!important}
  header .nav .links.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;margin-top:14px!important;padding:8px!important;border:1px solid #d7e5e8!important;background:#fff!important;box-shadow:0 8px 24px rgba(6,26,46,.16)!important}
  header .nav .links.open a{display:block!important;width:auto!important;margin:0!important}
  header .nav .links .cta{display:none!important}
  header .nav .desktop-project-cta{display:none!important}
  header .nav .mobile-project-cta{display:block!important;order:3!important;flex:0 0 100%!important;width:100%!important;margin:14px 0 0!important;text-align:center!important;box-sizing:border-box!important}
}
@media(min-width:761px){
  header .nav .mobile-project-cta{display:none!important}
  header .nav .desktop-project-cta{display:block!important;order:4!important;white-space:nowrap!important;margin-left:12px!important}
}
/* Branded project CTA */
.nav .desktop-project-cta,.nav .mobile-project-cta,.links .cta{
  display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  background:#56d6c2!important;color:#061a2e!important;border:1px solid #56d6c2!important;
  padding:11px 12px 11px 18px!important;text-transform:uppercase!important;letter-spacing:.08em!important;
  font-size:12px!important;font-weight:900!important;line-height:1!important;text-decoration:none!important;
  box-shadow:6px 6px 0 #061a2e!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.nav .desktop-project-cta b,.nav .mobile-project-cta b,.links .cta b{
  display:grid!important;place-items:center!important;width:27px!important;height:27px!important;
  background:#061a2e!important;color:#56d6c2!important;font-size:18px!important;line-height:1!important;
}
.nav .desktop-project-cta:hover,.nav .mobile-project-cta:hover,.links .cta:hover{
  background:#72e3d1!important;transform:translate(2px,2px)!important;box-shadow:4px 4px 0 #061a2e!important;
}
@media(max-width:760px){
  .nav .mobile-project-cta{min-height:54px!important;padding:13px 14px 13px 20px!important;font-size:13px!important}
  .nav .mobile-project-cta b{width:30px!important;height:30px!important;font-size:20px!important}
}
/* High-contrast CTA treatment */
.nav .desktop-project-cta,.nav .mobile-project-cta{
  position:relative!important;overflow:hidden!important;background:#061a2e!important;color:#fff!important;
  border:2px solid #56d6c2!important;box-shadow:7px 7px 0 #56d6c2!important;
  letter-spacing:.1em!important;isolation:isolate!important;
}
.nav .desktop-project-cta:before,.nav .mobile-project-cta:before{
  content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#56d6c2;z-index:-1;
}
.nav .desktop-project-cta:after,.nav .mobile-project-cta:after{
  content:"";position:absolute;top:-80%;left:-35%;width:24%;height:260%;background:rgba(255,255,255,.24);
  transform:rotate(24deg);transition:left .5s ease;pointer-events:none;
}
.nav .desktop-project-cta b,.nav .mobile-project-cta b{
  background:#56d6c2!important;color:#061a2e!important;width:31px!important;height:31px!important;font-size:20px!important;
}
.nav .desktop-project-cta:hover,.nav .mobile-project-cta:hover{
  background:#0b2942!important;color:#fff!important;transform:translate(2px,2px)!important;box-shadow:4px 4px 0 #56d6c2!important;
}
.nav .desktop-project-cta:hover:after,.nav .mobile-project-cta:hover:after{left:125%}
/* KingShare blue brand refresh: friendlier, clearer and closer to the logo. */
:root{--n:#073b68!important;--t:#1976c9!important;--m:#55758a!important}
body{background:#f7fbfe!important;color:#173b55!important}
.nav{background:#fff!important}
.brand,.links a{color:#073b68!important}
.links a:hover,.links a.active{background:#1976c9!important;border-color:#1976c9!important;color:#fff!important}
.links .cta,.nav .desktop-project-cta,.nav .mobile-project-cta{background:linear-gradient(135deg,#1976c9,#0d5da4)!important;border-color:#1976c9!important;color:#fff!important;box-shadow:6px 6px 0 #9ed5f4!important}
.nav .desktop-project-cta:before,.nav .mobile-project-cta:before{background:#9ed5f4!important}
.nav .desktop-project-cta b,.nav .mobile-project-cta b{background:#fff!important;color:#1976c9!important}
.nav .desktop-project-cta:hover,.nav .mobile-project-cta:hover{background:linear-gradient(135deg,#2587dc,#126ab7)!important;box-shadow:4px 4px 0 #9ed5f4!important}
.btn{background:#1976c9!important;color:#fff!important;border-color:#1976c9!important}
.btn:hover{background:#2587dc!important}
.tag,.ey{color:#1976c9!important}
.hero:before{background:#073b68!important;color:#9ed5f4!important;box-shadow:7px 7px 0 #1976c9!important}
.hero:after{border-color:rgba(158,213,244,.55)!important;box-shadow:0 0 0 36px rgba(25,118,201,.13),0 0 0 72px rgba(25,118,201,.07)!important}
.solution-statement{border-color:#cfe8f8!important;background:linear-gradient(135deg,#edf8ff,#fff)!important;box-shadow:7px 7px 0 #9ed5f4!important}
.solution-statement span{background:#073b68!important;box-shadow:4px 4px 0 #9ed5f4!important}
.solution-statement b{color:#9ed5f4!important}
.card,.panel,.box{border-color:#cfe3f1!important;box-shadow:8px 8px 0 rgba(25,118,201,.13)!important}
.card:hover{box-shadow:10px 10px 0 rgba(25,118,201,.24)!important}
.split{background:#edf8ff!important}
.contact{background:#073b68!important}
.cookie-banner{background:#073b68!important;border-color:#2b78b8!important}
.cookie-actions .accept{background:#1976c9!important;border-color:#1976c9!important;color:#fff!important}
@media(max-width:760px){.solution-statement span{box-shadow:3px 3px 0 #9ed5f4!important}}
/* Slightly deeper KingShare blue for a more premium finish. */
:root{--n:#06375f!important;--t:#0f67ad!important}
.brand,.links a{color:#06375f!important}
.links a:hover,.links a.active{background:#0f67ad!important;border-color:#0f67ad!important}
.links .cta,.nav .desktop-project-cta,.nav .mobile-project-cta{background:linear-gradient(135deg,#0f67ad,#084b83)!important;border-color:#0f67ad!important;box-shadow:6px 6px 0 #8fc8e8!important}
.nav .desktop-project-cta:before,.nav .mobile-project-cta:before{background:#8fc8e8!important}
.nav .desktop-project-cta:hover,.nav .mobile-project-cta:hover{background:linear-gradient(135deg,#1976c9,#0a578f)!important;box-shadow:4px 4px 0 #8fc8e8!important}
.btn{background:#0f67ad!important;border-color:#0f67ad!important}.btn:hover{background:#1976c9!important}
.contact{background:#06375f!important}.solution-statement span{background:#06375f!important;box-shadow:4px 4px 0 #8fc8e8!important}
.solution-statement{box-shadow:7px 7px 0 #8fc8e8!important}
@media(max-width:760px){.solution-statement span{box-shadow:3px 3px 0 #8fc8e8!important}}
@media(min-width:761px){
  main:not(#top) .hero{width:100%!important;max-width:1100px!important;margin-left:auto!important;margin-right:auto!important}
}
/* Prevent secondary-page hero text from being clipped by viewport-width offsets. */
main:not(#top) .hero{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;overflow:hidden!important}
main:not(#top) .hero h1,main:not(#top) .hero p{max-width:100%!important;overflow-wrap:anywhere!important}
.real-gallery{display:block!important;width:100%;box-sizing:border-box;border:1px solid #d4e6e7;box-shadow:0 8px 18px rgba(6,26,46,.08);padding:0 0 64px!important;background:#eef8f7!important}
.gallery-main{display:block!important;width:100%!important;height:300px!important;background:#e5f2f1}
.gallery-main img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#f4fbfb}
.gallery-thumbs{display:flex!important;position:absolute!important;left:14px!important;right:14px!important;bottom:12px!important;height:52px!important;overflow-x:auto!important;overflow-y:hidden!important;align-items:stretch!important;gap:8px!important}
.gallery-thumbs button{display:block!important;width:72px!important;height:52px!important;flex:0 0 72px!important;border:2px solid transparent!important;background:#fff!important}
.gallery-thumbs img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.gallery-prev,.gallery-next{top:126px!important;border-radius:50%!important;width:44px!important;height:44px!important;box-shadow:0 5px 15px rgba(6,26,46,.25)!important}
@media(max-width:760px){.gallery-main{height:235px!important}.gallery-prev,.gallery-next{top:96px!important}.real-gallery{margin:0 -20px 20px!important}}
.product-gallery{position:relative;margin:0 -23px 25px;background:#f1f8f8;border-bottom:1px solid #d5e7e8;overflow:hidden}
.gallery-stage{height:330px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7fcfc,#e8f4f3)}
.gallery-image{width:100%;height:100%;object-fit:contain;display:block}
.gallery-arrow{position:absolute;top:143px;width:46px;height:46px;border:0;border-radius:50%;background:#061a2e;color:#fff;font-size:31px;line-height:1;cursor:pointer;box-shadow:0 6px 14px rgba(6,26,46,.25);z-index:2}
.gallery-left{left:14px}.gallery-right{right:14px}
.gallery-strip{display:flex;gap:9px;padding:12px 48px 10px;overflow-x:auto;background:#fff}
.gallery-thumb{width:86px;height:58px;flex:0 0 86px;padding:0;border:2px solid transparent;background:#eef6f6;cursor:pointer;overflow:hidden}
.gallery-thumb.selected{border-color:#159c90}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-counter{position:absolute;right:14px;bottom:76px;padding:4px 8px;background:rgba(6,26,46,.78);color:#fff;font-size:11px;letter-spacing:.08em}
@media(max-width:760px){.product-gallery{margin:0 -20px 20px}.gallery-stage{height:245px}.gallery-arrow{top:99px;width:40px;height:40px;font-size:27px}.gallery-strip{padding-left:45px;padding-right:45px}.gallery-thumb{width:72px;height:50px;flex-basis:72px}.gallery-counter{bottom:68px}}
.solution-statement{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 42px;padding:14px;border:1px solid #cce8e4;background:linear-gradient(135deg,#eaf7f5,#fff);box-shadow:0 14px 30px rgba(6,26,46,.1)}
.hero:before{content:"CHOOSE WITH CONFIDENCE   ·   CONFIGURED AROUND YOUR PURPOSE   ·   SUPPORTED FOR THE LONG TERM";display:block;margin:0 0 42px;padding:20px 24px;background:#061a2e;color:#56d6c2;font-size:clamp(12px,1.4vw,16px);font-weight:850;letter-spacing:.12em;line-height:1.6;box-shadow:7px 7px 0 #56d6c2}
.nav{border-bottom:1px solid rgba(6,26,46,.08)!important;padding-top:18px!important;padding-bottom:18px!important}
.nav .brand,.nav>a:first-child{font-weight:900!important;letter-spacing:.08em!important}
.links a{border-color:transparent!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.links a:hover,.links a.active{background:#061a2e!important;color:#fff!important;border-color:#061a2e!important;box-shadow:5px 5px 0 #56d6c2!important;transform:none!important}
.links .cta{background:#56d6c2!important;color:#061a2e!important;border-color:#56d6c2!important;box-shadow:5px 5px 0 #061a2e!important}
.hero{position:relative!important;overflow:hidden!important;background:linear-gradient(90deg,rgba(6,26,46,.93),rgba(6,26,46,.42)),url('assets/product-shell-shaped.jpg') center/cover!important}
.hero:after{content:"";position:absolute;right:-9%;top:14%;width:36vw;height:36vw;border:1px solid rgba(86,214,194,.45);border-radius:50%;box-shadow:0 0 0 36px rgba(86,214,194,.12),0 0 0 72px rgba(86,214,194,.06);pointer-events:none}
.hero-in,.hero>div{position:relative;z-index:1}
.hero h1{max-width:950px!important;font-size:clamp(48px,7vw,92px)!important;letter-spacing:-.065em!important}
.hero p{max-width:680px!important;font-size:clamp(18px,2vw,23px)!important;line-height:1.5!important}
main:not(#top) .hero{background:linear-gradient(90deg,rgba(6,26,46,.96) 0%,rgba(6,26,46,.82) 56%,rgba(6,26,46,.48) 100%),url('assets/product-shell-shaped.jpg') center/cover!important}
main:not(#top) .hero h1{color:#fff!important;max-width:820px!important;font-size:clamp(42px,6vw,76px)!important;line-height:1.04!important}
main:not(#top) .hero p{color:#e2f0f2!important;max-width:720px!important}
.card,.panel,.box{border-radius:0!important;border-color:#d2e5e5!important;box-shadow:8px 8px 0 rgba(86,214,194,.14)!important}
.card:hover{transform:translateY(-4px)!important;box-shadow:10px 10px 0 rgba(86,214,194,.28)!important}
.tag,.ey{font-size:11px!important;letter-spacing:.18em!important}
.btn{border-radius:0!important;text-transform:uppercase;letter-spacing:.08em;font-size:12px;box-shadow:5px 5px 0 #061a2e!important}
.btn:hover{transform:translate(-2px,-2px)!important;box-shadow:8px 8px 0 #061a2e!important}
.solution-statement{border-radius:0!important;box-shadow:7px 7px 0 #56d6c2!important}
.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:100;background:#061a2e;color:#fff;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 15px 40px rgba(6,26,46,.28);border:1px solid #24465b}.cookie-banner strong{font-size:16px}.cookie-banner p{margin:4px 0;color:#d8e8ec;font-size:13px;line-height:1.45}.cookie-banner a{color:#56d6c2;font-size:12px}.cookie-actions{display:flex;gap:8px;flex-shrink:0}.cookie-actions button{padding:10px 13px;background:transparent;border:1px solid #8aa7b0;color:#fff;cursor:pointer;font-weight:700}.cookie-actions .accept{background:#56d6c2;border-color:#56d6c2;color:#061a2e}.legal-page{max-width:850px!important;margin:auto;padding:70px 28px!important}.legal-page h1{margin-bottom:30px}.legal-page h2{margin-top:35px}.legal-page p{color:#526d78;max-width:760px}@media(max-width:760px){.cookie-banner{left:10px;right:10px;bottom:10px;display:block;padding:16px}.cookie-actions{margin-top:12px}.cookie-actions button{flex:1}.legal-page{padding:42px 20px!important}}
.real-gallery{position:relative;margin:0 -23px 24px;background:#eaf7f5;padding-bottom:54px;overflow:hidden}.gallery-main{height:260px}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-thumbs{position:absolute;left:10px;right:10px;bottom:8px;display:flex;gap:6px;overflow:auto}.gallery-thumbs button{padding:0;border:2px solid transparent;background:#fff;width:54px;height:42px;flex:0 0 54px;cursor:pointer}.gallery-thumbs button.active{border-color:#56d6c2}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.gallery-prev,.gallery-next{position:absolute;top:105px;width:38px;height:48px;border:0;background:rgba(6,26,46,.82);color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:2}.gallery-prev{left:10px}.gallery-next{right:10px}@media(max-width:760px){.real-gallery{margin:0 -20px 20px}.gallery-main{height:220px}.gallery-prev,.gallery-next{top:86px}}
.solution-statement span{flex:1 1 180px;padding:16px 18px;background:#061a2e;color:#fff;font-size:13px;font-weight:800;letter-spacing:.02em;box-shadow:4px 4px 0 #56d6c2}
.solution-statement b{display:block;color:#56d6c2;font-size:11px;letter-spacing:.16em;margin-bottom:8px}
@media(max-width:760px){.solution-statement{display:grid;gap:8px;margin-bottom:30px;padding:9px}.solution-statement span{padding:13px 14px;box-shadow:3px 3px 0 #56d6c2}}
@media(max-width:760px){.hero:before{margin:0 0 30px;padding:16px 18px;font-size:11px;letter-spacing:.08em;box-shadow:4px 4px 0 #56d6c2}}
@media(max-width:760px){main:not(#top) .hero{min-height:0!important}.hero-in{padding:58px 20px 72px!important}main:not(#top) .hero h1{font-size:clamp(38px,10.5vw,52px)!important;line-height:1.06!important;letter-spacing:-.045em!important}main:not(#top) .hero p{font-size:17px!important;line-height:1.55!important}}
.menu-toggle{display:none!important}
@media(max-width:760px){
  .nav{position:relative!important;align-items:center!important}
  .nav .links{display:none!important;position:static!important;order:3!important;flex-basis:100%!important;width:100%!important;margin-top:4px!important;background:#fff;padding:8px!important;box-shadow:0 8px 24px rgba(6,26,46,.16);border:1px solid #d7e5e8}
  .nav .links:not(.open){display:none!important}
  .nav .links:not(.open) .cta{display:none!important}
  .nav .links.open{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .nav .links.open a{display:block!important;width:auto!important}
  .nav .links.open .cta{display:block!important}
  .nav .menu-toggle{display:flex!important}
  .contact-grid{display:grid!important;grid-template-columns:1fr!important;gap:20px!important}
  .contact-grid .panel{padding:20px!important}
  .form input,.form select,.form textarea{font-size:16px!important;min-height:48px}
  .form textarea{min-height:150px!important}
  .form button{width:100%;min-height:50px}
}
/* One consistent burger menu on desktop and mobile */
.menu-toggle{display:flex!important;order:3;align-items:center;justify-content:center;width:46px;height:42px;margin-left:auto;background:#061a2e;color:#fff;border:0;border-radius:0;box-shadow:5px 5px 0 #56d6c2;font-size:22px;line-height:1;cursor:pointer}
header .nav .links{order:2}
@media(min-width:761px){header .nav{position:relative!important;display:flex!important;align-items:center!important}header .nav .links{display:flex!important;order:2!important;margin-left:auto!important}header .nav .menu-toggle{order:3!important;margin-left:14px!important}header .nav .links a{display:none!important}header .nav .links.open{display:flex!important;position:absolute!important;right:62px!important;top:76px!important;z-index:30!important;padding:12px!important;background:#fff!important;border:1px solid #d7e5e8!important;box-shadow:10px 10px 0 rgba(86,214,194,.35)!important;flex-direction:column!important;align-items:stretch!important;min-width:220px!important}header .nav .links.open a{display:block!important;margin:0!important}}
@media(max-width:760px){header .nav .menu-toggle{order:2!important;margin-left:auto!important}header .nav .links{order:3!important}}
/* Final gallery/header overrides: these intentionally win over the legacy product styles above. */
.solution{display:block!important;padding:28px!important}
.solution>.product-gallery{width:100%!important;margin:0 0 28px!important}
.solution>.product-gallery .gallery-stage{height:430px!important}
.solution>.product-gallery .gallery-image{width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important}
@media(min-width:761px){header .nav .menu-toggle{display:flex!important;visibility:visible!important;opacity:1!important}.solution>.product-gallery .gallery-stage{height:440px!important}}
@media(max-width:760px){.solution{padding:20px!important}.solution>.product-gallery{margin:0 -20px 22px!important;width:calc(100% + 40px)!important}.solution>.product-gallery .gallery-stage{height:290px!important}}
/* Desktop: full navigation buttons. Mobile: burger only. */
@media(min-width:761px){
  header .nav .menu-toggle{display:none!important}
  header .nav .links{display:flex!important;position:static!important;flex-direction:row!important;align-items:center!important;min-width:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;margin-left:auto!important}
  header .nav .links a{display:block!important;margin:0!important;white-space:nowrap!important}
}
/* Keep one consistent hero treatment throughout the site. */
.hero,main:not(#top) .hero{background:linear-gradient(90deg,rgba(6,26,46,.93),rgba(6,26,46,.44)),url('assets/generated-shell-clinic.png') center/cover!important}
/* Secondary pages: make the hero full-bleed, matching the homepage width. */
main:not(#top) .hero{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;box-sizing:border-box!important}
@media(max-width:760px){
  main:not(#top) .hero{padding:48px 20px 64px!important}
  main:not(#top) .hero h1{font-size:clamp(32px,9vw,44px)!important;line-height:1.08!important;max-width:100%!important;overflow-wrap:break-word!important}
  main:not(#top) .hero p{font-size:16px!important;line-height:1.5!important;max-width:100%!important}
  .contact-grid{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .contact-grid .panel{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:20px!important}
  .contact-grid .form{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .contact-grid .form input,.contact-grid .form select,.contact-grid .form textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:block!important}
}
/* Compact secondary-page hero: keep the message visible without taking over the screen. */
@media(min-width:761px){
  main:not(#top) .hero{padding:38px 28px 42px!important;min-height:0!important}
  main:not(#top) .hero:before{margin-bottom:18px!important;padding:12px 18px!important;font-size:11px!important;line-height:1.35!important}
  main:not(#top) .hero h1{font-size:clamp(36px,4.3vw,58px)!important;line-height:1.04!important;margin:10px 0 14px!important;max-width:760px!important}
  main:not(#top) .hero p{font-size:16px!important;line-height:1.42!important;max-width:650px!important}
}
@media(max-width:760px){
  main:not(#top) .hero{padding:30px 20px 42px!important}
  main:not(#top) .hero:before{margin-bottom:16px!important;padding:11px 13px!important;font-size:10px!important;line-height:1.35!important}
  main:not(#top) .hero h1{font-size:clamp(29px,8.2vw,40px)!important;line-height:1.06!important;margin:8px 0 14px!important}
  main:not(#top) .hero p{font-size:15px!important;line-height:1.45!important}
}