/* Shared colour and motion theme. No phone, iframe or layout dimensions are changed. */
body.sms-site-blue{background:#071b31;color:#dbe7f1;isolation:isolate;--text-primary:#dbe7f1;--text-secondary:#bbcedf;--border:#2c4a64}
.site-blue-motion{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#071b31;contain:strict}
.site-blue-motion::before,.site-blue-motion::after{content:"";position:absolute;inset:-50%;filter:blur(28px);pointer-events:none}
.site-blue-motion::before{background:conic-gradient(from 75deg at 55% 50%,#071b31 0deg,#123b60 65deg,#091f38 110deg,#10304d 160deg,#174568 225deg,#0b2742 280deg,#071b31 360deg);animation:siteBlueDrift 26s ease-in-out infinite alternate}
.site-blue-motion::after{background:radial-gradient(ellipse at 50% 50%,transparent 20%,rgba(50,100,142,.14) 37%,transparent 49%),radial-gradient(ellipse at 65% 70%,rgba(243,112,33,.05),transparent 35%);animation:siteBlueGlow 32s ease-in-out infinite alternate}
@keyframes siteBlueDrift{from{transform:translate(-6%,-4%) rotate(-18deg)}to{transform:translate(7%,4%) rotate(30deg)}}
@keyframes siteBlueGlow{from{transform:translate(6%,3%) rotate(12deg)}to{transform:translate(-7%,-4%) rotate(-22deg)}}
.sms-site-blue #navbar.nav,.sms-site-blue #navbar.nav.scrolled,.sms-site-blue #navbar.nav:not(.scrolled){background:rgba(7,27,49,.86)!important;border-bottom-color:#28455e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sms-site-blue #navbar .nav-logo text:first-of-type{fill:#fff}.sms-site-blue #navbar .nav-logo text:last-of-type{fill:#c3d3e1}
.sms-site-blue #navbar .nav-links a,.sms-site-blue #navbar .menu-dropdown-toggle,.sms-site-blue #navbar .nav-actions .btn-ghost,.sms-site-blue #navbar .mobile-toggle{color:#e1ecf5!important}
.sms-site-blue #navbar .nav-links a:hover,.sms-site-blue #navbar .nav-links a.active{color:#ff9c55!important}
.sms-site-blue #navbar .menu-submenu,.sms-site-blue #navbar .nav-links.show,.sms-site-blue #navbar .nav-links.open{background:#0c2844!important;border-color:#294761}
.sms-site-blue #navbar .menu-submenu a:hover{background:#183d5c!important}
.sms-site-blue #navbar .nav-actions .btn-primary{background:#f37021;border-color:#f37021;color:#fff}
.sms-site-blue :is(main,.content-section,.seo-content,.seo-entry,.seo-evidence,.seo-end,.seo-hub,.edu-section,.school-alert-events,.expertise-section,.features,.how-it-works,.payment-home,.seo-home-links,.payment-flow,.bulk-rate,.gateway-page){background:transparent!important}
.sms-site-blue .hero.home-hero-tight{background:transparent!important}
.sms-site-blue .sms-silk-background{background:transparent!important}.sms-site-blue .sms-silk-background::before,.sms-site-blue .sms-silk-background::after{display:none}
.sms-site-blue :is(h1,h2,h3,h4){color:#f4f8fc}
.sms-site-blue :is(.seo-prose,.story-text,.seo-entry,.section-header,.edu-section,.seo-evidence-intro,.gateway-copy,.hero-content) p{color:#c4d5e5}
.sms-site-blue .hero-content h1 span{color:#f58a39}
.sms-site-blue :is(.seo-prose,.seo-aside,.story-text,.seo-entry,.seo-end,.edu-section,.gateway-copy) a:not(.btn){color:#ffab6c}
.sms-site-blue :is(.seo-note,.seo-aside,.seo-grid>a,.seo-result,.service-card,.feature-card,.expertise-card,.step,.how-credit-card,.callout,.edu-band,.edu-price,.payment-flow>div){background:#102f4b!important;border-color:#2c4b65!important;color:#dce8f2}
.sms-site-blue :is(.seo-grid>a,.seo-result,.service-card,.expertise-card,.how-credit-card,.callout,.edu-band,.edu-price) p{color:#c3d5e4}
.sms-site-blue :is(.seo-aside a,.seo-grid>a){border-color:#2c4b65}
.sms-site-blue .seo-result-copy,.sms-site-blue .seo-result{background:#102f4b}
.sms-site-blue :is(.service-icon,.feature-icon,.expertise-icon,.credit-icon){background:#204864;color:#ff9b50}
.sms-site-blue :is(.content-table,.sa-table-shell) :is(th,td){color:#dce8f2;border-color:#34506b;background:#102f4b}
.sms-site-blue :is(.content-table,.sa-table-shell) th{background:#183f60;color:#fff}
.sms-site-blue :is(.cta-section,.cta,.edu-cta){background:#0c2844;color:#fff}
.sms-site-blue .btn-outline{color:#f0f6fb;border-color:#abc4d9;background:transparent}.sms-site-blue .btn-outline:hover{background:#20425e}
.sms-site-blue .btn-primary{background:#1c4c72;color:#fff}
.sms-site-blue .home-service-marquee .service-card{background:#102f4b!important;border-color:#2c4b65}
.sms-site-blue .home-service-marquee .service-card h3,.sms-site-blue .home-service-marquee>h2{color:#fff}
.sms-site-blue .home-service-marquee .service-card p{color:#c3d5e4}
.sms-site-blue .home-service-toggle{color:#d7e5ef;border-color:#52708b;background:#0c2844}
.sms-site-blue .seo-animation-title{color:#fff}
/* Keep forms and modal dialogs legible on their existing light surfaces. */
.sms-site-blue .modal-card{--text-primary:#243f59;--text-secondary:#5c7186;color:#243f59}
.sms-site-blue .modal-card :is(h1,h2,h3,h4){color:#1b3a5c}.sms-site-blue .modal-card p{color:#5c7186}
.sms-site-blue .form-input{color:#1b3a5c;background:#fff;border-color:#b6c8d7}.sms-site-blue .form-input::placeholder{color:#657b8d}
.sms-site-blue .footer{background:#06182b;border-top:1px solid #25435e}
@media(prefers-reduced-motion:reduce){.site-blue-motion::before,.site-blue-motion::after{animation:none}}

/* Text details on sector, pricing and timeline panels. */
.sms-site-blue :is(.edu-section,.school-alert-events,.content-section,.seo-wrap,.timeline-desc){color:#dbe7f1}
.sms-site-blue :is(.edu-price strong,.school-alert-events strong,.timeline-title,.step-number){color:#f4f8fc}
.sms-site-blue :is(.sa-date,.sa-note,.sa-source,.table-note,.edu-small){color:#b7cddd}
.sms-site-blue .edu-price .rate{color:#ffab6c}
.sms-site-blue :is(.payment-demo,.payment-flow,.bulk-rate){background:transparent}

.sms-site-blue :is(.seo-aside a span,.seo-grid span){color:#ffab6c}
.sms-site-blue .seo-prose .seo-volume-example{background:#102f4b;color:#dce8f2}
.sms-site-blue :is(.callout,.how-credit-card) strong{color:#f4f8fc}

/* Education incident table: retain clear contrast on alternating desktop and mobile rows. */
.sms-site-blue .school-alert-events .sa-table-shell th{background:#183f60!important;color:#fff!important}
.sms-site-blue .school-alert-events .sa-table-shell td{background:#102f4b!important;color:#e0ebf4!important;border-color:#34536e}
.sms-site-blue .school-alert-events .sa-table-shell tr:nth-child(even) td{background:#173b58!important;color:#e0ebf4!important}
.sms-site-blue .school-alert-events .sa-table-shell strong{color:#fff!important}
.sms-site-blue .school-alert-events :is(.sa-date,.sa-place,.sa-note){color:#bfd2e2!important}
.sms-site-blue .school-alert-events .sa-table-shell td::before{color:#bfd2e2!important}
.sms-site-blue .school-alert-events .sa-source{color:#ffb77e!important}

/* Highlighted quotations must remain readable on the blue page background. */
.sms-site-blue .highlight-quote,.sms-site-blue blockquote{color:#f4f8fc;border-left-color:#f37021}

/* ComReg panel retains its white logo surface with dark, readable copy. */
.sms-site-blue .sender-registration{background:#fff!important;color:#243f59!important}
.sms-site-blue .seo-prose .sender-registration p,.sms-site-blue .sender-registration :is(strong,span){color:#243f59!important}
.sms-site-blue .seo-prose .sender-registration a:not(.btn){color:#155589!important}

/* Compact, readable free-trial callout on Pricing. */
.sms-site-blue .pricing-next-step{box-sizing:border-box;max-width:760px;margin:24px auto 0;padding:22px 24px;background:#102f4b!important;border:1px solid #34536e;color:#dce8f2}
.sms-site-blue .pricing-next-step h3{color:#fff;margin:0 0 10px;font-size:1.45rem}
.sms-site-blue .pricing-next-step p{color:#c4d5e5!important;margin:8px auto 12px;font-size:1rem;line-height:1.55}
.sms-site-blue .pricing-next-step .trial-reassurance{margin:10px auto 0;font-size:.9rem}
.sms-site-blue .pricing-next-step .btn{margin-top:4px}
@media(max-width:600px){.sms-site-blue .pricing-next-step{padding:18px 16px}}

/* Rate-card values and lower-page pricing details. */
.sms-site-blue .content-table thead th{background:#183f60!important;color:#fff!important}
.sms-site-blue .content-table tbody tr td{background:#102f4b!important;color:#e0ebf4!important;border-color:#34536e}
.sms-site-blue .content-table tbody tr.best-value td{background:#20445f!important;color:#fff!important}
.sms-site-blue .content-table tbody tr:hover td{background:#1a3e5b!important;color:#fff!important}
.sms-site-blue .content-table tbody tr.best-value td:first-child::after{color:#fff!important;background:#c75b10}
.sms-site-blue .pricing-next-step>span{color:#c4d5e5!important}
.sms-site-blue .callout :is(p,span,li),.sms-site-blue .how-credit-card :is(p,span){color:#dce8f2!important}
.sms-site-blue .callout h3,.sms-site-blue .how-credit-card h3{color:#fff!important}

/* Homepage: remove remaining light section surfaces behind light headings. */
.sms-site-blue>section[style*="background:var(--white)"],.sms-site-blue .industries{background:transparent!important}
.sms-site-blue :is(.section-title,.contacts-demo-heading,.industries-title){color:#f4f8fc!important}
.sms-site-blue .industries-label{color:#ffab6c}
.sms-site-blue .industry-card{background:#102f4b!important;color:#e0ebf4;border-color:#34536e}
.sms-site-blue .industry-card :is(a,span){color:#e0ebf4!important}
.sms-site-blue .industry-card i,.sms-site-blue .industry-card:nth-child(even) i{color:#ffab6c}
.sms-site-blue .industry-card:hover{background:#1a3e5b!important}

/* Homepage SMS Payments heading and explanatory copy. */
.sms-site-blue .payment-home .payment-flow h2{color:#f4f8fc!important}
.sms-site-blue .payment-home .payment-flow .section-label{color:#ffab6c!important}
.sms-site-blue .payment-home .payment-home-intro,.sms-site-blue .payment-home .payment-providers p{color:#d5e3ef!important}
.sms-site-blue .payment-home .payment-flow li{background:#fff;color:#34465a}
.sms-site-blue .payment-home .payment-flow li strong{color:#193858}

/* Gateway surrounds match the globe canvas exactly, without a moving colour seam. */
body.sms-site-blue.gateway-matched-background{background:#071b31}
.gateway-matched-background .site-blue-motion{display:none}
.sms-site-blue.gateway-matched-background .gateway-page,.sms-site-blue.gateway-matched-background .gateway-stage{background:#071b31!important}
.sms-site-blue.gateway-matched-background #navbar.nav,.sms-site-blue.gateway-matched-background #navbar.nav:not(.scrolled),.sms-site-blue.gateway-matched-background #navbar.nav.scrolled{background:#071b31!important}

/* Shared silky background and frozen menu, October 2026. */

html body.sms-site-blue #navbar.nav:not(.scrolled){background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:rgba(137,186,222,.18)}
html body.sms-site-blue #navbar.nav.scrolled{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:rgba(137,186,222,.18)}
html body.sms-site-blue .site-blue-motion::before{background:conic-gradient(from 75deg at 55% 50%,#071b31 0deg,#20577f 65deg,#0b223b 110deg,#163c5c 160deg,#296c91 225deg,#0d2c49 280deg,#071b31 360deg);animation:homeBlueDrift 97s ease-in-out infinite;filter:blur(20px)}
html body.sms-site-blue .site-blue-motion::after{background:radial-gradient(ellipse at 30% 48%,transparent 29%,rgba(75,137,180,.08) 32%,rgba(119,182,220,.22) 34%,rgba(51,113,156,.13) 36%,transparent 41%),radial-gradient(ellipse at 58% 57%,transparent 31%,rgba(97,160,202,.13) 34%,rgba(146,196,225,.17) 35%,transparent 40%),radial-gradient(ellipse at 18% 67%,transparent 24%,rgba(63,128,174,.13) 31%,transparent 38%);animation:homeSilkCrests 113s ease-in-out infinite;filter:blur(13px)}
@keyframes homeBlueDrift{
0%,100%{transform:translate(-19%,-8%) rotate(-32deg) scale(1)}
8%{transform:translate(-11%,-10%) rotate(-14deg) scale(1.06)}
17%{transform:translate(8%,-5%) rotate(4deg) scale(1.12)}
25%{transform:translate(3%,4%) rotate(24deg) scale(1.08)}
33%{transform:translate(-12%,10%) rotate(39deg) scale(1.03)}
42%{transform:translate(7%,7%) rotate(57deg) scale(1.10)}
50%{transform:translate(14%,3%) rotate(70deg) scale(1.17)}
58%{transform:translate(9%,-6%) rotate(50deg) scale(1.12)}
67%{transform:translate(3%,-10%) rotate(31deg) scale(1.08)}
75%{transform:translate(-7%,-2%) rotate(13deg) scale(1.14)}
83%{transform:translate(-20%,5%) rotate(-4deg) scale(1.18)}
92%{transform:translate(-4%,2%) rotate(-23deg) scale(1.08)}}
@keyframes homeBlueGlow{
0%,100%{transform:translate(13%,7%) rotate(25deg) scale(1);opacity:.85}
10%{transform:translate(4%,-2%) rotate(8deg) scale(1.09);opacity:.94}
20%{transform:translate(-7%,-9%) rotate(-16deg) scale(1.18);opacity:1}
30%{transform:translate(1%,-8%) rotate(-36deg) scale(1.12);opacity:.82}
40%{transform:translate(8%,-4%) rotate(-52deg) scale(1.05);opacity:.65}
50%{transform:translate(-3%,3%) rotate(-32deg) scale(1.14);opacity:.80}
60%{transform:translate(-14%,8%) rotate(-11deg) scale(1.22);opacity:.95}
70%{transform:translate(-6%,11%) rotate(17deg) scale(1.16);opacity:.83}
80%{transform:translate(2%,10%) rotate(41deg) scale(1.1);opacity:.7}
90%{transform:translate(-2%,1%) rotate(45deg) scale(1.12);opacity:.92}}
@media(prefers-reduced-motion:reduce){html body.sms-site-blue .site-blue-motion::before,html body.sms-site-blue .site-blue-motion::after{animation:none}}


html body.sms-site-blue #navbar{isolation:isolate}
#navbar .menu-frozen-background{display:none;position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#071b31;clip-path:inset(0 0 calc(100% - var(--frozen-menu-height,96px)) 0)}
#navbar.nav.scrolled .menu-frozen-background{display:block}
.menu-frozen-background>div{position:absolute;inset:-50%;pointer-events:none}


@keyframes homeSilkCrests{
0%,100%{transform:translate(-18%,3%) rotate(-18deg) scale(1.04,1);opacity:.8}
12%{transform:translate(-10%,-4%) rotate(-8deg) scale(1.12,.92);opacity:.95}
24%{transform:translate(2%,-7%) rotate(7deg) scale(1.04,1.12);opacity:.82}
36%{transform:translate(14%,0%) rotate(21deg) scale(1.18,.96);opacity:.9}
48%{transform:translate(6%,8%) rotate(11deg) scale(1.1,1.15);opacity:.75}
60%{transform:translate(-8%,5%) rotate(-5deg) scale(1.2,1);opacity:.95}
72%{transform:translate(-19%,-4%) rotate(-24deg) scale(1.06,1.12);opacity:.85}
84%{transform:translate(-5%,-8%) rotate(-12deg) scale(1.16,.94);opacity:.95}
93%{transform:translate(-11%,-2%) rotate(-16deg) scale(1.09,1.06);opacity:.84}}
@media(prefers-reduced-motion:reduce){html body.sms-site-blue .site-blue-motion::after{animation:none}}


/* Reveal the existing fixed silk layers through every main page section. */
html body.sms-site-blue>section,html body.sms-site-blue>.industries,html body.sms-site-blue>footer.footer{background:transparent!important;background-image:none!important}
html body.sms-site-blue .seo-home-links,html body.sms-site-blue .seo-home-links>.seo-wrap{background:transparent!important;background-image:none!important}
html body.sms-site-blue .seo-home-links h2,html body.sms-site-blue .footer h4{color:#f1f6fb}
html body.sms-site-blue .seo-home-links .seo-grid>a{background:rgba(16,47,75,.72)!important;border-color:#35556f;color:#e5eff7}
html body.sms-site-blue .footer{border-top:1px solid rgba(137,186,222,.18)}

html body.sms-site-blue .site-blue-motion{display:block!important}
html body.sms-site-blue .gateway-page,html body.sms-site-blue .gateway-stage{background:transparent!important}
html body.sms-site-blue .seo-home-links .seo-wrap>p{color:#e5eff7!important;font-weight:500;opacity:1}

/* Inner page section surfaces must reveal the shared background too. */
html body.sms-site-blue main>section,
html body.sms-site-blue main>.edu-band,
html body.sms-site-blue .edu-band,
html body.sms-site-blue .seo-hero,
html body.sms-site-blue .service-hero,
html body.sms-site-blue .content-section,
html body.sms-site-blue .seo-content,
html body.sms-site-blue .seo-entry,
html body.sms-site-blue .seo-evidence,
html body.sms-site-blue .seo-end,
html body.sms-site-blue .seo-hub,
html body.sms-site-blue .edu-section,
html body.sms-site-blue .school-alert-events,
html body.sms-site-blue .cta-section,
html body.sms-site-blue .cta,
html body.sms-site-blue .gateway-stage{background:transparent!important;background-image:none!important}

/* Remove inner-banner photo overlays so the shared silk remains continuous. */
html body.sms-site-blue .service-hero::before,
html body.sms-site-blue .service-hero::after{display:none!important;background:none!important}

/* Restore banner photography while allowing the shared silk underneath. */
html body.sms-site-blue .service-hero::before{display:block!important;background-image:linear-gradient(90deg,rgba(7,27,49,.92),rgba(7,27,49,.62) 55%,rgba(7,27,49,.12)),var(--service-photo)!important;background-size:cover!important;background-position:center!important;opacity:.82}
html body.sms-site-blue .service-hero::after{display:none!important}
html body.sms-site-blue.gateway-matched-background .gateway-page,
html body.sms-site-blue.gateway-matched-background .gateway-stage{background:transparent!important}
html body.sms-site-blue.gateway-matched-background .site-blue-motion{display:block!important}
html body.sms-site-blue.gateway-matched-background #navbar.nav{background:transparent!important;backdrop-filter:none!important}
html body.sms-site-blue .gateway-visual iframe{background:transparent!important}
html body.sms-site-blue .gateway-visual iframe.globe-visible{opacity:.88}
