/* Visual direction adapted from Transport HUB for the VNeCare landing page. */
:root{--navy:#07105b;--blue:#323cc8;--icon-blue:#4b7bfc;--ink:#111a43;--muted:#66718a;--gold:#f6b342;--gold-light:#fff3dc;--sky:#f6f8ff;--line:#e2e7f2;--shadow:0 22px 58px rgba(11,18,84,.12)}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink)}
.container{width:min(1210px,calc(100% - 48px))}
.site-header{background:#fff;border-bottom:1px solid #ebedf5;box-shadow:0 1px 12px rgba(7,16,91,.03)}
.header-inner{height:66px;gap:18px}
.brand{min-width:176px}.brand-name{color:#122b88}.site-header .brand-name span{color:#9a6900}
.nav-links{gap:25px;color:#2f354d;font-weight:600;font-size:.9rem}
.site-header .nav-links a:hover,.site-header .nav-links a:focus-visible,.site-header .nav-links a.is-current{color:#936100}
.site-header .nav-links a:after{background:#454feb;height:3px}
.nav-mobile-vneid{display:none!important}
.header-cta,.btn-gold{background:linear-gradient(105deg,#ed9843 0%,#f9cd68 100%);color:#212843;box-shadow:0 10px 25px rgba(222,142,40,.2)}
.header-cta{border-radius:15px;padding:11px 18px;font-weight:700}
.header-cta:hover,.btn-gold:hover{background:linear-gradient(105deg,#f4a64a 0%,#ffda78 100%);color:#141b3e}
.btn{border-radius:16px;font-size:.94rem;font-weight:700;min-height:50px;padding:12px 22px}
.btn-white{border-color:rgba(218,228,255,.45);background:rgba(7,11,62,.19)}
.hero{min-height:675px;background:#030947}
.hero-slide{background:#050b4f}.hero-slide .hero-photo{filter:saturate(.86) contrast(1.12)}
.hero:before{background:linear-gradient(90deg,rgba(2,6,57,.99) 0%,rgba(3,8,64,.98) 35%,rgba(5,16,83,.73) 57%,rgba(4,15,75,.54) 100%)}
.hero-inner,.hero[data-slide="0"] .hero-inner{min-height:675px;padding:86px 0 100px;align-items:center}
.hero-inner>div,.hero[data-slide="0"] .hero-inner>div{max-width:700px}
.hero h1{max-width:725px;font-size:clamp(3.1rem,5.45vw,5.1rem);line-height:1.045;letter-spacing:-.052em;font-weight:760;margin:25px 0}
.hero h1 em{color:#fff;font-weight:760}
.hero p{font-size:1.12rem;line-height:1.66;max-width:575px;color:#d3d9ef;margin-bottom:31px}
.hero .eyebrow{color:#dde5ff;font-size:.75rem;letter-spacing:.12em;font-weight:600;text-transform:none;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.09);border-radius:99px;padding:7px 15px}
.hero .eyebrow:before{width:6px;height:6px;border-radius:50%;background:#798dff}
.hero-note{margin:20px 0 0!important;font-size:.79rem!important;color:#aeb9df!important}
.hero .radiance{opacity:.9}.hero .radiance span{border-color:rgba(105,139,255,.37)}
.hero-app-preview{right:14%;top:47px;width:clamp(215px,18vw,270px)}
.hero[data-slide="0"] .hero-photo{object-position:center 37%}
.hero-pagination{bottom:27px}.hero-dot{background:rgba(208,221,255,.5)}.hero-dot.is-active{background:#f6b342}
.section{padding:88px 0}.section-head{max-width:850px;margin-bottom:42px}.section-head .eyebrow{margin-bottom:12px}
.eyebrow{color:#3543c1;font-size:.77rem;letter-spacing:.17em}.eyebrow:before{display:none}
.how .eyebrow,.benefits .eyebrow,.partners .eyebrow{display:inline-flex}
h2{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.045em;color:#11184d}
.section-head p{font-size:1rem;line-height:1.7}
.about{background:#fff}
.about-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.about-card{position:relative;min-height:222px;padding:29px 24px;border:1px solid #e4e8f2;border-radius:22px;background:#fff;box-shadow:0 9px 30px rgba(12,20,79,.045);transition:transform .25s ease,box-shadow .25s ease}
.about-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(19,32,112,.13)}
.about-card .about-number{display:block;color:#414bd0;font-size:.82rem;font-weight:800;letter-spacing:.13em;margin-bottom:26px}
.about-card h3{font-size:1.17rem;color:#151d50;margin-bottom:9px}.about-card p{font-size:.9rem;line-height:1.6;margin:0}
.about-card:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:3px;background:linear-gradient(90deg,#3b49d6,#7ba0ff);opacity:0;transform:scaleX(.2);transition:opacity .25s,transform .25s}
.about-card:hover:after{opacity:1;transform:scaleX(1)}
.how{background:#f7f9ff}.how .section-head h2{font-size:clamp(2.1rem,3.5vw,3.15rem)}
.journey-card,.journey-card:not(:last-child){border-color:#e1e6f3;border-radius:21px;box-shadow:0 10px 28px rgba(13,25,99,.055)}
.journey-card:before{background-image:linear-gradient(180deg,rgba(3,28,63,.42) 0%,rgba(3,32,72,.78) 45%,rgba(3,32,72,.94) 100%),var(--journey-image)}
.journey-icon{background:#eef0ff;color:#3747cc}
.journey-card:nth-child(2) .journey-icon,.journey-card:nth-child(4) .journey-icon{background:#fff0dc;color:#b96922}
.journey-card h3{color:#151c4f}
.journey-card:nth-child(1){--journey-icon-color:#315bbe;--journey-icon-start:#426cc6;--journey-icon-end:#24479e;--journey-icon-glow:rgba(49,91,190,.23)}
.journey-card:nth-child(2){--journey-icon-color:#0c756d;--journey-icon-start:#1a8079;--journey-icon-end:#07534e;--journey-icon-glow:rgba(12,117,109,.23)}
.journey-card:nth-child(3){--journey-icon-color:#7047a8;--journey-icon-start:#865db8;--journey-icon-end:#5b348f;--journey-icon-glow:rgba(112,71,168,.23)}
.journey-card:nth-child(4){--journey-icon-color:#a36300;--journey-icon-start:#a4680e;--journey-icon-end:#754300;--journey-icon-glow:rgba(163,99,0,.23)}
.journey-card:nth-child(5){--journey-icon-color:#ac3d62;--journey-icon-start:#b84970;--journey-icon-end:#81294d;--journey-icon-glow:rgba(172,61,98,.23)}
.journey-icon,.journey-card:nth-child(2) .journey-icon,.journey-card:nth-child(4) .journey-icon{background:linear-gradient(135deg,var(--journey-icon-start),var(--journey-icon-end))!important;color:#fff!important;border-radius:18px;box-shadow:0 9px 22px var(--journey-icon-glow)}
.journey-icon:after{border-color:var(--journey-icon-glow);border-radius:23px}
.journey-icon svg{width:46px;height:46px;stroke:none;fill:none;filter:none}
.journey-icon svg .icon-solid{fill:currentColor}
.journey-icon svg .icon-cutout{fill:var(--journey-icon-color)}
.journey-icon svg .icon-line{stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.journey-card:hover .journey-icon,.journey-card:focus-visible .journey-icon,.journey-card.is-active .journey-icon{background:linear-gradient(135deg,var(--journey-icon-start),var(--journey-icon-end))!important;color:#fff!important;border-radius:11px;box-shadow:0 6px 18px rgba(3,22,75,.2)}
.journey-card:hover .journey-icon svg,.journey-card:focus-visible .journey-icon svg,.journey-card.is-active .journey-icon svg{width:27px;height:27px;filter:none}
.journey-card:hover .journey-icon .icon-cutout,.journey-card:focus-visible .journey-icon .icon-cutout,.journey-card.is-active .journey-icon .icon-cutout{fill:var(--journey-icon-color)}
.journey-card:hover h3,.journey-card:focus-visible h3,.journey-card.is-active h3,.journey-card:hover p,.journey-card:focus-visible p,.journey-card.is-active p{text-shadow:0 1px 3px rgba(0,13,41,.75)}
.benefits{background:#fff}.benefit-tab{border-radius:18px;border-color:#e3e8f4}
.benefit-tab.active{background:linear-gradient(120deg,#111a78,#344bd1);border-color:#324bd0}
.benefit-tab-arrow{color:#435a77}
.benefit-tab.active .benefit-tab-arrow{color:#fff}
.benefit-tab-mark{display:grid;place-items:center;width:32px;height:32px;color:var(--icon-blue)}
.benefit-tab-mark svg{width:29px;height:29px;fill:currentColor;transition:transform .25s ease}
.benefit-tab:hover .benefit-tab-mark svg{transform:scale(1.12)}
.benefit-tab.active .benefit-tab-mark{color:var(--icon-blue);background:#fff;border-radius:8px}
.benefit-panel{background:linear-gradient(145deg,#f3f5ff,#fff 80%);border-color:#e0e7f7;border-radius:22px}
.benefit-panel:before{border-color:rgba(73,82,198,.14);box-shadow:0 0 0 52px rgba(107,121,231,.06),0 0 0 105px rgba(107,121,231,.04)}
.guide{background:#f8faff}.guide-tab.active{border-color:#dce2f6;box-shadow:0 10px 32px rgba(20,32,112,.08)}.guide-tab.active .step-badge{background:#293fc0}
.guide-intro>.guide-swipe-hint{color:#506782}
.guide-demo{background:radial-gradient(circle at center,#e4eaff,#f5f7ff 54%,transparent 74%)}
.guide-demo:before,.guide-demo:after{border-color:#d7dffc}
.partners{background:#fff}.partner-set .partner-logo{border-color:#e4e8f4}.partner-arrow{background:#1b2aab}
.security{background:#f7f9ff}.security-row .check{color:#2b40c1}.security-vector{filter:hue-rotate(12deg)}
.final-cta{background:linear-gradient(115deg,#080e55,#152b9b 74%)}
.final-cta h2{color:#fff}
.footer{background:#080e43}.footer h3{font-size:.81rem}.footer-bottom{color:#9faad8}
@media(max-width:1120px){.nav-mobile-vneid{display:inline-flex!important}.nav-links.open{top:66px}}
@media(max-width:1024px),(hover:none){.journey-card:before{background-image:linear-gradient(90deg,rgba(3,28,63,.94) 0%,rgba(3,32,72,.84) 72%,rgba(3,32,72,.32) 100%),var(--journey-image)}}
@media(max-width:1000px){.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero[data-slide="0"] .hero-inner{min-height:790px;padding-top:465px;padding-bottom:80px}.hero[data-slide="0"] .hero-app-preview{top:38px;left:9%;width:210px}.hero[data-slide="0"] .hero-photo{height:490px;object-position:80% center}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.header-inner{height:64px}.nav-links.open{top:64px}.section{padding:68px 0}.section-head{margin-bottom:32px}.hero{min-height:0}.hero-inner,.hero[data-slide="0"] .hero-inner{min-height:700px;padding:280px 0 70px;align-items:flex-end}.hero h1{font-size:clamp(2.5rem,9.3vw,3.65rem);margin:18px 0}.hero p{font-size:1rem;line-height:1.55}.hero .eyebrow{font-size:.69rem}.hero:before{background:linear-gradient(180deg,rgba(3,7,54,.22),rgba(3,7,54,.52) 34%,rgba(3,7,54,.96) 60%,#030736 100%)}.hero[data-slide="0"] .hero-photo{height:455px;object-position:78% center}.hero[data-slide="0"] .hero-app-preview{top:50px;left:6%;width:min(39vw,180px)}.hero-app-badge{right:-18px;bottom:38px}.hero .radiance{opacity:.55}.about-grid{gap:12px}.about-card{min-height:210px;padding:23px 20px}.about-card .about-number{margin-bottom:20px}.guide-demo{background:radial-gradient(circle at center,#e4eaff,#f5f7ff 54%,transparent 74%)}
}
@media(max-width:540px){.about-grid{grid-template-columns:1fr}.about-card{min-height:0}.about-card .about-number{margin-bottom:12px}.hero-inner,.hero[data-slide="0"] .hero-inner{min-height:710px;padding-top:300px}.hero-actions{gap:9px}.hero-actions .btn{width:100%}.hero-note{line-height:1.5}.hero[data-slide="0"] .hero-app-preview{top:52px;left:6%;width:153px}}
@media(max-width:760px){.hero[data-slide="0"] .hero-inner{min-height:0;padding-top:495px}.hero[data-slide="0"] .hero-photo{height:555px;object-position:78% top;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%)}}
@media(max-width:540px){.hero[data-slide="0"] .hero-inner{padding-top:480px}.hero[data-slide="0"] .hero-app-preview{top:52px;left:6%;width:153px}}
@media(prefers-reduced-motion:reduce){.about-card,.about-card:after{transition:none}}
.policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin:0 auto}
@media(max-width:540px){.policy-grid{grid-template-columns:1fr}}
.section.section{padding:44px 0}
.policy .section-head{max-width:none}.policy .section-head h2{white-space:nowrap;font-size:clamp(.95rem,3.6vw,2.6rem)}
@media(max-width:760px){.section.section{padding:34px 0}}