:root{--navy:#06142a;--navy2:#0a1e3e;--blue:#149fe3;--blue2:#1778d3;--ice:#eef7ff;--text:#0c1830;--muted:#5d6b7f;--line:#dce7f3;--white:#fff;--green:#4bd47b;--radius:18px;--shadow:0 18px 50px rgba(5,24,52,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:15px;top:15px;z-index:999;background:#fff;padding:10px}.icon{width:18px;height:18px;flex:0 0 18px}.site-header{position:sticky;top:0;z-index:100;background:rgba(5,18,38,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{min-height:82px;display:flex;align-items:center;gap:26px}.brand{width:176px;display:block}.brand img{display:block;filter:drop-shadow(0 3px 12px rgba(20,159,227,.18))}.primary-nav{margin-left:auto;display:flex;align-items:center;gap:7px}.nav-item{display:flex;align-items:center;gap:7px;color:#e7f2ff;padding:12px 10px;font-size:14px;border-radius:10px;border:0;background:transparent;cursor:pointer}.nav-item:hover,.nav-item:focus{background:rgba(20,159,227,.10);color:#fff}.nav-group{position:relative}.dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;width:290px;padding:12px;border-radius:15px;box-shadow:0 20px 50px rgba(0,0,0,.22);border:1px solid #e3edf7}.dropdown a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;color:var(--text);font-size:14px}.dropdown a:hover{background:var(--ice);color:var(--blue2)}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{display:block}.header-cta{white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:13px 20px;font-weight:700;border:1px solid transparent;transition:.2s}.btn .icon{width:17px}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 8px 24px rgba(20,159,227,.25)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(20,159,227,.32)}.btn-outline{border-color:#95b7d8;color:#fff;background:transparent}.btn-light{background:#fff;color:var(--navy)}.nav-toggle{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 40%,rgba(20,159,227,.18),transparent 30%),linear-gradient(135deg,#041126,#071a36 72%,#052447);color:#fff;padding:90px 0 80px}.hero:after{content:"";position:absolute;inset:auto -10% -55% 25%;height:500px;background:radial-gradient(ellipse,rgba(20,159,227,.16),transparent 66%);transform:rotate(-8deg)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .95fr;gap:62px;align-items:center}.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.10em;color:#37bfff;text-transform:uppercase;margin-bottom:12px}.hero h1,.page-hero h1{font-size:clamp(42px,5.4vw,68px);line-height:1.04;letter-spacing:-.045em;margin:0 0 22px}.hero h1 strong{color:#1aa8ed}.hero-copy>p{font-size:18px;color:#c9d7e9;max-width:650px}.hero-actions{display:flex;gap:13px;margin:30px 0}.trust-line{display:flex;gap:10px;align-items:center;color:#c9d7e9;font-size:14px}.trust-line .icon{color:#26b2f4}.dashboard{background:linear-gradient(180deg,rgba(16,43,80,.98),rgba(7,29,60,.98));border:1px solid rgba(71,164,241,.36);border-radius:18px;padding:22px;box-shadow:0 35px 90px rgba(0,0,0,.32)}.dash-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dash-title h3{margin:0;font-size:16px}.dash-title span{font-size:12px;color:#9eb6d0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);padding:12px;border-radius:10px}.metric small{display:block;color:#91a8c1;font-size:10px}.metric strong{display:block;font-size:20px;margin:4px 0}.metric b{font-size:10px;color:var(--green)}.chart{height:190px;margin-top:18px;position:relative;border-left:1px solid #38506f;border-bottom:1px solid #38506f;background:repeating-linear-gradient(to bottom,transparent 0,transparent 46px,rgba(255,255,255,.05) 47px)}.chart svg{position:absolute;inset:12px 5px;width:calc(100% - 10px);height:155px}.status-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.1)}.status-ok{display:flex;align-items:center;gap:10px}.status-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#06391b}.status-row strong{font-size:24px}.partner-strip{border-bottom:1px solid var(--line);background:#fff}.partners{display:grid;grid-template-columns:repeat(7,1fr);gap:20px;padding:22px 0;color:#7b8795;align-items:center;text-align:center;font-weight:700;font-size:15px}.section{padding:80px 0}.section-soft{background:linear-gradient(180deg,#fff,#f7fbff)}.section-head{text-align:center;max-width:760px;margin:0 auto 36px}.section-head h2{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.03em;margin:3px 0 12px}.section-head p{color:var(--muted);margin:0}.pillars{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pillar{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.pillar:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;bottom:-100px;background:radial-gradient(circle,rgba(20,159,227,.12),transparent 70%)}.pillar-head{display:flex;gap:15px;align-items:center}.icon-box{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue2));display:grid;place-items:center;color:#fff}.icon-box .icon{width:27px;height:27px}.pillar h3{font-size:25px;margin:0}.pillar p{color:var(--muted)}.feature-list{display:grid;gap:9px;margin:21px 0 25px}.feature-list span{display:flex;gap:9px;align-items:flex-start}.feature-list .icon{color:var(--blue2);margin-top:4px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid var(--line);padding:24px;border-radius:var(--radius);background:#fff;display:flex;flex-direction:column;min-height:280px}.product-card h3{margin:16px 0 2px;font-size:22px}.product-card p{color:var(--muted);flex:1}.product-card .btn{align-self:flex-start;color:var(--blue2);padding-left:0}.stats-band{background:var(--navy);color:#fff;border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);padding:30px;margin-top:32px}.stat{padding:4px 28px;border-right:1px solid rgba(255,255,255,.12)}.stat:last-child{border:0}.stat strong{display:block;font-size:30px}.stat span{color:#a9bdd2;font-size:13px}.page-hero{background:linear-gradient(135deg,#041126,#09234a);color:#fff;padding:75px 0}.page-hero p{max-width:760px;font-size:19px;color:#cbd9e9}.breadcrumbs{font-size:13px;color:#8eb4d5;margin-bottom:20px}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px}.content h2{font-size:34px;line-height:1.2}.content h3{font-size:23px}.content p,.content li{color:#4e5f74}.info-card{background:var(--ice);border:1px solid #cfe6fa;border-radius:18px;padding:28px;position:sticky;top:110px}.info-card h3{margin-top:0}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.service-card{border:1px solid var(--line);border-radius:15px;padding:22px;background:#fff}.service-card h3{margin:12px 0 5px}.service-card p{color:var(--muted)}.faq{display:grid;gap:12px}.faq details{border:1px solid var(--line);border-radius:12px;padding:16px 18px}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted)}.final-cta{background:#fff;padding:22px 0 0}.final-cta-inner{background:linear-gradient(135deg,#06162e,#092d5d);border-radius:18px;color:#fff;padding:34px 40px;display:flex;justify-content:space-between;gap:40px;align-items:center}.final-cta h2{font-size:31px;line-height:1.15;margin:0 0 6px}.final-cta p{margin:0;color:#b9cce0}.cta-actions{display:flex;gap:10px;flex-shrink:0}.site-footer{margin-top:22px;background:#041126;color:#c7d5e6;padding:45px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px}.footer-brand img{width:175px}.footer-brand p{max-width:350px;color:#9fb4ca}.site-footer h3{font-size:14px;color:#fff;display:flex;align-items:center;gap:8px;margin-top:0}.site-footer h3 .icon{color:#1aa8ed}.site-footer>div a,.site-footer>div span{font-size:14px}.footer-grid>div:not(.footer-brand)>a{display:block;padding:5px 0;color:#b8c9da}.footer-grid>div:not(.footer-brand)>a:hover{color:#fff}.footer-contact{display:grid;gap:8px;margin-top:18px}.footer-contact a,.footer-contact span{display:flex;align-items:center;gap:8px}.footer-contact .icon{color:#2bb5f6}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.09);margin-top:30px;padding-top:17px;color:#7890a9}.contact-form{display:grid;gap:15px}.contact-form label{font-weight:700}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px;border:1px solid #cfdceb;border-radius:10px;font:inherit}.contact-form textarea{min-height:150px}.notice{padding:16px;border-radius:10px;background:var(--ice);border:1px solid #cfe6fa}.legal h2{margin-top:40px}.legal p,.legal li{color:#4e5f74}@media(max-width:980px){.header-cta{display:none}.nav-toggle{display:flex;margin-left:auto;background:transparent;border:0;color:#fff;align-items:center;gap:5px;flex-direction:column}.nav-toggle span{width:25px;height:2px;background:#fff}.nav-toggle b{font-size:9px}.primary-nav{display:none;position:absolute;left:20px;right:20px;top:75px;background:#071a36;padding:12px;border-radius:13px;box-shadow:0 20px 50px rgba(0,0,0,.3);flex-direction:column;align-items:stretch}.primary-nav.open{display:flex}.nav-group:hover .dropdown{display:none}.nav-group.open .dropdown{display:block;position:static;width:auto;margin:5px 0}.hero-grid,.content-grid{grid-template-columns:1fr}.hero{padding-top:55px}.partners{grid-template-columns:repeat(4,1fr)}.product-grid,.service-cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.stats-band{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.final-cta-inner{flex-direction:column;align-items:flex-start}}@media(max-width:650px){.container{width:min(100% - 26px,1180px)}.brand{width:145px}.hero h1,.page-hero h1{font-size:42px}.hero-actions,.cta-actions{flex-direction:column;align-items:stretch}.metrics{grid-template-columns:1fr 1fr}.partners{grid-template-columns:1fr 1fr}.pillars,.product-grid,.service-cards,.footer-grid{grid-template-columns:1fr}.stats-band{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:18px}.final-cta-inner{padding:28px 23px}.section{padding:58px 0}}

/* Mobile alignment: centred presentation throughout */
@media(max-width:650px){
  body{text-align:center}
  .nav-wrap{justify-content:center}
  .brand{margin-left:auto;margin-right:auto}
  .nav-toggle{margin-left:0;position:absolute;right:14px}
  .primary-nav{text-align:center;align-items:stretch}
  .nav-item{justify-content:center}
  .dropdown a{justify-content:center}
  .hero-grid,.hero-copy,.page-hero .container,.content,.info-card,.pillar,.product-card,.service-card,.footer-brand,.footer-grid>div{text-align:center}
  .hero-copy>p,.page-hero p,.footer-brand p{margin-left:auto;margin-right:auto}
  .hero-actions,.cta-actions{align-items:center}
  .hero-actions .btn,.cta-actions .btn{width:min(100%,320px)}
  .trust-line,.pillar-head,.feature-list span,.status-ok,.footer-contact a,.footer-contact span,.site-footer h3{justify-content:center}
  .feature-list span{align-items:center}
  .product-card .btn{align-self:center;padding-left:20px}
  .section-head{margin-left:auto;margin-right:auto}
  .stats-band{text-align:center}
  .stat{padding-left:18px;padding-right:18px}
  .final-cta-inner{align-items:center;text-align:center}
  .footer-brand img{display:block;margin-left:auto;margin-right:auto}
  .footer-contact{justify-items:center}
  .footer-bottom{flex-direction:column;align-items:center;gap:10px;text-align:center}
  .breadcrumbs{text-align:center}
  .contact-form{text-align:left}
  .notice{text-align:center}
}


/* Brand spacing */
.nav-wrap{padding-top:14px;padding-bottom:14px}
.brand img{margin-top:4px;margin-bottom:4px}
.footer-brand img{margin-top:8px;margin-bottom:18px}
@media(max-width:650px){
  .nav-wrap{min-height:112px;padding-top:20px;padding-bottom:20px}
  .brand{width:160px}
  .brand img{margin-top:8px;margin-bottom:8px}
  .footer-brand img{margin-top:10px;margin-bottom:22px}
  .footer-bottom span:first-child{max-width:520px;line-height:1.7}
}


/* v4 navigation and long-form service content */
@media(min-width:981px){
  .nav-group .dropdown{margin-top:0}
  .nav-group .dropdown:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
}
.content-intro{font-size:19px;color:#354b65;line-height:1.75}
.content-callout{margin:30px 0;padding:24px 26px;border-left:4px solid var(--blue);background:linear-gradient(135deg,#f4faff,#edf7ff);border-radius:0 14px 14px 0}
.content-callout strong{display:block;font-size:20px;color:var(--navy);margin-bottom:5px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 38px}
.process-step{border:1px solid var(--line);border-radius:15px;padding:22px;background:#fff}
.process-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;margin-bottom:12px}
.process-step h3{font-size:19px;margin:0 0 7px}.process-step p{margin:0;color:var(--muted)}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;padding:0;margin:18px 0 32px;list-style:none}
.check-grid li{position:relative;padding-left:28px}.check-grid li:before{content:"✓";position:absolute;left:0;top:0;color:var(--blue2);font-weight:900}
.rich-section{margin-top:46px}.rich-section:first-child{margin-top:0}
.rich-section h2{margin-bottom:14px}.rich-section h3{margin-top:25px}
.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}
.resource-card{border:1px solid var(--line);border-radius:16px;padding:25px;background:#fff;box-shadow:0 10px 30px rgba(5,24,52,.05)}
.resource-card h3{margin:14px 0 6px}.resource-card p{color:var(--muted)}
.resource-card a{display:inline-flex;align-items:center;gap:7px;color:var(--blue2);font-weight:800}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}
.about-value{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}.about-value h3{margin:12px 0 6px}
.address-line{max-width:300px}
@media(max-width:800px){.process-grid,.about-values{grid-template-columns:1fr}.resource-grid,.check-grid{grid-template-columns:1fr}}
@media(max-width:650px){.content-callout{border-left:0;border-top:4px solid var(--blue);border-radius:14px}.process-step b{margin-left:auto;margin-right:auto}.check-grid li{padding-left:0}.check-grid li:before{position:static;margin-right:8px}.address-line{max-width:320px}}


/* v5 hero depth, favicon/form release */
.hero{isolation:isolate;background:linear-gradient(90deg,rgba(3,14,31,.97) 0%,rgba(4,18,39,.92) 42%,rgba(4,24,52,.84) 100%),radial-gradient(circle at 74% 38%,rgba(18,157,227,.34),transparent 28%),linear-gradient(135deg,#031025,#071d3d 72%,#05264d)}
.hero:before{content:"";position:absolute;inset:0;z-index:0;opacity:.52;pointer-events:none;background-image:linear-gradient(rgba(28,155,232,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(28,155,232,.09) 1px,transparent 1px),radial-gradient(circle at 82% 25%,rgba(35,178,255,.45) 0 2px,transparent 3px),radial-gradient(circle at 68% 67%,rgba(35,178,255,.30) 0 2px,transparent 3px);background-size:72px 72px,72px 72px,190px 190px,240px 240px;mask-image:linear-gradient(90deg,transparent 5%,#000 40%,#000 100%)}
.hero:after{z-index:0}.hero-grid{z-index:2}.dashboard{backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(16,43,80,.90),rgba(7,29,60,.91))}
.form-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.notice-success{border-color:#b9e9ca;background:#f0fff5}.notice-error{border-color:#f2c4c4;background:#fff4f4}.notice a{font-weight:800;color:var(--blue2)}
@media(max-width:650px){.hero:before{opacity:.28;mask-image:none}.hero{background:linear-gradient(180deg,rgba(3,14,31,.96),rgba(4,24,52,.94)),radial-gradient(circle at 50% 25%,rgba(18,157,227,.28),transparent 35%),#031025}}

/* v6 - high-resolution technology hero treatment */
.hero,.page-hero{
  background-color:#041126;
  background-image:
    linear-gradient(90deg,rgba(3,14,31,.94) 0%,rgba(4,18,39,.84) 46%,rgba(4,24,52,.68) 100%),
    url('/assets/images/tech-hero-bg.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.hero{min-height:650px;display:flex;align-items:center}
.hero:before{opacity:.18;background-image:linear-gradient(rgba(28,155,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(28,155,232,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:none}
.page-hero{position:relative;overflow:hidden;padding:88px 0}
.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 48%,rgba(25,168,239,.22),transparent 34%);pointer-events:none}
.page-hero .container{position:relative;z-index:1}
@media(max-width:650px){
 .hero,.page-hero{background-image:linear-gradient(180deg,rgba(3,14,31,.91),rgba(4,24,52,.82)),url('/assets/images/tech-hero-bg.webp');background-position:center center}
 .hero{min-height:auto}
 .page-hero{padding:66px 0}
}


/* v7 - Digital MOT integration and service FAQs */
.faq-list{display:grid;gap:12px;margin:22px 0 34px}.faq-list details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 20px;box-shadow:0 8px 24px rgba(5,24,52,.035)}.faq-list summary{cursor:pointer;list-style:none;font-weight:800;color:var(--navy);padding:18px 34px 18px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:13px;font-size:25px;color:var(--blue2);font-weight:500}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0;padding:0 0 20px;color:var(--muted);line-height:1.7}.mot-live{scroll-margin-top:120px}.mot-frame-wrap{margin-top:22px;border:1px solid #b9d6ee;border-radius:18px;overflow:hidden;background:#061827;box-shadow:0 20px 55px rgba(4,20,42,.14)}.mot-frame{display:block;width:100%;height:980px;border:0;background:#061827}.mot-open{margin-top:18px}@media(max-width:900px){.mot-frame{height:1120px}}@media(max-width:650px){.mot-frame-wrap{border-radius:12px;margin-left:-10px;margin-right:-10px}.mot-frame{height:1260px}.mot-open{text-align:center}}


/* v8 - conversion, help and Digital MOT layout */
.section-soft{background:#f5f9fd}.mot-embed-section .section-head{max-width:820px}.mot-embed-section .mot-frame-wrap{width:100%;margin-top:28px;border:1px solid #b9d6ee;border-radius:18px;overflow:hidden;background:#061827;box-shadow:0 22px 60px rgba(4,20,42,.14)}.mot-embed-section .mot-frame{display:block;width:100%;height:900px;border:0;background:#061827}.mot-under{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.mot-under p{margin:0;color:var(--muted)}.action-panel{padding:34px;border:1px solid #cfe0f1;border-radius:18px;background:linear-gradient(135deg,#f6fbff,#eaf6ff)}.action-panel h2{max-width:760px}.btn-outline-dark{border:1px solid #9fb3c8;color:var(--navy);background:#fff}.faq-heading-row{display:flex;justify-content:space-between;align-items:end;gap:24px}.faq-heading-row h2{margin-bottom:0}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue2);font-weight:800}.faq-more{margin-top:18px}.contact-intro{margin-bottom:28px}.contact-intro h2{margin:8px 0 10px}.form-reassurance{margin:0;color:var(--muted);font-size:14px}.contact-side hr,.faq-side hr{border:0;border-top:1px solid #cfe0f1;margin:24px 0}.next-steps{display:grid;gap:18px;margin:22px 0}.next-steps>div{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}.next-steps b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff}.next-steps span{display:grid;gap:3px}.next-steps small{color:var(--muted);line-height:1.5}.thank-grid,.faq-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:56px;align-items:start}.faq-side{position:sticky;top:120px}.thank-hero .container{max-width:1000px}.thank-grid .content-callout a{font-weight:800;color:var(--blue2)}
@media(max-width:980px){.thank-grid,.faq-page-grid{grid-template-columns:1fr}.faq-side{position:static}.mot-embed-section .mot-frame{height:1000px}}
@media(max-width:650px){.faq-heading-row,.mot-under{flex-direction:column;align-items:center;text-align:center}.action-panel{padding:24px 18px}.mot-embed-section .mot-frame-wrap{margin-left:0;margin-right:0}.mot-embed-section .mot-frame{height:1120px}.next-steps>div{grid-template-columns:1fr;text-align:center}.next-steps b{margin:auto}.contact-side{text-align:center}.thank-grid,.faq-page-grid{text-align:center}}

/* v9 - native Digital MOT scanner (no iframe) */
.mot-live-section .section-head{max-width:820px;margin-left:auto;margin-right:auto;text-align:center}.mot-scanner{margin:34px auto 0;max-width:1050px;padding:34px;border-radius:22px;background:linear-gradient(145deg,#071a33,#0b2749);box-shadow:0 24px 65px rgba(3,18,38,.18);color:#fff;overflow:hidden}.mot-scanner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:28px}.mot-scanner-head h3{font-size:28px;margin:8px 0;color:#fff}.mot-scanner-head p{margin:0;color:#b9cbe0;max-width:650px}.mot-product-label{font-size:13px;letter-spacing:.12em;color:#57b8ff;font-weight:800}.mot-live-pill{white-space:nowrap;border:1px solid rgba(87,184,255,.45);background:rgba(87,184,255,.12);color:#79c8ff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.08em}.mot-scan-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;margin-top:28px;padding:7px 7px 7px 18px;background:#fff;border-radius:13px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.mot-input-icon{font-size:23px;color:#4b6b8d;margin-right:11px}.mot-scan-form input{min-width:0;width:100%;border:0;outline:0;padding:15px 4px;font:inherit;font-size:17px;color:#071a33;background:transparent}.mot-scan-form .btn{border:0;white-space:nowrap}.mot-trust{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:18px;color:#b9cbe0;font-size:13px}.mot-trust span::first-letter{color:#55d58a}.mot-error{margin-top:18px;padding:14px 16px;border:1px solid rgba(242,83,85,.45);background:rgba(242,83,85,.12);border-radius:10px;color:#ffd6d6}.mot-loading{display:flex;align-items:center;gap:16px;margin-top:25px;padding:22px;border:1px solid rgba(87,184,255,.25);border-radius:14px;background:rgba(255,255,255,.05)}.mot-loading div{display:grid;gap:4px}.mot-loading small{color:#b9cbe0}.mot-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.18);border-top-color:#57b8ff;border-radius:50%;animation:motspin .8s linear infinite}@keyframes motspin{to{transform:rotate(360deg)}}.mot-results{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.14)}.mot-result-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:22px}.mot-result-top h3{color:#fff;margin:5px 0 0;font-size:25px}.mot-score{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:end;min-width:145px}.mot-score strong{font-size:48px;line-height:1;color:#fff}.mot-score>span{color:#91a9c2}.mot-score small{grid-column:1/3;text-align:right;margin-top:5px;color:#57b8ff;font-weight:900;letter-spacing:.08em}.mot-result-checks{display:grid;gap:10px}.mot-check{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:17px 18px;border-radius:12px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08)}.mot-check strong{color:#fff}.mot-check p{margin:4px 0 0;color:#c3d1e0;font-size:14px}.mot-check small{display:block;margin-top:4px;color:#8fa8c0}.mot-status{display:inline-flex;justify-content:center;min-width:92px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em}.mot-status-pass{background:rgba(49,210,126,.14);color:#67e5a3}.mot-status-advisory{background:rgba(244,176,0,.14);color:#ffd35e}.mot-status-fail{background:rgba(242,83,85,.14);color:#ff8c8e}.mot-result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.mot-result-actions .btn-outline-dark{border-color:rgba(255,255,255,.28);background:transparent;color:#fff}
@media(max-width:700px){.mot-scanner{padding:24px 18px;border-radius:16px}.mot-scanner-head,.mot-result-top{flex-direction:column}.mot-live-pill{align-self:flex-start}.mot-scan-form{grid-template-columns:auto 1fr;padding:7px 12px}.mot-scan-form .btn{grid-column:1/3;width:100%;justify-content:center;margin-top:6px}.mot-trust{justify-content:center}.mot-check{grid-template-columns:1fr;text-align:center}.mot-status{justify-self:center}.mot-result-actions{justify-content:center}.mot-score{justify-content:start}.mot-score small{text-align:left}}

/* v10 - visual polish and Digital MOT presentation */
body{font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{color:var(--navy);text-wrap:balance}.page-hero h1,.page-hero h2,.page-hero h3,.hero h1,.hero h2,.hero h3{color:#fff}
.section{padding:88px 0}.section-head{margin-bottom:44px}.section-head p{font-size:17px;line-height:1.75}
.content-grid{align-items:start}.content{min-width:0}.content>*,.rich-section{max-width:100%}
.service-card,.product-card,.process-step,.resource-card,.info-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.service-card:hover,.product-card:hover,.resource-card:hover{transform:translateY(-2px);border-color:#c4dced;box-shadow:0 18px 44px rgba(5,24,52,.08)}
.btn{min-height:48px}.btn-secondary{background:#fff;border:1px solid #b8cde1;color:var(--navy)}.btn-secondary:hover,.btn-outline-dark:hover{border-color:var(--blue2);color:var(--blue2)}

.mot-live-section{padding:94px 0 100px;background:linear-gradient(180deg,#f8fbff 0%,#f1f7fc 100%);border-top:1px solid #e7eff7;border-bottom:1px solid #e7eff7}
.mot-live-section .container{max-width:1180px}.mot-live-section .section-head{max-width:780px;margin:0 auto 42px;text-align:center}.mot-live-section .section-head .eyebrow{margin-bottom:10px}.mot-live-section .section-head h2{margin:0 0 14px;font-size:clamp(36px,4vw,52px);letter-spacing:-.04em}.mot-live-section .section-head p{max-width:720px;margin:0 auto;color:#5b6d82}
.mot-scanner{position:relative;margin:0 auto;max-width:980px;padding:42px 46px 38px;border:1px solid rgba(84,176,245,.28);border-radius:24px;background:radial-gradient(circle at 92% 5%,rgba(30,166,237,.18),transparent 28%),linear-gradient(145deg,#06162d 0%,#0a2343 100%);box-shadow:0 30px 80px rgba(4,20,42,.18);color:#fff;overflow:hidden}
.mot-scanner:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,#000,transparent 75%)}
.mot-scanner>*{position:relative;z-index:1}.mot-scanner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.mot-scanner-head>div{max-width:660px}.mot-product-label{display:inline-block;font-size:12px;letter-spacing:.14em;color:#66c4ff;font-weight:900}.mot-scanner-head h3{margin:8px 0 8px;font-size:clamp(25px,3vw,32px);line-height:1.15;color:#fff}.mot-scanner-head p{margin:0;color:#b9cbe0;font-size:16px;line-height:1.7}.mot-live-pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid rgba(93,195,255,.38);background:rgba(38,151,222,.12);color:#82d1ff;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:900;letter-spacing:.08em}.mot-live-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#4bd47b;box-shadow:0 0 0 4px rgba(75,212,123,.12)}
.mot-scan-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0;margin:30px auto 0;max-width:850px;padding:7px 7px 7px 17px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:14px;box-shadow:0 16px 38px rgba(0,0,0,.22)}.mot-input-icon{display:grid;place-items:center;width:32px;height:32px;margin-right:8px;border-radius:8px;background:#eef6fd;color:#2a77b8;font-size:18px}.mot-scan-form input{min-width:0;width:100%;border:0;outline:0;padding:14px 8px;font:inherit;font-size:17px;color:#071a33;background:transparent}.mot-scan-form input::placeholder{color:#8091a4}.mot-scan-form input:focus{outline:none}.mot-scan-form:focus-within{box-shadow:0 0 0 4px rgba(20,159,227,.18),0 16px 38px rgba(0,0,0,.22)}.mot-scan-form .btn{min-width:182px;border:0;border-radius:10px;white-space:nowrap}
.mot-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin-top:20px;color:#bed0e1;font-size:13px}.mot-trust span{display:inline-flex;align-items:center;gap:5px}.mot-error,.mot-loading,.mot-results{max-width:850px;margin-left:auto;margin-right:auto}.mot-loading{margin-top:26px}.mot-result-actions{justify-content:center}

.contact-form{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(5,24,52,.06)}.contact-form input,.contact-form textarea,.contact-form select{background:#fbfdff;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-color:#68b9eb;box-shadow:0 0 0 4px rgba(20,159,227,.10)}

@media(max-width:980px){.section{padding:70px 0}.content-grid{gap:32px}.mot-scanner{padding:34px 28px}.primary-nav{max-height:calc(100vh - 100px);overflow:auto}}
@media(max-width:700px){.container{width:min(100% - 28px,1180px)}.section{padding:58px 0}.section-head{margin-bottom:30px}.mot-live-section{padding:62px 0 66px}.mot-live-section .section-head h2{font-size:36px}.mot-scanner{padding:27px 18px 24px;border-radius:18px}.mot-scanner-head{align-items:center;text-align:center}.mot-scanner-head>div{width:100%}.mot-live-pill{align-self:center}.mot-scan-form{grid-template-columns:1fr;padding:9px;gap:8px}.mot-input-icon{display:none}.mot-scan-form input{padding:13px 12px;text-align:center}.mot-scan-form .btn{grid-column:auto;width:100%;min-width:0;margin:0}.mot-trust{gap:8px 14px}.hero-actions,.cta-actions{flex-direction:column}.hero-actions .btn,.cta-actions .btn{width:100%}.final-cta-inner{padding:28px 22px;text-align:center}}


/* v11 - Digital MOT input and loading state refinement */
[hidden]{display:none!important}
.mot-scan-form{display:flex!important;align-items:stretch!important;gap:12px!important;max-width:850px!important;margin:30px auto 0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.mot-domain-field{display:flex;align-items:center;flex:1;min-width:0;min-height:58px;padding:0 16px;background:#fff;border:1px solid rgba(255,255,255,.85);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.18);transition:border-color .2s ease,box-shadow .2s ease}
.mot-domain-field:focus-within{border-color:#69c4ff;box-shadow:0 0 0 4px rgba(20,159,227,.17),0 14px 34px rgba(0,0,0,.18)}
.mot-domain-field .mot-input-icon{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;margin:0 10px 0 0!important;border-radius:9px!important;background:#eef6fd!important;color:#2a77b8!important;font-size:18px!important}
.mot-domain-field input{display:block!important;flex:1!important;min-width:0!important;width:100%!important;height:56px!important;margin:0!important;padding:0 4px!important;border:0!important;outline:0!important;background:transparent!important;color:#071a33!important;font:inherit!important;font-size:17px!important;line-height:1!important;text-align:left!important;direction:ltr!important}
.mot-domain-field input::placeholder{color:#8a9aae!important;opacity:1}
.mot-scan-form .mot-submit{flex:0 0 auto!important;min-width:200px!important;min-height:58px!important;margin:0!important;padding:0 24px!important;border-radius:12px!important;box-shadow:0 10px 28px rgba(20,159,227,.28)!important}
.mot-scan-form .mot-submit[disabled]{cursor:wait;opacity:.78;transform:none!important}
.mot-loading{display:flex;align-items:center;gap:16px;margin-top:25px;padding:20px 22px;border:1px solid rgba(87,184,255,.25);border-radius:14px;background:rgba(255,255,255,.05)}
.mot-loading[hidden]{display:none!important}
.mot-error[hidden],.mot-results[hidden]{display:none!important}
@media(max-width:700px){.mot-scan-form{flex-direction:column!important;gap:10px!important}.mot-domain-field{width:100%;min-height:56px}.mot-domain-field .mot-input-icon{display:grid!important}.mot-domain-field input{height:54px!important;text-align:left!important}.mot-scan-form .mot-submit{width:100%!important;min-width:0!important;min-height:56px!important}.mot-trust{margin-top:18px}}

/* v12 accessibility + scanner field 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}
.mot-domain-field{position:relative}
.mot-domain-field input{appearance:none!important;-webkit-appearance:none!important;border-radius:0!important}
.mot-domain-field input:-webkit-autofill{-webkit-text-fill-color:#071a33!important;box-shadow:0 0 0 1000px #fff inset!important}
.mot-error{font-weight:650;line-height:1.45}


/* v15 - final CTA contrast and navigation polish */
.final-cta .final-cta-inner h2{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.08)}
.final-cta .final-cta-inner .eyebrow{color:#55c3ff}
.final-cta .final-cta-inner p{color:#c8d9ea;max-width:660px;font-size:16px;line-height:1.65}
.final-cta .cta-actions .btn-outline{border-color:rgba(169,207,239,.8)}
.final-cta .cta-actions .btn-outline:hover{background:rgba(255,255,255,.07);border-color:#fff}

/* v33 - homepage transparent header and restrained ambient motion */
.site-header-home{
  position:fixed;
  left:0;
  right:0;
  top:0;
  width:100%;
  background:linear-gradient(180deg,rgba(4,17,38,.38),rgba(4,17,38,.08));
  border-bottom-color:rgba(255,255,255,.055);
  box-shadow:none;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  transition:background .32s ease,backdrop-filter .32s ease,border-color .32s ease,box-shadow .32s ease;
}
.site-header-home.is-scrolled,
.site-header-home.menu-open{
  background:rgba(5,18,38,.96);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom-color:rgba(255,255,255,.09);
  box-shadow:0 10px 32px rgba(2,10,24,.22);
}
.home-hero{
  min-height:732px;
  padding-top:172px;
  padding-bottom:92px;
  background-position:center top;
}
.home-hero .hero-grid{position:relative;z-index:3}
.home-hero .dashboard{
  --dx:0px;
  --dy:0px;
  transform:translate3d(var(--dx),var(--dy),0);
  animation:dashboard-breathe 10s ease-in-out infinite;
  transition:transform .45s ease-out,border-color .25s ease,box-shadow .25s ease;
  will-change:transform;
}
.home-hero .hero-ambient{
  --mx:0px;
  --my:0px;
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
  transform:translate3d(var(--mx),var(--my),0);
  transition:transform .9s cubic-bezier(.2,.7,.2,1);
}
.home-hero .hero-ambient i{
  position:absolute;
  display:block;
  width:12px;
  height:12px;
  border:1px solid rgba(69,177,255,.28);
  background:rgba(45,159,236,.10);
  border-radius:2px;
  box-shadow:0 0 20px rgba(52,174,255,.14);
  animation:hero-float 13s ease-in-out infinite;
  will-change:transform,opacity;
}
.home-hero .hero-ambient i:nth-child(1){left:17%;top:22%;width:9px;height:9px;animation-duration:12s;animation-delay:-2s}
.home-hero .hero-ambient i:nth-child(2){left:28%;top:58%;width:15px;height:15px;animation-duration:16s;animation-delay:-9s}
.home-hero .hero-ambient i:nth-child(3){left:46%;top:28%;width:8px;height:8px;animation-duration:11s;animation-delay:-6s}
.home-hero .hero-ambient i:nth-child(4){left:57%;top:62%;width:11px;height:11px;animation-duration:15s;animation-delay:-4s}
.home-hero .hero-ambient i:nth-child(5){left:69%;top:20%;width:14px;height:14px;animation-duration:18s;animation-delay:-12s}
.home-hero .hero-ambient i:nth-child(6){left:79%;top:51%;width:9px;height:9px;animation-duration:14s;animation-delay:-3s}
.home-hero .hero-ambient i:nth-child(7){left:88%;top:30%;width:17px;height:17px;animation-duration:19s;animation-delay:-10s}
.home-hero .hero-ambient i:nth-child(8){left:92%;top:69%;width:7px;height:7px;animation-duration:12s;animation-delay:-7s}
@keyframes hero-float{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg);opacity:.28}
  35%{transform:translate3d(8px,-13px,0) rotate(5deg);opacity:.55}
  70%{transform:translate3d(-5px,7px,0) rotate(-3deg);opacity:.36}
}
@keyframes dashboard-breathe{
  0%,100%{translate:0 0}
  50%{translate:0 -4px}
}
@media(max-width:980px){
  .site-header-home{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .home-hero{min-height:auto;padding-top:132px;padding-bottom:72px;background-position:center top}
  .home-hero .dashboard{animation:none}
  .home-hero .hero-ambient{opacity:.65}
}
@media(max-width:650px){
  .site-header-home{background:linear-gradient(180deg,rgba(4,17,38,.62),rgba(4,17,38,.18))}
  .home-hero{padding-top:118px;padding-bottom:62px}
  .home-hero .hero-ambient i:nth-child(-n+3){display:none}
}
@media(prefers-reduced-motion:reduce){
  .site-header-home,.home-hero .dashboard,.home-hero .hero-ambient,.home-hero .hero-ambient i{animation:none!important;transition:none!important;transform:none!important;translate:none!important}
}

/* v34 - stronger, visible hero depth without turning the hero into a screensaver */
.home-hero .hero-ambient{
  opacity:1;
  mix-blend-mode:screen;
}
.home-hero .hero-ambient:before,
.home-hero .hero-ambient:after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  border-radius:50%;
  filter:blur(55px);
  opacity:.14;
  background:radial-gradient(circle,rgba(49,169,255,.65) 0%,rgba(27,117,220,.18) 42%,transparent 72%);
  animation:hero-glow-drift 18s ease-in-out infinite;
  will-change:transform,opacity;
}
.home-hero .hero-ambient:before{left:14%;top:18%;animation-delay:-4s}
.home-hero .hero-ambient:after{right:7%;bottom:4%;width:420px;height:420px;animation-duration:23s;animation-delay:-12s}
.home-hero .hero-ambient i{
  border-color:rgba(88,194,255,.52);
  background:rgba(36,149,233,.16);
  box-shadow:0 0 8px rgba(68,180,255,.28),0 0 26px rgba(46,155,238,.22);
  opacity:.6;
  animation-name:hero-float-visible;
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
}
.home-hero .hero-ambient i:nth-child(1){left:8%;top:31%;width:12px;height:12px;animation-duration:10s;animation-delay:-1s}
.home-hero .hero-ambient i:nth-child(2){left:16%;top:67%;width:18px;height:18px;animation-duration:13s;animation-delay:-7s}
.home-hero .hero-ambient i:nth-child(3){left:27%;top:21%;width:11px;height:11px;animation-duration:12s;animation-delay:-4s}
.home-hero .hero-ambient i:nth-child(4){left:35%;top:53%;width:24px;height:24px;animation-duration:16s;animation-delay:-11s}
.home-hero .hero-ambient i:nth-child(5){left:46%;top:17%;width:15px;height:15px;animation-duration:11s;animation-delay:-5s}
.home-hero .hero-ambient i:nth-child(6){left:54%;top:70%;width:13px;height:13px;animation-duration:14s;animation-delay:-3s}
.home-hero .hero-ambient i:nth-child(7){left:64%;top:30%;width:20px;height:20px;animation-duration:17s;animation-delay:-13s}
.home-hero .hero-ambient i:nth-child(8){left:72%;top:61%;width:10px;height:10px;animation-duration:10s;animation-delay:-6s}
.home-hero .hero-ambient i:nth-child(9){left:80%;top:19%;width:27px;height:27px;animation-duration:19s;animation-delay:-9s}
.home-hero .hero-ambient i:nth-child(10){left:86%;top:48%;width:14px;height:14px;animation-duration:12s;animation-delay:-2s}
.home-hero .hero-ambient i:nth-child(11){left:92%;top:72%;width:22px;height:22px;animation-duration:18s;animation-delay:-15s}
.home-hero .hero-ambient i:nth-child(12){left:40%;top:80%;width:9px;height:9px;animation-duration:9s;animation-delay:-4s}
.home-hero .hero-ambient i:nth-child(13){left:22%;top:42%;width:8px;height:8px;animation-duration:11s;animation-delay:-8s}
.home-hero .hero-ambient i:nth-child(14){left:75%;top:40%;width:9px;height:9px;animation-duration:13s;animation-delay:-10s}
@keyframes hero-float-visible{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1);opacity:.44}
  25%{transform:translate3d(13px,-19px,0) rotate(7deg) scale(1.08);opacity:.82}
  52%{transform:translate3d(-7px,-30px,0) rotate(-5deg) scale(.94);opacity:.60}
  76%{transform:translate3d(-15px,8px,0) rotate(4deg) scale(1.04);opacity:.76}
}
@keyframes hero-glow-drift{
  0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.10}
  50%{transform:translate3d(38px,-28px,0) scale(1.12);opacity:.20}
}
.home-hero .dashboard{animation:dashboard-breathe-visible 8s ease-in-out infinite}
@keyframes dashboard-breathe-visible{
  0%,100%{translate:0 0}
  50%{translate:0 -7px}
}
@media(max-width:980px){
  .home-hero .hero-ambient{opacity:.82}
  .home-hero .hero-ambient i:nth-child(n+10){display:none}
}
@media(max-width:650px){
  .home-hero .hero-ambient{opacity:.64}
  .home-hero .hero-ambient i:nth-child(n+7){display:none}
  .home-hero .hero-ambient:before,.home-hero .hero-ambient:after{opacity:.09}
}


/* v35 - unmistakable but controlled hero movement */
.home-hero{
  background:#041126!important;
}
.home-hero .hero-bg-motion{
  position:absolute;
  z-index:0;
  inset:-42px;
  pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(3,14,31,.93) 0%,rgba(4,18,39,.86) 43%,rgba(4,24,52,.74) 100%),
    url('/assets/images/tech-hero-bg.webp');
  background-size:cover;
  background-position:50% 8%;
  transform:translate3d(0,0,0) scale(1.045);
  transform-origin:center center;
  animation:hero-background-travel 16s ease-in-out infinite alternate;
  will-change:transform,background-position,filter;
}
.home-hero .hero-bg-motion:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 73% 35%,rgba(23,142,231,.20),transparent 24%),
    radial-gradient(circle at 30% 72%,rgba(37,161,235,.12),transparent 20%);
  animation:hero-light-pulse 9s ease-in-out infinite;
}
@keyframes hero-background-travel{
  0%{transform:translate3d(-12px,-4px,0) scale(1.045);background-position:49% 6%;filter:brightness(.98)}
  50%{transform:translate3d(7px,-16px,0) scale(1.065);background-position:51% 12%;filter:brightness(1.05)}
  100%{transform:translate3d(18px,5px,0) scale(1.05);background-position:53% 8%;filter:brightness(1.01)}
}
@keyframes hero-light-pulse{
  0%,100%{opacity:.55;transform:scale(1)}
  50%{opacity:1;transform:scale(1.04)}
}
.home-hero .hero-ambient{z-index:1;mix-blend-mode:screen}
.home-hero .hero-ambient i{
  border:1px solid rgba(91,199,255,.72)!important;
  background:rgba(27,145,226,.20)!important;
  box-shadow:0 0 12px rgba(79,190,255,.40),0 0 32px rgba(40,146,226,.28)!important;
  animation-name:hero-float-v35!important;
  opacity:.72;
}
.home-hero .hero-ambient i:nth-child(1){left:7%;top:26%;width:14px;height:14px;animation-duration:9s}
.home-hero .hero-ambient i:nth-child(2){left:13%;top:63%;width:24px;height:24px;animation-duration:12s}
.home-hero .hero-ambient i:nth-child(3){left:22%;top:19%;width:12px;height:12px;animation-duration:10s}
.home-hero .hero-ambient i:nth-child(4){left:31%;top:50%;width:30px;height:30px;animation-duration:13s}
.home-hero .hero-ambient i:nth-child(5){left:42%;top:16%;width:18px;height:18px;animation-duration:8s}
.home-hero .hero-ambient i:nth-child(6){left:48%;top:71%;width:15px;height:15px;animation-duration:11s}
.home-hero .hero-ambient i:nth-child(7){left:58%;top:31%;width:25px;height:25px;animation-duration:14s}
.home-hero .hero-ambient i:nth-child(8){left:66%;top:65%;width:13px;height:13px;animation-duration:9s}
.home-hero .hero-ambient i:nth-child(9){left:74%;top:17%;width:33px;height:33px;animation-duration:15s}
.home-hero .hero-ambient i:nth-child(10){left:82%;top:46%;width:18px;height:18px;animation-duration:10s}
.home-hero .hero-ambient i:nth-child(11){left:90%;top:68%;width:28px;height:28px;animation-duration:13s}
.home-hero .hero-ambient i:nth-child(12){left:38%;top:82%;width:13px;height:13px;animation-duration:8s}
.home-hero .hero-ambient i:nth-child(13){left:19%;top:42%;width:10px;height:10px;animation-duration:9s}
.home-hero .hero-ambient i:nth-child(14){left:70%;top:39%;width:11px;height:11px;animation-duration:10s}
.home-hero .hero-ambient i:nth-child(15){left:53%;top:12%;width:9px;height:9px;animation-duration:7s}
.home-hero .hero-ambient i:nth-child(16){left:84%;top:25%;width:12px;height:12px;animation-duration:11s}
.home-hero .hero-ambient i:nth-child(17){left:25%;top:77%;width:20px;height:20px;animation-duration:12s}
.home-hero .hero-ambient i:nth-child(18){left:95%;top:36%;width:10px;height:10px;animation-duration:8s}
@keyframes hero-float-v35{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1);opacity:.52}
  20%{transform:translate3d(26px,-32px,0) rotate(9deg) scale(1.10);opacity:.92}
  45%{transform:translate3d(-12px,-58px,0) rotate(-8deg) scale(.95);opacity:.68}
  70%{transform:translate3d(-31px,-16px,0) rotate(7deg) scale(1.08);opacity:.88}
  88%{transform:translate3d(14px,18px,0) rotate(-4deg) scale(1.02);opacity:.64}
}
.home-hero .dashboard{animation:dashboard-breathe-v35 6.5s ease-in-out infinite!important}
@keyframes dashboard-breathe-v35{
  0%,100%{translate:0 0;box-shadow:0 35px 90px rgba(0,0,0,.32)}
  50%{translate:0 -10px;box-shadow:0 45px 100px rgba(0,0,0,.38)}
}
@media(max-width:980px){
  .home-hero .hero-bg-motion{animation-duration:22s}
  .home-hero .hero-ambient i:nth-child(n+11){display:none}
}
@media(max-width:650px){
  .home-hero .hero-bg-motion{inset:-24px;animation:none;transform:scale(1.03);background-position:center top}
  .home-hero .hero-ambient i:nth-child(n+7){display:none}
}
@media(prefers-reduced-motion:reduce){
  .home-hero .hero-bg-motion,.home-hero .hero-bg-motion:after{animation:none!important;transform:none!important}
}

/* v36 - unified inner-page Datarush product identity */
.page-hero-brand{position:relative;isolation:isolate;overflow:hidden;padding:88px 0 82px;background:#041126}
.page-hero-brand:before{content:"";position:absolute;z-index:-3;inset:-45px;background-image:linear-gradient(90deg,rgba(3,14,31,.95),rgba(4,18,39,.87) 45%,rgba(4,24,52,.72)),url('/assets/images/tech-hero-bg.webp');background-size:cover;background-position:center 30%;transform:scale(1.04)}
.page-hero-brand:after{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 76% 30%,rgba(20,159,227,.18),transparent 26%),linear-gradient(180deg,rgba(4,17,38,.06),rgba(4,17,38,.32));pointer-events:none}
.page-hero-brand .container{position:relative;z-index:2}
.page-hero-brand h1{max-width:900px;margin-bottom:18px}
.page-hero-brand p{font-size:18px;line-height:1.7;max-width:790px;margin-bottom:0}
.page-hero-orbit{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.72}
.page-hero-orbit i{position:absolute;width:13px;height:13px;border:1px solid rgba(93,201,255,.58);background:rgba(31,151,225,.14);box-shadow:0 0 18px rgba(49,169,238,.28);animation:inner-orbit 13s ease-in-out infinite}
.page-hero-orbit i:nth-child(1){left:62%;top:22%;width:19px;height:19px;animation-duration:12s}
.page-hero-orbit i:nth-child(2){left:74%;top:61%;width:11px;height:11px;animation-duration:9s;animation-delay:-4s}
.page-hero-orbit i:nth-child(3){left:86%;top:28%;width:27px;height:27px;animation-duration:15s;animation-delay:-7s}
.page-hero-orbit i:nth-child(4){left:92%;top:70%;width:14px;height:14px;animation-duration:11s;animation-delay:-2s}
.page-hero-orbit i:nth-child(5){left:52%;top:76%;width:9px;height:9px;animation-duration:10s;animation-delay:-5s}
@keyframes inner-orbit{0%,100%{transform:translate3d(0,0,0) rotate(0);opacity:.42}50%{transform:translate3d(18px,-22px,0) rotate(12deg);opacity:.9}}
.service-detail{background:linear-gradient(180deg,#fff 0,#fbfdff 100%)}
.service-detail .content-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:44px}
.service-detail .rich-section{padding:4px 0 34px;margin-bottom:34px;border-bottom:1px solid #e4edf6}
.service-detail .rich-section:last-child{border-bottom:0;margin-bottom:0}
.service-detail .content-intro{font-size:18px;line-height:1.75;color:#344b64}
.service-detail .content-callout{margin:4px 0 38px;border:1px solid #cce5f7;border-left:4px solid var(--blue);border-radius:14px;background:linear-gradient(135deg,#f3faff,#edf7ff);padding:22px 24px;box-shadow:0 12px 32px rgba(5,24,52,.05)}
.service-detail .content-callout strong{display:block;color:var(--navy);font-size:16px;margin-bottom:5px}
.service-detail .content-callout span{color:#52667d}
.service-detail .info-card{top:104px;background:linear-gradient(180deg,#f3faff,#eaf6ff);box-shadow:0 18px 48px rgba(5,24,52,.08)}
.service-detail .process-step b{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}
.resource-card{position:relative;overflow:hidden}
.resource-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--blue),#63d5f4);opacity:0;transition:.2s}
.resource-card:hover:before{opacity:1}
.mot-live-section{border-top:1px solid #e3edf7;border-bottom:1px solid #e3edf7}
@media(max-width:980px){.page-hero-brand{padding:72px 0 62px}.service-detail .content-grid{grid-template-columns:1fr}.service-detail .info-card{position:relative;top:auto}.page-hero-orbit i:nth-child(n+4){display:none}}
@media(max-width:650px){.page-hero-brand{padding:58px 0 50px}.page-hero-brand h1{font-size:42px}.page-hero-orbit{opacity:.42}.service-detail .rich-section{padding-bottom:26px;margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.page-hero-orbit i{animation:none!important}}