
/* Vision Freight Logistics - V6 Enterprise Final visual layer */
:root{--vf-navy:#061c31;--vf-blue:#075ea8;--vf-cyan:#13a6d8;--vf-ink:#132231;--vf-muted:#607284;--vf-line:#dce6ee;--vf-soft:#f4f8fb;--vf-white:#fff}
html{scroll-behavior:smooth} body{background:#fff;color:var(--vf-ink);letter-spacing:-.01em}
.container{max-width:1240px}.topbar{background:#061827;border:0}.topbar-inner{min-height:34px}.site-header{backdrop-filter:blur(18px);background:rgba(255,255,255,.94);border-bottom:1px solid rgba(8,35,63,.08)}
.navbar{min-height:78px}.brand img{height:50px;max-width:235px}.nav-links{gap:24px}.nav-links>a:not(.btn){font-size:13px;font-weight:700;color:#243647}.nav-links>a:not(.btn):hover,.nav-links>a.active{color:var(--vf-blue)}
.btn{border-radius:5px;font-weight:800;letter-spacing:.01em}.btn-primary{background:var(--vf-blue);box-shadow:0 8px 24px rgba(7,94,168,.18)}.btn-primary:hover{transform:translateY(-1px);background:#064f8d}
.hero-v3{min-height:690px;background:linear-gradient(90deg,rgba(4,24,42,.96) 0%,rgba(4,24,42,.82) 46%,rgba(4,24,42,.22) 78%),linear-gradient(135deg,#0a3457,#0b6ba9);position:relative;overflow:hidden}
.hero-v3:after{content:'';position:absolute;right:-6%;top:0;width:52%;height:100%;opacity:.38;background:repeating-linear-gradient(120deg,transparent 0 42px,rgba(255,255,255,.08) 43px 44px);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.hero-v3-inner{min-height:600px;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{max-width:760px}.hero-copy h1{font-size:clamp(48px,6.2vw,82px);line-height:.98;letter-spacing:-.055em;margin:14px 0 24px;max-width:760px}.hero-copy h1 span{color:#65c9ef}.hero-copy p{max-width:650px;font-size:18px;line-height:1.65;color:#d7e7f2}.hero-actions{gap:12px;margin-top:32px}.btn-lg{padding:16px 24px}.hero-assurance{margin-top:38px;gap:28px;color:#d9e9f3;font-size:12px;font-weight:700}.hero-assurance span:before{content:'✓';color:#65c9ef;margin-right:8px}
.hero-tool-dock{position:relative;z-index:5;margin-top:-76px;display:grid;grid-template-columns:1.1fr .9fr;gap:0;filter:drop-shadow(0 22px 34px rgba(4,24,42,.14))}.dock-card{min-height:150px;border-radius:0!important;border:0!important}.tracking-dock{background:#fff}.quote-dock{background:var(--vf-blue)!important;color:#fff!important}.dock-card small{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.dock-card strong{font-size:19px}.dock-input input{border:1px solid var(--vf-line);background:#f8fbfd}.dock-input button{background:var(--vf-navy);font-weight:800}
.v6-trustbar{background:#071c30!important}.v6-trustbar .container{grid-template-columns:repeat(4,1fr)!important}.v6-trustbar .container>div{padding:28px 24px!important;border-right:1px solid rgba(255,255,255,.11)}.v6-trustbar strong{color:#fff!important;font-size:13px!important}.v6-trustbar span{color:#bcd0df!important;line-height:1.5!important}
.section{padding:96px 0}.eyebrow{color:var(--vf-blue);font-size:10px;font-weight:900;letter-spacing:.16em}.section h2,.intro-grid h2{font-size:clamp(32px,4vw,50px);line-height:1.06;letter-spacing:-.04em}.intro-grid{grid-template-columns:1.05fr .7fr;gap:100px;align-items:end}.intro-grid p{font-size:17px;line-height:1.75;color:var(--vf-muted)}
.solutions-v3{background:var(--vf-soft)}.section-head{margin-bottom:38px}.solution-layout{gap:20px}.solution-feature,.solution-card{border:1px solid var(--vf-line)!important;box-shadow:none!important;border-radius:8px!important;overflow:hidden}.solution-feature:hover,.solution-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(8,35,63,.10)!important}.solution-content{padding:30px!important}.solution-content h3,.solution-card h3{letter-spacing:-.025em}.text-link{font-weight:800;color:var(--vf-blue)}
.industry-grid,.why-grid,.tech-grid{gap:18px}.industry-card,.why-card,.tech-card,.service-card,.info-card{border:1px solid var(--vf-line)!important;border-radius:8px!important;box-shadow:none!important}.industry-card:hover,.why-card:hover,.tech-card:hover{border-color:#a9c9df!important;transform:translateY(-3px)}
.page-hero{background:linear-gradient(120deg,#061c31,#0b568e)!important;padding:105px 0 90px!important}.page-hero h1{font-size:clamp(42px,5vw,66px)!important;letter-spacing:-.045em!important}.page-hero p{max-width:720px;color:#d8e8f3!important;font-size:17px!important}
.cta-section,.cta-band{background:var(--vf-navy)!important}.site-footer{background:#051522!important;padding-top:70px!important}.footer-grid{gap:50px}.site-footer a:hover{color:#6bc9ec!important}
input,select,textarea{border-radius:5px!important;border-color:#ccdbe6!important;min-height:46px}.form-card{border:1px solid var(--vf-line)!important;border-radius:10px!important;box-shadow:0 18px 50px rgba(8,35,63,.08)!important}
@media(max-width:900px){.hero-v3{min-height:620px}.hero-v3-inner{min-height:540px}.hero-tool-dock{grid-template-columns:1fr;margin-top:-35px}.v6-trustbar .container{grid-template-columns:1fr 1fr!important}.intro-grid{grid-template-columns:1fr;gap:24px}.nav-links{gap:12px}.section{padding:72px 0}}
@media(max-width:620px){.hero-copy h1{font-size:47px}.hero-copy p{font-size:16px}.hero-assurance{display:grid;gap:10px}.v6-trustbar .container{grid-template-columns:1fr!important}.section{padding:58px 0}.hero-tool-dock{margin-left:18px;margin-right:18px}.topbar{display:none}.navbar{min-height:68px}}

/* V6.0 Final homepage alignment fix */
.hero-v3{padding:0 0 150px}
.hero-tool-dock{left:auto;transform:none}
.hero-tool-dock>*{min-width:0}
.tracking-dock{align-items:center}
.tracking-dock>div:first-child{flex:0 0 auto}
.tracking-dock .dock-input{flex:1 1 260px;min-width:0;max-width:360px}
.tracking-dock .dock-input input{min-width:0}

@media(min-width:901px){
  .hero-v3-inner{justify-content:flex-start}
  .hero-copy{width:50%;max-width:600px;padding-right:32px}
  .hero-copy h1{font-size:clamp(48px,4.65vw,72px);max-width:100%;letter-spacing:-.05em}
  .hero-copy>p{max-width:560px}
}

@media(max-width:900px){
  .hero-v3{padding-bottom:95px}
  .hero-v3-inner{padding-top:92px;padding-bottom:48px}
  .tracking-dock .dock-input{max-width:none}
}
@media(max-width:620px){
  .hero-v3{padding-bottom:120px}
  .hero-v3-inner{min-height:auto;padding-top:118px;padding-bottom:54px;align-items:flex-start}
  .hero-copy h1{font-size:clamp(40px,12vw,47px);line-height:1.02;letter-spacing:-.045em}
  .hero-tool-dock{width:auto;margin-left:14px;margin-right:14px}
  .tracking-dock{align-items:stretch}
}
