/* MTC Group inner pages, Security 360 look, from the main page (15 Oct 2026) */
body.s360 .topband{background:linear-gradient(180deg,#123A6B 0%,#123A6B 100%);border-bottom:1px solid rgba(122,212,255,.3);box-shadow:0 14px 44px rgba(0,0,0,.3);margin-bottom:24px}
body.s360 .topband .masthead{padding:18px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
body.s360 .topband .masthead img{width:196px;height:auto;display:block}
body.s360 .topband .masthead>a{display:block}
body.s360 .topband .nav{display:flex;gap:8px;flex-wrap:wrap;font-size:15.5px;font-weight:600;align-items:center;letter-spacing:-.005em}
body.s360 .topband .nav a{color:#fff;text-decoration:none;padding:9px 14px;border-radius:9px;border:2px solid #4A9AE8;background:linear-gradient(180deg,#1E5BA3 0%,#143E78 100%);box-shadow:0 4px 14px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.14);font-weight:700}
body.s360 .topband .nav a:hover{background:rgba(122,212,255,.18);border-color:#8FD8FF}
body.s360 .topband .nav a.earn{color:#06121B;background:#8FD8FF;border-color:#8FD8FF}
body.s360 .topband .nav a.book{color:#fff;background:#1B8FE0;border-color:#1B8FE0}
body.s360 .topband .nav .grp{position:relative}
body.s360 .topband .nav .grp>a::after{content:" \25BE";font-size:11px;color:#8FD8FF}
body.s360 .topband .nav .grp>a.earn::after{color:#06121B}
body.s360 .topband .nav .sub{display:none;position:absolute;left:0;top:100%;z-index:30;background:#fff;border:1px solid #DCE3EC;border-radius:6px;padding:8px 0;min-width:210px;flex-direction:column;box-shadow:0 14px 40px rgba(11,27,51,.22)}
body.s360 .topband .nav .sub a{display:block;padding:10px 16px;font-size:15px;border:0;border-radius:0;color:#0B1B33}
body.s360 .topband .nav .sub a:hover{background:#EAF4FD}
body.s360 .topband .nav .grp:hover .sub,body.s360 .topband .nav .grp:focus-within .sub{display:flex}
@media (min-width:820px){body.s360 .topband .masthead img{width:228px}}
body.s360 .promise .plogo{display:none}
@media (min-width:1180px){body.s360 .topband .masthead{flex-wrap:nowrap;justify-content:center;padding:14px 22px}body.s360 .topband .masthead>a{display:none}body.s360 .topband .nav{flex-wrap:nowrap;gap:5px;font-size:14px}body.s360 .topband .nav a{padding:8px 10px;white-space:nowrap}body.s360 .promise .plogo{display:block;margin:0 0 18px}body.s360 .promise .plogo img{width:250px;height:auto;display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}}
@media (max-width:819px){body.s360 .topband .masthead{padding-bottom:8px;gap:8px}body.s360 .topband .masthead img{width:168px}body.s360 .topband .nav{gap:2px;font-size:14px;flex-wrap:nowrap;overflow-x:auto;width:calc(100% + 44px);margin:0 -22px;padding:0 22px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}body.s360 .topband .nav::-webkit-scrollbar{display:none}body.s360 .topband .nav a{padding:8px 11px;white-space:nowrap}body.s360 .topband .nav .grp{flex:0 0 auto}body.s360 .topband .nav>a{flex:0 0 auto}body.s360 .topband .nav .sub{display:none!important}body.s360 .topband .nav .grp>a::after{content:""}body.s360 .topband .nav a.book{display:none}}
body.s360 .promise .cta{display:inline-block;background:#1B8FE0;color:#fff;font-weight:700;font-size:18px;text-decoration:none;padding:16px 28px;border-radius:8px;box-shadow:0 8px 26px rgba(27,143,224,.42);transition:background .2s,transform .2s,box-shadow .2s}
body.s360 .close .cta{display:inline-block;background:#1B8FE0;color:#fff;font-weight:700;font-size:18px;text-decoration:none;padding:16px 28px;border-radius:8px;box-shadow:0 8px 26px rgba(27,143,224,.42);transition:background .2s,transform .2s,box-shadow .2s}
body.s360 .promise .cta:hover{background:#0F6FB8;transform:translateY(-1px);box-shadow:0 12px 32px rgba(27,143,224,.5)}
body.s360 .close .cta:hover{background:#0F6FB8;transform:translateY(-1px);box-shadow:0 12px 32px rgba(27,143,224,.5)}
body.s360 .promise{padding:0 22px}
body.s360 .promise .pband{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;padding:30px 40px 28px;border:1px solid rgba(122,212,255,.38);background:radial-gradient(640px 360px at 100% 0,rgba(34,211,238,.26),transparent 62%),radial-gradient(560px 360px at 0 100%,rgba(232,25,44,.16),transparent 62%),radial-gradient(520px 300px at 60% 100%,rgba(255,177,74,.12),transparent 62%),linear-gradient(150deg,#17498A 0%,#17498A 45%,#123A6B 100%);box-shadow:0 0 0 1px rgba(34,211,238,.15),0 30px 80px rgba(0,0,0,.4),0 18px 70px rgba(34,211,238,.2)}
body.s360 .promise .phead{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px 48px;align-items:center;margin-bottom:24px}
body.s360 .promise .phead .ph1{margin-top:12px;font-size:clamp(32px,3.9vw,54px);font-weight:900;letter-spacing:-.035em;line-height:1.02}
body.s360 .promise .phead .ph1 i{font-style:normal;display:block}
body.s360 .promise .phead .ph1 .wlb{display:block;margin-top:.22em;font-size:.6em;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#fff}
body.s360 .promise .phead .lede{font-size:22px;line-height:1.42;color:#EAF2FB;padding-bottom:6px}
body.s360 .promise .phead .lede b{color:#fff;font-weight:700}
body.s360 .promise .pside{display:flex;flex-direction:column;gap:14px;margin-top:20px;max-width:660px}
body.s360 .promise .day.t .lab b{font-size:21px;line-height:1.2;letter-spacing:-.015em;margin-top:6px}
body.s360 .promise .day.t .lab b span{display:block;white-space:nowrap}
body.s360 .promise .delta b{background-image:linear-gradient(90deg,#FFD23F 0%,#FFC25A 55%,#FFB86B 100%)}
@media (max-width:999px){body.s360 .promise .phead{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:20px}body.s360 .promise .day{grid-template-columns:200px 1fr}body.s360 .promise .delta{margin-left:220px}}
@media (max-width:819px){body.s360 .promise{padding:0 14px}body.s360 .promise .pband{padding:20px 16px 22px;border-radius:20px;background:radial-gradient(420px 300px at 0 100%,rgba(232,25,44,.14),transparent 62%),linear-gradient(160deg,#17498A 0%,#15427A 50%,#123A6B 100%)}body.s360 .promise .phead .ph1{font-size:31px;margin-top:8px}body.s360 .promise .phead .lede{font-size:18.5px}body.s360 .promise .day{grid-template-columns:1fr}body.s360 .promise .delta{margin-left:0}body.s360 .promise .day.t .lab b{font-size:18px}body.s360 .promise .day.t .lab b span{display:inline}body.s360 .promise .eyebrow{font-size:12px;letter-spacing:.1em}body.s360 .topband{margin-bottom:14px}}
body.s360 .promise .ast{font-size:.45em;vertical-align:super;line-height:0;margin-left:.06em;-webkit-text-fill-color:#7AD4FF;color:#7AD4FF}
body.s360 .promise .pnote{margin-top:18px;padding-top:14px;border-top:1px solid rgba(122,212,255,.22);font-size:15px;line-height:1.5;color:#EAF2FB;max-width:none}
body.s360 .promise .pnote .ast{font-size:1em;vertical-align:baseline;font-weight:800;margin:0 2px 0 0}
@media (max-width:819px){body.s360 .promise .pnote{font-size:14.5px}}
body.s360 .promise .pme{margin:-30px 0 0;position:relative;align-self:start}
body.s360 .promise .pme img{display:block;width:300px;height:360px;object-fit:cover;object-position:32% 12%;border-radius:18px;border:1px solid rgba(122,212,255,.55);box-shadow:0 0 0 4px rgba(34,211,238,.12),0 24px 60px rgba(0,0,0,.45),0 0 60px rgba(34,211,238,.22)}
body.s360 .promise .pme figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 14px;border-radius:12px;background:rgba(8,23,48,.88);border:1px solid rgba(122,212,255,.35)}
body.s360 .promise .pme figcaption b{display:block;color:#fff;font-size:17px;font-weight:700;line-height:1.2}
body.s360 .promise .pme figcaption span{display:block;color:#7AD4FF;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}
@media (max-width:999px){body.s360 .promise .phead{grid-template-columns:minmax(0,1fr)}body.s360 .promise .pme{margin:0;display:flex;align-items:center;gap:14px}body.s360 .promise .pme img{width:84px;height:84px;border-radius:50%;object-position:36% 18%;border:2px solid #3FA9F0;box-shadow:none}body.s360 .promise .pme figcaption{position:static;padding:0;background:none;border:0}}
body.s360 .promise .days{display:flex;flex-direction:column;gap:16px}
body.s360 .promise .day{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:center}
body.s360 .promise .day .lab{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#BFE0FA;font-weight:800;line-height:1.25}
body.s360 .promise .day .lab b{display:block;font-size:20px;letter-spacing:-.01em;text-transform:none;margin-top:2px}
body.s360 .promise .day.t .lab b{color:#FFD23F}
body.s360 .promise .day.l .lab b{color:#7AD4FF}
body.s360 .promise .dbar{position:relative;display:flex;gap:6px;padding:8px;border-radius:16px;background:#123A6B}
body.s360 .promise .dbar>*{flex:1 1 0;min-width:0;height:62px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:9px;font-style:normal;font-size:15px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-decoration:none;padding:0 8px;line-height:1.15}
body.s360 .promise .dbar.tdy{border:1px solid rgba(255,201,51,.55);box-shadow:0 0 0 1px rgba(232,25,44,.2),0 12px 40px rgba(232,25,44,.3)}
body.s360 .promise .dbar.tdy i{background:linear-gradient(180deg,#D4162B 0%,#A30D1D 100%);text-shadow:0 1px 0 rgba(0,0,0,.35)}
body.s360 .promise .dbar.tdy i.alt{background:linear-gradient(180deg,#FFD23F 0%,#F2B300 100%);color:#2A1600;text-shadow:none}
body.s360 .promise .dbar.tdy i.night{background:repeating-linear-gradient(135deg,#C41426 0,#C41426 12px,#8E0B19 12px,#8E0B19 24px);box-shadow:inset 0 0 0 2px #FFD23F;animation:hPulse 1.6s ease-in-out infinite}
body.s360 .promise .dbar.then{border:1px solid rgba(122,212,255,.55);box-shadow:0 0 0 1px rgba(34,211,238,.2),0 12px 48px rgba(34,211,238,.3)}
body.s360 .promise .dbar.then i.agent{background:linear-gradient(180deg,#2B6FD6,#1A4BA6);text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:17px;letter-spacing:.05em}
body.s360 .promise .dbar.then i.free{position:relative;overflow:hidden;flex:1 1 0;background:linear-gradient(90deg,#1AA5BD 0%,#22D3EE 45%,#7AD4FF 100%);color:#03101A;font-size:17px;letter-spacing:.05em}
body.s360 .promise .dbar.then i.free::after{content:"";position:absolute;top:0;bottom:0;width:38%;left:-40%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));animation:hSweep 2.8s ease-in-out infinite}
body.s360 .promise .delta{display:flex;align-items:center;gap:18px;margin:10px 0 0 270px;flex-wrap:wrap}
body.s360 .promise .delta b{font-size:clamp(44px,4.1vw,58px);font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(90deg,#FFD23F 0%,#FF9A3D 55%,#FF7A62 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.12em;margin-bottom:-.12em}
body.s360 .promise .delta span{font-size:clamp(19px,1.6vw,22px);font-weight:700;color:#fff;line-height:1.2;max-width:16ch;text-wrap:balance}
body.s360 .promise .delta .cta{margin-left:auto}
@keyframes hSweep{0%{left:-40%}60%,100%{left:110%}}
@keyframes hPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
@media (max-width:819px){body.s360 .promise .day{grid-template-columns:1fr;gap:8px}body.s360 .promise .dbar{flex-wrap:wrap;gap:5px;padding:6px}body.s360 .promise .dbar>*{flex:1 1 30%;height:46px;font-size:12px}body.s360 .promise .dbar.then i{flex:1 1 100%!important;font-size:14px!important}body.s360 .promise .delta{margin-left:0;gap:8px}body.s360 .promise .delta span{max-width:none}body.s360 .promise .delta .cta{margin:10px 0 0;flex:1 1 100%;text-align:center;font-size:17px;padding:15px 10px;white-space:nowrap}}
body.s360 .close{margin-top:56px;border-radius:26px;padding:44px 40px 46px;background:radial-gradient(700px 300px at 50% 100%,rgba(34,211,238,.16),transparent 70%),linear-gradient(160deg,#17498A 0%,#15427A 80%);border:1px solid rgba(122,212,255,.4);box-shadow:0 0 0 1px rgba(34,211,238,.18),0 18px 60px rgba(34,211,238,.22);display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}
body.s360 .close h2{font-size:clamp(32px,4.4vw,56px);font-weight:900;letter-spacing:-.03em;line-height:1.04}
body.s360 .close p.say{font-size:21px;color:#EAF2FB;margin-bottom:6px}
body.s360 .close .refline{margin-top:8px;font-size:17.5px;color:#EAF2FB}
body.s360 .close .refline a{color:#7AD4FF;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(122,212,255,.5)}
@media (max-width:819px){body.s360 .close{padding:28px 20px 30px;border-radius:20px}body.s360 .close .cta{align-self:stretch;text-align:center;font-size:17px;padding:15px 10px;white-space:nowrap}}
body.s360 .foot{padding:34px 0 46px}
@media (min-width:1000px){body.s360 .foot{display:grid;grid-template-columns:1fr 1fr;gap:10px 48px;align-items:start}body.s360 .foot .social{padding-top:0;justify-content:flex-end}}
body.s360 .foot .legal{font-size:15.5px;line-height:1.6;color:#DCEAF8;margin-bottom:16px}
body.s360 .foot .contact{font-size:16.5px;line-height:1.9;color:#DCEAF8}
body.s360 .foot .contact a{color:#fff;text-decoration:none;border-bottom:1px solid #0F6FB8}
body.s360 .foot .contact .domain{color:#7AD4FF;font-weight:600}
body.s360 .foot .social{display:flex;flex-wrap:wrap;gap:10px 12px;padding-top:18px;font-size:15.5px;font-weight:500;align-items:center}
body.s360 .foot .social a{display:inline-flex;align-items:center;gap:8px;color:#F5F5F7;text-decoration:none;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 12px 6px 6px}
body.s360 .foot .social a[aria-label]{padding:6px}
body.s360 .foot .social .ic{width:34px;height:34px;border-radius:50%;background:#1B8FE0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
body.s360 .foot .social .ic svg{width:18px;height:18px;fill:#fff}
body.s360 .foot .contact .minor{margin-top:6px}
body.s360 .foot .minor a{color:#7AD4FF}
body.s360 .bar:not(.tdy):not(.then){position:fixed;left:0;right:0;bottom:0;z-index:20;background:#123A6B;border-top:1px solid rgba(122,212,255,.22);padding:11px 16px;display:flex;align-items:center;gap:12px}
body.s360 .bar:not(.tdy):not(.then) .label{font-size:14.5px;color:#fff;line-height:1.3;font-weight:500}
body.s360 .bar:not(.tdy):not(.then) .cta{padding:11px 18px;font-size:14.5px;margin-left:auto;box-shadow:none}
@media (min-width:820px){body.s360 .bar:not(.tdy):not(.then){display:none}}
body.s360 .bar:not(.tdy):not(.then){padding-bottom:calc(11px + env(safe-area-inset-bottom,0px))}
body.s360 .promise .grad,body.s360 .close .grad{background:linear-gradient(90deg,#7AD4FF,#22D3EE);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.15em;margin-bottom:-.15em}
body.s360 .promise .hot,body.s360 .close .hot{background:linear-gradient(90deg,#FFD23F 0%,#FF9A3D 55%,#FF7A62 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.15em;margin-bottom:-.15em}
body.s360 .promise .eyebrow,body.s360 .close .eyebrow{font-size:14px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#7AD4FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url(/fonts/inter-latin-wght.woff2) format('woff2')}
/* ==== Security 360 look for the inner pages (15 Oct 2026). Same ground, menu, promise band,
   navy panels and footer as the main page. Words, pictures and videos on each page are untouched. ==== */

/* ground: the main page's light blue and white */
html{background:#EAF4FD}
body.s360{margin:0;font-family:Inter,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:18px;line-height:1.6;color:#24364F;-webkit-font-smoothing:antialiased;
  background-color:#F4F9FE;background-image:radial-gradient(900px 560px at 88% 4%,rgba(122,212,255,.38),transparent 62%),radial-gradient(820px 620px at 0 30%,rgba(27,143,224,.16),transparent 62%),radial-gradient(760px 560px at 100% 62%,rgba(191,224,250,.7),transparent 62%),radial-gradient(900px 640px at 6% 92%,rgba(122,212,255,.3),transparent 62%),linear-gradient(180deg,#F4F9FE 0%,#EAF4FD 100%);background-repeat:no-repeat;background-attachment:scroll;
  --ink:#0B1B33;--body:#24364F;--muted:#3B4D66;--accent:#1B8FE0;--accent-ink:#0B5A9A;--accent-deep:#0F6FB8;--rule:rgba(11,27,51,.12)}
body.s360 .promise h2.ph1,body.s360 .close h2{color:#fff;margin:0}
body.s360 .promise p{margin:0}

/* page width: as wide as the main page */
body.s360 .wrap{max-width:1180px}
@media (min-width:1000px){
  body.s360 main.wrap>section{max-width:none}
  body.s360 main.wrap>section.stack>p,body.s360 main.wrap>section.stack>.lede,body.s360 main.wrap>section.stack>.minor,body.s360 main.wrap>section.stack>ul,body.s360 main.wrap>section.stack>ol,body.s360 main.wrap>section.stack>.pull{max-width:820px}
}

/* the page's own hero becomes a navy island under the promise band */
body.s360 .heroband{max-width:1136px;margin:26px auto 0;border-radius:26px;border:1px solid rgba(122,212,255,.38);box-shadow:0 30px 80px rgba(11,27,51,.28),0 0 0 1px rgba(34,211,238,.08);background:#123A6B}
body.s360 .heroband::after{background:linear-gradient(90deg,rgba(18,58,107,.96) 0%,rgba(21,66,122,.84) 48%,rgba(23,73,138,.45) 100%),radial-gradient(620px 420px at 88% 8%,rgba(34,211,238,.28),transparent 62%)}
body.s360 .heroband .hero{max-width:none;padding:34px 40px 40px}
body.s360 .hero .eyebrow{font-size:14px;font-weight:800;letter-spacing:.2em;color:#7AD4FF}
body.s360 .hero h1{font-size:clamp(32px,3.9vw,52px);font-weight:900;letter-spacing:-.035em;line-height:1.04;color:#fff}
body.s360 .hero h1 span+span{background:linear-gradient(90deg,#7AD4FF,#22D3EE);-webkit-background-clip:text;background-clip:text;color:transparent}
body.s360 .hero .sub{font-size:21px;line-height:1.45;color:#EAF2FB;font-weight:400}
body.s360 .hero .sub b{color:#fff;font-weight:700}
body.s360 .hero .terms{color:#BFD8F2}
body.s360 .hero .byline .nm{color:#fff}
body.s360 .hero .byline .ti{color:#7AD4FF;font-weight:800}
body.s360 .hero .byline .bl{color:#D2E2F4}
@media (min-width:1000px){body.s360 .hero>.byline img{border-radius:18px;border:1px solid rgba(122,212,255,.55);box-shadow:0 0 0 4px rgba(34,211,238,.12),0 24px 60px rgba(0,0,0,.45)}}
@media (max-width:819px){body.s360 .heroband{margin:16px 14px 0;border-radius:20px}body.s360 .heroband .hero{padding:22px 16px 26px}body.s360 .hero h1{font-size:31px}body.s360 .hero .sub{font-size:18.5px}}

/* section headings: navy with the main page's weight */
body.s360 main section{border-top:0;padding:48px 0 0}
body.s360 main h2{font-size:clamp(28px,3.4vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1.08;color:#0B1B33}
body.s360 main h3{color:#0B1B33;font-weight:800}
body.s360 main .eyebrow{font-size:14px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#0B5A9A}
body.s360 main .lede,body.s360 main p{color:#24364F}
body.s360 main .pull{color:#0B1B33;font-weight:700;border-left:4px solid #22D3EE}
body.s360 main a{color:#0B5A9A}

/* buttons: MTC blue, the Strategy Call */
body.s360 .cta{background:#1B8FE0;color:#fff;font-weight:700;font-size:18px;padding:16px 28px;border-radius:8px;box-shadow:0 8px 26px rgba(27,143,224,.42)}
body.s360 .cta:hover{background:#0F6FB8;color:#fff}
body.s360 .cta.ghost{background:transparent;color:#0B5A9A;border:2px solid #1B8FE0;box-shadow:none}
body.s360 .heroband .cta.ghost,body.s360 .band.dark .cta.ghost,body.s360 .s360band .cta.ghost{color:#fff;border-color:rgba(122,212,255,.7)}

/* cards and panels: navy islands, as on the main page. The page's own colour names are turned
   to light-on-navy inside each one, so its words read the same. */
body.s360 :is(.ledger,.tile,.fig,.note,.qa,.faq details,.bld,.path,.panel,.calc,.refercard,.vow,.quote,.gen,.steps li,.opt,.layer,.zone,.creds,.card,.box,.item,.step,.gpitch,.chips li){
  --ink:#fff;--body:#EAF2FB;--muted:#C9DDF2;--accent:#7AD4FF;--accent-lift:#9EE2FF;--accent-ink:#7AD4FF;--accent-deep:rgba(122,212,255,.55);
  --rule:rgba(122,212,255,.22);--surface:rgba(122,212,255,.1);--surface-flat:transparent;
  background:linear-gradient(150deg,#17498A 0%,#123A6B 100%)!important;border:1px solid rgba(122,212,255,.4)!important;border-radius:16px!important;
  box-shadow:0 14px 36px rgba(11,27,51,.18)!important;color:#EAF2FB}
body.s360 :is(.ledger,.tile,.fig,.note,.qa,.faq details,.bld,.path,.panel,.calc,.refercard,.vow,.quote,.gen,.steps li,.opt,.layer,.zone,.creds,.card,.box,.item,.step,.gpitch,.chips li) :is(p,li,span,small,td,dd){color:inherit}
body.s360 :is(.ledger,.tile,.fig,.note,.qa,.faq details,.bld,.path,.panel,.calc,.refercard,.vow,.quote,.gen,.steps li,.opt,.layer,.zone,.creds,.card,.box,.item,.step,.gpitch) :is(h3,h4,b,strong,.tt,.v,.what,.nm,summary){color:#fff}
body.s360 :is(.ledger,.tile,.fig,.note,.qa,.faq details,.bld,.path,.panel,.calc,.refercard,.vow,.quote,.gen,.steps li,.opt,.layer,.zone,.creds,.card,.box,.item,.step,.gpitch) :is(.k,.who,.eyebrow,.n,.figure){color:#7AD4FF}
body.s360 :is(.ledger,.tile,.fig,.note,.qa,.faq details,.bld,.path,.panel,.calc,.refercard,.vow,.quote,.gen,.steps li,.opt,.layer,.zone,.creds,.card,.box,.item,.step,.gpitch) a{color:#7AD4FF}
body.s360 .ledger .row{border-color:rgba(122,212,255,.2)}
body.s360 .ledger .row.mark{background:rgba(122,212,255,.1);border-left:4px solid #22D3EE}
body.s360 .creds{padding:6px 22px}
body.s360 .creds .cred{border-color:rgba(122,212,255,.2)}
body.s360 .qa{padding:18px 22px}
body.s360 main .faq{border-top:0;gap:10px;display:flex;flex-direction:column}
body.s360 .faq details{padding:0 20px}
body.s360 .faq summary::after{color:#22D3EE}
body.s360 .chips li a{color:#fff}
body.s360 .chips li a::after{color:#7AD4FF}
body.s360 .figure,body.s360 .fig .n{color:#1B8FE0;font-weight:900}
body.s360 :is(.fig) .n{color:#7AD4FF}
body.s360 .shot figcaption,body.s360 figure figcaption{color:#3B4D66}
body.s360 .shot img,body.s360 main figure img{border-radius:14px}

/* dark bands on the page: navy, never black */
body.s360 .band.dark,body.s360 .s360band{background:radial-gradient(700px 300px at 50% 100%,rgba(34,211,238,.16),transparent 70%),linear-gradient(160deg,#17498A 0%,#15427A 80%)!important;border:1px solid rgba(122,212,255,.38);border-radius:26px;box-shadow:0 30px 80px rgba(11,27,51,.28)}
body.s360 .band.dark :is(h2,h3,.pull){color:#fff}
body.s360 .band.dark :is(p,li){color:#EAF2FB}
body.s360 .band.dark .eyebrow{color:#7AD4FF}
body.s360 main .s360band h2,body.s360 main .s360band b{color:#fff}
body.s360 main .s360band p{color:#EAF2FB}
@media (min-width:1000px){body.s360 main.wrap>section.band{width:auto;margin-left:0;padding-left:0;padding-right:0}}
body.s360 main.wrap>section.band:not(.close){margin-top:48px;padding:40px 36px}
@media (max-width:819px){body.s360 main.wrap>section.band:not(.close){padding:26px 18px;border-radius:20px}}

/* the closing panel, as on the main page */
body.s360 main.wrap>section.close{width:auto;margin:56px 0 0;padding:44px 40px 46px;text-align:center;align-items:center}
body.s360 section.close .inner{max-width:none!important;align-items:center}
body.s360 section.close .inner>*{max-width:760px!important;margin-left:auto;margin-right:auto}
body.s360 section.close h2{font-size:clamp(32px,4.4vw,56px);font-weight:900;letter-spacing:-.03em;line-height:1.04}
body.s360 section.close .ctarow{justify-content:center}
body.s360 section.close .refline{color:#EAF2FB;font-size:17.5px}
body.s360 section.close .refline a{color:#7AD4FF}
@media (max-width:819px){body.s360 main.wrap>section.close{padding:28px 20px 30px}}

/* footer: the main page's */
body.s360 .foot{background:linear-gradient(160deg,#17498A 0%,#123A6B 100%);border-radius:22px;padding:28px 26px;margin:20px auto 30px;box-shadow:0 18px 44px rgba(11,27,51,.2);color:#DCEAF8}
body.s360 .foot .contact{border-top:0;padding-top:0}
body.s360 .foot .contact a{color:#fff}
body.s360 .foot .domain{color:#7AD4FF}
body.s360 .foot .minor,body.s360 .foot .legal{color:#DCEAF8}

/* phone bar */
body.s360 .bar:not(.tdy):not(.then){background:#123A6B;border-top:1px solid rgba(122,212,255,.22);box-shadow:none}
body.s360 .bar:not(.tdy):not(.then) .label{color:#fff}
body.s360 .bar:not(.tdy):not(.then) .label b{color:#7AD4FF}

/* Jim's photo is in the promise band right above, so the hero shows his name and badge line only */
body.s360 .hero .byline img{display:none}
@media (min-width:1000px){body.s360 .hero>.byline{align-self:end;padding:18px 20px;border-radius:16px;background:rgba(8,23,48,.55);border:1px solid rgba(122,212,255,.35)}}
body.s360 main.wrap>section.s360band{margin-top:56px}
body.s360 .kit{border-radius:16px;overflow:hidden}
body.s360 main ul.kit{max-width:none!important;background:transparent!important;box-shadow:none!important;gap:12px}
body.s360 .kit li{border-radius:14px;border:1px solid rgba(11,27,51,.12);box-shadow:0 10px 26px rgba(11,27,51,.12)}
body.s360 .kit span{color:#0B1B33;font-weight:700}
body.s360 .topband .nav a{min-height:0;line-height:1.25}
/* real job photos, upright: four across on a computer, two across on a phone */
body.s360 .shots.real4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.s360 .shots.real4 .shot img{aspect-ratio:3/4;object-position:center}
@media (max-width:819px){body.s360 .shots.real4{grid-template-columns:1fr 1fr;gap:10px}}

/* ---- polish (Jim, 10:24 PM: "make it look good") ---- */
/* headline figures become navy stat cards, two across, like the main page */
@media (min-width:820px){
  body.s360 main section.stack:has(>.figure){display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:0;align-items:stretch}
  body.s360 main section.stack:has(>.figure)>:not(.figure):not(.figure-note){grid-column:1/-1}
  body.s360 main section.stack:has(>.figure)>.eyebrow{margin-bottom:10px}
  body.s360 main section.stack:has(>.figure)>h2{margin-bottom:22px}
  body.s360 main section.stack:has(>.figure)>.figure:nth-child(3){grid-column:1;grid-row:3}
  body.s360 main section.stack:has(>.figure)>.figure-note:nth-child(4){grid-column:1;grid-row:4}
  body.s360 main section.stack:has(>.figure)>.figure:nth-child(5){grid-column:2;grid-row:3}
  body.s360 main section.stack:has(>.figure)>.figure-note:nth-child(6){grid-column:2;grid-row:4}
  body.s360 main section.stack:has(>.figure)>.cta{justify-self:start;margin-top:22px}
}
body.s360 main .figure{margin:0;padding:26px 28px 6px;border-radius:18px 18px 0 0;background:linear-gradient(180deg,#17498A 0%,#15427A 100%);border:1px solid rgba(122,212,255,.4);border-bottom:0;
  font-size:clamp(56px,6vw,84px);font-weight:900;letter-spacing:-.045em;line-height:1;color:#7AD4FF;background-clip:padding-box}
body.s360 main .figure small{font-size:.32em;font-weight:800;letter-spacing:-.01em;color:#fff;margin-left:12px}
body.s360 main .figure-note{margin:0 0 0;padding:10px 28px 26px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#15427A 0%,#123A6B 100%);border:1px solid rgba(122,212,255,.4);border-top:0;
  font-size:17px;line-height:1.55;color:#EAF2FB!important;box-shadow:0 18px 40px rgba(11,27,51,.18)}
body.s360 main .figure-note a{color:#7AD4FF!important;text-decoration-color:rgba(122,212,255,.6)}
@media (max-width:819px){body.s360 main .figure{margin-top:12px;padding:20px 20px 4px}body.s360 main .figure-note{padding:8px 20px 20px;margin-top:-18px}}

/* pull lines become a navy callout */
body.s360 main p.pull{max-width:820px;margin:6px 0 0;padding:20px 24px;border-left:5px solid #22D3EE;border-radius:0 16px 16px 0;background:linear-gradient(150deg,#17498A 0%,#123A6B 100%);color:#fff!important;font-size:clamp(20px,1.8vw,24px);line-height:1.35;font-weight:800;letter-spacing:-.015em;box-shadow:0 14px 34px rgba(11,27,51,.16)}

/* hardware tiles: shorter, tidier */
body.s360 .kit li{padding:14px 14px 14px;gap:8px}
body.s360 .kit img{aspect-ratio:16/10}
body.s360 .kit span{font-size:15px}

/* steadier rhythm between sections */
body.s360 main section{padding-top:56px}
body.s360 main section>h2{margin-bottom:4px}
body.s360 main .chips li{border-radius:999px!important}

/* inside navy cards: buttons keep white text; small pills stay plain */
body.s360 :is(.ledger,.tile,.fig,.note,.qa,.bld,.path,.panel,.calc,.refercard,.vow,.quote,.gen,.steps li,.opt,.layer,.zone,.creds,.card,.box,.item,.step,.gpitch,.kit) a.cta{color:#fff!important}
body.s360 .ledger .row .v{display:block}
body.s360 .kit .made{border:0!important;padding:0;color:#7AD4FF!important;background:none}
body.s360 .group{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
body.s360 .group .gk{color:#0B5A9A!important;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:6px 0 10px}
body.s360 .kit .ph,body.s360 .bld .ph{border-radius:12px;background:#0B1B33}
body.s360 details.build,body.s360 details.more{border-color:rgba(122,212,255,.35)!important}
body.s360 details.build summary,body.s360 details.more summary{padding:6px 10px;color:#7AD4FF}
/* product cards on the equipment page: navy, like every other card */
body.s360 div.kit{--ink:#fff;--body:#EAF2FB;--muted:#C9DDF2;--accent:#7AD4FF;--rule:rgba(122,212,255,.22);
  background:linear-gradient(150deg,#17498A 0%,#123A6B 100%)!important;border:1px solid rgba(122,212,255,.4)!important;border-radius:16px!important;box-shadow:0 14px 36px rgba(11,27,51,.18)!important;color:#EAF2FB}
body.s360 div.kit :is(h3,.kh){color:#fff}
body.s360 div.kit p{color:#EAF2FB}
body.s360 div.kit .spec li{color:#D2E2F4}
body.s360 .quote{padding:20px 24px!important}

/* long-read pages: the article keeps the main page's heavy headings and a readable column */
body.s360 main section.stack:not(.band)>h2{font-weight:900}
body.s360 main section.stack>ul:not([class]),body.s360 main section.stack>ol:not([class]){max-width:820px}
body.s360 main section.stack>ul:not([class]) li::marker{color:#1B8FE0}
/* hero photo: shown whole on the right, never cropped at the top (Jim 11:04 PM "missing top of unit") */
@media (min-width:1000px){
  body.s360 .heroband::before{background:var(--hero) right center/auto 100% no-repeat;opacity:.9;transform:none}
  body.s360 .heroband::after{background:linear-gradient(90deg,#123A6B 0%,#123A6B 38%,rgba(18,58,107,.82) 55%,rgba(18,58,107,.15) 80%,rgba(18,58,107,0) 100%)}
}
@media (max-width:999px){body.s360 .heroband::before{background-position:center top}}
/* short step cards and "read enough?" buttons on long pages (Jim 11:06 PM) */
body.s360 .steps10{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:819px){body.s360 .steps10{grid-template-columns:1fr}}
body.s360 .step10{padding:20px 22px;border-radius:16px;background:linear-gradient(150deg,#17498A 0%,#123A6B 100%);border:1px solid rgba(122,212,255,.4);box-shadow:0 14px 36px rgba(11,27,51,.18)}
body.s360 main .step10 h3{color:#fff;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.01em;margin:0 0 8px}
body.s360 main .step10 p{color:#EAF2FB;font-size:16.5px;line-height:1.5;margin:0}
body.s360 main .step10 a{color:#7AD4FF}
body.s360 .midcta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:6px 0;padding:18px 24px;border-radius:16px;background:#fff;border:2px solid #1B8FE0;box-shadow:0 10px 28px rgba(27,143,224,.18)}
body.s360 main .midcta p{margin:0;color:#0B1B33;font-size:18px}
body.s360 main .midcta b{color:#0B5A9A}
@media (max-width:819px){body.s360 .midcta .cta{width:100%;text-align:center}}
body.s360 .included{margin-top:6px;padding:28px 30px;border-radius:20px;background:radial-gradient(500px 260px at 100% 0,rgba(34,211,238,.22),transparent 62%),linear-gradient(150deg,#17498A 0%,#123A6B 100%);border:1px solid rgba(122,212,255,.45);box-shadow:0 18px 44px rgba(11,27,51,.2)}
body.s360 main .included .eyebrow{color:#7AD4FF}
body.s360 main .included h3{color:#fff;font-size:clamp(22px,2.2vw,28px);font-weight:900;letter-spacing:-.02em;line-height:1.2;margin:8px 0 16px;max-width:860px}
body.s360 .included ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
body.s360 main .included li{color:#EAF2FB;font-size:17px;line-height:1.5;padding-left:16px;border-left:3px solid #22D3EE}
body.s360 main .included li b{color:#fff}
@media (max-width:819px){body.s360 .included{padding:22px 18px}body.s360 .included ul{grid-template-columns:1fr}}
body.s360 main .included li:last-child:nth-child(odd){grid-column:1/-1}
/* launch bands (Lane Stack, Security 360): navy, never black, inside the page like every other panel */
body.s360 main section.launch{width:auto!important;margin:48px 0 0!important;border-radius:26px;border:1px solid rgba(122,212,255,.4);background:#123A6B!important;box-shadow:0 30px 80px rgba(11,27,51,.28)}
body.s360 .launch .sky{background:linear-gradient(170deg,#17498A 0%,#15427A 45%,#0F2F5C 100%)!important}
body.s360 .launch .sky i{opacity:.35!important}
/* the Lane Stack and 360 day panels: navy, not near-black */
body.s360 .launch .dayback{background:linear-gradient(165deg,#17498A 0%,#123A6B 100%)!important;border-color:rgba(122,212,255,.35)!important;box-shadow:0 24px 60px rgba(11,27,51,.3)!important}
body.s360 .launch .dayback .bg::after{background:linear-gradient(180deg,rgba(18,58,107,.3) 0%,rgba(18,58,107,0) 30%,rgba(18,58,107,0) 78%,rgba(18,58,107,.92) 94%,#123A6B 100%)!important}
body.s360 .launch .dayback .glass{background:rgba(18,58,107,.82)!important}
body.s360 main>.midcta{margin-top:40px}
body.s360 .launch .ag{background:linear-gradient(150deg,#1B5299 0%,#15427A 100%)!important}
body.s360 .launch .givebig{background:linear-gradient(135deg,#1B5299,#15427A)!important}
/* refer card on the officer and coordinator pages */
body.s360 main section.refercard{margin-top:48px;padding:32px 34px!important;width:auto}
body.s360 main section.refercard :is(h2,h3){color:#fff!important}
body.s360 main section.refercard p{color:#EAF2FB!important}
body.s360 main section.refercard .eyebrow{color:#7AD4FF!important}
body.s360 main section.refercard .cta.ghost{color:#fff;border-color:rgba(122,212,255,.7)}
@media (max-width:819px){body.s360 main section.refercard{padding:24px 18px!important}}
/* day bar labels never clip (2026-10-22) */
body.s360 .promise .dbar i{min-width:max-content;text-overflow:clip}
@media (max-width:820px){body.s360 .promise .dbar{flex-wrap:wrap;row-gap:6px;height:auto}}