:root{--navy:#152549;--slate:#324060;--cyan:#00acad;--cyan-dark:#048a8d;--light:#ecf7fd;--pale:#f5fbfe;--white:#fff;--ink:#12213c;--text:#4f5d75;--muted:#6f7890;--border:#dbe7f0;--shadow:0 18px 45px rgba(21,37,73,.12);--radius:18px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Plus Jakarta Sans',Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.65}a{text-decoration:none;color:inherit}.mdc-container{max-width:var(--max);margin:0 auto;padding:0 28px}.mdc-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:Poppins,Arial,sans-serif}.brand-symbol{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--slate));color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700;box-shadow:inset 0 -4px 0 var(--cyan)}.brand span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:15px;color:var(--navy)}.brand em{font-size:14px;font-style:normal;color:var(--cyan);font-weight:700}.main-nav{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:700;color:var(--slate)}.main-nav a,.nav-group>button{padding:9px 0;color:var(--slate);border:0;background:transparent;font:inherit;font-weight:700;cursor:pointer}.nav-cta{padding:12px 18px!important;border-radius:999px;background:var(--cyan);color:#fff!important;box-shadow:0 10px 26px rgba(0,172,173,.25)}.nav-group{position:relative}.dropdown{position:absolute;right:0;top:100%;display:none;min-width:360px;padding:14px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.dropdown a{display:block;padding:11px 12px;border-radius:10px}.dropdown a:hover{background:var(--light);color:var(--navy)}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{display:block}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:#fff}.nav-toggle span{display:block;width:21px;height:2px;background:var(--navy);margin:5px auto}.hero-section{position:relative;overflow:hidden;padding:64px 0 72px;background:radial-gradient(600px 340px at 82% 20%,rgba(0,172,173,.14),transparent 60%),linear-gradient(135deg,#fff 0%,var(--pale) 55%,var(--light) 100%)}.hero-section:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(21,37,73,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(21,37,73,.04) 1px,transparent 1px);background-size:52px 52px}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.eyebrow{display:inline-block;margin-bottom:14px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-copy h1,h1{font-family:Poppins,Arial,sans-serif;margin:0 0 18px;font-size:clamp(38px,4vw,54px);line-height:1.08;font-weight:700;background:radial-gradient(203.66% 71.89% at 34.63% 46.11%,#34415e 0%,#324060 55%,#152549 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:650px;margin:0 0 24px;color:var(--text);font-size:16px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:999px;font-weight:800;border:1px solid transparent}.btn-primary{background:var(--cyan);color:#fff;box-shadow:0 12px 28px rgba(0,172,173,.25)}.btn-primary:hover{background:var(--cyan-dark)}.btn-secondary{background:#fff;color:var(--navy);border-color:var(--border)}.btn-light{background:#fff;color:var(--navy)}.hero-visual{display:grid;grid-template-columns:1fr 1fr;gap:16px}.visual-card{min-height:136px;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end}.visual-card.primary{min-height:210px;background:linear-gradient(135deg,var(--navy),var(--slate));color:#fff}.visual-card.dark{background:var(--navy);color:#fff}.visual-card span{color:var(--cyan);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.visual-card strong{font-family:Poppins,Arial,sans-serif;font-size:22px;line-height:1.2}.trust-strip{padding:22px 0;background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.trust-strip .mdc-container{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.trust-strip span{padding:10px 14px;border-radius:999px;background:var(--light);color:var(--slate);font-size:13px;font-weight:800}.section{padding:78px 0}.tinted{background:var(--pale)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:start}.section h2{font-family:Poppins,Arial,sans-serif;margin:0 0 18px;font-size:clamp(30px,4vw,46px);line-height:1.15;color:var(--navy)}.section p{color:var(--text);margin:0 0 16px}.section-head{max-width:820px;margin-bottom:34px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service-card,.blog-card,.info-panel,.hero-form{padding:28px;border-radius:var(--radius);background:#fff;border:1px solid var(--border);box-shadow:0 12px 30px rgba(21,37,73,.08)}.service-card h3,.blog-card h3,.info-panel h3{font-family:Poppins,Arial,sans-serif;margin:0 0 10px;color:var(--navy);font-size:20px;line-height:1.25}.service-card p,.blog-card p{color:var(--text);font-size:14.5px}.card-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;background:var(--light);color:var(--cyan);font-weight:900}.text-link{display:inline-flex;margin-top:12px;color:var(--cyan);font-weight:800}.navy-band{background:linear-gradient(135deg,var(--navy),var(--slate));color:#fff}.navy-band h2,.navy-band p,.navy-band li{color:#fff}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}.check-list li{position:relative;padding-left:30px;color:var(--text)}.check-list li:before{content:'';position:absolute;left:0;top:.65em;width:9px;height:9px;border-radius:50%;background:var(--cyan)}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.step{padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--border);box-shadow:0 12px 30px rgba(21,37,73,.07)}.process-section .step{background:linear-gradient(180deg,#fff,var(--pale))}.step span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--cyan);color:#fff;font-weight:900;margin-bottom:14px}.step p{margin:0;font-weight:700;color:var(--slate)}.faq-section{background:var(--pale)}.faq-list{max-width:900px;margin:0 auto;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}.faq-item+.faq-item{border-top:1px solid var(--border)}.faq-question{width:100%;padding:20px 24px;background:#fff;border:0;text-align:left;font:inherit;font-weight:800;color:var(--navy);cursor:pointer}.faq-answer{display:none;padding:0 24px 22px}.faq-answer p{margin:0}.faq-question[aria-expanded=true]+.faq-answer{display:block}.cta-section{padding:62px 0;background:linear-gradient(135deg,var(--navy),var(--slate));color:#fff}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.cta-section h2{font-family:Poppins,Arial,sans-serif;margin:0 0 10px;font-size:40px;color:#fff}.cta-section p{margin:0;color:rgba(255,255,255,.78)}.disclaimer{background:#fff}.disclaimer .mdc-container{border-top:1px solid var(--border);padding-top:42px}.link-grid{display:flex;flex-wrap:wrap;gap:12px}.link-grid a{padding:12px 15px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--slate);font-weight:800}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.hero-form label{display:grid;gap:7px;margin-bottom:14px;color:var(--navy);font-weight:800}.hero-form h2{font-family:Poppins,Arial,sans-serif;margin:0 0 18px;color:var(--navy)}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;font:inherit;color:var(--ink)}.note-box{padding:18px;border-left:4px solid var(--cyan);background:var(--light);border-radius:14px}.site-footer{background:var(--navy);color:#fff;padding:58px 0 26px}.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:34px}.footer-grid h3{font-family:Poppins,Arial,sans-serif;margin:0 0 14px}.footer-grid a{display:block;color:rgba(255,255,255,.75);margin:8px 0}.footer-grid p{color:rgba(255,255,255,.75)}.footer-logo{margin-bottom:16px}.footer-logo strong{color:#fff}.footer-bottom{margin-top:32px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}.footer-bottom p{font-size:13px;color:rgba(255,255,255,.7)}@media(max-width:1040px){.nav-toggle{display:block}.main-nav{position:absolute;left:0;right:0;top:78px;display:none;flex-direction:column;align-items:stretch;background:#fff;padding:20px 28px;border-bottom:1px solid var(--border)}.main-nav.is-open{display:flex}.dropdown{position:static;display:block;box-shadow:none;min-width:0}.hero-grid,.split,.cta-grid{grid-template-columns:1fr}.card-grid,.feature-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{max-width:720px}}@media(max-width:680px){.mdc-container{padding:0 20px}.hero-section{padding:52px 0}.hero-copy h1,h1{font-size:34px}.hero-visual{display:none}.hero-actions,.cta-grid{align-items:stretch}.btn{width:100%;text-align:center}.section{padding:56px 0}.card-grid,.feature-grid,.step-grid,.blog-grid,.footer-grid{grid-template-columns:1fr}.cta-section h2{font-size:30px}.nav-inner{height:70px}.main-nav{top:70px}.brand-symbol{width:42px;height:42px}.brand strong,.brand em{font-size:13px}}
/* Homepage premium review improvements */
.premium-hero .hero-copy{max-width:680px}.hero-boundary{margin-top:20px!important;padding:16px 18px;border-left:4px solid var(--cyan);border-radius:14px;background:rgba(255,255,255,.72);font-size:14px!important;color:var(--slate)!important}.hero-dashboard{padding:24px;border-radius:24px;background:rgba(255,255,255,.86);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}.dashboard-header span{color:var(--cyan);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.dashboard-header strong{color:var(--navy);font-family:Poppins,Arial,sans-serif}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dash-card{min-height:92px;padding:16px;border-radius:16px;background:linear-gradient(180deg,#fff,var(--pale));border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between}.dash-card.active{background:linear-gradient(135deg,var(--navy),var(--slate));color:#fff}.dash-card.wide{grid-column:1/-1}.dash-card span{color:var(--cyan);font-size:12px;font-weight:900}.dash-card strong{font-family:Poppins,Arial,sans-serif;font-size:17px;line-height:1.2}.intro-section p{font-size:17px}.audience-grid,.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mini-card{padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--border);box-shadow:0 12px 30px rgba(21,37,73,.07)}.mini-card h3{font-family:Poppins,Arial,sans-serif;margin:0 0 8px;color:var(--navy);font-size:18px;line-height:1.25}.mini-card p{margin:0;color:var(--text);font-size:14px}.role-table{display:grid;grid-template-columns:1fr 1fr;gap:20px}.role-col{padding:30px;border-radius:24px;border:1px solid var(--border);box-shadow:0 14px 32px rgba(21,37,73,.08)}.role-col.support{background:linear-gradient(180deg,#fff,var(--pale))}.role-col.manufacturer{background:linear-gradient(135deg,var(--navy),var(--slate));color:#fff}.role-col h3{font-family:Poppins,Arial,sans-serif;margin:0 0 18px;font-size:24px}.role-col.manufacturer h3,.role-col.manufacturer li{color:#fff}.role-col ul,.service-card.compact ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.role-col li,.service-card.compact li{position:relative;padding-left:24px;color:var(--text)}.role-col li:before,.service-card.compact li:before{content:'';position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:50%;background:var(--cyan)}.role-col.manufacturer li:before{background:#fff}.service-card.compact{display:flex;flex-direction:column;min-height:360px}.service-card.compact p{font-size:14.5px;margin-bottom:14px}.service-card.compact ul{margin-bottom:18px}.service-card.compact li{font-size:13.5px;font-weight:700}.service-card.compact .text-link{margin-top:auto}.engagement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.engagement-card{padding:30px;border-radius:24px;background:#fff;border:1px solid var(--border);box-shadow:0 12px 30px rgba(21,37,73,.08)}.engagement-card.featured{background:linear-gradient(135deg,var(--navy),var(--slate));color:#fff}.engagement-card span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:14px;background:var(--light);color:var(--cyan);font-weight:900}.engagement-card.featured span{background:rgba(255,255,255,.14);color:#fff}.engagement-card h3{font-family:Poppins,Arial,sans-serif;margin:0 0 10px;color:var(--navy);font-size:22px}.engagement-card.featured h3,.engagement-card.featured p{color:#fff}.engagement-card p{margin:0;color:var(--text)}.workflow-grid-8{grid-template-columns:repeat(4,minmax(0,1fr))}.workflow-grid-8 .step{min-height:150px}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:18px}.faq-question:after{content:'+';font-size:22px;color:var(--cyan);font-weight:900}.faq-question[aria-expanded=true]:after{content:'-'}.cta-section h2{max-width:760px}.brand-symbol[role=img]{speak:normal}@media(max-width:1040px){.audience-grid,.control-grid,.engagement-grid,.role-table,.workflow-grid-8{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-dashboard{max-width:720px}}@media(max-width:680px){.audience-grid,.control-grid,.engagement-grid,.role-table,.workflow-grid-8,.dashboard-grid{grid-template-columns:1fr}.dash-card.wide{grid-column:auto}.hero-dashboard{display:none}.service-card.compact{min-height:auto}.mini-card,.role-col,.engagement-card{padding:22px}.hero-boundary{font-size:13px!important}.intro-section p{font-size:16px}}
/* Homepage density polish after review */
.premium-hero{padding:54px 0 60px}
.premium-hero .hero-copy p{font-size:15.5px;line-height:1.65}
.premium-hero .hero-boundary{margin-top:14px!important;padding:13px 15px}
.hero-dashboard{padding:20px}
.dash-card{min-height:82px;padding:14px}
@media(max-width:680px){.premium-hero{padding:38px 0 44px}.premium-hero .hero-copy p{font-size:15px}.premium-hero .hero-boundary{display:none}}

/* Homepage hero compact desktop composition */
.premium-hero .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:42px}
.premium-hero .hero-copy h1{font-size:clamp(36px,3.35vw,48px);line-height:1.1}
.premium-hero .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.premium-hero .dash-card.wide{grid-column:auto}
@media(max-width:1040px){.premium-hero .hero-grid{grid-template-columns:1fr}.premium-hero .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-hero .dash-card.wide{grid-column:1/-1}}
@media(max-width:680px){.premium-hero .hero-copy h1{font-size:32px}}

/* Logo and final content additions */
.site-logo{display:block;width:auto;height:48px;max-width:260px}
.site-footer .site-logo{height:56px;max-width:310px;filter:brightness(0) invert(1)}
.footer-brand .brand{display:inline-flex}
.secure-section .section-head p,.why-section .section-head p{max-width:760px}
@media(max-width:680px){.site-logo{height:42px;max-width:220px}.site-footer .site-logo{height:48px;max-width:260px}}

/* Logo size and footer alignment refinement */
.site-logo{height:42px;max-width:230px;object-fit:contain}
.brand:has(.site-logo){line-height:0}
.site-footer .footer-logo{margin:0 0 20px}
.site-footer .site-logo{height:38px;max-width:220px;filter:brightness(0) invert(1)}
@media(max-width:680px){.site-logo{height:38px;max-width:200px}.site-footer .site-logo{height:34px;max-width:190px}}

/* Premium homepage slider and service visuals */
.hero-slider-section{padding:0;background:linear-gradient(135deg,#fff 0%,var(--pale) 58%,var(--light) 100%)}
.hero-slider{position:relative;overflow:hidden}
.hero-slide{display:none;min-height:640px;padding:58px 0 72px}
.hero-slide.is-active{display:block}
.hero-slide .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:48px}
.hero-slide .hero-copy h1{font-size:clamp(36px,3.55vw,50px)}
.hero-slide .slide-title{font-family:Poppins,Arial,sans-serif;margin:0 0 18px;font-size:clamp(36px,3.55vw,50px);line-height:1.1;font-weight:700;background:radial-gradient(203.66% 71.89% at 34.63% 46.11%,#34415e 0%,#324060 55%,#152549 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-slide .hero-copy p{font-size:15.5px;line-height:1.65}
.slider-boundary{max-width:980px;margin:0 auto 28px!important}
.slider-controls{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;z-index:5}
.hero-arrow,.hero-dot{border:1px solid var(--border);background:#fff;color:var(--navy);box-shadow:0 10px 24px rgba(21,37,73,.1);cursor:pointer}
.hero-arrow{width:42px;height:42px;border-radius:999px;font-size:22px;line-height:1}
.hero-dot{width:12px;height:12px;border-radius:999px;padding:0;font-size:0}
.hero-dot.is-active{width:28px;background:var(--cyan);border-color:var(--cyan)}
.slider-dashboard,.service-visual{padding:22px;border-radius:24px;background:rgba(255,255,255,.9);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.slider-dashboard .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.slider-dashboard .dash-card{min-height:88px}
.visual-status{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--slate);font-weight:800}
.visual-status:before{content:'';width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(0,172,173,.12)}
.visual-stack{display:grid;gap:12px}
.visual-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#fff,var(--pale))}
.visual-row strong{font-family:Poppins,Arial,sans-serif;color:var(--navy);line-height:1.2}
.visual-row span{color:var(--cyan);font-size:12px;font-weight:900;text-transform:uppercase}
.visual-row.flag span{color:#0f8b68}
.visual-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.visual-mini{min-height:74px;padding:13px;border-radius:14px;background:var(--navy);color:#fff}
.visual-mini em{display:block;font-style:normal;color:var(--cyan);font-size:11px;font-weight:900;text-transform:uppercase}
.visual-mini strong{display:block;margin-top:6px;line-height:1.15}
.service-visual{min-height:360px;align-self:stretch}
.service-visual .visual-mini:nth-child(2n){background:var(--slate)}
.service-visual .visual-mini:nth-child(3n){background:linear-gradient(135deg,#123f67,#0b6b6b)}
.service-scope-grid,.deliverables-grid,.security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.boundary-box{padding:24px;border-left:4px solid var(--cyan);border-radius:18px;background:var(--light);color:var(--slate)}
.boundary-box p{margin:0;color:var(--slate)}
.deliverables-section .mini-card,.security-section .mini-card{min-height:150px}
@media(max-width:1040px){.hero-slide .hero-grid{grid-template-columns:1fr}.hero-slide{min-height:0}.service-scope-grid,.deliverables-grid,.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slider-dashboard{max-width:720px}}
@media(max-width:680px){.hero-slide{padding:42px 0 76px}.hero-slide .hero-copy h1{font-size:32px}.slider-dashboard{display:none}.slider-controls{bottom:22px}.service-visual{display:none}.service-scope-grid,.deliverables-grid,.security-grid{grid-template-columns:1fr}.hero-arrow{width:38px;height:38px}}
@media(max-width:680px){.hero-slide .slide-title{font-size:32px}}

/* Final alignment and visual visibility corrections */
.nav-cta{background:linear-gradient(135deg,var(--cyan),#13b981)!important;color:#fff!important;min-width:138px;text-align:center}
.site-logo{height:52px;max-width:300px}
.mdc-header .brand{min-width:260px}
.site-footer .footer-logo{margin:0 0 18px}
.site-footer .site-logo{height:52px;max-width:290px;filter:none!important}
.content-page .hero-section{padding:56px 0 62px}
.content-page .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:44px}
.content-page .hero-copy p{font-size:15.5px;line-height:1.65}
.content-page .section>.mdc-container.split{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:42px;align-items:start}
.content-page .section>.mdc-container.split>div:first-child{padding:28px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,#fff,var(--pale));box-shadow:0 12px 28px rgba(21,37,73,.07)}
.content-page .section>.mdc-container.split>div:nth-child(2){padding:30px;border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(21,37,73,.07)}
.content-page .section>.mdc-container.split p{max-width:none}
.content-page .section h2{font-size:clamp(28px,3vw,40px)}
.content-page .feature-grid{align-items:stretch}
.hero-visual,.slider-dashboard,.service-visual{display:grid}
.service-visual{display:block}
@media(max-width:1040px){.mdc-header .brand{min-width:auto}.content-page .hero-grid,.content-page .section>.mdc-container.split{grid-template-columns:1fr}.content-page .section>.mdc-container.split>div:first-child,.content-page .section>.mdc-container.split>div:nth-child(2){padding:24px}.site-logo{height:46px;max-width:260px}}
@media(max-width:680px){.site-logo{height:42px;max-width:230px}.site-footer .site-logo{height:44px;max-width:250px}.slider-dashboard,.service-visual,.hero-visual{display:block}.slider-dashboard .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-visual{min-height:auto;margin-top:10px}.slider-dashboard{margin-top:18px}.content-page .hero-section{padding:42px 0 46px}.content-page .section>.mdc-container.split>div:first-child,.content-page .section>.mdc-container.split>div:nth-child(2){padding:20px}}

/* Real SVG dashboard image visuals */
.visual-image-frame,
.slider-dashboard.visual-image-frame,
.service-visual.visual-image-frame{
  display:block;
  padding:0;
  margin:0;
  min-height:0;
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:var(--shadow);
}
.visual-graphic{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:900/620;
  object-fit:cover;
}
.hero-slide .visual-image-frame,
.service-visual.visual-image-frame{
  align-self:center;
}
@media(max-width:680px){
  .slider-dashboard.visual-image-frame,
  .service-visual.visual-image-frame{
    display:block;
    margin-top:18px;
  }
}

/* Internal reading layout refinement */
.content-page .section>.mdc-container.split,
.service-page .section>.mdc-container.split{
  display:block;
  max-width:1000px;
}
.content-page .section>.mdc-container.split>div:first-child,
.service-page .section>.mdc-container.split>div:first-child{
  max-width:820px;
  margin:0 0 22px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.content-page .section>.mdc-container.split>div:nth-child(2),
.service-page .section>.mdc-container.split>div:nth-child(2){
  max-width:1000px;
  padding:34px 38px;
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(21,37,73,.08);
}
.content-page .section>.mdc-container.split h2,
.service-page .section>.mdc-container.split h2{
  max-width:780px;
  margin-bottom:0;
  font-size:clamp(30px,3.2vw,44px);
}
.content-page .section>.mdc-container.split p,
.service-page .section>.mdc-container.split p{
  max-width:860px;
  font-size:16px;
  line-height:1.78;
  color:#394866;
}
.content-page .section>.mdc-container.split p:last-child,
.service-page .section>.mdc-container.split p:last-child{
  margin-bottom:0;
}
.content-page .section.tinted>.mdc-container.split>div:nth-child(2),
.service-page .section.tinted>.mdc-container.split>div:nth-child(2){
  background:linear-gradient(180deg,#fff,var(--pale));
}
@media(max-width:680px){
  .content-page .section>.mdc-container.split,
  .service-page .section>.mdc-container.split{
    padding:0 20px;
  }
  .content-page .section>.mdc-container.split>div:nth-child(2),
  .service-page .section>.mdc-container.split>div:nth-child(2){
    padding:24px 22px;
    border-radius:18px;
  }
  .content-page .section>.mdc-container.split p,
  .service-page .section>.mdc-container.split p{
    font-size:15.5px;
  }
}
/* FINAL HOTFIX - Hero slider boundary and controls alignment */
.hero-slider {
  position: relative;
  padding-bottom: 28px;
}

.slider-boundary {
  position: relative;
  z-index: 2;
  max-width: 980px;
  margin: 22px auto 10px !important;
  padding: 16px 24px;
  background: rgba(255, 255, 255, 0.92);
  border-left: 4px solid var(--cyan);
  border-radius: 18px;
  box-shadow: 0 12px 30px rgba(21, 37, 73, 0.08);
  color: var(--navy);
  text-align: left;
}

.slider-controls {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin: 16px auto 26px;
  z-index: 3;
}

.hero-arrow,
.hero-dot {
  flex: 0 0 auto;
}

@media (max-width: 680px) {
  .slider-boundary {
    margin: 16px 20px 10px !important;
    padding: 14px 16px;
    font-size: 13.5px;
    line-height: 1.6;
  }

  .slider-controls {
    margin: 14px auto 20px;
    gap: 10px;
  }

  .hero-arrow {
    width: 36px;
    height: 36px;
  }
}

/* FINAL HOTFIX - Full width internal page text sections */
.content-page .section > .mdc-container.split,
.service-page .section > .mdc-container.split {
  display: block !important;
  max-width: var(--max) !important;
  width: 100% !important;
}

.content-page .section > .mdc-container.split > div:first-child,
.service-page .section > .mdc-container.split > div:first-child {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.content-page .section > .mdc-container.split > div:nth-child(2),
.service-page .section > .mdc-container.split > div:nth-child(2) {
  max-width: 100% !important;
  width: 100% !important;
  padding: 36px 42px !important;
  border-radius: 22px;
}

.content-page .section > .mdc-container.split h2,
.service-page .section > .mdc-container.split h2 {
  max-width: 100% !important;
}

.content-page .section > .mdc-container.split p,
.service-page .section > .mdc-container.split p {
  max-width: none !important;
  width: 100% !important;
  text-align: left;
  font-size: 16px;
  line-height: 1.8;
}

@media (max-width: 680px) {
  .content-page .section > .mdc-container.split,
  .service-page .section > .mdc-container.split {
    padding: 0 20px !important;
  }

  .content-page .section > .mdc-container.split > div:nth-child(2),
  .service-page .section > .mdc-container.split > div:nth-child(2) {
    padding: 24px 22px !important;
  }

  .content-page .section > .mdc-container.split p,
  .service-page .section > .mdc-container.split p {
    font-size: 15.5px;
    line-height: 1.75;
  }
}
/* FINAL HOTFIX - Contact page hero alignment */
.hero-section .hero-grid:has(#contact-form) {
  align-items: flex-start !important;
  max-width: 1240px !important;
  gap: 70px !important;
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.hero-section .hero-grid:has(#contact-form) .hero-copy {
  padding-top: 120px !important;
  max-width: 540px !important;
}

#contact-form {
  width: 100% !important;
  max-width: 470px !important;
  margin-left: auto !important;
}

#contact-form h2 {
  margin-bottom: 22px !important;
}

#contact-form label {
  margin-bottom: 14px !important;
}

#contact-form input,
#contact-form select,
#contact-form textarea {
  min-height: 46px !important;
}

#contact-form textarea {
  min-height: 120px !important;
}

#contact-form .form-note {
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}

@media (max-width: 980px) {
  .hero-section .hero-grid:has(#contact-form) {
    display: block !important;
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .hero-section .hero-grid:has(#contact-form) .hero-copy {
    padding-top: 0 !important;
    max-width: 100% !important;
    margin-bottom: 34px !important;
  }

  #contact-form {
    max-width: 100% !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 680px) {
  .hero-section .hero-grid:has(#contact-form) {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  #contact-form {
    padding: 24px 20px !important;
  }
}/* FINAL HOTFIX - Contact page hero alignment */
.hero-section .hero-grid:has(#contact-form) {
  align-items: flex-start !important;
  max-width: 1240px !important;
  gap: 70px !important;
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.hero-section .hero-grid:has(#contact-form) .hero-copy {
  padding-top: 120px !important;
  max-width: 540px !important;
}

#contact-form {
  width: 100% !important;
  max-width: 470px !important;
  margin-left: auto !important;
}

#contact-form h2 {
  margin-bottom: 22px !important;
}

#contact-form label {
  margin-bottom: 14px !important;
}

#contact-form input,
#contact-form select,
#contact-form textarea {
  min-height: 46px !important;
}

#contact-form textarea {
  min-height: 120px !important;
}

#contact-form .form-note {
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}

@media (max-width: 980px) {
  .hero-section .hero-grid:has(#contact-form) {
    display: block !important;
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .hero-section .hero-grid:has(#contact-form) .hero-copy {
    padding-top: 0 !important;
    max-width: 100% !important;
    margin-bottom: 34px !important;
  }

  #contact-form {
    max-width: 100% !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 680px) {
  .hero-section .hero-grid:has(#contact-form) {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  #contact-form {
    padding: 24px 20px !important;
  }
}

/* FINAL HOTFIX - Contact page hero alignment after live form */
.hero-section .hero-grid:has(#contact-form) {
  align-items: flex-start !important;
  max-width: 1240px !important;
  gap: 72px !important;
  padding-top: 64px !important;
  padding-bottom: 72px !important;
}

.hero-section .hero-grid:has(#contact-form) .hero-copy {
  padding-top: 42px !important;
  max-width: 560px !important;
}

.hero-section .hero-grid:has(#contact-form) .hero-copy h1 {
  max-width: 520px !important;
}

.hero-section .hero-grid:has(#contact-form) .hero-copy p {
  max-width: 520px !important;
  line-height: 1.75 !important;
}

#contact-form {
  width: 100% !important;
  max-width: 470px !important;
  margin-left: auto !important;
}

#contact-form label {
  margin-bottom: 14px !important;
}

#contact-form input,
#contact-form select,
#contact-form textarea {
  min-height: 46px !important;
}

#contact-form textarea {
  min-height: 120px !important;
}

@media (max-width: 980px) {
  .hero-section .hero-grid:has(#contact-form) {
    display: block !important;
    padding-top: 42px !important;
    padding-bottom: 46px !important;
  }

  .hero-section .hero-grid:has(#contact-form) .hero-copy {
    padding-top: 0 !important;
    max-width: 100% !important;
    margin-bottom: 34px !important;
  }

  .hero-section .hero-grid:has(#contact-form) .hero-copy h1,
  .hero-section .hero-grid:has(#contact-form) .hero-copy p {
    max-width: 100% !important;
  }

  #contact-form {
    max-width: 100% !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 680px) {
  .hero-section .hero-grid:has(#contact-form) {
    padding-top: 34px !important;
    padding-bottom: 36px !important;
  }

  #contact-form {
    padding: 24px 20px !important;
  }
}

/* FINAL HOTFIX - Blog featured image proper alignment */
.blog-featured-image-section {
  padding: 34px 0 44px !important;
  margin: 0 !important;
  background: #ffffff !important;
}

.blog-featured-image-section .mdc-container {
  max-width: 1180px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.blog-featured-image {
  display: block !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  border: 1px solid rgba(192, 211, 224, 0.9) !important;
  box-shadow: 0 22px 55px rgba(21, 37, 73, 0.12) !important;
  background: #ffffff !important;
}

.blog-featured-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
}

@media (max-width: 768px) {
  .blog-featured-image-section {
    padding: 24px 0 32px !important;
  }

  .blog-featured-image-section .mdc-container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .blog-featured-image {
    border-radius: 18px !important;
  }
}
/* FINAL HOTFIX - Reduce hero / slider extra vertical space across pages */
@media (min-width: 1025px) {
  .hero-section {
    min-height: auto !important;
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

  .hero-section .hero-grid,
  .hero-grid {
    min-height: auto !important;
    align-items: center !important;
    gap: 58px !important;
  }

  .hero-copy {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .hero-copy h1 {
    margin-top: 14px !important;
    margin-bottom: 18px !important;
    line-height: 1.08 !important;
  }

  .hero-copy p {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }

  .hero-actions {
    margin-top: 24px !important;
  }

  .hero-dashboard {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .hero-slider {
    min-height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .hero-slide,
  .slider-slide,
  .slide {
    min-height: auto !important;
  }
}

/* Tablet spacing */
@media (max-width: 1024px) {
  .hero-section {
    min-height: auto !important;
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  .hero-section .hero-grid,
  .hero-grid {
    min-height: auto !important;
    gap: 36px !important;
  }

  .hero-copy h1 {
    margin-bottom: 16px !important;
  }

  .hero-actions {
    margin-top: 22px !important;
  }
}

/* Mobile spacing */
@media (max-width: 680px) {
  .hero-section {
    min-height: auto !important;
    padding-top: 36px !important;
    padding-bottom: 38px !important;
  }

  .hero-copy h1 {
    font-size: 2.15rem !important;
    line-height: 1.12 !important;
    margin-top: 12px !important;
    margin-bottom: 14px !important;
  }

  .hero-copy p {
    margin-bottom: 12px !important;
  }

  .hero-actions {
    margin-top: 20px !important;
  }

  .hero-dashboard {
    margin-top: 8px !important;
  }
}
/* FINAL HOTFIX - Homepage and page section typography + spacing balance */

/* Keep all main containers aligned */
.mdc-container {
  width: min(100% - 48px, 1240px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Reduce large spacing between homepage/page sections */
.section {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.section.tinted {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

/* Reduce huge section headings across pages */
.section h2,
.section-head h2,
.split h2,
.disclaimer h2 {
  font-size: clamp(2.15rem, 3.05vw, 3.35rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

/* Make split sections cleaner and better aligned */
.section .split,
.mdc-container.split {
  align-items: start !important;
  gap: 56px !important;
}

.section .split > div:first-child,
.mdc-container.split > div:first-child {
  max-width: 620px !important;
}

.section .split > div:last-child,
.mdc-container.split > div:last-child {
  max-width: 680px !important;
}

/* Reduce section intro spacing */
.section-head {
  margin-bottom: 34px !important;
}

.section-head.center {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 38px !important;
}

.section-head p {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

/* Reduce paragraph spacing */
.section p {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

/* Reduce large card/grid spacing */
.control-grid,
.service-grid,
.feature-grid,
.workflow-grid,
.step-grid {
  margin-top: 30px !important;
  gap: 22px !important;
}

/* Secure workflow and engagement model sections should not feel too tall */
.info-panel,
.mini-card,
.service-card,
.step {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* CTA section balance */
.cta-section {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.cta-section h2 {
  font-size: clamp(2.1rem, 3vw, 3.2rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .section,
  .section.tinted {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  .section h2,
  .section-head h2,
  .split h2,
  .disclaimer h2 {
    font-size: clamp(2rem, 4.8vw, 2.85rem) !important;
  }

  .section .split,
  .mdc-container.split {
    gap: 34px !important;
  }
}

/* Mobile */
@media (max-width: 680px) {
  .mdc-container {
    width: min(100% - 32px, 1240px) !important;
  }

  .section,
  .section.tinted {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  .section h2,
  .section-head h2,
  .split h2,
  .disclaimer h2 {
    font-size: 2rem !important;
    line-height: 1.14 !important;
  }

  .section-head {
    margin-bottom: 28px !important;
  }

  .cta-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

/* FINAL STRICT HOTFIX - Reduce oversized homepage headings and section spacing */

/* Overall section spacing */
body .section,
body section.section,
body .section.tinted,
body section.section.tinted {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

/* Main section headings - strict size control */
body .section h2,
body section.section h2,
body .mdc-container.split h2,
body .section-head h2,
body .disclaimer h2 {
  font-size: 42px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  max-width: 900px !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

/* Homepage split sections alignment */
body .mdc-container.split,
body .section .mdc-container.split {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: 52px !important;
  align-items: start !important;
}

/* Left side section heading area */
body .mdc-container.split > div:first-child {
  max-width: 620px !important;
}

/* Right side paragraph/card area */
body .mdc-container.split > div:last-child {
  max-width: 700px !important;
}

/* Smaller paragraph spacing */
body .section p {
  font-size: 18px !important;
  line-height: 1.65 !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

/* Eyebrow spacing */
body .eyebrow {
  margin-bottom: 14px !important;
  letter-spacing: 0.12em !important;
}

/* Section header spacing */
body .section-head {
  margin-bottom: 30px !important;
}

body .section-head.center {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 34px !important;
}

/* Card/grid spacing reduction */
body .control-grid,
body .service-grid,
body .feature-grid,
body .step-grid,
body .workflow-grid,
body .blog-resource-grid {
  gap: 22px !important;
  margin-top: 26px !important;
}

/* Cards should not look too tall */
body .mini-card,
body .service-card,
body .feature-card,
body .step,
body .info-panel {
  padding: 24px !important;
}

/* Homepage hero/slider height balance */
body .hero-section {
  min-height: auto !important;
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

body .hero-grid {
  min-height: auto !important;
  gap: 56px !important;
  align-items: center !important;
}

body .hero-copy h1 {
  font-size: 58px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}

body .hero-copy p {
  font-size: 19px !important;
  line-height: 1.65 !important;
  margin-bottom: 14px !important;
}

body .hero-actions {
  margin-top: 22px !important;
}

/* CTA section */
body .cta-section {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}

body .cta-section h2 {
  font-size: 40px !important;
  line-height: 1.15 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  body .section,
  body section.section,
  body .section.tinted,
  body section.section.tinted {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  body .mdc-container.split,
  body .section .mdc-container.split {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  body .section h2,
  body section.section h2,
  body .mdc-container.split h2,
  body .section-head h2,
  body .disclaimer h2 {
    font-size: 36px !important;
  }

  body .hero-copy h1 {
    font-size: 46px !important;
  }
}

/* Mobile */
@media (max-width: 680px) {
  body .section,
  body section.section,
  body .section.tinted,
  body section.section.tinted {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }

  body .section h2,
  body section.section h2,
  body .mdc-container.split h2,
  body .section-head h2,
  body .disclaimer h2 {
    font-size: 30px !important;
    line-height: 1.18 !important;
  }

  body .section p {
    font-size: 16px !important;
  }

  body .hero-section {
    padding-top: 34px !important;
    padding-bottom: 36px !important;
  }

  body .hero-copy h1 {
    font-size: 34px !important;
    line-height: 1.15 !important;
  }

  body .hero-copy p {
    font-size: 16px !important;
  }

  body .cta-section h2 {
    font-size: 30px !important;
  }
}