:root{--navy:#06395d;--navy2:#04283f;--blue:#0a5a91;--gold:#FFB81C;--ink:#071d31;--muted:#657687;--soft:#f4f7f9;--line:#dce4ea;--white:#fff;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",Arial,sans-serif;color:var(--ink);font-size:16px;font-weight:400;line-height:1.65;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{max-width:var(--max);margin:auto;padding-left:32px;padding-right:32px}
.header{height:84px;position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #e8edf1;box-shadow:0 1px 10px #0017270a}.header-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{display:block;width:176px;height:60px;object-fit:contain;object-position:left center;background:transparent}.header nav{display:flex;align-items:center;gap:20px;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-size:14px;font-weight:650;line-height:1.2;white-space:nowrap}.header nav a:hover{color:var(--blue)}.head-actions{display:flex;align-items:center;gap:10px}.head-actions button{border:0;background:none;font-weight:700;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:12px 19px;font-weight:700;letter-spacing:.05px;cursor:pointer}.blue-btn{background:var(--blue);color:#fff}.gold-btn{background:var(--gold);color:#071d31}.outline-link{color:#fff;font-weight:800;border-bottom:1px solid #ffffff70;padding-bottom:3px}#menu{display:none;font-size:23px}
.hero{background:linear-gradient(110deg,#043452,#0a5a82);color:#fff}.hero-in{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;padding-top:76px;padding-bottom:76px}.eyebrow{font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-size:12px;letter-spacing:3px;font-weight:700;margin:0 0 14px}.eyebrow.light{color:#fff}.eyebrow.navy{color:#154c6c}.hero h1{font-family:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI",Arial,sans-serif;font-size:56px;font-weight:760;line-height:1.04;letter-spacing:-1.8px;margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p:not(.eyebrow){font-size:19px;max-width:600px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:24px}.hero-photo{border-radius:12px;overflow:hidden;box-shadow:0 18px 55px #00172738}.hero-photo img{display:block;width:100%;height:560px;object-fit:cover}
.section{max-width:var(--max);margin:auto;padding:104px 32px}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:88px}.section h2,.import-service h2,.contact-quote h2{font-family:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI",Arial,sans-serif;font-size:40px;font-weight:730;line-height:1.14;letter-spacing:-1.15px;margin:0 0 24px}.about-copy>p{color:#324b5e;font-size:16.5px;line-height:1.75}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.vision-grid article{border:1px solid var(--line);border-radius:8px;padding:20px}.vision-grid span{display:block;font-size:11px;font-weight:900;letter-spacing:2px;color:var(--blue);margin-bottom:10px}.vision-grid b{font-size:14.5px;line-height:1.65;font-weight:650}
.soft{max-width:none;background:var(--soft);padding-left:max(32px,calc((100% - var(--max))/2 + 32px));padding-right:max(32px,calc((100% - var(--max))/2 + 32px))}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-bottom:36px}.heading>p{max-width:430px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px;min-height:245px;transition:.2s ease;box-shadow:0 8px 24px #062f4f08}.service-grid i{display:block;font-style:normal;font-size:29px;color:var(--blue);margin-bottom:12px}.service-grid h3{font-size:19px;font-weight:700;letter-spacing:-.2px;margin:0 0 9px}.service-grid p{font-size:14.5px;line-height:1.65;color:var(--muted);margin:0}
.import-service{background:linear-gradient(110deg,#06395d,#0a5278);color:#fff;padding:96px 0}.import-in{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.import-copy>p:not(.eyebrow){color:#d6e4eb}.import-steps{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff2d;border-radius:14px;overflow:hidden;background:#ffffff08}.import-steps div{padding:26px;min-height:118px;border-right:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.import-steps div:nth-child(2n){border-right:0}.import-steps div:nth-last-child(-n+1){border-bottom:0}.import-steps b{display:block;color:var(--gold);font-size:12px;margin-bottom:18px}.import-steps span{font-weight:800}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.industry-grid span{border:1px solid var(--line);border-radius:10px;padding:24px 20px;font-weight:650;background:#fff;box-shadow:0 6px 20px #062f4f06}.industry-grid span:before{content:"◇";color:var(--gold);margin-right:8px}
.contact-quote{background:linear-gradient(115deg,#073e62,#0a5b82);color:#fff;padding:96px 0}.cq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px}.contact-side>p:not(.eyebrow){color:#d7e5eb}.contact-card{margin-top:30px;background:#fff;color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 18px 40px #00172725}.contact-card img{width:100%;height:210px;object-fit:cover;display:block}.contact-card div{display:flex;flex-direction:column;gap:5px;padding:18px}.contact-card span{font-size:13px;color:var(--muted)}.contact-card a{font-weight:800;font-size:14px;color:var(--blue)}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-content:start}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #ffffff35;border-radius:8px;padding:15px;background:#fff;color:var(--ink);outline:none}.quote-form textarea{grid-column:1/-1;min-height:145px}.quote-form button{justify-self:start}.quote-form small{grid-column:1/-1;color:#bad0dc}

@media(max-width:1080px){.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:24px 28px;gap:18px;border-bottom:1px solid var(--line);box-shadow:0 15px 30px #00172718}.header nav.open{display:flex}.desktop{display:none}#menu{display:block}.hero h1{font-size:48px}.hero-photo img{height:430px}.service-grid{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:1fr 1fr}.about,.import-in,.cq-grid{grid-template-columns:1fr}.contact-side{max-width:720px}}
@media(max-width:760px){.header{height:72px}.wrap{padding-left:18px;padding-right:18px}.logo img{width:135px}.hero-in{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px}.hero h1{font-size:40px;line-height:1.08}.hero-photo img{height:390px}.section{padding:66px 18px}.soft{padding-left:18px;padding-right:18px}.heading{display:block}.section h2,.import-service h2,.contact-quote h2{font-size:32px;line-height:1.18}.import-service,.contact-quote{padding:66px 0}.vision-grid{grid-template-columns:1fr}.footer-in{flex-wrap:wrap}}
@media(max-width:520px){.hero h1{font-size:37px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-photo img{height:330px}.service-grid,.industry-grid,.import-steps,.quote-form{grid-template-columns:1fr}.import-steps div{border-right:0!important;border-bottom:1px solid #ffffff25!important}.import-steps div:last-child{border-bottom:0!important}.quote-form textarea,.quote-form small{grid-column:auto}.footer-in{flex-direction:column;align-items:flex-start}}

@media(max-width:1080px){
  .header-in{position:relative}
  .header nav{top:78px}
}

@media(max-width:760px){
  .header nav{top:72px}
  .hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.7}
}


.header-quote{
  white-space:nowrap;
  min-height:40px;
  padding:9px 15px;
  font-size:13px;
}
@media(max-width:1080px){
  .header-quote{display:inline-flex}
}
@media(max-width:620px){
  .header-quote{display:none}
}

.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0 14px}
.value-grid article{background:#f7fafc;border:1px solid var(--line);border-radius:10px;padding:20px}
.value-grid span{display:block;font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--blue);margin-bottom:9px}
.value-grid b{display:block;font-size:13.5px;line-height:1.6;font-weight:650}
.service-grid article:hover{transform:translateY(-3px);box-shadow:0 16px 34px #062f4f14}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{box-shadow:0 0 0 3px #FFB81C55}

footer{background:#04283f;color:#d8e5ec;padding:54px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:56px;align-items:start}
.footer-brand img{width:170px;height:auto;max-height:72px;object-fit:contain;object-position:left center}
.footer-brand p{max-width:420px;color:#9db3c0;font-size:13px}
.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:8px}
.footer-grid b{color:#fff;margin-bottom:5px}
.footer-grid a,.footer-grid span{font-size:13px;color:#c9d8e0}
.footer-grid a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff18;margin-top:34px;padding-top:18px;font-size:12px;color:#829aa8}

@media(min-width:1500px){
  .hero h1{font-size:64px}
  .hero-copy>p:not(.eyebrow){font-size:20px;max-width:650px}
  .section h2,.import-service h2,.contact-quote h2{font-size:44px}
}

@media(max-width:980px){
  .value-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:760px){
  .wrap{padding-left:18px;padding-right:18px}
  .section{padding:70px 18px}
  .hero-in{padding-top:52px;padding-bottom:52px}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .footer-bottom{flex-direction:column}
}

/* V5.2 - Why ATENSA */
.why-atensa{background:#fff}
.why-heading{margin-bottom:34px}
.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.why-grid article{position:relative;border:1px solid var(--line);border-radius:12px;padding:26px 22px;background:#fff;min-height:230px;box-shadow:0 8px 24px #062f4f08}
.why-grid article>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,184,28,.14);color:#06395d;font-size:11px;font-weight:800;margin-bottom:18px}
.why-grid h3{font-size:18px;line-height:1.25;margin:0 0 10px}
.why-grid p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}

/* V5.2 - shared Contact / Quote heading */
.contact-heading{max-width:850px;margin:0 auto 44px;text-align:center}
.contact-heading h2{font-family:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI",Arial,sans-serif;font-size:44px;font-weight:730;line-height:1.12;letter-spacing:-1.2px;margin:0 0 14px}
.contact-heading>p:not(.eyebrow){color:#d7e5eb;font-size:17px;margin:0 auto;max-width:720px}
.cq-grid.shared-title{grid-template-columns:1fr 1fr;align-items:start;gap:34px}
.column-label{font-size:11px;font-weight:800;letter-spacing:2px;color:#c8dde8;margin-bottom:12px}
.quote-side,.contact-side{min-width:0}
.contact-card{margin-top:0;height:100%}
.contact-card img{height:235px}
.quote-form{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;padding:20px}
.quote-form button{margin-top:2px}

/* Desktop width harmony */
@media(min-width:1400px){
  .why-grid{gap:16px}
  .why-grid article{padding:28px 24px}
}
@media(max-width:1180px){
  .why-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .why-grid{grid-template-columns:1fr 1fr}
  .cq-grid.shared-title{grid-template-columns:1fr}
  .contact-heading{text-align:left;margin-left:0}
}
@media(max-width:560px){
  .why-grid{grid-template-columns:1fr}
  .contact-heading h2{font-size:34px}
  .quote-form{padding:14px}
}

/* V5.3 Contact / Quote: two-column headings, no duplicated shared title */
.cq-grid.two-headings{
  grid-template-columns:1fr 1fr;
  gap:42px;
  align-items:start;
}
.column-heading{
  min-height:168px;
  margin-bottom:22px;
}
.column-heading h2{
  font-family:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  font-size:38px;
  font-weight:730;
  line-height:1.12;
  letter-spacing:-1px;
  margin:0 0 12px;
}
.column-heading>p:not(.eyebrow){
  color:#d7e5eb;
  font-size:15.5px;
  line-height:1.7;
  max-width:560px;
  margin:0;
}
.cq-grid.two-headings .contact-card{
  margin-top:0;
}
.cq-grid.two-headings .quote-form{
  margin-top:0;
}
@media(max-width:900px){
  .cq-grid.two-headings{grid-template-columns:1fr}
  .column-heading{min-height:0;margin-bottom:18px}
}
@media(max-width:560px){
  .column-heading h2{font-size:32px}
}

/* V5.5 About simplification */
.about-copy .vision-grid{
  margin-top:30px;
}

/* V6.0 production hardening */
.hp-field{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.form-status{
  grid-column:1/-1;
  min-height:22px;
  font-size:13px;
  color:#d8e8ef;
}
.form-status.success{color:#dff5df}
.form-status.error{color:#ffd5d5}
.btn[disabled]{opacity:.65;cursor:not-allowed}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #FFB81C;
  outline-offset:2px;
}

/* V6.5 performance + accessibility */
.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;
}
@supports (content-visibility:auto){
  .about,
  .soft,
  .import-service,
  .why-atensa,
  .contact-quote,
  footer{
    content-visibility:auto;
    contain-intrinsic-size:auto 800px;
  }
}

/* V6.6 responsive LCP image */
.hero-photo picture{display:block;width:100%}
.hero-photo picture img{display:block;width:100%;height:560px;object-fit:cover}
@media(max-width:760px){
  .hero-photo picture img{height:390px}
}
@media(max-width:520px){
  .hero-photo picture img{height:330px}
}

/* V6.7 accessibility polish */

/* Contrast */
:root{
  --muted:#586b7b;
}
.why-grid article>span{
  color:#8a5200;
}
.quote-form small{
  color:#d5e4eb;
}

/* Minimum 44px touch targets */
.btn,
.header-quote,
#lang,
#menu,
.header nav a,
.hero-actions a,
.contact-card a,
.footer-grid a,
.footer-bottom a{
  min-height:44px;
}

#lang,
#menu{
  min-width:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.header nav a,
.hero-actions a,
.contact-card a,
.footer-grid a,
.footer-bottom a{
  display:inline-flex;
  align-items:center;
}

.header nav a{
  padding:10px 4px;
}

.contact-card a{
  padding:8px 0;
}

.footer-grid a,
.footer-bottom a{
  padding:9px 0;
}

/* Keep link hit areas separated on compact mobile layouts */
@media(max-width:760px){
  .head-actions{gap:8px}
  .header nav{gap:8px}
  .header nav a{width:100%;padding:11px 0}
  .hero-actions{gap:12px}
  .contact-card div{gap:2px}
}

/* V6.8 accessibility: footer "Top" link contrast */
footer .wrap > a[href="#home"],
.footer-bottom a[href="#home"]{
  color:#ffffff !important;
  text-decoration-color:rgba(255,255,255,.75);
}
footer .wrap > a[href="#home"]:hover,
footer .wrap > a[href="#home"]:focus-visible,
.footer-bottom a[href="#home"]:hover,
.footer-bottom a[href="#home"]:focus-visible{
  color:#ffffff !important;
}


/* =========================================================
   V7.0 UPGRADE - based on user's uploaded latest v6.8
   ========================================================= */
.services-v70 .heading{margin-bottom:30px}
.service-grid-v70 article{border-radius:16px;padding:28px;min-height:250px;background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%)}
.service-grid-v70 article i{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eef6fa;color:var(--blue);font-style:normal;font-size:11px;font-weight:800;letter-spacing:1px}
.service-grid-v70 article h3{font-size:20px;margin-top:22px}
.service-grid-v70 article p{font-size:14px;line-height:1.75}

.logistics-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.logistics-gallery figure{margin:0;position:relative;border-radius:16px;overflow:hidden;min-height:260px;box-shadow:0 16px 40px #082e4614;background:#0b4364}
.logistics-gallery img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;transition:transform .35s ease}
.logistics-gallery figure:hover img{transform:scale(1.025)}
.logistics-gallery figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(2,30,48,.82) 100%)}
.logistics-gallery figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;color:#fff}
.logistics-gallery figcaption b{display:block;font-size:17px;margin-bottom:3px}
.logistics-gallery figcaption span{font-size:12px;color:#d8e5ec}

.import-v70{padding:92px 0}
.import-top-v70{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.import-photo-v70{border-radius:18px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.17)}
.import-photo-v70 img{width:100%;height:410px;object-fit:cover;display:block}
.process-title{margin-top:46px;padding-bottom:13px;border-bottom:1px solid #ffffff25}
.process-title span{font-size:10px;font-weight:800;letter-spacing:2px;color:#bcd3df}
.import-steps-v70{margin-top:18px;grid-template-columns:repeat(7,1fr)}
.import-steps-v70 div{min-height:130px;padding:18px 14px}
.import-steps-v70 b{display:block;margin-bottom:14px}
.import-steps-v70 span{font-size:12px;line-height:1.45}

.industries-v70{background:#f8fafb}
.industries-heading{margin-bottom:30px}
.industry-grid-v70{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.industry-grid-v70 article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;min-height:190px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.industry-grid-v70 article:hover{transform:translateY(-3px);border-color:#bfd2dd;box-shadow:0 16px 34px #062f4f12}
.industry-grid-v70 span{display:block;color:#8a5200;font-size:10px;font-weight:800;letter-spacing:1.4px;margin-bottom:20px}
.industry-grid-v70 h3{font-size:18px;margin:0 0 8px}
.industry-grid-v70 p{font-size:13.5px;line-height:1.65;color:var(--muted);margin:0}

.footer-grid-v70{grid-template-columns:1.4fr .8fr .8fr 1fr;gap:46px}
.footer-grid-v70 .footer-brand{grid-column:auto}

@media(max-width:1080px){
  .logistics-gallery{grid-template-columns:1fr 1fr}
  .logistics-gallery figure:last-child{grid-column:1/-1}
  .import-top-v70{grid-template-columns:1fr}
  .import-photo-v70{max-width:760px}
  .import-steps-v70{grid-template-columns:repeat(4,1fr)}
  .industry-grid-v70{grid-template-columns:repeat(2,1fr)}
  .footer-grid-v70{grid-template-columns:1fr 1fr 1fr}
  .footer-grid-v70 .footer-brand{grid-column:1/-1}
}
@media(max-width:760px){
  .logistics-gallery{grid-template-columns:1fr}
  .logistics-gallery figure:last-child{grid-column:auto}
  .logistics-gallery figure,.logistics-gallery img{min-height:230px}
  .import-photo-v70 img{height:320px}
  .import-steps-v70{grid-template-columns:1fr 1fr}
  .industry-grid-v70{grid-template-columns:1fr}
  .footer-grid-v70{grid-template-columns:1fr}
  .footer-grid-v70 .footer-brand{grid-column:auto}
}
@media(max-width:520px){
  .import-steps-v70{grid-template-columns:1fr}
  .import-steps-v70 div{min-height:auto}
}


/* =========================================================
   V7.1 COMPACT PREMIUM POLISH
   ========================================================= */

@media(min-width:901px){
  #menu{display:none!important}
  .header nav{
    display:flex!important;
    position:static!important;
    flex-direction:row!important;
    align-items:center!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .logo img{width:190px;height:62px}
}
@media(min-width:901px) and (max-width:1120px){
  .header nav{gap:13px;font-size:13px}
  .head-actions{gap:7px}
  .header-quote{padding-left:14px;padding-right:14px}
}
@media(max-width:900px){
  .header nav{
    display:none;
    position:absolute;
    top:78px;
    left:0;
    right:0;
    background:#fff;
    flex-direction:column;
    align-items:flex-start;
    padding:24px 28px;
    gap:10px;
    border-bottom:1px solid var(--line);
    box-shadow:0 15px 30px #00172718;
  }
  .header nav.open{display:flex}
  #menu{display:block}
}
@media(max-width:760px){.header nav{top:72px}}

.hero-in{padding-top:60px;padding-bottom:60px}
.hero-photo img,.hero-photo picture img{height:500px}

.section{padding-top:86px;padding-bottom:86px}
.about{gap:72px}
.about-copy>p{line-height:1.68}
.about-copy .vision-grid{margin-top:22px}
.vision-grid article{padding:18px}
.vision-grid b{line-height:1.55}

.services-v70 .heading{margin-bottom:24px}
.service-grid-v70 article{padding:24px;min-height:214px}
.service-grid-v70 article i{width:38px;height:38px}
.service-grid-v70 article h3{font-size:19px;margin-top:17px;margin-bottom:8px}
.service-grid-v70 article p{font-size:13.5px;line-height:1.62}
.logistics-gallery{margin-top:18px}
.logistics-gallery figure,.logistics-gallery img{min-height:215px}
.logistics-gallery figcaption{left:18px;right:18px;bottom:15px}

.import-v70{padding:80px 0}
.import-top-v70{gap:46px}
.import-photo-v70 img{height:390px}
.process-title{margin-top:36px}
.import-steps-v70 div{min-height:112px;padding:16px 12px}

.why-atensa{padding-top:84px;padding-bottom:84px}
.why-grid{grid-template-columns:repeat(4,1fr);gap:16px}
.why-grid article{min-height:205px;padding:23px 20px}
.why-grid article>span{margin-bottom:14px}
.why-grid h3{font-size:17px}
.why-grid p{font-size:13.5px;line-height:1.58}

.industries-v70{background:#fbfcfd}
.industries-heading{margin-bottom:24px}
.industry-grid-v70{gap:12px}
.industry-grid-v70 article{padding:21px;min-height:164px}
.industry-grid-v70 span{margin-bottom:14px}
.industry-grid-v70 h3{font-size:17px}
.industry-grid-v70 p{font-size:13px;line-height:1.55}

.contact-quote{padding:80px 0}
.column-heading{min-height:128px}
.cq-grid.two-headings{gap:48px}
.cq-grid.two-headings .contact-card{margin-top:16px}
.quote-form{padding:18px}
.quote-form textarea{min-height:125px}
.quote-form button{min-width:180px;min-height:48px;padding-left:24px;padding-right:24px}
.quote-form small{line-height:1.5;opacity:.96}

footer{padding-top:56px}
.footer-grid-v70{gap:38px}

@media(max-width:1080px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .hero-in{padding-top:52px;padding-bottom:52px}
  .hero-photo img,.hero-photo picture img{height:430px}
  .section{padding-top:72px;padding-bottom:72px}
}
@media(max-width:760px){
  .hero-in{padding-top:44px;padding-bottom:44px}
  .hero-photo img,.hero-photo picture img{height:360px}
  .section{padding-top:62px;padding-bottom:62px}
  .import-v70,.contact-quote{padding:62px 0}
  .why-grid{grid-template-columns:1fr 1fr}
  .why-grid article{min-height:0}
  .logistics-gallery figure,.logistics-gallery img{min-height:205px}
}
@media(max-width:520px){
  .why-grid{grid-template-columns:1fr}
  .hero-photo img,.hero-photo picture img{height:315px}
  .quote-form button{width:100%}
}


/* =========================================================
   V7.2 FINAL SPACING + COPY POLISH
   ========================================================= */

.about.section{padding-bottom:68px}
.about .vision-grid{align-items:stretch}

.services-v70.section{
  padding-top:78px;
  padding-bottom:78px;
}

.why-atensa{
  padding-top:76px;
  padding-bottom:72px;
}

.industries-v70.section{
  padding-top:72px;
  padding-bottom:58px;
}
.industries-v70 .industry-grid-v70{margin-bottom:0}

.contact-quote{padding-top:66px}

.industries-heading,
.services-v70 .heading{align-items:end}

@media(max-width:900px){
  .about.section{padding-bottom:58px}
  .services-v70.section{padding-top:66px;padding-bottom:66px}
  .why-atensa{padding-top:64px;padding-bottom:62px}
  .industries-v70.section{padding-top:62px;padding-bottom:50px}
  .contact-quote{padding-top:58px}
}

@media(max-width:520px){
  .about.section{padding-bottom:50px}
  .industries-v70.section{padding-bottom:44px}
}


/* =========================================================
   V7.4 SEO SERVICE LANDING PAGES
   ========================================================= */

.service-more{
  display:inline-flex;
  margin-top:16px;
  color:var(--blue);
  font-size:13px;
  font-weight:800;
  border-bottom:1px solid #0a5a9140;
}
.service-more:hover{border-color:var(--blue)}

.import-detail-link{
  display:inline-flex;
  margin-left:20px;
  color:#fff;
  font-weight:750;
  border-bottom:1px solid #ffffff70;
  padding-bottom:3px;
}

/* Landing-page header / hero */
.lp-main{background:#fff}
.lp-hero{
  background:linear-gradient(110deg,#043452,#0a5a82);
  color:#fff;
  padding:78px 0 72px;
}
.lp-hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:64px;
  align-items:center;
}
.lp-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:22px;
  font-size:12px;
  color:#cfe0e9;
}
.lp-breadcrumb a{color:#fff;font-weight:700}
.lp-hero h1{
  font-family:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  font-size:52px;
  line-height:1.05;
  letter-spacing:-1.6px;
  margin:0 0 22px;
  max-width:740px;
}
.lp-hero h1 em{font-style:normal;color:var(--gold)}
.lp-hero-copy>p:not(.eyebrow){
  max-width:690px;
  font-size:18px;
  line-height:1.72;
  color:#e5f0f5;
  margin:0 0 28px;
}
.lp-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.lp-panel{
  background:#ffffff0d;
  border:1px solid #ffffff24;
  border-radius:16px;
  padding:28px;
  box-shadow:0 18px 55px #00172725;
}
.lp-panel b{
  display:block;
  font-size:12px;
  letter-spacing:2px;
  margin-bottom:18px;
  color:var(--gold);
}
.lp-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:0}
.lp-panel li{
  padding:14px 0;
  border-bottom:1px solid #ffffff20;
  font-weight:650;
}
.lp-panel li:last-child{border-bottom:0}

/* Landing-page sections */
.lp-section{
  max-width:var(--max);
  margin:auto;
  padding:86px 32px;
}
.lp-intro{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:82px;
  align-items:start;
}
.lp-section h2{
  font-family:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  font-size:39px;
  line-height:1.14;
  letter-spacing:-1px;
  margin:0 0 22px;
}
.lp-copy{color:#3b5365;font-size:16px}
.lp-copy p:first-child{margin-top:0}
.lp-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:30px;
}
.lp-feature-grid article{
  border:1px solid var(--line);
  border-radius:12px;
  padding:24px;
  background:#fff;
  box-shadow:0 8px 24px #062f4f08;
}
.lp-feature-grid span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;height:34px;
  border-radius:50%;
  background:#eef7fc;
  color:var(--blue);
  font-size:11px;
  font-weight:850;
  margin-bottom:18px;
}
.lp-feature-grid h3{font-size:18px;line-height:1.3;margin:0 0 9px}
.lp-feature-grid p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}

.lp-soft{
  background:var(--soft);
  padding:78px 0;
}
.lp-soft-inner{
  max-width:var(--max);
  margin:auto;
  padding:0 32px;
}
.lp-process{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:26px;
}
.lp-process article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:11px;
  padding:22px;
}
.lp-process b{
  display:block;
  color:#06395d;
  font-size:11px;
  letter-spacing:1.2px;
  margin-bottom:14px;
}
.lp-process h3{font-size:16px;margin:0 0 8px}
.lp-process p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.6}

.lp-image-band{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px;
  align-items:center;
}
.lp-image-band img{
  width:100%;
  height:360px;
  object-fit:cover;
  border-radius:14px;
  box-shadow:0 16px 42px #062f4f18;
}
.lp-checks{display:grid;gap:13px;margin-top:24px}
.lp-checks div{
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:#3b5365;
}
.lp-checks i{
  flex:0 0 auto;
  width:24px;height:24px;
  display:inline-flex;
  align-items:center;justify-content:center;
  background:rgba(255,184,28,.14);
  color:#06395d;
  border-radius:50%;
  font-style:normal;
  font-size:12px;
  font-weight:900;
}
.lp-related{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:28px;
}
.lp-related a{
  border:1px solid var(--line);
  border-radius:11px;
  padding:22px;
  background:#fff;
  font-weight:750;
}
.lp-related a:hover{border-color:#a9c7d9;box-shadow:0 8px 24px #062f4f0a}
.lp-related small{display:block;color:var(--muted);font-weight:500;margin-top:6px}

.lp-cta{
  background:linear-gradient(110deg,#06395d,#0a5278);
  color:#fff;
  padding:72px 0;
}
.lp-cta-inner{
  max-width:var(--max);
  margin:auto;
  padding:0 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:48px;
}
.lp-cta h2{
  font-family:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  font-size:38px;
  line-height:1.12;
  letter-spacing:-1px;
  margin:0 0 10px;
}
.lp-cta p{margin:0;color:#d6e5ed;max-width:720px}

@media(max-width:980px){
  .lp-hero-grid,.lp-intro,.lp-image-band{grid-template-columns:1fr}
  .lp-feature-grid{grid-template-columns:1fr 1fr}
  .lp-process{grid-template-columns:1fr 1fr}
  .lp-related{grid-template-columns:1fr}
  .lp-cta-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:760px){
  .lp-hero{padding:54px 0}
  .lp-hero-grid{gap:34px}
  .lp-hero h1{font-size:39px}
  .lp-section{padding:64px 18px}
  .lp-soft{padding:62px 0}
  .lp-soft-inner,.lp-cta-inner{padding-left:18px;padding-right:18px}
  .lp-section h2,.lp-cta h2{font-size:31px}
  .lp-feature-grid,.lp-process{grid-template-columns:1fr}
  .lp-image-band img{height:290px}
  .import-detail-link{margin-left:0;margin-top:14px}
}


/* V7.4.1 — make homepage internal links obvious and fully clickable */
.service-grid-v70 article:has(.service-more){
  position:relative;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  cursor:pointer;
}
.service-grid-v70 article:has(.service-more):hover{
  transform:translateY(-2px);
  border-color:#a7c7d8;
  box-shadow:0 12px 30px #062f4f12;
}
.service-grid-v70 article .service-more::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
}
.service-grid-v70 article .service-more{
  position:relative;
  z-index:3;
}
/* V7.4.3 — Rail & Road card has two independent detail links */
.dual-service-links{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:16px;
}
.dual-service-links .service-more{
  margin-top:0;
}
.service-grid-v70 article:has(.dual-service-links) .service-more::after{
  content:none !important;
}
.service-grid-v70 article:has(.dual-service-links){
  cursor:default;
}

/* V7.8 — full-bleed hero photograph with readable transparent text layer */
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#063c5b;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(3,39,61,.88) 0%,rgba(3,50,76,.67) 45%,rgba(3,49,74,.18) 100%);
  pointer-events:none;
}
.hero .hero-in{
  position:relative;
  display:flex;
  align-items:center;
  min-height:620px;
  padding-top:64px;
  padding-bottom:64px;
}
.hero-copy{
  position:relative;
  z-index:2;
  width:min(690px,62%);
  padding:42px 44px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(3,43,66,.76),rgba(4,65,94,.48));
  box-shadow:0 24px 60px rgba(0,24,39,.25);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}
.hero-photo{
  position:absolute;
  inset:0;
  z-index:-2;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}
.hero-photo picture,
.hero-photo picture img,
.hero-photo img{
  display:block;
  width:100%;
  height:100%;
}
.hero-photo picture img,
.hero-photo img{
  object-fit:cover;
  object-position:center 50%;
}
@media(max-width:760px){
  .hero::after{background:linear-gradient(180deg,rgba(3,39,61,.72),rgba(3,48,73,.5))}
  .hero .hero-in{min-height:650px;padding-top:44px;padding-bottom:44px}
  .hero-copy{width:100%;padding:30px 26px;border-radius:15px;background:rgba(3,43,66,.68)}
  .hero-photo picture img,.hero-photo img{height:100%;object-position:center}
}
@media(max-width:520px){
  .hero .hero-in{min-height:620px}
  .hero-copy{padding:26px 22px}
}


/* V7.9 production hardening */
.quote-privacy{
  display:block;
  margin-top:8px;
  font-size:12px;
  line-height:1.5;
  color:var(--muted);
}
.quote-privacy a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
}


/* =========================================================
   V7.10 — NUMBERLESS CARD POLISH
   ========================================================= */

/* Category and benefit cards are non-sequential, so number badges are removed. */
.service-grid-v70 article{
  padding-top:28px;
}
.service-grid-v70 article h3{
  margin-top:0;
}

.why-grid article{
  padding-top:26px;
}
.why-grid h3{
  margin-top:0;
}

.industry-grid-v70 article{
  padding-top:24px;
}
.industry-grid-v70 h3{
  margin-top:0;
}


/* =========================================================
   V7.11 — SERVICE ICONS
   ========================================================= */

.service-grid-v70 .service-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  background:#edf7fc;
  border:1px solid #d8ebf5;
}

.service-grid-v70 .service-icon svg{
  width:27px;
  height:27px;
  stroke:#075f94;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.service-grid-v70 article{
  padding-top:24px;
}

.service-grid-v70 article h3{
  margin-top:0;
}

@media(max-width:760px){
  .service-grid-v70 .service-icon{
    width:44px;
    height:44px;
    border-radius:13px;
    margin-bottom:16px;
  }
  .service-grid-v70 .service-icon svg{
    width:25px;
    height:25px;
  }
}


/* =========================================================
   V7.12 — ACCESSIBILITY CONTRAST FIX
   ========================================================= */

/*
  The privacy/helper line sits on the dark Contact background.
  Using var(--muted) here produced insufficient contrast on mobile.
*/
.quote-privacy{
  color:#d5e4eb;
}

.quote-privacy a{
  color:#ffffff;
  text-decoration-color:rgba(255,255,255,.78);
}

.quote-privacy a:hover,
.quote-privacy a:focus-visible{
  color:#ffffff;
  text-decoration-color:#ffffff;
}


/* =========================================================
   V7.13 — FOOTER ACCESSIBILITY CONTRAST FIX
   Exact Lighthouse failing elements:
   footer contact links/spans + privacy + copyright.
   ========================================================= */

.footer-brand p{
  color:#d7e4eb;
}

.footer-grid a,
.footer-grid span{
  color:#eef5f8;
}

.footer-grid a:hover,
.footer-grid a:focus-visible{
  color:#ffffff;
}

.footer-bottom{
  color:#d7e4eb;
}

.footer-bottom a{
  color:#ffffff;
  text-decoration-color:rgba(255,255,255,.78);
}

.footer-bottom a:hover,
.footer-bottom a:focus-visible{
  color:#ffffff;
  text-decoration-color:#ffffff;
}


/* =========================================================
   V7.14 — EXACT LIGHTHOUSE FOOTER CONTRAST OVERRIDE
   Targets the precise failing selectors shown by PageSpeed.
   ========================================================= */

/* Footer column text and links */
footer > .wrap.footer-grid > div > a,
footer > .wrap.footer-grid > div > span,
footer .footer-grid a,
footer .footer-grid span{
  color:#ffffff !important;
  opacity:1 !important;
}

/* Footer brand supporting text */
footer .footer-brand p{
  color:#e4eef3 !important;
  opacity:1 !important;
}

/* Copyright / bottom row */
footer > .wrap.footer-bottom > span,
footer .footer-bottom span{
  color:#ffffff !important;
  opacity:1 !important;
}

/* Privacy and all footer links */
footer a,
footer a:visited{
  color:#ffffff !important;
}

footer a:hover,
footer a:focus-visible{
  color:#ffffff !important;
  text-decoration-color:#ffffff !important;
}


/* =========================================================
   V7.15 — ROUTE SEO SECTION
   ========================================================= */

.route-links-v715{
  background:#fff;
}

.route-grid-v715{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:32px;
}

.route-grid-v715 a{
  display:block;
  border:1px solid var(--line);
  border-radius:14px;
  padding:28px;
  background:#fff;
  box-shadow:0 8px 26px #062f4f08;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.route-grid-v715 a:hover{
  transform:translateY(-2px);
  border-color:#a9c7d9;
  box-shadow:0 14px 34px #062f4f10;
}

.route-grid-v715 .route-code{
  display:inline-flex;
  margin-bottom:18px;
  font-size:11px;
  font-weight:850;
  letter-spacing:1.4px;
  color:#075f94;
}

.route-grid-v715 h3{
  margin:0 0 9px;
  font-size:21px;
  line-height:1.3;
}

.route-grid-v715 p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}

@media(max-width:900px){
  .route-grid-v715{grid-template-columns:1fr}
}


/* =========================================================
   V7.15.1 — ROUTE / WHY SECTION SPACING POLISH
   ========================================================= */

/* Tighten the handoff from Key Routes to Why ATENSA. */
.route-links-v715{
  padding-bottom:56px;
}

/* Reduce the large visual gap before WHY ATENSA. */
.section.why{
  padding-top:52px;
}

@media(max-width:900px){
  .route-links-v715{
    padding-bottom:44px;
  }
  .section.why{
    padding-top:40px;
  }
}


/* =========================================================
   V7.16 — TRUST / PROOF LAYER
   ========================================================= */

.trust-v716{
  background:#f7fafc;
}

.trust-metrics-v716{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:30px;
}

.trust-metrics-v716 article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:26px 24px;
  min-height:132px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:0 8px 24px #062f4f07;
}

.trust-metrics-v716 strong{
  display:block;
  color:#06314d;
  font-size:34px;
  line-height:1;
  letter-spacing:-1px;
  margin-bottom:11px;
}

.trust-metrics-v716 span{
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.trust-capabilities-v716{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:14px;
}

.trust-capabilities-v716 article{
  background:#07324e;
  border-radius:14px;
  padding:25px 24px;
}

.trust-capabilities-v716 h3{
  color:#fff;
  margin:0 0 10px;
  font-size:18px;
}

.trust-capabilities-v716 p{
  color:#d8e7ef;
  margin:0;
  font-size:13px;
  line-height:1.68;
}

@media(max-width:900px){
  .trust-metrics-v716{
    grid-template-columns:repeat(2,1fr);
  }
  .trust-capabilities-v716{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .trust-metrics-v716{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .trust-metrics-v716 article{
    padding:22px 18px;
  }
  .trust-metrics-v716 strong{
    font-size:30px;
  }
}


/* =========================================================
   ATENSA V8.0 — LANDSTAR-INSPIRED STRUCTURE / ATENSA BRAND
   ========================================================= */
:root{
  --ls-navy:#032c46;
  --ls-navy-2:#062238;
  --ls-blue:#075f94;
  --ls-orange:#FFB81C;
  --ls-ink:#071b2d;
  --ls-soft:#f2f5f7;
  --ls-white:#fff;
  --rail:86px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.landstar-inspired{margin:0;background:#fff;color:var(--ls-ink);overflow-x:hidden}
body.menu-open{overflow:hidden}
.has-rail #main,.has-rail .ls-footer{margin-left:var(--rail)}

/* Left rail */
.site-rail{
  position:fixed;inset:0 auto 0 0;width:var(--rail);z-index:1200;
  background:#092333;border-right:1px solid rgba(255,255,255,.08);
  display:flex;flex-direction:column;align-items:center;
}
.rail-logo{
  width:100%;height:92px;background:#fff;display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid #e8edf0;
}
.rail-logo img{width:62px;height:auto}
.rail-links{display:flex;flex-direction:column;width:100%;margin-top:20px}
.rail-links a{
  height:62px;display:grid;place-items:center;color:#a9bdc9;text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.05);transition:.2s;
}
.rail-links a:hover{background:#0b3957;color:#fff}
.rail-links span{font-size:10px;font-weight:800;letter-spacing:1px}
.rail-mail{
  margin-top:auto;margin-bottom:20px;width:42px;height:42px;border:1px solid rgba(255,255,255,.24);
  border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-weight:800
}

/* Topbar */
.ls-topbar{
  position:fixed;top:0;left:var(--rail);right:0;height:76px;z-index:1100;
  display:flex;align-items:center;justify-content:flex-end;padding:0 30px;
  background:linear-gradient(180deg,rgba(0,17,29,.62),rgba(0,17,29,0));
  transition:.2s;
}
.inner-page .ls-topbar{background:#fff;border-bottom:1px solid #e6ecef}
.topbar-brand{display:none}
.topbar-actions{display:flex;align-items:center;gap:10px}
.lang-btn,.menu-trigger{border:0;background:transparent;font:inherit;cursor:pointer}
.lang-btn{color:#fff;font-weight:800;padding:12px 10px}
.inner-page .lang-btn{color:#092333}
.topbar-quote{
  text-decoration:none;background:var(--ls-orange);color:#151515;padding:13px 18px;
  font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.5px
}
.menu-trigger{
  color:#fff;display:flex;align-items:center;gap:5px;padding:11px 0 11px 12px
}
.inner-page .menu-trigger{color:#092333}
.menu-trigger span{display:block;width:3px;height:3px;border-radius:50%;background:currentColor}
.menu-trigger b{margin-left:5px;font-size:11px;text-transform:uppercase;letter-spacing:1px}

/* Mega menu */
.mega-nav{
  position:fixed;inset:0 0 0 var(--rail);z-index:1300;background:#062b44;
  color:#fff;opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s
}
.mega-nav.open{opacity:1;visibility:visible;transform:none}
.mega-inner{max-width:1360px;margin:0 auto;padding:42px 60px 70px}
.mega-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.18)}
.mega-head p{margin:0;font-size:11px;letter-spacing:2px;font-weight:800;color:#b8cad4}
.mega-close{border:0;background:none;color:#fff;font-size:36px;line-height:1;cursor:pointer}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;padding-top:54px}
.mega-grid>div{display:flex;flex-direction:column;gap:15px}
.mega-kicker{font-size:10px;color:#77a4bf;text-transform:uppercase;letter-spacing:1.8px;margin-bottom:10px}
.mega-grid a{color:#fff;text-decoration:none;font-size:18px;font-weight:700;line-height:1.3}
.mega-grid a:hover{color:#FFB81C}
.mega-grid .mega-contact{margin-top:10px;color:#FFB81C}

/* Home hero */
.ls-hero{position:relative;min-height:100vh;overflow:hidden;background:#071d2c}
.hero-bg,.hero-bg img{position:absolute;inset:0;width:100%;height:100%}
.hero-bg img{object-fit:cover;object-position:center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,24,40,.90) 0%,rgba(0,30,49,.64) 44%,rgba(0,20,32,.20) 72%,rgba(0,18,30,.38) 100%)}
.ls-hero-content{position:relative;z-index:2;max-width:850px;padding:190px 7vw 150px}
.ls-eyebrow,.ls-label{font-size:10px;font-weight:900;letter-spacing:2.6px;text-transform:uppercase;color:var(--ls-orange);margin:0 0 24px}
.ls-label.light{color:#FFB81C}
.ls-hero h1{margin:0;color:#fff;font-size:clamp(50px,6vw,94px);line-height:.98;letter-spacing:-3.3px;max-width:860px}
.ls-hero h1 em{font-style:normal;color:#FFB81C}
.hero-lead{max-width:650px;color:#e7eff3;font-size:18px;line-height:1.65;margin:28px 0 34px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.ls-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;text-decoration:none;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}
.ls-btn.primary{background:var(--ls-orange);color:#111}
.ls-btn.ghost{border:1px solid rgba(255,255,255,.58);color:#fff;background:rgba(0,0,0,.10)}
.hero-quick{
  position:absolute;right:0;bottom:0;z-index:3;display:grid;grid-template-columns:repeat(3,190px);
  background:rgba(4,33,51,.92);backdrop-filter:blur(8px)
}
.hero-quick a{padding:20px 24px;color:#fff;text-decoration:none;border-left:1px solid rgba(255,255,255,.16)}
.hero-quick small{display:block;color:#FFB81C;font-size:9px;margin-bottom:6px}
.hero-quick span{font-weight:800;font-size:13px}
.scroll-cue{position:absolute;left:7vw;bottom:30px;z-index:3;color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px}
.scroll-cue span{width:20px;height:30px;border:1px solid rgba(255,255,255,.65);border-radius:12px;position:relative}
.scroll-cue span:after{content:"";position:absolute;top:6px;left:8px;width:2px;height:6px;background:#FFB81C;border-radius:2px}
.scroll-cue b{font-size:9px;text-transform:uppercase;letter-spacing:1.6px}

/* Split intro */
.ls-intro{display:grid;grid-template-columns:48% 52%;min-height:760px}
.split-media{min-height:720px;overflow:hidden}
.split-media img{width:100%;height:100%;object-fit:cover}
.split-copy{display:flex;flex-direction:column;justify-content:center;padding:90px clamp(45px,7vw,120px);background:#fff}
.split-copy h2,.section-title h2,.network-copy h2,.industries-copy h2,.contact-copy h2{
  margin:0;color:var(--ls-ink);font-size:clamp(36px,4vw,64px);line-height:1.05;letter-spacing:-2px
}
.split-copy>p:not(.ls-label){font-size:16px;line-height:1.8;color:#526879;max-width:680px;margin:28px 0}
.intro-points{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 28px}
.intro-points article{border-top:2px solid #0b5f8f;padding-top:17px}
.intro-points b{display:block;font-size:14px;margin-bottom:8px}
.intro-points span{display:block;color:#617686;font-size:13px;line-height:1.55}
.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.8px;font-weight:900;color:#075f94;text-decoration:none}

/* Services */
.ls-services{padding:100px 6vw 84px;background:#f4f6f7}
.section-title{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:60px;align-items:end;margin-bottom:44px}
.section-title .ls-label{grid-column:1/-1;margin-bottom:-30px}
.section-title h2{max-width:780px}
.section-title>p:not(.ls-label){color:#617686;line-height:1.75;margin:0;max-width:460px}
.section-title.compact{display:block;max-width:900px}
.section-title.compact .ls-label{margin-bottom:20px}
.service-feature-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:360px 360px;gap:14px}
.service-feature{position:relative;overflow:hidden;display:block;color:#fff;text-decoration:none}
.service-feature.large{grid-row:1/3}
.service-feature img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.service-feature:hover img{transform:scale(1.025)}
.tile-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(2,27,44,.88) 100%)}
.service-feature>div{position:absolute;left:28px;right:28px;bottom:28px}
.service-feature small{color:#FFB81C;font-weight:900}
.service-feature h3{margin:8px 0 6px;font-size:30px;line-height:1.1}
.service-feature p{margin:0;color:#e5edf2;font-size:13px}
.service-links-row{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #dce4e8;border-top:0;background:#fff}
.service-links-row a{padding:17px 14px;text-align:center;text-decoration:none;color:#133248;font-size:11px;font-weight:800;border-right:1px solid #e3eaed}
.service-links-row a:last-child{border-right:0}

/* Network */
.ls-network{background:#052e49;color:#fff;padding:100px 6vw}
.network-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}
.network-copy .ls-label{grid-column:1/-1;margin-bottom:-36px}
.network-copy h2{color:#fff}
.network-copy>p:not(.ls-label){color:#bfd0da;line-height:1.75;margin:0}
.network-numbers{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.network-numbers article{padding:35px 22px;border-right:1px solid rgba(255,255,255,.18)}
.network-numbers article:last-child{border-right:0}
.network-numbers strong{display:block;color:#fff;font-size:44px;line-height:1}
.network-numbers span{display:block;color:#9eb7c6;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-top:10px}
.network-support{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.16);margin-top:34px}
.network-support article{background:#052e49;padding:28px}
.network-support b{font-size:17px}
.network-support p{color:#b9ccd7;font-size:13px;line-height:1.65;margin:12px 0 0}

/* Routes */
.ls-routes{padding:100px 6vw;background:#fff}
.routes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.routes-grid a{padding:34px;border:1px solid #d8e2e7;text-decoration:none;color:#0d2e43;min-height:210px;transition:.2s;background:#fff}
.routes-grid a:hover{background:#f4f7f8;transform:translateY(-2px)}
.routes-grid span{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#0a6b9d}
.routes-grid h3{font-size:24px;margin:34px 0 10px}
.routes-grid p{color:#667b89;line-height:1.6;font-size:13px;margin:0}

/* Industries */
.ls-industries{display:grid;grid-template-columns:1fr 1fr;background:#eef2f4}
.industries-image{min-height:700px;overflow:hidden}
.industries-image img{width:100%;height:100%;object-fit:cover}
.industries-copy{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(44px,7vw,110px)}
.industry-list{display:grid;grid-template-columns:1fr 1fr;margin:35px 0 34px;border-top:1px solid #cfdadd}
.industry-list span{padding:16px 0;border-bottom:1px solid #cfdadd;font-weight:800;font-size:14px}

/* Contact */
.ls-contact{display:grid;grid-template-columns:.9fr 1.1fr;background:#061f32;color:#fff}
.contact-copy{padding:90px 6vw}
.contact-copy h2{color:#fff}
.contact-copy>p:not(.ls-label){color:#bfd0da;line-height:1.75;margin:24px 0 32px;max-width:560px}
.contact-facts{display:flex;flex-direction:column;gap:9px}
.contact-facts a,.contact-facts span{color:#fff;text-decoration:none;font-size:13px}
.quote-panel{background:#fff;color:#102f43;padding:70px 6vw}
.quote-panel .quote-form{max-width:none}
.quote-panel .quote-form input,.quote-panel .quote-form select,.quote-panel .quote-form textarea{
  border-radius:0;border:0;border-bottom:1px solid #c9d5db;background:#fff;padding-left:0;padding-right:0
}
.quote-panel .quote-form button[type="submit"]{border-radius:0;background:var(--ls-orange);color:#111}
.quote-panel .quote-privacy,.quote-panel small{color:#637987}
.quote-panel .form-status{margin-top:10px}

/* Footer */
.ls-footer{background:#031a2a;color:#d4e0e6}
.ls-footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:60px;padding:60px 6vw 45px}
.ls-footer-main>div{display:flex;flex-direction:column;gap:10px}
.footer-lead img{width:105px;height:auto;filter:brightness(0) invert(1);opacity:.95}
.footer-lead p{max-width:390px;color:#afc1cc;font-size:13px;line-height:1.7}
.ls-footer-main b{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}
.ls-footer-main a,.ls-footer-main span{color:#d5e0e6;text-decoration:none;font-size:12px;line-height:1.5}
.ls-footer-bottom{border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;padding:18px 6vw;color:#9fb3bf;font-size:11px}
.ls-footer-bottom a{color:#fff;text-decoration:none}

/* Existing landing pages: shell integration */
.inner-page .lp-main{margin-top:0;padding-top:76px}
.inner-page .ls-footer{margin-left:0}
.inner-page.has-rail .ls-footer{margin-left:var(--rail)}
.inner-page .lp-hero{padding-top:0}
.inner-page .lp-main a[data-quote-cta]{border-radius:0}
.inner-page .lp-main .gold-btn{background:var(--ls-orange);color:#111}

/* Mobile */
@media(max-width:1000px){
  :root{--rail:0px}
  .site-rail{display:none}
  .has-rail #main,.has-rail .ls-footer,.inner-page.has-rail .ls-footer{margin-left:0}
  .ls-topbar{left:0;height:70px;padding:0 18px;background:rgba(255,255,255,.97);border-bottom:1px solid #e6ecef}
  .topbar-brand{display:flex;margin-right:auto;align-items:center}
  .topbar-brand img{width:66px;height:auto}
  .lang-btn,.menu-trigger{color:#0a2d43}
  .topbar-quote{padding:11px 13px;font-size:10px}
  .mega-nav{left:0}
  .mega-inner{padding:30px 28px 45px}
  .mega-grid{grid-template-columns:1fr 1fr;gap:36px}
  .ls-hero-content{padding:150px 7vw 180px}
  .ls-hero h1{font-size:clamp(44px,9vw,70px)}
  .hero-quick{grid-template-columns:repeat(3,1fr);left:0;right:0}
  .scroll-cue{display:none}
  .ls-intro,.ls-industries,.ls-contact{grid-template-columns:1fr}
  .split-media,.industries-image{min-height:520px}
  .section-title,.network-copy{grid-template-columns:1fr;gap:26px}
  .section-title .ls-label,.network-copy .ls-label{grid-column:auto;margin-bottom:0}
  .service-feature-grid{grid-template-columns:1fr;grid-template-rows:420px 320px 320px}
  .service-feature.large{grid-row:auto}
  .service-links-row{grid-template-columns:repeat(3,1fr)}
  .network-numbers{grid-template-columns:1fr 1fr}
  .network-numbers article:nth-child(2){border-right:0}
  .network-numbers article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}
  .network-support,.routes-grid{grid-template-columns:1fr}
  .ls-footer-main{grid-template-columns:1fr 1fr}
  .inner-page .lp-main{padding-top:70px}
}
@media(max-width:640px){
  .topbar-quote{display:none}
  .menu-trigger b{display:none}
  .mega-grid{grid-template-columns:1fr;gap:28px}
  .mega-grid a{font-size:16px}
  .ls-hero-content{padding:132px 22px 190px}
  .ls-hero h1{font-size:46px;letter-spacing:-2px}
  .hero-lead{font-size:15px}
  .hero-quick a{padding:16px 12px}
  .hero-quick span{font-size:11px}
  .split-copy,.industries-copy{padding:70px 22px}
  .ls-services,.ls-network,.ls-routes{padding:74px 22px}
  .intro-points{grid-template-columns:1fr}
  .service-feature-grid{grid-template-rows:390px 290px 290px}
  .service-feature h3{font-size:25px}
  .service-links-row{grid-template-columns:1fr 1fr}
  .network-numbers strong{font-size:36px}
  .network-support article{padding:24px 20px}
  .ls-contact{grid-template-columns:1fr}
  .contact-copy,.quote-panel{padding:70px 22px}
  .ls-footer-main{grid-template-columns:1fr;padding:50px 22px 35px;gap:34px}
  .ls-footer-bottom{padding:18px 22px;gap:20px;flex-direction:column}
}


/* V8.1 — Road Updates */
.road-update-notice{
  padding:80px 6vw;
  background:#eef3f5;
}
.road-update-notice>div{max-width:900px}
.road-update-notice h2{
  margin:0 0 18px;
  font-size:clamp(34px,4vw,58px);
  line-height:1.06;
  letter-spacing:-2px;
  color:#071b2d;
}
.road-update-notice p:not(.ls-label){
  max-width:720px;
  color:#5b7180;
  line-height:1.75;
  margin:0 0 28px;
}
@media(max-width:640px){
  .road-update-notice{padding:64px 22px}
}


/* =========================================================
   V8.2 — ROAD UPDATE LOOKUP FORM
   Landstar-inspired utility layout, ATENSA branding
   ========================================================= */

.road-lookup-section{
  padding:74px 6vw 86px;
  background:#fff;
}

.road-lookup-wrap{
  max-width:1180px;
  margin:0 auto;
}

.road-lookup-title{
  text-align:center;
  margin-bottom:24px;
}

.road-lookup-title h2{
  margin:0 0 8px;
  color:#06314d;
  font-size:28px;
  letter-spacing:-.5px;
}

.road-lookup-title p{
  margin:0 auto;
  max-width:760px;
  color:#667b89;
  font-size:14px;
  line-height:1.6;
}

.road-lookup-form{
  border:1px solid #b7c2c9;
  background:#f1f1f1;
}

.road-lookup-bar{
  min-height:34px;
  background:#075f94;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 16px;
  text-align:center;
}

.road-lookup-bar strong{
  font-size:13px;
  font-weight:800;
}

.road-lookup-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:44px;
  align-items:start;
  padding:28px 38px 18px;
}

.road-lookup-fields{
  display:grid;
  grid-template-columns:230px minmax(180px,1fr);
  align-items:center;
  gap:10px 14px;
}

.road-lookup-fields label{
  color:#075f94;
  font-size:13px;
  font-weight:800;
  text-align:right;
}

.road-lookup-fields input{
  width:100%;
  height:34px;
  border:1px solid #aeb9bf;
  background:#fff;
  border-radius:0;
  padding:5px 9px;
  font:inherit;
  color:#16344a;
}

.road-lookup-fields input:focus{
  outline:2px solid rgba(7,95,148,.25);
  outline-offset:1px;
  border-color:#075f94;
}

.road-or{
  grid-column:1 / -1;
  text-align:center;
  color:#075f94;
  font-size:12px;
  font-weight:900;
  line-height:1;
  margin:0;
}

.road-lookup-help{
  padding-top:4px;
  font-size:13px;
  line-height:1.55;
  color:#0e1f2c;
}

.road-lookup-help b{
  display:inline;
  margin-right:7px;
}

.road-lookup-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  padding:0 20px 22px;
}

.road-search-btn,
.road-help-btn{
  min-height:36px;
  padding:8px 17px;
  border:1px solid #7fa6c1;
  border-radius:4px;
  background:linear-gradient(#fff,#dcecf7);
  color:#102c3e;
  font:inherit;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.road-search-btn:hover,
.road-help-btn:hover{
  background:#d7eaf6;
}

.road-lookup-result{
  margin:0 38px 26px;
  padding:16px 18px;
  border-left:4px solid #FFB81C;
  background:#fff;
  color:#29485a;
  font-size:13px;
  line-height:1.6;
}

.road-lookup-result strong{
  color:#06314d;
}

@media(max-width:900px){
  .road-lookup-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
  .road-lookup-help{
    border-top:1px solid #ccd5da;
    padding-top:18px;
  }
}

@media(max-width:640px){
  .road-lookup-section{
    padding:58px 20px 66px;
  }
  .road-lookup-grid{
    padding:24px 18px 16px;
  }
  .road-lookup-fields{
    grid-template-columns:1fr;
    gap:7px;
  }
  .road-lookup-fields label{
    text-align:left;
  }
  .road-or{
    margin:7px 0;
  }
  .road-lookup-result{
    margin:0 18px 20px;
  }
}


/* =========================================================
   V8.3 — ROAD UPDATES TOP BUTTON + CLEAN HERO QUICK LINKS
   ========================================================= */
.topbar-road{
  text-decoration:none;
  color:#fff;
  border:1px solid rgba(255,255,255,.58);
  padding:12px 16px;
  font-size:11px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.45px;
  background:rgba(0,0,0,.10);
  transition:background .18s ease,border-color .18s ease;
}
.topbar-road:hover{
  background:rgba(255,255,255,.12);
  border-color:#fff;
}
.inner-page .topbar-road{
  color:#092333;
  border-color:#b9c8d1;
  background:#fff;
}
.inner-page .topbar-road:hover{
  background:#f2f6f8;
  border-color:#7f9bac;
}
.hero-quick a{
  display:flex;
  align-items:center;
  min-height:74px;
}
.hero-quick small{display:none!important}

@media(max-width:1000px){
  .topbar-road{
    color:#092333;
    border-color:#b9c8d1;
    background:#fff;
    padding:10px 12px;
    font-size:10px;
  }
}
@media(max-width:640px){
  .topbar-road{display:none}
}


/* =========================================================
   V8.3.2 — LEFT RAIL ICON NAVIGATION
   ========================================================= */
.rail-links a{position:relative}
.rail-links a svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .18s ease,color .18s ease;
}
.rail-links a:hover svg{transform:scale(1.08)}
.rail-links a::after{
  content:attr(title);
  position:absolute;
  left:72px;
  top:50%;
  transform:translateY(-50%) translateX(-4px);
  white-space:nowrap;
  background:#fff;
  color:#0b2d43;
  border:1px solid #d6e0e5;
  box-shadow:0 8px 22px rgba(4,34,54,.12);
  padding:7px 9px;
  font-size:11px;
  font-weight:700;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
  z-index:10;
}
.rail-links a:hover::after{
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) translateX(0);
}


/* =========================================================
   V8.3.3 — PAGESPEED + ACCESSIBILITY POLISH
   ========================================================= */

/* WCAG AA contrast on light backgrounds. */
.split-copy .ls-label,
.ls-services .ls-label,
.ls-routes .ls-label,
.ls-industries .ls-label{
  color:#a84e00;
}

.section-title>p:not(.ls-label){
  color:#586f7d;
}

.routes-grid p{
  color:#586f7d;
}

.quote-panel .quote-privacy,
.quote-panel .quote-privacy a,
.quote-panel small{
  color:#4d6575;
}

/* Avoid unnecessary initial layout/paint work below the fold. */
.ls-intro,
.ls-services,
.ls-network,
.ls-routes,
.ls-industries,
.ls-contact,
.ls-footer{
  content-visibility:auto;
  contain-intrinsic-size:800px;
}

/* picture wrappers inherit the same media block behavior */
.split-media picture,
.industries-image picture{
  display:block;
  width:100%;
  height:100%;
}
.split-media picture img,
.industries-image picture img{
  width:100%;
  height:100%;
  object-fit:cover;
}


/* =========================================================
   V8.4 — DEDICATED REQUEST A QUOTE PAGE
   ========================================================= */
.request-quote-main{
  min-height:100vh;
  padding-top:76px;
  background:#fff;
}
.request-quote-hero{
  text-align:center;
  padding:70px 24px 34px;
}
.request-quote-hero .ls-label{
  margin-bottom:12px;
  color:#075f94;
}
.request-quote-hero h1{
  margin:0;
  color:#075f94;
  font-size:clamp(42px,5vw,70px);
  line-height:1;
  letter-spacing:-2px;
  text-transform:uppercase;
}
.request-quote-hero>p:not(.ls-label){
  max-width:760px;
  margin:20px auto 0;
  color:#566d7c;
  line-height:1.7;
}
.request-quote-shell{
  width:min(920px,calc(100% - 48px));
  margin:0 auto 90px;
  border:1px solid #b9c4ca;
  padding:34px 0 38px;
  background:#fff;
}
.request-quote-form{
  width:min(560px,calc(100% - 48px));
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:15px;
}
.request-quote-form .rq-field{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.request-quote-form label{
  display:block;
  color:#102431;
  font-size:13px;
  font-weight:800;
  line-height:1.45;
}
.request-quote-form input,
.request-quote-form select,
.request-quote-form textarea{
  width:100%;
  border:1px solid #aeb9bf;
  border-radius:0;
  background:#fff;
  color:#173548;
  font:inherit;
  font-size:14px;
  padding:9px 10px;
}
.request-quote-form input,
.request-quote-form select{
  min-height:42px;
}
.request-quote-form textarea{
  min-height:150px;
  resize:vertical;
}
.request-quote-form input:focus,
.request-quote-form select:focus,
.request-quote-form textarea:focus{
  outline:2px solid rgba(7,95,148,.20);
  outline-offset:1px;
  border-color:#075f94;
}
.request-quote-form .rq-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  margin-top:8px;
}
.request-quote-form button[type="submit"]{
  border:0;
  border-radius:0;
  background:#FFB81C;
  color:#111;
  min-height:48px;
  padding:0 22px;
  font:inherit;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
  cursor:pointer;
}
.request-quote-form small,
.request-quote-form .quote-privacy{
  color:#4d6575;
  font-size:11px;
  line-height:1.55;
}
.request-quote-form .quote-privacy a{
  color:#075f94;
}
.request-quote-form .form-status.success{
  color:#0a6c3f;
}
.request-quote-form .form-status.error{
  color:#a52828;
}
@media(max-width:1000px){
  .request-quote-main{padding-top:70px}
}
@media(max-width:640px){
  .request-quote-hero{padding:54px 20px 28px}
  .request-quote-shell{
    width:calc(100% - 28px);
    padding:26px 0 30px;
    margin-bottom:60px;
  }
  .request-quote-form{
    width:calc(100% - 30px);
  }
}

/* V8.4.1 */
.tracking-shell{max-width:920px}
.tracking-form{width:min(560px,calc(100% - 48px))}
.tracking-or{text-align:center;color:#075f94;font-size:12px;font-weight:900;letter-spacing:1px}
.tracking-examples{padding:13px 14px;background:#f4f7f8;border-left:3px solid #075f94;color:#506877;font-size:12px;line-height:1.6}
.tracking-examples b{color:#173548;margin-right:5px}
.tracking-actions{flex-direction:row!important;align-items:center!important;gap:16px!important;flex-wrap:wrap}
.tracking-help-link{color:#075f94;font-size:12px;font-weight:800;text-decoration:none}
.tracking-help-link:hover{text-decoration:underline}
.tracking-page .road-lookup-result{margin:0;padding:14px 16px;border-left:4px solid #FFB81C;background:#f6f8f9;color:#29485a;font-size:13px;line-height:1.6}
@media(max-width:640px){
  .tracking-form{width:calc(100% - 30px)}
  .tracking-actions{align-items:flex-start!important;flex-direction:column!important}
}

/* V8.5 — Services index / yellow circular Learn More */
.services-index-main{padding-top:76px;background:#fff}
.services-index-hero{padding:88px 6vw 70px;background:#f3f6f7}
.services-index-hero>div{max-width:1050px}
.services-index-hero h1{margin:0;max-width:980px;color:#071b2d;font-size:clamp(48px,6.2vw,94px);line-height:.98;letter-spacing:-3.5px}
.services-index-hero>div>p:not(.ls-label){max-width:760px;margin:28px 0 0;color:#536b7a;font-size:16px;line-height:1.75}
.service-story-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:620px}
.service-story-card.reverse{grid-template-columns:.95fr 1.05fr}
.service-story-card.reverse .service-story-image{order:2}
.service-story-card.reverse .service-story-copy{order:1;background:#f5f7f8}
.service-story-image{min-height:620px;overflow:hidden;background:#0a2d43}
.service-story-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.service-story-card:hover .service-story-image img{transform:scale(1.025)}
.service-story-copy{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(44px,6vw,100px)}
.service-story-kicker{display:block;margin-bottom:18px;color:#075f94;font-size:10px;font-weight:900;letter-spacing:2.2px}
.service-story-copy h2{margin:0;max-width:620px;color:#071b2d;font-size:clamp(34px,4vw,60px);line-height:1.04;letter-spacing:-2px}
.service-story-copy p{max-width:580px;margin:25px 0 34px;color:#5a7180;font-size:15px;line-height:1.75}
.learn-more-ring{width:104px;height:104px;border:2px solid #FFB81C;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#0b2f47;text-decoration:none;text-align:center;transition:.2s}
.learn-more-ring span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.65px}
.learn-more-ring b{font-size:17px;line-height:1;font-weight:600}
.learn-more-ring:hover{background:#FFB81C;color:#0b2f47;transform:translateY(-3px)}
.service-index-more{padding:100px 6vw;background:#062e49;color:#fff}
.service-index-heading{max-width:850px;margin-bottom:44px}
.service-index-heading .ls-label{color:#FFB81C}
.service-index-heading h2{margin:0;color:#fff;font-size:clamp(38px,4.8vw,70px);line-height:1.02;letter-spacing:-2.5px}
.service-index-list{border-top:1px solid rgba(255,255,255,.20)}
.service-index-list>a{min-height:104px;border-bottom:1px solid rgba(255,255,255,.20);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;text-decoration:none;transition:.2s}
.service-index-list>a:hover{padding-left:14px;background:rgba(255,255,255,.025)}
.service-index-list h3{margin:0;color:#fff;font-size:clamp(20px,2vw,30px)}
.mini-learn-ring{flex:0 0 54px;width:54px;height:54px;border:2px solid #FFB81C;border-radius:50%;display:grid;place-items:center;color:#FFB81C;font-size:18px;transition:.2s}
.service-index-list>a:hover .mini-learn-ring{background:#FFB81C;color:#062e49;transform:translateX(4px)}
.services-quote-band{padding:72px 6vw;background:#f1f4f5}
.services-quote-band>div{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1200px;margin:0 auto}
.services-quote-band p{margin:0;color:#0b2f47;font-size:clamp(24px,3vw,42px);line-height:1.12;font-weight:800;max-width:760px}
.home-learn-ring{position:absolute;right:24px;bottom:24px;z-index:4;width:58px;height:58px;display:grid;place-items:center;border:2px solid #FFB81C;border-radius:50%;color:#FFB81C;font-size:18px;transition:.2s}
.service-feature:hover .home-learn-ring{background:#FFB81C;color:#082b42;transform:translateY(-2px)}
.mega-all-services{color:#FFB81C!important;font-size:13px!important;margin-bottom:8px}
@media(max-width:1000px){
 .services-index-main{padding-top:70px}
 .service-story-card,.service-story-card.reverse{grid-template-columns:1fr}
 .service-story-card.reverse .service-story-image,.service-story-card.reverse .service-story-copy{order:initial}
 .service-story-image{min-height:480px}
 .service-story-copy{padding:68px 7vw}
}
@media(max-width:640px){
 .services-index-hero{padding:62px 22px 52px}
 .services-index-hero h1{font-size:48px;letter-spacing:-2px}
 .service-story-image{min-height:330px}
 .service-story-copy{padding:54px 22px 60px}
 .learn-more-ring{width:92px;height:92px}
 .service-index-more{padding:70px 22px}
 .service-index-list>a{min-height:90px}
 .mini-learn-ring{width:48px;height:48px;flex-basis:48px}
 .services-quote-band{padding:58px 22px}
 .services-quote-band>div{flex-direction:column;align-items:flex-start}
}


/* =========================================================
   V8.5.1 — IMAGE THUMBNAILS FOR SELECT SERVICES
   ========================================================= */

.service-index-list>a.with-service-thumb{
  min-height:132px;
}

.service-list-text{
  min-width:0;
}

.service-list-right{
  display:flex;
  align-items:center;
  gap:22px;
  flex:0 0 auto;
}

.service-thumb{
  width:210px;
  height:92px;
  overflow:hidden;
  display:block;
  background:#0a2638;
}

.service-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease,opacity .25s ease;
}

.with-service-thumb:hover .service-thumb img{
  transform:scale(1.04);
}

.with-service-thumb[href="/cargo-insurance/"] .service-thumb img{
  object-position:center 62%;
}

.with-service-thumb[href="/project-special-cargo/"] .service-thumb img{
  object-position:center;
}

@media(max-width:760px){
  .service-index-list>a.with-service-thumb{
    min-height:112px;
  }
  .service-list-right{
    gap:12px;
  }
  .service-thumb{
    width:120px;
    height:70px;
  }
}

@media(max-width:520px){
  .service-thumb{
    width:88px;
    height:62px;
  }
  .service-index-list>a.with-service-thumb h3{
    font-size:19px;
  }
}


/* =========================================================
   V8.6 — SERVICE DETAIL PAGES
   Split-image detail layout inspired by premium freight sites
   ========================================================= */

.service-detail-main{
  background:#fff;
}

.service-split-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  min-height:calc(100vh - 76px);
  background:#fff;
}

.service-split-media{
  position:relative;
  min-height:calc(100vh - 76px);
  overflow:hidden;
  background:#092c43;
}

.service-split-media>img{
  width:100%;
  height:100%;
  min-height:calc(100vh - 76px);
  object-fit:cover;
  display:block;
}

.service-split-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,26,44,.05),rgba(0,26,44,.18));
  pointer-events:none;
}

.service-return{
  position:absolute;
  z-index:2;
  top:28px;
  left:28px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#075f94;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.8px;
  font-size:10px;
  font-weight:900;
  background:rgba(255,255,255,.94);
  padding:8px 12px 8px 7px;
}

.service-return-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:2px solid #FFB81C;
  border-radius:50%;
  color:#075f94;
  font-size:14px;
  line-height:1;
}

.service-split-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:84px clamp(58px,6.5vw,118px);
  background:#fff;
}

.service-split-kicker{
  display:block;
  margin-bottom:20px;
  color:#075f94;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:2.1px;
}

.service-split-copy h1{
  margin:0;
  max-width:720px;
  color:#075f94;
  font-size:clamp(44px,5vw,78px);
  line-height:.99;
  letter-spacing:-2.8px;
  text-transform:uppercase;
}

.service-split-text{
  max-width:640px;
  margin-top:30px;
}

.service-split-text p{
  margin:0 0 18px;
  color:#405866;
  font-size:15px;
  line-height:1.7;
}

.service-split-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  margin-top:14px;
}

.service-quote-outline{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  border:2px solid #FFB81C;
  border-radius:999px;
  color:#075f94;
  text-decoration:none;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.7px;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

.service-quote-outline:hover{
  background:#FFB81C;
  color:#062e49;
  transform:translateY(-2px);
}

.service-back-text{
  color:#8a9aa4;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.6px;
  font-size:10px;
  font-weight:800;
}

.service-back-text:hover{
  color:#075f94;
}

/* Keep the deeper service information below the split hero. */
.service-detail-main .lp-section,
.service-detail-main .lp-soft{
  position:relative;
}

@media(max-width:1000px){
  .service-split-hero{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .service-split-media{
    min-height:560px;
  }

  .service-split-media>img{
    min-height:560px;
  }

  .service-split-copy{
    padding:68px 7vw 78px;
  }

  .service-split-copy h1{
    font-size:clamp(42px,8vw,68px);
  }
}

@media(max-width:640px){
  .service-split-media{
    min-height:420px;
  }

  .service-split-media>img{
    min-height:420px;
  }

  .service-return{
    top:18px;
    left:18px;
  }

  .service-split-copy{
    padding:54px 22px 64px;
  }

  .service-split-copy h1{
    font-size:42px;
    letter-spacing:-2px;
  }

  .service-split-text{
    margin-top:24px;
  }

  .service-split-text p{
    font-size:14px;
  }
}


/* =========================================================
   V8.6.1 — SINGLE BRAND YELLOW + PILL UTILITY BUTTONS
   Brand yellow: PANTONE 1235 C / HEX #FFB81C
   ========================================================= */

:root{
  --atensa-yellow:#FFB81C;
  --gold:#FFB81C;
  --ls-orange:#FFB81C;
}

/* Request Quote + Shipment Tracking top buttons */
.topbar-quote,
.topbar-road{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border:2px solid var(--atensa-yellow);
  border-radius:999px;
  background:#fff;
  color:#075f94;
  text-decoration:none;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.55px;
  line-height:1;
  transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;
}

.topbar-quote:hover,
.topbar-road:hover{
  background:var(--atensa-yellow);
  color:#062e49;
  border-color:var(--atensa-yellow);
  transform:translateY(-1px);
}

.inner-page .topbar-quote,
.inner-page .topbar-road{
  background:#fff;
  color:#075f94;
  border-color:var(--atensa-yellow);
}

.inner-page .topbar-quote:hover,
.inner-page .topbar-road:hover{
  background:var(--atensa-yellow);
  color:#062e49;
  border-color:var(--atensa-yellow);
}

/* Keep all main CTA / circular accent treatments on the same brand yellow. */
.ls-btn.primary,
.request-quote-form button[type="submit"],
.road-search-btn:hover,
.learn-more-ring:hover,
.service-index-list>a:hover .mini-learn-ring,
.service-feature:hover .home-learn-ring,
.service-quote-outline:hover{
  background:var(--atensa-yellow);
}

.learn-more-ring,
.mini-learn-ring,
.home-learn-ring,
.service-return-icon,
.service-quote-outline{
  border-color:var(--atensa-yellow);
}

.mini-learn-ring,
.home-learn-ring{
  color:var(--atensa-yellow);
}

@media(max-width:1000px){
  .topbar-quote,
  .topbar-road{
    min-height:40px;
    padding:0 14px;
    background:#fff;
    color:#075f94;
    border-color:var(--atensa-yellow);
    font-size:10px;
  }
}


/* =========================================================
   V8.6.2 — UNIFIED FORM ACTION BUTTONS
   Same visual language as topbar Request Quote / Shipment Tracking
   ========================================================= */

.brand-pill-action,
.request-quote-form button[type="submit"].brand-pill-action,
.quote-form button[type="submit"].brand-pill-action,
.tracking-form button[type="submit"].brand-pill-action{
  width:auto;
  min-width:0;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  padding:0 22px;
  border:2px solid var(--atensa-yellow);
  border-radius:999px;
  background:#fff;
  color:#075f94;
  font:inherit;
  font-size:11px;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.55px;
  cursor:pointer;
  box-shadow:none;
  text-decoration:none;
  transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;
}

.brand-pill-action:hover,
.request-quote-form button[type="submit"].brand-pill-action:hover,
.quote-form button[type="submit"].brand-pill-action:hover,
.tracking-form button[type="submit"].brand-pill-action:hover{
  background:var(--atensa-yellow);
  color:#062e49;
  border-color:var(--atensa-yellow);
  transform:translateY(-1px);
}

.brand-pill-action:focus-visible{
  outline:3px solid rgba(255,184,28,.34);
  outline-offset:3px;
}

.brand-pill-action:disabled{
  opacity:.58;
  cursor:not-allowed;
  transform:none;
  background:#fff;
  color:#6e7f8a;
}

@media(max-width:640px){
  .brand-pill-action,
  .request-quote-form button[type="submit"].brand-pill-action,
  .quote-form button[type="submit"].brand-pill-action,
  .tracking-form button[type="submit"].brand-pill-action{
    min-height:42px;
    padding:0 18px;
    font-size:10px;
  }
}


/* =========================================================
   V8.6.3 — SITE-WIDE PILL CTA CONSISTENCY
   ========================================================= */

/* All Request Quote links: force same fully-rounded visual language. */
.brand-pill-link,
.inner-page .lp-main a.brand-pill-link,
.inner-page .lp-main a[data-quote-cta].brand-pill-link,
.service-detail-main a.brand-pill-link,
.service-quote-outline.brand-pill-link,
.btn.gold-btn.brand-pill-link,
.ls-btn.primary.brand-pill-link{
  width:auto;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  border:2px solid var(--atensa-yellow) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#075f94 !important;
  text-decoration:none;
  text-transform:uppercase;
  font-size:11px;
  font-weight:900;
  letter-spacing:.55px;
  line-height:1;
  box-shadow:none;
  transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;
}

.brand-pill-link:hover,
.inner-page .lp-main a.brand-pill-link:hover,
.inner-page .lp-main a[data-quote-cta].brand-pill-link:hover,
.service-detail-main a.brand-pill-link:hover,
.service-quote-outline.brand-pill-link:hover,
.btn.gold-btn.brand-pill-link:hover,
.ls-btn.primary.brand-pill-link:hover{
  background:var(--atensa-yellow) !important;
  color:#062e49 !important;
  border-color:var(--atensa-yellow) !important;
  transform:translateY(-1px);
}

/* Footer utility links use the same shape, adapted for dark background. */
.ls-footer .footer-pill-link{
  width:max-content;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  margin-top:6px;
  border:2px solid var(--atensa-yellow);
  border-radius:999px;
  background:transparent;
  color:#fff !important;
  text-decoration:none;
  text-transform:uppercase;
  font-size:10px !important;
  font-weight:900;
  letter-spacing:.45px;
  line-height:1;
}

.ls-footer .footer-pill-link:hover{
  background:var(--atensa-yellow);
  color:#062e49 !important;
}

@media(max-width:640px){
  .brand-pill-link,
  .inner-page .lp-main a.brand-pill-link,
  .service-detail-main a.brand-pill-link{
    min-height:42px;
    padding:0 18px;
    font-size:10px;
  }
}


/* =========================================================
   V8.6.5 — HERO SERVICES CTA + RAIL TOOLTIP COLOR
   ========================================================= */

/* "Үйлчилгээ үзэх / Explore Services" now matches the Request Quote pill */
.hero-ctas .brand-pill-link{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  border:2px solid var(--atensa-yellow) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#075f94 !important;
  font-size:11px;
  font-weight:900;
  letter-spacing:.55px;
  text-transform:uppercase;
  text-decoration:none;
  box-shadow:none;
}

.hero-ctas .brand-pill-link:hover{
  background:var(--atensa-yellow) !important;
  color:#062e49 !important;
  border-color:var(--atensa-yellow) !important;
}

/* Left rail hover tooltip */
.rail-links a::after{
  background:#062e49;
  color:var(--atensa-yellow);
  border-color:var(--atensa-yellow);
  box-shadow:0 8px 22px rgba(4,34,54,.22);
}

/* Keep icon hover in the same brand yellow */
.rail-links a:hover{
  color:var(--atensa-yellow);
}


/* =========================================================
   V8.6.6 — LIGHTHOUSE CONTRAST FINAL FIX
   ========================================================= */

/* Exact Lighthouse failing privacy link on the white quote panel. */
.quote-panel .quote-privacy,
.quote-panel .quote-privacy a,
.quote-panel .quote-privacy a:visited,
.request-quote-form .quote-privacy,
.request-quote-form .quote-privacy a,
.request-quote-form .quote-privacy a:visited{
  color:#06395d !important;
  opacity:1 !important;
}

.quote-panel .quote-privacy a,
.request-quote-form .quote-privacy a{
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}

/* Keep footer text safely above WCAG AA contrast on ATENSA navy. */
.ls-footer,
.ls-footer .footer-lead p,
.ls-footer .ls-footer-main a,
.ls-footer .ls-footer-main span,
.ls-footer .ls-footer-bottom,
.ls-footer .ls-footer-bottom span,
.ls-footer .ls-footer-bottom a{
  color:#ffffff !important;
  opacity:1 !important;
}


/* =========================================================
   V8.6.8 — ATENSA CORE BRAND PALETTE
   Blue sampled from supplied "Latest News" reference:
   #004589 (RGB 0,69,137)
   Yellow: PANTONE 1235 C / #FFB81C
   White: #FFFFFF
   ========================================================= */

:root{
  --atensa-blue:#004589;
  --atensa-yellow:#FFB81C;
  --atensa-white:#FFFFFF;

  /* Map existing brand variables onto the new 3-color system */
  --ls-blue:var(--atensa-blue);
  --ls-navy:var(--atensa-blue);
  --ls-navy-2:var(--atensa-blue);
  --gold:var(--atensa-yellow);
  --ls-orange:var(--atensa-yellow);
}

/* Primary blue brand surfaces */
.site-rail,
.mega-nav,
.ls-network,
.service-index-more,
.ls-footer{
  background:var(--atensa-blue) !important;
}

/* Darker legacy panels that visually function as ATENSA brand blocks */
.network-support,
.network-support article{
  background:var(--atensa-blue) !important;
}

.hero-quick{
  background:rgba(0,69,137,.94) !important;
}

/* Primary brand blue typography / controls on light backgrounds */
.topbar-road,
.topbar-quote,
.inner-page .topbar-road,
.inner-page .topbar-quote,
.brand-pill-link,
.brand-pill-action,
.service-quote-outline,
.learn-more-ring,
.tracking-help-link,
.text-link,
.service-story-kicker,
.service-split-kicker,
.request-quote-hero h1,
.service-split-copy h1,
.road-lookup-title h2{
  color:var(--atensa-blue) !important;
}

/* Brand section labels on white/light backgrounds */
.ls-intro .ls-label,
.ls-services .ls-label,
.ls-routes .ls-label,
.ls-industries .ls-label,
.services-index-hero .ls-label,
.request-quote-hero .ls-label{
  color:var(--atensa-blue) !important;
}

/* Yellow accent is standardized */
.ls-eyebrow,
.ls-label.light,
.network-copy .ls-label,
.service-index-heading .ls-label,
.service-story-kicker,
.service-split-kicker{
  color:var(--atensa-yellow);
}

/* White text on brand-blue surfaces */
.site-rail,
.mega-nav,
.ls-network,
.service-index-more,
.ls-footer,
.ls-network h2,
.service-index-more h2,
.service-index-list h3{
  color:var(--atensa-white);
}

/* Brand buttons: white fill + yellow outline + blue text */
.topbar-road,
.topbar-quote,
.brand-pill-link,
.brand-pill-action,
.service-quote-outline{
  background:var(--atensa-white) !important;
  border-color:var(--atensa-yellow) !important;
  color:var(--atensa-blue) !important;
}

.topbar-road:hover,
.topbar-quote:hover,
.brand-pill-link:hover,
.brand-pill-action:hover,
.service-quote-outline:hover{
  background:var(--atensa-yellow) !important;
  border-color:var(--atensa-yellow) !important;
  color:var(--atensa-blue) !important;
}

/* Circular brand accents */
.learn-more-ring,
.mini-learn-ring,
.home-learn-ring,
.service-return-icon{
  border-color:var(--atensa-yellow) !important;
}

.mini-learn-ring,
.home-learn-ring,
.rail-links a:hover,
.rail-links a::after{
  color:var(--atensa-yellow) !important;
}

.rail-links a::after{
  background:var(--atensa-blue) !important;
  border-color:var(--atensa-yellow) !important;
}

/* Footer stays strictly blue / yellow / white */
.ls-footer,
.ls-footer .footer-lead p,
.ls-footer .ls-footer-main b,
.ls-footer .ls-footer-main a,
.ls-footer .ls-footer-main span,
.ls-footer .ls-footer-bottom,
.ls-footer .ls-footer-bottom a{
  color:var(--atensa-white) !important;
}

/* Keep readable neutral body copy; brand system is used for identity, not every paragraph. */


/* =========================================================
   V8.6.9 — LANDSTAR-STYLE EXPANDING LEFT RAIL
   ATENSA brand colors retained: blue / yellow / white
   ========================================================= */

:root{
  --rail:86px;
  --rail-expanded:244px;
}

/* compact by default, expand over page content on hover/focus */
.site-rail{
  width:var(--rail) !important;
  align-items:stretch !important;
  overflow:visible;
  transition:width .20s ease, box-shadow .20s ease;
  box-shadow:none;
}

.site-rail:hover,
.site-rail:focus-within{
  width:var(--rail-expanded) !important;
  box-shadow:12px 0 30px rgba(0,28,57,.18);
}

/* logo */
.rail-logo{
  height:92px;
  flex:0 0 92px;
  justify-content:flex-start !important;
  padding-left:12px;
  overflow:hidden;
}

.rail-logo img{
  width:62px !important;
  flex:0 0 62px;
  transition:width .20s ease;
}

/* nav list */
.rail-links{
  width:100%;
  margin-top:0 !important;
}

.rail-links a{
  position:relative;
  width:100%;
  height:64px;
  display:flex !important;
  align-items:center;
  justify-content:flex-start !important;
  gap:0;
  padding:0 !important;
  color:#ffffff !important;
  border-bottom:1px solid rgba(255,255,255,.14);
  background:transparent;
  overflow:hidden;
  transition:background .16s ease,color .16s ease;
}

.rail-links a svg{
  width:22px;
  height:22px;
  flex:0 0 22px;
  margin-left:32px;
  margin-right:32px;
  color:#ffffff;
  stroke:currentColor;
  transition:color .16s ease, transform .16s ease;
}

.rail-label{
  display:block !important;
  min-width:140px;
  white-space:nowrap;
  opacity:0;
  transform:translateX(-6px);
  color:currentColor;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.45px !important;
  text-transform:uppercase;
  transition:opacity .14s ease, transform .18s ease;
}

.site-rail:hover .rail-label,
.site-rail:focus-within .rail-label{
  opacity:1;
  transform:translateX(0);
}

/* Landstar-like selected / hover state */
.rail-links a:hover,
.rail-links a:focus-visible,
.rail-links a.active{
  background:var(--atensa-yellow) !important;
  color:var(--atensa-blue) !important;
}

.rail-links a:hover svg,
.rail-links a:focus-visible svg,
.rail-links a.active svg{
  color:var(--atensa-blue) !important;
}

/* active stays icon-only yellow when collapsed, shows full row when expanded */
.site-rail:not(:hover):not(:focus-within) .rail-links a.active{
  background:var(--atensa-yellow) !important;
}

/* remove old floating tooltip because label is now inside expanded rail */
.rail-links a::after{
  display:none !important;
  content:none !important;
}

/* mail control becomes a bottom text row when rail is expanded */
.rail-mail{
  width:42px !important;
  height:42px !important;
  margin-left:22px;
  transition:all .18s ease;
}

.site-rail:hover .rail-mail,
.site-rail:focus-within .rail-mail{
  width:calc(100% - 28px) !important;
  margin-left:14px;
  border-radius:999px;
  justify-content:flex-start;
  padding-left:14px;
}

.site-rail:hover .rail-mail::after,
.site-rail:focus-within .rail-mail::after{
  content:"info@atensa.mn";
  margin-left:10px;
  color:#fff;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}

/* left rail overlays content when expanded; page geometry stays stable */
.has-rail #main,
.has-rail .ls-footer{
  margin-left:var(--rail);
}

/* top bar keeps compact-rail alignment and is not pushed by rail hover */
.ls-topbar{
  left:var(--rail);
}

/* mobile: preserve current no-rail behavior */
@media(max-width:1000px){
  .site-rail{display:none !important}
}


/* =========================================================
   V8.7.0 — LANDSTAR-LIKE BLACK / GREY LEFT RAIL
   ========================================================= */

/* The empty lower rail area uses medium grey, like the reference. */
.site-rail{
  background:#4A4A4A !important;
  border-right:1px solid #5A5A5A !important;
}

/* Icon navigation rows use charcoal / near-black. */
.rail-links{
  background:#202020 !important;
}

.rail-links a{
  background:#202020 !important;
  color:#BFC3C7 !important;
  border-bottom:1px solid #3A3A3A !important;
}

.rail-links a svg{
  color:#BFC3C7 !important;
}

/* Expanded labels are light grey by default. */
.rail-label{
  color:#C8CBCF !important;
}

/* Active and hover state remains ATENSA yellow. */
.rail-links a:hover,
.rail-links a:focus-visible,
.rail-links a.active{
  background:var(--atensa-yellow) !important;
  color:#202020 !important;
}

.rail-links a:hover svg,
.rail-links a:focus-visible svg,
.rail-links a.active svg{
  color:#202020 !important;
}

.rail-links a:hover .rail-label,
.rail-links a:focus-visible .rail-label,
.rail-links a.active .rail-label{
  color:#202020 !important;
}

/* Keep logo block white for a clean corporate header. */
.rail-logo{
  background:#FFFFFF !important;
  border-bottom:1px solid #D9D9D9 !important;
}

/* Bottom email control sits on the grey lower rail. */
.rail-mail{
  color:#FFFFFF !important;
  border-color:#8A8A8A !important;
  background:transparent !important;
}

.rail-mail:hover,
.rail-mail:focus-visible{
  border-color:var(--atensa-yellow) !important;
  color:var(--atensa-yellow) !important;
}

/* Remove the previous blue tooltip/rail override entirely in practice. */
.rail-links a::after{
  display:none !important;
}


/* =========================================================
   V8.7.1 — LARGER LANDSTAR-LIKE LEFT RAIL
   ========================================================= */

:root{
  --rail:94px;
  --rail-expanded:282px;
}

/* Larger overall rail */
.site-rail{
  width:var(--rail) !important;
}

.site-rail:hover,
.site-rail:focus-within{
  width:var(--rail-expanded) !important;
}

/* Larger logo block */
.rail-logo{
  height:102px !important;
  flex:0 0 102px !important;
  padding-left:14px !important;
}

.rail-logo img{
  width:68px !important;
}

/* Larger nav rows */
.rail-links a{
  height:72px !important;
  min-height:72px !important;
}

.rail-links a svg{
  width:27px !important;
  height:27px !important;
  flex:0 0 27px !important;
  margin-left:34px !important;
  margin-right:32px !important;
  stroke-width:1.8 !important;
}

/* Larger expanded labels */
.rail-label{
  min-width:160px !important;
  font-size:13px !important;
  line-height:1.25 !important;
  letter-spacing:.35px !important;
  font-weight:900 !important;
}

/* Bottom email control scales with rail */
.rail-mail{
  width:46px !important;
  height:46px !important;
  margin-left:24px !important;
  margin-bottom:20px !important;
  font-size:15px !important;
}

.site-rail:hover .rail-mail,
.site-rail:focus-within .rail-mail{
  width:calc(100% - 32px) !important;
  margin-left:16px !important;
  padding-left:16px !important;
}

.site-rail:hover .rail-mail::after,
.site-rail:focus-within .rail-mail::after{
  font-size:11px !important;
  margin-left:12px !important;
}

/* Page geometry follows the slightly wider compact rail */
.has-rail #main,
.has-rail .ls-footer{
  margin-left:var(--rail) !important;
}

.ls-topbar{
  left:var(--rail) !important;
}

/* Mobile stays unchanged */
@media(max-width:1000px){
  :root{--rail:0px}
  .site-rail{display:none !important}
  .has-rail #main,
  .has-rail .ls-footer{
    margin-left:0 !important;
  }
  .ls-topbar{
    left:0 !important;
  }
}