/* Technology page */
.technology-hero{position:relative;height:432px;overflow:hidden;background:#dcecf7;isolation:isolate;}
.technology-hero .hero-bg{position:absolute;inset:0;background-image:url("../images/hero-technology.webp");background-size:cover;background-position:58% center;background-repeat:no-repeat;z-index:1;}
.technology-hero .hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.955) 25%,rgba(255,255,255,.72) 38%,rgba(255,255,255,.24) 53%,rgba(255,255,255,.045) 69%,rgba(255,255,255,0) 100%);z-index:2;pointer-events:none;}
.technology-hero .container{position:relative;z-index:5;height:100%;display:flex;align-items:center;}
.technology-hero::after{content:"";position:absolute;right:22.5%;bottom:28px;width:430px;height:118px;border-radius:50%;border:1px solid rgba(0,119,255,.16);box-shadow:0 0 0 30px rgba(0,119,255,.035),0 0 0 62px rgba(0,119,255,.022);z-index:3;pointer-events:none;}
.hero-copy{width:500px;transform:translateY(-2px);}
.hero-copy p{margin-top:18px;width:455px;font-size:14.5px;line-height:1.58;color:#40536a;font-weight:500;}
.hero-actions{display:flex;gap:22px;margin-top:26px;}
.tech-callout-layer{position:absolute;inset:0;z-index:7;pointer-events:none;}
.tech-callout{position:absolute;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.96);font-size:10.6px;line-height:1.12;text-shadow:0 2px 8px rgba(4,16,31,.52);pointer-events:none;}
.tech-callout strong{display:block;font-size:11.6px;font-weight:800;letter-spacing:-.012em;color:#fff;line-height:1.08}.tech-callout span{display:block;color:rgba(255,255,255,.82);font-size:10.4px;font-weight:600;margin-top:3px;line-height:1.12}.callout-line{height:1px;background:rgba(151,211,255,.68);box-shadow:0 0 7px rgba(0,139,255,.25);flex:0 0 var(--line,100px)}.callout-dot{width:6px;height:6px;border-radius:50%;background:#278cff;box-shadow:0 0 0 3px rgba(39,140,255,.18);flex:0 0 auto}
.tech-callout.right .callout-dot{order:1}.tech-callout.right .callout-line{order:2}.tech-callout.right .callout-text{order:3}.tech-callout.left .callout-text{order:1}.tech-callout.left .callout-line{order:2}.tech-callout.left .callout-dot{order:3}
.callout-camera{left:570px;top:55px;--line:118px}.callout-lidar{left:568px;top:148px;--line:106px}.callout-ultrasonic{left:568px;top:236px;--line:106px}.callout-edge{left:1112px;top:54px;--line:114px}.callout-status{left:1308px;top:169px;--line:92px}.callout-suspension{left:1080px;top:312px;--line:120px}

.platform-section{padding-top:28px}.platform-panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);padding:24px 28px 29px;}.platform-title{font-size:23px;line-height:1.15;letter-spacing:-.032em;margin-bottom:22px}.platform-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:58px;position:relative}.platform-flow::before{content:"";position:absolute;left:9%;right:9%;top:46px;border-top:2px dashed #bdd6f8;z-index:0}.flow-card{position:relative;z-index:2;min-height:140px;padding:20px 18px 18px;text-align:center;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 5px 16px rgba(11,27,46,.035)}.flow-card .icon-badge{margin:0 auto 14px}.flow-card .card-title{font-size:14px}.flow-card .card-text{margin-top:7px;font-size:12.2px;line-height:1.38}

.capability-section{padding-top:26px}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.capability-card{min-height:152px;padding:26px 28px 22px;display:grid;grid-template-columns:58px 1fr;gap:20px;align-items:start}.capability-card .card-text{margin-top:8px;min-height:58px}.capability-card .learn{margin-top:10px}

.sensing-section{padding-top:28px}.sensing-panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);padding:24px 30px;display:grid;grid-template-columns:.78fr 1.28fr 1.5fr;gap:30px;align-items:center;min-height:226px}.sensing-copy h2{font-size:25px;line-height:1.12;letter-spacing:-.036em}.sensing-copy p{margin-top:16px;color:#4e6177;font-size:13px;line-height:1.55;font-weight:500;max-width:270px}.sensing-copy .btn{margin-top:22px;height:40px;padding:0 22px}.sensing-visual{height:200px;display:flex;align-items:center;overflow:hidden;border-radius:12px;background:#fff;border:1px solid rgba(229,237,247,.75);}.sensing-visual img{width:100%;height:100%;object-fit:cover;object-position:38% 48%;}.sensing-features{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 26px}.sensing-item{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start}.sensing-item .icon-badge{width:30px;height:30px}.sensing-item .icon-badge svg{width:15px;height:15px}.sensing-item h3{font-size:13.5px;line-height:1.15;letter-spacing:-.016em}.sensing-item p{margin-top:4px;font-size:11.8px;line-height:1.38;color:#5a6c80;font-weight:500}

.safety-section{padding-top:27px}.safety-section .section-head{text-align:left;margin:0 0 18px;max-width:none}.safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.safety-card{min-height:112px;padding:22px 24px;display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:start}.safety-card .card-title{font-size:14.2px}.safety-card .card-text{margin-top:7px;font-size:12.1px;line-height:1.42}

@media(max-width:1280px){.callout-camera,.callout-lidar,.callout-ultrasonic{left:602px;top:237px;--line:116px}.callout-edge,.callout-status,.callout-suspension{right:94px;top:310px;--line:112px}.platform-flow{gap:22px}.capability-grid,.safety-grid{grid-template-columns:repeat(2,1fr)}.sensing-panel{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft);padding:24px 30px;display:grid;grid-template-columns:.78fr 1.28fr 1.5fr;gap:30px;align-items:center;min-height:226px}.sensing-copy p{margin-top:16px;color:#4e6177;font-size:13px;line-height:1.55;font-weight:500;max-width:270px}.sensing-visual{height:200px;display:flex;align-items:center;overflow:hidden;border-radius:12px;background:#fff;border:1px solid rgba(229,237,247,.75);}}
@media(max-width:860px){.technology-hero{position:relative;height:432px;overflow:hidden;background:#dcecf7;isolation:isolate;}.technology-hero .container{align-items:flex-start;padding-top:70px}.hero-copy{width:500px;transform:translateY(-2px);}.hero-copy p{margin-top:18px;width:455px;font-size:14.5px;line-height:1.58;color:#40536a;font-weight:500;}.tech-callout-layer{display:none}.platform-flow,.capability-grid,.safety-grid{grid-template-columns:1fr}.platform-flow::before{display:none}.sensing-features{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 26px}.hero-actions,.cta-actions{flex-wrap:wrap}}


/*
AUTO REVIEW - Technology v4
PASS: Hero uses real asset hero-technology.webp, not placeholder.
PASS: Callout ordering follows reference: left = text-line-dot, right = dot-line-text.
PASS: Callout text and line sizes reduced to reference-like technical labels.
PASS: Advanced Sensing compressed to reference-like density.
NOTE: Final 1:1 requires browser visual review because callout dots depend on exact rendered viewport width.
*/


/* Final fix: remove blue focus/active frame on mouse-clicked navigation and buttons */
.main-nav a:focus,
.main-nav a:active,
.site-header a:focus,
.site-header a:active,
.btn:focus,
.btn:active,
.header-cta:focus,
.header-cta:active,
button:focus,
button:active,
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

.main-nav a:focus-visible,
.site-header a:focus-visible,
.btn:focus-visible,
.header-cta:focus-visible,
button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}