*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#102033;background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:10px 6%;border-bottom:1px solid #e7edf3;background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:13px}.brand img{width:56px;height:56px;object-fit:contain}.brand b{display:block;font-size:14px;letter-spacing:.7px}.brand small{display:block;color:#1554a4;font-weight:800;font-size:9px;letter-spacing:1px}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}nav .quote{background:#1554a4;color:#fff;padding:11px 17px;border-radius:6px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#1554a4}.hero,.pagehero{padding:90px 7%;background:linear-gradient(135deg,#f7fbff,#fff)}.hero{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.hero h1,.pagehero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:14px 0 20px;max-width:760px}.hero p,.pagehero p{font-size:18px;color:#5c6b7d;max-width:680px}.buttons{display:flex;gap:12px;margin:30px 0}.buttons a,.product .primary{padding:13px 20px;border-radius:6px;font-weight:800}.primary{background:#1554a4;color:#fff}.secondary{border:1px solid #ccd7e1}.ticks{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#617184}.visual{height:400px;border-radius:20px;background:#104984;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 25px 60px #174b7c25}.printer{width:290px;height:175px;background:#f4f7f9;border-radius:14px;position:relative;box-shadow:0 20px 30px #071b333d}.printer>div{position:absolute;left:18px;right:18px;top:13px;height:29px;background:#dce4eb;border-radius:7px}.printer i{position:relative;display:inline-block;width:10px;height:10px;border-radius:50%;background:#1554a4;margin:75px 4px 0 15px}.card{position:absolute;right:22px;top:55px;width:130px;height:82px;background:#fff;border-radius:7px;padding:14px;color:#1554a4;transform:rotate(7deg);font-weight:900;box-shadow:0 12px 30px #071b3340}.card small{font-size:7px}.visual>p{position:absolute;bottom:20px;color:#fff;font-size:12px;font-weight:800}.bar{display:grid;grid-template-columns:repeat(3,1fr);background:#102033;color:#fff;padding:27px 7%}.bar div{padding:0 24px;border-right:1px solid #ffffff25}.bar div:last-child{border:0}.bar b,.bar span{display:block}.bar span{font-size:12px;color:#b9c7d6}.section{padding:90px 7%}.section h2{font-size:42px;line-height:1.1;margin:12px 0 18px}.intro{color:#637183;max-width:750px}.grid,.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.grid article,.product{border:1px solid #e2e8ef;border-radius:12px;padding:28px;background:#fff}.grid em{font-style:normal;font-size:28px;color:#1554a4}.grid h3{margin:15px 0 7px}.grid p,.product p,.product li{font-size:14px;color:#647386}.dark{background:#102033;color:#fff}.green{color:#5fbe67}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.services article{border-top:1px solid #ffffff33;padding-top:22px}.services b{color:#63c86c;font-size:12px}.services p{color:#b9c5d2}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:90px 7%}.about p{color:#607084}.cta{margin:0 7% 75px;padding:45px 50px;background:#1554a4;color:#fff;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{margin:8px 0 0;font-size:32px;line-height:1.1}.cta .eyebrow{color:#b7dcff}.cta>a{background:#fff;color:#1554a4;padding:13px 20px;border-radius:6px;font-weight:800;white-space:nowrap}.pagehero{padding-top:75px;padding-bottom:75px}.product{min-height:320px;display:flex;flex-direction:column}.productmark{font-weight:900;font-size:25px;color:#1554a4;margin-bottom:18px}.tag{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#6c7a89}.product h2{font-size:25px;margin:8px 0}.product ul{padding-left:18px}.product a:not(.primary){margin-top:auto;color:#1554a4;font-size:13px;font-weight:800}.product.highlight{background:#f1f7ff;border-color:#b9d3ee}.product.highlight h2{font-size:30px}.product.highlight .primary{display:inline-block;margin-top:auto;width:max-content}footer{background:#f5f7fa;padding:42px 7% 20px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.foot img{width:75px;height:50px;object-fit:contain}.foot p{font-size:13px;color:#657386}.foot b{font-size:11px;letter-spacing:1px}.foot a{color:#1554a4}.lines{display:flex;height:4px;margin:28px 0 16px}.lines i{flex:1}.lines i:nth-child(1){background:#1554a4}.lines i:nth-child(2){background:#18212b}.lines i:nth-child(3){background:#2f9e44}footer>small{font-size:10px;color:#7b8794}@media(max-width:850px){header{height:auto;padding:10px 5%}nav a:not(.quote){display:none}.hero{grid-template-columns:1fr;padding:60px 6%}.visual{height:320px}.bar,.grid,.productgrid,.services,.about,.foot{grid-template-columns:1fr}.bar div{border:0;border-bottom:1px solid #ffffff25;padding:13px 0}.section,.about{padding:65px 6%}.cta{margin:0 6% 55px;padding:32px 25px;display:block}.cta>a{display:inline-block;margin-top:22px}.pagehero{padding:60px 6%}.hero h1,.pagehero h1{font-size:43px}}

input,textarea{width:100%;padding:13px;border:1px solid #d8e0e8;border-radius:7px;font:inherit;margin:7px 0 15px}form label{font-size:13px;font-weight:700;color:#415267}button{border:0;cursor:pointer}h1{font-size:clamp(42px,5vw,64px);line-height:1.05;margin:0 0 20px}.product-intro{padding-bottom:45px}.product-grid{padding-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid #e1e7ee;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #10203310}.product-image{height:250px;background:#f5f8fb;display:flex;align-items:center;justify-content:center;padding:25px}.product-image img{width:100%;height:100%;object-fit:contain}.product-body{padding:25px}.tag{font-size:10px;font-weight:900;letter-spacing:1.3px;color:#1554a4}.product-body h2{font-size:25px;margin:8px 0}.product-body p{font-size:14px;color:#657386;min-height:70px}.specs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.specs span{font-size:11px;background:#f2f6fa;border-radius:5px;padding:8px 9px;color:#596b7e}.specs b{display:block;color:#102033;font-size:13px}.spec-link{display:block;margin-top:13px;font-size:11px;font-weight:800;color:#1554a4}@media(max-width:900px){.product-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.product-grid{grid-template-columns:1fr}.product-image{height:220px}}


/* Floating WhatsApp */
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:9999;display:flex;align-items:center;gap:9px;padding:12px 17px;border-radius:999px;background:#25D366;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s}
.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.25);color:#fff}
.whatsapp-icon{font-size:20px;line-height:1}
@media(max-width:600px){.whatsapp-float{right:14px;bottom:14px;padding:11px 14px;font-size:14px}.whatsapp-icon{font-size:18px}}


/* SEO content sections */
.seo-lead{padding-top:35px;padding-bottom:45px}.seo-section{padding:58px 7%;background:#fff}.seo-section:nth-of-type(even){background:#f7f9fb}.seo-inner{max-width:900px;margin:0 auto}.seo-section h2,.seo-faq h2{font-size:30px;line-height:1.15;margin:0 0 14px;color:#102033}.seo-section p,.seo-faq p{font-size:15px;color:#617184;max-width:850px}.seo-faq{padding:65px 7%;background:#eef5fb}.seo-faq article{background:#fff;border:1px solid #dfe7ef;border-radius:10px;padding:20px 22px;margin:14px 0}.seo-faq h3{font-size:17px;margin:0 0 7px;color:#102033}.seo-faq p{margin:0}@media(max-width:600px){.seo-section,.seo-faq{padding:48px 6%}.seo-section h2,.seo-faq h2{font-size:26px}}

/* v8 Solutions — appended to the proven v7 stylesheet */
.solution-preview{padding:76px 6vw;background:#f7faff}
.solution-preview-head{max-width:900px;margin:0 auto 34px;text-align:center}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:0 auto}
.solution-card{background:#fff;border:1px solid #dce6f2;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(4,38,76,.10);transition:transform .2s ease,box-shadow .2s ease}
.solution-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(4,38,76,.15)}
.solution-card .solution-mark{height:8px;background:linear-gradient(90deg,#123f73 0 58%,#d71920 58% 78%,#159447 78%)}
.solution-card .solution-body{padding:26px 24px 28px}
.solution-card h3{margin:0 0 10px;color:#0b3768;font-size:25px}
.solution-card p{margin:0 0 18px;color:#42556b;line-height:1.65}
.solution-card a{display:inline-block;text-decoration:none;font-weight:700;color:#0b3768;border-bottom:2px solid #d71920;padding-bottom:3px}
.brochure-banner{max-width:1180px;margin:42px auto 0;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #dce6f2;box-shadow:0 14px 38px rgba(4,38,76,.10)}
.brochure-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.brochure-feature .brochure-copy{padding:40px}
.brochure-feature .brochure-image{padding:20px}
.brochure-feature img{display:block;width:100%;height:auto;border-radius:12px}
.brochure-download{display:inline-block;background:#0b3768;color:#fff!important;text-decoration:none!important;padding:13px 20px;border-radius:8px;font-weight:700;margin-top:6px}
.solution-hero{padding:72px 6vw 46px;background:linear-gradient(135deg,#eef6ff,#fff)}
.solution-hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:42px;align-items:center}
.solution-hero h1{color:#0b3768;font-size:clamp(38px,5vw,62px);line-height:1.05;margin:10px 0 18px}
.solution-hero p{font-size:18px;line-height:1.7;color:#42556b}
.solution-hero-image img{width:100%;height:auto;display:block;border-radius:18px;box-shadow:0 18px 48px rgba(4,38,76,.18)}
.solution-detail{padding:72px 6vw}
.solution-detail.alt{background:#f7faff}
.solution-detail-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.solution-detail h2{font-size:36px;color:#0b3768;margin:0 0 14px}
.solution-detail p{line-height:1.75;color:#42556b}
.feature-list{list-style:none;padding:0;margin:22px 0 0}
.feature-list li{position:relative;padding:10px 0 10px 28px;line-height:1.5}
.feature-list li:before{content:"✓";position:absolute;left:0;top:8px;width:20px;height:20px;border-radius:50%;background:#159447;color:#fff;text-align:center;font-size:13px;line-height:20px;font-weight:700}
@media (max-width:900px){
  .solution-grid{grid-template-columns:1fr}
  .brochure-feature,.solution-hero-inner,.solution-detail-inner{grid-template-columns:1fr}
  .solution-hero-image{order:-1}
}
@media (max-width:600px){
  .solution-preview,.solution-detail{padding:52px 5vw}
  .solution-card .solution-body{padding:22px}
  .brochure-feature .brochure-copy{padding:28px 22px}
  .brochure-feature .brochure-image{padding:12px}
  .solution-hero{padding:48px 5vw 30px}
}

/* SATATI COLOURFUL LITERATURE REFRESH */
:root{--satati-blue:#0b3768;--satati-blue2:#1477d4;--satati-green:#159447;--satati-red:#d71920;--satati-gold:#f29b38;--satati-ink:#102a43;--satati-light:#f5f9fd}
body{background:radial-gradient(circle at 8% 10%,rgba(20,119,212,.07),transparent 25%),radial-gradient(circle at 92% 20%,rgba(21,148,71,.06),transparent 25%),#fff}
.nav{box-shadow:0 5px 25px rgba(7,45,82,.09);background:rgba(255,255,255,.96)}
.hero{background:radial-gradient(circle at 84% 16%,rgba(20,119,212,.20),transparent 28%),radial-gradient(circle at 12% 82%,rgba(21,148,71,.11),transparent 30%),linear-gradient(135deg,#edf6ff 0%,#fff 52%,#f0faf5 100%);overflow:hidden}
.hero .visual{filter:drop-shadow(0 20px 30px rgba(11,55,104,.12))}
.section{position:relative}
.section:nth-of-type(even){background:linear-gradient(135deg,#f6faff,#fff 58%,#f4fbf7)}
.section-head{position:relative}
.section-head:after{content:"";display:block;width:68px;height:4px;border-radius:8px;margin-top:12px;background:linear-gradient(90deg,var(--satati-blue2),var(--satati-green))}
.product-card,.grid>.card,.services>.card{border:1px solid #d9e6f2!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(7,45,82,.09)!important;background:rgba(255,255,255,.96)!important;overflow:hidden}
.product-card:nth-child(1),.services>.card:nth-child(1),.grid>.card:nth-child(1){border-top:6px solid var(--satati-blue2)!important}
.product-card:nth-child(2),.services>.card:nth-child(2),.grid>.card:nth-child(2){border-top:6px solid var(--satati-green)!important}
.product-card:nth-child(3),.services>.card:nth-child(3),.grid>.card:nth-child(3){border-top:6px solid var(--satati-red)!important}
.product-image{background:linear-gradient(145deg,#edf6ff,#fff)!important}
.tag{background:#eef6ff!important;color:var(--satati-blue)!important}
.about{background:radial-gradient(circle at 10% 20%,rgba(20,119,212,.12),transparent 27%),radial-gradient(circle at 92% 80%,rgba(21,148,71,.10),transparent 27%),linear-gradient(135deg,#f1f7fd,#fff)!important;border:1px solid #dbe7f2;border-radius:24px;box-shadow:0 14px 38px rgba(7,45,82,.08)}
.cta{background:linear-gradient(120deg,#0b3768,#1477d4 56%,#159447)!important;box-shadow:0 18px 44px rgba(7,45,82,.18)}
.seo-section{background:linear-gradient(135deg,#f7fbff,#fff,#f5fbf7);border-top:1px solid #e1ebf3;border-bottom:1px solid #e1ebf3}
.footer-main{background:radial-gradient(circle at 85% 5%,rgba(20,119,212,.17),transparent 28%),linear-gradient(135deg,#071d36,#0b3768)}
.page-kicker{max-width:1180px;margin:0 auto 28px;padding:24px 28px;border-radius:18px;color:#fff;background:linear-gradient(110deg,#0b3768,#1477d4 60%,#159447);box-shadow:0 12px 30px rgba(7,45,82,.14)}
.page-kicker span{display:block;font-size:12px;letter-spacing:1.6px;font-weight:800;opacity:.9;margin-bottom:7px}.page-kicker strong{display:block;font-size:clamp(20px,2.6vw,30px);line-height:1.2}
/* Solutions: three large landscape tabs */
.solution-hero{padding:66px 6vw 34px!important;background:radial-gradient(circle at 90% 20%,rgba(20,119,212,.12),transparent 25%),linear-gradient(135deg,#eef6ff,#fff 58%,#f3fbf6)!important}
.solution-hero-inner{max-width:1180px!important;display:block!important;text-align:center}
.solution-hero-image{display:none!important}
.solution-hero h1{max-width:900px;margin:10px auto 14px!important}
.solution-hero p{max-width:780px;margin:0 auto!important}
.solution-tabs-wrap{max-width:1240px!important;padding:22px 4vw 76px!important}
.solution-tabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:18px!important;margin:0 0 34px!important;align-items:stretch}
.solution-tab{position:relative!important;min-height:170px!important;border:0!important;border-radius:22px!important;padding:30px 26px!important;text-align:left!important;color:#fff!important;box-shadow:0 16px 36px rgba(7,45,82,.14)!important;overflow:hidden!important;font-size:24px!important;cursor:pointer}
.solution-tab:after{content:"Explore solution →";display:block;font-size:13px;font-weight:700;margin-top:14px;opacity:.9}
.solution-tab:nth-child(1){background:linear-gradient(135deg,#0b3768,#1477d4)}
.solution-tab:nth-child(2){background:linear-gradient(135deg,#096b45,#159447)}
.solution-tab:nth-child(3){background:linear-gradient(135deg,#d26d17,#f29b38)}
.solution-tab.active{transform:translateY(-5px);box-shadow:0 22px 44px rgba(7,45,82,.20)!important}
.solution-tab.active:before{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:#fff;opacity:.85}
.solution-panel-card{border-radius:22px!important;box-shadow:0 16px 42px rgba(7,45,82,.11)!important}
.solution-visual{background:linear-gradient(145deg,#eef6ff,#fff)!important}
@media(max-width:850px){.solution-tabs{grid-template-columns:1fr!important}.solution-tab{min-height:120px!important}.page-kicker{margin-left:0;margin-right:0}}
@media(max-width:700px){.about{padding:24px!important;border-radius:18px}.page-kicker{padding:20px}.solution-tabs-wrap{padding-left:5vw!important;padding-right:5vw!important}}

/* PRODUCT PAGE REFINEMENT */
.product-intro .page-kicker{margin-bottom:32px}
.product-image img{max-width:100%;max-height:100%;object-fit:contain}
.product-grid .product-card{height:100%}
.product-grid .product-body{background:#fff}

/* Dark information band: always high-contrast white typography */
.section.dark{background:linear-gradient(135deg,#071d36,#0b3768 60%,#123f73)!important;color:#fff!important}
.section.dark h2,.section.dark h3,.section.dark p,.section.dark .section-head p,
.section.dark .eyebrow{color:#fff!important}
.section.dark .grid article{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.section.dark .grid article h3,.section.dark .grid article p{color:#fff!important}
.section.dark .grid article p{opacity:.9}
.section.dark .icon{color:#fff!important}

/* The full Satati logo should read clearly without excess empty canvas */
.brand img{width:180px;height:62px;object-fit:contain}
footer .footer-main img,footer .foot img{width:190px;height:72px;object-fit:contain}
@media(max-width:850px){
  .brand img{width:150px;height:52px}
}

/* FINAL VISUAL REFINEMENT — logo fit + readable dark/blue information bands */
.brand{
  display:flex;
  align-items:center;
  min-width:0;
}
.brand img{
  display:block;
  width:clamp(145px,15vw,205px);
  height:auto;
  max-height:70px;
  object-fit:contain;
}
@media(max-width:700px){
  .brand img{
    width:145px;
    max-height:54px;
  }
}

/* Any dark/blue closing information section: use high-contrast typography */
.section[style*="background"],
.section.blue,
.blue-section,
.dark-section,
.footer-main{
  color:#fff;
}
.section[style*="background"] h1,
.section[style*="background"] h2,
.section[style*="background"] h3,
.section[style*="background"] h4,
.section[style*="background"] p,
.section[style*="background"] li,
.section.blue h1,.section.blue h2,.section.blue h3,.section.blue h4,.section.blue p,.section.blue li,
.blue-section h1,.blue-section h2,.blue-section h3,.blue-section h4,.blue-section p,.blue-section li,
.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section p,.dark-section li{
  color:#fff !important;
}
.section[style*="background"] a,
.section.blue a,.blue-section a,.dark-section a{
  color:#fff !important;
}
.section[style*="background"] small,
.section.blue small,.blue-section small,.dark-section small{
  color:rgba(255,255,255,.92) !important;
}

/* Strong closing band used by the refreshed pages */
.page-closing{
  background:linear-gradient(135deg,#071d36,#0b3768 58%,#123f73);
  color:#fff;
}
.page-closing *{color:#fff !important}