:root{color-scheme:light;--ink:#0d1321;--muted:#637087;--line:#dfe5ed;--panel:#f4f7fb;--blue:#1e56f0;--blue-dark:#1537a1;--cyan:#5be0d0;--white:#fff;--dark:#09101d;--shadow:0 22px 70px rgba(16,37,74,.12);--radius:22px;--page:#f6f9fd;--surface:#fff;--surface-soft:#eef4fb;--header-bg:rgba(249,252,255,.88);--grid:rgba(30,86,240,.045);--hero-a:#fbfdff;--hero-b:#f4f8ff;--text-soft:#5d6b80;--card-border:#dfe5ed}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--page);line-height:1.55;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.section-pad{padding:100px 0}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,229,237,.8);transition:background .3s ease,border-color .3s ease}.nav-wrap{min-height:96px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;margin-right:auto}.brand-logo{display:block;width:230px;height:auto;max-height:72px;object-fit:contain}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--blue),#7b8fff);color:white;display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:800;box-shadow:0 10px 26px rgba(30,86,240,.28)}.brand strong{display:block;font-family:Manrope,sans-serif;font-size:15px;line-height:1}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:.04em}.nav{display:flex;align-items:center;gap:10px;font-size:14px;color:#4f5d72}.nav a{position:relative;padding:12px 14px;border-radius:12px;font-weight:700;letter-spacing:.01em;transition:color .22s ease,transform .22s ease,background .22s ease,box-shadow .22s ease}.nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--blue),#38bdf8);transform:scaleX(0);transform-origin:center;transition:transform .22s ease}.nav a::before{content:"";position:absolute;inset:2px;border-radius:10px;background:linear-gradient(135deg,rgba(30,86,240,.08),rgba(56,189,248,.03));opacity:0;transition:opacity .22s ease}.nav a:hover,.nav a:focus-visible{color:var(--blue);transform:translateY(-2px);background:rgba(235,242,255,.82);box-shadow:0 7px 18px rgba(30,86,240,.10);outline:none}.nav a:hover::after,.nav a:focus-visible::after,.nav a.active::after{transform:scaleX(1)}.nav a:hover::before,.nav a:focus-visible::before,.nav a.active::before{opacity:1}.nav a.active{color:var(--blue)}.nav-cta{padding:12px 17px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.nav-cta:hover,.nav-cta:focus-visible{transform:translateY(-2px);border-color:#b7c7ea;background:#f7f9ff;box-shadow:0 10px 22px rgba(30,86,240,.10);outline:none}
.hero{padding-top:78px;background:radial-gradient(circle at 80% 15%,rgba(91,224,208,.22),transparent 28%),radial-gradient(circle at 70% 45%,rgba(30,86,240,.12),transparent 36%),linear-gradient(180deg,#fbfdff 0%,#f4f8ff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:11px;color:#627089;display:flex;align-items:center;gap:10px}.eyebrow span{width:26px;height:1px;background:var(--blue);display:inline-block}.eyebrow.light{color:#aab5c8}.eyebrow.light span{background:var(--cyan)}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.03em;line-height:1.05}.hero h1{font-size:clamp(48px,6vw,76px);margin:18px 0 20px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-lead{font-size:18px;max-width:610px;color:#5d6b80}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:14px;padding:15px 20px;font-weight:800;font-size:14px;border:1px solid transparent;cursor:pointer}.btn span{font-size:17px}.btn-primary{background:var(--blue);color:white;box-shadow:0 16px 28px rgba(30,86,240,.2)}.btn-primary:hover{background:var(--blue-dark)}.btn-secondary{border-color:var(--line);background:white}.btn-secondary:hover{border-color:#c8d2df}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:22px;border-top:1px solid var(--line)}.hero-points strong{display:block;font-size:13px}.hero-points span{display:block;font-size:11px;color:var(--muted);margin-top:4px}.hero-visual{min-height:530px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:310px;height:310px;background:rgba(30,86,240,.18);right:20px;top:45px}.orb-b{width:190px;height:190px;background:rgba(91,224,208,.24);left:10px;bottom:40px}.device-card{position:relative;z-index:2;background:rgba(255,255,255,.84);border:1px solid rgba(214,224,238,.9);border-radius:26px;box-shadow:var(--shadow);overflow:hidden;width:min(500px,100%);transform:rotate(-3deg)}.device-top{height:38px;border-bottom:1px solid #e6ebf2;display:flex;align-items:center;padding:0 15px;gap:6px;background:#fbfcfe}.dot{width:8px;height:8px;border-radius:50%}.red{background:#ef6b72}.amber{background:#f2bd58}.green{background:#5fc68f}.device-title{margin-left:8px;font-size:10px;color:#8290a5}.dashboard{padding:28px}.dashboard-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#647087}.dashboard-row strong{color:#0f6b3b;background:#e9fbf0;padding:6px 9px;border-radius:999px;font-size:11px}.progress{height:8px;background:#e7ecf3;border-radius:100px;margin:18px 0 22px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-grid div{background:#f7f9fc;padding:15px;border-radius:16px}.mini-grid span,.mini-grid strong{display:block}.mini-grid span{font-size:10px;color:#7c8799}.mini-grid strong{font-size:15px;margin-top:3px}.floating-card{position:absolute;z-index:3;background:rgba(255,255,255,.94);border:1px solid rgba(214,224,238,.95);box-shadow:0 15px 45px rgba(20,50,100,.14);padding:13px 15px;border-radius:16px;display:flex;gap:11px;align-items:center}.floating-card strong,.floating-card span{display:block}.floating-card strong{font-size:12px}.floating-card div span{font-size:10px;color:#7c8799;margin-top:3px}.icon-chip{width:32px;height:32px;border-radius:10px;display:grid!important;place-items:center;background:#edf2ff;color:var(--blue);font-weight:800}.support-card{left:0;top:175px}.secure-card{right:8px;bottom:68px}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.ticker-track{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 19px;align-items:center;padding:17px 18px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6c7890;text-align:center}.ticker-track b{color:var(--blue)}
.split-intro{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:48px}.section-intro h2,.about-copy h2,.dark-section h2,.contact-section h2{font-size:clamp(34px,4vw,54px);margin:16px 0 0}.split-intro>p{color:var(--muted);max-width:470px;margin:0 0 4px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;min-height:285px;transition:.25s ease;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card.featured{background:linear-gradient(145deg,#0d1b46,#152f82);color:white;border-color:transparent}.service-icon{font-size:11px;font-weight:800;letter-spacing:.12em;color:#768399;margin-bottom:50px}.featured .service-icon{color:#a4b6ff}.service-card h3{font-size:25px;margin:0 0 14px}.service-card p{font-size:13px;color:#6a778d;margin:0}.featured p{color:#c6d0e6}.service-card a{margin-top:auto;font-size:12px;font-weight:800;padding-top:20px}.service-card a span{font-size:16px}.featured a{color:#cfe1ff}
.dark-section{background:var(--dark);color:white}.support-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.dark-section h2{max-width:650px}.dark-section p{color:#a9b4c8;max-width:650px}.support-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.btn-light{background:#fff;color:var(--dark)}.light-link{color:#fff;font-weight:700;font-size:13px}.fine-print{font-size:11px!important;color:#6f7e95!important;margin-top:22px}.support-panel{border:1px solid #263247;background:linear-gradient(145deg,#10192a,#0a1220);padding:30px;border-radius:24px}.panel-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#748199;font-weight:800;margin-bottom:18px}.step{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #202b3e}.step:last-child{border-bottom:0}.step>span{width:34px;height:34px;border-radius:10px;background:#162442;color:#7ed8ff;display:grid;place-items:center;font-size:11px;font-weight:800}.step strong,.step small{display:block}.step strong{font-size:14px}.step small{font-size:11px;color:#8592a7;margin-top:3px}
.about-section{background:#f6f8fc}.about-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:80px;align-items:start}.about-stat{padding:25px;background:#fff;border-radius:22px;border:1px solid var(--line)}.about-stat strong{display:block;font-family:Manrope;font-size:72px;letter-spacing:-.05em}.about-stat span{display:block;color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.about-stat p{color:var(--muted);font-size:13px}.about-copy p{color:var(--muted);max-width:760px}.about-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.about-tags span{padding:9px 13px;border:1px solid var(--line);background:white;border-radius:999px;font-size:11px;font-weight:700;color:#68758a}
.quote-band{background:linear-gradient(135deg,#eaf1ff,#f4fbfa)}.quote-wrap{max-width:880px}.quote-mark{font-family:Georgia,serif;font-size:80px;color:var(--blue);height:46px}.quote-wrap blockquote{font-family:Manrope;font-size:clamp(28px,4vw,45px);line-height:1.15;letter-spacing:-.03em;margin:0}.quote-attrib{display:block;color:#6f7c91;font-size:12px;margin-top:22px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact-section p{color:var(--muted);max-width:520px}.contact-list{display:grid;gap:0;margin-top:34px;border-top:1px solid var(--line)}.contact-list a,.contact-list div{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:center}.contact-list span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#8a96a9;font-weight:800}.contact-list strong{font-size:13px}.contact-form{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fbfcfe}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#0d1321;margin-bottom:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:8px;border:1px solid #dbe2eb;border-radius:12px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#8ca5ff;box-shadow:0 0 0 3px rgba(30,86,240,.08)}.contact-form input,.contact-form select,.contact-form textarea{border:2px solid #aebbd0;box-shadow:inset 0 0 0 1px rgba(13,19,33,.02)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6b7686;opacity:1}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(30,86,240,.12)}.contact-form textarea{resize:vertical}.btn-full{width:100%}.form-note{font-size:10px!important;color:#0d1321!important;margin:11px 0 0;text-align:center}.site-footer{background:#07101c;color:white}.footer-top{padding:30px 0;display:flex;align-items:center;gap:30px;border-bottom:1px solid #172436}.footer-brand{margin-right:0}.footer-brand .brand-logo{width:220px;max-height:68px}.footer-brand small{color:#8290a4}.footer-links{display:flex;gap:22px;font-size:12px;color:#a9b5c8;margin-left:auto}.footer-links a:hover{color:white}.footer-call{font-weight:800;font-size:12px;color:#bfe2ff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:17px 0;color:#6f7c90;font-size:10px}
@media(max-width:980px){.nav-wrap{gap:16px}.brand-logo{width:200px}.nav{gap:2px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:4px 0}.nav::-webkit-scrollbar{display:none}.nav a{padding:10px 11px;font-size:13px}.nav-cta{display:none}.hero-grid,.support-grid,.contact-grid,.about-grid{grid-template-columns:1fr}.hero-visual{min-height:440px}.split-intro{grid-template-columns:1fr;gap:20px}.services-grid{grid-template-columns:1fr 1fr}.footer-links{display:none}.footer-top{justify-content:space-between}.about-grid{gap:34px}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.section-pad{padding:76px 0}.nav-wrap{min-height:82px}.brand-logo{width:195px;max-height:62px}.hero{padding-top:56px}.hero h1{font-size:48px}.hero-points{grid-template-columns:1fr}.hero-visual{min-height:360px}.device-card{transform:none}.support-card{left:-6px;top:80px}.secure-card{right:-6px;bottom:30px}.services-grid{grid-template-columns:1fr}.service-card{min-height:250px}.form-row{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.contact-list a,.contact-list div{align-items:flex-start;flex-direction:column;gap:4px}}


/* Visual refresh: richer graphics, stronger blue accents and less empty whitespace */
.hero{background:linear-gradient(180deg,#ffffff 0%,#f3f7ff 100%);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto -8% -130px; height:220px;background:radial-gradient(ellipse at center,#dce9ff 0%,rgba(220,233,255,0) 70%);pointer-events:none}
.hero-copy{position:relative;z-index:2}
.hero-visual{min-height:520px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}
.hero-image{display:block;width:min(590px,100%);height:auto;border-radius:30px;box-shadow:0 28px 70px rgba(19,55,120,.18);object-fit:cover}
.hero-visual::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(30,86,240,.12);right:-20px;top:35px;filter:blur(2px);z-index:-1}
.hero-visual::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(71,188,255,.18);left:20px;bottom:20px;z-index:-1}
.floating-card{backdrop-filter:blur(8px)}
.services-section{background:#ffffff}
.services-grid{grid-template-columns:repeat(4,1fr)}
.service-card{min-height:270px;border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(28,54,96,.04)}
.service-card:hover{box-shadow:0 18px 40px rgba(28,54,96,.12)}
.service-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#eef4ff,#ffffff);border:1px solid #d9e5ff;color:var(--blue);display:grid;place-items:center;font-size:28px;font-weight:700;line-height:1;margin-bottom:32px;box-shadow:0 7px 18px rgba(30,86,240,.08)}
.featured .service-icon{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.trust-strip{margin-top:34px;background:linear-gradient(90deg,#0f4ed7,#1742a5);color:#fff;border-radius:18px;padding:18px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;box-shadow:0 18px 36px rgba(18,69,180,.18)}
.trust-strip>div{display:flex;gap:12px;align-items:center;padding:4px 10px;border-right:1px solid rgba(255,255,255,.18)}
.trust-strip>div:last-child{border-right:0}
.trust-icon{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-weight:800;flex:0 0 auto}
.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:12px}.trust-strip small{font-size:10px;color:#d9e6ff;margin-top:3px;line-height:1.35}
@media(max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div:nth-child(3){border-top:1px solid rgba(255,255,255,.18);padding-top:14px}.trust-strip>div:nth-child(4){border-top:1px solid rgba(255,255,255,.18);padding-top:14px;border-right:0}}
@media(max-width:640px){.hero-image{border-radius:22px}.hero-visual{min-height:330px}.floating-card{transform:scale(.92)}.support-card{left:-6px;top:30px}.secure-card{right:-5px;bottom:10px}.services-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr;padding:16px}.trust-strip>div,.trust-strip>div:nth-child(3),.trust-strip>div:nth-child(4){border-right:0;border-top:0;padding:4px 0}.trust-strip>div+div{border-top:1px solid rgba(255,255,255,.18);padding-top:14px}}

@media(max-width:980px){html{scroll-padding-top:110px}}
@media(max-width:640px){html{scroll-padding-top:104px}}


/* Stage 2: reactive navigation + technical background system */
body{background:#f6f9fd}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(30,86,240,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,86,240,.045) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%)}
.site-header{background:rgba(249,252,255,.88);box-shadow:0 10px 30px rgba(16,37,74,.05)}
.services-section,.contact-section{background:rgba(255,255,255,.78)}
.about-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f0f5fc 0%,#eef4fb 100%)}
.about-section::before,.quote-band::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(30,86,240,.1),rgba(30,86,240,0) 68%);top:-120px;right:-80px;pointer-events:none}
.about-section{position:relative}
.quote-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#e6efff,#edf9f8)}
.quote-band::before{left:-120px;right:auto;top:30px}
.services-section{position:relative;overflow:hidden}
.services-section::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(91,224,208,.13),transparent 68%);right:-100px;top:110px;pointer-events:none}
.services-section>.container,.about-section>.container,.quote-band>.container{position:relative;z-index:1}


@media(max-width:640px){.ticker-track{gap:8px 14px;padding:15px 10px;font-size:10px;letter-spacing:.08em}}


/* Production accessibility and responsive refinements */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.noscript-banner{padding:12px 18px;background:#fff7d6;color:#5b4700;text-align:center;font:600 13px/1.4 'DM Sans',sans-serif;border-bottom:1px solid #ead98d}
.nav a:focus-visible,.btn:focus-visible,.footer-links a:focus-visible,.contact-list a:focus-visible{outline:3px solid rgba(30,86,240,.35);outline-offset:3px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.nav a,.btn,.service-card{transition:none!important}.hero::after,.hero-visual::before,.hero-visual::after{animation:none!important}}

.legal-content{max-width:900px}


/* Stage 6: interactive, dynamic UI */
.hero{isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 0 42%,rgba(30,86,240,.035) 42.1% 42.2%,transparent 42.3% 100%),linear-gradient(0deg,transparent 0 62%,rgba(91,224,208,.045) 62.1% 62.2%,transparent 62.3% 100%);background-size:180px 180px,220px 220px;opacity:.75;pointer-events:none}
.hero-live{margin-top:24px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#66758c}
.hero-live strong{color:var(--blue);font-weight:800;padding:6px 10px;background:#edf3ff;border:1px solid #d7e3ff;border-radius:999px;min-width:145px;text-align:center;transition:opacity .18s ease,transform .18s ease}
.live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12);animation:livePulse 2.2s infinite}
.hero-visual .hero-image{animation:heroFloat 6s ease-in-out infinite}
.hero-visual .floating-card{animation:cardFloat 5s ease-in-out infinite}
.hero-visual .secure-card{animation-delay:-2.2s}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 5px rgba(34,197,94,.12)}50%{box-shadow:0 0 0 9px rgba(34,197,94,0)}}

.help-section{background:linear-gradient(180deg,#f7faff 0%,#eef4ff 100%);position:relative;overflow:hidden}
.help-section::before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(91,224,208,.15),transparent 68%);pointer-events:none}
.help-intro{position:relative;z-index:1}
.help-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:22px;align-items:stretch;position:relative;z-index:1}
.help-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.help-option{border:1px solid #dbe4f2;background:rgba(255,255,255,.82);border-radius:18px;padding:16px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.help-option:hover,.help-option:focus-visible{transform:translateY(-3px);border-color:#b4c7ef;background:white;box-shadow:0 16px 34px rgba(32,67,130,.10);outline:none}
.help-option.active{border-color:#8eabf5;background:linear-gradient(135deg,#fff,#f3f7ff);box-shadow:0 16px 34px rgba(30,86,240,.12)}
.help-option-icon{width:40px;height:40px;border-radius:12px;background:#eef3ff;color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:20px}
.help-option strong,.help-option small{display:block}.help-option strong{font-size:13px}.help-option small{color:#77849a;font-size:10px;margin-top:3px;line-height:1.35}.help-arrow{color:#8a97aa;transition:transform .22s ease,color .22s ease}.help-option:hover .help-arrow,.help-option.active .help-arrow{transform:translateX(3px);color:var(--blue)}
.help-result{background:linear-gradient(145deg,#0e2e85,#123fae 55%,#0e55b7);color:white;border-radius:24px;padding:34px;box-shadow:0 24px 60px rgba(20,55,140,.20);position:relative;overflow:hidden;min-height:100%}
.help-result::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;bottom:-110px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 28px rgba(255,255,255,.03),0 0 0 58px rgba(255,255,255,.025)}
.help-result-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;color:#bfe4ff}
.help-result h3{font-size:32px;margin:14px 0 12px;max-width:520px}.help-result p{color:#d7e2ff;max-width:590px;font-size:14px;margin:0;min-height:78px}.help-result-meta{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.help-result-meta span{font-size:10px;font-weight:800;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14)}
.help-result .btn-primary{background:white;color:#12327d;box-shadow:none}.help-result .btn-primary:hover{background:#eef5ff}

.service-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}
.service-card:hover{transform:translateY(-7px);border-color:#c6d6f2;background:linear-gradient(180deg,#fff,#f8fbff)}
.service-card .service-icon{transition:transform .25s ease,box-shadow .25s ease}
.service-card:hover .service-icon{transform:rotate(-4deg) scale(1.06);box-shadow:0 12px 26px rgba(30,86,240,.15)}

.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.is-visible{opacity:1;transform:none}
.stagger-1{transition-delay:.04s}.stagger-2{transition-delay:.08s}.stagger-3{transition-delay:.12s}.stagger-4{transition-delay:.16s}

@media(max-width:980px){.help-layout{grid-template-columns:1fr}.help-result{min-height:0}.help-options{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.hero-live{font-size:10px}.help-options{grid-template-columns:1fr}.help-result{padding:28px}.help-result h3{font-size:28px}.help-result p{min-height:0}.hero-visual .hero-image,.hero-visual .floating-card{animation:none}.help-option{padding:14px}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none}.hero-visual .hero-image,.hero-visual .floating-card{animation:none}.reveal{opacity:1;transform:none}.help-option,.service-card,.hero-live strong{transition:none!important}}


/* Stage 7: adaptive light/dark theme */
.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);cursor:pointer;font-size:12px;font-weight:800;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .3s ease,color .3s ease}.theme-toggle:hover,.theme-toggle:focus-visible{transform:translateY(-2px);border-color:#b7c7ea;box-shadow:0 10px 22px rgba(30,86,240,.10);outline:none}.theme-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#edf3ff;color:var(--blue);font-size:12px;transition:transform .28s ease,background .3s ease,color .3s ease}.theme-toggle:hover .theme-icon{transform:rotate(18deg) scale(1.05)}.theme-label{white-space:nowrap}
@media(max-width:980px){.nav-wrap{gap:18px}.theme-label{display:none}.theme-toggle{padding:10px}}

html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body{--ink:#edf3ff;--muted:#a7b3c8;--line:#263247;--panel:#121c2c;--surface:#0f1726;--surface-soft:#111d30;--page:#08101d;--header-bg:rgba(8,16,29,.9);--grid:rgba(91,224,208,.055);--hero-a:#0b1423;--hero-b:#0d192b;--text-soft:#aebbd0;--card-border:#243248;background:var(--page);color:var(--ink)}
html[data-theme="dark"] body::before{background-image:linear-gradient(rgba(91,224,208,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(91,224,208,.055) 1px,transparent 1px)}
html[data-theme="dark"] .site-header{background:var(--header-bg);border-bottom-color:rgba(56,74,103,.75);box-shadow:0 12px 30px rgba(0,0,0,.2)}
html[data-theme="dark"] .nav{color:#aab7ca}
html[data-theme="dark"] .nav a:hover,html[data-theme="dark"] .nav a:focus-visible{background:rgba(30,86,240,.14)}
html[data-theme="dark"] .nav-cta,html[data-theme="dark"] .theme-toggle{background:#101a2b;border-color:#2b3b56;color:#edf3ff}
html[data-theme="dark"] .nav-cta:hover,html[data-theme="dark"] .theme-toggle:hover{background:#16233a;border-color:#46618d}
html[data-theme="dark"] .theme-icon{background:#17263f;color:#8edfff}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 80% 15%,rgba(91,224,208,.12),transparent 28%),radial-gradient(circle at 70% 45%,rgba(30,86,240,.18),transparent 36%),linear-gradient(180deg,var(--hero-a),var(--hero-b))}
html[data-theme="dark"] .hero-lead,html[data-theme="dark"] .hero-points span,html[data-theme="dark"] .hero-live{color:var(--text-soft)}
html[data-theme="dark"] .hero-points{border-color:var(--line)}
html[data-theme="dark"] .btn-secondary{background:#101a2b;border-color:#2a3a54;color:#edf3ff}
html[data-theme="dark"] .btn-secondary:hover{border-color:#476086}
html[data-theme="dark"] .hero-live strong{background:#12243f;border-color:#234777;color:#9edcff}
html[data-theme="dark"] .device-card{background:rgba(15,23,38,.92);border-color:#2b3a52;box-shadow:0 28px 70px rgba(0,0,0,.35)}
html[data-theme="dark"] .device-top{background:#0c1524;border-color:#25344a}.device-title{color:#8797ad}.dashboard-row{color:#aebbd0}.dashboard-row strong{background:#123425;color:#82d8a9}.progress{background:#1b2739}.mini-grid div{background:#111d30}.mini-grid span{color:#8897ad}.mini-grid strong{color:#edf3ff}
html[data-theme="dark"] .floating-card{background:rgba(15,23,38,.95);border-color:#2b3b54;box-shadow:0 18px 48px rgba(0,0,0,.3)}
html[data-theme="dark"] .floating-card div span{color:#8e9db3}.icon-chip{background:#152441}
html[data-theme="dark"] .services-section,html[data-theme="dark"] .contact-section{background:rgba(9,17,30,.72)}
html[data-theme="dark"] .contact-form{background:#0f1726;border-color:#2a3a54}html[data-theme="dark"] .form-note{color:#edf3ff!important}
html[data-theme="dark"] .form-note{background:#0b1423;border-color:#53647e}html[data-theme="dark"] .form-note--sending{background:#0f1b33;border-color:#6e8fe6}html[data-theme="dark"] .form-note--success{background:#0d2117;border-color:#2f8f52;color:#b7f0c8!important}html[data-theme="dark"] .form-note--error{background:#2a1315;border-color:#a94a52;color:#ffc5ca!important}html[data-theme="dark"] .contact-form label{color:#edf3ff}html[data-theme="dark"] .contact-form input,html[data-theme="dark"] .contact-form select,html[data-theme="dark"] .contact-form textarea{background:#0b1423;border-color:#53647e;color:#f2f6ff;box-shadow:none}html[data-theme="dark"] .contact-form input::placeholder,html[data-theme="dark"] .contact-form textarea::placeholder{color:#91a0b4}html[data-theme="dark"] .contact-form input:focus,html[data-theme="dark"] .contact-form select:focus,html[data-theme="dark"] .contact-form textarea:focus{border-color:#78a1ff;box-shadow:0 0 0 4px rgba(67,111,255,.18)}
html[data-theme="dark"] .service-card{background:#101a2a;border-color:#26364f;color:#edf3ff}.service-card p{color:#9dabc0}.service-card:hover{background:linear-gradient(180deg,#14213a,#101a2a);border-color:#38558b;box-shadow:0 22px 70px rgba(0,0,0,.28)}
html[data-theme="dark"] .service-card.featured{background:linear-gradient(145deg,#0d1b46,#173c9d)}
html[data-theme="dark"] .service-icon{color:#8c9bb1}.featured .service-icon{color:#bdd0ff}
html[data-theme="dark"] .about-section{background:linear-gradient(180deg,#0d1727,#0a1321)}
html[data-theme="dark"] .about-stat{background:#101a2a;border-color:#293a52}.about-stat p{color:#9dabc0}.about-tags span{background:#101a2a;border-color:#2a3b55;color:#b0bfd3}
html[data-theme="dark"] .quote-band{background:linear-gradient(135deg,#12233e,#10313b)}
html[data-theme="dark"] .help-section{background:linear-gradient(180deg,#0d1727,#0b1422)}
html[data-theme="dark"] .help-option{background:rgba(16,27,43,.92);border-color:#2a3b55;color:#edf3ff}.help-option:hover,.help-option:focus-visible,.help-option.active{background:#13213a;border-color:#41618f;box-shadow:0 18px 40px rgba(0,0,0,.24)}.help-option small{color:#91a0b5}.help-option-icon{background:#162746}.help-result{box-shadow:0 28px 70px rgba(0,0,0,.28)}
html[data-theme="dark"] .contact-section p,html[data-theme="dark"] .contact-list span,html[data-theme="dark"] .contact-list a,html[data-theme="dark"] .contact-list div{color:#9eacc1}.contact-list{border-color:var(--line)}.contact-list a,.contact-list div{border-color:var(--line)}
html[data-theme="dark"] footer{background:#060d17}html[data-theme="dark"] .footer-links a{color:#92a2b9}
@media(max-width:640px){.theme-toggle{margin-left:auto}.nav-wrap{min-height:84px;gap:10px}.brand-logo{width:185px}.nav{gap:2px}.nav a{padding:10px 8px;font-size:12px}.nav a::after{left:8px;right:8px}}
@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-icon{transition:none!important}}

/* Stage 8 — Microbot Technician Easter Egg */
.microbot-layer{display:none;position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden}
.js-ready .microbot-layer{display:block}.microbot{position:absolute;left:50%;top:70%;width:104px;height:116px;--microbot-scale:1;transform:translate(-50%,-50%) scale(var(--microbot-scale));opacity:0;transition:left 1.05s cubic-bezier(.2,.75,.25,1),top 1.05s cubic-bezier(.2,.75,.25,1),opacity .35s ease,transform .4s ease;filter:drop-shadow(0 14px 24px rgba(15,44,110,.18));}
.microbot.is-home{--microbot-scale:.62;opacity:.78;}
.microbot.is-home .microbot-bubble,.microbot.is-home .microbot-tool,.microbot.is-home .microbot-spark{display:none;}
.microbot.is-visible{opacity:1}.microbot.is-section-fixed{filter:drop-shadow(0 18px 30px rgba(30,86,240,.18))}.microbot.show-bubble .microbot-bubble{opacity:1;transform:translateX(-50%) translateY(-3px)}
.microbot-svg{position:absolute;left:4px;top:12px;width:82px;height:82px;animation:microbotBob 1.7s ease-in-out infinite}
.microbot-bubble{position:absolute;left:50%;top:-18px;transform:translateX(-50%) translateY(0);white-space:nowrap;padding:6px 9px;border:1px solid rgba(47,120,255,.24);border-radius:999px;background:rgba(255,255,255,.92);color:#153d8f;font-size:9px;font-weight:900;letter-spacing:.02em;box-shadow:0 10px 24px rgba(25,70,145,.13);opacity:0;transition:opacity .2s ease,transform .2s ease}
.microbot.is-working .microbot-bubble{opacity:1;transform:translateX(-50%) translateY(-3px)}
.microbot-tool{position:absolute;right:-1px;bottom:21px;font-size:17px;opacity:0;transform:rotate(-24deg) scale(.7);transition:opacity .18s ease,transform .18s ease}
.microbot.is-working .microbot-tool{opacity:1;transform:rotate(-12deg) scale(1)}
.microbot-spark{position:absolute;color:#5be0d0;font-size:13px;opacity:0;transform:scale(.5)}
.microbot-spark-a{right:-1px;bottom:40px}.microbot-spark-b{right:8px;bottom:55px}
.microbot.is-working .microbot-spark-a{animation:microbotSpark .65s ease-out .05s both}.microbot.is-working .microbot-spark-b{animation:microbotSpark .7s ease-out .18s both}
.microbot-bot-glow{animation:microbotEye 1s ease-in-out infinite}
.bot-eye{animation:microbotBlink 5s infinite}
html[data-theme="dark"] .microbot-bubble{background:rgba(12,24,42,.95);border-color:#31517d;color:#bfe4ff;box-shadow:0 16px 30px rgba(0,0,0,.28)}
html[data-theme="dark"] .microbot{filter:drop-shadow(0 16px 28px rgba(0,0,0,.38))}
.service-card.bot-fixing,.help-option.bot-fixing{box-shadow:0 0 0 2px rgba(91,224,208,.24),0 22px 58px rgba(30,86,240,.16)!important;border-color:#7fded8!important;position:relative;animation:microbotTarget 1.2s ease-in-out 2}
.service-card.bot-fixing::after,.help-option.bot-fixing::after{content:"";position:absolute;inset:-6px;border:1px dashed rgba(91,224,208,.32);border-radius:inherit;pointer-events:none;animation:microbotCircuit .9s ease-in-out infinite alternate}
@keyframes microbotBob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@keyframes microbotSpark{0%{opacity:0;transform:translate(0,8px) scale(.4)}35%{opacity:1;transform:translate(2px,0) scale(1.1)}100%{opacity:0;transform:translate(7px,-10px) scale(.2)}}
@keyframes microbotBlink{0%,44%,46%,100%{opacity:1}45%{opacity:.06}}
@keyframes microbotTarget{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes microbotCircuit{from{opacity:.2;transform:scale(.985)}to{opacity:.55;transform:scale(1)}}
@media(max-width:640px){.microbot{width:88px;height:100px}.microbot-bubble{font-size:8px;max-width:200px;text-align:center}.microbot-layer{z-index:19}}
@media(prefers-reduced-motion:reduce){.microbot-layer{display:none}.service-card.bot-fixing,.help-option.bot-fixing{animation:none!important}.service-card.bot-fixing::after,.help-option.bot-fixing::after{display:none}}

.form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.contact-form button:disabled{opacity:.65;cursor:wait}
.form-note{min-height:1.4em;padding:9px 12px;border:1px solid #aebbd0;border-radius:10px;background:#f5f8fc;color:#0d1321!important;transition:background .2s ease,border-color .2s ease,color .2s ease}.form-note--sending{border-color:#9fb5ef;background:#eef3ff}.form-note--success{border-color:#8bc79d;background:#eefaf1;color:#14532d!important}.form-note--error{border-color:#e19a9a;background:#fff1f1;color:#7f1d1d!important}
\n\n/* Stage 14b — Cyber Essentials section aligned with site rhythm */
.cyber-card{border-color:#b9ccef;background:linear-gradient(180deg,#fff,#f5f9ff)}
.cyber-card .service-icon{background:#eaf1ff;color:#1457df}
.cyber-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f2f6fc 0%,#edf4fb 100%);border-top:1px solid rgba(64,103,164,.10);border-bottom:1px solid rgba(64,103,164,.10)}
.cyber-section::before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-150px;top:-180px;background:radial-gradient(circle,rgba(30,86,240,.11),transparent 68%);pointer-events:none}
.cyber-wrap{position:relative;z-index:1}
.cyber-intro{display:grid;grid-template-columns:1.1fr .75fr;gap:70px;align-items:end;margin-bottom:34px}
.cyber-intro h2{font-size:clamp(34px,4vw,54px);margin:16px 0 0;max-width:760px}
.cyber-intro>p{color:var(--muted);max-width:470px;margin:0 0 4px;font-size:15px;line-height:1.7}
.cyber-summary{max-width:980px;margin-bottom:36px}
.cyber-summary>p{font-size:16px;line-height:1.72;color:#5f6d83;max-width:900px;margin:0 0 18px}
.cyber-note{padding:17px 19px;border:1px solid #cbd9ef;border-left:4px solid var(--blue);border-radius:14px;background:rgba(255,255,255,.76);color:#526176;font-size:13px;line-height:1.65}
.cyber-note strong{color:#172238}
.cyber-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}
.cyber-levels{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cyber-level{background:rgba(255,255,255,.93);border:1px solid #d4e0f1;border-radius:22px;padding:30px;min-height:355px;box-shadow:0 16px 45px rgba(35,70,125,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.cyber-level:hover{transform:translateY(-5px);border-color:#aec4ea;box-shadow:0 24px 55px rgba(35,70,125,.13)}
.cyber-level-plus{background:linear-gradient(145deg,#102253,#173f9c);border-color:transparent;color:#fff}
.cyber-level-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}
.cyber-level-top small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#738198}
.cyber-level-plus .cyber-level-top small{color:#b8c9ed}
.cyber-badge{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#e9f0ff;color:#1558df;font-family:Manrope;font-weight:800;font-size:15px}
.cyber-level-plus .cyber-badge{background:rgba(255,255,255,.13);color:#fff}
.cyber-level h3{font-size:28px;margin:0 0 15px}
.cyber-level p{font-size:14px;line-height:1.68;color:#66748a;margin:0}
.cyber-level-plus p{color:#c7d4ec}
.cyber-level ul{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:11px 20px}
.cyber-level li{position:relative;padding-left:21px;font-size:12px;color:#4f6078;line-height:1.4}
.cyber-level li::before{content:"✓";position:absolute;left:0;color:#1e56f0;font-weight:900}
.cyber-level-plus li{color:#d9e3f6}.cyber-level-plus li::before{color:#7fe0da}
.cyber-foot{margin-top:28px;display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap}
.cyber-foot span{border:1px solid #c8d7ec;background:rgba(255,255,255,.72);border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;color:#627087}
html[data-theme="dark"] .cyber-section{background:linear-gradient(180deg,#0d1727,#0a1321);border-color:#273952}
html[data-theme="dark"] .cyber-intro>p,html[data-theme="dark"] .cyber-summary>p{color:#9dadc3}
html[data-theme="dark"] .cyber-note{background:rgba(14,26,43,.78);border-color:#304866;border-left-color:#4d81ff;color:#9dadc3}
html[data-theme="dark"] .cyber-note strong{color:#eef4ff}
html[data-theme="dark"] .cyber-level{background:#101a2a;border-color:#2b3d57;color:#eef4ff;box-shadow:0 18px 52px rgba(0,0,0,.22)}
html[data-theme="dark"] .cyber-level p,html[data-theme="dark"] .cyber-level li{color:#a5b3c8}
html[data-theme="dark"] .cyber-level-plus{background:linear-gradient(145deg,#102253,#16409f)}
html[data-theme="dark"] .cyber-level-plus p,html[data-theme="dark"] .cyber-level-plus li{color:#d0dcf1}
html[data-theme="dark"] .cyber-foot span{background:#111d2f;border-color:#2b405b;color:#aab8cb}
.services-grid .cyber-card{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:58px minmax(220px,.7fr) minmax(280px,1.3fr) auto;align-items:center;column-gap:22px;padding:22px 26px}
.services-grid .cyber-card .service-icon{margin:0}.services-grid .cyber-card h3{margin:0}.services-grid .cyber-card p{margin:0}.services-grid .cyber-card a{margin:0;padding:10px 0;white-space:nowrap}
@media(max-width:980px){.cyber-intro{grid-template-columns:1fr;gap:18px}.cyber-intro>p{max-width:700px}.cyber-levels{grid-template-columns:1fr}.cyber-level{min-height:0}.cyber-level ul{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.services-grid .cyber-card{grid-template-columns:52px 1fr}.services-grid .cyber-card p,.services-grid .cyber-card a{grid-column:2}.services-grid .cyber-card p{margin-top:8px}}
@media(max-width:640px){.cyber-level{padding:24px}.cyber-level h3{font-size:25px}.cyber-level ul{grid-template-columns:1fr}.cyber-actions{align-items:stretch}.cyber-actions .btn{justify-content:center}.cyber-foot{justify-content:flex-start}.services-grid .cyber-card{display:flex;min-height:250px}.services-grid .cyber-card .service-icon{margin-bottom:30px}.services-grid .cyber-card p{margin:0}.services-grid .cyber-card a{margin-top:auto}}





/* Stage 14d — Cyber Essentials sweeping highlight */
.cyber-pulse {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.cyber-pulse::after {
  content: "";
  position: absolute;
  inset: -35% auto -35% -42%;
  width: 30%;
  pointer-events: none;
  z-index: 3;
  transform: skewX(-18deg);
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.08) 26%,
    rgba(130,205,255,0.55) 50%,
    rgba(255,255,255,0.12) 70%,
    rgba(255,255,255,0) 100%
  );
  filter: blur(1px);
  animation: cyberSweep 7.5s ease-in-out infinite;
}

@keyframes cyberSweep {
  0%, 18% { left: -42%; opacity: 0; }
  24% { opacity: 1; }
  58% { left: 118%; opacity: 1; }
  66%, 100% { left: 118%; opacity: 0; }
}

.cyber-pulse:hover::after,
.cyber-pulse:focus-within::after {
  animation-duration: 5.5s;
}

}

@media (prefers-reduced-motion: reduce) {
  .cyber-pulse::after {
    animation: none !important;
    display: none !important;
  }
}


/* Stage 14e — restrained header logo increase */
header img[src*="microtechnics-logo"] {
  width: 106%;
  max-width: 106%;
  height: auto;
}

@media (max-width: 800px) {
  header img[src*="microtechnics-logo"] {
    width: 103%;
    max-width: 103%;
  }
}


/* Stage 14g — automatic header-logo light sweep */
.site-header .logo-sweep-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  isolation: isolate;
}

.site-header .logo-sweep-wrap .brand-logo {
  position: relative;
  z-index: 1;
  transition: filter .3s ease, transform .3s ease;
}

.site-header .logo-sweep-wrap::after {
  content: "";
  position: absolute;
  z-index: 2;
  pointer-events: none;
  top: -20%;
  bottom: -20%;
  left: -36%;
  width: 20%;
  opacity: 0;
  transform: skewX(-18deg);
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.06) 24%,
    rgba(171,224,255,.82) 50%,
    rgba(255,255,255,.08) 76%,
    rgba(255,255,255,0) 100%
  );
  filter: blur(.5px);
  animation: microLogoAutoSweep 8.5s ease-in-out infinite;
}

@keyframes microLogoAutoSweep {
  0%, 48% {
    left: -36%;
    opacity: 0;
  }
  52% {
    opacity: .95;
  }
  66% {
    left: 116%;
    opacity: .95;
  }
  70%, 100% {
    left: 116%;
    opacity: 0;
  }
}

.site-header .logo-sweep-wrap:hover .brand-logo {
  transform: translateY(-1px);
  filter: drop-shadow(0 0 8px rgba(72,161,255,.32));
}

@media (prefers-reduced-motion: reduce) {
  .site-header .logo-sweep-wrap::after {
    display: none !important;
    animation: none !important;
  }
  .site-header .logo-sweep-wrap .brand-logo {
    transform: none !important;
    transition: none !important;
  }
}


/* Stage 16 — Interactive Microbot Assistant */
#microbot,
.microbot {
  cursor: pointer;
}

.microbot-assistant {
  position: fixed;
  right: 26px;
  bottom: 26px;
  width: min(390px, calc(100vw - 32px));
  max-height: min(680px, calc(100vh - 42px));
  overflow: auto;
  z-index: 10050;
  padding: 18px;
  border-radius: 22px;
  color: #172338;
  background: rgba(255,255,255,.97);
  border: 1px solid rgba(29,92,210,.18);
  box-shadow: 0 24px 80px rgba(9,31,71,.24), 0 4px 18px rgba(9,31,71,.10);
  backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(18px) scale(.96);
  transform-origin: right bottom;
  transition: opacity .22s ease, transform .28s cubic-bezier(.2,.8,.2,1), visibility .22s;
}

.microbot-assistant.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

html[data-theme="dark"] .microbot-assistant {
  color: #eef5ff;
  background: rgba(11,24,43,.97);
  border-color: rgba(92,174,255,.24);
  box-shadow: 0 28px 90px rgba(0,0,0,.48);
}

.microbot-assistant-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.microbot-assistant-head strong {
  display: block;
  margin-top: 2px;
  font-size: 21px;
  line-height: 1.18;
}

.microbot-assistant-kicker {
  display: block;
  color: #1769e8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
}

html[data-theme="dark"] .microbot-assistant-kicker { color: #73b8ff; }

.microbot-assistant-close {
  appearance: none;
  border: 0;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 50%;
  background: #eef4fd;
  color: #24354e;
  font: 500 24px/1 sans-serif;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}
.microbot-assistant-close:hover { transform: rotate(8deg) scale(1.05); background: #e3eeff; }
html[data-theme="dark"] .microbot-assistant-close { background:#172a45; color:#eaf3ff; }

.microbot-assistant-message {
  padding: 13px 14px;
  margin-bottom: 13px;
  border-radius: 14px;
  background: linear-gradient(135deg, #eef6ff, #f6fbff);
  border: 1px solid #dceaff;
  color: #42526a;
  font-size: 14px;
  line-height: 1.48;
}
.microbot-assistant-message span { color:#1769e8; font-weight:700; }
html[data-theme="dark"] .microbot-assistant-message {
  color:#c8d5e8;
  background:linear-gradient(135deg,#12243e,#102037);
  border-color:#233d60;
}

.microbot-assistant-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.microbot-assistant-options button {
  min-height: 49px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 11px;
  border: 1px solid #dbe5f3;
  border-radius: 12px;
  background: #fff;
  color: #263850;
  text-align: left;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.microbot-assistant-options button:hover {
  transform: translateY(-2px);
  border-color: #79afff;
  background: #f6faff;
  box-shadow: 0 7px 18px rgba(35,103,207,.10);
}
html[data-theme="dark"] .microbot-assistant-options button {
  color:#e5eefb;
  background:#101f34;
  border-color:#263a57;
}
html[data-theme="dark"] .microbot-assistant-options button:hover {
  background:#152b49;
  border-color:#4d91e8;
}

.microbot-assistant-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}
.microbot-assistant-actions[hidden] { display:none; }
.microbot-assistant-actions button {
  border:0;
  border-radius:11px;
  padding:11px 12px;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.microbot-action-primary { color:white; background:#1769e8; }
.microbot-action-secondary { color:#1769e8; background:#eaf3ff; }
.microbot-action-back {
  grid-column:1/-1;
  color:#5c6d84;
  background:transparent;
  padding:7px !important;
}
html[data-theme="dark"] .microbot-action-secondary { color:#9dccff; background:#173152; }
html[data-theme="dark"] .microbot-action-back { color:#9fb0c8; }

#microbot.microbot-assistant-active,
.microbot.microbot-assistant-active {
  filter: drop-shadow(0 0 12px rgba(50,151,255,.45));
}

@media (max-width: 620px) {
  .microbot-assistant {
    right: 12px;
    bottom: 12px;
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    border-radius: 18px;
  }
  .microbot-assistant-options { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .microbot-assistant,
  .microbot-assistant-options button,
  .microbot-assistant-close {
    transition:none !important;
  }
}


/* Stage 16b — Microbot click/touch fix
   The full-screen positioning layer intentionally ignores pointer events,
   so the robot itself must explicitly opt back in. */
.microbot-layer .microbot[data-microbot] {
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation;
  user-select: none;
}

.microbot-layer .microbot[data-microbot]:focus-visible {
  outline: 3px solid rgba(47,120,255,.55);
  outline-offset: 5px;
  border-radius: 18px;
}


/* Stage 16c — guided Microbot triage */
.microbot-wizard {
  width: min(430px, calc(100vw - 32px));
}

.microbot-progress {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  margin: -2px 0 12px;
  color: #697b93;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.microbot-progress[hidden] { display:none; }
.microbot-progress-track {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #e7eef8;
}
.microbot-progress-track span {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,#1769e8,#58b8ff);
  transition: width .28s ease;
}
html[data-theme="dark"] .microbot-progress { color:#91a5be; }
html[data-theme="dark"] .microbot-progress-track { background:#1d304b; }

.microbot-question[hidden],
.microbot-summary[hidden],
.microbot-contact[hidden],
.microbot-success[hidden] { display:none !important; }

.microbot-question-title {
  margin: 2px 0 10px;
  color: #24364e;
  font-size: 15px;
  font-weight: 800;
}
html[data-theme="dark"] .microbot-question-title { color:#eef5ff; }

.microbot-question-help {
  margin: -5px 0 10px;
  color:#718097;
  font-size:12px;
  line-height:1.45;
}
html[data-theme="dark"] .microbot-question-help { color:#9daec4; }

.microbot-question-options {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.microbot-question-options button {
  min-height:46px;
  padding:10px 11px;
  border:1px solid #dbe5f3;
  border-radius:12px;
  color:#263850;
  background:#fff;
  font:inherit;
  font-size:12.5px;
  font-weight:750;
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.microbot-question-options button:hover {
  transform:translateY(-1px);
  border-color:#79afff;
  background:#f6faff;
  box-shadow:0 6px 16px rgba(35,103,207,.09);
}
html[data-theme="dark"] .microbot-question-options button {
  color:#e7f0fc;
  background:#101f34;
  border-color:#263a57;
}
html[data-theme="dark"] .microbot-question-options button:hover {
  background:#152b49;
  border-color:#4d91e8;
}

.microbot-freeform textarea,
.microbot-freeform input,
.microbot-contact input,
.microbot-contact textarea {
  box-sizing:border-box;
  width:100%;
  padding:11px 12px;
  border:1px solid #cfdbea;
  border-radius:11px;
  outline:none;
  color:#18283e;
  background:#fff;
  font:inherit;
  font-size:13px;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.microbot-freeform textarea:focus,
.microbot-freeform input:focus,
.microbot-contact input:focus,
.microbot-contact textarea:focus {
  border-color:#5b9af6;
  box-shadow:0 0 0 3px rgba(53,126,235,.10);
}
html[data-theme="dark"] .microbot-freeform textarea,
html[data-theme="dark"] .microbot-freeform input,
html[data-theme="dark"] .microbot-contact input,
html[data-theme="dark"] .microbot-contact textarea {
  color:#edf5ff;
  background:#0e1d31;
  border-color:#2a405f;
}

.microbot-freeform-next {
  width:100%;
  margin-top:8px;
  border:0;
  border-radius:11px;
  padding:11px;
  color:#fff;
  background:#1769e8;
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}

.microbot-wizard-nav {
  margin-top:10px;
  text-align:left;
}
.microbot-wizard-nav[hidden] { display:none; }
.microbot-wizard-nav .microbot-action-back {
  padding:5px 2px !important;
}

.microbot-summary {
  border:1px solid #dce7f5;
  border-radius:14px;
  padding:13px;
  background:#fbfdff;
}
html[data-theme="dark"] .microbot-summary {
  background:#0f1e32;
  border-color:#263d5b;
}
.microbot-summary-heading {
  margin-bottom:9px;
  font-size:14px;
  font-weight:850;
  color:#1f3554;
}
html[data-theme="dark"] .microbot-summary-heading { color:#edf5ff; }
.microbot-summary-list {
  display:grid;
  gap:6px;
  margin:0;
}
.microbot-summary-row {
  display:grid;
  grid-template-columns:110px 1fr;
  gap:8px;
  padding-bottom:6px;
  border-bottom:1px dashed #e0e8f3;
  font-size:12px;
  line-height:1.4;
}
.microbot-summary-row:last-child { border-bottom:0; padding-bottom:0; }
.microbot-summary-row dt { color:#718097; font-weight:750; }
.microbot-summary-row dd { margin:0; color:#273950; font-weight:650; overflow-wrap:anywhere; }
html[data-theme="dark"] .microbot-summary-row { border-color:#263b58; }
html[data-theme="dark"] .microbot-summary-row dt { color:#93a5bd; }
html[data-theme="dark"] .microbot-summary-row dd { color:#dbe8f8; }

.microbot-summary-note,
.microbot-privacy-note {
  margin:10px 0 0;
  color:#7b8798;
  font-size:10.5px;
  line-height:1.45;
}
html[data-theme="dark"] .microbot-summary-note,
html[data-theme="dark"] .microbot-privacy-note { color:#8fa1b7; }

.microbot-summary-actions,
.microbot-send-actions {
  display:grid;
  gap:7px;
  margin-top:12px;
}
.microbot-summary-actions .microbot-action-primary,
.microbot-send-actions .microbot-action-primary,
.microbot-success .microbot-action-primary {
  border:0;
  border-radius:11px;
  padding:11px 12px;
  color:#fff;
  background:#1769e8;
  font:inherit;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
}
.microbot-summary-actions .microbot-action-back,
.microbot-send-actions .microbot-action-back {
  border:0;
  background:transparent;
  color:#607188;
  font:inherit;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
html[data-theme="dark"] .microbot-summary-actions .microbot-action-back,
html[data-theme="dark"] .microbot-send-actions .microbot-action-back { color:#9db0c7; }

.microbot-contact {
  display:grid;
  gap:9px;
}
.microbot-contact-intro {
  display:grid;
  gap:2px;
  margin-bottom:2px;
}
.microbot-contact-intro strong { color:#233953; font-size:14px; }
.microbot-contact-intro span { color:#75849a; font-size:11px; }
html[data-theme="dark"] .microbot-contact-intro strong { color:#edf5ff; }
html[data-theme="dark"] .microbot-contact-intro span { color:#97a9c0; }

.microbot-contact > label {
  display:grid;
  gap:4px;
  color:#44566e;
  font-size:11px;
  font-weight:800;
}
.microbot-contact > label small { font-weight:600; color:#8896a7; }
html[data-theme="dark"] .microbot-contact > label { color:#cbd8e8; }

.microbot-contact fieldset {
  margin:0;
  padding:8px 10px 9px;
  border:1px solid #d7e2f0;
  border-radius:11px;
}
.microbot-contact legend {
  padding:0 4px;
  color:#52637a;
  font-size:10.5px;
  font-weight:800;
}
html[data-theme="dark"] .microbot-contact fieldset { border-color:#29405d; }
html[data-theme="dark"] .microbot-contact legend { color:#a3b4c9; }

.microbot-choice-row {
  display:flex;
  flex-wrap:wrap;
  gap:8px 13px;
}
.microbot-choice-row label {
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#40546d;
  font-size:11px;
  font-weight:700;
}
.microbot-choice-row input { width:auto; accent-color:#1769e8; }
html[data-theme="dark"] .microbot-choice-row label { color:#cad7e8; }

.microbot-send-status {
  min-height:16px;
  color:#687991;
  font-size:11px;
  line-height:1.4;
}
.microbot-send-status.is-error { color:#b42318; }
.microbot-send-status.is-success { color:#167445; }
html[data-theme="dark"] .microbot-send-status.is-error { color:#ffaaa3; }
html[data-theme="dark"] .microbot-send-status.is-success { color:#74d9a5; }

.microbot-success {
  text-align:center;
  padding:8px 3px 4px;
}
.microbot-success-icon {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin:0 auto 10px;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,#1769e8,#46b5ff);
  font-size:24px;
  font-weight:900;
  box-shadow:0 10px 26px rgba(23,105,232,.24);
}
.microbot-success strong {
  display:block;
  color:#21364f;
  font-size:18px;
}
.microbot-success p {
  margin:6px 0 14px;
  color:#687991;
  font-size:12px;
  line-height:1.5;
}
html[data-theme="dark"] .microbot-success strong { color:#edf5ff; }
html[data-theme="dark"] .microbot-success p { color:#9dafc5; }

@media (max-width:620px) {
  .microbot-question-options { grid-template-columns:1fr; }
  .microbot-summary-row { grid-template-columns:92px 1fr; }
}


/* Stage 16e — smooth persistent Microbot flow + explicit send confirmation */
.microbot-assistant {
  scroll-behavior: smooth;
}

.microbot-question,
.microbot-summary,
.microbot-contact,
.microbot-confirm,
.microbot-success {
  scroll-margin-top: 12px;
}

.microbot-confirm[hidden] { display:none !important; }

.microbot-confirm {
  padding: 8px 2px 4px;
  text-align: center;
}

.microbot-confirm-icon {
  font-size: 34px;
  line-height: 1;
  margin-bottom: 8px;
}

.microbot-confirm > strong {
  display:block;
  color:#21364f;
  font-size:18px;
  margin-bottom:5px;
}

.microbot-confirm > p {
  margin:0 auto 12px;
  max-width:340px;
  color:#65768d;
  font-size:12px;
  line-height:1.55;
}

.microbot-confirm-contact {
  margin: 10px 0 12px;
  padding: 10px 12px;
  border: 1px solid #dbe6f4;
  border-radius: 12px;
  background: #f8fbff;
  color: #31465f;
  font-size: 11.5px;
  line-height: 1.5;
  text-align: left;
}

.microbot-confirm-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.microbot-confirm-actions button,
.microbot-confirm > .microbot-action-back {
  border:0;
  border-radius:11px;
  padding:11px 12px;
  font:inherit;
  font-size:12.5px;
  font-weight:800;
  cursor:pointer;
}

.microbot-confirm > .microbot-action-back {
  display:block;
  width:100%;
  margin-top:7px;
  padding:7px !important;
  color:#667890;
  background:transparent;
}

html[data-theme="dark"] .microbot-confirm > strong { color:#edf5ff; }
html[data-theme="dark"] .microbot-confirm > p { color:#9dafc5; }
html[data-theme="dark"] .microbot-confirm-contact {
  color:#d9e6f6;
  background:#101f34;
  border-color:#29415f;
}
html[data-theme="dark"] .microbot-confirm > .microbot-action-back { color:#9eb0c7; }

@media (max-width:620px) {
  .microbot-confirm-actions { grid-template-columns:1fr; }
}


/* Stage 16f — Microbot flow polish */
.microbot-contact-actions {
  grid-template-columns: .72fr 1.28fr;
  align-items: stretch;
}

.microbot-contact-actions .microbot-contact-back {
  margin: 0;
  border: 1px solid #d8e3f1 !important;
  border-radius: 11px;
  padding: 11px 12px !important;
  background: #f5f8fc !important;
  color: #4f627a !important;
}

.microbot-contact-actions .microbot-contact-back:hover {
  background: #edf3fa !important;
}

html[data-theme="dark"] .microbot-contact-actions .microbot-contact-back {
  border-color:#29415f !important;
  background:#12233a !important;
  color:#c6d5e8 !important;
}

/* Keep the per-question Back control visible as the assistant advances. */
.microbot-wizard-nav {
  position: sticky;
  bottom: -1px;
  z-index: 4;
  margin: 10px -4px -4px;
  padding: 7px 4px 2px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.96) 30%);
}

.microbot-wizard-nav .microbot-action-back {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 9px !important;
  border-radius: 9px;
  background: rgba(239,245,253,.94) !important;
  color:#52657e !important;
}

html[data-theme="dark"] .microbot-wizard-nav {
  background: linear-gradient(to bottom, rgba(11,24,43,0), rgba(11,24,43,.97) 30%);
}

html[data-theme="dark"] .microbot-wizard-nav .microbot-action-back {
  background: rgba(22,42,68,.96) !important;
  color:#bdcde1 !important;
}

@media (max-width: 620px) {
  .microbot-contact-actions {
    grid-template-columns: .8fr 1.2fr;
  }
}


/* Stage 16h — final contact panel button hierarchy */
.microbot-contact-actions {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 7px;
}

.microbot-contact-actions #microbotSendEnquiry {
  width: 100%;
  order: 1;
}

.microbot-contact-actions .microbot-contact-back {
  order: 2;
  width: auto !important;
  align-self: flex-start;
  min-width: 82px;
  padding: 7px 12px !important;
  font-size: 11.5px !important;
}

/* Stage 17 — Problems We Solve */
.problems-section{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 4%,rgba(47,120,255,.09),transparent 30%),linear-gradient(180deg,#f8fbff 0%,#f2f7fd 100%)}
.problems-intro{max-width:790px;margin-bottom:34px}.problems-intro p{max-width:760px;margin-top:14px;color:#66758a;font-size:17px}
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.problem-card{appearance:none;position:relative;display:flex;min-height:205px;flex-direction:column;align-items:flex-start;padding:22px;overflow:hidden;border:1px solid rgba(38,85,150,.14);border-radius:19px;color:#1f3048;background:rgba(255,255,255,.9);text-align:left;font:inherit;cursor:pointer;box-shadow:0 12px 34px rgba(30,68,128,.07);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.problem-card::before{content:"";position:absolute;width:110px;height:110px;right:-55px;top:-55px;border-radius:50%;background:rgba(47,120,255,.06);transition:transform .35s ease,background .35s ease}
.problem-card:hover{transform:translateY(-5px);border-color:rgba(47,120,255,.34);box-shadow:0 20px 46px rgba(30,68,128,.13)}.problem-card:hover::before{transform:scale(1.5);background:rgba(47,120,255,.10)}
.problem-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:17px;border-radius:13px;background:#edf5ff;font-size:22px}
.problem-copy{display:grid;gap:8px;position:relative;z-index:1}.problem-copy strong{font-size:17px;line-height:1.2}.problem-copy small{color:#6c7b90;font-size:12.5px;line-height:1.5}
.problem-go{margin-top:auto;padding-top:18px;color:#1769e8;font-size:11.5px;font-weight:850}.problem-card-cyber{border-color:rgba(45,125,240,.25);background:linear-gradient(145deg,#fff,#f1f7ff)}
.problems-foot{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:25px;color:#68788e;font-size:13px}.problems-foot button{appearance:none;padding:0;border:0;color:#1769e8;background:transparent;font:inherit;font-weight:850;cursor:pointer}
html[data-theme="dark"] .problems-section{background:radial-gradient(circle at 92% 4%,rgba(70,150,255,.09),transparent 30%),linear-gradient(180deg,#0b1524,#0c1828)}html[data-theme="dark"] .problems-intro p{color:#a8b6c9}
html[data-theme="dark"] .problem-card{color:#edf4ff;background:rgba(16,29,48,.94);border-color:#263c59;box-shadow:0 14px 36px rgba(0,0,0,.20)}html[data-theme="dark"] .problem-card:hover{border-color:#467fca}html[data-theme="dark"] .problem-icon{background:#152d4d}html[data-theme="dark"] .problem-copy small{color:#9eafc5}html[data-theme="dark"] .problem-card-cyber{background:linear-gradient(145deg,#10213a,#122944)}html[data-theme="dark"] .problems-foot{color:#9fb0c5}
@media(max-width:1050px){.problem-grid{grid-template-columns:repeat(2,1fr)}.problem-card{min-height:180px}}@media(max-width:620px){.problem-grid{grid-template-columns:1fr}.problem-card{min-height:0}.problems-foot{align-items:flex-start;flex-direction:column}}


/* Stage 18 — Microtechnics history timeline */
.history-section {
  position: relative;
  overflow: hidden;
}

.history-head {
  display: grid;
  grid-template-columns: minmax(0,1.4fr) minmax(250px,.6fr);
  gap: 48px;
  align-items: end;
}

.history-copy {
  max-width: 780px;
}

.history-copy h2 {
  margin: 12px 0 16px;
}

.history-copy p {
  max-width: 720px;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.7;
}

.history-stat {
  position: relative;
  padding: 24px;
  border: 1px solid rgba(47,120,255,.18);
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(237,246,255,.88));
  box-shadow: 0 18px 42px rgba(32,80,145,.08);
}

.history-stat::after {
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  right:-55px;
  top:-60px;
  border-radius:50%;
  background:rgba(47,120,255,.08);
}

.history-stat-label,
.history-stat-foot {
  display:block;
  position:relative;
  z-index:1;
}

.history-stat-label {
  color:#69809f;
  font-size:11px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.history-stat strong {
  display:block;
  position:relative;
  z-index:1;
  margin:6px 0 4px;
  color:#1769e8;
  font-size:clamp(48px,6vw,76px);
  line-height:.95;
  letter-spacing:-.05em;
}

.history-stat-foot {
  max-width:230px;
  color:#62748e;
  font-size:12px;
  line-height:1.5;
}

.history-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 18px;
  margin-top: 52px;
  padding-top: 34px;
}

.history-line {
  position:absolute;
  left:6%;
  right:6%;
  top:12px;
  height:2px;
  border-radius:999px;
  background:rgba(47,120,255,.12);
  overflow:hidden;
}

.history-line-fill {
  display:block;
  width:0%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#1769e8,#58c6ff);
  box-shadow:0 0 12px rgba(47,120,255,.32);
  transition:width 1.4s cubic-bezier(.2,.8,.2,1);
}

.history-timeline.is-visible .history-line-fill {
  width: 8%;
}

.history-milestone {
  position:relative;
  opacity:.55;
  transform:translateY(10px);
  transition:opacity .45s ease, transform .45s ease;
}

.history-timeline.is-visible .history-milestone {
  opacity:1;
  transform:translateY(0);
}

.history-timeline.is-visible .history-milestone:nth-of-type(2){transition-delay:.08s}
.history-timeline.is-visible .history-milestone:nth-of-type(3){transition-delay:.16s}
.history-timeline.is-visible .history-milestone:nth-of-type(4){transition-delay:.24s}
.history-timeline.is-visible .history-milestone:nth-of-type(5){transition-delay:.32s}
.history-timeline.is-visible .history-milestone:nth-of-type(6){transition-delay:.40s}

.history-dot {
  appearance:none;
  position:absolute;
  top:-29px;
  left:18px;
  width:14px;
  height:14px;
  border:3px solid #fff;
  border-radius:50%;
  background:#1769e8;
  box-shadow:0 0 0 2px rgba(23,105,232,.18),0 0 0 0 rgba(23,105,232,.20);
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
}

.history-dot:hover,
.history-dot:focus-visible,
.history-milestone.is-active .history-dot {
  transform:scale(1.25);
  box-shadow:0 0 0 4px rgba(23,105,232,.13),0 0 20px rgba(23,105,232,.26);
}

.history-card {
  min-height:210px;
  padding:18px 17px;
  border:1px solid rgba(46,82,132,.12);
  border-radius:17px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 30px rgba(34,69,122,.055);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}

.history-milestone:hover .history-card,
.history-milestone.is-active .history-card {
  transform:translateY(-4px);
  border-color:rgba(47,120,255,.30);
  background:#fff;
  box-shadow:0 18px 38px rgba(34,69,122,.10);
}

.history-year {
  display:block;
  margin-bottom:10px;
  color:#1769e8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
}

.history-card strong {
  display:block;
  margin-bottom:9px;
  color:var(--ink);
  font-size:15px;
  line-height:1.28;
}

.history-card p {
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}

.history-footer {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  margin-top:26px;
  color:var(--muted);
  font-size:13px;
}

.history-footer p { margin:0; }

.history-pulse {
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#38bdf8;
  box-shadow:0 0 0 0 rgba(56,189,248,.35);
  animation:historyPulse 2.8s ease-out infinite;
}

@keyframes historyPulse {
  0%{box-shadow:0 0 0 0 rgba(56,189,248,.36)}
  65%,100%{box-shadow:0 0 0 10px rgba(56,189,248,0)}
}

html[data-theme="dark"] .history-stat {
  background:linear-gradient(145deg,rgba(15,31,52,.95),rgba(13,38,65,.86));
  border-color:#274463;
  box-shadow:0 18px 42px rgba(0,0,0,.20);
}

html[data-theme="dark"] .history-stat-label,
html[data-theme="dark"] .history-stat-foot { color:#9fb1c8; }

html[data-theme="dark"] .history-card {
  background:rgba(14,28,47,.78);
  border-color:#263c57;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
}

html[data-theme="dark"] .history-milestone:hover .history-card,
html[data-theme="dark"] .history-milestone.is-active .history-card {
  background:#10243d;
  border-color:#3e76bc;
}

html[data-theme="dark"] .history-dot {
  border-color:#0b1727;
}

@media(max-width:1050px) {
  .history-head { grid-template-columns:1fr; gap:28px; }
  .history-stat { max-width:340px; }
  .history-timeline { grid-template-columns:1fr 1fr; padding-top:0; }
  .history-line { display:none; }
  .history-dot { position:relative; top:auto; left:auto; margin:0 0 10px 5px; }
  .history-card { min-height:175px; }
}

@media(max-width:620px) {
  .history-timeline { grid-template-columns:1fr; gap:12px; margin-top:34px; }
  .history-card { min-height:0; }
  .history-footer { align-items:flex-start; justify-content:flex-start; }
}

@media(prefers-reduced-motion:reduce) {
  .history-line-fill,
  .history-milestone,
  .history-card,
  .history-dot { transition:none !important; }
  .history-pulse { animation:none !important; }
}


/* Stage 18b — centred history stat + cycling timeline glow */
.history-stat {
  text-align: center;
  display: flex;
  min-height: 210px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.history-stat-foot {
  margin-left: auto;
  margin-right: auto;
}

/* Soft border/glow for every milestone */
.history-card {
  position: relative;
  overflow: hidden;
}

.history-card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    rgba(23,105,232,.10),
    rgba(88,198,255,.38),
    rgba(23,105,232,.10)
  );
  background-size: 220% 100%;
  pointer-events: none;
  opacity: .30;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: historyBorderDrift 5s linear infinite;
}

@keyframes historyBorderDrift {
  from { background-position: 200% 0; }
  to   { background-position: -20% 0; }
}

/* Active timeline gets the stronger glow */
.history-milestone.is-active .history-card {
  border-color: rgba(65,159,255,.72) !important;
  box-shadow:
    0 0 0 1px rgba(67,160,255,.12),
    0 0 22px rgba(47,120,255,.19),
    0 18px 38px rgba(34,69,122,.10);
}

.history-milestone.is-active .history-card::before {
  opacity: .95;
  background: linear-gradient(
    120deg,
    rgba(23,105,232,.18),
    rgba(119,220,255,.95),
    rgba(23,105,232,.22)
  );
  background-size: 220% 100%;
  animation-duration: 2.4s;
}

.history-milestone.is-active .history-year {
  text-shadow: 0 0 12px rgba(47,120,255,.32);
}

html[data-theme="dark"] .history-milestone.is-active .history-card {
  border-color: rgba(91,176,255,.72) !important;
  box-shadow:
    0 0 0 1px rgba(91,176,255,.10),
    0 0 24px rgba(44,142,255,.18),
    0 18px 38px rgba(0,0,0,.22);
}

@media(prefers-reduced-motion:reduce) {
  .history-card::before { animation:none !important; }
}


/* Stage 18c — progress bar tracks the active milestone */
.history-line-fill {
  transition: width .75s cubic-bezier(.2,.8,.2,1) !important;
}

.history-milestone.is-active .history-dot {
  background: #58c6ff;
}

/* Stage 19 — keep the history heading at the same visual level as other major sections */
.history-copy h2 {
  font-size: clamp(2.45rem, 5vw, 4.65rem) !important;
  line-height: .98 !important;
  letter-spacing: -.045em;
}


/* Stage 19 — Why businesses choose Microtechnics */
.trust-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 7% 15%, rgba(42,123,255,.08), transparent 28%),
    linear-gradient(180deg,#f8fbff,#fff);
}

.trust-head {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);
  gap:52px;
  align-items:end;
  margin-bottom:34px;
}

.trust-head h2 {
  margin:10px 0 0;
  font-size:clamp(2.45rem,5vw,4.65rem);
  line-height:.98;
  letter-spacing:-.045em;
}

.trust-head > p {
  margin:0 0 5px;
  color:var(--muted);
  font-size:16px;
  line-height:1.7;
}

.trust-feature-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.trust-feature {
  position:relative;
  min-height:315px;
  padding:28px;
  overflow:hidden;
  border:1px solid rgba(38,85,150,.14);
  border-radius:22px;
  background:rgba(255,255,255,.88);
  box-shadow:0 16px 42px rgba(28,66,124,.07);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.trust-feature::after {
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  right:-95px;
  bottom:-100px;
  border-radius:50%;
  background:rgba(46,126,255,.07);
  transition:transform .4s ease;
}

.trust-feature:hover {
  transform:translateY(-6px);
  border-color:rgba(47,120,255,.35);
  box-shadow:0 22px 50px rgba(28,66,124,.12);
}

.trust-feature:hover::after { transform:scale(1.3); }

.trust-feature-primary {
  color:#fff;
  border-color:transparent;
  background:linear-gradient(145deg,#0f5bd4,#167bdc 55%,#168bcf);
  box-shadow:0 20px 48px rgba(20,104,215,.20);
}

.trust-feature-primary::after { background:rgba(255,255,255,.09); }

.trust-number {
  position:absolute;
  right:22px;
  top:18px;
  color:rgba(29,78,145,.12);
  font-size:54px;
  font-weight:900;
  letter-spacing:-.06em;
}

.trust-feature-primary .trust-number { color:rgba(255,255,255,.13); }

.trust-feature-icon {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:36px;
  border-radius:14px;
  color:#1769e8;
  background:#edf5ff;
  font-size:25px;
  font-weight:900;
}

.trust-feature-primary .trust-feature-icon {
  color:#fff;
  background:rgba(255,255,255,.15);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);
}

.trust-feature h3 {
  position:relative;
  z-index:1;
  margin:0 0 12px;
  color:var(--ink);
  font-size:21px;
  line-height:1.18;
}

.trust-feature-primary h3 { color:#fff; }

.trust-feature p {
  position:relative;
  z-index:1;
  margin:0;
  color:var(--muted);
  font-size:13.5px;
  line-height:1.65;
}

.trust-feature-primary p { color:rgba(255,255,255,.82); }

.trust-feature-foot {
  position:absolute;
  left:28px;
  bottom:25px;
  z-index:1;
  color:#1769e8;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.trust-feature-primary .trust-feature-foot { color:rgba(255,255,255,.72); }

.trust-strip {
  display:grid;
  grid-template-columns:1fr auto 1.2fr auto 1.2fr auto 1fr;
  align-items:center;
  gap:20px;
  margin-top:18px;
  padding:19px 24px;
  border:1px solid rgba(38,85,150,.12);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 32px rgba(28,66,124,.05);
}

.trust-strip-item { text-align:center; }
.trust-strip-item strong {
  display:block;
  color:#21364f;
  font-size:14px;
}
.trust-strip-item span {
  display:block;
  margin-top:3px;
  color:#78889d;
  font-size:10.5px;
}
.trust-strip-divider {
  width:1px;
  height:30px;
  background:rgba(39,82,143,.13);
}

.trust-cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-top:18px;
  padding:20px 23px;
  border-radius:18px;
  color:#fff;
  background:#0d1f36;
}

.trust-cta strong {
  display:block;
  margin-top:3px;
  font-size:16px;
}

.trust-status {
  color:#9fb4cc;
  font-size:11px;
}
.trust-status i {
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:6px;
  border-radius:50%;
  background:#53d5ff;
  box-shadow:0 0 0 4px rgba(83,213,255,.10);
}

.trust-microbot-button {
  appearance:none;
  flex:0 0 auto;
  padding:11px 16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:11px;
  color:#fff;
  background:rgba(255,255,255,.08);
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.trust-microbot-button:hover {
  transform:translateY(-2px);
  background:rgba(255,255,255,.14);
}
.trust-microbot-button span { margin-left:8px; }

html[data-theme="dark"] .trust-section {
  background:radial-gradient(circle at 7% 15%,rgba(42,123,255,.08),transparent 28%),linear-gradient(180deg,#0b1626,#0c1929);
}
html[data-theme="dark"] .trust-feature {
  background:rgba(14,29,49,.92);
  border-color:#263e5d;
  box-shadow:0 16px 42px rgba(0,0,0,.18);
}
html[data-theme="dark"] .trust-feature-primary {
  background:linear-gradient(145deg,#114fba,#146ec7 55%,#147fbf);
  border-color:transparent;
}
html[data-theme="dark"] .trust-number { color:rgba(153,195,255,.10); }
html[data-theme="dark"] .trust-strip {
  background:rgba(14,29,49,.78);
  border-color:#263e5d;
}
html[data-theme="dark"] .trust-strip-item strong { color:#edf5ff; }
html[data-theme="dark"] .trust-strip-item span { color:#9eb0c7; }
html[data-theme="dark"] .trust-strip-divider { background:#29425f; }

@media(max-width:950px) {
  .trust-head { grid-template-columns:1fr; gap:18px; }
  .trust-feature-grid { grid-template-columns:1fr; }
  .trust-feature { min-height:250px; }
  .trust-strip { grid-template-columns:1fr 1fr; gap:14px; }
  .trust-strip-divider { display:none; }
}

@media(max-width:620px) {
  .trust-feature { min-height:265px; }
  .trust-strip { grid-template-columns:1fr; }
  .trust-cta { align-items:flex-start; flex-direction:column; }
  .trust-microbot-button { width:100%; }
}


/* Stage 19b — consistent small-title lead-in accents */
.eyebrow,
.section-kicker,
.hero-kicker,
.help-result-kicker,
.microbot-assistant-kicker,
.cyber-kicker,
[class*="kicker"] {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.eyebrow::before,
.section-kicker::before,
.hero-kicker::before,
.help-result-kicker::before,
.cyber-kicker::before,
[class*="kicker"]::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 2px;
  flex: 0 0 26px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1769e8, #58c6ff);
  box-shadow: 0 0 7px rgba(47,120,255,.18);
}

/* Avoid duplicating the line inside the floating Microbot assistant header. */
.microbot-assistant-kicker::before {
  display: none !important;
}

/* Subtle section-by-section colour variation while keeping one visual language. */
.problems-section .eyebrow::before { background: linear-gradient(90deg,#1769e8,#52b9ff); }
.cyber-section .eyebrow::before,
.cyber-section [class*="kicker"]::before { background: linear-gradient(90deg,#0d8ecf,#5dd8ff); }
.history-section .eyebrow::before { background: linear-gradient(90deg,#315ed8,#7aa8ff); }
.trust-section .eyebrow::before { background: linear-gradient(90deg,#1769e8,#5ed0ff); }
#contact .eyebrow::before,
.contact-section .eyebrow::before { background: linear-gradient(90deg,#335eea,#7d9cff); }

html[data-theme="dark"] .eyebrow::before,
html[data-theme="dark"] [class*="kicker"]::before {
  box-shadow: 0 0 10px rgba(89,185,255,.25);
}

/* Stage 19b — give all three trust panels a soft individual tint */
.trust-feature-grid .trust-feature:nth-child(1) {
  background:
    radial-gradient(circle at 95% 4%,rgba(98,185,255,.10),transparent 28%),
    linear-gradient(145deg,#ffffff,#f3f9ff);
  border-color: rgba(80,153,230,.22);
}

.trust-feature-grid .trust-feature:nth-child(2) {
  background:
    radial-gradient(circle at 95% 4%,rgba(255,255,255,.12),transparent 28%),
    linear-gradient(145deg,#dcefff,#cbe7ff 55%,#c1e2ff);
  color:#17304f;
  border-color:rgba(61,145,230,.28);
  box-shadow:0 20px 48px rgba(46,133,215,.14);
}

.trust-feature-grid .trust-feature:nth-child(2) h3 {
  color:#15304f;
}

.trust-feature-grid .trust-feature:nth-child(2) p {
  color:#4d6785;
}

.trust-feature-grid .trust-feature:nth-child(2) .trust-feature-icon {
  color:#1769e8;
  background:rgba(255,255,255,.72);
  box-shadow:inset 0 0 0 1px rgba(56,133,223,.12);
}

.trust-feature-grid .trust-feature:nth-child(2) .trust-feature-foot {
  color:#1769e8;
}

.trust-feature-grid .trust-feature:nth-child(2) .trust-number {
  color:rgba(29,78,145,.10);
}

.trust-feature-grid .trust-feature:nth-child(3) {
  background:
    radial-gradient(circle at 95% 4%,rgba(122,110,255,.09),transparent 28%),
    linear-gradient(145deg,#ffffff,#f7f4ff);
  border-color: rgba(114,105,218,.19);
}

html[data-theme="dark"] .trust-feature-grid .trust-feature:nth-child(1) {
  background:linear-gradient(145deg,#102039,#132b46);
  border-color:#2b5278;
}

html[data-theme="dark"] .trust-feature-grid .trust-feature:nth-child(2) {
  background:linear-gradient(145deg,#153457,#18466e 55%,#19527c);
  border-color:#3678a8;
}

html[data-theme="dark"] .trust-feature-grid .trust-feature:nth-child(2) h3 {
  color:#f0f7ff;
}

html[data-theme="dark"] .trust-feature-grid .trust-feature:nth-child(2) p {
  color:#bfd0e4;
}

html[data-theme="dark"] .trust-feature-grid .trust-feature:nth-child(2) .trust-feature-foot {
  color:#8dd0ff;
}

html[data-theme="dark"] .trust-feature-grid .trust-feature:nth-child(3) {
  background:linear-gradient(145deg,#171f38,#23274b);
  border-color:#414c77;
}


/* Stage 19c — experimental sitewide pale card palette
   Extends the Stage 19b pale blue / violet language across existing card surfaces. */

/* Service / feature cards */
.service-card:nth-child(4n+1),
.services-grid > *:nth-child(4n+1),
.what-card:nth-child(4n+1) {
  background: linear-gradient(145deg,#ffffff,#f1f8ff) !important;
  border-color: rgba(69,145,225,.20) !important;
}
.service-card:nth-child(4n+2),
.services-grid > *:nth-child(4n+2),
.what-card:nth-child(4n+2) {
  background: linear-gradient(145deg,#ffffff,#f7f4ff) !important;
  border-color: rgba(110,101,214,.16) !important;
}
.service-card:nth-child(4n+3),
.services-grid > *:nth-child(4n+3),
.what-card:nth-child(4n+3) {
  background: linear-gradient(145deg,#ffffff,#eefaff) !important;
  border-color: rgba(60,173,207,.17) !important;
}
.service-card:nth-child(4n),
.services-grid > *:nth-child(4n),
.what-card:nth-child(4n) {
  background: linear-gradient(145deg,#ffffff,#f4f7ff) !important;
  border-color: rgba(78,116,208,.17) !important;
}

/* Problems We Solve cards */
.problem-card:nth-child(4n+1) {
  background: linear-gradient(145deg,#ffffff,#f0f8ff) !important;
}
.problem-card:nth-child(4n+2) {
  background: linear-gradient(145deg,#ffffff,#f7f3ff) !important;
}
.problem-card:nth-child(4n+3) {
  background: linear-gradient(145deg,#ffffff,#eefbfb) !important;
}
.problem-card:nth-child(4n) {
  background: linear-gradient(145deg,#ffffff,#f2f5ff) !important;
}

/* Timeline cards — retain the active glow, tint the resting cards */
.history-milestone:nth-child(4n+1) .history-card {
  background: linear-gradient(145deg,rgba(255,255,255,.94),#f0f8ff) !important;
}
.history-milestone:nth-child(4n+2) .history-card {
  background: linear-gradient(145deg,rgba(255,255,255,.94),#f7f4ff) !important;
}
.history-milestone:nth-child(4n+3) .history-card {
  background: linear-gradient(145deg,rgba(255,255,255,.94),#eefaff) !important;
}
.history-milestone:nth-child(4n) .history-card {
  background: linear-gradient(145deg,rgba(255,255,255,.94),#f4f6ff) !important;
}

/* Existing help chooser tiles */
.help-option:nth-child(4n+1) {
  background: linear-gradient(145deg,#ffffff,#f1f8ff) !important;
}
.help-option:nth-child(4n+2) {
  background: linear-gradient(145deg,#ffffff,#f7f4ff) !important;
}
.help-option:nth-child(4n+3) {
  background: linear-gradient(145deg,#ffffff,#eefaff) !important;
}
.help-option:nth-child(4n) {
  background: linear-gradient(145deg,#ffffff,#f4f7ff) !important;
}

/* Generic panel/card surfaces that already exist */
.info-card:nth-child(odd),
.feature-card:nth-child(odd),
.support-card:nth-child(odd),
.contact-card:nth-child(odd) {
  background: linear-gradient(145deg,#ffffff,#f1f8ff) !important;
}
.info-card:nth-child(even),
.feature-card:nth-child(even),
.support-card:nth-child(even),
.contact-card:nth-child(even) {
  background: linear-gradient(145deg,#ffffff,#f7f4ff) !important;
}

/* Keep hover states crisp, not washed out. */
.service-card:hover,
.what-card:hover,
.problem-card:hover,
.help-option:hover,
.info-card:hover,
.feature-card:hover,
.support-card:hover,
.contact-card:hover {
  background-color:#fff !important;
  border-color:rgba(47,120,255,.32) !important;
}

/* Dark theme counterparts: tinted, but still restrained. */
html[data-theme="dark"] .service-card:nth-child(4n+1),
html[data-theme="dark"] .services-grid > *:nth-child(4n+1),
html[data-theme="dark"] .what-card:nth-child(4n+1),
html[data-theme="dark"] .problem-card:nth-child(4n+1),
html[data-theme="dark"] .help-option:nth-child(4n+1) {
  background:linear-gradient(145deg,#102138,#132c49) !important;
}
html[data-theme="dark"] .service-card:nth-child(4n+2),
html[data-theme="dark"] .services-grid > *:nth-child(4n+2),
html[data-theme="dark"] .what-card:nth-child(4n+2),
html[data-theme="dark"] .problem-card:nth-child(4n+2),
html[data-theme="dark"] .help-option:nth-child(4n+2) {
  background:linear-gradient(145deg,#171f37,#252648) !important;
}
html[data-theme="dark"] .service-card:nth-child(4n+3),
html[data-theme="dark"] .services-grid > *:nth-child(4n+3),
html[data-theme="dark"] .what-card:nth-child(4n+3),
html[data-theme="dark"] .problem-card:nth-child(4n+3),
html[data-theme="dark"] .help-option:nth-child(4n+3) {
  background:linear-gradient(145deg,#0f232e,#15343f) !important;
}
html[data-theme="dark"] .service-card:nth-child(4n),
html[data-theme="dark"] .services-grid > *:nth-child(4n),
html[data-theme="dark"] .what-card:nth-child(4n),
html[data-theme="dark"] .problem-card:nth-child(4n),
html[data-theme="dark"] .help-option:nth-child(4n) {
  background:linear-gradient(145deg,#111f38,#1a2947) !important;
}

html[data-theme="dark"] .history-milestone .history-card {
  border-color:rgba(91,138,198,.22);
}

/* Do not recolour deliberately strong CTA / Cyber / Microbot panels. */
.cyber-panel,
.cyber-banner,
.trust-cta,
.microbot-assistant,
.hero-panel,
.cta-panel {
  /* existing component styling wins */
}


/* Stage 19d — restore Cyber Essentials support banner proportions */
.cyber-banner,
.cyber-support-banner,
.cyber-cta,
.cyber-strip {
  min-height: 118px !important;
  padding: 24px 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  border-radius: 20px !important;
}

.cyber-banner > *,
.cyber-support-banner > *,
.cyber-cta > *,
.cyber-strip > * {
  min-width: 0;
}

@media (max-width: 760px) {
  .cyber-banner,
  .cyber-support-banner,
  .cyber-cta,
  .cyber-strip {
    min-height: auto !important;
    padding: 20px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}


/* Stage 19d — timeline cards keep pale interiors */
.history-milestone:nth-child(5n+1) .history-card,
.history-milestone:nth-child(5n+1).is-active .history-card {
  background: linear-gradient(145deg,#ffffff,#eef7ff) !important;
}
.history-milestone:nth-child(5n+2) .history-card,
.history-milestone:nth-child(5n+2).is-active .history-card {
  background: linear-gradient(145deg,#ffffff,#f6f2ff) !important;
}
.history-milestone:nth-child(5n+3) .history-card,
.history-milestone:nth-child(5n+3).is-active .history-card {
  background: linear-gradient(145deg,#ffffff,#eefbff) !important;
}
.history-milestone:nth-child(5n+4) .history-card,
.history-milestone:nth-child(5n+4).is-active .history-card {
  background: linear-gradient(145deg,#ffffff,#f3f6ff) !important;
}
.history-milestone:nth-child(5n+5) .history-card,
.history-milestone:nth-child(5n+5).is-active .history-card {
  background: linear-gradient(145deg,#ffffff,#f4f0ff) !important;
}

html[data-theme="dark"] .history-milestone:nth-child(5n+1) .history-card,
html[data-theme="dark"] .history-milestone:nth-child(5n+1).is-active .history-card {
  background: linear-gradient(145deg,#102138,#15304d) !important;
}
html[data-theme="dark"] .history-milestone:nth-child(5n+2) .history-card,
html[data-theme="dark"] .history-milestone:nth-child(5n+2).is-active .history-card {
  background: linear-gradient(145deg,#171f36,#28284a) !important;
}
html[data-theme="dark"] .history-milestone:nth-child(5n+3) .history-card,
html[data-theme="dark"] .history-milestone:nth-child(5n+3).is-active .history-card {
  background: linear-gradient(145deg,#10232f,#173844) !important;
}
html[data-theme="dark"] .history-milestone:nth-child(5n+4) .history-card,
html[data-theme="dark"] .history-milestone:nth-child(5n+4).is-active .history-card {
  background: linear-gradient(145deg,#111f38,#1b2c4c) !important;
}
html[data-theme="dark"] .history-milestone:nth-child(5n+5) .history-card,
html[data-theme="dark"] .history-milestone:nth-child(5n+5).is-active .history-card {
  background: linear-gradient(145deg,#191f37,#2b2748) !important;
}


/* Stage 19d — one consistent light-blue eyebrow line everywhere */
.eyebrow,
.section-kicker,
.hero-kicker,
.help-result-kicker,
.cyber-kicker,
.panel-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  position: relative;
}

.eyebrow::before,
.section-kicker::before,
.hero-kicker::before,
.help-result-kicker::before,
.cyber-kicker::before,
.panel-kicker::before {
  content: "" !important;
  display: inline-block !important;
  width: 26px !important;
  height: 2px !important;
  flex: 0 0 26px !important;
  border-radius: 999px !important;
  background: #7ec8ff !important;
  box-shadow: none !important;
}

/* Kill any second decorative eyebrow line from earlier styles. */
.eyebrow::after,
.section-kicker::after,
.hero-kicker::after,
.help-result-kicker::after,
.cyber-kicker::after,
.panel-kicker::after {
  content: none !important;
  display: none !important;
}

/* Floating Microbot header stays text-only. */
.microbot-assistant-kicker::before,
.microbot-assistant-kicker::after {
  content: none !important;
  display: none !important;
}


/* Stage 19e — lower trust banner: four equal columns */
.trust-strip,
.credibility-strip,
.support-trust-strip {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:0 !important;
  align-items:stretch !important;
  padding:18px 20px !important;
}

.trust-strip-divider,
.credibility-strip-divider,
.support-trust-strip-divider {
  display:none !important;
}

.trust-strip-item,
.credibility-strip-item,
.support-trust-strip-item {
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  padding:4px 18px !important;
  text-align:left !important;
  border-right:1px solid rgba(93,128,170,.18);
}

.trust-strip-item:last-child,
.credibility-strip-item:last-child,
.support-trust-strip-item:last-child {
  border-right:0;
}

.trust-strip-item > :first-child,
.credibility-strip-item > :first-child,
.support-trust-strip-item > :first-child {
  min-width:0;
}

@media(max-width:900px){
  .trust-strip,
  .credibility-strip,
  .support-trust-strip {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .trust-strip-item:nth-child(2n),
  .credibility-strip-item:nth-child(2n),
  .support-trust-strip-item:nth-child(2n) {
    border-right:0;
  }
}

@media(max-width:560px){
  .trust-strip,
  .credibility-strip,
  .support-trust-strip {
    grid-template-columns:1fr !important;
  }
  .trust-strip-item,
  .credibility-strip-item,
  .support-trust-strip-item {
    border-right:0 !important;
    border-bottom:1px solid rgba(93,128,170,.14);
  }
  .trust-strip-item:last-child,
  .credibility-strip-item:last-child,
  .support-trust-strip-item:last-child {
    border-bottom:0 !important;
  }
}


/* Stage 19e — cream timeline palette */
.history-milestone .history-card {
  background: linear-gradient(145deg,#fffdf7,#f6efd9) !important;
  border-color: rgba(184,157,94,.22) !important;
}

.history-milestone.is-active .history-card {
  background: linear-gradient(145deg,#f3e4b7,#e3c879) !important;
  border-color: rgba(181,139,44,.55) !important;
  box-shadow:
    0 0 0 1px rgba(197,151,48,.12),
    0 0 22px rgba(201,165,82,.18),
    0 18px 38px rgba(87,66,24,.10) !important;
}

.history-milestone .history-year {
  color:#9b7420 !important;
}

.history-milestone.is-active .history-year {
  color:#6d4b00 !important;
  text-shadow:0 0 10px rgba(183,137,36,.20) !important;
}

html[data-theme="dark"] .history-milestone .history-card {
  background: linear-gradient(145deg,#2a261b,#3b321d) !important;
  border-color: rgba(209,180,107,.20) !important;
}

html[data-theme="dark"] .history-milestone.is-active .history-card {
  background: linear-gradient(145deg,#4a3b1d,#6a5122) !important;
  border-color: rgba(234,193,92,.45) !important;
}


/* Stage 19f — definitive cream timeline card interiors in both themes */
.history-section .history-timeline .history-milestone .history-card,
html[data-theme="dark"] .history-section .history-timeline .history-milestone .history-card {
  background: linear-gradient(145deg,#fffdf7,#f5edd8) !important;
  color:#213149 !important;
}

.history-section .history-timeline .history-milestone .history-card strong,
html[data-theme="dark"] .history-section .history-timeline .history-milestone .history-card strong {
  color:#1e2f47 !important;
}

.history-section .history-timeline .history-milestone .history-card p,
html[data-theme="dark"] .history-section .history-timeline .history-milestone .history-card p {
  color:#5e6672 !important;
}

.history-section .history-timeline .history-milestone .history-year,
html[data-theme="dark"] .history-section .history-timeline .history-milestone .history-year {
  color:#a87911 !important;
}

/* Active card darkens slightly, but border/glow animation remains untouched. */
.history-section .history-timeline .history-milestone.is-active .history-card,
html[data-theme="dark"] .history-section .history-timeline .history-milestone.is-active .history-card {
  background: linear-gradient(145deg,#f4e4b9,#e7cc83) !important;
}

.history-section .history-timeline .history-milestone.is-active .history-card strong,
html[data-theme="dark"] .history-section .history-timeline .history-milestone.is-active .history-card strong {
  color:#2c240f !important;
}

.history-section .history-timeline .history-milestone.is-active .history-card p,
html[data-theme="dark"] .history-section .history-timeline .history-milestone.is-active .history-card p {
  color:#665934 !important;
}

.history-section .history-timeline .history-milestone.is-active .history-year,
html[data-theme="dark"] .history-section .history-timeline .history-milestone.is-active .history-year {
  color:#6f4b00 !important;
}


/* Stage 20 — 8 ascending shades for "What can we help you with?" */
.help-options,
.help-grid,
.help-choices {
  grid-template-columns: repeat(4, minmax(0,1fr));
}

.help-option {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, filter .2s ease;
}

/* One colour family, progressively deeper from card 1 to card 8. */
.help-option:nth-child(1) { background: linear-gradient(145deg,#f5fbff,#eaf7ff) !important; border-color:#cfeaff !important; }
.help-option:nth-child(2) { background: linear-gradient(145deg,#eef9ff,#dff3ff) !important; border-color:#bfe2fa !important; }
.help-option:nth-child(3) { background: linear-gradient(145deg,#e8f7ff,#d4efff) !important; border-color:#acd9f4 !important; }
.help-option:nth-child(4) { background: linear-gradient(145deg,#e1f4ff,#caeaff) !important; border-color:#98cfee !important; }
.help-option:nth-child(5) { background: linear-gradient(145deg,#daf1ff,#bfE5ff) !important; border-color:#85c4e7 !important; }
.help-option:nth-child(6) { background: linear-gradient(145deg,#d1edff,#b2deff) !important; border-color:#70b8df !important; }
.help-option:nth-child(7) { background: linear-gradient(145deg,#c7e8ff,#a4d7fb) !important; border-color:#5caada !important; }
.help-option:nth-child(8) { background: linear-gradient(145deg,#bce3ff,#94cff4) !important; border-color:#4499cc !important; }

.help-option:nth-child(n+6) strong,
.help-option:nth-child(n+6) small {
  color:#17324b !important;
}

.help-option:hover {
  transform: translateY(-4px);
  filter: brightness(1.02);
  box-shadow: 0 16px 36px rgba(41,111,170,.12);
}

html[data-theme="dark"] .help-option:nth-child(1) { background:linear-gradient(145deg,#10263a,#14314a) !important; }
html[data-theme="dark"] .help-option:nth-child(2) { background:linear-gradient(145deg,#112a40,#163751) !important; }
html[data-theme="dark"] .help-option:nth-child(3) { background:linear-gradient(145deg,#122f47,#183d59) !important; }
html[data-theme="dark"] .help-option:nth-child(4) { background:linear-gradient(145deg,#13334d,#194361) !important; }
html[data-theme="dark"] .help-option:nth-child(5) { background:linear-gradient(145deg,#153952,#1b4968) !important; }
html[data-theme="dark"] .help-option:nth-child(6) { background:linear-gradient(145deg,#163d59,#1d4f70) !important; }
html[data-theme="dark"] .help-option:nth-child(7) { background:linear-gradient(145deg,#17425f,#1f5678) !important; }
html[data-theme="dark"] .help-option:nth-child(8) { background:linear-gradient(145deg,#194766,#225d80) !important; }

html[data-theme="dark"] .help-option:nth-child(n+1) strong { color:#eef7ff !important; }
html[data-theme="dark"] .help-option:nth-child(n+1) small { color:#c2d6e8 !important; }

@media (max-width: 950px) {
  .help-options,
  .help-grid,
  .help-choices { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 600px) {
  .help-options,
  .help-grid,
  .help-choices { grid-template-columns: 1fr; }
}


/* Stage 20b — fix "What can we help you with?" layout */
.help-section .help-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr) !important;
  gap: 26px !important;
  align-items: stretch !important;
}

.help-section .help-options {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 12px !important;
  align-content: stretch;
}

.help-section .help-option {
  min-width: 0 !important;
  min-height: 132px !important;
  width: 100% !important;
  padding: 18px !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0,1fr) 18px !important;
  gap: 14px !important;
  align-items: center !important;
  border-radius: 18px !important;
  overflow: hidden;
}

.help-section .help-option > span:nth-child(2) {
  min-width: 0;
  display: block;
}

.help-section .help-option strong {
  display: block !important;
  margin: 0 0 5px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.help-section .help-option small {
  display: block !important;
  font-size: 11.5px !important;
  line-height: 1.42 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.help-section .help-option-icon {
  width: 54px !important;
  height: 54px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 54px !important;
  border-radius: 14px !important;
}

.help-section .help-arrow,
.help-section .help-option-arrow {
  justify-self: end;
  align-self: center;
}

.help-section .help-result {
  min-width: 0;
  min-height: 100% !important;
  padding: 34px !important;
}

/* Keep the eight ascending shades, but make the sequence subtler and readable. */
.help-section .help-option:nth-child(1) { background:linear-gradient(145deg,#f3fbff,#e7f6ff) !important; }
.help-section .help-option:nth-child(2) { background:linear-gradient(145deg,#eef9ff,#dcf2ff) !important; }
.help-section .help-option:nth-child(3) { background:linear-gradient(145deg,#e9f7ff,#d2edff) !important; }
.help-section .help-option:nth-child(4) { background:linear-gradient(145deg,#e4f5ff,#c8e8ff) !important; }
.help-section .help-option:nth-child(5) { background:linear-gradient(145deg,#def2ff,#bde3ff) !important; }
.help-section .help-option:nth-child(6) { background:linear-gradient(145deg,#d8efff,#b2dcfb) !important; }
.help-section .help-option:nth-child(7) { background:linear-gradient(145deg,#d1ecff,#a6d6f7) !important; }
.help-section .help-option:nth-child(8) { background:linear-gradient(145deg,#cae8ff,#9bcff2) !important; }

html[data-theme="dark"] .help-section .help-option:nth-child(1) { background:linear-gradient(145deg,#10283c,#14344c) !important; }
html[data-theme="dark"] .help-section .help-option:nth-child(2) { background:linear-gradient(145deg,#112c42,#163a53) !important; }
html[data-theme="dark"] .help-section .help-option:nth-child(3) { background:linear-gradient(145deg,#123048,#18405a) !important; }
html[data-theme="dark"] .help-section .help-option:nth-child(4) { background:linear-gradient(145deg,#14354e,#1a4662) !important; }
html[data-theme="dark"] .help-section .help-option:nth-child(5) { background:linear-gradient(145deg,#153a54,#1c4c69) !important; }
html[data-theme="dark"] .help-section .help-option:nth-child(6) { background:linear-gradient(145deg,#173f5b,#1e526f) !important; }
html[data-theme="dark"] .help-section .help-option:nth-child(7) { background:linear-gradient(145deg,#184461,#205876) !important; }
html[data-theme="dark"] .help-section .help-option:nth-child(8) { background:linear-gradient(145deg,#1a4967,#225e7d) !important; }

/* The selected card gets a clearer border without losing its assigned shade. */
.help-section .help-option.active {
  border-color: #78cfff !important;
  box-shadow: 0 0 0 1px rgba(120,207,255,.20), 0 12px 28px rgba(38,120,190,.12) !important;
}

/* Keep Microbot above the section but away from card copy where possible. */
#help-me .microbot,
#help-me [data-microbot] {
  z-index: 8;
}

@media (max-width: 1080px) {
  .help-section .help-layout {
    grid-template-columns: 1fr !important;
  }
  .help-section .help-result {
    min-height: 0 !important;
  }
}

@media (max-width: 650px) {
  .help-section .help-options {
    grid-template-columns: 1fr !important;
  }
  .help-section .help-option {
    min-height: 112px !important;
    grid-template-columns: 48px minmax(0,1fr) 16px !important;
    padding: 15px !important;
  }
  .help-section .help-option-icon {
    width: 48px !important;
    height: 48px !important;
  }
}


/* Stage 20c — compact help cards */
.help-section .help-option {
  min-height: 102px !important;
  padding: 13px 16px !important;
  grid-template-columns: 46px minmax(0,1fr) 16px !important;
  gap: 12px !important;
}

.help-section .help-option-icon {
  width: 46px !important;
  height: 46px !important;
  flex-basis: 46px !important;
  border-radius: 12px !important;
}

.help-section .help-option strong {
  margin-bottom: 3px !important;
  font-size: 14.5px !important;
  line-height: 1.18 !important;
}

.help-section .help-option small {
  font-size: 11px !important;
  line-height: 1.32 !important;
}

@media (max-width:650px) {
  .help-section .help-option {
    min-height: 96px !important;
    padding: 13px 14px !important;
  }
}