/* ICT modernisation layer - loads after style.css + motion.css */
:root{--ink:#050d24;--ink2:#0a1838;--glass:rgba(255,255,255,.06);--glow:0 0 40px rgba(16,180,244,.35)}
#prog{position:fixed;inset:0 0 auto 0;height:3px;z-index:99;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--cyan),var(--blue))}
.site-header{background:rgba(255,255,255,.88);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px)}
/* marquee */
.marq{background:var(--ink);overflow:hidden;border-block:1px solid rgba(16,180,244,.2)}
.marq .track{display:flex;gap:40px;width:max-content;padding:14px 0;animation:marq 38s linear infinite}
.marq:hover .track{animation-play-state:paused}
.marq span{font:700 .85rem var(--head);letter-spacing:.08em;text-transform:uppercase;color:#7fa6e6;white-space:nowrap}
.marq span::before{content:"/";color:var(--cyan);margin-right:40px}
@keyframes marq{to{transform:translateX(-50%)}}
/* bento solutions */
.bento{display:grid;gap:14px;grid-template-columns:1fr}
.bt{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:18px;background:linear-gradient(160deg,var(--ink2),#0d2a66);color:#dbe8ff;border:1px solid rgba(16,180,244,.2);transition:transform .3s var(--ease),border-color .3s}
.bt::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0),rgba(16,180,244,.28),transparent 70%);opacity:0;transition:opacity .3s}
.bt:hover{transform:translateY(-4px);border-color:var(--cyan)}.bt:hover::before{opacity:1}
.bt>*{position:relative}.bt .ico{width:34px;height:34px;color:var(--cyan)}.bt h3{color:#fff;font-size:1.15rem}.bt p{font-size:.95rem;color:#a9c0ea}
.bt .go{margin-top:auto;font:700 .85rem var(--head);color:var(--cyan);display:inline-flex;align-items:center;gap:6px}.bt .go .ico{width:1em;height:1em;transition:transform .25s}.bt:hover .go .ico{transform:translateX(5px)}
/* finder */
.finder{display:grid;gap:18px;padding:22px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--soft));box-shadow:var(--shadow)}
.finder label{display:flex;flex-direction:column;gap:8px;font:600 .9rem var(--head)}.finder label b{color:var(--blue);float:right}
.finder input[type=range]{width:100%;accent-color:var(--blue);min-height:var(--tap)}.finder select{min-height:var(--tap);border-radius:10px;border:1px solid var(--line);padding:0 12px;font:inherit}
.fres{display:flex;flex-direction:column;gap:10px;justify-content:center;background:var(--navy);color:#fff;border-radius:14px;padding:18px}
.fres small{opacity:.7}.fres b{font:800 2rem var(--head)}.fres em{font-style:normal;color:var(--cyan)}
/* steps */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:s}
.steps li{position:relative;padding:20px 20px 20px 72px;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.steps span{position:absolute;left:18px;top:18px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:800 1.1rem var(--head);color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.steps h3{font-size:1.05rem}.steps p{color:var(--muted);font-size:.93rem}
/* faq */
.faq{display:grid;gap:10px;max-width:820px}
.faq details{border:1px solid var(--line);border-radius:14px;padding:0 18px;background:#fff;transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:var(--cyan);box-shadow:var(--shadow)}
.faq summary{cursor:pointer;list-style:none;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 1rem var(--head)}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:1.4rem;color:var(--blue);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}.faq details p{padding-bottom:16px;color:var(--muted)}
/* plans & misc polish */
.plan{transition:transform .3s var(--ease),box-shadow .3s}.plan.flash{animation:flash 1.4s}
@keyframes flash{0%,100%{box-shadow:var(--shadow)}30%{box-shadow:0 0 0 4px var(--cyan),var(--glow)}}
#top{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:46px;height:46px;border-radius:50%;border:0;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:var(--glow);display:grid;place-items:center;opacity:0;transform:translateY(20px);pointer-events:none;transition:.3s;z-index:60;cursor:pointer}
#top .ico{transform:rotate(-90deg)}#top.show{opacity:1;transform:none;pointer-events:auto}
@media(min-width:640px){.bento{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.finder{grid-template-columns:1fr 1fr}.fres{grid-column:1/-1}}
@media(min-width:900px){.bento{grid-template-columns:repeat(4,1fr)}.bt.span2{grid-column:span 2}.steps{grid-template-columns:repeat(4,1fr)}.finder{grid-template-columns:1fr 1fr 1fr 1.2fr}.fres{grid-column:auto}.steps li{padding:76px 18px 20px}.steps span{left:18px;top:18px}}
@media(prefers-reduced-motion:reduce){.marq .track,.rot,.pulse{animation:none}}

/* ===== v2 modern ICT look (same palette) ===== */
body{background:#fff;background-image:radial-gradient(rgba(20,112,224,.07) 1px,transparent 1px);background-size:26px 26px}
main,.site-footer,.sky,.why,.cta-band,.stats,.hero{background-color:#fff}
.hero{background:linear-gradient(180deg,#f3f9ff,#fff)}
.hero-bg::after{background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}
.eyebrow{display:inline-flex!important;align-items:center;gap:8px;width:fit-content;font:700 .78rem var(--head)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-2)!important;background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 14px 6px 10px;margin:0 0 14px!important;box-shadow:0 4px 14px rgba(20,112,224,.12)}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.2);animation:eb 2s infinite}
@keyframes eb{50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
.hero h1 em{background:linear-gradient(90deg,var(--navy-2),var(--blue) 45%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
.hero .bar{height:4px;width:80px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.btn{box-shadow:0 8px 20px rgba(20,112,224,.25)}.btn.alt{box-shadow:none;background:#fff}
.artwrap{position:relative;width:100%;max-width:560px;margin-inline:auto}
.artwrap svg.art{display:block;width:100%;height:auto}
.fcard{position:absolute;z-index:2;display:flex;flex-direction:column;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:0 14px 34px rgba(10,42,110,.18);animation:fc 6s ease-in-out infinite}
.fcard b{font:800 1.2rem var(--head);color:var(--blue);line-height:1.1}.fcard small{font:600 .72rem var(--head);color:var(--muted)}
.fcard.c1{top:2%;left:-2%}.fcard.c2{bottom:20%;right:-2%;animation-delay:-2s}
.fcard.c3{bottom:2%;left:6%;flex-direction:row;align-items:center;gap:8px;animation-delay:-4s}.fcard.c3 i{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.2)}
@keyframes fc{50%{transform:translateY(-10px)}}
@media(min-width:900px){.artwrap{margin-inline:0;justify-self:end}}
/* section headings */
.sec-head h2{letter-spacing:-.02em}
.sec-head h2 .ico{width:44px;height:44px;padding:11px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 8px 18px rgba(20,112,224,.3)}
.sec{padding-block:56px}
/* stats as cards */
.stats{background:none;border:0}.stats .wrap{gap:14px;padding-block:28px}
.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 10px;box-shadow:var(--shadow)}
/* plans */
.plan{border-width:1px;border-radius:22px;box-shadow:0 12px 34px rgba(10,42,110,.1)}
.plan:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(10,42,110,.2)}
.plan header{padding:18px 8px}.plan header b{font-size:1.7rem;letter-spacing:-.02em}
/* services as glass cards */
.services{background:none;padding:0;gap:16px}
.svc{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 20px;box-shadow:var(--shadow);transition:transform .3s var(--ease),border-color .3s,box-shadow .3s;overflow:hidden}
.svc::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:0;transition:transform .4s var(--ease)}
.svc:hover{transform:translateY(-6px);border-color:var(--cyan);box-shadow:0 22px 44px rgba(20,112,224,.18)}.svc:hover::after{transform:scaleX(1)}
.svc .ring{border-radius:16px;background:linear-gradient(135deg,var(--soft),#fff);box-shadow:inset 0 0 0 1px var(--line)}
.job,.doc,.faq details,.steps li{border-radius:20px}
.job{transition:transform .3s var(--ease),box-shadow .3s}.job:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(20,112,224,.16)}
.why{background:linear-gradient(100deg,#0a2a6e,#123d93)}
.why li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px 8px;transition:transform .3s,background .3s}
.why li:hover{transform:translateY(-4px);background:rgba(16,180,244,.18)}
.cta-band,.site-footer{background-color:initial}
.contact .card{border-radius:22px}
@media(prefers-reduced-motion:reduce){.fcard,.eyebrow i{animation:none}}

/* ===== v3: clickable plans, dynamic finder ===== */
.plan{position:relative;cursor:pointer}
.plan-link{position:absolute;inset:0;z-index:3;border-radius:inherit}
.plan-go{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0 16px 16px;padding:10px;border-radius:12px;font:700 .85rem var(--head);color:var(--c1);background:color-mix(in srgb,var(--c1) 10%,#fff);transition:background .25s,color .25s}
.plan-go .ico{transition:transform .25s}.plan:hover .plan-go{background:linear-gradient(90deg,var(--c1),var(--c2));color:#fff}.plan:hover .plan-go .ico{transform:translateX(5px)}
.finder{grid-template-columns:1fr;align-items:stretch}
.fctl{display:grid;gap:14px}
.presets{display:flex;flex-wrap:wrap;gap:8px}
.presets button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;min-height:40px;font:700 .82rem var(--head);color:var(--navy-2);cursor:pointer;transition:.2s}
.presets button:hover{border-color:var(--cyan)}.presets button.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.fres{grid-column:auto!important;gap:12px}
.fres .need{font:800 2.4rem var(--head)}.fres .need em{color:var(--cyan)}
.meter{height:8px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden}
.meter i{display:block;height:100%;transform-origin:0;background:linear-gradient(90deg,var(--cyan),#2be39a);transition:transform .5s var(--ease)}.meter i.hi{background:linear-gradient(90deg,#f7b21a,#f2556b)}
.fp{display:grid;grid-template-columns:1fr auto;gap:2px 10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:12px 14px;color:#fff;transition:transform .25s,border-color .25s,background .25s}
.fp:hover{transform:translateY(-3px);border-color:var(--cyan);background:rgba(16,180,244,.18)}
.fp .tg{grid-column:1/-1;font:700 .68rem var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.fp b{font:800 1.4rem var(--head)}.fp span:not(.tg){opacity:.85;font-size:.85rem;align-self:end}.fp em{grid-column:1/-1;font-style:normal;font-weight:700;font-size:.9rem}
.fp.best{background:linear-gradient(135deg,var(--blue),var(--cyan));border-color:transparent}.fp.best .tg{color:#fff}
.alts{display:grid;gap:8px;grid-template-columns:1fr 1fr}.alts .fp b{font-size:1.05rem}
@media(min-width:900px){.finder{grid-template-columns:1.2fr 1fr!important}.fres{grid-column:auto!important}}
@media(max-width:480px){.alts{grid-template-columns:1fr}}
/* plan page */
.pp-hero{padding-block:36px}.pp-grid{display:grid;gap:22px;grid-template-columns:1fr}
.pp-main{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.pp-main h1{font-size:clamp(1.6rem,5vw,2.4rem)}.pp-main .lead{color:var(--muted);margin:6px 0 18px}
.pp-feat{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}.pp-feat li{display:flex;gap:10px;align-items:flex-start;font-weight:600}.pp-feat .ico{color:var(--c1);margin-top:4px;stroke-width:2.6}
.pp-side{border-radius:22px;overflow:hidden;color:#fff;background:linear-gradient(160deg,var(--c1),var(--c2));padding:26px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);height:fit-content}
.pp-side .sp{font:800 3rem var(--head);line-height:1}.pp-side .pr{font:800 1.8rem var(--head)}.pp-side small{opacity:.85}
.pp-side .btn{background:#fff;color:var(--c1);box-shadow:none}.pp-side .btn.alt{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.pp-spec{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}.pp-spec div{background:var(--soft);border-radius:14px;padding:12px}.pp-spec small{display:block;color:var(--muted);font-weight:600}.pp-spec b{font:800 1.05rem var(--head)}
.pp-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pp-more a{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;font:700 .85rem var(--head);transition:.2s}.pp-more a:hover,.pp-more a.cur{background:var(--blue);color:#fff;border-color:var(--blue)}
@media(min-width:900px){.pp-grid{grid-template-columns:1.5fr 1fr}}

/* ===== v4: next-page links, ops board, inner pages ===== */
.ov{position:absolute;inset:0;z-index:2;border-radius:inherit}
.job,.steps li,.why li{position:relative}.job .btn{position:relative;z-index:3}
.why li a{display:block;color:inherit}
a.stat{display:block;color:inherit;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}a.stat:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:0 18px 38px rgba(20,112,224,.16)}
.marq a{font:700 .85rem var(--head);letter-spacing:.08em;text-transform:uppercase;color:#7fa6e6;white-space:nowrap;transition:color .2s}.marq a:hover{color:#fff}
.marq a::before{content:"/";color:var(--cyan);margin-right:40px}
a.svc{display:block;color:inherit}.more,.svc .more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:700 .85rem var(--head);color:var(--blue)}
.more .ico{width:1em;height:1em;transition:transform .25s}a:hover>.more .ico,.more:hover .ico{transform:translateX(5px)}
/* operations board */
.board{display:grid;gap:14px;grid-template-columns:1fr;padding:18px;border-radius:22px;color:#dbe8ff;background:linear-gradient(160deg,var(--ink),var(--ink2) 60%,#0b2a66);border:1px solid rgba(16,180,244,.25);box-shadow:var(--glow),var(--shadow);transition:transform .3s var(--ease)}
.board:hover{transform:translateY(-4px)}
.bk{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bk div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px}
.bk small{display:block;font:600 .68rem var(--head);letter-spacing:.08em;text-transform:uppercase;opacity:.65}.bk b{font:800 1.5rem var(--head);color:#fff}.bk em{font-style:normal}.bk u{text-decoration:none;font-size:.7rem;opacity:.6;font-weight:600}
.bc{display:flex;flex-direction:column;gap:10px;min-width:0}#nocChart{width:100%;height:120px;border-radius:14px;background:rgba(255,255,255,.04)}
.noc-log{list-style:none;margin:0;padding:0;font:.74rem ui-monospace,Menlo,Consolas,monospace;height:4.7em;overflow:hidden;color:#8fb1e8}.noc-log li::before{content:"> ";color:var(--cyan)}.noc-log li b{color:#2be39a;font-weight:500}
@media(min-width:900px){.board{grid-template-columns:1fr 1.2fr;padding:24px}}
/* inner pages */
.crumb{margin:0 0 18px;font:600 .88rem var(--head);color:var(--muted)}.crumb a{color:var(--blue)}.crumb span{margin:0 6px;opacity:.5}
.ring.big{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;font-size:2rem;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));margin-bottom:16px;box-shadow:0 12px 26px rgba(20,112,224,.3)}
.pp-side:not(.plan){background:linear-gradient(160deg,var(--ink),#0b2a66)}.pp-side:not(.plan) .btn.alt{color:#fff}
.ptable{display:grid;gap:12px}
.prow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 16px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--c1);box-shadow:var(--shadow);color:inherit;transition:transform .25s var(--ease),box-shadow .25s}
.prow:hover{transform:translateX(6px);box-shadow:0 18px 38px rgba(20,112,224,.16)}
.prow .sp{font:800 1.5rem var(--head);color:var(--c1);min-width:4.4ch}.prow .nm{font:700 1rem var(--head)}.prow .nm small{display:block;font:400 .85rem var(--body,inherit);color:var(--muted)}
.prow em{font:800 1.1rem var(--head);font-style:normal}.prow em small{font-weight:600;color:var(--muted)}
.prow .go{grid-column:1/-1;display:inline-flex;gap:6px;align-items:center;font:700 .85rem var(--head);color:var(--c1)}.prow .go .ico{width:1em;height:1em}
@media(min-width:760px){.prow{grid-template-columns:7ch 1fr auto auto}.prow .go{grid-column:auto}}
.okbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;border-radius:16px;background:#e9fbf1;border:1px solid #9fe3bd;color:#116b3a;margin-bottom:18px}.okbar i{width:12px;height:12px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.25)}.okbar small{margin-left:auto;opacity:.8}
.sys{display:grid;gap:14px}.sy{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow)}
.sh{display:flex;align-items:center;gap:10px}.sh .ico{color:var(--blue)}.pill{margin-left:auto;font:700 .72rem var(--head);color:#116b3a;background:#e9fbf1;border-radius:99px;padding:4px 10px}
.bars{display:flex;gap:2px;height:30px;margin:12px 0 6px}.bars i{flex:1;border-radius:3px;background:#22c55e}.bars i.dn{background:#f7b21a}
.sy small{display:flex;justify-content:space-between;color:var(--muted)}.note{margin-top:18px;color:var(--muted);font-size:.9rem}.note a{color:var(--blue);font-weight:700}

/* ===== v5: orange accents, blue footer, form pages ===== */
:root{--o1:#f28c0f;--o2:#ffb020}
.btn.orange,.head-cta,.hero .btn:not(.alt),.cta-band .btn:not(.alt),.contact .btn:not(.alt),.pp-main>.btn,.pp-main .btn:not(.alt){background:linear-gradient(135deg,var(--o1),var(--o2));color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(242,140,15,.35)}
.btn.orange:hover,.head-cta:hover,.hero .btn:not(.alt):hover,.cta-band .btn:not(.alt):hover,.contact .btn:not(.alt):hover,.pp-main .btn:not(.alt):hover{filter:brightness(1.08);color:#fff;transform:translateY(-2px)}
.btn.orange .ico,.head-cta .ico{color:#fff}
.site-footer{background:linear-gradient(180deg,#0f55c2,#0a3f93);color:#e3efff;border-top:4px solid var(--cyan)}
.site-footer h4{color:#fff}.site-footer a{color:#e3efff}.site-footer ul a:hover,.site-footer a:hover{color:#ffb020}
.site-footer .fbar,.site-footer .wrap.fbar{border-top:1px solid rgba(255,255,255,.2)}
.site-footer .fbar a+a{margin-left:14px}
.cform .form-label{font:700 .88rem var(--head)}.cform .form-control,.cform .form-select{border-radius:12px;min-height:var(--tap);border:1px solid var(--line)}.cform .form-control:focus,.cform .form-select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(16,180,244,.18)}
.err{color:#d62646;font-weight:600;margin-top:10px}
.fdone{display:flex;align-items:center;gap:12px;padding:18px;border-radius:16px;background:#e9fbf1;border:1px solid #9fe3bd;color:#116b3a;font:700 1.05rem var(--head)}

/* ===== v6: dark orange accents, dark blue footer ===== */
:root{--do1:#b94a05;--do2:#e0691a}
.btn.orange,.head-cta,.hero .btn:not(.alt),.cta-band .btn:not(.alt),.contact .btn:not(.alt),.pp-main>.btn,.pp-main .btn:not(.alt){background:linear-gradient(135deg,var(--do1),var(--do2));box-shadow:0 8px 20px rgba(185,74,5,.4)}
.hero .btn.alt{color:var(--do1);border-color:var(--do1);background:#fff}.hero .btn.alt:hover{background:var(--do1);color:#fff}
.hero h1 em{background:linear-gradient(90deg,var(--do1),var(--do2));-webkit-background-clip:text;background-clip:text;color:transparent;display:block;font-size:clamp(2rem,8.5vw,4rem)}
.hero h1 .rot{display:inline-block;min-width:1ch;font-style:normal;color:var(--do1);border-right:3px solid var(--do2);padding-right:4px;animation:blink .8s steps(1) infinite}
@keyframes blink{50%{border-color:transparent}}
.hero .bar{background:linear-gradient(90deg,var(--do1),var(--do2))}
.eyebrow{color:var(--do1)!important;border-color:rgba(185,74,5,.35)}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 18px}
.chips li{font:700 .78rem var(--head);color:var(--do1);border:1px solid rgba(185,74,5,.4);background:#fff7f0;padding:6px 12px;border-radius:999px;transition:.2s}
.chips li:hover{background:var(--do1);color:#fff}
.sec-head h2 .ico{background:linear-gradient(135deg,var(--do1),var(--do2));box-shadow:0 8px 18px rgba(185,74,5,.3)}
.more,.svc .more,.bt .go,.prow .go,.crumb a{color:var(--do1)}
.bt .go{color:#ffb070}
.site-footer{background:linear-gradient(180deg,#0a2a6e,#04122f);color:#c4d4f2;border-top:4px solid var(--do2)}
.site-footer a{color:#c4d4f2}.site-footer ul a:hover,.site-footer a:hover{color:#ff9a45}
@media(prefers-reduced-motion:reduce){.hero h1 .rot{animation:none}}

/* ===== v7: hero back to the normal blue look, smaller big word ===== */
.hero{background:linear-gradient(180deg,#f3f9ff,#fff)}
.hero h1 em{background:linear-gradient(90deg,var(--navy-2),var(--blue) 45%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(1.7rem,6.2vw,3rem);letter-spacing:-.01em}
.hero h1 .rot{color:var(--blue);border-right-color:var(--cyan)}
.hero .bar{background:linear-gradient(90deg,var(--blue),var(--cyan))}
.hero .eyebrow{color:var(--navy-2)!important;border-color:var(--line)}
.hero .chips li{color:var(--navy-2);border-color:rgba(20,112,224,.35);background:#fff}
.hero .chips li:hover{background:var(--blue);color:#fff}
.hero .btn:not(.alt){background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 8px 20px rgba(20,112,224,.28)}
.hero .btn.alt{color:var(--blue);border-color:var(--blue);background:#fff}.hero .btn.alt:hover{background:var(--blue);color:#fff}

/* ===== v8: hero background = office team + IT infrastructure scene (replaces laptop/phone art) ===== */
.hero-bg .scene{position:absolute;inset:0;background:url(hero-scene.svg) right center/cover no-repeat;opacity:.28}
.hero-bg .scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f3f9ff 0,rgba(243,249,255,.92) 38%,rgba(243,249,255,.25) 70%,rgba(243,249,255,0))}
.hero .wrap{grid-template-columns:minmax(0,1fr)!important;min-height:420px}
.hero .wrap>div{max-width:620px}
@media(min-width:900px){
  .hero .wrap{min-height:520px}
  .hero-bg .scene{opacity:1;background-position:right center;background-size:auto 100%}
  .hero-bg .scene::after{background:linear-gradient(90deg,#f3f9ff 0,#f3f9ff 38%,rgba(243,249,255,.55) 52%,rgba(243,249,255,0) 68%)}
}
.hero-bg::after{height:14%!important}

/* ===== v9: pictures instead of icons + admin-chosen home page background photo ===== */
.pic{display:block;object-fit:cover}
.ring .pic{width:100%;height:100%;border-radius:inherit}
.ring.big{overflow:hidden}
.bt>.pic{width:56px;height:56px;border-radius:14px;border:1px solid rgba(16,180,244,.35)}
.hero.has-photo .hero-bg .scene{background-size:cover;background-position:center;opacity:1}
.hero.has-photo .hero-bg .scene::after{background:rgba(243,249,255,var(--hero-ov,.55))}
@media(min-width:900px){.hero.has-photo .hero-bg .scene::after{background:linear-gradient(90deg,rgba(243,249,255,calc(var(--hero-ov,.55)*1.35)) 0,rgba(243,249,255,var(--hero-ov,.55)) 50%,rgba(243,249,255,calc(var(--hero-ov,.55)*.4)) 100%)}}

/* ===== v9b: separate background photo for the rest of the site (everything except the home page title area) ===== */
.site-bg{position:fixed;inset:0;z-index:-1;background:#fff center/cover no-repeat;pointer-events:none}
.site-bg::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,var(--site-ov,.8))}
body.has-site-bg{background:transparent}
body.has-site-bg main{background-color:transparent}
body.has-site-bg .hero-bg::after{display:none}
@media(hover:none),(max-width:900px){.site-bg{position:fixed}}