/* AASHMAAN GLOBAL CONTROL V8 — visual system & interaction layer */
:root{--v8-navy:#061722;--v8-navy2:#0a2b3d;--v8-ink:#102b3a;--v8-gold:#d0a13b;--v8-gold2:#e5c778;--v8-pearl:#f7f4ed;--v8-mist:#eef5f6;--v8-line:rgba(8,42,60,.12);--v8-shadow:0 24px 70px rgba(4,27,41,.11);--v8-ease:cubic-bezier(.16,.84,.24,1)}
html{scroll-padding-top:92px}body.v8{background:#f7f4ed;color:var(--v8-ink);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}.v8-scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:100000;background:linear-gradient(90deg,var(--v8-gold),#f1d993);transform-origin:left center;transform:scaleX(0);pointer-events:none}
/* COMMAND HEADER */
body.v8 .v6-utility{height:26px;background:linear-gradient(90deg,#04131d,#0b3348);border-bottom:1px solid rgba(255,255,255,.06);font-size:8px;letter-spacing:.1em;text-transform:uppercase}body.v8 .v6-utility .container{height:26px}.v6-header{position:sticky!important;top:0!important;z-index:5000!important;background:rgba(5,22,33,.93)!important;border-bottom:1px solid rgba(231,201,121,.13)!important;backdrop-filter:blur(18px) saturate(130%);transition:height .3s var(--v8-ease),box-shadow .3s,background .3s}.v6-header.v8-scrolled{box-shadow:0 12px 35px rgba(0,0,0,.18);background:rgba(4,18,28,.97)!important}.v6-nav{min-height:72px!important;transition:min-height .3s var(--v8-ease)}.v6-header.v8-scrolled .v6-nav{min-height:62px!important}.v6-brand{display:flex!important;align-items:center;min-width:225px}.v6-brand img{width:180px!important;max-height:43px!important;object-fit:contain!important}.v6-brand:after{content:"GLOBAL CONTROL"!important;margin-left:14px;border:1px solid rgba(228,195,111,.35);border-radius:999px;padding:6px 9px;color:#e8cd88;font-size:7px;letter-spacing:.13em;font-weight:900;white-space:nowrap}.v6-links{gap:25px!important}.v6-links>a,.v6-nav-item>.v6-nav-parent{position:relative;color:rgba(255,255,255,.83)!important;font-size:11px!important;letter-spacing:.01em;font-weight:760!important;padding:27px 0!important}.v6-links>a:after,.v6-nav-parent:before{content:"";position:absolute;left:0;right:0;bottom:18px;height:1px;background:var(--v8-gold2);transform:scaleX(0);transform-origin:left;transition:transform .25s}.v6-links>a:hover:after,.v6-links>a.is-active:after,.v6-nav-item:hover>.v6-nav-parent:before,.v6-nav-parent.is-active:before{transform:scaleX(1)}.v6-links>a.is-active,.v6-nav-parent.is-active{color:#fff!important}.v6-action{height:38px!important;padding:0 14px!important;border-radius:999px!important;font-size:9px!important;letter-spacing:.02em;display:inline-flex!important;align-items:center;justify-content:center}.v6-action.track{background:rgba(107,213,161,.08)!important;border-color:rgba(107,213,161,.28)!important;color:#eafff5!important}.v6-action.portal{border-color:rgba(231,201,121,.28)!important;color:#f5e7bf!important}.v6-action.quote{background:linear-gradient(135deg,#e2b647,#c7912d)!important;color:#091a23!important;box-shadow:0 8px 24px rgba(201,145,45,.23)}
/* MEGA MENU */
@media(min-width:901px){.v6-mega{width:min(1080px,92vw)!important;border-radius:0 0 24px 24px!important;border:1px solid rgba(231,201,121,.15)!important;border-top:1px solid rgba(231,201,121,.2)!important;background:linear-gradient(145deg,rgba(7,27,40,.985),rgba(10,43,61,.985))!important;box-shadow:0 30px 70px rgba(0,0,0,.3)!important;backdrop-filter:blur(24px)!important;padding:18px!important}.v6-mega-grid{gap:8px!important}.v6-mega-feature{background:radial-gradient(circle at 90% 10%,rgba(201,154,56,.14),transparent 28%),rgba(255,255,255,.035)!important;border-radius:16px!important;padding:24px!important}.v6-mega-feature small,.v6-mega-link small{color:#d9b55a!important}.v6-mega-feature h3{font-size:1.45rem!important;color:#fff!important}.v6-mega-feature p{color:rgba(255,255,255,.58)!important}.v6-mega-link{border-radius:13px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.06)!important;padding:14px 15px!important}.v6-mega-link:hover{background:rgba(255,255,255,.075)!important;border-color:rgba(231,201,121,.2)!important;transform:translateY(-2px)}.v6-mega-link strong{color:#fff!important}}
/* HERO */
body.v8 .v6-hero{min-height:720px!important;display:flex;align-items:stretch;isolation:isolate;background:#061722;overflow:hidden}.v6-hero-bg{transform:scale(1.03);transition:transform 1.6s var(--v8-ease);filter:saturate(.86) contrast(1.03)}body.v8.page-ready .v6-hero-bg{transform:scale(1)}.v6-hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(3,15,24,.96) 0%,rgba(3,15,24,.84) 39%,rgba(3,15,24,.37) 67%,rgba(3,15,24,.16) 100%),linear-gradient(0deg,rgba(4,19,29,.84),transparent 43%)}.v6-hero:after{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,rgba(0,0,0,.7),transparent 72%)}.v6-hero-grid{position:relative;z-index:2;grid-template-columns:minmax(0,1.1fr) minmax(380px,.72fr)!important;gap:72px!important;align-items:center!important;padding-top:66px!important;padding-bottom:82px!important}.v6-hero-copy{max-width:720px!important;padding:0!important}.v6-hero-copy:before{display:none!important}.v6-kicker{display:flex;align-items:center;gap:10px;color:#e2bd68!important;letter-spacing:.19em!important;font-size:9px!important}.v6-kicker:before{content:"";width:34px;height:1px;background:#d4a541}.v6-hero h1{font-size:clamp(4.5rem,6.8vw,7.7rem)!important;line-height:.82!important;letter-spacing:-.055em!important;max-width:760px;margin:20px 0 26px!important;text-shadow:0 12px 45px rgba(0,0,0,.32)}.v6-hero h1 span{color:#d7a83f!important}.v6-hero-copy>p{max-width:660px!important;color:rgba(255,255,255,.72)!important;font-size:1.03rem!important;line-height:1.75!important}.v6-hero-cta{margin-top:28px!important}.v6-btn{height:48px!important;padding:0 20px!important;border-radius:999px!important}.v6-btn.gold{background:linear-gradient(135deg,#e0b247,#c9932f)!important;box-shadow:0 12px 34px rgba(199,147,47,.22)}.v6-btn.glass{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.17)!important;backdrop-filter:blur(12px)}.v6-hero-proof{margin-top:40px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.12)!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important}.v6-hero-proof>div{padding-right:18px!important}.v6-hero-proof>div+div{border-left:1px solid rgba(255,255,255,.1);padding-left:18px!important}.v6-hero-proof strong{font-size:.78rem!important;color:#fff!important}.v6-hero-proof span{font-size:.63rem!important;color:rgba(255,255,255,.46)!important;margin-top:4px!important}.v6-command{border-radius:24px!important;padding:22px!important;background:linear-gradient(145deg,rgba(7,29,43,.92),rgba(10,39,55,.78))!important;border:1px solid rgba(231,201,121,.22)!important;box-shadow:0 30px 80px rgba(0,0,0,.32)!important;backdrop-filter:blur(22px) saturate(130%);position:relative;overflow:hidden}.v6-command:before{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(205,161,61,.18),transparent 68%)}.command-head{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.09)}.command-head strong{font-size:1.15rem!important}.command-live{font-size:7px!important;letter-spacing:.12em;text-transform:uppercase;color:#7be0ac!important}.command-tabs{margin:16px 0 12px!important;padding:4px!important;background:rgba(255,255,255,.045)!important;border-radius:12px!important}.command-tab{border-radius:9px!important;color:rgba(255,255,255,.55)!important}.command-tab.active{background:#f7f4ed!important;color:#0d2635!important;box-shadow:0 5px 16px rgba(0,0,0,.15)}.command-input{grid-template-columns:1fr auto!important;gap:8px!important}.command-input input{height:50px!important;border-radius:12px!important;background:rgba(255,255,255,.96)!important}.command-input button{height:50px!important;border-radius:12px!important;background:linear-gradient(135deg,#e0b247,#c9932f)!important;color:#091a23!important;font-weight:900!important}.command-hints{margin-top:14px!important;color:rgba(255,255,255,.38)!important;line-height:1.55}.hero-bottom{z-index:3!important;background:rgba(3,16,25,.78)!important;border-top:1px solid rgba(231,201,121,.12)!important;backdrop-filter:blur(10px)}.pulse-track span{font-size:8px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:rgba(255,255,255,.54)!important}.pulse-track b{color:#d0a13b!important}
/* SURFACES & TYPOGRAPHIC RHYTHM */
body.v8 .section{padding:100px 0!important;position:relative;overflow:hidden}body.v8 .section>.container{position:relative;z-index:1}.v6-pearl{background-color:#f8f5ee!important;background-image:url('/assets/img/noise.svg'),radial-gradient(circle at 10% 10%,rgba(206,166,76,.07),transparent 28%),radial-gradient(circle at 90% 70%,rgba(91,141,168,.08),transparent 24%)!important}.v6-topo{background-color:#f2eee5!important;background-image:url('/assets/img/contours.svg'),url('/assets/img/noise.svg'),radial-gradient(circle at 75% 20%,rgba(114,161,183,.09),transparent 28%)!important;background-size:900px auto,auto,auto!important}.v6-mist{background:linear-gradient(140deg,#edf5f6,#f7f5ef 58%,#e9f0f2)!important}.v6-cartographic{background-color:#f6f2e9!important;background-image:url('/assets/img/route-grid.svg'),url('/assets/img/noise.svg')!important;background-size:980px auto,auto!important}.v6-dark{background:radial-gradient(circle at 85% 0,rgba(54,115,149,.22),transparent 32%),linear-gradient(135deg,#04141f,#092c40)!important}.section-heading,.v6-intro-grid{gap:70px!important;align-items:end!important}.section-heading h2,.v6-intro-grid h2{letter-spacing:-.045em!important}.section-heading .copy,.v6-intro-grid .lead{max-width:590px!important}.eyebrow{letter-spacing:.18em!important;font-size:8px!important}.text-link{font-weight:850!important}.v6-operating{border-radius:22px!important;overflow:hidden;background:rgba(255,255,255,.62)!important}.v6-operating article{padding:26px 24px!important;min-height:190px!important}.v6-operating b{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;background:#f4ead2;color:#9d7427!important}.v6-operating h3{font-size:1.15rem!important;margin:18px 0 8px!important}.v6-operating p{font-size:.78rem!important;line-height:1.65!important}
/* SOLUTIONS */.v6-solutions{gap:18px!important}.v6-solution-feature{border-radius:26px!important;min-height:520px!important;box-shadow:var(--v8-shadow)!important;overflow:hidden}.v6-solution-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,18,28,.95),rgba(4,18,28,.05) 70%)}.v6-solution-copy{z-index:2!important;padding:34px!important;max-width:620px!important}.v6-solution-copy h3{font-size:2.55rem!important;letter-spacing:-.04em!important}.v6-sol-row{min-height:76px!important;padding:16px 18px!important;border-radius:14px!important;background:rgba(255,255,255,.55)!important;border:1px solid rgba(8,42,60,.08)!important;margin-bottom:8px!important;transition:.28s var(--v8-ease)}.v6-sol-row:hover{background:#fff!important;transform:translateX(5px);box-shadow:0 12px 30px rgba(5,30,44,.06)}
/* SPECIALIST */.v7-specialist{min-height:355px!important;border-radius:26px!important}.v7-specialist.art{background-image:linear-gradient(0deg,rgba(3,17,26,.94),rgba(3,17,26,.14)),url('/assets/img/art-exhibition-project.jpg')!important;background-size:cover!important;background-position:center!important}.v7-specialist.relocation{background-image:radial-gradient(circle at 75% 12%,rgba(82,139,172,.2),transparent 22%),linear-gradient(130deg,#163a50,#071722)!important}.v7-specialist.commodity{background-image:radial-gradient(circle at 75% 12%,rgba(150,133,65,.22),transparent 22%),linear-gradient(130deg,#2b403d,#071722)!important}
/* WORLD / VESSEL */.v6-map-shell{border-radius:28px!important;overflow:hidden!important;border:1px solid rgba(120,180,207,.17)!important;background:#061722!important;box-shadow:0 34px 90px rgba(0,0,0,.24)!important}.v6-map-head{height:72px!important;padding:0 24px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.v6-map-grid{grid-template-columns:minmax(0,1fr) 340px!important}.v6-world{min-height:520px!important;padding:18px!important;background:linear-gradient(145deg,#061722,#09293b)!important;position:relative}.v6-world:before{content:"LIVE MARITIME LAYER";position:absolute;left:30px;bottom:26px;z-index:2;color:rgba(255,255,255,.32);font-size:7px;letter-spacing:.18em;font-weight:900}.v8-world-map{width:100%;height:100%;min-height:480px;object-fit:contain;display:block;filter:drop-shadow(0 18px 40px rgba(0,0,0,.16))}.v6-map-panel{padding:28px 24px!important;background:linear-gradient(160deg,#0a2739,#071d2a)!important}.v6-map-panel h3{font-size:1.35rem!important}.vessel-item{padding:14px 0!important;border-top:1px solid rgba(255,255,255,.08)!important}.v6-map-actions a{border-radius:12px!important}
/* PORT + INTELLIGENCE */.v7-port-strip{border-radius:24px!important}.v7-port-strip>div,.v7-port-strip>a{min-height:145px!important;padding:24px!important}.v7-port-intro{background:linear-gradient(145deg,#082536,#0b354b)!important}.news-shell{border-radius:24px!important;overflow:hidden!important;box-shadow:var(--v8-shadow)!important}.news-card{border-radius:16px!important}.portal-shell,.tool-shell{border-radius:24px!important;box-shadow:var(--v8-shadow)!important}.portal-shell{overflow:hidden!important}.v7-tools-matrix{gap:14px!important}.v7-tool-mini{min-height:170px!important;border-radius:18px!important;padding:20px!important}.v7-tool-mini:hover{transform:translateY(-6px)!important;box-shadow:0 18px 45px rgba(5,29,43,.1)!important}
/* TOOL PAGES */.tool-hero{padding:92px 0 78px!important;background:radial-gradient(circle at 80% 10%,rgba(56,123,158,.25),transparent 30%),linear-gradient(135deg,#061722,#0b3146)!important;border-bottom:1px solid rgba(231,201,121,.12)}.tool-hero h1{font-size:clamp(3.25rem,5.4vw,6rem)!important;line-height:.9!important;letter-spacing:-.055em!important;max-width:980px}.tool-hero p{max-width:800px!important;color:rgba(255,255,255,.62)!important}.tool-grid{gap:14px!important}.tool-card{border-radius:20px!important;min-height:225px!important;padding:22px!important;border:1px solid rgba(8,42,60,.09)!important;transition:.3s var(--v8-ease)!important}.tool-card:hover{transform:translateY(-6px)!important;box-shadow:0 18px 50px rgba(6,31,45,.1)!important}.tool-icon{border-radius:12px!important;background:#0b2b3e!important;color:#e7c978!important}
/* SUBPAGES */body.v8 .subhero-full{min-height:540px!important}.subhero-full-inner{min-height:540px!important;align-items:center!important}.subhero-copy{max-width:760px!important}.subhero-full h1{font-size:clamp(3.35rem,5vw,5.8rem)!important;letter-spacing:-.055em!important}.subhero-note{border-radius:20px!important;background:rgba(6,25,38,.72)!important;border:1px solid rgba(231,201,121,.16)!important;backdrop-filter:blur(18px)!important;box-shadow:0 20px 55px rgba(0,0,0,.2)!important}.network-map{border-radius:28px!important;overflow:hidden!important;box-shadow:var(--v8-shadow)!important}.network-map img{display:block;width:100%;height:auto}.location-card{border-radius:18px!important;border:1px solid rgba(8,42,60,.09)!important;background:rgba(255,255,255,.7)!important;transition:.3s var(--v8-ease)!important}.location-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(5,29,43,.08)!important}
/* PROJECT CARDS */.project-card,.case-card{border-radius:24px!important;overflow:hidden!important}.v8-cold-visual{object-fit:cover!important;background:#dcecef!important}
/* FOOTER */.v6-footer{padding-top:72px!important;background:radial-gradient(circle at 78% -10%,rgba(61,128,164,.2),transparent 30%),linear-gradient(135deg,#03111a,#082536)!important}.v6-footer-top{gap:48px!important}.v6-footer-intro{max-width:330px!important}.v6-footer-logo{width:190px!important}.v6-footer h4{color:#d8b864!important;font-size:8px!important;letter-spacing:.15em!important}.v6-footer li,.v6-footer a{font-size:.72rem!important;line-height:1.8!important}.v6-footer-bottom{border-top:1px solid rgba(255,255,255,.08)!important;padding:22px 0!important}
/* NAVIGATOR */.aash-assistant-launch{width:54px!important;height:54px!important;border-radius:18px!important;right:22px!important;bottom:22px!important;background:linear-gradient(145deg,#0b3146,#071d2a)!important;border:1px solid rgba(231,201,121,.3)!important;box-shadow:0 18px 48px rgba(0,0,0,.25)!important}.aash-assistant-launch:after{content:"AI"!important;color:#e7ca7e!important;font-weight:900!important;font-size:10px!important}.assistant-panel{border-radius:24px!important;right:22px!important;bottom:88px!important;box-shadow:0 30px 80px rgba(0,0,0,.28)!important}
/* MOTION */.v8-magnetic{will-change:transform}.v8-tilt{transform-style:preserve-3d;will-change:transform}.reveal{transform:translate3d(0,28px,0)!important;filter:blur(3px)!important}.reveal.revealed{transform:none!important;filter:none!important}
/* FORM + SCHEDULE RESULTS */.v7-schedule-form{padding:6px!important;background:rgba(255,255,255,.5)!important;border-radius:16px!important}.v7-sailing{border-radius:18px!important}.v7-intake-contact input,.tool-shell input,.tool-shell select,.tool-shell textarea{border-radius:12px!important}.v7-calc-result{border-radius:16px!important}
/* Mobile */@media(max-width:1180px){.v6-brand{min-width:185px}.v6-brand:after{display:none!important}.v6-links{gap:18px!important}.v6-hero-grid{gap:40px!important}.v6-map-grid{grid-template-columns:1fr 315px!important}}
@media(max-width:900px){body.v8 .v6-utility{display:none!important}.v6-header{top:0!important}.v6-nav{min-height:66px!important}.v6-brand{min-width:0}.v6-brand img{width:165px!important}.v6-links>a,.v6-nav-item>.v6-nav-parent{padding:15px 0!important;color:#122d3b!important}.v6-hero{min-height:auto!important}.v6-hero-grid{grid-template-columns:1fr!important;padding-top:70px!important;padding-bottom:70px!important}.v6-hero h1{font-size:clamp(3.8rem,12vw,5.6rem)!important}.v6-command{max-width:620px!important}.v6-map-grid{grid-template-columns:1fr!important}.v6-map-panel{border-top:1px solid rgba(255,255,255,.08)}.v6-world{min-height:420px!important}.section-heading,.v6-intro-grid{gap:28px!important}.v6-brand:after{display:none!important}}
@media(max-width:620px){body.v8 .section{padding:72px 0!important}.v6-hero-grid{padding-top:50px!important}.v6-hero h1{font-size:3.7rem!important}.v6-hero-copy>p{font-size:.93rem!important}.v6-hero-proof{grid-template-columns:1fr!important;gap:12px!important}.v6-hero-proof>div{border-left:0!important;padding:0!important}.v6-hero-proof>div+div{padding-top:10px!important;border-top:1px solid rgba(255,255,255,.08)}.v6-command{padding:17px!important}.command-input{grid-template-columns:1fr!important}.command-input button{width:100%}.v6-world{min-height:330px!important;padding:8px!important}.v8-world-map{min-height:310px}.tool-hero{padding:70px 0 58px!important}.tool-hero h1{font-size:3.45rem!important}.v6-solution-feature{min-height:440px!important}.v6-solution-copy h3{font-size:2rem!important}.v6-footer-top{grid-template-columns:1fr 1fr!important}.v6-footer-intro{grid-column:1/-1}.assistant-panel{left:12px!important;right:12px!important;width:auto!important}}
@media(prefers-reduced-motion:reduce){.v8-scroll-progress{display:none}.v8-magnetic,.v8-tilt{transform:none!important}}

/* ======================================================================
   AASHMAAN GLOBAL CONTROL V8.1 — MOBILE STABILITY + RESPONSIVE POLISH
   ====================================================================== */
html,body{max-width:100%;overflow-x:hidden}

/* Keep the desktop composition but prevent over-wide content from creating
   accidental horizontal canvases on tablets and phones. */
body.v8 img,body.v8 svg,body.v8 video{max-width:100%}
body.v8 .container{max-width:1240px}

@media(max-width:900px){
  /* Mobile navigation: parent links must behave like full menu rows. */
  body.v8 .v6-nav{height:68px!important;min-height:68px!important}
  body.v8 .v6-links{top:68px!important;max-height:calc(100dvh - 84px);overflow:auto;overscroll-behavior:contain}
  body.v8 .v6-nav-item{display:block;width:100%}
  body.v8 .v6-nav-item>.v6-nav-parent{
    display:block!important;width:100%!important;text-align:left!important;
    padding:14px 10px!important;border-bottom:1px solid rgba(8,42,60,.08);
    color:#122d3b!important;font-size:1rem!important
  }
  body.v8 .v6-links>a{
    display:block!important;width:100%!important;text-align:left!important;
    padding:14px 10px!important;border-bottom:1px solid rgba(8,42,60,.08);
    color:#122d3b!important;font-size:1rem!important
  }
  body.v8 .v6-links>a:after,body.v8 .v6-nav-parent:before{display:none!important}

  /* On touch screens, content should never depend on an observer firing.
     This also makes full-page captures and back/forward restores reliable. */
  body.v8 .reveal,
  body.v8 .v7-stagger,
  body.v8 .v7-mask{
    opacity:1!important;visibility:visible!important;
    transform:none!important;filter:none!important;
    transition:none!important
  }

  body.v8 .subhero-full{height:auto!important;max-height:none!important;min-height:450px!important}
  body.v8 .subhero-full-inner{min-height:450px!important;padding:92px 0 48px!important;align-content:end!important}
  body.v8 .subhero-copy{max-width:100%!important;padding:22px 20px 24px!important}
  body.v8 .subhero-full h1{font-size:clamp(2.75rem,9.4vw,4.2rem)!important;line-height:.92!important}
  body.v8 .subhero-full .lead{font-size:.95rem!important;line-height:1.6!important}
  body.v8 .subhero-note{display:none!important}

  body.v8 .tool-hero{padding:72px 0 58px!important}
  body.v8 .tool-hero h1{font-size:clamp(2.8rem,9vw,4.25rem)!important;line-height:.92!important}
  body.v8 .tool-hero p{font-size:.95rem!important;line-height:1.65!important}

  body.v8 .section-heading,body.v8 .v6-intro-grid{grid-template-columns:1fr!important;align-items:start!important;gap:24px!important}
  body.v8 .section-heading h2,body.v8 .v6-intro-grid h2{font-size:clamp(2.35rem,7vw,3.4rem)!important;line-height:.95!important}

  body.v8 .services-grid,body.v8 .specialized-grid,body.v8 .industry-grid,
  body.v8 .cards-3,body.v8 .project-row,body.v8 .process-4{max-width:100%}

  body.v8 .portal-shell,body.v8 .tool-shell,body.v8 .network-map{max-width:100%;overflow:hidden}
  body.v8 .portal-main{min-width:0}
}

@media(max-width:620px){
  :root{--container:calc(100vw - 28px)}
  body.v8 .container{width:var(--container)!important;max-width:none!important}
  body.v8 .section{padding:62px 0!important}

  body.v8 .v6-brand img{width:142px!important}
  body.v8 .v6-nav{padding-inline:0!important;gap:8px!important}
  body.v8 .v6-menu-btn{flex:0 0 auto}

  body.v8 .v6-hero-grid{padding-top:44px!important;padding-bottom:58px!important;gap:28px!important}
  body.v8 .v6-hero h1{font-size:clamp(3.05rem,14.5vw,4.15rem)!important;line-height:.84!important;margin:16px 0 20px!important}
  body.v8 .v6-hero-copy>p{font-size:.91rem!important;line-height:1.62!important}
  body.v8 .v6-hero-proof{margin-top:26px!important;padding-top:16px!important}
  body.v8 .v6-command{border-radius:18px!important;padding:15px!important}

  body.v8 .subhero-full{min-height:410px!important}
  body.v8 .subhero-full-inner{min-height:410px!important;padding:78px 0 34px!important}
  body.v8 .subhero-copy{border-left-width:2px!important;border-radius:12px!important;padding:18px 16px 20px!important}
  body.v8 .breadcrumbs{margin-bottom:15px!important;font-size:.68rem!important}
  body.v8 .subhero-full h1{font-size:clamp(2.45rem,11.5vw,3.25rem)!important;line-height:.93!important}

  body.v8 .services-grid,body.v8 .industry-grid,body.v8 .specialized-grid,
  body.v8 .process-4,body.v8 .cards-3{grid-template-columns:1fr!important}
  body.v8 .service-card,body.v8 .specialized-card,body.v8 .project-card,body.v8 .case-card{border-radius:18px!important}
  body.v8 .specialized-card{grid-template-columns:1fr!important}
  body.v8 .specialized-card-media{height:190px!important}

  body.v8 .tool-grid,body.v8 .v7-tools-matrix{grid-template-columns:1fr!important}
  body.v8 .tool-card,body.v8 .v7-tool-mini{min-height:auto!important}
  body.v8 .tool-card{padding:19px!important}

  body.v8 .portal-preview{padding:10px!important;border-radius:18px!important}
  body.v8 .portal-body{min-height:auto!important;border-radius:13px!important}
  body.v8 .portal-main{padding:13px!important}
  body.v8 .portal-kpis{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.v8 .portal-kpi{padding:10px!important}
  body.v8 .portal-row{grid-template-columns:1fr 1fr!important;font-size:9px!important;gap:7px!important}
  body.v8 .portal-row>*:nth-child(3),body.v8 .portal-row>*:nth-child(4){display:none!important}

  body.v8 .v6-world{min-height:285px!important;padding:6px!important}
  body.v8 .v8-world-map{min-height:270px!important}
  body.v8 .v6-map-panel{padding:20px 17px!important}

  body.v8 .v6-footer{padding-top:54px!important}
  body.v8 .v6-footer-top{grid-template-columns:1fr 1fr!important;gap:26px 18px!important}
  body.v8 .v6-footer-intro{grid-column:1/-1!important;max-width:none!important}
  body.v8 .v6-footer-logo{width:160px!important}
  body.v8 .v6-footer-bottom{font-size:.58rem!important}

  body.v8 .aash-assistant-launch{width:48px!important;height:48px!important;right:12px!important;bottom:12px!important;border-radius:15px!important}
  body.v8 .assistant-panel{left:10px!important;right:10px!important;bottom:70px!important;width:auto!important;max-height:72dvh!important}
}

/* Stable full-page captures: once the document is interactive, never leave
   below-the-fold sections invisible because of scroll-reveal timing. */
body.v8.v8-mobile-stable .reveal,
body.v8.v8-mobile-stable .v7-stagger,
body.v8.v8-mobile-stable .v7-mask{
  opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important
}

/* ======================================================================
   AASHMAAN GLOBAL CONTROL V8.2 — MOBILE NAVIGATION & UX POLISH
   ====================================================================== */
@media(max-width:900px){
  body.v8.nav-open{overflow:hidden!important}
  body.v8 .v6-header{background:rgba(5,22,33,.985)!important}
  body.v8 .v6-nav{height:66px!important;min-height:66px!important;padding:0!important;gap:10px!important}
  body.v8 .v6-header.v8-scrolled .v6-nav{min-height:66px!important}

  /* Mobile command bar: brand left, menu right. Primary actions move into drawer. */
  body.v8 .v6-brand{min-width:0!important;flex:1 1 auto!important;overflow:hidden}
  body.v8 .v6-brand img{width:154px!important;max-width:46vw!important;max-height:38px!important;object-fit:contain!important;object-position:left center!important}
  body.v8 .v6-brand:after{display:none!important}
  body.v8 .v6-actions{margin-left:auto!important;gap:0!important;flex:0 0 auto!important}
  body.v8 .v6-actions>.v6-action.track,
  body.v8 .v6-actions>.v6-action.portal,
  body.v8 .v6-actions>.v6-action.quote{display:none!important}
  body.v8 .v6-menu-btn{display:block!important;width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(135deg,#efd27d,#d5a640)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important;z-index:2}
  body.v8 .v6-menu-btn span{left:13px!important;right:13px!important;background:#08202e!important;height:2px!important;transform-origin:center;transition:top .25s,transform .25s,opacity .2s}
  body.v8.nav-open .v6-menu-btn span:nth-child(1){top:22px!important;transform:rotate(45deg)}
  body.v8.nav-open .v6-menu-btn span:nth-child(2){opacity:0}
  body.v8.nav-open .v6-menu-btn span:nth-child(3){top:22px!important;transform:rotate(-45deg)}

  /* Drawer instead of a floating dropdown. */
  body.v8 .v6-links{
    position:fixed!important;
    top:66px!important;right:10px!important;bottom:10px!important;left:auto!important;
    width:min(370px,calc(100vw - 20px))!important;max-height:none!important;
    padding:14px 14px 18px!important;margin:0!important;
    border-radius:22px!important;
    background:linear-gradient(155deg,#fbf8f0 0%,#f0ece2 100%)!important;
    border:1px solid rgba(8,42,60,.10)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.32)!important;
    overflow-y:auto!important;overscroll-behavior:contain!important;
    opacity:1!important;visibility:hidden!important;
    transform:translateX(calc(100% + 28px))!important;
    transition:transform .38s var(--v8-ease),visibility 0s linear .38s!important;
    z-index:6100!important
  }
  body.v8.nav-open .v6-links{visibility:visible!important;transform:translateX(0)!important;transition-delay:0s!important}
  body.v8 .v6-links>a,
  body.v8 .v6-nav-item>.v6-nav-parent{
    min-height:50px!important;display:flex!important;align-items:center!important;
    padding:13px 12px!important;border-bottom:1px solid rgba(8,42,60,.08)!important;
    color:#102b3a!important;font-size:.98rem!important;font-weight:820!important;letter-spacing:-.01em!important
  }
  body.v8 .v6-nav-item>.v6-nav-parent:after{content:"→"!important;display:block!important;margin-left:auto!important;color:#c6932d!important;font-size:.9rem!important}
  body.v8 .v6-links>a.is-active,body.v8 .v6-nav-parent.is-active{color:#0a6b62!important}

  .v8-nav-backdrop{
    position:fixed;inset:66px 0 0;z-index:4990;
    background:rgba(1,12,20,.58);backdrop-filter:blur(4px);
    opacity:0;visibility:hidden;transition:opacity .28s,visibility 0s linear .28s
  }
  body.nav-open .v8-nav-backdrop{opacity:1;visibility:visible;transition-delay:0s}

  .v8-mobile-actions{display:grid;gap:9px;padding:16px 4px 3px;margin-top:8px;border-top:1px solid rgba(8,42,60,.12)}
  .v8-mobile-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;text-decoration:none;font-size:.88rem;font-weight:900;letter-spacing:-.01em}
  .v8-mobile-actions .mobile-track{background:#0b2d3e;color:#effff8;box-shadow:inset 0 0 0 1px rgba(111,224,171,.22)}
  .v8-mobile-actions .mobile-portal{background:white;color:#17313e;border:1px solid rgba(8,42,60,.14)}
  .v8-mobile-actions .mobile-quote{background:linear-gradient(135deg,#e4b94e,#c9932f);color:#0b1d27;box-shadow:0 10px 25px rgba(201,147,47,.18)}

  /* Slightly shorter first impression on phones/tablets. */
  body.v8 .v6-hero-grid{padding-top:38px!important;padding-bottom:50px!important}
  body.v8 .v6-hero-cta{gap:9px!important}
  body.v8 .v6-btn{min-height:46px!important}
}

@media(max-width:620px){
  body.v8 .v6-brand img{width:148px!important;max-width:48vw!important}
  body.v8 .v6-hero h1{font-size:clamp(2.72rem,12.2vw,3.48rem)!important;line-height:.88!important;letter-spacing:-.052em!important;margin:14px 0 18px!important}
  body.v8 .v6-kicker{font-size:7.5px!important;letter-spacing:.16em!important;gap:8px!important}
  body.v8 .v6-kicker:before{width:26px!important}
  body.v8 .v6-hero-copy>p{font-size:.88rem!important;line-height:1.58!important}
  body.v8 .v6-hero-cta{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;margin-top:22px!important}
  body.v8 .v6-btn{width:100%!important;height:46px!important;padding:0 12px!important;justify-content:center!important;font-size:.76rem!important;white-space:nowrap!important}
  body.v8 .v6-hero-proof{margin-top:24px!important;padding-top:14px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.v8 .v6-hero-proof>div{padding:0 8px!important;min-width:0!important}
  body.v8 .v6-hero-proof>div:first-child{padding-left:0!important}
  body.v8 .v6-hero-proof>div:last-child{padding-right:0!important}
  body.v8 .v6-hero-proof strong{font-size:.63rem!important;line-height:1.25!important}
  body.v8 .v6-hero-proof span{font-size:.49rem!important;line-height:1.35!important;letter-spacing:.03em!important}
  body.v8 .v6-command{margin-top:2px!important;padding:14px!important;border-radius:17px!important}
  body.v8 .command-head strong{font-size:1rem!important}
  body.v8 .command-tabs{margin:12px 0 10px!important}
  body.v8 .command-input{grid-template-columns:1fr!important}
  body.v8 .command-input input,body.v8 .command-input button{height:46px!important}
  body.v8 .command-input button{width:100%!important}
  body.v8 .hero-bottom{display:none!important}

  /* Smaller assistant so it never dominates the viewport. */
  body.v8 .aash-assistant-launch{width:44px!important;height:44px!important;right:10px!important;bottom:10px!important;border-radius:14px!important;font-size:.72rem!important}
  body.v8 .assistant-panel{bottom:62px!important;left:8px!important;right:8px!important;max-height:68dvh!important}
}

/* ==========================================================
   V8.3 HOMEPAGE-FIRST DESKTOP VISUAL SYSTEM
   Homepage only: premium image replacement + crop discipline
   ========================================================== */

body.v8.home-page .v6-hero-bg{
  background-image:url('/assets/img/v831/v831-hero.jpg')!important;
  background-size:cover!important;
  background-position:center 52%!important;
  filter:saturate(.92) contrast(1.04) brightness(.92)!important;
}

@media (min-width:901px){
  body.v8.home-page .v6-hero{
    min-height:760px!important;
  }
  body.v8.home-page .v6-hero-grid{
    padding-top:74px!important;
    padding-bottom:92px!important;
    grid-template-columns:minmax(0,1.06fr) minmax(390px,.68fr)!important;
    gap:84px!important;
  }
  body.v8.home-page .v6-hero h1{
    max-width:690px!important;
    font-size:clamp(4.45rem,6.45vw,7.35rem)!important;
    line-height:.84!important;
  }
  body.v8.home-page .v6-hero-copy>p{
    max-width:620px!important;
  }
  body.v8.home-page .v6-command{
    transform:translateY(14px);
  }
}

/* Core-service image system */
.v83-core-services{
  background-color:#f3eee4!important;
}
.v83-service-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:38px;
}
.v83-service-card{
  display:block;
  overflow:hidden;
  border:1px solid rgba(11,43,58,.09);
  border-radius:22px;
  background:rgba(255,255,255,.76);
  box-shadow:0 18px 46px rgba(17,42,52,.08);
  color:#0c2635;
  text-decoration:none;
  transition:transform .34s var(--v8-ease),box-shadow .34s var(--v8-ease),border-color .34s;
}
.v83-service-card:hover{
  transform:translateY(-7px);
  border-color:rgba(196,145,43,.28);
  box-shadow:0 30px 70px rgba(15,42,56,.14);
}
.v83-service-media{
  position:relative;
  aspect-ratio:2.25/1;
  overflow:hidden;
  background:#0a2839;
}
.v83-service-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 62%,rgba(4,20,30,.14));
  pointer-events:none;
}
.v83-service-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transform:scale(1.002);
  transition:transform .7s var(--v8-ease),filter .4s;
  filter:saturate(.92) contrast(1.02);
}
.v83-service-card:hover .v83-service-media img{
  transform:scale(1.045);
  filter:saturate(1) contrast(1.04);
}
.v83-service-body{
  min-height:210px;
  padding:24px 24px 22px;
  display:flex;
  flex-direction:column;
}
.v83-service-body small,
.v83-specialist-copy small{
  color:#aa7a23;
  text-transform:uppercase;
  letter-spacing:.17em;
  font-size:7px;
  font-weight:900;
}
.v83-service-body h3{
  margin:10px 0 10px;
  font-size:1.5rem;
  line-height:1.02;
  letter-spacing:-.035em;
}
.v83-service-body p{
  color:#5f6c72;
  font-size:.78rem;
  line-height:1.65;
}
.v83-service-body span{
  margin-top:auto;
  padding-top:19px;
  color:#0a2b3d;
  font-size:.72rem;
  font-weight:900;
}

/* Specialist photographic storytelling */
.v83-specialist{
  background-color:#faf7f0!important;
}
.v83-specialist-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:38px;
}
.v83-specialist-card{
  position:relative;
  display:block;
  min-height:430px;
  overflow:hidden;
  border-radius:26px;
  color:#fff;
  text-decoration:none;
  background:#082233;
  box-shadow:0 25px 60px rgba(8,30,43,.14);
  isolation:isolate;
}
.v83-specialist-card>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .8s var(--v8-ease),filter .45s;
  z-index:-3;
}
.v83-specialist-card:hover>img{
  transform:scale(1.05);
  filter:saturate(1.04);
}
.v83-specialist-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(180deg,rgba(2,16,25,.07) 22%,rgba(3,17,26,.62) 58%,rgba(2,14,22,.96) 100%);
}
.v83-specialist-card:after{
  content:"";
  position:absolute;
  inset:1px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:25px;
  pointer-events:none;
}
.v83-specialist-copy{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:30px 28px 28px;
}
.v83-specialist-copy small{color:#e5c16f}
.v83-specialist-copy h3{
  max-width:320px;
  margin:10px 0 11px;
  font-size:1.9rem;
  line-height:.98;
  letter-spacing:-.045em;
}
.v83-specialist-copy p{
  max-width:390px;
  color:rgba(255,255,255,.7);
  font-size:.78rem;
  line-height:1.62;
}
.v83-specialist-copy span{
  display:inline-block;
  margin-top:18px;
  color:#f1d996;
  font-size:.72rem;
  font-weight:900;
}

/* Keep image geometry honest across the desktop homepage. */
.v83-core-services img,.v83-specialist img{
  max-width:none!important;
}

@media (max-width:1180px){
  .v83-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v83-specialist-grid{grid-template-columns:1fr 1fr}
  .v83-specialist-card:last-child{grid-column:1/-1;min-height:390px}
}

@media (max-width:900px){
  .v83-service-grid,.v83-specialist-grid{grid-template-columns:1fr}
  .v83-specialist-card:last-child{grid-column:auto}
  .v83-service-media{aspect-ratio:16/8.5}
  .v83-service-body{min-height:auto}
  .v83-specialist-card{min-height:360px}
  body.v8.home-page .v6-hero-bg{background-position:58% center!important}
}


/* ==========================================================
   V8.3.1 HOMEPAGE IMAGE FINALIZATION
   Matched image family + non-distorting specialist cards
   ========================================================== */
body.v8.home-page .v6-hero-bg{
  background-image:url('/assets/img/v831/v831-hero.jpg')!important;
  background-position:center center!important;
  filter:none!important;
}

@media (min-width:901px){
  body.v8.home-page .v6-hero-bg{
    background-size:cover!important;
  }
}

/* Use a slightly taller, consistent photographic viewport. */
.v83-service-media{
  aspect-ratio:2.25/1!important;
  background:#0b293a!important;
}
.v83-service-media img{
  object-fit:cover!important;
  object-position:center center!important;
}

/* Specialist cards now respect the source image ratio instead of zooming
   a landscape photograph into a tall full-bleed panel. */
.v83-specialist-card{
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.86)!important;
  color:#0c2635!important;
  border:1px solid rgba(11,43,58,.09)!important;
  box-shadow:0 18px 46px rgba(17,42,52,.08)!important;
}
.v83-specialist-card>img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:2.25/1!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:0!important;
  transform:none!important;
  filter:saturate(.95) contrast(1.03)!important;
}
.v83-specialist-card:hover>img{
  transform:scale(1.025)!important;
}
.v83-specialist-shade{
  display:none!important;
}
.v83-specialist-card:after{
  border-color:rgba(11,43,58,.07)!important;
}
.v83-specialist-copy{
  position:static!important;
  padding:25px 25px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
}
.v83-specialist-copy small{
  color:#a9771f!important;
}
.v83-specialist-copy h3{
  max-width:none!important;
  color:#0c2635!important;
  margin:10px 0 11px!important;
  font-size:1.55rem!important;
  line-height:1.02!important;
}
.v83-specialist-copy p{
  max-width:none!important;
  color:#657078!important;
  font-size:.78rem!important;
  line-height:1.62!important;
}
.v83-specialist-copy span{
  margin-top:auto!important;
  padding-top:18px!important;
  color:#0a2b3d!important;
}
@media (max-width:1180px){
  .v83-specialist-card:last-child{min-height:0!important}
}
@media (max-width:900px){
  .v83-specialist-card{min-height:0!important}
  .v83-specialist-card>img{aspect-ratio:16/8.5!important}
}

/* ==========================================================
   V8.3.2 DESKTOP HERO CLEANUP
   ========================================================== */

/* Remove legacy floating Request a Quote shortcut */
body.v8 .floating-quote{
  display:none!important;
}

/* Use the clean existing Aashmaan hero instead of AI-distorted artwork */
body.v8.home-page .v6-hero-bg{
  background-image:url('https://aashmaan.com/hero.webp')!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center 48%!important;

  /* prevent JS parallax zoom/stretch on desktop */
  transform:none!important;
  scale:1!important;

  filter:saturate(.92) contrast(1.03) brightness(.88)!important;
}

/* Desktop crop discipline */
@media (min-width:901px){
  body.v8.home-page .v6-hero-bg{
    background-position:center 48%!important;
  }
}


/* ==========================================================
   V8.3.3 DESKTOP HERO / SEARCH / NAV CLEANUP
   ========================================================== */

/* 1. Mobile drawer actions must NEVER show beside desktop Tools */
.v8-mobile-actions{
  display:none!important;
}

@media (max-width:900px){
  .v8-mobile-actions{
    display:grid!important;
  }
}


/* 2. Remove legacy floating Request a Quote shortcut */
.floating-quote,
.v6-floating-quote,
.quote-float{
  display:none!important;
}


/* 3. Fix Global Control search field readability */
.command-input input,
.v6-command input,
.v8-command input{
  background:#ffffff!important;
  color:#102b3a!important;
  -webkit-text-fill-color:#102b3a!important;
  caret-color:#102b3a!important;
  opacity:1!important;
}

.command-input input::placeholder,
.v6-command input::placeholder,
.v8-command input::placeholder{
  color:#6f7d85!important;
  -webkit-text-fill-color:#6f7d85!important;
  opacity:1!important;
}


/* 4. Real high-resolution hero photograph */
body.v8.home-page .v6-hero-bg{
  background-image:url('/assets/img/v831/v831-hero-real.jpg')!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center 52%!important;

  transform:none!important;
  scale:1!important;

  filter:
    saturate(.90)
    contrast(1.04)
    brightness(.73)!important;
}


/* Preserve quiet/dark copy area on the left */
body.v8.home-page .v6-hero::before{
  background:
    linear-gradient(
      90deg,
      rgba(3,19,29,.92) 0%,
      rgba(3,19,29,.80) 25%,
      rgba(3,19,29,.40) 52%,
      rgba(3,19,29,.12) 75%,
      rgba(3,19,29,.08) 100%
    )!important;
}


/* No desktop parallax/zoom distortion */
@media (min-width:901px){
  body.v8.home-page .v6-hero-bg{
    transform:none!important;
    background-position:center 52%!important;
  }
}


/* ==========================================================
   V8.3.4 FINAL DESKTOP HERO
   ========================================================== */

body.v8.home-page .v6-hero-bg{
  background-image:url('/assets/img/v831/v831-hero-final.png')!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;

  transform:none!important;
  scale:1!important;

  filter:
    saturate(.96)
    contrast(1.04)
    brightness(.78)!important;
}

/* Keep headline area dark and readable without destroying photo quality */
body.v8.home-page .v6-hero::before{
  background:
    linear-gradient(
      90deg,
      rgba(2,18,29,.90) 0%,
      rgba(2,18,29,.76) 27%,
      rgba(2,18,29,.35) 52%,
      rgba(2,18,29,.08) 77%,
      rgba(2,18,29,.04) 100%
    )!important;
}

@media (min-width:901px){
  body.v8.home-page .v6-hero-bg{
    background-position:center 50%!important;
    transform:none!important;
  }
}


/* ==========================================================
   V8.3.4 FINAL DESKTOP HERO
   ========================================================== */

body.v8.home-page .v6-hero-bg{
  background-image:url('/assets/img/v831/v831-hero-final.png')!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;

  transform:none!important;
  scale:1!important;

  filter:
    saturate(.96)
    contrast(1.04)
    brightness(.78)!important;
}

/* Keep headline area dark and readable without destroying photo quality */
body.v8.home-page .v6-hero::before{
  background:
    linear-gradient(
      90deg,
      rgba(2,18,29,.90) 0%,
      rgba(2,18,29,.76) 27%,
      rgba(2,18,29,.35) 52%,
      rgba(2,18,29,.08) 77%,
      rgba(2,18,29,.04) 100%
    )!important;
}

@media (min-width:901px){
  body.v8.home-page .v6-hero-bg{
    background-position:center 50%!important;
    transform:none!important;
  }
}


/* ==========================================================
   V8.3.5 FINAL DESKTOP HERO
   ========================================================== */
body.v8.home-page .v6-hero-bg{
  background-image:
    linear-gradient(90deg, rgba(4,15,24,.82) 0%, rgba(4,15,24,.62) 32%, rgba(4,15,24,.30) 58%, rgba(4,15,24,.18) 100%),
    url('/assets/img/v831/sunset_container_port_panorama.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body.v8.home-page .v6-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(4,15,24,.18) 0%, rgba(4,15,24,.10) 45%, rgba(4,15,24,.28) 100%);
  pointer-events:none;
  z-index:0;
}

body.v8.home-page .v6-hero > *{
  position:relative;
  z-index:1;
}

/* ==========================================================
   V8.3.5 FINAL DESKTOP HERO
   ========================================================== */
body.v8.home-page .v6-hero-bg{
  background-image:
    linear-gradient(90deg, rgba(4,15,24,.82) 0%, rgba(4,15,24,.62) 32%, rgba(4,15,24,.30) 58%, rgba(4,15,24,.18) 100%),
    url('/assets/img/v831/sunset_container_port_panorama.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body.v8.home-page .v6-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(4,15,24,.18) 0%, rgba(4,15,24,.10) 45%, rgba(4,15,24,.28) 100%);
  pointer-events:none;
  z-index:0;
}

body.v8.home-page .v6-hero > *{
  position:relative;
  z-index:1;
}

/* ==========================================================
   V8.3.6 APPROVED DESKTOP HERO
   ========================================================== */

body.v8.home-page .v6-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/* Full-width photographic background layer */
body.v8.home-page .v6-hero-bg{
  display:block!important;
  position:absolute!important;
  inset:0!important;

  width:100%!important;
  height:100%!important;

  z-index:-1!important;

  background-image:
    linear-gradient(
      90deg,
      rgba(3,18,29,.91) 0%,
      rgba(3,18,29,.74) 27%,
      rgba(3,18,29,.40) 48%,
      rgba(3,18,29,.14) 70%,
      rgba(3,18,29,.05) 100%
    ),
    url('/assets/img/v831/sunset_container_port_panorama.png')!important;

  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;

  transform:none!important;
  scale:1!important;
  filter:none!important;
}

/* Disable conflicting legacy hero overlays */
body.v8.home-page .v6-hero::before{
  content:none!important;
  display:none!important;
}

@media (min-width:901px){
  body.v8.home-page .v6-hero-bg{
    background-position:center 50%!important;
  }
}


/* ==========================================================
   V8.3.7 DESKTOP HERO COMPOSITION
   ========================================================== */

@media (min-width:901px){

  body.v8.home-page .v6-hero{
    min-height:720px!important;
    position:relative!important;
    overflow:hidden!important;
  }

  /* Re-center the complete hero content */
  body.v8.home-page .v6-hero-grid{
    width:min(1240px,calc(100% - 64px))!important;
    max-width:1240px!important;

    margin-left:auto!important;
    margin-right:auto!important;

    grid-template-columns:
      minmax(0,1.08fr)
      minmax(360px,.70fr)!important;

    gap:60px!important;

    padding-top:64px!important;
    padding-bottom:100px!important;

    align-items:center!important;
  }

  /* Keep copy safely inside the page */
  body.v8.home-page .v6-hero-copy{
    width:100%!important;
    max-width:650px!important;
    margin:0!important;
    padding:0!important;
  }

  body.v8.home-page .v6-hero h1{
    font-size:clamp(4.4rem,5.8vw,6.6rem)!important;
    line-height:.86!important;
    letter-spacing:-.055em!important;

    max-width:650px!important;

    margin:18px 0 24px!important;
  }

  body.v8.home-page .v6-hero-copy>p{
    max-width:620px!important;
  }

  /* Push Global Control panel to the right */
  body.v8.home-page .v6-command{
    width:100%!important;
    max-width:430px!important;

    justify-self:end!important;
    margin:0!important;
  }

  /* Ticker belongs at bottom of hero */
  body.v8.home-page .hero-bottom{
    position:absolute!important;

    top:auto!important;
    bottom:0!important;
    left:0!important;
    right:0!important;

    width:100%!important;
    height:46px!important;

    z-index:5!important;
  }

}

/* Restore ticker positioning on normal desktop sizes */
body.v8.home-page .hero-bottom{
  top:auto!important;
  bottom:0!important;
}


/* ==========================================================
   V8.3.8 HERO PROOF STRIP
   ========================================================== */

.v831-proof-strip{
  position:relative;
  z-index:10;
  background:
    linear-gradient(180deg,#fbf8f0 0%,#f4efe4 100%);
  border-top:1px solid rgba(8,42,60,.08);
  border-bottom:1px solid rgba(8,42,60,.08);
}

.v831-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  min-height:104px;
}

.v831-proof-item{
  display:flex;
  align-items:center;
  gap:18px;
  padding:24px 38px;
}

.v831-proof-item + .v831-proof-item{
  border-left:1px solid rgba(8,42,60,.12);
}

.v831-proof-mark{
  flex:0 0 auto;
  width:38px;
  height:38px;

  display:grid;
  place-items:center;

  border:1px solid rgba(194,143,41,.35);
  border-radius:50%;

  color:#bd8a28;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
}

.v831-proof-item strong{
  display:block;
  margin-bottom:6px;

  color:#0b2839;
  font-size:1rem;
  line-height:1.1;
  font-weight:900;
}

.v831-proof-item span{
  display:block;

  color:#66747b;
  font-size:.72rem;
  line-height:1.25;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Ensure old proof positioning can no longer interfere */
body.v8.home-page .v6-hero-proof{
  display:none!important;
}

@media (max-width:900px){
  .v831-proof-grid{
    grid-template-columns:1fr;
  }

  .v831-proof-item{
    padding:18px 22px;
  }

  .v831-proof-item + .v831-proof-item{
    border-left:0;
    border-top:1px solid rgba(8,42,60,.10);
  }
}


/* ==========================================================
   V8.3.9 FOUR-COLUMN PROOF STRIP
   ========================================================== */

.v831-proof-strip{
  display:none!important;
}

.v839-proof-strip{
  background:
    linear-gradient(180deg,#fbf8f1 0%,#f5f0e6 100%);
  border-top:1px solid rgba(9,43,60,.08);
  border-bottom:1px solid rgba(9,43,60,.10);
}

.v839-proof-inner{
  width:min(1240px,calc(100% - 64px));
  margin:0 auto;

  display:grid;
  grid-template-columns:repeat(4,1fr);

  min-height:108px;
}

.v839-proof-item{
  display:flex;
  align-items:center;
  gap:18px;

  padding:24px 30px;
}

.v839-proof-item + .v839-proof-item{
  border-left:1px solid rgba(9,43,60,.13);
}

.v839-proof-icon{
  flex:0 0 auto;

  width:44px;
  height:44px;

  display:grid;
  place-items:center;

  color:#0d3348;
}

.v839-proof-icon svg{
  width:42px;
  height:42px;

  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.v839-proof-copy strong{
  display:block;

  margin-bottom:5px;

  color:#0b2b3e;

  font-size:.98rem;
  line-height:1.1;
  font-weight:900;
}

.v839-proof-copy span{
  display:block;

  color:#687982;

  font-size:.70rem;
  line-height:1.3;
  font-weight:700;

  letter-spacing:.08em;
  text-transform:uppercase;
}

@media (max-width:900px){
  .v839-proof-inner{
    width:100%;
    grid-template-columns:1fr 1fr;
  }

  .v839-proof-item{
    padding:18px 20px;
  }

  .v839-proof-item + .v839-proof-item{
    border-left:0;
  }
}


/* ==========================================================
   V8.4.0 PROOF BAND REDESIGN
   Premium textured ivory section with stronger icon cards
   ========================================================== */

.v831-proof-strip,
.v839-proof-strip{
  display:none!important;
}

.v840-proof-band{
  position:relative;
  padding:54px 0 60px;
  overflow:hidden;
  background:
    linear-gradient(180deg,#faf6ef 0%,#f3ece1 100%);
  border-top:1px solid rgba(11,43,62,.08);
  border-bottom:1px solid rgba(11,43,62,.08);
}

.v840-proof-band::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.9;
  background:
    radial-gradient(circle at 6% 18%, rgba(212,171,68,.28) 1.3px, transparent 1.4px),
    radial-gradient(circle at 92% 72%, rgba(212,171,68,.22) 1.2px, transparent 1.3px),
    radial-gradient(120% 85% at 0% 30%, transparent 72%, rgba(11,43,62,.06) 72.4%, transparent 72.8%),
    radial-gradient(120% 85% at 100% 65%, transparent 74%, rgba(11,43,62,.05) 74.4%, transparent 74.8%);
  background-size:
    140px 140px,
    170px 170px,
    100% 100%,
    100% 100%;
}

.v840-proof-wrap{
  position:relative;
  z-index:1;
  width:min(1240px,calc(100% - 64px));
  margin:0 auto;
}

.v840-proof-head{
  max-width:760px;
  margin:0 auto 28px;
  text-align:center;
}

.v840-proof-kicker{
  display:inline-block;
  margin-bottom:10px;
  color:#c79b2f;
  font-size:.76rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.v840-proof-head h2{
  margin:0 0 10px;
  color:#0b2b3e;
  font-size:2.05rem;
  line-height:1.08;
  font-weight:900;
}

.v840-proof-head p{
  margin:0;
  color:#5e6f79;
  font-size:1rem;
  line-height:1.65;
}

.v840-proof-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:28px;
}

.v840-proof-card{
  position:relative;
  min-height:160px;
  padding:24px 22px;
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 100%);
  border:1px solid rgba(11,43,62,.08);
  box-shadow:
    0 14px 36px rgba(13,43,61,.08),
    0 1px 0 rgba(255,255,255,.75) inset;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
}

.v840-proof-card::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  bottom:0;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#d3a63d 0%,rgba(211,166,61,0) 70%);
  opacity:.8;
}

.v840-proof-icon{
  width:56px;
  height:56px;
  margin-bottom:18px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:
    linear-gradient(180deg,#12374d 0%,#0a2638 100%);
  box-shadow:
    0 10px 24px rgba(10,38,56,.22),
    0 1px 0 rgba(255,255,255,.06) inset;
}

.v840-proof-icon svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:#e0b24c;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.v840-proof-copy strong{
  display:block;
  margin-bottom:8px;
  color:#0b2b3e;
  font-size:1.14rem;
  line-height:1.18;
  font-weight:900;
}

.v840-proof-copy span{
  display:block;
  color:#72818a;
  font-size:.82rem;
  line-height:1.45;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

@media (max-width:1200px){
  .v840-proof-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:900px){
  .v840-proof-band{
    padding:38px 0 42px;
  }

  .v840-proof-wrap{
    width:min(100% - 28px,1240px);
  }

  .v840-proof-head{
    margin-bottom:22px;
    text-align:left;
  }

  .v840-proof-head h2{
    font-size:1.6rem;
  }

  .v840-proof-head p{
    font-size:.95rem;
    line-height:1.55;
  }

  .v840-proof-grid{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:18px;
  }

  .v840-proof-card{
    min-height:auto;
    padding:20px 18px;
    border-radius:18px;
  }

  .v840-proof-icon{
    width:50px;
    height:50px;
    border-radius:14px;
    margin-bottom:14px;
  }

  .v840-proof-icon svg{
    width:24px;
    height:24px;
  }

  .v840-proof-copy strong{
    font-size:1.02rem;
  }

  .v840-proof-copy span{
    font-size:.76rem;
  }
}


/* ==========================================================
   V8.4.1 SLIM PROOF BAR — REFERENCE STYLE
   ========================================================== */

.v840-proof-band,
.v839-proof-strip,
.v831-proof-strip{
  display:none!important;
}

.v841-proof-bar{
  position:relative;
  z-index:10;

  background:
    linear-gradient(180deg,#fffdf8 0%,#f8f4eb 100%);

  border-top:1px solid rgba(10,42,59,.08);
  border-bottom:1px solid rgba(10,42,59,.10);
}

.v841-proof-inner{
  width:min(1240px,calc(100% - 64px));
  height:106px;
  margin:0 auto;

  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:stretch;
}

.v841-proof-item{
  display:flex;
  align-items:center;
  gap:18px;

  padding:0 28px;
}

.v841-proof-item + .v841-proof-item{
  border-left:1px solid rgba(12,49,69,.15);
}

.v841-proof-icon{
  flex:0 0 auto;

  width:43px;
  height:43px;

  display:grid;
  place-items:center;

  color:#0d354c;
}

.v841-proof-icon svg{
  width:40px;
  height:40px;

  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.v841-proof-item strong{
  display:block;

  margin-bottom:5px;

  color:#0b2c40;

  font-size:1rem;
  line-height:1.1;
  font-weight:900;
}

.v841-proof-item span{
  display:block;

  color:#71818a;

  font-size:.69rem;
  line-height:1.25;
  font-weight:800;

  letter-spacing:.08em;
  text-transform:uppercase;
}

/* subtle texture — almost invisible */
.v841-proof-bar::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  opacity:.23;

  background:
    radial-gradient(circle at 8% 45%,rgba(198,151,43,.22) 1px,transparent 1.2px),
    radial-gradient(circle at 87% 55%,rgba(198,151,43,.18) 1px,transparent 1.2px);

  background-size:150px 150px,180px 180px;
}

@media (max-width:900px){
  .v841-proof-inner{
    width:100%;
    height:auto;
    grid-template-columns:1fr 1fr;
  }

  .v841-proof-item{
    min-height:92px;
    padding:16px 20px;
  }

  .v841-proof-item + .v841-proof-item{
    border-left:0;
  }
}


/* ==========================================================
   V8.4.2 PROOF BAR VISUAL REFINEMENT
   - cleaner icons
   - better text hierarchy
   - white textured background
   ========================================================== */

.v841-proof-bar{
  position:relative!important;
  z-index:10!important;

  background:
    radial-gradient(circle at 12% 32%, rgba(199,155,49,.10) 1.1px, transparent 1.2px),
    radial-gradient(circle at 84% 70%, rgba(199,155,49,.08) 1px, transparent 1.1px),
    linear-gradient(180deg,#fffefb 0%, #f8f5ee 100%)!important;

  background-size:140px 140px, 180px 180px, 100% 100%!important;

  border-top:1px solid rgba(10,42,59,.08)!important;
  border-bottom:1px solid rgba(10,42,59,.10)!important;
  box-shadow:none!important;
}

.v841-proof-bar::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.22!important;

  background:
    linear-gradient(115deg,
      transparent 0%,
      transparent 22%,
      rgba(10,42,59,.035) 23%,
      transparent 24%,
      transparent 48%,
      rgba(10,42,59,.028) 49%,
      transparent 50%,
      transparent 100%);
}

.v841-proof-bar::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.18!important;

  background-image:
    radial-gradient(circle at 8% 55%, rgba(198,151,43,.22) 1px, transparent 1.2px),
    radial-gradient(circle at 88% 40%, rgba(198,151,43,.18) 1px, transparent 1.2px);
  background-size:170px 170px, 210px 210px;
}

.v841-proof-inner{
  width:min(1280px, calc(100% - 56px))!important;
  min-height:118px!important;
  margin:0 auto!important;

  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  align-items:center!important;
}

.v841-proof-item{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;

  min-height:118px!important;
  padding:18px 28px!important;
}

.v841-proof-item + .v841-proof-item{
  border-left:1px solid rgba(13,53,76,.14)!important;
}

.v841-proof-icon{
  flex:0 0 auto!important;

  width:54px!important;
  height:54px!important;
  min-width:54px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:50%!important;
  background:rgba(255,255,255,.70)!important;
  border:1px solid rgba(13,53,76,.10)!important;
  box-shadow:0 8px 22px rgba(10,42,59,.06)!important;

  color:#113852!important;
}

.v841-proof-icon svg{
  width:28px!important;
  height:28px!important;

  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.v841-proof-item strong{
  display:block!important;
  margin:0 0 6px 0!important;

  color:#0b2e44!important;
  font-size:1.35rem!important;
  line-height:1.04!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

.v841-proof-item span{
  display:block!important;

  color:#7a8790!important;
  font-size:.86rem!important;
  line-height:1.22!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

/* give the first line a slightly more premium feel */
.v841-proof-item strong,
.v841-proof-item span{
  max-width:240px!important;
}

/* desktop only: keep it slim, not a giant section */
@media (min-width:901px){
  .v841-proof-bar{
    margin-top:0!important;
  }
}

/* tablet */
@media (max-width:1200px){
  .v841-proof-inner{
    width:min(100%, calc(100% - 40px))!important;
  }

  .v841-proof-item{
    padding:18px 20px!important;
    gap:14px!important;
  }

  .v841-proof-item strong{
    font-size:1.16rem!important;
  }

  .v841-proof-item span{
    font-size:.78rem!important;
  }

  .v841-proof-icon{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }

  .v841-proof-icon svg{
    width:24px!important;
    height:24px!important;
  }
}

/* mobile */
@media (max-width:900px){
  .v841-proof-inner{
    width:100%!important;
    min-height:auto!important;
    grid-template-columns:1fr 1fr!important;
  }

  .v841-proof-item{
    min-height:96px!important;
    padding:18px 18px!important;
    gap:14px!important;
  }

  .v841-proof-item + .v841-proof-item{
    border-left:0!important;
  }

  .v841-proof-item:nth-child(3),
  .v841-proof-item:nth-child(4){
    border-top:1px solid rgba(13,53,76,.12)!important;
  }

  .v841-proof-item strong{
    font-size:1.02rem!important;
  }

  .v841-proof-item span{
    font-size:.72rem!important;
    letter-spacing:.09em!important;
  }

  .v841-proof-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }

  .v841-proof-icon svg{
    width:22px!important;
    height:22px!important;
  }
}


/* ==========================================================
   V8.4.3 CLEAN REFERENCE-STYLE PROOF BAR
   ========================================================== */

.v841-proof-bar{
  position:relative!important;
  min-height:94px!important;

  background:#fbfaf6!important;

  border-top:1px solid rgba(10,42,59,.07)!important;
  border-bottom:1px solid rgba(10,42,59,.09)!important;

  box-shadow:none!important;
  overflow:hidden!important;
}

/* extremely subtle paper grain only */
.v841-proof-bar::before{
  content:""!important;
  display:block!important;

  position:absolute!important;
  inset:0!important;

  pointer-events:none!important;

  background-image:url('/assets/img/noise.svg')!important;
  background-repeat:repeat!important;
  background-size:180px 180px!important;

  opacity:.025!important;
}

/* remove all previous dots / extra decoration */
.v841-proof-bar::after{
  content:none!important;
  display:none!important;
}

.v841-proof-inner{
  position:relative!important;
  z-index:1!important;

  width:min(1280px,calc(100% - 64px))!important;
  min-height:94px!important;
  height:94px!important;

  margin:0 auto!important;

  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
}

.v841-proof-item{
  min-height:94px!important;

  padding:0 34px!important;

  display:flex!important;
  align-items:center!important;
  gap:18px!important;

  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}

.v841-proof-item + .v841-proof-item{
  border-left:1px solid rgba(17,54,74,.15)!important;
}

/* reference-style naked icon */
.v841-proof-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;

  margin:0!important;
  padding:0!important;

  display:grid!important;
  place-items:center!important;

  color:#11384e!important;

  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.v841-proof-icon svg{
  width:39px!important;
  height:39px!important;

  fill:none!important;
  stroke:#11384e!important;
  stroke-width:2.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* title closely matching the reference */
.v841-proof-item strong{
  display:block!important;

  margin:0 0 4px!important;

  max-width:none!important;

  color:#0b2c40!important;

  font-size:15px!important;
  line-height:1.12!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
}

/* smaller calm subtitle */
.v841-proof-item span{
  display:block!important;

  max-width:none!important;

  color:#788892!important;

  font-size:11px!important;
  line-height:1.25!important;
  font-weight:700!important;

  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

/* prevent previous V8.4.2 card styling from leaking */
.v841-proof-item::before,
.v841-proof-item::after{
  content:none!important;
  display:none!important;
}

@media (max-width:1200px){
  .v841-proof-item{
    padding:0 22px!important;
    gap:14px!important;
  }

  .v841-proof-icon{
    width:40px!important;
    min-width:40px!important;
  }

  .v841-proof-icon svg{
    width:34px!important;
    height:34px!important;
  }

  .v841-proof-item strong{
    font-size:14px!important;
  }

  .v841-proof-item span{
    font-size:10px!important;
  }
}


/* ==========================================================
   V8.4.6 HOMEPAGE DIGITAL INTELLIGENCE PASS
   Desktop: Vessel Intelligence + Port Intelligence
   ========================================================== */

@media (min-width:901px){

  /* -------------------------------------------------------
     VESSEL INTELLIGENCE
     ------------------------------------------------------- */

  body.v8.home-page .v6-map-shell{
    width:100%!important;
    max-width:1240px!important;
    margin:34px auto 0!important;

    border-radius:26px!important;
    overflow:hidden!important;

    border:1px solid rgba(116,183,211,.18)!important;

    background:
      linear-gradient(145deg,#061722 0%,#082536 100%)!important;

    box-shadow:
      0 34px 90px rgba(0,0,0,.28),
      0 1px 0 rgba(255,255,255,.04) inset!important;
  }

  body.v8.home-page .v6-map-head{
    height:62px!important;
    padding:0 24px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    background:rgba(4,19,29,.66)!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }

  body.v8.home-page .v6-map-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 360px!important;
    min-height:500px!important;
  }

  body.v8.home-page .v6-world{
    min-height:500px!important;
    padding:18px 22px!important;

    background:
      radial-gradient(circle at 42% 48%,rgba(42,111,143,.19),transparent 35%),
      linear-gradient(145deg,#061722 0%,#082839 100%)!important;
  }

  body.v8.home-page .v8-world-map{
    width:100%!important;
    height:100%!important;
    min-height:460px!important;
    object-fit:contain!important;
  }

  body.v8.home-page .v6-map-panel{
    min-height:500px!important;
    padding:30px 26px!important;

    background:
      linear-gradient(160deg,#0c2d40 0%,#071c28 100%)!important;

    border-left:1px solid rgba(255,255,255,.07)!important;
  }

  body.v8.home-page .v6-map-panel h3{
    margin:7px 0 10px!important;
    font-size:1.55rem!important;
    line-height:1.05!important;
  }

  body.v8.home-page .v6-map-panel > p{
    margin-bottom:22px!important;
    color:rgba(255,255,255,.56)!important;
    line-height:1.55!important;
  }

  body.v8.home-page .vessel-item{
    padding:16px 0!important;
  }

  body.v8.home-page .vessel-item strong{
    font-size:.92rem!important;
  }

  body.v8.home-page .vessel-item span{
    color:rgba(255,255,255,.48)!important;
  }

  body.v8.home-page .v6-map-actions{
    margin-top:22px!important;
    gap:10px!important;
  }


  /* -------------------------------------------------------
     PORT INTELLIGENCE
     ------------------------------------------------------- */

  body.v8.home-page .v7-port-strip{
    margin-top:32px!important;

    display:grid!important;
    grid-template-columns:1.3fr repeat(3,1fr)!important;

    overflow:hidden!important;
    border-radius:22px!important;

    background:#fff!important;

    border:1px solid rgba(10,42,59,.10)!important;

    box-shadow:
      0 18px 48px rgba(7,35,51,.08)!important;
  }

  body.v8.home-page .v7-port-strip > div,
  body.v8.home-page .v7-port-strip > a{
    min-height:148px!important;
    padding:24px 23px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  body.v8.home-page .v7-port-intro{
    background:
      radial-gradient(circle at 0% 0%,rgba(57,127,158,.18),transparent 38%),
      linear-gradient(145deg,#082536,#0a354a)!important;

    color:white!important;
  }

  body.v8.home-page .v7-port-intro small{
    color:#ddb24b!important;
  }

  body.v8.home-page .v7-port-intro strong{
    margin:7px 0!important;
    font-size:1.12rem!important;
    color:white!important;
  }

  body.v8.home-page .v7-port-intro p{
    margin:0!important;
    color:rgba(255,255,255,.58)!important;
    line-height:1.45!important;
  }

  body.v8.home-page .v7-port-strip > a{
    position:relative!important;

    color:#0c2d40!important;
    text-decoration:none!important;

    background:
      linear-gradient(180deg,#ffffff 0%,#faf9f5 100%)!important;

    border-left:1px solid rgba(10,42,59,.09)!important;

    transition:
      transform .28s ease,
      background .28s ease!important;
  }

  body.v8.home-page .v7-port-strip > a:hover{
    background:#fffdf7!important;
  }

  body.v8.home-page .v7-port-strip > a small{
    color:#bf8c25!important;
    font-weight:850!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
  }

  body.v8.home-page .v7-port-strip > a strong{
    display:block!important;

    margin:9px 0 7px!important;

    color:#0b2d40!important;

    font-size:1.04rem!important;
    line-height:1.12!important;
  }

  body.v8.home-page .v7-port-strip > a span{
    color:#728089!important;
    line-height:1.4!important;
  }

  body.v8.home-page .v7-port-strip > a::after{
    content:"→"!important;

    position:absolute!important;
    right:20px!important;
    bottom:18px!important;

    color:#c9962d!important;

    font-size:1rem!important;
    font-weight:900!important;
  }

}


/* ==========================================================
   V8.4.7 GLOBAL CONTROL
   DIGITAL PLATFORM DESKTOP PASS
   ========================================================== */

@media (min-width:901px){

  /* ========================================================
     SHARED WIDER DIGITAL SECTIONS
     ======================================================== */

  body.v8.home-page .v847-vessel-section > .container,
  body.v8.home-page .v847-port-section > .container,
  body.v8.home-page .v847-intel-section > .container,
  body.v8.home-page .v847-portal-section > .container{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }

  body.v8.home-page .v847-vessel-section .section-heading,
  body.v8.home-page .v847-port-section .section-heading,
  body.v8.home-page .v847-intel-section .section-heading,
  body.v8.home-page .v847-portal-section .section-heading{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    gap:84px!important;
    align-items:end!important;
    margin-bottom:38px!important;
  }


  /* ========================================================
     1 — GLOBAL VESSEL INTELLIGENCE
     ======================================================== */

  body.v8.home-page .v847-vessel-section{
    padding:96px 0 108px!important;

    background:
      radial-gradient(
        circle at 78% 34%,
        rgba(41,107,138,.18),
        transparent 30%
      ),
      linear-gradient(
        135deg,
        #04141f 0%,
        #062333 55%,
        #073147 100%
      )!important;
  }

  body.v8.home-page .v847-vessel-section .section-heading h2{
    font-size:clamp(2.9rem,4vw,4.7rem)!important;
    line-height:.94!important;
    letter-spacing:-.05em!important;
  }

  body.v8.home-page .v847-vessel-section .section-heading .copy p{
    color:rgba(255,255,255,.62)!important;
    font-size:1rem!important;
    line-height:1.7!important;
  }

  body.v8.home-page .v847-vessel-section .v6-map-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;

    overflow:hidden!important;

    border-radius:26px!important;
    border:1px solid rgba(127,195,222,.16)!important;

    background:#061923!important;

    box-shadow:
      0 36px 90px rgba(0,0,0,.32),
      inset 0 1px 0 rgba(255,255,255,.035)!important;
  }

  body.v8.home-page .v847-vessel-section .v6-map-head{
    min-height:66px!important;
    padding:0 26px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    background:
      linear-gradient(
        180deg,
        rgba(8,34,48,.94),
        rgba(6,25,36,.94)
      )!important;

    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }

  body.v8.home-page .v847-vessel-section .v6-map-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 390px!important;

    min-height:560px!important;
  }

  body.v8.home-page .v847-vessel-section .v6-world{
    position:relative!important;

    min-height:560px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:26px 30px!important;

    background:
      radial-gradient(
        circle at 44% 50%,
        rgba(40,113,146,.18),
        transparent 34%
      ),
      linear-gradient(
        150deg,
        #051923 0%,
        #08293b 100%
      )!important;
  }

  body.v8.home-page .v847-vessel-section .v8-world-map{
    width:100%!important;
    height:100%!important;
    max-height:510px!important;

    object-fit:contain!important;

    filter:
      drop-shadow(0 18px 44px rgba(0,0,0,.22))!important;
  }

  body.v8.home-page .v847-vessel-section .v6-map-panel{
    min-height:560px!important;

    padding:34px 30px!important;

    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(59,131,160,.16),
        transparent 35%
      ),
      linear-gradient(
        160deg,
        #0c3044 0%,
        #071d29 100%
      )!important;

    border-left:1px solid rgba(255,255,255,.07)!important;
  }

  body.v8.home-page .v847-vessel-section .v6-map-panel h3{
    margin:10px 0 12px!important;

    color:white!important;

    font-size:1.65rem!important;
    line-height:1.05!important;
  }

  body.v8.home-page .v847-vessel-section .v6-map-panel > p{
    margin:0 0 20px!important;

    color:rgba(255,255,255,.52)!important;

    line-height:1.55!important;
  }

  body.v8.home-page .v847-vessel-section .vessel-item{
    padding:17px 0!important;

    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }

  body.v8.home-page .v847-vessel-section .vessel-item strong{
    font-size:.96rem!important;
    color:white!important;
  }

  body.v8.home-page .v847-vessel-section .vessel-item span{
    color:rgba(255,255,255,.48)!important;
  }

  body.v8.home-page .v847-vessel-section .vessel-item i{
    color:#72e5b0!important;
    font-style:normal!important;
    font-weight:800!important;
  }

  body.v8.home-page .v847-vessel-section .v6-map-actions{
    margin-top:26px!important;

    display:grid!important;
    grid-template-columns:1fr 1fr!important;

    gap:10px!important;
  }


  /* ========================================================
     2 — PORT INTELLIGENCE
     ======================================================== */

  body.v8.home-page .v847-port-section{
    padding:86px 0 92px!important;

    background:
      radial-gradient(
        circle at 85% 20%,
        rgba(80,145,171,.11),
        transparent 28%
      ),
      linear-gradient(
        180deg,
        #f1f7f8 0%,
        #edf5f6 100%
      )!important;
  }

  body.v8.home-page .v847-port-section .section-heading h2{
    font-size:clamp(2.5rem,3.3vw,4rem)!important;
    line-height:.96!important;
    letter-spacing:-.045em!important;
  }

  body.v8.home-page .v847-port-section .v7-port-strip{
    display:grid!important;
    grid-template-columns:1.35fr repeat(3,1fr)!important;

    margin-top:0!important;

    overflow:hidden!important;

    border-radius:22px!important;
    border:1px solid rgba(10,44,61,.10)!important;

    background:#fff!important;

    box-shadow:
      0 20px 56px rgba(8,39,55,.09)!important;
  }

  body.v8.home-page .v847-port-section .v7-port-strip > div,
  body.v8.home-page .v847-port-section .v7-port-strip > a{
    min-height:168px!important;

    padding:26px 24px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  body.v8.home-page .v847-port-section .v7-port-intro{
    background:
      radial-gradient(
        circle at 0% 0%,
        rgba(54,128,158,.19),
        transparent 38%
      ),
      linear-gradient(
        145deg,
        #09293b,
        #0c3c54
      )!important;

    color:white!important;
  }

  body.v8.home-page .v847-port-section .v7-port-intro small{
    color:#dcad40!important;
  }

  body.v8.home-page .v847-port-section .v7-port-intro strong{
    margin:9px 0 8px!important;

    color:white!important;

    font-size:1.25rem!important;
  }

  body.v8.home-page .v847-port-section .v7-port-intro p{
    margin:0!important;

    color:rgba(255,255,255,.58)!important;
    line-height:1.5!important;
  }

  body.v8.home-page .v847-port-section .v7-port-strip > a{
    position:relative!important;

    color:#0c3043!important;
    text-decoration:none!important;

    background:
      linear-gradient(
        180deg,
        #fff 0%,
        #faf9f5 100%
      )!important;

    border-left:1px solid rgba(10,44,61,.09)!important;

    transition:
      background .25s ease,
      transform .25s ease!important;
  }

  body.v8.home-page .v847-port-section .v7-port-strip > a:hover{
    background:#fffdf7!important;
  }

  body.v8.home-page .v847-port-section .v7-port-strip > a small{
    color:#bb8722!important;

    font-weight:850!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
  }

  body.v8.home-page .v847-port-section .v7-port-strip > a strong{
    display:block!important;

    margin:10px 0 8px!important;

    color:#0b2d40!important;

    font-size:1.08rem!important;
    line-height:1.12!important;
  }

  body.v8.home-page .v847-port-section .v7-port-strip > a span{
    color:#76838b!important;
    line-height:1.45!important;
  }

  body.v8.home-page .v847-port-section .v7-port-strip > a::after{
    content:"→"!important;

    position:absolute!important;

    right:22px!important;
    bottom:18px!important;

    color:#c7952c!important;

    font-size:1.05rem!important;
    font-weight:900!important;
  }


  /* ========================================================
     3 — TRADE INTELLIGENCE
     ======================================================== */

  body.v8.home-page .v847-intel-section{
    padding:92px 0 100px!important;

    background:
      radial-gradient(
        circle at 10% 40%,
        rgba(205,158,49,.09),
        transparent 26%
      ),
      radial-gradient(
        circle at 92% 74%,
        rgba(53,107,132,.07),
        transparent 30%
      ),
      #faf7f0!important;
  }

  body.v8.home-page .v847-intel-section .section-heading h2{
    font-size:clamp(2.55rem,3.5vw,4.15rem)!important;
    line-height:.96!important;
    letter-spacing:-.045em!important;
  }

  body.v8.home-page .v847-intel-section .intelligence-grid{
    display:grid!important;

    grid-template-columns:.92fr 1.38fr!important;

    gap:20px!important;

    align-items:stretch!important;
  }

  body.v8.home-page .v847-intel-section .intel-feature,
  body.v8.home-page .v847-intel-section .intel-feed{
    min-height:390px!important;

    border-radius:24px!important;

    overflow:hidden!important;
  }

  body.v8.home-page .v847-intel-section .intel-feature{
    padding:34px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;

    background:
      radial-gradient(
        circle at 90% 10%,
        rgba(54,129,158,.16),
        transparent 36%
      ),
      linear-gradient(
        145deg,
        #061a26 0%,
        #0a3246 100%
      )!important;

    box-shadow:
      0 22px 58px rgba(6,33,47,.16)!important;
  }

  body.v8.home-page .v847-intel-section .intel-feature p{
    color:rgba(255,255,255,.58)!important;
    line-height:1.65!important;
  }

  body.v8.home-page .v847-intel-section .intel-feed{
    padding:10px 0 0!important;

    background:white!important;

    border:1px solid rgba(10,43,59,.09)!important;

    box-shadow:
      0 22px 58px rgba(6,33,47,.09)!important;
  }

  body.v8.home-page .v847-intel-section .intel-feed-head{
    min-height:60px!important;

    padding:0 24px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    border-bottom:1px solid rgba(10,43,59,.08)!important;
  }


  /* ========================================================
     4 — CLIENT CONTROL TOWER
     ======================================================== */

  body.v8.home-page .v847-portal-section{
    padding:92px 0 104px!important;

    background:
      radial-gradient(
        circle at 75% 12%,
        rgba(70,139,165,.10),
        transparent 30%
      ),
      linear-gradient(
        180deg,
        #eff6f7 0%,
        #eaf2f4 100%
      )!important;
  }

  body.v8.home-page .v847-portal-section .section-heading h2{
    font-size:clamp(2.55rem,3.5vw,4.15rem)!important;
    line-height:.96!important;
    letter-spacing:-.045em!important;
  }

  body.v8.home-page .v847-portal-section .portal-preview{
    width:100%!important;
    max-width:none!important;

    overflow:hidden!important;

    border-radius:26px!important;
    border:1px solid rgba(8,42,58,.12)!important;

    box-shadow:
      0 30px 76px rgba(5,34,49,.16)!important;
  }

  body.v8.home-page .v847-portal-section .portal-top{
    min-height:64px!important;

    padding:0 26px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    background:
      linear-gradient(
        90deg,
        #071d29,
        #0b3448
      )!important;
  }

  body.v8.home-page .v847-portal-section .portal-body{
    display:grid!important;

    grid-template-columns:220px minmax(0,1fr)!important;

    min-height:470px!important;
  }

  body.v8.home-page .v847-portal-section .portal-side{
    min-height:470px!important;

    padding:28px 22px!important;

    background:
      linear-gradient(
        180deg,
        #0b3043,
        #082536
      )!important;
  }

  body.v8.home-page .v847-portal-section .portal-main{
    padding:28px!important;

    background:#eef3f3!important;
  }

  body.v8.home-page .v847-portal-section .portal-kpis{
    gap:14px!important;

    margin-bottom:18px!important;
  }

  body.v8.home-page .v847-portal-section .portal-kpi{
    min-height:104px!important;

    padding:20px!important;

    border-radius:15px!important;

    box-shadow:
      0 8px 22px rgba(11,45,62,.05)!important;
  }

  body.v8.home-page .v847-portal-section .portal-kpi strong{
    font-size:2rem!important;
  }

  body.v8.home-page .v847-portal-section .portal-table{
    overflow:hidden!important;

    border-radius:16px!important;

    background:white!important;

    box-shadow:
      0 8px 24px rgba(9,43,59,.05)!important;
  }

  body.v8.home-page .v847-portal-section .portal-row{
    min-height:62px!important;

    padding:0 20px!important;

    align-items:center!important;
  }

}


/* ==========================================================
   V8.4.8 DESKTOP HOMEPAGE FINAL PASS
   Tools + CTA + Footer + lower-page balance
   ========================================================== */

@media (min-width:901px){

  /* ========================================================
     DIGITAL TOOLS
     ======================================================== */

  body.v8.home-page .v848-tools-section{
    position:relative!important;
    overflow:hidden!important;

    padding:92px 0 104px!important;

    background:
      radial-gradient(
        circle at 9% 18%,
        rgba(204,157,47,.08),
        transparent 24%
      ),
      radial-gradient(
        circle at 88% 80%,
        rgba(47,109,137,.055),
        transparent 28%
      ),
      linear-gradient(
        180deg,
        #fbf8f1 0%,
        #f5efe5 100%
      )!important;
  }

  body.v8.home-page .v848-tools-section > .container{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }

  body.v8.home-page .v848-tools-section .section-heading{
    grid-template-columns:.9fr 1.1fr!important;
    gap:84px!important;
    align-items:end!important;

    margin-bottom:40px!important;
  }

  body.v8.home-page .v848-tools-section .section-heading h2{
    font-size:clamp(2.7rem,3.7vw,4.3rem)!important;
    line-height:.95!important;

    letter-spacing:-.05em!important;
  }

  body.v8.home-page .v848-tools-section .section-heading .copy p{
    font-size:1rem!important;
    line-height:1.7!important;
  }

  body.v8.home-page .v848-tools-section .tool-grid{
    display:grid!important;

    grid-template-columns:repeat(4,minmax(0,1fr))!important;

    gap:18px!important;
  }

  body.v8.home-page .v848-tools-section .tool-card{
    position:relative!important;

    min-height:235px!important;

    padding:26px 24px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;

    overflow:hidden!important;

    border-radius:20px!important;

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.98) 0%,
        rgba(255,255,255,.88) 100%
      )!important;

    border:1px solid rgba(10,44,61,.085)!important;

    box-shadow:
      0 18px 48px rgba(9,41,56,.07)!important;

    transition:
      transform .25s ease,
      box-shadow .25s ease,
      border-color .25s ease!important;
  }

  body.v8.home-page .v848-tools-section .tool-card:hover{
    transform:translateY(-4px)!important;

    border-color:rgba(197,148,39,.28)!important;

    box-shadow:
      0 26px 58px rgba(9,41,56,.11)!important;
  }

  body.v8.home-page .v848-tools-section .tool-icon{
    width:48px!important;
    height:48px!important;

    margin-bottom:24px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:14px!important;

    color:#e1b34b!important;

    background:
      linear-gradient(
        145deg,
        #0a3044,
        #071e2c
      )!important;

    font-size:.78rem!important;
    font-weight:900!important;
    letter-spacing:.05em!important;
  }

  body.v8.home-page .v848-tools-section .tool-card small{
    color:#ba8520!important;

    font-size:.68rem!important;
    font-weight:850!important;

    letter-spacing:.10em!important;
    text-transform:uppercase!important;
  }

  body.v8.home-page .v848-tools-section .tool-card strong{
    display:block!important;

    margin:10px 0 10px!important;

    color:#0b2d40!important;

    font-size:1.12rem!important;
    line-height:1.18!important;
  }

  body.v8.home-page .v848-tools-section .tool-card p{
    margin:0!important;

    color:#748089!important;

    font-size:.86rem!important;
    line-height:1.55!important;
  }

  body.v8.home-page .v848-tools-section .tool-card::after{
    content:"→"!important;

    position:absolute!important;

    right:22px!important;
    bottom:20px!important;

    color:#c9962e!important;

    font-weight:900!important;
  }


  /* ========================================================
     FINAL CTA
     ======================================================== */

  body.v8.home-page .v848-final-cta{
    position:relative!important;

    padding:88px 0 94px!important;

    overflow:hidden!important;

    background:
      radial-gradient(
        circle at 88% 15%,
        rgba(58,128,158,.24),
        transparent 34%
      ),
      linear-gradient(
        110deg,
        #061722 0%,
        #082a3c 58%,
        #0b3b52 100%
      )!important;

    border-top:1px solid rgba(255,255,255,.04)!important;
  }

  body.v8.home-page .v848-final-cta::after{
    content:""!important;

    position:absolute!important;

    width:420px!important;
    height:420px!important;

    right:-160px!important;
    top:-205px!important;

    border:1px solid rgba(218,175,73,.13)!important;
    border-radius:50%!important;

    pointer-events:none!important;
  }

  body.v8.home-page .v848-final-cta > .container{
    position:relative!important;
    z-index:1!important;

    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }

  body.v8.home-page .v848-final-cta .v6-intro-grid{
    grid-template-columns:.95fr 1.05fr!important;
    gap:100px!important;
  }

  body.v8.home-page .v848-final-cta h2{
    margin-top:12px!important;

    font-size:clamp(3rem,4vw,4.7rem)!important;
    line-height:.92!important;
    letter-spacing:-.055em!important;
  }

  body.v8.home-page .v848-final-cta .lead{
    max-width:650px!important;

    font-size:1.03rem!important;
    line-height:1.72!important;
  }

  body.v8.home-page .v848-final-cta .v6-hero-cta{
    display:flex!important;
    gap:12px!important;

    margin-top:28px!important;
  }

  body.v8.home-page .v848-final-cta .v6-btn{
    min-height:48px!important;

    padding:0 22px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }


  /* ========================================================
     FOOTER
     ======================================================== */

  body.v8.home-page .v6-footer{
    padding-top:0!important;

    background:
      linear-gradient(
        180deg,
        #041620 0%,
        #03121b 100%
      )!important;

    border-top:1px solid rgba(255,255,255,.055)!important;
  }

  body.v8.home-page .v6-footer-top{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;

    display:grid!important;

    grid-template-columns:1.65fr repeat(4,1fr)!important;

    gap:52px!important;

    padding-top:64px!important;
    padding-bottom:56px!important;
  }

  body.v8.home-page .v6-footer-intro{
    padding-right:34px!important;
  }

  body.v8.home-page .v6-footer-logo{
    width:190px!important;
    height:auto!important;

    margin-bottom:20px!important;
  }

  body.v8.home-page .v6-footer-intro p{
    max-width:330px!important;

    color:rgba(255,255,255,.43)!important;

    font-size:.88rem!important;
    line-height:1.65!important;
  }

  body.v8.home-page .v6-footer h4{
    margin:0 0 18px!important;

    color:#d5a842!important;

    font-size:.72rem!important;
    font-weight:850!important;

    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }

  body.v8.home-page .v6-footer ul{
    display:grid!important;
    gap:11px!important;
  }

  body.v8.home-page .v6-footer li,
  body.v8.home-page .v6-footer li a{
    color:rgba(255,255,255,.58)!important;

    font-size:.82rem!important;
    line-height:1.35!important;
  }

  body.v8.home-page .v6-footer li a:hover{
    color:#fff!important;
  }

  body.v8.home-page .v6-footer-bottom{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;

    min-height:70px!important;

    padding:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    border-top:1px solid rgba(255,255,255,.065)!important;

    color:rgba(255,255,255,.28)!important;

    font-size:.68rem!important;

    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }


  /* ========================================================
     LOWER PAGE SECTION RHYTHM
     ======================================================== */

  body.v8.home-page .v847-port-section,
  body.v8.home-page .v847-intel-section,
  body.v8.home-page .v847-portal-section,
  body.v8.home-page .v848-tools-section{
    scroll-margin-top:90px!important;
  }

}


/* ==========================================================
   V8.4.9
   DESKTOP HEADER + CHAPTER RHYTHM + SECTION MOTION
   ========================================================== */


/* ==========================================================
   SMOOTH PAGE BEHAVIOUR
   ========================================================== */

@media (prefers-reduced-motion:no-preference){

  html{
    scroll-behavior:smooth!important;
  }

}


@media (min-width:901px){


  /* ========================================================
     1. UTILITY BAR — ACTUALLY READABLE
     ======================================================== */

  body.v8 .v6-utility{
    height:34px!important;

    background:
      linear-gradient(
        90deg,
        #04131d 0%,
        #0a2f43 55%,
        #0c3b53 100%
      )!important;

    border-bottom:
      1px solid rgba(255,255,255,.07)!important;

    font-size:10px!important;
    line-height:1!important;

    letter-spacing:.075em!important;
  }

  body.v8 .v6-utility .container{
    width:min(1480px,calc(100% - 64px))!important;
    max-width:none!important;

    height:34px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }

  body.v8 .v6-utility-left,
  body.v8 .v6-utility-right{
    display:flex!important;
    align-items:center!important;

    gap:22px!important;
  }

  body.v8 .v6-utility span,
  body.v8 .v6-utility a{
    font-size:10px!important;
    line-height:1!important;

    color:rgba(255,255,255,.72)!important;

    white-space:nowrap!important;
  }

  body.v8 .v6-utility-right a{
    color:rgba(255,255,255,.82)!important;
  }

  body.v8 .v6-utility .live-dot{
    width:7px!important;
    height:7px!important;

    margin-right:7px!important;
  }


  /* ========================================================
     2. MAIN HEADER — LARGER / BETTER PROPORTIONED
     ======================================================== */

  body.v8 .v6-header{
    background:
      rgba(5,22,33,.965)!important;

    border-bottom:
      1px solid rgba(227,190,99,.20)!important;

    backdrop-filter:
      blur(20px) saturate(135%)!important;
  }

  body.v8 .v6-header .v6-nav{
    width:min(1480px,calc(100% - 64px))!important;
    max-width:none!important;

    min-height:86px!important;
  }

  body.v8 .v6-header.v8-scrolled .v6-nav{
    min-height:76px!important;
  }


  /* ========================================================
     LOGO LOCKUP
     ======================================================== */

  body.v8 .v6-brand{
    min-width:286px!important;

    display:flex!important;
    align-items:center!important;

    overflow:visible!important;
  }

  body.v8 .v6-brand img{
    width:208px!important;
    height:auto!important;

    max-height:54px!important;

    object-fit:contain!important;
    object-position:left center!important;

    display:block!important;
  }

  body.v8 .v6-brand::after{
    content:"GLOBAL CONTROL"!important;

    margin-left:20px!important;

    padding:8px 12px!important;

    border:
      1px solid rgba(228,195,111,.38)!important;

    border-radius:999px!important;

    color:#e9cc82!important;

    font-size:8px!important;
    font-weight:900!important;

    line-height:1!important;

    letter-spacing:.13em!important;

    white-space:nowrap!important;
  }


  /* ========================================================
     MAIN MENU
     ======================================================== */

  body.v8 .v6-links{
    gap:27px!important;
  }

  body.v8 .v6-links > a,
  body.v8 .v6-nav-item > .v6-nav-parent{
    padding:33px 0!important;

    font-size:12.5px!important;
    line-height:1!important;

    font-weight:780!important;

    letter-spacing:.005em!important;

    color:rgba(255,255,255,.88)!important;
  }

  body.v8 .v6-links > a::after,
  body.v8 .v6-nav-parent::before{
    bottom:23px!important;

    height:2px!important;

    border-radius:20px!important;
  }


  /* ========================================================
     HEADER ACTION BUTTONS
     ======================================================== */

  body.v8 .v6-actions{
    gap:10px!important;
  }

  body.v8 .v6-action{
    height:44px!important;

    padding:0 18px!important;

    font-size:10.5px!important;
    line-height:1!important;

    font-weight:850!important;

    letter-spacing:.01em!important;
  }

  body.v8 .v6-action.track{
    min-width:92px!important;
  }

  body.v8 .v6-action.portal{
    min-width:104px!important;
  }

  body.v8 .v6-action.quote{
    min-width:126px!important;
  }


  /* ========================================================
     3. OPERATING MODEL — COMPLETELY DIFFERENT CHAPTER
     ======================================================== */

  body.v8.home-page .v849-model{
    position:relative!important;

    overflow:hidden!important;

    padding:108px 0 116px!important;

    color:white!important;

    background:
      radial-gradient(
        circle at 82% 22%,
        rgba(65,141,171,.22),
        transparent 31%
      ),
      radial-gradient(
        circle at 14% 82%,
        rgba(210,164,62,.09),
        transparent 25%
      ),
      linear-gradient(
        128deg,
        #061722 0%,
        #082a3b 53%,
        #0a3b52 100%
      )!important;

    border-top:
      1px solid rgba(255,255,255,.045)!important;

    border-bottom:
      1px solid rgba(255,255,255,.05)!important;
  }


  /* technical grid */
  body.v8.home-page .v849-model::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    pointer-events:none!important;

    opacity:.17!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.09) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.09) 1px,
        transparent 1px
      )!important;

    background-size:
      84px 84px!important;

    mask-image:
      linear-gradient(
        90deg,
        transparent,
        rgba(0,0,0,.9) 18%,
        rgba(0,0,0,.65) 72%,
        transparent
      )!important;
  }


  body.v8.home-page .v849-model::after{
    content:""!important;

    position:absolute!important;

    width:500px!important;
    height:500px!important;

    right:-210px!important;
    bottom:-310px!important;

    border:
      1px solid rgba(226,183,79,.16)!important;

    border-radius:50%!important;

    pointer-events:none!important;
  }


  body.v8.home-page .v849-model > .container{
    position:relative!important;
    z-index:2!important;

    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }


  body.v8.home-page .v849-model .v6-intro-grid{
    display:grid!important;

    grid-template-columns:
      minmax(0,.88fr)
      minmax(0,1.12fr)!important;

    gap:110px!important;

    align-items:end!important;
  }


  body.v8.home-page .v849-model .eyebrow{
    color:#ddb34e!important;
  }


  body.v8.home-page .v849-model h2{
    color:#fff!important;

    font-size:
      clamp(3.35rem,4.5vw,5.25rem)!important;

    line-height:.92!important;

    letter-spacing:-.055em!important;
  }


  body.v8.home-page .v849-model .lead{
    max-width:680px!important;

    color:rgba(255,255,255,.66)!important;

    font-size:1.08rem!important;
    line-height:1.75!important;
  }


  /* ========================================================
     OPERATING CONTROL TIMELINE
     ======================================================== */

  body.v8.home-page .v849-model .v6-operating{
    position:relative!important;

    margin-top:64px!important;

    display:grid!important;

    grid-template-columns:
      repeat(4,minmax(0,1fr))!important;

    gap:14px!important;

    background:transparent!important;

    border:0!important;

    box-shadow:none!important;

    overflow:visible!important;
  }


  body.v8.home-page .v849-model .v6-operating::before{
    content:""!important;

    position:absolute!important;

    left:6%!important;
    right:6%!important;

    top:37px!important;

    height:1px!important;

    z-index:0!important;

    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(222,178,73,.60) 11%,
        rgba(123,190,215,.46) 50%,
        rgba(222,178,73,.60) 89%,
        transparent
      )!important;
  }


  body.v8.home-page .v849-model .v6-operating article{
    position:relative!important;
    z-index:1!important;

    min-height:235px!important;

    padding:28px 26px!important;

    border-radius:18px!important;

    border:
      1px solid rgba(255,255,255,.095)!important;

    background:
      linear-gradient(
        160deg,
        rgba(255,255,255,.075),
        rgba(255,255,255,.028)
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045)!important;

    backdrop-filter:
      blur(4px)!important;

    transition:
      transform .35s var(--v8-ease),
      border-color .35s ease,
      background .35s ease!important;
  }


  body.v8.home-page .v849-model .v6-operating article:hover{
    transform:
      translateY(-7px)!important;

    border-color:
      rgba(222,178,73,.28)!important;

    background:
      linear-gradient(
        160deg,
        rgba(255,255,255,.10),
        rgba(255,255,255,.04)
      )!important;
  }


  body.v8.home-page .v849-model .v6-operating article b{
    position:relative!important;
    z-index:3!important;

    width:48px!important;
    height:48px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:32px!important;

    border-radius:50%!important;

    color:#071b27!important;

    background:
      linear-gradient(
        145deg,
        #efd171,
        #c9962e
      )!important;

    box-shadow:
      0 8px 25px rgba(201,150,46,.22)!important;

    font-size:.72rem!important;
    font-weight:950!important;
  }


  body.v8.home-page .v849-model .v6-operating article h3{
    margin-bottom:12px!important;

    color:#fff!important;

    font-size:1.28rem!important;
    line-height:1.05!important;

    letter-spacing:-.025em!important;
  }


  body.v8.home-page .v849-model .v6-operating article p{
    margin:0!important;

    color:rgba(255,255,255,.57)!important;

    font-size:.9rem!important;
    line-height:1.62!important;
  }


  /* subtle differentiation within model cards */
  body.v8.home-page .v849-model .v6-operating article:nth-child(2){
    background:
      linear-gradient(
        160deg,
        rgba(59,128,157,.13),
        rgba(255,255,255,.025)
      )!important;
  }

  body.v8.home-page .v849-model .v6-operating article:nth-child(3){
    background:
      linear-gradient(
        160deg,
        rgba(66,139,166,.16),
        rgba(255,255,255,.025)
      )!important;
  }


  /* ========================================================
     4. CORE SERVICES — WARM CARTOGRAPHIC CHAPTER
     ======================================================== */

  body.v8.home-page .v849-core{
    position:relative!important;

    padding:104px 0 112px!important;

    background:
      linear-gradient(
        rgba(249,245,236,.94),
        rgba(244,238,226,.96)
      ),
      url('/assets/img/contours.svg')!important;

    background-size:
      cover,
      980px auto!important;

    background-position:
      center,
      center top!important;

    border-top:
      1px solid rgba(9,43,60,.07)!important;

    border-bottom:
      1px solid rgba(9,43,60,.07)!important;
  }


  body.v8.home-page .v849-core > .container{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }


  body.v8.home-page .v849-core .section-heading{
    margin-bottom:42px!important;
  }


  body.v8.home-page .v849-core .section-heading h2{
    font-size:
      clamp(2.75rem,3.8vw,4.35rem)!important;

    line-height:.95!important;

    letter-spacing:-.05em!important;
  }


  /* ========================================================
     5. SPECIALIST — COOL PEARL / MIST CHAPTER
     ======================================================== */

  body.v8.home-page .v849-specialist{
    position:relative!important;

    overflow:hidden!important;

    padding:104px 0 114px!important;

    background:
      radial-gradient(
        circle at 82% 16%,
        rgba(60,132,161,.12),
        transparent 29%
      ),
      radial-gradient(
        circle at 8% 86%,
        rgba(197,151,43,.07),
        transparent 24%
      ),
      linear-gradient(
        180deg,
        #f1f6f5 0%,
        #eaf2f1 100%
      )!important;

    border-bottom:
      1px solid rgba(8,42,60,.08)!important;
  }


  body.v8.home-page .v849-specialist::before{
    content:""!important;

    position:absolute!important;

    width:620px!important;
    height:620px!important;

    left:-410px!important;
    top:-330px!important;

    border:
      1px solid rgba(13,67,90,.08)!important;

    border-radius:50%!important;

    pointer-events:none!important;
  }


  body.v8.home-page .v849-specialist > .container{
    position:relative!important;
    z-index:2!important;

    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }


  body.v8.home-page .v849-specialist .section-heading{
    margin-bottom:42px!important;
  }


  body.v8.home-page .v849-specialist .section-heading h2{
    font-size:
      clamp(2.75rem,3.8vw,4.35rem)!important;

    line-height:.95!important;

    letter-spacing:-.05em!important;
  }


  body.v8.home-page .v849-specialist-card{
    border:
      1px solid rgba(10,45,62,.10)!important;

    box-shadow:
      0 20px 55px rgba(9,43,59,.09)!important;
  }


  /* ========================================================
     6. CHAPTER SEPARATION
     ======================================================== */

  body.v8.home-page .v849-chapter,
  body.v8.home-page .v847-vessel-section,
  body.v8.home-page .v847-port-section,
  body.v8.home-page .v847-intel-section,
  body.v8.home-page .v847-portal-section,
  body.v8.home-page .v848-tools-section,
  body.v8.home-page .v848-final-cta{
    scroll-margin-top:100px!important;
  }


  body.v8.home-page .v849-chapter{
    isolation:isolate!important;
  }


  body.v8.home-page .v849-chapter > .container{
    transition:
      transform .85s var(--v8-ease),
      opacity .85s var(--v8-ease),
      filter .85s var(--v8-ease)!important;
  }


  /* JS only adds this enhancement — content is still visible
     if JS is unavailable */
  @media (prefers-reduced-motion:no-preference){

    body.v8.v849-motion .v849-chapter > .container,
    body.v8.v849-motion .v847-vessel-section > .container,
    body.v8.v849-motion .v847-port-section > .container,
    body.v8.v849-motion .v847-intel-section > .container,
    body.v8.v849-motion .v847-portal-section > .container,
    body.v8.v849-motion .v848-tools-section > .container{
      opacity:.78;

      transform:
        translateY(32px) scale(.994)!important;

      filter:
        saturate(.88)!important;

      transition:
        opacity .9s var(--v8-ease),
        transform .9s var(--v8-ease),
        filter .9s var(--v8-ease)!important;
    }


    body.v8.v849-motion .v849-in > .container{
      opacity:1!important;

      transform:
        translateY(0) scale(1)!important;

      filter:
        saturate(1)!important;
    }

  }


}


/* ==========================================================
   MID-SIZE DESKTOP SAFETY
   ========================================================== */

@media (min-width:901px) and (max-width:1250px){

  body.v8 .v6-header .v6-nav,
  body.v8 .v6-utility .container{
    width:calc(100% - 36px)!important;
  }

  body.v8 .v6-brand{
    min-width:225px!important;
  }

  body.v8 .v6-brand img{
    width:166px!important;
  }

  body.v8 .v6-brand::after{
    margin-left:10px!important;

    padding:6px 8px!important;

    font-size:6.8px!important;
  }

  body.v8 .v6-links{
    gap:17px!important;
  }

  body.v8 .v6-links > a,
  body.v8 .v6-nav-item > .v6-nav-parent{
    font-size:10.5px!important;
  }

  body.v8 .v6-action{
    padding:0 12px!important;

    font-size:9px!important;
  }

}


/* ==========================================================
   V8.4.10 — DESKTOP REFINEMENT PASS
   Hero CTAs / textured chapters / mega menus / footer
   ========================================================== */

@media (min-width:901px){


  /* ========================================================
     1. HERO CTA PROPORTIONS
     ======================================================== */

  body.v8.home-page .v6-hero-cta{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;

    margin-top:28px!important;
  }

  body.v8.home-page .v6-hero-cta .v6-btn{
    height:48px!important;
    min-height:48px!important;

    padding:0 24px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:999px!important;

    font-size:13px!important;
    line-height:1!important;

    font-weight:850!important;

    letter-spacing:-.005em!important;
  }

  body.v8.home-page .v6-hero-cta .v6-btn.gold{
    min-width:176px!important;

    background:
      linear-gradient(
        135deg,
        #e5b84d,
        #c9922b
      )!important;

    box-shadow:
      0 10px 30px rgba(202,148,44,.22)!important;
  }

  body.v8.home-page .v6-hero-cta .v6-btn.glass{
    min-width:162px!important;

    background:
      rgba(8,28,40,.38)!important;

    border:
      1px solid rgba(255,255,255,.30)!important;

    color:#fff!important;

    backdrop-filter:
      blur(10px)!important;
  }

  body.v8.home-page .v6-hero-cta .v6-btn:hover{
    transform:
      translateY(-2px)!important;
  }


  /* ========================================================
     2. CORE SOLUTIONS — MORE VISIBLE TOPOGRAPHIC TEXTURE
     ======================================================== */

  body.v8.home-page .v849-core{
    position:relative!important;
    overflow:hidden!important;

    background:
      linear-gradient(
        rgba(249,246,238,.90),
        rgba(244,238,226,.93)
      ),
      url('/assets/img/contours.svg')!important;

    background-size:
      cover,
      760px auto!important;

    background-repeat:
      no-repeat,
      repeat!important;

    background-position:
      center,
      center top!important;
  }

  body.v8.home-page .v849-core::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    pointer-events:none!important;

    opacity:.32!important;

    background:
      radial-gradient(
        circle at 8% 24%,
        rgba(198,150,40,.30) 1.2px,
        transparent 1.4px
      ),
      radial-gradient(
        circle at 91% 71%,
        rgba(198,150,40,.23) 1px,
        transparent 1.3px
      )!important;

    background-size:
      170px 170px,
      220px 220px!important;
  }

  body.v8.home-page .v849-core > .container{
    position:relative!important;
    z-index:2!important;
  }


  /* ========================================================
     3. TRADE INTELLIGENCE — SIGNAL / ROUTE TEXTURE
     ======================================================== */

  body.v8.home-page .v847-intel-section{
    position:relative!important;
    overflow:hidden!important;

    background:
      linear-gradient(
        rgba(250,247,239,.94),
        rgba(247,242,232,.96)
      ),
      url('/assets/img/route-grid.svg')!important;

    background-size:
      cover,
      920px auto!important;

    background-repeat:
      no-repeat,
      repeat!important;
  }

  body.v8.home-page .v847-intel-section::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    pointer-events:none!important;

    background:
      radial-gradient(
        circle at 8% 50%,
        rgba(205,157,42,.23) 1.3px,
        transparent 1.5px
      ),
      radial-gradient(
        circle at 88% 25%,
        rgba(36,92,119,.14) 1.2px,
        transparent 1.4px
      )!important;

    background-size:
      180px 180px,
      240px 240px!important;

    opacity:.52!important;
  }

  body.v8.home-page .v847-intel-section > .container{
    position:relative!important;
    z-index:2!important;
  }


  /* ========================================================
     4. CLIENT CONTROL TOWER — BLUEPRINT / TECHNICAL TEXTURE
     ======================================================== */

  body.v8.home-page .v847-portal-section{
    position:relative!important;
    overflow:hidden!important;

    background:
      linear-gradient(
        rgba(238,246,247,.95),
        rgba(231,241,243,.96)
      ),
      linear-gradient(
        rgba(12,63,84,.045) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(12,63,84,.045) 1px,
        transparent 1px
      )!important;

    background-size:
      auto,
      72px 72px,
      72px 72px!important;
  }

  body.v8.home-page .v847-portal-section::before{
    content:""!important;

    position:absolute!important;

    width:520px!important;
    height:520px!important;

    right:-250px!important;
    top:-230px!important;

    border:
      1px solid rgba(24,91,117,.09)!important;

    border-radius:50%!important;

    pointer-events:none!important;
  }

  body.v8.home-page .v847-portal-section::after{
    content:""!important;

    position:absolute!important;

    width:310px!important;
    height:310px!important;

    right:-120px!important;
    top:-125px!important;

    border:
      1px solid rgba(24,91,117,.08)!important;

    border-radius:50%!important;

    pointer-events:none!important;
  }

  body.v8.home-page .v847-portal-section > .container{
    position:relative!important;
    z-index:2!important;
  }


  /* ========================================================
     5. DIGITAL TOOLS — PEARL / GEOMETRIC TEXTURE
     ======================================================== */

  body.v8.home-page .v848-tools-section{
    position:relative!important;
    overflow:hidden!important;

    background:
      linear-gradient(
        rgba(250,247,240,.94),
        rgba(245,239,229,.96)
      ),
      url('/assets/img/contours.svg')!important;

    background-size:
      cover,
      1100px auto!important;

    background-position:
      center,
      center 45%!important;

    background-repeat:
      no-repeat,
      repeat!important;
  }

  body.v8.home-page .v848-tools-section::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    pointer-events:none!important;

    background:
      radial-gradient(
        circle at 12% 28%,
        rgba(198,151,43,.18) 1px,
        transparent 1.3px
      ),
      radial-gradient(
        circle at 87% 77%,
        rgba(14,67,91,.11) 1px,
        transparent 1.3px
      )!important;

    background-size:
      190px 190px,
      230px 230px!important;

    opacity:.48!important;
  }

  body.v8.home-page .v848-tools-section > .container{
    position:relative!important;
    z-index:2!important;
  }


  /* ========================================================
     6. SOLUTIONS MEGA MENU — SERVICE DIRECTORY
     ======================================================== */

  body.v8 .v8410-solutions-mega{
    width:min(1120px,92vw)!important;

    padding:22px!important;

    border-radius:0 0 24px 24px!important;

    background:
      radial-gradient(
        circle at 8% 20%,
        rgba(207,160,59,.10),
        transparent 25%
      ),
      linear-gradient(
        145deg,
        rgba(7,27,40,.99),
        rgba(9,42,59,.99)
      )!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-grid{
    display:grid!important;

    grid-template-columns:
      1.18fr
      repeat(3,minmax(0,1fr))!important;

    gap:10px!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-feature{
    grid-row:
      1 / span 3!important;

    min-height:100%!important;

    padding:30px 28px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    border:
      1px solid rgba(229,190,95,.14)!important;

    border-radius:18px!important;

    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(213,167,59,.16),
        transparent 35%
      ),
      rgba(255,255,255,.028)!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-feature small{
    margin-bottom:18px!important;

    color:#dbad42!important;

    font-size:10px!important;

    letter-spacing:.14em!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-feature h3{
    max-width:240px!important;

    margin:0 0 14px!important;

    font-size:1.75rem!important;
    line-height:1.03!important;

    letter-spacing:-.035em!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-feature p{
    max-width:245px!important;

    font-size:.88rem!important;
    line-height:1.58!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link{
    position:relative!important;

    min-height:78px!important;

    padding:16px 18px 15px 21px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    border-radius:12px!important;

    background:
      rgba(255,255,255,.026)!important;

    border:
      1px solid rgba(255,255,255,.055)!important;

    border-left:
      3px solid rgba(211,163,57,.55)!important;

    box-shadow:none!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link::after{
    content:"→"!important;

    position:absolute!important;

    right:15px!important;
    top:50%!important;

    transform:
      translateY(-50%)!important;

    color:rgba(218,176,77,.62)!important;

    font-size:.9rem!important;

    transition:
      transform .25s ease,
      color .25s ease!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link small{
    margin-bottom:7px!important;

    font-size:8px!important;
    line-height:1!important;

    font-weight:850!important;

    letter-spacing:.13em!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link strong{
    padding-right:22px!important;

    font-size:.93rem!important;
    line-height:1.1!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:hover{
    transform:
      translateX(3px)!important;

    background:
      rgba(255,255,255,.065)!important;

    border-color:
      rgba(222,181,82,.20)!important;

    border-left-color:
      #d6a743!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:hover::after{
    transform:
      translate(3px,-50%)!important;

    color:#e5bd5b!important;
  }


  /* ========================================================
     7. TOOLS MENU — MAKE IT LOOK LIKE SOFTWARE UTILITIES
     ======================================================== */

  body.v8 .v8410-tools-mega{
    width:min(860px,88vw)!important;

    padding:20px!important;

    border-radius:0 0 24px 24px!important;

    background:
      radial-gradient(
        circle at 85% 5%,
        rgba(58,135,165,.16),
        transparent 30%
      ),
      linear-gradient(
        145deg,
        rgba(6,26,39,.99),
        rgba(8,46,65,.99)
      )!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-grid{
    display:grid!important;

    grid-template-columns:
      1.08fr
      repeat(2,minmax(0,1fr))!important;

    gap:10px!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-feature{
    grid-row:
      1 / span 5!important;

    padding:28px 26px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    border-radius:18px!important;

    border:
      1px solid rgba(91,175,208,.14)!important;

    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(54,133,165,.19),
        transparent 34%
      ),
      rgba(255,255,255,.028)!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-feature small{
    color:#6fc8e6!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-feature h3{
    margin:15px 0 14px!important;

    font-size:1.65rem!important;
    line-height:1.03!important;

    letter-spacing:-.035em!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link{
    position:relative!important;

    min-height:88px!important;

    padding:
      15px 16px
      15px 58px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    border-radius:14px!important;

    border:
      1px solid rgba(255,255,255,.065)!important;

    background:
      rgba(255,255,255,.035)!important;

    box-shadow:none!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link::before{
    content:"↗"!important;

    position:absolute!important;

    left:15px!important;
    top:50%!important;

    width:30px!important;
    height:30px!important;

    transform:
      translateY(-50%)!important;

    display:grid!important;
    place-items:center!important;

    border-radius:9px!important;

    color:#e1b24b!important;

    background:
      linear-gradient(
        145deg,
        #0e3d54,
        #09283a
      )!important;

    border:
      1px solid rgba(109,194,224,.16)!important;

    font-size:.82rem!important;
    font-weight:900!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link small{
    color:#70c5e2!important;

    margin-bottom:6px!important;

    font-size:7.8px!important;
    line-height:1!important;

    font-weight:850!important;

    letter-spacing:.12em!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link strong{
    color:white!important;

    font-size:.9rem!important;
    line-height:1.15!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link:hover{
    transform:
      translateY(-2px)!important;

    background:
      rgba(91,166,197,.10)!important;

    border-color:
      rgba(100,188,221,.24)!important;
  }


  /* ========================================================
     8. FOOTER — SEPARATORS / BULLETS / STRONGER LOGO
     ======================================================== */

  body.v8 .v6-footer-top{
    align-items:start!important;
  }

  body.v8 .v6-footer-intro{
    padding-right:46px!important;
  }

  body.v8 .v6-footer-logo{
    width:225px!important;
    max-width:225px!important;

    height:auto!important;

    margin-bottom:22px!important;
  }

  body.v8 .v6-footer-top > div:not(:first-child){
    position:relative!important;

    min-height:180px!important;

    padding-left:30px!important;

    border-left:
      1px solid rgba(255,255,255,.075)!important;
  }

  body.v8 .v6-footer h4{
    position:relative!important;

    padding-bottom:12px!important;

    margin-bottom:15px!important;
  }

  body.v8 .v6-footer h4::after{
    content:""!important;

    position:absolute!important;

    left:0!important;
    bottom:0!important;

    width:28px!important;
    height:2px!important;

    border-radius:999px!important;

    background:
      linear-gradient(
        90deg,
        #d1a13b,
        rgba(209,161,59,0)
      )!important;
  }

  body.v8 .v6-footer li{
    position:relative!important;

    padding-left:14px!important;
  }

  body.v8 .v6-footer li::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:.58em!important;

    width:4px!important;
    height:4px!important;

    transform:
      rotate(45deg)!important;

    background:#c99a32!important;

    opacity:.72!important;
  }

  body.v8 .v6-footer li a{
    transition:
      color .2s ease,
      transform .2s ease!important;

    display:inline-block!important;
  }

  body.v8 .v6-footer li a:hover{
    color:#fff!important;

    transform:
      translateX(3px)!important;
  }


  /* ========================================================
     CHAPTER EDGE POLISH
     ======================================================== */

  body.v8.home-page .v849-core,
  body.v8.home-page .v849-specialist,
  body.v8.home-page .v847-intel-section,
  body.v8.home-page .v847-portal-section,
  body.v8.home-page .v848-tools-section{
    box-shadow:
      inset 0 1px rgba(255,255,255,.65),
      inset 0 -1px rgba(8,42,60,.05)!important;
  }

}


/* ==========================================================
   MID-SIZE DESKTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1180px){

  body.v8 .v8410-solutions-mega{
    width:96vw!important;
  }

  body.v8 .v8410-tools-mega{
    width:90vw!important;
  }

  body.v8 .v6-footer-logo{
    width:190px!important;
  }

  body.v8 .v6-footer-top > div:not(:first-child){
    padding-left:20px!important;
  }

}


/* ==========================================================
   V8.4.11 — LIGHT MEGA MENUS
   Solutions = service architecture
   Tools     = digital utilities
   ========================================================== */

@media (min-width:901px){

  /* ========================================================
     SHARED PANEL
     ======================================================== */

  body.v8 .v8410-solutions-mega,
  body.v8 .v8410-tools-mega{
    padding:18px!important;

    overflow:hidden!important;

    border:
      1px solid rgba(11,47,66,.12)!important;

    border-top:
      2px solid #d2a33d!important;

    border-radius:
      0 0 24px 24px!important;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.985),
        rgba(249,247,241,.985)
      )!important;

    box-shadow:
      0 34px 80px rgba(4,25,37,.22)!important;

    backdrop-filter:
      blur(20px) saturate(120%)!important;
  }


  body.v8 .v8410-solutions-mega{
    width:min(1180px,calc(100vw - 80px))!important;
  }


  body.v8 .v8410-tools-mega{
    width:min(1050px,calc(100vw - 80px))!important;
  }


  /* ========================================================
     GRID
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-grid{
    display:grid!important;

    grid-template-columns:
      285px repeat(3,minmax(0,1fr))!important;

    grid-template-rows:
      48px repeat(3,minmax(116px,auto))!important;

    gap:10px!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-grid{
    display:grid!important;

    grid-template-columns:
      300px repeat(2,minmax(0,1fr))!important;

    grid-template-rows:
      48px repeat(5,minmax(90px,auto))!important;

    gap:10px!important;
  }


  /* ========================================================
     LEFT INTRO PANEL
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-feature,
  body.v8 .v8410-tools-mega .v6-mega-feature{
    grid-column:1!important;
    grid-row:1 / -1!important;

    min-height:100%!important;

    padding:30px 28px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;

    border-radius:17px!important;

    border:
      1px solid rgba(12,54,73,.07)!important;

    box-shadow:none!important;

    color:#0b3046!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-feature{
    background:
      radial-gradient(
        circle at 85% 90%,
        rgba(205,160,56,.13),
        transparent 35%
      ),
      linear-gradient(
        155deg,
        #f8f3e8,
        #f4f0e7
      )!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-feature{
    background:
      radial-gradient(
        circle at 90% 90%,
        rgba(57,133,160,.13),
        transparent 36%
      ),
      linear-gradient(
        155deg,
        #f3f8f8,
        #f7f5ee
      )!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-feature small,
  body.v8 .v8410-tools-mega .v6-mega-feature small{
    display:block!important;

    margin:0 0 20px!important;

    padding-bottom:14px!important;

    border-bottom:
      1px solid rgba(191,140,35,.40)!important;

    color:#b57e16!important;

    font-size:9px!important;
    line-height:1!important;

    font-weight:900!important;

    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-feature small{
    color:#387f9c!important;

    border-bottom-color:
      rgba(53,126,155,.30)!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-feature h3,
  body.v8 .v8410-tools-mega .v6-mega-feature h3{
    max-width:235px!important;

    margin:0 0 17px!important;

    color:#092e45!important;

    font-size:2rem!important;
    line-height:1.02!important;

    font-weight:850!important;

    letter-spacing:-.045em!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-feature p,
  body.v8 .v8410-tools-mega .v6-mega-feature p{
    max-width:230px!important;

    margin:0!important;

    color:#64747d!important;

    font-size:.90rem!important;
    line-height:1.62!important;
  }


  /* ========================================================
     MENU TITLE ROW
     ======================================================== */

  body.v8 .v8411-menu-heading{
    min-width:0!important;

    display:flex!important;
    align-items:center!important;

    gap:16px!important;

    padding:0 8px 2px!important;

    color:#b47e18!important;
  }


  body.v8 .v8410-solutions-mega .v8411-menu-heading{
    grid-column:2 / 5!important;
    grid-row:1!important;
  }


  body.v8 .v8410-tools-mega .v8411-menu-heading{
    grid-column:2 / 4!important;
    grid-row:1!important;

    color:#327994!important;
  }


  body.v8 .v8411-menu-heading strong{
    flex:0 0 auto!important;

    color:currentColor!important;

    font-size:10px!important;
    line-height:1!important;

    font-weight:950!important;

    letter-spacing:.17em!important;

    text-transform:uppercase!important;
  }


  body.v8 .v8411-menu-heading i{
    flex:1 1 auto!important;

    height:1px!important;

    display:block!important;

    background:
      linear-gradient(
        90deg,
        currentColor,
        transparent
      )!important;

    opacity:.42!important;
  }


  body.v8 .v8411-menu-heading span{
    flex:0 0 auto!important;

    color:#89949a!important;

    font-size:8px!important;
    line-height:1!important;

    font-weight:800!important;

    letter-spacing:.16em!important;

    text-transform:uppercase!important;
  }


  /* ========================================================
     SHARED MENU CARDS
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link,
  body.v8 .v8410-tools-mega .v6-mega-link{
    position:relative!important;

    min-width:0!important;

    margin:0!important;

    display:grid!important;

    align-content:center!important;

    border-radius:13px!important;

    border:
      1px solid rgba(11,54,74,.075)!important;

    box-shadow:
      0 3px 12px rgba(7,39,54,.025)!important;

    color:#0b3047!important;

    transform:none!important;

    transition:
      transform .25s ease,
      border-color .25s ease,
      box-shadow .25s ease,
      background .25s ease!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link{
    min-height:116px!important;

    padding:
      17px 48px
      16px 64px!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-link{
    min-height:90px!important;

    padding:
      14px 48px
      13px 68px!important;
  }


  /* remove dark-menu leftovers */
  body.v8 .v8410-tools-mega .v6-mega-link::before{
    content:none!important;
    display:none!important;
  }


  /* ========================================================
     CARD COLOURS — SOLUTIONS
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(1),
  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(5){
    background:
      linear-gradient(
        145deg,
        #f6f9fb,
        #eef5f7
      )!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(2),
  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(8){
    background:
      linear-gradient(
        145deg,
        #f3f9f7,
        #edf5f2
      )!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(3),
  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(4){
    background:
      linear-gradient(
        145deg,
        #faf7f0,
        #f7f2e8
      )!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(6){
    background:
      linear-gradient(
        145deg,
        #f6f4fa,
        #f1eef7
      )!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(7){
    background:
      linear-gradient(
        145deg,
        #f9f7f2,
        #f3f1ec
      )!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(9){
    background:
      linear-gradient(
        145deg,
        #f2f8f2,
        #edf5ee
      )!important;
  }


  /* ========================================================
     CARD COLOURS — TOOLS
     ======================================================== */

  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(odd){
    background:
      linear-gradient(
        145deg,
        #f5f8fc,
        #eef4f9
      )!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(even){
    background:
      linear-gradient(
        145deg,
        #f0f8f7,
        #eaf5f3
      )!important;
  }


  /* ========================================================
     REAL SVG ICON CONTAINER
     ======================================================== */

  body.v8 .v8411-menu-icon{
    position:absolute!important;

    left:16px!important;
    top:50%!important;

    width:35px!important;
    height:35px!important;

    transform:
      translateY(-50%)!important;

    display:grid!important;
    place-items:center!important;

    border-radius:10px!important;

    color:#0b4160!important;

    background:
      rgba(224,237,244,.75)!important;
  }


  body.v8 .v8410-tools-mega .v8411-menu-icon{
    width:39px!important;
    height:39px!important;

    color:#0b4264!important;

    background:
      rgba(215,236,242,.74)!important;
  }


  body.v8 .v8411-menu-icon svg{
    width:22px!important;
    height:22px!important;

    fill:none!important;

    stroke:currentColor!important;
    stroke-width:1.8!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }


  /* ========================================================
     TEXT HIERARCHY
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link small,
  body.v8 .v8410-tools-mega .v6-mega-link small{
    display:block!important;

    margin:0 0 6px!important;

    color:#b47a12!important;

    font-size:7.5px!important;
    line-height:1!important;

    font-weight:950!important;

    letter-spacing:.14em!important;

    text-transform:uppercase!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-link small{
    color:#397f9b!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link strong,
  body.v8 .v8410-tools-mega .v6-mega-link strong{
    display:block!important;

    margin:0!important;

    padding:0!important;

    color:#092f48!important;

    font-size:.96rem!important;
    line-height:1.12!important;

    font-weight:850!important;

    letter-spacing:-.018em!important;
  }


  body.v8 .v8411-desc{
    display:block!important;

    margin-top:6px!important;

    max-width:230px!important;

    color:#738089!important;

    font-size:.74rem!important;
    line-height:1.30!important;

    font-weight:500!important;
  }


  /* ========================================================
     ARROW CONTROL
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link::after,
  body.v8 .v8410-tools-mega .v6-mega-link::after{
    content:"→"!important;

    position:absolute!important;

    right:14px!important;
    top:50%!important;

    width:29px!important;
    height:29px!important;

    transform:
      translateY(-50%)!important;

    display:grid!important;
    place-items:center!important;

    border-radius:50%!important;

    color:#0b4562!important;

    background:
      rgba(224,237,244,.80)!important;

    font-size:.95rem!important;
    line-height:1!important;

    font-weight:800!important;

    transition:
      transform .25s ease,
      background .25s ease!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(3n)::after{
    color:#9c6d14!important;

    background:
      rgba(244,234,211,.90)!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(even)::after{
    background:
      rgba(213,238,233,.90)!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link:hover,
  body.v8 .v8410-tools-mega .v6-mega-link:hover{
    transform:
      translateY(-3px)!important;

    border-color:
      rgba(30,91,116,.18)!important;

    box-shadow:
      0 12px 28px rgba(7,41,57,.09)!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link:hover::after,
  body.v8 .v8410-tools-mega .v6-mega-link:hover::after{
    transform:
      translate(3px,-50%)!important;
  }


}


/* do not interfere with mobile drawer */
@media (max-width:900px){

  .v8411-menu-heading,
  .v8411-menu-icon,
  .v8411-desc{
    display:none!important;
  }

}


/* ==========================================================
   V8.4.12 — REFERENCE MATCHED MEGA MENUS
   ========================================================== */

@media (min-width:901px){

  body.v8 .v8410-solutions-mega,
  body.v8 .v8410-tools-mega{
    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    padding:18px!important;

    border:
      1px solid rgba(8,45,65,.12)!important;

    border-top:
      2px solid #d4a844!important;

    border-radius:
      0 0 24px 24px!important;

    background:
      rgba(254,253,250,.985)!important;

    box-shadow:
      0 38px 90px rgba(3,27,40,.24)!important;

    overflow-y:auto!important;

    max-height:
      calc(100vh - 118px)!important;
  }


  body.v8 .v8410-solutions-mega{
    width:
      min(1240px,calc(100vw - 70px))!important;
  }


  body.v8 .v8410-tools-mega{
    width:
      min(1190px,calc(100vw - 70px))!important;
  }


  /* ========================================================
     SOLUTIONS — EXACT PROPORTIONS
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-grid{
    display:grid!important;

    grid-template-columns:
      300px repeat(3,minmax(0,1fr))!important;

    grid-template-rows:
      48px
      repeat(3,148px)!important;

    gap:12px!important;

    min-height:516px!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-feature{
    grid-column:1!important;
    grid-row:1 / 5!important;

    position:relative!important;

    min-height:100%!important;

    padding:
      31px 29px
      22px!important;

    overflow:hidden!important;

    border-radius:17px!important;

    border:
      1px solid rgba(14,53,69,.08)!important;

    color:#0a3047!important;

    background:
      linear-gradient(
        155deg,
        #faf6ed 0%,
        #f2eee4 100%
      )!important;

    box-shadow:none!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-feature::before{
    content:""!important;

    position:absolute!important;

    width:310px!important;
    height:310px!important;

    left:105px!important;
    bottom:-190px!important;

    border:
      1px solid rgba(189,138,35,.34)!important;

    border-radius:50%!important;

    pointer-events:none!important;
  }


  /* ========================================================
     TOOLS — EXACT PROPORTIONS
     ======================================================== */

  body.v8 .v8410-tools-mega .v6-mega-grid{
    display:grid!important;

    grid-template-columns:
      310px repeat(2,minmax(0,1fr))!important;

    grid-template-rows:
      48px
      repeat(4,94px)
      94px!important;

    gap:10px!important;

    min-height:558px!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-feature{
    grid-column:1!important;
    grid-row:1 / 7!important;

    position:relative!important;

    min-height:100%!important;

    padding:
      32px 30px
      24px!important;

    overflow:hidden!important;

    border-radius:17px!important;

    border:
      1px solid rgba(20,72,91,.08)!important;

    color:#092f49!important;

    background:
      linear-gradient(
        155deg,
        #f7faf8 0%,
        #f4f2ea 100%
      )!important;

    box-shadow:none!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-feature::before{
    content:""!important;

    position:absolute!important;

    width:350px!important;
    height:350px!important;

    left:132px!important;
    bottom:-220px!important;

    border:
      1px solid rgba(196,143,35,.47)!important;

    border-radius:50%!important;

    pointer-events:none!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-feature::after{
    content:""!important;

    position:absolute!important;

    width:250px!important;
    height:250px!important;

    right:-100px!important;
    bottom:-95px!important;

    opacity:.12!important;

    border-radius:50%!important;

    background:
      radial-gradient(
        circle,
        #174b68 1px,
        transparent 1.5px
      )!important;

    background-size:
      7px 7px!important;

    pointer-events:none!important;
  }


  /* ========================================================
     FEATURE PANEL TYPOGRAPHY
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-feature small,
  body.v8 .v8410-tools-mega .v6-mega-feature small{
    position:relative!important;
    z-index:3!important;

    display:block!important;

    margin:0 0 21px!important;

    padding-bottom:15px!important;

    border-bottom:
      1px solid rgba(186,135,31,.45)!important;

    color:#b17b16!important;

    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    font-size:9px!important;
    line-height:1!important;

    font-weight:800!important;

    letter-spacing:.18em!important;

    text-transform:uppercase!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-feature small{
    color:#3e809a!important;

    border-bottom-color:
      rgba(55,126,154,.28)!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-feature h3,
  body.v8 .v8410-tools-mega .v6-mega-feature h3{
    position:relative!important;
    z-index:3!important;

    max-width:250px!important;

    margin:0 0 17px!important;

    color:#092d46!important;

    font-family:
      "Cormorant Garamond",
      Georgia,
      serif!important;

    font-size:2.55rem!important;
    line-height:.91!important;

    font-weight:700!important;

    letter-spacing:-.035em!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-feature h3{
    font-size:2.65rem!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-feature > p,
  body.v8 .v8410-tools-mega .v6-mega-feature > p{
    position:relative!important;
    z-index:3!important;

    max-width:242px!important;

    margin:0!important;

    color:#65757e!important;

    font-size:.88rem!important;
    line-height:1.62!important;

    font-weight:400!important;
  }


  /* ========================================================
     SCRIPT BRAND LINE
     ======================================================== */

  body.v8 .v8412-script{
    position:relative!important;
    z-index:3!important;

    display:block!important;

    margin:
      28px 0
      13px!important;

    color:#ba8528!important;

    font-family:
      "Allura",
      "Brush Script MT",
      cursive!important;

    font-size:2.3rem!important;
    line-height:.82!important;

    transform:
      rotate(-4deg)!important;
  }


  body.v8 .v8412-feature-micro{
    position:relative!important;
    z-index:3!important;

    color:#7d898f!important;

    font-size:8px!important;
    line-height:1!important;

    font-weight:750!important;

    letter-spacing:.20em!important;

    text-transform:uppercase!important;
  }


  /* ========================================================
     SOLUTIONS FEATURE IMAGE
     ======================================================== */

  body.v8 .v8412-feature-image{
    position:absolute!important;

    left:0!important;
    right:0!important;
    bottom:0!important;

    height:180px!important;

    background-image:
      linear-gradient(
        180deg,
        rgba(247,243,234,1) 0%,
        rgba(247,243,234,.18) 36%,
        rgba(247,243,234,0) 55%
      ),
      url('/assets/img/v831/v831-freight.jpg')!important;

    background-size:
      cover,
      cover!important;

    background-position:
      center,
      center 56%!important;

    opacity:.92!important;

    pointer-events:none!important;
  }


  /* ========================================================
     TOOLS FEATURE BULLETS
     ======================================================== */

  body.v8 .v8412-feature-points{
    position:relative!important;
    z-index:3!important;

    display:grid!important;

    gap:13px!important;

    margin-top:22px!important;
  }


  body.v8 .v8412-feature-point{
    display:flex!important;

    align-items:center!important;

    gap:12px!important;

    color:#60737e!important;

    font-size:.83rem!important;
    line-height:1.2!important;
  }


  body.v8 .v8412-feature-point svg{
    width:23px!important;
    height:23px!important;

    fill:none!important;

    stroke:#bd8b24!important;

    stroke-width:1.7!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }


  /* ========================================================
     TOP MENU HEADING
     ======================================================== */

  body.v8 .v8411-menu-heading{
    min-width:0!important;

    display:flex!important;

    align-items:center!important;

    gap:16px!important;

    padding:
      0 8px
      2px!important;
  }


  body.v8 .v8410-solutions-mega .v8411-menu-heading{
    grid-column:2 / 5!important;
    grid-row:1!important;
  }


  body.v8 .v8410-tools-mega .v8411-menu-heading{
    grid-column:2 / 4!important;
    grid-row:1!important;
  }


  body.v8 .v8411-menu-heading strong{
    flex:0 0 auto!important;

    color:#b57d16!important;

    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    font-size:9px!important;
    line-height:1!important;

    font-weight:800!important;

    letter-spacing:.20em!important;

    text-transform:uppercase!important;
  }


  body.v8 .v8410-tools-mega .v8411-menu-heading strong{
    color:#3b7c96!important;
  }


  body.v8 .v8411-menu-heading i{
    flex:1 1 auto!important;

    display:block!important;

    height:1px!important;

    background:
      linear-gradient(
        90deg,
        rgba(184,132,29,.7),
        transparent
      )!important;
  }


  body.v8 .v8410-tools-mega .v8411-menu-heading i{
    background:
      linear-gradient(
        90deg,
        rgba(58,126,151,.55),
        transparent
      )!important;
  }


  body.v8 .v8411-menu-heading span{
    flex:0 0 auto!important;

    color:#8a969c!important;

    font-size:7.6px!important;
    line-height:1!important;

    font-weight:700!important;

    letter-spacing:.18em!important;

    text-transform:uppercase!important;
  }


  /* ========================================================
     SOLUTIONS CARD POSITIONS
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(1){
    grid-column:2!important;
    grid-row:2!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(2){
    grid-column:3!important;
    grid-row:2!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(3){
    grid-column:4!important;
    grid-row:2!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(4){
    grid-column:2!important;
    grid-row:3!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(5){
    grid-column:3!important;
    grid-row:3!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(6){
    grid-column:4!important;
    grid-row:3!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(7){
    grid-column:2!important;
    grid-row:4!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(8){
    grid-column:3!important;
    grid-row:4!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(9){
    grid-column:4!important;
    grid-row:4!important;
  }


  /* ========================================================
     TOOLS CARD POSITIONS
     ======================================================== */

  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(1){
    grid-column:2!important;
    grid-row:2!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(2){
    grid-column:3!important;
    grid-row:2!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(3){
    grid-column:2!important;
    grid-row:3!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(4){
    grid-column:3!important;
    grid-row:3!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(5){
    grid-column:2!important;
    grid-row:4!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(6){
    grid-column:3!important;
    grid-row:4!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(7){
    grid-column:2!important;
    grid-row:5!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(8){
    grid-column:3!important;
    grid-row:5!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(9){
    grid-column:2 / 4!important;
    grid-row:6!important;
  }


  /* ========================================================
     SERVICE CARDS
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link,
  body.v8 .v8410-tools-mega .v6-mega-link{
    position:relative!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    margin:0!important;

    border:
      1px solid rgba(8,52,74,.075)!important;

    border-radius:12px!important;

    box-shadow:
      0 4px 14px rgba(9,42,59,.025)!important;

    transform:none!important;

    transition:
      transform .24s ease,
      border-color .24s ease,
      box-shadow .24s ease!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link{
    min-height:148px!important;

    padding:
      18px 50px
      17px 74px!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-link{
    min-height:94px!important;

    padding:
      13px 50px
      13px 76px!important;
  }


  /* ========================================================
     CARD COLOUR SYSTEM
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(1){
    background:#f3f7fb!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(2){
    background:#f1f8f5!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(3){
    background:#faf6ee!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(4){
    background:#faf6ed!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(5){
    background:#f2f7fb!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(6){
    background:#f5f2fa!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(7){
    background:#faf8f3!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(8){
    background:#faf3ed!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(9){
    background:#f0f7f1!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(odd){
    background:#f2f6fc!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(even){
    background:#eff8f5!important;
  }


  /* ========================================================
     LARGER VECTOR ICONS
     ======================================================== */

  body.v8 .v8411-menu-icon{
    position:absolute!important;

    left:17px!important;
    top:50%!important;

    width:45px!important;
    height:45px!important;

    transform:
      translateY(-50%)!important;

    display:grid!important;
    place-items:center!important;

    border-radius:11px!important;

    color:#093f60!important;

    background:
      rgba(224,236,244,.88)!important;
  }


  body.v8 .v8410-tools-mega .v8411-menu-icon{
    width:48px!important;
    height:48px!important;

    background:
      rgba(218,235,245,.86)!important;
  }


  body.v8 .v8411-menu-icon::after{
    content:""!important;

    position:absolute!important;

    right:5px!important;
    top:5px!important;

    width:5px!important;
    height:5px!important;

    border-radius:50%!important;

    background:#d0a03b!important;
  }


  body.v8 .v8411-menu-icon svg{
    width:31px!important;
    height:31px!important;

    fill:none!important;

    stroke:currentColor!important;
    stroke-width:1.7!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }


  /* ========================================================
     CARD TYPOGRAPHY — MATCH REFERENCE
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link small,
  body.v8 .v8410-tools-mega .v6-mega-link small{
    margin:0 0 5px!important;

    color:#ae7712!important;

    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    font-size:7.2px!important;
    line-height:1!important;

    font-weight:800!important;

    letter-spacing:.16em!important;

    text-transform:uppercase!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-link small{
    color:#397f9c!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link strong,
  body.v8 .v8410-tools-mega .v6-mega-link strong{
    display:block!important;

    margin:0!important;
    padding:0!important;

    color:#092f49!important;

    font-family:
      "Cormorant Garamond",
      Georgia,
      serif!important;

    font-size:1.27rem!important;
    line-height:1!important;

    font-weight:700!important;

    letter-spacing:-.018em!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-link strong{
    font-size:1.22rem!important;
  }


  body.v8 .v8411-desc{
    display:block!important;

    max-width:245px!important;

    margin-top:6px!important;

    color:#6f7e87!important;

    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    font-size:.72rem!important;
    line-height:1.35!important;

    font-weight:400!important;
  }


  /* ========================================================
     ARROW BUTTONS
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link::after,
  body.v8 .v8410-tools-mega .v6-mega-link::after{
    content:"→"!important;

    position:absolute!important;

    right:15px!important;
    top:50%!important;

    width:34px!important;
    height:34px!important;

    transform:
      translateY(-50%)!important;

    display:grid!important;
    place-items:center!important;

    border-radius:50%!important;

    color:#0a4565!important;

    background:
      #e8f0f6!important;

    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    font-size:1rem!important;
    line-height:1!important;

    font-weight:700!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(3n)::after{
    color:#9c6b13!important;

    background:#f6edd9!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(even)::after{
    background:#ddf1ec!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link:hover,
  body.v8 .v8410-tools-mega .v6-mega-link:hover{
    transform:
      translateY(-3px)!important;

    border-color:
      rgba(19,84,111,.18)!important;

    box-shadow:
      0 14px 30px rgba(7,38,52,.08)!important;
  }


  /* ========================================================
     TOOLS FEATURE POINTS
     ======================================================== */

  body.v8 .v8410-tools-mega .v8412-script{
    margin-top:auto!important;

    padding-top:24px!important;
  }

}


/* ==========================================================
   MOBILE UNCHANGED
   ========================================================== */

@media (max-width:900px){

  .v8412-script,
  .v8412-feature-micro,
  .v8412-feature-image,
  .v8412-feature-points{
    display:none!important;
  }

}


/* ==========================================================
   V8.4.13 — MEGA MENU TYPOGRAPHY / PROPORTION FINALIZATION
   ========================================================== */

@media (min-width:901px){

  /* ========================================================
     OVERALL PANEL PROPORTIONS
     ======================================================== */

  body.v8 .v8410-solutions-mega{
    width:min(1260px,calc(100vw - 72px))!important;
    padding:20px!important;
  }

  body.v8 .v8410-tools-mega{
    width:min(1200px,calc(100vw - 72px))!important;
    padding:20px!important;
  }


  /* ========================================================
     SOLUTIONS GRID — LESS COMPRESSED
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-grid{
    grid-template-columns:
      330px repeat(3,minmax(0,1fr))!important;

    grid-template-rows:
      56px repeat(3,162px)!important;

    gap:12px!important;

    min-height:578px!important;
  }


  /* ========================================================
     TOOLS GRID — MORE LIKE APPROVED REFERENCE
     ======================================================== */

  body.v8 .v8410-tools-mega .v6-mega-grid{
    grid-template-columns:
      325px repeat(2,minmax(0,1fr))!important;

    grid-template-rows:
      56px
      repeat(4,104px)
      104px!important;

    gap:11px!important;

    min-height:608px!important;
  }


  /* ========================================================
     LEFT FEATURE PANELS
     Serif stays ONLY here.
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-feature,
  body.v8 .v8410-tools-mega .v6-mega-feature{
    padding:32px 31px 24px!important;

    border-radius:18px!important;

    background:
      linear-gradient(
        155deg,
        #fbf8f1 0%,
        #f5f2ea 100%
      )!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-feature{
    background:
      linear-gradient(
        155deg,
        #f8faf8 0%,
        #f4f4ee 100%
      )!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-feature h1,
  body.v8 .v8410-solutions-mega .v6-mega-feature h2,
  body.v8 .v8410-solutions-mega .v6-mega-feature h3,
  body.v8 .v8410-tools-mega .v6-mega-feature h1,
  body.v8 .v8410-tools-mega .v6-mega-feature h2,
  body.v8 .v8410-tools-mega .v6-mega-feature h3{
    max-width:265px!important;

    margin:0 0 20px!important;

    color:#0a3048!important;

    font-family:
      "Cormorant Garamond",
      Georgia,
      serif!important;

    font-size:2.7rem!important;
    line-height:.93!important;

    font-weight:700!important;

    letter-spacing:-.038em!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-feature > p,
  body.v8 .v8410-tools-mega .v6-mega-feature > p{
    max-width:250px!important;

    color:#667781!important;

    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    font-size:.91rem!important;
    line-height:1.65!important;
  }


  /* ========================================================
     SOLUTIONS LEFT FEATURE IMAGE / SCRIPT
     ======================================================== */

  body.v8 .v8410-solutions-mega .v8412-feature-extra{
    position:relative!important;

    min-height:260px!important;

    margin-top:auto!important;

    padding-top:28px!important;
  }

  body.v8 .v8410-solutions-mega .v8412-script{
    position:relative!important;
    z-index:4!important;

    margin:0 0 12px!important;

    font-size:2.25rem!important;
    line-height:.82!important;
  }

  body.v8 .v8410-solutions-mega .v8412-feature-micro{
    position:relative!important;
    z-index:4!important;

    display:block!important;

    font-size:7.8px!important;
    letter-spacing:.19em!important;
  }

  body.v8 .v8410-solutions-mega .v8412-feature-image{
    left:0!important;
    right:0!important;
    bottom:0!important;

    height:170px!important;

    overflow:hidden!important;

    border-radius:
      150px 150px
      12px 12px!important;

    background-position:
      center 58%!important;
  }


  /* ========================================================
     TOOLS LEFT PANEL
     ======================================================== */

  body.v8 .v8410-tools-mega .v8412-feature-points{
    gap:14px!important;

    margin-top:25px!important;
  }

  body.v8 .v8410-tools-mega .v8412-feature-point{
    gap:13px!important;

    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    font-size:.86rem!important;

    color:#647781!important;
  }

  body.v8 .v8410-tools-mega .v8412-script{
    margin-top:auto!important;

    padding-top:26px!important;

    font-size:2.2rem!important;
  }


  /* ========================================================
     TOP LABEL ROW
     ======================================================== */

  body.v8 .v8411-menu-heading{
    padding:0 10px!important;
  }

  body.v8 .v8411-menu-heading strong{
    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    font-size:9.5px!important;
    font-weight:800!important;

    letter-spacing:.19em!important;
  }

  body.v8 .v8411-menu-heading span{
    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    font-size:7.8px!important;
    font-weight:700!important;

    color:#89969d!important;
  }


  /* ========================================================
     REMOVE HEAVY PASTEL CARD LOOK
     Cards are now near-white with controlled tint.
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link,
  body.v8 .v8410-tools-mega .v6-mega-link{
    border:
      1px solid rgba(12,51,70,.09)!important;

    box-shadow:
      0 7px 22px rgba(7,37,52,.035)!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(1){
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #f3f7fa 100%
      )!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(2){
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #f2f8f5 100%
      )!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(3){
    background:
      linear-gradient(
        145deg,
        #fffefa 0%,
        #faf5e9 100%
      )!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(4){
    background:
      linear-gradient(
        145deg,
        #fffefa 0%,
        #faf4e8 100%
      )!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(5){
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #f2f7fb 100%
      )!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(6){
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #f5f1fa 100%
      )!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(7){
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #faf7f0 100%
      )!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(8){
    background:
      linear-gradient(
        145deg,
        #fffdfa 0%,
        #faf2ea 100%
      )!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(9){
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #f0f7f1 100%
      )!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(odd){
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #f3f7fc 100%
      )!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link:nth-of-type(even){
    background:
      linear-gradient(
        145deg,
        #ffffff 0%,
        #eef8f5 100%
      )!important;
  }


  /* ========================================================
     OPTION CARD TYPOGRAPHY
     THIS IS THE MAIN FONT CORRECTION.
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link strong,
  body.v8 .v8410-tools-mega .v6-mega-link strong{
    display:block!important;

    margin:0!important;
    padding:0!important;

    color:#0a3048!important;

    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    font-size:1.02rem!important;
    line-height:1.13!important;

    font-weight:800!important;

    letter-spacing:-.025em!important;
  }


  body.v8 .v8410-tools-mega .v6-mega-link strong{
    font-size:1rem!important;
  }


  body.v8 .v8410-solutions-mega .v6-mega-link small,
  body.v8 .v8410-tools-mega .v6-mega-link small{
    margin-bottom:7px!important;

    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    font-size:7.5px!important;
    line-height:1!important;

    font-weight:800!important;

    letter-spacing:.16em!important;

    color:#b27a14!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link small{
    color:#387e9a!important;
  }


  body.v8 .v8411-desc{
    max-width:250px!important;

    margin-top:7px!important;

    color:#6e7d86!important;

    font-family:
      "Manrope",
      Arial,
      sans-serif!important;

    font-size:.73rem!important;
    line-height:1.38!important;

    font-weight:400!important;
  }


  /* ========================================================
     LARGE REFERENCE-STYLE VECTOR ICONS
     Remove little blue rounded squares.
     ======================================================== */

  body.v8 .v8411-menu-icon,
  body.v8 .v8410-tools-mega .v8411-menu-icon{
    left:18px!important;

    width:43px!important;
    height:43px!important;

    border-radius:0!important;

    color:#0c4465!important;

    background:transparent!important;

    box-shadow:none!important;
  }

  body.v8 .v8411-menu-icon::after{
    right:1px!important;
    top:1px!important;

    width:5px!important;
    height:5px!important;

    background:#d3a33d!important;
  }

  body.v8 .v8411-menu-icon svg{
    width:35px!important;
    height:35px!important;

    stroke-width:1.75!important;
  }


  /* card content shifts slightly right for larger vectors */

  body.v8 .v8410-solutions-mega .v6-mega-link{
    padding:
      20px 52px
      19px 74px!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-link{
    padding:
      15px 52px
      15px 76px!important;
  }


  /* ========================================================
     ARROWS — SMALLER / QUIETER
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link::after,
  body.v8 .v8410-tools-mega .v6-mega-link::after{
    width:32px!important;
    height:32px!important;

    right:15px!important;

    color:#174d69!important;

    background:
      rgba(232,241,246,.82)!important;

    font-family:
      "Manrope",
      Arial,
      sans-serif!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-link:nth-of-type(3n)::after{
    color:#a16f16!important;

    background:
      rgba(248,238,216,.90)!important;
  }


  /* ========================================================
     BETTER HOVER — NOT BUTTON-LIKE
     ======================================================== */

  body.v8 .v8410-solutions-mega .v6-mega-link:hover,
  body.v8 .v8410-tools-mega .v6-mega-link:hover{
    transform:
      translateY(-2px)!important;

    border-color:
      rgba(18,80,106,.17)!important;

    box-shadow:
      0 16px 34px rgba(7,39,54,.075)!important;
  }

}


/* ==========================================================
   SAFER MID-SIZE DESKTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1260px){

  body.v8 .v8410-solutions-mega{
    width:calc(100vw - 34px)!important;
  }

  body.v8 .v8410-tools-mega{
    width:calc(100vw - 34px)!important;
  }

  body.v8 .v8410-solutions-mega .v6-mega-grid{
    grid-template-columns:
      290px repeat(3,minmax(0,1fr))!important;
  }

  body.v8 .v8410-tools-mega .v6-mega-grid{
    grid-template-columns:
      285px repeat(2,minmax(0,1fr))!important;
  }

}


/* ==========================================================
   V8.6.0 — SERVICES DESKTOP
   ========================================================== */

@media (min-width:901px){


  /* ========================================================
     SHARED PAGE WIDTH
     ======================================================== */

  body.services-page .v860-core > .container,
  body.services-page .v860-specialized > .container,
  body.services-page .v860-control > .container,
  body.services-page .v860-cta > .container{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }


  /* ========================================================
     HERO
     ======================================================== */

  body.services-page .v860-services-hero{
    position:relative!important;

    min-height:590px!important;

    overflow:hidden!important;

    background-image:
      var(--subhero-bg)!important;

    background-size:cover!important;
    background-repeat:no-repeat!important;

    background-position:
      var(--subhero-position)!important;

    border-bottom:
      1px solid rgba(255,255,255,.08)!important;
  }


  body.services-page .v860-services-hero::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    z-index:1!important;

    background:
      linear-gradient(
        90deg,
        rgba(3,18,28,.94) 0%,
        rgba(3,18,28,.80) 31%,
        rgba(3,18,28,.37) 58%,
        rgba(3,18,28,.12) 100%
      )!important;

    pointer-events:none!important;
  }


  body.services-page .v860-services-hero::after{
    content:""!important;

    position:absolute!important;

    left:0!important;
    right:0!important;
    bottom:0!important;

    height:180px!important;

    z-index:1!important;

    background:
      linear-gradient(
        180deg,
        transparent,
        rgba(3,18,28,.48)
      )!important;

    pointer-events:none!important;
  }


  body.services-page .v860-services-hero .subhero-shade{
    display:none!important;
  }


  body.services-page .v860-services-hero .subhero-full-inner{
    position:relative!important;
    z-index:2!important;

    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;

    min-height:590px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.12fr)
      minmax(320px,.58fr)!important;

    gap:110px!important;

    align-items:center!important;
  }


  body.services-page .v860-services-hero .subhero-copy{
    max-width:720px!important;

    margin:0!important;
    padding:0!important;

    background:transparent!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;
    backdrop-filter:none!important;
  }


  body.services-page .v860-services-hero .breadcrumbs{
    margin-bottom:26px!important;

    color:rgba(255,255,255,.54)!important;

    font-size:.75rem!important;

    letter-spacing:.045em!important;
  }


  body.services-page .v860-services-hero .breadcrumbs a{
    color:#e2b34a!important;
  }


  body.services-page .v860-services-hero .eyebrow{
    color:#deb044!important;
  }


  body.services-page .v860-services-hero h1{
    max-width:700px!important;

    margin:13px 0 21px!important;

    color:white!important;

    font-size:
      clamp(3.6rem,5.15vw,6rem)!important;

    line-height:.92!important;

    letter-spacing:-.058em!important;

    text-wrap:balance!important;
  }


  body.services-page .v860-services-hero .lead{
    max-width:665px!important;

    margin:0!important;

    color:rgba(255,255,255,.72)!important;

    font-size:1.04rem!important;
    line-height:1.72!important;
  }


  body.services-page .v860-services-hero .subhero-note{
    position:relative!important;

    max-width:390px!important;

    padding:29px 29px 30px!important;

    border-radius:20px!important;

    border:
      1px solid rgba(255,255,255,.14)!important;

    background:
      linear-gradient(
        150deg,
        rgba(7,38,53,.91),
        rgba(5,27,39,.88)
      )!important;

    box-shadow:
      0 24px 62px rgba(0,0,0,.25)!important;

    backdrop-filter:
      blur(14px)!important;
  }


  body.services-page .v860-services-hero .subhero-note::before{
    content:""!important;

    position:absolute!important;

    left:29px!important;
    top:0!important;

    width:74px!important;
    height:2px!important;

    background:#d7a83d!important;
  }


  body.services-page .v860-services-hero .subhero-note strong{
    display:block!important;

    margin:10px 0 11px!important;

    color:white!important;

    font-size:1.3rem!important;

    letter-spacing:-.02em!important;
  }


  body.services-page .v860-services-hero .subhero-note p{
    margin:0!important;

    color:rgba(255,255,255,.56)!important;

    font-size:.88rem!important;
    line-height:1.6!important;
  }


  /* ========================================================
     SECTION HEADINGS
     ======================================================== */

  body.services-page .v860-core .section-heading,
  body.services-page .v860-specialized .section-heading,
  body.services-page .v860-control .section-heading{
    display:grid!important;

    grid-template-columns:
      minmax(0,.92fr)
      minmax(0,1.08fr)!important;

    gap:90px!important;

    align-items:end!important;

    margin-bottom:46px!important;
  }


  body.services-page .v860-core .section-heading h2,
  body.services-page .v860-specialized .section-heading h2,
  body.services-page .v860-control .section-heading h2{
    font-size:
      clamp(2.85rem,4vw,4.5rem)!important;

    line-height:.94!important;

    letter-spacing:-.052em!important;
  }


  body.services-page .v860-core .section-heading .copy,
  body.services-page .v860-specialized .section-heading .copy,
  body.services-page .v860-control .section-heading .copy{
    max-width:610px!important;
  }


  body.services-page .v860-core .section-heading .copy p,
  body.services-page .v860-specialized .section-heading .copy p{
    font-size:1rem!important;
    line-height:1.72!important;
  }


  /* ========================================================
     CORE CAPABILITIES
     WARM CARTOGRAPHIC CHAPTER
     ======================================================== */

  body.services-page .v860-core{
    position:relative!important;

    overflow:hidden!important;

    padding:104px 0 118px!important;

    background:
      linear-gradient(
        rgba(249,246,238,.92),
        rgba(244,239,228,.95)
      ),
      url('/assets/img/contours.svg')!important;

    background-size:
      cover,
      860px auto!important;

    background-repeat:
      no-repeat,
      repeat!important;

    background-position:
      center,
      center top!important;
  }


  body.services-page .v860-core::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    pointer-events:none!important;

    opacity:.45!important;

    background:
      radial-gradient(
        circle at 10% 22%,
        rgba(200,152,42,.20) 1.2px,
        transparent 1.5px
      ),
      radial-gradient(
        circle at 88% 72%,
        rgba(15,73,98,.10) 1.2px,
        transparent 1.5px
      )!important;

    background-size:
      190px 190px,
      240px 240px!important;
  }


  body.services-page .v860-core > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.services-page .v860-core .services-grid{
    display:grid!important;

    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;

    gap:20px!important;
  }


  body.services-page .v860-core .service-card{
    min-width:0!important;

    overflow:hidden!important;

    border-radius:20px!important;

    border:
      1px solid rgba(10,45,62,.09)!important;

    background:#fff!important;

    box-shadow:
      0 18px 45px rgba(8,38,54,.075)!important;

    transform:none!important;

    transition:
      transform .3s ease,
      box-shadow .3s ease,
      border-color .3s ease!important;
  }


  body.services-page .v860-core .service-card:hover{
    transform:
      translateY(-6px)!important;

    border-color:
      rgba(198,149,40,.25)!important;

    box-shadow:
      0 28px 58px rgba(8,38,54,.12)!important;
  }


  body.services-page .v860-core .service-media{
    position:relative!important;

    width:100%!important;
    height:235px!important;

    overflow:hidden!important;

    background:#dfe6e7!important;
  }


  body.services-page .v860-core .service-media::after{
    content:""!important;

    position:absolute!important;
    inset:auto 0 0!important;

    height:55px!important;

    background:
      linear-gradient(
        180deg,
        transparent,
        rgba(5,28,40,.08)
      )!important;

    pointer-events:none!important;
  }


  body.services-page .v860-core .service-media img{
    width:100%!important;
    height:100%!important;

    display:block!important;

    object-fit:cover!important;
    object-position:center!important;

    transform:none!important;

    transition:
      transform .55s ease!important;
  }


  body.services-page .v860-core .service-card:hover .service-media img{
    transform:
      scale(1.035)!important;
  }


  body.services-page .v860-core .service-body{
    min-height:210px!important;

    padding:25px 25px 23px!important;

    display:flex!important;
    flex-direction:column!important;
  }


  body.services-page .v860-core .service-body h3{
    margin:0 0 10px!important;

    color:#0a2d40!important;

    font-size:1.25rem!important;
    line-height:1.1!important;

    letter-spacing:-.025em!important;
  }


  body.services-page .v860-core .service-body p{
    margin:0!important;

    color:#697780!important;

    font-size:.86rem!important;
    line-height:1.58!important;
  }


  body.services-page .v860-core .service-body .text-link{
    margin-top:auto!important;
    padding-top:20px!important;

    color:#0a3045!important;

    font-size:.78rem!important;
    font-weight:850!important;
  }


  body.services-page .v860-core .service-body .text-link span{
    color:#c49125!important;
  }


  /* ========================================================
     SPECIALIZED EXECUTION
     COOL PEARL / MIST CHAPTER
     ======================================================== */

  body.services-page .v860-specialized{
    position:relative!important;

    overflow:hidden!important;

    padding:106px 0 120px!important;

    background:
      radial-gradient(
        circle at 82% 18%,
        rgba(65,137,164,.12),
        transparent 28%
      ),
      radial-gradient(
        circle at 12% 82%,
        rgba(202,155,44,.07),
        transparent 25%
      ),
      linear-gradient(
        180deg,
        #eef5f5 0%,
        #e8f1f1 100%
      )!important;
  }


  body.services-page .v860-specialized::before{
    content:""!important;

    position:absolute!important;

    width:680px!important;
    height:680px!important;

    right:-400px!important;
    top:-350px!important;

    border:
      1px solid rgba(11,69,94,.075)!important;

    border-radius:50%!important;

    pointer-events:none!important;
  }


  body.services-page .v860-specialized > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.services-page .v860-specialized .specialized-grid{
    display:grid!important;

    grid-template-columns:
      repeat(6,minmax(0,1fr))!important;

    gap:18px!important;
  }


  /* Top two featured cards */

  body.services-page .v860-specialized .specialized-card:nth-child(1),
  body.services-page .v860-specialized .specialized-card:nth-child(2){
    grid-column:
      span 3!important;

    min-height:315px!important;

    display:grid!important;

    grid-template-columns:
      44% minmax(0,1fr)!important;
  }


  /* Bottom three equal cards */

  body.services-page .v860-specialized .specialized-card:nth-child(n+3){
    grid-column:
      span 2!important;

    display:flex!important;
    flex-direction:column!important;

    min-height:405px!important;
  }


  body.services-page .v860-specialized .specialized-card{
    min-width:0!important;

    overflow:hidden!important;

    text-decoration:none!important;

    color:#0b3044!important;

    border-radius:20px!important;

    border:
      1px solid rgba(11,50,67,.09)!important;

    background:
      rgba(255,255,255,.94)!important;

    box-shadow:
      0 18px 46px rgba(9,42,58,.075)!important;

    transition:
      transform .3s ease,
      box-shadow .3s ease!important;
  }


  body.services-page .v860-specialized .specialized-card:hover{
    transform:
      translateY(-5px)!important;

    box-shadow:
      0 28px 58px rgba(9,42,58,.12)!important;
  }


  body.services-page .v860-specialized .specialized-card-media{
    width:100%!important;

    min-height:100%!important;

    background-size:cover!important;
    background-position:center!important;

    transition:
      transform .55s ease!important;
  }


  body.services-page .v860-specialized .specialized-card:nth-child(n+3)
  .specialized-card-media{
    height:190px!important;
    min-height:190px!important;
  }


  body.services-page .v860-specialized .specialized-card:hover
  .specialized-card-media{
    transform:
      scale(1.025)!important;
  }


  body.services-page .v860-specialized .specialized-card > div:last-child{
    padding:27px 27px 25px!important;

    display:flex!important;
    flex-direction:column!important;

    min-width:0!important;
  }


  body.services-page .v860-specialized .specialized-card span{
    color:#ad7719!important;

    font-size:.67rem!important;
    line-height:1!important;

    font-weight:900!important;

    letter-spacing:.12em!important;

    text-transform:uppercase!important;
  }


  body.services-page .v860-specialized .specialized-card h3{
    margin:10px 0 10px!important;

    color:#0a2e42!important;

    font-size:1.28rem!important;
    line-height:1.08!important;

    letter-spacing:-.025em!important;
  }


  body.services-page .v860-specialized .specialized-card p{
    margin:0!important;

    color:#697980!important;

    font-size:.84rem!important;
    line-height:1.57!important;
  }


  body.services-page .v860-specialized .specialized-card b{
    margin-top:auto!important;
    padding-top:21px!important;

    color:#0a3045!important;

    font-size:.75rem!important;

    font-weight:850!important;
  }


  /* ========================================================
     CONTROL MODEL
     DARK TECHNICAL CHAPTER
     ======================================================== */

  body.services-page .v860-control{
    position:relative!important;

    overflow:hidden!important;

    padding:108px 0 118px!important;

    color:white!important;

    background:
      radial-gradient(
        circle at 83% 16%,
        rgba(55,133,163,.22),
        transparent 31%
      ),
      linear-gradient(
        128deg,
        #051722 0%,
        #08293b 57%,
        #0b3b52 100%
      )!important;
  }


  body.services-page .v860-control::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.13!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.10) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.10) 1px,
        transparent 1px
      )!important;

    background-size:
      82px 82px!important;

    pointer-events:none!important;
  }


  body.services-page .v860-control > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.services-page .v860-control .eyebrow{
    color:#deb248!important;
  }


  body.services-page .v860-control h2{
    color:white!important;
  }


  body.services-page .v860-control .section-heading .copy p{
    color:rgba(255,255,255,.62)!important;

    font-size:1rem!important;
    line-height:1.7!important;
  }


  body.services-page .v860-control .process{
    position:relative!important;

    margin-top:58px!important;

    display:grid!important;

    grid-template-columns:
      repeat(4,minmax(0,1fr))!important;

    gap:14px!important;
  }


  body.services-page .v860-control .process::before{
    content:""!important;

    position:absolute!important;

    left:7%!important;
    right:7%!important;
    top:37px!important;

    height:1px!important;

    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(222,177,72,.70) 12%,
        rgba(92,169,199,.52) 50%,
        rgba(222,177,72,.70) 88%,
        transparent
      )!important;

    pointer-events:none!important;
  }


  body.services-page .v860-control .process-step{
    position:relative!important;
    z-index:2!important;

    min-height:235px!important;

    padding:28px 25px 25px!important;

    border-radius:18px!important;

    border:
      1px solid rgba(255,255,255,.09)!important;

    background:
      linear-gradient(
        160deg,
        rgba(255,255,255,.075),
        rgba(255,255,255,.028)
      )!important;

    box-shadow:none!important;
  }


  body.services-page .v860-control .process-step b{
    width:48px!important;
    height:48px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:31px!important;

    border-radius:50%!important;

    color:#092131!important;

    background:
      linear-gradient(
        145deg,
        #edd071,
        #ca972d
      )!important;

    font-size:.7rem!important;

    box-shadow:
      0 9px 26px rgba(198,145,37,.20)!important;
  }


  body.services-page .v860-control .process-step h3{
    margin:0 0 11px!important;

    color:white!important;

    font-size:1.27rem!important;
    line-height:1.08!important;
  }


  body.services-page .v860-control .process-step p{
    margin:0!important;

    color:rgba(255,255,255,.56)!important;

    font-size:.85rem!important;
    line-height:1.6!important;
  }


  /* ========================================================
     FINAL CTA
     ======================================================== */

  body.services-page .v860-cta{
    position:relative!important;

    overflow:hidden!important;

    padding:80px 0 84px!important;

    background:
      radial-gradient(
        circle at 88% 18%,
        rgba(62,137,166,.22),
        transparent 31%
      ),
      linear-gradient(
        110deg,
        #061722,
        #082a3c 58%,
        #0b3b52
      )!important;
  }


  body.services-page .v860-cta::after{
    content:""!important;

    position:absolute!important;

    width:440px!important;
    height:440px!important;

    right:-170px!important;
    top:-255px!important;

    border:
      1px solid rgba(220,174,66,.14)!important;

    border-radius:50%!important;

    pointer-events:none!important;
  }


  body.services-page .v860-cta .cta-inner{
    position:relative!important;
    z-index:2!important;

    min-height:145px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr) auto!important;

    gap:80px!important;

    align-items:center!important;
  }


  body.services-page .v860-cta h2{
    margin:10px 0 9px!important;

    color:white!important;

    font-size:
      clamp(2.8rem,3.6vw,4.2rem)!important;

    line-height:.94!important;

    letter-spacing:-.05em!important;
  }


  body.services-page .v860-cta p{
    color:rgba(255,255,255,.55)!important;
  }


  body.services-page .v860-cta .btn{
    min-width:190px!important;
    min-height:50px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:999px!important;

    font-weight:850!important;
  }


  /* ========================================================
     FOOTER — MATCH HOMEPAGE STANDARD
     ======================================================== */

  body.services-page .v6-footer{
    padding-top:0!important;

    background:
      linear-gradient(
        180deg,
        #041620 0%,
        #03121b 100%
      )!important;

    border-top:
      1px solid rgba(255,255,255,.05)!important;
  }


  body.services-page .v6-footer-top{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;

    display:grid!important;

    grid-template-columns:
      1.65fr repeat(4,1fr)!important;

    gap:50px!important;

    padding-top:62px!important;
    padding-bottom:54px!important;
  }


  body.services-page .v6-footer-intro{
    padding-right:44px!important;
  }


  body.services-page .v6-footer-logo{
    width:220px!important;
    max-width:220px!important;

    margin-bottom:21px!important;
  }


  body.services-page .v6-footer-intro p{
    max-width:330px!important;

    color:rgba(255,255,255,.43)!important;

    font-size:.87rem!important;
    line-height:1.65!important;
  }


  body.services-page .v6-footer-top > div:not(:first-child){
    min-height:175px!important;

    padding-left:27px!important;

    border-left:
      1px solid rgba(255,255,255,.075)!important;
  }


  body.services-page .v6-footer h4{
    position:relative!important;

    margin:0 0 17px!important;

    padding-bottom:11px!important;

    color:#d4a640!important;

    font-size:.71rem!important;

    letter-spacing:.13em!important;

    text-transform:uppercase!important;
  }


  body.services-page .v6-footer h4::after{
    content:""!important;

    position:absolute!important;

    left:0!important;
    bottom:0!important;

    width:28px!important;
    height:2px!important;

    background:
      linear-gradient(
        90deg,
        #d0a03b,
        transparent
      )!important;
  }


  body.services-page .v6-footer li{
    position:relative!important;

    padding-left:13px!important;
  }


  body.services-page .v6-footer li::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:.62em!important;

    width:4px!important;
    height:4px!important;

    transform:
      rotate(45deg)!important;

    background:#c89a32!important;

    opacity:.75!important;
  }


  body.services-page .v6-footer li,
  body.services-page .v6-footer li a{
    color:rgba(255,255,255,.57)!important;

    font-size:.81rem!important;
  }


  body.services-page .v6-footer-bottom{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;

    min-height:70px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    border-top:
      1px solid rgba(255,255,255,.065)!important;

    color:rgba(255,255,255,.28)!important;

    font-size:.67rem!important;

    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }


  /* ========================================================
     SECTION ENTRY MOTION
     ======================================================== */

  body.services-page .v860-chapter{
    scroll-margin-top:105px!important;
  }


  @media (prefers-reduced-motion:no-preference){

    body.services-page.v860-motion
    .v860-chapter > .container{
      opacity:.84!important;

      transform:
        translateY(28px) scale(.996)!important;

      filter:
        saturate(.90)!important;

      transition:
        opacity .85s cubic-bezier(.2,.7,.2,1),
        transform .85s cubic-bezier(.2,.7,.2,1),
        filter .85s ease!important;
    }


    body.services-page.v860-motion
    .v860-chapter.v860-in > .container{
      opacity:1!important;

      transform:
        translateY(0) scale(1)!important;

      filter:
        saturate(1)!important;
    }

  }

}


/* ==========================================================
   MID-SIZE DESKTOP SAFETY
   ========================================================== */

@media (min-width:901px) and (max-width:1220px){

  body.services-page .v860-services-hero .subhero-full-inner,
  body.services-page .v860-core > .container,
  body.services-page .v860-specialized > .container,
  body.services-page .v860-control > .container,
  body.services-page .v860-cta > .container,
  body.services-page .v6-footer-top,
  body.services-page .v6-footer-bottom{
    width:calc(100% - 48px)!important;
  }


  body.services-page .v860-services-hero .subhero-full-inner{
    gap:60px!important;

    grid-template-columns:
      minmax(0,1fr)
      340px!important;
  }


  body.services-page .v860-core .service-media{
    height:205px!important;
  }

}


/* ==========================================================
   V8.6.1 — SERVICES DESKTOP FINAL POLISH
   ========================================================== */

@media (min-width:901px){

  /* ========================================================
     BETTER HEADING PROPORTIONS
     ======================================================== */

  body.services-page .v860-core .section-heading,
  body.services-page .v860-specialized .section-heading,
  body.services-page .v860-control .section-heading{
    grid-template-columns:
      minmax(0,1.06fr)
      minmax(0,.94fr)!important;

    gap:78px!important;
  }

  body.services-page .v860-core .section-heading > div:first-child,
  body.services-page .v860-specialized .section-heading > div:first-child,
  body.services-page .v860-control .section-heading > div:first-child{
    max-width:620px!important;
  }

  body.services-page .v860-core .section-heading h2,
  body.services-page .v860-specialized .section-heading h2,
  body.services-page .v860-control .section-heading h2{
    max-width:610px!important;

    font-size:
      clamp(2.7rem,3.55vw,4.15rem)!important;

    line-height:.96!important;
  }


  /* ========================================================
     TIGHTER SECTION RHYTHM
     ======================================================== */

  body.services-page .v860-core{
    padding:
      92px 0 106px!important;
  }

  body.services-page .v860-specialized{
    padding:
      94px 0 108px!important;
  }

  body.services-page .v860-control{
    padding:
      96px 0 104px!important;
  }

  body.services-page .v860-core .section-heading,
  body.services-page .v860-specialized .section-heading{
    margin-bottom:38px!important;
  }


  /* ========================================================
     CORE SERVICE CARD REFINEMENT
     ======================================================== */

  body.services-page .v860-core .service-media{
    height:225px!important;
  }

  body.services-page .v860-core .service-body{
    min-height:195px!important;

    padding:
      23px 24px 22px!important;
  }

  body.services-page .v860-core .service-body h3{
    font-size:1.18rem!important;
  }


  /* ========================================================
     SPECIALIZED CARDS — SLIGHTLY CLEANER
     ======================================================== */

  body.services-page .v860-specialized
  .specialized-card:nth-child(1),
  body.services-page .v860-specialized
  .specialized-card:nth-child(2){
    min-height:300px!important;
  }

  body.services-page .v860-specialized
  .specialized-card:nth-child(n+3){
    min-height:385px!important;
  }

  body.services-page .v860-specialized
  .specialized-card:nth-child(n+3)
  .specialized-card-media{
    height:180px!important;
    min-height:180px!important;
  }


  /* ========================================================
     CONTROL MODEL — STRONGER LEGIBILITY
     ======================================================== */

  body.services-page .v860-control .process{
    gap:16px!important;
  }

  body.services-page .v860-control .process-step{
    min-height:225px!important;

    padding:
      27px 25px 25px!important;

    border:
      1px solid rgba(255,255,255,.13)!important;

    background:
      linear-gradient(
        155deg,
        rgba(255,255,255,.095),
        rgba(255,255,255,.038)
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045)!important;
  }

  body.services-page .v860-control .process-step h3{
    font-size:1.22rem!important;

    color:#fff!important;
  }

  body.services-page .v860-control .process-step p{
    color:rgba(255,255,255,.68)!important;

    font-size:.88rem!important;
    line-height:1.58!important;
  }

  body.services-page .v860-control .process-step b{
    width:46px!important;
    height:46px!important;

    margin-bottom:27px!important;
  }


  /* ========================================================
     CONTROL HEADING COPY
     ======================================================== */

  body.services-page .v860-control
  .section-heading .copy p{
    color:rgba(255,255,255,.69)!important;
  }

}


/* ==========================================================
   V8.6.1 — SERVICES PAGE REFINEMENT
   Fixes:
   1) different hero background
   2) core section heading alignment
   3) specialized section heading alignment
   4) control model heading alignment
   ========================================================== */

@media (min-width:901px){

  /* ========================================================
     1) SERVICES HERO — DIFFERENT MAIN BG
     ======================================================== */

  body.services-page .v860-services-hero{
    background:
      linear-gradient(90deg, rgba(5,17,30,.46) 0%, rgba(5,17,30,.20) 34%, rgba(5,17,30,.14) 100%),
      url('/assets/img/v831/v831-freight.jpg') center center / cover no-repeat !important;
  }

  body.services-page .v860-services-hero .v6-hero-bg,
  body.services-page .v860-services-hero .hero-bg,
  body.services-page .v860-services-hero .page-hero-bg{
    background-image:url('/assets/img/v831/v831-freight.jpg')!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }

  /* Slightly cleaner hero copy panel feel */
  body.services-page .v860-services-hero .glass-panel,
  body.services-page .v860-services-hero .hero-panel,
  body.services-page .v860-services-hero .v860-hero-panel{
    background:linear-gradient(180deg, rgba(7,24,39,.72), rgba(7,24,39,.54))!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }


  /* ========================================================
     SHARED TWO-COLUMN HEADING SYSTEM
     ======================================================== */

  body.services-page .v860-core .section-heading,
  body.services-page .v860-specialized .section-heading,
  body.services-page .v860-control .section-heading{
    display:grid!important;
    align-items:center!important;
    gap:88px!important;
    margin-bottom:48px!important;
  }

  body.services-page .v860-core .section-heading > div:first-child,
  body.services-page .v860-specialized .section-heading > div:first-child,
  body.services-page .v860-control .section-heading > div:first-child{
    max-width:none!important;
  }

  body.services-page .v860-core .section-heading > div:last-child,
  body.services-page .v860-specialized .section-heading > div:last-child,
  body.services-page .v860-control .section-heading > div:last-child{
    max-width:none!important;
    align-self:center!important;
  }

  body.services-page .v860-core .section-heading h2,
  body.services-page .v860-specialized .section-heading h2,
  body.services-page .v860-control .section-heading h2{
    margin:0!important;
    letter-spacing:-.035em!important;
    line-height:.96!important;
  }

  body.services-page .v860-core .section-heading p,
  body.services-page .v860-specialized .section-heading p,
  body.services-page .v860-control .section-heading p{
    margin:0!important;
    line-height:1.78!important;
    color:rgba(17,42,64,.72)!important;
    font-size:1.02rem!important;
  }


  /* ========================================================
     2) CORE CAPABILITIES ALIGNMENT
     Trade and logistics, connected by design.
     ======================================================== */

  body.services-page .v860-core .section-heading{
    grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr)!important;
    align-items:center!important;
  }

  body.services-page .v860-core .section-heading > div:first-child{
    max-width:760px!important;
  }

  body.services-page .v860-core .section-heading h2{
    max-width:740px!important;
    font-size:clamp(3.4rem,4.8vw,5.3rem)!important;
  }

  body.services-page .v860-core .section-heading > div:last-child{
    max-width:520px!important;
    padding-top:18px!important;
  }


  /* ========================================================
     3) SPECIALIZED EXECUTION ALIGNMENT
     Built for requirements outside the standard playbook.
     ======================================================== */

  body.services-page .v860-specialized .section-heading{
    grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr)!important;
    align-items:start!important;
    gap:92px!important;
  }

  body.services-page .v860-specialized .section-heading > div:first-child{
    max-width:800px!important;
  }

  body.services-page .v860-specialized .section-heading h2{
    max-width:780px!important;
    font-size:clamp(3.5rem,5vw,5.5rem)!important;
  }

  body.services-page .v860-specialized .section-heading > div:last-child{
    max-width:540px!important;
    padding-top:26px!important;
  }

  body.services-page .v860-specialized .section-heading p{
    max-width:540px!important;
  }


  /* ========================================================
     4) CONTROL MODEL ALIGNMENT
     Readiness to closeout. One connected control cycle.
     ======================================================== */

  body.services-page .v860-control .section-heading{
    grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr)!important;
    align-items:center!important;
    gap:96px!important;
    margin-bottom:54px!important;
  }

  body.services-page .v860-control .section-heading > div:first-child{
    max-width:760px!important;
  }

  body.services-page .v860-control .section-heading h2{
    max-width:720px!important;
    font-size:clamp(3.55rem,5vw,5.6rem)!important;
    color:#ffffff!important;
  }

  body.services-page .v860-control .section-heading > div:last-child{
    max-width:560px!important;
    padding-top:34px!important;
  }

  body.services-page .v860-control .section-heading p{
    max-width:560px!important;
    color:rgba(255,255,255,.76)!important;
    font-size:1.04rem!important;
    line-height:1.82!important;
  }


  /* ========================================================
     CONTROL CARDS — KEEP THEM VISUALLY LOWER + BALANCED
     ======================================================== */

  body.services-page .v860-control .process,
  body.services-page .v860-control .process-grid,
  body.services-page .v860-control .process-steps{
    margin-top:10px!important;
  }

}


/* ==========================================================
   LARGE DESKTOP FINE TUNING
   ========================================================== */

@media (min-width:1280px){

  body.services-page .v860-core .section-heading{
    grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr)!important;
  }

  body.services-page .v860-specialized .section-heading{
    grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr)!important;
  }

  body.services-page .v860-control .section-heading{
    grid-template-columns:minmax(0,1.04fr) minmax(460px,.96fr)!important;
  }

}


/* ==========================================================
   V8.6.1 SERVICES HERO TOP-VIEW REPLACEMENT
   ========================================================== */

body.v8 .v860-services-hero{
  background-image:
    linear-gradient(90deg, rgba(5,18,31,.72) 0%, rgba(5,18,31,.46) 36%, rgba(5,18,31,.14) 100%),
    url('/assets/img/v831/services-hero-topview.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* remove the large dark circle */
body.v8 .v860-services-hero::before,
body.v8 .v860-services-hero .hero-orb,
body.v8 .v860-services-hero .v860-orb,
body.v8 .v860-services-hero .v6-orb{
  display: none !important;
}

/* keep text panel readable but cleaner */
body.v8 .v860-services-hero .hero-panel,
body.v8 .v860-services-hero .v860-hero-panel,
body.v8 .v860-services-hero .hero-copy{
  background: rgba(8, 22, 35, 0.42) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

/* floating right card */
body.v8 .v860-services-hero .hero-note,
body.v8 .v860-services-hero .v860-hero-note,
body.v8 .v860-services-hero .hero-callout{
  background: rgba(8, 24, 39, 0.82) !important;
  border: 1px solid rgba(214,174,74,.22) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.22) !important;
}


/* ==========================================================
   V8.6.2 SERVICES HERO CLEANUP
   - remove round dark orb
   - make dark shade start from full left edge
   - simplify hero copy background
   ========================================================== */

body.v8 .v860-services-hero{
  position: relative !important;
  overflow: hidden !important;
}

/* Remove all decorative orb / circle shapes */
body.v8 .v860-services-hero::before,
body.v8 .v860-services-hero .hero-orb,
body.v8 .v860-services-hero .v860-orb,
body.v8 .v860-services-hero .v6-orb,
body.v8 .v860-services-hero .orb,
body.v8 .v860-services-hero .hero-circle{
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* New left-to-right shading starting from page-left */
body.v8 .v860-services-hero::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background:
    linear-gradient(
      90deg,
      rgba(6,18,30,0.82) 0%,
      rgba(6,18,30,0.68) 22%,
      rgba(6,18,30,0.44) 46%,
      rgba(6,18,30,0.18) 68%,
      rgba(6,18,30,0.06) 100%
    ) !important;
}

/* Keep all hero content above the overlay */
body.v8 .v860-services-hero > *,
body.v8 .v860-services-hero .v860-hero-grid,
body.v8 .v860-services-hero .hero-grid,
body.v8 .v860-services-hero .hero-panel,
body.v8 .v860-services-hero .v860-hero-note,
body.v8 .v860-services-hero .hero-note{
  position: relative !important;
  z-index: 1 !important;
}

/* Make left text area cleaner and less boxed-in */
body.v8 .v860-services-hero .hero-panel,
body.v8 .v860-services-hero .v860-hero-panel,
body.v8 .v860-services-hero .hero-copy{
  background: linear-gradient(
    180deg,
    rgba(8,22,36,0.58) 0%,
    rgba(8,22,36,0.44) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* Keep the right callout strong and clean */
body.v8 .v860-services-hero .hero-note,
body.v8 .v860-services-hero .v860-hero-note,
body.v8 .v860-services-hero .hero-callout{
  background: rgba(8,24,39,0.82) !important;
  border: 1px solid rgba(214,174,74,0.24) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.20) !important;
}

/* Desktop alignment refinement */
@media (min-width: 901px){
  body.v8 .v860-services-hero .v860-hero-grid,
  body.v8 .v860-services-hero .hero-grid{
    width: min(1240px, calc(100% - 64px)) !important;
    margin: 0 auto !important;
    align-items: center !important;
  }

  body.v8 .v860-services-hero .hero-panel,
  body.v8 .v860-services-hero .v860-hero-panel,
  body.v8 .v860-services-hero .hero-copy{
    margin-left: 0 !important;
  }
}


/* ==========================================================
   V8.6.2 SERVICES HERO CLEANUP
   - remove round dark orb
   - make dark shade start from full left edge
   - simplify hero copy background
   ========================================================== */

body.v8 .v860-services-hero{
  position: relative !important;
  overflow: hidden !important;
}

/* Remove all decorative orb / circle shapes */
body.v8 .v860-services-hero::before,
body.v8 .v860-services-hero .hero-orb,
body.v8 .v860-services-hero .v860-orb,
body.v8 .v860-services-hero .v6-orb,
body.v8 .v860-services-hero .orb,
body.v8 .v860-services-hero .hero-circle{
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* New left-to-right shading starting from page-left */
body.v8 .v860-services-hero::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background:
    linear-gradient(
      90deg,
      rgba(6,18,30,0.82) 0%,
      rgba(6,18,30,0.68) 22%,
      rgba(6,18,30,0.44) 46%,
      rgba(6,18,30,0.18) 68%,
      rgba(6,18,30,0.06) 100%
    ) !important;
}

/* Keep all hero content above the overlay */
body.v8 .v860-services-hero > *,
body.v8 .v860-services-hero .v860-hero-grid,
body.v8 .v860-services-hero .hero-grid,
body.v8 .v860-services-hero .hero-panel,
body.v8 .v860-services-hero .v860-hero-note,
body.v8 .v860-services-hero .hero-note{
  position: relative !important;
  z-index: 1 !important;
}

/* Make left text area cleaner and less boxed-in */
body.v8 .v860-services-hero .hero-panel,
body.v8 .v860-services-hero .v860-hero-panel,
body.v8 .v860-services-hero .hero-copy{
  background: linear-gradient(
    180deg,
    rgba(8,22,36,0.58) 0%,
    rgba(8,22,36,0.44) 100%
  ) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* Keep the right callout strong and clean */
body.v8 .v860-services-hero .hero-note,
body.v8 .v860-services-hero .v860-hero-note,
body.v8 .v860-services-hero .hero-callout{
  background: rgba(8,24,39,0.82) !important;
  border: 1px solid rgba(214,174,74,0.24) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.20) !important;
}

/* Desktop alignment refinement */
@media (min-width: 901px){
  body.v8 .v860-services-hero .v860-hero-grid,
  body.v8 .v860-services-hero .hero-grid{
    width: min(1240px, calc(100% - 64px)) !important;
    margin: 0 auto !important;
    align-items: center !important;
  }

  body.v8 .v860-services-hero .hero-panel,
  body.v8 .v860-services-hero .v860-hero-panel,
  body.v8 .v860-services-hero .hero-copy{
    margin-left: 0 !important;
  }
}


/* ==========================================================
   V8.6.3 — SERVICES HERO TRUE CLEANUP
   - remove legacy oval from inner hero wrappers
   - remove rectangular copy shade
   - use one full-width left-edge gradient
   ========================================================== */

@media (min-width:901px){

  /* --------------------------------------------------------
     HERO IMAGE + FULL-WIDTH SHADE
     Shade begins at browser left edge.
     -------------------------------------------------------- */

  body.services-page .v860-services-hero{
    position:relative!important;
    overflow:hidden!important;

    background-image:
      linear-gradient(
        90deg,
        rgba(4,17,29,.84) 0%,
        rgba(4,17,29,.76) 18%,
        rgba(4,17,29,.57) 35%,
        rgba(4,17,29,.29) 53%,
        rgba(4,17,29,.09) 70%,
        rgba(4,17,29,0) 100%
      ),
      url('/assets/img/v831/services-hero-topview.png')!important;

    background-size:
      cover,
      cover!important;

    background-position:
      center center,
      center center!important;

    background-repeat:
      no-repeat,
      no-repeat!important;
  }


  /* --------------------------------------------------------
     REMOVE ALL LEGACY LARGE OVAL / CIRCLE LAYERS
     -------------------------------------------------------- */

  body.services-page .v860-services-hero::before,
  body.services-page .v860-services-hero::after,

  body.services-page .v860-services-hero
  .subhero-full-inner::before,

  body.services-page .v860-services-hero
  .subhero-full-inner::after,

  body.services-page .v860-services-hero
  .subhero-copy::before,

  body.services-page .v860-services-hero
  .subhero-copy::after,

  body.services-page .v860-services-hero
  .subhero-shade::before,

  body.services-page .v860-services-hero
  .subhero-shade::after{
    content:none!important;
    display:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }


  body.services-page .v860-services-hero
  .subhero-shade,
  
  body.services-page .v860-services-hero
  .hero-orb,

  body.services-page .v860-services-hero
  .subhero-orb,

  body.services-page .v860-services-hero
  .hero-circle,

  body.services-page .v860-services-hero
  .subhero-circle,

  body.services-page .v860-services-hero
  .hero-shape,

  body.services-page .v860-services-hero
  .subhero-shape,

  body.services-page .v860-services-hero
  [class*="hero-orb"],

  body.services-page .v860-services-hero
  [class*="hero-circle"]{
    display:none!important;
    visibility:hidden!important;
  }


  /* --------------------------------------------------------
     INNER WRAPPER MUST BE COMPLETELY TRANSPARENT
     -------------------------------------------------------- */

  body.services-page .v860-services-hero
  .subhero-full-inner{
    position:relative!important;
    z-index:2!important;

    background:transparent!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    overflow:visible!important;
  }


  /* --------------------------------------------------------
     REMOVE RECTANGULAR BLACK PANEL BEHIND HEADLINE
     -------------------------------------------------------- */

  body.services-page .v860-services-hero
  .subhero-copy,

  body.services-page .v860-services-hero
  .glass-panel,

  body.services-page .v860-services-hero
  .hero-panel,

  body.services-page .v860-services-hero
  .v860-hero-panel,

  body.services-page .v860-services-hero
  .hero-copy{
    background:transparent!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }


  /* --------------------------------------------------------
     KEEP COPY READABLE WITHOUT A BOX
     -------------------------------------------------------- */

  body.services-page .v860-services-hero
  .subhero-copy{
    max-width:760px!important;

    padding:0!important;
  }


  body.services-page .v860-services-hero
  h1{
    text-shadow:
      0 3px 18px rgba(0,0,0,.26)!important;
  }


  body.services-page .v860-services-hero
  .lead{
    color:rgba(255,255,255,.78)!important;

    text-shadow:
      0 2px 12px rgba(0,0,0,.30)!important;
  }


  /* --------------------------------------------------------
     RIGHT ADVANTAGE CARD STAYS AS A REAL PANEL
     -------------------------------------------------------- */

  body.services-page .v860-services-hero
  .subhero-note{
    position:relative!important;
    z-index:3!important;

    background:
      linear-gradient(
        145deg,
        rgba(7,31,46,.94),
        rgba(5,24,37,.91)
      )!important;

    border:
      1px solid rgba(223,183,85,.23)!important;

    border-radius:18px!important;

    box-shadow:
      0 22px 52px rgba(0,0,0,.25)!important;

    backdrop-filter:
      blur(12px)!important;

    -webkit-backdrop-filter:
      blur(12px)!important;
  }


  /* keep its small gold top accent */
  body.services-page .v860-services-hero
  .subhero-note::before{
    content:""!important;
    display:block!important;

    position:absolute!important;

    left:28px!important;
    top:0!important;

    width:68px!important;
    height:2px!important;

    background:#d6a43c!important;
  }

}


/* ==========================================================
   V8.6.4 — SERVICES HEADING COMPOSITION
   Core / Specialized / Control Model
   ========================================================== */

@media (min-width:901px){

  /* ========================================================
     SHARED EDITORIAL HEADING SYSTEM
     ======================================================== */

  body.services-page .v860-core .section-heading,
  body.services-page .v860-specialized .section-heading,
  body.services-page .v860-control .section-heading{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.12fr)
      minmax(360px,.72fr)!important;

    column-gap:110px!important;

    align-items:end!important;

    margin-bottom:50px!important;
  }


  /* small gold line creates a visual anchor */
  body.services-page .v860-core .section-heading::after,
  body.services-page .v860-specialized .section-heading::after,
  body.services-page .v860-control .section-heading::after{
    content:""!important;

    position:absolute!important;

    left:0!important;
    bottom:-24px!important;

    width:58px!important;
    height:2px!important;

    border-radius:999px!important;

    background:
      linear-gradient(
        90deg,
        #d2a23b,
        rgba(210,162,59,0)
      )!important;
  }


  body.services-page .v860-core .section-heading > div:first-child,
  body.services-page .v860-specialized .section-heading > div:first-child,
  body.services-page .v860-control .section-heading > div:first-child{
    min-width:0!important;

    align-self:end!important;
  }


  body.services-page .v860-core .section-heading > div:last-child,
  body.services-page .v860-specialized .section-heading > div:last-child,
  body.services-page .v860-control .section-heading > div:last-child{
    min-width:0!important;

    align-self:end!important;

    padding-bottom:8px!important;
  }


  /* ========================================================
     1. CORE CAPABILITIES
     ======================================================== */

  body.services-page .v860-core .section-heading{
    grid-template-columns:
      minmax(0,1.17fr)
      minmax(350px,.66fr)!important;
  }


  body.services-page .v860-core .section-heading > div:first-child{
    max-width:720px!important;
  }


  body.services-page .v860-core .section-heading h2{
    max-width:700px!important;

    margin:10px 0 0!important;

    font-size:
      clamp(3.25rem,4.3vw,4.75rem)!important;

    line-height:.94!important;

    letter-spacing:-.052em!important;
  }


  body.services-page .v860-core .section-heading > div:last-child{
    max-width:470px!important;

    justify-self:end!important;
  }


  body.services-page .v860-core .section-heading .copy p{
    margin:0!important;

    max-width:455px!important;

    color:#5f6f78!important;

    font-size:.98rem!important;
    line-height:1.72!important;
  }


  /* ========================================================
     2. SPECIALIZED EXECUTION
     ======================================================== */

  body.services-page .v860-specialized .section-heading{
    grid-template-columns:
      minmax(0,1.20fr)
      minmax(370px,.70fr)!important;

    column-gap:115px!important;
  }


  body.services-page .v860-specialized .section-heading > div:first-child{
    max-width:760px!important;
  }


  body.services-page .v860-specialized .section-heading h2{
    max-width:750px!important;

    margin:10px 0 0!important;

    font-size:
      clamp(3.25rem,4.45vw,4.95rem)!important;

    line-height:.93!important;

    letter-spacing:-.054em!important;
  }


  body.services-page .v860-specialized .section-heading > div:last-child{
    max-width:500px!important;

    justify-self:end!important;

    padding-bottom:10px!important;
  }


  body.services-page .v860-specialized .section-heading .copy p{
    margin:0!important;

    max-width:490px!important;

    color:#5d7079!important;

    font-size:.98rem!important;
    line-height:1.72!important;
  }


  /* ========================================================
     3. CONTROL MODEL
     ======================================================== */

  body.services-page .v860-control .section-heading{
    grid-template-columns:
      minmax(0,1.06fr)
      minmax(390px,.78fr)!important;

    column-gap:125px!important;

    margin-bottom:62px!important;
  }


  body.services-page .v860-control .section-heading > div:first-child{
    max-width:700px!important;
  }


  body.services-page .v860-control .section-heading h2{
    max-width:675px!important;

    margin:10px 0 0!important;

    color:#fff!important;

    font-size:
      clamp(3.35rem,4.5vw,5rem)!important;

    line-height:.93!important;

    letter-spacing:-.055em!important;
  }


  body.services-page .v860-control .section-heading > div:last-child{
    max-width:520px!important;

    justify-self:end!important;

    padding-bottom:13px!important;
  }


  body.services-page .v860-control .section-heading .copy p{
    margin:0!important;

    max-width:510px!important;

    color:rgba(255,255,255,.70)!important;

    font-size:1rem!important;
    line-height:1.74!important;
  }


  /* make process visually connect to heading composition */
  body.services-page .v860-control .process{
    margin-top:0!important;
  }

}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1450px){

  body.services-page .v860-core .section-heading,
  body.services-page .v860-specialized .section-heading,
  body.services-page .v860-control .section-heading{
    column-gap:135px!important;
  }

}


/* ==========================================================
   SMALLER DESKTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1180px){

  body.services-page .v860-core .section-heading,
  body.services-page .v860-specialized .section-heading,
  body.services-page .v860-control .section-heading{
    grid-template-columns:
      minmax(0,1.05fr)
      minmax(330px,.75fr)!important;

    column-gap:60px!important;
  }

}


/* ==========================================================
   V8.7.0 — FREIGHT FORWARDING DESKTOP
   ========================================================== */

@media (min-width:901px){


  /* ========================================================
     WIDTH SYSTEM
     ======================================================== */

  body.freight-page .v870-freight-hero-inner,
  body.freight-page .v870-modes > .container,
  body.freight-page .v870-multimodal > .container,
  body.freight-page .v870-route > .container,
  body.freight-page .v870-faq > .container,
  body.freight-page .v870-cta > .container{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }


  /* ========================================================
     HERO
     ======================================================== */

  body.freight-page .v870-freight-hero{
    position:relative!important;

    min-height:600px!important;

    overflow:hidden!important;

    background-image:
      linear-gradient(
        90deg,
        rgba(4,18,29,.90) 0%,
        rgba(4,18,29,.78) 24%,
        rgba(4,18,29,.48) 48%,
        rgba(4,18,29,.17) 72%,
        rgba(4,18,29,.05) 100%
      ),
      url('/assets/img/v831/v831-freight.jpg')!important;

    background-size:
      cover,
      cover!important;

    background-position:
      center,
      center 56%!important;

    background-repeat:no-repeat!important;
  }


  body.freight-page .v870-freight-hero::after{
    content:""!important;

    position:absolute!important;
    inset:auto 0 0!important;

    height:150px!important;

    pointer-events:none!important;

    background:
      linear-gradient(
        180deg,
        transparent,
        rgba(3,18,28,.25)
      )!important;
  }


  body.freight-page .v870-freight-hero-inner{
    position:relative!important;
    z-index:2!important;

    min-height:600px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.05fr)
      410px!important;

    gap:110px!important;

    align-items:center!important;
  }


  body.freight-page .v870-freight-copy{
    max-width:730px!important;
  }


  body.freight-page .v870-freight-copy .breadcrumbs{
    display:flex!important;
    gap:9px!important;

    margin-bottom:28px!important;

    color:rgba(255,255,255,.52)!important;

    font-size:.74rem!important;
  }


  body.freight-page .v870-freight-copy .breadcrumbs a{
    color:#e0ae3e!important;
  }


  body.freight-page .v870-freight-copy .eyebrow,
  body.freight-page .v870-freight-note .eyebrow{
    color:#dfaE3f!important;
  }


  body.freight-page .v870-freight-copy h1{
    margin:12px 0 21px!important;

    color:#fff!important;

    font-size:
      clamp(4.2rem,5.7vw,6.3rem)!important;

    line-height:.88!important;

    letter-spacing:-.063em!important;

    text-shadow:
      0 4px 24px rgba(0,0,0,.24)!important;
  }


  body.freight-page .v870-freight-copy h1 span{
    color:#dfaE3f!important;
  }


  body.freight-page .v870-freight-copy .lead{
    max-width:655px!important;

    margin:0!important;

    color:rgba(255,255,255,.76)!important;

    font-size:1.04rem!important;
    line-height:1.72!important;
  }


  body.freight-page .v870-hero-actions{
    display:flex!important;

    gap:12px!important;

    margin-top:30px!important;
  }


  body.freight-page .v870-hero-actions .btn{
    min-height:48px!important;

    padding:0 23px!important;

    display:inline-flex!important;
    align-items:center!important;

    gap:12px!important;

    border-radius:999px!important;

    font-size:.84rem!important;

    font-weight:850!important;
  }


  body.freight-page .v870-primary{
    color:#071b29!important;

    background:
      linear-gradient(
        145deg,
        #e3b64c,
        #c9932b
      )!important;

    border:0!important;
  }


  body.freight-page .v870-secondary{
    color:#fff!important;

    background:
      rgba(7,28,40,.38)!important;

    border:
      1px solid rgba(255,255,255,.25)!important;

    backdrop-filter:
      blur(8px)!important;
  }


  body.freight-page .v870-freight-note{
    position:relative!important;

    padding:31px 30px 29px!important;

    border-radius:19px!important;

    border:
      1px solid rgba(218,174,72,.22)!important;

    background:
      linear-gradient(
        145deg,
        rgba(7,34,50,.95),
        rgba(5,24,36,.91)
      )!important;

    box-shadow:
      0 24px 58px rgba(0,0,0,.23)!important;

    backdrop-filter:
      blur(12px)!important;
  }


  body.freight-page .v870-freight-note::before{
    content:""!important;

    position:absolute!important;

    left:30px!important;
    top:0!important;

    width:70px!important;
    height:2px!important;

    background:#d7a63b!important;
  }


  body.freight-page .v870-freight-note h3{
    margin:12px 0 13px!important;

    color:#fff!important;

    font-size:1.42rem!important;
    line-height:1.08!important;

    letter-spacing:-.025em!important;
  }


  body.freight-page .v870-freight-note p{
    margin:0!important;

    color:rgba(255,255,255,.60)!important;

    font-size:.87rem!important;
    line-height:1.63!important;
  }


  body.freight-page .v870-note-points{
    display:grid!important;

    gap:9px!important;

    margin-top:23px!important;

    padding-top:18px!important;

    border-top:
      1px solid rgba(255,255,255,.08)!important;
  }


  body.freight-page .v870-note-points span{
    display:flex!important;
    align-items:center!important;

    gap:10px!important;

    color:rgba(255,255,255,.72)!important;

    font-size:.78rem!important;
  }


  body.freight-page .v870-note-points i{
    width:6px!important;
    height:6px!important;

    border-radius:50%!important;

    background:#65d6a3!important;

    box-shadow:
      0 0 0 4px rgba(101,214,163,.08)!important;
  }


  /* ========================================================
     SHARED SECTION HEADING
     ======================================================== */

  body.freight-page .v870-section-head,
  body.freight-page .v870-multimodal-head{
    display:grid!important;

    grid-template-columns:
      minmax(0,1.05fr)
      minmax(380px,.70fr)!important;

    gap:100px!important;

    align-items:end!important;

    margin-bottom:46px!important;
  }


  body.freight-page .v870-section-head h2,
  body.freight-page .v870-multimodal-head h2{
    max-width:700px!important;

    margin:10px 0 0!important;

    font-size:
      clamp(3.2rem,4.2vw,4.8rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.freight-page .v870-section-copy{
    justify-self:end!important;

    max-width:500px!important;

    padding-bottom:8px!important;
  }


  body.freight-page .v870-section-copy p{
    margin:0!important;

    color:#62727b!important;

    font-size:.98rem!important;
    line-height:1.72!important;
  }


  /* ========================================================
     MODES CHAPTER
     ======================================================== */

  body.freight-page .v870-modes{
    position:relative!important;

    overflow:hidden!important;

    padding:100px 0 112px!important;

    background:
      linear-gradient(
        rgba(249,246,239,.92),
        rgba(245,240,230,.96)
      ),
      url('/assets/img/contours.svg')!important;

    background-size:
      cover,
      850px auto!important;

    background-repeat:
      no-repeat,
      repeat!important;
  }


  body.freight-page .v870-modes::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    pointer-events:none!important;

    opacity:.38!important;

    background:
      radial-gradient(
        circle at 10% 22%,
        rgba(200,150,39,.20) 1px,
        transparent 1.4px
      )!important;

    background-size:
      180px 180px!important;
  }


  body.freight-page .v870-modes > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.freight-page .v870-mode-grid{
    display:grid!important;

    grid-template-columns:
      repeat(4,minmax(0,1fr))!important;

    gap:15px!important;
  }


  body.freight-page .v870-mode-card{
    position:relative!important;

    min-height:365px!important;

    padding:26px 24px 25px!important;

    overflow:hidden!important;

    border-radius:18px!important;

    border:
      1px solid rgba(9,52,72,.085)!important;

    background:
      rgba(255,255,255,.91)!important;

    box-shadow:
      0 16px 38px rgba(8,40,55,.06)!important;

    transition:
      transform .3s ease,
      box-shadow .3s ease!important;
  }


  body.freight-page .v870-mode-card:hover{
    transform:
      translateY(-5px)!important;

    box-shadow:
      0 26px 48px rgba(8,40,55,.105)!important;
  }


  body.freight-page .v870-mode-number{
    position:absolute!important;

    right:20px!important;
    top:20px!important;

    color:#c28d22!important;

    font-size:.66rem!important;

    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.freight-page .v870-mode-icon{
    width:66px!important;
    height:66px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:25px!important;

    color:#0a4565!important;

    border-radius:15px!important;

    background:#e8f1f4!important;
  }


  body.freight-page .v870-mode-icon svg{
    width:38px!important;
    height:38px!important;

    fill:none!important;

    stroke:currentColor!important;
    stroke-width:1.7!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }


  body.freight-page .v870-mode-label{
    margin-bottom:8px!important;

    color:#b87e15!important;

    font-size:.63rem!important;

    font-weight:900!important;

    letter-spacing:.15em!important;

    text-transform:uppercase!important;
  }


  body.freight-page .v870-mode-card h3{
    margin:0 0 11px!important;

    color:#0a2f44!important;

    font-size:1.35rem!important;
    line-height:1.08!important;

    letter-spacing:-.025em!important;
  }


  body.freight-page .v870-mode-card p{
    margin:0 0 20px!important;

    color:#697982!important;

    font-size:.83rem!important;
    line-height:1.58!important;
  }


  body.freight-page .v870-mode-card ul{
    display:grid!important;

    gap:8px!important;

    margin:0!important;
    padding:0!important;

    list-style:none!important;
  }


  body.freight-page .v870-mode-card li{
    position:relative!important;

    padding-left:14px!important;

    color:#344f5d!important;

    font-size:.75rem!important;
    line-height:1.35!important;
  }


  body.freight-page .v870-mode-card li::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:.5em!important;

    width:5px!important;
    height:5px!important;

    transform:
      rotate(45deg)!important;

    background:#c7932b!important;
  }


  /* ========================================================
     FREIGHT VISUAL
     ======================================================== */

  body.freight-page .v870-freight-visual{
    display:grid!important;

    grid-template-columns:
      1.15fr .85fr!important;

    min-height:330px!important;

    margin-top:24px!important;

    overflow:hidden!important;

    border-radius:20px!important;

    border:
      1px solid rgba(9,51,70,.09)!important;

    background:#fff!important;

    box-shadow:
      0 20px 48px rgba(8,40,55,.075)!important;
  }


  body.freight-page .v870-freight-photo{
    min-height:330px!important;

    overflow:hidden!important;
  }


  body.freight-page .v870-freight-photo img{
    width:100%!important;
    height:100%!important;

    display:block!important;

    object-fit:cover!important;

    object-position:center 55%!important;
  }


  body.freight-page .v870-freight-visual-copy{
    padding:42px 40px!important;

    display:flex!important;
    flex-direction:column!important;

    justify-content:center!important;
  }


  body.freight-page .v870-freight-visual-copy h3{
    max-width:390px!important;

    margin:10px 0 14px!important;

    color:#0a3046!important;

    font-size:2rem!important;
    line-height:1.02!important;

    letter-spacing:-.045em!important;
  }


  body.freight-page .v870-freight-visual-copy p{
    max-width:420px!important;

    margin:0!important;

    color:#697982!important;

    font-size:.88rem!important;
    line-height:1.65!important;
  }


  body.freight-page .v870-freight-visual-copy a{
    margin-top:23px!important;

    color:#0a3045!important;

    font-size:.78rem!important;

    font-weight:850!important;
  }


  body.freight-page .v870-freight-visual-copy a span{
    color:#c7922b!important;
  }


  /* ========================================================
     MULTIMODAL DARK CHAPTER
     ======================================================== */

  body.freight-page .v870-multimodal{
    position:relative!important;

    overflow:hidden!important;

    padding:100px 0 105px!important;

    color:#fff!important;

    background:
      radial-gradient(
        circle at 88% 18%,
        rgba(49,131,163,.22),
        transparent 31%
      ),
      linear-gradient(
        125deg,
        #061823,
        #082b3d 58%,
        #0a3b52
      )!important;
  }


  body.freight-page .v870-multimodal::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.12!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.09) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.09) 1px,
        transparent 1px
      )!important;

    background-size:
      86px 86px!important;
  }


  body.freight-page .v870-multimodal > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.freight-page .v870-multimodal-head{
    align-items:end!important;
  }


  body.freight-page .v870-multimodal-head h2{
    color:#fff!important;
  }


  body.freight-page .v870-multimodal-head > p{
    justify-self:end!important;

    max-width:490px!important;

    margin:0 0 8px!important;

    color:rgba(255,255,255,.62)!important;

    font-size:.98rem!important;
    line-height:1.72!important;
  }


  body.freight-page .v870-lanes{
    display:grid!important;

    grid-template-columns:
      1fr auto 1fr auto 1fr auto 1fr!important;

    align-items:stretch!important;

    gap:12px!important;

    margin-top:54px!important;
  }


  body.freight-page .v870-lane{
    min-height:145px!important;

    padding:25px 22px!important;

    display:flex!important;
    flex-direction:column!important;

    justify-content:center!important;

    border-radius:16px!important;

    border:
      1px solid rgba(255,255,255,.10)!important;

    background:
      rgba(255,255,255,.055)!important;
  }


  body.freight-page .v870-lane-code{
    margin-bottom:14px!important;

    color:#dfb044!important;

    font-size:.63rem!important;

    font-weight:900!important;

    letter-spacing:.15em!important;
  }


  body.freight-page .v870-lane strong{
    color:#fff!important;

    font-size:1.06rem!important;
    line-height:1.12!important;
  }


  body.freight-page .v870-lane small{
    margin-top:7px!important;

    color:rgba(255,255,255,.49)!important;

    font-size:.72rem!important;
    line-height:1.4!important;
  }


  body.freight-page .v870-lane-arrow{
    display:grid!important;
    place-items:center!important;

    color:#d7a53a!important;

    font-size:1.2rem!important;
  }


  body.freight-page .v870-control-bar{
    display:grid!important;

    grid-template-columns:
      repeat(4,1fr)!important;

    margin-top:16px!important;

    overflow:hidden!important;

    border:
      1px solid rgba(255,255,255,.08)!important;

    border-radius:15px!important;

    background:
      rgba(2,19,29,.34)!important;
  }


  body.freight-page .v870-control-bar div{
    min-height:72px!important;

    padding:19px 21px!important;

    display:flex!important;
    align-items:center!important;

    gap:13px!important;

    color:rgba(255,255,255,.67)!important;

    font-size:.76rem!important;

    border-right:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.freight-page .v870-control-bar div:last-child{
    border-right:0!important;
  }


  body.freight-page .v870-control-bar span{
    color:#d7a63c!important;

    font-size:.61rem!important;

    font-weight:900!important;
  }


  /* ========================================================
     CONNECTED ROUTE
     ======================================================== */

  body.freight-page .v870-route{
    position:relative!important;

    overflow:hidden!important;

    padding:103px 0 110px!important;

    background:
      radial-gradient(
        circle at 90% 10%,
        rgba(45,126,157,.09),
        transparent 27%
      ),
      linear-gradient(
        #eef5f5,
        #eaf2f2
      )!important;
  }


  body.freight-page .v870-route-track{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      repeat(5,minmax(0,1fr))!important;

    gap:25px!important;

    margin-top:69px!important;
  }


  body.freight-page .v870-route-line{
    position:absolute!important;

    left:7%!important;
    right:7%!important;

    top:23px!important;

    height:2px!important;

    z-index:0!important;

    background:
      linear-gradient(
        90deg,
        #c8972c,
        #3b8aa7 48%,
        #c8972c
      )!important;

    opacity:.55!important;
  }


  body.freight-page .v870-route-step{
    position:relative!important;
    z-index:2!important;

    padding-right:14px!important;
  }


  body.freight-page .v870-node{
    width:47px!important;
    height:47px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:27px!important;

    border-radius:50%!important;

    color:#082333!important;

    background:
      linear-gradient(
        145deg,
        #edcf72,
        #c7932a
      )!important;

    box-shadow:
      0 0 0 8px #edf4f4!important;

    font-size:.66rem!important;

    font-weight:900!important;
  }


  body.freight-page .v870-route-step small{
    display:block!important;

    margin-bottom:8px!important;

    color:#a97817!important;

    font-size:.61rem!important;

    font-weight:900!important;

    letter-spacing:.14em!important;

    text-transform:uppercase!important;
  }


  body.freight-page .v870-route-step h3{
    margin:0 0 11px!important;

    color:#0a3045!important;

    font-size:1.16rem!important;
    line-height:1.08!important;
  }


  body.freight-page .v870-route-step p{
    margin:0!important;

    color:#687881!important;

    font-size:.79rem!important;
    line-height:1.58!important;
  }


  /* ========================================================
     FAQ
     ======================================================== */

  body.freight-page .v870-faq{
    position:relative!important;

    overflow:hidden!important;

    padding:100px 0 108px!important;

    background:
      linear-gradient(
        rgba(250,247,240,.94),
        rgba(246,241,231,.97)
      ),
      url('/assets/img/contours.svg')!important;

    background-size:
      cover,
      980px auto!important;

    background-repeat:
      no-repeat,
      repeat!important;
  }


  body.freight-page .v870-faq .faq{
    display:grid!important;

    grid-template-columns:
      .78fr 1.22fr!important;

    gap:105px!important;

    align-items:start!important;
  }


  body.freight-page .v870-faq h2{
    max-width:480px!important;

    margin:10px 0 0!important;

    color:#0a3045!important;

    font-size:
      clamp(3rem,4vw,4.5rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.freight-page .v870-faq-intro{
    max-width:430px!important;

    margin-top:23px!important;

    color:#6b7981!important;

    font-size:.87rem!important;
    line-height:1.65!important;
  }


  body.freight-page .v870-faq .accordion{
    border-top:
      1px solid rgba(8,52,72,.12)!important;
  }


  body.freight-page .v870-faq .accordion-item{
    border-bottom:
      1px solid rgba(8,52,72,.12)!important;
  }


  body.freight-page .v870-faq .accordion-button{
    min-height:76px!important;

    padding:0 8px!important;

    color:#0a3045!important;

    font-size:.92rem!important;

    font-weight:800!important;
  }


  body.freight-page .v870-faq .accordion-button span{
    color:#bd8920!important;

    font-size:1.15rem!important;
  }


  body.freight-page .v870-faq .accordion-content p{
    padding:0 45px 22px 8px!important;

    color:#687881!important;

    font-size:.85rem!important;
    line-height:1.65!important;
  }


  /* ========================================================
     CTA
     ======================================================== */

  body.freight-page .v870-cta{
    position:relative!important;

    overflow:hidden!important;

    padding:77px 0 81px!important;

    background:
      radial-gradient(
        circle at 86% 15%,
        rgba(54,132,164,.22),
        transparent 30%
      ),
      linear-gradient(
        112deg,
        #061722,
        #082a3b 58%,
        #0b3b52
      )!important;
  }


  body.freight-page .v870-cta .cta-inner{
    display:grid!important;

    grid-template-columns:
      1fr auto!important;

    gap:80px!important;

    align-items:center!important;
  }


  body.freight-page .v870-cta h2{
    margin:10px 0 9px!important;

    color:#fff!important;

    font-size:
      clamp(2.8rem,3.6vw,4.1rem)!important;

    line-height:.94!important;

    letter-spacing:-.052em!important;
  }


  body.freight-page .v870-cta p{
    color:rgba(255,255,255,.54)!important;
  }


  /* ========================================================
     FOOTER POLISH
     ======================================================== */

  body.freight-page .v6-footer{
    background:
      linear-gradient(
        180deg,
        #041620,
        #03121b
      )!important;
  }


  body.freight-page .v6-footer-top{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;

    grid-template-columns:
      1.65fr repeat(4,1fr)!important;

    gap:48px!important;

    padding-top:60px!important;
    padding-bottom:52px!important;
  }


  body.freight-page .v6-footer-logo{
    width:220px!important;
    max-width:220px!important;

    margin-bottom:20px!important;
  }


  body.freight-page .v6-footer-top > div:not(:first-child){
    min-height:170px!important;

    padding-left:26px!important;

    border-left:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.freight-page .v6-footer li{
    position:relative!important;

    padding-left:13px!important;
  }


  body.freight-page .v6-footer li::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:.6em!important;

    width:4px!important;
    height:4px!important;

    transform:
      rotate(45deg)!important;

    background:#c9972e!important;
  }


  /* ========================================================
     CHAPTER TRANSITIONS
     ======================================================== */

  body.freight-page .v870-chapter{
    scroll-margin-top:105px!important;
  }


  @media (prefers-reduced-motion:no-preference){

    body.freight-page.v870-motion
    .v870-chapter > .container{
      opacity:.84!important;

      transform:
        translateY(25px) scale(.997)!important;

      transition:
        opacity .8s cubic-bezier(.2,.7,.2,1),
        transform .8s cubic-bezier(.2,.7,.2,1)!important;
    }


    body.freight-page.v870-motion
    .v870-chapter.v870-in > .container{
      opacity:1!important;

      transform:
        translateY(0) scale(1)!important;
    }

  }

}


/* ==========================================================
   MID-SIZE DESKTOP SAFETY
   ========================================================== */

@media (min-width:901px) and (max-width:1220px){

  body.freight-page .v870-freight-hero-inner,
  body.freight-page .v870-modes > .container,
  body.freight-page .v870-multimodal > .container,
  body.freight-page .v870-route > .container,
  body.freight-page .v870-faq > .container,
  body.freight-page .v870-cta > .container,
  body.freight-page .v6-footer-top{
    width:calc(100% - 48px)!important;
  }


  body.freight-page .v870-freight-hero-inner{
    grid-template-columns:
      minmax(0,1fr)
      350px!important;

    gap:60px!important;
  }


  body.freight-page .v870-section-head,
  body.freight-page .v870-multimodal-head{
    gap:60px!important;
  }


  body.freight-page .v870-mode-grid{
    gap:12px!important;
  }

}


/* ==========================================================
   V8.7.1 — FREIGHT HERO + CONNECTED ROUTE
   ========================================================== */

@media (min-width:901px){


  /* ========================================================
     REMOVE LEGACY HERO CIRCLE / OVAL
     ======================================================== */

  body.freight-page .v870-freight-hero::before,
  body.freight-page .v870-freight-hero
  .subhero-shade,

  body.freight-page .v870-freight-hero
  .subhero-shade::before,

  body.freight-page .v870-freight-hero
  .subhero-shade::after,

  body.freight-page .v870-freight-hero
  .subhero-full-inner::before,

  body.freight-page .v870-freight-hero
  .subhero-full-inner::after,

  body.freight-page .v870-freight-hero
  [class*="orb"],

  body.freight-page .v870-freight-hero
  [class*="circle"]{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }


  /* keep only subtle bottom cinematic fade */
  body.freight-page .v870-freight-hero::after{
    content:""!important;

    display:block!important;

    position:absolute!important;
    inset:auto 0 0!important;

    height:130px!important;

    background:
      linear-gradient(
        180deg,
        rgba(4,18,29,0),
        rgba(4,18,29,.25)
      )!important;

    pointer-events:none!important;
  }


  /* ========================================================
     CONNECTED EXECUTION ROUTE
     ======================================================== */

  body.freight-page .v870-route{
    position:relative!important;

    overflow:hidden!important;

    padding:104px 0 112px!important;

    background:
      radial-gradient(
        circle at 88% 12%,
        rgba(46,127,158,.10),
        transparent 28%
      ),
      linear-gradient(
        180deg,
        #f7f3ea 0%,
        #f2eee5 100%
      )!important;
  }


  body.freight-page .v870-route::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.22!important;

    background:
      linear-gradient(
        118deg,
        transparent 0 47%,
        rgba(17,75,101,.08) 47.2%,
        transparent 47.5%
      )!important;

    pointer-events:none!important;
  }


  body.freight-page .v870-route > .container{
    position:relative!important;
    z-index:2!important;
  }


  /* route itself */

  body.freight-page .v871-route-map{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      repeat(5,minmax(0,1fr))!important;

    gap:0!important;

    margin-top:68px!important;

    padding-top:0!important;
  }


  body.freight-page .v871-route-rail{
    position:absolute!important;

    left:7%!important;
    right:7%!important;

    top:28px!important;

    height:2px!important;

    z-index:0!important;

    background:
      linear-gradient(
        90deg,
        #d2a23a 0%,
        #428aa4 30%,
        #428aa4 70%,
        #d2a23a 100%
      )!important;

    opacity:.62!important;
  }


  body.freight-page .v871-route-stop{
    position:relative!important;
    z-index:2!important;

    min-width:0!important;

    padding:0 22px!important;

    border-right:
      1px solid rgba(12,53,72,.10)!important;
  }


  body.freight-page .v871-route-stop:first-of-type{
    padding-left:0!important;
  }


  body.freight-page .v871-route-stop:last-of-type{
    padding-right:0!important;
    border-right:0!important;
  }


  body.freight-page .v871-stop-marker{
    width:58px!important;
    height:58px!important;

    margin-bottom:29px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:50%!important;

    background:#f5f1e7!important;

    box-shadow:
      0 0 0 7px #f5f1e7!important;
  }


  body.freight-page .v871-stop-marker span{
    width:45px!important;
    height:45px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:50%!important;

    color:#062332!important;

    background:
      linear-gradient(
        145deg,
        #efd173,
        #ca9529
      )!important;

    font-size:.68rem!important;
    font-weight:900!important;

    box-shadow:
      0 8px 20px rgba(190,139,32,.18)!important;
  }


  body.freight-page .v871-stop-copy small{
    display:block!important;

    margin-bottom:8px!important;

    color:#aa7617!important;

    font-size:.61rem!important;

    line-height:1!important;

    font-weight:900!important;

    letter-spacing:.15em!important;
  }


  body.freight-page .v871-stop-copy h3{
    margin:0 0 11px!important;

    color:#0a3045!important;

    font-size:1.17rem!important;
    line-height:1.08!important;

    letter-spacing:-.022em!important;
  }


  body.freight-page .v871-stop-copy p{
    margin:0!important;

    max-width:205px!important;

    color:#687982!important;

    font-size:.78rem!important;
    line-height:1.58!important;
  }


  /* summary strip */

  body.freight-page .v871-route-summary{
    margin-top:54px!important;

    min-height:100px!important;

    padding:24px 29px!important;

    display:grid!important;

    grid-template-columns:
      1fr 1fr!important;

    gap:50px!important;

    align-items:center!important;

    border-radius:16px!important;

    border:
      1px solid rgba(10,53,73,.09)!important;

    background:
      rgba(255,255,255,.72)!important;

    box-shadow:
      0 13px 32px rgba(6,37,51,.045)!important;
  }


  body.freight-page .v871-route-summary > div{
    display:flex!important;
    align-items:center!important;

    gap:18px!important;
  }


  body.freight-page .v871-route-summary span{
    flex:0 0 auto!important;

    padding:7px 10px!important;

    border-radius:999px!important;

    color:#a87618!important;

    background:#f4ead3!important;

    font-size:.59rem!important;

    font-weight:900!important;

    letter-spacing:.13em!important;
  }


  body.freight-page .v871-route-summary strong{
    color:#0a3045!important;

    font-size:1rem!important;
  }


  body.freight-page .v871-route-summary p{
    justify-self:end!important;

    max-width:430px!important;

    margin:0!important;

    color:#697981!important;

    font-size:.82rem!important;
    line-height:1.55!important;
  }

}


/* ==========================================================
   MID-SIZE DESKTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1180px){

  body.freight-page .v871-route-stop{
    padding:0 14px!important;
  }

  body.freight-page .v871-stop-copy p{
    font-size:.74rem!important;
  }

}


/* ==========================================================
   V8.8.0 — CUSTOMS & TRADE COMPLIANCE DESKTOP
   ========================================================== */

@media (min-width:901px){


  /* ========================================================
     WIDTH SYSTEM
     ======================================================== */

  body.customs-page .v880-customs-hero-inner,
  body.customs-page .v880-capabilities > .container,
  body.customs-page .v880-control-desk > .container,
  body.customs-page .v880-clearance > .container,
  body.customs-page .v880-faq > .container,
  body.customs-page .v880-cta > .container{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }


  /* ========================================================
     HERO
     ======================================================== */

  body.customs-page .v880-customs-hero{
    position:relative!important;

    min-height:590px!important;

    overflow:hidden!important;

    background-image:
      linear-gradient(
        90deg,
        rgba(4,18,30,.91) 0%,
        rgba(4,18,30,.77) 24%,
        rgba(4,18,30,.51) 47%,
        rgba(4,18,30,.18) 72%,
        rgba(4,18,30,.06) 100%
      ),
      url('/assets/img/v831/v831-customs.jpg')!important;

    background-size:
      cover,
      cover!important;

    background-position:
      center,
      center 52%!important;

    background-repeat:no-repeat!important;
  }


  body.customs-page .v880-customs-hero::before{
    content:none!important;
    display:none!important;
  }


  body.customs-page .v880-customs-hero::after{
    content:""!important;

    position:absolute!important;
    inset:auto 0 0!important;

    height:145px!important;

    background:
      linear-gradient(
        180deg,
        transparent,
        rgba(4,18,30,.28)
      )!important;

    pointer-events:none!important;
  }


  body.customs-page .v880-customs-hero
  .subhero-shade,
  body.customs-page .v880-customs-hero
  [class*="orb"],
  body.customs-page .v880-customs-hero
  [class*="circle"]{
    display:none!important;
  }


  body.customs-page .v880-customs-hero-inner{
    position:relative!important;
    z-index:2!important;

    min-height:590px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.05fr)
      420px!important;

    gap:110px!important;

    align-items:center!important;
  }


  body.customs-page .v880-customs-copy{
    max-width:750px!important;
  }


  body.customs-page .v880-customs-copy .breadcrumbs{
    display:flex!important;

    gap:9px!important;

    margin-bottom:28px!important;

    color:rgba(255,255,255,.53)!important;

    font-size:.74rem!important;
  }


  body.customs-page .v880-customs-copy .breadcrumbs a{
    color:#dfae3e!important;
  }


  body.customs-page .v880-customs-copy .eyebrow,
  body.customs-page .v880-customs-note .eyebrow{
    color:#dfae3f!important;
  }


  body.customs-page .v880-customs-copy h1{
    margin:12px 0 21px!important;

    color:#fff!important;

    font-size:
      clamp(4rem,5.5vw,6.1rem)!important;

    line-height:.89!important;

    letter-spacing:-.061em!important;

    text-shadow:
      0 4px 24px rgba(0,0,0,.22)!important;
  }


  body.customs-page .v880-customs-copy h1 span{
    color:#dfae3f!important;
  }


  body.customs-page .v880-customs-copy .lead{
    max-width:680px!important;

    margin:0!important;

    color:rgba(255,255,255,.76)!important;

    font-size:1.04rem!important;
    line-height:1.72!important;
  }


  body.customs-page .v880-hero-actions{
    display:flex!important;

    gap:12px!important;

    margin-top:30px!important;
  }


  body.customs-page .v880-hero-actions .btn{
    min-height:48px!important;

    padding:0 23px!important;

    display:inline-flex!important;
    align-items:center!important;

    gap:12px!important;

    border-radius:999px!important;

    font-size:.84rem!important;

    font-weight:850!important;
  }


  body.customs-page .v880-primary{
    color:#071b29!important;

    border:0!important;

    background:
      linear-gradient(
        145deg,
        #e4b74d,
        #c9932b
      )!important;
  }


  body.customs-page .v880-secondary{
    color:#fff!important;

    background:
      rgba(6,28,41,.40)!important;

    border:
      1px solid rgba(255,255,255,.25)!important;

    backdrop-filter:
      blur(8px)!important;
  }


  /* hero note */

  body.customs-page .v880-customs-note{
    position:relative!important;

    padding:31px 30px 28px!important;

    border-radius:19px!important;

    border:
      1px solid rgba(218,174,72,.22)!important;

    background:
      linear-gradient(
        145deg,
        rgba(7,34,50,.95),
        rgba(5,24,36,.92)
      )!important;

    box-shadow:
      0 24px 58px rgba(0,0,0,.23)!important;

    backdrop-filter:
      blur(12px)!important;
  }


  body.customs-page .v880-customs-note::before{
    content:""!important;

    position:absolute!important;

    left:30px!important;
    top:0!important;

    width:70px!important;
    height:2px!important;

    background:#d7a63b!important;
  }


  body.customs-page .v880-customs-note h3{
    margin:12px 0 12px!important;

    color:#fff!important;

    font-size:1.42rem!important;
    line-height:1.08!important;

    letter-spacing:-.025em!important;
  }


  body.customs-page .v880-customs-note > p{
    margin:0!important;

    color:rgba(255,255,255,.60)!important;

    font-size:.87rem!important;
    line-height:1.63!important;
  }


  body.customs-page .v880-note-status{
    display:grid!important;

    gap:0!important;

    margin-top:21px!important;

    border-top:
      1px solid rgba(255,255,255,.08)!important;
  }


  body.customs-page .v880-note-status > div{
    display:grid!important;

    grid-template-columns:
      28px 1fr!important;

    padding:12px 0!important;

    border-bottom:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.customs-page .v880-note-status > div:last-child{
    border-bottom:0!important;
  }


  body.customs-page .v880-note-status span{
    grid-row:1/3!important;

    color:#dca83c!important;

    font-size:.62rem!important;

    font-weight:900!important;
  }


  body.customs-page .v880-note-status strong{
    color:rgba(255,255,255,.78)!important;

    font-size:.76rem!important;
  }


  body.customs-page .v880-note-status small{
    margin-top:3px!important;

    color:rgba(255,255,255,.42)!important;

    font-size:.67rem!important;
  }


  /* ========================================================
     SHARED HEADINGS
     ======================================================== */

  body.customs-page .v880-section-head,
  body.customs-page .v880-control-head{
    display:grid!important;

    grid-template-columns:
      minmax(0,1.05fr)
      minmax(380px,.72fr)!important;

    gap:100px!important;

    align-items:end!important;

    margin-bottom:46px!important;
  }


  body.customs-page .v880-section-head h2,
  body.customs-page .v880-control-head h2{
    max-width:710px!important;

    margin:10px 0 0!important;

    font-size:
      clamp(3.2rem,4.2vw,4.85rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.customs-page .v880-section-copy{
    justify-self:end!important;

    max-width:500px!important;

    padding-bottom:8px!important;
  }


  body.customs-page .v880-section-copy p{
    margin:0!important;

    color:#62727b!important;

    font-size:.98rem!important;
    line-height:1.72!important;
  }


  /* ========================================================
     CAPABILITIES
     ======================================================== */

  body.customs-page .v880-capabilities{
    position:relative!important;

    overflow:hidden!important;

    padding:102px 0 112px!important;

    background:
      linear-gradient(
        rgba(249,247,241,.94),
        rgba(245,241,232,.96)
      ),
      url('/assets/img/contours.svg')!important;

    background-size:
      cover,
      920px auto!important;

    background-repeat:
      no-repeat,
      repeat!important;
  }


  body.customs-page .v880-capabilities::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.40!important;

    background:
      radial-gradient(
        circle at 12% 20%,
        rgba(194,145,36,.18) 1px,
        transparent 1.5px
      )!important;

    background-size:
      190px 190px!important;

    pointer-events:none!important;
  }


  body.customs-page .v880-capabilities > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.customs-page .v880-domain-grid{
    display:grid!important;

    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;

    gap:16px!important;
  }


  body.customs-page .v880-domain-card{
    min-height:260px!important;

    padding:27px 25px!important;

    border-radius:18px!important;

    border:
      1px solid rgba(9,50,69,.085)!important;

    background:
      rgba(255,255,255,.92)!important;

    box-shadow:
      0 15px 36px rgba(7,38,52,.055)!important;

    transition:
      transform .3s ease,
      box-shadow .3s ease!important;
  }


  body.customs-page .v880-domain-card:hover{
    transform:
      translateY(-5px)!important;

    box-shadow:
      0 25px 46px rgba(7,38,52,.10)!important;
  }


  body.customs-page .v880-domain-icon{
    width:55px!important;
    height:55px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:22px!important;

    color:#0b4b6c!important;

    border-radius:14px!important;

    background:#e7f0f3!important;
  }


  body.customs-page .v880-domain-icon svg{
    width:31px!important;
    height:31px!important;

    fill:none!important;

    stroke:currentColor!important;
    stroke-width:1.7!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }


  body.customs-page .v880-domain-code{
    margin-bottom:8px!important;

    color:#ae7817!important;

    font-size:.62rem!important;

    font-weight:900!important;

    letter-spacing:.14em!important;
  }


  body.customs-page .v880-domain-card h3{
    margin:0 0 10px!important;

    color:#0a3045!important;

    font-size:1.24rem!important;
    line-height:1.08!important;

    letter-spacing:-.025em!important;
  }


  body.customs-page .v880-domain-card p{
    margin:0!important;

    color:#697982!important;

    font-size:.82rem!important;
    line-height:1.59!important;
  }


  /* ========================================================
     DARK CUSTOMS CONTROL DESK
     ======================================================== */

  body.customs-page .v880-control-desk{
    position:relative!important;

    overflow:hidden!important;

    padding:102px 0 108px!important;

    color:#fff!important;

    background:
      radial-gradient(
        circle at 88% 12%,
        rgba(50,135,166,.22),
        transparent 31%
      ),
      linear-gradient(
        125deg,
        #061823,
        #082b3e 58%,
        #0a3d54
      )!important;
  }


  body.customs-page .v880-control-desk::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.12!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.08) 1px,
        transparent 1px
      )!important;

    background-size:
      84px 84px!important;

    pointer-events:none!important;
  }


  body.customs-page .v880-control-desk > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.customs-page .v880-control-head h2{
    color:#fff!important;
  }


  body.customs-page .v880-control-head > p{
    justify-self:end!important;

    max-width:500px!important;

    margin:0 0 8px!important;

    color:rgba(255,255,255,.62)!important;

    font-size:.98rem!important;
    line-height:1.72!important;
  }


  /* desk shell */

  body.customs-page .v880-desk-shell{
    overflow:hidden!important;

    border-radius:19px!important;

    border:
      1px solid rgba(255,255,255,.10)!important;

    background:
      rgba(3,20,30,.50)!important;

    box-shadow:
      0 25px 65px rgba(0,0,0,.18)!important;
  }


  body.customs-page .v880-desk-top{
    min-height:52px!important;

    padding:0 20px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    color:rgba(255,255,255,.43)!important;

    border-bottom:
      1px solid rgba(255,255,255,.08)!important;

    font-size:.63rem!important;

    font-weight:850!important;

    letter-spacing:.11em!important;
  }


  body.customs-page .v880-desk-top > div:first-child{
    display:flex!important;
    align-items:center!important;

    gap:9px!important;

    color:rgba(255,255,255,.70)!important;
  }


  body.customs-page .v880-live-dot{
    width:7px!important;
    height:7px!important;

    border-radius:50%!important;

    background:#65d6a3!important;

    box-shadow:
      0 0 0 5px rgba(101,214,163,.08)!important;
  }


  body.customs-page .v880-desk-grid{
    display:grid!important;

    grid-template-columns:
      300px minmax(0,1fr)!important;
  }


  body.customs-page .v880-desk-sidebar{
    padding:27px 24px!important;

    border-right:
      1px solid rgba(255,255,255,.08)!important;

    background:
      rgba(2,18,28,.35)!important;
  }


  body.customs-page .v880-desk-title{
    margin-bottom:21px!important;

    color:#dca83d!important;

    font-size:.67rem!important;

    font-weight:900!important;

    letter-spacing:.12em!important;

    text-transform:uppercase!important;
  }


  body.customs-page .v880-readiness{
    display:grid!important;
  }


  body.customs-page .v880-readiness > div{
    min-height:61px!important;

    padding:13px 0!important;

    display:grid!important;

    grid-template-columns:
      1fr auto!important;

    align-items:center!important;

    border-bottom:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.customs-page .v880-readiness span{
    color:rgba(255,255,255,.63)!important;

    font-size:.76rem!important;
  }


  body.customs-page .v880-readiness b{
    padding:6px 8px!important;

    border-radius:999px!important;

    font-size:.52rem!important;

    letter-spacing:.08em!important;
  }


  body.customs-page .v880-readiness .ready{
    color:#71d9aa!important;

    background:
      rgba(67,190,137,.10)!important;
  }


  body.customs-page .v880-readiness .review{
    color:#e2b64d!important;

    background:
      rgba(214,164,58,.11)!important;
  }


  body.customs-page .v880-readiness .pending{
    color:rgba(255,255,255,.48)!important;

    background:
      rgba(255,255,255,.06)!important;
  }


  body.customs-page .v880-desk-main{
    padding:25px!important;
  }


  body.customs-page .v880-desk-metrics{
    display:grid!important;

    grid-template-columns:
      repeat(4,1fr)!important;

    gap:11px!important;
  }


  body.customs-page .v880-desk-metrics > div{
    min-height:103px!important;

    padding:18px!important;

    display:flex!important;
    flex-direction:column!important;

    justify-content:center!important;

    border-radius:12px!important;

    border:
      1px solid rgba(255,255,255,.075)!important;

    background:
      rgba(255,255,255,.045)!important;
  }


  body.customs-page .v880-desk-metrics small{
    color:rgba(255,255,255,.38)!important;

    font-size:.55rem!important;

    font-weight:900!important;

    letter-spacing:.10em!important;
  }


  body.customs-page .v880-desk-metrics strong{
    margin:5px 0 3px!important;

    color:#fff!important;

    font-size:1.45rem!important;
  }


  body.customs-page .v880-desk-metrics span{
    color:rgba(255,255,255,.44)!important;

    font-size:.66rem!important;
  }


  body.customs-page .v880-desk-table{
    margin-top:12px!important;

    overflow:hidden!important;

    border-radius:12px!important;

    border:
      1px solid rgba(255,255,255,.075)!important;
  }


  body.customs-page .v880-table-row{
    min-height:52px!important;

    padding:0 17px!important;

    display:grid!important;

    grid-template-columns:
      1.45fr .8fr .8fr 1.25fr!important;

    gap:12px!important;

    align-items:center!important;

    color:rgba(255,255,255,.51)!important;

    border-bottom:
      1px solid rgba(255,255,255,.06)!important;

    font-size:.69rem!important;
  }


  body.customs-page .v880-table-row:last-child{
    border-bottom:0!important;
  }


  body.customs-page .v880-table-head{
    min-height:40px!important;

    color:rgba(255,255,255,.29)!important;

    background:
      rgba(255,255,255,.025)!important;

    font-size:.54rem!important;

    font-weight:900!important;

    letter-spacing:.08em!important;
  }


  body.customs-page .v880-table-row strong{
    color:rgba(255,255,255,.76)!important;

    font-weight:750!important;
  }


  body.customs-page .v880-table-row i{
    width:6px!important;
    height:6px!important;

    display:inline-block!important;

    margin-right:7px!important;

    border-radius:50%!important;
  }


  body.customs-page .v880-table-row i.green{
    background:#63d5a1!important;
  }


  body.customs-page .v880-table-row i.amber{
    background:#ddb043!important;
  }


  body.customs-page .v880-table-row i.grey{
    background:#7e9199!important;
  }


  body.customs-page .v880-control-foot{
    display:grid!important;

    grid-template-columns:
      repeat(4,1fr)!important;

    margin-top:14px!important;

    overflow:hidden!important;

    border:
      1px solid rgba(255,255,255,.075)!important;

    border-radius:13px!important;

    background:
      rgba(2,18,28,.36)!important;
  }


  body.customs-page .v880-control-foot > div{
    min-height:68px!important;

    padding:18px 20px!important;

    display:flex!important;
    align-items:center!important;

    gap:12px!important;

    color:rgba(255,255,255,.59)!important;

    border-right:
      1px solid rgba(255,255,255,.07)!important;

    font-size:.74rem!important;
  }


  body.customs-page .v880-control-foot > div:last-child{
    border-right:0!important;
  }


  body.customs-page .v880-control-foot span{
    color:#d8a53a!important;

    font-size:.60rem!important;

    font-weight:900!important;
  }


  /* ========================================================
     CLEARANCE SEQUENCE
     ======================================================== */

  body.customs-page .v880-clearance{
    position:relative!important;

    overflow:hidden!important;

    padding:104px 0 112px!important;

    background:
      radial-gradient(
        circle at 88% 12%,
        rgba(43,127,158,.09),
        transparent 27%
      ),
      linear-gradient(
        180deg,
        #eef5f5,
        #eaf2f2
      )!important;
  }


  body.customs-page .v880-clearance-flow{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      repeat(6,minmax(0,1fr))!important;

    gap:0!important;

    margin-top:70px!important;
  }


  body.customs-page .v880-clearance-line{
    position:absolute!important;

    left:6%!important;
    right:6%!important;

    top:24px!important;

    height:2px!important;

    background:
      linear-gradient(
        90deg,
        #d0a03a,
        #3f8ba6 35%,
        #3f8ba6 65%,
        #d0a03a
      )!important;

    opacity:.58!important;
  }


  body.customs-page .v880-clearance-step{
    position:relative!important;
    z-index:2!important;

    padding:0 18px!important;

    border-right:
      1px solid rgba(11,58,78,.09)!important;
  }


  body.customs-page .v880-clearance-step:first-of-type{
    padding-left:0!important;
  }


  body.customs-page .v880-clearance-step:last-of-type{
    padding-right:0!important;

    border-right:0!important;
  }


  body.customs-page .v880-clearance-node{
    width:49px!important;
    height:49px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:28px!important;

    border-radius:50%!important;

    color:#082332!important;

    background:
      linear-gradient(
        145deg,
        #eed174,
        #c89429
      )!important;

    box-shadow:
      0 0 0 8px #edf4f4!important;

    font-size:.66rem!important;

    font-weight:900!important;
  }


  body.customs-page .v880-clearance-step small{
    display:block!important;

    margin-bottom:8px!important;

    color:#a87718!important;

    font-size:.59rem!important;

    font-weight:900!important;

    letter-spacing:.14em!important;
  }


  body.customs-page .v880-clearance-step h3{
    margin:0 0 10px!important;

    color:#0a3045!important;

    font-size:1.08rem!important;
    line-height:1.08!important;
  }


  body.customs-page .v880-clearance-step p{
    margin:0!important;

    color:#687881!important;

    font-size:.75rem!important;
    line-height:1.57!important;
  }


  body.customs-page .v880-release-rule{
    min-height:88px!important;

    margin-top:53px!important;

    padding:22px 27px!important;

    display:flex!important;
    align-items:center!important;

    gap:22px!important;

    border-radius:15px!important;

    border:
      1px solid rgba(10,54,74,.09)!important;

    background:
      rgba(255,255,255,.72)!important;

    box-shadow:
      0 12px 30px rgba(8,38,52,.045)!important;
  }


  body.customs-page .v880-release-rule span{
    flex:0 0 auto!important;

    padding:7px 10px!important;

    border-radius:999px!important;

    color:#9e6f16!important;

    background:#f2e8d0!important;

    font-size:.57rem!important;

    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.customs-page .v880-release-rule strong{
    color:#0a3045!important;

    font-size:.92rem!important;
  }


  /* ========================================================
     FAQ
     ======================================================== */

  body.customs-page .v880-faq{
    position:relative!important;

    overflow:hidden!important;

    padding:100px 0 108px!important;

    background:
      linear-gradient(
        rgba(250,247,240,.95),
        rgba(246,241,231,.97)
      ),
      url('/assets/img/contours.svg')!important;

    background-size:
      cover,
      980px auto!important;

    background-repeat:
      no-repeat,
      repeat!important;
  }


  body.customs-page .v880-faq .faq{
    display:grid!important;

    grid-template-columns:
      .78fr 1.22fr!important;

    gap:105px!important;

    align-items:start!important;
  }


  body.customs-page .v880-faq h2{
    max-width:500px!important;

    margin:10px 0 0!important;

    color:#0a3045!important;

    font-size:
      clamp(3rem,4vw,4.5rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.customs-page .v880-faq-intro{
    max-width:430px!important;

    margin-top:23px!important;

    color:#6b7981!important;

    font-size:.87rem!important;
    line-height:1.65!important;
  }


  body.customs-page .v880-faq .accordion{
    border-top:
      1px solid rgba(8,52,72,.12)!important;
  }


  body.customs-page .v880-faq .accordion-item{
    border-bottom:
      1px solid rgba(8,52,72,.12)!important;
  }


  body.customs-page .v880-faq .accordion-button{
    min-height:76px!important;

    padding:0 8px!important;

    color:#0a3045!important;

    font-size:.92rem!important;

    font-weight:800!important;
  }


  body.customs-page .v880-faq .accordion-button span{
    color:#bd8920!important;

    font-size:1.15rem!important;
  }


  body.customs-page .v880-faq .accordion-content p{
    padding:0 45px 22px 8px!important;

    color:#687881!important;

    font-size:.85rem!important;
    line-height:1.65!important;
  }


  /* ========================================================
     CTA
     ======================================================== */

  body.customs-page .v880-cta{
    position:relative!important;

    overflow:hidden!important;

    padding:77px 0 81px!important;

    background:
      radial-gradient(
        circle at 86% 15%,
        rgba(54,132,164,.22),
        transparent 30%
      ),
      linear-gradient(
        112deg,
        #061722,
        #082a3b 58%,
        #0b3b52
      )!important;
  }


  body.customs-page .v880-cta .cta-inner{
    display:grid!important;

    grid-template-columns:
      1fr auto!important;

    gap:80px!important;

    align-items:center!important;
  }


  body.customs-page .v880-cta h2{
    margin:10px 0 9px!important;

    color:#fff!important;

    font-size:
      clamp(2.8rem,3.6vw,4.1rem)!important;

    line-height:.94!important;

    letter-spacing:-.052em!important;
  }


  body.customs-page .v880-cta p{
    color:rgba(255,255,255,.54)!important;
  }


  /* ========================================================
     FOOTER
     ======================================================== */

  body.customs-page .v6-footer{
    background:
      linear-gradient(
        180deg,
        #041620,
        #03121b
      )!important;
  }


  body.customs-page .v6-footer-top{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;

    grid-template-columns:
      1.65fr repeat(4,1fr)!important;

    gap:48px!important;

    padding-top:60px!important;
    padding-bottom:52px!important;
  }


  body.customs-page .v6-footer-logo{
    width:220px!important;
    max-width:220px!important;

    margin-bottom:20px!important;
  }


  body.customs-page .v6-footer-top > div:not(:first-child){
    min-height:170px!important;

    padding-left:26px!important;

    border-left:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.customs-page .v6-footer li{
    position:relative!important;

    padding-left:13px!important;
  }


  body.customs-page .v6-footer li::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:.6em!important;

    width:4px!important;
    height:4px!important;

    transform:
      rotate(45deg)!important;

    background:#c9972e!important;
  }


  /* ========================================================
     CHAPTER TRANSITIONS
     ======================================================== */

  body.customs-page .v880-chapter{
    scroll-margin-top:105px!important;
  }


  @media (prefers-reduced-motion:no-preference){

    body.customs-page.v880-motion
    .v880-chapter > .container{
      opacity:.84!important;

      transform:
        translateY(25px) scale(.997)!important;

      transition:
        opacity .8s cubic-bezier(.2,.7,.2,1),
        transform .8s cubic-bezier(.2,.7,.2,1)!important;
    }


    body.customs-page.v880-motion
    .v880-chapter.v880-in > .container{
      opacity:1!important;

      transform:
        translateY(0) scale(1)!important;
    }

  }

}


/* ==========================================================
   MID-SIZE DESKTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1220px){

  body.customs-page .v880-customs-hero-inner,
  body.customs-page .v880-capabilities > .container,
  body.customs-page .v880-control-desk > .container,
  body.customs-page .v880-clearance > .container,
  body.customs-page .v880-faq > .container,
  body.customs-page .v880-cta > .container,
  body.customs-page .v6-footer-top{
    width:calc(100% - 48px)!important;
  }


  body.customs-page .v880-customs-hero-inner{
    grid-template-columns:
      minmax(0,1fr)
      360px!important;

    gap:60px!important;
  }


  body.customs-page .v880-section-head,
  body.customs-page .v880-control-head{
    gap:60px!important;
  }


  body.customs-page .v880-desk-grid{
    grid-template-columns:
      260px minmax(0,1fr)!important;
  }


  body.customs-page .v880-clearance-step{
    padding:0 12px!important;
  }


  body.customs-page .v880-clearance-step p{
    font-size:.71rem!important;
  }

}


/* ==========================================================
   V8.8.1 — CUSTOMS CLEARANCE SEQUENCE POLISH
   ========================================================== */

@media (min-width:901px){

  body.customs-page .v880-clearance{
    position:relative!important;
    overflow:hidden!important;

    padding:105px 0 112px!important;

    background:
      radial-gradient(
        circle at 88% 12%,
        rgba(44,128,158,.10),
        transparent 28%
      ),
      linear-gradient(
        180deg,
        #eef5f5 0%,
        #e9f1f1 100%
      )!important;
  }


  body.customs-page .v880-clearance::after{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.18!important;

    background-image:
      linear-gradient(
        115deg,
        transparent 0 48%,
        rgba(15,78,103,.08) 48.15%,
        transparent 48.35%
      )!important;

    pointer-events:none!important;
  }


  body.customs-page .v880-clearance > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.customs-page .v880-clearance-flow{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      repeat(6,minmax(0,1fr))!important;

    gap:0!important;

    margin-top:69px!important;
  }


  body.customs-page .v880-clearance-line{
    position:absolute!important;

    left:5.5%!important;
    right:5.5%!important;

    top:24px!important;

    height:2px!important;

    z-index:0!important;

    background:
      linear-gradient(
        90deg,
        #d3a13a 0%,
        #468ba3 30%,
        #468ba3 70%,
        #d3a13a 100%
      )!important;

    opacity:.60!important;
  }


  body.customs-page .v880-clearance-step{
    position:relative!important;
    z-index:2!important;

    min-width:0!important;

    padding:0 18px!important;

    border-right:
      1px solid rgba(10,57,76,.09)!important;
  }


  body.customs-page .v880-clearance-step:first-of-type{
    padding-left:0!important;
  }


  body.customs-page .v880-clearance-step:last-of-type{
    padding-right:0!important;
    border-right:0!important;
  }


  body.customs-page .v880-clearance-node{
    width:50px!important;
    height:50px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:29px!important;

    border-radius:50%!important;

    color:#082432!important;

    background:
      linear-gradient(
        145deg,
        #efd273,
        #c9952a
      )!important;

    box-shadow:
      0 0 0 8px #edf4f4,
      0 8px 22px rgba(190,139,31,.16)!important;

    font-size:.66rem!important;
    font-weight:900!important;
  }


  body.customs-page .v880-clearance-step small{
    display:block!important;

    margin-bottom:8px!important;

    color:#a87718!important;

    font-size:.58rem!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
  }


  body.customs-page .v880-clearance-step h3{
    margin:0 0 10px!important;

    color:#0a3045!important;

    font-size:1.08rem!important;
    line-height:1.08!important;

    letter-spacing:-.022em!important;
  }


  body.customs-page .v880-clearance-step p{
    margin:0!important;

    color:#687881!important;

    font-size:.75rem!important;
    line-height:1.57!important;
  }


  body.customs-page .v880-release-rule{
    min-height:90px!important;

    margin-top:54px!important;

    padding:22px 27px!important;

    display:flex!important;
    align-items:center!important;

    gap:22px!important;

    border-radius:15px!important;

    border:
      1px solid rgba(10,54,74,.09)!important;

    background:
      rgba(255,255,255,.76)!important;

    box-shadow:
      0 13px 32px rgba(8,38,52,.045)!important;
  }


  body.customs-page .v880-release-rule span{
    flex:0 0 auto!important;

    padding:7px 11px!important;

    border-radius:999px!important;

    color:#9d6d15!important;

    background:#f2e7ce!important;

    font-size:.57rem!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
  }


  body.customs-page .v880-release-rule strong{
    color:#0a3045!important;

    font-size:.93rem!important;
  }

}


/* ==========================================================
   V8.9.0 — IOR / EOR DESKTOP
   ========================================================== */

@media (min-width:901px){


  /* ========================================================
     GLOBAL PAGE WIDTH
     ======================================================== */

  body.ior-page .v890-ior-hero-inner,
  body.ior-page .v890-model > .container,
  body.ior-page .v890-matrix > .container,
  body.ior-page .v890-fit > .container,
  body.ior-page .v890-sequence > .container,
  body.ior-page .v890-faq > .container,
  body.ior-page .v890-cta > .container{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }


  /* ========================================================
     HERO
     ======================================================== */

  body.ior-page .v890-ior-hero{
    position:relative!important;

    min-height:600px!important;

    overflow:hidden!important;

    background-image:
      linear-gradient(
        90deg,
        rgba(4,18,29,.91) 0%,
        rgba(4,18,29,.80) 24%,
        rgba(4,18,29,.53) 47%,
        rgba(4,18,29,.19) 72%,
        rgba(4,18,29,.05) 100%
      ),
      url('/assets/img/v831/v831-ior.jpg')!important;

    background-size:
      cover,
      cover!important;

    background-position:
      center,
      center 50%!important;

    background-repeat:no-repeat!important;
  }


  body.ior-page .v890-ior-hero::before{
    content:none!important;
    display:none!important;
  }


  body.ior-page .v890-ior-hero::after{
    content:""!important;

    position:absolute!important;
    inset:auto 0 0!important;

    height:145px!important;

    background:
      linear-gradient(
        180deg,
        transparent,
        rgba(4,18,29,.28)
      )!important;

    pointer-events:none!important;
  }


  body.ior-page .v890-ior-hero .subhero-shade,
  body.ior-page .v890-ior-hero [class*="orb"],
  body.ior-page .v890-ior-hero [class*="circle"]{
    display:none!important;
    visibility:hidden!important;
  }


  body.ior-page .v890-ior-hero-inner{
    position:relative!important;
    z-index:2!important;

    min-height:600px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.05fr)
      420px!important;

    gap:110px!important;

    align-items:center!important;
  }


  body.ior-page .v890-ior-copy{
    max-width:760px!important;
  }


  body.ior-page .v890-ior-copy .breadcrumbs{
    display:flex!important;

    gap:9px!important;

    margin-bottom:28px!important;

    color:rgba(255,255,255,.53)!important;

    font-size:.74rem!important;
  }


  body.ior-page .v890-ior-copy .breadcrumbs a{
    color:#dfae3e!important;
  }


  body.ior-page .v890-ior-copy .eyebrow,
  body.ior-page .v890-ior-note .eyebrow{
    color:#dfae3f!important;
  }


  body.ior-page .v890-ior-copy h1{
    margin:12px 0 21px!important;

    color:#fff!important;

    font-size:
      clamp(4rem,5.35vw,6rem)!important;

    line-height:.89!important;

    letter-spacing:-.061em!important;

    text-shadow:
      0 4px 24px rgba(0,0,0,.22)!important;
  }


  body.ior-page .v890-ior-copy h1 span{
    color:#dfae3f!important;
  }


  body.ior-page .v890-ior-copy .lead{
    max-width:690px!important;

    margin:0!important;

    color:rgba(255,255,255,.76)!important;

    font-size:1.04rem!important;
    line-height:1.72!important;
  }


  body.ior-page .v890-hero-actions{
    display:flex!important;

    gap:12px!important;

    margin-top:30px!important;
  }


  body.ior-page .v890-hero-actions .btn{
    min-height:48px!important;

    padding:0 23px!important;

    display:inline-flex!important;
    align-items:center!important;

    gap:12px!important;

    border-radius:999px!important;

    font-size:.84rem!important;

    font-weight:850!important;
  }


  body.ior-page .v890-primary{
    color:#071b29!important;

    border:0!important;

    background:
      linear-gradient(
        145deg,
        #e4b74d,
        #c9932b
      )!important;
  }


  body.ior-page .v890-secondary{
    color:#fff!important;

    background:
      rgba(6,28,41,.40)!important;

    border:
      1px solid rgba(255,255,255,.25)!important;

    backdrop-filter:
      blur(8px)!important;
  }


  /* hero note */

  body.ior-page .v890-ior-note{
    position:relative!important;

    padding:31px 30px 29px!important;

    border-radius:19px!important;

    border:
      1px solid rgba(218,174,72,.22)!important;

    background:
      linear-gradient(
        145deg,
        rgba(7,34,50,.95),
        rgba(5,24,36,.92)
      )!important;

    box-shadow:
      0 24px 58px rgba(0,0,0,.23)!important;

    backdrop-filter:
      blur(12px)!important;
  }


  body.ior-page .v890-ior-note::before{
    content:""!important;

    position:absolute!important;

    left:30px!important;
    top:0!important;

    width:70px!important;
    height:2px!important;

    background:#d7a63b!important;
  }


  body.ior-page .v890-ior-note h3{
    margin:12px 0!important;

    color:#fff!important;

    font-size:1.42rem!important;
    line-height:1.08!important;

    letter-spacing:-.025em!important;
  }


  body.ior-page .v890-ior-note > p{
    margin:0!important;

    color:rgba(255,255,255,.60)!important;

    font-size:.87rem!important;
    line-height:1.63!important;
  }


  body.ior-page .v890-note-list{
    margin-top:21px!important;

    border-top:
      1px solid rgba(255,255,255,.08)!important;
  }


  body.ior-page .v890-note-list > div{
    min-height:58px!important;

    padding:11px 0!important;

    display:grid!important;

    grid-template-columns:
      27px 1fr!important;

    border-bottom:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.ior-page .v890-note-list > div:last-child{
    border-bottom:0!important;
  }


  body.ior-page .v890-note-list span{
    grid-row:1/3!important;

    color:#dca83c!important;

    font-size:.61rem!important;

    font-weight:900!important;
  }


  body.ior-page .v890-note-list strong{
    color:rgba(255,255,255,.78)!important;

    font-size:.75rem!important;
  }


  body.ior-page .v890-note-list small{
    margin-top:3px!important;

    color:rgba(255,255,255,.42)!important;

    font-size:.67rem!important;
  }


  /* ========================================================
     SHARED SECTION HEAD
     ======================================================== */

  body.ior-page .v890-section-head,
  body.ior-page .v890-matrix-head{
    display:grid!important;

    grid-template-columns:
      minmax(0,1.05fr)
      minmax(380px,.72fr)!important;

    gap:100px!important;

    align-items:end!important;

    margin-bottom:47px!important;
  }


  body.ior-page .v890-section-head h2,
  body.ior-page .v890-matrix-head h2{
    max-width:720px!important;

    margin:10px 0 0!important;

    font-size:
      clamp(3.2rem,4.2vw,4.85rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.ior-page .v890-section-copy{
    justify-self:end!important;

    max-width:500px!important;

    padding-bottom:8px!important;
  }


  body.ior-page .v890-section-copy p{
    margin:0!important;

    color:#62727b!important;

    font-size:.98rem!important;
    line-height:1.72!important;
  }


  /* ========================================================
     OPERATING MODEL
     ======================================================== */

  body.ior-page .v890-model{
    position:relative!important;

    overflow:hidden!important;

    padding:102px 0 110px!important;

    background:
      linear-gradient(
        rgba(249,247,241,.95),
        rgba(245,241,232,.97)
      ),
      url('/assets/img/contours.svg')!important;

    background-size:
      cover,
      920px auto!important;

    background-repeat:
      no-repeat,
      repeat!important;
  }


  body.ior-page .v890-model::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.40!important;

    background:
      radial-gradient(
        circle at 12% 20%,
        rgba(194,145,36,.18) 1px,
        transparent 1.5px
      )!important;

    background-size:
      190px 190px!important;

    pointer-events:none!important;
  }


  body.ior-page .v890-model > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.ior-page .v890-role-grid{
    display:grid!important;

    grid-template-columns:
      repeat(4,minmax(0,1fr))!important;

    gap:15px!important;
  }


  body.ior-page .v890-role-card{
    min-height:330px!important;

    padding:25px!important;

    border-radius:18px!important;

    border:
      1px solid rgba(10,52,71,.085)!important;

    background:
      rgba(255,255,255,.92)!important;

    box-shadow:
      0 15px 36px rgba(7,38,52,.055)!important;

    transition:
      transform .3s ease,
      box-shadow .3s ease!important;
  }


  body.ior-page .v890-role-card:hover{
    transform:
      translateY(-5px)!important;

    box-shadow:
      0 25px 46px rgba(7,38,52,.10)!important;
  }


  body.ior-page .v890-role-top{
    display:flex!important;
    align-items:start!important;
    justify-content:space-between!important;

    margin-bottom:25px!important;
  }


  body.ior-page .v890-role-top > span{
    color:#bd861e!important;

    font-size:.61rem!important;

    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.ior-page .v890-role-icon{
    width:57px!important;
    height:57px!important;

    display:grid!important;
    place-items:center!important;

    color:#0a4b6a!important;

    border-radius:14px!important;

    background:#e7f1f4!important;
  }


  body.ior-page .v890-role-icon svg{
    width:32px!important;
    height:32px!important;

    fill:none!important;

    stroke:currentColor!important;
    stroke-width:1.7!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }


  body.ior-page .v890-role-card > small{
    display:block!important;

    margin-bottom:8px!important;

    color:#a87516!important;

    font-size:.59rem!important;

    font-weight:900!important;

    letter-spacing:.14em!important;
  }


  body.ior-page .v890-role-card h3{
    margin:0 0 12px!important;

    color:#0a3045!important;

    font-size:1.34rem!important;
    line-height:1.08!important;

    letter-spacing:-.025em!important;
  }


  body.ior-page .v890-role-card p{
    margin:0!important;

    color:#697982!important;

    font-size:.82rem!important;
    line-height:1.60!important;
  }


  body.ior-page .v890-role-aashmaan{
    background:
      linear-gradient(
        145deg,
        #edf5f5,
        #f8faf8
      )!important;
  }


  body.ior-page .v890-role-authority{
    background:
      linear-gradient(
        145deg,
        #f5f2e9,
        #fff
      )!important;
  }


  body.ior-page .v890-model-flow{
    display:grid!important;

    grid-template-columns:
      1fr auto 1fr auto 1fr auto 1fr auto 1fr!important;

    gap:10px!important;

    align-items:stretch!important;

    margin-top:18px!important;

    padding:15px!important;

    border-radius:15px!important;

    border:
      1px solid rgba(10,53,72,.08)!important;

    background:
      rgba(255,255,255,.70)!important;
  }


  body.ior-page .v890-model-flow > div{
    min-height:72px!important;

    padding:14px 15px!important;

    display:flex!important;
    flex-direction:column!important;

    justify-content:center!important;
  }


  body.ior-page .v890-model-flow span{
    margin-bottom:5px!important;

    color:#b17a16!important;

    font-size:.55rem!important;

    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.ior-page .v890-model-flow strong{
    color:#0b3246!important;

    font-size:.84rem!important;
  }


  body.ior-page .v890-model-flow i{
    display:grid!important;
    place-items:center!important;

    color:#c79126!important;

    font-style:normal!important;
  }


  /* ========================================================
     RESPONSIBILITY MATRIX — DARK
     ======================================================== */

  body.ior-page .v890-matrix{
    position:relative!important;

    overflow:hidden!important;

    padding:103px 0 107px!important;

    color:#fff!important;

    background:
      radial-gradient(
        circle at 88% 12%,
        rgba(54,141,171,.23),
        transparent 31%
      ),
      linear-gradient(
        125deg,
        #061823,
        #082b3e 58%,
        #0a3d54
      )!important;
  }


  body.ior-page .v890-matrix::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.11!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.08) 1px,
        transparent 1px
      )!important;

    background-size:
      84px 84px!important;
  }


  body.ior-page .v890-matrix > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.ior-page .v890-matrix-head h2{
    color:#fff!important;
  }


  body.ior-page .v890-matrix-head > p{
    justify-self:end!important;

    max-width:505px!important;

    margin:0 0 8px!important;

    color:rgba(255,255,255,.62)!important;

    font-size:.98rem!important;
    line-height:1.72!important;
  }


  body.ior-page .v890-matrix-shell{
    overflow:hidden!important;

    border-radius:18px!important;

    border:
      1px solid rgba(255,255,255,.10)!important;

    background:
      rgba(2,19,29,.50)!important;

    box-shadow:
      0 24px 62px rgba(0,0,0,.18)!important;
  }


  body.ior-page .v890-matrix-top{
    min-height:51px!important;

    padding:0 20px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    color:rgba(255,255,255,.38)!important;

    border-bottom:
      1px solid rgba(255,255,255,.08)!important;

    font-size:.57rem!important;

    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.ior-page .v890-matrix-top > div:first-child{
    color:#d7a83e!important;
  }


  body.ior-page .v890-matrix-row{
    min-height:61px!important;

    padding:0 19px!important;

    display:grid!important;

    grid-template-columns:
      1.50fr .85fr .9fr .95fr 1.05fr!important;

    gap:15px!important;

    align-items:center!important;

    border-bottom:
      1px solid rgba(255,255,255,.065)!important;

    color:rgba(255,255,255,.53)!important;

    font-size:.69rem!important;
  }


  body.ior-page .v890-matrix-row:last-child{
    border-bottom:0!important;
  }


  body.ior-page .v890-matrix-header{
    min-height:42px!important;

    color:rgba(255,255,255,.30)!important;

    background:
      rgba(255,255,255,.025)!important;

    font-size:.53rem!important;

    font-weight:900!important;

    letter-spacing:.08em!important;
  }


  body.ior-page .v890-matrix-row strong{
    color:rgba(255,255,255,.80)!important;

    font-size:.73rem!important;

    font-weight:760!important;
  }


  body.ior-page .v890-matrix-row span:not(:first-child){
    position:relative!important;
  }


  body.ior-page .v890-own{
    color:#e3bd62!important;
  }


  body.ior-page .v890-coordinate{
    color:#72d6c0!important;
  }


  body.ior-page .v890-decide{
    color:#73b9da!important;
  }


  body.ior-page .v890-execute{
    color:#c2a7ef!important;
  }


  body.ior-page .v890-support{
    color:rgba(255,255,255,.71)!important;
  }


  body.ior-page .v890-matrix-legend{
    display:grid!important;

    grid-template-columns:
      repeat(4,1fr)!important;

    margin-top:14px!important;

    overflow:hidden!important;

    border:
      1px solid rgba(255,255,255,.075)!important;

    border-radius:13px!important;

    background:
      rgba(2,18,28,.36)!important;
  }


  body.ior-page .v890-matrix-legend > div{
    min-height:65px!important;

    padding:18px 20px!important;

    display:flex!important;
    align-items:center!important;

    gap:11px!important;

    color:rgba(255,255,255,.59)!important;

    border-right:
      1px solid rgba(255,255,255,.07)!important;

    font-size:.72rem!important;
  }


  body.ior-page .v890-matrix-legend > div:last-child{
    border-right:0!important;
  }


  body.ior-page .v890-matrix-legend i{
    width:8px!important;
    height:8px!important;

    border-radius:50%!important;
  }


  body.ior-page .v890-matrix-legend i.own{
    background:#e3bd62!important;
  }


  body.ior-page .v890-matrix-legend i.coordinate{
    background:#72d6c0!important;
  }


  body.ior-page .v890-matrix-legend i.decide{
    background:#73b9da!important;
  }


  body.ior-page .v890-matrix-legend i.execute{
    background:#c2a7ef!important;
  }


  /* ========================================================
     FIT / REVIEW
     ======================================================== */

  body.ior-page .v890-fit{
    position:relative!important;

    overflow:hidden!important;

    padding:103px 0 110px!important;

    background:
      radial-gradient(
        circle at 90% 10%,
        rgba(44,127,158,.10),
        transparent 27%
      ),
      linear-gradient(
        180deg,
        #edf5f5,
        #e8f1f1
      )!important;
  }


  body.ior-page .v890-fit-grid{
    display:grid!important;

    grid-template-columns:
      1fr 1fr!important;

    gap:17px!important;
  }


  body.ior-page .v890-fit-card{
    position:relative!important;

    min-height:365px!important;

    padding:34px 34px 32px!important;

    display:grid!important;

    grid-template-columns:
      60px 1fr!important;

    gap:24px!important;

    border-radius:19px!important;

    border:
      1px solid rgba(10,53,72,.09)!important;

    background:
      rgba(255,255,255,.82)!important;

    box-shadow:
      0 17px 40px rgba(7,38,52,.055)!important;
  }


  body.ior-page .v890-fit-review{
    background:
      linear-gradient(
        145deg,
        #f8f3e9,
        #fff
      )!important;
  }


  body.ior-page .v890-fit-mark{
    width:54px!important;
    height:54px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:50%!important;

    color:#075071!important;

    background:#e3eff2!important;

    font-size:1.15rem!important;

    font-weight:900!important;
  }


  body.ior-page .v890-fit-review .v890-fit-mark{
    color:#946619!important;

    background:#f1e6ce!important;
  }


  body.ior-page .v890-fit-card h3{
    max-width:490px!important;

    margin:10px 0 19px!important;

    color:#0a3045!important;

    font-size:1.55rem!important;
    line-height:1.08!important;

    letter-spacing:-.032em!important;
  }


  body.ior-page .v890-fit-card ul{
    margin:0!important;
    padding:0!important;

    display:grid!important;

    gap:12px!important;

    list-style:none!important;
  }


  body.ior-page .v890-fit-card li{
    position:relative!important;

    padding-left:18px!important;

    color:#657780!important;

    font-size:.83rem!important;
    line-height:1.55!important;
  }


  body.ior-page .v890-fit-card li::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:.55em!important;

    width:6px!important;
    height:6px!important;

    transform:rotate(45deg)!important;

    background:#c9952a!important;
  }


  body.ior-page .v890-scope-note{
    margin-top:18px!important;

    padding:22px 25px!important;

    display:grid!important;

    grid-template-columns:
      auto 1fr!important;

    gap:20px!important;

    align-items:center!important;

    border-radius:14px!important;

    border:
      1px solid rgba(9,53,72,.09)!important;

    background:
      rgba(255,255,255,.72)!important;
  }


  body.ior-page .v890-scope-note span{
    padding:7px 10px!important;

    border-radius:999px!important;

    color:#9e6e16!important;

    background:#f1e6ce!important;

    font-size:.57rem!important;

    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.ior-page .v890-scope-note p{
    margin:0!important;

    color:#63747d!important;

    font-size:.80rem!important;
    line-height:1.58!important;
  }


  /* ========================================================
     TRANSACTION SEQUENCE
     ======================================================== */

  body.ior-page .v890-sequence{
    position:relative!important;

    overflow:hidden!important;

    padding:103px 0 111px!important;

    background:
      linear-gradient(
        rgba(249,246,239,.94),
        rgba(245,240,230,.97)
      ),
      url('/assets/img/contours.svg')!important;

    background-size:
      cover,
      980px auto!important;

    background-repeat:
      no-repeat,
      repeat!important;
  }


  body.ior-page .v890-sequence-flow{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      repeat(6,minmax(0,1fr))!important;

    margin-top:69px!important;
  }


  body.ior-page .v890-sequence-line{
    position:absolute!important;

    left:5.5%!important;
    right:5.5%!important;

    top:24px!important;

    height:2px!important;

    z-index:0!important;

    background:
      linear-gradient(
        90deg,
        #d3a13a,
        #408ba6 32%,
        #408ba6 68%,
        #d3a13a
      )!important;

    opacity:.60!important;
  }


  body.ior-page .v890-sequence-step{
    position:relative!important;
    z-index:2!important;

    padding:0 18px!important;

    border-right:
      1px solid rgba(10,57,76,.09)!important;
  }


  body.ior-page .v890-sequence-step:first-of-type{
    padding-left:0!important;
  }


  body.ior-page .v890-sequence-step:last-of-type{
    padding-right:0!important;
    border-right:0!important;
  }


  body.ior-page .v890-sequence-node{
    width:50px!important;
    height:50px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:29px!important;

    border-radius:50%!important;

    color:#082432!important;

    background:
      linear-gradient(
        145deg,
        #efd273,
        #c9952a
      )!important;

    box-shadow:
      0 0 0 8px #f6f1e7,
      0 8px 22px rgba(190,139,31,.16)!important;

    font-size:.66rem!important;
    font-weight:900!important;
  }


  body.ior-page .v890-sequence-step small{
    display:block!important;

    margin-bottom:8px!important;

    color:#a87718!important;

    font-size:.58rem!important;

    font-weight:900!important;

    letter-spacing:.14em!important;
  }


  body.ior-page .v890-sequence-step h3{
    margin:0 0 10px!important;

    color:#0a3045!important;

    font-size:1.07rem!important;
    line-height:1.08!important;

    letter-spacing:-.022em!important;
  }


  body.ior-page .v890-sequence-step p{
    margin:0!important;

    color:#687881!important;

    font-size:.74rem!important;
    line-height:1.57!important;
  }


  body.ior-page .v890-sequence-rule{
    min-height:90px!important;

    margin-top:54px!important;

    padding:22px 27px!important;

    display:flex!important;
    align-items:center!important;

    gap:22px!important;

    border-radius:15px!important;

    border:
      1px solid rgba(10,54,74,.09)!important;

    background:
      rgba(255,255,255,.76)!important;

    box-shadow:
      0 13px 32px rgba(8,38,52,.045)!important;
  }


  body.ior-page .v890-sequence-rule span{
    flex:0 0 auto!important;

    padding:7px 11px!important;

    border-radius:999px!important;

    color:#9d6d15!important;

    background:#f2e7ce!important;

    font-size:.57rem!important;

    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.ior-page .v890-sequence-rule strong{
    color:#0a3045!important;

    font-size:.92rem!important;
  }


  /* ========================================================
     FAQ
     ======================================================== */

  body.ior-page .v890-faq{
    position:relative!important;

    overflow:hidden!important;

    padding:100px 0 108px!important;

    background:
      radial-gradient(
        circle at 8% 20%,
        rgba(214,169,65,.11),
        transparent 25%
      ),
      linear-gradient(
        #fbf8f2,
        #f7f2e9
      )!important;
  }


  body.ior-page .v890-faq .faq{
    display:grid!important;

    grid-template-columns:
      .78fr 1.22fr!important;

    gap:105px!important;

    align-items:start!important;
  }


  body.ior-page .v890-faq h2{
    max-width:500px!important;

    margin:10px 0 0!important;

    color:#0a3045!important;

    font-size:
      clamp(3rem,4vw,4.5rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.ior-page .v890-faq-intro{
    max-width:430px!important;

    margin-top:23px!important;

    color:#6b7981!important;

    font-size:.87rem!important;
    line-height:1.65!important;
  }


  body.ior-page .v890-faq .accordion{
    border-top:
      1px solid rgba(8,52,72,.12)!important;
  }


  body.ior-page .v890-faq .accordion-item{
    border-bottom:
      1px solid rgba(8,52,72,.12)!important;
  }


  body.ior-page .v890-faq .accordion-button{
    min-height:76px!important;

    padding:0 8px!important;

    color:#0a3045!important;

    font-size:.92rem!important;

    font-weight:800!important;
  }


  body.ior-page .v890-faq .accordion-button span{
    color:#bd8920!important;

    font-size:1.15rem!important;
  }


  body.ior-page .v890-faq .accordion-content p{
    padding:0 45px 22px 8px!important;

    color:#687881!important;

    font-size:.85rem!important;
    line-height:1.65!important;
  }


  /* ========================================================
     CTA
     ======================================================== */

  body.ior-page .v890-cta{
    position:relative!important;

    overflow:hidden!important;

    padding:77px 0 81px!important;

    background:
      radial-gradient(
        circle at 86% 15%,
        rgba(54,132,164,.22),
        transparent 30%
      ),
      linear-gradient(
        112deg,
        #061722,
        #082a3b 58%,
        #0b3b52
      )!important;
  }


  body.ior-page .v890-cta .cta-inner{
    display:grid!important;

    grid-template-columns:
      1fr auto!important;

    gap:80px!important;

    align-items:center!important;
  }


  body.ior-page .v890-cta h2{
    margin:10px 0 9px!important;

    color:#fff!important;

    font-size:
      clamp(2.8rem,3.6vw,4.1rem)!important;

    line-height:.94!important;

    letter-spacing:-.052em!important;
  }


  body.ior-page .v890-cta p{
    color:rgba(255,255,255,.54)!important;
  }


  /* ========================================================
     FOOTER
     ======================================================== */

  body.ior-page .v6-footer{
    background:
      linear-gradient(
        180deg,
        #041620,
        #03121b
      )!important;
  }


  body.ior-page .v6-footer-top{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;

    grid-template-columns:
      1.65fr repeat(4,1fr)!important;

    gap:48px!important;

    padding-top:60px!important;
    padding-bottom:52px!important;
  }


  body.ior-page .v6-footer-logo{
    width:220px!important;
    max-width:220px!important;

    margin-bottom:20px!important;
  }


  body.ior-page .v6-footer-top > div:not(:first-child){
    min-height:170px!important;

    padding-left:26px!important;

    border-left:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.ior-page .v6-footer li{
    position:relative!important;

    padding-left:13px!important;
  }


  body.ior-page .v6-footer li::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:.6em!important;

    width:4px!important;
    height:4px!important;

    transform:rotate(45deg)!important;

    background:#c9972e!important;
  }


  /* ========================================================
     CHAPTER TRANSITIONS
     ======================================================== */

  body.ior-page .v890-chapter{
    scroll-margin-top:105px!important;
  }


  @media (prefers-reduced-motion:no-preference){

    body.ior-page.v890-motion
    .v890-chapter > .container{
      opacity:.84!important;

      transform:
        translateY(25px) scale(.997)!important;

      transition:
        opacity .8s cubic-bezier(.2,.7,.2,1),
        transform .8s cubic-bezier(.2,.7,.2,1)!important;
    }


    body.ior-page.v890-motion
    .v890-chapter.v890-in > .container{
      opacity:1!important;

      transform:
        translateY(0) scale(1)!important;
    }

  }

}


/* ==========================================================
   MID-SIZE DESKTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1220px){

  body.ior-page .v890-ior-hero-inner,
  body.ior-page .v890-model > .container,
  body.ior-page .v890-matrix > .container,
  body.ior-page .v890-fit > .container,
  body.ior-page .v890-sequence > .container,
  body.ior-page .v890-faq > .container,
  body.ior-page .v890-cta > .container,
  body.ior-page .v6-footer-top{
    width:calc(100% - 48px)!important;
  }


  body.ior-page .v890-ior-hero-inner{
    grid-template-columns:
      minmax(0,1fr)
      360px!important;

    gap:60px!important;
  }


  body.ior-page .v890-section-head,
  body.ior-page .v890-matrix-head{
    gap:60px!important;
  }


  body.ior-page .v890-role-grid{
    gap:12px!important;
  }


  body.ior-page .v890-matrix-row{
    grid-template-columns:
      1.4fr .8fr .85fr .9fr 1fr!important;

    gap:10px!important;

    padding:0 14px!important;

    font-size:.63rem!important;
  }


  body.ior-page .v890-sequence-step{
    padding:0 12px!important;
  }


  body.ior-page .v890-sequence-step p{
    font-size:.70rem!important;
  }

}


/* ==========================================================
   V8.10.0 — PROJECT LOGISTICS DESKTOP
   ========================================================== */

@media (min-width:901px){


  /* ========================================================
     PAGE WIDTH
     ======================================================== */

  body.project-page .v8100-hero-inner,
  body.project-page .v8100-basis > .container,
  body.project-page .v8100-control > .container,
  body.project-page .v8100-route > .container,
  body.project-page .v8100-method > .container,
  body.project-page .v8100-assessment > .container,
  body.project-page .v8100-faq > .container,
  body.project-page .v8100-cta > .container,
  body.project-page .v6-footer-top,
  body.project-page .v6-footer-bottom{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }


  /* ========================================================
     HERO
     ======================================================== */

  body.project-page .v8100-hero{
    position:relative!important;

    min-height:610px!important;

    overflow:hidden!important;

    background-image:
      linear-gradient(
        90deg,
        rgba(3,17,27,.93) 0%,
        rgba(3,17,27,.84) 28%,
        rgba(3,17,27,.54) 52%,
        rgba(3,17,27,.14) 78%,
        rgba(3,17,27,.05) 100%
      ),
      url('/assets/img/v831/v831-project.jpg')!important;

    background-size:
      cover,
      cover!important;

    background-position:
      center,
      center 52%!important;

    background-repeat:no-repeat!important;
  }


  body.project-page .v8100-hero::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    background:
      linear-gradient(
        180deg,
        rgba(5,18,27,.05),
        rgba(5,18,27,.23)
      )!important;

    pointer-events:none!important;
  }


  body.project-page .v8100-hero .subhero-shade,
  body.project-page .v8100-hero [class*="orb"],
  body.project-page .v8100-hero [class*="circle"]{
    display:none!important;
  }


  body.project-page .v8100-hero-inner{
    position:relative!important;
    z-index:2!important;

    min-height:610px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.08fr)
      410px!important;

    gap:105px!important;

    align-items:center!important;
  }


  body.project-page .v8100-hero-copy{
    max-width:780px!important;
  }


  body.project-page .v8100-hero-copy .breadcrumbs{
    display:flex!important;
    gap:9px!important;

    margin-bottom:27px!important;

    color:rgba(255,255,255,.50)!important;

    font-size:.73rem!important;
  }


  body.project-page .v8100-hero-copy .breadcrumbs a{
    color:#dfae3f!important;
  }


  body.project-page .v8100-hero-copy .eyebrow,
  body.project-page .v8100-hero-note .eyebrow{
    color:#dfae3f!important;
  }


  body.project-page .v8100-hero-copy h1{
    margin:12px 0 21px!important;

    color:#fff!important;

    font-size:
      clamp(4rem,5.35vw,6rem)!important;

    line-height:.89!important;

    letter-spacing:-.061em!important;

    text-shadow:
      0 4px 24px rgba(0,0,0,.22)!important;
  }


  body.project-page .v8100-hero-copy h1 span{
    color:#dfa93a!important;
  }


  body.project-page .v8100-hero-copy .lead{
    max-width:700px!important;

    margin:0!important;

    color:rgba(255,255,255,.75)!important;

    font-size:1.02rem!important;
    line-height:1.72!important;
  }


  body.project-page .v8100-hero-actions{
    display:flex!important;

    gap:12px!important;

    margin-top:29px!important;
  }


  body.project-page .v8100-hero-actions .btn{
    min-height:48px!important;

    padding:0 23px!important;

    display:inline-flex!important;
    align-items:center!important;

    gap:11px!important;

    border-radius:999px!important;

    font-size:.83rem!important;
    font-weight:850!important;
  }


  body.project-page .v8100-primary{
    color:#071b29!important;

    border:0!important;

    background:
      linear-gradient(
        145deg,
        #e4b74d,
        #c9932b
      )!important;

    box-shadow:
      0 10px 28px rgba(198,145,37,.18)!important;
  }


  body.project-page .v8100-secondary{
    color:#fff!important;

    background:
      rgba(5,25,38,.44)!important;

    border:
      1px solid rgba(255,255,255,.24)!important;

    backdrop-filter:
      blur(8px)!important;
  }


  /* ========================================================
     HERO CONTROL CARD
     ======================================================== */

  body.project-page .v8100-hero-note{
    position:relative!important;

    padding:31px 30px 28px!important;

    border-radius:18px!important;

    border:
      1px solid rgba(218,174,72,.22)!important;

    background:
      linear-gradient(
        145deg,
        rgba(6,32,48,.96),
        rgba(4,23,35,.94)
      )!important;

    box-shadow:
      0 25px 58px rgba(0,0,0,.24)!important;

    backdrop-filter:
      blur(12px)!important;
  }


  body.project-page .v8100-hero-note::before{
    content:""!important;

    position:absolute!important;

    top:0!important;
    left:30px!important;

    width:72px!important;
    height:2px!important;

    background:#d7a43b!important;
  }


  body.project-page .v8100-hero-note h3{
    margin:12px 0!important;

    color:#fff!important;

    font-size:1.44rem!important;
    line-height:1.08!important;

    letter-spacing:-.025em!important;
  }


  body.project-page .v8100-hero-note > p{
    margin:0!important;

    color:rgba(255,255,255,.60)!important;

    font-size:.86rem!important;
    line-height:1.63!important;
  }


  body.project-page .v8100-note-list{
    margin-top:21px!important;

    border-top:
      1px solid rgba(255,255,255,.08)!important;
  }


  body.project-page .v8100-note-list > div{
    min-height:60px!important;

    padding:11px 0!important;

    display:grid!important;

    grid-template-columns:
      27px 1fr!important;

    border-bottom:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.project-page .v8100-note-list > div:last-child{
    border-bottom:0!important;
  }


  body.project-page .v8100-note-list span{
    grid-row:1/3!important;

    color:#dba53a!important;

    font-size:.60rem!important;
    font-weight:900!important;
  }


  body.project-page .v8100-note-list strong{
    color:rgba(255,255,255,.80)!important;

    font-size:.75rem!important;
  }


  body.project-page .v8100-note-list small{
    margin-top:3px!important;

    color:rgba(255,255,255,.42)!important;

    font-size:.65rem!important;
  }


  /* ========================================================
     SHARED HEADINGS
     ======================================================== */

  body.project-page .v8100-section-head,
  body.project-page .v8100-dark-head{
    display:grid!important;

    grid-template-columns:
      minmax(0,1.05fr)
      minmax(380px,.72fr)!important;

    gap:100px!important;

    align-items:end!important;

    margin-bottom:47px!important;
  }


  body.project-page .v8100-section-head h2,
  body.project-page .v8100-dark-head h2{
    max-width:730px!important;

    margin:10px 0 0!important;

    font-size:
      clamp(3.2rem,4.2vw,4.85rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.project-page .v8100-section-copy{
    justify-self:end!important;

    max-width:505px!important;

    padding-bottom:8px!important;
  }


  body.project-page .v8100-section-copy p,
  body.project-page .v8100-dark-head > p{
    margin:0!important;

    font-size:.97rem!important;
    line-height:1.72!important;
  }


  /* ========================================================
     MOVEMENT BASIS
     ======================================================== */

  body.project-page .v8100-basis{
    position:relative!important;

    overflow:hidden!important;

    padding:103px 0 112px!important;

    background:
      radial-gradient(
        circle at 88% 10%,
        rgba(204,155,46,.09),
        transparent 26%
      ),
      linear-gradient(
        180deg,
        #faf7f0,
        #f4eee4
      )!important;
  }


  body.project-page .v8100-basis::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.18!important;

    background-image:
      linear-gradient(
        rgba(19,70,89,.09) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(19,70,89,.09) 1px,
        transparent 1px
      )!important;

    background-size:
      120px 120px!important;

    mask-image:
      linear-gradient(
        90deg,
        transparent,
        #000 35%,
        #000 100%
      )!important;

    pointer-events:none!important;
  }


  body.project-page .v8100-basis > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.project-page .v8100-section-head h2{
    color:#0a3045!important;
  }


  body.project-page .v8100-section-copy p{
    color:#64757e!important;
  }


  body.project-page .v8100-basis-grid{
    display:grid!important;

    grid-template-columns:
      repeat(4,minmax(0,1fr))!important;

    gap:14px!important;
  }


  body.project-page .v8100-basis-card{
    min-height:348px!important;

    padding:25px 25px 23px!important;

    border-radius:18px!important;

    border:
      1px solid rgba(10,52,71,.085)!important;

    background:
      rgba(255,255,255,.91)!important;

    box-shadow:
      0 15px 36px rgba(7,38,52,.055)!important;

    transition:
      transform .28s ease,
      box-shadow .28s ease!important;
  }


  body.project-page .v8100-basis-card:hover{
    transform:
      translateY(-5px)!important;

    box-shadow:
      0 24px 44px rgba(7,38,52,.095)!important;
  }


  body.project-page .v8100-card-top{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;

    margin-bottom:24px!important;
  }


  body.project-page .v8100-icon{
    width:58px!important;
    height:58px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:14px!important;

    color:#0c5271!important;

    background:
      linear-gradient(
        145deg,
        #e5f1f4,
        #edf5f6
      )!important;
  }


  body.project-page .v8100-icon svg{
    width:32px!important;
    height:32px!important;

    fill:none!important;

    stroke:currentColor!important;
    stroke-width:1.7!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }


  body.project-page .v8100-card-top > span{
    color:#b77f18!important;

    font-size:.59rem!important;

    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.project-page .v8100-basis-card > small{
    display:block!important;

    margin-bottom:8px!important;

    color:#a87516!important;

    font-size:.58rem!important;

    font-weight:900!important;

    letter-spacing:.14em!important;
  }


  body.project-page .v8100-basis-card h3{
    margin:0 0 11px!important;

    color:#0a3045!important;

    font-size:1.28rem!important;
    line-height:1.08!important;

    letter-spacing:-.024em!important;
  }


  body.project-page .v8100-basis-card p{
    margin:0 0 18px!important;

    color:#687982!important;

    font-size:.80rem!important;
    line-height:1.59!important;
  }


  body.project-page .v8100-basis-card ul{
    margin:0!important;
    padding:0!important;

    display:grid!important;
    gap:7px!important;

    list-style:none!important;
  }


  body.project-page .v8100-basis-card li{
    position:relative!important;

    padding-left:14px!important;

    color:#465d69!important;

    font-size:.69rem!important;
  }


  body.project-page .v8100-basis-card li::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:.48em!important;

    width:5px!important;
    height:5px!important;

    transform:rotate(45deg)!important;

    background:#cc9729!important;
  }


  /* split engineering feature */

  body.project-page .v8100-basis-feature{
    margin-top:18px!important;

    display:grid!important;

    grid-template-columns:
      1.15fr .85fr!important;

    min-height:430px!important;

    overflow:hidden!important;

    border-radius:19px!important;

    border:
      1px solid rgba(10,52,71,.08)!important;

    background:#fff!important;

    box-shadow:
      0 18px 45px rgba(7,38,52,.07)!important;
  }


  body.project-page .v8100-basis-image{
    position:relative!important;

    overflow:hidden!important;
  }


  body.project-page .v8100-basis-image img{
    width:100%!important;
    height:100%!important;

    display:block!important;

    object-fit:cover!important;

    object-position:center!important;
  }


  body.project-page .v8100-basis-image::after{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    background:
      linear-gradient(
        90deg,
        transparent 64%,
        rgba(255,255,255,.13)
      )!important;
  }


  body.project-page .v8100-image-tag{
    position:absolute!important;
    z-index:2!important;

    left:24px!important;
    bottom:24px!important;

    padding:9px 12px!important;

    border-radius:999px!important;

    color:#fff!important;

    background:
      rgba(5,30,44,.78)!important;

    border:
      1px solid rgba(255,255,255,.15)!important;

    backdrop-filter:
      blur(8px)!important;

    font-size:.56rem!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
  }


  body.project-page .v8100-basis-panel{
    padding:42px 39px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }


  body.project-page .v8100-basis-panel h3{
    margin:10px 0 13px!important;

    color:#0a3045!important;

    font-size:2rem!important;
    line-height:1!important;

    letter-spacing:-.037em!important;
  }


  body.project-page .v8100-basis-panel > p{
    margin:0!important;

    color:#697982!important;

    font-size:.86rem!important;
    line-height:1.64!important;
  }


  body.project-page .v8100-data-grid{
    display:grid!important;

    grid-template-columns:
      repeat(2,1fr)!important;

    gap:8px!important;

    margin:24px 0!important;
  }


  body.project-page .v8100-data-grid > div{
    min-height:68px!important;

    padding:13px 14px!important;

    display:flex!important;
    flex-direction:column!important;

    justify-content:center!important;

    border-radius:10px!important;

    background:#f4f8f8!important;

    border:
      1px solid rgba(8,60,80,.06)!important;
  }


  body.project-page .v8100-data-grid span{
    margin-bottom:5px!important;

    color:#ad7614!important;

    font-size:.51rem!important;

    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.project-page .v8100-data-grid strong{
    color:#173d50!important;

    font-size:.68rem!important;
  }


  body.project-page .v8100-basis-panel > a{
    width:max-content!important;

    display:inline-flex!important;
    align-items:center!important;

    gap:8px!important;

    color:#0b3347!important;

    font-size:.76rem!important;
    font-weight:850!important;
  }


  body.project-page .v8100-basis-panel > a span{
    color:#c88f22!important;
  }


  /* ========================================================
     DARK CONTROL DESK
     ======================================================== */

  body.project-page .v8100-control{
    position:relative!important;

    overflow:hidden!important;

    padding:104px 0 112px!important;

    color:#fff!important;

    background:
      radial-gradient(
        circle at 88% 15%,
        rgba(51,142,176,.24),
        transparent 31%
      ),
      linear-gradient(
        125deg,
        #051722,
        #072a3b 56%,
        #0b4258
      )!important;
  }


  body.project-page .v8100-control::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.11!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.08) 1px,
        transparent 1px
      )!important;

    background-size:
      88px 88px!important;
  }


  body.project-page .v8100-control > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.project-page .v8100-dark-head h2{
    color:#fff!important;
  }


  body.project-page .v8100-dark-head > p{
    justify-self:end!important;

    max-width:510px!important;

    padding-bottom:8px!important;

    color:rgba(255,255,255,.61)!important;
  }


  body.project-page .v8100-control-board{
    overflow:hidden!important;

    border-radius:18px!important;

    border:
      1px solid rgba(255,255,255,.10)!important;

    background:
      rgba(2,19,29,.48)!important;

    box-shadow:
      0 26px 65px rgba(0,0,0,.20)!important;
  }


  body.project-page .v8100-board-head{
    min-height:53px!important;

    padding:0 20px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    border-bottom:
      1px solid rgba(255,255,255,.075)!important;

    color:rgba(255,255,255,.44)!important;

    font-size:.57rem!important;
    font-weight:900!important;
    letter-spacing:.11em!important;
  }


  body.project-page .v8100-board-head > div{
    display:flex!important;
    align-items:center!important;

    gap:10px!important;

    color:#e1b655!important;
  }


  body.project-page .v8100-board-head i{
    width:7px!important;
    height:7px!important;

    border-radius:50%!important;

    background:#67d5a9!important;

    box-shadow:
      0 0 0 4px rgba(103,213,169,.08)!important;
  }


  body.project-page .v8100-board-main{
    display:grid!important;

    grid-template-columns:
      235px 1fr!important;
  }


  body.project-page .v8100-board-side{
    padding:22px 17px!important;

    border-right:
      1px solid rgba(255,255,255,.075)!important;

    background:
      rgba(255,255,255,.018)!important;
  }


  body.project-page .v8100-board-side > small{
    display:block!important;

    margin:0 8px 13px!important;

    color:#d8aa42!important;

    font-size:.54rem!important;
    font-weight:900!important;
    letter-spacing:.11em!important;
  }


  body.project-page .v8100-board-side > div{
    min-height:51px!important;

    padding:0 8px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    border-bottom:
      1px solid rgba(255,255,255,.055)!important;
  }


  body.project-page .v8100-board-side span{
    color:rgba(255,255,255,.60)!important;

    font-size:.68rem!important;
  }


  body.project-page .v8100-board-side b{
    padding:5px 7px!important;

    border-radius:999px!important;

    font-size:.48rem!important;
    letter-spacing:.08em!important;
  }


  body.project-page .v8100-board-side .ready{
    color:#63d5a8!important;
    background:rgba(54,151,116,.10)!important;
  }


  body.project-page .v8100-board-side .review{
    color:#dcb657!important;
    background:rgba(213,164,55,.10)!important;
  }


  body.project-page .v8100-board-side .pending{
    color:#75bad5!important;
    background:rgba(75,145,174,.11)!important;
  }


  body.project-page .v8100-board-side .hold{
    color:#f2a88e!important;
    background:rgba(203,100,71,.10)!important;
  }


  body.project-page .v8100-board-content{
    padding:20px!important;
  }


  body.project-page .v8100-board-metrics{
    display:grid!important;

    grid-template-columns:
      repeat(4,1fr)!important;

    gap:9px!important;

    margin-bottom:11px!important;
  }


  body.project-page .v8100-board-metrics > div{
    min-height:99px!important;

    padding:16px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    border-radius:10px!important;

    border:
      1px solid rgba(255,255,255,.055)!important;

    background:
      rgba(255,255,255,.035)!important;
  }


  body.project-page .v8100-board-metrics small{
    color:rgba(255,255,255,.31)!important;

    font-size:.51rem!important;

    font-weight:900!important;

    letter-spacing:.09em!important;
  }


  body.project-page .v8100-board-metrics strong{
    margin:6px 0 3px!important;

    color:#fff!important;

    font-size:1.32rem!important;
  }


  body.project-page .v8100-board-metrics span{
    color:rgba(255,255,255,.42)!important;

    font-size:.62rem!important;
  }


  body.project-page .v8100-board-table{
    overflow:hidden!important;

    border-radius:10px!important;

    border:
      1px solid rgba(255,255,255,.055)!important;
  }


  body.project-page .v8100-board-row{
    min-height:50px!important;

    padding:0 14px!important;

    display:grid!important;

    grid-template-columns:
      1.25fr .80fr .65fr 1.15fr!important;

    gap:12px!important;

    align-items:center!important;

    border-bottom:
      1px solid rgba(255,255,255,.055)!important;

    color:rgba(255,255,255,.46)!important;

    font-size:.65rem!important;
  }


  body.project-page .v8100-board-row:last-child{
    border-bottom:0!important;
  }


  body.project-page .v8100-board-labels{
    min-height:38px!important;

    color:rgba(255,255,255,.25)!important;

    background:
      rgba(255,255,255,.018)!important;

    font-size:.49rem!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
  }


  body.project-page .v8100-board-row strong{
    color:rgba(255,255,255,.77)!important;

    font-size:.67rem!important;
  }


  body.project-page .state-ready{
    color:#62d2a5!important;
  }


  body.project-page .state-review{
    color:#deb75c!important;
  }


  body.project-page .state-pending{
    color:#74b9d4!important;
  }


  body.project-page .state-hold{
    color:#f1a58d!important;
  }


  body.project-page .v8100-board-footer{
    display:grid!important;

    grid-template-columns:
      repeat(4,1fr)!important;

    border-top:
      1px solid rgba(255,255,255,.075)!important;
  }


  body.project-page .v8100-board-footer > div{
    min-height:67px!important;

    padding:0 17px!important;

    display:flex!important;
    align-items:center!important;

    gap:10px!important;

    color:rgba(255,255,255,.50)!important;

    border-right:
      1px solid rgba(255,255,255,.06)!important;

    font-size:.67rem!important;
  }


  body.project-page .v8100-board-footer > div:last-child{
    border-right:0!important;
  }


  body.project-page .v8100-board-footer span{
    color:#d7a63e!important;

    font-size:.57rem!important;
    font-weight:900!important;
  }


  /* ========================================================
     ROUTE ENGINEERING
     ======================================================== */

  body.project-page .v8100-route{
    position:relative!important;

    overflow:hidden!important;

    padding:103px 0 112px!important;

    background:
      radial-gradient(
        circle at 10% 10%,
        rgba(50,140,170,.10),
        transparent 29%
      ),
      linear-gradient(
        180deg,
        #edf5f5,
        #e7f0f1
      )!important;
  }


  body.project-page .v8100-route-shell{
    display:grid!important;

    grid-template-columns:
      1.2fr .8fr!important;

    min-height:485px!important;

    overflow:hidden!important;

    border-radius:19px!important;

    border:
      1px solid rgba(7,57,77,.09)!important;

    background:#fff!important;

    box-shadow:
      0 18px 45px rgba(7,38,52,.06)!important;
  }


  body.project-page .v8100-route-map{
    position:relative!important;

    overflow:hidden!important;

    min-height:485px!important;

    background:
      linear-gradient(
        135deg,
        #0b3346,
        #0b4c65
      )!important;
  }


  body.project-page .v8100-grid-lines{
    position:absolute!important;
    inset:0!important;

    opacity:.15!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.12) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.12) 1px,
        transparent 1px
      )!important;

    background-size:
      62px 62px!important;
  }


  body.project-page .v8100-route-line{
    position:absolute!important;

    left:10%!important;
    right:9%!important;
    top:50%!important;

    height:3px!important;

    transform:
      rotate(-7deg)!important;

    transform-origin:center!important;

    background:
      linear-gradient(
        90deg,
        #d7a537,
        #58b8ca,
        #58b8ca,
        #d7a537
      )!important;

    box-shadow:
      0 0 22px rgba(87,185,202,.28)!important;
  }


  body.project-page .v8100-route-line::after{
    content:""!important;

    position:absolute!important;

    inset:-11px 0!important;

    border-top:
      1px dashed rgba(255,255,255,.16)!important;
  }


  body.project-page .v8100-route-line .point{
    position:absolute!important;

    top:50%!important;

    width:14px!important;
    height:14px!important;

    transform:
      translate(-50%,-50%)!important;

    border-radius:50%!important;

    background:#e2b348!important;

    box-shadow:
      0 0 0 7px rgba(226,179,72,.12)!important;
  }


  body.project-page .v8100-route-line .p1{
    left:0!important;
  }

  body.project-page .v8100-route-line .p2{
    left:34%!important;
  }

  body.project-page .v8100-route-line .p3{
    left:68%!important;
  }

  body.project-page .v8100-route-line .p4{
    left:100%!important;
  }


  body.project-page .v8100-route-label{
    position:absolute!important;

    width:160px!important;

    padding:12px 13px!important;

    border-radius:10px!important;

    border:
      1px solid rgba(255,255,255,.12)!important;

    background:
      rgba(3,25,37,.66)!important;

    backdrop-filter:
      blur(8px)!important;
  }


  body.project-page .v8100-route-label small{
    display:block!important;

    margin-bottom:5px!important;

    color:#dcaa3e!important;

    font-size:.48rem!important;
    font-weight:900!important;
    letter-spacing:.10em!important;
  }


  body.project-page .v8100-route-label strong{
    display:block!important;

    color:#fff!important;

    font-size:.73rem!important;
  }


  body.project-page .v8100-route-label span{
    display:block!important;

    margin-top:4px!important;

    color:rgba(255,255,255,.42)!important;

    font-size:.56rem!important;
    line-height:1.4!important;
  }


  body.project-page .v8100-route-label.origin{
    left:6%!important;
    top:66%!important;
  }


  body.project-page .v8100-route-label.corridor{
    left:28%!important;
    top:27%!important;
  }


  body.project-page .v8100-route-label.window{
    right:25%!important;
    top:58%!important;
  }


  body.project-page .v8100-route-label.destination{
    right:5%!important;
    top:20%!important;
  }


  body.project-page .v8100-route-panel{
    padding:37px 34px!important;

    background:
      linear-gradient(
        180deg,
        #fff,
        #f7faf9
      )!important;
  }


  body.project-page .v8100-route-panel h3{
    margin:10px 0 25px!important;

    color:#0a3045!important;

    font-size:1.75rem!important;
    line-height:1.04!important;

    letter-spacing:-.035em!important;
  }


  body.project-page .v8100-route-check{
    min-height:67px!important;

    display:grid!important;

    grid-template-columns:
      34px 1fr!important;

    gap:10px!important;

    align-items:center!important;

    border-bottom:
      1px solid rgba(8,58,78,.09)!important;
  }


  body.project-page .v8100-route-check:last-child{
    border-bottom:0!important;
  }


  body.project-page .v8100-route-check > span{
    color:#bd871e!important;

    font-size:.57rem!important;

    font-weight:900!important;
  }


  body.project-page .v8100-route-check strong{
    display:block!important;

    color:#12384b!important;

    font-size:.77rem!important;
  }


  body.project-page .v8100-route-check small{
    display:block!important;

    margin-top:3px!important;

    color:#74828a!important;

    font-size:.62rem!important;
  }


  /* ========================================================
     SEVEN-CONTROL METHOD
     ======================================================== */

  body.project-page .v8100-method{
    position:relative!important;

    overflow:hidden!important;

    padding:104px 0 112px!important;

    background:
      radial-gradient(
        circle at 90% 12%,
        rgba(205,157,48,.09),
        transparent 27%
      ),
      linear-gradient(
        180deg,
        #faf7f0,
        #f3ede3
      )!important;
  }


  body.project-page .v8100-method-flow{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      repeat(7,minmax(0,1fr))!important;

    margin-top:67px!important;
  }


  body.project-page .v8100-method-line{
    position:absolute!important;

    left:4.7%!important;
    right:4.7%!important;

    top:24px!important;

    height:2px!important;

    z-index:0!important;

    background:
      linear-gradient(
        90deg,
        #d3a13a,
        #3f8ba6 32%,
        #3f8ba6 68%,
        #d3a13a
      )!important;

    opacity:.60!important;
  }


  body.project-page .v8100-method-flow article{
    position:relative!important;
    z-index:2!important;

    min-width:0!important;

    padding:0 14px!important;

    border-right:
      1px solid rgba(10,57,76,.085)!important;
  }


  body.project-page .v8100-method-flow article:first-of-type{
    padding-left:0!important;
  }


  body.project-page .v8100-method-flow article:last-of-type{
    padding-right:0!important;
    border-right:0!important;
  }


  body.project-page .v8100-method-flow article > div{
    width:50px!important;
    height:50px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:28px!important;

    border-radius:50%!important;

    color:#082432!important;

    background:
      linear-gradient(
        145deg,
        #efd273,
        #c9952a
      )!important;

    box-shadow:
      0 0 0 8px #f6f1e8,
      0 8px 22px rgba(190,139,31,.16)!important;

    font-size:.64rem!important;
    font-weight:900!important;
  }


  body.project-page .v8100-method-flow small{
    display:block!important;

    margin-bottom:7px!important;

    color:#a87718!important;

    font-size:.54rem!important;

    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.project-page .v8100-method-flow h3{
    margin:0 0 9px!important;

    color:#0a3045!important;

    font-size:.98rem!important;
    line-height:1.08!important;
  }


  body.project-page .v8100-method-flow p{
    margin:0!important;

    color:#687881!important;

    font-size:.68rem!important;
    line-height:1.56!important;
  }


  body.project-page .v8100-method-rule{
    min-height:88px!important;

    margin-top:52px!important;

    padding:21px 26px!important;

    display:flex!important;
    align-items:center!important;

    gap:21px!important;

    border-radius:14px!important;

    border:
      1px solid rgba(10,54,74,.09)!important;

    background:
      rgba(255,255,255,.78)!important;

    box-shadow:
      0 13px 32px rgba(8,38,52,.045)!important;
  }


  body.project-page .v8100-method-rule span{
    flex:0 0 auto!important;

    padding:7px 11px!important;

    border-radius:999px!important;

    color:#9d6d15!important;

    background:#f1e5ca!important;

    font-size:.55rem!important;

    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.project-page .v8100-method-rule strong{
    color:#0a3045!important;

    font-size:.91rem!important;
  }


  /* ========================================================
     PRE-ASSESSMENT
     ======================================================== */

  body.project-page .v8100-assessment{
    position:relative!important;

    overflow:hidden!important;

    padding:94px 0!important;

    background:
      radial-gradient(
        circle at 85% 15%,
        rgba(53,139,172,.23),
        transparent 31%
      ),
      linear-gradient(
        120deg,
        #071923,
        #092c3d 56%,
        #0b4359
      )!important;
  }


  body.project-page .v8100-assessment-shell{
    display:grid!important;

    grid-template-columns:
      .92fr 1.08fr!important;

    gap:85px!important;

    align-items:center!important;
  }


  body.project-page .v8100-assessment-copy h2{
    margin:11px 0 17px!important;

    color:#fff!important;

    font-size:
      clamp(3rem,4vw,4.45rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.project-page .v8100-assessment-copy > p{
    max-width:530px!important;

    margin:0 0 27px!important;

    color:rgba(255,255,255,.56)!important;

    font-size:.88rem!important;
    line-height:1.68!important;
  }


  body.project-page .v8100-assessment-copy .btn{
    min-height:48px!important;

    padding:0 23px!important;

    display:inline-flex!important;
    align-items:center!important;

    gap:11px!important;

    border-radius:999px!important;

    font-size:.80rem!important;
    font-weight:850!important;
  }


  body.project-page .v8100-assessment-data{
    display:grid!important;

    grid-template-columns:
      repeat(2,1fr)!important;

    gap:9px!important;
  }


  body.project-page .v8100-assessment-data > div{
    min-height:102px!important;

    padding:17px 18px!important;

    display:grid!important;

    grid-template-columns:
      30px 1fr!important;

    border-radius:12px!important;

    border:
      1px solid rgba(255,255,255,.08)!important;

    background:
      rgba(255,255,255,.045)!important;

    backdrop-filter:
      blur(4px)!important;
  }


  body.project-page .v8100-assessment-data span{
    grid-row:1/3!important;

    color:#deb04a!important;

    font-size:.57rem!important;

    font-weight:900!important;
  }


  body.project-page .v8100-assessment-data strong{
    color:#fff!important;

    font-size:.78rem!important;
  }


  body.project-page .v8100-assessment-data small{
    margin-top:4px!important;

    color:rgba(255,255,255,.40)!important;

    font-size:.61rem!important;
  }


  /* ========================================================
     FAQ
     ======================================================== */

  body.project-page .v8100-faq{
    position:relative!important;

    overflow:hidden!important;

    padding:101px 0 109px!important;

    background:
      radial-gradient(
        circle at 8% 18%,
        rgba(215,170,65,.10),
        transparent 25%
      ),
      linear-gradient(
        #fbf8f2,
        #f7f2e9
      )!important;
  }


  body.project-page .v8100-faq .faq{
    display:grid!important;

    grid-template-columns:
      .78fr 1.22fr!important;

    gap:105px!important;

    align-items:start!important;
  }


  body.project-page .v8100-faq h2{
    max-width:530px!important;

    margin:10px 0 0!important;

    color:#0a3045!important;

    font-size:
      clamp(3rem,4vw,4.5rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.project-page .v8100-faq-intro{
    max-width:440px!important;

    margin-top:23px!important;

    color:#6b7981!important;

    font-size:.87rem!important;
    line-height:1.65!important;
  }


  body.project-page .v8100-faq .accordion{
    border-top:
      1px solid rgba(8,52,72,.12)!important;
  }


  body.project-page .v8100-faq .accordion-item{
    border-bottom:
      1px solid rgba(8,52,72,.12)!important;
  }


  body.project-page .v8100-faq .accordion-button{
    min-height:75px!important;

    padding:0 8px!important;

    color:#0a3045!important;

    font-size:.91rem!important;

    font-weight:800!important;
  }


  body.project-page .v8100-faq .accordion-button span{
    color:#bd8920!important;

    font-size:1.15rem!important;
  }


  body.project-page .v8100-faq .accordion-content p{
    padding:0 45px 22px 8px!important;

    color:#687881!important;

    font-size:.84rem!important;
    line-height:1.65!important;
  }


  /* ========================================================
     CTA
     ======================================================== */

  body.project-page .v8100-cta{
    position:relative!important;

    overflow:hidden!important;

    padding:77px 0 81px!important;

    background:
      radial-gradient(
        circle at 86% 15%,
        rgba(54,132,164,.22),
        transparent 30%
      ),
      linear-gradient(
        112deg,
        #061722,
        #082a3b 58%,
        #0b3b52
      )!important;
  }


  body.project-page .v8100-cta .cta-inner{
    display:grid!important;

    grid-template-columns:
      1fr auto!important;

    gap:80px!important;

    align-items:center!important;
  }


  body.project-page .v8100-cta h2{
    margin:10px 0 9px!important;

    color:#fff!important;

    font-size:
      clamp(2.8rem,3.6vw,4.1rem)!important;

    line-height:.94!important;

    letter-spacing:-.052em!important;
  }


  body.project-page .v8100-cta p{
    color:rgba(255,255,255,.54)!important;
  }


  /* ========================================================
     FOOTER
     ======================================================== */

  body.project-page .v6-footer{
    background:
      linear-gradient(
        180deg,
        #041620,
        #03121b
      )!important;
  }


  body.project-page .v6-footer-top{
    grid-template-columns:
      1.65fr repeat(4,1fr)!important;

    gap:48px!important;

    padding-top:60px!important;
    padding-bottom:52px!important;
  }


  body.project-page .v6-footer-logo{
    width:220px!important;
    max-width:220px!important;

    margin-bottom:20px!important;
  }


  body.project-page
  .v6-footer-top > div:not(:first-child){
    min-height:170px!important;

    padding-left:26px!important;

    border-left:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.project-page .v6-footer li{
    position:relative!important;

    padding-left:13px!important;
  }


  body.project-page .v6-footer li::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:.6em!important;

    width:4px!important;
    height:4px!important;

    transform:rotate(45deg)!important;

    background:#c9972e!important;
  }


  /* ========================================================
     CHAPTER TRANSITIONS
     ======================================================== */

  body.project-page .v8100-chapter{
    scroll-margin-top:105px!important;
  }


  @media (prefers-reduced-motion:no-preference){

    body.project-page.v8100-motion
    .v8100-chapter > .container{
      opacity:.84!important;

      transform:
        translateY(25px) scale(.997)!important;

      transition:
        opacity .8s cubic-bezier(.2,.7,.2,1),
        transform .8s cubic-bezier(.2,.7,.2,1)!important;
    }


    body.project-page.v8100-motion
    .v8100-chapter.v8100-in > .container{
      opacity:1!important;

      transform:
        translateY(0) scale(1)!important;
    }

  }

}


/* ==========================================================
   MID DESKTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1220px){

  body.project-page .v8100-hero-inner,
  body.project-page .v8100-basis > .container,
  body.project-page .v8100-control > .container,
  body.project-page .v8100-route > .container,
  body.project-page .v8100-method > .container,
  body.project-page .v8100-assessment > .container,
  body.project-page .v8100-faq > .container,
  body.project-page .v8100-cta > .container,
  body.project-page .v6-footer-top,
  body.project-page .v6-footer-bottom{
    width:calc(100% - 48px)!important;
  }


  body.project-page .v8100-hero-inner{
    grid-template-columns:
      minmax(0,1fr)
      360px!important;

    gap:58px!important;
  }


  body.project-page .v8100-section-head,
  body.project-page .v8100-dark-head{
    gap:60px!important;
  }


  body.project-page .v8100-basis-grid{
    gap:10px!important;
  }


  body.project-page .v8100-basis-card{
    padding:21px!important;
  }


  body.project-page .v8100-method-flow article{
    padding:0 9px!important;
  }


  body.project-page .v8100-method-flow p{
    font-size:.64rem!important;
  }


  body.project-page .v8100-board-main{
    grid-template-columns:
      210px 1fr!important;
  }

}


/* ==========================================================
   V8.11.0 — COLD CHAIN DESKTOP
   ========================================================== */

@media (min-width:901px){


  /* ========================================================
     WIDTH
     ======================================================== */

  body.coldchain-page .v8110-hero-inner,
  body.coldchain-page .v8110-basis > .container,
  body.coldchain-page .v8110-monitor > .container,
  body.coldchain-page .v8110-handover > .container,
  body.coldchain-page .v8110-profiles > .container,
  body.coldchain-page .v8110-exception > .container,
  body.coldchain-page .v8110-faq > .container,
  body.coldchain-page .v8110-cta > .container,
  body.coldchain-page .v6-footer-top,
  body.coldchain-page .v6-footer-bottom{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }


  /* ========================================================
     HERO
     ======================================================== */

  body.coldchain-page .v8110-hero{
    position:relative!important;

    min-height:610px!important;

    overflow:hidden!important;

    background-image:
      linear-gradient(
        90deg,
        rgba(3,19,30,.94) 0%,
        rgba(4,24,36,.84) 31%,
        rgba(4,24,36,.47) 57%,
        rgba(4,24,36,.15) 82%,
        rgba(4,24,36,.06) 100%
      ),
      url('/assets/img/v831/v831-cold-chain.jpg')!important;

    background-size:cover,cover!important;

    background-position:
      center,
      center 53%!important;

    background-repeat:no-repeat!important;
  }


  body.coldchain-page .v8110-hero::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    background:
      linear-gradient(
        180deg,
        rgba(4,23,34,.05),
        rgba(4,23,34,.22)
      )!important;

    pointer-events:none!important;
  }


  body.coldchain-page .v8110-hero
  .subhero-shade,
  body.coldchain-page .v8110-hero
  [class*="orb"],
  body.coldchain-page .v8110-hero
  [class*="circle"]{
    display:none!important;
  }


  body.coldchain-page .v8110-hero-inner{
    position:relative!important;
    z-index:2!important;

    min-height:610px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.08fr)
      410px!important;

    gap:105px!important;

    align-items:center!important;
  }


  body.coldchain-page .v8110-hero-copy{
    max-width:790px!important;
  }


  body.coldchain-page .v8110-hero-copy .breadcrumbs{
    display:flex!important;
    gap:9px!important;

    margin-bottom:27px!important;

    color:rgba(255,255,255,.50)!important;

    font-size:.73rem!important;
  }


  body.coldchain-page .v8110-hero-copy .breadcrumbs a{
    color:#dfae3f!important;
  }


  body.coldchain-page .v8110-hero-copy .eyebrow,
  body.coldchain-page .v8110-hero-note .eyebrow{
    color:#dfae3f!important;
  }


  body.coldchain-page .v8110-hero-copy h1{
    margin:12px 0 21px!important;

    color:#fff!important;

    font-size:
      clamp(4rem,5.35vw,6rem)!important;

    line-height:.89!important;

    letter-spacing:-.061em!important;

    text-shadow:
      0 4px 24px rgba(0,0,0,.22)!important;
  }


  body.coldchain-page .v8110-hero-copy h1 span{
    color:#dfa93a!important;
  }


  body.coldchain-page .v8110-hero-copy .lead{
    max-width:710px!important;

    margin:0!important;

    color:rgba(255,255,255,.75)!important;

    font-size:1.02rem!important;
    line-height:1.72!important;
  }


  body.coldchain-page .v8110-hero-actions{
    display:flex!important;

    gap:12px!important;

    margin-top:29px!important;
  }


  body.coldchain-page .v8110-hero-actions .btn{
    min-height:48px!important;

    padding:0 23px!important;

    display:inline-flex!important;
    align-items:center!important;

    gap:11px!important;

    border-radius:999px!important;

    font-size:.83rem!important;
    font-weight:850!important;
  }


  body.coldchain-page .v8110-primary{
    color:#071b29!important;

    border:0!important;

    background:
      linear-gradient(
        145deg,
        #e4b74d,
        #c9932b
      )!important;

    box-shadow:
      0 10px 28px rgba(198,145,37,.18)!important;
  }


  body.coldchain-page .v8110-secondary{
    color:#fff!important;

    background:
      rgba(5,25,38,.44)!important;

    border:
      1px solid rgba(255,255,255,.24)!important;

    backdrop-filter:
      blur(8px)!important;
  }


  /* ========================================================
     HERO NOTE
     ======================================================== */

  body.coldchain-page .v8110-hero-note{
    position:relative!important;

    padding:31px 30px 28px!important;

    border-radius:18px!important;

    border:
      1px solid rgba(105,199,218,.18)!important;

    background:
      linear-gradient(
        145deg,
        rgba(6,35,49,.96),
        rgba(4,24,36,.94)
      )!important;

    box-shadow:
      0 25px 58px rgba(0,0,0,.24)!important;

    backdrop-filter:
      blur(12px)!important;
  }


  body.coldchain-page .v8110-hero-note::before{
    content:""!important;

    position:absolute!important;

    top:0!important;
    left:30px!important;

    width:72px!important;
    height:2px!important;

    background:
      linear-gradient(
        90deg,
        #d7a43b,
        #5dc8da
      )!important;
  }


  body.coldchain-page .v8110-hero-note h3{
    margin:12px 0!important;

    color:#fff!important;

    font-size:1.44rem!important;
    line-height:1.08!important;

    letter-spacing:-.025em!important;
  }


  body.coldchain-page .v8110-hero-note > p{
    margin:0!important;

    color:rgba(255,255,255,.60)!important;

    font-size:.86rem!important;
    line-height:1.63!important;
  }


  body.coldchain-page .v8110-note-list{
    margin-top:21px!important;

    border-top:
      1px solid rgba(255,255,255,.08)!important;
  }


  body.coldchain-page .v8110-note-list > div{
    min-height:60px!important;

    padding:11px 0!important;

    display:grid!important;

    grid-template-columns:
      27px 1fr!important;

    border-bottom:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.coldchain-page .v8110-note-list > div:last-child{
    border-bottom:0!important;
  }


  body.coldchain-page .v8110-note-list span{
    grid-row:1/3!important;

    color:#66cfdf!important;

    font-size:.60rem!important;
    font-weight:900!important;
  }


  body.coldchain-page .v8110-note-list strong{
    color:rgba(255,255,255,.80)!important;

    font-size:.75rem!important;
  }


  body.coldchain-page .v8110-note-list small{
    margin-top:3px!important;

    color:rgba(255,255,255,.42)!important;

    font-size:.65rem!important;
  }


  /* ========================================================
     SHARED HEAD
     ======================================================== */

  body.coldchain-page .v8110-section-head,
  body.coldchain-page .v8110-dark-head{
    display:grid!important;

    grid-template-columns:
      minmax(0,1.05fr)
      minmax(380px,.72fr)!important;

    gap:100px!important;

    align-items:end!important;

    margin-bottom:47px!important;
  }


  body.coldchain-page .v8110-section-head h2,
  body.coldchain-page .v8110-dark-head h2{
    max-width:730px!important;

    margin:10px 0 0!important;

    font-size:
      clamp(3.2rem,4.2vw,4.85rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.coldchain-page .v8110-section-copy{
    justify-self:end!important;

    max-width:505px!important;

    padding-bottom:8px!important;
  }


  body.coldchain-page .v8110-section-copy p,
  body.coldchain-page .v8110-dark-head > p{
    margin:0!important;

    font-size:.97rem!important;
    line-height:1.72!important;
  }


  /* ========================================================
     PRODUCT BASIS
     ======================================================== */

  body.coldchain-page .v8110-basis{
    position:relative!important;

    overflow:hidden!important;

    padding:103px 0 112px!important;

    background:
      radial-gradient(
        circle at 84% 8%,
        rgba(94,193,213,.11),
        transparent 28%
      ),
      linear-gradient(
        180deg,
        #f9faf6,
        #f2f6f3
      )!important;
  }


  body.coldchain-page .v8110-basis::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.18!important;

    background-image:
      linear-gradient(
        rgba(19,93,112,.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(19,93,112,.08) 1px,
        transparent 1px
      )!important;

    background-size:
      120px 120px!important;

    mask-image:
      linear-gradient(
        90deg,
        transparent,
        #000 38%,
        #000
      )!important;
  }


  body.coldchain-page .v8110-basis > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.coldchain-page .v8110-section-head h2{
    color:#0a3045!important;
  }


  body.coldchain-page .v8110-section-copy p{
    color:#64757e!important;
  }


  body.coldchain-page .v8110-basis-grid{
    display:grid!important;

    grid-template-columns:
      repeat(4,minmax(0,1fr))!important;

    gap:14px!important;
  }


  body.coldchain-page .v8110-basis-card{
    min-height:345px!important;

    padding:25px!important;

    border-radius:18px!important;

    border:
      1px solid rgba(12,67,83,.08)!important;

    background:
      rgba(255,255,255,.92)!important;

    box-shadow:
      0 15px 36px rgba(7,38,52,.055)!important;
  }


  body.coldchain-page .v8110-card-top{
    display:flex!important;

    align-items:flex-start!important;
    justify-content:space-between!important;

    margin-bottom:24px!important;
  }


  body.coldchain-page .v8110-icon{
    width:58px!important;
    height:58px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:14px!important;

    color:#0d607c!important;

    background:
      linear-gradient(
        145deg,
        #dff0f3,
        #edf7f8
      )!important;
  }


  body.coldchain-page .v8110-icon svg{
    width:31px!important;
    height:31px!important;

    fill:none!important;

    stroke:currentColor!important;

    stroke-width:1.7!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }


  body.coldchain-page .v8110-card-top > span{
    color:#b57d16!important;

    font-size:.59rem!important;
    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.coldchain-page .v8110-basis-card > small{
    display:block!important;

    margin-bottom:8px!important;

    color:#a87516!important;

    font-size:.58rem!important;
    font-weight:900!important;

    letter-spacing:.14em!important;
  }


  body.coldchain-page .v8110-basis-card h3{
    margin:0 0 11px!important;

    color:#0a3045!important;

    font-size:1.28rem!important;
    line-height:1.08!important;

    letter-spacing:-.024em!important;
  }


  body.coldchain-page .v8110-basis-card p{
    margin:0 0 18px!important;

    color:#687982!important;

    font-size:.80rem!important;
    line-height:1.59!important;
  }


  body.coldchain-page .v8110-basis-card ul{
    margin:0!important;
    padding:0!important;

    display:grid!important;
    gap:7px!important;

    list-style:none!important;
  }


  body.coldchain-page .v8110-basis-card li{
    position:relative!important;

    padding-left:14px!important;

    color:#465d69!important;

    font-size:.69rem!important;
  }


  body.coldchain-page .v8110-basis-card li::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:.48em!important;

    width:5px!important;
    height:5px!important;

    transform:rotate(45deg)!important;

    background:#58b7c9!important;
  }


  /* product feature */

  body.coldchain-page .v8110-product-feature{
    margin-top:18px!important;

    display:grid!important;

    grid-template-columns:
      1.15fr .85fr!important;

    min-height:430px!important;

    overflow:hidden!important;

    border-radius:19px!important;

    border:
      1px solid rgba(10,52,71,.08)!important;

    background:#fff!important;

    box-shadow:
      0 18px 45px rgba(7,38,52,.07)!important;
  }


  body.coldchain-page .v8110-product-image{
    position:relative!important;

    overflow:hidden!important;
  }


  body.coldchain-page .v8110-product-image img{
    width:100%!important;
    height:100%!important;

    display:block!important;

    object-fit:cover!important;
  }


  body.coldchain-page .v8110-image-badge{
    position:absolute!important;

    left:24px!important;
    bottom:24px!important;

    padding:9px 12px!important;

    border-radius:999px!important;

    color:#fff!important;

    background:
      rgba(5,34,47,.80)!important;

    border:
      1px solid rgba(255,255,255,.14)!important;

    font-size:.55rem!important;
    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.coldchain-page .v8110-product-panel{
    padding:42px 39px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }


  body.coldchain-page .v8110-product-panel h3{
    margin:10px 0 13px!important;

    color:#0a3045!important;

    font-size:2rem!important;
    line-height:1!important;

    letter-spacing:-.037em!important;
  }


  body.coldchain-page .v8110-product-panel > p{
    margin:0!important;

    color:#697982!important;

    font-size:.86rem!important;
    line-height:1.64!important;
  }


  body.coldchain-page .v8110-data-grid{
    display:grid!important;

    grid-template-columns:
      repeat(2,1fr)!important;

    gap:8px!important;

    margin:24px 0 0!important;
  }


  body.coldchain-page .v8110-data-grid > div{
    min-height:68px!important;

    padding:13px 14px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    border-radius:10px!important;

    background:#eff7f7!important;

    border:
      1px solid rgba(8,75,92,.06)!important;
  }


  body.coldchain-page .v8110-data-grid span{
    margin-bottom:5px!important;

    color:#a87516!important;

    font-size:.51rem!important;
    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.coldchain-page .v8110-data-grid strong{
    color:#173d50!important;

    font-size:.68rem!important;
  }


  /* ========================================================
     MONITORING CONTROL
     ======================================================== */

  body.coldchain-page .v8110-monitor{
    position:relative!important;

    overflow:hidden!important;

    padding:104px 0 112px!important;

    color:#fff!important;

    background:
      radial-gradient(
        circle at 84% 15%,
        rgba(53,160,185,.27),
        transparent 31%
      ),
      linear-gradient(
        125deg,
        #051822,
        #062c3c 57%,
        #095069
      )!important;
  }


  body.coldchain-page .v8110-monitor::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.10!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.08) 1px,
        transparent 1px
      )!important;

    background-size:
      88px 88px!important;
  }


  body.coldchain-page .v8110-monitor > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.coldchain-page .v8110-dark-head h2{
    color:#fff!important;
  }


  body.coldchain-page .v8110-dark-head > p{
    justify-self:end!important;

    max-width:510px!important;

    color:rgba(255,255,255,.61)!important;
  }


  body.coldchain-page .v8110-monitor-board{
    overflow:hidden!important;

    border-radius:18px!important;

    border:
      1px solid rgba(255,255,255,.10)!important;

    background:
      rgba(2,19,29,.49)!important;

    box-shadow:
      0 26px 65px rgba(0,0,0,.20)!important;
  }


  body.coldchain-page .v8110-monitor-head{
    min-height:53px!important;

    padding:0 20px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:space-between!important;

    border-bottom:
      1px solid rgba(255,255,255,.075)!important;

    color:rgba(255,255,255,.44)!important;

    font-size:.57rem!important;
    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.coldchain-page .v8110-monitor-head > div{
    display:flex!important;

    align-items:center!important;

    gap:10px!important;

    color:#66d7e4!important;
  }


  body.coldchain-page .v8110-monitor-head i{
    width:7px!important;
    height:7px!important;

    border-radius:50%!important;

    background:#62d3a6!important;

    box-shadow:
      0 0 0 4px rgba(98,211,166,.08)!important;
  }


  body.coldchain-page .v8110-monitor-main{
    display:grid!important;

    grid-template-columns:
      235px 1fr!important;
  }


  body.coldchain-page .v8110-monitor-side{
    padding:22px 17px!important;

    border-right:
      1px solid rgba(255,255,255,.075)!important;

    background:
      rgba(255,255,255,.018)!important;
  }


  body.coldchain-page .v8110-monitor-side > small{
    display:block!important;

    margin:0 8px 13px!important;

    color:#d8aa42!important;

    font-size:.54rem!important;
    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.coldchain-page .v8110-monitor-side > div{
    min-height:51px!important;

    padding:0 8px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:space-between!important;

    border-bottom:
      1px solid rgba(255,255,255,.055)!important;
  }


  body.coldchain-page .v8110-monitor-side span{
    color:rgba(255,255,255,.60)!important;

    font-size:.68rem!important;
  }


  body.coldchain-page .v8110-monitor-side b{
    padding:5px 7px!important;

    border-radius:999px!important;

    font-size:.48rem!important;

    letter-spacing:.08em!important;
  }


  body.coldchain-page .v8110-monitor-side .ready,
  body.coldchain-page .v8110-monitor-side .done{
    color:#63d5a8!important;

    background:
      rgba(54,151,116,.10)!important;
  }


  body.coldchain-page .v8110-monitor-side .live{
    color:#6edbea!important;

    background:
      rgba(75,166,187,.12)!important;
  }


  body.coldchain-page .v8110-monitor-side .pending{
    color:#deb75c!important;

    background:
      rgba(213,164,55,.10)!important;
  }


  body.coldchain-page .v8110-monitor-content{
    padding:20px!important;
  }


  body.coldchain-page .v8110-monitor-metrics{
    display:grid!important;

    grid-template-columns:
      repeat(4,1fr)!important;

    gap:9px!important;

    margin-bottom:11px!important;
  }


  body.coldchain-page .v8110-monitor-metrics > div{
    min-height:98px!important;

    padding:16px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    border-radius:10px!important;

    border:
      1px solid rgba(255,255,255,.055)!important;

    background:
      rgba(255,255,255,.035)!important;
  }


  body.coldchain-page .v8110-monitor-metrics small{
    color:rgba(255,255,255,.31)!important;

    font-size:.51rem!important;
    font-weight:900!important;

    letter-spacing:.09em!important;
  }


  body.coldchain-page .v8110-monitor-metrics strong{
    margin:6px 0 3px!important;

    color:#fff!important;

    font-size:1.31rem!important;
  }


  body.coldchain-page .v8110-monitor-metrics span{
    color:rgba(255,255,255,.42)!important;

    font-size:.62rem!important;
  }


  /* temp chart */

  body.coldchain-page .v8110-temp-chart{
    min-height:225px!important;

    display:grid!important;

    grid-template-columns:
      58px 1fr!important;

    margin-bottom:11px!important;

    border-radius:10px!important;

    overflow:hidden!important;

    border:
      1px solid rgba(255,255,255,.055)!important;

    background:
      rgba(255,255,255,.02)!important;
  }


  body.coldchain-page .v8110-chart-labels{
    padding:21px 0!important;

    display:flex!important;

    flex-direction:column!important;
    justify-content:space-between!important;

    text-align:center!important;

    color:rgba(255,255,255,.32)!important;

    border-right:
      1px solid rgba(255,255,255,.055)!important;

    font-size:.54rem!important;
  }


  body.coldchain-page .v8110-chart-area{
    position:relative!important;

    overflow:hidden!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.045) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.035) 1px,
        transparent 1px
      )!important;

    background-size:
      100% 45px,
      120px 100%!important;
  }


  body.coldchain-page .v8110-temp-band{
    position:absolute!important;

    left:0!important;
    right:0!important;

    top:45%!important;

    height:36%!important;

    background:
      rgba(71,179,196,.055)!important;

    border-top:
      1px dashed rgba(95,211,227,.13)!important;

    border-bottom:
      1px dashed rgba(95,211,227,.13)!important;
  }


  body.coldchain-page .v8110-chart-area svg{
    position:absolute!important;

    left:0!important;
    top:0!important;

    width:100%!important;
    height:78%!important;
  }


  body.coldchain-page .v8110-chart-markers{
    position:absolute!important;

    left:0!important;
    right:0!important;
    bottom:0!important;

    min-height:43px!important;

    display:grid!important;

    grid-template-columns:
      repeat(5,1fr)!important;

    align-items:center!important;

    border-top:
      1px solid rgba(255,255,255,.055)!important;

    color:rgba(255,255,255,.36)!important;

    font-size:.52rem!important;
    text-align:center!important;
  }


  /* monitor table */

  body.coldchain-page .v8110-monitor-table{
    overflow:hidden!important;

    border-radius:10px!important;

    border:
      1px solid rgba(255,255,255,.055)!important;
  }


  body.coldchain-page .v8110-monitor-row{
    min-height:50px!important;

    padding:0 14px!important;

    display:grid!important;

    grid-template-columns:
      1.15fr .82fr .68fr 1.35fr!important;

    gap:12px!important;

    align-items:center!important;

    border-bottom:
      1px solid rgba(255,255,255,.055)!important;

    color:rgba(255,255,255,.46)!important;

    font-size:.65rem!important;
  }


  body.coldchain-page .v8110-monitor-row:last-child{
    border-bottom:0!important;
  }


  body.coldchain-page .v8110-monitor-labels{
    min-height:38px!important;

    color:rgba(255,255,255,.25)!important;

    font-size:.49rem!important;
    font-weight:900!important;

    letter-spacing:.08em!important;
  }


  body.coldchain-page .v8110-monitor-row strong{
    color:rgba(255,255,255,.77)!important;

    font-size:.67rem!important;
  }


  body.coldchain-page .state-ready{
    color:#62d2a5!important;
  }


  body.coldchain-page .state-live{
    color:#65d6e7!important;
  }


  body.coldchain-page .state-next{
    color:#ddb758!important;
  }


  body.coldchain-page .v8110-monitor-footer{
    display:grid!important;

    grid-template-columns:
      repeat(4,1fr)!important;

    border-top:
      1px solid rgba(255,255,255,.075)!important;
  }


  body.coldchain-page .v8110-monitor-footer > div{
    min-height:67px!important;

    padding:0 17px!important;

    display:flex!important;

    align-items:center!important;

    gap:10px!important;

    color:rgba(255,255,255,.50)!important;

    border-right:
      1px solid rgba(255,255,255,.06)!important;

    font-size:.67rem!important;
  }


  body.coldchain-page .v8110-monitor-footer > div:last-child{
    border-right:0!important;
  }


  body.coldchain-page .v8110-monitor-footer span{
    color:#67d3e1!important;

    font-size:.57rem!important;
    font-weight:900!important;
  }


  /* ========================================================
     HANDOVER FLOW
     ======================================================== */

  body.coldchain-page .v8110-handover{
    position:relative!important;

    overflow:hidden!important;

    padding:104px 0 112px!important;

    background:
      radial-gradient(
        circle at 11% 9%,
        rgba(76,171,194,.11),
        transparent 28%
      ),
      linear-gradient(
        180deg,
        #edf6f6,
        #e7f1f2
      )!important;
  }


  body.coldchain-page .v8110-chain-flow{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      repeat(6,minmax(0,1fr))!important;

    margin-top:67px!important;
  }


  body.coldchain-page .v8110-chain-line{
    position:absolute!important;

    left:5%!important;
    right:5%!important;

    top:24px!important;

    height:2px!important;

    z-index:0!important;

    background:
      linear-gradient(
        90deg,
        #d3a13a,
        #55abc1 35%,
        #55abc1 70%,
        #d3a13a
      )!important;

    opacity:.62!important;
  }


  body.coldchain-page .v8110-chain-flow article{
    position:relative!important;
    z-index:2!important;

    min-width:0!important;

    padding:0 16px!important;

    border-right:
      1px solid rgba(10,57,76,.085)!important;
  }


  body.coldchain-page .v8110-chain-flow article:first-of-type{
    padding-left:0!important;
  }


  body.coldchain-page .v8110-chain-flow article:last-of-type{
    padding-right:0!important;

    border-right:0!important;
  }


  body.coldchain-page .v8110-chain-flow article > div{
    width:50px!important;
    height:50px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:28px!important;

    border-radius:50%!important;

    color:#082432!important;

    background:
      linear-gradient(
        145deg,
        #9fe1e9,
        #4fadc3
      )!important;

    box-shadow:
      0 0 0 8px #eaf3f3,
      0 8px 22px rgba(64,152,174,.16)!important;

    font-size:.64rem!important;
    font-weight:900!important;
  }


  body.coldchain-page .v8110-chain-flow small{
    display:block!important;

    margin-bottom:7px!important;

    color:#a87718!important;

    font-size:.54rem!important;
    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.coldchain-page .v8110-chain-flow h3{
    margin:0 0 9px!important;

    color:#0a3045!important;

    font-size:.98rem!important;
    line-height:1.08!important;
  }


  body.coldchain-page .v8110-chain-flow p{
    margin:0!important;

    color:#687881!important;

    font-size:.68rem!important;
    line-height:1.56!important;
  }


  body.coldchain-page .v8110-chain-rule{
    min-height:88px!important;

    margin-top:52px!important;

    padding:21px 26px!important;

    display:grid!important;

    grid-template-columns:
      auto auto 1fr!important;

    gap:20px!important;

    align-items:center!important;

    border-radius:14px!important;

    border:
      1px solid rgba(10,54,74,.09)!important;

    background:
      rgba(255,255,255,.80)!important;

    box-shadow:
      0 13px 32px rgba(8,38,52,.045)!important;
  }


  body.coldchain-page .v8110-chain-rule span{
    padding:7px 11px!important;

    border-radius:999px!important;

    color:#956714!important;

    background:#f1e5ca!important;

    font-size:.55rem!important;
    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.coldchain-page .v8110-chain-rule strong{
    color:#0a3045!important;

    font-size:.92rem!important;
  }


  body.coldchain-page .v8110-chain-rule small{
    justify-self:end!important;

    color:#6d7c84!important;

    font-size:.68rem!important;
  }


  /* ========================================================
     CARGO PROFILES
     ======================================================== */

  body.coldchain-page .v8110-profiles{
    position:relative!important;

    overflow:hidden!important;

    padding:103px 0 112px!important;

    background:
      radial-gradient(
        circle at 89% 14%,
        rgba(210,165,57,.085),
        transparent 26%
      ),
      linear-gradient(
        180deg,
        #faf7f0,
        #f4eee4
      )!important;
  }


  body.coldchain-page .v8110-profile-grid{
    display:grid!important;

    grid-template-columns:
      repeat(4,minmax(0,1fr))!important;

    gap:14px!important;
  }


  body.coldchain-page .v8110-profile{
    position:relative!important;

    min-height:365px!important;

    padding:25px!important;

    overflow:hidden!important;

    border-radius:18px!important;

    border:
      1px solid rgba(10,52,71,.085)!important;

    background:#fff!important;

    box-shadow:
      0 15px 36px rgba(7,38,52,.05)!important;
  }


  body.coldchain-page .v8110-profile-number{
    position:absolute!important;

    top:22px!important;
    right:22px!important;

    color:#b57d16!important;

    font-size:.57rem!important;
    font-weight:900!important;

    letter-spacing:.10em!important;
  }


  body.coldchain-page .v8110-profile-icon{
    width:56px!important;
    height:56px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:28px!important;

    border-radius:14px!important;

    color:#0f6280!important;

    background:#e3f2f5!important;

    font-size:1.4rem!important;
  }


  body.coldchain-page .v8110-profile > small{
    display:block!important;

    margin-bottom:8px!important;

    color:#a87516!important;

    font-size:.54rem!important;
    font-weight:900!important;

    letter-spacing:.13em!important;
  }


  body.coldchain-page .v8110-profile h3{
    margin:0 0 13px!important;

    color:#0a3045!important;

    font-size:1.27rem!important;
    line-height:1.08!important;
  }


  body.coldchain-page .v8110-profile p{
    margin:0 0 24px!important;

    color:#687982!important;

    font-size:.78rem!important;
    line-height:1.62!important;
  }


  body.coldchain-page .v8110-profile > div:last-child{
    display:flex!important;

    flex-wrap:wrap!important;

    gap:6px!important;
  }


  body.coldchain-page .v8110-profile > div:last-child span{
    padding:6px 8px!important;

    border-radius:999px!important;

    color:#456370!important;

    background:#eef5f5!important;

    font-size:.57rem!important;
  }


  /* ========================================================
     EXCEPTION
     ======================================================== */

  body.coldchain-page .v8110-exception{
    position:relative!important;

    overflow:hidden!important;

    padding:95px 0!important;

    background:
      radial-gradient(
        circle at 88% 17%,
        rgba(56,160,184,.27),
        transparent 31%
      ),
      linear-gradient(
        120deg,
        #061822,
        #082d3d 58%,
        #0b485f
      )!important;
  }


  body.coldchain-page .v8110-exception-shell{
    display:grid!important;

    grid-template-columns:
      .90fr 1.10fr!important;

    gap:88px!important;

    align-items:center!important;
  }


  body.coldchain-page .v8110-exception-copy h2{
    margin:10px 0 17px!important;

    color:#fff!important;

    font-size:
      clamp(3rem,4vw,4.45rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.coldchain-page .v8110-exception-copy p{
    max-width:530px!important;

    margin:0!important;

    color:rgba(255,255,255,.56)!important;

    font-size:.88rem!important;
    line-height:1.68!important;
  }


  body.coldchain-page .v8110-exception-grid{
    display:grid!important;

    grid-template-columns:
      repeat(2,1fr)!important;

    gap:9px!important;
  }


  body.coldchain-page .v8110-exception-grid > div{
    min-height:103px!important;

    padding:17px 18px!important;

    display:grid!important;

    grid-template-columns:
      31px 1fr!important;

    border-radius:12px!important;

    border:
      1px solid rgba(255,255,255,.08)!important;

    background:
      rgba(255,255,255,.045)!important;
  }


  body.coldchain-page .v8110-exception-grid span{
    grid-row:1/3!important;

    color:#68d0df!important;

    font-size:.57rem!important;
    font-weight:900!important;
  }


  body.coldchain-page .v8110-exception-grid strong{
    color:#fff!important;

    font-size:.78rem!important;
  }


  body.coldchain-page .v8110-exception-grid small{
    margin-top:4px!important;

    color:rgba(255,255,255,.40)!important;

    font-size:.61rem!important;
  }


  /* ========================================================
     FAQ
     ======================================================== */

  body.coldchain-page .v8110-faq{
    position:relative!important;

    overflow:hidden!important;

    padding:101px 0 109px!important;

    background:
      radial-gradient(
        circle at 8% 18%,
        rgba(215,170,65,.10),
        transparent 25%
      ),
      linear-gradient(
        #fbf8f2,
        #f7f2e9
      )!important;
  }


  body.coldchain-page .v8110-faq .faq{
    display:grid!important;

    grid-template-columns:
      .78fr 1.22fr!important;

    gap:105px!important;

    align-items:start!important;
  }


  body.coldchain-page .v8110-faq h2{
    max-width:530px!important;

    margin:10px 0 0!important;

    color:#0a3045!important;

    font-size:
      clamp(3rem,4vw,4.5rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.coldchain-page .v8110-faq-intro{
    max-width:440px!important;

    margin-top:23px!important;

    color:#6b7981!important;

    font-size:.87rem!important;
    line-height:1.65!important;
  }


  body.coldchain-page .v8110-faq .accordion{
    border-top:
      1px solid rgba(8,52,72,.12)!important;
  }


  body.coldchain-page .v8110-faq .accordion-item{
    border-bottom:
      1px solid rgba(8,52,72,.12)!important;
  }


  body.coldchain-page .v8110-faq .accordion-button{
    min-height:75px!important;

    padding:0 8px!important;

    color:#0a3045!important;

    font-size:.91rem!important;

    font-weight:800!important;
  }


  body.coldchain-page .v8110-faq
  .accordion-button span{
    color:#bd8920!important;

    font-size:1.15rem!important;
  }


  body.coldchain-page .v8110-faq
  .accordion-content p{
    padding:
      0 45px 22px 8px!important;

    color:#687881!important;

    font-size:.84rem!important;
    line-height:1.65!important;
  }


  /* ========================================================
     CTA
     ======================================================== */

  body.coldchain-page .v8110-cta{
    position:relative!important;

    overflow:hidden!important;

    padding:77px 0 81px!important;

    background:
      radial-gradient(
        circle at 86% 15%,
        rgba(54,132,164,.22),
        transparent 30%
      ),
      linear-gradient(
        112deg,
        #061722,
        #082a3b 58%,
        #0b3b52
      )!important;
  }


  body.coldchain-page .v8110-cta .cta-inner{
    display:grid!important;

    grid-template-columns:
      1fr auto!important;

    gap:80px!important;

    align-items:center!important;
  }


  body.coldchain-page .v8110-cta h2{
    margin:10px 0 9px!important;

    color:#fff!important;

    font-size:
      clamp(2.8rem,3.6vw,4.1rem)!important;

    line-height:.94!important;

    letter-spacing:-.052em!important;
  }


  body.coldchain-page .v8110-cta p{
    color:rgba(255,255,255,.54)!important;
  }


  /* ========================================================
     FOOTER
     ======================================================== */

  body.coldchain-page .v6-footer{
    background:
      linear-gradient(
        180deg,
        #041620,
        #03121b
      )!important;
  }


  body.coldchain-page .v6-footer-top{
    grid-template-columns:
      1.65fr repeat(4,1fr)!important;

    gap:48px!important;

    padding-top:60px!important;
    padding-bottom:52px!important;
  }


  body.coldchain-page .v6-footer-logo{
    width:220px!important;
    max-width:220px!important;

    margin-bottom:20px!important;
  }


  body.coldchain-page
  .v6-footer-top > div:not(:first-child){
    min-height:170px!important;

    padding-left:26px!important;

    border-left:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.coldchain-page .v6-footer li{
    position:relative!important;

    padding-left:13px!important;
  }


  body.coldchain-page .v6-footer li::before{
    content:""!important;

    position:absolute!important;

    left:0!important;
    top:.6em!important;

    width:4px!important;
    height:4px!important;

    transform:rotate(45deg)!important;

    background:#c9972e!important;
  }


  /* ========================================================
     CHAPTER MOTION
     ======================================================== */

  body.coldchain-page .v8110-chapter{
    scroll-margin-top:105px!important;
  }


  @media (prefers-reduced-motion:no-preference){

    body.coldchain-page.v8110-motion
    .v8110-chapter > .container{
      opacity:.84!important;

      transform:
        translateY(25px)
        scale(.997)!important;

      transition:
        opacity .8s cubic-bezier(.2,.7,.2,1),
        transform .8s cubic-bezier(.2,.7,.2,1)!important;
    }


    body.coldchain-page.v8110-motion
    .v8110-chapter.v8110-in > .container{
      opacity:1!important;

      transform:
        translateY(0)
        scale(1)!important;
    }

  }

}


/* ==========================================================
   MID DESKTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1220px){

  body.coldchain-page .v8110-hero-inner,
  body.coldchain-page .v8110-basis > .container,
  body.coldchain-page .v8110-monitor > .container,
  body.coldchain-page .v8110-handover > .container,
  body.coldchain-page .v8110-profiles > .container,
  body.coldchain-page .v8110-exception > .container,
  body.coldchain-page .v8110-faq > .container,
  body.coldchain-page .v8110-cta > .container,
  body.coldchain-page .v6-footer-top,
  body.coldchain-page .v6-footer-bottom{
    width:calc(100% - 48px)!important;
  }


  body.coldchain-page .v8110-hero-inner{
    grid-template-columns:
      minmax(0,1fr)
      360px!important;

    gap:58px!important;
  }


  body.coldchain-page .v8110-section-head,
  body.coldchain-page .v8110-dark-head{
    gap:60px!important;
  }


  body.coldchain-page .v8110-basis-grid,
  body.coldchain-page .v8110-profile-grid{
    gap:10px!important;
  }


  body.coldchain-page .v8110-basis-card,
  body.coldchain-page .v8110-profile{
    padding:21px!important;
  }


  body.coldchain-page .v8110-chain-flow article{
    padding:0 9px!important;
  }


  body.coldchain-page .v8110-chain-flow p{
    font-size:.64rem!important;
  }


  body.coldchain-page .v8110-monitor-main{
    grid-template-columns:
      210px 1fr!important;
  }

}


/* ==========================================================
   V8.11.1 — COLD CHAIN HERO CLEANUP
   Remove inherited legacy subhero shapes
   ========================================================== */

@media (min-width:901px){

  body.coldchain-page .v8110-hero::after,

  body.coldchain-page .v8110-hero
  .subhero-full-inner::before,

  body.coldchain-page .v8110-hero
  .subhero-full-inner::after,

  body.coldchain-page .v8110-hero
  .subhero-copy::before,

  body.coldchain-page .v8110-hero
  .subhero-copy::after,

  body.coldchain-page .v8110-hero
  .subhero-shade::before,

  body.coldchain-page .v8110-hero
  .subhero-shade::after{
    content:none!important;
    display:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }


  body.coldchain-page .v8110-hero
  .subhero-shade,

  body.coldchain-page .v8110-hero
  .hero-orb,

  body.coldchain-page .v8110-hero
  .subhero-orb,

  body.coldchain-page .v8110-hero
  .hero-circle,

  body.coldchain-page .v8110-hero
  .subhero-circle,

  body.coldchain-page .v8110-hero
  .hero-shape,

  body.coldchain-page .v8110-hero
  .subhero-shape,

  body.coldchain-page .v8110-hero
  [class*="hero-orb"],

  body.coldchain-page .v8110-hero
  [class*="hero-circle"],

  body.coldchain-page .v8110-hero
  [class*="hero-shape"]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }


  body.coldchain-page .v8110-hero,
  body.coldchain-page .v8110-hero-inner,
  body.coldchain-page .v8110-hero-copy{
    border-radius:0!important;
  }

}


/* ==========================================================
   V8.12.0 — WAREHOUSING & DISTRIBUTION DESKTOP
   ========================================================== */

@media (min-width:901px){


  /* ========================================================
     SHARED WIDTH
     ======================================================== */

  body.warehouse-page .v8120-hero-inner,
  body.warehouse-page .v8120-zones > .container,
  body.warehouse-page .v8120-inventory > .container,
  body.warehouse-page .v8120-flow > .container,
  body.warehouse-page .v8120-distribution > .container,
  body.warehouse-page .v8120-exceptions > .container,
  body.warehouse-page .v8120-faq > .container,
  body.warehouse-page .v8120-cta > .container,
  body.warehouse-page .v6-footer-top,
  body.warehouse-page .v6-footer-bottom{
    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }


  /* ========================================================
     HERO
     ======================================================== */

  body.warehouse-page .v8120-hero{
    position:relative!important;

    min-height:610px!important;

    overflow:hidden!important;

    background-image:
      linear-gradient(
        90deg,
        rgba(4,20,30,.96) 0%,
        rgba(5,28,39,.87) 31%,
        rgba(5,28,39,.48) 58%,
        rgba(5,28,39,.16) 84%,
        rgba(5,28,39,.04) 100%
      ),
      url('/assets/img/v831/v831-warehouse.jpg')!important;

    background-size:cover,cover!important;

    background-position:
      center,
      center 48%!important;

    background-repeat:no-repeat!important;
  }


  body.warehouse-page .v8120-hero::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,.02),
        rgba(2,16,25,.20)
      )!important;

    pointer-events:none!important;
  }


  body.warehouse-page .v8120-hero::after,
  body.warehouse-page .v8120-hero .subhero-full-inner::before,
  body.warehouse-page .v8120-hero .subhero-full-inner::after,
  body.warehouse-page .v8120-hero .subhero-copy::before,
  body.warehouse-page .v8120-hero .subhero-copy::after,
  body.warehouse-page .v8120-hero .subhero-shade::before,
  body.warehouse-page .v8120-hero .subhero-shade::after{
    content:none!important;
    display:none!important;
  }


  body.warehouse-page .v8120-hero
  .subhero-shade,
  body.warehouse-page .v8120-hero
  [class*="hero-orb"],
  body.warehouse-page .v8120-hero
  [class*="hero-circle"],
  body.warehouse-page .v8120-hero
  [class*="hero-shape"]{
    display:none!important;
    visibility:hidden!important;
  }


  body.warehouse-page .v8120-hero-inner{
    position:relative!important;
    z-index:2!important;

    min-height:610px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.08fr)
      410px!important;

    gap:105px!important;

    align-items:center!important;
  }


  body.warehouse-page .v8120-hero-copy{
    max-width:790px!important;
  }


  body.warehouse-page .v8120-hero-copy .breadcrumbs{
    display:flex!important;
    gap:9px!important;

    margin-bottom:26px!important;

    color:rgba(255,255,255,.48)!important;

    font-size:.73rem!important;
  }


  body.warehouse-page .v8120-hero-copy .breadcrumbs a{
    color:#dbaa3f!important;
  }


  body.warehouse-page .v8120-hero-copy .eyebrow,
  body.warehouse-page .v8120-hero-note .eyebrow{
    color:#dfad40!important;
  }


  body.warehouse-page .v8120-hero-copy h1{
    margin:12px 0 21px!important;

    color:#fff!important;

    font-size:
      clamp(3.85rem,5.15vw,5.9rem)!important;

    line-height:.90!important;

    letter-spacing:-.060em!important;
  }


  body.warehouse-page .v8120-hero-copy h1 span{
    color:#dfa83b!important;
  }


  body.warehouse-page .v8120-hero-copy .lead{
    max-width:710px!important;

    margin:0!important;

    color:rgba(255,255,255,.75)!important;

    font-size:1rem!important;
    line-height:1.72!important;
  }


  body.warehouse-page .v8120-hero-actions{
    display:flex!important;

    gap:12px!important;

    margin-top:30px!important;
  }


  body.warehouse-page .v8120-hero-actions .btn{
    min-height:48px!important;

    padding:0 23px!important;

    display:inline-flex!important;
    align-items:center!important;

    gap:11px!important;

    border-radius:999px!important;

    font-size:.82rem!important;
    font-weight:850!important;
  }


  body.warehouse-page .v8120-primary{
    color:#071b29!important;

    background:
      linear-gradient(
        145deg,
        #e5b74d,
        #ca952d
      )!important;

    border:0!important;
  }


  body.warehouse-page .v8120-secondary{
    color:#fff!important;

    background:
      rgba(4,24,35,.48)!important;

    border:
      1px solid rgba(255,255,255,.23)!important;

    backdrop-filter:
      blur(8px)!important;
  }


  body.warehouse-page .v8120-hero-note{
    position:relative!important;

    padding:31px 30px 28px!important;

    border-radius:17px!important;

    border:
      1px solid rgba(219,170,63,.18)!important;

    background:
      linear-gradient(
        145deg,
        rgba(7,32,45,.96),
        rgba(4,22,32,.94)
      )!important;

    box-shadow:
      0 25px 58px rgba(0,0,0,.25)!important;

    backdrop-filter:
      blur(12px)!important;
  }


  body.warehouse-page .v8120-hero-note::before{
    content:""!important;

    position:absolute!important;

    top:0!important;
    left:30px!important;

    width:74px!important;
    height:2px!important;

    background:
      linear-gradient(
        90deg,
        #d6a43c,
        #6da4b4
      )!important;
  }


  body.warehouse-page .v8120-hero-note h3{
    margin:12px 0!important;

    color:#fff!important;

    font-size:1.42rem!important;
    line-height:1.08!important;

    letter-spacing:-.025em!important;
  }


  body.warehouse-page .v8120-hero-note > p{
    margin:0!important;

    color:rgba(255,255,255,.59)!important;

    font-size:.85rem!important;
    line-height:1.63!important;
  }


  body.warehouse-page .v8120-note-list{
    margin-top:21px!important;

    border-top:
      1px solid rgba(255,255,255,.08)!important;
  }


  body.warehouse-page .v8120-note-list > div{
    min-height:60px!important;

    padding:11px 0!important;

    display:grid!important;

    grid-template-columns:
      28px 1fr!important;

    border-bottom:
      1px solid rgba(255,255,255,.065)!important;
  }


  body.warehouse-page .v8120-note-list > div:last-child{
    border-bottom:0!important;
  }


  body.warehouse-page .v8120-note-list span{
    grid-row:1/3!important;

    color:#d9aa46!important;

    font-size:.60rem!important;
    font-weight:900!important;
  }


  body.warehouse-page .v8120-note-list strong{
    color:rgba(255,255,255,.82)!important;

    font-size:.75rem!important;
  }


  body.warehouse-page .v8120-note-list small{
    margin-top:3px!important;

    color:rgba(255,255,255,.42)!important;

    font-size:.65rem!important;
  }


  /* ========================================================
     SHARED SECTION HEADINGS
     ======================================================== */

  body.warehouse-page .v8120-section-head,
  body.warehouse-page .v8120-dark-head{
    display:grid!important;

    grid-template-columns:
      minmax(0,1.05fr)
      minmax(380px,.72fr)!important;

    gap:100px!important;

    align-items:end!important;

    margin-bottom:48px!important;
  }


  body.warehouse-page .v8120-section-head h2,
  body.warehouse-page .v8120-dark-head h2{
    max-width:740px!important;

    margin:10px 0 0!important;

    font-size:
      clamp(3.15rem,4.2vw,4.8rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.warehouse-page .v8120-section-head h2{
    color:#0a3045!important;
  }


  body.warehouse-page .v8120-section-copy{
    justify-self:end!important;

    max-width:510px!important;

    padding-bottom:8px!important;
  }


  body.warehouse-page .v8120-section-copy p,
  body.warehouse-page .v8120-dark-head > p{
    margin:0!important;

    font-size:.96rem!important;
    line-height:1.72!important;
  }


  body.warehouse-page .v8120-section-copy p{
    color:#65757e!important;
  }


  /* ========================================================
     WAREHOUSE ZONES
     ======================================================== */

  body.warehouse-page .v8120-zones{
    position:relative!important;

    overflow:hidden!important;

    padding:104px 0 112px!important;

    background:
      radial-gradient(
        circle at 88% 8%,
        rgba(43,111,130,.08),
        transparent 30%
      ),
      linear-gradient(
        180deg,
        #faf8f2,
        #f2eee5
      )!important;
  }


  body.warehouse-page .v8120-zones::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.16!important;

    background-image:
      linear-gradient(
        rgba(12,61,78,.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(12,61,78,.08) 1px,
        transparent 1px
      )!important;

    background-size:
      110px 110px!important;

    mask-image:
      linear-gradient(
        90deg,
        transparent,
        #000 34%,
        #000
      )!important;
  }


  body.warehouse-page .v8120-zones > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.warehouse-page .v8120-zone-layout{
    display:grid!important;

    grid-template-columns:
      1.35fr .65fr!important;

    gap:17px!important;
  }


  body.warehouse-page .v8120-zone-map{
    min-height:566px!important;

    overflow:hidden!important;

    border-radius:18px!important;

    border:
      1px solid rgba(9,54,72,.09)!important;

    background:#fff!important;

    box-shadow:
      0 18px 42px rgba(7,38,52,.06)!important;
  }


  body.warehouse-page .v8120-map-toolbar{
    min-height:55px!important;

    padding:0 20px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:space-between!important;

    border-bottom:
      1px solid rgba(7,54,72,.08)!important;

    color:#71828a!important;

    font-size:.55rem!important;
    font-weight:900!important;

    letter-spacing:.10em!important;
  }


  body.warehouse-page .v8120-map-toolbar > div{
    display:flex!important;
    align-items:center!important;

    gap:10px!important;

    color:#164c62!important;
  }


  body.warehouse-page .v8120-map-toolbar i{
    width:7px!important;
    height:7px!important;

    border-radius:50%!important;

    background:#53b98d!important;

    box-shadow:
      0 0 0 4px rgba(83,185,141,.10)!important;
  }


  body.warehouse-page .v8120-map-canvas{
    position:relative!important;

    min-height:446px!important;

    overflow:hidden!important;

    background:
      linear-gradient(
        135deg,
        #edf2ef,
        #f7f7f2
      )!important;
  }


  body.warehouse-page .v8120-map-grid{
    position:absolute!important;
    inset:0!important;

    opacity:.42!important;

    background-image:
      linear-gradient(
        rgba(16,68,84,.07) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(16,68,84,.07) 1px,
        transparent 1px
      )!important;

    background-size:
      42px 42px!important;
  }


  body.warehouse-page .v8120-zone{
    position:absolute!important;
    z-index:3!important;

    min-width:178px!important;
    min-height:86px!important;

    padding:15px 17px!important;

    display:flex!important;

    align-items:flex-start!important;

    gap:13px!important;

    border-radius:13px!important;

    border:
      1px solid rgba(11,64,81,.09)!important;

    background:
      rgba(255,255,255,.94)!important;

    box-shadow:
      0 11px 25px rgba(8,40,53,.07)!important;
  }


  body.warehouse-page .v8120-zone > span{
    width:31px!important;
    height:31px!important;

    flex:0 0 31px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:8px!important;

    color:#0b455b!important;

    background:#e3eff1!important;

    font-size:.64rem!important;
    font-weight:900!important;
  }


  body.warehouse-page .v8120-zone small{
    display:block!important;

    margin-bottom:4px!important;

    color:#a9791f!important;

    font-size:.48rem!important;
    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.warehouse-page .v8120-zone strong{
    display:block!important;

    margin-bottom:5px!important;

    color:#11394c!important;

    font-size:.74rem!important;
  }


  body.warehouse-page .v8120-zone em{
    color:#74848a!important;

    font-size:.56rem!important;
    font-style:normal!important;
  }


  body.warehouse-page .v8120-zone-a{
    left:7%!important;
    bottom:8%!important;
  }


  body.warehouse-page .v8120-zone-b{
    left:26%!important;
    top:34%!important;
  }


  body.warehouse-page .v8120-zone-c{
    left:48%!important;
    top:13%!important;
  }


  body.warehouse-page .v8120-zone-d{
    right:10%!important;
    bottom:22%!important;
  }


  body.warehouse-page .v8120-zone-e{
    right:5%!important;
    top:8%!important;
  }


  body.warehouse-page .v8120-route-svg{
    position:absolute!important;
    z-index:2!important;

    inset:0!important;

    width:100%!important;
    height:100%!important;
  }


  body.warehouse-page .v8120-route-svg path{
    fill:none!important;

    stroke:#be8c26!important;
    stroke-width:2!important;

    stroke-dasharray:
      8 8!important;

    opacity:.58!important;
  }


  body.warehouse-page .v8120-map-legend{
    min-height:65px!important;

    padding:0 20px!important;

    display:grid!important;

    grid-template-columns:
      repeat(4,1fr)!important;

    border-top:
      1px solid rgba(9,54,72,.08)!important;
  }


  body.warehouse-page .v8120-map-legend > div{
    display:flex!important;

    align-items:center!important;

    gap:8px!important;

    color:#667b84!important;

    font-size:.61rem!important;
  }


  body.warehouse-page .v8120-map-legend span{
    width:7px!important;
    height:7px!important;

    border-radius:50%!important;
  }


  body.warehouse-page .v8120-map-legend .green{
    background:#51b88b!important;
  }


  body.warehouse-page .v8120-map-legend .blue{
    background:#5da7bb!important;
  }


  body.warehouse-page .v8120-map-legend .gold{
    background:#d4a039!important;
  }


  body.warehouse-page .v8120-map-legend .red{
    background:#c17868!important;
  }


  body.warehouse-page .v8120-zone-cards{
    display:grid!important;

    grid-template-columns:
      repeat(2,1fr)!important;

    gap:12px!important;
  }


  body.warehouse-page .v8120-zone-card{
    min-height:277px!important;

    padding:23px!important;

    border-radius:17px!important;

    border:
      1px solid rgba(8,57,75,.08)!important;

    background:
      rgba(255,255,255,.94)!important;

    box-shadow:
      0 13px 30px rgba(7,38,52,.045)!important;
  }


  body.warehouse-page .v8120-zone-icon{
    width:50px!important;
    height:50px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:19px!important;

    border-radius:13px!important;

    color:#17617c!important;

    background:#e5f0f2!important;
  }


  body.warehouse-page .v8120-zone-icon svg{
    width:28px!important;
    height:28px!important;

    fill:none!important;

    stroke:currentColor!important;

    stroke-width:1.7!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }


  body.warehouse-page .v8120-zone-card > small{
    display:block!important;

    margin-bottom:7px!important;

    color:#a67619!important;

    font-size:.51rem!important;
    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.warehouse-page .v8120-zone-card h3{
    margin:0 0 9px!important;

    color:#0b3044!important;

    font-size:1.12rem!important;

    line-height:1.05!important;
  }


  body.warehouse-page .v8120-zone-card p{
    margin:0!important;

    color:#6b7c84!important;

    font-size:.72rem!important;

    line-height:1.58!important;
  }


  /* ========================================================
     INVENTORY DASHBOARD
     ======================================================== */

  body.warehouse-page .v8120-inventory{
    position:relative!important;

    overflow:hidden!important;

    padding:105px 0 113px!important;

    color:#fff!important;

    background:
      radial-gradient(
        circle at 85% 15%,
        rgba(33,113,141,.28),
        transparent 31%
      ),
      linear-gradient(
        125deg,
        #041721,
        #082d3d 58%,
        #0b5069
      )!important;
  }


  body.warehouse-page .v8120-inventory::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.10!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.08) 1px,
        transparent 1px
      )!important;

    background-size:
      84px 84px!important;
  }


  body.warehouse-page .v8120-inventory > .container{
    position:relative!important;
    z-index:2!important;
  }


  body.warehouse-page .v8120-dark-head h2{
    color:#fff!important;
  }


  body.warehouse-page .v8120-dark-head > p{
    justify-self:end!important;

    max-width:510px!important;

    color:rgba(255,255,255,.60)!important;
  }


  body.warehouse-page .v8120-dashboard{
    overflow:hidden!important;

    border-radius:18px!important;

    border:
      1px solid rgba(255,255,255,.10)!important;

    background:
      rgba(2,18,28,.52)!important;

    box-shadow:
      0 27px 65px rgba(0,0,0,.22)!important;
  }


  body.warehouse-page .v8120-dashboard-top{
    min-height:55px!important;

    padding:0 20px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:space-between!important;

    border-bottom:
      1px solid rgba(255,255,255,.07)!important;

    color:rgba(255,255,255,.38)!important;

    font-size:.53rem!important;
    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.warehouse-page .v8120-dashboard-top > div{
    display:flex!important;

    align-items:center!important;

    gap:10px!important;

    color:#66d1de!important;
  }


  body.warehouse-page .v8120-dashboard-top i{
    width:7px!important;
    height:7px!important;

    border-radius:50%!important;

    background:#55cd99!important;

    box-shadow:
      0 0 0 4px rgba(85,205,153,.10)!important;
  }


  body.warehouse-page .v8120-dashboard-body{
    display:grid!important;

    grid-template-columns:
      220px 1fr!important;
  }


  body.warehouse-page .v8120-dashboard-nav{
    padding:23px 17px!important;

    border-right:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.warehouse-page .v8120-dashboard-nav > small{
    display:block!important;

    margin:0 10px 15px!important;

    color:#d6a43c!important;

    font-size:.51rem!important;

    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.warehouse-page .v8120-dashboard-nav > div{
    min-height:51px!important;

    padding:0 10px!important;

    display:flex!important;

    align-items:center!important;

    gap:12px!important;

    border-radius:8px!important;

    color:rgba(255,255,255,.44)!important;

    font-size:.68rem!important;
  }


  body.warehouse-page .v8120-dashboard-nav > div.active{
    color:#fff!important;

    background:
      rgba(88,178,197,.10)!important;
  }


  body.warehouse-page .v8120-dashboard-nav span{
    color:#60cad9!important;

    font-size:.53rem!important;

    font-weight:900!important;
  }


  body.warehouse-page .v8120-dashboard-main{
    padding:21px!important;
  }


  body.warehouse-page .v8120-metrics{
    display:grid!important;

    grid-template-columns:
      repeat(4,1fr)!important;

    gap:9px!important;

    margin-bottom:11px!important;
  }


  body.warehouse-page .v8120-metrics > div{
    min-height:102px!important;

    padding:16px!important;

    display:flex!important;

    flex-direction:column!important;

    justify-content:center!important;

    border-radius:10px!important;

    border:
      1px solid rgba(255,255,255,.055)!important;

    background:
      rgba(255,255,255,.037)!important;
  }


  body.warehouse-page .v8120-metrics small{
    color:rgba(255,255,255,.30)!important;

    font-size:.50rem!important;

    font-weight:900!important;

    letter-spacing:.09em!important;
  }


  body.warehouse-page .v8120-metrics strong{
    margin:6px 0 3px!important;

    color:#fff!important;

    font-size:1.36rem!important;
  }


  body.warehouse-page .v8120-metrics span{
    color:rgba(255,255,255,.40)!important;

    font-size:.61rem!important;
  }


  body.warehouse-page .v8120-stock-table{
    overflow:hidden!important;

    border-radius:10px!important;

    border:
      1px solid rgba(255,255,255,.055)!important;
  }


  body.warehouse-page .v8120-stock-row{
    min-height:57px!important;

    padding:0 15px!important;

    display:grid!important;

    grid-template-columns:
      .80fr 1.25fr .72fr .82fr 1.15fr!important;

    gap:12px!important;

    align-items:center!important;

    border-bottom:
      1px solid rgba(255,255,255,.052)!important;

    color:rgba(255,255,255,.46)!important;

    font-size:.64rem!important;
  }


  body.warehouse-page .v8120-stock-row:last-child{
    border-bottom:0!important;
  }


  body.warehouse-page .v8120-stock-header{
    min-height:39px!important;

    color:rgba(255,255,255,.24)!important;

    font-size:.48rem!important;

    font-weight:900!important;

    letter-spacing:.08em!important;
  }


  body.warehouse-page .v8120-stock-row strong{
    color:rgba(255,255,255,.78)!important;

    font-size:.67rem!important;
  }


  body.warehouse-page .v8120-stock-row .available{
    color:#58d39d!important;
  }


  body.warehouse-page .v8120-stock-row .allocated{
    color:#d9ac4c!important;
  }


  body.warehouse-page .v8120-stock-row .hold{
    color:#df8a76!important;
  }


  body.warehouse-page .v8120-stock-row .processing{
    color:#64c8d7!important;
  }


  body.warehouse-page .v8120-stock-row .dispatch{
    color:#a5c870!important;
  }


  body.warehouse-page .v8120-dashboard-strip{
    display:grid!important;

    grid-template-columns:
      repeat(4,1fr)!important;

    margin-top:11px!important;

    border-radius:10px!important;

    overflow:hidden!important;

    border:
      1px solid rgba(255,255,255,.05)!important;
  }


  body.warehouse-page .v8120-dashboard-strip > div{
    min-height:59px!important;

    padding:0 14px!important;

    display:flex!important;

    align-items:center!important;

    gap:9px!important;

    color:rgba(255,255,255,.46)!important;

    border-right:
      1px solid rgba(255,255,255,.05)!important;

    font-size:.61rem!important;
  }


  body.warehouse-page .v8120-dashboard-strip > div:last-child{
    border-right:0!important;
  }


  body.warehouse-page .v8120-dashboard-strip span{
    color:#63ccd9!important;

    font-size:.51rem!important;

    font-weight:900!important;
  }


  /* ========================================================
     FLOW
     ======================================================== */

  body.warehouse-page .v8120-flow{
    position:relative!important;

    overflow:hidden!important;

    padding:104px 0 111px!important;

    background:
      radial-gradient(
        circle at 8% 10%,
        rgba(65,146,168,.10),
        transparent 28%
      ),
      linear-gradient(
        180deg,
        #edf4f2,
        #e8f0ef
      )!important;
  }


  body.warehouse-page .v8120-flow-rail{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      repeat(6,minmax(0,1fr))!important;

    margin-top:66px!important;
  }


  body.warehouse-page .v8120-flow-line{
    position:absolute!important;

    left:5%!important;
    right:5%!important;

    top:24px!important;

    height:2px!important;

    z-index:0!important;

    background:
      linear-gradient(
        90deg,
        #d3a139,
        #5b9dad 35%,
        #5b9dad 72%,
        #d3a139
      )!important;

    opacity:.67!important;
  }


  body.warehouse-page .v8120-flow-rail article{
    position:relative!important;
    z-index:2!important;

    min-width:0!important;

    padding:0 15px!important;

    border-right:
      1px solid rgba(10,59,76,.08)!important;
  }


  body.warehouse-page .v8120-flow-rail article:first-of-type{
    padding-left:0!important;
  }


  body.warehouse-page .v8120-flow-rail article:last-of-type{
    padding-right:0!important;
    border-right:0!important;
  }


  body.warehouse-page .v8120-flow-rail article > div{
    width:49px!important;
    height:49px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:29px!important;

    border-radius:50%!important;

    color:#102e3b!important;

    background:
      linear-gradient(
        145deg,
        #e5bd59,
        #ca952e
      )!important;

    box-shadow:
      0 0 0 8px #eaf2f1,
      0 8px 22px rgba(181,128,25,.14)!important;

    font-size:.63rem!important;
    font-weight:900!important;
  }


  body.warehouse-page .v8120-flow-rail small{
    display:block!important;

    margin-bottom:7px!important;

    color:#9c6e18!important;

    font-size:.53rem!important;

    font-weight:900!important;

    letter-spacing:.12em!important;
  }


  body.warehouse-page .v8120-flow-rail h3{
    margin:0 0 9px!important;

    color:#0a3045!important;

    font-size:.98rem!important;
    line-height:1.08!important;
  }


  body.warehouse-page .v8120-flow-rail p{
    margin:0!important;

    color:#687a82!important;

    font-size:.67rem!important;

    line-height:1.55!important;
  }


  body.warehouse-page .v8120-flow-rule{
    min-height:89px!important;

    margin-top:51px!important;

    padding:21px 25px!important;

    display:grid!important;

    grid-template-columns:
      auto auto 1fr!important;

    gap:19px!important;

    align-items:center!important;

    border-radius:14px!important;

    border:
      1px solid rgba(10,57,74,.09)!important;

    background:
      rgba(255,255,255,.82)!important;

    box-shadow:
      0 13px 30px rgba(7,38,52,.045)!important;
  }


  body.warehouse-page .v8120-flow-rule span{
    padding:7px 11px!important;

    border-radius:999px!important;

    color:#956815!important;

    background:#f0e3c5!important;

    font-size:.53rem!important;

    font-weight:900!important;

    letter-spacing:.10em!important;
  }


  body.warehouse-page .v8120-flow-rule strong{
    color:#0b3045!important;

    font-size:.90rem!important;
  }


  body.warehouse-page .v8120-flow-rule small{
    justify-self:end!important;

    color:#6c7d84!important;

    font-size:.67rem!important;
  }


  /* ========================================================
     DISTRIBUTION
     ======================================================== */

  body.warehouse-page .v8120-distribution{
    position:relative!important;

    overflow:hidden!important;

    padding:104px 0 113px!important;

    background:
      radial-gradient(
        circle at 88% 9%,
        rgba(207,158,50,.09),
        transparent 28%
      ),
      linear-gradient(
        180deg,
        #faf7f0,
        #f3ede3
      )!important;
  }


  body.warehouse-page .v8120-distribution-shell{
    display:grid!important;

    grid-template-columns:
      1.15fr .85fr!important;

    min-height:465px!important;

    overflow:hidden!important;

    border-radius:19px!important;

    border:
      1px solid rgba(8,53,71,.08)!important;

    background:#fff!important;

    box-shadow:
      0 18px 44px rgba(8,38,52,.065)!important;
  }


  body.warehouse-page .v8120-distribution-map{
    position:relative!important;

    min-height:465px!important;

    overflow:hidden!important;

    background:
      radial-gradient(
        circle at 55% 45%,
        rgba(64,141,160,.10),
        transparent 35%
      ),
      linear-gradient(
        145deg,
        #0a3446,
        #082536
      )!important;
  }


  body.warehouse-page .v8120-distribution-map::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.17!important;

    background-image:
      linear-gradient(
        rgba(255,255,255,.08) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(255,255,255,.08) 1px,
        transparent 1px
      )!important;

    background-size:
      55px 55px!important;
  }


  body.warehouse-page .v8120-origin{
    position:absolute!important;

    z-index:4!important;

    left:9%!important;
    top:43%!important;

    display:flex!important;

    gap:12px!important;

    align-items:center!important;
  }


  body.warehouse-page .v8120-origin > span{
    width:18px!important;
    height:18px!important;

    border-radius:50%!important;

    background:#d6a239!important;

    box-shadow:
      0 0 0 8px rgba(214,162,57,.10),
      0 0 0 15px rgba(214,162,57,.04)!important;
  }


  body.warehouse-page .v8120-origin small{
    display:block!important;

    margin-bottom:4px!important;

    color:#d7a849!important;

    font-size:.50rem!important;

    font-weight:900!important;

    letter-spacing:.11em!important;
  }


  body.warehouse-page .v8120-origin strong{
    display:block!important;

    color:#fff!important;

    font-size:.78rem!important;
  }


  body.warehouse-page .v8120-origin em{
    display:block!important;

    margin-top:4px!important;

    color:rgba(255,255,255,.39)!important;

    font-size:.56rem!important;

    font-style:normal!important;
  }


  body.warehouse-page .v8120-route{
    position:absolute!important;
    z-index:2!important;

    left:18%!important;

    height:1px!important;

    transform-origin:left center!important;

    background:
      linear-gradient(
        90deg,
        #d2a03b,
        #6cc0d0
      )!important;

    opacity:.68!important;
  }


  body.warehouse-page .route-1{
    top:48%!important;
    width:51%!important;
    transform:rotate(-24deg)!important;
  }


  body.warehouse-page .route-2{
    top:48%!important;
    width:61%!important;
    transform:rotate(-8deg)!important;
  }


  body.warehouse-page .route-3{
    top:49%!important;
    width:59%!important;
    transform:rotate(10deg)!important;
  }


  body.warehouse-page .route-4{
    top:49%!important;
    width:49%!important;
    transform:rotate(28deg)!important;
  }


  body.warehouse-page .v8120-destination{
    position:absolute!important;
    z-index:4!important;

    display:flex!important;

    align-items:center!important;

    gap:9px!important;

    color:rgba(255,255,255,.73)!important;

    font-size:.63rem!important;
  }


  body.warehouse-page .v8120-destination i{
    width:9px!important;
    height:9px!important;

    border-radius:50%!important;

    background:#68c3d2!important;

    box-shadow:
      0 0 0 5px rgba(104,195,210,.08)!important;
  }


  body.warehouse-page .v8120-destination small{
    display:block!important;

    margin-bottom:3px!important;

    color:#d5a445!important;

    font-size:.46rem!important;

    font-weight:900!important;

    letter-spacing:.10em!important;
  }


  body.warehouse-page .dest-1{
    right:14%!important;
    top:19%!important;
  }


  body.warehouse-page .dest-2{
    right:5%!important;
    top:39%!important;
  }


  body.warehouse-page .dest-3{
    right:7%!important;
    bottom:25%!important;
  }


  body.warehouse-page .dest-4{
    right:16%!important;
    bottom:8%!important;
  }


  body.warehouse-page .v8120-distribution-panel{
    padding:42px 38px!important;

    display:flex!important;

    flex-direction:column!important;

    justify-content:center!important;
  }


  body.warehouse-page .v8120-distribution-panel h3{
    margin:10px 0 22px!important;

    color:#0b3045!important;

    font-size:1.95rem!important;

    line-height:1!important;

    letter-spacing:-.037em!important;
  }


  body.warehouse-page .v8120-distribution-checks{
    display:grid!important;

    gap:8px!important;
  }


  body.warehouse-page .v8120-distribution-checks > div{
    min-height:73px!important;

    padding:13px 14px!important;

    display:grid!important;

    grid-template-columns:
      31px 1fr!important;

    border-radius:10px!important;

    background:#f0f5f4!important;

    border:
      1px solid rgba(8,65,82,.06)!important;
  }


  body.warehouse-page .v8120-distribution-checks span{
    grid-row:1/3!important;

    color:#b47c17!important;

    font-size:.53rem!important;

    font-weight:900!important;
  }


  body.warehouse-page .v8120-distribution-checks strong{
    color:#173b4d!important;

    font-size:.72rem!important;
  }


  body.warehouse-page .v8120-distribution-checks small{
    margin-top:4px!important;

    color:#74828a!important;

    font-size:.60rem!important;
  }


  /* ========================================================
     EXCEPTIONS
     ======================================================== */

  body.warehouse-page .v8120-exceptions{
    position:relative!important;

    overflow:hidden!important;

    padding:94px 0!important;

    background:
      radial-gradient(
        circle at 86% 13%,
        rgba(56,145,170,.24),
        transparent 30%
      ),
      linear-gradient(
        120deg,
        #061821,
        #082b3a 58%,
        #0a465d
      )!important;
  }


  body.warehouse-page .v8120-exception-layout{
    display:grid!important;

    grid-template-columns:
      .88fr 1.12fr!important;

    gap:90px!important;

    align-items:center!important;
  }


  body.warehouse-page .v8120-exception-copy h2{
    margin:10px 0 17px!important;

    color:#fff!important;

    font-size:
      clamp(3rem,4vw,4.45rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.warehouse-page .v8120-exception-copy p{
    max-width:520px!important;

    margin:0!important;

    color:rgba(255,255,255,.56)!important;

    font-size:.87rem!important;

    line-height:1.68!important;
  }


  body.warehouse-page .v8120-exception-board{
    overflow:hidden!important;

    border-radius:14px!important;

    border:
      1px solid rgba(255,255,255,.08)!important;

    background:
      rgba(255,255,255,.035)!important;
  }


  body.warehouse-page .v8120-exception-head{
    min-height:53px!important;

    padding:0 17px!important;

    display:flex!important;

    align-items:center!important;

    justify-content:space-between!important;

    border-bottom:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.warehouse-page .v8120-exception-head strong{
    color:#fff!important;

    font-size:.71rem!important;
  }


  body.warehouse-page .v8120-exception-head span{
    color:#63cad8!important;

    font-size:.49rem!important;

    font-weight:900!important;

    letter-spacing:.10em!important;
  }


  body.warehouse-page .v8120-exception-row{
    min-height:76px!important;

    padding:13px 17px!important;

    display:grid!important;

    grid-template-columns:
      110px 1fr!important;

    border-bottom:
      1px solid rgba(255,255,255,.055)!important;
  }


  body.warehouse-page .v8120-exception-row:last-child{
    border-bottom:0!important;
  }


  body.warehouse-page .v8120-exception-row .status{
    grid-row:1/3!important;

    align-self:center!important;

    width:max-content!important;

    padding:6px 8px!important;

    border-radius:999px!important;

    font-size:.48rem!important;

    font-weight:900!important;

    letter-spacing:.08em!important;
  }


  body.warehouse-page .v8120-exception-row .available{
    color:#60d39d!important;

    background:
      rgba(69,174,127,.10)!important;
  }


  body.warehouse-page .v8120-exception-row .allocated{
    color:#e2b44b!important;

    background:
      rgba(209,157,47,.10)!important;
  }


  body.warehouse-page .v8120-exception-row .processing{
    color:#68cbd9!important;

    background:
      rgba(73,160,184,.11)!important;
  }


  body.warehouse-page .v8120-exception-row .hold{
    color:#e3907c!important;

    background:
      rgba(192,104,87,.10)!important;
  }


  body.warehouse-page .v8120-exception-row strong{
    color:rgba(255,255,255,.80)!important;

    font-size:.72rem!important;
  }


  body.warehouse-page .v8120-exception-row small{
    margin-top:4px!important;

    color:rgba(255,255,255,.40)!important;

    font-size:.60rem!important;
  }


  /* ========================================================
     FAQ
     ======================================================== */

  body.warehouse-page .v8120-faq{
    position:relative!important;

    overflow:hidden!important;

    padding:102px 0 110px!important;

    background:
      radial-gradient(
        circle at 8% 18%,
        rgba(211,164,55,.09),
        transparent 24%
      ),
      linear-gradient(
        #fbf8f2,
        #f7f2e9
      )!important;
  }


  body.warehouse-page .v8120-faq .faq{
    display:grid!important;

    grid-template-columns:
      .78fr 1.22fr!important;

    gap:105px!important;

    align-items:start!important;
  }


  body.warehouse-page .v8120-faq h2{
    max-width:540px!important;

    margin:10px 0 0!important;

    color:#0b3045!important;

    font-size:
      clamp(3rem,4vw,4.5rem)!important;

    line-height:.94!important;

    letter-spacing:-.053em!important;
  }


  body.warehouse-page .v8120-faq-intro{
    max-width:445px!important;

    margin-top:23px!important;

    color:#6b7b82!important;

    font-size:.86rem!important;

    line-height:1.65!important;
  }


  body.warehouse-page .v8120-faq .accordion{
    border-top:
      1px solid rgba(8,52,72,.12)!important;
  }


  body.warehouse-page .v8120-faq .accordion-item{
    border-bottom:
      1px solid rgba(8,52,72,.12)!important;
  }


  body.warehouse-page .v8120-faq .accordion-button{
    min-height:75px!important;

    padding:0 8px!important;

    color:#0b3045!important;

    font-size:.90rem!important;

    font-weight:800!important;
  }


  body.warehouse-page .v8120-faq .accordion-button span{
    color:#bd8920!important;

    font-size:1.15rem!important;
  }


  body.warehouse-page .v8120-faq .accordion-content p{
    padding:
      0 45px 22px 8px!important;

    color:#687981!important;

    font-size:.84rem!important;

    line-height:1.65!important;
  }


  /* ========================================================
     CTA + FOOTER
     ======================================================== */

  body.warehouse-page .v8120-cta{
    position:relative!important;

    overflow:hidden!important;

    padding:77px 0 81px!important;

    background:
      radial-gradient(
        circle at 86% 15%,
        rgba(53,132,163,.22),
        transparent 30%
      ),
      linear-gradient(
        112deg,
        #061722,
        #082a3b 58%,
        #0b3b52
      )!important;
  }


  body.warehouse-page .v8120-cta .cta-inner{
    display:grid!important;

    grid-template-columns:
      1fr auto!important;

    gap:80px!important;

    align-items:center!important;
  }


  body.warehouse-page .v8120-cta h2{
    margin:10px 0 9px!important;

    color:#fff!important;

    font-size:
      clamp(2.8rem,3.6vw,4.1rem)!important;

    line-height:.94!important;

    letter-spacing:-.052em!important;
  }


  body.warehouse-page .v8120-cta p{
    color:rgba(255,255,255,.54)!important;
  }


  body.warehouse-page .v6-footer{
    background:
      linear-gradient(
        180deg,
        #041620,
        #03121b
      )!important;
  }


  body.warehouse-page .v6-footer-top{
    grid-template-columns:
      1.65fr repeat(4,1fr)!important;

    gap:48px!important;

    padding-top:60px!important;

    padding-bottom:52px!important;
  }


  body.warehouse-page .v6-footer-logo{
    width:220px!important;
    max-width:220px!important;

    margin-bottom:20px!important;
  }


  body.warehouse-page
  .v6-footer-top > div:not(:first-child){
    min-height:170px!important;

    padding-left:26px!important;

    border-left:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.warehouse-page .v6-footer li{
    position:relative!important;

    padding-left:13px!important;
  }


  body.warehouse-page .v6-footer li::before{
    content:""!important;

    position:absolute!important;

    left:0!important;

    top:.6em!important;

    width:4px!important;
    height:4px!important;

    transform:rotate(45deg)!important;

    background:#c9972e!important;
  }


  /* ========================================================
     CHAPTER MOTION
     ======================================================== */

  body.warehouse-page .v8120-chapter{
    scroll-margin-top:105px!important;
  }


  @media (prefers-reduced-motion:no-preference){

    body.warehouse-page.v8120-motion
    .v8120-chapter > .container{
      opacity:.84!important;

      transform:
        translateY(25px)
        scale(.997)!important;

      transition:
        opacity .8s cubic-bezier(.2,.7,.2,1),
        transform .8s cubic-bezier(.2,.7,.2,1)!important;
    }


    body.warehouse-page.v8120-motion
    .v8120-chapter.v8120-in > .container{
      opacity:1!important;

      transform:
        translateY(0)
        scale(1)!important;
    }

  }

}


/* ==========================================================
   MID DESKTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1220px){

  body.warehouse-page .v8120-hero-inner,
  body.warehouse-page .v8120-zones > .container,
  body.warehouse-page .v8120-inventory > .container,
  body.warehouse-page .v8120-flow > .container,
  body.warehouse-page .v8120-distribution > .container,
  body.warehouse-page .v8120-exceptions > .container,
  body.warehouse-page .v8120-faq > .container,
  body.warehouse-page .v8120-cta > .container,
  body.warehouse-page .v6-footer-top,
  body.warehouse-page .v6-footer-bottom{
    width:calc(100% - 48px)!important;
  }


  body.warehouse-page .v8120-hero-inner{
    grid-template-columns:
      minmax(0,1fr)
      360px!important;

    gap:58px!important;
  }


  body.warehouse-page .v8120-section-head,
  body.warehouse-page .v8120-dark-head{
    gap:58px!important;
  }


  body.warehouse-page .v8120-zone-layout{
    grid-template-columns:
      1.20fr .80fr!important;
  }


  body.warehouse-page .v8120-zone{
    transform:scale(.94)!important;
  }


  body.warehouse-page .v8120-flow-rail article{
    padding:0 9px!important;
  }


  body.warehouse-page .v8120-flow-rail p{
    font-size:.63rem!important;
  }


  body.warehouse-page .v8120-dashboard-body{
    grid-template-columns:
      195px 1fr!important;
  }

}


/* ==========================================================
   V8.12.1 — SOLUTIONS MENU COMPLETE
   Adds Warehousing & Distribution and rebalances 10 services
   ========================================================== */

@media (min-width:1101px){


  /* --------------------------------------------------------
     WIDER BUT PROPORTIONAL SOLUTIONS MEGA MENU
     -------------------------------------------------------- */

  .v8410-solutions-mega{
    width:min(1380px,calc(100vw - 72px))!important;

    left:50%!important;
    right:auto!important;

    transform:translateX(-50%)!important;
  }


  .v8410-solutions-mega .v6-mega-grid{
    display:grid!important;

    grid-template-columns:
      300px
      repeat(4,minmax(0,1fr))!important;

    grid-template-rows:
      repeat(3,minmax(104px,auto))!important;

    gap:11px!important;

    align-items:stretch!important;
  }


  /* Left brand/story panel occupies all three rows */

  .v8410-solutions-mega .v6-mega-feature{
    grid-column:1!important;
    grid-row:1 / span 3!important;

    height:auto!important;
    min-height:100%!important;
  }


  /* --------------------------------------------------------
     EXISTING SERVICE CARDS
     -------------------------------------------------------- */

  .v8410-solutions-mega .v6-mega-link{
    min-width:0!important;
    min-height:104px!important;
  }


  /*
     With 10 service cards:
       Row 1 = 4
       Row 2 = 4
       Row 3 = 2 wide cards

     This avoids an orphan card on a fourth row.
  */

  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(9){
    grid-column:2 / span 2!important;
  }


  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(10){
    grid-column:4 / span 2!important;
  }


  /* --------------------------------------------------------
     WAREHOUSING CARD
     -------------------------------------------------------- */

  .v8410-solutions-mega
  .v8121-warehouse-link{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      43px minmax(0,1fr) 31px!important;

    grid-template-rows:auto!important;

    gap:12px!important;

    align-items:center!important;

    padding:16px 15px!important;

    overflow:hidden!important;

    color:#12344a!important;

    border:
      1px solid rgba(18,78,99,.10)!important;

    background:
      linear-gradient(
        145deg,
        #eef5f3 0%,
        #f6f8f4 100%
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.72)!important;
  }


  .v8410-solutions-mega
  .v8121-warehouse-link::before{
    content:none!important;
    display:none!important;
  }


  .v8410-solutions-mega
  .v8121-warehouse-link::after{
    content:""!important;

    position:absolute!important;

    width:75px!important;
    height:75px!important;

    right:-28px!important;
    bottom:-28px!important;

    border-radius:50%!important;

    border:
      1px solid rgba(202,151,43,.12)!important;

    pointer-events:none!important;
  }


  .v8121-warehouse-icon{
    width:43px!important;
    height:43px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:11px!important;

    color:#15516d!important;

    background:#dfedf0!important;
  }


  .v8121-warehouse-icon svg{
    width:27px!important;
    height:27px!important;

    fill:none!important;

    stroke:currentColor!important;
    stroke-width:1.7!important;

    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }


  .v8121-warehouse-copy{
    min-width:0!important;

    display:block!important;
  }


  .v8121-warehouse-copy small{
    display:block!important;

    margin:0 0 4px!important;

    color:#a87517!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.48rem!important;
    font-style:normal!important;
    font-weight:800!important;

    line-height:1.1!important;

    letter-spacing:.105em!important;

    text-transform:uppercase!important;
  }


  .v8121-warehouse-copy strong{
    display:block!important;

    margin:0!important;

    color:#12344a!important;

    font-family:"Cormorant Garamond",Georgia,serif!important;

    font-size:1.08rem!important;
    font-weight:700!important;

    line-height:1!important;

    letter-spacing:-.015em!important;
  }


  .v8121-warehouse-copy strong::before,
  .v8121-warehouse-copy strong::after{
    content:none!important;
    display:none!important;
  }


  .v8121-warehouse-copy em{
    display:block!important;

    margin-top:5px!important;

    color:#718088!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.57rem!important;
    font-style:normal!important;
    font-weight:500!important;

    line-height:1.35!important;
  }


  .v8121-warehouse-arrow{
    width:31px!important;
    height:31px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:50%!important;

    color:#916613!important;

    background:#f4e8cb!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.76rem!important;
    font-weight:800!important;
  }


  .v8121-warehouse-link:hover{
    transform:translateY(-2px)!important;

    border-color:
      rgba(192,143,35,.27)!important;

    box-shadow:
      0 12px 25px rgba(20,58,72,.08),
      inset 0 1px 0 rgba(255,255,255,.82)!important;
  }


  .v8121-warehouse-link:hover
  .v8121-warehouse-arrow{
    transform:translateX(2px)!important;
  }

}


/* ==========================================================
   SMALLER DESKTOP / LAPTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1100px){

  .v8410-solutions-mega{
    width:calc(100vw - 38px)!important;
  }


  .v8410-solutions-mega .v6-mega-grid{
    grid-template-columns:
      260px
      repeat(3,minmax(0,1fr))!important;

    gap:9px!important;
  }


  .v8410-solutions-mega
  .v6-mega-feature{
    grid-row:1 / span 4!important;
  }


  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(9),
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(10){
    grid-column:auto!important;
  }


  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(10){
    grid-column:3 / span 2!important;
  }

}



/* ==========================================================
   V8.12.2 — SOLUTIONS MEGA MENU FINAL DESKTOP GRID
   ========================================================== */

@media (min-width:1101px){

  body .v6-header
  .v8410-solutions-mega{
    width:min(1420px,calc(100vw - 80px))!important;

    max-width:1420px!important;

    left:50%!important;
    right:auto!important;

    transform:translateX(-50%)!important;

    padding:17px!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v6-mega-grid{
    display:grid!important;

    grid-template-columns:
      300px
      repeat(4,minmax(0,1fr))!important;

    grid-template-rows:
      repeat(3,124px)!important;

    gap:11px!important;

    width:100%!important;
  }


  /* LEFT STORY PANEL */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-feature{
    grid-column:1!important;
    grid-row:1 / 4!important;

    min-width:0!important;
    min-height:0!important;

    height:auto!important;

    margin:0!important;
  }


  /* ALL SOLUTION CARDS */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link{
    position:relative!important;

    width:auto!important;
    min-width:0!important;

    min-height:0!important;
    height:124px!important;

    margin:0!important;

    padding:
      24px 49px 19px 58px!important;

    display:flex!important;
    flex-direction:column!important;

    justify-content:center!important;

    border-radius:14px!important;

    overflow:hidden!important;
  }


  /* REMOVE V8.12.1 WAREHOUSE SPECIAL STRUCTURE */

  body .v6-header
  .v8410-solutions-mega
  .v8121-warehouse-icon,

  body .v6-header
  .v8410-solutions-mega
  .v8121-warehouse-arrow{
    display:none!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8121-warehouse-copy{
    display:contents!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8121-warehouse-copy em{
    display:none!important;
  }


  /* WAREHOUSE MATCHES THE MENU SYSTEM */

  body .v6-header
  .v8410-solutions-mega
  .v8122-warehouse{
    background:
      linear-gradient(
        145deg,
        #eef6f3,
        #f4f8f5
      )!important;
  }


  /* ICON FOR WAREHOUSE USING CSS — NO DUPLICATE ARROWS */

  body .v6-header
  .v8410-solutions-mega
  .v8122-warehouse::before{
    content:""!important;

    display:block!important;

    position:absolute!important;

    left:17px!important;
    top:50%!important;

    width:30px!important;
    height:30px!important;

    transform:translateY(-50%)!important;

    border-radius:8px!important;

    background-color:#e0edf0!important;

    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:20px 20px!important;

    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2315506d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L24 8l17 9v23H7z'/%3E%3Cpath d='M7 17h34'/%3E%3Cpath d='M14 22h8v7h-8zM26 22h8v7h-8zM14 33h8v7h-8zM26 33h8v7h-8z'/%3E%3C/svg%3E")!important;
  }


  /* FORCE ROW / COLUMN POSITIONS */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(1){
    grid-column:2!important;
    grid-row:1!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(2){
    grid-column:3!important;
    grid-row:1!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(3){
    grid-column:4!important;
    grid-row:1!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(4){
    grid-column:5!important;
    grid-row:1!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(5){
    grid-column:2!important;
    grid-row:2!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(6){
    grid-column:3!important;
    grid-row:2!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(7){
    grid-column:4!important;
    grid-row:2!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(8){
    grid-column:5!important;
    grid-row:2!important;
  }


  /* FINAL ROW — TWO WIDER CARDS */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(9){
    grid-column:2 / 4!important;
    grid-row:3!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(10){
    grid-column:4 / 6!important;
    grid-row:3!important;
  }


  /* TYPOGRAPHY */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link small{
    margin:0 0 5px!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.49rem!important;
    font-weight:800!important;

    line-height:1!important;

    letter-spacing:.105em!important;

    text-transform:uppercase!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link strong{
    margin:0!important;

    font-family:"Cormorant Garamond",Georgia,serif!important;

    font-size:1.20rem!important;
    font-weight:700!important;

    line-height:1!important;

    letter-spacing:-.018em!important;
  }


  /* HOVER */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:hover{
    transform:translateY(-2px)!important;

    box-shadow:
      0 13px 27px rgba(10,48,66,.08)!important;
  }

}


/* ==========================================================
   LAPTOP VERSION
   ========================================================== */

@media (min-width:901px) and (max-width:1100px){

  body .v6-header
  .v8410-solutions-mega{
    width:calc(100vw - 32px)!important;

    left:50%!important;

    transform:translateX(-50%)!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v6-mega-grid{
    grid-template-columns:
      245px
      repeat(3,minmax(0,1fr))!important;

    grid-template-rows:
      repeat(4,111px)!important;

    gap:8px!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v6-mega-feature{
    grid-column:1!important;
    grid-row:1 / 5!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link{
    height:111px!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(n){
    grid-column:auto!important;
    grid-row:auto!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(10){
    grid-column:3 / 5!important;
  }

}



/* ==========================================================
   V8.12.3 — SOLUTIONS MEGA MENU HEIGHT / PROPORTION FIX
   ========================================================== */

@media (min-width:1101px){

  /*
   * Remove old inherited fixed/minimum menu heights.
   * The menu must finish immediately after the grid.
   */

  body .v6-header
  .v8410-solutions-mega{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    padding:
      16px 16px 17px!important;

    overflow:visible!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v6-mega-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    grid-template-rows:
      repeat(3,137px)!important;

    align-content:start!important;
  }


  /*
   * Slightly taller cards allow the feature panel to retain
   * its premium composition without clipping the lower artwork.
   */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link{
    height:137px!important;
    min-height:137px!important;

    padding-top:23px!important;
    padding-bottom:20px!important;
  }


  /*
   * Feature panel spans the exact grid height.
   */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-feature{
    height:auto!important;
    min-height:0!important;

    overflow:hidden!important;
  }


  /*
   * Prevent any legacy wrapper from stretching the menu.
   */

  body .v6-header
  .v8410-solutions-mega > div,

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-grid{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }

}


/* ==========================================================
   LARGE DESKTOP — slightly more breathing room
   ========================================================== */

@media (min-width:1500px){

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-grid{
    grid-template-rows:
      repeat(3,140px)!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link{
    height:140px!important;
    min-height:140px!important;
  }

}


/* ==========================================================
   LAPTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1100px){

  body .v6-header
  .v8410-solutions-mega{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    overflow:visible!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-grid{
    height:auto!important;
    min-height:0!important;

    align-content:start!important;
  }

}



/* ==========================================================
   V8.12.4 — SOLUTIONS MENU FINAL ROW
   Personal Effects + Procurement standard size, left aligned
   ========================================================== */

@media (min-width:1101px){

  /* Personal Effects */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(9){
    grid-column:2!important;
    grid-row:3!important;

    width:auto!important;
    height:137px!important;
    min-height:137px!important;
  }


  /* Procurement & Export */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(10){
    grid-column:3!important;
    grid-row:3!important;

    width:auto!important;
    height:137px!important;
    min-height:137px!important;
  }


  /*
   * Columns 4 and 5 of row 3 deliberately remain empty.
   * Do not stretch either final card.
   */

}


/* Large desktop follows same card proportions */

@media (min-width:1500px){

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(9),

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(10){
    height:140px!important;
    min-height:140px!important;
  }

}



/* ==========================================================
   V8.12.5 — SOLUTIONS MEGA MENU / QUICK GUIDANCE
   ========================================================== */

@media (min-width:1101px){

  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-card{
    position:relative!important;

    grid-column:4 / 6!important;
    grid-row:3!important;

    height:137px!important;
    min-height:137px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1.45fr)
      minmax(205px,.75fr)!important;

    grid-template-rows:
      1fr auto!important;

    column-gap:24px!important;

    padding:
      19px 21px 13px 22px!important;

    border:
      1px solid rgba(31,82,101,.13)!important;

    border-radius:14px!important;

    overflow:hidden!important;

    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(207,159,53,.13),
        transparent 34%
      ),
      linear-gradient(
        135deg,
        #eef6f6 0%,
        #f7f7f0 58%,
        #f8f3e7 100%
      )!important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      0 7px 18px rgba(13,52,68,.035)!important;
  }


  /* subtle technical ornament */

  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-card::before{
    content:""!important;

    position:absolute!important;

    width:105px!important;
    height:105px!important;

    right:-44px!important;
    top:-55px!important;

    border:
      1px solid rgba(187,139,37,.20)!important;

    border-radius:50%!important;

    pointer-events:none!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-card::after{
    content:""!important;

    position:absolute!important;

    width:55px!important;
    height:1px!important;

    left:22px!important;
    top:0!important;

    background:
      linear-gradient(
        90deg,
        #c89427,
        rgba(200,148,39,0)
      )!important;

    pointer-events:none!important;
  }


  /* COPY */

  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-copy{
    align-self:start!important;

    min-width:0!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-copy small{
    display:block!important;

    margin:0 0 5px!important;

    color:#a87517!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.48rem!important;
    font-weight:800!important;

    line-height:1!important;

    letter-spacing:.12em!important;

    text-transform:uppercase!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-copy h3{
    margin:0 0 5px!important;

    color:#12344a!important;

    font-family:"Cormorant Garamond",Georgia,serif!important;

    font-size:1.19rem!important;
    font-weight:700!important;

    line-height:1!important;

    letter-spacing:-.015em!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-copy p{
    max-width:510px!important;

    margin:0!important;

    color:#6d7c84!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.58rem!important;
    font-weight:500!important;

    line-height:1.47!important;
  }


  /* ACTIONS */

  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-actions{
    align-self:center!important;

    display:flex!important;
    flex-direction:column!important;

    gap:7px!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-actions a{
    min-height:31px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:12px!important;

    padding:
      7px 11px!important;

    border-radius:8px!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.57rem!important;
    font-weight:800!important;

    line-height:1!important;

    text-decoration:none!important;

    transition:
      transform .22s ease,
      box-shadow .22s ease,
      background .22s ease!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-primary{
    color:#fff!important;

    border:
      1px solid #153f55!important;

    background:
      linear-gradient(
        135deg,
        #123d53,
        #0d3042
      )!important;

    box-shadow:
      0 5px 12px rgba(13,48,66,.12)!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-secondary{
    color:#173c4e!important;

    border:
      1px solid rgba(24,65,83,.13)!important;

    background:
      rgba(255,255,255,.70)!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-actions a:hover{
    transform:translateX(2px)!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-primary:hover{
    box-shadow:
      0 8px 18px rgba(13,48,66,.17)!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-actions span{
    color:#d4a33a!important;

    font-size:.72rem!important;
  }


  /* SMALL CONTROL LINE */

  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-meta{
    grid-column:1 / -1!important;

    align-self:end!important;

    padding-top:7px!important;

    border-top:
      1px solid rgba(27,78,96,.08)!important;

    color:#839197!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.43rem!important;
    font-weight:700!important;

    line-height:1!important;

    letter-spacing:.09em!important;

    text-transform:uppercase!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-meta i{
    margin:0 7px!important;

    color:#c99326!important;

    font-style:normal!important;
  }

}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1500px){

  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-card{
    height:140px!important;
    min-height:140px!important;
  }

}


/* ==========================================================
   LAPTOP
   Do not force the feature panel into a bad narrow shape.
   ========================================================== */

@media (min-width:901px) and (max-width:1100px){

  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-card{
    grid-column:2 / 5!important;

    min-height:112px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)
      190px!important;

    gap:17px!important;

    padding:16px!important;

    border-radius:12px!important;

    background:
      linear-gradient(
        135deg,
        #eef6f6,
        #f8f3e8
      )!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-meta{
    display:none!important;
  }

}



/* ==========================================================
   V8.12.6 — SOLUTIONS MENU FINAL CLEANUP
   Project Pre-Assessment replaces Quick Guidance
   ========================================================== */

@media (min-width:1101px){


  /* --------------------------------------------------------
     REMOVE PREVIOUS QUICK GUIDANCE COMPLETELY
     -------------------------------------------------------- */

  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-card{
    display:none!important;
  }


  /* --------------------------------------------------------
     THIRD ROW
     -------------------------------------------------------- */

  /* Personal Effects */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(9){
    grid-column:2!important;
    grid-row:3!important;
  }


  /* Procurement & Export */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(10){
    grid-column:3!important;
    grid-row:3!important;
  }


  /* Project Pre-Assessment */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(11),
  body .v6-header
  .v8410-solutions-mega
  .v8126-preassessment{
    grid-column:4!important;
    grid-row:3!important;

    width:auto!important;

    height:137px!important;
    min-height:137px!important;

    background:
      linear-gradient(
        145deg,
        #eef5f7 0%,
        #f4f7f5 100%
      )!important;
  }


  /*
   * Column 5 intentionally remains empty.
   */


  /* --------------------------------------------------------
     REMOVE GOLD STAR / DOT BESIDE HEADLINES
     -------------------------------------------------------- */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link strong::before,

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link strong::after{
    content:none!important;

    display:none!important;

    width:0!important;
    height:0!important;

    margin:0!important;

    background:none!important;
    border:0!important;

    box-shadow:none!important;
  }


  /*
   * Some older menu rules attach the gold dot to the
   * label immediately above the heading.
   */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link small::after{
    content:none!important;

    display:none!important;

    width:0!important;
    height:0!important;

    margin:0!important;

    background:none!important;
    border:0!important;

    box-shadow:none!important;
  }


  /* --------------------------------------------------------
     PROJECT PRE-ASSESSMENT DESCRIPTION
     -------------------------------------------------------- */

  body .v6-header
  .v8410-solutions-mega
  .v8126-preassessment-desc{
    display:block!important;

    margin-top:6px!important;

    max-width:180px!important;

    color:#708088!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.61rem!important;
    font-weight:500!important;

    line-height:1.38!important;
  }


  /* Give Project Pre-Assessment its clipboard-style icon */

  body .v6-header
  .v8410-solutions-mega
  .v8126-preassessment::before{
    content:""!important;

    position:absolute!important;

    left:17px!important;
    top:50%!important;

    width:31px!important;
    height:31px!important;

    transform:translateY(-50%)!important;

    border-radius:8px!important;

    background-color:#deedf1!important;

    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:19px 19px!important;

    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2315506d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='10' width='24' height='30' rx='3'/%3E%3Cpath d='M19 10V7h10v3M18 20h12M18 27h12M18 34h8'/%3E%3C/svg%3E")!important;
  }

}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1500px){

  body .v6-header
  .v8410-solutions-mega
  .v8126-preassessment{
    height:140px!important;
    min-height:140px!important;
  }

}



/* ==========================================================
   V8.12.7 — SOLUTIONS MENU CLEANUP
   Simple Pre-Assessment line + remove stray gold dots
   ========================================================== */

@media (min-width:1101px){


  /* --------------------------------------------------------
     FINAL SERVICE ROW
     -------------------------------------------------------- */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(9){
    grid-column:2!important;
    grid-row:3!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(10){
    grid-column:3!important;
    grid-row:3!important;
  }


  /* --------------------------------------------------------
     REMOVE PROJECT PRE-ASSESSMENT CARD
     -------------------------------------------------------- */

  body .v6-header
  .v8410-solutions-mega
  .v8126-preassessment{
    display:none!important;
  }


  /* --------------------------------------------------------
     SIMPLE TEXT LINE IN THE OPEN AREA
     -------------------------------------------------------- */

  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line{
    grid-column:4 / 6!important;
    grid-row:3!important;

    align-self:center!important;

    display:flex!important;
    align-items:center!important;

    gap:13px!important;

    padding:
      0 18px!important;

    margin:0!important;

    width:100%!important;

    min-height:0!important;
    height:auto!important;

    background:none!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;

    font-family:"Manrope",sans-serif!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line span{
    color:#718087!important;

    font-size:.70rem!important;
    font-weight:500!important;

    line-height:1.3!important;

    white-space:nowrap!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line a{
    position:relative!important;

    display:inline-flex!important;
    align-items:center!important;

    gap:8px!important;

    padding:0!important;

    color:#12344a!important;

    background:none!important;

    border:0!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.72rem!important;
    font-weight:800!important;

    line-height:1.25!important;

    text-decoration:none!important;

    white-space:nowrap!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line a::before,

  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line a::after{
    content:none!important;
    display:none!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line b{
    color:#b9851e!important;

    font-size:.87rem!important;
    font-weight:800!important;

    transition:
      transform .20s ease!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line a:hover b{
    transform:translateX(3px)!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line a:hover{
    color:#071f30!important;
  }


  /* --------------------------------------------------------
     REMOVE THE LITTLE GOLD STAR / DOT BESIDE CARD HEADLINES

     Keep:
       link::before = main service icon
       link::after  = round navigation arrow

     Remove only decorations attached to small/strong text.
     -------------------------------------------------------- */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link small::before,

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link small::after,

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link strong::before,

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link strong::after{
    content:none!important;

    display:none!important;

    position:static!important;

    width:0!important;
    height:0!important;

    margin:0!important;
    padding:0!important;

    border:0!important;

    background:none!important;
    box-shadow:none!important;
  }

}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1500px){

  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line{
    padding-left:22px!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line span{
    font-size:.72rem!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line a{
    font-size:.75rem!important;
  }

}



/* ==========================================================
   V8.12.8 — SOLUTIONS MENU HEADLINE CLEANUP
   Remove stray gold markers beside service names
   ========================================================== */

@media (min-width:901px){


  /*
   * Keep pseudo-elements attached to the LINK itself because
   * those generate the main service icon and round arrow.
   *
   * Remove decorative pseudo-elements attached to anything
   * INSIDE the link — these are the stray gold headline dots.
   */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link > *::before,

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link > *::after{
    content:none!important;

    display:none!important;

    width:0!important;
    height:0!important;

    position:static!important;

    margin:0!important;
    padding:0!important;

    border:0!important;

    background:none!important;

    box-shadow:none!important;
  }


  /*
   * Completely normalize the service label and headline.
   * This also prevents any old positioning rule from shifting
   * a marker or text independently.
   */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link small,

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link strong{
    position:static!important;

    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;

    transform:none!important;

    margin-left:0!important;
    padding-left:0!important;

    text-indent:0!important;

    background:none!important;

    box-shadow:none!important;
  }


  /*
   * Hide any old literal decorative marker element that may
   * have survived from previous menu versions.
   */

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link > i:empty,

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link > .dot,

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link > [class*="headline-dot"],

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link > [class*="gold-dot"],

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link > [class*="spark"]{
    display:none!important;
  }

}



/* ==========================================================
   V8.13.0 — WAREHOUSING & DISTRIBUTION DESKTOP REFINEMENT
   Scoped only to body.warehouse-page
   ========================================================== */

@media (min-width:1101px){


  /* ========================================================
     GLOBAL WAREHOUSE PAGE RHYTHM
     ======================================================== */

  body.warehouse-page .v8120-chapter{
    position:relative!important;

    overflow:hidden!important;

    padding-top:100px!important;
    padding-bottom:100px!important;

    isolation:isolate!important;
  }


  body.warehouse-page .v8120-chapter > .container{
    position:relative!important;
    z-index:2!important;
  }


  /*
   * A subtle separator establishes a chapter change without
   * creating another visible box.
   */

  body.warehouse-page .v8120-chapter::after{
    content:""!important;

    position:absolute!important;

    left:50%!important;
    bottom:0!important;

    width:min(1180px,72vw)!important;
    height:1px!important;

    transform:translateX(-50%)!important;

    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(23,66,83,.09),
        transparent
      )!important;

    pointer-events:none!important;
  }


  /* ========================================================
     SECTION HEADERS
     Fix inconsistent heading/copy alignment
     ======================================================== */

  body.warehouse-page
  .v8120-section-head{
    display:grid!important;

    grid-template-columns:
      minmax(0,1.08fr)
      minmax(360px,.78fr)!important;

    align-items:end!important;

    gap:86px!important;

    margin-bottom:52px!important;
  }


  body.warehouse-page
  .v8120-section-head > div:first-child{
    min-width:0!important;
  }


  body.warehouse-page
  .v8120-section-head h2{
    max-width:630px!important;

    margin:
      10px 0 0!important;

    color:#0d3042!important;

    font-size:3.17rem!important;
    font-weight:800!important;

    line-height:.94!important;
    letter-spacing:-.055em!important;
  }


  body.warehouse-page
  .v8120-section-copy{
    max-width:475px!important;

    justify-self:end!important;

    padding-bottom:5px!important;
  }


  body.warehouse-page
  .v8120-section-copy p{
    margin:0!important;

    color:#667982!important;

    font-size:.91rem!important;
    line-height:1.72!important;
  }


  /* ========================================================
     ZONE / LOCATION SECTION
     Give map + location cards one visual operating surface
     ======================================================== */

  body.warehouse-page .v8120-zones{
    background:
      radial-gradient(
        circle at 88% 16%,
        rgba(129,197,213,.11),
        transparent 30%
      ),
      radial-gradient(
        circle at 9% 86%,
        rgba(214,168,68,.07),
        transparent 30%
      ),
      linear-gradient(
        180deg,
        #fbfaf5 0%,
        #f7f8f3 100%
      )!important;
  }


  body.warehouse-page .v8120-zones::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    z-index:0!important;

    opacity:.38!important;

    background-image:
      linear-gradient(
        rgba(17,67,87,.025) 1px,
        transparent 1px
      ),
      linear-gradient(
        90deg,
        rgba(17,67,87,.025) 1px,
        transparent 1px
      )!important;

    background-size:
      52px 52px!important;

    mask-image:
      linear-gradient(
        90deg,
        transparent 0%,
        #000 18%,
        #000 82%,
        transparent 100%
      )!important;

    pointer-events:none!important;
  }


  /* ========================================================
     INVENTORY CONTROL — STRONG DARK CHAPTER
     ======================================================== */

  body.warehouse-page .v8120-inventory{
    padding-top:112px!important;
    padding-bottom:114px!important;

    background:
      radial-gradient(
        circle at 92% 8%,
        rgba(30,121,153,.29),
        transparent 39%
      ),
      linear-gradient(
        120deg,
        #061f2d 0%,
        #073146 60%,
        #07506a 135%
      )!important;
  }


  body.warehouse-page .v8120-inventory::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.018) 1px,
        transparent 1px
      )!important;

    background-size:
      95px 100%!important;

    pointer-events:none!important;
  }


  body.warehouse-page
  .v8120-inventory
  .v8120-section-head h2{
    color:#fff!important;
  }


  body.warehouse-page
  .v8120-inventory
  .v8120-section-copy p{
    color:rgba(255,255,255,.67)!important;
  }


  /* ========================================================
     V8.13 WAREHOUSE FLOW
     ======================================================== */

  body.warehouse-page .v8130-flow{
    padding-top:104px!important;
    padding-bottom:112px!important;

    background:
      radial-gradient(
        circle at 12% 16%,
        rgba(111,195,213,.15),
        transparent 28%
      ),
      radial-gradient(
        circle at 94% 78%,
        rgba(204,156,47,.075),
        transparent 27%
      ),
      linear-gradient(
        180deg,
        #edf7f8 0%,
        #e9f3f4 100%
      )!important;
  }


  body.warehouse-page .v8130-flow::before{
    content:""!important;

    position:absolute!important;
    inset:0!important;

    opacity:.45!important;

    background:
      repeating-linear-gradient(
        120deg,
        transparent 0 138px,
        rgba(13,66,87,.025) 139px,
        transparent 140px
      )!important;

    pointer-events:none!important;
  }


  body.warehouse-page
  .v8130-warehouse-flow{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      repeat(6,minmax(0,1fr))!important;

    gap:0!important;

    margin-top:8px!important;

    padding:
      42px 26px 24px!important;

    border:
      1px solid rgba(28,78,96,.12)!important;

    border-radius:18px!important;

    background:
      rgba(255,255,255,.67)!important;

    box-shadow:
      0 20px 50px rgba(20,65,82,.055),
      inset 0 1px 0 rgba(255,255,255,.9)!important;

    backdrop-filter:
      blur(8px)!important;

    overflow:hidden!important;
  }


  body.warehouse-page
  .v8130-flow-track{
    position:absolute!important;

    left:8.8%!important;
    right:8.8%!important;
    top:71px!important;

    height:2px!important;

    background:
      linear-gradient(
        90deg,
        #d8ac42 0%,
        #66b7c6 42%,
        #78bdc9 70%,
        #d8ac42 100%
      )!important;

    opacity:.82!important;
  }


  body.warehouse-page
  .v8130-flow-track span{
    display:block!important;

    width:22%!important;
    height:100%!important;

    background:
      rgba(255,255,255,.84)!important;

    filter:
      blur(4px)!important;

    animation:
      v8130WarehousePulse 5s ease-in-out infinite!important;
  }


  @keyframes v8130WarehousePulse{

    0%{
      transform:translateX(-100%)!important;
    }

    50%{
      transform:translateX(270%)!important;
    }

    100%{
      transform:translateX(560%)!important;
    }

  }


  body.warehouse-page
  .v8130-flow-stage{
    position:relative!important;
    z-index:2!important;

    min-height:218px!important;

    padding:
      50px 20px 18px!important;

    border-right:
      1px solid rgba(21,70,89,.08)!important;
  }


  body.warehouse-page
  .v8130-flow-stage:nth-of-type(6){
    border-right:0!important;
  }


  body.warehouse-page
  .v8130-stage-number{
    position:absolute!important;

    top:3px!important;
    left:50%!important;

    width:35px!important;
    height:35px!important;

    display:grid!important;
    place-items:center!important;

    transform:
      translateX(-50%)!important;

    border:
      5px solid rgba(244,249,248,.96)!important;

    border-radius:50%!important;

    color:#173d50!important;

    background:
      linear-gradient(
        145deg,
        #f1cd66,
        #d7a431
      )!important;

    box-shadow:
      0 5px 14px rgba(181,135,32,.18)!important;

    font-size:.56rem!important;
    font-weight:800!important;

    letter-spacing:.05em!important;
  }


  body.warehouse-page
  .v8130-stage-icon{
    width:34px!important;
    height:34px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:17px!important;

    border-radius:9px!important;

    color:#16526c!important;

    background:
      #e1f1f4!important;

    font-size:1rem!important;
    font-weight:800!important;
  }


  body.warehouse-page
  .v8130-flow-stage small{
    display:block!important;

    margin-bottom:7px!important;

    color:#b17a16!important;

    font-size:.48rem!important;
    font-weight:800!important;

    line-height:1!important;

    letter-spacing:.14em!important;

    text-transform:uppercase!important;
  }


  body.warehouse-page
  .v8130-flow-stage h3{
    margin:0 0 9px!important;

    color:#12364a!important;

    font-size:1.04rem!important;
    font-weight:800!important;

    line-height:1.05!important;
  }


  body.warehouse-page
  .v8130-flow-stage p{
    margin:0!important;

    color:#718087!important;

    font-size:.72rem!important;
    line-height:1.55!important;
  }


  body.warehouse-page
  .v8130-flow-control{
    grid-column:1 / -1!important;

    display:grid!important;

    grid-template-columns:
      auto
      auto
      minmax(0,1fr)!important;

    align-items:center!important;

    gap:15px!important;

    margin-top:6px!important;

    padding:
      13px 16px!important;

    border:
      1px solid rgba(24,75,94,.10)!important;

    border-radius:10px!important;

    background:
      rgba(255,255,255,.83)!important;
  }


  body.warehouse-page
  .v8130-flow-control span{
    padding:
      5px 8px!important;

    border-radius:999px!important;

    color:#9a6b16!important;

    background:#f8edd1!important;

    font-size:.45rem!important;
    font-weight:800!important;

    letter-spacing:.1em!important;

    text-transform:uppercase!important;
  }


  body.warehouse-page
  .v8130-flow-control strong{
    color:#17384a!important;

    font-size:.69rem!important;
    font-weight:800!important;

    white-space:nowrap!important;
  }


  body.warehouse-page
  .v8130-flow-control small{
    justify-self:end!important;

    color:#819097!important;

    font-size:.60rem!important;
    line-height:1.4!important;

    text-align:right!important;
  }


  /* ========================================================
     DISTRIBUTION / DISPATCH
     More distinct warm operational chapter
     ======================================================== */

  body.warehouse-page .v8120-distribution{
    padding-top:108px!important;
    padding-bottom:110px!important;

    background:
      radial-gradient(
        circle at 82% 17%,
        rgba(219,173,69,.10),
        transparent 27%
      ),
      linear-gradient(
        180deg,
        #fbf7ee 0%,
        #f7f3e9 100%
      )!important;
  }


  /* ========================================================
     EXCEPTIONS
     Give the release / hold logic more authority
     ======================================================== */

  body.warehouse-page .v8120-exceptions{
    padding-top:95px!important;
    padding-bottom:98px!important;

    background:
      radial-gradient(
        circle at 91% 5%,
        rgba(43,127,153,.20),
        transparent 34%
      ),
      linear-gradient(
        120deg,
        #061f2d,
        #07374b
      )!important;
  }


  body.warehouse-page
  .v8120-exceptions
  .v8120-section-head{
    margin-bottom:36px!important;
  }


  body.warehouse-page
  .v8120-exceptions
  .v8120-section-head h2{
    color:#fff!important;
  }


  body.warehouse-page
  .v8120-exceptions
  .v8120-section-copy p{
    color:rgba(255,255,255,.66)!important;
  }


  /* ========================================================
     FAQ
     Correct overly narrow headline / awkward wrapping
     ======================================================== */

  body.warehouse-page .v8120-faq{
    padding-top:104px!important;
    padding-bottom:108px!important;

    background:
      radial-gradient(
        circle at 10% 22%,
        rgba(214,169,66,.075),
        transparent 27%
      ),
      linear-gradient(
        180deg,
        #fcfaf4,
        #faf7ef
      )!important;
  }


  body.warehouse-page
  .v8120-faq
  .faq{
    display:grid!important;

    grid-template-columns:
      minmax(445px,.78fr)
      minmax(0,1.22fr)!important;

    align-items:start!important;

    gap:90px!important;
  }


  body.warehouse-page
  .v8120-faq
  .faq > .reveal:first-child{
    max-width:500px!important;
  }


  body.warehouse-page
  .v8120-faq
  h2{
    max-width:500px!important;

    margin:
      10px 0 20px!important;

    color:#0d3042!important;

    font-size:3rem!important;
    font-weight:800!important;

    line-height:.93!important;
    letter-spacing:-.055em!important;
  }


  body.warehouse-page
  .v8120-faq
  h2 span{
    white-space:nowrap!important;
  }


  body.warehouse-page
  .v8120-faq-intro{
    max-width:420px!important;

    margin:0!important;

    color:#74838a!important;

    font-size:.82rem!important;
    line-height:1.68!important;
  }


  body.warehouse-page
  .v8120-faq
  .accordion{
    width:100%!important;

    padding-top:3px!important;
  }


  body.warehouse-page
  .v8120-faq
  .accordion-item{
    border-top:
      1px solid rgba(24,68,84,.12)!important;
  }


  body.warehouse-page
  .v8120-faq
  .accordion-item:last-child{
    border-bottom:
      1px solid rgba(24,68,84,.12)!important;
  }


  body.warehouse-page
  .v8120-faq
  .accordion-button{
    min-height:61px!important;

    padding:
      0 4px!important;

    color:#12364a!important;

    font-size:.78rem!important;
    font-weight:800!important;
  }


  /* ========================================================
     SECTION ENTRY POLISH
     ======================================================== */

  body.warehouse-page
  .v8120-chapter .reveal{
    transition-duration:.78s!important;

    transition-timing-function:
      cubic-bezier(.2,.7,.25,1)!important;
  }

}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1500px){

  body.warehouse-page
  .v8120-section-head{
    gap:105px!important;
  }


  body.warehouse-page
  .v8120-section-head h2{
    font-size:3.30rem!important;
  }


  body.warehouse-page
  .v8120-faq h2{
    font-size:3.10rem!important;
  }

}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce){

  body.warehouse-page
  .v8130-flow-track span{
    animation:none!important;
  }

}



/* ==========================================================
   V8.13.1 — WAREHOUSING DESKTOP PRECISION PASS
   Approved structure retained
   ========================================================== */

@media (min-width:1101px){


  /* ========================================================
     1. WAREHOUSE OPERATING FLOW
     Give the six stages more presence and readability
     ======================================================== */

  body.warehouse-page
  .v8130-flow{
    padding-top:112px!important;
    padding-bottom:122px!important;
  }


  body.warehouse-page
  .v8130-flow
  .v8120-section-head{
    margin-bottom:58px!important;
  }


  body.warehouse-page
  .v8130-warehouse-flow{
    padding:
      47px 28px 27px!important;

    border-radius:20px!important;

    box-shadow:
      0 23px 58px rgba(20,65,82,.065),
      inset 0 1px 0 rgba(255,255,255,.94)!important;
  }


  body.warehouse-page
  .v8130-flow-track{
    top:77px!important;

    height:2px!important;

    opacity:.94!important;

    box-shadow:
      0 0 11px rgba(87,177,195,.12)!important;
  }


  body.warehouse-page
  .v8130-flow-stage{
    min-height:239px!important;

    padding:
      57px 21px 20px!important;
  }


  body.warehouse-page
  .v8130-stage-number{
    width:38px!important;
    height:38px!important;

    font-size:.59rem!important;
  }


  body.warehouse-page
  .v8130-stage-icon{
    width:37px!important;
    height:37px!important;

    margin-bottom:19px!important;

    font-size:1.08rem!important;
  }


  body.warehouse-page
  .v8130-flow-stage small{
    margin-bottom:8px!important;

    font-size:.51rem!important;
  }


  body.warehouse-page
  .v8130-flow-stage h3{
    margin-bottom:10px!important;

    font-size:1.12rem!important;

    line-height:1.04!important;
  }


  body.warehouse-page
  .v8130-flow-stage p{
    max-width:170px!important;

    font-size:.77rem!important;

    line-height:1.57!important;
  }


  body.warehouse-page
  .v8130-flow-control{
    margin-top:11px!important;

    padding:
      15px 17px!important;
  }


  body.warehouse-page
  .v8130-flow-control strong{
    font-size:.73rem!important;
  }


  body.warehouse-page
  .v8130-flow-control small{
    font-size:.63rem!important;
  }


  /* ========================================================
     2. DISPATCH CHAPTER
     Slightly more authority without restructuring
     ======================================================== */

  body.warehouse-page
  .v8120-distribution{
    padding-top:114px!important;
    padding-bottom:119px!important;
  }


  body.warehouse-page
  .v8120-distribution
  .v8120-section-head{
    margin-bottom:58px!important;
  }


  /*
   * Existing dispatch composition gets a little more width.
   * These selectors deliberately support the current naming
   * variations without affecting unrelated page sections.
   */

  body.warehouse-page
  .v8120-distribution
  :is(
    .v8120-distribution-grid,
    .v8120-distribution-layout,
    .v8120-distribution-board,
    .v8120-dispatch-grid,
    .v8120-dispatch-layout
  ){
    width:106%!important;

    margin-left:-3%!important;
  }


  body.warehouse-page
  .v8120-distribution
  :is(
    .v8120-distribution-visual,
    .v8120-dispatch-visual,
    .v8120-dispatch-map,
    .v8120-route-map
  ){
    min-height:355px!important;
  }


  /* ========================================================
     3. HOLD / RELEASE CONTROL
     Tighten relationship between headline and status panel
     ======================================================== */

  body.warehouse-page
  .v8120-exceptions{
    padding-top:103px!important;
    padding-bottom:106px!important;
  }


  body.warehouse-page
  .v8120-exceptions
  .v8120-section-head{
    align-items:center!important;

    gap:72px!important;

    margin-bottom:38px!important;
  }


  body.warehouse-page
  .v8120-exceptions
  .v8120-section-head h2{
    max-width:510px!important;
  }


  body.warehouse-page
  .v8120-exceptions
  .v8120-section-copy{
    align-self:center!important;

    padding-bottom:0!important;
  }


  body.warehouse-page
  .v8120-exception-row{
    min-height:58px!important;

    display:grid!important;

    grid-template-columns:
      92px
      minmax(150px,.72fr)
      minmax(0,1fr)!important;

    align-items:center!important;

    gap:15px!important;

    padding:
      12px 15px!important;

    border-bottom:
      1px solid rgba(255,255,255,.055)!important;
  }


  body.warehouse-page
  .v8120-exception-row:last-child{
    border-bottom:0!important;
  }


  body.warehouse-page
  .v8120-exception-row .status{
    justify-self:start!important;

    min-width:76px!important;

    padding:
      5px 8px!important;

    border-radius:999px!important;

    font-size:.48rem!important;

    text-align:center!important;
  }


  body.warehouse-page
  .v8120-exception-row strong{
    color:#fff!important;

    font-size:.78rem!important;

    line-height:1.25!important;
  }


  body.warehouse-page
  .v8120-exception-row small{
    color:rgba(255,255,255,.58)!important;

    font-size:.65rem!important;

    line-height:1.45!important;
  }


  /* ========================================================
     4. FAQ
     Keep corrected headline, improve question legibility
     ======================================================== */

  body.warehouse-page
  .v8120-faq{
    padding-top:109px!important;
    padding-bottom:116px!important;
  }


  body.warehouse-page
  .v8120-faq
  .faq{
    grid-template-columns:
      minmax(460px,.82fr)
      minmax(0,1.18fr)!important;

    gap:84px!important;
  }


  body.warehouse-page
  .v8120-faq h2{
    max-width:520px!important;

    font-size:3.04rem!important;

    line-height:.94!important;
  }


  body.warehouse-page
  .v8120-faq h2 span{
    white-space:nowrap!important;
  }


  body.warehouse-page
  .v8120-faq-intro{
    max-width:430px!important;

    font-size:.84rem!important;
  }


  body.warehouse-page
  .v8120-faq
  .accordion-button{
    min-height:66px!important;

    padding:
      0 7px!important;

    font-size:.83rem!important;

    line-height:1.3!important;
  }


  body.warehouse-page
  .v8120-faq
  .accordion-button span{
    font-size:1rem!important;
  }


  body.warehouse-page
  .v8120-faq
  .accordion-content p{
    font-size:.78rem!important;

    line-height:1.65!important;
  }


  /* ========================================================
     SUBTLE CHAPTER TRANSITION
     ======================================================== */

  body.warehouse-page
  .v8120-chapter{
    transition:
      background-color .75s ease,
      box-shadow .75s ease!important;
  }


  body.warehouse-page
  .v8120-chapter.v8130-active{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.025)!important;
  }

}


/* ==========================================================
   LARGE DESKTOP FINE TUNING
   ========================================================== */

@media (min-width:1500px){

  body.warehouse-page
  .v8130-flow-stage{
    min-height:246px!important;
  }


  body.warehouse-page
  .v8130-flow-stage h3{
    font-size:1.16rem!important;
  }


  body.warehouse-page
  .v8130-flow-stage p{
    font-size:.79rem!important;
  }


  body.warehouse-page
  .v8120-faq
  .accordion-button{
    font-size:.86rem!important;
  }

}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce){

  body.warehouse-page
  .v8120-chapter{
    transition:none!important;
  }

}



/* ==========================================================
   V8.14.0 — MISSION-CRITICAL LOGISTICS
   DESKTOP CONTROL ROOM
   ========================================================== */

@media (min-width:901px){


  /* ========================================================
     PAGE
     ======================================================== */

  body.mission-page{
    background:#f7f3e9!important;
  }


  body.mission-page main{
    overflow:hidden!important;
  }


  body.mission-page
  .v8140-section-head{
    display:grid!important;

    grid-template-columns:
      minmax(0,1.05fr)
      minmax(340px,.75fr)!important;

    gap:90px!important;
    align-items:end!important;

    margin-bottom:54px!important;
  }


  body.mission-page
  .v8140-section-head h2{
    max-width:720px!important;

    margin:8px 0 0!important;

    color:#0b2a3d!important;

    font-family:"Manrope",sans-serif!important;

    font-size:3.55rem!important;
    font-weight:800!important;

    line-height:.97!important;

    letter-spacing:-.055em!important;
  }


  body.mission-page
  .v8140-section-head > p{
    max-width:520px!important;

    margin:0 0 5px auto!important;

    color:#5d6f79!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.91rem!important;
    font-weight:500!important;

    line-height:1.72!important;
  }



  /* ========================================================
     HERO
     ======================================================== */

  body.mission-page
  .v8140-hero{
    position:relative!important;

    min-height:570px!important;

    padding:0!important;

    background-image:
      var(--subhero-bg)!important;

    background-size:cover!important;
    background-position:
      var(--subhero-position)!important;

    border:0!important;
  }


  /* remove generic circles / ornaments */
  body.mission-page
  .v8140-hero::before,

  body.mission-page
  .v8140-hero::after,

  body.mission-page
  .v8140-hero
  .subhero-full-inner::before,

  body.mission-page
  .v8140-hero
  .subhero-full-inner::after,

  body.mission-page
  .v8140-hero
  .subhero-copy::before,

  body.mission-page
  .v8140-hero
  .subhero-copy::after{

    content:none!important;
    display:none!important;
  }


  body.mission-page
  .v8140-hero
  .subhero-shade{
    display:block!important;

    position:absolute!important;
    inset:0!important;

    width:auto!important;
    height:auto!important;

    border-radius:0!important;

    opacity:1!important;

    background:
      linear-gradient(
        90deg,
        rgba(4,22,34,.91) 0%,
        rgba(5,26,39,.76) 35%,
        rgba(4,24,37,.39) 58%,
        rgba(3,20,32,.18) 75%,
        rgba(3,18,30,.31) 100%
      )!important;

    pointer-events:none!important;
  }


  body.mission-page
  .v8140-hero
  .subhero-full-inner{
    position:relative!important;
    z-index:2!important;

    min-height:570px!important;

    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)
      385px!important;

    gap:84px!important;

    align-items:center!important;

    padding-top:36px!important;
    padding-bottom:36px!important;

    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }


  body.mission-page
  .v8140-hero
  .subhero-copy{
    max-width:800px!important;

    margin:0!important;
    padding:0!important;

    background:none!important;
    border:0!important;
    border-radius:0!important;

    backdrop-filter:none!important;
    box-shadow:none!important;
  }


  body.mission-page
  .v8140-hero
  .breadcrumbs{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;

    margin-bottom:28px!important;

    color:rgba(255,255,255,.60)!important;

    font-size:.72rem!important;
  }


  body.mission-page
  .v8140-hero
  .breadcrumbs a{
    color:rgba(255,255,255,.74)!important;
  }


  body.mission-page
  .v8140-hero
  .eyebrow{
    color:#e0ad39!important;
  }


  body.mission-page
  .v8140-hero h1{
    max-width:790px!important;

    margin:12px 0 20px!important;

    color:#fff!important;

    font-family:"Manrope",sans-serif!important;

    font-size:4.55rem!important;
    font-weight:800!important;

    line-height:.94!important;

    letter-spacing:-.06em!important;

    text-shadow:
      0 3px 20px rgba(0,0,0,.19)!important;
  }


  body.mission-page
  .v8140-hero h1 span{
    color:#e1ad37!important;
  }


  body.mission-page
  .v8140-hero
  .lead{
    max-width:720px!important;

    margin:0!important;

    color:rgba(255,255,255,.79)!important;

    font-size:.96rem!important;
    font-weight:500!important;

    line-height:1.68!important;
  }


  body.mission-page
  .v8140-hero-actions{
    display:flex!important;
    align-items:center!important;

    gap:14px!important;

    margin-top:28px!important;
  }


  body.mission-page
  .v8140-hero-actions
  .btn{
    min-height:43px!important;

    padding:
      0 19px!important;

    border-radius:999px!important;
  }


  body.mission-page
  .v8140-secondary-action{
    min-height:43px!important;

    display:inline-flex!important;
    align-items:center!important;

    gap:12px!important;

    padding:
      0 19px!important;

    color:#fff!important;

    border:
      1px solid rgba(255,255,255,.30)!important;

    border-radius:999px!important;

    background:
      rgba(4,27,40,.34)!important;

    backdrop-filter:
      blur(10px)!important;

    font-size:.74rem!important;
    font-weight:800!important;

    text-decoration:none!important;
  }


  body.mission-page
  .v8140-secondary-action span{
    color:#e1ad37!important;
  }



  /* HERO CONTROL CONSOLE */

  body.mission-page
  .v8140-hero-console{
    position:relative!important;

    width:100%!important;

    margin:0!important;

    padding:
      31px 31px 27px!important;

    color:#fff!important;

    border:
      1px solid rgba(111,171,190,.24)!important;

    border-radius:18px!important;

    background:
      linear-gradient(
        145deg,
        rgba(5,34,49,.96),
        rgba(4,27,41,.93)
      )!important;

    backdrop-filter:
      blur(17px)!important;

    box-shadow:
      0 22px 60px rgba(0,0,0,.20)!important;
  }


  body.mission-page
  .v8140-hero-console::before{
    content:""!important;

    position:absolute!important;

    left:31px!important;
    top:0!important;

    width:72px!important;
    height:2px!important;

    background:
      linear-gradient(
        90deg,
        #dba734,
        rgba(219,167,52,0)
      )!important;
  }


  body.mission-page
  .v8140-hero-console strong{
    display:block!important;

    margin:
      9px 0 12px!important;

    color:#fff!important;

    font-size:1.38rem!important;
    font-weight:800!important;

    line-height:1.16!important;
  }


  body.mission-page
  .v8140-hero-console > p{
    margin:0!important;

    color:rgba(255,255,255,.64)!important;

    font-size:.81rem!important;

    line-height:1.62!important;
  }


  body.mission-page
  .v8140-console-list{
    display:grid!important;

    gap:0!important;

    margin-top:23px!important;

    border-top:
      1px solid rgba(255,255,255,.10)!important;
  }


  body.mission-page
  .v8140-console-list > div{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      10px 82px 1fr!important;

    gap:10px!important;

    align-items:center!important;

    min-height:43px!important;

    border-bottom:
      1px solid rgba(255,255,255,.08)!important;
  }


  body.mission-page
  .v8140-console-list small{
    color:rgba(255,255,255,.46)!important;

    font-size:.57rem!important;
    font-weight:700!important;

    letter-spacing:.08em!important;

    text-transform:uppercase!important;
  }


  body.mission-page
  .v8140-console-list b{
    margin:0!important;

    color:rgba(255,255,255,.80)!important;

    font-size:.65rem!important;
    font-weight:700!important;
  }


  body.mission-page
  .v8140-status{
    width:7px!important;
    height:7px!important;

    display:block!important;

    border-radius:50%!important;
  }


  body.mission-page
  .v8140-status.ready{
    background:#57d4a2!important;

    box-shadow:
      0 0 0 4px rgba(87,212,162,.09)!important;
  }


  body.mission-page
  .v8140-status.hold{
    background:#e0a835!important;

    box-shadow:
      0 0 0 4px rgba(224,168,53,.09)!important;
  }



  /* ========================================================
     CONTROL RAIL
     ======================================================== */

  body.mission-page
  .v8140-control-strip{
    padding:
      39px 0 43px!important;

    background:
      linear-gradient(
        180deg,
        #fbfaf6,
        #f4f0e6
      )!important;

    border-bottom:
      1px solid rgba(14,54,71,.07)!important;
  }


  body.mission-page
  .v8140-control-rail{
    display:grid!important;

    grid-template-columns:
      1fr auto
      1fr auto
      1fr auto
      1fr!important;

    gap:18px!important;

    align-items:center!important;
  }


  body.mission-page
  .v8140-control-point{
    display:flex!important;

    align-items:center!important;

    gap:14px!important;
  }


  body.mission-page
  .v8140-control-point > span{
    width:37px!important;
    height:37px!important;

    flex:0 0 37px!important;

    display:grid!important;
    place-items:center!important;

    border:
      1px solid rgba(17,65,84,.13)!important;

    border-radius:50%!important;

    background:#fff!important;

    color:#997017!important;

    font-size:.62rem!important;
    font-weight:800!important;
  }


  body.mission-page
  .v8140-control-point.active > span{
    color:#092c40!important;

    border-color:
      rgba(215,164,49,.65)!important;

    background:
      #e2b342!important;

    box-shadow:
      0 6px 15px rgba(197,145,34,.18)!important;
  }


  body.mission-page
  .v8140-control-point small{
    display:block!important;

    margin-bottom:3px!important;

    color:#a4771c!important;

    font-size:.52rem!important;
    font-weight:800!important;

    letter-spacing:.10em!important;

    text-transform:uppercase!important;
  }


  body.mission-page
  .v8140-control-point strong{
    display:block!important;

    color:#15364a!important;

    font-size:.83rem!important;
    font-weight:800!important;
  }


  body.mission-page
  .v8140-control-arrow{
    color:#caa038!important;

    font-size:1rem!important;
  }



  /* ========================================================
     COMMAND DESK
     ======================================================== */

  body.mission-page
  .v8140-command{
    padding:
      112px 0 124px!important;

    background:
      radial-gradient(
        circle at 82% 14%,
        rgba(199,162,72,.10),
        transparent 28%
      ),
      linear-gradient(
        180deg,
        #f7f3e9,
        #f2eee4
      )!important;
  }


  body.mission-page
  .v8140-desk{
    overflow:hidden!important;

    border:
      1px solid rgba(15,64,83,.22)!important;

    border-radius:18px!important;

    background:
      linear-gradient(
        135deg,
        #062636,
        #07384a
      )!important;

    box-shadow:
      0 30px 65px rgba(10,45,58,.13)!important;
  }


  body.mission-page
  .v8140-desk-top{
    min-height:58px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    padding:
      0 23px!important;

    border-bottom:
      1px solid rgba(255,255,255,.08)!important;
  }


  body.mission-page
  .v8140-desk-title{
    display:flex!important;
    align-items:center!important;

    gap:11px!important;
  }


  body.mission-page
  .v8140-desk-title small{
    display:block!important;

    color:#d7a938!important;

    font-size:.47rem!important;
    font-weight:800!important;

    letter-spacing:.10em!important;

    text-transform:uppercase!important;
  }


  body.mission-page
  .v8140-desk-title strong{
    display:block!important;

    margin-top:2px!important;

    color:#fff!important;

    font-size:.73rem!important;
    font-weight:700!important;
  }


  body.mission-page
  .v8140-desk-ref{
    color:rgba(255,255,255,.34)!important;

    font-size:.46rem!important;
    font-weight:800!important;

    letter-spacing:.11em!important;
  }


  body.mission-page
  .v8140-desk-layout{
    display:grid!important;

    grid-template-columns:
      205px minmax(0,1fr)!important;

    min-height:410px!important;
  }


  body.mission-page
  .v8140-desk-sidebar{
    padding:
      21px 16px!important;

    border-right:
      1px solid rgba(255,255,255,.08)!important;

    background:
      rgba(2,21,32,.28)!important;
  }


  body.mission-page
  .v8140-desk-sidebar > div{
    min-height:51px!important;

    display:grid!important;

    grid-template-columns:
      7px 1fr auto!important;

    gap:9px!important;

    align-items:center!important;

    padding:
      0 8px!important;

    color:rgba(255,255,255,.57)!important;

    border-bottom:
      1px solid rgba(255,255,255,.055)!important;

    font-size:.64rem!important;
    font-weight:600!important;
  }


  body.mission-page
  .v8140-desk-sidebar > div.active{
    color:#fff!important;

    background:
      rgba(255,255,255,.035)!important;
  }


  body.mission-page
  .v8140-desk-sidebar span{
    width:6px!important;
    height:6px!important;

    border-radius:50%!important;

    background:#52d09b!important;
  }


  body.mission-page
  .v8140-desk-sidebar b{
    color:#52d09b!important;

    font-size:.47rem!important;
    font-weight:800!important;
  }


  body.mission-page
  .v8140-desk-sidebar b.hold{
    color:#dfac3c!important;
  }


  body.mission-page
  .v8140-desk-main{
    padding:
      21px!important;
  }


  body.mission-page
  .v8140-metrics{
    display:grid!important;

    grid-template-columns:
      repeat(4,minmax(0,1fr))!important;

    gap:10px!important;

    margin-bottom:15px!important;
  }


  body.mission-page
  .v8140-metrics article{
    min-height:82px!important;

    padding:
      14px 15px!important;

    border:
      1px solid rgba(255,255,255,.07)!important;

    border-radius:10px!important;

    background:
      rgba(255,255,255,.045)!important;
  }


  body.mission-page
  .v8140-metrics small{
    display:block!important;

    color:rgba(255,255,255,.35)!important;

    font-size:.43rem!important;
    font-weight:800!important;

    letter-spacing:.09em!important;
  }


  body.mission-page
  .v8140-metrics strong{
    display:block!important;

    margin:
      6px 0 2px!important;

    color:#fff!important;

    font-size:1.15rem!important;
    font-weight:800!important;
  }


  body.mission-page
  .v8140-metrics span{
    color:rgba(255,255,255,.42)!important;

    font-size:.50rem!important;
  }


  body.mission-page
  .v8140-metrics
  .decision strong{
    color:#e0ac3b!important;
  }


  body.mission-page
  .v8140-control-table{
    border:
      1px solid rgba(255,255,255,.07)!important;

    border-radius:11px!important;

    overflow:hidden!important;
  }


  body.mission-page
  .v8140-control-table > div{
    min-height:45px!important;

    display:grid!important;

    grid-template-columns:
      1.4fr .85fr .70fr 1.15fr!important;

    gap:12px!important;

    align-items:center!important;

    padding:
      0 15px!important;

    border-bottom:
      1px solid rgba(255,255,255,.055)!important;
  }


  body.mission-page
  .v8140-control-table > div:last-child{
    border-bottom:0!important;
  }


  body.mission-page
  .v8140-control-table .head{
    min-height:37px!important;

    background:
      rgba(255,255,255,.035)!important;
  }


  body.mission-page
  .v8140-control-table .head span{
    color:rgba(255,255,255,.29)!important;

    font-size:.41rem!important;
    font-weight:800!important;

    letter-spacing:.08em!important;
  }


  body.mission-page
  .v8140-control-table strong{
    color:rgba(255,255,255,.78)!important;

    font-size:.57rem!important;
    font-weight:700!important;
  }


  body.mission-page
  .v8140-control-table span{
    color:rgba(255,255,255,.43)!important;

    font-size:.53rem!important;
  }


  body.mission-page
  .v8140-control-table b{
    width:max-content!important;

    padding:
      4px 7px!important;

    border-radius:999px!important;

    font-size:.43rem!important;
    font-weight:800!important;
  }


  body.mission-page
  .v8140-control-table .ok{
    color:#57d2a0!important;

    background:
      rgba(87,210,160,.08)!important;
  }


  body.mission-page
  .v8140-control-table .review{
    color:#e3ae3b!important;

    background:
      rgba(227,174,59,.08)!important;
  }


  body.mission-page
  .v8140-control-table .hold{
    color:#ef8e74!important;

    background:
      rgba(239,142,116,.08)!important;
  }


  body.mission-page
  .v8140-desk-footer{
    min-height:52px!important;

    display:grid!important;

    grid-template-columns:
      repeat(4,1fr)!important;

    border-top:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.mission-page
  .v8140-desk-footer span{
    display:flex!important;
    align-items:center!important;

    gap:8px!important;

    padding:
      0 18px!important;

    color:rgba(255,255,255,.45)!important;

    border-right:
      1px solid rgba(255,255,255,.06)!important;

    font-size:.49rem!important;
    font-weight:600!important;
  }


  body.mission-page
  .v8140-desk-footer span:last-child{
    border-right:0!important;
  }


  body.mission-page
  .v8140-desk-footer i{
    width:5px!important;
    height:5px!important;

    border-radius:50%!important;

    background:#d9a539!important;
  }



  /* ========================================================
     MISSION PROFILES
     ======================================================== */

  body.mission-page
  .v8140-profiles{
    padding:
      114px 0 125px!important;

    background:
      radial-gradient(
        circle at 85% 8%,
        rgba(48,130,154,.10),
        transparent 30%
      ),
      linear-gradient(
        180deg,
        #eef5f5,
        #e8f1f1
      )!important;
  }


  body.mission-page
  .v8140-profile-grid{
    display:grid!important;

    grid-template-columns:
      repeat(3,1fr)!important;

    gap:15px!important;
  }


  body.mission-page
  .v8140-profile{
    position:relative!important;

    min-height:315px!important;

    display:flex!important;
    flex-direction:column!important;

    padding:
      28px 28px 25px!important;

    border:
      1px solid rgba(22,73,92,.10)!important;

    border-radius:15px!important;

    background:
      rgba(255,255,255,.82)!important;

    box-shadow:
      0 14px 34px rgba(19,64,79,.06)!important;
  }


  body.mission-page
  .v8140-profile-number{
    position:absolute!important;

    right:22px!important;
    top:21px!important;

    color:rgba(22,65,83,.16)!important;

    font-size:2.2rem!important;
    font-weight:800!important;

    line-height:1!important;
  }


  body.mission-page
  .v8140-profile > small{
    color:#a7771a!important;

    font-size:.52rem!important;
    font-weight:800!important;

    letter-spacing:.11em!important;
  }


  body.mission-page
  .v8140-profile h3{
    max-width:330px!important;

    margin:
      19px 0 15px!important;

    color:#103349!important;

    font-size:1.50rem!important;
    font-weight:800!important;

    line-height:1.05!important;

    letter-spacing:-.035em!important;
  }


  body.mission-page
  .v8140-profile p{
    max-width:360px!important;

    margin:0!important;

    color:#667982!important;

    font-size:.76rem!important;

    line-height:1.63!important;
  }


  body.mission-page
  .v8140-profile-meta{
    display:flex!important;
    flex-wrap:wrap!important;

    gap:7px!important;

    margin-top:auto!important;
    padding-top:28px!important;
  }


  body.mission-page
  .v8140-profile-meta span{
    padding:
      5px 8px!important;

    color:#31566a!important;

    border:
      1px solid rgba(28,84,103,.09)!important;

    border-radius:999px!important;

    background:#eef5f5!important;

    font-size:.49rem!important;
    font-weight:700!important;
  }



  /* ========================================================
     CHAIN OF CUSTODY
     ======================================================== */

  body.mission-page
  .v8140-custody{
    padding:
      116px 0 124px!important;

    color:#fff!important;

    background:
      radial-gradient(
        circle at 92% 5%,
        rgba(48,142,170,.25),
        transparent 35%
      ),
      linear-gradient(
        120deg,
        #051f2d,
        #06384c
      )!important;
  }


  body.mission-page
  .v8140-custody
  .v8140-section-head h2{
    color:#fff!important;
  }


  body.mission-page
  .v8140-custody
  .v8140-section-head > p{
    color:rgba(255,255,255,.57)!important;
  }


  body.mission-page
  .v8140-custody
  .eyebrow{
    color:#dbaa3d!important;
  }


  body.mission-page
  .v8140-custody-board{
    overflow:hidden!important;

    border:
      1px solid rgba(255,255,255,.09)!important;

    border-radius:16px!important;

    background:
      rgba(2,24,35,.45)!important;

    box-shadow:
      0 28px 60px rgba(0,0,0,.14)!important;
  }


  body.mission-page
  .v8140-custody-top{
    min-height:49px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    padding:
      0 20px!important;

    border-bottom:
      1px solid rgba(255,255,255,.08)!important;
  }


  body.mission-page
  .v8140-custody-top span{
    color:#d6aa40!important;

    font-size:.46rem!important;
    font-weight:800!important;

    letter-spacing:.10em!important;
  }


  body.mission-page
  .v8140-custody-top b{
    color:#5dd0a1!important;

    font-size:.45rem!important;
    font-weight:800!important;
  }


  body.mission-page
  .v8140-custody-flow{
    display:grid!important;

    grid-template-columns:
      1fr auto
      1fr auto
      1fr auto
      1fr auto
      1fr!important;

    align-items:center!important;

    gap:12px!important;

    padding:
      38px 28px 36px!important;
  }


  body.mission-page
  .v8140-custody-step{
    min-width:0!important;
  }


  body.mission-page
  .v8140-custody-step > span{
    width:34px!important;
    height:34px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:18px!important;

    color:#062435!important;

    border-radius:50%!important;

    background:#dcaa3a!important;

    font-size:.55rem!important;
    font-weight:800!important;
  }


  body.mission-page
  .v8140-custody-step small{
    display:block!important;

    margin-bottom:5px!important;

    color:#52bad3!important;

    font-size:.45rem!important;
    font-weight:800!important;

    letter-spacing:.10em!important;
  }


  body.mission-page
  .v8140-custody-step strong{
    display:block!important;

    margin-bottom:7px!important;

    color:#fff!important;

    font-size:.80rem!important;
    font-weight:800!important;

    line-height:1.2!important;
  }


  body.mission-page
  .v8140-custody-step p{
    margin:0!important;

    color:rgba(255,255,255,.43)!important;

    font-size:.54rem!important;

    line-height:1.52!important;
  }


  body.mission-page
  .v8140-custody-line{
    width:28px!important;
    height:1px!important;

    margin-top:-22px!important;

    background:
      linear-gradient(
        90deg,
        rgba(218,169,59,.22),
        #d8a83b,
        rgba(218,169,59,.22)
      )!important;
  }


  body.mission-page
  .v8140-evidence-row{
    display:grid!important;

    grid-template-columns:
      repeat(5,1fr)!important;

    border-top:
      1px solid rgba(255,255,255,.07)!important;
  }


  body.mission-page
  .v8140-evidence-row > div{
    min-height:66px!important;

    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;

    padding:
      0 18px!important;

    border-right:
      1px solid rgba(255,255,255,.06)!important;
  }


  body.mission-page
  .v8140-evidence-row > div:last-child{
    border-right:0!important;
  }


  body.mission-page
  .v8140-evidence-row small{
    color:rgba(255,255,255,.28)!important;

    font-size:.43rem!important;
    font-weight:800!important;

    letter-spacing:.08em!important;
  }


  body.mission-page
  .v8140-evidence-row strong{
    margin-top:4px!important;

    color:rgba(255,255,255,.71)!important;

    font-size:.59rem!important;
    font-weight:700!important;
  }



  /* ========================================================
     RELEASE SEQUENCE
     ======================================================== */

  body.mission-page
  .v8140-release{
    padding:
      116px 0 120px!important;

    background:
      linear-gradient(
        120deg,
        #f7f4ec,
        #eef5f5
      )!important;
  }


  body.mission-page
  .v8140-release-flow{
    position:relative!important;

    display:grid!important;

    grid-template-columns:
      repeat(6,1fr)!important;

    gap:0!important;

    padding-top:25px!important;
  }


  body.mission-page
  .v8140-release-flow::before{
    content:""!important;

    position:absolute!important;

    left:4%!important;
    right:4%!important;
    top:43px!important;

    height:1px!important;

    background:
      linear-gradient(
        90deg,
        rgba(207,158,49,.18),
        #cba03c 18%,
        #70acb9 65%,
        rgba(112,172,185,.15)
      )!important;
  }


  body.mission-page
  .v8140-release-flow article{
    position:relative!important;
    z-index:2!important;

    min-height:180px!important;

    padding:
      0 21px!important;

    border-right:
      1px solid rgba(23,70,88,.09)!important;
  }


  body.mission-page
  .v8140-release-flow article:last-child{
    border-right:0!important;
  }


  body.mission-page
  .v8140-release-flow b{
    width:37px!important;
    height:37px!important;

    display:grid!important;
    place-items:center!important;

    margin-bottom:30px!important;

    border-radius:50%!important;

    color:#113247!important;

    background:#dfb03d!important;

    box-shadow:
      0 5px 13px rgba(190,138,25,.14)!important;

    font-size:.54rem!important;
    font-weight:800!important;
  }


  body.mission-page
  .v8140-release-flow small{
    display:block!important;

    margin-bottom:6px!important;

    color:#a37418!important;

    font-size:.44rem!important;
    font-weight:800!important;

    letter-spacing:.10em!important;
  }


  body.mission-page
  .v8140-release-flow h3{
    margin:0 0 7px!important;

    color:#15364a!important;

    font-size:.78rem!important;
    font-weight:800!important;

    line-height:1.18!important;
  }


  body.mission-page
  .v8140-release-flow p{
    margin:0!important;

    color:#718089!important;

    font-size:.53rem!important;

    line-height:1.50!important;
  }


  body.mission-page
  .v8140-release-rule{
    min-height:59px!important;

    display:flex!important;
    align-items:center!important;

    gap:16px!important;

    margin-top:25px!important;

    padding:
      0 18px!important;

    border:
      1px solid rgba(26,79,98,.10)!important;

    border-radius:10px!important;

    background:
      rgba(255,255,255,.78)!important;

    box-shadow:
      0 10px 24px rgba(28,67,80,.05)!important;
  }


  body.mission-page
  .v8140-release-rule span{
    flex:0 0 auto!important;

    padding:
      5px 8px!important;

    color:#936a18!important;

    border-radius:999px!important;

    background:#f5ebcf!important;

    font-size:.43rem!important;
    font-weight:800!important;

    letter-spacing:.08em!important;
  }


  body.mission-page
  .v8140-release-rule strong{
    color:#183a4d!important;

    font-size:.65rem!important;
    font-weight:800!important;
  }



  /* ========================================================
     FINAL CONTROL BAND
     ======================================================== */

  body.mission-page
  .v8140-final-control{
    padding:
      78px 0 82px!important;

    background:
      linear-gradient(
        115deg,
        #062636,
        #0a465d
      )!important;

    border-bottom:
      1px solid rgba(255,255,255,.06)!important;
  }


  body.mission-page
  .v8140-final-control > .container{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)
      auto!important;

    gap:70px!important;

    align-items:center!important;
  }


  body.mission-page
  .v8140-final-control
  .eyebrow{
    color:#dbaa3e!important;
  }


  body.mission-page
  .v8140-final-control h2{
    margin:
      7px 0 0!important;

    color:#fff!important;

    font-size:2.75rem!important;
    font-weight:800!important;

    line-height:.99!important;

    letter-spacing:-.045em!important;
  }


  body.mission-page
  .v8140-final-actions{
    display:flex!important;
    flex-direction:column!important;

    gap:9px!important;

    min-width:265px!important;
  }


  body.mission-page
  .v8140-final-actions a{
    min-height:43px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:20px!important;

    padding:
      0 15px!important;

    color:#fff!important;

    border:
      1px solid rgba(255,255,255,.18)!important;

    border-radius:9px!important;

    background:
      rgba(255,255,255,.045)!important;

    font-size:.65rem!important;
    font-weight:800!important;

    text-decoration:none!important;

    transition:
      transform .20s ease,
      background .20s ease!important;
  }


  body.mission-page
  .v8140-final-actions a:first-child{
    color:#08283a!important;

    border-color:#ddb03f!important;

    background:#ddb03f!important;
  }


  body.mission-page
  .v8140-final-actions a:hover{
    transform:translateX(3px)!important;

    background:
      rgba(255,255,255,.09)!important;
  }


  body.mission-page
  .v8140-final-actions a:first-child:hover{
    background:#e8bb47!important;
  }


  body.mission-page
  .v8140-final-actions span{
    font-size:.82rem!important;
  }



  /* ========================================================
     EXISTING CTA — KEEP, BUT CONNECT IT VISUALLY
     ======================================================== */

  body.mission-page
  .cta-band{
    border-top:
      1px solid rgba(255,255,255,.055)!important;
  }


}



/* ==========================================================
   V8.14.0 — LARGE DESKTOP
   ========================================================== */

@media (min-width:1500px){

  body.mission-page
  .v8140-hero h1{
    font-size:4.85rem!important;
  }


  body.mission-page
  .v8140-hero
  .subhero-full-inner{
    grid-template-columns:
      minmax(0,1fr)
      400px!important;
  }

}



/* ==========================================================
   V8.14.0 — LAPTOP DESKTOP
   Mobile redesign is intentionally deferred.
   ========================================================== */

@media (min-width:901px) and (max-width:1180px){

  body.mission-page
  .v8140-hero h1{
    font-size:3.75rem!important;
  }


  body.mission-page
  .v8140-hero
  .subhero-full-inner{
    grid-template-columns:
      minmax(0,1fr)
      340px!important;

    gap:45px!important;
  }


  body.mission-page
  .v8140-section-head{
    gap:55px!important;
  }


  body.mission-page
  .v8140-section-head h2{
    font-size:3.05rem!important;
  }


  body.mission-page
  .v8140-desk-layout{
    grid-template-columns:
      180px minmax(0,1fr)!important;
  }

}



/* ==========================================================
   V8.14.1 — MISSION-CRITICAL DESKTOP POLISH
   ========================================================== */

@media (min-width:901px){


  /* --------------------------------------------------------
     COMMAND DESK — improve actual readability
     -------------------------------------------------------- */

  body.mission-page
  .v8140-desk-layout{
    grid-template-columns:
      220px minmax(0,1fr)!important;

    min-height:435px!important;
  }


  body.mission-page
  .v8140-desk-sidebar{
    padding:
      23px 17px!important;
  }


  body.mission-page
  .v8140-desk-sidebar > div{
    min-height:55px!important;

    font-size:.69rem!important;
  }


  body.mission-page
  .v8140-desk-sidebar b{
    font-size:.50rem!important;
  }


  body.mission-page
  .v8140-desk-main{
    padding:
      24px!important;
  }


  body.mission-page
  .v8140-metrics{
    gap:12px!important;

    margin-bottom:18px!important;
  }


  body.mission-page
  .v8140-metrics article{
    min-height:91px!important;

    padding:
      16px 17px!important;
  }


  body.mission-page
  .v8140-metrics small{
    font-size:.47rem!important;
  }


  body.mission-page
  .v8140-metrics strong{
    font-size:1.28rem!important;
  }


  body.mission-page
  .v8140-metrics span{
    font-size:.55rem!important;
  }


  body.mission-page
  .v8140-control-table > div{
    min-height:50px!important;

    padding:
      0 17px!important;
  }


  body.mission-page
  .v8140-control-table .head{
    min-height:40px!important;
  }


  body.mission-page
  .v8140-control-table .head span{
    font-size:.45rem!important;
  }


  body.mission-page
  .v8140-control-table strong{
    font-size:.62rem!important;
  }


  body.mission-page
  .v8140-control-table span{
    font-size:.58rem!important;
  }


  body.mission-page
  .v8140-control-table b{
    font-size:.47rem!important;
  }


  body.mission-page
  .v8140-desk-footer{
    min-height:56px!important;
  }


  body.mission-page
  .v8140-desk-footer span{
    font-size:.53rem!important;
  }



  /* --------------------------------------------------------
     MISSION PROFILES — less empty, stronger content
     -------------------------------------------------------- */

  body.mission-page
  .v8140-profiles{
    padding-top:104px!important;
    padding-bottom:108px!important;
  }


  body.mission-page
  .v8140-profile{
    min-height:270px!important;

    padding:
      27px 27px 24px!important;
  }


  body.mission-page
  .v8140-profile h3{
    margin:
      17px 0 13px!important;

    font-size:1.62rem!important;

    line-height:1.02!important;
  }


  body.mission-page
  .v8140-profile p{
    font-size:.80rem!important;

    line-height:1.60!important;
  }


  body.mission-page
  .v8140-profile-meta{
    padding-top:21px!important;
  }



  /* --------------------------------------------------------
     CHAIN OF CUSTODY — make this a real feature section
     -------------------------------------------------------- */

  body.mission-page
  .v8140-custody-flow{
    gap:15px!important;

    padding:
      44px 31px 43px!important;
  }


  body.mission-page
  .v8140-custody-step > span{
    width:39px!important;
    height:39px!important;

    margin-bottom:20px!important;

    font-size:.60rem!important;
  }


  body.mission-page
  .v8140-custody-step small{
    margin-bottom:7px!important;

    font-size:.49rem!important;
  }


  body.mission-page
  .v8140-custody-step strong{
    margin-bottom:9px!important;

    font-size:.89rem!important;
  }


  body.mission-page
  .v8140-custody-step p{
    font-size:.59rem!important;

    line-height:1.58!important;
  }


  body.mission-page
  .v8140-custody-line{
    width:36px!important;
    height:2px!important;

    margin-top:-26px!important;

    background:
      linear-gradient(
        90deg,
        rgba(218,169,59,.15),
        #daa93b 40%,
        #70b2c2 72%,
        rgba(112,178,194,.18)
      )!important;
  }


  body.mission-page
  .v8140-evidence-row > div{
    min-height:73px!important;

    padding:
      0 20px!important;
  }


  body.mission-page
  .v8140-evidence-row small{
    font-size:.46rem!important;
  }


  body.mission-page
  .v8140-evidence-row strong{
    font-size:.64rem!important;
  }



  /* --------------------------------------------------------
     RELEASE SEQUENCE — slightly stronger readability
     -------------------------------------------------------- */

  body.mission-page
  .v8140-release-flow h3{
    font-size:.84rem!important;
  }


  body.mission-page
  .v8140-release-flow p{
    font-size:.57rem!important;

    line-height:1.55!important;
  }


  /* --------------------------------------------------------
     Final CTA now follows release section directly.
     Give it a cleaner separation.
     -------------------------------------------------------- */

  body.mission-page
  .v8140-release + .cta-band{
    border-top:
      1px solid rgba(9,46,62,.10)!important;
  }

}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1500px){

  body.mission-page
  .v8140-control-table strong{
    font-size:.65rem!important;
  }


  body.mission-page
  .v8140-control-table span{
    font-size:.60rem!important;
  }


  body.mission-page
  .v8140-custody-step strong{
    font-size:.94rem!important;
  }


  body.mission-page
  .v8140-custody-step p{
    font-size:.61rem!important;
  }

}



/* ==========================================================
   V8.14.2 — GLOBAL DESKTOP STICKY NAVIGATION
   Main menu remains available while page scrolls.
   ========================================================== */

@media (min-width:901px){

  /* --------------------------------------------------------
     MAIN HEADER STICKS AFTER UTILITY BAR SCROLLS AWAY
     -------------------------------------------------------- */

  body .v6-header{
    position:sticky!important;
    top:0!important;

    z-index:9990!important;

    width:100%!important;

    background:
      rgba(7,24,36,.97)!important;

    border-bottom:
      1px solid rgba(205,160,60,.18)!important;

    transition:
      box-shadow .28s ease,
      background .28s ease,
      backdrop-filter .28s ease!important;
  }


  body .v6-header.v8142-scrolled{
    background:
      rgba(7,24,36,.94)!important;

    -webkit-backdrop-filter:
      blur(16px) saturate(125%)!important;

    backdrop-filter:
      blur(16px) saturate(125%)!important;

    box-shadow:
      0 12px 34px rgba(3,17,27,.20),
      0 1px 0 rgba(255,255,255,.035)!important;
  }


  /* keep mega menus over all page content */

  body .v6-header .v6-mega{
    z-index:9995!important;
  }


  body .v6-header .v6-nav{
    position:relative!important;
    z-index:2!important;
  }



  /* --------------------------------------------------------
     BACK TO TOP CONTROL
     -------------------------------------------------------- */

  body .v8142-top-btn{
    width:38px!important;
    height:38px!important;

    flex:0 0 38px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin-left:3px!important;

    padding:0!important;

    border:
      1px solid rgba(218,170,67,.34)!important;

    border-radius:999px!important;

    color:#e2b443!important;

    background:
      rgba(255,255,255,.035)!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.72rem!important;
    font-weight:800!important;

    line-height:1!important;

    cursor:pointer!important;

    opacity:0!important;

    visibility:hidden!important;

    transform:
      translateY(-5px) scale(.94)!important;

    pointer-events:none!important;

    transition:
      opacity .22s ease,
      visibility .22s ease,
      transform .22s ease,
      color .22s ease,
      border-color .22s ease,
      background .22s ease!important;
  }


  body .v8142-top-btn.is-visible{
    opacity:1!important;

    visibility:visible!important;

    transform:
      translateY(0) scale(1)!important;

    pointer-events:auto!important;
  }


  body .v8142-top-btn:hover{
    color:#081b28!important;

    border-color:#d8aa40!important;

    background:#d8aa40!important;
  }


  body .v8142-top-btn span{
    display:block!important;

    transform:
      translateY(-1px)!important;
  }



  /* --------------------------------------------------------
     Keep anchor targets from hiding under sticky header
     -------------------------------------------------------- */

  html{
    scroll-padding-top:92px!important;
  }

}


/* Reduced motion */
@media (prefers-reduced-motion:reduce){

  html{
    scroll-behavior:auto!important;
  }

  body .v8142-top-btn,
  body .v6-header{
    transition:none!important;
  }

}



/* ==========================================================
   V8.14.3 — GLOBAL TRUE FIXED DESKTOP HEADER
   Replaces unreliable position:sticky implementation.
   ========================================================== */

@media (min-width:901px){

  /*
   * Normal state.
   * Explicitly cancel previous sticky rule.
   */
  body .v6-header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;

    width:100%!important;

    z-index:99990!important;

    margin:0!important;
  }


  /*
   * Spacer keeps the page from jumping when the header
   * leaves normal document flow.
   */
  body .v8143-header-spacer{
    display:block!important;

    width:100%!important;
    height:0!important;

    margin:0!important;
    padding:0!important;

    border:0!important;

    pointer-events:none!important;
  }


  body .v8143-header-spacer.is-active{
    height:var(--v8143-header-height,78px)!important;
  }


  /*
   * Actual frozen header
   */
  body .v6-header.v8143-fixed{
    position:fixed!important;

    top:0!important;
    left:0!important;
    right:0!important;

    width:100%!important;

    margin:0!important;

    z-index:99990!important;

    background:
      rgba(7,24,36,.965)!important;

    -webkit-backdrop-filter:
      blur(18px) saturate(135%)!important;

    backdrop-filter:
      blur(18px) saturate(135%)!important;

    border-bottom:
      1px solid rgba(211,168,67,.22)!important;

    box-shadow:
      0 12px 38px rgba(1,14,23,.28),
      0 1px 0 rgba(255,255,255,.035)!important;
  }


  /*
   * Make sure the inner navigation stays centered exactly
   * like the normal header.
   */
  body .v6-header.v8143-fixed .v6-nav{
    position:relative!important;

    margin-left:auto!important;
    margin-right:auto!important;
  }


  /*
   * Mega menus must open underneath the fixed navigation
   * and above every page section.
   */
  body .v6-header.v8143-fixed .v6-mega{
    z-index:100000!important;
  }


  body .v6-header.v8143-fixed .v6-nav-item{
    position:relative!important;
  }


  /*
   * The existing scroll-to-top button remains available.
   */
  body .v8142-top-btn{
    position:relative!important;
    z-index:4!important;
  }


  /*
   * Anchor links should not disappear underneath fixed menu.
   */
  html{
    scroll-padding-top:100px!important;
  }

}



/* ==========================================================
   Never apply desktop frozen-header system to mobile yet.
   ========================================================== */

@media (max-width:900px){

  body .v8143-header-spacer{
    display:none!important;
  }

  body .v6-header.v8143-fixed{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
  }

}

/* ===== V8.15.0 ART LOGISTICS START ===== */


/* ==========================================================
   ART PAGE FOUNDATION
   ========================================================== */

body.art-page{
  background:#f5f1e8!important;
}

body.art-page main{
  overflow:hidden!important;
}

body.art-page .v8150-chapter{
  position:relative!important;
}


/* ==========================================================
   HERO
   ========================================================== */

body.art-page .v8150-hero{
  position:relative!important;

  min-height:610px!important;

  display:flex!important;
  align-items:center!important;

  background-image:
    var(--subhero-bg)!important;

  background-size:cover!important;
  background-position:var(--subhero-position)!important;

  overflow:hidden!important;
}

body.art-page .v8150-hero::before,
body.art-page .v8150-hero::after,
body.art-page .v8150-hero
.subhero-full-inner::before,
body.art-page .v8150-hero
.subhero-full-inner::after,
body.art-page .v8150-hero
.subhero-copy::before,
body.art-page .v8150-hero
.subhero-copy::after{
  content:none!important;
  display:none!important;
}

body.art-page .v8150-hero
.subhero-shade{
  position:absolute!important;
  inset:0!important;

  display:block!important;

  background:
    linear-gradient(
      90deg,
      rgba(3,19,29,.95) 0%,
      rgba(5,24,35,.84) 34%,
      rgba(5,23,34,.47) 57%,
      rgba(5,23,34,.15) 77%,
      rgba(5,23,34,.20) 100%
    )!important;

  pointer-events:none!important;
}

body.art-page .v8150-hero-inner{
  position:relative!important;
  z-index:2!important;

  width:min(1180px,calc(100% - 64px))!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,1.35fr)
    minmax(320px,.65fr)!important;

  gap:94px!important;

  align-items:center!important;
}

body.art-page .v8150-hero-copy{
  max-width:720px!important;
}

body.art-page .v8150-hero
.breadcrumbs{
  margin-bottom:26px!important;

  color:rgba(255,255,255,.64)!important;
}

body.art-page .v8150-hero
.breadcrumbs a{
  color:#e3bd61!important;
}

body.art-page .v8150-hero
.eyebrow{
  margin-bottom:15px!important;

  color:#e2b84f!important;
}

body.art-page .v8150-hero h1{
  max-width:720px!important;

  margin:0!important;

  color:#fff!important;

  font-size:
    clamp(3.25rem,4.3vw,5.25rem)!important;

  line-height:.92!important;

  letter-spacing:-.055em!important;

  text-shadow:
    0 4px 26px rgba(0,0,0,.28)!important;
}

body.art-page .v8150-hero h1 span{
  color:#e3b63e!important;
}

body.art-page .v8150-hero
.lead{
  max-width:670px!important;

  margin:
    22px 0 0!important;

  color:
    rgba(255,255,255,.82)!important;

  font-size:.96rem!important;
  line-height:1.72!important;
}

body.art-page
.v8150-hero-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;

  margin-top:26px!important;
}

body.art-page
.v8150-hero-actions .btn{
  min-height:45px!important;

  padding:
    0 19px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  gap:10px!important;

  border-radius:999px!important;

  font-size:.72rem!important;
  font-weight:800!important;
}

body.art-page
.v8150-hero-actions
.v8150-ghost{
  color:#fff!important;

  border:
    1px solid rgba(255,255,255,.28)!important;

  background:
    rgba(6,29,42,.48)!important;

  backdrop-filter:
    blur(12px)!important;

  -webkit-backdrop-filter:
    blur(12px)!important;
}


/* HERO CONTROL CARD */

body.art-page
.v8150-hero-note{
  position:relative!important;

  padding:
    28px 28px 24px!important;

  border:
    1px solid rgba(255,255,255,.15)!important;

  border-radius:18px!important;

  background:
    linear-gradient(
      145deg,
      rgba(5,34,48,.96),
      rgba(4,25,37,.94)
    )!important;

  box-shadow:
    0 24px 55px rgba(0,0,0,.24)!important;

  backdrop-filter:
    blur(18px)!important;

  -webkit-backdrop-filter:
    blur(18px)!important;
}

body.art-page
.v8150-hero-note::before{
  content:""!important;

  position:absolute!important;

  top:0!important;
  left:27px!important;

  width:72px!important;
  height:2px!important;

  background:
    linear-gradient(
      90deg,
      #dca936,
      rgba(220,169,54,0)
    )!important;
}

body.art-page
.v8150-hero-note > strong{
  display:block!important;

  margin:
    6px 0 10px!important;

  color:#fff!important;

  font-size:1.18rem!important;
  line-height:1.2!important;
}

body.art-page
.v8150-hero-note > p{
  margin:
    0 0 17px!important;

  color:
    rgba(255,255,255,.60)!important;

  font-size:.77rem!important;
  line-height:1.58!important;
}

body.art-page
.v8150-note-row{
  display:grid!important;

  grid-template-columns:
    25px 1fr!important;

  gap:10px!important;

  align-items:center!important;

  padding:
    10px 0!important;

  border-top:
    1px solid rgba(255,255,255,.08)!important;
}

body.art-page
.v8150-note-row > span{
  color:#dcb04b!important;

  font-size:.55rem!important;
  font-weight:800!important;
}

body.art-page
.v8150-note-row b{
  display:block!important;

  margin-bottom:2px!important;

  color:
    rgba(255,255,255,.90)!important;

  font-size:.71rem!important;
}

body.art-page
.v8150-note-row small{
  color:
    rgba(255,255,255,.43)!important;

  font-size:.59rem!important;
}


/* ==========================================================
   SECTION HEAD
   ========================================================== */

body.art-page
.v8150-section-head{
  display:grid!important;

  grid-template-columns:
    minmax(0,1.05fr)
    minmax(330px,.70fr)!important;

  gap:88px!important;

  align-items:end!important;

  margin-bottom:48px!important;
}

body.art-page
.v8150-section-head h2{
  max-width:620px!important;

  margin:0!important;

  color:#0b3145!important;

  font-size:
    clamp(2.7rem,3.4vw,4rem)!important;

  line-height:.96!important;
  letter-spacing:-.05em!important;
}

body.art-page
.v8150-section-head > p{
  max-width:520px!important;

  margin:0!important;

  color:#62747e!important;

  font-size:.83rem!important;
  line-height:1.7!important;
}


/* ==========================================================
   OBJECT READINESS
   ========================================================== */

body.art-page
.v8150-readiness{
  padding:
    90px 0 98px!important;

  background:
    radial-gradient(
      circle at 84% 12%,
      rgba(202,225,230,.50),
      transparent 31%
    ),
    linear-gradient(
      180deg,
      #fbf8f1,
      #f5f1e8
    )!important;
}

body.art-page
.v8150-readiness-grid{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:13px!important;
}

body.art-page
.v8150-readiness-card{
  position:relative!important;

  min-height:265px!important;

  padding:
    25px 22px 21px!important;

  border:
    1px solid rgba(23,75,96,.12)!important;

  border-radius:15px!important;

  background:
    rgba(255,255,255,.78)!important;

  box-shadow:
    0 14px 28px rgba(39,61,69,.055)!important;
}

body.art-page
.v8150-card-number{
  position:absolute!important;

  top:16px!important;
  right:18px!important;

  color:#bd8720!important;

  font-size:.52rem!important;
  font-weight:800!important;
}

body.art-page
.v8150-icon{
  width:43px!important;
  height:43px!important;

  display:grid!important;
  place-items:center!important;

  margin-bottom:20px!important;

  border-radius:11px!important;

  background:#e8f3f5!important;

  color:#1d6380!important;

  font-size:1.25rem!important;
}

body.art-page
.v8150-readiness-card small{
  display:block!important;

  margin-bottom:7px!important;

  color:#a87517!important;

  font-size:.51rem!important;
  font-weight:800!important;

  letter-spacing:.11em!important;

  text-transform:uppercase!important;
}

body.art-page
.v8150-readiness-card h3{
  margin:0 0 9px!important;

  color:#113448!important;

  font-size:1.12rem!important;
  line-height:1.13!important;
}

body.art-page
.v8150-readiness-card p{
  margin:0 0 15px!important;

  color:#6a7980!important;

  font-size:.68rem!important;
  line-height:1.55!important;
}

body.art-page
.v8150-readiness-card ul{
  margin:0!important;

  padding:0!important;

  list-style:none!important;
}

body.art-page
.v8150-readiness-card li{
  position:relative!important;

  padding:
    4px 0 4px 12px!important;

  color:#50666f!important;

  font-size:.58rem!important;
}

body.art-page
.v8150-readiness-card li::before{
  content:""!important;

  position:absolute!important;

  left:0!important;
  top:9px!important;

  width:4px!important;
  height:4px!important;

  border-radius:50%!important;

  background:#d4a333!important;
}


/* READINESS FEATURE */

body.art-page
.v8150-readiness-feature{
  display:grid!important;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(0,.92fr)!important;

  min-height:320px!important;

  margin-top:15px!important;

  overflow:hidden!important;

  border:
    1px solid rgba(25,76,96,.12)!important;

  border-radius:16px!important;

  background:#fff!important;

  box-shadow:
    0 18px 36px rgba(28,63,76,.07)!important;
}

body.art-page
.v8150-readiness-image{
  position:relative!important;

  min-height:320px!important;

  overflow:hidden!important;
}

body.art-page
.v8150-readiness-image img{
  width:100%!important;
  height:100%!important;

  position:absolute!important;
  inset:0!important;

  object-fit:cover!important;
}

body.art-page
.v8150-readiness-image::after{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  background:
    linear-gradient(
      180deg,
      transparent 45%,
      rgba(4,27,40,.52)
    )!important;
}

body.art-page
.v8150-readiness-image > span{
  position:absolute!important;

  z-index:2!important;

  left:22px!important;
  bottom:19px!important;

  padding:
    7px 10px!important;

  border-radius:999px!important;

  background:
    rgba(5,31,44,.82)!important;

  color:#fff!important;

  font-size:.49rem!important;
  font-weight:800!important;

  letter-spacing:.10em!important;
}

body.art-page
.v8150-readiness-copy{
  align-self:center!important;

  padding:
    38px 42px!important;
}

body.art-page
.v8150-readiness-copy h3{
  max-width:430px!important;

  margin:
    4px 0 13px!important;

  color:#0d3348!important;

  font-size:1.75rem!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}

body.art-page
.v8150-readiness-copy > p{
  max-width:480px!important;

  color:#6a7a82!important;

  font-size:.72rem!important;
  line-height:1.6!important;
}

body.art-page
.v8150-mini-grid{
  display:grid!important;

  grid-template-columns:
    repeat(2,minmax(0,1fr))!important;

  gap:8px!important;

  margin-top:21px!important;
}

body.art-page
.v8150-mini-grid > div{
  padding:
    10px 12px!important;

  border-radius:8px!important;

  background:#eef6f6!important;
}

body.art-page
.v8150-mini-grid small{
  display:block!important;

  margin-bottom:3px!important;

  color:#ac7c20!important;

  font-size:.45rem!important;
  font-weight:800!important;
}

body.art-page
.v8150-mini-grid strong{
  color:#254859!important;

  font-size:.61rem!important;
}


/* ==========================================================
   CONDITION & CUSTODY CONTROL
   ========================================================== */

body.art-page
.v8150-control{
  padding:
    94px 0 102px!important;

  background:
    radial-gradient(
      circle at 89% 23%,
      rgba(16,105,132,.40),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #041c2a,
      #07394d
    )!important;
}

body.art-page
.v8150-dark-head h2{
  color:#fff!important;
}

body.art-page
.v8150-dark-head > p{
  color:
    rgba(255,255,255,.60)!important;
}

body.art-page
.v8150-control
.eyebrow{
  color:#dfb852!important;
}

body.art-page
.v8150-control-desk{
  overflow:hidden!important;

  border:
    1px solid rgba(255,255,255,.10)!important;

  border-radius:14px!important;

  background:#061f2e!important;

  box-shadow:
    0 30px 70px rgba(0,0,0,.18)!important;
}

body.art-page
.v8150-control-top{
  height:42px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  padding:
    0 18px!important;

  border-bottom:
    1px solid rgba(255,255,255,.06)!important;

  background:
    rgba(4,26,39,.95)!important;

  color:
    rgba(255,255,255,.72)!important;

  font-size:.49rem!important;
  font-weight:800!important;

  letter-spacing:.06em!important;
}

body.art-page
.v8150-control-top i{
  width:7px!important;
  height:7px!important;

  display:inline-block!important;

  margin-right:7px!important;

  border-radius:50%!important;

  background:#50d79a!important;

  box-shadow:
    0 0 0 4px rgba(80,215,154,.08)!important;
}

body.art-page
.v8150-control-top > span{
  color:
    rgba(255,255,255,.34)!important;

  font-size:.44rem!important;
}

body.art-page
.v8150-control-body{
  display:grid!important;

  grid-template-columns:
    190px 1fr!important;

  min-height:330px!important;
}

body.art-page
.v8150-control-nav{
  padding:
    16px 12px!important;

  border-right:
    1px solid rgba(255,255,255,.06)!important;

  background:
    rgba(3,22,33,.72)!important;
}

body.art-page
.v8150-control-nav > div{
  display:grid!important;

  grid-template-columns:
    14px 1fr auto!important;

  gap:7px!important;

  align-items:center!important;

  min-height:49px!important;

  padding:
    0 10px!important;

  border-radius:7px!important;

  color:
    rgba(255,255,255,.59)!important;

  font-size:.57rem!important;
  font-weight:700!important;
}

body.art-page
.v8150-control-nav > div.active{
  background:
    rgba(22,93,115,.20)!important;

  color:#fff!important;
}

body.art-page
.v8150-control-nav span{
  color:#52d7a0!important;

  font-size:.45rem!important;
}

body.art-page
.v8150-control-nav b{
  color:#55d29b!important;

  font-size:.42rem!important;
}

body.art-page
.v8150-control-nav b.pending{
  color:#ddb852!important;
}

body.art-page
.v8150-control-main{
  padding:
    17px!important;
}

body.art-page
.v8150-control-metrics{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:9px!important;

  margin-bottom:10px!important;
}

body.art-page
.v8150-control-metrics > div{
  min-height:80px!important;

  padding:
    13px!important;

  border:
    1px solid rgba(255,255,255,.055)!important;

  border-radius:8px!important;

  background:
    rgba(255,255,255,.035)!important;
}

body.art-page
.v8150-control-metrics small{
  display:block!important;

  margin-bottom:6px!important;

  color:
    rgba(255,255,255,.37)!important;

  font-size:.44rem!important;
  font-weight:800!important;
}

body.art-page
.v8150-control-metrics strong{
  display:block!important;

  color:#fff!important;

  font-size:1.15rem!important;
}

body.art-page
.v8150-control-metrics span{
  color:
    rgba(255,255,255,.36)!important;

  font-size:.48rem!important;
}

body.art-page
.v8150-record-table{
  overflow:hidden!important;

  border:
    1px solid rgba(255,255,255,.055)!important;

  border-radius:8px!important;
}

body.art-page
.v8150-record-table > div{
  min-height:42px!important;

  display:grid!important;

  grid-template-columns:
    1.5fr .75fr 1fr 1.2fr!important;

  align-items:center!important;

  border-bottom:
    1px solid rgba(255,255,255,.045)!important;
}

body.art-page
.v8150-record-table > div:last-child{
  border-bottom:0!important;
}

body.art-page
.v8150-record-table > div > span{
  padding:
    0 12px!important;

  color:
    rgba(255,255,255,.58)!important;

  font-size:.52rem!important;
}

body.art-page
.v8150-record-table
.head{
  min-height:32px!important;

  background:
    rgba(255,255,255,.025)!important;
}

body.art-page
.v8150-record-table
.head span{
  color:
    rgba(255,255,255,.30)!important;

  font-size:.40rem!important;
  font-weight:800!important;
}

body.art-page
.v8150-record-table
.ok{
  color:#4bd59a!important;
}

body.art-page
.v8150-record-table
.wait{
  color:#e0b64c!important;
}

body.art-page
.v8150-control-legend{
  min-height:39px!important;

  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  align-items:center!important;

  padding:
    0 18px!important;

  border-top:
    1px solid rgba(255,255,255,.06)!important;

  background:#051a27!important;
}

body.art-page
.v8150-control-legend span{
  color:
    rgba(255,255,255,.42)!important;

  font-size:.44rem!important;
}

body.art-page
.v8150-control-legend i{
  width:5px!important;
  height:5px!important;

  display:inline-block!important;

  margin-right:7px!important;

  border-radius:50%!important;
}

body.art-page
.v8150-control-legend .green{
  background:#4bd69b!important;
}

body.art-page
.v8150-control-legend .blue{
  background:#50bcd6!important;
}

body.art-page
.v8150-control-legend .gold{
  background:#dab047!important;
}

body.art-page
.v8150-control-legend .grey{
  background:#89979d!important;
}


/* ==========================================================
   HANDOVER TIMELINE
   ========================================================== */

body.art-page
.v8150-handover{
  padding:
    92px 0 96px!important;

  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(185,221,229,.48),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #edf7f8,
      #eaf3f4
    )!important;
}

body.art-page
.v8150-timeline{
  position:relative!important;

  display:grid!important;

  grid-template-columns:
    repeat(7,minmax(0,1fr))!important;

  gap:0!important;

  margin-top:5px!important;
}

body.art-page
.v8150-timeline-line{
  position:absolute!important;

  top:19px!important;
  left:5%!important;
  right:5%!important;

  height:1px!important;

  background:
    linear-gradient(
      90deg,
      #d3a32e,
      #d3a32e 45%,
      #65aabd
    )!important;
}

body.art-page
.v8150-timeline article{
  position:relative!important;
  z-index:2!important;

  min-height:160px!important;

  padding:
    0 14px 0 0!important;

  border-right:
    1px solid rgba(24,76,93,.10)!important;
}

body.art-page
.v8150-timeline article:last-of-type{
  border-right:0!important;
}

body.art-page
.v8150-timeline b{
  width:38px!important;
  height:38px!important;

  display:grid!important;
  place-items:center!important;

  margin-bottom:21px!important;

  border-radius:50%!important;

  background:#ddb13a!important;

  color:#11384a!important;

  box-shadow:
    0 6px 14px rgba(188,139,29,.18)!important;

  font-size:.50rem!important;
}

body.art-page
.v8150-timeline small{
  display:block!important;

  margin-bottom:5px!important;

  color:#a7791d!important;

  font-size:.45rem!important;
  font-weight:800!important;

  letter-spacing:.10em!important;
}

body.art-page
.v8150-timeline h3{
  margin:
    0 0 7px!important;

  color:#123a4c!important;

  font-size:.84rem!important;
  line-height:1.12!important;
}

body.art-page
.v8150-timeline p{
  margin:0!important;

  color:#708087!important;

  font-size:.54rem!important;
  line-height:1.5!important;
}

body.art-page
.v8150-control-rule{
  min-height:50px!important;

  display:flex!important;
  align-items:center!important;

  gap:17px!important;

  margin-top:27px!important;

  padding:
    0 16px!important;

  border:
    1px solid rgba(27,78,96,.10)!important;

  border-radius:8px!important;

  background:
    rgba(255,255,255,.76)!important;

  box-shadow:
    0 9px 22px rgba(20,68,84,.05)!important;
}

body.art-page
.v8150-control-rule span{
  padding:
    6px 9px!important;

  border-radius:999px!important;

  background:#f3e6bf!important;

  color:#8f6719!important;

  font-size:.43rem!important;
  font-weight:800!important;

  letter-spacing:.08em!important;
}

body.art-page
.v8150-control-rule strong{
  color:#244657!important;

  font-size:.58rem!important;
}


/* ==========================================================
   MOVEMENT / CUSTOMS ROUTES
   ========================================================== */

body.art-page
.v8150-routes{
  padding:
    92px 0 100px!important;

  background:
    radial-gradient(
      circle at 82% 10%,
      rgba(229,198,127,.22),
      transparent 27%
    ),
    linear-gradient(
      180deg,
      #fbf7ef,
      #f5eee2
    )!important;
}

body.art-page
.v8150-route-grid{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:13px!important;
}

body.art-page
.v8150-route-grid article{
  position:relative!important;

  min-height:245px!important;

  padding:
    26px 23px 22px!important;

  border:
    1px solid rgba(24,73,91,.11)!important;

  border-radius:14px!important;

  background:
    rgba(255,255,255,.80)!important;

  box-shadow:
    0 14px 30px rgba(30,61,71,.045)!important;
}

body.art-page
.v8150-route-icon{
  width:42px!important;
  height:42px!important;

  display:grid!important;
  place-items:center!important;

  margin-bottom:18px!important;

  border-radius:50%!important;

  background:#e8f3f5!important;

  color:#17627e!important;

  font-size:1.05rem!important;
  font-weight:700!important;
}

body.art-page
.v8150-route-grid small{
  display:block!important;

  margin-bottom:7px!important;

  color:#a8781b!important;

  font-size:.46rem!important;
  font-weight:800!important;

  letter-spacing:.10em!important;
}

body.art-page
.v8150-route-grid h3{
  margin:
    0 0 10px!important;

  color:#10364a!important;

  font-size:1rem!important;
}

body.art-page
.v8150-route-grid p{
  margin:0!important;

  color:#687a83!important;

  font-size:.63rem!important;
  line-height:1.58!important;
}

body.art-page
.v8150-route-grid article > span{
  position:absolute!important;

  left:23px!important;
  bottom:19px!important;

  color:#315766!important;

  font-size:.51rem!important;
  font-weight:700!important;
}


/* ==========================================================
   EXPERIENCE
   ========================================================== */

body.art-page
.v8150-experience{
  padding:
    88px 0 94px!important;

  background:
    radial-gradient(
      circle at 90% 20%,
      rgba(175,211,221,.50),
      transparent 31%
    ),
    linear-gradient(
      180deg,
      #edf7f8,
      #e8f2f4
    )!important;
}

body.art-page
.v8150-experience-grid{
  display:grid!important;

  grid-template-columns:
    minmax(0,.76fr)
    minmax(0,1.24fr)!important;

  gap:70px!important;

  align-items:center!important;
}

body.art-page
.v8150-experience-copy h2{
  margin:
    0 0 18px!important;

  color:#0b3347!important;

  font-size:
    clamp(2.8rem,3.3vw,3.9rem)!important;

  line-height:.96!important;

  letter-spacing:-.05em!important;
}

body.art-page
.v8150-experience-copy > p{
  max-width:480px!important;

  color:#647882!important;

  font-size:.75rem!important;
  line-height:1.68!important;
}

body.art-page
.v8150-disclosure{
  padding-left:13px!important;

  border-left:
    2px solid #d1a138!important;
}

body.art-page
.v8150-experience-panel{
  overflow:hidden!important;

  border:
    1px solid rgba(22,75,94,.12)!important;

  border-radius:15px!important;

  background:#fff!important;

  box-shadow:
    0 20px 44px rgba(32,68,82,.08)!important;
}

body.art-page
.v8150-experience-image{
  height:260px!important;

  overflow:hidden!important;
}

body.art-page
.v8150-experience-image img{
  width:100%!important;
  height:100%!important;

  object-fit:cover!important;
}

body.art-page
.v8150-experience-steps{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;
}

body.art-page
.v8150-experience-steps > div{
  min-height:90px!important;

  padding:
    16px!important;

  border-right:
    1px solid rgba(25,75,92,.10)!important;
}

body.art-page
.v8150-experience-steps > div:last-child{
  border-right:0!important;
}

body.art-page
.v8150-experience-steps b{
  display:block!important;

  margin-bottom:7px!important;

  color:#bd8a22!important;

  font-size:.49rem!important;
}

body.art-page
.v8150-experience-steps span{
  color:#274b5b!important;

  font-size:.60rem!important;
  font-weight:700!important;

  line-height:1.4!important;
}


/* ==========================================================
   FAQ
   ========================================================== */

body.art-page
.v8150-faq{
  padding:
    88px 0 96px!important;

  background:
    radial-gradient(
      circle at 12% 15%,
      rgba(231,196,113,.15),
      transparent 24%
    ),
    #fbf8f1!important;
}

body.art-page
.v8150-faq .faq{
  display:grid!important;

  grid-template-columns:
    minmax(0,.72fr)
    minmax(0,1.28fr)!important;

  gap:76px!important;

  align-items:start!important;
}

body.art-page
.v8150-faq h2{
  margin:
    0 0 16px!important;

  color:#0c3348!important;

  font-size:
    clamp(2.7rem,3.3vw,3.8rem)!important;

  line-height:.95!important;
  letter-spacing:-.05em!important;
}

body.art-page
.v8150-faq-intro{
  max-width:410px!important;

  margin:0!important;

  color:#6f7d83!important;

  font-size:.67rem!important;
  line-height:1.6!important;
}

body.art-page
.v8150-faq
.accordion-item{
  border-top:
    1px solid rgba(20,62,78,.13)!important;
}

body.art-page
.v8150-faq
.accordion-button{
  min-height:58px!important;

  padding:
    0 4px!important;

  color:#10354a!important;

  font-size:.69rem!important;
  font-weight:800!important;
}

body.art-page
.v8150-faq
.accordion-button span{
  color:#c78f22!important;
}


/* ==========================================================
   CTA
   ========================================================== */

body.art-page
.v8150-cta{
  background:
    radial-gradient(
      circle at 86% 50%,
      rgba(68,126,147,.40),
      transparent 29%
    ),
    linear-gradient(
      100deg,
      #052232,
      #0b4a61
    )!important;
}

body.art-page
.v8150-cta h2{
  font-size:
    clamp(2.4rem,3vw,3.5rem)!important;

  letter-spacing:-.04em!important;
}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1500px){

  body.art-page
  .v8150-hero{
    min-height:640px!important;
  }

  body.art-page
  .v8150-hero-inner,
  body.art-page
  .v8150-chapter > .container,
  body.art-page
  .v8150-cta > .container{
    width:min(1240px,calc(100% - 80px))!important;
  }

}


/* ==========================================================
   LAPTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1220px){

  body.art-page
  .v8150-hero-inner,
  body.art-page
  .v8150-chapter > .container,
  body.art-page
  .v8150-cta > .container{
    width:calc(100% - 50px)!important;
  }

  body.art-page
  .v8150-hero-inner{
    gap:52px!important;

    grid-template-columns:
      minmax(0,1fr)
      315px!important;
  }

  body.art-page
  .v8150-section-head{
    gap:52px!important;
  }

  body.art-page
  .v8150-readiness-grid,
  body.art-page
  .v8150-route-grid{
    gap:10px!important;
  }

}


/* ==========================================================
   BASIC SMALL-SCREEN SAFETY
   Full mobile redesign comes later.
   ========================================================== */

@media (max-width:900px){

  body.art-page
  .v8150-hero{
    min-height:auto!important;

    padding:
      70px 0!important;
  }

  body.art-page
  .v8150-hero-inner,
  body.art-page
  .v8150-section-head,
  body.art-page
  .v8150-experience-grid,
  body.art-page
  .v8150-faq .faq{
    grid-template-columns:
      1fr!important;

    gap:30px!important;
  }

  body.art-page
  .v8150-readiness-grid,
  body.art-page
  .v8150-route-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

  body.art-page
  .v8150-readiness-feature{
    grid-template-columns:
      1fr!important;
  }

  body.art-page
  .v8150-timeline{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:18px!important;
  }

  body.art-page
  .v8150-timeline-line{
    display:none!important;
  }

  body.art-page
  .v8150-control-body{
    grid-template-columns:
      1fr!important;
  }

  body.art-page
  .v8150-control-nav{
    display:none!important;
  }

}


/* ===== V8.15.0 ART LOGISTICS END ===== */

/* ==========================================================
   V8.15.1 — ART LOGISTICS DESKTOP FINAL POLISH
   ========================================================== */

@media (min-width:901px){

  body.art-page
  .v8150-cta
  .btn-light{
    min-width:170px!important;

    padding-left:22px!important;
    padding-right:22px!important;

    white-space:nowrap!important;

    flex-shrink:0!important;
  }

  body.art-page
  .v8150-cta
  .cta-inner{
    align-items:center!important;
  }

}


/* ==========================================================
   V8.16.0 — PERSONAL EFFECTS & RELOCATION
   MANAGED OWNER JOURNEY
   ========================================================== */


/* ==========================================================
   HERO
   ========================================================== */

body.personal-effects-page .v8160-hero{
  position:relative;
  min-height:590px;
  overflow:hidden;
  isolation:isolate;
  background:#071d2b;
}

body.personal-effects-page .v8160-hero-media{
  position:absolute;
  inset:0;
  z-index:-3;

  background:
    url('/assets/img/v831/v831-relocation.jpg')
    center 48% / cover no-repeat;

  transform:scale(1.015);
}

body.personal-effects-page .v8160-hero-overlay{
  position:absolute;
  inset:0;
  z-index:-2;

  background:
    linear-gradient(
      90deg,
      rgba(5,23,35,.95) 0%,
      rgba(7,27,40,.88) 28%,
      rgba(7,27,40,.57) 54%,
      rgba(7,27,40,.18) 76%,
      rgba(7,27,40,.10) 100%
    );
}

body.personal-effects-page .v8160-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.05),
      rgba(0,0,0,.12)
    );
}

body.personal-effects-page .v8160-hero-inner{
  min-height:590px;

  display:grid;
  grid-template-columns:
    minmax(0,1.12fr)
    minmax(330px,.62fr);

  gap:90px;

  align-items:center;

  padding-top:65px;
  padding-bottom:65px;
}

body.personal-effects-page .v8160-hero-copy{
  max-width:720px;
}

body.personal-effects-page .v8160-hero .breadcrumbs{
  margin-bottom:26px;
  color:rgba(255,255,255,.60);
}

body.personal-effects-page .v8160-hero .breadcrumbs a{
  color:#e4b343;
}

body.personal-effects-page .v8160-hero .eyebrow{
  color:#e2af38;
}

body.personal-effects-page .v8160-hero h1{
  max-width:760px;

  margin:17px 0 20px;

  color:#fff;

  font-size:
    clamp(3.25rem,5vw,5.55rem);

  line-height:.92;
  letter-spacing:-.055em;
}

body.personal-effects-page .v8160-hero h1 span{
  color:#e5ad2c;
}

body.personal-effects-page .v8160-hero-lead{
  max-width:690px;

  margin:0;

  color:rgba(255,255,255,.78);

  font-size:1.02rem;
  line-height:1.72;
}

body.personal-effects-page .v8160-hero-actions{
  display:flex;
  flex-wrap:wrap;

  gap:12px;

  margin-top:31px;
}

body.personal-effects-page .v8160-btn{
  min-height:46px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:12px;

  padding:0 20px;

  border-radius:999px;

  font-size:.79rem;
  font-weight:800;

  text-decoration:none;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

body.personal-effects-page .v8160-btn:hover{
  transform:translateY(-2px);
}

body.personal-effects-page .v8160-btn-gold{
  color:#071d2b;

  background:
    linear-gradient(
      135deg,
      #e9b63e,
      #d69f22
    );

  box-shadow:
    0 10px 28px rgba(210,154,31,.20);
}

body.personal-effects-page .v8160-btn-ghost{
  color:#fff;

  border:
    1px solid rgba(255,255,255,.25);

  background:
    rgba(7,29,43,.48);

  backdrop-filter:blur(12px);
}


/* OWNER CARD */

body.personal-effects-page .v8160-owner-card{
  position:relative;

  overflow:hidden;

  padding:30px;

  border:
    1px solid rgba(255,255,255,.16);

  border-radius:20px;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      rgba(8,38,55,.95),
      rgba(5,27,41,.93)
    );

  box-shadow:
    0 26px 60px rgba(0,0,0,.22);

  backdrop-filter:blur(18px);
}

body.personal-effects-page .v8160-owner-card::before{
  content:"";

  position:absolute;

  top:0;
  left:30px;

  width:68px;
  height:2px;

  background:
    linear-gradient(
      90deg,
      #e0ad34,
      rgba(224,173,52,0)
    );
}

body.personal-effects-page .v8160-owner-card-kicker{
  margin-bottom:13px;

  color:#d9a936;

  font-size:.61rem;
  font-weight:800;

  letter-spacing:.16em;
  text-transform:uppercase;
}

body.personal-effects-page .v8160-owner-card h2{
  margin:0 0 13px;

  color:#fff;

  font-size:1.75rem;
  line-height:1.05;
  letter-spacing:-.035em;
}

body.personal-effects-page .v8160-owner-card > p{
  margin:0 0 24px;

  color:rgba(255,255,255,.63);

  font-size:.82rem;
  line-height:1.65;
}

body.personal-effects-page .v8160-owner-status{
  display:grid;
  gap:2px;
}

body.personal-effects-page .v8160-owner-status > div{
  min-height:48px;

  display:grid;
  grid-template-columns:34px 1fr auto;

  align-items:center;

  gap:10px;

  padding:10px 0;

  border-top:
    1px solid rgba(255,255,255,.08);
}

body.personal-effects-page .v8160-owner-status span{
  width:25px;
  height:25px;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#09263a;

  background:#deb03d;

  font-size:.52rem;
  font-weight:900;
}

body.personal-effects-page .v8160-owner-status strong{
  font-size:.73rem;
  font-weight:700;
}

body.personal-effects-page .v8160-owner-status small{
  color:rgba(255,255,255,.42);

  font-size:.57rem;
}


/* ==========================================================
   COMMON SECTION HEAD
   ========================================================== */

body.personal-effects-page .v8160-section-head{
  display:grid;

  grid-template-columns:
    minmax(0,1.05fr)
    minmax(320px,.72fr);

  gap:90px;

  align-items:end;

  margin-bottom:43px;
}

body.personal-effects-page .v8160-section-head h2{
  max-width:760px;

  margin:13px 0 0;

  color:#0a3044;

  font-size:
    clamp(2.6rem,4vw,4.05rem);

  line-height:.94;
  letter-spacing:-.05em;
}

body.personal-effects-page .v8160-section-head > p{
  max-width:520px;

  margin:0 0 4px;

  color:#697982;

  font-size:.88rem;
  line-height:1.72;
}


/* ==========================================================
   OWNER FILE
   ========================================================== */

body.personal-effects-page .v8160-file-section{
  position:relative;

  overflow:hidden;

  padding:98px 0 94px;

  background:
    radial-gradient(
      circle at 82% 4%,
      rgba(198,223,229,.30),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #fbf8f1,
      #f8f5ed
    );
}

body.personal-effects-page .v8160-file-section::after{
  content:"";

  position:absolute;

  right:-130px;
  bottom:-230px;

  width:500px;
  height:500px;

  border:
    1px solid rgba(30,92,111,.07);

  border-radius:50%;

  pointer-events:none;
}

body.personal-effects-page .v8160-file-grid{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:14px;
}

body.personal-effects-page .v8160-file-card{
  position:relative;

  min-height:282px;

  padding:22px;

  border:
    1px solid rgba(19,71,91,.10);

  border-radius:16px;

  background:
    rgba(255,255,255,.83);

  box-shadow:
    0 16px 35px rgba(17,54,70,.055);
}

body.personal-effects-page .v8160-file-icon{
  width:36px;
  height:36px;

  display:grid;
  place-items:center;

  margin-bottom:22px;

  border-radius:9px;

  color:#15536d;

  background:#e4f1f3;

  font-size:.62rem;
  font-weight:900;
}

body.personal-effects-page .v8160-file-card > small{
  display:block;

  margin-bottom:7px;

  color:#b67c14;

  font-size:.51rem;
  font-weight:800;

  letter-spacing:.13em;
  text-transform:uppercase;
}

body.personal-effects-page .v8160-file-card h3{
  margin:0 0 9px;

  color:#11364a;

  font-size:1.18rem;
  line-height:1.12;
}

body.personal-effects-page .v8160-file-card p{
  min-height:72px;

  margin:0 0 15px;

  color:#748188;

  font-size:.72rem;
  line-height:1.58;
}

body.personal-effects-page .v8160-file-card ul{
  display:grid;

  gap:6px;

  margin:0;
  padding:0;

  list-style:none;
}

body.personal-effects-page .v8160-file-card li{
  position:relative;

  padding-left:12px;

  color:#36525f;

  font-size:.62rem;
  line-height:1.4;
}

body.personal-effects-page .v8160-file-card li::before{
  content:"";

  position:absolute;

  left:0;
  top:.52em;

  width:4px;
  height:4px;

  border-radius:50%;

  background:#d7a129;
}


/* CASE STRIP */

body.personal-effects-page .v8160-case-strip{
  display:grid;

  grid-template-columns:
    minmax(260px,.8fr)
    minmax(0,1.5fr);

  gap:25px;

  align-items:center;

  margin-top:14px;

  padding:17px 22px;

  border:
    1px solid rgba(16,64,82,.09);

  border-radius:13px;

  background:
    rgba(255,255,255,.88);

  box-shadow:
    0 12px 28px rgba(18,57,74,.05);
}

body.personal-effects-page .v8160-case-strip-title{
  display:flex;
  align-items:center;

  gap:11px;
}

body.personal-effects-page .v8160-case-dot{
  width:9px;
  height:9px;

  border-radius:50%;

  background:#4eba88;

  box-shadow:
    0 0 0 5px rgba(78,186,136,.10);
}

body.personal-effects-page .v8160-case-strip-title small{
  display:block;

  color:#9b751e;

  font-size:.46rem;
  font-weight:800;

  letter-spacing:.11em;
  text-transform:uppercase;
}

body.personal-effects-page .v8160-case-strip-title strong{
  display:block;

  margin-top:2px;

  color:#15384a;

  font-size:.74rem;
}

body.personal-effects-page .v8160-case-strip-path{
  display:flex;
  align-items:center;
  justify-content:flex-end;

  gap:12px;

  color:#6b7d85;

  font-size:.52rem;
  font-weight:800;

  letter-spacing:.07em;
}

body.personal-effects-page .v8160-case-strip-path i{
  color:#d3a033;

  font-style:normal;
}


/* ==========================================================
   CONTROL BOARD
   ========================================================== */

body.personal-effects-page .v8160-control-section{
  padding:100px 0;

  color:#fff;

  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(37,112,135,.32),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      #061f2e 0%,
      #073548 100%
    );
}

body.personal-effects-page .v8160-section-head-dark h2{
  color:#fff;
}

body.personal-effects-page .v8160-section-head-dark > p{
  color:rgba(255,255,255,.58);
}

body.personal-effects-page .v8160-control-board{
  overflow:hidden;

  border:
    1px solid rgba(255,255,255,.10);

  border-radius:17px;

  background:#062335;

  box-shadow:
    0 26px 60px rgba(0,0,0,.18);
}

body.personal-effects-page .v8160-control-top{
  height:45px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:0 17px;

  border-bottom:
    1px solid rgba(255,255,255,.07);

  color:rgba(255,255,255,.50);

  background:
    rgba(255,255,255,.025);
}

body.personal-effects-page .v8160-control-brand{
  display:flex;
  align-items:center;

  gap:8px;

  color:#fff;

  font-size:.60rem;
  font-weight:700;
}

body.personal-effects-page .v8160-control-brand > span{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#4ad195;

  box-shadow:
    0 0 0 4px rgba(74,209,149,.08);
}

body.personal-effects-page .v8160-control-top small{
  font-size:.46rem;
  letter-spacing:.11em;
}

body.personal-effects-page .v8160-control-layout{
  display:grid;

  grid-template-columns:
    180px
    minmax(0,1fr);
}

body.personal-effects-page .v8160-control-side{
  padding:16px;

  border-right:
    1px solid rgba(255,255,255,.06);
}

body.personal-effects-page .v8160-control-side > div{
  display:flex;
  align-items:center;

  gap:8px;

  min-height:38px;

  padding:0 9px;

  border-radius:7px;

  color:rgba(255,255,255,.44);

  font-size:.55rem;
}

body.personal-effects-page .v8160-control-side > div.active{
  color:#fff;

  background:
    rgba(255,255,255,.055);
}

body.personal-effects-page .v8160-control-side span{
  width:5px;
  height:5px;

  border-radius:50%;

  background:#41c990;
}

body.personal-effects-page .v8160-control-main{
  padding:16px;
}

body.personal-effects-page .v8160-control-metrics{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:8px;

  margin-bottom:9px;
}

body.personal-effects-page .v8160-control-metrics > div{
  min-height:82px;

  padding:13px;

  border:
    1px solid rgba(255,255,255,.05);

  border-radius:8px;

  background:
    rgba(255,255,255,.035);
}

body.personal-effects-page .v8160-control-metrics small{
  display:block;

  margin-bottom:8px;

  color:rgba(255,255,255,.35);

  font-size:.44rem;
  letter-spacing:.08em;
}

body.personal-effects-page .v8160-control-metrics strong{
  display:block;

  color:#fff;

  font-size:1rem;
}

body.personal-effects-page .v8160-control-metrics > div:nth-child(3) strong{
  color:#e2b13f;
}

body.personal-effects-page .v8160-control-metrics > div:nth-child(4) strong{
  color:#80c5d9;
}

body.personal-effects-page .v8160-control-metrics span{
  display:block;

  margin-top:3px;

  color:rgba(255,255,255,.36);

  font-size:.46rem;
}

body.personal-effects-page .v8160-control-table{
  overflow:hidden;

  border:
    1px solid rgba(255,255,255,.055);

  border-radius:8px;
}

body.personal-effects-page .v8160-control-row{
  min-height:43px;

  display:grid;

  grid-template-columns:
    1.35fr
    1fr
    .7fr
    1.4fr;

  align-items:center;

  border-top:
    1px solid rgba(255,255,255,.05);
}

body.personal-effects-page .v8160-control-row:first-child{
  border-top:0;
}

body.personal-effects-page .v8160-control-row span{
  padding:0 12px;

  color:rgba(255,255,255,.58);

  font-size:.49rem;
}

body.personal-effects-page .v8160-control-row.heading{
  min-height:30px;

  background:
    rgba(255,255,255,.025);
}

body.personal-effects-page .v8160-control-row.heading span{
  color:rgba(255,255,255,.29);

  font-size:.40rem;
  font-weight:800;

  letter-spacing:.08em;
}

body.personal-effects-page .v8160-control-row .ready{
  color:#4ed39b;
}

body.personal-effects-page .v8160-control-row .review{
  color:#e5b53f;
}

body.personal-effects-page .v8160-control-row .pending{
  color:#77c6df;
}

body.personal-effects-page .v8160-control-legend{
  min-height:44px;

  display:flex;
  align-items:center;

  gap:22px;

  padding:0 17px;

  border-top:
    1px solid rgba(255,255,255,.06);

  color:rgba(255,255,255,.42);
}

body.personal-effects-page .v8160-control-legend span{
  display:flex;
  align-items:center;

  gap:6px;

  font-size:.44rem;
}

body.personal-effects-page .v8160-control-legend i{
  width:5px;
  height:5px;

  border-radius:50%;
}

body.personal-effects-page .v8160-control-legend .green{
  background:#4ed39b;
}

body.personal-effects-page .v8160-control-legend .gold{
  background:#e5b53f;
}

body.personal-effects-page .v8160-control-legend .blue{
  background:#77c6df;
}

body.personal-effects-page .v8160-control-legend strong{
  margin-left:auto;

  color:rgba(255,255,255,.40);

  font-size:.46rem;
  font-weight:600;
}


/* ==========================================================
   JOURNEY
   ========================================================== */

body.personal-effects-page .v8160-journey-section{
  padding:98px 0;

  background:
    radial-gradient(
      circle at 15% 6%,
      rgba(204,229,234,.45),
      transparent 31%
    ),
    #edf6f7;
}

body.personal-effects-page .v8160-journey{
  position:relative;

  display:grid;

  grid-template-columns:
    repeat(6,minmax(0,1fr));

  gap:0;

  padding-top:4px;
}

body.personal-effects-page .v8160-journey-line{
  position:absolute;

  top:27px;
  left:5%;
  right:5%;

  height:1px;

  background:
    linear-gradient(
      90deg,
      #d7aa39,
      #79becd
    );
}

body.personal-effects-page .v8160-journey article{
  position:relative;
  z-index:2;

  min-height:175px;

  padding:
    0 14px 0 0;

  border-right:
    1px solid rgba(16,67,84,.08);
}

body.personal-effects-page .v8160-journey article:last-child{
  border-right:0;
}

body.personal-effects-page .v8160-journey b{
  width:46px;
  height:46px;

  display:grid;
  place-items:center;

  margin-bottom:20px;

  border:
    5px solid #edf6f7;

  border-radius:50%;

  color:#133d4f;

  background:#e0ae35;

  box-shadow:
    0 6px 16px rgba(192,140,30,.15);

  font-size:.58rem;
}

body.personal-effects-page .v8160-journey small{
  display:block;

  margin-bottom:6px;

  color:#a67818;

  font-size:.44rem;
  font-weight:800;

  letter-spacing:.10em;
}

body.personal-effects-page .v8160-journey h3{
  margin:0 0 7px;

  color:#12384a;

  font-size:.88rem;
  line-height:1.18;
}

body.personal-effects-page .v8160-journey p{
  max-width:155px;

  margin:0;

  color:#76868d;

  font-size:.56rem;
  line-height:1.5;
}

body.personal-effects-page .v8160-journey-rule{
  display:flex;
  align-items:center;

  gap:15px;

  margin-top:27px;

  padding:15px 18px;

  border:
    1px solid rgba(25,79,97,.08);

  border-radius:9px;

  background:
    rgba(255,255,255,.80);

  box-shadow:
    0 10px 24px rgba(18,63,79,.05);
}

body.personal-effects-page .v8160-journey-rule span{
  padding:5px 9px;

  border-radius:999px;

  color:#936a16;

  background:#f7edcf;

  font-size:.42rem;
  font-weight:800;

  letter-spacing:.08em;
}

body.personal-effects-page .v8160-journey-rule strong{
  color:#17394a;

  font-size:.58rem;
}


/* ==========================================================
   PACKING
   ========================================================== */

body.personal-effects-page .v8160-packing-section{
  padding:98px 0;

  background:
    linear-gradient(
      180deg,
      #fbf7ee,
      #f8f3e8
    );
}

body.personal-effects-page .v8160-packing-layout{
  display:grid;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(360px,.92fr);

  min-height:390px;

  overflow:hidden;

  border:
    1px solid rgba(17,70,88,.09);

  border-radius:17px;

  background:#fff;

  box-shadow:
    0 18px 40px rgba(21,62,78,.07);
}

body.personal-effects-page .v8160-box-visual{
  position:relative;

  overflow:hidden;

  min-height:390px;

  background:
    linear-gradient(
      145deg,
      #073246,
      #0b5266
    );
}

body.personal-effects-page .v8160-box-scene{
  position:absolute;
  inset:0;
}

body.personal-effects-page .v8160-box-scene::before{
  content:"";

  position:absolute;
  inset:0;

  background:
    linear-gradient(
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.035) 1px,
      transparent 1px
    );

  background-size:42px 42px;
}

body.personal-effects-page .v8160-box{
  position:absolute;

  display:flex;
  flex-direction:column;

  justify-content:center;

  padding:22px;

  border:
    1px solid rgba(255,255,255,.16);

  color:#fff;

  background:
    linear-gradient(
      145deg,
      rgba(228,177,57,.18),
      rgba(255,255,255,.08)
    );

  box-shadow:
    0 18px 30px rgba(0,0,0,.12);

  backdrop-filter:blur(8px);
}

body.personal-effects-page .v8160-box::after{
  content:"";

  position:absolute;

  top:0;
  bottom:0;

  width:1px;

  left:50%;

  background:
    rgba(255,255,255,.08);
}

body.personal-effects-page .v8160-box span{
  color:#e6b23d;

  font-size:.43rem;
  font-weight:800;

  letter-spacing:.13em;
}

body.personal-effects-page .v8160-box strong{
  margin-top:7px;

  font-size:1.25rem;
}

body.personal-effects-page .v8160-box small{
  margin-top:6px;

  color:rgba(255,255,255,.48);

  font-size:.43rem;
}

body.personal-effects-page .box-a{
  width:220px;
  height:170px;

  left:12%;
  bottom:14%;
}

body.personal-effects-page .box-b{
  width:185px;
  height:142px;

  left:43%;
  bottom:23%;
}

body.personal-effects-page .box-c{
  width:165px;
  height:120px;

  right:8%;
  bottom:37%;
}

body.personal-effects-page .v8160-box-tag{
  position:absolute;

  padding:8px 10px;

  border-radius:6px;

  color:#103a4d;

  background:#e7f2f2;

  font-size:.44rem;
  font-weight:800;

  letter-spacing:.06em;

  box-shadow:
    0 8px 18px rgba(0,0,0,.11);
}

body.personal-effects-page .tag-a{
  top:16%;
  left:15%;
}

body.personal-effects-page .tag-b{
  top:20%;
  right:14%;
}

body.personal-effects-page .v8160-packing-panel{
  padding:45px 43px;
}

body.personal-effects-page .v8160-packing-panel h3{
  max-width:440px;

  margin:12px 0 12px;

  color:#0e3447;

  font-size:2rem;
  line-height:1;
  letter-spacing:-.04em;
}

body.personal-effects-page .v8160-packing-panel > p{
  margin:0 0 24px;

  color:#718087;

  font-size:.75rem;
  line-height:1.62;
}

body.personal-effects-page .v8160-packing-checks{
  display:grid;
  gap:7px;
}

body.personal-effects-page .v8160-packing-checks > div{
  min-height:55px;

  display:grid;

  grid-template-columns:
    32px 1fr;

  grid-template-rows:
    auto auto;

  column-gap:11px;

  align-items:center;

  padding:9px 12px;

  border:
    1px solid rgba(20,72,89,.08);

  border-radius:8px;

  background:#edf5f5;
}

body.personal-effects-page .v8160-packing-checks span{
  grid-row:1 / 3;

  width:27px;
  height:27px;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#14506a;

  background:#dcecef;

  font-size:.48rem;
  font-weight:900;
}

body.personal-effects-page .v8160-packing-checks strong{
  color:#143b4d;

  font-size:.67rem;
}

body.personal-effects-page .v8160-packing-checks small{
  color:#7d898e;

  font-size:.51rem;
}


/* ==========================================================
   CUSTOMS
   ========================================================== */

body.personal-effects-page .v8160-customs-section{
  padding:98px 0;

  background:
    radial-gradient(
      circle at 86% 12%,
      rgba(211,233,237,.55),
      transparent 32%
    ),
    #eef6f6;
}

body.personal-effects-page .v8160-customs-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:14px;
}

body.personal-effects-page .v8160-customs-grid article{
  min-height:225px;

  padding:25px;

  border:
    1px solid rgba(17,68,86,.09);

  border-radius:15px;

  background:
    rgba(255,255,255,.82);

  box-shadow:
    0 14px 32px rgba(17,60,76,.045);
}

body.personal-effects-page .v8160-customs-grid article > span{
  width:34px;
  height:34px;

  display:grid;
  place-items:center;

  margin-bottom:21px;

  border-radius:50%;

  color:#9b6e14;

  background:#f6e9c2;

  font-size:.54rem;
  font-weight:900;
}

body.personal-effects-page .v8160-customs-grid small{
  display:block;

  margin-bottom:6px;

  color:#b27a17;

  font-size:.46rem;
  font-weight:800;

  letter-spacing:.10em;
}

body.personal-effects-page .v8160-customs-grid h3{
  margin:0 0 9px;

  color:#123a4c;

  font-size:1.08rem;
  line-height:1.15;
}

body.personal-effects-page .v8160-customs-grid p{
  margin:0;

  color:#738188;

  font-size:.68rem;
  line-height:1.6;
}

body.personal-effects-page .v8160-customs-note{
  display:grid;

  grid-template-columns:
    auto
    1fr;

  gap:15px;

  align-items:center;

  margin-top:14px;

  padding:14px 17px;

  border:
    1px solid rgba(18,69,86,.08);

  border-radius:9px;

  background:
    rgba(255,255,255,.82);
}

body.personal-effects-page .v8160-customs-note span{
  padding:5px 9px;

  border-radius:999px;

  color:#9c711c;

  background:#f7ecd0;

  font-size:.42rem;
  font-weight:900;

  letter-spacing:.08em;
}

body.personal-effects-page .v8160-customs-note p{
  margin:0;

  color:#64767e;

  font-size:.58rem;
  line-height:1.55;
}


/* ==========================================================
   PROFILES
   ========================================================== */

body.personal-effects-page .v8160-profiles-section{
  padding:94px 0;

  background:
    linear-gradient(
      180deg,
      #fbf7ef,
      #f8f3e8
    );
}

body.personal-effects-page .v8160-profile-grid{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:14px;
}

body.personal-effects-page .v8160-profile-grid article{
  min-height:185px;

  padding:24px;

  border:
    1px solid rgba(18,67,85,.09);

  border-radius:14px;

  background:#fff;

  box-shadow:
    0 13px 28px rgba(17,58,73,.045);
}

body.personal-effects-page .v8160-profile-grid small{
  display:block;

  margin-bottom:14px;

  color:#b57c17;

  font-size:.46rem;
  font-weight:800;

  letter-spacing:.11em;
}

body.personal-effects-page .v8160-profile-grid h3{
  margin:0 0 9px;

  color:#12394b;

  font-size:1rem;
}

body.personal-effects-page .v8160-profile-grid p{
  margin:0;

  color:#758289;

  font-size:.67rem;
  line-height:1.58;
}


/* ==========================================================
   ACTION
   ========================================================== */

body.personal-effects-page .v8160-action-section{
  padding:78px 0;

  color:#fff;

  background:
    linear-gradient(
      135deg,
      #062536,
      #0a4d61
    );
}

body.personal-effects-page .v8160-action-inner{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(340px,.65fr);

  gap:90px;

  align-items:center;
}

body.personal-effects-page .v8160-action-section .eyebrow{
  color:#e1ae36;
}

body.personal-effects-page .v8160-action-section h2{
  margin:13px 0 12px;

  color:#fff;

  font-size:
    clamp(2.4rem,3.7vw,3.65rem);

  line-height:.95;
  letter-spacing:-.045em;
}

body.personal-effects-page .v8160-action-section p{
  max-width:650px;

  margin:0;

  color:rgba(255,255,255,.52);

  font-size:.75rem;
  line-height:1.63;
}

body.personal-effects-page .v8160-action-buttons{
  display:grid;
  gap:8px;
}

body.personal-effects-page .v8160-action-buttons a{
  min-height:64px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:18px;

  padding:11px 17px;

  border-radius:10px;

  text-decoration:none;
}

body.personal-effects-page .v8160-action-buttons a span{
  color:inherit;

  font-size:.73rem;
  font-weight:800;
}

body.personal-effects-page .v8160-action-buttons a small{
  display:block;

  margin-bottom:3px;

  color:inherit;

  opacity:.55;

  font-size:.43rem;
  font-weight:800;

  letter-spacing:.08em;
  text-transform:uppercase;
}

body.personal-effects-page .v8160-action-buttons b{
  font-size:1rem;
}

body.personal-effects-page .v8160-action-primary{
  color:#082638;

  background:
    linear-gradient(
      135deg,
      #e6b43b,
      #d49b20
    );
}

body.personal-effects-page .v8160-action-secondary{
  color:#fff;

  border:
    1px solid rgba(255,255,255,.14);

  background:
    rgba(255,255,255,.055);
}


/* ==========================================================
   FAQ
   ========================================================== */

body.personal-effects-page .v8160-faq-section{
  padding:96px 0;

  background:
    radial-gradient(
      circle at 10% 10%,
      rgba(238,205,128,.16),
      transparent 28%
    ),
    #fbf8f1;
}

body.personal-effects-page .v8160-faq-section .faq{
  display:grid;

  grid-template-columns:
    minmax(0,.72fr)
    minmax(520px,1.28fr);

  gap:95px;

  align-items:start;
}

body.personal-effects-page .v8160-faq-section h2{
  margin:13px 0 13px;

  color:#0d3447;

  font-size:
    clamp(2.7rem,4vw,4rem);

  line-height:.93;
  letter-spacing:-.05em;
}

body.personal-effects-page .v8160-faq-intro{
  max-width:390px;

  margin:0;

  color:#78868c;

  font-size:.69rem;
  line-height:1.62;
}


/* ==========================================================
   FINAL CTA
   ========================================================== */

body.personal-effects-page .v8160-cta{
  position:relative;

  overflow:hidden;

  padding:64px 0;

  background:
    linear-gradient(
      115deg,
      #062434 0%,
      #0b465b 70%,
      #174f61 100%
    );
}

body.personal-effects-page .v8160-cta::after{
  content:"";

  position:absolute;

  right:-120px;
  top:-210px;

  width:520px;
  height:520px;

  border:
    1px solid rgba(255,255,255,.10);

  border-radius:50%;
}

body.personal-effects-page .v8160-cta-inner{
  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:
    1fr auto;

  gap:60px;

  align-items:center;
}

body.personal-effects-page .v8160-cta .eyebrow{
  color:#e1af36;
}

body.personal-effects-page .v8160-cta h2{
  margin:12px 0 8px;

  color:#fff;

  font-size:
    clamp(2.2rem,3.3vw,3.35rem);

  line-height:.94;
  letter-spacing:-.04em;
}

body.personal-effects-page .v8160-cta p{
  max-width:660px;

  margin:0;

  color:rgba(255,255,255,.42);

  font-size:.68rem;
}

body.personal-effects-page .v8160-cta-button{
  min-width:205px;
  min-height:48px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:12px;

  padding:0 21px;

  border-radius:999px;

  color:#092a3d;

  background:#fff;

  font-size:.70rem;
  font-weight:800;

  white-space:nowrap;
  text-decoration:none;
}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width:1500px){

  body.personal-effects-page .v8160-hero-inner{
    min-height:610px;
  }

  body.personal-effects-page .v8160-file-card{
    min-height:290px;
  }

}


/* ==========================================================
   LAPTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1200px){

  body.personal-effects-page .v8160-hero-inner{
    grid-template-columns:
      minmax(0,1fr)
      330px;

    gap:45px;
  }

  body.personal-effects-page .v8160-section-head{
    gap:45px;
  }

  body.personal-effects-page .v8160-file-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  body.personal-effects-page .v8160-profile-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  body.personal-effects-page .v8160-journey{
    grid-template-columns:
      repeat(3,minmax(0,1fr));

    gap:24px 0;
  }

  body.personal-effects-page .v8160-journey-line{
    display:none;
  }

  body.personal-effects-page .v8160-journey article{
    min-height:170px;
  }

}


/* ==========================================================
   MOBILE / TABLET
   ========================================================== */

@media (max-width:900px){

  body.personal-effects-page .v8160-hero{
    min-height:auto;
  }

  body.personal-effects-page .v8160-hero-media{
    background-position:center center;
  }

  body.personal-effects-page .v8160-hero-overlay{
    background:
      linear-gradient(
        180deg,
        rgba(4,22,34,.70),
        rgba(4,22,34,.94)
      );
  }

  body.personal-effects-page .v8160-hero-inner{
    min-height:auto;

    grid-template-columns:1fr;

    gap:30px;

    padding-top:62px;
    padding-bottom:52px;
  }

  body.personal-effects-page .v8160-hero h1{
    font-size:
      clamp(2.7rem,12vw,4.2rem);
  }

  body.personal-effects-page .v8160-owner-card{
    max-width:none;
  }

  body.personal-effects-page .v8160-section-head{
    grid-template-columns:1fr;

    gap:18px;
  }

  body.personal-effects-page .v8160-file-grid,
  body.personal-effects-page .v8160-customs-grid,
  body.personal-effects-page .v8160-profile-grid{
    grid-template-columns:1fr;
  }

  body.personal-effects-page .v8160-case-strip{
    grid-template-columns:1fr;
  }

  body.personal-effects-page .v8160-case-strip-path{
    justify-content:flex-start;

    flex-wrap:wrap;
  }

  body.personal-effects-page .v8160-control-layout{
    grid-template-columns:1fr;
  }

  body.personal-effects-page .v8160-control-side{
    display:none;
  }

  body.personal-effects-page .v8160-control-metrics{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  body.personal-effects-page .v8160-control-row{
    grid-template-columns:
      1.4fr
      .7fr
      1fr;
  }

  body.personal-effects-page .v8160-control-row span:nth-child(2){
    display:none;
  }

  body.personal-effects-page .v8160-journey{
    grid-template-columns:
      repeat(2,minmax(0,1fr));

    gap:25px 0;
  }

  body.personal-effects-page .v8160-journey-line{
    display:none;
  }

  body.personal-effects-page .v8160-packing-layout{
    grid-template-columns:1fr;
  }

  body.personal-effects-page .v8160-box-visual{
    min-height:330px;
  }

  body.personal-effects-page .v8160-action-inner{
    grid-template-columns:1fr;

    gap:35px;
  }

  body.personal-effects-page .v8160-faq-section .faq{
    grid-template-columns:1fr;

    gap:40px;
  }

  body.personal-effects-page .v8160-cta-inner{
    grid-template-columns:1fr;

    gap:28px;
  }

  body.personal-effects-page .v8160-cta-button{
    justify-self:start;
  }

}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:600px){

  body.personal-effects-page .v8160-file-section,
  body.personal-effects-page .v8160-control-section,
  body.personal-effects-page .v8160-journey-section,
  body.personal-effects-page .v8160-packing-section,
  body.personal-effects-page .v8160-customs-section,
  body.personal-effects-page .v8160-profiles-section,
  body.personal-effects-page .v8160-faq-section{
    padding-top:72px;
    padding-bottom:72px;
  }

  body.personal-effects-page .v8160-owner-card{
    padding:24px 20px;
  }

  body.personal-effects-page .v8160-owner-status > div{
    grid-template-columns:30px 1fr;
  }

  body.personal-effects-page .v8160-owner-status small{
    grid-column:2;
  }

  body.personal-effects-page .v8160-control-metrics{
    grid-template-columns:1fr;
  }

  body.personal-effects-page .v8160-journey{
    grid-template-columns:1fr;
  }

  body.personal-effects-page .v8160-journey article{
    min-height:auto;

    padding-bottom:24px;

    border-right:0;
  }

  body.personal-effects-page .v8160-journey-rule{
    align-items:flex-start;
    flex-direction:column;
  }

  body.personal-effects-page .v8160-packing-panel{
    padding:30px 23px;
  }

  body.personal-effects-page .v8160-box{
    transform:scale(.80);
  }

  body.personal-effects-page .box-a{
    left:1%;
  }

  body.personal-effects-page .box-b{
    left:33%;
  }

  body.personal-effects-page .box-c{
    right:-4%;
  }

}

/* END V8.16.0 PERSONAL EFFECTS */


/* ==========================================================
   V8.16.1 — PERSONAL EFFECTS DESKTOP VISUAL CORRECTION
   Restore dark chapters + strengthen relocation profiles
   ========================================================== */


/* ----------------------------------------------------------
   CASE CONTROL — FORCE INTENDED DARK CHAPTER
   ---------------------------------------------------------- */

body.personal-effects-page section.v8160-control-section{
  position:relative!important;

  padding-top:100px!important;
  padding-bottom:100px!important;

  color:#ffffff!important;

  background:
    radial-gradient(
      circle at 88% 8%,
      rgba(39,124,148,.34),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      #061f2e 0%,
      #073448 55%,
      #075168 100%
    )!important;
}


body.personal-effects-page
.v8160-control-section
.v8160-section-head h2{
  color:#ffffff!important;
}


body.personal-effects-page
.v8160-control-section
.v8160-section-head > p{
  color:rgba(255,255,255,.66)!important;
}


body.personal-effects-page
.v8160-control-section
.eyebrow{
  color:#e0ad36!important;
}


/* keep control board visually separated from chapter */

body.personal-effects-page
.v8160-control-board{
  border:
    1px solid rgba(255,255,255,.11)!important;

  background:#052437!important;

  box-shadow:
    0 28px 70px rgba(0,0,0,.24)!important;
}



/* ----------------------------------------------------------
   RELOCATION PROFILES — RESTORE LEGIBILITY
   ---------------------------------------------------------- */

body.personal-effects-page
section.v8160-profiles-section{
  background:
    radial-gradient(
      circle at 88% 14%,
      rgba(218,232,231,.28),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      #fbf8f1 0%,
      #f7f4ec 100%
    )!important;
}


body.personal-effects-page
.v8160-profile-grid article{
  position:relative!important;

  overflow:hidden!important;

  min-height:190px!important;

  padding:
    25px 24px 23px!important;

  border:
    1px solid rgba(19,72,89,.12)!important;

  border-radius:15px!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(249,251,249,.94)
    )!important;

  box-shadow:
    0 15px 34px rgba(15,55,70,.065)!important;
}


body.personal-effects-page
.v8160-profile-grid article::before{
  content:""!important;

  position:absolute!important;

  left:24px!important;
  top:0!important;

  width:44px!important;
  height:2px!important;

  background:
    linear-gradient(
      90deg,
      #d7a12b,
      rgba(215,161,43,0)
    )!important;
}


body.personal-effects-page
.v8160-profile-grid small{
  display:block!important;

  margin-bottom:13px!important;

  color:#ad7819!important;

  font-family:"Manrope",sans-serif!important;

  font-size:.49rem!important;
  font-weight:800!important;

  line-height:1.2!important;

  letter-spacing:.11em!important;
}


body.personal-effects-page
.v8160-profile-grid h3{
  display:block!important;

  margin:0 0 10px!important;

  color:#12384a!important;

  font-family:"Manrope",sans-serif!important;

  font-size:1.02rem!important;
  font-weight:800!important;

  line-height:1.14!important;

  letter-spacing:-.025em!important;

  opacity:1!important;
  visibility:visible!important;
}


body.personal-effects-page
.v8160-profile-grid p{
  display:block!important;

  margin:0!important;

  color:#718087!important;

  font-family:"Manrope",sans-serif!important;

  font-size:.68rem!important;
  font-weight:500!important;

  line-height:1.58!important;

  opacity:1!important;
  visibility:visible!important;
}



/* ----------------------------------------------------------
   OWNER INTAKE ACTION — FORCE DARK CHAPTER
   ---------------------------------------------------------- */

body.personal-effects-page
section.v8160-action-section{
  position:relative!important;

  overflow:hidden!important;

  padding-top:79px!important;
  padding-bottom:79px!important;

  color:#ffffff!important;

  background:
    radial-gradient(
      circle at 84% 10%,
      rgba(38,129,153,.25),
      transparent 38%
    ),
    linear-gradient(
      120deg,
      #061f2e 0%,
      #08394d 58%,
      #0a5267 100%
    )!important;
}


body.personal-effects-page
.v8160-action-section::after{
  content:""!important;

  position:absolute!important;

  width:420px!important;
  height:420px!important;

  right:-170px!important;
  top:-230px!important;

  border:
    1px solid rgba(255,255,255,.08)!important;

  border-radius:50%!important;

  pointer-events:none!important;
}


body.personal-effects-page
.v8160-action-inner{
  position:relative!important;
  z-index:2!important;
}


body.personal-effects-page
.v8160-action-section .eyebrow{
  color:#e2af39!important;
}


body.personal-effects-page
.v8160-action-section h2{
  color:#ffffff!important;

  text-shadow:
    0 2px 18px rgba(0,0,0,.10)!important;
}


body.personal-effects-page
.v8160-action-section p{
  color:rgba(255,255,255,.63)!important;
}


body.personal-effects-page
.v8160-action-primary{
  color:#08283a!important;

  background:
    linear-gradient(
      135deg,
      #ebb941,
      #d89f20
    )!important;

  box-shadow:
    0 12px 25px rgba(210,151,25,.16)!important;
}


body.personal-effects-page
.v8160-action-secondary{
  color:#ffffff!important;

  border:
    1px solid rgba(255,255,255,.18)!important;

  background:
    rgba(255,255,255,.055)!important;
}



/* ----------------------------------------------------------
   SMALL GENERAL CONTRAST POLISH
   ---------------------------------------------------------- */

body.personal-effects-page
.v8160-file-section,
body.personal-effects-page
.v8160-journey-section,
body.personal-effects-page
.v8160-packing-section,
body.personal-effects-page
.v8160-customs-section,
body.personal-effects-page
.v8160-profiles-section,
body.personal-effects-page
.v8160-faq-section{
  color:#12384a!important;
}


body.personal-effects-page
.v8160-section-head .eyebrow{
  position:relative!important;

  opacity:1!important;
  visibility:visible!important;
}


body.personal-effects-page
.v8160-section-head h2{
  opacity:1!important;
  visibility:visible!important;
}



/* ----------------------------------------------------------
   DESKTOP SPACING BALANCE
   ---------------------------------------------------------- */

@media (min-width:1101px){

  body.personal-effects-page
  .v8160-control-section .container,
  body.personal-effects-page
  .v8160-action-section .container{
    position:relative!important;
    z-index:2!important;
  }


  body.personal-effects-page
  .v8160-profile-grid{
    gap:16px!important;
  }

}



/* ----------------------------------------------------------
   MOBILE SAFETY
   ---------------------------------------------------------- */

@media (max-width:900px){

  body.personal-effects-page
  section.v8160-control-section{
    padding-top:72px!important;
    padding-bottom:72px!important;
  }


  body.personal-effects-page
  section.v8160-action-section{
    padding-top:68px!important;
    padding-bottom:68px!important;
  }

}


/* END V8.16.1 PERSONAL EFFECTS CORRECTION */


/* =====================================================================
   V8.17.0 — PROCUREMENT & EXPORT DESKTOP
   Scope: commodity-procurement-export.html only
   ===================================================================== */


/* ==========================================================
   PAGE BASICS
   ========================================================== */

body.procurement-page{
  background:#f7f4ed!important;
}

body.procurement-page .v8170-chapter{
  position:relative!important;
  overflow:hidden!important;
}

body.procurement-page .v8170-section-head{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(320px,.72fr)!important;

  gap:92px!important;
  align-items:end!important;

  margin-bottom:46px!important;
}

body.procurement-page .v8170-section-head h2{
  max-width:700px!important;

  margin:0!important;

  color:#082d42!important;

  font-size:
    clamp(2.55rem,4vw,4.6rem)!important;

  line-height:.93!important;
  letter-spacing:-.055em!important;
}

body.procurement-page .v8170-section-copy{
  max-width:530px!important;
}

body.procurement-page .v8170-section-copy p{
  margin:0!important;

  color:#66777f!important;

  font-size:.89rem!important;
  line-height:1.72!important;
}



/* ==========================================================
   HERO
   ========================================================== */

body.procurement-page .v8170-hero{
  position:relative!important;

  min-height:570px!important;

  isolation:isolate!important;

  display:flex!important;
  align-items:stretch!important;

  overflow:hidden!important;

  background:#071e2d!important;
}

body.procurement-page .v8170-hero-bg{
  position:absolute!important;

  inset:-2%!important;

  z-index:-3!important;

  background:
    url('/assets/img/v831/v831-commodity.jpg')
    center 48% / cover no-repeat!important;

  transform:scale(1.035)!important;

  filter:
    saturate(.92)
    contrast(1.04)!important;
}

body.procurement-page .v8170-hero-overlay{
  position:absolute!important;

  inset:0!important;

  z-index:-2!important;

  background:
    linear-gradient(
      90deg,
      rgba(3,17,27,.97) 0%,
      rgba(3,20,31,.90) 34%,
      rgba(4,22,34,.57) 62%,
      rgba(4,22,34,.24) 100%
    ),
    linear-gradient(
      0deg,
      rgba(3,18,28,.63),
      transparent 54%
    )!important;
}

body.procurement-page .v8170-hero::after{
  content:""!important;

  position:absolute!important;

  inset:0!important;

  z-index:-1!important;

  pointer-events:none!important;

  background:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    )!important;

  background-size:
    80px 80px!important;

  mask-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.72),
      transparent 75%
    )!important;
}

body.procurement-page .v8170-hero-inner{
  min-height:570px!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    390px!important;

  gap:85px!important;

  align-items:center!important;

  padding-top:48px!important;
  padding-bottom:48px!important;
}

body.procurement-page .v8170-hero-copy{
  max-width:760px!important;
}

body.procurement-page .v8170-hero-copy .breadcrumbs{
  margin-bottom:20px!important;

  color:rgba(255,255,255,.57)!important;

  font-size:.66rem!important;
}

body.procurement-page .v8170-hero-copy .breadcrumbs a{
  color:#e1bd61!important;
}

body.procurement-page .v8170-hero-copy .eyebrow{
  color:#ddb34b!important;
}

body.procurement-page .v8170-hero-copy h1{
  margin:
    17px 0 20px!important;

  max-width:780px!important;

  color:#fff!important;

  font-size:
    clamp(3.75rem,5.6vw,6.45rem)!important;

  font-weight:800!important;

  line-height:.86!important;

  letter-spacing:-.058em!important;

  text-shadow:
    0 11px 35px rgba(0,0,0,.28)!important;
}

body.procurement-page .v8170-hero-copy h1 span{
  color:#e0ae35!important;
}

body.procurement-page .v8170-hero-copy .lead{
  max-width:680px!important;

  margin:0!important;

  color:rgba(255,255,255,.74)!important;

  font-size:.96rem!important;

  line-height:1.67!important;
}

body.procurement-page .v8170-hero-actions{
  display:flex!important;

  gap:12px!important;

  margin-top:25px!important;
}

body.procurement-page .v8170-dark-outline{
  color:#fff!important;

  border:
    1px solid rgba(255,255,255,.28)!important;

  background:
    rgba(4,24,36,.42)!important;

  backdrop-filter:
    blur(10px)!important;
}

body.procurement-page .v8170-hero-note{
  position:relative!important;

  overflow:hidden!important;

  padding:
    28px 27px 24px!important;

  border:
    1px solid rgba(224,181,73,.25)!important;

  border-radius:
    17px!important;

  background:
    linear-gradient(
      145deg,
      rgba(5,31,46,.96),
      rgba(5,24,37,.92)
    )!important;

  box-shadow:
    0 24px 65px rgba(0,0,0,.26)!important;

  backdrop-filter:
    blur(18px)!important;
}

body.procurement-page .v8170-hero-note::before{
  content:""!important;

  position:absolute!important;

  width:72px!important;
  height:2px!important;

  left:27px!important;
  top:0!important;

  background:
    linear-gradient(
      90deg,
      #e1b13d,
      rgba(225,177,61,0)
    )!important;
}

body.procurement-page .v8170-hero-note .eyebrow{
  color:#dcb451!important;
}

body.procurement-page .v8170-hero-note > strong{
  display:block!important;

  max-width:300px!important;

  margin:
    11px 0 12px!important;

  color:#fff!important;

  font-size:1.42rem!important;

  line-height:1.06!important;
  letter-spacing:-.035em!important;
}

body.procurement-page .v8170-hero-note > p{
  margin:
    0 0 17px!important;

  color:rgba(255,255,255,.58)!important;

  font-size:.77rem!important;

  line-height:1.62!important;
}

body.procurement-page .v8170-note-list{
  border-top:
    1px solid rgba(255,255,255,.08)!important;
}

body.procurement-page .v8170-note-list > div{
  display:grid!important;

  grid-template-columns:
    26px 1fr!important;

  gap:10px!important;

  align-items:start!important;

  padding:
    10px 0!important;

  border-bottom:
    1px solid rgba(255,255,255,.07)!important;
}

body.procurement-page .v8170-note-list b{
  color:#dba93a!important;

  font-size:.57rem!important;

  letter-spacing:.08em!important;
}

body.procurement-page .v8170-note-list span{
  color:#f7fbfc!important;

  font-size:.69rem!important;

  font-weight:700!important;
}

body.procurement-page .v8170-note-list small{
  display:block!important;

  margin-top:2px!important;

  color:rgba(255,255,255,.40)!important;

  font-size:.55rem!important;

  font-weight:500!important;
}



/* ==========================================================
   BUYER BRIEF
   ========================================================== */

body.procurement-page .v8170-brief{
  padding:
    92px 0 104px!important;

  background:
    url('/assets/img/noise.svg'),
    radial-gradient(
      circle at 91% 11%,
      rgba(76,144,172,.09),
      transparent 26%
    ),
    linear-gradient(
      145deg,
      #faf8f2,
      #f5f2ea
    )!important;
}

body.procurement-page .v8170-brief-grid{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:13px!important;
}

body.procurement-page .v8170-brief-card{
  position:relative!important;

  min-height:260px!important;

  padding:
    23px 20px!important;

  border:
    1px solid rgba(15,65,84,.11)!important;

  border-radius:
    16px!important;

  background:
    rgba(255,255,255,.80)!important;

  box-shadow:
    0 12px 34px rgba(8,40,56,.045)!important;
}

body.procurement-page .v8170-icon{
  width:34px!important;
  height:34px!important;

  display:grid!important;
  place-items:center!important;

  margin-bottom:22px!important;

  border-radius:
    9px!important;

  background:#e7f2f4!important;

  color:#17607d!important;

  font-size:.58rem!important;
  font-weight:800!important;
}

body.procurement-page .v8170-brief-card > small{
  color:#b27c18!important;

  font-size:.52rem!important;
  font-weight:800!important;

  letter-spacing:.12em!important;
}

body.procurement-page .v8170-brief-card h3{
  margin:
    8px 0 9px!important;

  color:#0b3449!important;

  font-size:1.08rem!important;

  line-height:1.1!important;
}

body.procurement-page .v8170-brief-card p{
  margin:
    0 0 13px!important;

  color:#718087!important;

  font-size:.72rem!important;
  line-height:1.55!important;
}

body.procurement-page .v8170-brief-card ul{
  display:grid!important;

  gap:5px!important;

  margin:0!important;
  padding:0!important;

  list-style:none!important;
}

body.procurement-page .v8170-brief-card li{
  position:relative!important;

  padding-left:11px!important;

  color:#526a74!important;

  font-size:.62rem!important;
  line-height:1.35!important;
}

body.procurement-page .v8170-brief-card li::before{
  content:""!important;

  position:absolute!important;

  width:4px!important;
  height:4px!important;

  left:0!important;
  top:.45em!important;

  border-radius:50%!important;

  background:#dba12a!important;
}

body.procurement-page .v8170-brief-feature{
  display:grid!important;

  grid-template-columns:
    1.08fr .92fr!important;

  min-height:325px!important;

  margin-top:14px!important;

  overflow:hidden!important;

  border:
    1px solid rgba(13,61,79,.10)!important;

  border-radius:
    17px!important;

  background:#fff!important;

  box-shadow:
    0 18px 45px rgba(8,38,54,.06)!important;
}

body.procurement-page .v8170-brief-image{
  min-height:325px!important;

  background:
    linear-gradient(
      0deg,
      rgba(5,29,42,.15),
      transparent
    ),
    url('/assets/img/v831/v831-commodity.jpg')
    center / cover no-repeat!important;
}

body.procurement-page .v8170-brief-feature-copy{
  padding:
    34px 34px 28px!important;
}

body.procurement-page .v8170-brief-feature-copy h3{
  max-width:450px!important;

  margin:
    9px 0 12px!important;

  color:#0a3348!important;

  font-size:2.15rem!important;

  line-height:.98!important;

  letter-spacing:-.045em!important;
}

body.procurement-page .v8170-brief-feature-copy > p{
  max-width:500px!important;

  margin:
    0 0 21px!important;

  color:#708087!important;

  font-size:.78rem!important;

  line-height:1.63!important;
}

body.procurement-page .v8170-mini-grid{
  display:grid!important;

  grid-template-columns:
    1fr 1fr!important;

  gap:8px!important;

  margin-bottom:18px!important;
}

body.procurement-page .v8170-mini-grid > div{
  padding:
    11px 12px!important;

  border-radius:
    9px!important;

  background:
    #eef5f5!important;
}

body.procurement-page .v8170-mini-grid small{
  display:block!important;

  margin-bottom:4px!important;

  color:#ad7a1d!important;

  font-size:.45rem!important;
  font-weight:800!important;

  letter-spacing:.1em!important;
}

body.procurement-page .v8170-mini-grid strong{
  color:#14394c!important;

  font-size:.67rem!important;
}



/* ==========================================================
   CONTROL DESK
   ========================================================== */

body.procurement-page .v8170-control{
  padding:
    100px 0 112px!important;

  background:
    radial-gradient(
      circle at 87% 5%,
      rgba(55,130,165,.24),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #031823,
      #06364d
    )!important;
}

body.procurement-page .v8170-control .eyebrow{
  color:#d8aa3e!important;
}

body.procurement-page .v8170-control
.v8170-section-head h2{
  color:#fff!important;
}

body.procurement-page .v8170-control
.v8170-section-copy p{
  color:rgba(255,255,255,.58)!important;
}

body.procurement-page .v8170-dashboard{
  overflow:hidden!important;

  border:
    1px solid rgba(105,190,215,.14)!important;

  border-radius:
    15px!important;

  background:
    rgba(3,27,40,.74)!important;

  box-shadow:
    0 28px 75px rgba(0,0,0,.19)!important;
}

body.procurement-page .v8170-dashboard-head{
  height:44px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  padding:
    0 17px!important;

  border-bottom:
    1px solid rgba(255,255,255,.07)!important;

  color:#f4f9fa!important;

  background:
    rgba(3,22,34,.73)!important;
}

body.procurement-page .v8170-dashboard-head > span{
  font-size:.62rem!important;

  font-weight:800!important;

  letter-spacing:.04em!important;
}

body.procurement-page .v8170-dashboard-head small{
  color:rgba(255,255,255,.37)!important;

  font-size:.43rem!important;

  letter-spacing:.12em!important;
}

body.procurement-page .v8170-dashboard-body{
  display:grid!important;

  grid-template-columns:
    180px 1fr!important;
}

body.procurement-page .v8170-dashboard-nav{
  display:grid!important;

  align-content:start!important;

  padding:
    17px 15px!important;

  border-right:
    1px solid rgba(255,255,255,.07)!important;

  background:
    rgba(3,24,36,.46)!important;
}

body.procurement-page .v8170-dashboard-nav > strong{
  margin-bottom:13px!important;

  color:#d6a437!important;

  font-size:.48rem!important;
  letter-spacing:.14em!important;
}

body.procurement-page .v8170-dashboard-nav > span{
  display:flex!important;

  justify-content:space-between!important;

  gap:10px!important;

  padding:
    10px 8px!important;

  border-bottom:
    1px solid rgba(255,255,255,.055)!important;

  color:rgba(255,255,255,.60)!important;

  font-size:.55rem!important;
}

body.procurement-page .v8170-dashboard-nav > span.active{
  border-radius:7px!important;

  color:#fff!important;

  background:
    rgba(111,203,164,.07)!important;
}

body.procurement-page .v8170-dashboard-nav b{
  color:#71dfa9!important;

  font-size:.44rem!important;
}

body.procurement-page .v8170-dashboard-main{
  padding:
    16px!important;
}

body.procurement-page .v8170-dashboard-stats{
  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  gap:8px!important;

  margin-bottom:10px!important;
}

body.procurement-page .v8170-dashboard-stats > div{
  min-height:88px!important;

  padding:
    14px!important;

  border:
    1px solid rgba(255,255,255,.06)!important;

  border-radius:
    9px!important;

  background:
    rgba(255,255,255,.038)!important;
}

body.procurement-page .v8170-dashboard-stats small{
  display:block!important;

  color:rgba(255,255,255,.34)!important;

  font-size:.44rem!important;
  letter-spacing:.12em!important;
}

body.procurement-page .v8170-dashboard-stats strong{
  display:block!important;

  margin:
    8px 0 3px!important;

  color:#f6fbfc!important;

  font-size:1.28rem!important;
}

body.procurement-page .v8170-dashboard-stats strong.hold{
  color:#e0b138!important;
}

body.procurement-page .v8170-dashboard-stats span{
  color:rgba(255,255,255,.39)!important;

  font-size:.50rem!important;
}

body.procurement-page .v8170-table{
  overflow:hidden!important;

  border:
    1px solid rgba(255,255,255,.06)!important;

  border-radius:
    9px!important;
}

body.procurement-page .v8170-table-head,
body.procurement-page .v8170-table-row{
  display:grid!important;

  grid-template-columns:
    1.45fr
    .75fr
    .64fr
    1.1fr!important;

  gap:12px!important;

  align-items:center!important;
}

body.procurement-page .v8170-table-head{
  padding:
    10px 12px!important;

  color:rgba(255,255,255,.31)!important;

  background:
    rgba(255,255,255,.028)!important;

  font-size:.42rem!important;
  font-weight:800!important;

  letter-spacing:.1em!important;
}

body.procurement-page .v8170-table-row{
  padding:
    11px 12px!important;

  border-top:
    1px solid rgba(255,255,255,.05)!important;

  color:rgba(255,255,255,.62)!important;

  font-size:.53rem!important;
}

body.procurement-page .v8170-table-row .ready{
  color:#69d9a4!important;
}

body.procurement-page .v8170-table-row .review{
  color:#e5bc54!important;
}

body.procurement-page .v8170-table-row .pending{
  color:#64bedc!important;
}

body.procurement-page .v8170-table-row .hold{
  color:#e2865f!important;
}

body.procurement-page .v8170-dashboard-foot{
  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  border-top:
    1px solid rgba(255,255,255,.07)!important;
}

body.procurement-page .v8170-dashboard-foot span{
  padding:
    11px 14px!important;

  border-right:
    1px solid rgba(255,255,255,.06)!important;

  color:rgba(255,255,255,.45)!important;

  font-size:.48rem!important;
}

body.procurement-page .v8170-dashboard-foot span::before{
  content:"■"!important;

  margin-right:7px!important;

  color:#d9aa39!important;

  font-size:.38rem!important;
}



/* ==========================================================
   QUALITY
   ========================================================== */

body.procurement-page .v8170-quality{
  padding:
    100px 0 108px!important;

  background:
    linear-gradient(
      140deg,
      #edf6f7,
      #f9f6ef 63%,
      #eaf2f3
    )!important;
}

body.procurement-page .v8170-quality-grid{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:12px!important;
}

body.procurement-page .v8170-quality-card{
  position:relative!important;

  min-height:225px!important;

  padding:
    23px 21px!important;

  overflow:hidden!important;

  border:
    1px solid rgba(14,69,88,.10)!important;

  border-radius:
    15px!important;

  background:
    rgba(255,255,255,.84)!important;

  box-shadow:
    0 12px 32px rgba(8,42,58,.04)!important;
}

body.procurement-page .v8170-quality-card > span{
  position:absolute!important;

  right:17px!important;
  top:15px!important;

  color:rgba(9,55,73,.10)!important;

  font-size:2.55rem!important;
  font-weight:800!important;
}

body.procurement-page .v8170-quality-card small{
  color:#b27e1d!important;

  font-size:.49rem!important;
  font-weight:800!important;

  letter-spacing:.12em!important;
}

body.procurement-page .v8170-quality-card h3{
  max-width:220px!important;

  margin:
    34px 0 10px!important;

  color:#0b3348!important;

  font-size:1.16rem!important;

  line-height:1.05!important;
}

body.procurement-page .v8170-quality-card p{
  margin:0!important;

  color:#6b7c83!important;

  font-size:.69rem!important;

  line-height:1.58!important;
}

body.procurement-page .v8170-control-rule{
  display:flex!important;

  align-items:center!important;

  gap:18px!important;

  margin-top:18px!important;

  padding:
    14px 17px!important;

  border:
    1px solid rgba(23,71,89,.10)!important;

  border-radius:
    9px!important;

  background:
    rgba(255,255,255,.78)!important;

  box-shadow:
    0 8px 26px rgba(8,42,58,.04)!important;
}

body.procurement-page .v8170-control-rule span{
  flex:none!important;

  padding:
    6px 9px!important;

  border-radius:
    999px!important;

  color:#9d731f!important;

  background:#f4ead2!important;

  font-size:.45rem!important;
  font-weight:800!important;

  letter-spacing:.1em!important;
}

body.procurement-page .v8170-control-rule strong{
  color:#173c4e!important;

  font-size:.66rem!important;
}



/* ==========================================================
   COMMODITY LANES
   ========================================================== */

body.procurement-page .v8170-lanes{
  padding:
    100px 0 110px!important;

  background-color:
    #f7f2e9!important;

  background-image:
    url('/assets/img/contours.svg'),
    url('/assets/img/noise.svg'),
    radial-gradient(
      circle at 85% 20%,
      rgba(202,157,54,.08),
      transparent 25%
    )!important;

  background-size:
    950px auto,
    auto,
    auto!important;
}

body.procurement-page .v8170-lanes-grid{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:12px!important;
}

body.procurement-page .v8170-lane-card{
  min-height:235px!important;

  padding:
    22px!important;

  border:
    1px solid rgba(14,65,84,.10)!important;

  border-radius:
    15px!important;

  background:
    rgba(255,255,255,.82)!important;

  box-shadow:
    0 12px 31px rgba(8,39,54,.04)!important;
}

body.procurement-page .v8170-lane-top{
  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  margin-bottom:28px!important;
}

body.procurement-page .v8170-lane-top span{
  color:#b27d18!important;

  font-size:.49rem!important;
  font-weight:800!important;

  letter-spacing:.11em!important;
}

body.procurement-page .v8170-lane-top b{
  color:rgba(11,56,74,.14)!important;

  font-size:1.45rem!important;
}

body.procurement-page .v8170-lane-card h3{
  margin:
    0 0 10px!important;

  color:#0a3247!important;

  font-size:1.08rem!important;
}

body.procurement-page .v8170-lane-card p{
  min-height:78px!important;

  margin:
    0 0 15px!important;

  color:#6c7b81!important;

  font-size:.70rem!important;

  line-height:1.55!important;
}

body.procurement-page .v8170-tags{
  display:flex!important;

  flex-wrap:wrap!important;

  gap:5px!important;
}

body.procurement-page .v8170-tags span{
  padding:
    4px 7px!important;

  border-radius:
    999px!important;

  color:#567079!important;

  background:
    #edf4f4!important;

  font-size:.47rem!important;
}

body.procurement-page .v8170-lanes-note{
  display:grid!important;

  grid-template-columns:
    auto 1fr!important;

  gap:15px!important;

  margin-top:18px!important;

  padding:
    13px 16px!important;

  border:
    1px solid rgba(19,69,86,.09)!important;

  border-radius:
    8px!important;

  background:
    rgba(255,255,255,.77)!important;
}

body.procurement-page .v8170-lanes-note span{
  align-self:start!important;

  padding:
    5px 8px!important;

  border-radius:
    999px!important;

  color:#9f7420!important;

  background:
    #f4ead0!important;

  font-size:.43rem!important;
  font-weight:800!important;

  letter-spacing:.1em!important;
}

body.procurement-page .v8170-lanes-note p{
  margin:0!important;

  color:#66777d!important;

  font-size:.60rem!important;

  line-height:1.48!important;
}



/* ==========================================================
   EXPORT READINESS
   ========================================================== */

body.procurement-page .v8170-readiness{
  padding:
    100px 0 110px!important;

  background:
    linear-gradient(
      140deg,
      #edf6f7,
      #f5f5ef 63%,
      #e6f0f2
    )!important;
}

body.procurement-page .v8170-readiness-shell{
  display:grid!important;

  grid-template-columns:
    1.08fr .92fr!important;

  min-height:365px!important;

  overflow:hidden!important;

  border:
    1px solid rgba(13,64,82,.10)!important;

  border-radius:
    16px!important;

  background:#fff!important;

  box-shadow:
    0 18px 46px rgba(9,40,55,.06)!important;
}

body.procurement-page .v8170-readiness-image{
  min-height:365px!important;

  background:
    linear-gradient(
      0deg,
      rgba(4,27,40,.12),
      transparent
    ),
    url('/assets/img/v831/v831-cold-chain.jpg')
    center / cover no-repeat!important;
}

body.procurement-page .v8170-readiness-copy{
  padding:
    36px 34px!important;
}

body.procurement-page .v8170-readiness-copy h3{
  max-width:440px!important;

  margin:
    10px 0 12px!important;

  color:#0a3348!important;

  font-size:2.10rem!important;

  line-height:.97!important;
  letter-spacing:-.045em!important;
}

body.procurement-page .v8170-readiness-copy > p{
  margin:
    0 0 21px!important;

  color:#6f7d83!important;

  font-size:.76rem!important;

  line-height:1.62!important;
}

body.procurement-page .v8170-readiness-items{
  display:grid!important;

  grid-template-columns:
    1fr 1fr!important;

  gap:8px!important;
}

body.procurement-page .v8170-readiness-items > div{
  padding:
    12px!important;

  border-radius:
    9px!important;

  background:#eef5f5!important;
}

body.procurement-page .v8170-readiness-items small{
  display:block!important;

  margin-bottom:4px!important;

  color:#b27d1c!important;

  font-size:.44rem!important;
  font-weight:800!important;

  letter-spacing:.11em!important;
}

body.procurement-page .v8170-readiness-items strong{
  color:#133a4d!important;

  font-size:.66rem!important;
}



/* ==========================================================
   JOURNEY
   ========================================================== */

body.procurement-page .v8170-journey{
  padding:
    100px 0 112px!important;

  background:
    url('/assets/img/noise.svg'),
    radial-gradient(
      circle at 8% 70%,
      rgba(209,164,59,.07),
      transparent 28%
    ),
    #f7f3ea!important;
}

body.procurement-page .v8170-journey-line{
  position:relative!important;

  display:grid!important;

  grid-template-columns:
    repeat(7,minmax(0,1fr))!important;

  gap:0!important;
}

body.procurement-page .v8170-journey-line::before{
  content:""!important;

  position:absolute!important;

  left:4%!important;
  right:4%!important;
  top:19px!important;

  height:1px!important;

  background:
    linear-gradient(
      90deg,
      #d8a531,
      #6db5ca,
      #d8a531
    )!important;

  opacity:.55!important;
}

body.procurement-page .v8170-journey-line article{
  position:relative!important;

  z-index:2!important;

  min-height:205px!important;

  padding:
    0 15px 17px!important;

  border-right:
    1px solid rgba(19,67,85,.10)!important;
}

body.procurement-page .v8170-journey-line article:last-child{
  border-right:0!important;
}

body.procurement-page .v8170-journey-line b{
  width:39px!important;
  height:39px!important;

  display:grid!important;
  place-items:center!important;

  margin-bottom:25px!important;

  border-radius:50%!important;

  color:#72520f!important;

  background:
    #e3b53e!important;

  box-shadow:
    0 7px 18px rgba(198,145,37,.17)!important;

  font-size:.52rem!important;
}

body.procurement-page .v8170-journey-line small{
  display:block!important;

  margin-bottom:6px!important;

  color:#b07c1b!important;

  font-size:.44rem!important;
  font-weight:800!important;

  letter-spacing:.1em!important;
}

body.procurement-page .v8170-journey-line h3{
  margin:
    0 0 7px!important;

  color:#12374a!important;

  font-size:.78rem!important;

  line-height:1.18!important;
}

body.procurement-page .v8170-journey-line p{
  margin:0!important;

  color:#718087!important;

  font-size:.56rem!important;
  line-height:1.52!important;
}



/* ==========================================================
   BUYER INTAKE
   ========================================================== */

body.procurement-page .v8170-intake{
  padding:
    78px 0!important;

  background:
    radial-gradient(
      circle at 87% 0,
      rgba(75,145,175,.22),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #041722,
      #084059
    )!important;
}

body.procurement-page .v8170-intake-grid{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    480px!important;

  gap:90px!important;

  align-items:center!important;
}

body.procurement-page .v8170-intake .eyebrow{
  color:#d8ab40!important;
}

body.procurement-page .v8170-intake h2{
  max-width:580px!important;

  margin:
    11px 0 14px!important;

  color:#fff!important;

  font-size:
    clamp(3rem,4.7vw,5rem)!important;

  line-height:.89!important;
  letter-spacing:-.055em!important;
}

body.procurement-page .v8170-intake p{
  max-width:600px!important;

  margin:0!important;

  color:rgba(255,255,255,.52)!important;

  font-size:.78rem!important;

  line-height:1.64!important;
}

body.procurement-page .v8170-intake-panel{
  display:grid!important;

  grid-template-columns:
    1fr 1fr!important;

  gap:8px!important;
}

body.procurement-page .v8170-intake-panel a{
  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  min-height:66px!important;

  padding:
    13px 14px!important;

  border:
    1px solid rgba(255,255,255,.08)!important;

  border-radius:
    9px!important;

  color:#eef9fb!important;

  background:
    rgba(255,255,255,.055)!important;

  text-decoration:none!important;
}

body.procurement-page .v8170-intake-panel span{
  font-size:.66rem!important;

  font-weight:700!important;
}

body.procurement-page .v8170-intake-panel small{
  display:block!important;

  margin-bottom:3px!important;

  color:#d4a337!important;

  font-size:.44rem!important;
}

body.procurement-page .v8170-intake-panel b{
  color:#d8ae46!important;
}

body.procurement-page .v8170-intake-panel a.primary{
  grid-column:1 / -1!important;

  min-height:52px!important;

  color:#0a2635!important;

  background:
    linear-gradient(
      135deg,
      #e3b43e,
      #cf972a
    )!important;
}

body.procurement-page .v8170-intake-panel
a.primary b{
  color:#173748!important;
}



/* ==========================================================
   FAQ
   ========================================================== */

body.procurement-page .v8170-faq{
  padding:
    96px 0 108px!important;

  background:
    radial-gradient(
      circle at 10% 15%,
      rgba(213,168,57,.07),
      transparent 25%
    ),
    #faf7f0!important;
}

body.procurement-page .v8170-faq .faq{
  display:grid!important;

  grid-template-columns:
    minmax(0,.70fr)
    minmax(520px,1fr)!important;

  gap:90px!important;

  align-items:start!important;
}

body.procurement-page .v8170-faq h2{
  max-width:480px!important;

  margin:
    11px 0 15px!important;

  color:#0b3449!important;

  font-size:
    clamp(2.7rem,4vw,4.2rem)!important;

  line-height:.90!important;
  letter-spacing:-.055em!important;
}

body.procurement-page .v8170-faq-intro{
  max-width:430px!important;

  color:#748087!important;

  font-size:.72rem!important;

  line-height:1.62!important;
}



/* ==========================================================
   FINAL CTA
   ========================================================== */

body.procurement-page .v8170-cta{
  background:
    radial-gradient(
      circle at 87% 0,
      rgba(81,150,179,.25),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #041723,
      #0a455f
    )!important;
}



/* ==========================================================
   DESKTOP LARGE
   ========================================================== */

@media (min-width:1500px){

  body.procurement-page .v8170-hero-inner{
    grid-template-columns:
      minmax(0,1fr)
      410px!important;
  }

}



/* ==========================================================
   LAPTOP
   ========================================================== */

@media (min-width:901px) and (max-width:1180px){

  body.procurement-page .v8170-hero-inner{
    grid-template-columns:
      minmax(0,1fr)
      340px!important;

    gap:42px!important;
  }

  body.procurement-page .v8170-section-head{
    gap:50px!important;
  }

  body.procurement-page .v8170-journey-line{
    grid-template-columns:
      repeat(7,minmax(100px,1fr))!important;
  }

  body.procurement-page .v8170-journey{
    overflow-x:auto!important;
  }

  body.procurement-page .v8170-intake-grid{
    grid-template-columns:
      1fr 400px!important;

    gap:45px!important;
  }

}



/* ==========================================================
   MOBILE / TABLET
   Desktop work remains primary. Safe responsive fallback only.
   ========================================================== */

@media (max-width:900px){

  body.procurement-page .v8170-hero{
    min-height:auto!important;
  }

  body.procurement-page .v8170-hero-inner{
    min-height:auto!important;

    grid-template-columns:
      1fr!important;

    gap:28px!important;

    padding:
      70px 22px 55px!important;
  }

  body.procurement-page .v8170-hero-copy h1{
    font-size:
      clamp(3.1rem,11vw,5rem)!important;
  }

  body.procurement-page .v8170-hero-note{
    max-width:580px!important;
  }

  body.procurement-page .v8170-section-head{
    grid-template-columns:
      1fr!important;

    gap:24px!important;
  }

  body.procurement-page .v8170-brief-grid,
  body.procurement-page .v8170-quality-grid,
  body.procurement-page .v8170-lanes-grid{
    grid-template-columns:
      1fr 1fr!important;
  }

  body.procurement-page .v8170-brief-feature,
  body.procurement-page .v8170-readiness-shell{
    grid-template-columns:
      1fr!important;
  }

  body.procurement-page .v8170-dashboard-body{
    grid-template-columns:
      1fr!important;
  }

  body.procurement-page .v8170-dashboard-nav{
    display:none!important;
  }

  body.procurement-page .v8170-dashboard-stats{
    grid-template-columns:
      1fr 1fr!important;
  }

  body.procurement-page .v8170-journey-line{
    grid-template-columns:
      1fr 1fr!important;

    gap:18px!important;
  }

  body.procurement-page .v8170-journey-line::before{
    display:none!important;
  }

  body.procurement-page .v8170-journey-line article{
    min-height:0!important;

    padding:
      0 0 18px!important;

    border-right:0!important;

    border-bottom:
      1px solid rgba(19,67,85,.10)!important;
  }

  body.procurement-page .v8170-intake-grid{
    grid-template-columns:
      1fr!important;

    gap:35px!important;
  }

  body.procurement-page .v8170-faq .faq{
    grid-template-columns:
      1fr!important;

    gap:38px!important;
  }

}



/* ==========================================================
   PHONE
   ========================================================== */

@media (max-width:620px){

  body.procurement-page .v8170-hero-actions{
    flex-direction:column!important;

    align-items:flex-start!important;
  }

  body.procurement-page .v8170-brief-grid,
  body.procurement-page .v8170-quality-grid,
  body.procurement-page .v8170-lanes-grid,
  body.procurement-page .v8170-dashboard-stats,
  body.procurement-page .v8170-intake-panel,
  body.procurement-page .v8170-journey-line{
    grid-template-columns:
      1fr!important;
  }

  body.procurement-page .v8170-dashboard-foot{
    grid-template-columns:
      1fr 1fr!important;
  }

  body.procurement-page .v8170-table-head{
    display:none!important;
  }

  body.procurement-page .v8170-table-row{
    grid-template-columns:
      1fr!important;

    gap:4px!important;
  }

  body.procurement-page .v8170-mini-grid,
  body.procurement-page .v8170-readiness-items{
    grid-template-columns:
      1fr!important;
  }

}




/* ==========================================================
   V8.17.1 — PROCUREMENT JOURNEY HEADING CLIP FIX
   ========================================================== */

body.procurement-page
.v8170-journey
.v8170-section-head{
  overflow:visible!important;
  clip-path:none!important;
  mask:none!important;
  padding-top:10px!important;
}

body.procurement-page
.v8170-journey
.v8170-section-head > div:first-child{
  overflow:visible!important;
  clip-path:none!important;
  mask:none!important;
}

body.procurement-page
.v8170-journey
.v8170-section-head h2{
  overflow:visible!important;
  clip-path:none!important;
  mask:none!important;

  padding-top:.12em!important;

  line-height:.98!important;
}




/* =====================================================================
   V8.18.0 — USA → PAKISTAN RELOCATION
   MANAGED OWNER CORRIDOR
   Scope: usa-pakistan-relocation.html only
   ===================================================================== */


/* ==========================================================
   PAGE BASICS
   ========================================================== */

body.usa-relocation-page{
  background:#f8f5ed!important;
}

body.usa-relocation-page
.v8180-chapter{
  position:relative!important;
  overflow:hidden!important;
}

body.usa-relocation-page
.v8180-section-head{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(330px,.72fr)!important;

  gap:92px!important;

  align-items:end!important;

  margin-bottom:44px!important;
}


body.usa-relocation-page
.v8180-section-head h2{
  max-width:720px!important;

  margin:0!important;

  color:#082d42!important;

  font-size:
    clamp(2.65rem,4.25vw,4.75rem)!important;

  line-height:.91!important;

  letter-spacing:-.058em!important;
}


body.usa-relocation-page
.v8180-section-copy{
  max-width:540px!important;
}


body.usa-relocation-page
.v8180-section-copy p{
  margin:0!important;

  color:#687982!important;

  font-size:.86rem!important;

  line-height:1.72!important;
}



/* ==========================================================
   HERO
   ========================================================== */

body.usa-relocation-page
.v8180-hero{
  position:relative!important;

  min-height:590px!important;

  overflow:hidden!important;

  isolation:isolate!important;

  background:#071d2b!important;
}


body.usa-relocation-page
.v8180-hero-media{
  position:absolute!important;

  inset:0!important;

  z-index:-3!important;

  background:
    url('/assets/img/v831/v831-relocation.jpg')
    center 47% / cover no-repeat!important;

  transform:scale(1.018)!important;
}


body.usa-relocation-page
.v8180-hero-overlay{
  position:absolute!important;

  inset:0!important;

  z-index:-2!important;

  background:
    linear-gradient(
      90deg,
      rgba(3,18,28,.96) 0%,
      rgba(4,24,36,.91) 28%,
      rgba(5,27,40,.70) 50%,
      rgba(6,26,37,.27) 72%,
      rgba(5,22,32,.18) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.05),
      rgba(0,0,0,.20)
    )!important;
}


body.usa-relocation-page
.v8180-hero::after{
  content:""!important;

  position:absolute!important;

  inset:0!important;

  z-index:-1!important;

  pointer-events:none!important;

  background-image:
    linear-gradient(
      rgba(255,255,255,.021) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.021) 1px,
      transparent 1px
    )!important;

  background-size:
    80px 80px!important;

  mask-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.60),
      transparent 78%
    )!important;
}


body.usa-relocation-page
.v8180-hero-inner{
  min-height:590px!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,1.2fr)
    minmax(340px,.63fr)!important;

  gap:84px!important;

  align-items:center!important;

  padding-top:64px!important;
  padding-bottom:64px!important;
}


body.usa-relocation-page
.v8180-hero-copy{
  max-width:760px!important;
}


body.usa-relocation-page
.v8180-hero-copy
.breadcrumbs{
  margin-bottom:24px!important;

  color:
    rgba(255,255,255,.54)!important;
}


body.usa-relocation-page
.v8180-hero-copy
.breadcrumbs a{
  color:
    rgba(255,255,255,.72)!important;
}


body.usa-relocation-page
.v8180-hero-copy
.eyebrow{
  color:#e3b64b!important;
}


body.usa-relocation-page
.v8180-hero h1{
  max-width:780px!important;

  margin:
    18px 0 22px!important;

  color:#ffffff!important;

  font-size:
    clamp(3.75rem,5.35vw,6.15rem)!important;

  line-height:.86!important;

  letter-spacing:-.061em!important;

  text-shadow:
    0 12px 42px rgba(0,0,0,.34)!important;
}


body.usa-relocation-page
.v8180-hero h1 span{
  color:#e0ad31!important;
}


body.usa-relocation-page
.v8180-hero-lead{
  max-width:710px!important;

  margin:0!important;

  color:
    rgba(255,255,255,.75)!important;

  font-size:.96rem!important;

  line-height:1.72!important;
}


body.usa-relocation-page
.v8180-hero-actions{
  display:flex!important;

  gap:11px!important;

  margin-top:27px!important;
}


body.usa-relocation-page
.v8180-hero-control{
  position:relative!important;

  overflow:hidden!important;

  padding:
    26px 26px 24px!important;

  border:
    1px solid rgba(229,191,94,.19)!important;

  border-radius:18px!important;

  background:
    linear-gradient(
      150deg,
      rgba(5,28,42,.94),
      rgba(7,44,61,.88)
    )!important;

  box-shadow:
    0 28px 80px rgba(0,0,0,.31)!important;

  backdrop-filter:
    blur(18px) saturate(125%)!important;
}


body.usa-relocation-page
.v8180-hero-control::before{
  content:""!important;

  position:absolute!important;

  width:180px!important;
  height:180px!important;

  right:-65px!important;
  top:-85px!important;

  border-radius:50%!important;

  background:
    radial-gradient(
      circle,
      rgba(216,169,51,.16),
      transparent 68%
    )!important;

  pointer-events:none!important;
}


body.usa-relocation-page
.v8180-hero-control
.eyebrow{
  color:#e4b54a!important;
}


body.usa-relocation-page
.v8180-hero-control h2{
  margin:
    9px 0 13px!important;

  color:#ffffff!important;

  font-size:
    clamp(1.65rem,2.2vw,2.45rem)!important;

  line-height:.95!important;

  letter-spacing:-.045em!important;
}


body.usa-relocation-page
.v8180-hero-control > p{
  max-width:430px!important;

  margin:
    0 0 19px!important;

  color:
    rgba(255,255,255,.63)!important;

  font-size:.72rem!important;

  line-height:1.66!important;
}


body.usa-relocation-page
.v8180-hero-status{
  display:grid!important;

  grid-template-columns:
    1fr 1fr!important;

  border-top:
    1px solid rgba(255,255,255,.08)!important;
}


body.usa-relocation-page
.v8180-hero-status > div{
  min-height:79px!important;

  padding:
    14px 10px 10px 0!important;
}


body.usa-relocation-page
.v8180-hero-status > div:nth-child(even){
  padding-left:16px!important;

  border-left:
    1px solid rgba(255,255,255,.08)!important;
}


body.usa-relocation-page
.v8180-hero-status > div:nth-child(n+3){
  border-top:
    1px solid rgba(255,255,255,.08)!important;
}


body.usa-relocation-page
.v8180-hero-status span{
  display:block!important;

  margin-bottom:5px!important;

  color:#dca837!important;

  font-size:.46rem!important;

  font-weight:800!important;

  letter-spacing:.13em!important;
}


body.usa-relocation-page
.v8180-hero-status strong{
  display:block!important;

  color:#ffffff!important;

  font-size:.77rem!important;
}


body.usa-relocation-page
.v8180-hero-status small{
  display:block!important;

  margin-top:3px!important;

  color:
    rgba(255,255,255,.42)!important;

  font-size:.54rem!important;
}



/* ==========================================================
   CORRIDOR STRIP
   ========================================================== */

body.usa-relocation-page
.v8180-corridor-strip{
  position:relative!important;

  z-index:4!important;

  background:#fbf8f1!important;

  border-bottom:
    1px solid rgba(28,70,88,.07)!important;
}


body.usa-relocation-page
.v8180-corridor-flow{
  min-height:88px!important;

  display:flex!important;

  align-items:center!important;

  justify-content:space-between!important;

  gap:10px!important;
}


body.usa-relocation-page
.v8180-corridor-step{
  display:flex!important;

  align-items:center!important;

  gap:10px!important;
}


body.usa-relocation-page
.v8180-corridor-step b{
  width:29px!important;
  height:29px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  flex:0 0 29px!important;

  border-radius:50%!important;

  background:#eaf2f4!important;

  color:#517582!important;

  font-size:.55rem!important;
}


body.usa-relocation-page
.v8180-corridor-step.active b{
  background:
    linear-gradient(
      135deg,
      #e4b63f,
      #cc9627
    )!important;

  color:#082232!important;
}


body.usa-relocation-page
.v8180-corridor-step small{
  display:block!important;

  margin-bottom:2px!important;

  color:#aa7920!important;

  font-size:.42rem!important;

  font-weight:800!important;

  letter-spacing:.12em!important;
}


body.usa-relocation-page
.v8180-corridor-step strong{
  display:block!important;

  color:#15394c!important;

  font-size:.64rem!important;
}


body.usa-relocation-page
.v8180-corridor-flow > i{
  width:42px!important;
  height:1px!important;

  flex:1 1 auto!important;

  max-width:80px!important;

  background:
    linear-gradient(
      90deg,
      rgba(195,145,34,.20),
      rgba(72,142,164,.48)
    )!important;
}



/* ==========================================================
   INTAKE
   ========================================================== */

body.usa-relocation-page
.v8180-intake{
  padding:
    96px 0 100px!important;

  background:
    radial-gradient(
      circle at 84% 3%,
      rgba(170,215,225,.19),
      transparent 33%
    ),
    linear-gradient(
      180deg,
      #fbf8f1,
      #f7f4ec
    )!important;
}


body.usa-relocation-page
.v8180-fact-grid{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:12px!important;
}


body.usa-relocation-page
.v8180-fact-card{
  position:relative!important;

  min-height:248px!important;

  padding:
    20px 19px 18px!important;

  border:
    1px solid rgba(29,79,98,.10)!important;

  border-radius:14px!important;

  background:
    rgba(255,255,255,.86)!important;

  box-shadow:
    0 9px 26px rgba(9,42,57,.045)!important;
}


body.usa-relocation-page
.v8180-icon{
  width:32px!important;
  height:32px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  margin-bottom:18px!important;

  border-radius:8px!important;

  background:#eaf4f6!important;

  color:#37718a!important;

  font-size:.56rem!important;

  font-weight:800!important;
}


body.usa-relocation-page
.v8180-fact-card > small{
  color:#b27e1e!important;

  font-size:.45rem!important;

  font-weight:800!important;

  letter-spacing:.12em!important;
}


body.usa-relocation-page
.v8180-fact-card h3{
  margin:
    6px 0 8px!important;

  color:#11364a!important;

  font-size:1.03rem!important;

  line-height:1.08!important;

  letter-spacing:-.028em!important;
}


body.usa-relocation-page
.v8180-fact-card p{
  margin:
    0 0 13px!important;

  color:#718086!important;

  font-size:.65rem!important;

  line-height:1.53!important;
}


body.usa-relocation-page
.v8180-fact-card ul{
  margin:0!important;

  padding:
    0 0 0 13px!important;
}


body.usa-relocation-page
.v8180-fact-card li{
  margin:
    4px 0!important;

  color:#67808b!important;

  font-size:.55rem!important;
}


body.usa-relocation-page
.v8180-fact-card li::marker{
  color:#d09a28!important;
}


body.usa-relocation-page
.v8180-intake-feature{
  display:grid!important;

  grid-template-columns:
    1.15fr .85fr!important;

  margin-top:14px!important;

  overflow:hidden!important;

  border:
    1px solid rgba(32,80,98,.10)!important;

  border-radius:15px!important;

  background:#ffffff!important;

  box-shadow:
    0 14px 36px rgba(13,51,66,.055)!important;
}


body.usa-relocation-page
.v8180-intake-image{
  position:relative!important;

  min-height:300px!important;

  overflow:hidden!important;
}


body.usa-relocation-page
.v8180-intake-image img{
  width:100%!important;
  height:100%!important;

  position:absolute!important;

  inset:0!important;

  object-fit:cover!important;
}


body.usa-relocation-page
.v8180-intake-image::after{
  content:""!important;

  position:absolute!important;

  inset:0!important;

  background:
    linear-gradient(
      0deg,
      rgba(4,22,33,.24),
      transparent 55%
    )!important;
}


body.usa-relocation-page
.v8180-intake-image span{
  position:absolute!important;

  z-index:2!important;

  left:16px!important;
  bottom:14px!important;

  padding:
    6px 9px!important;

  border-radius:999px!important;

  background:
    rgba(5,28,41,.78)!important;

  color:#ffffff!important;

  font-size:.43rem!important;

  font-weight:800!important;

  letter-spacing:.12em!important;

  backdrop-filter:blur(10px)!important;
}


body.usa-relocation-page
.v8180-intake-panel{
  padding:
    28px 28px 24px!important;
}


body.usa-relocation-page
.v8180-intake-panel h3{
  max-width:470px!important;

  margin:
    9px 0 11px!important;

  color:#10364a!important;

  font-size:
    clamp(1.55rem,2.3vw,2.3rem)!important;

  line-height:.98!important;

  letter-spacing:-.045em!important;
}


body.usa-relocation-page
.v8180-intake-panel > p{
  margin:0!important;

  color:#6c7c83!important;

  font-size:.72rem!important;

  line-height:1.62!important;
}


body.usa-relocation-page
.v8180-mini-grid{
  display:grid!important;

  grid-template-columns:
    1fr 1fr!important;

  gap:7px!important;

  margin-top:18px!important;
}


body.usa-relocation-page
.v8180-mini-grid > div{
  min-height:59px!important;

  padding:
    10px 11px!important;

  border:
    1px solid rgba(25,76,94,.09)!important;

  border-radius:8px!important;

  background:#eef5f5!important;
}


body.usa-relocation-page
.v8180-mini-grid small{
  display:block!important;

  margin-bottom:4px!important;

  color:#a9781e!important;

  font-size:.40rem!important;

  font-weight:800!important;

  letter-spacing:.11em!important;
}


body.usa-relocation-page
.v8180-mini-grid strong{
  display:block!important;

  color:#17394a!important;

  font-size:.62rem!important;
}



/* ==========================================================
   CONTROL TOWER
   ========================================================== */

body.usa-relocation-page
.v8180-control{
  padding:
    100px 0 104px!important;

  color:#ffffff!important;

  background:
    radial-gradient(
      circle at 90% 5%,
      rgba(31,132,161,.34),
      transparent 36%
    ),
    linear-gradient(
      135deg,
      #041b29 0%,
      #063247 54%,
      #07576c 100%
    )!important;
}


body.usa-relocation-page
.v8180-control
.v8180-section-head h2{
  color:#ffffff!important;
}


body.usa-relocation-page
.v8180-control
.v8180-section-copy p{
  color:
    rgba(255,255,255,.62)!important;
}


body.usa-relocation-page
.v8180-control
.eyebrow{
  color:#e0ad37!important;
}


body.usa-relocation-page
.v8180-dashboard{
  overflow:hidden!important;

  border:
    1px solid rgba(255,255,255,.08)!important;

  border-radius:14px!important;

  background:
    linear-gradient(
      145deg,
      rgba(4,30,44,.92),
      rgba(7,48,66,.93)
    )!important;

  box-shadow:
    0 24px 65px rgba(0,0,0,.20)!important;
}


body.usa-relocation-page
.v8180-dash-top{
  min-height:48px!important;

  display:flex!important;

  align-items:center!important;

  justify-content:space-between!important;

  padding:
    0 17px!important;

  border-bottom:
    1px solid rgba(255,255,255,.07)!important;
}


body.usa-relocation-page
.v8180-dash-top > div{
  display:flex!important;

  align-items:center!important;

  gap:8px!important;
}


body.usa-relocation-page
.v8180-dash-top i{
  width:6px!important;
  height:6px!important;

  border-radius:50%!important;

  background:#54d397!important;

  box-shadow:
    0 0 0 5px rgba(84,211,151,.08)!important;
}


body.usa-relocation-page
.v8180-dash-top span{
  color:#e5ba4c!important;

  font-size:.48rem!important;

  font-weight:800!important;

  letter-spacing:.11em!important;
}


body.usa-relocation-page
.v8180-dash-top small{
  color:
    rgba(255,255,255,.36)!important;

  font-size:.42rem!important;

  letter-spacing:.12em!important;
}


body.usa-relocation-page
.v8180-dash-body{
  display:grid!important;

  grid-template-columns:
    180px 1fr!important;
}


body.usa-relocation-page
.v8180-dash-nav{
  display:flex!important;

  flex-direction:column!important;

  gap:5px!important;

  padding:
    18px 12px!important;

  border-right:
    1px solid rgba(255,255,255,.06)!important;
}


body.usa-relocation-page
.v8180-dash-nav strong{
  margin:
    0 9px 8px!important;

  color:#d8a333!important;

  font-size:.44rem!important;

  letter-spacing:.12em!important;
}


body.usa-relocation-page
.v8180-dash-nav span{
  padding:
    8px 9px!important;

  border-radius:6px!important;

  color:
    rgba(255,255,255,.56)!important;

  font-size:.55rem!important;
}


body.usa-relocation-page
.v8180-dash-nav span.active{
  color:#ffffff!important;

  background:
    rgba(255,255,255,.06)!important;
}


body.usa-relocation-page
.v8180-dash-main{
  padding:
    17px!important;
}


body.usa-relocation-page
.v8180-dash-metrics{
  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  gap:7px!important;

  margin-bottom:10px!important;
}


body.usa-relocation-page
.v8180-dash-metrics > div{
  min-height:84px!important;

  padding:
    13px 13px 11px!important;

  border:
    1px solid rgba(255,255,255,.055)!important;

  border-radius:8px!important;

  background:
    rgba(255,255,255,.035)!important;
}


body.usa-relocation-page
.v8180-dash-metrics small{
  display:block!important;

  color:
    rgba(255,255,255,.36)!important;

  font-size:.39rem!important;

  font-weight:800!important;

  letter-spacing:.10em!important;
}


body.usa-relocation-page
.v8180-dash-metrics strong{
  display:block!important;

  margin:
    9px 0 3px!important;

  color:#ffffff!important;

  font-size:1.25rem!important;

  line-height:1!important;
}


body.usa-relocation-page
.v8180-dash-metrics strong.review{
  color:#e2ad36!important;
}


body.usa-relocation-page
.v8180-dash-metrics strong.pending{
  color:#9dc0cd!important;
}


body.usa-relocation-page
.v8180-dash-metrics span{
  color:
    rgba(255,255,255,.40)!important;

  font-size:.45rem!important;
}


body.usa-relocation-page
.v8180-dash-table{
  overflow:hidden!important;

  border:
    1px solid rgba(255,255,255,.055)!important;

  border-radius:8px!important;
}


body.usa-relocation-page
.v8180-dash-table > div{
  min-height:45px!important;

  display:grid!important;

  grid-template-columns:
    1.15fr .55fr 1fr!important;

  align-items:center!important;

  gap:10px!important;

  padding:
    0 14px!important;

  border-bottom:
    1px solid rgba(255,255,255,.055)!important;
}


body.usa-relocation-page
.v8180-dash-table > div:last-child{
  border-bottom:0!important;
}


body.usa-relocation-page
.v8180-dash-table .head{
  min-height:32px!important;

  background:
    rgba(255,255,255,.025)!important;
}


body.usa-relocation-page
.v8180-dash-table .head span{
  color:
    rgba(255,255,255,.29)!important;

  font-size:.38rem!important;

  font-weight:800!important;

  letter-spacing:.10em!important;
}


body.usa-relocation-page
.v8180-dash-table strong{
  color:
    rgba(255,255,255,.73)!important;

  font-size:.54rem!important;

  font-weight:600!important;
}


body.usa-relocation-page
.v8180-dash-table span{
  font-size:.48rem!important;

  font-weight:800!important;
}


body.usa-relocation-page
.v8180-dash-table span.ready{
  color:#64dca6!important;
}


body.usa-relocation-page
.v8180-dash-table span.review{
  color:#e3ae38!important;
}


body.usa-relocation-page
.v8180-dash-table span.pending{
  color:#94becd!important;
}


body.usa-relocation-page
.v8180-dash-table small{
  color:
    rgba(255,255,255,.39)!important;

  font-size:.47rem!important;
}


body.usa-relocation-page
.v8180-dash-legend{
  min-height:42px!important;

  display:flex!important;

  align-items:center!important;

  gap:30px!important;

  padding:
    0 17px!important;

  border-top:
    1px solid rgba(255,255,255,.065)!important;
}


body.usa-relocation-page
.v8180-dash-legend span{
  display:flex!important;

  align-items:center!important;

  gap:6px!important;

  color:
    rgba(255,255,255,.39)!important;

  font-size:.44rem!important;
}


body.usa-relocation-page
.v8180-dash-legend i{
  width:5px!important;
  height:5px!important;

  border-radius:50%!important;
}


body.usa-relocation-page
.v8180-dash-legend .green{
  background:#57daa4!important;
}


body.usa-relocation-page
.v8180-dash-legend .blue{
  background:#64bfd8!important;
}


body.usa-relocation-page
.v8180-dash-legend .gold{
  background:#e3ad37!important;
}


body.usa-relocation-page
.v8180-dash-legend .grey{
  background:#819ca7!important;
}



/* ==========================================================
   JOURNEY
   ========================================================== */

body.usa-relocation-page
.v8180-journey{
  padding:
    100px 0 94px!important;

  background:
    radial-gradient(
      circle at 8% 10%,
      rgba(192,220,227,.35),
      transparent 30%
    ),
    linear-gradient(
      140deg,
      #edf5f5,
      #f9f7f0 68%
    )!important;
}


body.usa-relocation-page
.v8180-journey-line{
  position:relative!important;

  display:grid!important;

  grid-template-columns:
    repeat(7,minmax(0,1fr))!important;

  gap:0!important;

  padding-top:8px!important;
}


body.usa-relocation-page
.v8180-journey-line::before{
  content:""!important;

  position:absolute!important;

  left:4%!important;
  right:4%!important;

  top:25px!important;

  height:1px!important;

  background:
    linear-gradient(
      90deg,
      rgba(205,157,44,.65),
      rgba(57,145,171,.44)
    )!important;
}


body.usa-relocation-page
.v8180-journey-line article{
  position:relative!important;

  z-index:1!important;

  min-width:0!important;

  padding:
    0 13px!important;

  border-right:
    1px solid rgba(24,76,94,.08)!important;
}


body.usa-relocation-page
.v8180-journey-line article:last-child{
  border-right:0!important;
}


body.usa-relocation-page
.v8180-journey-line b{
  width:34px!important;
  height:34px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  margin-bottom:16px!important;

  border-radius:50%!important;

  background:
    linear-gradient(
      135deg,
      #e5ba49,
      #d09b27
    )!important;

  color:#173342!important;

  font-size:.54rem!important;

  box-shadow:
    0 0 0 6px #f1f5f1!important;
}


body.usa-relocation-page
.v8180-journey-line small{
  display:block!important;

  margin-bottom:6px!important;

  color:#a8751c!important;

  font-size:.40rem!important;

  font-weight:800!important;

  letter-spacing:.11em!important;
}


body.usa-relocation-page
.v8180-journey-line h3{
  margin:
    0 0 7px!important;

  color:#16384a!important;

  font-size:.84rem!important;

  line-height:1.08!important;
}


body.usa-relocation-page
.v8180-journey-line p{
  margin:0!important;

  color:#718086!important;

  font-size:.53rem!important;

  line-height:1.46!important;
}


body.usa-relocation-page
.v8180-control-rule{
  min-height:52px!important;

  display:flex!important;

  align-items:center!important;

  gap:16px!important;

  margin-top:33px!important;

  padding:
    0 17px!important;

  border:
    1px solid rgba(21,69,87,.08)!important;

  border-radius:7px!important;

  background:
    rgba(255,255,255,.81)!important;

  box-shadow:
    0 8px 25px rgba(10,44,58,.045)!important;
}


body.usa-relocation-page
.v8180-control-rule span{
  flex:0 0 auto!important;

  padding:
    5px 8px!important;

  border-radius:999px!important;

  background:#f3ead5!important;

  color:#9a701f!important;

  font-size:.41rem!important;

  font-weight:800!important;

  letter-spacing:.08em!important;
}


body.usa-relocation-page
.v8180-control-rule strong{
  color:#1b3e50!important;

  font-size:.62rem!important;
}



/* ==========================================================
   CORRIDOR MAP
   ========================================================== */

body.usa-relocation-page
.v8180-route{
  padding:
    100px 0!important;

  background:
    linear-gradient(
      180deg,
      #f9f6ef,
      #f5f1e8
    )!important;
}


body.usa-relocation-page
.v8180-route-shell{
  display:grid!important;

  grid-template-columns:
    1.2fr .8fr!important;

  overflow:hidden!important;

  border:
    1px solid rgba(27,77,95,.10)!important;

  border-radius:15px!important;

  background:#ffffff!important;

  box-shadow:
    0 14px 38px rgba(9,42,57,.055)!important;
}


body.usa-relocation-page
.v8180-route-map{
  position:relative!important;

  min-height:360px!important;

  overflow:hidden!important;

  background:
    radial-gradient(
      circle at 74% 40%,
      rgba(45,134,163,.23),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #052639,
      #07445a
    )!important;
}


body.usa-relocation-page
.v8180-route-grid{
  position:absolute!important;

  inset:0!important;

  opacity:.45!important;

  background-image:
    linear-gradient(
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.035) 1px,
      transparent 1px
    )!important;

  background-size:
    45px 45px!important;
}


body.usa-relocation-page
.v8180-route-path{
  position:absolute!important;

  height:1px!important;

  transform-origin:left center!important;

  background:
    linear-gradient(
      90deg,
      #d9aa35,
      #5ec1d6
    )!important;

  box-shadow:
    0 0 12px rgba(96,197,218,.24)!important;
}


body.usa-relocation-page
.path-one{
  width:56%!important;

  left:18%!important;
  top:57%!important;

  transform:rotate(-8deg)!important;
}


body.usa-relocation-page
.path-two{
  width:21%!important;

  left:69%!important;
  top:49%!important;

  transform:rotate(21deg)!important;
}


body.usa-relocation-page
.v8180-route-node{
  position:absolute!important;

  width:145px!important;

  padding:
    10px 11px!important;

  border:
    1px solid rgba(255,255,255,.09)!important;

  border-radius:8px!important;

  background:
    rgba(5,31,45,.86)!important;

  box-shadow:
    0 9px 26px rgba(0,0,0,.17)!important;
}


body.usa-relocation-page
.v8180-route-node i{
  position:absolute!important;

  width:9px!important;
  height:9px!important;

  border-radius:50%!important;

  background:#e0ad33!important;

  box-shadow:
    0 0 0 5px rgba(224,173,51,.12)!important;
}


body.usa-relocation-page
.v8180-route-node small{
  display:block!important;

  color:#dca736!important;

  font-size:.38rem!important;

  font-weight:800!important;

  letter-spacing:.10em!important;
}


body.usa-relocation-page
.v8180-route-node strong{
  display:block!important;

  margin:
    4px 0 2px!important;

  color:#ffffff!important;

  font-size:.64rem!important;
}


body.usa-relocation-page
.v8180-route-node span{
  color:
    rgba(255,255,255,.42)!important;

  font-size:.43rem!important;
}


body.usa-relocation-page
.v8180-route-node.usa{
  left:7%!important;
  top:54%!important;
}


body.usa-relocation-page
.v8180-route-node.usa i{
  right:-9px!important;
  top:50%!important;
}


body.usa-relocation-page
.v8180-route-node.export{
  left:38%!important;
  top:35%!important;
}


body.usa-relocation-page
.v8180-route-node.export i{
  right:-9px!important;
  bottom:-5px!important;
}


body.usa-relocation-page
.v8180-route-node.karachi{
  right:18%!important;
  top:26%!important;
}


body.usa-relocation-page
.v8180-route-node.karachi i{
  left:-9px!important;
  bottom:-5px!important;
}


body.usa-relocation-page
.v8180-route-node.door{
  right:5%!important;
  bottom:17%!important;
}


body.usa-relocation-page
.v8180-route-node.door i{
  left:-9px!important;
  top:50%!important;
}


body.usa-relocation-page
.v8180-route-label{
  position:absolute!important;

  left:20px!important;
  bottom:16px!important;

  color:
    rgba(255,255,255,.24)!important;

  font-size:.43rem!important;

  font-weight:800!important;

  letter-spacing:.15em!important;
}


body.usa-relocation-page
.v8180-route-panel{
  padding:
    29px 28px!important;
}


body.usa-relocation-page
.v8180-route-panel h3{
  margin:
    9px 0 9px!important;

  color:#11364a!important;

  font-size:
    clamp(1.45rem,2.1vw,2.15rem)!important;

  line-height:.98!important;

  letter-spacing:-.045em!important;
}


body.usa-relocation-page
.v8180-route-panel > p{
  margin:
    0 0 18px!important;

  color:#718087!important;

  font-size:.69rem!important;

  line-height:1.58!important;
}


body.usa-relocation-page
.v8180-mode{
  display:grid!important;

  grid-template-columns:
    53px 1fr!important;

  gap:11px!important;

  align-items:start!important;

  padding:
    12px 0!important;

  border-top:
    1px solid rgba(24,76,95,.08)!important;
}


body.usa-relocation-page
.v8180-mode > span{
  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  min-height:28px!important;

  border-radius:6px!important;

  background:#edf5f5!important;

  color:#31718a!important;

  font-size:.44rem!important;

  font-weight:800!important;
}


body.usa-relocation-page
.v8180-mode strong{
  display:block!important;

  margin-bottom:3px!important;

  color:#17394a!important;

  font-size:.62rem!important;
}


body.usa-relocation-page
.v8180-mode small{
  display:block!important;

  color:#7b888d!important;

  font-size:.50rem!important;

  line-height:1.45!important;
}



/* ==========================================================
   CUSTODY
   ========================================================== */

body.usa-relocation-page
.v8180-custody{
  padding:
    100px 0!important;

  background:
    radial-gradient(
      circle at 12% 5%,
      rgba(167,214,225,.31),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #edf6f6,
      #f7f6f0
    )!important;
}


body.usa-relocation-page
.v8180-custody-shell{
  display:grid!important;

  grid-template-columns:
    1.1fr .9fr!important;

  min-height:360px!important;

  overflow:hidden!important;

  border:
    1px solid rgba(31,80,98,.09)!important;

  border-radius:15px!important;

  background:#ffffff!important;

  box-shadow:
    0 14px 38px rgba(9,42,57,.055)!important;
}


body.usa-relocation-page
.v8180-custody-visual{
  position:relative!important;

  min-height:360px!important;

  overflow:hidden!important;

  background:
    linear-gradient(
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      145deg,
      #073249,
      #07566b
    )!important;

  background-size:
    42px 42px,
    42px 42px,
    auto!important;
}


body.usa-relocation-page
.v8180-case{
  position:absolute!important;

  min-width:125px!important;

  padding:
    15px 15px!important;

  border:
    1px solid rgba(255,255,255,.09)!important;

  border-radius:8px!important;

  background:
    rgba(6,37,52,.88)!important;

  box-shadow:
    0 14px 30px rgba(0,0,0,.17)!important;
}


body.usa-relocation-page
.v8180-case small{
  display:block!important;

  color:#dca735!important;

  font-size:.39rem!important;

  font-weight:800!important;

  letter-spacing:.11em!important;
}


body.usa-relocation-page
.v8180-case strong{
  display:block!important;

  margin:
    6px 0 3px!important;

  color:#ffffff!important;

  font-size:1rem!important;
}


body.usa-relocation-page
.v8180-case span{
  color:
    rgba(255,255,255,.40)!important;

  font-size:.46rem!important;
}


body.usa-relocation-page
.v8180-case.case-main{
  left:11%!important;
  top:12%!important;
}


body.usa-relocation-page
.v8180-case.case-a{
  left:19%!important;
  bottom:15%!important;
}


body.usa-relocation-page
.v8180-case.case-b{
  left:47%!important;
  top:45%!important;
}


body.usa-relocation-page
.v8180-case.case-c{
  right:9%!important;
  bottom:20%!important;
}


body.usa-relocation-page
.v8180-link-line{
  position:absolute!important;

  height:1px!important;

  background:
    linear-gradient(
      90deg,
      rgba(219,168,49,.76),
      rgba(90,190,209,.62)
    )!important;

  transform-origin:left!important;
}


body.usa-relocation-page
.v8180-link-line.line-a{
  width:25%!important;

  left:23%!important;
  top:36%!important;

  transform:rotate(34deg)!important;
}


body.usa-relocation-page
.v8180-link-line.line-b{
  width:24%!important;

  left:36%!important;
  top:56%!important;

  transform:rotate(-21deg)!important;
}


body.usa-relocation-page
.v8180-link-line.line-c{
  width:29%!important;

  left:56%!important;
  top:61%!important;

  transform:rotate(10deg)!important;
}


body.usa-relocation-page
.v8180-custody-panel{
  padding:
    31px 30px!important;
}


body.usa-relocation-page
.v8180-custody-panel h3{
  max-width:470px!important;

  margin:
    9px 0 10px!important;

  color:#12384b!important;

  font-size:
    clamp(1.55rem,2.2vw,2.25rem)!important;

  line-height:.98!important;

  letter-spacing:-.045em!important;
}


body.usa-relocation-page
.v8180-custody-panel > p{
  margin:
    0 0 17px!important;

  color:#718087!important;

  font-size:.69rem!important;

  line-height:1.58!important;
}


body.usa-relocation-page
.v8180-custody-panel ul{
  list-style:none!important;

  margin:0!important;

  padding:0!important;
}


body.usa-relocation-page
.v8180-custody-panel li{
  display:grid!important;

  grid-template-columns:
    30px 1fr!important;

  column-gap:10px!important;

  align-items:center!important;

  padding:
    10px 11px!important;

  margin-bottom:6px!important;

  border-radius:7px!important;

  background:#eef5f5!important;
}


body.usa-relocation-page
.v8180-custody-panel li > span{
  grid-row:
    1 / 3!important;

  width:26px!important;
  height:26px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  border-radius:6px!important;

  background:#dcecee!important;

  color:#3e788c!important;

  font-size:.46rem!important;

  font-weight:800!important;
}


body.usa-relocation-page
.v8180-custody-panel li strong{
  color:#173949!important;

  font-size:.61rem!important;
}


body.usa-relocation-page
.v8180-custody-panel li small{
  color:#7b888d!important;

  font-size:.47rem!important;
}



/* ==========================================================
   CUSTOMS
   ========================================================== */

body.usa-relocation-page
.v8180-customs{
  padding:
    98px 0!important;

  background:
    #f9f6ee!important;
}


body.usa-relocation-page
.v8180-customs-grid{
  display:grid!important;

  grid-template-columns:
    repeat(3,minmax(0,1fr))!important;

  gap:12px!important;
}


body.usa-relocation-page
.v8180-customs-card{
  position:relative!important;

  min-height:210px!important;

  padding:
    22px 21px!important;

  border:
    1px solid rgba(28,77,95,.09)!important;

  border-radius:13px!important;

  background:
    rgba(255,255,255,.83)!important;

  box-shadow:
    0 8px 26px rgba(11,44,58,.04)!important;
}


body.usa-relocation-page
.v8180-customs-card b{
  position:absolute!important;

  right:17px!important;
  top:12px!important;

  color:
    rgba(18,59,78,.10)!important;

  font-size:2rem!important;
}


body.usa-relocation-page
.v8180-customs-card small{
  display:block!important;

  margin-bottom:9px!important;

  color:#ae791a!important;

  font-size:.43rem!important;

  font-weight:800!important;

  letter-spacing:.11em!important;
}


body.usa-relocation-page
.v8180-customs-card h3{
  max-width:300px!important;

  margin:
    0 0 10px!important;

  color:#11364a!important;

  font-size:1.05rem!important;

  line-height:1.05!important;
}


body.usa-relocation-page
.v8180-customs-card p{
  margin:0!important;

  color:#718087!important;

  font-size:.63rem!important;

  line-height:1.58!important;
}


body.usa-relocation-page
.v8180-notice{
  min-height:58px!important;

  display:grid!important;

  grid-template-columns:
    auto 1fr!important;

  gap:16px!important;

  align-items:center!important;

  margin-top:12px!important;

  padding:
    12px 16px!important;

  border:
    1px solid rgba(31,78,95,.08)!important;

  border-radius:7px!important;

  background:#ffffff!important;
}


body.usa-relocation-page
.v8180-notice span{
  padding:
    6px 8px!important;

  border-radius:999px!important;

  background:#f2e8ce!important;

  color:#97701f!important;

  font-size:.40rem!important;

  font-weight:800!important;

  letter-spacing:.09em!important;
}


body.usa-relocation-page
.v8180-notice p{
  margin:0!important;

  color:#68787f!important;

  font-size:.55rem!important;

  line-height:1.55!important;
}



/* ==========================================================
   RESPONSIBILITY
   ========================================================== */

body.usa-relocation-page
.v8180-responsibility{
  padding:
    98px 0!important;

  background:
    radial-gradient(
      circle at 80% 5%,
      rgba(187,218,225,.21),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #edf5f5,
      #f8f6ef
    )!important;
}


body.usa-relocation-page
.v8180-role-grid{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:11px!important;
}


body.usa-relocation-page
.v8180-role{
  position:relative!important;

  min-height:218px!important;

  padding:
    21px 20px!important;

  border:
    1px solid rgba(29,78,96,.09)!important;

  border-radius:13px!important;

  background:
    rgba(255,255,255,.81)!important;
}


body.usa-relocation-page
.v8180-role > span{
  position:absolute!important;

  right:14px!important;
  top:11px!important;

  color:
    rgba(21,62,81,.10)!important;

  font-size:1.9rem!important;

  font-weight:800!important;
}


body.usa-relocation-page
.v8180-role small{
  display:block!important;

  margin-bottom:10px!important;

  color:#ae7a1e!important;

  font-size:.42rem!important;

  font-weight:800!important;

  letter-spacing:.11em!important;
}


body.usa-relocation-page
.v8180-role h3{
  max-width:230px!important;

  margin:
    0 0 9px!important;

  color:#11364a!important;

  font-size:1rem!important;

  line-height:1.06!important;
}


body.usa-relocation-page
.v8180-role p{
  margin:0!important;

  color:#718087!important;

  font-size:.61rem!important;

  line-height:1.56!important;
}



/* ==========================================================
   ACTION BAND
   ========================================================== */

body.usa-relocation-page
.v8180-action{
  position:relative!important;

  overflow:hidden!important;

  padding:
    62px 0!important;

  background:
    radial-gradient(
      circle at 94% 0,
      rgba(67,152,177,.33),
      transparent 33%
    ),
    linear-gradient(
      135deg,
      #052334,
      #075169
    )!important;
}


body.usa-relocation-page
.v8180-action::before{
  content:""!important;

  position:absolute!important;

  width:360px!important;
  height:360px!important;

  left:-180px!important;
  bottom:-260px!important;

  border:
    1px solid rgba(255,255,255,.07)!important;

  border-radius:50%!important;
}


body.usa-relocation-page
.v8180-action .container{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    310px!important;

  gap:70px!important;

  align-items:center!important;
}


body.usa-relocation-page
.v8180-action
.eyebrow{
  color:#deb044!important;
}


body.usa-relocation-page
.v8180-action h2{
  max-width:750px!important;

  margin:
    9px 0 8px!important;

  color:#ffffff!important;

  font-size:
    clamp(2.5rem,4vw,4.3rem)!important;

  line-height:.92!important;

  letter-spacing:-.055em!important;
}


body.usa-relocation-page
.v8180-action p{
  max-width:720px!important;

  margin:0!important;

  color:
    rgba(255,255,255,.56)!important;

  font-size:.72rem!important;

  line-height:1.55!important;
}


body.usa-relocation-page
.v8180-action-buttons{
  display:flex!important;

  flex-direction:column!important;

  gap:7px!important;
}


body.usa-relocation-page
.v8180-action-buttons a{
  min-height:45px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  padding:
    0 15px!important;

  border:
    1px solid rgba(255,255,255,.10)!important;

  border-radius:8px!important;

  color:#ffffff!important;

  background:
    rgba(255,255,255,.045)!important;

  font-size:.61rem!important;

  font-weight:800!important;

  text-decoration:none!important;
}


body.usa-relocation-page
.v8180-action-buttons a.primary{
  border-color:
    rgba(224,173,49,.38)!important;

  color:#102c3b!important;

  background:
    linear-gradient(
      135deg,
      #e5b944,
      #cb9527
    )!important;
}


body.usa-relocation-page
.v8180-action-buttons span{
  font-size:.9rem!important;
}



/* ==========================================================
   FAQ
   ========================================================== */

body.usa-relocation-page
.v8180-faq{
  padding:
    94px 0 100px!important;

  background:
    radial-gradient(
      circle at 8% 0,
      rgba(231,198,106,.10),
      transparent 27%
    ),
    #fbf8f1!important;
}


body.usa-relocation-page
.v8180-faq .faq{
  align-items:start!important;
}


body.usa-relocation-page
.v8180-faq h2{
  max-width:500px!important;

  color:#0c3246!important;

  font-size:
    clamp(2.65rem,4.1vw,4.4rem)!important;

  line-height:.91!important;

  letter-spacing:-.056em!important;
}


body.usa-relocation-page
.v8180-faq-intro{
  max-width:420px!important;

  margin-top:14px!important;

  color:#718086!important;

  font-size:.68rem!important;

  line-height:1.58!important;
}



/* ==========================================================
   CTA
   ========================================================== */

body.usa-relocation-page
.v8180-cta h2{
  letter-spacing:-.05em!important;
}



/* ==========================================================
   DESKTOP ENHANCEMENTS
   ========================================================== */

@media (min-width:1500px){

  body.usa-relocation-page
  .v8180-hero{
    min-height:620px!important;
  }

  body.usa-relocation-page
  .v8180-hero-inner{
    min-height:620px!important;
  }

}



/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:1100px){

  body.usa-relocation-page
  .v8180-hero-inner{
    grid-template-columns:
      1fr .62fr!important;

    gap:40px!important;
  }


  body.usa-relocation-page
  .v8180-section-head{
    gap:44px!important;
  }


  body.usa-relocation-page
  .v8180-fact-grid,
  body.usa-relocation-page
  .v8180-role-grid{
    grid-template-columns:
      1fr 1fr!important;
  }


  body.usa-relocation-page
  .v8180-journey-line{
    grid-template-columns:
      repeat(4,1fr)!important;

    row-gap:25px!important;
  }


  body.usa-relocation-page
  .v8180-journey-line::before{
    display:none!important;
  }

}



/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:900px){

  body.usa-relocation-page
  .v8180-hero{
    min-height:auto!important;
  }


  body.usa-relocation-page
  .v8180-hero-inner{
    min-height:auto!important;

    grid-template-columns:
      1fr!important;

    gap:30px!important;

    padding-top:70px!important;
    padding-bottom:56px!important;
  }


  body.usa-relocation-page
  .v8180-hero h1{
    font-size:
      clamp(3.3rem,11vw,5rem)!important;
  }


  body.usa-relocation-page
  .v8180-hero-control{
    max-width:600px!important;
  }


  body.usa-relocation-page
  .v8180-corridor-flow{
    overflow-x:auto!important;

    justify-content:flex-start!important;

    padding:
      18px 0!important;
  }


  body.usa-relocation-page
  .v8180-corridor-step{
    min-width:140px!important;
  }


  body.usa-relocation-page
  .v8180-corridor-flow > i{
    min-width:30px!important;
  }


  body.usa-relocation-page
  .v8180-section-head{
    grid-template-columns:
      1fr!important;

    gap:20px!important;
  }


  body.usa-relocation-page
  .v8180-intake-feature,
  body.usa-relocation-page
  .v8180-route-shell,
  body.usa-relocation-page
  .v8180-custody-shell{
    grid-template-columns:
      1fr!important;
  }


  body.usa-relocation-page
  .v8180-dash-body{
    grid-template-columns:
      1fr!important;
  }


  body.usa-relocation-page
  .v8180-dash-nav{
    display:none!important;
  }


  body.usa-relocation-page
  .v8180-customs-grid{
    grid-template-columns:
      1fr!important;
  }


  body.usa-relocation-page
  .v8180-action .container{
    grid-template-columns:
      1fr!important;

    gap:26px!important;
  }

}



/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:620px){

  body.usa-relocation-page
  .v8180-fact-grid,
  body.usa-relocation-page
  .v8180-role-grid{
    grid-template-columns:
      1fr!important;
  }


  body.usa-relocation-page
  .v8180-hero-actions{
    flex-direction:column!important;

    align-items:flex-start!important;
  }


  body.usa-relocation-page
  .v8180-hero-status{
    grid-template-columns:
      1fr!important;
  }


  body.usa-relocation-page
  .v8180-hero-status > div{
    padding:
      12px 0!important;

    border-left:0!important;

    border-top:
      1px solid rgba(255,255,255,.08)!important;
  }


  body.usa-relocation-page
  .v8180-mini-grid{
    grid-template-columns:
      1fr!important;
  }


  body.usa-relocation-page
  .v8180-dash-metrics{
    grid-template-columns:
      1fr 1fr!important;
  }


  body.usa-relocation-page
  .v8180-dash-table > div{
    grid-template-columns:
      1fr!important;

    gap:4px!important;

    padding:
      10px!important;
  }


  body.usa-relocation-page
  .v8180-dash-table .head{
    display:none!important;
  }


  body.usa-relocation-page
  .v8180-dash-legend{
    flex-wrap:wrap!important;

    padding:
      12px!important;
  }


  body.usa-relocation-page
  .v8180-journey-line{
    grid-template-columns:
      1fr 1fr!important;
  }


  body.usa-relocation-page
  .v8180-route-map{
    min-height:410px!important;
  }


  body.usa-relocation-page
  .v8180-route-node{
    width:125px!important;
  }


  body.usa-relocation-page
  .v8180-control-rule{
    align-items:flex-start!important;

    flex-direction:column!important;

    padding:
      14px!important;
  }

}


/* END V8.18.0 USA → PAKISTAN RELOCATION */



/* ==========================================================
   V8.18.0 — USA → PAKISTAN RELOCATION MENU SUB-LINK
   ========================================================== */

@media (min-width:901px){

  body .v6-header
  .v8410-solutions-mega
  a[href="/services/personal-effects-relocation.html"]{
    position:relative!important;
    padding-bottom:35px!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v8180-usa-relocation{
    position:absolute!important;

    left:57px!important;
    bottom:13px!important;

    display:inline-flex!important;
    align-items:center!important;

    gap:6px!important;

    color:#174c66!important;

    font-family:"Manrope",sans-serif!important;

    font-size:.52rem!important;
    font-weight:800!important;

    line-height:1!important;

    white-space:nowrap!important;

    cursor:pointer!important;

    z-index:4!important;

    transition:
      color .2s ease,
      transform .2s ease!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v8180-usa-relocation b{
    color:#bc8622!important;

    font-size:.68rem!important;
    font-weight:800!important;

    transition:transform .2s ease!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v8180-usa-relocation:hover{
    color:#082d42!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v8180-usa-relocation:hover b{
    transform:translateX(3px)!important;
  }

  body .v6-header
  .v8410-solutions-mega
  .v8180-usa-relocation:focus-visible{
    outline:1px solid rgba(191,139,34,.65)!important;
    outline-offset:4px!important;
    border-radius:3px!important;
  }
}


/* mobile menu — keep it readable */
@media (max-width:900px){

  body .v6-header
  .v8180-usa-relocation{
    display:block!important;

    margin-top:7px!important;

    color:#9b6b14!important;

    font-size:.78rem!important;
    font-weight:800!important;

    cursor:pointer!important;
  }
}



/* ==========================================================
   V8.18.1 — SOLUTIONS MENU FINAL ROW
   Personal Effects | Procurement | USA → Pakistan | blank
   Project Pre-Assessment prompt removed
   ========================================================== */

@media (min-width:1101px){

  /* --------------------------------------------------------
     REMOVE OLD PRE-ASSESSMENT PROMPT
     -------------------------------------------------------- */

  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line,
  body .v6-header
  .v8410-solutions-mega
  .v8126-preassessment,
  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-card{
    display:none!important;
  }


  /* --------------------------------------------------------
     FINAL ROW POSITIONING
     -------------------------------------------------------- */

  /* Personal Effects */
  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(9){
    grid-column:2!important;
    grid-row:3!important;

    width:auto!important;
    height:137px!important;
    min-height:137px!important;
  }


  /* Procurement & Export */
  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(10){
    grid-column:3!important;
    grid-row:3!important;

    width:auto!important;
    height:137px!important;
    min-height:137px!important;
  }


  /* USA → Pakistan Relocation */
  body .v6-header
  .v8410-solutions-mega
  .v8181-usa-relocation{
    grid-column:4!important;
    grid-row:3!important;

    position:relative!important;

    width:auto!important;
    height:137px!important;
    min-height:137px!important;

    background:
      linear-gradient(
        145deg,
        #eef6f5 0%,
        #f7f3e9 100%
      )!important;
  }


  /*
   * Grid column 5 deliberately remains blank.
   */


  /* --------------------------------------------------------
     USA RELOCATION CARD TEXT
     -------------------------------------------------------- */

  body .v6-header
  .v8410-solutions-mega
  .v8181-usa-relocation small{
    color:#b17b18!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8181-usa-relocation strong{
    display:block!important;
    color:#12344a!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8181-usa-relocation p{
    margin:5px 36px 0 0!important;

    color:#718087!important;

    font-family:"Manrope",sans-serif!important;
    font-size:.60rem!important;
    font-weight:500!important;
    line-height:1.38!important;
  }


  /* --------------------------------------------------------
     CUSTOM SUITCASE / JOURNEY ICON
     -------------------------------------------------------- */

  body .v6-header
  .v8410-solutions-mega
  .v8181-usa-relocation::before{
    content:""!important;

    position:absolute!important;

    left:17px!important;
    top:50%!important;

    width:31px!important;
    height:31px!important;

    transform:translateY(-50%)!important;

    border-radius:8px!important;

    background-color:#deedf1!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:20px 20px!important;

    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2315506d' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='15' width='24' height='25' rx='3'/%3E%3Cpath d='M19 15v-4c0-2 1-3 3-3h4c2 0 3 1 3 3v4M18 22v11M30 22v11'/%3E%3C/svg%3E")!important;
  }


  /*
   * Preserve the normal round arrow generated by the
   * service-link ::after rule.
   */

}


/* Large desktop keeps the same proportions */

@media (min-width:1500px){

  body .v6-header
  .v8410-solutions-mega
  .v8181-usa-relocation,

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(9),

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link:nth-of-type(10){
    height:140px!important;
    min-height:140px!important;
  }

}



/* ==========================================================
   V8.18.2 — USA → PAKISTAN RELOCATION MENU CARD
   Final row:
   Personal Effects | Procurement | USA Relocation | blank
   ========================================================== */

@media (min-width:1101px){

  /* remove obsolete prompt */
  body .v6-header
  .v8410-solutions-mega
  .v8127-preassessment-line,
  body .v6-header
  .v8410-solutions-mega
  .v8126-preassessment,
  body .v6-header
  .v8410-solutions-mega
  .v8125-guidance-card{
    display:none!important;
  }


  /* Personal Effects */
  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link[href="/services/personal-effects-relocation.html"]{
    grid-column:2!important;
    grid-row:3!important;
    height:137px!important;
    min-height:137px!important;
  }


  /* Procurement */
  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link[href="/services/commodity-procurement-export.html"]{
    grid-column:3!important;
    grid-row:3!important;
    height:137px!important;
    min-height:137px!important;
  }


  /* USA → Pakistan */
  body .v6-header
  .v8410-solutions-mega
  .v8182-usa-relocation{
    grid-column:4!important;
    grid-row:3!important;

    position:relative!important;

    height:137px!important;
    min-height:137px!important;

    padding:
      24px 48px 20px 58px!important;

    border:
      1px solid rgba(30,79,98,.12)!important;

    border-radius:13px!important;

    background:
      linear-gradient(
        145deg,
        #eef6f5 0%,
        #faf5eb 100%
      )!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8182-usa-relocation small{
    display:block!important;

    margin:0 0 6px!important;

    color:#b27b17!important;

    font-family:"Manrope",sans-serif!important;
    font-size:.48rem!important;
    font-weight:800!important;

    letter-spacing:.11em!important;
    text-transform:uppercase!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8182-usa-relocation strong{
    display:block!important;

    color:#12364c!important;

    font-family:"Cormorant Garamond",Georgia,serif!important;
    font-size:1.18rem!important;
    font-weight:700!important;

    line-height:1.02!important;
  }


  body .v6-header
  .v8410-solutions-mega
  .v8182-usa-relocation p{
    margin:6px 0 0!important;

    color:#718087!important;

    font-family:"Manrope",sans-serif!important;
    font-size:.58rem!important;

    line-height:1.42!important;
  }


  /* relocation / suitcase icon */
  body .v6-header
  .v8410-solutions-mega
  .v8182-usa-relocation::before{
    content:""!important;

    position:absolute!important;

    left:17px!important;
    top:50%!important;

    width:31px!important;
    height:31px!important;

    transform:translateY(-50%)!important;

    border-radius:8px!important;

    background-color:#dcecf0!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:19px!important;

    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%2315506d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='12' y='15' width='24' height='25' rx='3'/%3E%3Cpath d='M19 15v-4c0-2 1-3 3-3h4c2 0 3 1 3 3v4M18 22v11M30 22v11'/%3E%3C/svg%3E")!important;
  }


  /* normal circular navigation arrow */
  body .v6-header
  .v8410-solutions-mega
  .v8182-usa-relocation::after{
    content:"→"!important;

    position:absolute!important;

    right:15px!important;
    top:50%!important;

    width:31px!important;
    height:31px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    transform:translateY(-50%)!important;

    border-radius:50%!important;

    color:#174d68!important;
    background:#e9f2f5!important;

    font-size:.78rem!important;
  }


  /*
   Column 5 intentionally remains empty.
  */

}


@media (min-width:1500px){

  body .v6-header
  .v8410-solutions-mega
  .v8182-usa-relocation,

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link[href="/services/personal-effects-relocation.html"],

  body .v6-header
  .v8410-solutions-mega
  .v6-mega-link[href="/services/commodity-procurement-export.html"]{
    height:140px!important;
    min-height:140px!important;
  }

}



/* ==========================================================
   V8.18.4 — USA RELOCATION
   OWNER FILE / CARTON HEADING CLIP FIX
   ========================================================== */

body.usa-relocation-page
.v8180-custody{
  overflow:visible!important;
}


body.usa-relocation-page
.v8180-custody
.container{
  overflow:visible!important;
}


body.usa-relocation-page
.v8180-custody
.v8180-section-head{
  position:relative!important;

  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;

  padding-top:8px!important;
}


body.usa-relocation-page
.v8180-custody
.v8180-section-head > div{
  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


body.usa-relocation-page
.v8180-custody
.v8180-section-head h2{
  display:block!important;

  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;

  margin-top:0!important;

  padding-top:4px!important;
  padding-bottom:5px!important;

  line-height:.94!important;
}


/* Ensure reveal animation cannot crop the first line */

body.usa-relocation-page
.v8180-custody
.v8180-section-head.reveal,
body.usa-relocation-page
.v8180-custody
.v8180-section-head.reveal.revealed{
  overflow:visible!important;
}


/* Preserve the intended chapter spacing */

@media (min-width:901px){

  body.usa-relocation-page
  .v8180-custody
  .v8180-section-head{
    margin-top:0!important;
    margin-bottom:42px!important;
  }

}


/* Mobile remains compact */

@media (max-width:900px){

  body.usa-relocation-page
  .v8180-custody
  .v8180-section-head{
    padding-top:5px!important;
  }

}



/* ==========================================================
   V8.18.5 — USA RELOCATION
   CUSTODY TITLE COMPLETE HEIGHT RESET
   ========================================================== */

body.usa-relocation-page
.v8180-custody{
  overflow:visible!important;
}


body.usa-relocation-page
.v8180-custody
.v8185-custody-head{
  position:relative!important;

  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  overflow:visible!important;

  padding-top:0!important;

  transform:none!important;
  translate:none!important;

  clip:auto!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;

  opacity:1!important;
  visibility:visible!important;
}


body.usa-relocation-page
.v8180-custody
.v8185-custody-head > div:first-child{
  position:relative!important;

  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  overflow:visible!important;

  padding-top:12px!important;

  transform:none!important;
  translate:none!important;

  clip:auto!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


body.usa-relocation-page
.v8180-custody
.v8185-custody-title{
  position:relative!important;

  display:block!important;

  width:auto!important;

  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  margin:0!important;

  padding:0 0 6px!important;

  overflow:visible!important;

  transform:none!important;
  translate:none!important;

  clip:auto!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;

  opacity:1!important;
  visibility:visible!important;

  white-space:normal!important;

  line-height:.94!important;
}


/* Kill any generated text-reveal clipping inside this title */

body.usa-relocation-page
.v8180-custody
.v8185-custody-title *,
body.usa-relocation-page
.v8180-custody
.v8185-custody-title span{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  overflow:visible!important;

  transform:none!important;
  translate:none!important;

  clip:auto!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;

  opacity:1!important;
  visibility:visible!important;
}


/* Desktop spacing */

@media (min-width:901px){

  body.usa-relocation-page
  .v8180-custody
  .v8185-custody-head{
    margin-bottom:42px!important;
  }

}


/* Mobile */

@media (max-width:900px){

  body.usa-relocation-page
  .v8180-custody
  .v8185-custody-head > div:first-child{
    padding-top:8px!important;
  }

}



/* =====================================================================
   V8.19.0 — COMPANY DESKTOP
   GLOBAL BUSINESS / LOCAL CONTROL
   ===================================================================== */


body.company-page{
  background:#f7f4ed!important;
}


/* ==========================================================
   HERO
   ========================================================== */

body.company-page .v8190-hero{
  position:relative;
  min-height:610px;
  overflow:hidden;
  isolation:isolate;
  background:#061d2a;
}


body.company-page .v8190-hero-media{
  position:absolute;
  inset:0;
  z-index:-3;

  background:
    url('/assets/img/v831/v831-hero-real.jpg')
    center 51% / cover no-repeat;

  transform:scale(1.012);
}


body.company-page .v8190-hero-overlay{
  position:absolute;
  inset:0;
  z-index:-2;

  background:
    linear-gradient(
      90deg,
      rgba(3,17,27,.96) 0%,
      rgba(5,25,38,.89) 30%,
      rgba(5,25,38,.59) 56%,
      rgba(5,25,38,.20) 77%,
      rgba(5,25,38,.10) 100%
    );
}


body.company-page .v8190-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.03),
      rgba(1,14,22,.18)
    );
}


body.company-page .v8190-hero-inner{
  min-height:610px;

  display:grid;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(340px,.60fr);

  gap:100px;

  align-items:center;

  padding-top:54px;
  padding-bottom:58px;
}


body.company-page .v8190-hero-copy{
  max-width:760px;
}


body.company-page .v8190-hero .breadcrumbs{
  margin-bottom:23px;

  color:rgba(255,255,255,.58);

  font-size:.60rem;
}


body.company-page .v8190-hero .breadcrumbs a{
  color:#e1b449;
  text-decoration:none;
}


body.company-page .v8190-hero .breadcrumbs span{
  margin:0 8px;
  opacity:.5;
}


body.company-page .v8190-hero .eyebrow{
  color:#e0ae37!important;
}


body.company-page .v8190-hero h1{
  max-width:760px;

  margin:
    14px 0 20px;

  color:#fff;

  font-size:
    clamp(4.25rem,6vw,6.8rem);

  line-height:.88;

  letter-spacing:-.06em;
}


body.company-page .v8190-hero h1 span{
  color:#e0ad32;
}


body.company-page .v8190-hero .lead{
  max-width:650px;

  margin:0;

  color:rgba(255,255,255,.73);

  font-size:1rem;

  line-height:1.72;
}


body.company-page .v8190-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:11px;

  margin-top:28px;
}


body.company-page .v8190-hero-panel{
  position:relative;

  padding:
    27px 27px 24px;

  border:
    1px solid rgba(222,180,76,.25);

  border-radius:17px;

  background:
    linear-gradient(
      145deg,
      rgba(6,30,44,.94),
      rgba(5,44,61,.87)
    );

  box-shadow:
    0 28px 65px rgba(0,0,0,.27);

  backdrop-filter:
    blur(18px);

  overflow:hidden;
}


body.company-page .v8190-hero-panel::after{
  content:"";

  position:absolute;

  width:190px;
  height:190px;

  right:-90px;
  top:-105px;

  border:
    1px solid rgba(218,175,66,.18);

  border-radius:50%;
}


body.company-page .v8190-hero-panel h3{
  margin:
    8px 0 9px;

  color:#fff;

  font-size:1.45rem;

  line-height:1.05;
}


body.company-page .v8190-hero-panel > p{
  margin:
    0 0 20px;

  color:rgba(255,255,255,.58);

  font-size:.70rem;

  line-height:1.6;
}


body.company-page .v8190-panel-row{
  display:grid;

  grid-template-columns:
    30px 1fr;

  gap:12px;

  align-items:center;

  min-height:52px;

  border-top:
    1px solid rgba(255,255,255,.08);
}


body.company-page .v8190-panel-row > span{
  color:#d8a632;

  font-size:.50rem;
  font-weight:800;
}


body.company-page .v8190-panel-row small{
  display:block;

  margin-bottom:3px;

  color:#61c7b6;

  font-size:.44rem;
  font-weight:800;

  letter-spacing:.10em;
}


body.company-page .v8190-panel-row strong{
  display:block;

  color:#fff;

  font-size:.68rem;
}


/* ==========================================================
   PROOF STRIP
   ========================================================== */

body.company-page .v8190-proof{
  border-bottom:
    1px solid rgba(20,64,80,.09);

  background:
    linear-gradient(
      180deg,
      #faf7f0,
      #f4efe5
    );
}


body.company-page .v8190-proof-grid{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  min-height:105px;
}


body.company-page .v8190-proof-grid > div{
  display:flex;
  flex-direction:column;

  justify-content:center;

  padding:
    22px 29px;

  border-right:
    1px solid rgba(22,69,86,.09);
}


body.company-page .v8190-proof-grid > div:last-child{
  border-right:0;
}


body.company-page .v8190-proof-grid small{
  margin-bottom:5px;

  color:#a7791d;

  font-size:.45rem;
  font-weight:800;

  letter-spacing:.11em;
}


body.company-page .v8190-proof-grid strong{
  color:#10364a;

  font-size:1.02rem;

  line-height:1.1;
}


body.company-page .v8190-proof-grid span{
  margin-top:5px;

  color:#7b888d;

  font-size:.58rem;
}


/* ==========================================================
   SHARED COMPANY HEADINGS
   ========================================================== */

body.company-page .v8190-chapter{
  position:relative;
  overflow:hidden;
}


body.company-page .v8190-section-head{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(320px,.72fr);

  gap:92px;

  align-items:end;

  margin-bottom:45px;

  overflow:visible!important;
}


body.company-page .v8190-section-head h2{
  max-width:700px;

  margin:0;

  color:#082f43;

  font-size:
    clamp(2.7rem,4.1vw,4.6rem);

  line-height:.93;

  letter-spacing:-.055em;

  overflow:visible!important;
}


body.company-page .v8190-section-copy{
  max-width:530px;
}


body.company-page .v8190-section-copy p{
  margin:
    0 0 14px;

  color:#6c7d84;

  font-size:.82rem;

  line-height:1.72;
}


body.company-page .v8190-section-head.dark h2{
  color:#fff;
}


body.company-page .v8190-section-head.dark
.v8190-section-copy p{
  color:rgba(255,255,255,.60);
}


/* ==========================================================
   INTRO
   ========================================================== */

body.company-page .v8190-intro{
  padding:
    98px 0 104px!important;

  background:
    radial-gradient(
      circle at 90% 8%,
      rgba(177,213,221,.32),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #fbf8f1,
      #f5f2e9
    );
}


body.company-page .v8190-intro-grid{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:12px;
}


body.company-page .v8190-intro-card{
  position:relative;

  min-height:245px;

  padding:
    24px 22px;

  border:
    1px solid rgba(21,75,94,.10);

  border-radius:13px;

  background:
    rgba(255,255,255,.76);

  box-shadow:
    0 12px 28px rgba(15,57,72,.05);
}


body.company-page .v8190-intro-card > span{
  position:absolute;

  right:17px;
  top:14px;

  color:rgba(16,55,72,.12);

  font-size:2.1rem;
  font-weight:800;
}


body.company-page .v8190-intro-card h3{
  margin:
    24px 0 10px;

  color:#11394c;

  font-size:1.12rem;

  line-height:1.1;
}


body.company-page .v8190-intro-card p{
  margin:0;

  color:#718188;

  font-size:.67rem;

  line-height:1.62;
}


/* ==========================================================
   CONTROL
   ========================================================== */

body.company-page .v8190-control{
  padding:
    100px 0 110px!important;

  background:
    radial-gradient(
      circle at 87% 8%,
      rgba(35,124,151,.35),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      #051a27 0%,
      #063247 55%,
      #07546b 100%
    )!important;
}


body.company-page .v8190-control .eyebrow{
  color:#dfad34!important;
}


body.company-page .v8190-control-board{
  overflow:hidden;

  border:
    1px solid rgba(136,195,211,.15);

  border-radius:15px;

  background:#062637;

  box-shadow:
    0 25px 65px rgba(0,0,0,.22);
}


body.company-page .v8190-board-head{
  height:47px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:
    0 17px;

  border-bottom:
    1px solid rgba(255,255,255,.07);
}


body.company-page .v8190-board-head > div{
  display:flex;
  align-items:center;
  gap:8px;
}


body.company-page .v8190-board-head i{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#65d6ae;

  box-shadow:
    0 0 0 4px rgba(101,214,174,.08);
}


body.company-page .v8190-board-head span{
  color:#e5c05f;

  font-size:.48rem;
  font-weight:800;

  letter-spacing:.09em;
}


body.company-page .v8190-board-head small{
  color:rgba(255,255,255,.34);

  font-size:.42rem;

  letter-spacing:.12em;
}


body.company-page .v8190-board-body{
  display:grid;

  grid-template-columns:
    175px 1fr;
}


body.company-page .v8190-board-side{
  padding:
    14px 12px;

  border-right:
    1px solid rgba(255,255,255,.06);

  background:
    rgba(0,0,0,.08);
}


body.company-page .v8190-board-side > div{
  display:grid;

  grid-template-columns:
    8px 1fr auto;

  gap:8px;

  align-items:center;

  min-height:48px;

  padding:
    0 8px;

  border-bottom:
    1px solid rgba(255,255,255,.05);
}


body.company-page .v8190-board-side > div.active{
  border-radius:7px;

  background:
    rgba(57,160,149,.08);
}


body.company-page .v8190-board-side span{
  width:5px;
  height:5px;

  border-radius:50%;

  background:#5fd8ad;
}


body.company-page .v8190-board-side strong{
  color:rgba(255,255,255,.76);

  font-size:.55rem;
}


body.company-page .v8190-board-side small{
  color:#61d6aa;

  font-size:.36rem;
  font-weight:800;
}


body.company-page .v8190-board-main{
  padding:
    14px;
}


body.company-page .v8190-board-metrics{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:8px;

  margin-bottom:11px;
}


body.company-page .v8190-board-metrics > div{
  min-height:93px;

  padding:
    15px;

  border-radius:8px;

  background:
    rgba(255,255,255,.035);
}


body.company-page .v8190-board-metrics small{
  display:block;

  margin-bottom:10px;

  color:rgba(255,255,255,.35);

  font-size:.38rem;
  font-weight:800;

  letter-spacing:.08em;
}


body.company-page .v8190-board-metrics strong{
  display:block;

  color:#fff;

  font-size:1.05rem;
}


body.company-page .v8190-board-metrics span{
  display:block;

  margin-top:4px;

  color:rgba(255,255,255,.38);

  font-size:.44rem;
}


body.company-page
.v8190-board-metrics
.decision strong{
  color:#e5b639;
}


body.company-page .v8190-board-table{
  border:
    1px solid rgba(255,255,255,.055);

  border-radius:8px;

  overflow:hidden;
}


body.company-page .v8190-board-table > div{
  display:grid;

  grid-template-columns:
    1.2fr 1fr 1.15fr .70fr;

  min-height:44px;

  align-items:center;

  padding:
    0 13px;

  border-bottom:
    1px solid rgba(255,255,255,.05);
}


body.company-page .v8190-board-table > div:last-child{
  border-bottom:0;
}


body.company-page .v8190-board-table .head{
  min-height:29px;

  background:
    rgba(255,255,255,.025);
}


body.company-page .v8190-board-table .head span{
  color:rgba(255,255,255,.27);

  font-size:.35rem;
  font-weight:800;

  letter-spacing:.08em;
}


body.company-page .v8190-board-table strong{
  color:rgba(255,255,255,.72);

  font-size:.48rem;
}


body.company-page .v8190-board-table span{
  color:rgba(255,255,255,.39);

  font-size:.45rem;
}


body.company-page .v8190-board-table em{
  width:max-content;

  padding:
    4px 7px;

  border-radius:999px;

  font-size:.38rem;
  font-style:normal;
  font-weight:800;
}


body.company-page .v8190-board-table .ready{
  color:#71dcae;

  background:
    rgba(63,175,136,.08);
}


body.company-page .v8190-board-table .review{
  color:#e2b543;

  background:
    rgba(222,177,62,.09);
}


body.company-page .v8190-board-foot{
  min-height:40px;

  display:flex;

  align-items:center;

  justify-content:space-around;

  border-top:
    1px solid rgba(255,255,255,.06);

  color:rgba(255,255,255,.38);

  font-size:.39rem;
}


/* ==========================================================
   CONNECTED CAPABILITIES
   ========================================================== */

body.company-page .v8190-connect{
  padding:
    102px 0 110px!important;

  background:
    radial-gradient(
      circle at 8% 90%,
      rgba(204,166,76,.10),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      #eef7f8,
      #f4f7f4
    );
}


body.company-page .v8190-connect-shell{
  position:relative;

  min-height:510px;

  border:
    1px solid rgba(27,83,100,.10);

  border-radius:15px;

  background:
    linear-gradient(
      145deg,
      #073347,
      #052635
    );

  overflow:hidden;

  box-shadow:
    0 22px 52px rgba(7,40,54,.11);
}


body.company-page .v8190-connect-shell::before{
  content:"";

  position:absolute;
  inset:0;

  background-image:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size:
    50px 50px;
}


body.company-page .v8190-connect-center{
  position:absolute;

  left:50%;
  top:50%;

  z-index:4;

  width:190px;
  height:190px;

  transform:
    translate(-50%,-50%);

  display:flex;
  flex-direction:column;

  align-items:center;
  justify-content:center;

  border:
    1px solid rgba(221,178,68,.35);

  border-radius:50%;

  background:
    radial-gradient(
      circle at 35% 30%,
      #0d4b61,
      #06283a
    );

  box-shadow:
    0 18px 40px rgba(0,0,0,.22);
}


body.company-page .v8190-connect-center small{
  margin-bottom:8px;

  color:#e0af38;

  font-size:.42rem;
  font-weight:800;

  letter-spacing:.11em;
}


body.company-page .v8190-connect-center strong{
  color:#fff;

  font-size:1.35rem;

  letter-spacing:.05em;
}


body.company-page .v8190-connect-center span{
  margin-top:5px;

  color:rgba(255,255,255,.45);

  font-size:.48rem;
}


body.company-page .v8190-connect-shell .node{
  position:absolute;
  z-index:5;

  width:215px;

  padding:
    15px;

  border:
    1px solid rgba(255,255,255,.10);

  border-radius:10px;

  background:
    rgba(255,255,255,.055);

  color:#fff;

  text-decoration:none;

  backdrop-filter:blur(6px);

  transition:
    transform .22s ease,
    background .22s ease;
}


body.company-page
.v8190-connect-shell
.node:hover{
  transform:translateY(-3px);

  background:
    rgba(255,255,255,.09);
}


body.company-page .v8190-connect-shell .node small{
  color:#dca935;

  font-size:.40rem;
}


body.company-page .v8190-connect-shell .node strong{
  display:block;

  margin:
    4px 0;

  font-size:.75rem;
}


body.company-page .v8190-connect-shell .node span{
  color:rgba(255,255,255,.43);

  font-size:.47rem;

  line-height:1.4;
}


body.company-page .v8190-connect-shell .n1{
  left:7%;
  top:11%;
}


body.company-page .v8190-connect-shell .n2{
  left:50%;
  top:5%;

  transform:translateX(-50%);
}


body.company-page
.v8190-connect-shell
.n2:hover{
  transform:
    translateX(-50%)
    translateY(-3px);
}


body.company-page .v8190-connect-shell .n3{
  right:7%;
  top:11%;
}


body.company-page .v8190-connect-shell .n4{
  left:7%;
  bottom:11%;
}


body.company-page .v8190-connect-shell .n5{
  left:50%;
  bottom:5%;

  transform:translateX(-50%);
}


body.company-page
.v8190-connect-shell
.n5:hover{
  transform:
    translateX(-50%)
    translateY(-3px);
}


body.company-page .v8190-connect-shell .n6{
  right:7%;
  bottom:11%;
}


body.company-page .v8190-connect-lines{
  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  z-index:2;

  pointer-events:none;
}


body.company-page .v8190-connect-lines line{
  stroke:
    rgba(104,191,204,.40);

  stroke-width:1;

  stroke-dasharray:
    5 8;
}


/* ==========================================================
   PRINCIPLES
   ========================================================== */

body.company-page .v8190-principles{
  padding:
    100px 0 104px!important;

  background:
    linear-gradient(
      180deg,
      #f8f4eb,
      #f3eee4
    );
}


body.company-page .v8190-principle-grid{
  display:grid;

  grid-template-columns:
    repeat(5,minmax(0,1fr));

  gap:0;

  border:
    1px solid rgba(24,76,94,.09);

  border-radius:13px;

  background:
    rgba(255,255,255,.65);

  overflow:hidden;
}


body.company-page .v8190-principle-grid article{
  min-height:245px;

  padding:
    25px 20px;

  border-right:
    1px solid rgba(25,77,95,.08);
}


body.company-page
.v8190-principle-grid article:last-child{
  border-right:0;
}


body.company-page .v8190-principle-grid b{
  width:30px;
  height:30px;

  display:grid;
  place-items:center;

  margin-bottom:23px;

  border-radius:50%;

  background:#f2e3ba;

  color:#956b18;

  font-size:.45rem;
}


body.company-page .v8190-principle-grid small{
  display:block;

  margin-bottom:7px;

  color:#b07c18;

  font-size:.42rem;
  font-weight:800;

  letter-spacing:.09em;
}


body.company-page .v8190-principle-grid h3{
  margin:
    0 0 9px;

  color:#14394b;

  font-size:.94rem;

  line-height:1.12;
}


body.company-page .v8190-principle-grid p{
  margin:0;

  color:#718087;

  font-size:.57rem;

  line-height:1.55;
}


/* ==========================================================
   SINCE 2009
   ========================================================== */

body.company-page .v8190-since{
  padding:
    96px 0 102px!important;

  background:
    radial-gradient(
      circle at 90% 20%,
      rgba(182,217,225,.42),
      transparent 30%
    ),
    linear-gradient(
      135deg,
      #eef7f8,
      #f8f5ee
    );
}


body.company-page .v8190-since-grid{
  display:grid;

  grid-template-columns:
    minmax(0,.82fr)
    minmax(0,1.18fr);

  gap:88px;

  align-items:center;
}


body.company-page .v8190-since-copy h2{
  margin:
    9px 0 18px;

  color:#0c3448;

  font-size:
    clamp(2.7rem,4vw,4.5rem);

  line-height:.93;

  letter-spacing:-.055em;
}


body.company-page .v8190-since-copy p{
  max-width:510px;

  margin:
    0 0 22px;

  color:#708188;

  font-size:.78rem;

  line-height:1.72;
}


body.company-page .v8190-since-visual{
  position:relative;

  min-height:380px;

  padding:
    40px;

  border-radius:15px;

  background:
    linear-gradient(
      145deg,
      #06283a,
      #08485d
    );

  overflow:hidden;
}


body.company-page .v8190-since-visual::before{
  content:"";

  position:absolute;

  width:430px;
  height:430px;

  right:-200px;
  top:-200px;

  border:
    1px solid rgba(223,179,67,.18);

  border-radius:50%;
}


body.company-page .v8190-year{
  position:absolute;

  right:35px;
  top:10px;

  color:
    rgba(255,255,255,.055);

  font-size:8rem;
  font-weight:800;

  letter-spacing:-.07em;
}


body.company-page .v8190-since-lines{
  position:relative;
  z-index:2;

  display:grid;

  gap:0;

  margin-top:70px;
}


body.company-page .v8190-since-lines > div{
  display:grid;

  grid-template-columns:
    80px 170px 1fr;

  gap:20px;

  align-items:center;

  min-height:72px;

  border-top:
    1px solid rgba(255,255,255,.08);
}


body.company-page .v8190-since-lines span{
  color:#d8a72f;

  font-size:.45rem;
  font-weight:800;

  letter-spacing:.10em;
}


body.company-page .v8190-since-lines strong{
  color:#fff;

  font-size:.78rem;
}


body.company-page .v8190-since-lines p{
  margin:0;

  color:rgba(255,255,255,.45);

  font-size:.52rem;
  line-height:1.5;
}


/* ==========================================================
   WHY AASHMAAN
   ========================================================== */

body.company-page .v8190-why{
  padding:
    100px 0 105px!important;

  background:
    radial-gradient(
      circle at 84% 8%,
      rgba(52,126,153,.29),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #051824,
      #07384b
    )!important;
}


body.company-page .v8190-why .eyebrow{
  color:#e0ae37!important;
}


body.company-page .v8190-why-grid{
  display:grid;

  grid-template-columns:
    minmax(0,.95fr)
    minmax(0,1.05fr);

  gap:20px;
}


body.company-page .v8190-why-image{
  position:relative;

  min-height:470px;

  overflow:hidden;

  border-radius:14px;
}


body.company-page .v8190-why-image img{
  width:100%;
  height:100%;

  position:absolute;
  inset:0;

  object-fit:cover;

  filter:
    saturate(.86)
    contrast(1.03);
}


body.company-page .v8190-why-image::after{
  content:"";

  position:absolute;
  inset:0;

  background:
    linear-gradient(
      180deg,
      rgba(4,18,27,.05) 25%,
      rgba(4,18,27,.90) 100%
    );
}


body.company-page .v8190-why-image > div{
  position:absolute;

  left:27px;
  right:27px;
  bottom:27px;

  z-index:2;
}


body.company-page .v8190-why-image small{
  display:block;

  margin-bottom:8px;

  color:#e0ae37;

  font-size:.44rem;
  font-weight:800;

  letter-spacing:.12em;
}


body.company-page .v8190-why-image strong{
  display:block;

  max-width:370px;

  color:#fff;

  font-size:1.8rem;

  line-height:1.03;
}


body.company-page .v8190-why-list{
  display:grid;

  gap:10px;
}


body.company-page .v8190-why-list article{
  display:grid;

  grid-template-columns:
    45px 1fr;

  gap:16px;

  align-items:start;

  min-height:145px;

  padding:
    24px;

  border:
    1px solid rgba(255,255,255,.08);

  border-radius:12px;

  background:
    rgba(255,255,255,.035);
}


body.company-page .v8190-why-list article > span{
  width:36px;
  height:36px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:#dda934;

  color:#10364a;

  font-size:.45rem;
  font-weight:800;
}


body.company-page .v8190-why-list small{
  color:#d8a934;

  font-size:.42rem;
  font-weight:800;

  letter-spacing:.1em;
}


body.company-page .v8190-why-list h3{
  margin:
    6px 0 7px;

  color:#fff;

  font-size:1rem;
}


body.company-page .v8190-why-list p{
  margin:0;

  color:rgba(255,255,255,.48);

  font-size:.59rem;

  line-height:1.56;
}


/* ==========================================================
   CTA
   ========================================================== */

body.company-page .v8190-cta{
  background:
    radial-gradient(
      circle at 88% 0,
      rgba(74,144,167,.30),
      transparent 31%
    ),
    linear-gradient(
      135deg,
      #062332,
      #0a5064
    )!important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:1100px){

  body.company-page .v8190-hero-inner{
    gap:45px;

    grid-template-columns:
      minmax(0,1fr)
      minmax(300px,.55fr);
  }


  body.company-page .v8190-intro-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }


  body.company-page .v8190-principle-grid{
    grid-template-columns:
      repeat(3,minmax(0,1fr));
  }


  body.company-page
  .v8190-principle-grid article{
    border-bottom:
      1px solid rgba(25,77,95,.08);
  }


  body.company-page .v8190-connect-shell .node{
    width:180px;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:900px){

  body.company-page .v8190-hero{
    min-height:auto;
  }


  body.company-page .v8190-hero-inner{
    min-height:auto;

    grid-template-columns:
      1fr;

    gap:28px;

    padding-top:74px;
    padding-bottom:58px;
  }


  body.company-page .v8190-hero h1{
    font-size:
      clamp(3.5rem,11vw,5rem);
  }


  body.company-page .v8190-hero-panel{
    max-width:620px;
  }


  body.company-page .v8190-proof-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }


  body.company-page .v8190-section-head{
    grid-template-columns:
      1fr;

    gap:22px;
  }


  body.company-page .v8190-board-body{
    grid-template-columns:
      1fr;
  }


  body.company-page .v8190-board-side{
    display:none;
  }


  body.company-page .v8190-connect-shell{
    min-height:auto;

    padding:
      24px;

    display:grid;

    grid-template-columns:
      1fr 1fr;

    gap:10px;
  }


  body.company-page .v8190-connect-center{
    position:relative;

    left:auto;
    top:auto;

    grid-column:
      1 / -1;

    width:160px;
    height:160px;

    margin:
      0 auto 15px;

    transform:none;
  }


  body.company-page
  .v8190-connect-shell .node{
    position:relative;

    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;

    width:auto;

    transform:none!important;
  }


  body.company-page .v8190-connect-lines{
    display:none;
  }


  body.company-page .v8190-since-grid,
  body.company-page .v8190-why-grid{
    grid-template-columns:
      1fr;

    gap:28px;
  }


  body.company-page .v8190-principle-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:620px){

  body.company-page .v8190-intro-grid,
  body.company-page .v8190-principle-grid,
  body.company-page .v8190-connect-shell{
    grid-template-columns:
      1fr;
  }


  body.company-page .v8190-proof-grid{
    grid-template-columns:
      1fr 1fr;
  }


  body.company-page .v8190-board-metrics{
    grid-template-columns:
      1fr 1fr;
  }


  body.company-page .v8190-board-table .head{
    display:none;
  }


  body.company-page .v8190-board-table > div{
    grid-template-columns:
      1fr;

    gap:5px;

    padding:
      12px;
  }


  body.company-page .v8190-board-foot{
    flex-wrap:wrap;

    gap:8px;

    justify-content:flex-start;

    padding:
      12px;
  }


  body.company-page .v8190-since-lines > div{
    grid-template-columns:
      65px 1fr;

    gap:8px;

    padding:
      10px 0;
  }


  body.company-page .v8190-since-lines p{
    grid-column:
      2;
  }


  body.company-page .v8190-year{
    font-size:5rem;
  }

}


/* END V8.19.0 COMPANY */



/* ==========================================================
   V8.19.1 — COMPANY DESKTOP FINAL POLISH
   ========================================================== */

@media (min-width:901px){


  /* --------------------------------------------------------
     PRINCIPLES — slightly stronger and less compressed
     -------------------------------------------------------- */

  body.company-page
  .v8191-principles article,
  body.company-page
  .v8191-principles .simple-card{
    min-height:178px!important;
    padding:
      27px 25px 25px!important;
  }


  body.company-page
  .v8191-principles article h3,
  body.company-page
  .v8191-principles .simple-card h3{
    margin-bottom:10px!important;

    font-size:1.03rem!important;
    line-height:1.12!important;
  }


  body.company-page
  .v8191-principles article p,
  body.company-page
  .v8191-principles .simple-card p{
    font-size:.70rem!important;
    line-height:1.60!important;
  }



  /* --------------------------------------------------------
     HISTORY — deliberate heading wrapping
     -------------------------------------------------------- */

  body.company-page
  .v8191-history h2{
    max-width:510px!important;

    line-height:.91!important;
    letter-spacing:-.055em!important;
  }



  /* --------------------------------------------------------
     2009 — increase visual presence without overpowering copy
     -------------------------------------------------------- */

  body.company-page
  .v8191-year-panel{
    position:relative!important;
    overflow:hidden!important;
  }


  body.company-page
  .v8191-year-panel::after{
    content:"2009";

    position:absolute!important;

    right:22px!important;
    top:8px!important;

    z-index:0!important;

    color:rgba(141,183,199,.095)!important;

    font-family:"Manrope",sans-serif!important;
    font-size:6.6rem!important;
    font-weight:800!important;

    line-height:1!important;
    letter-spacing:-.07em!important;

    pointer-events:none!important;
  }


  body.company-page
  .v8191-year-panel > *{
    position:relative!important;
    z-index:1!important;
  }



  /* --------------------------------------------------------
     FINAL SCALE CHAPTER
     Stronger scanning on the three operating benefits
     -------------------------------------------------------- */

  body.company-page
  .v8191-scale .v8191-scale-row,
  body.company-page
  .v8191-scale .feature-row{
    min-height:94px!important;

    padding:
      19px 21px!important;
  }


  body.company-page
  .v8191-scale .v8191-scale-row strong,
  body.company-page
  .v8191-scale .feature-row strong{
    display:block!important;

    margin-bottom:5px!important;

    font-size:.90rem!important;
    line-height:1.18!important;
  }


  body.company-page
  .v8191-scale .v8191-scale-row p,
  body.company-page
  .v8191-scale .feature-row p{
    font-size:.64rem!important;
    line-height:1.52!important;
  }


}


/* Keep tablet/mobile untouched for now */



/* ==========================================================
   V8.19.2 — COMPANY HISTORY HEADING FINAL CORRECTION
   ========================================================== */

@media (min-width:901px){

  body.company-page
  .v8191-history .container{
    grid-template-columns:
      minmax(0,1.05fr)
      minmax(460px,.95fr)!important;

    gap:70px!important;
  }


  body.company-page
  .v8191-history h2{
    width:100%!important;
    max-width:620px!important;

    font-size:
      clamp(2.75rem,3.7vw,4.25rem)!important;

    line-height:.91!important;
    letter-spacing:-.055em!important;

    white-space:normal!important;
  }


  body.company-page
  .v8191-history h2 br{
    display:block!important;
  }

}


/* Large desktop */

@media (min-width:1450px){

  body.company-page
  .v8191-history h2{
    max-width:680px!important;
  }

}



/* ==========================================================
   V8.19.3 — COMPANY HISTORY TITLE FINAL
   Exact three-line editorial lockup
   ========================================================== */

@media (min-width:901px){

  body.company-page
  .v8193-history-title{
    width:max-content!important;
    max-width:none!important;

    margin:0!important;

    font-size:
      clamp(2.65rem,3.45vw,4.05rem)!important;

    line-height:.90!important;
    letter-spacing:-.055em!important;

    overflow:visible!important;
  }


  body.company-page
  .v8193-history-title span{
    display:block!important;

    width:max-content!important;

    white-space:nowrap!important;
  }

}


/* Let mobile wrap naturally */

@media (max-width:900px){

  body.company-page
  .v8193-history-title{
    width:auto!important;
    max-width:100%!important;
  }

  body.company-page
  .v8193-history-title span{
    display:block!important;
    width:auto!important;
    white-space:normal!important;
  }

}



/* ==========================================================
   V8.19.4 — COMPANY HISTORY HEADING
   Prevent overlap with 2009 panel
   ========================================================== */

@media (min-width:901px){

  body.company-page
  .v8191-history .container{
    grid-template-columns:
      minmax(0,1fr)
      minmax(500px,1.05fr)!important;

    gap:64px!important;
    align-items:center!important;
  }


  body.company-page
  .v8191-history
  .v8193-history-title{
    width:100%!important;
    max-width:100%!important;

    margin:0!important;

    font-size:
      clamp(2.65rem,3.15vw,3.55rem)!important;

    line-height:.91!important;
    letter-spacing:-.052em!important;

    overflow:visible!important;
  }


  body.company-page
  .v8191-history
  .v8193-history-title span{
    display:block!important;

    width:auto!important;
    max-width:100%!important;

    white-space:nowrap!important;
  }


  /* Keep text and CTA inside left column */

  body.company-page
  .v8191-history
  .v8193-history-title + p{
    max-width:560px!important;
  }


  /* Right history panel remains untouched */

  body.company-page
  .v8191-history
  .v8191-year-panel{
    min-width:0!important;
    width:100%!important;
  }

}


/* Slightly tighter treatment on common laptop widths */

@media (min-width:901px) and (max-width:1350px){

  body.company-page
  .v8191-history .container{
    grid-template-columns:
      minmax(0,.95fr)
      minmax(470px,1.05fr)!important;

    gap:52px!important;
  }


  body.company-page
  .v8191-history
  .v8193-history-title{
    font-size:
      clamp(2.45rem,3vw,3.15rem)!important;
  }

}


/* Mobile/tablet keeps natural wrapping */

@media (max-width:900px){

  body.company-page
  .v8191-history
  .v8193-history-title{
    width:auto!important;
    max-width:100%!important;
  }


  body.company-page
  .v8191-history
  .v8193-history-title span{
    width:auto!important;
    white-space:normal!important;
  }

}



/* ==========================================================
   V8.19.5 — COMPANY HISTORY COPY SPACING
   Separate body copy from headline
   ========================================================== */

body.company-page
.v8191-history
.v8193-history-title{
  padding-bottom:10px!important;
}


body.company-page
.v8191-history
.v8193-history-title + p{
  margin-top:8px!important;
  margin-bottom:22px!important;

  max-width:570px!important;

  line-height:1.72!important;

  position:relative!important;
  z-index:2!important;
}


/* slightly more breathing room on large desktop */

@media (min-width:1400px){

  body.company-page
  .v8191-history
  .v8193-history-title{
    padding-bottom:12px!important;
  }

  body.company-page
  .v8191-history
  .v8193-history-title + p{
    margin-top:10px!important;
  }

}



/* =====================================================================
   V8.20.0 — INDUSTRIES
   SECTOR CONTROL DESKTOP EXPERIENCE
   ===================================================================== */


/* ==========================================================
   BASICS
   ========================================================== */

body.industries-page{
  background:#f7f4ed!important;
}


/* ==========================================================
   HERO
   ========================================================== */

body.industries-page .v8200-hero{
  position:relative!important;
  min-height:590px!important;

  overflow:hidden!important;
  isolation:isolate!important;

  background:#071d2a!important;
}


body.industries-page .v8200-hero-media{
  position:absolute!important;
  inset:0!important;
  z-index:-3!important;

  background:
    url('/assets/img/v831/v831-project.jpg')
    center 52% / cover no-repeat!important;

  transform:scale(1.015)!important;
}


body.industries-page .v8200-hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;

  background:
    linear-gradient(
      90deg,
      rgba(4,21,32,.97) 0%,
      rgba(5,25,38,.91) 30%,
      rgba(6,27,40,.67) 53%,
      rgba(6,27,40,.26) 76%,
      rgba(5,21,32,.18) 100%
    ),
    linear-gradient(
      0deg,
      rgba(3,15,23,.58),
      transparent 48%
    )!important;
}


body.industries-page .v8200-hero::after{
  content:""!important;

  position:absolute!important;
  inset:0!important;
  z-index:-1!important;

  pointer-events:none!important;

  background-image:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    )!important;

  background-size:
    86px 86px!important;

  mask-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.7),
      transparent 77%
    )!important;
}


body.industries-page .v8200-hero-inner{
  min-height:590px!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(380px,.72fr)!important;

  gap:80px!important;
  align-items:center!important;

  padding-top:52px!important;
  padding-bottom:54px!important;
}


body.industries-page .v8200-hero-copy{
  max-width:720px!important;
}


body.industries-page .v8200-hero .breadcrumbs{
  margin-bottom:23px!important;

  color:rgba(255,255,255,.58)!important;
}


body.industries-page .v8200-hero .breadcrumbs a{
  color:#e3bd5b!important;
}


body.industries-page .v8200-hero .eyebrow{
  color:#d9a632!important;
}


body.industries-page .v8200-hero h1{
  max-width:720px!important;

  margin:
    15px 0 20px!important;

  color:#ffffff!important;

  font-size:
    clamp(3.7rem,5.4vw,6.25rem)!important;

  line-height:.88!important;

  letter-spacing:-.057em!important;
}


body.industries-page .v8200-hero h1 span{
  color:#e0ad34!important;
}


body.industries-page .v8200-hero-copy > p{
  max-width:680px!important;

  margin:0!important;

  color:rgba(255,255,255,.72)!important;

  font-size:.95rem!important;
  line-height:1.72!important;
}


body.industries-page .v8200-hero-actions{
  display:flex!important;
  gap:10px!important;

  margin-top:25px!important;
}


body.industries-page .v8200-hero-control{
  position:relative!important;

  width:100%!important;
  max-width:450px!important;

  justify-self:end!important;

  padding:
    27px 27px 23px!important;

  border:
    1px solid rgba(224,177,65,.22)!important;

  border-radius:18px!important;

  background:
    linear-gradient(
      145deg,
      rgba(5,30,44,.94),
      rgba(6,44,61,.88)
    )!important;

  box-shadow:
    0 28px 72px rgba(0,0,0,.28)!important;

  backdrop-filter:
    blur(18px) saturate(130%)!important;
}


body.industries-page .v8200-hero-control::after{
  content:""!important;

  position:absolute!important;

  width:150px!important;
  height:150px!important;

  right:-60px!important;
  top:-70px!important;

  border:
    1px solid rgba(218,169,53,.22)!important;

  border-radius:50%!important;

  pointer-events:none!important;
}


body.industries-page .v8200-hero-control h2{
  margin:
    8px 0 9px!important;

  color:#ffffff!important;

  font-size:1.45rem!important;
  line-height:1.05!important;

  letter-spacing:-.035em!important;
}


body.industries-page .v8200-hero-control > p{
  margin:
    0 0 18px!important;

  color:rgba(255,255,255,.60)!important;

  font-size:.72rem!important;
  line-height:1.58!important;
}


body.industries-page .v8200-control-list{
  border-top:
    1px solid rgba(255,255,255,.09)!important;
}


body.industries-page .v8200-control-list > div{
  min-height:48px!important;

  display:grid!important;

  grid-template-columns:
    24px 78px 1fr!important;

  gap:8px!important;
  align-items:center!important;

  border-bottom:
    1px solid rgba(255,255,255,.075)!important;
}


body.industries-page .v8200-control-list span{
  width:17px!important;
  height:17px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:50%!important;

  background:#dba830!important;

  color:#123246!important;

  font-size:.42rem!important;
  font-weight:900!important;
}


body.industries-page .v8200-control-list small{
  color:#76d6a5!important;

  font-size:.43rem!important;
  font-weight:800!important;

  letter-spacing:.08em!important;
}


body.industries-page .v8200-control-list strong{
  color:#ffffff!important;

  font-size:.58rem!important;
  font-weight:700!important;
}


/* ==========================================================
   HERO STRIP
   ========================================================== */

body.industries-page .v8200-hero-strip{
  position:relative!important;
  z-index:4!important;

  background:
    linear-gradient(
      180deg,
      #fbf8f0 0%,
      #f4efe5 100%
    )!important;

  border-bottom:
    1px solid rgba(14,54,70,.09)!important;
}


body.industries-page .v8200-strip-grid{
  min-height:92px!important;

  display:grid!important;

  grid-template-columns:
    1fr 40px
    1fr 40px
    1fr 40px
    1fr!important;

  align-items:center!important;
}


body.industries-page .v8200-strip-grid > div{
  display:grid!important;

  grid-template-columns:
    34px 1fr!important;

  grid-template-rows:
    auto auto!important;

  column-gap:12px!important;

  padding:
    0 18px!important;
}


body.industries-page .v8200-strip-grid b{
  grid-row:
    1 / 3!important;

  width:31px!important;
  height:31px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:50%!important;

  background:#e0ad34!important;

  color:#163a4d!important;

  font-size:.48rem!important;
}


body.industries-page .v8200-strip-grid small{
  color:#a77719!important;

  font-size:.43rem!important;
  font-weight:800!important;

  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}


body.industries-page .v8200-strip-grid strong{
  margin-top:3px!important;

  color:#17394b!important;

  font-size:.66rem!important;
}


body.industries-page .v8200-strip-grid > i{
  color:#c1932d!important;

  font-style:normal!important;
  text-align:center!important;
}


/* ==========================================================
   SHARED SECTION HEAD
   ========================================================== */

body.industries-page .v8200-chapter{
  position:relative!important;
  overflow:hidden!important;
}


body.industries-page .v8200-section-head{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(310px,.72fr)!important;

  gap:90px!important;
  align-items:end!important;

  margin-bottom:44px!important;
}


body.industries-page .v8200-section-head h2{
  max-width:720px!important;

  margin:0!important;

  color:#092f43!important;

  font-size:
    clamp(2.7rem,4.1vw,4.75rem)!important;

  line-height:.91!important;
  letter-spacing:-.055em!important;
}


body.industries-page .v8200-section-copy{
  max-width:540px!important;
}


body.industries-page .v8200-section-copy p{
  margin:0!important;

  color:#697b83!important;

  font-size:.83rem!important;
  line-height:1.72!important;
}


/* ==========================================================
   DRIVERS
   ========================================================== */

body.industries-page .v8200-drivers{
  padding:
    96px 0 102px!important;

  background:
    radial-gradient(
      circle at 88% 5%,
      rgba(180,218,226,.28),
      transparent 33%
    ),
    linear-gradient(
      180deg,
      #faf7ef,
      #f7f4ed
    )!important;
}


body.industries-page .v8200-driver-grid{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:12px!important;
}


body.industries-page .v8200-driver-card{
  position:relative!important;

  min-height:280px!important;

  padding:
    24px 22px 21px!important;

  border:
    1px solid rgba(23,72,89,.11)!important;

  border-radius:14px!important;

  background:
    rgba(255,255,255,.76)!important;

  box-shadow:
    0 12px 32px rgba(20,58,70,.05)!important;
}


body.industries-page .v8200-driver-icon{
  width:30px!important;
  height:30px!important;

  display:grid!important;
  place-items:center!important;

  margin-bottom:18px!important;

  border-radius:8px!important;

  background:#e5f1f3!important;

  color:#1a5a73!important;

  font-size:.50rem!important;
  font-weight:900!important;
}


body.industries-page .v8200-driver-card small{
  color:#af7916!important;

  font-size:.44rem!important;
  font-weight:800!important;

  letter-spacing:.10em!important;
}


body.industries-page .v8200-driver-card h3{
  margin:
    8px 0!important;

  color:#12394c!important;

  font-size:1.00rem!important;
  line-height:1.08!important;
}


body.industries-page .v8200-driver-card p{
  margin:
    0 0 14px!important;

  color:#708088!important;

  font-size:.61rem!important;
  line-height:1.58!important;
}


body.industries-page .v8200-driver-card ul{
  margin:0!important;
  padding:0!important;

  list-style:none!important;
}


body.industries-page .v8200-driver-card li{
  position:relative!important;

  margin-top:5px!important;
  padding-left:10px!important;

  color:#46616d!important;

  font-size:.52rem!important;
}


body.industries-page .v8200-driver-card li::before{
  content:""!important;

  position:absolute!important;
  left:0!important;
  top:.48em!important;

  width:3px!important;
  height:3px!important;

  border-radius:50%!important;

  background:#d7a32f!important;
}


body.industries-page .v8200-feature{
  display:grid!important;

  grid-template-columns:
    1.08fr .92fr!important;

  margin-top:15px!important;

  overflow:hidden!important;

  border:
    1px solid rgba(24,74,92,.10)!important;

  border-radius:15px!important;

  background:#ffffff!important;

  box-shadow:
    0 18px 45px rgba(19,61,75,.07)!important;
}


body.industries-page .v8200-feature-media{
  min-height:270px!important;
}


body.industries-page .v8200-feature-media img{
  width:100%!important;
  height:100%!important;

  display:block!important;

  object-fit:cover!important;
}


body.industries-page .v8200-feature-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;

  padding:
    32px 35px!important;
}


body.industries-page .v8200-feature-copy h3{
  max-width:480px!important;

  margin:
    8px 0 10px!important;

  color:#12394c!important;

  font-size:1.70rem!important;
  line-height:1!important;

  letter-spacing:-.04em!important;
}


body.industries-page .v8200-feature-copy p{
  margin:
    0 0 19px!important;

  color:#6e7d84!important;

  font-size:.68rem!important;
  line-height:1.62!important;
}


body.industries-page .v8200-feature-tags{
  display:grid!important;

  grid-template-columns:
    repeat(2,minmax(0,1fr))!important;

  gap:7px!important;
}


body.industries-page .v8200-feature-tags span{
  min-height:35px!important;

  display:flex!important;
  align-items:center!important;

  padding:
    0 11px!important;

  border-radius:7px!important;

  background:#edf5f5!important;

  color:#245167!important;

  font-size:.48rem!important;
  font-weight:800!important;

  letter-spacing:.04em!important;
}


/* ==========================================================
   MATRIX
   ========================================================== */

body.industries-page .v8200-matrix-section{
  padding:
    98px 0 105px!important;

  color:#ffffff!important;

  background:
    radial-gradient(
      circle at 86% 10%,
      rgba(34,133,164,.30),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #051c2a,
      #063448 58%,
      #07536b
    )!important;
}


body.industries-page
.v8200-matrix-section
.v8200-section-head h2{
  color:#ffffff!important;
}


body.industries-page
.v8200-matrix-section
.v8200-section-copy p{
  color:rgba(255,255,255,.62)!important;
}


body.industries-page
.v8200-matrix-section
.eyebrow{
  color:#dba92f!important;
}


body.industries-page .v8200-matrix-shell{
  overflow:hidden!important;

  border:
    1px solid rgba(255,255,255,.09)!important;

  border-radius:16px!important;

  background:
    rgba(3,25,37,.52)!important;

  box-shadow:
    0 24px 55px rgba(0,0,0,.15)!important;
}


body.industries-page .v8200-matrix-top{
  min-height:50px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  padding:
    0 18px!important;

  border-bottom:
    1px solid rgba(255,255,255,.08)!important;
}


body.industries-page .v8200-matrix-top span{
  color:#73dcab!important;

  font-size:.54rem!important;
  font-weight:800!important;
}


body.industries-page .v8200-matrix-top small{
  color:rgba(255,255,255,.36)!important;

  font-size:.40rem!important;
  font-weight:800!important;

  letter-spacing:.10em!important;
}


body.industries-page .v8200-matrix-head,
body.industries-page .v8200-matrix-row{
  display:grid!important;

  grid-template-columns:
    1.65fr repeat(4,1fr)!important;

  align-items:center!important;
}


body.industries-page .v8200-matrix-head{
  min-height:39px!important;

  padding:
    0 18px!important;

  background:
    rgba(255,255,255,.03)!important;
}


body.industries-page .v8200-matrix-head span{
  color:rgba(255,255,255,.34)!important;

  font-size:.40rem!important;
  font-weight:800!important;

  letter-spacing:.08em!important;
}


body.industries-page .v8200-matrix-row{
  min-height:48px!important;

  padding:
    0 18px!important;

  border-top:
    1px solid rgba(255,255,255,.055)!important;
}


body.industries-page .v8200-matrix-row strong{
  color:#eaf5f7!important;

  font-size:.62rem!important;
}


body.industries-page .v8200-matrix-row span{
  justify-self:start!important;

  padding:
    4px 7px!important;

  border-radius:999px!important;

  font-size:.39rem!important;
  font-weight:800!important;

  letter-spacing:.04em!important;
}


body.industries-page .v8200-matrix-row .high{
  color:#7ce2ad!important;

  background:
    rgba(87,205,151,.08)!important;
}


body.industries-page .v8200-matrix-row .medium{
  color:#e0b13c!important;

  background:
    rgba(218,169,47,.08)!important;
}


body.industries-page .v8200-matrix-legend{
  min-height:48px!important;

  display:flex!important;
  align-items:center!important;

  gap:27px!important;

  padding:
    0 18px!important;

  border-top:
    1px solid rgba(255,255,255,.07)!important;

  color:rgba(255,255,255,.43)!important;

  font-size:.45rem!important;
}


body.industries-page .v8200-matrix-legend span{
  display:flex!important;
  align-items:center!important;

  gap:6px!important;
}


body.industries-page .v8200-matrix-legend i{
  width:5px!important;
  height:5px!important;

  border-radius:50%!important;
}


body.industries-page .v8200-matrix-legend .green{
  background:#69d79d!important;
}


body.industries-page .v8200-matrix-legend .gold{
  background:#dba72d!important;
}


body.industries-page .v8200-matrix-legend .blue{
  background:#5fb5ce!important;
}


/* ==========================================================
   SECTORS
   ========================================================== */

body.industries-page .v8200-sectors{
  padding:
    100px 0 105px!important;

  background:
    radial-gradient(
      circle at 10% 5%,
      rgba(173,215,224,.26),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #eef7f7,
      #f5f6f1
    )!important;
}


body.industries-page .v8200-sector-grid{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:12px!important;
}


body.industries-page .v8200-sector-card{
  position:relative!important;

  min-height:310px!important;

  display:flex!important;
  flex-direction:column!important;

  padding:
    24px 22px 21px!important;

  border:
    1px solid rgba(23,73,91,.11)!important;

  border-radius:15px!important;

  background:
    rgba(255,255,255,.80)!important;

  box-shadow:
    0 13px 34px rgba(20,62,76,.055)!important;

  transition:
    transform .25s ease,
    box-shadow .25s ease!important;
}


body.industries-page .v8200-sector-card:hover{
  transform:
    translateY(-4px)!important;

  box-shadow:
    0 20px 44px rgba(20,62,76,.09)!important;
}


body.industries-page .v8200-sector-num{
  position:absolute!important;

  right:18px!important;
  top:17px!important;

  color:rgba(18,66,83,.12)!important;

  font-size:2.15rem!important;
  font-weight:800!important;
}


body.industries-page .v8200-sector-card > small{
  margin-bottom:11px!important;

  color:#aa7619!important;

  font-size:.43rem!important;
  font-weight:800!important;

  letter-spacing:.10em!important;
}


body.industries-page .v8200-sector-card h3{
  max-width:220px!important;

  margin:
    0 0 9px!important;

  color:#12394c!important;

  font-size:1.20rem!important;
  line-height:1.04!important;
}


body.industries-page .v8200-sector-card > p{
  margin:
    0 0 16px!important;

  color:#6d7e86!important;

  font-size:.61rem!important;
  line-height:1.58!important;
}


body.industries-page .v8200-sector-tags{
  display:flex!important;
  flex-wrap:wrap!important;

  gap:5px!important;

  margin-bottom:18px!important;
}


body.industries-page .v8200-sector-tags span{
  padding:
    4px 7px!important;

  border-radius:999px!important;

  background:#edf4f4!important;

  color:#4e6d79!important;

  font-size:.43rem!important;
  font-weight:700!important;
}


body.industries-page .v8200-sector-card > a{
  margin-top:auto!important;

  color:#143e53!important;

  font-size:.54rem!important;
  font-weight:850!important;

  text-decoration:none!important;
}


/* ==========================================================
   SEQUENCE
   ========================================================== */

body.industries-page .v8200-sequence{
  padding:
    98px 0 102px!important;

  background:
    linear-gradient(
      180deg,
      #faf6ed,
      #f5efe4
    )!important;
}


body.industries-page .v8200-flow{
  position:relative!important;

  display:grid!important;

  grid-template-columns:
    repeat(6,minmax(0,1fr))!important;

  gap:0!important;
}


body.industries-page .v8200-flow-line{
  position:absolute!important;

  left:4%!important;
  right:4%!important;
  top:19px!important;

  height:1px!important;

  background:
    linear-gradient(
      90deg,
      #d9a62e,
      #d9a62e 52%,
      #65aebf
    )!important;
}


body.industries-page .v8200-flow article{
  position:relative!important;
  z-index:2!important;

  min-height:165px!important;

  padding:
    0 15px 0 0!important;

  border-right:
    1px solid rgba(25,76,92,.10)!important;
}


body.industries-page .v8200-flow article:last-of-type{
  border-right:0!important;
}


body.industries-page .v8200-flow b{
  width:38px!important;
  height:38px!important;

  display:grid!important;
  place-items:center!important;

  margin-bottom:20px!important;

  border-radius:50%!important;

  background:#ddaE32!important;

  color:#173c50!important;

  font-size:.48rem!important;

  box-shadow:
    0 6px 14px rgba(188,139,29,.16)!important;
}


body.industries-page .v8200-flow small{
  display:block!important;

  margin-bottom:5px!important;

  color:#a9781c!important;

  font-size:.43rem!important;
  font-weight:800!important;

  letter-spacing:.09em!important;
}


body.industries-page .v8200-flow h3{
  margin:
    0 0 6px!important;

  color:#12394b!important;

  font-size:.78rem!important;
  line-height:1.10!important;
}


body.industries-page .v8200-flow p{
  margin:0!important;

  color:#738188!important;

  font-size:.50rem!important;
  line-height:1.47!important;
}


body.industries-page .v8200-control-rule{
  min-height:50px!important;

  display:flex!important;
  align-items:center!important;

  gap:16px!important;

  margin-top:24px!important;

  padding:
    0 16px!important;

  border:
    1px solid rgba(28,79,96,.10)!important;

  border-radius:8px!important;

  background:
    rgba(255,255,255,.75)!important;

  box-shadow:
    0 9px 22px rgba(20,68,84,.05)!important;
}


body.industries-page .v8200-control-rule span{
  padding:
    6px 9px!important;

  border-radius:999px!important;

  background:#f2e4b8!important;

  color:#8f6619!important;

  font-size:.42rem!important;
  font-weight:800!important;

  letter-spacing:.08em!important;
}


body.industries-page .v8200-control-rule strong{
  color:#264756!important;

  font-size:.57rem!important;
}


/* ==========================================================
   CONNECTED CAPABILITIES
   ========================================================== */

body.industries-page .v8200-connect{
  padding:
    98px 0 108px!important;

  background:
    linear-gradient(
      180deg,
      #edf6f7,
      #f5f6f1
    )!important;
}


body.industries-page .v8200-network{
  position:relative!important;

  min-height:450px!important;

  overflow:hidden!important;

  border-radius:17px!important;

  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(34,112,139,.24),
      transparent 27%
    ),
    linear-gradient(
      145deg,
      #062536,
      #083a4f
    )!important;

  box-shadow:
    0 24px 60px rgba(14,58,73,.12)!important;
}


body.industries-page .v8200-network::before{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  background-image:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    )!important;

  background-size:
    50px 50px!important;

  pointer-events:none!important;
}


body.industries-page .v8200-network-hub{
  position:absolute!important;

  left:50%!important;
  top:50%!important;

  width:145px!important;
  height:145px!important;

  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;

  transform:
    translate(-50%,-50%)!important;

  border:
    1px solid rgba(217,171,59,.35)!important;

  border-radius:50%!important;

  background:
    #0a4055!important;

  color:#ffffff!important;

  box-shadow:
    0 0 0 13px rgba(255,255,255,.025)!important;
}


body.industries-page .v8200-network-hub small{
  color:#dba82f!important;

  font-size:.40rem!important;
  font-weight:800!important;

  letter-spacing:.10em!important;
}


body.industries-page .v8200-network-hub strong{
  margin:
    7px 0 3px!important;

  font-size:.83rem!important;
  letter-spacing:.03em!important;
}


body.industries-page .v8200-network-hub span{
  color:rgba(255,255,255,.45)!important;

  font-size:.38rem!important;
  font-weight:700!important;
}


body.industries-page .v8200-network-node{
  position:absolute!important;

  width:205px!important;
  min-height:84px!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;

  padding:
    14px 16px!important;

  border:
    1px solid rgba(255,255,255,.08)!important;

  border-radius:10px!important;

  background:
    rgba(255,255,255,.055)!important;

  color:#ffffff!important;

  text-decoration:none!important;

  backdrop-filter:
    blur(6px)!important;

  transition:
    transform .22s ease,
    background .22s ease!important;
}


body.industries-page .v8200-network-node:hover{
  transform:
    translateY(-3px)!important;

  background:
    rgba(255,255,255,.09)!important;
}


body.industries-page .v8200-network-node small{
  color:#dba82f!important;

  font-size:.37rem!important;
  font-weight:800!important;

  letter-spacing:.09em!important;
}


body.industries-page .v8200-network-node strong{
  margin:
    4px 0!important;

  font-size:.68rem!important;
}


body.industries-page .v8200-network-node span{
  color:rgba(255,255,255,.43)!important;

  font-size:.40rem!important;
}


body.industries-page .node-customs{
  left:7%!important;
  top:14%!important;
}


body.industries-page .node-freight{
  left:50%!important;
  top:8%!important;

  transform:
    translateX(-50%)!important;
}


body.industries-page .node-freight:hover{
  transform:
    translateX(-50%)
    translateY(-3px)!important;
}


body.industries-page .node-ior{
  right:7%!important;
  top:14%!important;
}


body.industries-page .node-project{
  left:7%!important;
  bottom:13%!important;
}


body.industries-page .node-cold{
  left:50%!important;
  bottom:7%!important;

  transform:
    translateX(-50%)!important;
}


body.industries-page .node-cold:hover{
  transform:
    translateX(-50%)
    translateY(-3px)!important;
}


body.industries-page .node-warehouse{
  right:7%!important;
  bottom:13%!important;
}


body.industries-page .v8200-network-line{
  position:absolute!important;

  left:50%!important;
  top:50%!important;

  width:66%!important;
  height:1px!important;

  transform-origin:center!important;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(106,188,207,.28),
      rgba(215,169,48,.28),
      transparent
    )!important;
}


body.industries-page .line-a{
  transform:
    translate(-50%,-50%)
    rotate(0deg)!important;
}


body.industries-page .line-b{
  transform:
    translate(-50%,-50%)
    rotate(31deg)!important;
}


body.industries-page .line-c{
  transform:
    translate(-50%,-50%)
    rotate(-31deg)!important;
}


/* ==========================================================
   FAQ
   ========================================================== */

body.industries-page .v8200-faq{
  padding:
    98px 0 105px!important;

  background:
    linear-gradient(
      180deg,
      #faf6ed,
      #f5efe5
    )!important;
}


body.industries-page .v8200-faq .faq{
  display:grid!important;

  grid-template-columns:
    minmax(0,.78fr)
    minmax(0,1.22fr)!important;

  gap:100px!important;
}


body.industries-page .v8200-faq h2{
  max-width:500px!important;

  margin:
    10px 0 14px!important;

  color:#0d3346!important;

  font-size:
    clamp(2.8rem,4vw,4.55rem)!important;

  line-height:.91!important;
  letter-spacing:-.055em!important;
}


body.industries-page .v8200-faq-intro{
  max-width:430px!important;

  color:#738188!important;

  font-size:.68rem!important;
  line-height:1.62!important;
}


/* ==========================================================
   CTA
   ========================================================== */

body.industries-page .v8200-cta{
  background:
    radial-gradient(
      circle at 86% 0%,
      rgba(65,144,175,.34),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      #062231,
      #08455d
    )!important;
}


body.industries-page .v8200-cta h2{
  max-width:720px!important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width:1100px){

  body.industries-page .v8200-hero-inner{
    gap:40px!important;

    grid-template-columns:
      minmax(0,1fr)
      360px!important;
  }


  body.industries-page .v8200-section-head{
    gap:45px!important;
  }


  body.industries-page .v8200-driver-grid,
  body.industries-page .v8200-sector-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

}


@media (max-width:900px){

  body.industries-page .v8200-hero{
    min-height:auto!important;
  }


  body.industries-page .v8200-hero-inner{
    min-height:auto!important;

    grid-template-columns:
      1fr!important;

    gap:28px!important;

    padding-top:74px!important;
    padding-bottom:58px!important;
  }


  body.industries-page .v8200-hero-control{
    max-width:620px!important;

    justify-self:start!important;
  }


  body.industries-page .v8200-strip-grid{
    overflow-x:auto!important;

    grid-template-columns:
      180px 30px
      180px 30px
      180px 30px
      180px!important;

    justify-content:start!important;
  }


  body.industries-page .v8200-section-head{
    grid-template-columns:
      1fr!important;

    gap:20px!important;
  }


  body.industries-page .v8200-feature{
    grid-template-columns:
      1fr!important;
  }


  body.industries-page .v8200-flow{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    gap:20px!important;
  }


  body.industries-page .v8200-flow-line{
    display:none!important;
  }


  body.industries-page .v8200-network{
    min-height:auto!important;

    display:grid!important;

    grid-template-columns:
      1fr 1fr!important;

    gap:10px!important;

    padding:20px!important;
  }


  body.industries-page .v8200-network-node,
  body.industries-page .v8200-network-hub{
    position:relative!important;

    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;

    width:auto!important;
    min-height:90px!important;

    transform:none!important;
  }


  body.industries-page .v8200-network-hub{
    grid-column:
      1 / -1!important;

    width:130px!important;
    height:130px!important;

    justify-self:center!important;

    border-radius:50%!important;
  }


  body.industries-page .v8200-network-line{
    display:none!important;
  }


  body.industries-page .v8200-faq .faq{
    grid-template-columns:
      1fr!important;

    gap:34px!important;
  }

}


@media (max-width:620px){

  body.industries-page .v8200-hero h1{
    font-size:
      clamp(3rem,13vw,4.25rem)!important;
  }


  body.industries-page .v8200-hero-actions{
    flex-direction:column!important;
    align-items:flex-start!important;
  }


  body.industries-page .v8200-driver-grid,
  body.industries-page .v8200-sector-grid{
    grid-template-columns:
      1fr!important;
  }


  body.industries-page .v8200-feature-copy{
    padding:
      24px 20px!important;
  }


  body.industries-page .v8200-matrix-shell{
    overflow-x:auto!important;
  }


  body.industries-page .v8200-matrix{
    min-width:760px!important;
  }


  body.industries-page .v8200-matrix-legend{
    min-width:760px!important;
  }


  body.industries-page .v8200-flow{
    grid-template-columns:
      1fr!important;
  }


  body.industries-page .v8200-control-rule{
    align-items:flex-start!important;

    flex-direction:column!important;

    padding:
      14px!important;
  }


  body.industries-page .v8200-network{
    grid-template-columns:
      1fr!important;
  }


  body.industries-page .v8200-network-hub{
    grid-column:
      1!important;
  }

}


/* END V8.20.0 INDUSTRIES */


/* ==========================================================
   V8.20.1 — INDUSTRIES
   CONTROL MATRIX HEADING CLIP FIX
   ========================================================== */

body.industries-page
.v8200-matrix-section{
  overflow:visible!important;
}


body.industries-page
.v8200-matrix-section
.container{
  overflow:visible!important;
}


body.industries-page
.v8200-matrix-section
.v8200-section-head{
  position:relative!important;

  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;

  padding-top:8px!important;
}


body.industries-page
.v8200-matrix-section
.v8200-section-head > div{
  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


body.industries-page
.v8200-matrix-section
.v8200-section-head h2{
  display:block!important;

  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;

  margin-top:0!important;

  padding-top:5px!important;
  padding-bottom:5px!important;

  line-height:.93!important;
}


/* Reveal state must never crop the title */

body.industries-page
.v8200-matrix-section
.v8200-section-head.reveal,

body.industries-page
.v8200-matrix-section
.v8200-section-head.reveal.revealed{
  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


@media (min-width:901px){

  body.industries-page
  .v8200-matrix-section
  .v8200-section-head{
    margin-top:0!important;
    margin-bottom:44px!important;
  }

}



/* ==========================================================
   V8.20.2 — INDUSTRIES
   STATIC MATRIX HEADING / REMOVE MASKED REVEAL
   ========================================================== */

body.industries-page
.v8200-matrix-section
.v8202-matrix-heading{
  position:relative!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(310px,.72fr)!important;

  gap:90px!important;
  align-items:end!important;

  margin:0 0 44px!important;

  padding:12px 0 0!important;

  opacity:1!important;
  visibility:visible!important;

  transform:none!important;
  translate:none!important;

  filter:none!important;

  overflow:visible!important;

  clip:auto!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


/* remove any line-mask / split-text treatment inherited
   or added by the global animation system */

body.industries-page
.v8200-matrix-section
.v8202-matrix-heading *{
  opacity:1!important;
  visibility:visible!important;

  transform:none!important;
  translate:none!important;

  filter:none!important;

  overflow:visible!important;

  clip:auto!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


body.industries-page
.v8200-matrix-section
.v8202-matrix-title{
  position:relative!important;

  display:block!important;

  width:auto!important;
  max-width:720px!important;

  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  margin:0!important;

  padding:7px 0 7px!important;

  color:#ffffff!important;

  font-size:
    clamp(2.7rem,4.1vw,4.75rem)!important;

  font-weight:700!important;

  line-height:.94!important;
  letter-spacing:-.055em!important;

  white-space:normal!important;

  overflow:visible!important;
}


/* Ensure generated animation wrappers can never crop this title */

body.industries-page
.v8202-matrix-title span,

body.industries-page
.v8202-matrix-title div,

body.industries-page
.v8202-matrix-title .line,

body.industries-page
.v8202-matrix-title .word,

body.industries-page
.v8202-matrix-title .char{
  position:relative!important;

  display:inline!important;

  height:auto!important;
  max-height:none!important;

  opacity:1!important;

  transform:none!important;

  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;
}


/* Preserve the intentional line break */

body.industries-page
.v8202-matrix-title br{
  display:block!important;
}


@media (max-width:900px){

  body.industries-page
  .v8200-matrix-section
  .v8202-matrix-heading{
    grid-template-columns:
      1fr!important;

    gap:20px!important;
  }

}



/* =====================================================================
   V8.21.0 — PROJECTS INDEX
   EXECUTION PORTFOLIO / CASE STUDY CONTROL
   Scope: projects.html only
   ===================================================================== */


body.projects-index-page{
  background:#f7f4ed!important;
}



/* ==========================================================
   SHARED WIDTH
   ========================================================== */

@media (min-width:901px){

  body.projects-index-page
  .v8210-hero-inner,

  body.projects-index-page
  .v8210-control-grid,

  body.projects-index-page
  .v8210-basis > .container,

  body.projects-index-page
  .v8210-featured > .container,

  body.projects-index-page
  .v8210-process > .container,

  body.projects-index-page
  .v8210-profiles > .container,

  body.projects-index-page
  .v8210-evidence > .container,

  body.projects-index-page
  .v8210-faq > .container,

  body.projects-index-page
  .v8210-cta > .container,

  body.projects-index-page
  .v6-footer-top,

  body.projects-index-page
  .v6-footer-bottom{

    width:min(
      1320px,
      calc(100% - 80px)
    )!important;

    max-width:none!important;
  }

}



/* ==========================================================
   HERO
   ========================================================== */

body.projects-index-page
.v8210-hero{

  position:relative!important;

  min-height:620px!important;

  overflow:hidden!important;

  isolation:isolate!important;

  color:#fff!important;

  background:#061b28!important;
}


body.projects-index-page
.v8210-hero-media{

  position:absolute!important;

  inset:0!important;

  z-index:-3!important;

  background-image:
    var(--v8210-hero)!important;

  background-size:
    cover!important;

  background-repeat:
    no-repeat!important;

  background-position:
    center 52%!important;

  transform:
    scale(1.015)!important;
}


body.projects-index-page
.v8210-hero-overlay{

  position:absolute!important;

  inset:0!important;

  z-index:-2!important;

  background:

    linear-gradient(
      90deg,
      rgba(3,18,28,.96) 0%,
      rgba(4,23,34,.88) 29%,
      rgba(4,23,34,.55) 55%,
      rgba(4,23,34,.18) 77%,
      rgba(4,23,34,.10) 100%
    ),

    linear-gradient(
      180deg,
      rgba(4,18,27,.05),
      rgba(4,18,27,.20)
    )!important;
}


body.projects-index-page
.v8210-hero::after{

  content:""!important;

  position:absolute!important;

  inset:0!important;

  z-index:-1!important;

  pointer-events:none!important;

  background-image:

    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    )!important;

  background-size:
    90px 90px!important;

  mask-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.62),
      transparent 72%
    )!important;
}


body.projects-index-page
.v8210-hero-inner{

  min-height:620px!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,1.12fr)
    minmax(360px,.72fr)!important;

  gap:92px!important;

  align-items:center!important;

  padding-top:58px!important;
  padding-bottom:58px!important;
}


body.projects-index-page
.v8210-hero-copy{

  max-width:760px!important;
}


body.projects-index-page
.v8210-hero-copy
.breadcrumbs{

  margin-bottom:24px!important;

  color:
    rgba(255,255,255,.58)!important;
}


body.projects-index-page
.v8210-hero-copy
.breadcrumbs a{

  color:
    rgba(255,255,255,.74)!important;
}


body.projects-index-page
.v8210-hero-copy
.eyebrow{

  color:#e0ad38!important;
}


body.projects-index-page
.v8210-hero-copy h1{

  max-width:800px!important;

  margin:
    16px 0 18px!important;

  color:#fff!important;

  font-size:
    clamp(
      4.1rem,
      6vw,
      6.8rem
    )!important;

  line-height:.88!important;

  letter-spacing:
    -.06em!important;

  text-shadow:
    0 15px 40px
    rgba(0,0,0,.25)!important;
}


body.projects-index-page
.v8210-hero-copy h1 span{

  color:#e0ad35!important;
}


body.projects-index-page
.v8210-hero-copy > p{

  max-width:690px!important;

  margin:0!important;

  color:
    rgba(255,255,255,.70)!important;

  font-size:.98rem!important;

  line-height:1.68!important;
}


body.projects-index-page
.v8210-hero-actions{

  display:flex!important;

  align-items:center!important;

  gap:10px!important;

  margin-top:27px!important;
}


body.projects-index-page
.v8210-hero-control{

  position:relative!important;

  max-width:445px!important;

  justify-self:end!important;

  padding:
    28px 28px 24px!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(226,188,95,.19)!important;

  border-radius:18px!important;

  background:
    linear-gradient(
      145deg,
      rgba(7,32,46,.94),
      rgba(7,45,61,.90)
    )!important;

  box-shadow:
    0 28px 70px
    rgba(0,0,0,.28)!important;

  backdrop-filter:
    blur(18px)!important;
}


body.projects-index-page
.v8210-hero-control::after{

  content:""!important;

  position:absolute!important;

  width:190px!important;
  height:190px!important;

  right:-90px!important;
  top:-100px!important;

  border:
    1px solid
    rgba(218,172,61,.22)!important;

  border-radius:50%!important;

  pointer-events:none!important;
}


body.projects-index-page
.v8210-hero-control
.eyebrow{

  color:#e0ad35!important;
}


body.projects-index-page
.v8210-hero-control h2{

  margin:
    10px 0 9px!important;

  color:#fff!important;

  font-size:1.52rem!important;

  line-height:1.03!important;

  letter-spacing:-.035em!important;
}


body.projects-index-page
.v8210-hero-control > p{

  margin:
    0 0 19px!important;

  color:
    rgba(255,255,255,.54)!important;

  font-size:.72rem!important;

  line-height:1.55!important;
}


body.projects-index-page
.v8210-hero-check{

  display:grid!important;

  grid-template-columns:
    10px 1fr!important;

  gap:10px!important;

  align-items:start!important;

  padding:
    10px 0!important;

  border-top:
    1px solid
    rgba(255,255,255,.08)!important;
}


body.projects-index-page
.v8210-hero-check > span{

  width:6px!important;
  height:6px!important;

  margin-top:5px!important;

  border-radius:50%!important;

  background:#55d39b!important;

  box-shadow:
    0 0 0 4px
    rgba(85,211,155,.08)!important;
}


body.projects-index-page
.v8210-hero-check small{

  display:block!important;

  margin-bottom:3px!important;

  color:#d8a637!important;

  font-size:.43rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.projects-index-page
.v8210-hero-check strong{

  display:block!important;

  color:
    rgba(255,255,255,.86)!important;

  font-size:.63rem!important;

  line-height:1.35!important;
}



/* ==========================================================
   HERO STRIP
   ========================================================== */

body.projects-index-page
.v8210-control-strip{

  background:
    linear-gradient(
      180deg,
      #faf7f0,
      #f4efe5
    )!important;

  border-bottom:
    1px solid
    rgba(8,51,69,.08)!important;
}


body.projects-index-page
.v8210-control-grid{

  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  min-height:92px!important;
}


body.projects-index-page
.v8210-control-grid > div{

  position:relative!important;

  display:grid!important;

  grid-template-columns:
    34px 1fr!important;

  grid-template-rows:
    auto auto!important;

  column-gap:11px!important;

  align-content:center!important;

  padding:
    18px 24px!important;

  border-right:
    1px solid
    rgba(8,50,68,.09)!important;
}


body.projects-index-page
.v8210-control-grid > div:last-child{

  border-right:0!important;
}


body.projects-index-page
.v8210-control-grid b{

  grid-row:1 / 3!important;

  width:30px!important;
  height:30px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:50%!important;

  background:#e2b03a!important;

  color:#0b3041!important;

  font-size:.50rem!important;
}


body.projects-index-page
.v8210-control-grid span{

  color:#a67518!important;

  font-size:.43rem!important;
  font-weight:900!important;

  letter-spacing:.11em!important;
}


body.projects-index-page
.v8210-control-grid strong{

  margin-top:3px!important;

  color:#14384a!important;

  font-size:.67rem!important;
}



/* ==========================================================
   SHARED SECTION HEAD
   ========================================================== */

body.projects-index-page
.v8210-chapter{

  position:relative!important;

  overflow:hidden!important;

  scroll-margin-top:105px!important;
}


body.projects-index-page
.v8210-section-head,

body.projects-index-page
.v8210-dark-head{

  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(330px,.72fr)!important;

  gap:92px!important;

  align-items:end!important;

  margin-bottom:45px!important;
}


body.projects-index-page
.v8210-section-head h2,

body.projects-index-page
.v8210-dark-head h2{

  max-width:760px!important;

  margin:
    9px 0 0!important;

  font-size:
    clamp(
      2.8rem,
      4.25vw,
      4.8rem
    )!important;

  line-height:.93!important;

  letter-spacing:-.055em!important;
}


body.projects-index-page
.v8210-section-head h2{

  color:#0b3044!important;
}


body.projects-index-page
.v8210-section-copy{

  max-width:520px!important;
}


body.projects-index-page
.v8210-section-copy p,

body.projects-index-page
.v8210-dark-head p{

  margin:0!important;

  color:#6d7d84!important;

  font-size:.86rem!important;

  line-height:1.68!important;
}



/* ==========================================================
   BASIS
   ========================================================== */

body.projects-index-page
.v8210-basis{

  padding:
    100px 0 108px!important;

  background:

    radial-gradient(
      circle at 9% 7%,
      rgba(206,166,76,.07),
      transparent 27%
    ),

    radial-gradient(
      circle at 91% 74%,
      rgba(94,154,181,.08),
      transparent 27%
    ),

    #f9f6ef!important;
}


body.projects-index-page
.v8210-basis-grid{

  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(15,61,79,.10)!important;

  border-radius:17px!important;

  background:
    rgba(255,255,255,.68)!important;

  box-shadow:
    0 16px 40px
    rgba(15,48,61,.045)!important;
}


body.projects-index-page
.v8210-basis-grid article{

  min-height:225px!important;

  padding:
    28px 25px!important;

  border-right:
    1px solid
    rgba(15,61,79,.09)!important;
}


body.projects-index-page
.v8210-basis-grid article:last-child{

  border-right:0!important;
}


body.projects-index-page
.v8210-basis-grid small{

  display:block!important;

  color:#b17b18!important;

  font-size:.46rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.projects-index-page
.v8210-basis-grid h3{

  margin:
    15px 0 9px!important;

  color:#12384b!important;

  font-size:1rem!important;

  line-height:1.10!important;
}


body.projects-index-page
.v8210-basis-grid p{

  margin:0!important;

  color:#718087!important;

  font-size:.68rem!important;

  line-height:1.62!important;
}



/* ==========================================================
   FEATURED CASE
   ========================================================== */

body.projects-index-page
.v8210-featured{

  padding:
    103px 0 109px!important;

  color:#fff!important;

  background:

    radial-gradient(
      circle at 88% 3%,
      rgba(43,126,155,.30),
      transparent 33%
    ),

    linear-gradient(
      135deg,
      #051924,
      #073147 57%,
      #07475c
    )!important;
}


body.projects-index-page
.v8210-featured
.v8210-dark-head h2,

body.projects-index-page
.v8210-evidence
.v8210-dark-head h2{

  color:#fff!important;
}


body.projects-index-page
.v8210-featured
.v8210-dark-head .eyebrow,

body.projects-index-page
.v8210-evidence
.v8210-dark-head .eyebrow{

  color:#e0ae39!important;
}


body.projects-index-page
.v8210-featured
.v8210-dark-head p,

body.projects-index-page
.v8210-evidence
.v8210-dark-head p{

  color:
    rgba(255,255,255,.60)!important;
}


body.projects-index-page
.v8210-text-link{

  display:inline-flex!important;

  margin-top:15px!important;

  color:#fff!important;

  font-size:.72rem!important;

  font-weight:850!important;

  text-decoration:none!important;
}


body.projects-index-page
.v8210-case-shell{

  display:grid!important;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(360px,.85fr)!important;

  min-height:515px!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(255,255,255,.09)!important;

  border-radius:21px!important;

  background:#061d2a!important;

  box-shadow:
    0 32px 80px
    rgba(0,0,0,.25)!important;
}


body.projects-index-page
.v8210-case-media{

  position:relative!important;

  min-height:515px!important;

  overflow:hidden!important;

  background:#09283a!important;
}


body.projects-index-page
.v8210-case-media img{

  width:100%!important;
  height:100%!important;

  position:absolute!important;

  inset:0!important;

  object-fit:cover!important;

  object-position:center!important;
}


body.projects-index-page
.v8210-case-overlay{

  position:absolute!important;

  inset:0!important;

  background:

    linear-gradient(
      180deg,
      rgba(3,19,29,.02),
      rgba(3,19,29,.22) 55%,
      rgba(3,19,29,.86)
    )!important;
}


body.projects-index-page
.v8210-case-label{

  position:absolute!important;

  left:27px!important;
  bottom:26px!important;

  z-index:2!important;
}


body.projects-index-page
.v8210-case-label span{

  display:block!important;

  margin-bottom:7px!important;

  color:#e2b342!important;

  font-size:.46rem!important;

  font-weight:900!important;

  letter-spacing:.13em!important;
}


body.projects-index-page
.v8210-case-label strong{

  color:#fff!important;

  font-size:1.35rem!important;
}


body.projects-index-page
.v8210-case-data{

  display:flex!important;

  flex-direction:column!important;

  padding:
    33px 31px 29px!important;

  background:

    radial-gradient(
      circle at 100% 0,
      rgba(198,151,46,.12),
      transparent 30%
    ),

    linear-gradient(
      160deg,
      #09283a,
      #061d2a
    )!important;
}


body.projects-index-page
.v8210-case-title small{

  color:#e1ae39!important;

  font-size:.45rem!important;
  font-weight:900!important;

  letter-spacing:.12em!important;
}


body.projects-index-page
.v8210-case-title h3{

  margin:
    8px 0 10px!important;

  color:#fff!important;

  font-size:1.65rem!important;

  line-height:1.04!important;

  letter-spacing:-.04em!important;
}


body.projects-index-page
.v8210-case-title p{

  margin:0!important;

  color:
    rgba(255,255,255,.53)!important;

  font-size:.69rem!important;

  line-height:1.60!important;
}


body.projects-index-page
.v8210-case-metrics{

  display:grid!important;

  grid-template-columns:
    repeat(2,1fr)!important;

  gap:8px!important;

  margin-top:24px!important;
}


body.projects-index-page
.v8210-case-metrics > div{

  min-height:91px!important;

  padding:
    13px 14px!important;

  border:
    1px solid
    rgba(255,255,255,.07)!important;

  border-radius:10px!important;

  background:
    rgba(255,255,255,.035)!important;
}


body.projects-index-page
.v8210-case-metrics
.v8210-metric-wide{

  grid-column:1 / -1!important;
}


body.projects-index-page
.v8210-case-metrics span{

  display:block!important;

  margin-bottom:5px!important;

  color:#d9a538!important;

  font-size:.42rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.projects-index-page
.v8210-case-metrics strong{

  display:block!important;

  color:#fff!important;

  font-size:.80rem!important;
}


body.projects-index-page
.v8210-case-metrics small{

  display:block!important;

  margin-top:4px!important;

  color:
    rgba(255,255,255,.40)!important;

  font-size:.55rem!important;
}


body.projects-index-page
.v8210-case-button{

  min-height:45px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:20px!important;

  margin-top:auto!important;

  padding:
    0 15px!important;

  border-radius:10px!important;

  color:#082432!important;

  background:
    linear-gradient(
      135deg,
      #e2b447,
      #c8912e
    )!important;

  text-decoration:none!important;

  font-size:.57rem!important;
  font-weight:900!important;
}


body.projects-index-page
.v8210-case-button b{

  font-size:.86rem!important;
}


body.projects-index-page
.v8210-disclosure-note{

  min-height:61px!important;

  display:grid!important;

  grid-template-columns:
    150px 1fr!important;

  gap:20px!important;

  align-items:center!important;

  margin-top:18px!important;

  padding:
    12px 17px!important;

  border:
    1px solid
    rgba(255,255,255,.08)!important;

  border-radius:10px!important;

  background:
    rgba(255,255,255,.035)!important;
}


body.projects-index-page
.v8210-disclosure-note span{

  color:#e0ad38!important;

  font-size:.44rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.projects-index-page
.v8210-disclosure-note p{

  margin:0!important;

  color:
    rgba(255,255,255,.46)!important;

  font-size:.60rem!important;

  line-height:1.5!important;
}



/* ==========================================================
   PROCESS
   ========================================================== */

body.projects-index-page
.v8210-process{

  padding:
    102px 0 108px!important;

  background:

    radial-gradient(
      circle at 85% 10%,
      rgba(94,167,191,.15),
      transparent 31%
    ),

    linear-gradient(
      180deg,
      #eef6f6,
      #f8f6ef
    )!important;
}


body.projects-index-page
.v8210-process-flow{

  position:relative!important;

  display:grid!important;

  grid-template-columns:
    repeat(5,minmax(0,1fr))!important;

  margin-top:60px!important;
}


body.projects-index-page
.v8210-process-line{

  position:absolute!important;

  left:7%!important;
  right:7%!important;

  top:22px!important;

  height:2px!important;

  z-index:0!important;

  background:

    linear-gradient(
      90deg,
      #d8a431,
      #65a9bb 45%,
      #65a9bb 70%,
      #d8a431
    )!important;

  opacity:.62!important;
}


body.projects-index-page
.v8210-process-flow article{

  position:relative!important;

  z-index:2!important;

  min-height:187px!important;

  padding:
    0 18px!important;

  border-right:
    1px solid
    rgba(12,62,78,.09)!important;
}


body.projects-index-page
.v8210-process-flow article:first-of-type{

  padding-left:0!important;
}


body.projects-index-page
.v8210-process-flow article:last-of-type{

  padding-right:0!important;

  border-right:0!important;
}


body.projects-index-page
.v8210-process-flow b{

  width:44px!important;
  height:44px!important;

  display:grid!important;
  place-items:center!important;

  margin-bottom:24px!important;

  border-radius:50%!important;

  color:#0b3041!important;

  background:#e0ae37!important;

  box-shadow:
    0 0 0 7px
    #edf4f3!important;

  font-size:.55rem!important;
}


body.projects-index-page
.v8210-process-flow small{

  display:block!important;

  margin-bottom:6px!important;

  color:#a77618!important;

  font-size:.44rem!important;
  font-weight:900!important;

  letter-spacing:.11em!important;
}


body.projects-index-page
.v8210-process-flow h3{

  margin:
    0 0 7px!important;

  color:#13394a!important;

  font-size:.88rem!important;
}


body.projects-index-page
.v8210-process-flow p{

  margin:0!important;

  color:#708087!important;

  font-size:.61rem!important;

  line-height:1.53!important;
}


body.projects-index-page
.v8210-process-rule{

  min-height:62px!important;

  display:flex!important;

  align-items:center!important;

  gap:17px!important;

  margin-top:28px!important;

  padding:
    12px 16px!important;

  border:
    1px solid
    rgba(18,67,83,.10)!important;

  border-radius:9px!important;

  background:
    rgba(255,255,255,.80)!important;

  box-shadow:
    0 10px 26px
    rgba(12,50,65,.05)!important;
}


body.projects-index-page
.v8210-process-rule span{

  flex:0 0 auto!important;

  padding:
    6px 9px!important;

  border-radius:999px!important;

  color:#936818!important;

  background:#f2e5c3!important;

  font-size:.42rem!important;

  font-weight:900!important;

  letter-spacing:.08em!important;
}


body.projects-index-page
.v8210-process-rule strong{

  color:#244757!important;

  font-size:.61rem!important;
}



/* ==========================================================
   PROJECT PROFILES
   ========================================================== */

body.projects-index-page
.v8210-profiles{

  padding:
    100px 0 108px!important;

  background:

    url('/assets/img/contours.svg')
    right center / 860px auto
    no-repeat,

    linear-gradient(
      180deg,
      #f9f6ef,
      #f2eee5
    )!important;
}


body.projects-index-page
.v8210-profile-list{

  overflow:hidden!important;

  border:
    1px solid
    rgba(14,62,80,.10)!important;

  border-radius:18px!important;

  background:
    rgba(255,255,255,.70)!important;
}


body.projects-index-page
.v8210-profile{

  min-height:112px!important;

  display:grid!important;

  grid-template-columns:
    62px
    minmax(220px,.75fr)
    minmax(300px,1.15fr)
    35px!important;

  gap:22px!important;

  align-items:center!important;

  padding:
    18px 23px!important;

  color:inherit!important;

  text-decoration:none!important;

  border-bottom:
    1px solid
    rgba(14,62,80,.09)!important;

  transition:
    background .22s ease,
    padding-left .22s ease!important;
}


body.projects-index-page
.v8210-profile:last-child{

  border-bottom:0!important;
}


body.projects-index-page
.v8210-profile:hover{

  padding-left:29px!important;

  background:
    rgba(230,241,242,.54)!important;
}


body.projects-index-page
.v8210-profile-number{

  width:43px!important;
  height:43px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:50%!important;

  color:#916719!important;

  background:#f0e3bf!important;

  font-size:.54rem!important;
  font-weight:900!important;
}


body.projects-index-page
.v8210-profile small{

  display:block!important;

  margin-bottom:4px!important;

  color:#a97618!important;

  font-size:.43rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.projects-index-page
.v8210-profile h3{

  margin:0!important;

  color:#133a4c!important;

  font-size:1rem!important;
}


body.projects-index-page
.v8210-profile p{

  margin:0!important;

  color:#6e7d84!important;

  font-size:.67rem!important;

  line-height:1.52!important;
}


body.projects-index-page
.v8210-profile > b{

  color:#bc8621!important;

  font-size:1rem!important;
}



/* ==========================================================
   EVIDENCE
   ========================================================== */

body.projects-index-page
.v8210-evidence{

  padding:
    102px 0 110px!important;

  color:#fff!important;

  background:

    radial-gradient(
      circle at 88% 8%,
      rgba(49,134,161,.31),
      transparent 35%
    ),

    linear-gradient(
      135deg,
      #051923,
      #07354a
    )!important;
}


body.projects-index-page
.v8210-evidence-board{

  overflow:hidden!important;

  border:
    1px solid
    rgba(255,255,255,.08)!important;

  border-radius:17px!important;

  background:
    rgba(4,28,41,.82)!important;

  box-shadow:
    0 26px 65px
    rgba(0,0,0,.22)!important;
}


body.projects-index-page
.v8210-evidence-head{

  min-height:55px!important;

  display:flex!important;

  align-items:center!important;

  justify-content:space-between!important;

  padding:
    0 18px!important;

  border-bottom:
    1px solid
    rgba(255,255,255,.07)!important;
}


body.projects-index-page
.v8210-evidence-head span{

  color:#fff!important;

  font-size:.63rem!important;
  font-weight:850!important;
}


body.projects-index-page
.v8210-evidence-head small{

  color:#54d29b!important;

  font-size:.42rem!important;
  font-weight:900!important;

  letter-spacing:.12em!important;
}


body.projects-index-page
.v8210-evidence-grid{

  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  padding:
    18px!important;

  gap:8px!important;
}


body.projects-index-page
.v8210-evidence-grid > div{

  min-height:127px!important;

  padding:
    16px!important;

  border:
    1px solid
    rgba(255,255,255,.06)!important;

  border-radius:10px!important;

  background:
    rgba(255,255,255,.03)!important;
}


body.projects-index-page
.v8210-evidence-grid .status{

  display:inline-flex!important;

  padding:
    4px 7px!important;

  margin-bottom:16px!important;

  border-radius:999px!important;

  color:#65dda7!important;

  background:
    rgba(82,210,154,.08)!important;

  font-size:.40rem!important;
  font-weight:900!important;

  letter-spacing:.08em!important;
}


body.projects-index-page
.v8210-evidence-grid strong{

  display:block!important;

  color:#fff!important;

  font-size:.78rem!important;
}


body.projects-index-page
.v8210-evidence-grid small{

  display:block!important;

  margin-top:6px!important;

  color:
    rgba(255,255,255,.38)!important;

  font-size:.55rem!important;
}


body.projects-index-page
.v8210-evidence-footer{

  min-height:42px!important;

  display:flex!important;

  align-items:center!important;

  gap:29px!important;

  padding:
    0 18px!important;

  border-top:
    1px solid
    rgba(255,255,255,.06)!important;

  color:
    rgba(255,255,255,.30)!important;
}


body.projects-index-page
.v8210-evidence-footer span{

  font-size:.40rem!important;
  font-weight:800!important;

  letter-spacing:.09em!important;
}



/* ==========================================================
   FAQ
   ========================================================== */

body.projects-index-page
.v8210-faq{

  padding:
    101px 0 108px!important;

  background:

    radial-gradient(
      circle at 7% 16%,
      rgba(211,166,62,.09),
      transparent 25%
    ),

    linear-gradient(
      180deg,
      #fbf8f1,
      #f7f2e9
    )!important;
}


body.projects-index-page
.v8210-faq .faq{

  display:grid!important;

  grid-template-columns:
    .78fr 1.22fr!important;

  gap:105px!important;

  align-items:start!important;
}


body.projects-index-page
.v8210-faq h2{

  max-width:540px!important;

  margin:
    10px 0 0!important;

  color:#0b3044!important;

  font-size:
    clamp(
      3rem,
      4vw,
      4.5rem
    )!important;

  line-height:.94!important;

  letter-spacing:-.054em!important;
}


body.projects-index-page
.v8210-faq-intro{

  max-width:450px!important;

  margin-top:23px!important;

  color:#6c7b83!important;

  font-size:.86rem!important;

  line-height:1.66!important;
}


body.projects-index-page
.v8210-faq .accordion{

  border-top:
    1px solid
    rgba(8,52,72,.12)!important;
}


body.projects-index-page
.v8210-faq .accordion-item{

  border-bottom:
    1px solid
    rgba(8,52,72,.12)!important;
}


body.projects-index-page
.v8210-faq .accordion-button{

  min-height:75px!important;

  padding:
    0 8px!important;

  color:#0a3045!important;

  font-size:.90rem!important;

  font-weight:800!important;
}


body.projects-index-page
.v8210-faq
.accordion-button span{

  color:#bd8920!important;

  font-size:1.15rem!important;
}


body.projects-index-page
.v8210-faq
.accordion-content p{

  padding:
    0 45px 22px 8px!important;

  color:#687881!important;

  font-size:.83rem!important;

  line-height:1.65!important;
}



/* ==========================================================
   CTA
   ========================================================== */

body.projects-index-page
.v8210-cta{

  position:relative!important;

  overflow:hidden!important;

  padding:
    75px 0 79px!important;

  background:

    radial-gradient(
      circle at 87% 9%,
      rgba(59,137,165,.24),
      transparent 31%
    ),

    linear-gradient(
      112deg,
      #061722,
      #082c3e 58%,
      #0b4359
    )!important;
}


body.projects-index-page
.v8210-cta .cta-inner{

  display:grid!important;

  grid-template-columns:
    1fr auto!important;

  gap:80px!important;

  align-items:center!important;
}


body.projects-index-page
.v8210-cta h2{

  margin:
    9px 0 8px!important;

  color:#fff!important;

  font-size:
    clamp(
      2.8rem,
      3.6vw,
      4rem
    )!important;

  line-height:.94!important;

  letter-spacing:-.052em!important;
}


body.projects-index-page
.v8210-cta p{

  color:
    rgba(255,255,255,.52)!important;
}



/* ==========================================================
   FOOTER
   ========================================================== */

body.projects-index-page
.v6-footer{

  background:

    linear-gradient(
      180deg,
      #041620,
      #03121b
    )!important;
}



/* ==========================================================
   MID DESKTOP
   ========================================================== */

@media
(min-width:901px)
and
(max-width:1220px){

  body.projects-index-page
  .v8210-hero-inner,

  body.projects-index-page
  .v8210-control-grid,

  body.projects-index-page
  .v8210-basis > .container,

  body.projects-index-page
  .v8210-featured > .container,

  body.projects-index-page
  .v8210-process > .container,

  body.projects-index-page
  .v8210-profiles > .container,

  body.projects-index-page
  .v8210-evidence > .container,

  body.projects-index-page
  .v8210-faq > .container,

  body.projects-index-page
  .v8210-cta > .container{

    width:
      calc(100% - 48px)!important;
  }


  body.projects-index-page
  .v8210-hero-inner{

    grid-template-columns:
      minmax(0,1fr)
      360px!important;

    gap:55px!important;
  }


  body.projects-index-page
  .v8210-section-head,

  body.projects-index-page
  .v8210-dark-head{

    gap:58px!important;
  }


  body.projects-index-page
  .v8210-case-shell{

    grid-template-columns:
      1fr 390px!important;
  }

}



/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media (max-width:900px){

  body.projects-index-page
  .v8210-hero{

    min-height:auto!important;
  }


  body.projects-index-page
  .v8210-hero-inner{

    min-height:auto!important;

    grid-template-columns:
      1fr!important;

    gap:30px!important;

    padding-top:70px!important;
    padding-bottom:56px!important;
  }


  body.projects-index-page
  .v8210-hero-control{

    max-width:620px!important;

    justify-self:start!important;
  }


  body.projects-index-page
  .v8210-control-grid{

    grid-template-columns:
      1fr 1fr!important;
  }


  body.projects-index-page
  .v8210-control-grid > div:nth-child(2){

    border-right:0!important;
  }


  body.projects-index-page
  .v8210-section-head,

  body.projects-index-page
  .v8210-dark-head{

    grid-template-columns:
      1fr!important;

    gap:22px!important;
  }


  body.projects-index-page
  .v8210-basis-grid{

    grid-template-columns:
      1fr 1fr!important;
  }


  body.projects-index-page
  .v8210-case-shell{

    grid-template-columns:
      1fr!important;
  }


  body.projects-index-page
  .v8210-case-media{

    min-height:390px!important;
  }


  body.projects-index-page
  .v8210-process-flow{

    grid-template-columns:
      1fr 1fr!important;

    gap:20px!important;
  }


  body.projects-index-page
  .v8210-process-line{

    display:none!important;
  }


  body.projects-index-page
  .v8210-profile{

    grid-template-columns:
      55px 1fr 30px!important;
  }


  body.projects-index-page
  .v8210-profile p{

    grid-column:
      2 / 4!important;
  }


  body.projects-index-page
  .v8210-evidence-grid{

    grid-template-columns:
      1fr 1fr!important;
  }


  body.projects-index-page
  .v8210-faq .faq{

    grid-template-columns:
      1fr!important;

    gap:35px!important;
  }


  body.projects-index-page
  .v8210-cta .cta-inner{

    grid-template-columns:
      1fr!important;

    gap:28px!important;
  }

}



/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:620px){

  body.projects-index-page
  .v8210-hero-copy h1{

    font-size:
      clamp(
        3.2rem,
        13vw,
        4.5rem
      )!important;
  }


  body.projects-index-page
  .v8210-hero-actions{

    flex-direction:column!important;

    align-items:flex-start!important;
  }


  body.projects-index-page
  .v8210-control-grid{

    grid-template-columns:
      1fr!important;
  }


  body.projects-index-page
  .v8210-control-grid > div{

    border-right:0!important;

    border-bottom:
      1px solid
      rgba(8,50,68,.09)!important;
  }


  body.projects-index-page
  .v8210-control-grid > div:last-child{

    border-bottom:0!important;
  }


  body.projects-index-page
  .v8210-basis-grid{

    grid-template-columns:
      1fr!important;
  }


  body.projects-index-page
  .v8210-basis-grid article{

    min-height:auto!important;

    border-right:0!important;

    border-bottom:
      1px solid
      rgba(15,61,79,.09)!important;
  }


  body.projects-index-page
  .v8210-case-metrics{

    grid-template-columns:
      1fr!important;
  }


  body.projects-index-page
  .v8210-case-metrics
  .v8210-metric-wide{

    grid-column:auto!important;
  }


  body.projects-index-page
  .v8210-disclosure-note{

    grid-template-columns:
      1fr!important;

    gap:6px!important;
  }


  body.projects-index-page
  .v8210-process-flow{

    grid-template-columns:
      1fr!important;
  }


  body.projects-index-page
  .v8210-profile{

    grid-template-columns:
      48px 1fr 26px!important;

    gap:12px!important;
  }


  body.projects-index-page
  .v8210-evidence-grid{

    grid-template-columns:
      1fr!important;
  }


  body.projects-index-page
  .v8210-evidence-footer{

    flex-wrap:wrap!important;

    gap:12px 20px!important;

    padding:
      12px 18px!important;
  }

}


/* END V8.21.0 PROJECTS INDEX */


/* ==========================================================
   V8.21.1 — PROJECTS INDEX
   EVIDENCE / CLOSEOUT BOARD POLISH
   Scope: Evidence before adjectives only
   ========================================================== */


/* ----------------------------------------------------------
   EVIDENCE CHAPTER
   Preserve existing chapter composition.
   ---------------------------------------------------------- */

body.projects-index-page
.v8210-evidence{
  padding-top:106px!important;
  padding-bottom:116px!important;
}


/* ----------------------------------------------------------
   CONTROL BOARD
   Give the evidence interface more operational presence.
   ---------------------------------------------------------- */

body.projects-index-page
.v8210-evidence-board{
  position:relative!important;

  min-height:292px!important;

  overflow:hidden!important;

  border:
    1px solid rgba(255,255,255,.10)!important;

  border-radius:18px!important;

  background:
    linear-gradient(
      145deg,
      rgba(4,27,40,.94),
      rgba(5,39,54,.90)
    )!important;

  box-shadow:
    0 28px 70px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
}


/* restrained technical glow */

body.projects-index-page
.v8210-evidence-board::before{
  content:""!important;

  position:absolute!important;

  width:340px!important;
  height:340px!important;

  right:-150px!important;
  top:-190px!important;

  border-radius:50%!important;

  border:
    1px solid rgba(218,171,61,.13)!important;

  pointer-events:none!important;
}


/* subtle lower grid */

body.projects-index-page
.v8210-evidence-board::after{
  content:""!important;

  position:absolute!important;

  left:0!important;
  right:0!important;
  bottom:0!important;

  height:82px!important;

  pointer-events:none!important;

  opacity:.18!important;

  background-image:
    linear-gradient(
      rgba(255,255,255,.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.045) 1px,
      transparent 1px
    )!important;

  background-size:
    30px 30px!important;

  mask-image:
    linear-gradient(
      180deg,
      transparent,
      #000
    )!important;

  -webkit-mask-image:
    linear-gradient(
      180deg,
      transparent,
      #000
    )!important;
}


/* ----------------------------------------------------------
   BOARD HEADER
   ---------------------------------------------------------- */

body.projects-index-page
.v8210-evidence-head{
  position:relative!important;
  z-index:2!important;

  min-height:61px!important;

  padding:
    0 21px!important;

  background:
    rgba(255,255,255,.018)!important;

  border-bottom:
    1px solid rgba(255,255,255,.075)!important;
}


body.projects-index-page
.v8210-evidence-head span{
  font-size:.66rem!important;
  font-weight:850!important;

  letter-spacing:-.01em!important;
}


body.projects-index-page
.v8210-evidence-head small{
  display:inline-flex!important;
  align-items:center!important;

  gap:7px!important;

  color:#68dda9!important;

  font-size:.42rem!important;
  font-weight:900!important;

  letter-spacing:.12em!important;
}


/* live status indicator */

body.projects-index-page
.v8210-evidence-head small::before{
  content:""!important;

  width:6px!important;
  height:6px!important;

  flex:0 0 auto!important;

  border-radius:50%!important;

  background:#61daa6!important;

  box-shadow:
    0 0 0 4px rgba(97,218,166,.08),
    0 0 12px rgba(97,218,166,.30)!important;
}


/* ----------------------------------------------------------
   FOUR EVIDENCE CONTROL BLOCKS
   ---------------------------------------------------------- */

body.projects-index-page
.v8210-evidence-grid{
  position:relative!important;
  z-index:2!important;

  padding:
    19px 19px 20px!important;

  gap:10px!important;
}


body.projects-index-page
.v8210-evidence-grid > div{
  position:relative!important;

  min-height:154px!important;

  display:flex!important;
  flex-direction:column!important;

  padding:
    17px 17px 16px!important;

  overflow:hidden!important;

  border:
    1px solid rgba(255,255,255,.075)!important;

  border-radius:11px!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.047),
      rgba(255,255,255,.022)
    )!important;

  transition:
    transform .24s ease,
    border-color .24s ease,
    background .24s ease!important;
}


body.projects-index-page
.v8210-evidence-grid > div:hover{
  transform:
    translateY(-2px)!important;

  border-color:
    rgba(218,177,74,.17)!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.063),
      rgba(255,255,255,.030)
    )!important;
}


/* tiny evidence sequence number */

body.projects-index-page
.v8210-evidence-grid > div::before{
  position:absolute!important;

  right:14px!important;
  top:13px!important;

  color:
    rgba(255,255,255,.12)!important;

  font-family:
    "Manrope",sans-serif!important;

  font-size:.84rem!important;
  font-weight:900!important;

  line-height:1!important;
}


body.projects-index-page
.v8210-evidence-grid > div:nth-child(1)::before{
  content:"01"!important;
}

body.projects-index-page
.v8210-evidence-grid > div:nth-child(2)::before{
  content:"02"!important;
}

body.projects-index-page
.v8210-evidence-grid > div:nth-child(3)::before{
  content:"03"!important;
}

body.projects-index-page
.v8210-evidence-grid > div:nth-child(4)::before{
  content:"04"!important;
}


/* status pill */

body.projects-index-page
.v8210-evidence-grid .status{
  width:max-content!important;

  min-height:22px!important;

  display:inline-flex!important;
  align-items:center!important;

  gap:6px!important;

  padding:
    4px 8px!important;

  margin-bottom:20px!important;

  border:
    1px solid rgba(91,215,161,.12)!important;

  border-radius:999px!important;

  color:#70e3ad!important;

  background:
    rgba(81,204,150,.075)!important;

  font-size:.40rem!important;
  font-weight:900!important;

  line-height:1!important;

  letter-spacing:.09em!important;
}


body.projects-index-page
.v8210-evidence-grid .status::before{
  content:""!important;

  width:5px!important;
  height:5px!important;

  flex:0 0 auto!important;

  border-radius:50%!important;

  background:#67dda8!important;

  box-shadow:
    0 0 8px rgba(103,221,168,.32)!important;
}


/* evidence title */

body.projects-index-page
.v8210-evidence-grid strong{
  max-width:190px!important;

  margin-top:auto!important;

  color:#fff!important;

  font-size:.82rem!important;
  font-weight:800!important;

  line-height:1.18!important;
}


/* evidence description */

body.projects-index-page
.v8210-evidence-grid small{
  max-width:205px!important;

  margin-top:7px!important;

  color:
    rgba(255,255,255,.46)!important;

  font-size:.56rem!important;
  font-weight:500!important;

  line-height:1.48!important;
}


/* gold closeout marker along bottom of each block */

body.projects-index-page
.v8210-evidence-grid > div::after{
  content:""!important;

  position:absolute!important;

  left:17px!important;
  bottom:0!important;

  width:30px!important;
  height:1px!important;

  background:
    linear-gradient(
      90deg,
      #d4a13a,
      rgba(212,161,58,0)
    )!important;
}


/* ----------------------------------------------------------
   CLOSEOUT TRAIL
   Reuse existing footer rather than adding new HTML.
   ---------------------------------------------------------- */

body.projects-index-page
.v8210-evidence-footer{
  position:relative!important;
  z-index:2!important;

  min-height:62px!important;

  display:flex!important;
  align-items:center!important;

  gap:0!important;

  padding:
    0 20px!important;

  border-top:
    1px solid rgba(255,255,255,.075)!important;

  color:
    rgba(255,255,255,.38)!important;

  background:
    rgba(1,17,26,.24)!important;
}


/* closeout trail label */

body.projects-index-page
.v8210-evidence-footer::before{
  content:"CLOSEOUT TRAIL"!important;

  flex:0 0 auto!important;

  display:inline-flex!important;
  align-items:center!important;

  min-height:25px!important;

  margin-right:22px!important;

  padding:
    0 9px!important;

  border:
    1px solid rgba(218,171,61,.16)!important;

  border-radius:999px!important;

  color:#ddb04b!important;

  background:
    rgba(210,161,53,.06)!important;

  font-size:.39rem!important;
  font-weight:900!important;

  line-height:1!important;

  letter-spacing:.11em!important;
}


/* each existing footer label becomes a trail step */

body.projects-index-page
.v8210-evidence-footer span{
  position:relative!important;

  flex:1 1 0!important;

  min-width:0!important;

  display:flex!important;
  align-items:center!important;

  gap:8px!important;

  padding:
    0 15px 0 0!important;

  color:
    rgba(255,255,255,.43)!important;

  font-size:.40rem!important;
  font-weight:800!important;

  line-height:1.3!important;

  letter-spacing:.07em!important;
}


/* closeout trail status point */

body.projects-index-page
.v8210-evidence-footer span::before{
  content:""!important;

  width:6px!important;
  height:6px!important;

  flex:0 0 auto!important;

  border-radius:50%!important;

  background:#d6a53d!important;

  box-shadow:
    0 0 0 4px rgba(214,165,61,.06)!important;
}


/* connecting trail */

body.projects-index-page
.v8210-evidence-footer span:not(:last-child)::after{
  content:""!important;

  position:absolute!important;

  top:50%!important;
  right:10px!important;

  width:22px!important;
  height:1px!important;

  background:
    linear-gradient(
      90deg,
      rgba(214,165,61,.34),
      rgba(91,179,196,.20)
    )!important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width:900px){

  body.projects-index-page
  .v8210-evidence-board{
    min-height:0!important;
  }


  body.projects-index-page
  .v8210-evidence-grid > div{
    min-height:145px!important;
  }


  body.projects-index-page
  .v8210-evidence-footer{
    min-height:auto!important;

    flex-wrap:wrap!important;

    gap:12px 18px!important;

    padding:
      15px 18px!important;
  }


  body.projects-index-page
  .v8210-evidence-footer::before{
    width:100%!important;

    margin:
      0 0 2px!important;

    border:0!important;

    padding:0!important;

    background:none!important;
  }


  body.projects-index-page
  .v8210-evidence-footer span{
    flex:
      1 1 calc(50% - 18px)!important;

    padding:0!important;
  }


  body.projects-index-page
  .v8210-evidence-footer
  span::after{
    display:none!important;
  }

}


/* ----------------------------------------------------------
   SMALL MOBILE
   ---------------------------------------------------------- */

@media (max-width:620px){

  body.projects-index-page
  .v8210-evidence-grid > div{
    min-height:132px!important;
  }


  body.projects-index-page
  .v8210-evidence-footer span{
    flex:
      1 1 100%!important;
  }

}


/* END V8.21.1 PROJECTS EVIDENCE POLISH */



/* ==========================================================
   V8.21.2 — PROJECTS INDEX
   EVIDENCE HEADING CLIP FIX
   ========================================================== */


/* Keep the dark chapter itself contained horizontally,
   but never crop its heading vertically. */

body.projects-index-page
.v8210-evidence{
  overflow:visible!important;
}


/* Heading wrappers */

body.projects-index-page
.v8210-evidence
.v8210-section-head,

body.projects-index-page
.v8210-evidence
.v8210-dark-head{
  position:relative!important;

  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;

  padding-top:8px!important;
}


/* Any nested heading column must also remain uncropped */

body.projects-index-page
.v8210-evidence
.v8210-section-head > div,

body.projects-index-page
.v8210-evidence
.v8210-dark-head > div{
  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


/* Restore the full headline box */

body.projects-index-page
.v8210-evidence
h2{
  display:block!important;

  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;

  margin-top:0!important;

  padding-top:5px!important;
  padding-bottom:6px!important;

  line-height:.94!important;
}


/* Reveal animation must never act as a crop container */

body.projects-index-page
.v8210-evidence
.reveal,

body.projects-index-page
.v8210-evidence
.reveal.revealed{
  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


/* Preserve intentional distance between heading and board */

@media (min-width:901px){

  body.projects-index-page
  .v8210-evidence
  .v8210-section-head,

  body.projects-index-page
  .v8210-evidence
  .v8210-dark-head{
    margin-top:0!important;
    margin-bottom:42px!important;
  }

}


/* Mobile */

@media (max-width:900px){

  body.projects-index-page
  .v8210-evidence
  .v8210-section-head,

  body.projects-index-page
  .v8210-evidence
  .v8210-dark-head{
    padding-top:5px!important;
  }

}


/* END V8.21.2 PROJECTS EVIDENCE HEADING FIX */



/* ==========================================================
   V8.21.3 — PROJECTS INDEX
   FINAL EVIDENCE HEADING VERTICAL CLIP FIX
   ========================================================== */


/*
 * The Evidence board is approved.
 * This block affects ONLY the chapter heading above it.
 */


/* Give the heading its own safe vertical area */

body.projects-index-page
.v8210-evidence
.v8210-dark-head,

body.projects-index-page
.v8210-evidence
.v8210-section-head{
  position:relative!important;

  overflow:visible!important;

  height:auto!important;
  min-height:150px!important;
  max-height:none!important;

  padding-top:24px!important;

  margin-top:0!important;
  margin-bottom:32px!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;

  transform:none!important;
  translate:none!important;

  filter:none!important;

  opacity:1!important;
  visibility:visible!important;
}


/* Disable reveal movement ONLY on this heading */

body.projects-index-page
.v8210-evidence
.v8210-dark-head.reveal,

body.projects-index-page
.v8210-evidence
.v8210-dark-head.reveal.revealed,

body.projects-index-page
.v8210-evidence
.v8210-section-head.reveal,

body.projects-index-page
.v8210-evidence
.v8210-section-head.reveal.revealed{
  transform:none!important;
  translate:none!important;

  filter:none!important;

  opacity:1!important;
  visibility:visible!important;

  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


/* Protect both heading columns */

body.projects-index-page
.v8210-evidence
.v8210-dark-head > *,

body.projects-index-page
.v8210-evidence
.v8210-section-head > *{
  overflow:visible!important;

  height:auto!important;
  max-height:none!important;

  transform:none!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


/* Final headline geometry */

body.projects-index-page
.v8210-evidence
.v8210-dark-head h2,

body.projects-index-page
.v8210-evidence
.v8210-section-head h2{
  position:relative!important;

  display:block!important;

  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  overflow:visible!important;

  margin:
    8px 0 0!important;

  padding:
    10px 0 8px!important;

  color:#ffffff!important;

  line-height:1!important;

  transform:none!important;
  translate:none!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


/* Ensure words/spans created by any text animation cannot crop */

body.projects-index-page
.v8210-evidence
h2 span,

body.projects-index-page
.v8210-evidence
h2 strong{
  display:inline!important;

  overflow:visible!important;

  transform:none!important;
  translate:none!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


/* Maintain comfortable board separation */

@media (min-width:901px){

  body.projects-index-page
  .v8210-evidence{
    padding-top:112px!important;
  }

}


/* Responsive */

@media (max-width:900px){

  body.projects-index-page
  .v8210-evidence
  .v8210-dark-head,

  body.projects-index-page
  .v8210-evidence
  .v8210-section-head{
    min-height:0!important;

    padding-top:12px!important;
    margin-bottom:28px!important;
  }

}


/* END V8.21.3 */



/* =====================================================================
   V8.22.0 — PAKISTAN NETWORK / LOCATIONS
   Scope: locations.html
   ===================================================================== */


body.network-page{
  background:#f7f4ed!important;
}


/* ==========================================================
   SHARED WIDTH
   ========================================================== */

@media (min-width:901px){

  body.network-page
  .v8220-hero-inner,

  body.network-page
  .v8220-hero-strip > .container,

  body.network-page
  .v8220-logic > .container,

  body.network-page
  .v8220-map-section > .container,

  body.network-page
  .v8220-corridors > .container,

  body.network-page
  .v8220-directory > .container,

  body.network-page
  .v8220-control > .container,

  body.network-page
  .v8220-verified > .container,

  body.network-page
  .v8220-faq > .container,

  body.network-page
  .v8220-cta > .container,

  body.network-page
  .v6-footer-top,

  body.network-page
  .v6-footer-bottom{

    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }

}


/* ==========================================================
   HERO
   ========================================================== */

body.network-page
.v8220-hero{
  position:relative!important;

  min-height:680px!important;

  overflow:hidden!important;
  isolation:isolate!important;

  color:#fff!important;

  background:#061722!important;
}


body.network-page
.v8220-hero-media{
  position:absolute!important;
  inset:0!important;
  z-index:-3!important;

  background:
    url('/assets/img/v831/v831-hero-final.png')
    center 51% / cover
    no-repeat!important;

  transform:scale(1.01)!important;
}


body.network-page
.v8220-hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;

  background:

    linear-gradient(
      90deg,
      rgba(3,18,28,.97) 0%,
      rgba(4,22,33,.91) 31%,
      rgba(4,24,36,.68) 53%,
      rgba(4,24,36,.27) 76%,
      rgba(4,24,36,.13) 100%
    ),

    linear-gradient(
      180deg,
      rgba(2,13,21,.14),
      rgba(2,16,25,.27)
    )!important;
}


body.network-page
.v8220-hero::after{
  content:""!important;

  position:absolute!important;
  inset:0!important;
  z-index:-1!important;

  pointer-events:none!important;

  background-image:
    linear-gradient(
      rgba(255,255,255,.024) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.024) 1px,
      transparent 1px
    )!important;

  background-size:
    82px 82px!important;

  mask-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.58),
      transparent 73%
    )!important;

  -webkit-mask-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.58),
      transparent 73%
    )!important;
}


body.network-page
.v8220-hero-inner{
  min-height:604px!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,1.12fr)
    minmax(355px,.72fr)!important;

  gap:88px!important;

  align-items:center!important;

  padding-top:66px!important;
  padding-bottom:82px!important;
}


body.network-page
.v8220-hero-copy{
  max-width:760px!important;
}


body.network-page
.v8220-hero-copy
.breadcrumbs{
  margin-bottom:26px!important;

  color:
    rgba(255,255,255,.52)!important;
}


body.network-page
.v8220-hero-copy
.breadcrumbs a{
  color:
    rgba(255,255,255,.74)!important;
}


body.network-page
.v8220-hero-copy
.eyebrow{
  color:#e1b44a!important;
}


body.network-page
.v8220-hero-copy h1{
  max-width:760px!important;

  margin:
    17px 0 22px!important;

  color:#fff!important;

  font-size:
    clamp(4rem,5.8vw,6.8rem)!important;

  line-height:.86!important;
  letter-spacing:-.058em!important;

  text-shadow:
    0 18px 50px rgba(0,0,0,.25)!important;
}


body.network-page
.v8220-hero-copy h1 span{
  color:#dfac35!important;
}


body.network-page
.v8220-hero-copy > p{
  max-width:690px!important;

  margin:0!important;

  color:
    rgba(255,255,255,.69)!important;

  font-size:.98rem!important;
  line-height:1.72!important;
}


body.network-page
.v8220-hero-actions{
  display:flex!important;
  gap:11px!important;

  margin-top:28px!important;
}


body.network-page
.v8220-hero-actions
.v6-btn{
  min-height:47px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  gap:9px!important;

  padding:
    0 19px!important;

  text-decoration:none!important;

  font-size:.72rem!important;
  font-weight:850!important;
}


body.network-page
.v8220-hero-control{
  position:relative!important;

  padding:
    28px 27px 26px!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(229,195,107,.20)!important;

  border-radius:20px!important;

  background:
    linear-gradient(
      145deg,
      rgba(5,29,42,.91),
      rgba(6,52,69,.86)
    )!important;

  box-shadow:
    0 30px 80px rgba(0,0,0,.30)!important;

  backdrop-filter:
    blur(18px)!important;
}


body.network-page
.v8220-hero-control::before{
  content:""!important;

  position:absolute!important;

  width:230px!important;
  height:230px!important;

  right:-118px!important;
  top:-120px!important;

  border:
    1px solid rgba(225,178,67,.16)!important;

  border-radius:50%!important;
}


body.network-page
.v8220-hero-control
.eyebrow{
  color:#ddb04b!important;
}


body.network-page
.v8220-hero-control h2{
  max-width:330px!important;

  margin:
    10px 0 20px!important;

  color:#fff!important;

  font-size:
    1.45rem!important;

  line-height:1.05!important;
  letter-spacing:-.035em!important;
}


body.network-page
.v8220-hero-check{
  min-height:61px!important;

  display:grid!important;

  grid-template-columns:
    33px 1fr!important;

  gap:12px!important;

  align-items:center!important;

  border-top:
    1px solid
    rgba(255,255,255,.08)!important;
}


body.network-page
.v8220-hero-check > span{
  width:25px!important;
  height:25px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:50%!important;

  color:#0a2534!important;

  background:#d8a83c!important;

  font-size:.47rem!important;
  font-weight:900!important;
}


body.network-page
.v8220-hero-check strong{
  display:block!important;

  color:#fff!important;

  font-size:.70rem!important;
}


body.network-page
.v8220-hero-check small{
  display:block!important;

  margin-top:3px!important;

  color:
    rgba(255,255,255,.43)!important;

  font-size:.56rem!important;
  line-height:1.35!important;
}


/* ==========================================================
   HERO STRIP
   ========================================================== */

body.network-page
.v8220-hero-strip{
  position:absolute!important;

  left:0!important;
  right:0!important;
  bottom:0!important;

  z-index:3!important;

  min-height:76px!important;

  background:
    rgba(248,245,237,.97)!important;

  border-top:
    1px solid
    rgba(7,45,61,.08)!important;
}


body.network-page
.v8220-hero-strip > .container{
  min-height:76px!important;

  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;
}


body.network-page
.v8220-hero-strip
.container > div{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;

  padding:
    0 24px!important;

  border-right:
    1px solid
    rgba(8,45,61,.08)!important;
}


body.network-page
.v8220-hero-strip
.container > div:first-child{
  padding-left:0!important;
}


body.network-page
.v8220-hero-strip
.container > div:last-child{
  border-right:0!important;
}


body.network-page
.v8220-hero-strip small{
  margin-bottom:5px!important;

  color:#b07a17!important;

  font-size:.42rem!important;
  font-weight:900!important;

  letter-spacing:.11em!important;
}


body.network-page
.v8220-hero-strip strong{
  color:#183d4e!important;

  font-size:.65rem!important;
}


/* ==========================================================
   SHARED HEADINGS
   ========================================================== */

body.network-page
.v8220-section-head,

body.network-page
.v8220-dark-head{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(330px,.72fr)!important;

  gap:92px!important;

  align-items:end!important;

  margin-bottom:44px!important;
}


body.network-page
.v8220-section-head h2,

body.network-page
.v8220-dark-head h2{
  max-width:720px!important;

  margin:
    8px 0 0!important;

  font-size:
    clamp(2.85rem,4.3vw,4.9rem)!important;

  line-height:.93!important;
  letter-spacing:-.055em!important;
}


body.network-page
.v8220-section-head h2{
  color:#0b3044!important;
}


body.network-page
.v8220-dark-head h2{
  color:#fff!important;
}


body.network-page
.v8220-section-copy{
  max-width:540px!important;
}


body.network-page
.v8220-section-copy p,

body.network-page
.v8220-dark-head > div:last-child p{
  margin:0!important;

  color:#697a82!important;

  font-size:.84rem!important;
  line-height:1.70!important;
}


body.network-page
.v8220-dark-head > div:last-child p{
  color:
    rgba(255,255,255,.56)!important;
}


body.network-page
.v8220-dark-head
.eyebrow{
  color:#d9aa3c!important;
}


/* ==========================================================
   LOGIC
   ========================================================== */

body.network-page
.v8220-logic{
  padding:
    106px 0 110px!important;

  background:
    radial-gradient(
      circle at 87% 15%,
      rgba(181,217,225,.23),
      transparent 29%
    ),
    linear-gradient(
      180deg,
      #fbf8f1,
      #f7f4ed
    )!important;
}


body.network-page
.v8220-control-row{
  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(13,59,77,.10)!important;

  border-radius:17px!important;

  background:
    rgba(255,255,255,.72)!important;

  box-shadow:
    0 19px 45px
    rgba(8,41,55,.05)!important;
}


body.network-page
.v8220-control-row article{
  min-height:218px!important;

  padding:
    23px 24px!important;

  border-right:
    1px solid
    rgba(13,59,77,.09)!important;
}


body.network-page
.v8220-control-row article:last-child{
  border-right:0!important;
}


body.network-page
.v8220-control-row article > span{
  width:31px!important;
  height:31px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:50%!important;

  color:#9a6d17!important;

  background:#f2e5c6!important;

  font-size:.48rem!important;
  font-weight:900!important;
}


body.network-page
.v8220-control-row small{
  display:block!important;

  margin-top:23px!important;

  color:#aa791a!important;

  font-size:.43rem!important;
  font-weight:900!important;

  letter-spacing:.11em!important;
}


body.network-page
.v8220-control-row h3{
  margin:
    8px 0!important;

  color:#13394b!important;

  font-size:.94rem!important;
  line-height:1.1!important;
}


body.network-page
.v8220-control-row p{
  margin:0!important;

  color:#718088!important;

  font-size:.64rem!important;
  line-height:1.55!important;
}


/* ==========================================================
   MAP SECTION
   ========================================================== */

body.network-page
.v8220-map-section{
  padding:
    105px 0 112px!important;

  color:#fff!important;

  background:
    radial-gradient(
      circle at 86% 8%,
      rgba(53,139,171,.30),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #041722,
      #07344a
    )!important;
}


body.network-page
.v8220-map-shell{
  display:grid!important;

  grid-template-columns:
    minmax(0,1.32fr)
    390px!important;

  min-height:570px!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(255,255,255,.08)!important;

  border-radius:21px!important;

  background:#062234!important;

  box-shadow:
    0 30px 75px rgba(0,0,0,.24)!important;
}


body.network-page
.v8220-map-visual{
  position:relative!important;

  min-height:570px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:
    36px 42px!important;

  overflow:hidden!important;

  background:

    linear-gradient(
      rgba(255,255,255,.026) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(255,255,255,.026) 1px,
      transparent 1px
    ),

    linear-gradient(
      145deg,
      #062234,
      #083e54
    )!important;

  background-size:
    55px 55px,
    55px 55px,
    auto!important;
}


body.network-page
.v8220-map-visual::after{
  content:""!important;

  position:absolute!important;

  width:470px!important;
  height:470px!important;

  right:-160px!important;
  bottom:-270px!important;

  border:
    1px solid
    rgba(220,174,62,.13)!important;

  border-radius:50%!important;

  pointer-events:none!important;
}


body.network-page
.v8220-map-visual img{
  position:relative!important;
  z-index:2!important;

  width:100%!important;
  height:100%!important;
  max-height:490px!important;

  object-fit:contain!important;

  filter:
    drop-shadow(
      0 24px 50px
      rgba(0,0,0,.20)
    )!important;
}


body.network-page
.v8220-map-label{
  position:absolute!important;

  left:26px!important;
  top:23px!important;

  z-index:3!important;

  color:
    rgba(255,255,255,.45)!important;

  font-size:.43rem!important;
  font-weight:900!important;

  letter-spacing:.14em!important;

  text-transform:uppercase!important;
}


body.network-page
.v8220-map-status{
  position:absolute!important;

  left:26px!important;
  bottom:23px!important;

  z-index:3!important;

  display:flex!important;
  align-items:center!important;

  gap:8px!important;

  color:
    rgba(255,255,255,.43)!important;

  font-size:.47rem!important;
  font-weight:800!important;
}


body.network-page
.v8220-map-status span{
  width:6px!important;
  height:6px!important;

  border-radius:50%!important;

  background:#58d49c!important;

  box-shadow:
    0 0 0 4px
    rgba(88,212,156,.08)!important;
}


body.network-page
.v8220-map-panel{
  padding:
    36px 32px!important;

  background:
    linear-gradient(
      160deg,
      #082c40,
      #061c2a
    )!important;
}


body.network-page
.v8220-map-panel h3{
  max-width:310px!important;

  margin:
    11px 0 28px!important;

  color:#fff!important;

  font-size:1.65rem!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}


body.network-page
.v8220-map-group{
  padding:
    18px 0!important;

  border-top:
    1px solid
    rgba(255,255,255,.08)!important;
}


body.network-page
.v8220-map-group small{
  display:block!important;

  margin-bottom:7px!important;

  color:#d9aa3c!important;

  font-size:.43rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.network-page
.v8220-map-group strong{
  display:block!important;

  color:#fff!important;

  font-size:.73rem!important;
  line-height:1.45!important;
}


body.network-page
.v8220-map-group p{
  margin:
    7px 0 0!important;

  color:
    rgba(255,255,255,.43)!important;

  font-size:.58rem!important;
  line-height:1.5!important;
}


body.network-page
.v8220-text-link{
  display:inline-flex!important;

  gap:8px!important;

  margin-top:20px!important;

  color:#e0bd66!important;

  text-decoration:none!important;

  font-size:.64rem!important;
  font-weight:850!important;
}


/* ==========================================================
   CORRIDORS
   ========================================================== */

body.network-page
.v8220-corridors{
  padding:
    104px 0 112px!important;

  background:
    linear-gradient(
      180deg,
      #f9f6ef,
      #eef6f6
    )!important;
}


body.network-page
.v8220-corridor-grid{
  display:grid!important;

  grid-template-columns:
    repeat(3,1fr)!important;

  gap:14px!important;
}


body.network-page
.v8220-corridor-grid article{
  position:relative!important;

  min-height:330px!important;

  padding:
    27px 27px 24px!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(14,61,80,.10)!important;

  border-radius:18px!important;

  background:
    rgba(255,255,255,.75)!important;

  box-shadow:
    0 18px 42px
    rgba(10,43,57,.045)!important;
}


body.network-page
.v8220-corridor-grid article::after{
  content:""!important;

  position:absolute!important;

  width:210px!important;
  height:210px!important;

  right:-120px!important;
  bottom:-130px!important;

  border:
    1px solid
    rgba(57,120,146,.08)!important;

  border-radius:50%!important;
}


body.network-page
.v8220-corridor-number{
  position:absolute!important;

  right:23px!important;
  top:19px!important;

  color:
    rgba(13,61,79,.10)!important;

  font-size:2.8rem!important;
  font-weight:900!important;

  line-height:1!important;
}


body.network-page
.v8220-corridor-grid small{
  display:block!important;

  color:#ab791b!important;

  font-size:.43rem!important;
  font-weight:900!important;

  letter-spacing:.11em!important;
}


body.network-page
.v8220-corridor-grid h3{
  margin:
    26px 0 8px!important;

  color:#10374a!important;

  font-size:1.25rem!important;
}


body.network-page
.v8220-corridor-grid strong{
  display:block!important;

  min-height:48px!important;

  color:#2d5969!important;

  font-size:.69rem!important;
  line-height:1.5!important;
}


body.network-page
.v8220-corridor-grid p{
  margin:
    17px 0 25px!important;

  color:#708087!important;

  font-size:.67rem!important;
  line-height:1.56!important;
}


body.network-page
.v8220-corridor-grid article > div:last-child{
  display:flex!important;
  align-items:center!important;

  gap:7px!important;

  color:#829097!important;

  font-size:.47rem!important;
  font-weight:800!important;

  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}


body.network-page
.v8220-corridor-grid article > div:last-child span{
  width:3px!important;
  height:3px!important;

  border-radius:50%!important;

  background:#d3a23b!important;
}


/* ==========================================================
   DIRECTORY
   ========================================================== */

body.network-page
.v8220-directory{
  padding:
    102px 0 110px!important;

  background:
    url('/assets/img/contours.svg')
    right 40% / 820px auto
    no-repeat,

    linear-gradient(
      180deg,
      #f9f6ef,
      #f3eee5
    )!important;
}


body.network-page
.v8220-directory-list{
  overflow:hidden!important;

  border:
    1px solid
    rgba(13,61,80,.10)!important;

  border-radius:18px!important;

  background:
    rgba(255,255,255,.72)!important;
}


body.network-page
.v8220-node{
  min-height:96px!important;

  display:grid!important;

  grid-template-columns:
    48px
    minmax(180px,.70fr)
    minmax(310px,1.25fr)
    minmax(150px,.50fr)!important;

  gap:22px!important;

  align-items:center!important;

  padding:
    17px 22px!important;

  border-bottom:
    1px solid
    rgba(13,61,80,.09)!important;

  transition:
    background .2s ease,
    padding-left .2s ease!important;
}


body.network-page
.v8220-node:last-child{
  border-bottom:0!important;
}


body.network-page
.v8220-node:hover{
  padding-left:28px!important;

  background:
    rgba(229,241,242,.50)!important;
}


body.network-page
.v8220-node > span{
  width:35px!important;
  height:35px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:50%!important;

  color:#946819!important;

  background:#f1e4c0!important;

  font-size:.47rem!important;
  font-weight:900!important;
}


body.network-page
.v8220-node small{
  display:block!important;

  margin-bottom:4px!important;

  color:#aa781a!important;

  font-size:.40rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.network-page
.v8220-node h3{
  margin:0!important;

  color:#133a4c!important;

  font-size:.94rem!important;
}


body.network-page
.v8220-node p{
  margin:0!important;

  color:#6f7f86!important;

  font-size:.64rem!important;
  line-height:1.5!important;
}


body.network-page
.v8220-node b{
  color:#4c6d79!important;

  font-size:.54rem!important;
  font-weight:750!important;

  text-align:right!important;
}


/* ==========================================================
   CONTROL BOARD
   ========================================================== */

body.network-page
.v8220-control{
  padding:
    104px 0 112px!important;

  color:#fff!important;

  background:
    radial-gradient(
      circle at 87% 8%,
      rgba(45,137,167,.32),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #041620,
      #07374b
    )!important;
}


body.network-page
.v8220-board{
  overflow:hidden!important;

  border:
    1px solid
    rgba(255,255,255,.08)!important;

  border-radius:18px!important;

  background:
    linear-gradient(
      145deg,
      #061e2d,
      #073246
    )!important;

  box-shadow:
    0 30px 75px
    rgba(0,0,0,.23)!important;
}


body.network-page
.v8220-board-head{
  min-height:61px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  padding:
    0 21px!important;

  border-bottom:
    1px solid
    rgba(255,255,255,.07)!important;

  background:
    rgba(255,255,255,.018)!important;
}


body.network-page
.v8220-board-head small{
  display:block!important;

  margin-bottom:3px!important;

  color:#66dda8!important;

  font-size:.40rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.network-page
.v8220-board-head strong{
  color:#fff!important;

  font-size:.72rem!important;
}


body.network-page
.v8220-board-head > span{
  color:
    rgba(255,255,255,.33)!important;

  font-size:.39rem!important;
  font-weight:900!important;

  letter-spacing:.11em!important;
}


body.network-page
.v8220-board-status{
  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  gap:8px!important;

  padding:
    18px!important;
}


body.network-page
.v8220-board-status > div{
  min-height:108px!important;

  padding:
    15px!important;

  border:
    1px solid
    rgba(255,255,255,.06)!important;

  border-radius:10px!important;

  background:
    rgba(255,255,255,.03)!important;
}


body.network-page
.v8220-board-status small{
  display:block!important;

  color:
    rgba(255,255,255,.35)!important;

  font-size:.39rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.network-page
.v8220-board-status strong{
  display:block!important;

  margin:
    12px 0!important;

  color:#fff!important;

  font-size:.89rem!important;
}


body.network-page
.v8220-board-status span{
  display:inline-flex!important;

  padding:
    4px 7px!important;

  border-radius:999px!important;

  color:
    rgba(255,255,255,.48)!important;

  background:
    rgba(255,255,255,.04)!important;

  font-size:.39rem!important;
  font-weight:800!important;
}


body.network-page
.v8220-board-status .green{
  color:#6fe0ac!important;

  background:
    rgba(82,210,154,.08)!important;
}


body.network-page
.v8220-board-status .gold{
  color:#e1b64e!important;

  background:
    rgba(221,174,63,.08)!important;
}


body.network-page
.v8220-board-table{
  padding:
    0 18px 18px!important;
}


body.network-page
.v8220-board-table > div{
  min-height:48px!important;

  display:grid!important;

  grid-template-columns:
    1fr 1fr .7fr 1.3fr!important;

  align-items:center!important;

  padding:
    0 13px!important;

  border-top:
    1px solid
    rgba(255,255,255,.055)!important;

  color:
    rgba(255,255,255,.51)!important;

  font-size:.53rem!important;
}


body.network-page
.v8220-board-table .head{
  min-height:36px!important;

  color:
    rgba(255,255,255,.27)!important;

  font-size:.39rem!important;
  font-weight:900!important;

  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}


body.network-page
.v8220-board-table .green-text{
  color:#6bdca8!important;
}


body.network-page
.v8220-board-table .gold-text{
  color:#dfb34b!important;
}


body.network-page
.v8220-board-footer{
  min-height:53px!important;

  display:flex!important;
  align-items:center!important;

  gap:10px!important;

  padding:
    0 20px!important;

  border-top:
    1px solid
    rgba(255,255,255,.07)!important;

  color:
    rgba(255,255,255,.34)!important;

  background:
    rgba(1,17,26,.22)!important;
}


body.network-page
.v8220-board-footer span{
  flex:0 0 auto!important;

  font-size:.40rem!important;
  font-weight:850!important;

  letter-spacing:.07em!important;
}


body.network-page
.v8220-board-footer b{
  flex:1 1 auto!important;

  height:1px!important;

  background:
    linear-gradient(
      90deg,
      rgba(217,169,58,.45),
      rgba(74,162,185,.28)
    )!important;
}


/* ==========================================================
   VERIFIED EXECUTION
   ========================================================== */

body.network-page
.v8220-verified{
  padding:
    103px 0 110px!important;

  background:
    radial-gradient(
      circle at 11% 16%,
      rgba(211,166,61,.09),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      #fbf8f1,
      #f6f2e9
    )!important;
}


body.network-page
.v8220-verified-flow{
  position:relative!important;

  display:grid!important;

  grid-template-columns:
    repeat(5,1fr)!important;

  margin-top:60px!important;
}


body.network-page
.v8220-verified-flow::before{
  content:""!important;

  position:absolute!important;

  left:5%!important;
  right:5%!important;

  top:20px!important;

  height:1px!important;

  background:
    linear-gradient(
      90deg,
      #d6a33a,
      #63aabd,
      #63aabd,
      #d6a33a
    )!important;
}


body.network-page
.v8220-verified-flow article{
  position:relative!important;
  z-index:2!important;

  min-height:175px!important;

  padding:
    0 17px!important;

  border-right:
    1px solid
    rgba(12,57,76,.09)!important;
}


body.network-page
.v8220-verified-flow article:first-child{
  padding-left:0!important;
}


body.network-page
.v8220-verified-flow article:last-child{
  padding-right:0!important;
  border-right:0!important;
}


body.network-page
.v8220-verified-flow b{
  width:40px!important;
  height:40px!important;

  display:grid!important;
  place-items:center!important;

  margin-bottom:20px!important;

  border-radius:50%!important;

  color:#0b2e40!important;

  background:
    linear-gradient(
      145deg,
      #edcb69,
      #cf982c
    )!important;

  box-shadow:
    0 0 0 7px #f8f4eb!important;

  font-size:.48rem!important;
}


body.network-page
.v8220-verified-flow small{
  display:block!important;

  margin-bottom:5px!important;

  color:#a7781b!important;

  font-size:.41rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.network-page
.v8220-verified-flow h3{
  margin:
    0 0 7px!important;

  color:#163c4d!important;

  font-size:.78rem!important;
}


body.network-page
.v8220-verified-flow p{
  margin:0!important;

  color:#75838a!important;

  font-size:.56rem!important;
  line-height:1.5!important;
}


body.network-page
.v8220-verified-rule{
  min-height:54px!important;

  display:flex!important;
  align-items:center!important;

  gap:17px!important;

  margin-top:30px!important;

  padding:
    0 17px!important;

  border:
    1px solid
    rgba(20,65,81,.10)!important;

  border-radius:8px!important;

  background:
    rgba(255,255,255,.80)!important;

  box-shadow:
    0 9px 24px
    rgba(16,55,69,.045)!important;
}


body.network-page
.v8220-verified-rule span{
  padding:
    6px 9px!important;

  border-radius:999px!important;

  color:#936719!important;

  background:#f2e5c3!important;

  font-size:.41rem!important;
  font-weight:900!important;

  letter-spacing:.08em!important;
}


body.network-page
.v8220-verified-rule strong{
  color:#264b5a!important;

  font-size:.60rem!important;
}


/* ==========================================================
   FAQ
   ========================================================== */

body.network-page
.v8220-faq{
  padding:
    100px 0 108px!important;

  background:
    linear-gradient(
      180deg,
      #f8f5ed,
      #f4efe6
    )!important;
}


body.network-page
.v8220-faq .faq{
  display:grid!important;

  grid-template-columns:
    .78fr 1.22fr!important;

  gap:105px!important;

  align-items:start!important;
}


body.network-page
.v8220-faq h2{
  max-width:520px!important;

  margin:
    10px 0 0!important;

  color:#0a3045!important;

  font-size:
    clamp(3rem,4vw,4.45rem)!important;

  line-height:.94!important;
  letter-spacing:-.053em!important;
}


body.network-page
.v8220-faq-intro{
  max-width:430px!important;

  margin-top:22px!important;

  color:#6b7981!important;

  font-size:.84rem!important;
  line-height:1.65!important;
}


body.network-page
.v8220-faq
.accordion{
  border-top:
    1px solid
    rgba(8,52,72,.12)!important;
}


body.network-page
.v8220-faq
.accordion-item{
  border-bottom:
    1px solid
    rgba(8,52,72,.12)!important;
}


body.network-page
.v8220-faq
.accordion-button{
  min-height:74px!important;

  padding:
    0 8px!important;

  color:#0a3045!important;

  font-size:.89rem!important;
  font-weight:800!important;
}


body.network-page
.v8220-faq
.accordion-button span{
  color:#bd8920!important;

  font-size:1.15rem!important;
}


body.network-page
.v8220-faq
.accordion-content p{
  padding:
    0 45px 22px 8px!important;

  color:#687881!important;

  font-size:.82rem!important;
  line-height:1.65!important;
}


/* ==========================================================
   CTA
   ========================================================== */

body.network-page
.v8220-cta{
  position:relative!important;

  overflow:hidden!important;

  padding:
    76px 0 80px!important;

  background:
    radial-gradient(
      circle at 87% 10%,
      rgba(59,137,165,.25),
      transparent 31%
    ),
    linear-gradient(
      112deg,
      #061722,
      #082c3e 58%,
      #0b4359
    )!important;
}


body.network-page
.v8220-cta .cta-inner{
  display:grid!important;

  grid-template-columns:
    1fr auto!important;

  gap:80px!important;

  align-items:center!important;
}


body.network-page
.v8220-cta h2{
  margin:
    9px 0 9px!important;

  color:#fff!important;

  font-size:
    clamp(2.8rem,3.6vw,4.1rem)!important;

  line-height:.94!important;
  letter-spacing:-.052em!important;
}


body.network-page
.v8220-cta p{
  max-width:730px!important;

  color:
    rgba(255,255,255,.53)!important;
}


/* ==========================================================
   FOOTER
   ========================================================== */

body.network-page
.v6-footer{
  background:
    linear-gradient(
      180deg,
      #041620,
      #03121b
    )!important;
}


/* ==========================================================
   MID DESKTOP
   ========================================================== */

@media
(min-width:901px)
and
(max-width:1220px){

  body.network-page
  .v8220-hero-inner,

  body.network-page
  .v8220-hero-strip > .container,

  body.network-page
  .v8220-logic > .container,

  body.network-page
  .v8220-map-section > .container,

  body.network-page
  .v8220-corridors > .container,

  body.network-page
  .v8220-directory > .container,

  body.network-page
  .v8220-control > .container,

  body.network-page
  .v8220-verified > .container,

  body.network-page
  .v8220-faq > .container,

  body.network-page
  .v8220-cta > .container{

    width:
      calc(100% - 48px)!important;
  }


  body.network-page
  .v8220-hero-inner{
    grid-template-columns:
      minmax(0,1fr)
      360px!important;

    gap:56px!important;
  }


  body.network-page
  .v8220-section-head,

  body.network-page
  .v8220-dark-head{
    gap:58px!important;
  }


  body.network-page
  .v8220-map-shell{
    grid-template-columns:
      1fr 340px!important;
  }

}


/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media (max-width:900px){

  body.network-page
  .v8220-hero{
    min-height:auto!important;
  }


  body.network-page
  .v8220-hero-inner{
    min-height:auto!important;

    grid-template-columns:
      1fr!important;

    gap:30px!important;

    padding-top:76px!important;
    padding-bottom:48px!important;
  }


  body.network-page
  .v8220-hero-copy h1{
    font-size:
      clamp(3rem,11vw,4.9rem)!important;
  }


  body.network-page
  .v8220-hero-control{
    max-width:620px!important;
  }


  body.network-page
  .v8220-hero-strip{
    position:relative!important;

    min-height:auto!important;
  }


  body.network-page
  .v8220-hero-strip > .container{
    grid-template-columns:
      1fr 1fr!important;
  }


  body.network-page
  .v8220-hero-strip
  .container > div{
    min-height:70px!important;

    padding:
      14px!important;

    border-bottom:
      1px solid
      rgba(8,45,61,.08)!important;
  }


  body.network-page
  .v8220-section-head,

  body.network-page
  .v8220-dark-head{
    grid-template-columns:
      1fr!important;

    gap:21px!important;
  }


  body.network-page
  .v8220-control-row{
    grid-template-columns:
      1fr 1fr!important;
  }


  body.network-page
  .v8220-control-row article:nth-child(2){
    border-right:0!important;
  }


  body.network-page
  .v8220-map-shell{
    grid-template-columns:
      1fr!important;
  }


  body.network-page
  .v8220-map-visual{
    min-height:430px!important;
  }


  body.network-page
  .v8220-corridor-grid{
    grid-template-columns:
      1fr!important;
  }


  body.network-page
  .v8220-node{
    grid-template-columns:
      46px 1fr!important;

    gap:14px!important;
  }


  body.network-page
  .v8220-node p,
  body.network-page
  .v8220-node b{
    grid-column:
      2!important;

    text-align:left!important;
  }


  body.network-page
  .v8220-board-status{
    grid-template-columns:
      1fr 1fr!important;
  }


  body.network-page
  .v8220-verified-flow{
    grid-template-columns:
      1fr 1fr!important;

    gap:20px!important;
  }


  body.network-page
  .v8220-verified-flow::before{
    display:none!important;
  }


  body.network-page
  .v8220-faq .faq{
    grid-template-columns:
      1fr!important;

    gap:35px!important;
  }


  body.network-page
  .v8220-cta .cta-inner{
    grid-template-columns:
      1fr!important;

    gap:28px!important;
  }

}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:620px){

  body.network-page
  .v8220-hero-copy h1{
    font-size:
      clamp(2.9rem,14vw,4rem)!important;
  }


  body.network-page
  .v8220-hero-actions{
    flex-direction:column!important;

    align-items:flex-start!important;
  }


  body.network-page
  .v8220-hero-strip > .container{
    grid-template-columns:
      1fr!important;
  }


  body.network-page
  .v8220-control-row{
    grid-template-columns:
      1fr!important;
  }


  body.network-page
  .v8220-control-row article{
    border-right:0!important;

    border-bottom:
      1px solid
      rgba(13,59,77,.09)!important;
  }


  body.network-page
  .v8220-control-row article:last-child{
    border-bottom:0!important;
  }


  body.network-page
  .v8220-map-visual{
    min-height:330px!important;

    padding:
      22px!important;
  }


  body.network-page
  .v8220-map-panel{
    padding:
      27px 22px!important;
  }


  body.network-page
  .v8220-board-status{
    grid-template-columns:
      1fr!important;
  }


  body.network-page
  .v8220-board-table > div{
    grid-template-columns:
      1fr!important;

    gap:4px!important;

    padding:
      11px!important;
  }


  body.network-page
  .v8220-board-table .head{
    display:none!important;
  }


  body.network-page
  .v8220-board-footer{
    flex-wrap:wrap!important;

    padding:
      14px 18px!important;
  }


  body.network-page
  .v8220-board-footer b{
    min-width:18px!important;
  }


  body.network-page
  .v8220-verified-flow{
    grid-template-columns:
      1fr!important;
  }


  body.network-page
  .v8220-verified-flow article{
    min-height:auto!important;

    padding:
      0 0 22px!important;

    border-right:0!important;

    border-bottom:
      1px solid
      rgba(12,57,76,.09)!important;
  }


  body.network-page
  .v8220-verified-rule{
    align-items:flex-start!important;
    flex-direction:column!important;

    padding:
      14px!important;
  }

}


/* END V8.22.0 NETWORK */


/* ==========================================================
   V8.22.3 — NETWORK FINAL VISUAL CORRECTIONS

   1. Integrated dark Pakistan operating map
   2. Hero gateway strip contained inside viewport
   ========================================================== */


/* ==========================================================
   DARK NETWORK MAP
   ========================================================== */

body.network-page
.v8220-map-visual{
  position:relative!important;

  overflow:hidden!important;

  background:
    radial-gradient(
      circle at 78% 20%,
      rgba(55,145,171,.18),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #062331,
      #08384b
    )!important;
}


body.network-page
.v8220-map-visual img{
  display:block!important;

  width:100%!important;
  height:100%!important;

  max-width:100%!important;

  object-fit:contain!important;

  filter:none!important;

  border-radius:18px!important;

  box-shadow:
    0 22px 55px
    rgba(0,0,0,.18)!important;
}


/* ==========================================================
   HERO GATEWAY STRIP — DESKTOP
   ========================================================== */

@media (min-width:901px){

  body.network-page
  .v8220-hero-strip{
    position:relative!important;

    width:100%!important;
    max-width:100%!important;

    overflow:hidden!important;

    box-sizing:border-box!important;
  }


  body.network-page
  .v8220-hero-strip > .container{
    width:
      min(
        1320px,
        calc(100% - 80px)
      )!important;

    max-width:none!important;

    margin-left:auto!important;
    margin-right:auto!important;

    padding-left:0!important;
    padding-right:0!important;

    display:grid!important;

    grid-template-columns:
      repeat(
        4,
        minmax(0,1fr)
      )!important;

    box-sizing:border-box!important;

    overflow:hidden!important;
  }


  body.network-page
  .v8220-hero-strip
  .container > div{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;

    box-sizing:border-box!important;

    overflow:hidden!important;

    padding-left:22px!important;
    padding-right:22px!important;
  }


  body.network-page
  .v8220-hero-strip
  .container > div:first-child{
    padding-left:0!important;
  }


  body.network-page
  .v8220-hero-strip
  .container > div:last-child{
    padding-right:0!important;

    border-right:0!important;
  }


  body.network-page
  .v8220-hero-strip small,
  body.network-page
  .v8220-hero-strip strong,
  body.network-page
  .v8220-hero-strip span,
  body.network-page
  .v8220-hero-strip p{
    max-width:100%!important;

    overflow-wrap:anywhere!important;
  }

}


/* ==========================================================
   MEDIUM DESKTOP
   ========================================================== */

@media
(min-width:901px)
and
(max-width:1220px){

  body.network-page
  .v8220-hero-strip > .container{
    width:
      calc(100% - 48px)!important;

    grid-template-columns:
      repeat(
        4,
        minmax(0,1fr)
      )!important;
  }


  body.network-page
  .v8220-hero-strip
  .container > div{
    padding-left:15px!important;
    padding-right:15px!important;
  }

}


/* ==========================================================
   TABLET
   Existing 2-column behaviour retained, but prevent overflow
   ========================================================== */

@media (max-width:900px){

  body.network-page
  .v8220-hero-strip{
    width:100%!important;

    max-width:100%!important;

    overflow:hidden!important;
  }


  body.network-page
  .v8220-hero-strip > .container{
    width:
      calc(100% - 32px)!important;

    max-width:none!important;

    margin-left:auto!important;
    margin-right:auto!important;

    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      )!important;

    overflow:hidden!important;
  }


  body.network-page
  .v8220-hero-strip
  .container > div{
    min-width:0!important;

    box-sizing:border-box!important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:620px){

  body.network-page
  .v8220-hero-strip > .container{
    width:
      calc(100% - 28px)!important;

    grid-template-columns:
      1fr!important;
  }

}


/* END V8.22.3 */



/* =====================================================================
   V8.23.0 — TRADE INTELLIGENCE DESKTOP
   Scope: intelligence.html
   ===================================================================== */


body.intelligence-page{
  background:#f7f4ed!important;
}


/* ==========================================================
   SHARED WIDTH
   ========================================================== */

@media (min-width:901px){

  body.intelligence-page
  .v8230-hero-inner,

  body.intelligence-page
  .v8230-signal-strip > .container,

  body.intelligence-page
  .v8230-context > .container,

  body.intelligence-page
  .v8230-pulse > .container,

  body.intelligence-page
  .v8230-feed > .container,

  body.intelligence-page
  .v8230-policy > .container,

  body.intelligence-page
  .v8230-tools > .container,

  body.intelligence-page
  .v8230-faq > .container,

  body.intelligence-page
  .v8230-cta > .container{

    width:min(1320px,calc(100% - 80px))!important;
    max-width:none!important;
  }

}


/* ==========================================================
   HERO
   ========================================================== */

body.intelligence-page
.v8230-hero{

  position:relative!important;

  min-height:630px!important;

  overflow:hidden!important;

  isolation:isolate!important;

  color:#fff!important;

  background:#061a26!important;
}


body.intelligence-page
.v8230-hero-media{

  position:absolute!important;
  inset:0!important;

  z-index:-3!important;

  background:
    url('/assets/img/v831/v831-hero-final.png')
    center 51% / cover no-repeat!important;

  transform:scale(1.012)!important;
}


body.intelligence-page
.v8230-hero-overlay{

  position:absolute!important;
  inset:0!important;

  z-index:-2!important;

  background:

    linear-gradient(
      90deg,
      rgba(2,17,27,.97) 0%,
      rgba(3,22,34,.92) 28%,
      rgba(4,27,40,.70) 51%,
      rgba(4,26,38,.26) 75%,
      rgba(4,25,37,.16) 100%
    ),

    linear-gradient(
      180deg,
      rgba(0,0,0,.10),
      rgba(1,14,22,.40)
    )!important;
}


body.intelligence-page
.v8230-hero::after{

  content:""!important;

  position:absolute!important;
  inset:0!important;

  z-index:-1!important;

  pointer-events:none!important;

  background-image:

    linear-gradient(
      rgba(255,255,255,.018) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(255,255,255,.018) 1px,
      transparent 1px
    )!important;

  background-size:
    82px 82px!important;

  mask-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.72),
      transparent 74%
    )!important;

  -webkit-mask-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.72),
      transparent 74%
    )!important;
}


body.intelligence-page
.v8230-hero-inner{

  min-height:630px!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    430px!important;

  gap:88px!important;

  align-items:center!important;

  padding-top:68px!important;
  padding-bottom:68px!important;
}


body.intelligence-page
.v8230-hero-copy{

  max-width:760px!important;
}


body.intelligence-page
.v8230-hero .breadcrumbs{

  margin-bottom:27px!important;

  color:
    rgba(255,255,255,.43)!important;

  font-size:.62rem!important;
}


body.intelligence-page
.v8230-hero .breadcrumbs a{

  color:
    rgba(255,255,255,.68)!important;
}


body.intelligence-page
.v8230-hero .eyebrow{

  color:#dfaf43!important;
}


body.intelligence-page
.v8230-hero-copy h1{

  max-width:800px!important;

  margin:
    13px 0 19px!important;

  color:#fff!important;

  font-size:
    clamp(4.45rem,6vw,6.75rem)!important;

  line-height:.86!important;

  letter-spacing:-.061em!important;

  text-shadow:
    0 14px 48px rgba(0,0,0,.32)!important;
}


body.intelligence-page
.v8230-hero-copy h1 span{

  color:#dca72f!important;
}


body.intelligence-page
.v8230-hero-copy > p{

  max-width:690px!important;

  margin:0!important;

  color:
    rgba(255,255,255,.68)!important;

  font-size:.91rem!important;
  line-height:1.66!important;
}


body.intelligence-page
.v8230-hero-actions{

  display:flex!important;

  gap:10px!important;

  margin-top:26px!important;
}


body.intelligence-page
.v8230-hero-actions .btn{

  min-height:46px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  gap:10px!important;

  padding:
    0 20px!important;

  border-radius:999px!important;

  font-size:.68rem!important;
  font-weight:850!important;
}


body.intelligence-page
.v8230-primary{

  color:#09202c!important;

  background:
    linear-gradient(
      135deg,
      #e6bb4c,
      #ca952c
    )!important;

  border:0!important;
}


body.intelligence-page
.v8230-secondary{

  color:#fff!important;

  background:
    rgba(255,255,255,.055)!important;

  border:
    1px solid
    rgba(255,255,255,.18)!important;

  backdrop-filter:
    blur(10px)!important;
}


/* ----------------------------------------------------------
   HERO INTELLIGENCE DESK
   ---------------------------------------------------------- */

body.intelligence-page
.v8230-hero-desk{

  overflow:hidden!important;

  border:
    1px solid
    rgba(231,200,117,.20)!important;

  border-radius:18px!important;

  background:
    linear-gradient(
      145deg,
      rgba(6,31,45,.95),
      rgba(7,49,66,.90)
    )!important;

  box-shadow:
    0 30px 75px
    rgba(0,0,0,.31)!important;

  backdrop-filter:
    blur(18px)!important;
}


body.intelligence-page
.v8230-desk-top{

  min-height:80px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  gap:20px!important;

  padding:
    18px 20px!important;

  border-bottom:
    1px solid
    rgba(255,255,255,.08)!important;
}


body.intelligence-page
.v8230-desk-top small{

  display:block!important;

  margin-bottom:5px!important;

  color:#dfae40!important;

  font-size:.42rem!important;
  font-weight:900!important;

  letter-spacing:.12em!important;
}


body.intelligence-page
.v8230-desk-top strong{

  display:block!important;

  color:#fff!important;

  font-size:.93rem!important;
}


body.intelligence-page
.v8230-desk-top > span{

  padding:
    5px 8px!important;

  border-radius:999px!important;

  color:#74e2ae!important;

  background:
    rgba(77,210,153,.08)!important;

  border:
    1px solid
    rgba(77,210,153,.14)!important;

  font-size:.37rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.intelligence-page
.v8230-desk-row{

  min-height:72px!important;

  display:grid!important;

  grid-template-columns:
    30px 1fr auto!important;

  gap:10px!important;

  align-items:center!important;

  padding:
    10px 19px!important;

  border-bottom:
    1px solid
    rgba(255,255,255,.065)!important;
}


body.intelligence-page
.v8230-desk-row > b{

  color:#d9a638!important;

  font-size:.50rem!important;
}


body.intelligence-page
.v8230-desk-row small{

  display:block!important;

  color:
    rgba(255,255,255,.35)!important;

  font-size:.35rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.intelligence-page
.v8230-desk-row strong{

  display:block!important;

  margin:
    3px 0 2px!important;

  color:#fff!important;

  font-size:.68rem!important;
}


body.intelligence-page
.v8230-desk-row span{

  display:block!important;

  color:
    rgba(255,255,255,.41)!important;

  font-size:.49rem!important;
}


body.intelligence-page
.v8230-desk-row em{

  padding:
    5px 7px!important;

  border-radius:999px!important;

  color:#dcb04c!important;

  background:
    rgba(220,176,76,.07)!important;

  font-size:.34rem!important;
  font-style:normal!important;
  font-weight:900!important;

  letter-spacing:.07em!important;
}


body.intelligence-page
.v8230-desk-note{

  padding:
    13px 19px 15px!important;

  color:
    rgba(255,255,255,.36)!important;

  background:
    rgba(0,0,0,.10)!important;

  font-size:.46rem!important;
  line-height:1.5!important;
}


/* ==========================================================
   SIGNAL STRIP
   ========================================================== */

body.intelligence-page
.v8230-signal-strip{

  background:
    linear-gradient(
      180deg,
      #fbf8f0,
      #f4f0e7
    )!important;

  border-bottom:
    1px solid
    rgba(12,53,70,.09)!important;
}


body.intelligence-page
.v8230-signal-strip > .container{

  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;
}


body.intelligence-page
.v8230-signal-strip
.container > div{

  min-height:86px!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;

  padding:
    16px 26px!important;

  border-right:
    1px solid
    rgba(12,53,70,.09)!important;
}


body.intelligence-page
.v8230-signal-strip
.container > div:first-child{

  border-left:
    1px solid
    rgba(12,53,70,.09)!important;
}


body.intelligence-page
.v8230-signal-strip small{

  margin-bottom:6px!important;

  color:#b17b18!important;

  font-size:.39rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.intelligence-page
.v8230-signal-strip strong{

  color:#173b4d!important;

  font-size:.63rem!important;
}


/* ==========================================================
   SHARED HEADINGS
   ========================================================== */

body.intelligence-page
.v8230-section-head,

body.intelligence-page
.v8230-dark-head{

  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(320px,.72fr)!important;

  gap:90px!important;

  align-items:end!important;

  overflow:visible!important;

  margin-bottom:44px!important;
}


body.intelligence-page
.v8230-section-head h2,

body.intelligence-page
.v8230-dark-head h2{

  max-width:720px!important;

  margin:
    10px 0 0!important;

  padding:
    3px 0 5px!important;

  overflow:visible!important;

  font-size:
    clamp(2.9rem,4.25vw,4.75rem)!important;

  line-height:.93!important;

  letter-spacing:-.055em!important;
}


body.intelligence-page
.v8230-section-head h2{

  color:#0a3045!important;
}


body.intelligence-page
.v8230-dark-head h2{

  color:#fff!important;
}


body.intelligence-page
.v8230-section-copy p,

body.intelligence-page
.v8230-dark-copy p{

  max-width:520px!important;

  margin:0!important;

  font-size:.84rem!important;
  line-height:1.67!important;
}


body.intelligence-page
.v8230-section-copy p{

  color:#6d7c83!important;
}


body.intelligence-page
.v8230-dark-copy p{

  color:
    rgba(255,255,255,.55)!important;
}


/* ==========================================================
   CONTEXT
   ========================================================== */

body.intelligence-page
.v8230-context{

  position:relative!important;

  padding:
    102px 0 108px!important;

  background:

    radial-gradient(
      circle at 88% 10%,
      rgba(115,170,188,.10),
      transparent 28%
    ),

    linear-gradient(
      180deg,
      #faf8f2,
      #f6f3ec
    )!important;
}


body.intelligence-page
.v8230-context-grid{

  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(12,58,75,.09)!important;

  border-radius:15px!important;

  background:
    rgba(255,255,255,.68)!important;

  box-shadow:
    0 17px 40px
    rgba(9,39,53,.05)!important;
}


body.intelligence-page
.v8230-context-grid article{

  position:relative!important;

  min-height:220px!important;

  padding:
    22px!important;

  border-right:
    1px solid
    rgba(12,58,75,.09)!important;
}


body.intelligence-page
.v8230-context-grid article:last-child{

  border-right:0!important;
}


body.intelligence-page
.v8230-context-grid article > span{

  position:absolute!important;

  right:17px!important;
  top:14px!important;

  color:
    rgba(21,63,80,.09)!important;

  font-size:1.2rem!important;
  font-weight:900!important;
}


body.intelligence-page
.v8230-context-grid small{

  display:block!important;

  margin-bottom:16px!important;

  color:#af7b18!important;

  font-size:.42rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.intelligence-page
.v8230-context-grid h3{

  max-width:195px!important;

  margin:
    0 0 10px!important;

  color:#153b4d!important;

  font-size:.90rem!important;
  line-height:1.15!important;
}


body.intelligence-page
.v8230-context-grid p{

  margin:0!important;

  color:#748188!important;

  font-size:.61rem!important;
  line-height:1.56!important;
}


body.intelligence-page
.v8230-context-feature{

  display:grid!important;

  grid-template-columns:
    .95fr 1.05fr!important;

  gap:55px!important;

  align-items:center!important;

  margin-top:18px!important;

  padding:
    27px 30px!important;

  border-radius:15px!important;

  color:#fff!important;

  background:

    radial-gradient(
      circle at 88% 12%,
      rgba(46,123,151,.22),
      transparent 30%
    ),

    linear-gradient(
      135deg,
      #072130,
      #0a4055
    )!important;
}


body.intelligence-page
.v8230-context-feature small{

  color:#ddb047!important;

  font-size:.40rem!important;
  font-weight:900!important;

  letter-spacing:.11em!important;
}


body.intelligence-page
.v8230-context-feature h3{

  margin:
    8px 0 0!important;

  color:#fff!important;

  font-size:1.45rem!important;
  line-height:1.06!important;
}


body.intelligence-page
.v8230-context-feature-grid{

  display:grid!important;

  grid-template-columns:
    repeat(2,1fr)!important;

  gap:8px!important;
}


body.intelligence-page
.v8230-context-feature-grid > div{

  min-height:55px!important;

  display:flex!important;
  align-items:center!important;

  gap:10px!important;

  padding:
    10px 12px!important;

  border:
    1px solid
    rgba(255,255,255,.07)!important;

  border-radius:8px!important;

  background:
    rgba(255,255,255,.035)!important;
}


body.intelligence-page
.v8230-context-feature-grid span{

  color:#dab049!important;

  font-size:.43rem!important;
  font-weight:900!important;
}


body.intelligence-page
.v8230-context-feature-grid strong{

  color:#fff!important;

  font-size:.58rem!important;
}


/* ==========================================================
   GLOBAL TRADE PULSE
   ========================================================== */

body.intelligence-page
.v8230-pulse{

  position:relative!important;

  padding:
    104px 0 112px!important;

  color:#fff!important;

  background:

    radial-gradient(
      circle at 88% 6%,
      rgba(39,130,158,.33),
      transparent 37%
    ),

    linear-gradient(
      135deg,
      #041824,
      #063348 58%,
      #075269
    )!important;
}


body.intelligence-page
.v8230-pulse .eyebrow,

body.intelligence-page
.v8230-tools .eyebrow{

  color:#dfae40!important;
}


body.intelligence-page
.v8230-pulse-board{

  overflow:hidden!important;

  border:
    1px solid
    rgba(255,255,255,.08)!important;

  border-radius:17px!important;

  background:
    rgba(3,27,39,.78)!important;

  box-shadow:
    0 28px 68px
    rgba(0,0,0,.22)!important;
}


body.intelligence-page
.v8230-pulse-head{

  min-height:58px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  padding:
    0 19px!important;

  border-bottom:
    1px solid
    rgba(255,255,255,.07)!important;
}


body.intelligence-page
.v8230-pulse-head > div{

  display:flex!important;
  align-items:center!important;

  gap:8px!important;

  color:#fff!important;

  font-size:.62rem!important;
  font-weight:850!important;
}


body.intelligence-page
.v8230-pulse-head > div span{

  width:6px!important;
  height:6px!important;

  border-radius:50%!important;

  background:#63dda7!important;

  box-shadow:
    0 0 0 4px
    rgba(99,221,167,.07)!important;
}


body.intelligence-page
.v8230-pulse-head small{

  color:#67dda9!important;

  font-size:.39rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.intelligence-page
.v8230-pulse-metrics{

  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  gap:8px!important;

  padding:
    17px 17px 9px!important;
}


body.intelligence-page
.v8230-pulse-metrics > div{

  min-height:96px!important;

  padding:
    14px!important;

  border:
    1px solid
    rgba(255,255,255,.055)!important;

  border-radius:9px!important;

  background:
    rgba(255,255,255,.027)!important;
}


body.intelligence-page
.v8230-pulse-metrics small{

  display:block!important;

  color:
    rgba(255,255,255,.29)!important;

  font-size:.36rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.intelligence-page
.v8230-pulse-metrics strong{

  display:block!important;

  margin:
    12px 0 5px!important;

  color:#fff!important;

  font-size:.81rem!important;
}


body.intelligence-page
.v8230-pulse-metrics span{

  color:
    rgba(255,255,255,.39)!important;

  font-size:.47rem!important;
}


body.intelligence-page
.v8230-pulse-table{

  padding:
    0 17px 14px!important;
}


body.intelligence-page
.v8230-pulse-table > div{

  min-height:47px!important;

  display:grid!important;

  grid-template-columns:
    1.15fr 1.05fr .9fr 1.25fr!important;

  align-items:center!important;

  padding:
    0 12px!important;

  border-top:
    1px solid
    rgba(255,255,255,.055)!important;

  color:
    rgba(255,255,255,.51)!important;

  font-size:.51rem!important;
}


body.intelligence-page
.v8230-pulse-table .head{

  min-height:34px!important;

  color:
    rgba(255,255,255,.25)!important;

  font-size:.36rem!important;
  font-weight:900!important;

  text-transform:uppercase!important;

  letter-spacing:.08em!important;
}


body.intelligence-page
.v8230-pulse-table .gold{

  color:#dfb54e!important;
}


body.intelligence-page
.v8230-pulse-table .blue{

  color:#70c3dc!important;
}


body.intelligence-page
.v8230-pulse-table .green{

  color:#6ee0ab!important;
}


body.intelligence-page
.v8230-pulse-footer{

  min-height:52px!important;

  display:flex!important;
  align-items:center!important;

  gap:10px!important;

  padding:
    0 18px!important;

  border-top:
    1px solid
    rgba(255,255,255,.065)!important;

  background:
    rgba(0,0,0,.10)!important;
}


body.intelligence-page
.v8230-pulse-footer span{

  color:
    rgba(255,255,255,.36)!important;

  font-size:.38rem!important;
  font-weight:850!important;

  letter-spacing:.08em!important;
}


body.intelligence-page
.v8230-pulse-footer b{

  flex:1 1 auto!important;

  height:1px!important;

  background:
    linear-gradient(
      90deg,
      rgba(217,169,58,.43),
      rgba(70,161,185,.24)
    )!important;
}


/* ==========================================================
   INTELLIGENCE FEED
   ========================================================== */

body.intelligence-page
.v8230-feed{

  position:relative!important;

  padding:
    103px 0 110px!important;

  background:

    linear-gradient(
      rgba(248,246,239,.95),
      rgba(245,241,232,.96)
    ),

    url('/assets/img/route-grid.svg')!important;

  background-size:
    cover,
    940px auto!important;
}


body.intelligence-page
.v8230-feed-shell{

  overflow:hidden!important;

  border:
    1px solid
    rgba(11,55,72,.10)!important;

  border-radius:18px!important;

  background:
    rgba(255,255,255,.73)!important;

  box-shadow:
    0 22px 58px
    rgba(8,37,51,.07)!important;
}


body.intelligence-page
.v8230-feed-bar{

  min-height:62px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;

  gap:25px!important;

  padding:
    0 20px!important;

  color:#fff!important;

  background:
    linear-gradient(
      135deg,
      #072331,
      #0b4055
    )!important;
}


body.intelligence-page
.v8230-feed-bar > div{

  display:flex!important;
  align-items:center!important;

  gap:9px!important;
}


body.intelligence-page
.v8230-feed-live{

  width:7px!important;
  height:7px!important;

  border-radius:50%!important;

  background:#67dca8!important;

  box-shadow:
    0 0 0 5px
    rgba(103,220,168,.08)!important;
}


body.intelligence-page
.v8230-feed-bar strong{

  font-size:.67rem!important;
}


body.intelligence-page
.v8230-feed-bar small{

  color:
    rgba(255,255,255,.38)!important;

  font-size:.37rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.intelligence-page
.v8230-feed .news-toolbar{

  display:flex!important;
  flex-wrap:wrap!important;

  gap:6px!important;

  padding:
    15px 17px!important;

  border-bottom:
    1px solid
    rgba(11,55,72,.08)!important;

  background:
    rgba(247,249,247,.70)!important;
}


body.intelligence-page
.v8230-feed .news-filter{

  min-height:31px!important;

  padding:
    0 11px!important;

  border:
    1px solid
    rgba(13,60,78,.10)!important;

  border-radius:999px!important;

  color:#55717e!important;

  background:#fff!important;

  font-size:.46rem!important;
  font-weight:800!important;
}


body.intelligence-page
.v8230-feed .news-filter.active{

  color:#fff!important;

  background:#0b3b50!important;

  border-color:#0b3b50!important;
}


body.intelligence-page
.v8230-feed .news-grid{

  display:grid!important;

  grid-template-columns:
    repeat(3,minmax(0,1fr))!important;

  gap:10px!important;

  min-height:240px!important;

  padding:
    17px!important;
}


body.intelligence-page
.v8230-feed .news-card{

  min-height:220px!important;

  display:flex!important;
  flex-direction:column!important;

  padding:
    20px!important;

  border:
    1px solid
    rgba(12,57,75,.09)!important;

  border-radius:12px!important;

  background:
    linear-gradient(
      180deg,
      #fff,
      #fafbf9
    )!important;

  box-shadow:none!important;
}


body.intelligence-page
.v8230-feed .news-card small{

  color:#aa781a!important;

  font-size:.40rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.intelligence-page
.v8230-feed .news-card h3{

  margin:
    15px 0 10px!important;

  color:#153c4e!important;

  font-size:1rem!important;
  line-height:1.17!important;
}


body.intelligence-page
.v8230-feed .news-card p{

  margin:
    0 0 18px!important;

  color:#738087!important;

  font-size:.62rem!important;
  line-height:1.58!important;
}


body.intelligence-page
.v8230-feed .news-card .source{

  margin-top:auto!important;

  color:#31596b!important;

  font-size:.45rem!important;
  font-weight:800!important;
}


body.intelligence-page
.v8230-feed-disclaimer{

  min-height:55px!important;

  display:flex!important;
  align-items:center!important;

  gap:18px!important;

  padding:
    0 18px!important;

  border-top:
    1px solid
    rgba(11,55,72,.08)!important;

  background:
    rgba(246,243,235,.72)!important;
}


body.intelligence-page
.v8230-feed-disclaimer span{

  flex:0 0 auto!important;

  padding:
    5px 8px!important;

  border-radius:999px!important;

  color:#966a18!important;

  background:#f1e5c4!important;

  font-size:.38rem!important;
  font-weight:900!important;

  letter-spacing:.08em!important;
}


body.intelligence-page
.v8230-feed-disclaimer p{

  margin:0!important;

  color:#687a82!important;

  font-size:.52rem!important;
}


/* ==========================================================
   EDITORIAL POLICY
   ========================================================== */

body.intelligence-page
.v8230-policy{

  padding:
    102px 0 110px!important;

  background:

    radial-gradient(
      circle at 13% 17%,
      rgba(207,161,57,.09),
      transparent 25%
    ),

    linear-gradient(
      180deg,
      #fbf8f1,
      #f5f0e7
    )!important;
}


body.intelligence-page
.v8230-policy-grid{

  display:grid!important;

  grid-template-columns:
    repeat(2,1fr)!important;

  gap:10px!important;
}


body.intelligence-page
.v8230-policy-grid article{

  min-height:155px!important;

  display:grid!important;

  grid-template-columns:
    46px 1fr!important;

  gap:16px!important;

  padding:
    21px!important;

  border:
    1px solid
    rgba(12,57,75,.09)!important;

  border-radius:12px!important;

  background:
    rgba(255,255,255,.71)!important;
}


body.intelligence-page
.v8230-policy-grid article > b{

  width:37px!important;
  height:37px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:50%!important;

  color:#956a18!important;

  background:#f0e3be!important;

  font-size:.45rem!important;
}


body.intelligence-page
.v8230-policy-grid small{

  display:block!important;

  margin-bottom:6px!important;

  color:#a6751a!important;

  font-size:.39rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.intelligence-page
.v8230-policy-grid h3{

  margin:
    0 0 8px!important;

  color:#173b4d!important;

  font-size:.84rem!important;
}


body.intelligence-page
.v8230-policy-grid p{

  margin:0!important;

  color:#718087!important;

  font-size:.59rem!important;
  line-height:1.53!important;
}


/* ==========================================================
   CONNECTED TOOLS
   ========================================================== */

body.intelligence-page
.v8230-tools{

  padding:
    104px 0 112px!important;

  color:#fff!important;

  background:

    radial-gradient(
      circle at 87% 8%,
      rgba(44,128,158,.27),
      transparent 34%
    ),

    linear-gradient(
      135deg,
      #041824,
      #07364a
    )!important;
}


body.intelligence-page
.v8230-tool-grid{

  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  gap:10px!important;
}


body.intelligence-page
.v8230-tool-grid a{

  position:relative!important;

  min-height:190px!important;

  display:flex!important;
  flex-direction:column!important;

  padding:
    22px!important;

  color:inherit!important;

  text-decoration:none!important;

  border:
    1px solid
    rgba(255,255,255,.07)!important;

  border-radius:12px!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.020)
    )!important;

  transition:
    transform .24s ease,
    border-color .24s ease,
    background .24s ease!important;
}


body.intelligence-page
.v8230-tool-grid a:hover{

  transform:
    translateY(-3px)!important;

  border-color:
    rgba(220,174,67,.20)!important;

  background:
    rgba(255,255,255,.055)!important;
}


body.intelligence-page
.v8230-tool-grid small{

  color:#dbae3f!important;

  font-size:.40rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.intelligence-page
.v8230-tool-grid strong{

  display:block!important;

  margin:
    18px 0 8px!important;

  color:#fff!important;

  font-size:.94rem!important;
}


body.intelligence-page
.v8230-tool-grid p{

  max-width:200px!important;

  margin:0!important;

  color:
    rgba(255,255,255,.45)!important;

  font-size:.57rem!important;
  line-height:1.52!important;
}


body.intelligence-page
.v8230-tool-grid a > span{

  position:absolute!important;

  right:17px!important;
  bottom:15px!important;

  color:#d9a73b!important;

  font-size:.92rem!important;
}


/* ==========================================================
   FAQ
   ========================================================== */

body.intelligence-page
.v8230-faq{

  padding:
    101px 0 108px!important;

  background:
    linear-gradient(
      180deg,
      #faf7f0,
      #f5efe6
    )!important;
}


body.intelligence-page
.v8230-faq .faq{

  display:grid!important;

  grid-template-columns:
    .78fr 1.22fr!important;

  gap:105px!important;

  align-items:start!important;
}


body.intelligence-page
.v8230-faq h2{

  max-width:520px!important;

  margin:
    10px 0 0!important;

  color:#0a3045!important;

  font-size:
    clamp(3rem,4vw,4.45rem)!important;

  line-height:.94!important;

  letter-spacing:-.053em!important;
}


body.intelligence-page
.v8230-faq-intro{

  max-width:430px!important;

  margin-top:22px!important;

  color:#6b7981!important;

  font-size:.84rem!important;
  line-height:1.65!important;
}


body.intelligence-page
.v8230-faq .accordion{

  border-top:
    1px solid
    rgba(8,52,72,.12)!important;
}


body.intelligence-page
.v8230-faq .accordion-item{

  border-bottom:
    1px solid
    rgba(8,52,72,.12)!important;
}


body.intelligence-page
.v8230-faq .accordion-button{

  min-height:74px!important;

  padding:
    0 8px!important;

  color:#0a3045!important;

  font-size:.89rem!important;
  font-weight:800!important;
}


body.intelligence-page
.v8230-faq
.accordion-button span{

  color:#bd8920!important;

  font-size:1.15rem!important;
}


body.intelligence-page
.v8230-faq
.accordion-content p{

  padding:
    0 45px 22px 8px!important;

  color:#687881!important;

  font-size:.82rem!important;
  line-height:1.65!important;
}


/* ==========================================================
   CTA
   ========================================================== */

body.intelligence-page
.v8230-cta{

  position:relative!important;

  overflow:hidden!important;

  padding:
    76px 0 80px!important;

  background:

    radial-gradient(
      circle at 87% 10%,
      rgba(59,137,165,.25),
      transparent 31%
    ),

    linear-gradient(
      112deg,
      #061722,
      #082c3e 58%,
      #0b4359
    )!important;
}


body.intelligence-page
.v8230-cta .cta-inner{

  display:grid!important;

  grid-template-columns:
    1fr auto!important;

  gap:80px!important;

  align-items:center!important;
}


body.intelligence-page
.v8230-cta .eyebrow{

  color:#e0b349!important;
}


body.intelligence-page
.v8230-cta h2{

  max-width:800px!important;

  margin:
    9px 0 9px!important;

  color:#fff!important;

  font-size:
    clamp(2.7rem,3.5vw,4rem)!important;

  line-height:.94!important;

  letter-spacing:-.052em!important;
}


body.intelligence-page
.v8230-cta p{

  max-width:760px!important;

  color:
    rgba(255,255,255,.53)!important;
}


/* ==========================================================
   CHAPTER / HEADING SAFETY
   ========================================================== */

body.intelligence-page
.v8230-chapter{

  position:relative!important;
}


body.intelligence-page
.v8230-chapter
.v8230-section-head,

body.intelligence-page
.v8230-chapter
.v8230-dark-head{

  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


body.intelligence-page
.v8230-chapter
.v8230-section-head > *,

body.intelligence-page
.v8230-chapter
.v8230-dark-head > *,

body.intelligence-page
.v8230-chapter
.v8230-section-head h2,

body.intelligence-page
.v8230-chapter
.v8230-dark-head h2{

  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


/* ==========================================================
   MID DESKTOP
   ========================================================== */

@media
(min-width:901px)
and
(max-width:1220px){

  body.intelligence-page
  .v8230-hero-inner,

  body.intelligence-page
  .v8230-signal-strip > .container,

  body.intelligence-page
  .v8230-context > .container,

  body.intelligence-page
  .v8230-pulse > .container,

  body.intelligence-page
  .v8230-feed > .container,

  body.intelligence-page
  .v8230-policy > .container,

  body.intelligence-page
  .v8230-tools > .container,

  body.intelligence-page
  .v8230-faq > .container,

  body.intelligence-page
  .v8230-cta > .container{

    width:calc(100% - 48px)!important;
  }


  body.intelligence-page
  .v8230-hero-inner{

    grid-template-columns:
      minmax(0,1fr)
      365px!important;

    gap:55px!important;
  }


  body.intelligence-page
  .v8230-section-head,

  body.intelligence-page
  .v8230-dark-head{

    gap:58px!important;
  }

}


/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media (max-width:900px){

  body.intelligence-page
  .v8230-hero{

    min-height:auto!important;
  }


  body.intelligence-page
  .v8230-hero-inner{

    min-height:auto!important;

    grid-template-columns:
      1fr!important;

    gap:30px!important;

    padding-top:76px!important;
    padding-bottom:50px!important;
  }


  body.intelligence-page
  .v8230-hero-copy h1{

    font-size:
      clamp(3.2rem,11vw,5rem)!important;
  }


  body.intelligence-page
  .v8230-hero-desk{

    max-width:620px!important;
  }


  body.intelligence-page
  .v8230-signal-strip > .container{

    grid-template-columns:
      1fr 1fr!important;
  }


  body.intelligence-page
  .v8230-section-head,

  body.intelligence-page
  .v8230-dark-head{

    grid-template-columns:
      1fr!important;

    gap:22px!important;
  }


  body.intelligence-page
  .v8230-context-grid{

    grid-template-columns:
      1fr 1fr!important;
  }


  body.intelligence-page
  .v8230-context-feature{

    grid-template-columns:
      1fr!important;

    gap:25px!important;
  }


  body.intelligence-page
  .v8230-pulse-metrics{

    grid-template-columns:
      1fr 1fr!important;
  }


  body.intelligence-page
  .v8230-feed .news-grid{

    grid-template-columns:
      1fr 1fr!important;
  }


  body.intelligence-page
  .v8230-policy-grid{

    grid-template-columns:
      1fr!important;
  }


  body.intelligence-page
  .v8230-tool-grid{

    grid-template-columns:
      1fr 1fr!important;
  }


  body.intelligence-page
  .v8230-faq .faq{

    grid-template-columns:
      1fr!important;

    gap:35px!important;
  }


  body.intelligence-page
  .v8230-cta .cta-inner{

    grid-template-columns:
      1fr!important;

    gap:28px!important;
  }

}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:620px){

  body.intelligence-page
  .v8230-hero-copy h1{

    font-size:
      clamp(3rem,14vw,4.1rem)!important;
  }


  body.intelligence-page
  .v8230-hero-actions{

    flex-direction:column!important;

    align-items:flex-start!important;
  }


  body.intelligence-page
  .v8230-signal-strip > .container{

    grid-template-columns:
      1fr!important;
  }


  body.intelligence-page
  .v8230-context-grid{

    grid-template-columns:
      1fr!important;
  }


  body.intelligence-page
  .v8230-context-grid article{

    min-height:auto!important;

    border-right:0!important;

    border-bottom:
      1px solid
      rgba(12,58,75,.09)!important;
  }


  body.intelligence-page
  .v8230-context-feature-grid{

    grid-template-columns:
      1fr!important;
  }


  body.intelligence-page
  .v8230-pulse-metrics{

    grid-template-columns:
      1fr!important;
  }


  body.intelligence-page
  .v8230-pulse-table > div{

    grid-template-columns:
      1fr!important;

    gap:4px!important;

    padding:
      11px!important;
  }


  body.intelligence-page
  .v8230-pulse-table .head{

    display:none!important;
  }


  body.intelligence-page
  .v8230-pulse-footer{

    flex-wrap:wrap!important;

    padding:
      14px 18px!important;
  }


  body.intelligence-page
  .v8230-feed-bar{

    align-items:flex-start!important;
    flex-direction:column!important;

    padding:
      16px!important;
  }


  body.intelligence-page
  .v8230-feed .news-grid{

    grid-template-columns:
      1fr!important;
  }


  body.intelligence-page
  .v8230-feed-disclaimer{

    align-items:flex-start!important;
    flex-direction:column!important;

    gap:8px!important;

    padding:
      14px!important;
  }


  body.intelligence-page
  .v8230-policy-grid article{

    grid-template-columns:
      40px 1fr!important;
  }


  body.intelligence-page
  .v8230-tool-grid{

    grid-template-columns:
      1fr!important;
  }

}


/* END V8.23.0 TRADE INTELLIGENCE DESKTOP */



/* ==========================================================
   V8.23.1 — TRADE INTELLIGENCE
   FEED DENSITY + VIEW MORE CONTROL
   Scope: intelligence feed only
   ========================================================== */


/* ----------------------------------------------------------
   FEED GRID
   Keep the approved editorial structure, but tighten density.
   ---------------------------------------------------------- */

body.intelligence-page
.v8230-feed
.news-grid{
  gap:11px!important;
}


/* Cards become slightly more editorial and less oversized */

body.intelligence-page
.v8230-feed
.news-card{
  min-height:205px!important;

  padding:
    19px 19px 18px!important;

  border-radius:11px!important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease!important;
}


body.intelligence-page
.v8230-feed
.news-card:hover{
  transform:
    translateY(-2px)!important;

  border-color:
    rgba(180,132,34,.17)!important;

  box-shadow:
    0 12px 28px
    rgba(8,42,57,.055)!important;
}


/* Source / category line */

body.intelligence-page
.v8230-feed
.news-card small{
  font-size:.42rem!important;

  line-height:1.3!important;

  letter-spacing:.095em!important;
}


/* Better headline rhythm */

body.intelligence-page
.v8230-feed
.news-card h3{
  margin:
    13px 0 9px!important;

  font-size:1.02rem!important;

  line-height:1.18!important;

  letter-spacing:-.022em!important;

  text-wrap:balance;
}


/* Summary copy */

body.intelligence-page
.v8230-feed
.news-card p{
  margin:
    0 0 16px!important;

  font-size:.63rem!important;

  line-height:1.60!important;
}


/* Source remains visually secondary */

body.intelligence-page
.v8230-feed
.news-card .source{
  padding-top:4px!important;

  font-size:.46rem!important;
}


/* ----------------------------------------------------------
   COLLAPSED STORIES
   JS applies this only after the initial visible allowance.
   ---------------------------------------------------------- */

body.intelligence-page
.v8230-feed
.news-card.v8231-feed-hidden{
  display:none!important;
}


/* ----------------------------------------------------------
   VIEW MORE INTELLIGENCE
   Inserted automatically by V8.23.1 JS.
   ---------------------------------------------------------- */

body.intelligence-page
.v8230-feed
.v8231-feed-more{
  display:flex!important;

  justify-content:center!important;

  align-items:center!important;

  padding:
    28px 20px 29px!important;

  border-top:
    1px solid rgba(11,55,72,.075)!important;

  background:
    linear-gradient(
      180deg,
      rgba(250,249,245,.55),
      rgba(244,241,233,.82)
    )!important;
}


body.intelligence-page
.v8230-feed
.v8231-feed-more button{
  min-width:210px!important;
  min-height:46px!important;

  display:inline-flex!important;

  align-items:center!important;
  justify-content:center!important;

  gap:10px!important;

  padding:
    0 20px!important;

  border:
    1px solid rgba(18,63,81,.14)!important;

  border-radius:999px!important;

  color:#173d4f!important;

  background:
    rgba(255,255,255,.92)!important;

  box-shadow:
    0 9px 24px
    rgba(7,40,55,.055)!important;

  cursor:pointer!important;

  font-family:
    "Manrope",sans-serif!important;

  font-size:.64rem!important;

  font-weight:850!important;

  letter-spacing:-.01em!important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease!important;
}


body.intelligence-page
.v8230-feed
.v8231-feed-more button::after{
  content:"↓"!important;

  display:inline-block!important;

  color:#b37f1b!important;

  font-size:.76rem!important;

  transition:
    transform .22s ease!important;
}


body.intelligence-page
.v8230-feed
.v8231-feed-more button:hover{
  transform:
    translateY(-2px)!important;

  border-color:
    rgba(190,139,34,.30)!important;

  background:#ffffff!important;

  box-shadow:
    0 13px 30px
    rgba(7,40,55,.08)!important;
}


body.intelligence-page
.v8230-feed
.v8231-feed-more button:hover::after{
  transform:
    translateY(2px)!important;
}


/* Hide the control after all stories are revealed */

body.intelligence-page
.v8230-feed
.v8231-feed-more.is-complete{
  display:none!important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width:900px){

  body.intelligence-page
  .v8230-feed
  .news-card{
    min-height:195px!important;
  }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:620px){

  body.intelligence-page
  .v8230-feed
  .news-card{
    min-height:0!important;

    padding:
      18px!important;
  }


  body.intelligence-page
  .v8230-feed
  .news-card h3{
    font-size:1rem!important;
  }


  body.intelligence-page
  .v8230-feed
  .v8231-feed-more{
    padding:
      23px 14px 24px!important;
  }


  body.intelligence-page
  .v8230-feed
  .v8231-feed-more button{
    width:100%!important;

    min-width:0!important;
  }

}


/* END V8.23.1 INTELLIGENCE FEED POLISH */



/* ==========================================================
   V8.23.2 — TRADE INTELLIGENCE
   EXPLICIT FEED EXPANSION CONTROL
   ========================================================== */


/* Neutralize any stale V8.23.1 state */

body.intelligence-page
.v8230-feed
.news-card.v8231-feed-hidden{
  display:block!important;
}


body.intelligence-page
.v8230-feed
.v8231-feed-more{
  display:none!important;
}


/* V8.23.2 hidden stories */

body.intelligence-page
.v8230-feed
.news-card.v8232-feed-hidden{
  display:none!important;
}


/* ----------------------------------------------------------
   VIEW MORE BAR
   ---------------------------------------------------------- */

body.intelligence-page
.v8230-feed
.v8232-feed-more{
  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  padding:
    27px 20px 29px!important;

  border-top:
    1px solid rgba(11,55,72,.075)!important;

  background:
    linear-gradient(
      180deg,
      rgba(252,250,246,.72),
      rgba(244,241,233,.88)
    )!important;
}


body.intelligence-page
.v8230-feed
.v8232-feed-more[hidden]{
  display:none!important;
}


body.intelligence-page
.v8230-feed
.v8232-feed-more-button{
  min-width:225px!important;
  min-height:47px!important;

  display:inline-flex!important;

  align-items:center!important;
  justify-content:center!important;

  gap:11px!important;

  padding:
    0 22px!important;

  border:
    1px solid rgba(17,62,80,.14)!important;

  border-radius:999px!important;

  color:#153b4d!important;

  background:
    rgba(255,255,255,.94)!important;

  box-shadow:
    0 10px 26px
    rgba(7,40,55,.06)!important;

  cursor:pointer!important;

  font-family:
    "Manrope",
    sans-serif!important;

  font-size:.64rem!important;

  font-weight:850!important;

  letter-spacing:-.01em!important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease!important;
}


body.intelligence-page
.v8230-feed
.v8232-feed-more-button::after{
  content:"↓"!important;

  color:#b27d18!important;

  font-size:.78rem!important;

  transition:
    transform .22s ease!important;
}


body.intelligence-page
.v8230-feed
.v8232-feed-more-button:hover{
  transform:
    translateY(-2px)!important;

  border-color:
    rgba(191,139,34,.28)!important;

  background:#fff!important;

  box-shadow:
    0 14px 31px
    rgba(7,40,55,.085)!important;
}


body.intelligence-page
.v8230-feed
.v8232-feed-more-button:hover::after{
  transform:
    translateY(2px)!important;
}


/* Mobile */

@media (max-width:620px){

  body.intelligence-page
  .v8230-feed
  .v8232-feed-more{
    padding:
      22px 14px 24px!important;
  }


  body.intelligence-page
  .v8230-feed
  .v8232-feed-more-button{
    width:100%!important;

    min-width:0!important;
  }

}


/* END V8.23.2 */



/* ==========================================================
   V8.24.0 — AASHMAAN DIGITAL TOOLS
   DESKTOP PLATFORM PAGE
   ========================================================== */


/* ==========================================================
   PAGE WIDTH
   ========================================================== */

@media (min-width:901px){

  body.tools-index-page
  .v8240-hero-inner,

  body.tools-index-page
  .v8240-hero-strip > .container,

  body.tools-index-page
  .v8240-principle > .container,

  body.tools-index-page
  .v8240-command > .container,

  body.tools-index-page
  .v8240-capabilities > .container,

  body.tools-index-page
  .v8240-client > .container,

  body.tools-index-page
  .v8240-flow > .container,

  body.tools-index-page
  .v8240-faq > .container,

  body.tools-index-page
  .v8240-cta > .container{

    width:
      min(1320px,calc(100% - 80px))!important;

    max-width:none!important;
  }

}



/* ==========================================================
   HERO
   ========================================================== */

body.tools-index-page
.v8240-hero{

  position:relative!important;

  min-height:610px!important;

  overflow:hidden!important;

  color:#fff!important;

  background:#051824!important;
}


body.tools-index-page
.v8240-hero-media{

  position:absolute!important;

  inset:0!important;

  background-image:
    url('/assets/img/v831/v831-hero-final.png')!important;

  background-size:cover!important;

  background-position:center 48%!important;

  transform:scale(1.015)!important;
}


body.tools-index-page
.v8240-hero-overlay{

  position:absolute!important;

  inset:0!important;

  background:

    linear-gradient(
      90deg,
      rgba(3,18,29,.96) 0%,
      rgba(3,20,31,.91) 33%,
      rgba(4,24,37,.66) 58%,
      rgba(4,24,37,.30) 80%,
      rgba(4,24,37,.20) 100%
    ),

    linear-gradient(
      0deg,
      rgba(3,19,29,.74),
      transparent 52%
    )!important;
}


body.tools-index-page
.v8240-hero-inner{

  position:relative!important;
  z-index:3!important;

  min-height:610px!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    400px!important;

  gap:86px!important;

  align-items:center!important;

  padding-top:74px!important;
  padding-bottom:72px!important;
}


body.tools-index-page
.v8240-hero-copy{

  max-width:720px!important;
}


body.tools-index-page
.v8240-hero
.breadcrumbs{

  margin-bottom:28px!important;

  color:
    rgba(255,255,255,.43)!important;

  font-size:.58rem!important;
}


body.tools-index-page
.v8240-hero
.breadcrumbs a{

  color:
    rgba(255,255,255,.62)!important;
}


body.tools-index-page
.v8240-hero
.breadcrumbs span{

  margin:
    0 8px!important;

  color:#c9952c!important;
}


body.tools-index-page
.v8240-hero .eyebrow{

  color:#deb047!important;
}


body.tools-index-page
.v8240-hero-copy h1{

  max-width:690px!important;

  margin:
    16px 0 20px!important;

  color:#fff!important;

  font-size:
    clamp(4.25rem,5.55vw,6.65rem)!important;

  line-height:.84!important;

  letter-spacing:-.058em!important;

  text-shadow:
    0 14px 45px
    rgba(0,0,0,.24)!important;
}


body.tools-index-page
.v8240-hero-copy h1 span{

  color:#dda92f!important;
}


body.tools-index-page
.v8240-hero-copy > p{

  max-width:650px!important;

  margin:0!important;

  color:
    rgba(255,255,255,.65)!important;

  font-size:.91rem!important;

  line-height:1.72!important;
}


body.tools-index-page
.v8240-hero-actions{

  display:flex!important;

  gap:11px!important;

  margin-top:28px!important;
}


body.tools-index-page
.v8240-hero-actions .btn{

  min-height:46px!important;

  display:inline-flex!important;

  align-items:center!important;

  gap:12px!important;

  padding:
    0 20px!important;

  border-radius:999px!important;

  text-decoration:none!important;

  font-size:.68rem!important;
  font-weight:900!important;
}


body.tools-index-page
.v8240-btn-gold{

  color:#102631!important;

  background:
    linear-gradient(
      135deg,
      #e4b844,
      #c99329
    )!important;

  box-shadow:
    0 13px 30px
    rgba(195,140,38,.19)!important;
}


body.tools-index-page
.v8240-btn-glass{

  color:#fff!important;

  border:
    1px solid
    rgba(255,255,255,.17)!important;

  background:
    rgba(255,255,255,.055)!important;

  backdrop-filter:
    blur(9px)!important;
}



/* ==========================================================
   HERO CONSOLE
   ========================================================== */

body.tools-index-page
.v8240-hero-console{

  position:relative!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(224,183,72,.22)!important;

  border-radius:19px!important;

  background:
    linear-gradient(
      145deg,
      rgba(5,32,46,.94),
      rgba(7,49,66,.89)
    )!important;

  box-shadow:
    0 30px 75px
    rgba(0,0,0,.27)!important;

  backdrop-filter:
    blur(15px)!important;
}


body.tools-index-page
.v8240-hero-console::before{

  content:""!important;

  position:absolute!important;

  width:230px!important;
  height:230px!important;

  right:-115px!important;
  top:-145px!important;

  border-radius:50%!important;

  border:
    1px solid
    rgba(219,174,60,.16)!important;

  pointer-events:none!important;
}


body.tools-index-page
.v8240-console-head{

  min-height:76px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:15px!important;

  padding:
    15px 18px!important;

  border-bottom:
    1px solid
    rgba(255,255,255,.075)!important;
}


body.tools-index-page
.v8240-console-head small{

  display:block!important;

  margin-bottom:5px!important;

  color:#dcb04a!important;

  font-size:.40rem!important;
  font-weight:900!important;

  letter-spacing:.11em!important;
}


body.tools-index-page
.v8240-console-head strong{

  display:block!important;

  color:#fff!important;

  font-size:.88rem!important;
}


body.tools-index-page
.v8240-console-head > span{

  padding:
    5px 8px!important;

  border-radius:999px!important;

  color:#69dba8!important;

  background:
    rgba(79,204,149,.075)!important;

  border:
    1px solid
    rgba(79,204,149,.12)!important;

  font-size:.36rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.tools-index-page
.v8240-console-row{

  min-height:72px!important;

  display:grid!important;

  grid-template-columns:
    27px 1fr 20px!important;

  gap:12px!important;

  align-items:center!important;

  padding:
    10px 17px!important;

  color:inherit!important;

  text-decoration:none!important;

  border-bottom:
    1px solid
    rgba(255,255,255,.065)!important;

  transition:
    background .22s ease,
    padding-left .22s ease!important;
}


body.tools-index-page
.v8240-console-row:hover{

  padding-left:22px!important;

  background:
    rgba(255,255,255,.035)!important;
}


body.tools-index-page
.v8240-console-row > b{

  color:#dba93c!important;

  font-size:.48rem!important;
}


body.tools-index-page
.v8240-console-row small{

  display:block!important;

  margin-bottom:3px!important;

  color:
    rgba(255,255,255,.33)!important;

  font-size:.35rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.tools-index-page
.v8240-console-row strong{

  display:block!important;

  color:#fff!important;

  font-size:.72rem!important;
}


body.tools-index-page
.v8240-console-row div span{

  display:block!important;

  margin-top:3px!important;

  color:
    rgba(255,255,255,.39)!important;

  font-size:.48rem!important;
}


body.tools-index-page
.v8240-console-row > i{

  color:#d9aa40!important;

  font-style:normal!important;

  font-size:.80rem!important;
}


body.tools-index-page
.v8240-console-foot{

  min-height:45px!important;

  display:flex!important;

  justify-content:space-between!important;

  align-items:center!important;

  gap:15px!important;

  padding:
    0 17px!important;

  color:
    rgba(255,255,255,.29)!important;

  background:
    rgba(1,17,25,.21)!important;

  font-size:.33rem!important;
  font-weight:900!important;

  letter-spacing:.08em!important;
}



/* ==========================================================
   HERO STRIP
   ========================================================== */

body.tools-index-page
.v8240-hero-strip{

  position:relative!important;
  z-index:4!important;

  background:
    linear-gradient(
      180deg,
      #fbf8f0,
      #f4efe4
    )!important;

  border-bottom:
    1px solid
    rgba(12,55,72,.08)!important;
}


body.tools-index-page
.v8240-hero-strip > .container{

  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;
}


body.tools-index-page
.v8240-hero-strip
.container > div{

  min-height:76px!important;

  display:flex!important;
  flex-direction:column!important;

  justify-content:center!important;

  padding:
    14px 26px!important;

  border-right:
    1px solid
    rgba(12,55,72,.08)!important;
}


body.tools-index-page
.v8240-hero-strip
.container > div:first-child{

  border-left:
    1px solid
    rgba(12,55,72,.08)!important;
}


body.tools-index-page
.v8240-hero-strip small{

  margin-bottom:5px!important;

  color:#a67519!important;

  font-size:.38rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;

  text-transform:uppercase!important;
}


body.tools-index-page
.v8240-hero-strip strong{

  color:#183c4d!important;

  font-size:.61rem!important;
}



/* ==========================================================
   SHARED HEADINGS
   ========================================================== */

body.tools-index-page
.v8240-section-head,

body.tools-index-page
.v8240-dark-head{

  display:grid!important;

  grid-template-columns:
    minmax(0,.90fr)
    minmax(300px,.70fr)!important;

  gap:100px!important;

  align-items:end!important;

  margin-bottom:42px!important;

  overflow:visible!important;
}


body.tools-index-page
.v8240-section-head h2,

body.tools-index-page
.v8240-dark-head h2{

  max-width:660px!important;

  margin:
    10px 0 0!important;

  font-size:
    clamp(3rem,4vw,4.55rem)!important;

  line-height:.92!important;

  letter-spacing:-.055em!important;

  overflow:visible!important;
}


body.tools-index-page
.v8240-section-head h2{

  color:#0c3347!important;
}


body.tools-index-page
.v8240-dark-head h2{

  color:#fff!important;
}


body.tools-index-page
.v8240-section-copy{

  align-self:end!important;
}


body.tools-index-page
.v8240-section-copy p{

  max-width:490px!important;

  margin:0!important;

  color:#718087!important;

  font-size:.76rem!important;

  line-height:1.67!important;
}


body.tools-index-page
.v8240-dark-head
.v8240-section-copy p{

  color:
    rgba(255,255,255,.50)!important;
}



/* ==========================================================
   PRINCIPLE
   ========================================================== */

body.tools-index-page
.v8240-principle{

  padding:
    100px 0 108px!important;

  background:

    radial-gradient(
      circle at 89% 14%,
      rgba(65,140,163,.08),
      transparent 28%
    ),

    url('/assets/img/noise.svg'),

    linear-gradient(
      180deg,
      #faf8f2,
      #f7f4ec
    )!important;
}


body.tools-index-page
.v8240-principle-grid{

  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(13,58,76,.09)!important;

  border-radius:14px!important;

  background:
    rgba(255,255,255,.74)!important;

  box-shadow:
    0 17px 42px
    rgba(10,45,59,.045)!important;
}


body.tools-index-page
.v8240-principle-grid article{

  position:relative!important;

  min-height:205px!important;

  padding:
    22px!important;

  border-right:
    1px solid
    rgba(13,58,76,.08)!important;
}


body.tools-index-page
.v8240-principle-grid article:last-child{

  border-right:0!important;
}


body.tools-index-page
.v8240-principle-grid article > span{

  position:absolute!important;

  right:16px!important;
  top:13px!important;

  color:
    rgba(17,62,79,.09)!important;

  font-size:1.12rem!important;
  font-weight:900!important;
}


body.tools-index-page
.v8240-principle-grid small{

  color:#a67619!important;

  font-size:.39rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.tools-index-page
.v8240-principle-grid h3{

  max-width:220px!important;

  margin:
    26px 0 10px!important;

  color:#143c4e!important;

  font-size:1rem!important;

  line-height:1.12!important;
}


body.tools-index-page
.v8240-principle-grid p{

  max-width:225px!important;

  margin:0!important;

  color:#748187!important;

  font-size:.60rem!important;

  line-height:1.57!important;
}


body.tools-index-page
.v8240-principle-rule{

  min-height:56px!important;

  display:flex!important;

  align-items:center!important;

  gap:18px!important;

  margin-top:13px!important;

  padding:
    0 17px!important;

  border:
    1px solid
    rgba(15,61,78,.09)!important;

  border-radius:8px!important;

  background:
    rgba(255,255,255,.78)!important;
}


body.tools-index-page
.v8240-principle-rule span{

  flex:0 0 auto!important;

  padding:
    5px 8px!important;

  border-radius:999px!important;

  color:#956919!important;

  background:#f0e4c3!important;

  font-size:.38rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.tools-index-page
.v8240-principle-rule strong{

  color:#294c5a!important;

  font-size:.60rem!important;
}



/* ==========================================================
   COMMAND LAYER
   ========================================================== */

body.tools-index-page
.v8240-command{

  padding:
    104px 0 112px!important;

  color:#fff!important;

  background:

    radial-gradient(
      circle at 88% 7%,
      rgba(42,132,163,.29),
      transparent 34%
    ),

    linear-gradient(
      135deg,
      #041722,
      #07364a
    )!important;
}


body.tools-index-page
.v8240-command .eyebrow{

  color:#dcae43!important;
}


body.tools-index-page
.v8240-command-board{

  display:grid!important;

  grid-template-columns:
    repeat(2,1fr)!important;

  gap:10px!important;
}


body.tools-index-page
.v8240-command-tool{

  position:relative!important;

  min-height:190px!important;

  display:grid!important;

  grid-template-columns:
    54px 1fr!important;

  gap:17px!important;

  align-items:start!important;

  padding:
    22px!important;

  color:inherit!important;

  text-decoration:none!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(255,255,255,.075)!important;

  border-radius:13px!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.020)
    )!important;

  transition:
    transform .23s ease,
    background .23s ease,
    border-color .23s ease!important;
}


body.tools-index-page
.v8240-command-tool:hover{

  transform:
    translateY(-3px)!important;

  border-color:
    rgba(222,177,70,.18)!important;

  background:
    rgba(255,255,255,.052)!important;
}


body.tools-index-page
.v8240-command-number{

  width:43px!important;
  height:43px!important;

  display:grid!important;

  place-items:center!important;

  border-radius:11px!important;

  color:#e1b34c!important;

  background:
    rgba(216,167,55,.075)!important;

  border:
    1px solid
    rgba(216,167,55,.10)!important;

  font-size:.51rem!important;
  font-weight:900!important;
}


body.tools-index-page
.v8240-command-tool small{

  color:#d7aa3e!important;

  font-size:.40rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.tools-index-page
.v8240-command-tool h3{

  margin:
    12px 0 8px!important;

  color:#fff!important;

  font-size:1.15rem!important;

  line-height:1.08!important;
}


body.tools-index-page
.v8240-command-tool p{

  max-width:380px!important;

  margin:0!important;

  color:
    rgba(255,255,255,.45)!important;

  font-size:.61rem!important;

  line-height:1.55!important;
}


body.tools-index-page
.v8240-command-tool > span{

  grid-column:
    2!important;

  align-self:end!important;

  margin-top:19px!important;

  color:
    rgba(255,255,255,.66)!important;

  font-size:.50rem!important;

  font-weight:850!important;
}


body.tools-index-page
.v8240-command-status{

  min-height:58px!important;

  display:flex!important;

  align-items:center!important;

  justify-content:space-between!important;

  gap:30px!important;

  margin-top:12px!important;

  padding:
    0 18px!important;

  border:
    1px solid
    rgba(255,255,255,.07)!important;

  border-radius:9px!important;

  background:
    rgba(2,20,29,.31)!important;
}


body.tools-index-page
.v8240-command-status small{

  display:block!important;

  margin-bottom:3px!important;

  color:#d7aa3d!important;

  font-size:.35rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.tools-index-page
.v8240-command-status strong{

  color:
    rgba(255,255,255,.69)!important;

  font-size:.57rem!important;
}


body.tools-index-page
.v8240-command-status > span{

  color:
    rgba(255,255,255,.29)!important;

  font-size:.38rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}



/* ==========================================================
   CAPABILITIES
   ========================================================== */

body.tools-index-page
.v8240-capabilities{

  padding:
    103px 0 111px!important;

  background:

    url('/assets/img/contours.svg')
    right center / 850px auto
    no-repeat,

    linear-gradient(
      180deg,
      #f8f6ef,
      #eef5f5
    )!important;
}


body.tools-index-page
.v8240-capability-grid{

  display:grid!important;

  grid-template-columns:
    repeat(2,1fr)!important;

  gap:11px!important;
}


body.tools-index-page
.v8240-capability{

  position:relative!important;

  min-height:260px!important;

  display:flex!important;
  flex-direction:column!important;

  padding:
    24px!important;

  color:inherit!important;

  text-decoration:none!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(14,60,78,.10)!important;

  border-radius:14px!important;

  background:
    rgba(255,255,255,.79)!important;

  box-shadow:
    0 14px 35px
    rgba(8,42,56,.045)!important;

  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease!important;
}


body.tools-index-page
.v8240-capability:hover{

  transform:
    translateY(-3px)!important;

  border-color:
    rgba(196,144,34,.20)!important;

  box-shadow:
    0 20px 42px
    rgba(8,42,56,.075)!important;
}


body.tools-index-page
.v8240-capability::after{

  content:""!important;

  position:absolute!important;

  width:190px!important;
  height:190px!important;

  right:-120px!important;
  bottom:-130px!important;

  border-radius:50%!important;

  border:
    1px solid
    rgba(43,114,140,.07)!important;

  pointer-events:none!important;
}


body.tools-index-page
.v8240-capability-top{

  display:flex!important;

  align-items:center!important;

  gap:12px!important;
}


body.tools-index-page
.v8240-capability-top span{

  width:34px!important;
  height:34px!important;

  display:grid!important;

  place-items:center!important;

  border-radius:9px!important;

  color:#a06f17!important;

  background:#f1e5c4!important;

  font-size:.46rem!important;
  font-weight:900!important;
}


body.tools-index-page
.v8240-capability-top small{

  color:#a8771b!important;

  font-size:.40rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.tools-index-page
.v8240-capability h3{

  margin:
    28px 0 9px!important;

  color:#123b4e!important;

  font-size:1.35rem!important;

  line-height:1.08!important;
}


body.tools-index-page
.v8240-capability > p{

  max-width:440px!important;

  margin:0!important;

  color:#718087!important;

  font-size:.64rem!important;

  line-height:1.58!important;
}


body.tools-index-page
.v8240-capability-meta{

  display:flex!important;

  flex-wrap:wrap!important;

  gap:6px!important;

  margin-top:19px!important;
}


body.tools-index-page
.v8240-capability-meta b{

  padding:
    4px 7px!important;

  border-radius:999px!important;

  color:#406373!important;

  background:#edf3f2!important;

  font-size:.34rem!important;
  font-weight:900!important;

  letter-spacing:.06em!important;
}


body.tools-index-page
.v8240-capability-link{

  margin-top:auto!important;

  padding-top:24px!important;

  color:#153f51!important;

  font-size:.53rem!important;
}



/* ==========================================================
   CLIENT CONTROL TOWER
   ========================================================== */

body.tools-index-page
.v8240-client{

  padding:
    105px 0 112px!important;

  color:#fff!important;

  background:

    radial-gradient(
      circle at 88% 10%,
      rgba(60,145,172,.31),
      transparent 36%
    ),

    linear-gradient(
      135deg,
      #041824,
      #07374b
    )!important;
}


body.tools-index-page
.v8240-client-grid{

  display:grid!important;

  grid-template-columns:
    .82fr 1.18fr!important;

  gap:76px!important;

  align-items:center!important;
}


body.tools-index-page
.v8240-client-copy .eyebrow{

  color:#dfb246!important;
}


body.tools-index-page
.v8240-client-copy h2{

  max-width:540px!important;

  margin:
    12px 0 18px!important;

  color:#fff!important;

  font-size:
    clamp(3rem,3.8vw,4.35rem)!important;

  line-height:.93!important;

  letter-spacing:-.054em!important;
}


body.tools-index-page
.v8240-client-copy p{

  max-width:480px!important;

  margin:
    0 0 25px!important;

  color:
    rgba(255,255,255,.50)!important;

  font-size:.73rem!important;

  line-height:1.65!important;
}


body.tools-index-page
.v8240-text-link{

  display:inline-flex!important;

  align-items:center!important;

  gap:9px!important;

  color:#fff!important;

  text-decoration:none!important;

  font-size:.61rem!important;

  font-weight:900!important;
}


body.tools-index-page
.v8240-text-link span{

  color:#d9a93d!important;
}



/* ==========================================================
   PORTAL MOCKUP
   ========================================================== */

body.tools-index-page
.v8240-portal{

  overflow:hidden!important;

  border:
    1px solid
    rgba(255,255,255,.09)!important;

  border-radius:17px!important;

  background:
    rgba(3,25,37,.80)!important;

  box-shadow:
    0 28px 70px
    rgba(0,0,0,.22)!important;
}


body.tools-index-page
.v8240-portal-head{

  min-height:60px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  padding:
    0 19px!important;

  border-bottom:
    1px solid
    rgba(255,255,255,.075)!important;
}


body.tools-index-page
.v8240-portal-head small{

  display:block!important;

  margin-bottom:4px!important;

  color:#d8aa3c!important;

  font-size:.36rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.tools-index-page
.v8240-portal-head strong{

  color:#fff!important;

  font-size:.67rem!important;
}


body.tools-index-page
.v8240-portal-head > span{

  color:#65dca7!important;

  font-size:.35rem!important;

  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.tools-index-page
.v8240-portal-metrics{

  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  gap:7px!important;

  padding:
    15px!important;
}


body.tools-index-page
.v8240-portal-metrics > div{

  min-height:86px!important;

  padding:
    12px!important;

  border:
    1px solid
    rgba(255,255,255,.06)!important;

  border-radius:9px!important;

  background:
    rgba(255,255,255,.025)!important;
}


body.tools-index-page
.v8240-portal-metrics small{

  display:block!important;

  color:
    rgba(255,255,255,.33)!important;

  font-size:.33rem!important;
  font-weight:900!important;

  letter-spacing:.08em!important;
}


body.tools-index-page
.v8240-portal-metrics strong{

  display:block!important;

  margin:
    9px 0 4px!important;

  color:#fff!important;

  font-size:.95rem!important;
}


body.tools-index-page
.v8240-portal-metrics span{

  color:
    rgba(255,255,255,.36)!important;

  font-size:.39rem!important;
}


body.tools-index-page
.v8240-portal-table{

  padding:
    0 15px 15px!important;
}


body.tools-index-page
.v8240-portal-table > div{

  min-height:47px!important;

  display:grid!important;

  grid-template-columns:
    .75fr 1.35fr .9fr 1fr!important;

  align-items:center!important;

  gap:9px!important;

  padding:
    0 11px!important;

  border-top:
    1px solid
    rgba(255,255,255,.055)!important;

  color:
    rgba(255,255,255,.49)!important;

  font-size:.46rem!important;
}


body.tools-index-page
.v8240-portal-table .head{

  min-height:32px!important;

  color:
    rgba(255,255,255,.25)!important;

  font-size:.32rem!important;

  font-weight:900!important;

  letter-spacing:.07em!important;
}


body.tools-index-page
.v8240-portal-table strong{

  color:#fff!important;
}


body.tools-index-page
.v8240-portal-table b{

  width:max-content!important;

  padding:
    4px 6px!important;

  border-radius:999px!important;

  font-size:.32rem!important;
}


body.tools-index-page
.v8240-portal-table .green{

  color:#68dda8!important;

  background:
    rgba(82,210,154,.07)!important;
}


body.tools-index-page
.v8240-portal-table .gold{

  color:#e0b44b!important;

  background:
    rgba(221,174,63,.07)!important;
}


body.tools-index-page
.v8240-portal-foot{

  min-height:48px!important;

  display:flex!important;

  align-items:center!important;

  gap:9px!important;

  padding:
    0 17px!important;

  border-top:
    1px solid
    rgba(255,255,255,.065)!important;

  color:
    rgba(255,255,255,.30)!important;

  background:
    rgba(2,17,26,.25)!important;
}


body.tools-index-page
.v8240-portal-foot span{

  flex:0 0 auto!important;

  font-size:.31rem!important;
  font-weight:900!important;

  letter-spacing:.07em!important;
}


body.tools-index-page
.v8240-portal-foot b{

  flex:1 1 auto!important;

  height:1px!important;

  background:
    linear-gradient(
      90deg,
      rgba(215,166,55,.37),
      rgba(72,165,186,.22)
    )!important;
}



/* ==========================================================
   CONNECTED FLOW
   ========================================================== */

body.tools-index-page
.v8240-flow{

  padding:
    103px 0 111px!important;

  background:

    radial-gradient(
      circle at 11% 16%,
      rgba(210,165,62,.09),
      transparent 25%
    ),

    linear-gradient(
      180deg,
      #fbf8f1,
      #f5f0e6
    )!important;
}


body.tools-index-page
.v8240-flow-track{

  position:relative!important;

  display:grid!important;

  grid-template-columns:
    repeat(4,1fr)!important;

  margin-top:56px!important;
}


body.tools-index-page
.v8240-flow-line{

  position:absolute!important;

  left:5%!important;
  right:5%!important;

  top:20px!important;

  height:1px!important;

  background:
    linear-gradient(
      90deg,
      #d5a239,
      #62aabd,
      #62aabd,
      #d5a239
    )!important;
}


body.tools-index-page
.v8240-flow-track article{

  position:relative!important;
  z-index:2!important;

  min-height:180px!important;

  padding:
    0 19px!important;

  border-right:
    1px solid
    rgba(12,57,76,.09)!important;
}


body.tools-index-page
.v8240-flow-track article:first-of-type{

  padding-left:0!important;
}


body.tools-index-page
.v8240-flow-track article:last-of-type{

  padding-right:0!important;

  border-right:0!important;
}


body.tools-index-page
.v8240-flow-track article > b{

  width:40px!important;
  height:40px!important;

  display:grid!important;

  place-items:center!important;

  margin-bottom:21px!important;

  border-radius:50%!important;

  color:#0a2c3e!important;

  background:
    linear-gradient(
      145deg,
      #edcd6d,
      #ce982b
    )!important;

  box-shadow:
    0 0 0 7px
    #f8f4eb!important;

  font-size:.47rem!important;
}


body.tools-index-page
.v8240-flow-track small{

  display:block!important;

  margin-bottom:6px!important;

  color:#a4761a!important;

  font-size:.39rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.tools-index-page
.v8240-flow-track h3{

  max-width:210px!important;

  margin:
    0 0 8px!important;

  color:#163c4d!important;

  font-size:.83rem!important;
}


body.tools-index-page
.v8240-flow-track p{

  max-width:210px!important;

  margin:0!important;

  color:#75838a!important;

  font-size:.55rem!important;

  line-height:1.51!important;
}


body.tools-index-page
.v8240-flow-rule{

  min-height:54px!important;

  display:flex!important;

  align-items:center!important;

  gap:17px!important;

  margin-top:28px!important;

  padding:
    0 17px!important;

  border:
    1px solid
    rgba(20,65,81,.10)!important;

  border-radius:8px!important;

  background:
    rgba(255,255,255,.80)!important;
}


body.tools-index-page
.v8240-flow-rule span{

  padding:
    6px 8px!important;

  border-radius:999px!important;

  color:#936719!important;

  background:#f2e5c3!important;

  font-size:.38rem!important;
  font-weight:900!important;

  letter-spacing:.08em!important;
}


body.tools-index-page
.v8240-flow-rule strong{

  color:#274b5a!important;

  font-size:.59rem!important;
}



/* ==========================================================
   FAQ
   ========================================================== */

body.tools-index-page
.v8240-faq{

  padding:
    101px 0 108px!important;

  background:
    linear-gradient(
      180deg,
      #f8f5ed,
      #f4efe6
    )!important;
}


body.tools-index-page
.v8240-faq .faq{

  display:grid!important;

  grid-template-columns:
    .78fr 1.22fr!important;

  gap:105px!important;

  align-items:start!important;
}


body.tools-index-page
.v8240-faq h2{

  max-width:520px!important;

  margin:
    10px 0 0!important;

  color:#0a3045!important;

  font-size:
    clamp(3rem,4vw,4.45rem)!important;

  line-height:.94!important;

  letter-spacing:-.053em!important;
}


body.tools-index-page
.v8240-faq-intro{

  max-width:430px!important;

  margin-top:22px!important;

  color:#6b7981!important;

  font-size:.84rem!important;

  line-height:1.65!important;
}


body.tools-index-page
.v8240-faq .accordion{

  border-top:
    1px solid
    rgba(8,52,72,.12)!important;
}


body.tools-index-page
.v8240-faq
.accordion-item{

  border-bottom:
    1px solid
    rgba(8,52,72,.12)!important;
}


body.tools-index-page
.v8240-faq
.accordion-button{

  min-height:74px!important;

  padding:
    0 8px!important;

  color:#0a3045!important;

  font-size:.89rem!important;

  font-weight:800!important;
}


body.tools-index-page
.v8240-faq
.accordion-button span{

  color:#bd8920!important;

  font-size:1.15rem!important;
}


body.tools-index-page
.v8240-faq
.accordion-content p{

  padding:
    0 45px 22px 8px!important;

  color:#687881!important;

  font-size:.82rem!important;

  line-height:1.65!important;
}



/* ==========================================================
   CTA
   ========================================================== */

body.tools-index-page
.v8240-cta{

  position:relative!important;

  overflow:hidden!important;

  padding:
    76px 0 80px!important;

  background:

    radial-gradient(
      circle at 87% 10%,
      rgba(59,137,165,.25),
      transparent 31%
    ),

    linear-gradient(
      112deg,
      #061722,
      #082c3e 58%,
      #0b4359
    )!important;
}


body.tools-index-page
.v8240-cta .cta-inner{

  display:grid!important;

  grid-template-columns:
    1fr auto!important;

  gap:70px!important;

  align-items:center!important;
}


body.tools-index-page
.v8240-cta .eyebrow{

  color:#dfb146!important;
}


body.tools-index-page
.v8240-cta h2{

  max-width:760px!important;

  margin:
    9px 0 9px!important;

  color:#fff!important;

  font-size:
    clamp(2.8rem,3.6vw,4.1rem)!important;

  line-height:.94!important;

  letter-spacing:-.052em!important;
}


body.tools-index-page
.v8240-cta p{

  max-width:680px!important;

  margin:0!important;

  color:
    rgba(255,255,255,.53)!important;
}


body.tools-index-page
.v8240-cta-actions{

  display:flex!important;

  flex-direction:column!important;

  align-items:flex-end!important;

  gap:12px!important;
}


body.tools-index-page
.v8240-cta-link{

  display:inline-flex!important;

  align-items:center!important;

  gap:8px!important;

  color:
    rgba(255,255,255,.72)!important;

  text-decoration:none!important;

  font-size:.58rem!important;

  font-weight:850!important;
}



/* ==========================================================
   CHAPTER SAFETY
   ========================================================== */

body.tools-index-page
.v8240-chapter{

  position:relative!important;
}


body.tools-index-page
.v8240-chapter
.v8240-section-head,

body.tools-index-page
.v8240-chapter
.v8240-dark-head,

body.tools-index-page
.v8240-chapter
.v8240-section-head > *,

body.tools-index-page
.v8240-chapter
.v8240-dark-head > *,

body.tools-index-page
.v8240-chapter
h2{

  overflow:visible!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}



/* ==========================================================
   MID DESKTOP
   ========================================================== */

@media
(min-width:901px)
and
(max-width:1220px){

  body.tools-index-page
  .v8240-hero-inner,

  body.tools-index-page
  .v8240-hero-strip > .container,

  body.tools-index-page
  .v8240-principle > .container,

  body.tools-index-page
  .v8240-command > .container,

  body.tools-index-page
  .v8240-capabilities > .container,

  body.tools-index-page
  .v8240-client > .container,

  body.tools-index-page
  .v8240-flow > .container,

  body.tools-index-page
  .v8240-faq > .container,

  body.tools-index-page
  .v8240-cta > .container{

    width:
      calc(100% - 48px)!important;
  }


  body.tools-index-page
  .v8240-hero-inner{

    grid-template-columns:
      minmax(0,1fr)
      365px!important;

    gap:55px!important;
  }


  body.tools-index-page
  .v8240-section-head,

  body.tools-index-page
  .v8240-dark-head{

    gap:58px!important;
  }


  body.tools-index-page
  .v8240-client-grid{

    gap:48px!important;
  }

}



/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media (max-width:900px){

  body.tools-index-page
  .v8240-hero{

    min-height:auto!important;
  }


  body.tools-index-page
  .v8240-hero-inner{

    min-height:auto!important;

    grid-template-columns:
      1fr!important;

    gap:31px!important;

    padding-top:74px!important;
    padding-bottom:49px!important;
  }


  body.tools-index-page
  .v8240-hero-copy h1{

    font-size:
      clamp(3.3rem,11vw,5rem)!important;
  }


  body.tools-index-page
  .v8240-hero-console{

    max-width:620px!important;
  }


  body.tools-index-page
  .v8240-hero-strip > .container{

    grid-template-columns:
      1fr 1fr!important;
  }


  body.tools-index-page
  .v8240-hero-strip
  .container > div{

    min-height:70px!important;

    border-bottom:
      1px solid
      rgba(12,55,72,.08)!important;
  }


  body.tools-index-page
  .v8240-section-head,

  body.tools-index-page
  .v8240-dark-head{

    grid-template-columns:
      1fr!important;

    gap:22px!important;
  }


  body.tools-index-page
  .v8240-principle-grid{

    grid-template-columns:
      1fr 1fr!important;
  }


  body.tools-index-page
  .v8240-principle-grid
  article:nth-child(2){

    border-right:0!important;
  }


  body.tools-index-page
  .v8240-command-board{

    grid-template-columns:
      1fr!important;
  }


  body.tools-index-page
  .v8240-capability-grid{

    grid-template-columns:
      1fr!important;
  }


  body.tools-index-page
  .v8240-client-grid{

    grid-template-columns:
      1fr!important;

    gap:38px!important;
  }


  body.tools-index-page
  .v8240-flow-track{

    grid-template-columns:
      1fr 1fr!important;

    gap:22px!important;
  }


  body.tools-index-page
  .v8240-flow-line{

    display:none!important;
  }


  body.tools-index-page
  .v8240-faq .faq{

    grid-template-columns:
      1fr!important;

    gap:35px!important;
  }


  body.tools-index-page
  .v8240-cta .cta-inner{

    grid-template-columns:
      1fr!important;

    gap:28px!important;
  }


  body.tools-index-page
  .v8240-cta-actions{

    align-items:flex-start!important;
  }

}



/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:620px){

  body.tools-index-page
  .v8240-hero-copy h1{

    font-size:
      clamp(3rem,14vw,4.15rem)!important;
  }


  body.tools-index-page
  .v8240-hero-actions{

    flex-direction:column!important;

    align-items:flex-start!important;
  }


  body.tools-index-page
  .v8240-hero-strip > .container{

    grid-template-columns:
      1fr!important;
  }


  body.tools-index-page
  .v8240-principle-grid{

    grid-template-columns:
      1fr!important;
  }


  body.tools-index-page
  .v8240-principle-grid article{

    min-height:auto!important;

    border-right:0!important;

    border-bottom:
      1px solid
      rgba(13,58,76,.08)!important;
  }


  body.tools-index-page
  .v8240-principle-grid article:last-child{

    border-bottom:0!important;
  }


  body.tools-index-page
  .v8240-principle-rule,

  body.tools-index-page
  .v8240-command-status,

  body.tools-index-page
  .v8240-flow-rule{

    align-items:flex-start!important;

    flex-direction:column!important;

    padding:
      14px!important;
  }


  body.tools-index-page
  .v8240-command-tool{

    grid-template-columns:
      46px 1fr!important;
  }


  body.tools-index-page
  .v8240-portal-metrics{

    grid-template-columns:
      1fr 1fr!important;
  }


  body.tools-index-page
  .v8240-portal-table > div{

    grid-template-columns:
      1fr!important;

    gap:4px!important;

    padding:
      10px!important;
  }


  body.tools-index-page
  .v8240-portal-table .head{

    display:none!important;
  }


  body.tools-index-page
  .v8240-portal-foot{

    flex-wrap:wrap!important;

    padding:
      13px 15px!important;
  }


  body.tools-index-page
  .v8240-portal-foot b{

    min-width:16px!important;
  }


  body.tools-index-page
  .v8240-flow-track{

    grid-template-columns:
      1fr!important;
  }


  body.tools-index-page
  .v8240-flow-track article{

    min-height:auto!important;

    padding:
      0 0 23px!important;

    border-right:0!important;

    border-bottom:
      1px solid
      rgba(12,57,76,.09)!important;
  }

}


/* END V8.24.0 AASHMAAN DIGITAL TOOLS */



/* ==========================================================
   V8.24.1 — TOOLS DIRECTORY
   CLEAN CARD-ONLY PAGE
   ========================================================== */


body.tools-index-page
.v8241-tools{

  min-height:
    calc(100vh - 200px)!important;

  padding:
    88px 0 112px!important;

  background:

    radial-gradient(
      circle at 88% 7%,
      rgba(73,143,167,.11),
      transparent 27%
    ),

    radial-gradient(
      circle at 8% 87%,
      rgba(210,163,57,.08),
      transparent 25%
    ),

    url('/assets/img/noise.svg'),

    linear-gradient(
      180deg,
      #faf8f2,
      #f2f5f3
    )!important;
}


body.tools-index-page
.v8241-tools > .container{

  width:
    min(1320px,calc(100% - 80px))!important;

  max-width:none!important;
}



/* ==========================================================
   SIMPLE PAGE INTRO
   ========================================================== */

body.tools-index-page
.v8241-tools-head{

  max-width:760px!important;

  margin-bottom:52px!important;
}


body.tools-index-page
.v8241-tools-head .eyebrow{

  color:#a97719!important;
}


body.tools-index-page
.v8241-tools-head h1{

  margin:
    12px 0 13px!important;

  color:#0b3145!important;

  font-size:
    clamp(3.4rem,4.6vw,5.25rem)!important;

  line-height:.92!important;

  letter-spacing:-.055em!important;
}


body.tools-index-page
.v8241-tools-head p{

  max-width:650px!important;

  margin:0!important;

  color:#708087!important;

  font-size:.82rem!important;

  line-height:1.65!important;
}



/* ==========================================================
   TOOL GRID
   ========================================================== */

body.tools-index-page
.v8241-tools-grid{

  display:grid!important;

  grid-template-columns:
    repeat(3,minmax(0,1fr))!important;

  gap:14px!important;
}



/* ==========================================================
   TOOL CARD
   ========================================================== */

body.tools-index-page
.v8241-tool-card{

  position:relative!important;

  min-height:285px!important;

  display:flex!important;

  flex-direction:column!important;

  align-items:flex-start!important;

  padding:
    26px!important;

  overflow:hidden!important;

  color:inherit!important;

  text-decoration:none!important;

  border:
    1px solid
    rgba(10,54,72,.10)!important;

  border-radius:18px!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.96),
      rgba(250,251,248,.88)
    )!important;

  box-shadow:
    0 15px 36px
    rgba(8,39,53,.055)!important;

  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease!important;
}


body.tools-index-page
.v8241-tool-card:hover{

  transform:
    translateY(-5px)!important;

  border-color:
    rgba(194,145,37,.25)!important;

  box-shadow:
    0 24px 52px
    rgba(8,39,53,.10)!important;
}



/* decorative circle */

body.tools-index-page
.v8241-tool-card::after{

  content:""!important;

  position:absolute!important;

  width:190px!important;
  height:190px!important;

  right:-125px!important;
  bottom:-130px!important;

  border-radius:50%!important;

  border:
    1px solid
    rgba(19,100,128,.07)!important;

  pointer-events:none!important;
}



/* ==========================================================
   ICON
   ========================================================== */

body.tools-index-page
.v8241-tool-icon{

  width:45px!important;
  height:45px!important;

  display:grid!important;

  place-items:center!important;

  margin-bottom:30px!important;

  border-radius:12px!important;

  color:#e1b24a!important;

  background:
    linear-gradient(
      145deg,
      #0a3044,
      #061d2b
    )!important;

  box-shadow:
    0 9px 22px
    rgba(5,33,47,.12)!important;

  font-size:.57rem!important;

  font-weight:900!important;

  letter-spacing:.04em!important;
}



/* ==========================================================
   CARD COPY
   ========================================================== */

body.tools-index-page
.v8241-tool-card > small{

  color:#a9781c!important;

  font-size:.40rem!important;

  font-weight:900!important;

  letter-spacing:.11em!important;
}


body.tools-index-page
.v8241-tool-card h2{

  margin:
    11px 0 10px!important;

  color:#123a4c!important;

  font-size:1.28rem!important;

  line-height:1.08!important;

  letter-spacing:-.025em!important;
}


body.tools-index-page
.v8241-tool-card p{

  max-width:310px!important;

  margin:0!important;

  color:#748188!important;

  font-size:.65rem!important;

  line-height:1.58!important;
}


body.tools-index-page
.v8241-tool-card > span{

  margin-top:auto!important;

  padding-top:30px!important;

  color:#173f51!important;

  font-size:.54rem!important;

  font-weight:900!important;
}



/* ==========================================================
   HOVER DETAIL
   ========================================================== */

body.tools-index-page
.v8241-tool-card > span::after{

  content:""!important;

  display:block!important;

  width:0!important;
  height:1px!important;

  margin-top:7px!important;

  background:#d3a13a!important;

  transition:
    width .25s ease!important;
}


body.tools-index-page
.v8241-tool-card:hover > span::after{

  width:38px!important;
}



/* ==========================================================
   REMOVE OLD TOOLS PAGE SPACE / STRUCTURES
   ========================================================== */

body.tools-index-page
.tool-hero,

body.tools-index-page
.v8240-hero,

body.tools-index-page
.v8240-hero-strip,

body.tools-index-page
.v8240-principle,

body.tools-index-page
.v8240-command,

body.tools-index-page
.v8240-capabilities,

body.tools-index-page
.v8240-client,

body.tools-index-page
.v8240-flow,

body.tools-index-page
.v8240-faq,

body.tools-index-page
.v8240-cta{

  display:none!important;
}



/* ==========================================================
   TABLET
   ========================================================== */

@media
(max-width:1000px){

  body.tools-index-page
  .v8241-tools > .container{

    width:
      calc(100% - 48px)!important;
  }


  body.tools-index-page
  .v8241-tools-grid{

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

}



/* ==========================================================
   MOBILE
   ========================================================== */

@media
(max-width:620px){

  body.tools-index-page
  .v8241-tools{

    padding:
      60px 0 72px!important;
  }


  body.tools-index-page
  .v8241-tools > .container{

    width:
      calc(100% - 28px)!important;
  }


  body.tools-index-page
  .v8241-tools-head{

    margin-bottom:34px!important;
  }


  body.tools-index-page
  .v8241-tools-head h1{

    font-size:
      clamp(2.8rem,13vw,3.8rem)!important;
  }


  body.tools-index-page
  .v8241-tools-grid{

    grid-template-columns:
      1fr!important;

    gap:11px!important;
  }


  body.tools-index-page
  .v8241-tool-card{

    min-height:235px!important;

    padding:
      22px!important;
  }


  body.tools-index-page
  .v8241-tool-icon{

    margin-bottom:23px!important;
  }

}


/* END V8.24.1 TOOLS DIRECTORY */



/* ==========================================================
   V8.24.3 — TOOLS DIRECTORY FINAL
   8 TOOL CARDS / 4 × 2 DESKTOP
   ========================================================== */


body.tools-index-page
.v8243-tools{

  min-height:
    calc(100vh - 180px)!important;

  padding:
    76px 0 96px!important;

  background:

    radial-gradient(
      circle at 88% 4%,
      rgba(78,149,172,.10),
      transparent 28%
    ),

    radial-gradient(
      circle at 8% 88%,
      rgba(210,165,61,.07),
      transparent 25%
    ),

    linear-gradient(
      180deg,
      #faf8f2 0%,
      #f3f5f2 100%
    )!important;
}


body.tools-index-page
.v8243-tools > .container{

  width:
    min(1320px,calc(100% - 80px))!important;

  max-width:none!important;
}



/* ==========================================================
   PAGE INTRO
   ========================================================== */

body.tools-index-page
.v8243-tools-head{

  max-width:670px!important;

  margin-bottom:38px!important;
}


body.tools-index-page
.v8243-tools-head .eyebrow{

  color:#a9781a!important;
}


body.tools-index-page
.v8243-tools-head h1{

  margin:
    11px 0 12px!important;

  color:#0b3044!important;

  font-size:
    clamp(3.25rem,4.4vw,5rem)!important;

  line-height:.91!important;

  letter-spacing:-.055em!important;
}


body.tools-index-page
.v8243-tools-head p{

  margin:0!important;

  color:#6f7f86!important;

  font-size:.77rem!important;

  line-height:1.6!important;
}



/* ==========================================================
   4 × 2 GRID
   ========================================================== */

body.tools-index-page
.v8243-tools-grid{

  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:13px!important;
}



/* ==========================================================
   CARDS
   ========================================================== */

body.tools-index-page
.v8243-tool-card{

  position:relative!important;

  min-width:0!important;
  min-height:252px!important;

  display:flex!important;

  flex-direction:column!important;

  padding:
    23px!important;

  overflow:hidden!important;

  color:inherit!important;

  text-decoration:none!important;

  border:
    1px solid
    rgba(13,58,76,.10)!important;

  border-radius:17px!important;

  background:

    linear-gradient(
      145deg,
      rgba(255,255,255,.97),
      rgba(248,250,247,.90)
    )!important;

  box-shadow:
    0 16px 38px
    rgba(8,39,53,.055)!important;

  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease!important;
}


body.tools-index-page
.v8243-tool-card:hover{

  transform:
    translateY(-4px)!important;

  border-color:
    rgba(198,150,42,.25)!important;

  box-shadow:
    0 23px 50px
    rgba(8,39,53,.10)!important;
}



/* subtle card geometry */

body.tools-index-page
.v8243-tool-card::after{

  content:""!important;

  position:absolute!important;

  right:-125px!important;
  bottom:-130px!important;

  width:190px!important;
  height:190px!important;

  border:
    1px solid
    rgba(33,103,128,.065)!important;

  border-radius:50%!important;

  pointer-events:none!important;
}



/* ==========================================================
   TOOL ICON
   ========================================================== */

body.tools-index-page
.v8243-tool-icon{

  width:43px!important;
  height:43px!important;

  display:grid!important;

  place-items:center!important;

  margin-bottom:24px!important;

  border-radius:11px!important;

  color:#e1b44b!important;

  background:
    linear-gradient(
      145deg,
      #0b3448,
      #061d2a
    )!important;

  box-shadow:
    0 9px 22px
    rgba(4,32,45,.13)!important;

  font-size:.54rem!important;

  font-weight:900!important;

  letter-spacing:.04em!important;
}



/* ==========================================================
   TYPOGRAPHY
   ========================================================== */

body.tools-index-page
.v8243-tool-card > small{

  color:#a87719!important;

  font-size:.38rem!important;

  font-weight:900!important;

  letter-spacing:.11em!important;
}


body.tools-index-page
.v8243-tool-card h2{

  margin:
    10px 0 9px!important;

  color:#12394c!important;

  font-size:1.13rem!important;

  line-height:1.08!important;

  letter-spacing:-.025em!important;
}


body.tools-index-page
.v8243-tool-card p{

  max-width:245px!important;

  margin:0!important;

  color:#748188!important;

  font-size:.59rem!important;

  line-height:1.55!important;
}


body.tools-index-page
.v8243-tool-card > span{

  margin-top:auto!important;

  padding-top:22px!important;

  color:#183f51!important;

  font-size:.49rem!important;

  font-weight:900!important;
}


body.tools-index-page
.v8243-tool-card > span::after{

  content:""!important;

  display:block!important;

  width:0!important;
  height:1px!important;

  margin-top:6px!important;

  background:#d1a03a!important;

  transition:
    width .24s ease!important;
}


body.tools-index-page
.v8243-tool-card:hover > span::after{

  width:36px!important;
}



/* ==========================================================
   MID DESKTOP / TABLET
   ========================================================== */

@media
(min-width:621px)
and
(max-width:1100px){

  body.tools-index-page
  .v8243-tools > .container{

    width:
      calc(100% - 48px)!important;
  }


  body.tools-index-page
  .v8243-tools-grid{

    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

}



/* ==========================================================
   MOBILE
   ========================================================== */

@media
(max-width:620px){

  body.tools-index-page
  .v8243-tools{

    padding:
      58px 0 70px!important;
  }


  body.tools-index-page
  .v8243-tools > .container{

    width:
      calc(100% - 28px)!important;
  }


  body.tools-index-page
  .v8243-tools-head{

    margin-bottom:31px!important;
  }


  body.tools-index-page
  .v8243-tools-head h1{

    font-size:
      clamp(2.8rem,13vw,3.8rem)!important;
  }


  body.tools-index-page
  .v8243-tools-grid{

    grid-template-columns:
      1fr!important;

    gap:11px!important;
  }


  body.tools-index-page
  .v8243-tool-card{

    min-height:220px!important;
  }

}


/* END V8.24.3 */



/* ==========================================================
   V8.25.0 — CONTACT / REQUEST A QUOTE
   FOCUSED CONVERSION WORKSPACE
   ========================================================== */


/* ==========================================================
   PAGE
   ========================================================== */

body.contact-page{
  background:#f7f4ed!important;
}


/* ==========================================================
   HERO
   ========================================================== */

body.contact-page
.v8250-hero{
  position:relative!important;

  min-height:560px!important;

  overflow:hidden!important;

  background:#061923!important;
}


body.contact-page
.v8250-hero-media{
  position:absolute!important;
  inset:0!important;

  background-image:
    url('/assets/img/v831/v831-hero-final.png')!important;

  background-size:cover!important;
  background-position:center 54%!important;
  background-repeat:no-repeat!important;

  filter:
    saturate(.91)
    contrast(1.04)
    brightness(.72)!important;

  transform:scale(1.012)!important;
}


body.contact-page
.v8250-hero-overlay{
  position:absolute!important;
  inset:0!important;

  background:
    linear-gradient(
      90deg,
      rgba(2,18,28,.96) 0%,
      rgba(3,21,31,.88) 33%,
      rgba(3,23,34,.50) 65%,
      rgba(3,22,32,.18) 100%
    ),
    linear-gradient(
      180deg,
      rgba(3,18,28,.08),
      rgba(3,18,28,.32)
    )!important;
}


body.contact-page
.v8250-hero-inner{
  position:relative!important;
  z-index:2!important;

  width:min(1320px,calc(100% - 80px))!important;
  max-width:none!important;

  min-height:560px!important;

  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    395px!important;

  gap:90px!important;

  align-items:center!important;

  padding-top:50px!important;
  padding-bottom:52px!important;
}


body.contact-page
.v8250-hero-copy{
  max-width:720px!important;
}


body.contact-page
.v8250-hero
.breadcrumbs{
  margin-bottom:28px!important;

  color:
    rgba(255,255,255,.47)!important;

  font-size:.64rem!important;
}


body.contact-page
.v8250-hero
.breadcrumbs a{
  color:
    rgba(255,255,255,.67)!important;
}


body.contact-page
.v8250-hero
.eyebrow{
  color:#ddb143!important;
}


body.contact-page
.v8250-hero-copy h1{
  max-width:700px!important;

  margin:
    15px 0 20px!important;

  color:#fff!important;

  font-size:
    clamp(4rem,5.4vw,6.3rem)!important;

  font-weight:800!important;

  line-height:.87!important;

  letter-spacing:-.065em!important;
}


body.contact-page
.v8250-hero-copy h1 span{
  color:#e0ab32!important;
}


body.contact-page
.v8250-hero-copy > p{
  max-width:630px!important;

  margin:0!important;

  color:
    rgba(255,255,255,.67)!important;

  font-size:.93rem!important;
  line-height:1.68!important;
}


body.contact-page
.v8250-hero-points{
  display:flex!important;

  flex-wrap:wrap!important;

  gap:9px 22px!important;

  margin-top:29px!important;
}


body.contact-page
.v8250-hero-points span{
  display:inline-flex!important;
  align-items:center!important;

  gap:8px!important;

  color:
    rgba(255,255,255,.71)!important;

  font-size:.62rem!important;
  font-weight:700!important;
}


body.contact-page
.v8250-hero-points i{
  width:6px!important;
  height:6px!important;

  border-radius:50%!important;

  background:#dba934!important;

  box-shadow:
    0 0 0 4px rgba(219,169,52,.09)!important;
}


/* ==========================================================
   HERO BRIEF
   ========================================================== */

body.contact-page
.v8250-hero-card{
  padding:
    28px 28px 26px!important;

  border:
    1px solid rgba(255,255,255,.10)!important;

  border-radius:17px!important;

  background:
    linear-gradient(
      145deg,
      rgba(4,38,51,.94),
      rgba(5,53,69,.91)
    )!important;

  box-shadow:
    0 25px 65px rgba(0,0,0,.25)!important;

  backdrop-filter:
    blur(10px)!important;
}


body.contact-page
.v8250-hero-card > small{
  display:block!important;

  margin-bottom:8px!important;

  color:#dfaf3c!important;

  font-size:.42rem!important;
  font-weight:900!important;

  letter-spacing:.12em!important;
}


body.contact-page
.v8250-hero-card > strong{
  display:block!important;

  margin-bottom:9px!important;

  color:#fff!important;

  font-size:1.35rem!important;

  line-height:1.08!important;
}


body.contact-page
.v8250-hero-card > p{
  margin:
    0 0 18px!important;

  color:
    rgba(255,255,255,.46)!important;

  font-size:.61rem!important;
  line-height:1.52!important;
}


body.contact-page
.v8250-hero-check{
  min-height:68px!important;

  display:grid!important;

  grid-template-columns:
    29px 1fr!important;

  gap:11px!important;

  align-items:center!important;

  border-top:
    1px solid rgba(255,255,255,.075)!important;
}


body.contact-page
.v8250-hero-check > span{
  color:#dbad3e!important;

  font-size:.45rem!important;
  font-weight:900!important;
}


body.contact-page
.v8250-hero-check b{
  display:block!important;

  color:#fff!important;

  font-size:.66rem!important;
}


body.contact-page
.v8250-hero-check small{
  display:block!important;

  margin-top:3px!important;

  color:
    rgba(255,255,255,.40)!important;

  font-size:.53rem!important;

  line-height:1.42!important;
}


/* ==========================================================
   WORKSPACE
   ========================================================== */

body.contact-page
.v8250-workspace{
  position:relative!important;

  overflow:hidden!important;

  padding:
    104px 0 116px!important;

  background:

    radial-gradient(
      circle at 83% 15%,
      rgba(118,189,207,.16),
      transparent 25%
    ),

    radial-gradient(
      circle at 12% 88%,
      rgba(215,168,64,.10),
      transparent 24%
    ),

    linear-gradient(
      180deg,
      #faf8f2,
      #f3f0e7
    )!important;
}


body.contact-page
.v8250-workspace::after{
  content:""!important;

  position:absolute!important;

  width:540px!important;
  height:540px!important;

  right:-210px!important;
  bottom:-290px!important;

  border-radius:50%!important;

  border:
    1px solid rgba(185,139,37,.12)!important;

  pointer-events:none!important;
}


body.contact-page
.v8250-workspace-grid{
  width:min(1320px,calc(100% - 80px))!important;
  max-width:none!important;

  display:grid!important;

  grid-template-columns:
    .72fr 1.28fr!important;

  gap:58px!important;

  align-items:start!important;
}


/* ==========================================================
   CONTACT PANEL
   ========================================================== */

body.contact-page
.v8250-contact-panel{
  position:sticky!important;

  top:120px!important;

  padding:
    18px 6px 0 0!important;
}


body.contact-page
.v8250-contact-panel h2{
  max-width:500px!important;

  margin:
    13px 0 17px!important;

  color:#0b3448!important;

  font-size:
    clamp(3rem,4vw,4.65rem)!important;

  line-height:.91!important;

  letter-spacing:-.055em!important;
}


body.contact-page
.v8250-contact-intro{
  max-width:480px!important;

  margin:
    0 0 31px!important;

  color:#6d7d84!important;

  font-size:.83rem!important;
  line-height:1.68!important;
}


body.contact-page
.v8250-contact-list{
  overflow:hidden!important;

  max-width:515px!important;

  border:
    1px solid rgba(15,62,80,.09)!important;

  border-radius:15px!important;

  background:
    rgba(255,255,255,.73)!important;

  box-shadow:
    0 18px 42px rgba(9,42,55,.045)!important;
}


body.contact-page
.v8250-contact-item{
  min-height:91px!important;

  display:grid!important;

  grid-template-columns:
    44px minmax(0,1fr) 22px!important;

  gap:14px!important;

  align-items:center!important;

  padding:
    16px 18px!important;

  color:inherit!important;

  text-decoration:none!important;

  border-bottom:
    1px solid rgba(11,54,71,.08)!important;

  transition:
    background .22s ease,
    padding-left .22s ease!important;
}


body.contact-page
.v8250-contact-item:last-child{
  border-bottom:0!important;
}


body.contact-page
a.v8250-contact-item:hover{
  padding-left:22px!important;

  background:
    rgba(231,242,242,.63)!important;
}


body.contact-page
.v8250-contact-icon{
  width:38px!important;
  height:38px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:10px!important;

  color:#d2a23b!important;

  background:#0a3042!important;

  font-size:.51rem!important;
  font-weight:900!important;

  letter-spacing:.05em!important;
}


body.contact-page
.v8250-contact-item small{
  display:block!important;

  margin-bottom:4px!important;

  color:#a8791d!important;

  font-size:.38rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.contact-page
.v8250-contact-item strong{
  display:block!important;

  color:#153a4b!important;

  font-size:.77rem!important;
}


body.contact-page
.v8250-contact-item p{
  margin:
    3px 0 0!important;

  color:#7a888e!important;

  font-size:.54rem!important;
}


body.contact-page
.v8250-contact-item > b{
  color:#bd871e!important;

  font-size:.85rem!important;
}


body.contact-page
.v8250-context-note{
  max-width:515px!important;

  margin-top:24px!important;

  padding:
    20px!important;

  border:
    1px solid rgba(12,57,75,.08)!important;

  border-radius:13px!important;

  background:
    rgba(255,255,255,.54)!important;
}


body.contact-page
.v8250-context-note > small{
  color:#a87619!important;

  font-size:.39rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.contact-page
.v8250-context-tags{
  display:flex!important;

  flex-wrap:wrap!important;

  gap:7px!important;

  margin-top:13px!important;
}


body.contact-page
.v8250-context-tags span{
  padding:
    7px 9px!important;

  border-radius:999px!important;

  color:#47616c!important;

  background:#edf3f1!important;

  font-size:.49rem!important;
  font-weight:700!important;
}


/* ==========================================================
   FORM
   ========================================================== */

body.contact-page
.v8250-form{
  position:relative!important;

  padding:
    36px 37px 38px!important;

  border:
    1px solid rgba(12,58,76,.10)!important;

  border-radius:20px!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.96),
      rgba(250,251,248,.91)
    )!important;

  box-shadow:
    0 28px 70px rgba(8,38,51,.08)!important;
}


body.contact-page
.v8250-form::before{
  content:""!important;

  position:absolute!important;

  top:0!important;
  left:37px!important;

  width:94px!important;
  height:2px!important;

  background:
    linear-gradient(
      90deg,
      #d5a438,
      rgba(213,164,56,0)
    )!important;
}


body.contact-page
.v8250-form-head{
  display:flex!important;

  justify-content:space-between!important;

  gap:25px!important;

  align-items:flex-start!important;

  padding-bottom:24px!important;

  border-bottom:
    1px solid rgba(13,58,75,.085)!important;
}


body.contact-page
.v8250-form-head h2{
  margin:
    9px 0 0!important;

  color:#0b3347!important;

  font-size:2.3rem!important;

  line-height:1!important;

  letter-spacing:-.045em!important;
}


body.contact-page
.v8250-form-step{
  display:flex!important;
  align-items:center!important;

  gap:9px!important;

  padding-top:6px!important;
}


body.contact-page
.v8250-form-step span{
  color:#6f7f86!important;

  font-size:.38rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.contact-page
.v8250-form-step i{
  width:8px!important;
  height:8px!important;

  border-radius:50%!important;

  background:#56c896!important;

  box-shadow:
    0 0 0 5px rgba(86,200,150,.09)!important;
}


body.contact-page
.v8250-form-intro{
  max-width:680px!important;

  margin:
    22px 0 26px!important;

  color:#74838a!important;

  font-size:.69rem!important;
  line-height:1.6!important;
}


body.contact-page
.v8250-form-grid{
  display:grid!important;

  grid-template-columns:
    repeat(2,minmax(0,1fr))!important;

  gap:19px 16px!important;
}


body.contact-page
.v8250-field{
  min-width:0!important;
}


body.contact-page
.v8250-field-full{
  grid-column:
    1 / -1!important;
}


body.contact-page
.v8250-field label{
  display:block!important;

  margin-bottom:8px!important;

  color:#3b5966!important;

  font-size:.52rem!important;
  font-weight:800!important;
}


body.contact-page
.v8250-field label span{
  color:#c58e22!important;
}


body.contact-page
.v8250-field input,
body.contact-page
.v8250-field select,
body.contact-page
.v8250-field textarea{
  width:100%!important;

  border:
    1px solid rgba(14,61,79,.12)!important;

  border-radius:10px!important;

  outline:none!important;

  color:#173b4b!important;

  background:
    #f9fbf9!important;

  font-family:
    "Manrope",sans-serif!important;

  font-size:.72rem!important;

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease!important;
}


body.contact-page
.v8250-field input,
body.contact-page
.v8250-field select{
  height:50px!important;

  padding:
    0 14px!important;
}


body.contact-page
.v8250-field textarea{
  min-height:168px!important;

  resize:vertical!important;

  padding:
    14px!important;

  line-height:1.6!important;
}


body.contact-page
.v8250-field textarea::placeholder{
  color:#9aa5aa!important;

  opacity:1!important;
}


body.contact-page
.v8250-field input:focus,
body.contact-page
.v8250-field select:focus,
body.contact-page
.v8250-field textarea:focus{
  border-color:
    rgba(37,112,137,.45)!important;

  background:#fff!important;

  box-shadow:
    0 0 0 4px rgba(53,133,159,.07)!important;
}


/* ==========================================================
   SUBMIT
   ========================================================== */

body.contact-page
.v8250-submit-row{
  min-height:82px!important;

  display:flex!important;

  align-items:center!important;

  justify-content:space-between!important;

  gap:24px!important;

  margin-top:4px!important;

  padding:
    17px 18px!important;

  border:
    1px solid rgba(11,56,74,.08)!important;

  border-radius:12px!important;

  background:
    linear-gradient(
      90deg,
      #f4f7f4,
      #f8f5ed
    )!important;
}


body.contact-page
.v8250-submit-row small{
  display:block!important;

  margin-bottom:4px!important;

  color:#a7771b!important;

  font-size:.38rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.contact-page
.v8250-submit-row p{
  margin:0!important;

  color:#75848a!important;

  font-size:.54rem!important;
}


body.contact-page
.v8250-submit{
  flex:0 0 auto!important;

  min-height:48px!important;

  display:inline-flex!important;

  align-items:center!important;
  justify-content:center!important;

  gap:14px!important;

  padding:
    0 22px!important;

  border:0!important;

  border-radius:999px!important;

  color:#082432!important;

  background:
    linear-gradient(
      135deg,
      #e4bb4c,
      #ca952d
    )!important;

  box-shadow:
    0 12px 27px rgba(196,143,38,.20)!important;

  cursor:pointer!important;

  font-family:
    "Manrope",sans-serif!important;

  font-size:.67rem!important;
  font-weight:900!important;

  transition:
    transform .20s ease,
    box-shadow .20s ease!important;
}


body.contact-page
.v8250-submit:hover{
  transform:
    translateY(-2px)!important;

  box-shadow:
    0 16px 34px rgba(196,143,38,.27)!important;
}


body.contact-page
.v8250-submit span{
  font-size:.88rem!important;
}


/* ==========================================================
   FOOTER
   ========================================================== */

body.contact-page
.v6-footer{
  background:
    linear-gradient(
      180deg,
      #041620,
      #03121b
    )!important;
}


/* ==========================================================
   MID DESKTOP
   ========================================================== */

@media
(min-width:901px)
and
(max-width:1220px){

  body.contact-page
  .v8250-hero-inner,
  body.contact-page
  .v8250-workspace-grid{
    width:
      calc(100% - 48px)!important;
  }


  body.contact-page
  .v8250-hero-inner{
    grid-template-columns:
      minmax(0,1fr)
      360px!important;

    gap:55px!important;
  }


  body.contact-page
  .v8250-workspace-grid{
    grid-template-columns:
      .75fr
      1.25fr!important;

    gap:42px!important;
  }

}


/* ==========================================================
   TABLET / MOBILE
   ========================================================== */

@media (max-width:900px){

  body.contact-page
  .v8250-hero{
    min-height:auto!important;
  }


  body.contact-page
  .v8250-hero-inner{
    width:
      calc(100% - 40px)!important;

    min-height:auto!important;

    grid-template-columns:
      1fr!important;

    gap:31px!important;

    padding-top:72px!important;
    padding-bottom:52px!important;
  }


  body.contact-page
  .v8250-hero-copy h1{
    font-size:
      clamp(3.6rem,11vw,5.2rem)!important;
  }


  body.contact-page
  .v8250-hero-card{
    max-width:620px!important;
  }


  body.contact-page
  .v8250-workspace-grid{
    width:
      calc(100% - 40px)!important;

    grid-template-columns:
      1fr!important;

    gap:45px!important;
  }


  body.contact-page
  .v8250-contact-panel{
    position:relative!important;

    top:auto!important;

    padding-right:0!important;
  }


  body.contact-page
  .v8250-contact-list,
  body.contact-page
  .v8250-context-note{
    max-width:none!important;
  }

}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:620px){

  body.contact-page
  .v8250-hero-inner,
  body.contact-page
  .v8250-workspace-grid{
    width:
      calc(100% - 28px)!important;
  }


  body.contact-page
  .v8250-hero-copy h1{
    font-size:
      clamp(3.2rem,14vw,4.25rem)!important;
  }


  body.contact-page
  .v8250-hero-points{
    flex-direction:column!important;

    align-items:flex-start!important;
  }


  body.contact-page
  .v8250-hero-card{
    padding:
      23px 20px!important;
  }


  body.contact-page
  .v8250-workspace{
    padding:
      70px 0 78px!important;
  }


  body.contact-page
  .v8250-contact-panel h2{
    font-size:
      clamp(2.75rem,12vw,3.65rem)!important;
  }


  body.contact-page
  .v8250-form{
    padding:
      27px 18px 21px!important;

    border-radius:17px!important;
  }


  body.contact-page
  .v8250-form::before{
    left:18px!important;
  }


  body.contact-page
  .v8250-form-head{
    flex-direction:column!important;

    gap:10px!important;
  }


  body.contact-page
  .v8250-form-grid{
    grid-template-columns:
      1fr!important;
  }


  body.contact-page
  .v8250-field-full{
    grid-column:auto!important;
  }


  body.contact-page
  .v8250-submit-row{
    align-items:flex-start!important;

    flex-direction:column!important;
  }


  body.contact-page
  .v8250-submit{
    width:100%!important;
  }

}


/* END V8.25.0 CONTACT */

/* ===== V8.26.0 TRACK SHIPMENT START ===== */


/* ==========================================================
   PAGE
   ========================================================== */

body.track-page{
  background:#f5f4ee!important;
}


/* ==========================================================
   TRACKING STAGE
   ========================================================== */

body.track-page
.v8260-stage{
  position:relative!important;

  min-height:
    calc(100vh - 180px)!important;

  overflow:hidden!important;

  padding:
    76px 0 92px!important;

  background:

    radial-gradient(
      circle at 88% 7%,
      rgba(61,142,168,.11),
      transparent 29%
    ),

    radial-gradient(
      circle at 7% 92%,
      rgba(207,158,47,.07),
      transparent 27%
    ),

    linear-gradient(
      180deg,
      #faf8f2 0%,
      #f3f5f2 100%
    )!important;
}


body.track-page
.v8260-stage::after{
  content:""!important;

  position:absolute!important;

  width:520px!important;
  height:520px!important;

  right:-310px!important;
  bottom:-260px!important;

  border:
    1px solid
    rgba(186,139,34,.12)!important;

  border-radius:50%!important;

  pointer-events:none!important;
}


body.track-page
.v8260-shell{
  position:relative!important;
  z-index:2!important;

  width:
    min(1320px,calc(100% - 80px))!important;

  max-width:none!important;
}


/* ==========================================================
   HEADING
   ========================================================== */

body.track-page
.v8260-heading{
  max-width:730px!important;

  margin-bottom:39px!important;
}


body.track-page
.v8260-heading .eyebrow{
  color:#a9781b!important;
}


body.track-page
.v8260-heading h1{
  margin:
    11px 0 11px!important;

  color:#0b3044!important;

  font-size:
    clamp(3.4rem,4.7vw,5.35rem)!important;

  font-weight:800!important;

  line-height:.91!important;

  letter-spacing:-.057em!important;
}


body.track-page
.v8260-heading p{
  max-width:650px!important;

  margin:0!important;

  color:#708087!important;

  font-size:.78rem!important;
  line-height:1.62!important;
}


/* ==========================================================
   WORKSPACE
   ========================================================== */

body.track-page
.v8260-workspace{
  display:grid!important;

  grid-template-columns:
    minmax(0,1.48fr)
    minmax(315px,.52fr)!important;

  gap:15px!important;

  align-items:stretch!important;
}


/* ==========================================================
   TRACKER CARD
   ========================================================== */

body.track-page
.v8260-tracker{
  min-height:515px!important;

  padding:
    30px!important;

  border:
    1px solid
    rgba(10,56,74,.10)!important;

  border-radius:19px!important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(248,250,248,.92)
    )!important;

  box-shadow:
    0 22px 55px
    rgba(7,38,51,.07)!important;
}


body.track-page
.v8260-card-head{
  display:flex!important;

  justify-content:space-between!important;
  align-items:flex-start!important;

  gap:25px!important;

  padding-bottom:24px!important;

  border-bottom:
    1px solid
    rgba(9,55,73,.085)!important;
}


body.track-page
.v8260-card-head small{
  display:block!important;

  margin-bottom:9px!important;

  color:#a8791c!important;

  font-size:.42rem!important;
  font-weight:900!important;

  letter-spacing:.11em!important;
}


body.track-page
.v8260-card-head h2{
  margin:0!important;

  color:#0d3548!important;

  font-size:1.75rem!important;
  font-weight:800!important;

  line-height:1!important;

  letter-spacing:-.035em!important;
}


body.track-page
.v8260-system-state{
  display:inline-flex!important;

  align-items:center!important;

  gap:7px!important;

  margin-top:2px!important;

  padding:
    7px 9px!important;

  border:
    1px solid
    rgba(77,195,144,.15)!important;

  border-radius:999px!important;

  color:#4e9c77!important;

  background:
    rgba(71,190,137,.06)!important;

  font-size:.39rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.track-page
.v8260-system-state i{
  width:6px!important;
  height:6px!important;

  border-radius:50%!important;

  background:#55cd95!important;

  box-shadow:
    0 0 0 4px
    rgba(85,205,149,.09)!important;
}


/* ==========================================================
   TYPE SELECTOR
   ========================================================== */

body.track-page
.v8260-type-selector{
  display:flex!important;

  flex-wrap:wrap!important;

  gap:7px!important;

  margin:
    26px 0 25px!important;
}


body.track-page
.v8260-type-selector button{
  min-height:34px!important;

  padding:
    0 13px!important;

  border:
    1px solid
    rgba(11,58,76,.10)!important;

  border-radius:999px!important;

  color:#617780!important;

  background:#f4f7f5!important;

  cursor:pointer!important;

  font-family:inherit!important;

  font-size:.58rem!important;
  font-weight:800!important;

  transition:
    border-color .2s ease,
    background .2s ease,
    color .2s ease,
    transform .2s ease!important;
}


body.track-page
.v8260-type-selector button:hover{
  transform:
    translateY(-1px)!important;
}


body.track-page
.v8260-type-selector button.is-active{
  color:#fff!important;

  border-color:#0a3448!important;

  background:#0a3448!important;

  box-shadow:
    0 8px 18px
    rgba(6,45,62,.13)!important;
}


/* ==========================================================
   FORM
   ========================================================== */

body.track-page
.v8260-track-form label{
  display:block!important;

  margin-bottom:8px!important;

  color:#183e50!important;

  font-size:.55rem!important;
  font-weight:850!important;
}


body.track-page
.v8260-input-row{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    122px!important;

  gap:8px!important;
}


body.track-page
.v8260-input-row input{
  min-width:0!important;
  height:55px!important;

  padding:
    0 18px!important;

  outline:none!important;

  border:
    1px solid
    rgba(8,57,76,.14)!important;

  border-radius:11px!important;

  color:#153a4d!important;

  background:#fff!important;

  font-family:inherit!important;

  font-size:.77rem!important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease!important;
}


body.track-page
.v8260-input-row input::placeholder{
  color:#9aa7ac!important;
}


body.track-page
.v8260-input-row input:focus{
  border-color:
    rgba(22,102,127,.50)!important;

  box-shadow:
    0 0 0 4px
    rgba(41,128,152,.07)!important;
}


body.track-page
.v8260-input-row input.v8260-error{
  border-color:
    rgba(191,77,57,.52)!important;

  box-shadow:
    0 0 0 4px
    rgba(191,77,57,.06)!important;
}


body.track-page
.v8260-input-row button{
  height:55px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  gap:12px!important;

  border:0!important;

  border-radius:11px!important;

  color:#102b37!important;

  background:
    linear-gradient(
      135deg,
      #e5bc53,
      #d29b2e
    )!important;

  box-shadow:
    0 12px 25px
    rgba(188,135,27,.14)!important;

  cursor:pointer!important;

  font-family:inherit!important;

  font-size:.67rem!important;
  font-weight:900!important;
}


body.track-page
.v8260-input-row button span{
  font-size:.85rem!important;
}


body.track-page
.v8260-input-note{
  margin:
    10px 0 0!important;

  color:#89969b!important;

  font-size:.53rem!important;

  line-height:1.5!important;
}


/* ==========================================================
   RESULT
   ========================================================== */

body.track-page
.v8260-track-result{
  margin-top:27px!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(9,57,75,.10)!important;

  border-radius:13px!important;

  background:
    #f7faf8!important;
}


body.track-page
.v8260-track-result[hidden]{
  display:none!important;
}


body.track-page
.v8260-result-top{
  min-height:71px!important;

  display:grid!important;

  grid-template-columns:
    1fr 180px!important;

  gap:20px!important;

  align-items:center!important;

  padding:
    14px 17px!important;

  border-bottom:
    1px solid
    rgba(8,56,74,.08)!important;

  background:
    rgba(255,255,255,.76)!important;
}


body.track-page
.v8260-result-top small{
  display:block!important;

  margin-bottom:5px!important;

  color:#9d741f!important;

  font-size:.38rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.track-page
.v8260-result-top strong{
  color:#123a4c!important;

  font-size:.91rem!important;
}


body.track-page
.v8260-result-type{
  padding-left:20px!important;

  border-left:
    1px solid
    rgba(8,56,74,.08)!important;
}


body.track-page
.v8260-result-type span{
  color:#59717b!important;

  font-size:.67rem!important;
  font-weight:800!important;
}


body.track-page
.v8260-provider-status{
  display:grid!important;

  grid-template-columns:
    38px 1fr!important;

  gap:13px!important;

  align-items:start!important;

  padding:
    18px 17px!important;
}


body.track-page
.v8260-provider-icon{
  width:34px!important;
  height:34px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:9px!important;

  color:#a4771b!important;

  background:
    #efe4c6!important;

  font-size:.68rem!important;
  font-weight:900!important;
}


body.track-page
.v8260-provider-status small{
  display:block!important;

  margin-bottom:5px!important;

  color:#9c731e!important;

  font-size:.37rem!important;
  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.track-page
.v8260-provider-status strong{
  display:block!important;

  color:#153b4d!important;

  font-size:.71rem!important;
}


body.track-page
.v8260-provider-status p{
  max-width:620px!important;

  margin:
    5px 0 0!important;

  color:#7e8b91!important;

  font-size:.56rem!important;
  line-height:1.5!important;
}


body.track-page
.v8260-result-actions{
  display:flex!important;

  gap:7px!important;

  padding:
    0 17px 17px!important;
}


body.track-page
.v8260-result-actions a{
  min-height:34px!important;

  display:inline-flex!important;

  align-items:center!important;

  gap:9px!important;

  padding:
    0 12px!important;

  color:#1a4658!important;

  text-decoration:none!important;

  border:
    1px solid
    rgba(11,58,76,.10)!important;

  border-radius:8px!important;

  background:#fff!important;

  font-size:.52rem!important;
  font-weight:850!important;
}


/* ==========================================================
   SIDE
   ========================================================== */

body.track-page
.v8260-side{
  display:grid!important;

  grid-template-rows:
    1fr auto auto!important;

  gap:10px!important;
}


body.track-page
.v8260-side-card{
  padding:
    22px!important;

  border:
    1px solid
    rgba(10,55,73,.09)!important;

  border-radius:17px!important;

  background:
    rgba(255,255,255,.76)!important;

  box-shadow:
    0 14px 35px
    rgba(8,38,51,.045)!important;
}


body.track-page
.v8260-side-card > small{
  display:block!important;

  margin-bottom:10px!important;

  color:#a7791c!important;

  font-size:.39rem!important;
  font-weight:900!important;

  letter-spacing:.10em!important;
}


body.track-page
.v8260-side-card h3{
  margin:
    0 0 11px!important;

  color:#12394b!important;

  font-size:1.12rem!important;

  line-height:1.05!important;

  letter-spacing:-.03em!important;
}


body.track-page
.v8260-side-card > p{
  margin:0!important;

  color:#718087!important;

  font-size:.58rem!important;
  line-height:1.55!important;
}


/* reference list */

body.track-page
.v8260-reference-list{
  margin-top:17px!important;
}


body.track-page
.v8260-reference-list > div{
  min-height:58px!important;

  display:grid!important;

  grid-template-columns:
    29px 1fr!important;

  gap:10px!important;

  align-items:center!important;

  border-top:
    1px solid
    rgba(12,57,74,.075)!important;
}


body.track-page
.v8260-reference-list > div > span{
  color:#b78321!important;

  font-size:.46rem!important;
  font-weight:900!important;
}


body.track-page
.v8260-reference-list p{
  margin:0!important;
}


body.track-page
.v8260-reference-list strong{
  display:block!important;

  color:#183f50!important;

  font-size:.63rem!important;
}


body.track-page
.v8260-reference-list small{
  display:block!important;

  margin-top:3px!important;

  color:#89969b!important;

  font-size:.48rem!important;
}


/* capability tags */

body.track-page
.v8260-capabilities{
  display:flex!important;

  flex-wrap:wrap!important;

  gap:6px!important;

  margin-top:17px!important;
}


body.track-page
.v8260-capabilities span{
  padding:
    6px 8px!important;

  border-radius:999px!important;

  color:#50717d!important;

  background:#edf4f3!important;

  font-size:.44rem!important;
  font-weight:800!important;
}


/* help */

body.track-page
.v8260-help-card{
  min-height:79px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:20px!important;

  background:
    linear-gradient(
      135deg,
      #0a3144,
      #0b485d
    )!important;
}


body.track-page
.v8260-help-card small{
  color:#d7aa3e!important;
}


body.track-page
.v8260-help-card strong{
  display:block!important;

  max-width:240px!important;

  color:#fff!important;

  font-size:.65rem!important;
  line-height:1.35!important;
}


body.track-page
.v8260-help-card > a{
  width:35px!important;
  height:35px!important;

  flex:0 0 auto!important;

  display:grid!important;
  place-items:center!important;

  border-radius:50%!important;

  color:#0c3140!important;

  background:#e2b344!important;

  text-decoration:none!important;

  font-weight:900!important;
}


/* ==========================================================
   CONNECTED TOOL LINKS
   ========================================================== */

body.track-page
.v8260-bottom-links{
  display:grid!important;

  grid-template-columns:
    repeat(3,1fr)!important;

  gap:9px!important;

  margin-top:15px!important;
}


body.track-page
.v8260-bottom-links > a{
  min-height:78px!important;

  display:grid!important;

  grid-template-columns:
    32px 1fr 20px!important;

  gap:13px!important;

  align-items:center!important;

  padding:
    14px 17px!important;

  color:inherit!important;

  text-decoration:none!important;

  border:
    1px solid
    rgba(10,56,73,.09)!important;

  border-radius:12px!important;

  background:
    rgba(255,255,255,.68)!important;

  transition:
    transform .2s ease,
    background .2s ease!important;
}


body.track-page
.v8260-bottom-links > a:hover{
  transform:
    translateY(-2px)!important;

  background:#fff!important;
}


body.track-page
.v8260-bottom-links > a > span{
  width:30px!important;
  height:30px!important;

  display:grid!important;
  place-items:center!important;

  border-radius:8px!important;

  color:#d8aa3f!important;

  background:#0a3245!important;

  font-size:.43rem!important;
  font-weight:900!important;
}


body.track-page
.v8260-bottom-links small{
  display:block!important;

  margin-bottom:3px!important;

  color:#9d731d!important;

  font-size:.37rem!important;
  font-weight:900!important;

  letter-spacing:.08em!important;
}


body.track-page
.v8260-bottom-links strong{
  color:#153b4d!important;

  font-size:.65rem!important;
}


body.track-page
.v8260-bottom-links b{
  color:#bc8722!important;

  font-size:.83rem!important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:1000px){

  body.track-page
  .v8260-workspace{
    grid-template-columns:
      1fr!important;
  }


  body.track-page
  .v8260-side{
    grid-template-columns:
      1fr 1fr!important;

    grid-template-rows:
      auto auto!important;
  }


  body.track-page
  .v8260-side-primary{
    grid-column:
      1 / -1!important;
  }


  body.track-page
  .v8260-bottom-links{
    grid-template-columns:
      1fr!important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:620px){

  body.track-page
  .v8260-stage{
    padding:
      58px 0 68px!important;
  }


  body.track-page
  .v8260-shell{
    width:
      calc(100% - 28px)!important;
  }


  body.track-page
  .v8260-heading{
    margin-bottom:29px!important;
  }


  body.track-page
  .v8260-heading h1{
    font-size:
      clamp(3rem,14vw,4rem)!important;
  }


  body.track-page
  .v8260-workspace{
    gap:11px!important;
  }


  body.track-page
  .v8260-tracker{
    min-height:0!important;

    padding:
      20px!important;
  }


  body.track-page
  .v8260-card-head{
    flex-direction:column!important;

    gap:13px!important;
  }


  body.track-page
  .v8260-type-selector{
    gap:6px!important;
  }


  body.track-page
  .v8260-type-selector button{
    flex:
      1 1 calc(50% - 6px)!important;
  }


  body.track-page
  .v8260-input-row{
    grid-template-columns:
      1fr!important;
  }


  body.track-page
  .v8260-result-top{
    grid-template-columns:
      1fr!important;
  }


  body.track-page
  .v8260-result-type{
    padding-left:0!important;

    border-left:0!important;
  }


  body.track-page
  .v8260-result-actions{
    flex-direction:column!important;
  }


  body.track-page
  .v8260-side{
    grid-template-columns:
      1fr!important;
  }


  body.track-page
  .v8260-side-primary{
    grid-column:auto!important;
  }

}


/* ===== V8.26.0 TRACK SHIPMENT END ===== */

/* ===== V8.26.1 TRACK COMPACT IDLE STATE START ===== */

/*
 * Keep the approved V8.26.0 tracking design.
 * Only remove the unnecessary empty height from the main tracker.
 */

body.track-page
.v8260-workspace{
  align-items:start!important;
}


body.track-page
.v8260-tracker{
  min-height:0!important;
  height:auto!important;
}


/* Result naturally expands the tracker after a search */

body.track-page
.v8260-track-result:not([hidden]){
  display:block!important;
}


/* Tablet / mobile remain naturally sized */

@media (max-width:1000px){

  body.track-page
  .v8260-tracker{
    min-height:0!important;
    height:auto!important;
  }

}

/* ===== V8.26.1 TRACK COMPACT IDLE STATE END ===== */


/* ==========================================================
   V8.26.2 — TRACK SHIPMENT FINAL DESKTOP LAYOUT
   ========================================================== */


/* ----------------------------------------------------------
   INDEPENDENT COLUMN FLOW
   ---------------------------------------------------------- */

body.track-page
.v8260-workspace{
  align-items:start!important;
}


body.track-page
.v8262-left{
  min-width:0!important;

  display:flex!important;
  flex-direction:column!important;

  gap:14px!important;
}


body.track-page
.v8262-left
.v8260-tracker{
  width:100%!important;

  min-height:0!important;
  height:auto!important;
}


/* ----------------------------------------------------------
   RELATED TOOLS NOW BELONG TO LEFT COLUMN
   ---------------------------------------------------------- */

body.track-page
.v8262-left
.v8260-bottom-links{
  width:100%!important;

  margin:0!important;

  grid-column:auto!important;

  align-self:stretch!important;
}


/*
 * Keep the three approved shortcuts in one row underneath
 * the tracker on desktop.
 */

@media (min-width:1001px){

  body.track-page
  .v8262-left
  .v8260-bottom-links{
    display:grid!important;

    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;

    gap:10px!important;
  }

}


/* ----------------------------------------------------------
   RIGHT SIDEBAR
   ---------------------------------------------------------- */

body.track-page
.v8260-side{
  align-self:start!important;
}


/*
 * Prevent the second informational card headline from
 * visually cropping its upper glyphs.
 */

body.track-page
.v8260-side-card h3{
  display:block!important;

  height:auto!important;
  min-height:0!important;

  overflow:visible!important;

  margin-top:8px!important;

  padding-top:3px!important;
  padding-bottom:2px!important;

  line-height:1.08!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;

  mask:none!important;
  -webkit-mask:none!important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width:1000px){

  body.track-page
  .v8262-left{
    gap:12px!important;
  }


  body.track-page
  .v8262-left
  .v8260-bottom-links{
    grid-template-columns:
      1fr!important;
  }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:620px){

  body.track-page
  .v8262-left{
    gap:10px!important;
  }

}


/* END V8.26.2 */


/* ==========================================================
   V8.26.3 — TRACK STAGING FUNCTION POLISH
   ========================================================== */

body.track-page
.v8260-track-result:not([hidden]){
  display:block!important;
}


/* make result appearance feel intentional */

@media (prefers-reduced-motion:no-preference){

  body.track-page
  .v8260-track-result:not([hidden]){
    animation:
      v8263ResultIn
      .34s cubic-bezier(.2,.7,.2,1)
      both!important;
  }

}


@keyframes v8263ResultIn{

  from{
    opacity:0;
    transform:translateY(8px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }

}


/* END V8.26.3 */


/* ==========================================================
   V8.27.0 — FREE CARRIER-DIRECT TRACKING
   ========================================================== */


/* ----------------------------------------------------------
   CARRIER SELECTOR
   ---------------------------------------------------------- */

body.track-page
.v8270-carrier-row{
  min-height:48px!important;

  display:flex!important;

  align-items:center!important;

  gap:10px!important;

  margin:
    -12px 0 23px!important;

  padding:
    8px 11px!important;

  border:
    1px solid
    rgba(10,57,75,.08)!important;

  border-radius:10px!important;

  background:
    rgba(239,245,243,.72)!important;
}


body.track-page
.v8270-carrier-label{
  flex:0 0 auto!important;

  color:#496875!important;

  font-size:.48rem!important;
  font-weight:900!important;

  letter-spacing:.08em!important;

  text-transform:uppercase!important;
}


body.track-page
.v8270-carrier-options{
  display:flex!important;

  gap:5px!important;
}


body.track-page
.v8270-carrier-options button{
  min-height:27px!important;

  padding:
    0 10px!important;

  border:
    1px solid
    rgba(10,57,75,.10)!important;

  border-radius:999px!important;

  color:#617780!important;

  background:#fff!important;

  cursor:pointer!important;

  font-family:inherit!important;

  font-size:.48rem!important;
  font-weight:850!important;
}


body.track-page
.v8270-carrier-options button.is-active{
  color:#fff!important;

  border-color:#0a3448!important;

  background:#0a3448!important;
}


body.track-page
.v8270-carrier-row > small{
  margin-left:auto!important;

  color:#4d9e78!important;

  font-size:.42rem!important;
  font-weight:850!important;

  white-space:nowrap!important;
}


/* ----------------------------------------------------------
   OFFICIAL TRACKING BUTTON
   ---------------------------------------------------------- */

body.track-page
.v8260-result-actions
.v8270-official-track{
  color:#102d3a!important;

  border-color:
    rgba(195,145,35,.20)!important;

  background:
    linear-gradient(
      135deg,
      #e8bf55,
      #d39d30
    )!important;
}


body.track-page
.v8260-result-actions
.v8270-official-track[hidden]{
  display:none!important;
}


/* ----------------------------------------------------------
   ERROR / LOADING
   ---------------------------------------------------------- */

body.track-page
.v8260-input-note.v8270-error-note{
  color:#a64938!important;

  font-weight:700!important;
}


body.track-page
.v8260-input-row button:disabled{
  cursor:wait!important;

  opacity:.76!important;
}


body.track-page
.v8260-input-row button.v8270-loading{
  box-shadow:none!important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:620px){

  body.track-page
  .v8270-carrier-row{
    align-items:flex-start!important;

    flex-wrap:wrap!important;
  }


  body.track-page
  .v8270-carrier-row > small{
    width:100%!important;

    margin:
      2px 0 0!important;
  }

}


/* END V8.27.0 */


/* ==========================================================
   V8.27.2 — TRACK RESULT ROW + MAERSK
   ========================================================== */


/* ----------------------------------------------------------
   RESULT HEADER TEXT CLIPPING FIX
   ---------------------------------------------------------- */

body.track-page
.v8260-result-top{
  min-height:84px!important;

  height:auto!important;

  overflow:visible!important;

  padding:
    16px 17px!important;

  align-items:center!important;
}


body.track-page
.v8260-result-top > div{
  min-width:0!important;

  overflow:visible!important;
}


body.track-page
.v8260-result-top strong{
  display:block!important;

  height:auto!important;

  overflow:visible!important;

  padding:
    2px 0 3px!important;

  line-height:1.25!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;
}


body.track-page
.v8260-result-type{
  overflow:visible!important;
}


body.track-page
.v8260-result-type span{
  display:block!important;

  height:auto!important;

  overflow:visible!important;

  padding:
    2px 0 3px!important;

  line-height:1.25!important;

  clip-path:none!important;
  -webkit-clip-path:none!important;
}


/* ----------------------------------------------------------
   ALLOW THREE CARRIER PILLS CLEANLY
   ---------------------------------------------------------- */

body.track-page
.v8270-carrier-options{
  flex-wrap:wrap!important;
}


/* END V8.27.2 */


/* ==========================================================
   V8.28.0 — MULTI-CARRIER OCEAN + AWB DIRECTORY
   ========================================================== */

body.track-page
.v8270-carrier-options{
  flex:
    1 1 auto!important;

  min-width:0!important;
}


body.track-page
.v8280-carrier-select{
  width:
    min(310px,100%)!important;

  height:31px!important;

  padding:
    0 30px 0 11px!important;

  border:
    1px solid
    rgba(10,57,75,.12)!important;

  border-radius:
    999px!important;

  outline:none!important;

  color:
    #143e50!important;

  background:
    #fff!important;

  cursor:pointer!important;

  font-family:
    inherit!important;

  font-size:
    .50rem!important;

  font-weight:
    850!important;
}


body.track-page
.v8280-carrier-select:focus{
  border-color:
    rgba(22,102,127,.46)!important;

  box-shadow:
    0 0 0 3px
    rgba(41,128,152,.06)!important;
}


@media (max-width:620px){

  body.track-page
  .v8280-carrier-select{
    width:100%!important;

    height:38px!important;
  }

}


/* END V8.28.0 */


/* ==========================================================
   V8.28.2 — ENHANCED SHIPMENT SUMMARY
   ========================================================== */

body.track-page
.v8282-summary{
  margin:
    0 17px 17px!important;

  overflow:hidden!important;

  border:
    1px solid
    rgba(10,57,75,.09)!important;

  border-radius:
    12px!important;

  background:
    rgba(255,255,255,.80)!important;
}


body.track-page
.v8282-summary[hidden]{
  display:none!important;
}


body.track-page
.v8282-summary-head{
  min-height:
    58px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:
    16px!important;

  padding:
    13px 15px!important;

  border-bottom:
    1px solid
    rgba(10,57,75,.07)!important;
}


body.track-page
.v8282-summary-head small{
  display:block!important;

  margin-bottom:
    4px!important;

  color:
    #a7791d!important;

  font-size:
    .36rem!important;

  font-weight:
    900!important;

  letter-spacing:
    .10em!important;
}


body.track-page
.v8282-summary-head strong{
  display:block!important;

  color:
    #143b4d!important;

  font-size:
    .72rem!important;

  font-weight:
    850!important;
}


body.track-page
.v8282-ready{
  flex:
    0 0 auto!important;

  padding:
    6px 9px!important;

  border:
    1px solid
    rgba(61,158,111,.13)!important;

  border-radius:
    999px!important;

  color:
    #438d6b!important;

  background:
    rgba(62,164,115,.06)!important;

  font-size:
    .34rem!important;

  font-weight:
    900!important;

  letter-spacing:
    .07em!important;
}


body.track-page
.v8282-summary-grid{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  border-bottom:
    1px solid
    rgba(10,57,75,.07)!important;
}


body.track-page
.v8282-summary-grid > div,
body.track-page
.v8282-technical > div{
  min-width:
    0!important;

  padding:
    13px 15px!important;
}


body.track-page
.v8282-summary-grid > div:not(:last-child),
body.track-page
.v8282-technical > div:not(:last-child){
  border-right:
    1px solid
    rgba(10,57,75,.07)!important;
}


body.track-page
.v8282-summary-grid small,
body.track-page
.v8282-technical small{
  display:block!important;

  margin-bottom:
    5px!important;

  color:
    #9b741f!important;

  font-size:
    .34rem!important;

  font-weight:
    900!important;

  letter-spacing:
    .08em!important;
}


body.track-page
.v8282-summary-grid strong,
body.track-page
.v8282-technical strong{
  display:block!important;

  overflow-wrap:
    anywhere!important;

  color:
    #173e4f!important;

  font-size:
    .58rem!important;

  font-weight:
    850!important;

  line-height:
    1.35!important;
}


body.track-page
.v8282-technical{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  background:
    #f6f9f7!important;
}


body.track-page
.v8282-technical[hidden]{
  display:none!important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width:1000px){

  body.track-page
  .v8282-summary-grid,
  body.track-page
  .v8282-technical{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }


  body.track-page
  .v8282-summary-grid > div:nth-child(2),
  body.track-page
  .v8282-technical > div:nth-child(2){
    border-right:
      0!important;
  }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width:620px){

  body.track-page
  .v8282-summary{
    margin:
      0 14px 14px!important;
  }


  body.track-page
  .v8282-summary-head{
    align-items:flex-start!important;

    flex-direction:column!important;
  }


  body.track-page
  .v8282-summary-grid,
  body.track-page
  .v8282-technical{
    grid-template-columns:
      1fr!important;
  }


  body.track-page
  .v8282-summary-grid > div,
  body.track-page
  .v8282-technical > div{
    border-right:
      0!important;

    border-bottom:
      1px solid
      rgba(10,57,75,.07)!important;
  }


  body.track-page
  .v8282-summary-grid > div:last-child,
  body.track-page
  .v8282-technical > div:last-child{
    border-bottom:
      0!important;
  }

}


/* END V8.28.2 */


/* ==========================================================
   V8.29.0 — GLOBAL VESSEL MAP
   ========================================================== */

body.vessel-map-page{
  background:#f4f1e9!important;
}


body.vessel-map-page
.v8290-stage{
  padding:
    66px 0 76px!important;

  background:
    radial-gradient(
      circle at 82% 5%,
      rgba(86,145,169,.11),
      transparent 28%
    ),
    url('/assets/img/noise.svg'),
    #f5f2ea!important;
}


body.vessel-map-page
.v8290-shell{
  width:
    min(calc(100% - 40px),1240px)!important;
}


body.vessel-map-page
.v8290-heading{
  max-width:
    780px!important;

  margin-bottom:
    31px!important;
}


body.vessel-map-page
.v8290-heading .eyebrow{
  margin-bottom:
    13px!important;

  color:
    #a6761d!important;
}


body.vessel-map-page
.v8290-heading h1{
  margin:
    0!important;

  color:
    #0b3347!important;

  font-size:
    clamp(3.4rem,5.4vw,5.8rem)!important;

  font-weight:
    800!important;

  line-height:
    .91!important;

  letter-spacing:
    -.055em!important;
}


body.vessel-map-page
.v8290-heading p{
  max-width:
    700px!important;

  margin:
    18px 0 0!important;

  color:
    #61747c!important;

  font-size:
    .89rem!important;

  line-height:
    1.7!important;
}


/* COMMAND ------------------------------------------------ */

body.vessel-map-page
.v8290-command{
  padding:
    18px 20px 17px!important;

  margin-bottom:
    13px!important;

  border:
    1px solid
    rgba(10,54,72,.09)!important;

  border-radius:
    18px!important;

  background:
    rgba(255,255,255,.78)!important;

  box-shadow:
    0 15px 42px
    rgba(8,42,57,.06)!important;
}


body.vessel-map-page
.v8290-command-top{
  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:
    20px!important;

  margin-bottom:
    14px!important;
}


body.vessel-map-page
.v8290-command-top small,
body.vessel-map-page
.v8290-map-toolbar small,
body.vessel-map-page
.v8290-panel-head > small{
  display:block!important;

  margin-bottom:
    4px!important;

  color:
    #a97a20!important;

  font-size:
    .37rem!important;

  font-weight:
    900!important;

  letter-spacing:
    .12em!important;
}


body.vessel-map-page
.v8290-command-top strong{
  color:
    #14394b!important;

  font-size:
    .84rem!important;
}


body.vessel-map-page
.v8290-system{
  display:flex!important;

  gap:
    7px!important;
}


body.vessel-map-page
.v8290-system > span{
  display:inline-flex!important;

  align-items:center!important;

  gap:
    7px!important;

  min-height:
    27px!important;

  padding:
    0 9px!important;

  border:
    1px solid
    rgba(13,66,84,.10)!important;

  border-radius:
    999px!important;

  color:
    #708089!important;

  background:
    #f4f7f5!important;

  font-size:
    .35rem!important;

  font-weight:
    900!important;

  letter-spacing:
    .07em!important;
}


body.vessel-map-page
.v8290-system i{
  width:
    6px!important;

  height:
    6px!important;

  border-radius:
    50%!important;

  background:
    #c39b42!important;
}


body.vessel-map-page
.v8290-system .is-online{
  color:
    #438f6d!important;
}


body.vessel-map-page
.v8290-system .is-online i,
body.vessel-map-page
.v8290-system .is-live i{
  background:
    #4fca90!important;

  box-shadow:
    0 0 0 4px
    rgba(79,202,144,.08)!important;
}


body.vessel-map-page
.v8290-search{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    160px!important;

  gap:
    8px!important;
}


body.vessel-map-page
.v8290-search input{
  min-width:
    0!important;

  height:
    51px!important;

  padding:
    0 16px!important;

  border:
    1px solid
    rgba(9,52,71,.14)!important;

  border-radius:
    11px!important;

  outline:none!important;

  color:
    #14394b!important;

  background:
    #fff!important;

  font-family:
    inherit!important;

  font-size:
    .72rem!important;
}


body.vessel-map-page
.v8290-search input:focus{
  border-color:
    rgba(23,104,131,.48)!important;

  box-shadow:
    0 0 0 4px
    rgba(31,112,138,.06)!important;
}


body.vessel-map-page
.v8290-search button{
  border:
    0!important;

  border-radius:
    11px!important;

  color:
    #102a36!important;

  background:
    linear-gradient(
      135deg,
      #e6bd54,
      #d09a2d
    )!important;

  cursor:pointer!important;

  font-family:
    inherit!important;

  font-size:
    .62rem!important;

  font-weight:
    900!important;
}


body.vessel-map-page
.v8290-search button span{
  margin-left:
    8px!important;
}


body.vessel-map-page
.v8290-search-note{
  margin-top:
    8px!important;

  color:
    #8c999e!important;

  font-size:
    .48rem!important;
}


/* WORKSPACE ----------------------------------------------- */

body.vessel-map-page
.v8290-workspace{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    350px!important;

  overflow:hidden!important;

  min-height:
    610px!important;

  border:
    1px solid
    rgba(112,178,205,.16)!important;

  border-radius:
    22px!important;

  background:
    #071b27!important;

  box-shadow:
    0 28px 76px
    rgba(5,29,42,.18)!important;
}


body.vessel-map-page
.v8290-map-wrap{
  position:relative!important;

  min-width:0!important;

  border-right:
    1px solid
    rgba(255,255,255,.08)!important;
}


body.vessel-map-page
.v8290-map-toolbar{
  height:
    64px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:
    15px!important;

  padding:
    0 17px!important;

  color:#fff!important;

  background:
    #071a25!important;

  border-bottom:
    1px solid
    rgba(255,255,255,.07)!important;
}


body.vessel-map-page
.v8290-map-toolbar strong{
  display:block!important;

  color:
    #e6eff2!important;

  font-size:
    .65rem!important;
}


body.vessel-map-page
.v8290-map-presets{
  display:flex!important;

  gap:
    5px!important;
}


body.vessel-map-page
.v8290-map-presets button{
  min-height:
    28px!important;

  padding:
    0 9px!important;

  border:
    1px solid
    rgba(255,255,255,.11)!important;

  border-radius:
    999px!important;

  color:
    rgba(255,255,255,.65)!important;

  background:
    rgba(255,255,255,.045)!important;

  cursor:pointer!important;

  font-family:
    inherit!important;

  font-size:
    .39rem!important;

  font-weight:
    800!important;
}


body.vessel-map-page
.v8290-map{
  width:
    100%!important;

  height:
    546px!important;

  background:
    #082432!important;
}


body.vessel-map-page
.v8290-map .maplibregl-canvas{
  filter:
    saturate(.70)
    brightness(.77)
    contrast(1.10)!important;
}


body.vessel-map-page
.v8290-map .maplibregl-ctrl-group{
  overflow:hidden!important;

  border-radius:
    9px!important;

  box-shadow:
    0 6px 20px
    rgba(0,0,0,.18)!important;
}


body.vessel-map-page
.v8290-map .maplibregl-ctrl-attrib{
  font-size:
    9px!important;
}


body.vessel-map-page
.v8290-map-legend{
  position:absolute!important;

  left:
    15px!important;

  bottom:
    14px!important;

  z-index:
    5!important;

  display:flex!important;

  gap:
    12px!important;

  padding:
    7px 9px!important;

  border:
    1px solid
    rgba(255,255,255,.10)!important;

  border-radius:
    9px!important;

  color:
    rgba(255,255,255,.72)!important;

  background:
    rgba(5,25,35,.76)!important;

  backdrop-filter:
    blur(10px)!important;

  font-size:
    .40rem!important;

  font-weight:
    800!important;
}


body.vessel-map-page
.v8290-map-legend span{
  display:flex!important;

  align-items:center!important;

  gap:
    6px!important;
}


body.vessel-map-page
.v8290-map-legend i{
  width:
    7px!important;

  height:
    7px!important;

  border-radius:
    50%!important;
}


body.vessel-map-page
.v8290-map-legend .port{
  background:
    #d8a83b!important;
}


body.vessel-map-page
.v8290-map-legend .vessel{
  background:
    #58cc9b!important;
}


/* MARKERS ------------------------------------------------ */

body.vessel-map-page
.v8290-port-marker{
  width:
    14px!important;

  height:
    14px!important;

  border:
    3px solid
    rgba(255,255,255,.88)!important;

  border-radius:
    50%!important;

  background:
    #d6a338!important;

  box-shadow:
    0 0 0 6px
    rgba(214,163,56,.14),
    0 5px 16px
    rgba(0,0,0,.24)!important;

  cursor:pointer!important;
}


body.vessel-map-page
.v8290-vessel-marker{
  width:
    16px!important;

  height:
    16px!important;

  border:
    3px solid
    rgba(255,255,255,.92)!important;

  border-radius:
    5px 50% 50% 50%!important;

  background:
    #4fc992!important;

  transform:
    rotate(45deg)!important;

  box-shadow:
    0 0 0 7px
    rgba(79,201,146,.14)!important;

  cursor:pointer!important;
}


/* SIDE PANEL --------------------------------------------- */

body.vessel-map-page
.v8290-panel{
  min-width:0!important;

  display:flex!important;

  flex-direction:column!important;

  padding:
    25px 22px 20px!important;

  color:
    #fff!important;

  background:
    linear-gradient(
      160deg,
      #0b2d40,
      #071a26
    )!important;
}


body.vessel-map-page
.v8290-panel-head{
  padding-bottom:
    18px!important;

  border-bottom:
    1px solid
    rgba(255,255,255,.08)!important;
}


body.vessel-map-page
.v8290-panel-head h2{
  margin:
    7px 0 9px!important;

  color:
    #fff!important;

  font-size:
    1.38rem!important;

  line-height:
    1.03!important;

  letter-spacing:
    -.035em!important;
}


body.vessel-map-page
.v8290-panel-head p{
  margin:
    0!important;

  color:
    rgba(255,255,255,.51)!important;

  font-size:
    .58rem!important;

  line-height:
    1.6!important;
}


body.vessel-map-page
.v8290-empty{
  min-height:
    280px!important;

  display:flex!important;

  flex-direction:column!important;

  align-items:center!important;
  justify-content:center!important;

  text-align:center!important;
}


body.vessel-map-page
.v8290-empty strong{
  margin-top:
    14px!important;

  color:
    rgba(255,255,255,.82)!important;

  font-size:
    .70rem!important;
}


body.vessel-map-page
.v8290-empty p{
  max-width:
    230px!important;

  margin:
    7px auto 0!important;

  color:
    rgba(255,255,255,.38)!important;

  font-size:
    .51rem!important;

  line-height:
    1.55!important;
}


body.vessel-map-page
.v8290-radar{
  position:relative!important;

  width:
    54px!important;

  height:
    54px!important;

  border:
    1px solid
    rgba(92,207,161,.20)!important;

  border-radius:
    50%!important;

  background:
    radial-gradient(
      circle,
      rgba(77,198,151,.08),
      transparent 65%
    )!important;
}


body.vessel-map-page
.v8290-radar:before,
body.vessel-map-page
.v8290-radar:after{
  content:""!important;

  position:absolute!important;

  left:50%!important;
  top:50%!important;

  background:
    rgba(92,207,161,.16)!important;

  transform:
    translate(-50%,-50%)!important;
}


body.vessel-map-page
.v8290-radar:before{
  width:1px!important;
  height:100%!important;
}


body.vessel-map-page
.v8290-radar:after{
  width:100%!important;
  height:1px!important;
}


body.vessel-map-page
.v8290-radar span{
  position:absolute!important;

  left:50%!important;
  top:50%!important;

  width:
    7px!important;

  height:
    7px!important;

  border-radius:
    50%!important;

  background:
    #52ca96!important;

  transform:
    translate(-50%,-50%)!important;

  box-shadow:
    0 0 0 6px
    rgba(82,202,150,.08)!important;
}


/* VESSEL DETAIL ------------------------------------------ */

body.vessel-map-page
.v8290-vessel[hidden],
body.vessel-map-page
.v8290-results[hidden]{
  display:none!important;
}


body.vessel-map-page
.v8290-identity{
  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:
    14px!important;

  padding:
    17px 0!important;
}


body.vessel-map-page
.v8290-identity small{
  display:block!important;

  margin-bottom:
    5px!important;

  color:
    #d4ae56!important;

  font-size:
    .34rem!important;

  font-weight:
    900!important;

  letter-spacing:
    .10em!important;
}


body.vessel-map-page
.v8290-identity strong{
  display:block!important;

  color:
    #fff!important;

  font-size:
    .94rem!important;
}


body.vessel-map-page
.v8290-identity > span{
  padding:
    5px 8px!important;

  border:
    1px solid
    rgba(78,205,151,.18)!important;

  border-radius:
    999px!important;

  color:
    #6ad7a9!important;

  background:
    rgba(78,205,151,.06)!important;

  font-size:
    .34rem!important;

  font-weight:
    900!important;

  letter-spacing:
    .08em!important;
}


body.vessel-map-page
.v8290-data-grid{
  display:grid!important;

  grid-template-columns:
    1fr 1fr!important;

  gap:
    7px!important;
}


body.vessel-map-page
.v8290-data-grid > div,
body.vessel-map-page
.v8290-position > div{
  padding:
    10px 11px!important;

  border:
    1px solid
    rgba(255,255,255,.07)!important;

  border-radius:
    9px!important;

  background:
    rgba(255,255,255,.035)!important;
}


body.vessel-map-page
.v8290-data-grid small,
body.vessel-map-page
.v8290-position small{
  display:block!important;

  margin-bottom:
    4px!important;

  color:
    rgba(255,255,255,.36)!important;

  font-size:
    .32rem!important;

  font-weight:
    900!important;

  letter-spacing:
    .08em!important;
}


body.vessel-map-page
.v8290-data-grid strong,
body.vessel-map-page
.v8290-position strong{
  display:block!important;

  color:
    #edf5f6!important;

  font-size:
    .55rem!important;

  line-height:
    1.3!important;

  overflow-wrap:
    anywhere!important;
}


body.vessel-map-page
.v8290-position{
  display:grid!important;

  gap:
    7px!important;

  margin-top:
    7px!important;
}


/* RESULTS ------------------------------------------------ */

body.vessel-map-page
.v8290-results{
  margin-top:
    13px!important;

  border-top:
    1px solid
    rgba(255,255,255,.08)!important;

  padding-top:
    12px!important;
}


body.vessel-map-page
.v8290-result-button{
  width:
    100%!important;

  display:block!important;

  padding:
    10px 11px!important;

  margin-bottom:
    6px!important;

  border:
    1px solid
    rgba(255,255,255,.07)!important;

  border-radius:
    9px!important;

  color:
    rgba(255,255,255,.76)!important;

  background:
    rgba(255,255,255,.035)!important;

  cursor:pointer!important;

  text-align:left!important;

  font-family:
    inherit!important;
}


body.vessel-map-page
.v8290-result-button strong{
  display:block!important;

  font-size:
    .57rem!important;
}


body.vessel-map-page
.v8290-result-button span{
  display:block!important;

  margin-top:
    3px!important;

  color:
    rgba(255,255,255,.36)!important;

  font-size:
    .42rem!important;
}


/* PANEL LINKS -------------------------------------------- */

body.vessel-map-page
.v8290-panel-foot{
  margin-top:
    auto!important;

  display:grid!important;

  grid-template-columns:
    1fr 1fr!important;

  gap:
    7px!important;

  padding-top:
    18px!important;

  border-top:
    1px solid
    rgba(255,255,255,.08)!important;
}


body.vessel-map-page
.v8290-panel-foot a{
  min-height:
    39px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  padding:
    0 10px!important;

  border:
    1px solid
    rgba(255,255,255,.08)!important;

  border-radius:
    9px!important;

  color:
    rgba(255,255,255,.68)!important;

  background:
    rgba(255,255,255,.035)!important;

  text-decoration:none!important;

  font-size:
    .46rem!important;

  font-weight:
    800!important;
}


body.vessel-map-page
.v8290-panel-foot a span{
  color:
    #d9ae4c!important;
}


/* GATEWAYS ----------------------------------------------- */

body.vessel-map-page
.v8290-gateways{
  display:grid!important;

  grid-template-columns:
    repeat(3,1fr)!important;

  gap:
    9px!important;

  margin-top:
    12px!important;
}


body.vessel-map-page
.v8290-gateways button{
  min-height:
    91px!important;

  padding:
    15px 17px!important;

  border:
    1px solid
    rgba(10,54,72,.09)!important;

  border-radius:
    14px!important;

  color:
    #153a4b!important;

  background:
    rgba(255,255,255,.73)!important;

  cursor:pointer!important;

  text-align:left!important;

  font-family:
    inherit!important;

  box-shadow:
    0 10px 28px
    rgba(8,42,57,.04)!important;
}


body.vessel-map-page
.v8290-gateways small{
  display:block!important;

  margin-bottom:
    5px!important;

  color:
    #a8791d!important;

  font-size:
    .34rem!important;

  font-weight:
    900!important;

  letter-spacing:
    .10em!important;
}


body.vessel-map-page
.v8290-gateways strong{
  display:block!important;

  color:
    #14394a!important;

  font-size:
    .67rem!important;
}


body.vessel-map-page
.v8290-gateways span{
  display:block!important;

  margin-top:
    4px!important;

  color:
    #819095!important;

  font-size:
    .45rem!important;
}


/* TABLET ------------------------------------------------- */

@media(max-width:1000px){

  body.vessel-map-page
  .v8290-workspace{
    grid-template-columns:
      1fr!important;
  }


  body.vessel-map-page
  .v8290-map-wrap{
    border-right:
      0!important;

    border-bottom:
      1px solid
      rgba(255,255,255,.08)!important;
  }


  body.vessel-map-page
  .v8290-panel{
    min-height:
      480px!important;
  }

}


/* MOBILE ------------------------------------------------- */

@media(max-width:620px){

  body.vessel-map-page
  .v8290-stage{
    padding:
      51px 0 62px!important;
  }


  body.vessel-map-page
  .v8290-shell{
    width:
      calc(100% - 28px)!important;
  }


  body.vessel-map-page
  .v8290-heading h1{
    font-size:
      3.4rem!important;
  }


  body.vessel-map-page
  .v8290-command-top,
  body.vessel-map-page
  .v8290-map-toolbar{
    align-items:flex-start!important;

    flex-direction:column!important;
  }


  body.vessel-map-page
  .v8290-system{
    flex-wrap:wrap!important;
  }


  body.vessel-map-page
  .v8290-search{
    grid-template-columns:
      1fr!important;
  }


  body.vessel-map-page
  .v8290-search button{
    height:
      49px!important;
  }


  body.vessel-map-page
  .v8290-map-toolbar{
    height:auto!important;

    padding:
      13px!important;
  }


  body.vessel-map-page
  .v8290-map-presets{
    width:
      100%!important;

    overflow-x:auto!important;
  }


  body.vessel-map-page
  .v8290-map-presets button{
    white-space:
      nowrap!important;
  }


  body.vessel-map-page
  .v8290-map{
    height:
      430px!important;
  }


  body.vessel-map-page
  .v8290-gateways{
    grid-template-columns:
      1fr!important;
  }

}


/* END V8.29.0 */


/* ==========================================================
   V8.29.4 — VESSEL RESULT / MAP HEIGHT POLISH
   ========================================================== */


/* Hidden really means hidden.
   V8.29.0 flex rules otherwise override the native attribute. */

body.vessel-map-page
.v8290-empty[hidden]{
  display:none!important;
}


/* Let the map column grow with the vessel-information panel. */

body.vessel-map-page
.v8290-map-wrap{
  display:flex!important;
  flex-direction:column!important;
}


body.vessel-map-page
.v8290-map{
  flex:
    1 1 auto!important;

  height:
    auto!important;

  min-height:
    546px!important;
}


/* Keep the map legend attached to the actual map surface. */

body.vessel-map-page
.v8290-map-legend{
  bottom:
    14px!important;
}


/* The selected-vessel area should replace the empty state
   instead of visually stacking below it. */

body.vessel-map-page
.v8290-vessel:not([hidden]){
  display:block!important;
}


/* Give selected data a little breathing room without
   unnecessarily making the right rail taller. */

body.vessel-map-page
.v8290-position{
  margin-bottom:
    12px!important;
}


/* MOBILE */

@media(max-width:620px){

  body.vessel-map-page
  .v8290-map{
    min-height:
      430px!important;
  }

}


/* END V8.29.4 */


/* ==========================================================
   V8.30.0 — SHIPPING SCHEDULES
   ========================================================== */

body.schedule-page{
  background:#f5f2ea!important;
}


body.schedule-page
.v8300-stage{
  padding:68px 0 78px!important;

  background:
    radial-gradient(
      circle at 82% 4%,
      rgba(78,138,164,.11),
      transparent 29%
    ),
    radial-gradient(
      circle at 10% 80%,
      rgba(201,154,56,.07),
      transparent 25%
    ),
    url('/assets/img/noise.svg'),
    #f5f2ea!important;
}


body.schedule-page
.v8300-heading{
  max-width:790px!important;
  margin-bottom:30px!important;
}


body.schedule-page
.v8300-heading .eyebrow{
  margin-bottom:13px!important;
  color:#a67820!important;
}


body.schedule-page
.v8300-heading h1{
  margin:0!important;

  color:#0b3549!important;

  font-size:
    clamp(3.5rem,5.5vw,5.9rem)!important;

  font-weight:800!important;
  line-height:.91!important;
  letter-spacing:-.055em!important;
}


body.schedule-page
.v8300-heading p{
  max-width:720px!important;
  margin:17px 0 0!important;

  color:#65767d!important;

  font-size:.89rem!important;
  line-height:1.7!important;
}


/* WORKSPACE */

body.schedule-page
.v8300-workspace{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    310px!important;

  gap:12px!important;
}


body.schedule-page
.v8300-main,
body.schedule-page
.v8300-side{
  border:
    1px solid
    rgba(9,51,70,.09)!important;

  border-radius:20px!important;

  background:
    rgba(255,255,255,.80)!important;

  box-shadow:
    0 16px 44px
    rgba(8,41,56,.055)!important;
}


body.schedule-page
.v8300-main{
  padding:20px!important;
}


body.schedule-page
.v8300-head{
  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:15px!important;

  padding-bottom:16px!important;

  border-bottom:
    1px solid
    rgba(9,51,70,.08)!important;
}


body.schedule-page
.v8300-head small,
body.schedule-page
.v8300-side > section > small{
  display:block!important;

  margin-bottom:4px!important;

  color:#a97a20!important;

  font-size:.36rem!important;

  font-weight:900!important;

  letter-spacing:.11em!important;
}


body.schedule-page
.v8300-head strong{
  color:#143c4e!important;
  font-size:.88rem!important;
}


body.schedule-page
.v8300-source-badge{
  display:inline-flex!important;

  align-items:center!important;

  min-height:27px!important;

  padding:0 9px!important;

  border:
    1px solid
    rgba(64,151,107,.13)!important;

  border-radius:999px!important;

  color:#448b6b!important;

  background:
    rgba(66,160,111,.05)!important;

  font-size:.34rem!important;

  font-weight:900!important;

  letter-spacing:.065em!important;
}


/* FORM */

body.schedule-page
.v8300-form{
  margin-top:17px!important;
}


body.schedule-page
.v8300-route-row{
  display:grid!important;

  grid-template-columns:
    1fr 42px 1fr!important;

  gap:7px!important;

  align-items:end!important;
}


body.schedule-page
.v8300-form label{
  display:block!important;
}


body.schedule-page
.v8300-form label > span{
  display:block!important;

  margin:0 0 6px 2px!important;

  color:#9b741f!important;

  font-size:.34rem!important;

  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.schedule-page
.v8300-form input,
body.schedule-page
.v8300-form select{
  width:100%!important;

  height:50px!important;

  padding:0 13px!important;

  border:
    1px solid
    rgba(9,51,70,.14)!important;

  border-radius:11px!important;

  outline:none!important;

  color:#173b4b!important;

  background:#fff!important;

  font-family:inherit!important;
  font-size:.61rem!important;
}


body.schedule-page
.v8300-form input:focus,
body.schedule-page
.v8300-form select:focus{
  border-color:
    rgba(25,104,132,.46)!important;

  box-shadow:
    0 0 0 4px
    rgba(25,104,132,.055)!important;
}


body.schedule-page
.v8300-swap{
  width:42px!important;
  height:50px!important;

  border:
    1px solid
    rgba(9,51,70,.10)!important;

  border-radius:11px!important;

  color:#b38125!important;

  background:#f7f5ef!important;

  cursor:pointer!important;

  font-size:1rem!important;
}


body.schedule-page
.v8300-options{
  display:grid!important;

  grid-template-columns:
    repeat(4,minmax(0,1fr))!important;

  gap:8px!important;

  margin-top:13px!important;
}


body.schedule-page
.v8300-submit-row{
  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:15px!important;

  margin-top:14px!important;
}


body.schedule-page
.v8300-presets{
  display:flex!important;

  flex-wrap:wrap!important;

  gap:5px!important;
}


body.schedule-page
.v8300-presets button{
  min-height:29px!important;

  padding:0 9px!important;

  border:
    1px solid
    rgba(9,51,70,.09)!important;

  border-radius:999px!important;

  color:#627780!important;

  background:#f5f7f4!important;

  cursor:pointer!important;

  font-family:inherit!important;

  font-size:.39rem!important;
  font-weight:800!important;
}


body.schedule-page
.v8300-submit{
  flex:0 0 auto!important;

  min-width:150px!important;

  height:48px!important;

  border:0!important;

  border-radius:11px!important;

  color:#102a35!important;

  background:
    linear-gradient(
      135deg,
      #e5bc53,
      #cf982c
    )!important;

  cursor:pointer!important;

  font-family:inherit!important;

  font-size:.57rem!important;
  font-weight:900!important;
}


body.schedule-page
.v8300-submit span{
  margin-left:8px!important;
}


/* RESULTS */

body.schedule-page
.v8300-results{
  margin-top:17px!important;
}


body.schedule-page
.v8300-empty{
  min-height:190px!important;

  display:flex!important;

  flex-direction:column!important;

  align-items:center!important;
  justify-content:center!important;

  padding:25px!important;

  border:
    1px dashed
    rgba(9,51,70,.12)!important;

  border-radius:14px!important;

  text-align:center!important;

  background:
    rgba(246,248,245,.68)!important;
}


body.schedule-page
.v8300-route-icon{
  width:38px!important;
  height:38px!important;

  display:grid!important;
  place-items:center!important;

  margin-bottom:10px!important;

  border-radius:11px!important;

  color:#e5bd58!important;

  background:#0c3448!important;

  font-size:.95rem!important;
}


body.schedule-page
.v8300-empty strong{
  color:#163d4e!important;
  font-size:.73rem!important;
}


body.schedule-page
.v8300-empty p{
  max-width:390px!important;

  margin:7px 0 0!important;

  color:#7b8b90!important;

  font-size:.52rem!important;
  line-height:1.55!important;
}


body.schedule-page
.v8300-result-head{
  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:15px!important;

  padding:14px 15px!important;

  border:
    1px solid
    rgba(9,51,70,.08)!important;

  border-radius:13px!important;

  background:#f4f8f6!important;
}


body.schedule-page
.v8300-result-head small{
  display:block!important;

  margin-bottom:4px!important;

  color:#a57924!important;

  font-size:.33rem!important;

  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.schedule-page
.v8300-result-head strong{
  display:block!important;

  color:#143c4e!important;

  font-size:.74rem!important;
}


body.schedule-page
.v8300-result-meta{
  color:#77898f!important;

  font-size:.45rem!important;

  text-align:right!important;
}


body.schedule-page
.v8300-carriers{
  display:grid!important;

  grid-template-columns:
    repeat(2,minmax(0,1fr))!important;

  gap:8px!important;

  margin-top:9px!important;
}


body.schedule-page
.v8300-carrier-card{
  min-height:105px!important;

  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:14px!important;

  padding:15px!important;

  border:
    1px solid
    rgba(9,51,70,.09)!important;

  border-radius:13px!important;

  background:
    rgba(255,255,255,.91)!important;
}


body.schedule-page
.v8300-carrier-card small{
  display:block!important;

  margin-bottom:5px!important;

  color:#a67a25!important;

  font-size:.33rem!important;

  font-weight:900!important;

  letter-spacing:.08em!important;
}


body.schedule-page
.v8300-carrier-card strong{
  display:block!important;

  color:#153c4d!important;

  font-size:.68rem!important;
}


body.schedule-page
.v8300-carrier-card p{
  margin:4px 0 0!important;

  color:#839095!important;

  font-size:.43rem!important;
}


body.schedule-page
.v8300-carrier-card a{
  flex:0 0 auto!important;

  min-height:34px!important;

  display:inline-flex!important;

  align-items:center!important;

  padding:0 10px!important;

  border-radius:9px!important;

  color:#153039!important;

  background:#e3b64b!important;

  text-decoration:none!important;

  font-size:.42rem!important;

  font-weight:900!important;

  white-space:nowrap!important;
}


body.schedule-page
.v8300-error{
  padding:16px!important;

  border:
    1px solid
    rgba(177,93,66,.14)!important;

  border-radius:13px!important;

  color:#8d4938!important;

  background:#fff7f3!important;

  font-size:.56rem!important;

  line-height:1.55!important;
}


/* SIDE */

body.schedule-page
.v8300-side{
  padding:21px!important;
}


body.schedule-page
.v8300-side h2{
  margin:7px 0 8px!important;

  color:#12394c!important;

  font-size:1.25rem!important;

  line-height:1.04!important;

  letter-spacing:-.035em!important;
}


body.schedule-page
.v8300-side p{
  margin:0!important;

  color:#73848b!important;

  font-size:.54rem!important;

  line-height:1.6!important;
}


body.schedule-page
.v8300-side-list{
  margin-top:22px!important;

  border-top:
    1px solid
    rgba(9,51,70,.08)!important;
}


body.schedule-page
.v8300-side-list > div{
  display:grid!important;

  grid-template-columns:
    26px 1fr!important;

  gap:9px!important;

  padding:15px 0!important;

  border-bottom:
    1px solid
    rgba(9,51,70,.08)!important;
}


body.schedule-page
.v8300-side-list b{
  color:#b17e20!important;

  font-size:.39rem!important;
}


body.schedule-page
.v8300-side-list strong{
  display:block!important;

  color:#183d4e!important;

  font-size:.56rem!important;
}


body.schedule-page
.v8300-side-list small{
  display:block!important;

  margin-top:3px!important;

  color:#88959a!important;

  font-size:.42rem!important;

  line-height:1.45!important;
}


body.schedule-page
.v8300-side-note{
  margin-top:20px!important;

  padding:14px!important;

  border-radius:12px!important;

  color:#fff!important;

  background:#0a3c52!important;
}


body.schedule-page
.v8300-side-note small{
  color:#e4bb57!important;
}


body.schedule-page
.v8300-side-note strong{
  display:block!important;

  color:#fff!important;

  font-size:.56rem!important;

  line-height:1.45!important;
}


/* RELATED */

body.schedule-page
.v8300-related{
  display:grid!important;

  grid-template-columns:
    repeat(3,1fr)!important;

  gap:8px!important;

  margin-top:11px!important;
}


body.schedule-page
.v8300-related a{
  min-height:76px!important;

  position:relative!important;

  display:flex!important;

  flex-direction:column!important;

  justify-content:center!important;

  padding:14px 16px!important;

  border:
    1px solid
    rgba(9,51,70,.08)!important;

  border-radius:13px!important;

  color:#153b4c!important;

  background:
    rgba(255,255,255,.75)!important;

  text-decoration:none!important;
}


body.schedule-page
.v8300-related small{
  color:#a87b24!important;

  font-size:.32rem!important;

  font-weight:900!important;

  letter-spacing:.09em!important;
}


body.schedule-page
.v8300-related strong{
  margin-top:5px!important;

  font-size:.57rem!important;
}


body.schedule-page
.v8300-related span{
  position:absolute!important;

  right:15px!important;

  color:#be8728!important;
}


/* RESPONSIVE */

@media(max-width:1000px){

  body.schedule-page
  .v8300-workspace{
    grid-template-columns:1fr!important;
  }

}


@media(max-width:760px){

  body.schedule-page
  .v8300-options{
    grid-template-columns:
      repeat(2,1fr)!important;
  }


  body.schedule-page
  .v8300-carriers{
    grid-template-columns:1fr!important;
  }

}


@media(max-width:620px){

  body.schedule-page
  .v8300-stage{
    padding:52px 0 64px!important;
  }


  body.schedule-page
  .v8300-heading h1{
    font-size:3.4rem!important;
  }


  body.schedule-page
  .v8300-main{
    padding:15px!important;
  }


  body.schedule-page
  .v8300-head{
    align-items:flex-start!important;

    flex-direction:column!important;
  }


  body.schedule-page
  .v8300-route-row{
    grid-template-columns:1fr!important;
  }


  body.schedule-page
  .v8300-swap{
    width:100%!important;
    height:35px!important;
  }


  body.schedule-page
  .v8300-options{
    grid-template-columns:1fr!important;
  }


  body.schedule-page
  .v8300-submit-row{
    align-items:stretch!important;

    flex-direction:column!important;
  }


  body.schedule-page
  .v8300-submit{
    width:100%!important;
  }


  body.schedule-page
  .v8300-related{
    grid-template-columns:1fr!important;
  }

}


/* END V8.30.0 */


/* ==========================================================
   V8.30.1 — SHIPPING SCHEDULE LAYOUT POLISH
   ========================================================== */


/* Do not stretch the planning sidebar to the result-list height. */

body.schedule-page
.v8300-side{
  align-self:start!important;
  height:auto!important;
}


/* If the carrier directory ends with an odd card,
   let the final source use the remaining row cleanly. */

@media(min-width:761px){

  body.schedule-page
  .v8300-carrier-card:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }

}


/* Slightly stronger separation between route summary
   and the carrier source directory. */

body.schedule-page
.v8300-carriers{
  padding-top:1px!important;
}


/* END V8.30.1 */

/* =========================================================
   V8.31.0 — AASHMAAN TRADE DESK
   ========================================================= */

body.tools-index-page{
  background:#f5f2eb;
}


/* HERO */

body.tools-index-page .v8310-hero{
  position:relative;
  overflow:hidden;
  padding:74px 0 70px;
  background:
    radial-gradient(circle at 9% 14%,rgba(205,162,76,.14),transparent 27%),
    radial-gradient(circle at 92% 7%,rgba(21,68,88,.11),transparent 30%),
    linear-gradient(135deg,#f8f6f0 0%,#eef2f0 54%,#f7f3ea 100%);
  border-bottom:1px solid rgba(7,23,36,.10);
}

body.tools-index-page .v8310-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(7,23,36,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,23,36,.025) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,black,transparent 92%);
}

body.tools-index-page .v8310-map-lines{
  position:absolute;
  width:620px;
  height:620px;
  right:-170px;
  top:-225px;
  border:1px solid rgba(7,23,36,.07);
  border-radius:50%;
}

body.tools-index-page .v8310-map-lines::before,
body.tools-index-page .v8310-map-lines::after{
  content:"";
  position:absolute;
  inset:72px;
  border:1px solid rgba(7,23,36,.055);
  border-radius:50%;
}

body.tools-index-page .v8310-map-lines::after{
  inset:160px;
}

body.tools-index-page .v8310-hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
  gap:70px;
  align-items:center;
}

body.tools-index-page .v8310-hero-copy{
  max-width:720px;
}

body.tools-index-page .v8310-hero .breadcrumbs{
  margin-bottom:34px;
  color:#637078;
  font:600 12px/1.4 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-hero .breadcrumbs a{
  color:#263e4a;
}

body.tools-index-page .v8310-hero .eyebrow,
body.tools-index-page .v8310-digital-suite .eyebrow,
body.tools-index-page .v8310-workspace .eyebrow,
body.tools-index-page .v8310-next .eyebrow{
  margin-bottom:14px;
  color:#997128;
  font:800 11px/1.3 Manrope,Arial,sans-serif;
  letter-spacing:.18em;
}

body.tools-index-page .v8310-hero h1{
  max-width:760px;
  margin:0;
  color:#071724;
  font:700 clamp(46px,5.2vw,78px)/.96 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.035em;
}

body.tools-index-page .v8310-hero h1 span{
  color:#ad7e28;
  font-style:italic;
}

body.tools-index-page .v8310-hero-copy > p{
  max-width:650px;
  margin:27px 0 0;
  color:#53636b;
  font:500 16px/1.85 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:34px;
}

body.tools-index-page .v8310-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:48px;
  padding:0 20px;
  border:1px solid rgba(7,23,36,.12);
  border-radius:5px;
  text-decoration:none;
  font:700 12px/1 Manrope,Arial,sans-serif;
  transition:
    transform .25s ease,
    border-color .25s ease,
    background .25s ease,
    color .25s ease;
}

body.tools-index-page .v8310-btn:hover{
  transform:translateY(-2px);
}

body.tools-index-page .v8310-btn b{
  font-size:16px;
  font-weight:500;
}

body.tools-index-page .v8310-btn-primary{
  color:#fff;
  background:#0a2633;
  border-color:#0a2633;
}

body.tools-index-page .v8310-btn-primary:hover{
  background:#123b4a;
}

body.tools-index-page .v8310-btn-secondary{
  color:#0b2a37;
  background:rgba(255,255,255,.55);
}

body.tools-index-page .v8310-btn-secondary:hover{
  border-color:rgba(153,113,40,.40);
  background:#fff;
}


/* HERO COMMAND PANEL */

body.tools-index-page .v8310-hero-panel{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(7,23,36,.11);
  border-radius:8px;
  box-shadow:0 28px 70px rgba(20,37,43,.10);
  backdrop-filter:blur(14px);
  overflow:hidden;
}

body.tools-index-page .v8310-panel-top{
  display:flex;
  align-items:center;
  gap:10px;
  height:44px;
  padding:0 18px;
  color:#56666d;
  border-bottom:1px solid rgba(7,23,36,.08);
  font:700 10px/1 Manrope,Arial,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
}

body.tools-index-page .v8310-live-dot{
  width:7px;
  height:7px;
  background:#43a573;
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(67,165,115,.11);
}

body.tools-index-page .v8310-command-list{
  padding:10px;
}

body.tools-index-page .v8310-command-list a{
  display:grid;
  grid-template-columns:38px 1fr 20px;
  gap:14px;
  align-items:center;
  padding:18px 14px;
  color:#0c2734;
  border-bottom:1px solid rgba(7,23,36,.07);
  text-decoration:none;
  transition:.22s ease;
}

body.tools-index-page .v8310-command-list a:last-child{
  border-bottom:0;
}

body.tools-index-page .v8310-command-list a:hover{
  background:#f6f4ee;
}

body.tools-index-page .v8310-command-list a > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:35px;
  height:35px;
  border:1px solid rgba(153,113,40,.26);
  border-radius:50%;
  color:#9d732a;
  font:800 10px/1 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-command-list small{
  display:block;
  margin-bottom:4px;
  color:#8a9499;
  font:800 9px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.14em;
}

body.tools-index-page .v8310-command-list strong{
  font:700 14px/1.2 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-command-list b{
  color:#ad7e28;
  font:500 18px/1 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-panel-foot{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:#0b2734;
}

body.tools-index-page .v8310-panel-foot > div{
  min-width:0;
  padding:17px 13px;
  border-right:1px solid rgba(255,255,255,.09);
}

body.tools-index-page .v8310-panel-foot > div:last-child{
  border-right:0;
}

body.tools-index-page .v8310-panel-foot strong{
  display:block;
  color:#e4bd64;
  font:700 18px/1.1 "Cormorant Garamond",Georgia,serif;
}

body.tools-index-page .v8310-panel-foot span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.62);
  font:600 8px/1.3 Manrope,Arial,sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
}


/* DIGITAL SUITE */

body.tools-index-page .v8310-digital-suite{
  padding:86px 0 82px;
  background:#fff;
}

body.tools-index-page .v8310-section-head,
body.tools-index-page .v8310-workspace-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
  gap:70px;
  align-items:end;
  margin-bottom:40px;
}

body.tools-index-page .v8310-section-head h2,
body.tools-index-page .v8310-workspace-head h2,
body.tools-index-page .v8310-next h2{
  margin:0;
  color:#071724;
  font:700 clamp(36px,4.1vw,56px)/.98 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.025em;
}

body.tools-index-page .v8310-section-head h2 span,
body.tools-index-page .v8310-workspace-head h2 span{
  color:#ad7e28;
  font-style:italic;
}

body.tools-index-page .v8310-section-head > p,
body.tools-index-page .v8310-workspace-head > p{
  margin:0;
  color:#66747a;
  font:500 14px/1.8 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-core-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #dfe3e1;
  border-left:1px solid #dfe3e1;
}

body.tools-index-page .v8310-core-card{
  position:relative;
  min-height:370px;
  padding:34px 32px 30px;
  color:#102a36;
  background:
    radial-gradient(circle at 100% 0,rgba(214,179,106,.08),transparent 35%),
    #fbfbf9;
  border-right:1px solid #dfe3e1;
  border-bottom:1px solid #dfe3e1;
  text-decoration:none;
  overflow:hidden;
  transition:
    transform .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

body.tools-index-page .v8310-core-card:hover{
  z-index:2;
  transform:translateY(-5px);
  background:#fff;
  box-shadow:0 22px 45px rgba(16,37,45,.09);
}

body.tools-index-page .v8310-core-number{
  position:absolute;
  right:24px;
  top:22px;
  color:#c9b986;
  font:700 14px/1 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-core-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  margin-bottom:45px;
  border:1px solid rgba(153,113,40,.24);
  border-radius:50%;
}

body.tools-index-page .v8310-core-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:#8c6826;
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.tools-index-page .v8310-core-card > small{
  display:block;
  margin-bottom:10px;
  color:#8e7a4e;
  font:800 9px/1.3 Manrope,Arial,sans-serif;
  letter-spacing:.17em;
}

body.tools-index-page .v8310-core-card h3{
  margin:0;
  color:#0b2532;
  font:700 27px/1.05 "Cormorant Garamond",Georgia,serif;
}

body.tools-index-page .v8310-core-card p{
  min-height:75px;
  margin:18px 0 30px;
  color:#667278;
  font:500 13px/1.75 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-core-card > span{
  display:flex;
  align-items:center;
  gap:15px;
  color:#9a7128;
  font:800 10px/1 Manrope,Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.tools-index-page .v8310-core-card > span b{
  font-size:16px;
  font-weight:500;
}

body.tools-index-page .v8310-secondary-links{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  margin-top:18px;
  border:1px solid #e0e4e2;
}

body.tools-index-page .v8310-secondary-links a{
  position:relative;
  min-width:0;
  padding:20px 19px;
  color:#142f3b;
  border-right:1px solid #e0e4e2;
  text-decoration:none;
  transition:background .2s ease;
}

body.tools-index-page .v8310-secondary-links a:last-child{
  border-right:0;
}

body.tools-index-page .v8310-secondary-links a:hover{
  background:#f5f3ed;
}

body.tools-index-page .v8310-secondary-links small{
  display:block;
  margin-bottom:7px;
  color:#9b804a;
  font:800 8px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.14em;
}

body.tools-index-page .v8310-secondary-links strong{
  display:block;
  padding-right:22px;
  font:700 12px/1.35 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-secondary-links span{
  position:absolute;
  top:50%;
  right:16px;
  color:#a77a2c;
  transform:translateY(-50%);
}


/* TRADE DESK */

body.tools-index-page .v8310-workspace{
  padding:88px 0 92px;
  background:
    radial-gradient(circle at 4% 14%,rgba(179,139,60,.10),transparent 24%),
    linear-gradient(180deg,#f4f1e9 0%,#f8f6f1 100%);
  border-top:1px solid rgba(7,23,36,.07);
}

body.tools-index-page .v8310-workspace-shell{
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(7,23,36,.13);
  border-radius:7px;
  box-shadow:0 25px 65px rgba(23,39,45,.08);
}

body.tools-index-page .v8310-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:#0b2633;
}

body.tools-index-page .v8310-tab{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:13px;
  align-items:center;
  min-height:78px;
  padding:13px 20px;
  color:rgba(255,255,255,.61);
  background:transparent;
  border:0;
  border-right:1px solid rgba(255,255,255,.09);
  cursor:pointer;
  text-align:left;
  transition:.2s ease;
}

body.tools-index-page .v8310-tab:last-child{
  border-right:0;
}

body.tools-index-page .v8310-tab:hover{
  background:rgba(255,255,255,.04);
}

body.tools-index-page .v8310-tab.is-active{
  color:#fff;
  background:#123745;
}

body.tools-index-page .v8310-tab > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  color:#e4bd64;
  border:1px solid rgba(228,189,100,.38);
  border-radius:50%;
  font:800 9px/1 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-tab small{
  display:block;
  margin-bottom:5px;
  color:#c6a85e;
  font:800 8px/1.1 Manrope,Arial,sans-serif;
  letter-spacing:.13em;
}

body.tools-index-page .v8310-tab strong{
  display:block;
  font:700 12px/1.2 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-panel{
  display:none;
  padding:38px;
}

body.tools-index-page .v8310-panel.is-active{
  display:block;
}

body.tools-index-page .v8310-panel-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:30px;
  margin-bottom:32px;
  padding-bottom:23px;
  border-bottom:1px solid #e2e5e3;
}

body.tools-index-page .v8310-panel-heading small{
  display:block;
  margin-bottom:8px;
  color:#967029;
  font:800 9px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.15em;
}

body.tools-index-page .v8310-panel-heading h3{
  margin:0;
  max-width:760px;
  color:#0a2633;
  font:700 27px/1.12 "Cormorant Garamond",Georgia,serif;
}

body.tools-index-page .v8310-reference-badge{
  flex:0 0 auto;
  padding:8px 11px;
  color:#6a6253;
  background:#f5f2ea;
  border:1px solid #e2dccd;
  border-radius:20px;
  font:700 9px/1 Manrope,Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}


/* INCOTERMS */

body.tools-index-page .v8310-incoterm-layout{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:28px;
}

body.tools-index-page .v8310-term-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  align-content:start;
  gap:7px;
}

body.tools-index-page .v8310-term-list button{
  min-height:43px;
  color:#4c5c63;
  background:#f7f7f4;
  border:1px solid #e1e5e3;
  border-radius:3px;
  cursor:pointer;
  font:800 11px/1 Manrope,Arial,sans-serif;
  transition:.2s ease;
}

body.tools-index-page .v8310-term-list button:hover{
  border-color:#c9ad72;
}

body.tools-index-page .v8310-term-list button.is-active{
  color:#fff;
  background:#0c2b38;
  border-color:#0c2b38;
}

body.tools-index-page .v8310-term-detail{
  min-width:0;
  padding:28px;
  background:#f7f5ef;
  border:1px solid #e1ded5;
}

body.tools-index-page .v8310-term-title{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:start;
}

body.tools-index-page .v8310-term-title small{
  display:block;
  margin-bottom:5px;
  color:#a4782a;
  font:900 11px/1 Manrope,Arial,sans-serif;
  letter-spacing:.12em;
}

body.tools-index-page .v8310-term-title h4{
  margin:0;
  color:#092633;
  font:700 27px/1 "Cormorant Garamond",Georgia,serif;
}

body.tools-index-page .v8310-term-title > span{
  padding:7px 10px;
  color:#56686f;
  background:#fff;
  border:1px solid #dadfdd;
  border-radius:16px;
  font:700 9px/1 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-term-intro{
  max-width:760px;
  margin:22px 0;
  color:#53646b;
  font:500 13px/1.75 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-term-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-top:1px solid #dddcd6;
  border-left:1px solid #dddcd6;
}

body.tools-index-page .v8310-term-grid > div{
  min-height:110px;
  padding:17px;
  background:rgba(255,255,255,.55);
  border-right:1px solid #dddcd6;
  border-bottom:1px solid #dddcd6;
}

body.tools-index-page .v8310-term-grid small{
  display:block;
  margin-bottom:9px;
  color:#9a742e;
  font:800 8px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.13em;
}

body.tools-index-page .v8310-term-grid strong{
  color:#40545d;
  font:600 11px/1.6 Manrope,Arial,sans-serif;
}


/* EQUIPMENT */

body.tools-index-page .v8310-equipment-layout{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:28px;
}

body.tools-index-page .v8310-equipment-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}

body.tools-index-page .v8310-equipment-list button{
  display:grid;
  grid-template-columns:43px 1fr;
  gap:12px;
  align-items:center;
  min-height:59px;
  padding:8px 12px;
  color:#40535c;
  background:#f7f7f4;
  border:1px solid #e1e5e3;
  cursor:pointer;
  text-align:left;
  transition:.2s ease;
}

body.tools-index-page .v8310-equipment-list button:hover{
  border-color:#c6ac72;
}

body.tools-index-page .v8310-equipment-list button.is-active{
  color:#fff;
  background:#0c2b38;
  border-color:#0c2b38;
}

body.tools-index-page .v8310-equipment-list button > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  color:#a77b2c;
  background:#fff;
  border-radius:3px;
  font:900 9px/1 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-equipment-list small{
  display:block;
  margin-bottom:4px;
  color:#9c7b3d;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.11em;
}

body.tools-index-page .v8310-equipment-list button.is-active small{
  color:#ddbb70;
}

body.tools-index-page .v8310-equipment-list strong{
  display:block;
  font:700 10px/1.3 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-equipment-detail{
  display:grid;
  grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr);
  min-height:370px;
  overflow:hidden;
  background:#f6f4ed;
  border:1px solid #e0ded6;
}

body.tools-index-page .v8310-equipment-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:35px;
  background:
    linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 24px,
      rgba(7,23,36,.035) 24px,
      rgba(7,23,36,.035) 25px
    );
  border-right:1px solid #e0ded6;
}

body.tools-index-page .v8310-container-shape{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:300px;
  aspect-ratio:1.72/1;
  color:#d7b56a;
  background:#0d3342;
  border:4px solid #173f4c;
  box-shadow:
    10px 13px 0 rgba(10,39,50,.10),
    inset 0 0 0 1px rgba(255,255,255,.06);
}

body.tools-index-page .v8310-container-shape::before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(
    90deg,
    transparent,
    transparent 22px,
    rgba(255,255,255,.08) 22px,
    rgba(255,255,255,.08) 24px
  );
}

body.tools-index-page .v8310-container-shape span{
  position:relative;
  z-index:2;
  padding:7px 9px;
  background:#0d3342;
  font:800 11px/1 Manrope,Arial,sans-serif;
  letter-spacing:.12em;
}

body.tools-index-page .v8310-equipment-copy{
  align-self:center;
  padding:35px;
}

body.tools-index-page .v8310-equipment-copy > small{
  color:#9d7428;
  font:900 10px/1 Manrope,Arial,sans-serif;
  letter-spacing:.14em;
}

body.tools-index-page .v8310-equipment-copy h4{
  margin:8px 0 16px;
  color:#0a2734;
  font:700 29px/1 "Cormorant Garamond",Georgia,serif;
}

body.tools-index-page .v8310-equipment-copy > p{
  margin:0 0 26px;
  color:#5a6970;
  font:500 12px/1.7 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-spec-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:#deddd6;
  border:1px solid #deddd6;
}

body.tools-index-page .v8310-spec-grid > div{
  padding:14px;
  background:#fff;
}

body.tools-index-page .v8310-spec-grid small{
  display:block;
  margin-bottom:6px;
  color:#8a7959;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.11em;
}

body.tools-index-page .v8310-spec-grid strong{
  color:#17343f;
  font:700 11px/1.2 Manrope,Arial,sans-serif;
}


/* DOCUMENT PLANNER */

body.tools-index-page .v8310-doc-builder{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px;
}

body.tools-index-page .v8310-doc-controls{
  padding:20px;
  background:#f5f3ed;
  border:1px solid #e0ddd4;
}

body.tools-index-page .v8310-doc-controls label{
  display:block;
  margin-bottom:18px;
}

body.tools-index-page .v8310-doc-controls label:last-child{
  margin-bottom:0;
}

body.tools-index-page .v8310-doc-controls label > span{
  display:block;
  margin-bottom:7px;
  color:#384f59;
  font:800 9px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.tools-index-page .v8310-doc-controls select{
  width:100%;
  min-height:45px;
  padding:0 12px;
  color:#17323e;
  background:#fff;
  border:1px solid #d4d9d6;
  border-radius:2px;
  outline:0;
  font:600 11px/1 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-doc-controls select:focus{
  border-color:#ae8540;
}

body.tools-index-page .v8310-doc-output{
  border:1px solid #e0e3e1;
}

body.tools-index-page .v8310-doc-output-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 18px;
  background:#0c2b38;
}

body.tools-index-page .v8310-doc-output-head small{
  display:block;
  margin-bottom:5px;
  color:#d5b363;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.13em;
}

body.tools-index-page .v8310-doc-output-head strong{
  color:#fff;
  font:700 13px/1.2 Manrope,Arial,sans-serif;
}

body.tools-index-page #v8310-copy-docs{
  min-height:33px;
  padding:0 12px;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.17);
  border-radius:2px;
  cursor:pointer;
  font:700 9px/1 Manrope,Arial,sans-serif;
}

body.tools-index-page #v8310-copy-docs:hover{
  background:rgba(255,255,255,.14);
}

body.tools-index-page .v8310-doc-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  padding:1px;
  background:#e4e6e4;
}

body.tools-index-page .v8310-doc-item{
  display:grid;
  grid-template-columns:25px 1fr;
  gap:11px;
  align-items:start;
  min-height:67px;
  padding:13px;
  background:#fff;
}

body.tools-index-page .v8310-doc-item > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:23px;
  height:23px;
  color:#997129;
  background:#f4f0e6;
  border-radius:50%;
  font:800 8px/1 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-doc-item strong{
  display:block;
  margin-bottom:4px;
  color:#233d48;
  font:700 10px/1.3 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-doc-item small{
  display:block;
  color:#7a858a;
  font:500 9px/1.4 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-disclaimer{
  margin-top:24px;
  padding-top:17px;
  color:#7a8589;
  border-top:1px solid #e4e6e4;
  font:500 9px/1.6 Manrope,Arial,sans-serif;
}


/* CTA */

body.tools-index-page .v8310-next{
  padding:66px 0;
  background:#0a2633;
}

body.tools-index-page .v8310-next-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:60px;
  align-items:center;
}

body.tools-index-page .v8310-next .eyebrow{
  color:#d7b361;
}

body.tools-index-page .v8310-next h2{
  max-width:620px;
  color:#fff;
}

body.tools-index-page .v8310-next p{
  max-width:650px;
  margin:17px 0 0;
  color:rgba(255,255,255,.63);
  font:500 12px/1.7 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-next-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:13px;
}

body.tools-index-page .v8310-btn-light{
  color:#0b2936;
  background:#f1e5c7;
  border-color:#f1e5c7;
}

body.tools-index-page .v8310-next-text{
  color:rgba(255,255,255,.73);
  text-decoration:none;
  font:600 9px/1.4 Manrope,Arial,sans-serif;
}

body.tools-index-page .v8310-next-text span{
  margin-left:8px;
  color:#e0bd6b;
}


/* RESPONSIVE */

@media(max-width:1050px){

  body.tools-index-page .v8310-hero-inner{
    grid-template-columns:1fr 400px;
    gap:38px;
  }

  body.tools-index-page .v8310-secondary-links{
    grid-template-columns:repeat(3,1fr);
  }

  body.tools-index-page .v8310-secondary-links a{
    border-bottom:1px solid #e0e4e2;
  }

  body.tools-index-page .v8310-equipment-detail{
    grid-template-columns:1fr;
  }

  body.tools-index-page .v8310-equipment-visual{
    min-height:250px;
    border-right:0;
    border-bottom:1px solid #e0ded6;
  }

}


@media(max-width:860px){

  body.tools-index-page .v8310-hero{
    padding:52px 0 55px;
  }

  body.tools-index-page .v8310-hero-inner,
  body.tools-index-page .v8310-section-head,
  body.tools-index-page .v8310-workspace-head,
  body.tools-index-page .v8310-next-inner{
    grid-template-columns:1fr;
  }

  body.tools-index-page .v8310-hero-inner{
    gap:42px;
  }

  body.tools-index-page .v8310-hero-panel{
    max-width:620px;
  }

  body.tools-index-page .v8310-section-head,
  body.tools-index-page .v8310-workspace-head{
    gap:19px;
  }

  body.tools-index-page .v8310-core-grid{
    grid-template-columns:1fr;
  }

  body.tools-index-page .v8310-core-card{
    min-height:300px;
  }

  body.tools-index-page .v8310-secondary-links{
    grid-template-columns:repeat(2,1fr);
  }

  body.tools-index-page .v8310-incoterm-layout,
  body.tools-index-page .v8310-equipment-layout,
  body.tools-index-page .v8310-doc-builder{
    grid-template-columns:1fr;
  }

  body.tools-index-page .v8310-term-list{
    grid-template-columns:repeat(4,1fr);
  }

  body.tools-index-page .v8310-equipment-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
  }

  body.tools-index-page .v8310-next-actions{
    margin-top:-20px;
  }

}


@media(max-width:620px){

  body.tools-index-page .v8310-hero{
    padding:38px 0 44px;
  }

  body.tools-index-page .v8310-hero .breadcrumbs{
    margin-bottom:26px;
  }

  body.tools-index-page .v8310-hero h1{
    font-size:43px;
  }

  body.tools-index-page .v8310-hero-copy > p{
    font-size:13px;
    line-height:1.75;
  }

  body.tools-index-page .v8310-hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  body.tools-index-page .v8310-btn{
    width:100%;
  }

  body.tools-index-page .v8310-panel-foot span{
    font-size:7px;
  }

  body.tools-index-page .v8310-digital-suite,
  body.tools-index-page .v8310-workspace{
    padding:62px 0;
  }

  body.tools-index-page .v8310-section-head h2,
  body.tools-index-page .v8310-workspace-head h2{
    font-size:39px;
  }

  body.tools-index-page .v8310-core-card{
    min-height:0;
    padding:28px 23px;
  }

  body.tools-index-page .v8310-core-icon{
    margin-bottom:33px;
  }

  body.tools-index-page .v8310-core-card p{
    min-height:0;
  }

  body.tools-index-page .v8310-secondary-links{
    grid-template-columns:1fr;
  }

  body.tools-index-page .v8310-secondary-links a{
    border-right:0;
  }

  body.tools-index-page .v8310-tabs{
    grid-template-columns:1fr;
  }

  body.tools-index-page .v8310-tab{
    min-height:64px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.09);
  }

  body.tools-index-page .v8310-panel{
    padding:24px 18px;
  }

  body.tools-index-page .v8310-panel-heading{
    display:block;
  }

  body.tools-index-page .v8310-reference-badge{
    display:inline-block;
    margin-top:15px;
  }

  body.tools-index-page .v8310-term-list{
    grid-template-columns:repeat(3,1fr);
  }

  body.tools-index-page .v8310-term-detail{
    padding:21px 17px;
  }

  body.tools-index-page .v8310-term-title{
    display:block;
  }

  body.tools-index-page .v8310-term-title > span{
    display:inline-block;
    margin-top:11px;
  }

  body.tools-index-page .v8310-term-grid{
    grid-template-columns:1fr;
  }

  body.tools-index-page .v8310-equipment-list{
    grid-template-columns:1fr;
  }

  body.tools-index-page .v8310-equipment-copy{
    padding:24px 18px;
  }

  body.tools-index-page .v8310-spec-grid{
    grid-template-columns:1fr;
  }

  body.tools-index-page .v8310-doc-output-head{
    align-items:flex-start;
    flex-direction:column;
  }

  body.tools-index-page .v8310-doc-list{
    grid-template-columns:1fr;
  }

  body.tools-index-page .v8310-next{
    padding:55px 0;
  }

  body.tools-index-page .v8310-next h2{
    font-size:39px;
  }

}

/* END V8.31.0 AASHMAAN TRADE DESK */

/* =========================================================
   V8.31.1 — TRADE DESK VISUAL REFINEMENT
   ========================================================= */


/* ---------------------------------------------------------
   DIGITAL OPERATIONS — TIGHTER / STRONGER
   --------------------------------------------------------- */

body.tools-index-page .v8310-digital-suite{
  padding-top:72px;
  padding-bottom:68px;
}

body.tools-index-page .v8310-section-head{
  margin-bottom:34px;
}

body.tools-index-page .v8310-core-card{
  min-height:318px;
  padding:30px 31px 27px;
}

body.tools-index-page .v8310-core-icon{
  width:46px;
  height:46px;
  margin-bottom:31px;
}

body.tools-index-page .v8310-core-card h3{
  font-size:29px;
}

body.tools-index-page .v8310-core-card p{
  min-height:60px;
  margin-top:16px;
  margin-bottom:24px;
  font-size:13.2px;
  line-height:1.7;
}

body.tools-index-page .v8310-core-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:2px;
  background:linear-gradient(
    90deg,
    rgba(177,130,43,.72),
    rgba(177,130,43,.05)
  );
  opacity:.42;
}

body.tools-index-page .v8310-core-card:hover::before{
  opacity:1;
}


/* ---------------------------------------------------------
   SECONDARY TOOL STRIP
   --------------------------------------------------------- */

body.tools-index-page .v8310-secondary-links{
  margin-top:16px;
  background:#faf9f5;
}

body.tools-index-page .v8310-secondary-links a{
  min-height:63px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-top:14px;
  padding-bottom:14px;
}

body.tools-index-page .v8310-secondary-links small{
  margin-bottom:5px;
}

body.tools-index-page .v8310-secondary-links strong{
  font-size:11.5px;
}


/* ---------------------------------------------------------
   TRADE DESK SECTION
   --------------------------------------------------------- */

body.tools-index-page .v8310-workspace{
  padding-top:74px;
  padding-bottom:78px;
}

body.tools-index-page .v8310-workspace-head{
  margin-bottom:32px;
}

body.tools-index-page .v8310-workspace-shell{
  box-shadow:
    0 26px 70px rgba(23,39,45,.085),
    0 1px 0 rgba(255,255,255,.8) inset;
}


/* ---------------------------------------------------------
   TABS
   --------------------------------------------------------- */

body.tools-index-page .v8310-tab{
  min-height:82px;
  padding-left:24px;
  padding-right:24px;
}

body.tools-index-page .v8310-tab strong{
  font-size:12.5px;
}

body.tools-index-page .v8310-tab.is-active{
  position:relative;
}

body.tools-index-page .v8310-tab.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:#d8ad54;
}


/* ---------------------------------------------------------
   PANEL CONTENT
   --------------------------------------------------------- */

body.tools-index-page .v8310-panel{
  padding:40px 38px 34px;
}

body.tools-index-page .v8310-panel-heading{
  margin-bottom:28px;
}

body.tools-index-page .v8310-panel-heading h3{
  font-size:29px;
}


/* ---------------------------------------------------------
   DOCUMENT PLANNER READABILITY
   --------------------------------------------------------- */

body.tools-index-page .v8310-doc-builder{
  grid-template-columns:245px 1fr;
  gap:24px;
}

body.tools-index-page .v8310-doc-controls{
  padding:18px;
}

body.tools-index-page .v8310-doc-controls select{
  min-height:47px;
  font-size:11.5px;
}

body.tools-index-page .v8310-doc-output-head{
  min-height:62px;
  padding:16px 20px;
}

body.tools-index-page .v8310-doc-output-head strong{
  font-size:14px;
}

body.tools-index-page .v8310-doc-item{
  min-height:72px;
  padding:14px 15px;
}

body.tools-index-page .v8310-doc-item strong{
  font-size:10.8px;
}

body.tools-index-page .v8310-doc-item small{
  font-size:9.4px;
  line-height:1.45;
}


/* ---------------------------------------------------------
   INCOTERMS
   --------------------------------------------------------- */

body.tools-index-page .v8310-term-list button{
  min-height:45px;
}

body.tools-index-page .v8310-term-detail{
  padding:30px;
}

body.tools-index-page .v8310-term-title h4{
  font-size:29px;
}

body.tools-index-page .v8310-term-intro{
  font-size:13.4px;
}


/* ---------------------------------------------------------
   EQUIPMENT GUIDE
   --------------------------------------------------------- */

body.tools-index-page .v8310-equipment-list button{
  min-height:61px;
}

body.tools-index-page .v8310-equipment-copy h4{
  font-size:31px;
}

body.tools-index-page .v8310-equipment-copy > p{
  font-size:12.7px;
}


/* ---------------------------------------------------------
   CTA — MORE COMPACT
   --------------------------------------------------------- */

body.tools-index-page .v8310-next{
  padding-top:55px;
  padding-bottom:55px;
}

body.tools-index-page .v8310-next-inner{
  gap:45px;
}

body.tools-index-page .v8310-next h2{
  max-width:570px;
}

body.tools-index-page .v8310-next p{
  max-width:590px;
}


/* ---------------------------------------------------------
   DESKTOP WIDTH BALANCE
   --------------------------------------------------------- */

@media(min-width:1200px){

  body.tools-index-page .v8310-core-grid,
  body.tools-index-page .v8310-secondary-links,
  body.tools-index-page .v8310-workspace-shell{
    width:100%;
  }

}


/* ---------------------------------------------------------
   MOBILE PRESERVE COMPACTNESS
   --------------------------------------------------------- */

@media(max-width:620px){

  body.tools-index-page .v8310-digital-suite,
  body.tools-index-page .v8310-workspace{
    padding-top:56px;
    padding-bottom:58px;
  }

  body.tools-index-page .v8310-core-card{
    min-height:0;
  }

  body.tools-index-page .v8310-panel{
    padding:23px 17px;
  }

  body.tools-index-page .v8310-tab{
    min-height:66px;
  }

  body.tools-index-page .v8310-doc-builder{
    grid-template-columns:1fr;
  }

}

/* END V8.31.1 TRADE DESK VISUAL REFINEMENT */

/* =========================================================
   V8.32.0 — AASHMAAN NAVIGATOR WORKSPACE
   ========================================================= */

body.assistant-page{
  background:#f5f2ea;
}


/* Hide floating Navigator only on its dedicated full page */

body.assistant-page .aash-assistant-launch,
body.assistant-page .assistant-panel{
  display:none!important;
}


/* PAGE */

body.assistant-page .v8320-shell{
  position:relative;
  overflow:hidden;
  padding:62px 0 86px;
  background:
    radial-gradient(circle at 8% 4%,rgba(202,155,58,.10),transparent 27%),
    radial-gradient(circle at 95% 7%,rgba(30,91,112,.09),transparent 25%),
    linear-gradient(180deg,#f8f6f0 0%,#f2f1ec 100%);
}

body.assistant-page .v8320-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(7,23,36,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,23,36,.022) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,black,transparent 60%);
}

body.assistant-page .v8320-page{
  position:relative;
  z-index:2;
}


/* INTRO */

body.assistant-page .v8320-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:70px;
  align-items:end;
  margin-bottom:43px;
}

body.assistant-page .v8320-intro-copy{
  max-width:820px;
}

body.assistant-page .v8320-intro .breadcrumbs{
  margin-bottom:29px;
  color:#64737a;
  font:600 11px/1.4 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-intro .breadcrumbs a{
  color:#28434e;
}

body.assistant-page .v8320-intro .eyebrow,
body.assistant-page .v8320-capabilities .eyebrow{
  margin-bottom:12px;
  color:#9c742c;
  font:800 10px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.18em;
}

body.assistant-page .v8320-intro h1{
  margin:0;
  max-width:820px;
  color:#071724;
  font:700 clamp(49px,5.3vw,76px)/.94 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.035em;
}

body.assistant-page .v8320-intro h1 span{
  display:block;
  color:#ae7d28;
  font-style:italic;
}

body.assistant-page .v8320-intro-copy > p{
  max-width:710px;
  margin:23px 0 0;
  color:#53646c;
  font:500 14px/1.8 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-trust-line{
  display:flex;
  flex-wrap:wrap;
  gap:9px 22px;
  margin-top:23px;
  color:#68777d;
  font:700 8px/1.4 Manrope,Arial,sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
}

body.assistant-page .v8320-trust-line span{
  display:flex;
  align-items:center;
  gap:7px;
}

body.assistant-page .v8320-status-dot{
  width:6px;
  height:6px;
  background:#45a876;
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(69,168,118,.12);
}

body.assistant-page .v8320-intro-note{
  padding:25px 26px;
  background:rgba(255,255,255,.57);
  border:1px solid rgba(7,23,36,.11);
  border-radius:6px;
  backdrop-filter:blur(9px);
}

body.assistant-page .v8320-intro-note small{
  display:block;
  margin-bottom:9px;
  color:#9e762e;
  font:800 8px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.15em;
}

body.assistant-page .v8320-intro-note strong{
  display:block;
  color:#102c38;
  font:700 24px/1.03 "Cormorant Garamond",Georgia,serif;
}

body.assistant-page .v8320-intro-note p{
  margin:14px 0 0;
  color:#6a777c;
  font:500 10px/1.7 Manrope,Arial,sans-serif;
}


/* MAIN WORKSPACE */

body.assistant-page .v8320-workspace{
  display:grid;
  grid-template-columns:238px minmax(0,1fr) 245px;
  min-height:690px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(7,23,36,.14);
  border-radius:8px;
  box-shadow:0 30px 80px rgba(21,40,48,.10);
}


/* LEFT */

body.assistant-page .v8320-sidebar{
  background:#0b2633;
  border-right:1px solid rgba(255,255,255,.08);
}

body.assistant-page .v8320-side-head{
  padding:25px 21px 19px;
  border-bottom:1px solid rgba(255,255,255,.09);
}

body.assistant-page .v8320-side-head small{
  display:block;
  margin-bottom:6px;
  color:#d2ad5d;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.14em;
}

body.assistant-page .v8320-side-head strong{
  color:#fff;
  font:700 12px/1.4 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-starters{
  padding:8px;
}

body.assistant-page .v8320-starters button{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:10px;
  align-items:center;
  width:100%;
  min-height:59px;
  padding:8px 10px;
  color:rgba(255,255,255,.72);
  background:transparent;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.07);
  cursor:pointer;
  text-align:left;
  transition:.2s ease;
}

body.assistant-page .v8320-starters button:hover{
  color:#fff;
  background:rgba(255,255,255,.045);
}

body.assistant-page .v8320-starters button > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  color:#d8b364;
  border:1px solid rgba(216,179,100,.28);
  border-radius:50%;
  font:800 7px/1 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-starters button small{
  display:block;
  margin-bottom:3px;
  color:#c2a65f;
  font:800 6px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.10em;
}

body.assistant-page .v8320-starters button strong{
  display:block;
  font:600 9px/1.3 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-side-foot{
  margin:10px;
  padding:15px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
}

body.assistant-page .v8320-side-foot > small{
  display:block;
  margin-bottom:9px;
  color:#c6a759;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.12em;
}

body.assistant-page .v8320-side-foot a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 0;
  color:rgba(255,255,255,.66);
  border-bottom:1px solid rgba(255,255,255,.06);
  text-decoration:none;
  font:600 8px/1.3 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-side-foot a:last-child{
  border-bottom:0;
}

body.assistant-page .v8320-side-foot a:hover{
  color:#fff;
}

body.assistant-page .v8320-side-foot b{
  color:#d7b460;
  font-weight:500;
}


/* CHAT */

body.assistant-page .v8320-chat{
  display:flex;
  min-width:0;
  flex-direction:column;
  background:
    radial-gradient(circle at 95% 0,rgba(205,167,89,.07),transparent 25%),
    #fafaf8;
}

body.assistant-page .v8320-chat-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:72px;
  padding:13px 21px;
  background:#fff;
  border-bottom:1px solid #e2e6e4;
}

body.assistant-page .v8320-chat-title{
  display:flex;
  gap:11px;
  align-items:center;
}

body.assistant-page .v8320-nav-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:37px;
  height:37px;
  color:#d8b566;
  background:#0b2a38;
  border-radius:11px;
  font:900 8px/1 Manrope,Arial,sans-serif;
  letter-spacing:.07em;
}

body.assistant-page .v8320-chat-title small{
  display:block;
  margin-bottom:3px;
  color:#98732d;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.13em;
}

body.assistant-page .v8320-chat-title strong{
  display:block;
  color:#18343f;
  font:700 11px/1.3 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-mode{
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  color:#52666e;
  background:#f4f4ef;
  border:1px solid #e0e3df;
  border-radius:20px;
  font:700 7px/1 Manrope,Arial,sans-serif;
  letter-spacing:.07em;
  text-transform:uppercase;
}

body.assistant-page .v8320-mode i{
  width:6px;
  height:6px;
  background:#d2a547;
  border-radius:50%;
}

body.assistant-page .v8320-mode.is-live i{
  background:#43a875;
}

body.assistant-page .v8320-messages{
  flex:1;
  min-height:0;
  overflow:auto;
  padding:27px 25px;
}

body.assistant-page .v8320-message{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom:16px;
}

body.assistant-page .v8320-message.user{
  justify-content:flex-end;
}

body.assistant-page .v8320-avatar{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  color:#cfaa59;
  background:#0c2b38;
  border-radius:9px;
  font:800 9px/1 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-message.user .v8320-avatar{
  display:none;
}

body.assistant-page .v8320-bubble{
  max-width:78%;
  padding:13px 15px;
  color:#465a63;
  background:#fff;
  border:1px solid #e0e4e2;
  border-radius:4px 14px 14px 14px;
  box-shadow:0 8px 22px rgba(17,36,44,.035);
}

body.assistant-page .v8320-message.user .v8320-bubble{
  color:#fff;
  background:#0d3040;
  border-color:#0d3040;
  border-radius:14px 4px 14px 14px;
}

body.assistant-page .v8320-bubble small{
  display:block;
  margin-bottom:7px;
  color:#9a762e;
  font:800 6px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.12em;
}

body.assistant-page .v8320-message.user .v8320-bubble small{
  color:#ddbd76;
}

body.assistant-page .v8320-bubble p{
  margin:0;
  white-space:pre-line;
  font:500 10.5px/1.72 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-message.is-thinking .v8320-bubble{
  color:#7b8589;
  font-style:italic;
}

body.assistant-page .v8320-welcome-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-left:38px;
}

body.assistant-page .v8320-welcome-actions button{
  min-height:30px;
  padding:0 10px;
  color:#52646c;
  background:#fff;
  border:1px solid #dfe3e1;
  border-radius:16px;
  cursor:pointer;
  font:600 7.5px/1 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-welcome-actions button:hover{
  color:#8e6926;
  border-color:#cbae6f;
}


/* INPUT */

body.assistant-page .v8320-form{
  display:grid;
  grid-template-columns:1fr 62px;
  gap:9px;
  padding:13px 16px;
  background:#fff;
  border-top:1px solid #e1e5e3;
}

body.assistant-page .v8320-input-shell{
  overflow:hidden;
  background:#fafaf8;
  border:1px solid #dbe0de;
  border-radius:6px;
}

body.assistant-page .v8320-input-shell:focus-within{
  border-color:#b8944e;
  box-shadow:0 0 0 3px rgba(184,148,78,.08);
}

body.assistant-page #v8320-input{
  display:block;
  width:100%;
  min-height:48px;
  max-height:135px;
  padding:12px 13px 4px;
  resize:none;
  color:#19333e;
  background:transparent;
  border:0;
  outline:0;
  font:500 10.5px/1.5 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-input-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:2px 12px 8px;
  color:#929b9e;
  font:600 6.5px/1.2 Manrope,Arial,sans-serif;
}

body.assistant-page #v8320-send{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  color:#fff;
  background:#0b2d3c;
  border:0;
  border-radius:6px;
  cursor:pointer;
}

body.assistant-page #v8320-send:hover{
  background:#123c4b;
}

body.assistant-page #v8320-send:disabled{
  opacity:.46;
  cursor:default;
}

body.assistant-page #v8320-send span{
  font:800 7px/1 Manrope,Arial,sans-serif;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body.assistant-page #v8320-send b{
  color:#dfbd70;
  font:500 17px/1 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-chat-disclaimer{
  padding:9px 17px 12px;
  color:#8a9497;
  background:#fff;
  font:500 6.7px/1.45 Manrope,Arial,sans-serif;
  text-align:center;
}


/* RIGHT PANEL */

body.assistant-page .v8320-actions{
  padding:22px 16px;
  background:#f3f1e9;
  border-left:1px solid #dedfd9;
}

body.assistant-page .v8320-actions-head{
  padding:3px 3px 18px;
}

body.assistant-page .v8320-actions-head small{
  display:block;
  margin-bottom:6px;
  color:#9c752d;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.14em;
}

body.assistant-page .v8320-actions-head strong{
  display:block;
  color:#17333e;
  font:700 17px/1.1 "Cormorant Garamond",Georgia,serif;
}

body.assistant-page .v8320-actions-head p{
  margin:9px 0 0;
  color:#788488;
  font:500 8px/1.55 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-route-card{
  padding:18px;
  background:#fff;
  border:1px solid #dddeda;
  border-top:2px solid #bc9140;
}

body.assistant-page .v8320-route-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:31px;
  height:31px;
  margin-bottom:20px;
  color:#d5b15d;
  background:#0b2d3b;
  border-radius:50%;
  font-size:14px;
}

body.assistant-page .v8320-route-card small{
  display:block;
  margin-bottom:5px;
  color:#a17a31;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.13em;
}

body.assistant-page .v8320-route-card strong{
  display:block;
  color:#183541;
  font:700 11px/1.4 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-route-card p{
  margin:9px 0 0;
  color:#7a8589;
  font:500 8px/1.55 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-route-card a{
  display:inline-flex;
  margin-top:13px;
  color:#8f6825;
  text-decoration:none;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.07em;
}

body.assistant-page .v8320-quick-routes{
  margin-top:11px;
  border:1px solid #dddeda;
}

body.assistant-page .v8320-quick-routes a{
  position:relative;
  display:block;
  padding:13px 33px 13px 13px;
  background:rgba(255,255,255,.56);
  border-bottom:1px solid #dddeda;
  text-decoration:none;
}

body.assistant-page .v8320-quick-routes a:last-child{
  border-bottom:0;
}

body.assistant-page .v8320-quick-routes a:hover{
  background:#fff;
}

body.assistant-page .v8320-quick-routes small{
  display:block;
  margin-bottom:4px;
  color:#9b7735;
  font:800 6px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.12em;
}

body.assistant-page .v8320-quick-routes strong{
  display:block;
  color:#28404a;
  font:700 8.5px/1.3 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-quick-routes span{
  position:absolute;
  right:13px;
  top:50%;
  color:#a4792b;
  transform:translateY(-50%);
}

body.assistant-page .v8320-scope{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #d8dad5;
}

body.assistant-page .v8320-scope > small{
  display:block;
  margin-bottom:9px;
  color:#817962;
  font:800 6px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.12em;
}

body.assistant-page .v8320-scope ul{
  padding:0;
  margin:0;
  list-style:none;
}

body.assistant-page .v8320-scope li{
  position:relative;
  padding:5px 0 5px 13px;
  color:#717e83;
  font:500 7.5px/1.4 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-scope li::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:5px;
  height:1px;
  background:#ad8134;
}


/* CAPABILITIES */

body.assistant-page .v8320-capabilities{
  padding-top:84px;
}

body.assistant-page .v8320-cap-head{
  display:grid;
  grid-template-columns:1fr 380px;
  gap:60px;
  align-items:end;
  margin-bottom:31px;
}

body.assistant-page .v8320-cap-head h2{
  margin:0;
  color:#081f2c;
  font:700 clamp(35px,3.7vw,52px)/.98 "Cormorant Garamond",Georgia,serif;
}

body.assistant-page .v8320-cap-head h2 span{
  color:#ae7e29;
  font-style:italic;
}

body.assistant-page .v8320-cap-head > p{
  margin:0;
  color:#6e7b80;
  font:500 11px/1.7 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-cap-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #dadeda;
  border-left:1px solid #dadeda;
}

body.assistant-page .v8320-cap-grid a{
  min-height:190px;
  padding:24px;
  color:#183541;
  background:rgba(255,255,255,.63);
  border-right:1px solid #dadeda;
  border-bottom:1px solid #dadeda;
  text-decoration:none;
  transition:.22s ease;
}

body.assistant-page .v8320-cap-grid a:hover{
  background:#fff;
  transform:translateY(-3px);
  box-shadow:0 15px 35px rgba(20,38,44,.07);
}

body.assistant-page .v8320-cap-grid small{
  display:block;
  margin-bottom:21px;
  color:#9b742d;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.14em;
}

body.assistant-page .v8320-cap-grid strong{
  display:block;
  font:700 18px/1.05 "Cormorant Garamond",Georgia,serif;
}

body.assistant-page .v8320-cap-grid p{
  min-height:44px;
  margin:10px 0 18px;
  color:#748086;
  font:500 9px/1.55 Manrope,Arial,sans-serif;
}

body.assistant-page .v8320-cap-grid span{
  color:#95702a;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.07em;
}


/* RESPONSIVE */

@media(max-width:1100px){

  body.assistant-page .v8320-workspace{
    grid-template-columns:210px minmax(0,1fr);
  }

  body.assistant-page .v8320-actions{
    display:none;
  }

}


@media(max-width:850px){

  body.assistant-page .v8320-intro{
    grid-template-columns:1fr;
    gap:28px;
  }

  body.assistant-page .v8320-intro-note{
    max-width:620px;
  }

  body.assistant-page .v8320-workspace{
    grid-template-columns:1fr;
  }

  body.assistant-page .v8320-sidebar{
    display:none;
  }

  body.assistant-page .v8320-chat{
    min-height:680px;
  }

  body.assistant-page .v8320-cap-head{
    grid-template-columns:1fr;
    gap:18px;
  }

  body.assistant-page .v8320-cap-grid{
    grid-template-columns:repeat(2,1fr);
  }

}


@media(max-width:620px){

  body.assistant-page .v8320-shell{
    padding:38px 0 58px;
  }

  body.assistant-page .v8320-intro{
    margin-bottom:27px;
  }

  body.assistant-page .v8320-intro h1{
    font-size:43px;
  }

  body.assistant-page .v8320-intro-copy > p{
    font-size:12px;
  }

  body.assistant-page .v8320-trust-line{
    display:grid;
  }

  body.assistant-page .v8320-intro-note{
    padding:20px;
  }

  body.assistant-page .v8320-workspace{
    border-radius:5px;
  }

  body.assistant-page .v8320-chat{
    min-height:660px;
  }

  body.assistant-page .v8320-chat-head{
    padding:11px 13px;
  }

  body.assistant-page .v8320-mode{
    display:none;
  }

  body.assistant-page .v8320-messages{
    padding:20px 14px;
  }

  body.assistant-page .v8320-bubble{
    max-width:88%;
  }

  body.assistant-page .v8320-welcome-actions{
    margin-left:0;
  }

  body.assistant-page .v8320-form{
    grid-template-columns:1fr 52px;
    padding:10px;
  }

  body.assistant-page .v8320-input-meta span:last-child{
    display:none;
  }

  body.assistant-page .v8320-capabilities{
    padding-top:60px;
  }

  body.assistant-page .v8320-cap-grid{
    grid-template-columns:1fr;
  }

  body.assistant-page .v8320-cap-grid a{
    min-height:155px;
  }

}

/* END V8.32.0 AASHMAAN NAVIGATOR WORKSPACE */

/* =========================================================
   V8.32.1 — NAVIGATOR TYPOGRAPHY ALIGNMENT
   MATCH APPROVED AASHMAAN V8 VISUAL SYSTEM
   ========================================================= */


/* ---------------------------------------------------------
   BASE TYPOGRAPHY
   --------------------------------------------------------- */

body.assistant-page .v8320-shell{
  font-family:"Manrope",Arial,sans-serif;
}


/* Serif display typography — same Aashmaan hierarchy */

body.assistant-page .v8320-intro h1,
body.assistant-page .v8320-intro-note strong,
body.assistant-page .v8320-actions-head strong,
body.assistant-page .v8320-cap-head h2,
body.assistant-page .v8320-cap-grid strong{
  font-family:"Cormorant Garamond",Georgia,serif;
}


/* ---------------------------------------------------------
   HERO — ALIGN WITH APPROVED TOOLS / COMPANY SCALE
   --------------------------------------------------------- */

body.assistant-page .v8320-intro h1{
  font-size:clamp(46px,5.2vw,78px);
  line-height:.96;
  font-weight:700;
  letter-spacing:-.035em;
}

body.assistant-page .v8320-intro h1 span{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:600;
  font-style:italic;
}

body.assistant-page .v8320-intro-copy > p{
  max-width:700px;
  font-family:"Manrope",Arial,sans-serif;
  font-size:14px;
  line-height:1.8;
  font-weight:500;
}

body.assistant-page .v8320-intro .breadcrumbs{
  font-family:"Manrope",Arial,sans-serif;
  font-size:11px;
  font-weight:600;
}

body.assistant-page .v8320-intro .eyebrow,
body.assistant-page .v8320-capabilities .eyebrow{
  font-family:"Manrope",Arial,sans-serif;
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
}


/* ---------------------------------------------------------
   PRINCIPLE CARD
   --------------------------------------------------------- */

body.assistant-page .v8320-intro-note small{
  font-size:9px;
  font-weight:800;
}

body.assistant-page .v8320-intro-note strong{
  font-size:27px;
  line-height:1.05;
  font-weight:700;
}

body.assistant-page .v8320-intro-note p{
  font-family:"Manrope",Arial,sans-serif;
  font-size:11px;
  line-height:1.65;
  font-weight:500;
}


/* ---------------------------------------------------------
   TRUST LINE
   --------------------------------------------------------- */

body.assistant-page .v8320-trust-line{
  font-size:8.5px;
  line-height:1.4;
  font-weight:700;
}


/* ---------------------------------------------------------
   LEFT NAVIGATION
   --------------------------------------------------------- */

body.assistant-page .v8320-side-head small{
  font-size:8px;
}

body.assistant-page .v8320-side-head strong{
  font-size:13px;
  line-height:1.35;
}

body.assistant-page .v8320-starters button small{
  font-size:7px;
  line-height:1.25;
}

body.assistant-page .v8320-starters button strong{
  font-size:10px;
  line-height:1.35;
  font-weight:600;
}

body.assistant-page .v8320-starters button > span{
  font-size:8px;
}

body.assistant-page .v8320-side-foot > small{
  font-size:8px;
}

body.assistant-page .v8320-side-foot a{
  font-size:9px;
  line-height:1.4;
}


/* ---------------------------------------------------------
   CHAT HEADER
   --------------------------------------------------------- */

body.assistant-page .v8320-chat-title small{
  font-size:8px;
  font-weight:800;
}

body.assistant-page .v8320-chat-title strong{
  font-size:12px;
  line-height:1.35;
  font-weight:700;
}

body.assistant-page .v8320-mode{
  font-size:8px;
  font-weight:700;
}


/* ---------------------------------------------------------
   CHAT MESSAGES
   --------------------------------------------------------- */

body.assistant-page .v8320-bubble{
  padding:15px 17px;
}

body.assistant-page .v8320-bubble small{
  margin-bottom:8px;
  font-size:7.5px;
  font-weight:800;
}

body.assistant-page .v8320-bubble p{
  font-family:"Manrope",Arial,sans-serif;
  font-size:11.5px;
  line-height:1.7;
  font-weight:500;
}

body.assistant-page .v8320-welcome-actions button{
  min-height:32px;
  padding-left:11px;
  padding-right:11px;
  font-family:"Manrope",Arial,sans-serif;
  font-size:8px;
  font-weight:600;
}


/* ---------------------------------------------------------
   MESSAGE INPUT
   --------------------------------------------------------- */

body.assistant-page #v8320-input{
  font-family:"Manrope",Arial,sans-serif;
  font-size:11.5px;
  line-height:1.55;
  font-weight:500;
}

body.assistant-page .v8320-input-meta{
  font-family:"Manrope",Arial,sans-serif;
  font-size:7px;
  font-weight:600;
}

body.assistant-page #v8320-send span{
  font-family:"Manrope",Arial,sans-serif;
  font-size:8px;
  font-weight:800;
}

body.assistant-page .v8320-chat-disclaimer{
  font-family:"Manrope",Arial,sans-serif;
  font-size:7.5px;
  line-height:1.5;
}


/* ---------------------------------------------------------
   RIGHT PANEL
   --------------------------------------------------------- */

body.assistant-page .v8320-actions-head small{
  font-size:8px;
}

body.assistant-page .v8320-actions-head strong{
  font-size:20px;
  line-height:1.05;
}

body.assistant-page .v8320-actions-head p{
  font-family:"Manrope",Arial,sans-serif;
  font-size:9px;
  line-height:1.6;
}

body.assistant-page .v8320-route-card small{
  font-size:8px;
}

body.assistant-page .v8320-route-card strong{
  font-family:"Manrope",Arial,sans-serif;
  font-size:12px;
  line-height:1.4;
  font-weight:700;
}

body.assistant-page .v8320-route-card p{
  font-family:"Manrope",Arial,sans-serif;
  font-size:9px;
  line-height:1.6;
}

body.assistant-page .v8320-route-card a{
  font-size:8px;
}

body.assistant-page .v8320-quick-routes small{
  font-size:7px;
}

body.assistant-page .v8320-quick-routes strong{
  font-family:"Manrope",Arial,sans-serif;
  font-size:9.5px;
  line-height:1.35;
}

body.assistant-page .v8320-scope > small{
  font-size:7px;
}

body.assistant-page .v8320-scope li{
  font-family:"Manrope",Arial,sans-serif;
  font-size:8px;
  line-height:1.5;
}


/* ---------------------------------------------------------
   LOWER SECTION
   --------------------------------------------------------- */

body.assistant-page .v8320-cap-head h2{
  font-size:clamp(36px,4vw,55px);
  line-height:.98;
  font-weight:700;
  letter-spacing:-.025em;
}

body.assistant-page .v8320-cap-head h2 span{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:600;
  font-style:italic;
}

body.assistant-page .v8320-cap-head > p{
  font-family:"Manrope",Arial,sans-serif;
  font-size:12px;
  line-height:1.7;
}

body.assistant-page .v8320-cap-grid small{
  font-family:"Manrope",Arial,sans-serif;
  font-size:8px;
  font-weight:800;
}

body.assistant-page .v8320-cap-grid strong{
  font-size:21px;
  line-height:1.08;
  font-weight:700;
}

body.assistant-page .v8320-cap-grid p{
  min-height:48px;
  font-family:"Manrope",Arial,sans-serif;
  font-size:10px;
  line-height:1.6;
}

body.assistant-page .v8320-cap-grid span{
  font-family:"Manrope",Arial,sans-serif;
  font-size:8px;
  font-weight:800;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:620px){

  body.assistant-page .v8320-intro h1{
    font-size:43px;
    line-height:.97;
  }

  body.assistant-page .v8320-intro-copy > p{
    font-size:12.5px;
  }

  body.assistant-page .v8320-bubble p{
    font-size:11px;
  }

  body.assistant-page #v8320-input{
    font-size:11px;
  }

  body.assistant-page .v8320-cap-head h2{
    font-size:39px;
  }

}

/* END V8.32.1 NAVIGATOR TYPOGRAPHY ALIGNMENT */

/* =========================================================
   V8.32.2 — NAVIGATOR AASHMAAN VISUAL RESET
   ========================================================= */


/* HERO */

body.assistant-page .v8322-hero{
  position:relative;
  overflow:hidden;
  padding:72px 0 68px;
  background:
    radial-gradient(circle at 8% 15%,rgba(205,162,76,.13),transparent 27%),
    radial-gradient(circle at 91% 5%,rgba(19,67,87,.10),transparent 30%),
    linear-gradient(135deg,#f8f6f0 0%,#eef2f0 55%,#f7f3ea 100%);
  border-bottom:1px solid rgba(7,23,36,.10);
}

body.assistant-page .v8322-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(7,23,36,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(7,23,36,.025) 1px,transparent 1px);
  background-size:54px 54px;
  pointer-events:none;
  mask-image:linear-gradient(to bottom,black,transparent 94%);
}

body.assistant-page .v8322-grid-lines{
  position:absolute;
  right:-170px;
  top:-230px;
  width:620px;
  height:620px;
  border:1px solid rgba(7,23,36,.06);
  border-radius:50%;
}

body.assistant-page .v8322-grid-lines::before,
body.assistant-page .v8322-grid-lines::after{
  content:"";
  position:absolute;
  border:1px solid rgba(7,23,36,.05);
  border-radius:50%;
}

body.assistant-page .v8322-grid-lines::before{
  inset:75px;
}

body.assistant-page .v8322-grid-lines::after{
  inset:160px;
}

body.assistant-page .v8322-hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);
  gap:70px;
  align-items:center;
}

body.assistant-page .v8322-hero-copy{
  max-width:730px;
}

body.assistant-page .v8322-hero .breadcrumbs{
  margin-bottom:33px;
  color:#65747b;
  font:600 12px/1.4 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-hero .breadcrumbs a{
  color:#28434f;
}

body.assistant-page .v8322-hero .eyebrow,
body.assistant-page .v8322-navigator .eyebrow,
body.assistant-page .v8322-how .eyebrow,
body.assistant-page .v8322-cta .eyebrow{
  margin-bottom:14px;
  color:#997128;
  font:800 11px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.18em;
}

body.assistant-page .v8322-hero h1{
  margin:0;
  color:#071724;
  font:700 clamp(46px,5.2vw,78px)/.96 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.035em;
}

body.assistant-page .v8322-hero h1 span{
  display:block;
  color:#ad7e28;
  font-style:italic;
}

body.assistant-page .v8322-hero-copy > p{
  max-width:660px;
  margin:26px 0 0;
  color:#53636b;
  font:500 15px/1.8 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:32px;
}


/* BUTTON */

body.assistant-page .v8322-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:48px;
  padding:0 20px;
  border-radius:5px;
  border:1px solid rgba(7,23,36,.13);
  text-decoration:none;
  font:700 12px/1 Manrope,Arial,sans-serif;
  transition:.22s ease;
}

body.assistant-page .v8322-btn:hover{
  transform:translateY(-2px);
}

body.assistant-page .v8322-btn b{
  font-size:16px;
  font-weight:500;
}

body.assistant-page .v8322-btn.primary{
  color:#fff;
  background:#0a2633;
  border-color:#0a2633;
}

body.assistant-page .v8322-btn.secondary{
  color:#0b2a37;
  background:rgba(255,255,255,.60);
}

body.assistant-page .v8322-btn.light{
  color:#0b2936;
  background:#f1e5c7;
  border-color:#f1e5c7;
}


/* HERO PANEL */

body.assistant-page .v8322-hero-panel{
  overflow:hidden;
  background:rgba(255,255,255,.80);
  border:1px solid rgba(7,23,36,.11);
  border-radius:8px;
  box-shadow:0 28px 70px rgba(20,37,43,.10);
  backdrop-filter:blur(14px);
}

body.assistant-page .v8322-panel-head{
  display:flex;
  align-items:center;
  gap:9px;
  height:44px;
  padding:0 18px;
  border-bottom:1px solid rgba(7,23,36,.08);
}

body.assistant-page .v8322-panel-head span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#43a573;
  box-shadow:0 0 0 5px rgba(67,165,115,.11);
}

body.assistant-page .v8322-panel-head small{
  color:#5c696f;
  font:800 9px/1 Manrope,Arial,sans-serif;
  letter-spacing:.10em;
}

body.assistant-page .v8322-panel-row{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:14px;
  align-items:center;
  min-height:73px;
  padding:13px 18px;
  border-bottom:1px solid rgba(7,23,36,.07);
}

body.assistant-page .v8322-panel-row > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:35px;
  height:35px;
  color:#9c732a;
  border:1px solid rgba(153,113,40,.26);
  border-radius:50%;
  font:800 9px/1 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-panel-row small{
  display:block;
  margin-bottom:4px;
  color:#9b7b43;
  font:800 8px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.13em;
}

body.assistant-page .v8322-panel-row strong{
  color:#17333e;
  font:700 13px/1.3 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-panel-foot{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:#0b2734;
}

body.assistant-page .v8322-panel-foot > div{
  padding:17px 13px;
  border-right:1px solid rgba(255,255,255,.09);
}

body.assistant-page .v8322-panel-foot > div:last-child{
  border-right:0;
}

body.assistant-page .v8322-panel-foot strong{
  display:block;
  color:#e4bd64;
  font:700 17px/1 "Cormorant Garamond",Georgia,serif;
}

body.assistant-page .v8322-panel-foot span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.61);
  font:600 8px/1.3 Manrope,Arial,sans-serif;
  text-transform:uppercase;
}


/* NAVIGATOR */

body.assistant-page .v8322-navigator{
  padding:84px 0 86px;
  background:#fff;
}

body.assistant-page .v8322-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
  gap:70px;
  align-items:end;
  margin-bottom:38px;
}

body.assistant-page .v8322-section-head h2{
  margin:0;
  color:#071724;
  font:700 clamp(36px,4.1vw,56px)/.98 "Cormorant Garamond",Georgia,serif;
  letter-spacing:-.025em;
}

body.assistant-page .v8322-section-head h2 span{
  color:#ad7e28;
  font-style:italic;
}

body.assistant-page .v8322-section-head > p{
  margin:0;
  color:#66747a;
  font:500 14px/1.8 Manrope,Arial,sans-serif;
}


/* WORKSPACE */

body.assistant-page .v8322-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  overflow:hidden;
  border:1px solid rgba(7,23,36,.13);
  border-radius:7px;
  background:#fff;
  box-shadow:0 24px 65px rgba(23,39,45,.08);
}


/* CHAT */

body.assistant-page .v8322-chat{
  min-width:0;
  display:flex;
  flex-direction:column;
  min-height:620px;
  background:
    radial-gradient(circle at 100% 0,rgba(205,165,84,.06),transparent 26%),
    #fbfbf9;
}

body.assistant-page .v8322-chat-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:70px;
  padding:13px 20px;
  background:#0b2633;
  border-bottom:1px solid rgba(255,255,255,.08);
}

body.assistant-page .v8322-chat-brand{
  display:flex;
  align-items:center;
  gap:12px;
}

body.assistant-page .v8322-chat-brand > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  color:#dfbd70;
  background:#113846;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  font:900 8px/1 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-chat-brand small{
  display:block;
  margin-bottom:4px;
  color:#d6b25e;
  font:800 8px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.13em;
}

body.assistant-page .v8322-chat-brand strong{
  color:#fff;
  font:700 12px/1.3 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-chat .v8320-mode{
  color:rgba(255,255,255,.67);
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.12);
}

body.assistant-page .v8322-messages{
  flex:1;
  min-height:410px;
  padding:29px 27px;
}

body.assistant-page .v8322-chat .v8320-bubble{
  max-width:76%;
  padding:15px 17px;
  background:#fff;
  border:1px solid #dfe3e1;
  box-shadow:none;
}

body.assistant-page .v8322-chat .v8320-bubble p{
  color:#55666d;
  font-size:12px;
  line-height:1.7;
}

body.assistant-page .v8322-chat .v8320-message.user .v8320-bubble{
  color:#fff;
  background:#0d3040;
  border-color:#0d3040;
}

body.assistant-page .v8322-chat .v8320-message.user .v8320-bubble p{
  color:#fff;
}

body.assistant-page .v8322-form{
  padding:14px 16px;
  background:#fff;
}

body.assistant-page .v8322-chat #v8320-input{
  font-size:12px;
}

body.assistant-page .v8322-disclaimer{
  padding:9px 17px 13px;
  color:#8b9598;
  background:#fff;
  font:500 8px/1.5 Manrope,Arial,sans-serif;
  text-align:center;
}


/* SIDE */

body.assistant-page .v8322-side{
  padding:22px 18px;
  background:#f5f2ea;
  border-left:1px solid #dedfd9;
}

body.assistant-page .v8322-side-block{
  margin-bottom:18px;
}

body.assistant-page .v8322-side-title{
  margin-bottom:13px;
}

body.assistant-page .v8322-side-title small{
  display:block;
  margin-bottom:6px;
  color:#9c752d;
  font:800 8px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.14em;
}

body.assistant-page .v8322-side-title strong{
  color:#16323e;
  font:700 19px/1.05 "Cormorant Garamond",Georgia,serif;
}

body.assistant-page .v8322-starters{
  border:1px solid #dedfd9;
}

body.assistant-page .v8322-starters button{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:11px;
  align-items:center;
  width:100%;
  min-height:58px;
  padding:9px 12px;
  background:rgba(255,255,255,.60);
  border:0;
  border-bottom:1px solid #dedfd9;
  cursor:pointer;
  text-align:left;
}

body.assistant-page .v8322-starters button:last-child{
  border-bottom:0;
}

body.assistant-page .v8322-starters button:hover{
  background:#fff;
}

body.assistant-page .v8322-starters button > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:31px;
  height:31px;
  color:#9c732a;
  border:1px solid rgba(153,113,40,.26);
  border-radius:50%;
  font:800 8px/1 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-starters small{
  display:block;
  margin-bottom:4px;
  color:#9b7b43;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.12em;
}

body.assistant-page .v8322-starters strong{
  color:#334b55;
  font:700 10px/1.3 Manrope,Arial,sans-serif;
}


/* ROUTE */

body.assistant-page .v8322-route{
  padding:18px;
  background:#fff;
  border:1px solid #dedfd9;
  border-top:2px solid #b88934;
}

body.assistant-page .v8322-route small{
  display:block;
  margin-bottom:6px;
  color:#a17a31;
  font:800 8px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.13em;
}

body.assistant-page .v8322-route strong{
  display:block;
  color:#17333e;
  font:700 13px/1.35 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-route p{
  margin:9px 0 0;
  color:#788489;
  font:500 9px/1.6 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-route a{
  display:inline-block;
  margin-top:13px;
  color:#8f6825;
  text-decoration:none;
  font:800 8px/1.2 Manrope,Arial,sans-serif;
}


/* DIRECT LINKS */

body.assistant-page .v8322-direct-links{
  margin-top:12px;
  border:1px solid #dedfd9;
}

body.assistant-page .v8322-direct-links a{
  position:relative;
  display:block;
  padding:13px 33px 13px 13px;
  background:rgba(255,255,255,.55);
  border-bottom:1px solid #dedfd9;
  text-decoration:none;
}

body.assistant-page .v8322-direct-links a:last-child{
  border-bottom:0;
}

body.assistant-page .v8322-direct-links a:hover{
  background:#fff;
}

body.assistant-page .v8322-direct-links small{
  display:block;
  margin-bottom:4px;
  color:#9b7735;
  font:800 7px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.12em;
}

body.assistant-page .v8322-direct-links strong{
  display:block;
  color:#29414b;
  font:700 10px/1.3 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-direct-links span{
  position:absolute;
  right:13px;
  top:50%;
  color:#a4792b;
  transform:translateY(-50%);
}


/* HOW */

body.assistant-page .v8322-how{
  padding:82px 0;
  background:
    radial-gradient(circle at 4% 14%,rgba(179,139,60,.09),transparent 24%),
    linear-gradient(180deg,#f4f1e9 0%,#f8f6f1 100%);
  border-top:1px solid rgba(7,23,36,.07);
}

body.assistant-page .v8322-how-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #dfe3e1;
  border-left:1px solid #dfe3e1;
}

body.assistant-page .v8322-how-grid article{
  position:relative;
  min-height:285px;
  padding:29px 28px;
  background:rgba(255,255,255,.72);
  border-right:1px solid #dfe3e1;
  border-bottom:1px solid #dfe3e1;
}

body.assistant-page .v8322-how-grid article > span{
  position:absolute;
  right:22px;
  top:20px;
  color:#c7b27c;
  font:700 13px/1 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-how-grid small{
  display:block;
  margin:55px 0 10px;
  color:#9a752f;
  font:800 8px/1.2 Manrope,Arial,sans-serif;
  letter-spacing:.14em;
}

body.assistant-page .v8322-how-grid h3{
  margin:0;
  color:#0b2532;
  font:700 27px/1.04 "Cormorant Garamond",Georgia,serif;
}

body.assistant-page .v8322-how-grid p{
  margin:17px 0 0;
  color:#66747a;
  font:500 12px/1.7 Manrope,Arial,sans-serif;
}


/* CTA */

body.assistant-page .v8322-cta{
  padding:58px 0;
  background:#0a2633;
}

body.assistant-page .v8322-cta-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:60px;
  align-items:center;
}

body.assistant-page .v8322-cta .eyebrow{
  color:#d7b361;
}

body.assistant-page .v8322-cta h2{
  margin:0;
  color:#fff;
  font:700 clamp(36px,4vw,54px)/.98 "Cormorant Garamond",Georgia,serif;
}

body.assistant-page .v8322-cta p{
  max-width:620px;
  margin:16px 0 0;
  color:rgba(255,255,255,.63);
  font:500 12px/1.7 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-cta-actions{
  display:flex;
  flex-direction:column;
  gap:13px;
  align-items:flex-start;
}

body.assistant-page .v8322-cta-link{
  color:rgba(255,255,255,.73);
  text-decoration:none;
  font:600 9px/1.4 Manrope,Arial,sans-serif;
}

body.assistant-page .v8322-cta-link span{
  margin-left:8px;
  color:#e0bd6b;
}


/* RESPONSIVE */

@media(max-width:1000px){

  body.assistant-page .v8322-hero-inner{
    grid-template-columns:1fr 390px;
    gap:40px;
  }

  body.assistant-page .v8322-workspace{
    grid-template-columns:minmax(0,1fr) 290px;
  }

}


@media(max-width:820px){

  body.assistant-page .v8322-hero-inner,
  body.assistant-page .v8322-section-head,
  body.assistant-page .v8322-cta-inner{
    grid-template-columns:1fr;
  }

  body.assistant-page .v8322-hero-inner{
    gap:40px;
  }

  body.assistant-page .v8322-hero-panel{
    max-width:620px;
  }

  body.assistant-page .v8322-section-head{
    gap:18px;
  }

  body.assistant-page .v8322-workspace{
    grid-template-columns:1fr;
  }

  body.assistant-page .v8322-side{
    border-left:0;
    border-top:1px solid #dedfd9;
  }

  body.assistant-page .v8322-starters{
    display:grid;
    grid-template-columns:repeat(2,1fr);
  }

  body.assistant-page .v8322-starters button{
    border-right:1px solid #dedfd9;
  }

  body.assistant-page .v8322-how-grid{
    grid-template-columns:1fr;
  }

}


@media(max-width:620px){

  body.assistant-page .v8322-hero{
    padding:38px 0 45px;
  }

  body.assistant-page .v8322-hero h1{
    font-size:43px;
  }

  body.assistant-page .v8322-hero-copy > p{
    font-size:13px;
  }

  body.assistant-page .v8322-hero-actions{
    display:grid;
  }

  body.assistant-page .v8322-btn{
    width:100%;
  }

  body.assistant-page .v8322-navigator,
  body.assistant-page .v8322-how{
    padding:60px 0;
  }

  body.assistant-page .v8322-section-head h2{
    font-size:39px;
  }

  body.assistant-page .v8322-chat{
    min-height:650px;
  }

  body.assistant-page .v8322-chat-head{
    padding:11px 13px;
  }

  body.assistant-page .v8322-chat .v8320-mode{
    display:none;
  }

  body.assistant-page .v8322-messages{
    padding:20px 14px;
  }

  body.assistant-page .v8322-chat .v8320-bubble{
    max-width:88%;
  }

  body.assistant-page .v8322-starters{
    grid-template-columns:1fr;
  }

  body.assistant-page .v8322-starters button{
    border-right:0;
  }

  body.assistant-page .v8322-cta{
    padding:54px 0;
  }

}

/* END V8.32.2 NAVIGATOR AASHMAAN VISUAL RESET */

/* =========================================================
   V8.32.3 — NAVIGATOR TOOL-PAGE ALIGNMENT
   TRACK / VESSEL / SCHEDULE VISUAL FAMILY
   ========================================================= */


/* ---------------------------------------------------------
   PAGE
   --------------------------------------------------------- */

body.assistant-page{
  background:#f5f2e9!important;
}

body.assistant-page .v8323-page{
  position:relative;
  overflow:hidden;
  min-height:720px;
  padding:68px 0 78px;
  background:
    radial-gradient(
      circle at 84% 7%,
      rgba(112,170,183,.13),
      transparent 31%
    ),
    radial-gradient(
      circle at 7% 72%,
      rgba(211,172,91,.07),
      transparent 29%
    ),
    #f7f5ef;
}


/* subtle circular element used across tool pages */

body.assistant-page .v8323-orbit{
  position:absolute;
  right:-190px;
  bottom:-235px;
  width:550px;
  height:550px;
  border:1px solid rgba(196,153,60,.17);
  border-radius:50%;
  pointer-events:none;
}


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

body.assistant-page .v8323-hero{
  max-width:1080px;
  margin-bottom:37px;
}

body.assistant-page .v8323-hero .eyebrow{
  margin-bottom:14px;
  color:#a17624;
  font-family:"Manrope",Arial,sans-serif;
  font-size:9px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}

body.assistant-page .v8323-hero h1{
  margin:0;
  color:#073146;
  font-family:"Manrope",Arial,sans-serif;
  font-size:clamp(58px,6.3vw,91px);
  line-height:.94;
  font-weight:800;
  letter-spacing:-.055em;
}

body.assistant-page .v8323-hero p{
  max-width:780px;
  margin:20px 0 0;
  color:#697b83;
  font-family:"Manrope",Arial,sans-serif;
  font-size:13px;
  line-height:1.65;
  font-weight:500;
}


/* ---------------------------------------------------------
   MAIN TWO COLUMN LAYOUT
   --------------------------------------------------------- */

body.assistant-page .v8323-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 315px;
  gap:16px;
  align-items:start;
}


/* ---------------------------------------------------------
   MAIN WHITE TOOL CARD
   --------------------------------------------------------- */

body.assistant-page .v8323-main-card{
  min-width:0;
  overflow:hidden;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(7,49,70,.10);
  border-radius:19px;
  box-shadow:
    0 22px 55px rgba(19,44,53,.07);
}


/* HEADER */

body.assistant-page .v8323-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:27px 30px 23px;
  border-bottom:1px solid #e1e5e3;
}

body.assistant-page .v8323-card-head small{
  display:block;
  margin-bottom:8px;
  color:#ad7c22;
  font-family:"Manrope",Arial,sans-serif;
  font-size:8px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.12em;
}

body.assistant-page .v8323-card-head h2{
  margin:0;
  color:#073146;
  font-family:"Manrope",Arial,sans-serif;
  font-size:25px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.03em;
}


/* STATUS */

body.assistant-page .v8323-main-card .v8320-mode{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  color:#668076;
  background:#f0f8f4;
  border:1px solid #d8e9df;
  border-radius:999px;
  font-family:"Manrope",Arial,sans-serif;
  font-size:7px;
  line-height:1;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

body.assistant-page .v8323-main-card .v8320-mode i{
  width:6px;
  height:6px;
  background:#39b87a;
  border-radius:50%;
}


/* ---------------------------------------------------------
   QUICK PROMPTS
   --------------------------------------------------------- */

body.assistant-page .v8323-prompt-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding:20px 30px 0;
}

body.assistant-page .v8323-prompt-row button{
  min-height:34px;
  padding:0 13px;
  color:#60747c;
  background:#f7faf8;
  border:1px solid #dbe3df;
  border-radius:999px;
  cursor:pointer;
  font-family:"Manrope",Arial,sans-serif;
  font-size:8px;
  line-height:1;
  font-weight:700;
  transition:.2s ease;
}

body.assistant-page .v8323-prompt-row button:hover{
  color:#073146;
  border-color:#d5ab50;
  background:#fff;
}


/* ---------------------------------------------------------
   MESSAGES
   --------------------------------------------------------- */

body.assistant-page .v8323-messages{
  min-height:315px!important;
  max-height:450px;
  padding:25px 30px!important;
  overflow:auto;
  background:transparent!important;
}

body.assistant-page .v8323-main-card .v8320-message{
  display:flex;
  gap:11px;
  align-items:flex-start;
  margin-bottom:16px;
}

body.assistant-page .v8323-main-card .v8320-message.user{
  justify-content:flex-end;
}

body.assistant-page .v8323-main-card .v8320-avatar{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  color:#e4bd64;
  background:#07364a;
  border-radius:8px;
  font-family:"Manrope",Arial,sans-serif;
  font-size:9px;
  font-weight:800;
}

body.assistant-page .v8323-main-card .v8320-message.user .v8320-avatar{
  display:none;
}

body.assistant-page .v8323-main-card .v8320-bubble{
  max-width:72%;
  padding:16px 18px;
  background:#fff;
  border:1px solid #dfe5e2;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(12,43,55,.035);
}

body.assistant-page .v8323-main-card .v8320-message.user .v8320-bubble{
  color:#fff;
  background:#07364a;
  border-color:#07364a;
}

body.assistant-page .v8323-main-card .v8320-bubble small{
  display:block;
  margin-bottom:7px;
  color:#ad7e28;
  font-family:"Manrope",Arial,sans-serif;
  font-size:7px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.11em;
}

body.assistant-page .v8323-main-card .v8320-message.user .v8320-bubble small{
  color:#e4bd64;
}

body.assistant-page .v8323-main-card .v8320-bubble p{
  margin:0;
  color:#64757c;
  white-space:pre-line;
  font-family:"Manrope",Arial,sans-serif;
  font-size:11px;
  line-height:1.7;
  font-weight:500;
}

body.assistant-page .v8323-main-card .v8320-message.user .v8320-bubble p{
  color:#fff;
}


/* ---------------------------------------------------------
   INPUT
   --------------------------------------------------------- */

body.assistant-page .v8323-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 105px!important;
  gap:10px!important;
  padding:15px 30px 18px!important;
  background:#fff!important;
  border-top:1px solid #e1e5e3!important;
}

body.assistant-page .v8323-form .v8320-input-shell{
  overflow:hidden;
  background:#fff;
  border:1px solid #d7dfdc;
  border-radius:10px;
}

body.assistant-page .v8323-form .v8320-input-shell:focus-within{
  border-color:#cda141;
  box-shadow:0 0 0 3px rgba(205,161,65,.09);
}

body.assistant-page .v8323-form #v8320-input{
  min-height:48px;
  padding:13px 14px 4px;
  color:#153746;
  background:transparent;
  border:0;
  outline:0;
  resize:none;
  font-family:"Manrope",Arial,sans-serif;
  font-size:11px;
  line-height:1.5;
  font-weight:500;
}

body.assistant-page .v8323-form .v8320-input-meta{
  display:flex;
  justify-content:space-between;
  padding:1px 13px 7px;
  color:#9ba5a8;
  font-family:"Manrope",Arial,sans-serif;
  font-size:6.5px;
  line-height:1.2;
  font-weight:600;
}

body.assistant-page .v8323-form #v8320-send{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  color:#082f43;
  background:#e0aa30;
  border:0;
  border-radius:10px;
  cursor:pointer;
  font-family:"Manrope",Arial,sans-serif;
  font-size:10px;
  font-weight:800;
}

body.assistant-page .v8323-form #v8320-send b{
  font-size:14px;
  font-weight:500;
}

body.assistant-page .v8323-form #v8320-send:hover{
  background:#e7b43c;
}


/* NOTE */

body.assistant-page .v8323-note{
  padding:0 30px 19px;
  color:#909a9e;
  background:#fff;
  font-family:"Manrope",Arial,sans-serif;
  font-size:7px;
  line-height:1.45;
}


/* ---------------------------------------------------------
   RIGHT COLUMN
   --------------------------------------------------------- */

body.assistant-page .v8323-side{
  display:flex;
  flex-direction:column;
  gap:13px;
}


/* INFO CARDS */

body.assistant-page .v8323-info-card,
body.assistant-page .v8323-route-card{
  padding:24px 22px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(7,49,70,.10);
  border-radius:18px;
  box-shadow:
    0 18px 42px rgba(19,44,53,.055);
}

body.assistant-page .v8323-info-card > small,
body.assistant-page .v8323-route-card > small{
  display:block;
  margin-bottom:8px;
  color:#aa7c26;
  font-family:"Manrope",Arial,sans-serif;
  font-size:8px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.12em;
}

body.assistant-page .v8323-info-card h3,
body.assistant-page .v8323-route-card h3,
body.assistant-page .v8323-route-card strong{
  display:block;
  margin:0;
  color:#073146;
  font-family:"Manrope",Arial,sans-serif;
  font-size:19px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.025em;
}

body.assistant-page .v8323-info-card > p,
body.assistant-page .v8323-route-card > p{
  margin:11px 0 0;
  color:#728188;
  font-family:"Manrope",Arial,sans-serif;
  font-size:9px;
  line-height:1.6;
  font-weight:500;
}


/* STEPS */

body.assistant-page .v8323-steps{
  margin-top:20px;
  border-top:1px solid #e2e6e3;
}

body.assistant-page .v8323-steps > div{
  display:grid;
  grid-template-columns:27px 1fr;
  gap:11px;
  align-items:start;
  padding:16px 0;
  border-bottom:1px solid #e2e6e3;
}

body.assistant-page .v8323-steps > div:last-child{
  border-bottom:0;
}

body.assistant-page .v8323-steps > div > span{
  color:#b48122;
  font-family:"Manrope",Arial,sans-serif;
  font-size:8px;
  line-height:1.3;
  font-weight:800;
}

body.assistant-page .v8323-steps strong{
  display:block;
  color:#294854;
  font-family:"Manrope",Arial,sans-serif;
  font-size:9px;
  line-height:1.35;
  font-weight:700;
}

body.assistant-page .v8323-steps small{
  display:block;
  margin-top:4px;
  color:#929da1;
  font-family:"Manrope",Arial,sans-serif;
  font-size:7px;
  line-height:1.4;
}


/* Dynamic route injection */

body.assistant-page .v8323-route-card .v8320-route-icon{
  display:none;
}

body.assistant-page .v8323-route-card a{
  display:inline-flex;
  margin-top:14px;
  color:#966d21;
  text-decoration:none;
  font-family:"Manrope",Arial,sans-serif;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}


/* HELP CARD */

body.assistant-page .v8323-help{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:82px;
  padding:18px 20px;
  color:#fff;
  background:#073b50;
  border-radius:17px;
  text-decoration:none;
  box-shadow:0 16px 40px rgba(7,49,70,.10);
}

body.assistant-page .v8323-help small{
  display:block;
  margin-bottom:5px;
  color:#e0ad36;
  font-family:"Manrope",Arial,sans-serif;
  font-size:8px;
  font-weight:800;
}

body.assistant-page .v8323-help strong{
  font-family:"Manrope",Arial,sans-serif;
  font-size:10px;
  line-height:1.35;
  font-weight:700;
}

body.assistant-page .v8323-help > span{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:34px;
  height:34px;
  color:#073146;
  background:#e0aa30;
  border-radius:50%;
  font-size:14px;
}


/* ---------------------------------------------------------
   RELATED TOOL CARDS
   --------------------------------------------------------- */

body.assistant-page .v8323-related{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:15px;
}

body.assistant-page .v8323-related a{
  display:grid;
  grid-template-columns:36px 1fr auto;
  gap:12px;
  align-items:center;
  min-height:72px;
  padding:12px 17px;
  color:#163746;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(7,49,70,.10);
  border-radius:12px;
  text-decoration:none;
  box-shadow:0 10px 28px rgba(19,44,53,.035);
  transition:.2s ease;
}

body.assistant-page .v8323-related a:hover{
  transform:translateY(-2px);
  background:#fff;
}

body.assistant-page .v8323-related a > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:31px;
  height:31px;
  color:#d9ae51;
  background:#07384c;
  border-radius:7px;
  font-family:"Manrope",Arial,sans-serif;
  font-size:7px;
  font-weight:800;
}

body.assistant-page .v8323-related small{
  display:block;
  margin-bottom:4px;
  color:#a77b29;
  font-family:"Manrope",Arial,sans-serif;
  font-size:7px;
  font-weight:800;
  letter-spacing:.11em;
}

body.assistant-page .v8323-related strong{
  display:block;
  font-family:"Manrope",Arial,sans-serif;
  font-size:9px;
  line-height:1.25;
  font-weight:700;
}

body.assistant-page .v8323-related b{
  color:#b27e1d;
  font-size:13px;
  font-weight:500;
}


/* ---------------------------------------------------------
   REMOVE OLD DEDICATED NAVIGATOR DECORATION
   --------------------------------------------------------- */

body.assistant-page .v8320-shell,
body.assistant-page .v8322-hero,
body.assistant-page .v8322-navigator,
body.assistant-page .v8322-how,
body.assistant-page .v8322-cta{
  display:none!important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:980px){

  body.assistant-page .v8323-layout{
    grid-template-columns:minmax(0,1fr) 280px;
  }

}


@media(max-width:780px){

  body.assistant-page .v8323-layout{
    grid-template-columns:1fr;
  }

  body.assistant-page .v8323-side{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  body.assistant-page .v8323-help{
    grid-column:1/-1;
  }

}


@media(max-width:620px){

  body.assistant-page .v8323-page{
    padding:46px 0 58px;
  }

  body.assistant-page .v8323-hero h1{
    font-size:48px;
  }

  body.assistant-page .v8323-hero p{
    font-size:11.5px;
  }

  body.assistant-page .v8323-card-head{
    padding:22px 18px 18px;
  }

  body.assistant-page .v8323-card-head h2{
    font-size:21px;
  }

  body.assistant-page .v8323-main-card .v8320-mode{
    display:none;
  }

  body.assistant-page .v8323-prompt-row{
    padding:16px 18px 0;
  }

  body.assistant-page .v8323-messages{
    padding:20px 18px!important;
  }

  body.assistant-page .v8323-main-card .v8320-bubble{
    max-width:88%;
  }

  body.assistant-page .v8323-form{
    grid-template-columns:1fr 72px!important;
    padding:13px 18px 16px!important;
  }

  body.assistant-page .v8323-form .v8320-input-meta span:last-child{
    display:none;
  }

  body.assistant-page .v8323-note{
    padding:0 18px 17px;
  }

  body.assistant-page .v8323-side{
    grid-template-columns:1fr;
  }

  body.assistant-page .v8323-related{
    grid-template-columns:1fr;
  }

}

/* END V8.32.3 NAVIGATOR TOOL-PAGE ALIGNMENT */

/* =========================================================
   V8.32.4 — NAVIGATOR FINAL REFINEMENT
   ========================================================= */


/* Bring workspace slightly closer to hero */

body.assistant-page .v8323-hero{
  margin-bottom:30px;
}


/* Reduce unused conversation height before interaction */

body.assistant-page .v8323-messages{
  min-height:260px!important;
  max-height:430px;
}


/* Slightly stronger first assistant response */

body.assistant-page .v8323-main-card .v8320-bubble p{
  color:#52676f;
  font-size:11.3px;
  line-height:1.68;
}


/* Slightly tighter main card */

body.assistant-page .v8323-card-head{
  padding-top:24px;
  padding-bottom:20px;
}

body.assistant-page .v8323-prompt-row{
  padding-top:17px;
}


/* More compact side cards */

body.assistant-page .v8323-info-card,
body.assistant-page .v8323-route-card{
  padding:21px 20px;
}

body.assistant-page .v8323-steps{
  margin-top:16px;
}

body.assistant-page .v8323-steps > div{
  padding:13px 0;
}

body.assistant-page .v8323-route-card h3,
body.assistant-page .v8323-route-card strong{
  font-size:17px;
}


/* Related tools slightly more compact */

body.assistant-page .v8323-related a{
  min-height:68px;
}


/* Desktop balance */

@media(min-width:781px){

  body.assistant-page .v8323-main-card{
    min-height:470px;
  }

}


/* Mobile preserve comfortable spacing */

@media(max-width:620px){

  body.assistant-page .v8323-messages{
    min-height:320px!important;
  }

}

/* END V8.32.4 NAVIGATOR FINAL REFINEMENT */

/* =========================================================
   V8.33.0 — NAVIGATOR WHATSAPP HANDOFF
   ========================================================= */

body.assistant-page .v833-whatsapp{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:max-content;
  max-width:100%;
  margin-top:14px;
  padding:11px 14px;
  color:#fff;
  background:#128c5e;
  border-radius:8px;
  text-decoration:none;
  font-family:"Manrope",Arial,sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:800;
  transition:
    transform .2s ease,
    background .2s ease;
}

body.assistant-page .v833-whatsapp:hover{
  background:#0f7c53;
  transform:translateY(-1px);
}

body.assistant-page .v833-whatsapp b{
  color:#dff5e8;
  font-size:14px;
  font-weight:500;
}

body.assistant-page .v833-route-whatsapp{
  display:inline-flex!important;
  margin-top:14px!important;
  color:#12805a!important;
  text-decoration:none!important;
  font-family:"Manrope",Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

body.assistant-page .v8320-message.is-thinking{
  opacity:.72;
}

@media(max-width:620px){

  body.assistant-page .v833-whatsapp{
    width:100%;
  }

}

/* END V8.33.0 NAVIGATOR WHATSAPP HANDOFF */


/* ==========================================================
   V8.35.0 PORT INTELLIGENCE
   Pakistan Maritime Desk
   ========================================================== */

body.port-intelligence-page{
  background:
    radial-gradient(
      circle at 85% 8%,
      rgba(105,168,190,.13),
      transparent 26%
    ),
    linear-gradient(
      180deg,
      #f4f7f5 0%,
      #f7f5ef 100%
    );
}


/* HERO */

body.port-intelligence-page .v8350-hero{
  position:relative;
  padding:92px 0 54px;
  overflow:hidden;
}

body.port-intelligence-page .v8350-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      115deg,
      transparent 0%,
      rgba(255,255,255,.52) 38%,
      transparent 70%
    );
  opacity:.7;
}

body.port-intelligence-page .v8350-hero-copy{
  position:relative;
  max-width:980px;
}

body.port-intelligence-page .v8350-kicker{
  margin-bottom:17px;
  color:#bb8722;
  font-family:Manrope,sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.17em;
}

body.port-intelligence-page .v8350-hero h1{
  max-width:980px;
  margin:0;
  color:#092d40;
  font-family:Manrope,sans-serif;
  font-size:clamp(3.6rem,6.2vw,6.9rem);
  line-height:.91;
  letter-spacing:-.068em;
  font-weight:800;
}

body.port-intelligence-page .v8350-hero p{
  max-width:810px;
  margin:27px 0 0;
  color:#62737d;
  font-family:Manrope,sans-serif;
  font-size:17px;
  line-height:1.7;
}


/* WORKSPACE */

body.port-intelligence-page .v8350-workspace{
  padding:0 0 82px;
}

body.port-intelligence-page .v8350-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 326px;
  gap:22px;
  align-items:start;
}


/* MAIN CARD */

body.port-intelligence-page .v8350-main-card{
  padding:36px;
  border:1px solid rgba(9,45,64,.09);
  border-radius:27px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(58,137,170,.07),
      transparent 32%
    ),
    #fff;
  box-shadow:
    0 26px 70px rgba(8,38,53,.09);
}

body.port-intelligence-page .v8350-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
}

body.port-intelligence-page .v8350-card-head small,
body.port-intelligence-page .v8350-side-card > small,
body.port-intelligence-page .v8350-help-card > small,
body.port-intelligence-page .v8350-related-head small{
  display:block;
  color:#bd8926;
  font-family:Manrope,sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.15em;
}

body.port-intelligence-page .v8350-card-head h2{
  margin:10px 0 0;
  color:#0a3043;
  font-family:Manrope,sans-serif;
  font-size:clamp(2.25rem,3.7vw,4rem);
  line-height:.96;
  letter-spacing:-.052em;
}

body.port-intelligence-page .v8350-source-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border:1px solid rgba(34,130,91,.15);
  border-radius:999px;
  background:#f2faf6;
  color:#34745a;
  font-family:Manrope,sans-serif;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
}

body.port-intelligence-page .v8350-source-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4db382;
  box-shadow:
    0 0 0 4px rgba(77,179,130,.12);
}

body.port-intelligence-page .v8350-intro{
  max-width:770px;
  margin:25px 0 28px;
  color:#687983;
  font-size:14px;
  line-height:1.75;
}


/* PORT CARDS */

body.port-intelligence-page .v8350-port-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

body.port-intelligence-page .v8350-port-card{
  padding:24px;
  border:1px solid rgba(8,45,62,.095);
  border-radius:20px;
  background:
    linear-gradient(
      180deg,
      #fff 0%,
      #fbfaf6 100%
    );
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

body.port-intelligence-page .v8350-port-card:hover{
  transform:translateY(-3px);
  border-color:rgba(184,132,34,.24);
  box-shadow:
    0 18px 44px rgba(8,38,53,.08);
}

body.port-intelligence-page .v8350-port-top{
  display:flex;
  align-items:center;
  gap:14px;
}

body.port-intelligence-page .v8350-port-icon{
  width:45px;
  height:45px;
  flex:0 0 45px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:
    linear-gradient(
      145deg,
      #0b3145,
      #124d68
    );
  color:#e8c26e;
  font-family:Manrope,sans-serif;
  font-size:15px;
  font-weight:850;
}

body.port-intelligence-page .v8350-port-top small{
  color:#bd8926;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}

body.port-intelligence-page .v8350-port-top h3{
  margin:4px 0 0;
  color:#0d3346;
  font-family:Manrope,sans-serif;
  font-size:18px;
  line-height:1.2;
}

body.port-intelligence-page .v8350-port-card > p{
  min-height:67px;
  margin:18px 0;
  color:#6c7b84;
  font-size:13px;
  line-height:1.65;
}

body.port-intelligence-page .v8350-data-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:18px;
}

body.port-intelligence-page .v8350-data-tags span{
  padding:7px 9px;
  border:1px solid rgba(10,48,67,.08);
  border-radius:999px;
  background:#f4f7f7;
  color:#5c6f79;
  font-size:9px;
  font-weight:750;
  letter-spacing:.025em;
}

body.port-intelligence-page .v8350-primary-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:14px 16px;
  border-radius:12px;
  background:#c79a38;
  color:#fff;
  text-decoration:none;
  font-family:Manrope,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
  transition:
    background .24s ease,
    transform .24s ease;
}

body.port-intelligence-page .v8350-primary-action:hover{
  background:#b5882d;
  transform:translateY(-1px);
}


/* SOURCE INTEGRITY */

body.port-intelligence-page .v8350-integrity{
  display:flex;
  gap:16px;
  margin-top:17px;
  padding:20px 22px;
  border:1px solid rgba(9,46,64,.08);
  border-radius:18px;
  background:#f7f9f8;
}

body.port-intelligence-page .v8350-integrity-mark{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0d3549;
  color:#e7c36d;
  font-weight:900;
}

body.port-intelligence-page .v8350-integrity small{
  color:#bb8722;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}

body.port-intelligence-page .v8350-integrity strong{
  display:block;
  margin-top:5px;
  color:#12384a;
  font-family:Manrope,sans-serif;
  font-size:13px;
}

body.port-intelligence-page .v8350-integrity p{
  margin:6px 0 0;
  color:#73818a;
  font-size:11px;
  line-height:1.65;
}


/* SIDE */

body.port-intelligence-page .v8350-side{
  display:grid;
  gap:15px;
}

body.port-intelligence-page .v8350-side-card,
body.port-intelligence-page .v8350-help-card{
  padding:24px;
  border-radius:21px;
}

body.port-intelligence-page .v8350-side-card{
  border:1px solid rgba(9,45,64,.09);
  background:#fff;
  box-shadow:
    0 16px 42px rgba(8,38,53,.06);
}

body.port-intelligence-page .v8350-side-card h3,
body.port-intelligence-page .v8350-help-card h3{
  margin:9px 0 9px;
  font-family:Manrope,sans-serif;
  font-size:20px;
  line-height:1.08;
  letter-spacing:-.03em;
}

body.port-intelligence-page .v8350-side-card h3{
  color:#10364a;
}

body.port-intelligence-page .v8350-steps{
  display:grid;
  gap:0;
  margin-top:17px;
}

body.port-intelligence-page .v8350-steps > div{
  display:grid;
  grid-template-columns:29px 1fr;
  gap:10px;
  align-items:start;
  padding:12px 0;
  border-top:1px solid rgba(9,45,64,.07);
}

body.port-intelligence-page .v8350-steps b{
  color:#c18c27;
  font-family:Manrope,sans-serif;
  font-size:10px;
}

body.port-intelligence-page .v8350-steps span{
  color:#697a84;
  font-size:11px;
  line-height:1.5;
}

body.port-intelligence-page .v8350-maritime-card{
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(63,137,166,.10),
      transparent 40%
    ),
    #fff;
}

body.port-intelligence-page .v8350-maritime-card p{
  color:#6d7c85;
  font-size:11px;
  line-height:1.6;
}

body.port-intelligence-page .v8350-maritime-card a{
  display:flex;
  justify-content:space-between;
  margin-top:17px;
  color:#b9811e;
  text-decoration:none;
  font-family:Manrope,sans-serif;
  font-size:11px;
  font-weight:800;
}

body.port-intelligence-page .v8350-help-card{
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(58,132,164,.22),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      #092c40,
      #0d3d55
    );
  color:#fff;
  box-shadow:
    0 24px 56px rgba(7,34,49,.18);
}

body.port-intelligence-page .v8350-help-card > small{
  color:#e4ba5f;
}

body.port-intelligence-page .v8350-help-card h3{
  color:#fff;
}

body.port-intelligence-page .v8350-help-card p{
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:11px;
  line-height:1.65;
}

body.port-intelligence-page .v8350-help-card a{
  display:flex;
  justify-content:space-between;
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.11);
  color:#f0cd7c;
  text-decoration:none;
  font-family:Manrope,sans-serif;
  font-size:11px;
  font-weight:800;
}


/* RELATED */

body.port-intelligence-page .v8350-related{
  padding:76px 0 96px;
  background:
    linear-gradient(
      180deg,
      #eef5f5 0%,
      #f5f7f4 100%
    );
  border-top:1px solid rgba(9,45,64,.05);
}

body.port-intelligence-page .v8350-related-head{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:60px;
  align-items:end;
  margin-bottom:30px;
}

body.port-intelligence-page .v8350-related-head h2{
  margin:10px 0 0;
  color:#0a3043;
  font-family:Manrope,sans-serif;
  font-size:clamp(2.35rem,3.6vw,4rem);
  line-height:.97;
  letter-spacing:-.055em;
}

body.port-intelligence-page .v8350-related-head p{
  margin:0;
  color:#70808a;
  font-size:13px;
  line-height:1.75;
}

body.port-intelligence-page .v8350-related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}

body.port-intelligence-page .v8350-related-card{
  min-height:230px;
  display:flex;
  flex-direction:column;
  padding:25px;
  border:1px solid rgba(9,45,64,.08);
  border-radius:20px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:
    0 14px 38px rgba(8,38,53,.055);
  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

body.port-intelligence-page .v8350-related-card:hover{
  transform:translateY(-4px);
  box-shadow:
    0 22px 50px rgba(8,38,53,.09);
}

body.port-intelligence-page .v8350-related-card small{
  color:#bf8924;
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
}

body.port-intelligence-page .v8350-related-card h3{
  margin:12px 0 10px;
  color:#10364a;
  font-family:Manrope,sans-serif;
  font-size:20px;
  line-height:1.1;
}

body.port-intelligence-page .v8350-related-card p{
  margin:0;
  color:#718089;
  font-size:11px;
  line-height:1.7;
}

body.port-intelligence-page .v8350-related-card > span{
  margin-top:auto;
  padding-top:22px;
  color:#b8801e;
  font-family:Manrope,sans-serif;
  font-size:11px;
  font-weight:800;
}


/* RESPONSIVE */

@media (max-width:980px){

  body.port-intelligence-page .v8350-hero{
    padding:64px 0 38px;
  }

  body.port-intelligence-page .v8350-layout{
    grid-template-columns:1fr;
  }

  body.port-intelligence-page .v8350-side{
    grid-template-columns:1fr 1fr;
  }

  body.port-intelligence-page .v8350-side-card:first-child{
    grid-column:1 / -1;
  }

  body.port-intelligence-page .v8350-related-grid{
    grid-template-columns:1fr;
  }

}


@media (max-width:720px){

  body.port-intelligence-page .v8350-hero h1{
    font-size:clamp(3rem,14vw,4.8rem);
  }

  body.port-intelligence-page .v8350-main-card{
    padding:23px;
    border-radius:22px;
  }

  body.port-intelligence-page .v8350-card-head{
    display:block;
  }

  body.port-intelligence-page .v8350-source-status{
    margin-top:17px;
  }

  body.port-intelligence-page .v8350-port-grid,
  body.port-intelligence-page .v8350-side,
  body.port-intelligence-page .v8350-related-head{
    grid-template-columns:1fr;
  }

  body.port-intelligence-page .v8350-related-head{
    gap:18px;
  }

  body.port-intelligence-page .v8350-side-card:first-child{
    grid-column:auto;
  }

  body.port-intelligence-page .v8350-port-card > p{
    min-height:auto;
  }

}


/* END V8.35.0 PORT INTELLIGENCE */



/* ==========================================================
   V8.35.1 PORT INTELLIGENCE — VISUAL POLISH
   ========================================================== */

@media (min-width:981px){

  body.port-intelligence-page .v8350-hero{
    padding-top:76px !important;
    padding-bottom:42px !important;
  }

  body.port-intelligence-page .v8350-hero h1{
    max-width:900px !important;
    font-size:clamp(3.5rem,5.5vw,6.15rem) !important;
    line-height:.92 !important;
    letter-spacing:-.064em !important;
  }

  body.port-intelligence-page .v8350-hero p{
    margin-top:22px !important;
    max-width:760px !important;
  }

  body.port-intelligence-page .v8350-workspace{
    padding-bottom:68px !important;
  }

  body.port-intelligence-page .v8350-layout{
    grid-template-columns:minmax(0,1fr) 305px !important;
    gap:20px !important;
  }

  body.port-intelligence-page .v8350-main-card{
    padding:32px !important;
  }

  body.port-intelligence-page .v8350-card-head h2{
    font-size:clamp(2.15rem,3.35vw,3.6rem) !important;
  }

  body.port-intelligence-page .v8350-intro{
    margin-top:20px !important;
    margin-bottom:23px !important;
  }

  body.port-intelligence-page .v8350-port-card{
    padding:21px !important;
  }

  body.port-intelligence-page .v8350-port-card > p{
    margin:15px 0 !important;
  }

  body.port-intelligence-page .v8350-integrity{
    margin-top:14px !important;
    padding:17px 19px !important;
  }

  body.port-intelligence-page .v8350-side{
    gap:13px !important;
  }

  body.port-intelligence-page .v8350-side-card,
  body.port-intelligence-page .v8350-help-card{
    padding:21px !important;
  }

  body.port-intelligence-page .v8350-steps > div{
    padding:10px 0 !important;
  }

  body.port-intelligence-page .v8350-related{
    padding-top:64px !important;
    padding-bottom:80px !important;
  }

  body.port-intelligence-page .v8350-related-head{
    margin-bottom:24px !important;
  }

  body.port-intelligence-page .v8350-related-card{
    min-height:190px !important;
    padding:22px !important;
  }

  body.port-intelligence-page .v8350-related-card > span{
    padding-top:17px !important;
  }

}


/* slightly stronger operational hierarchy */

body.port-intelligence-page .v8350-port-top h3{
  font-weight:800 !important;
}

body.port-intelligence-page .v8350-port-card{
  box-shadow:
    0 8px 22px rgba(8,38,53,.035) !important;
}

body.port-intelligence-page .v8350-primary-action{
  min-height:43px;
}

body.port-intelligence-page .v8350-related-card h3{
  font-weight:800 !important;
}


/* END V8.35.1 PORT INTELLIGENCE */


/* ==========================================================
   V8.35.2 PORT INTELLIGENCE
   TOOL-FAMILY HARMONY PASS
   ========================================================== */


/* ----------------------------------------------------------
   1. HERO — MATCH TRACK / VESSEL / SCHEDULES / NAVIGATOR
   ---------------------------------------------------------- */

@media (min-width:901px){

  body.port-intelligence-page .v8350-hero{
    padding-top:68px !important;
    padding-bottom:38px !important;
  }

  body.port-intelligence-page .v8350-hero-copy{
    max-width:none !important;
  }

  body.port-intelligence-page .v8350-kicker{
    margin-bottom:15px !important;
  }

  body.port-intelligence-page .v8350-hero h1{
    max-width:none !important;

    font-size:
      clamp(
        3.9rem,
        4.45vw,
        5rem
      ) !important;

    line-height:.94 !important;
    letter-spacing:-.062em !important;

    /*
     * Keep the two intentional headline lines.
     * BR still works; automatic wrapping does not.
     */
    white-space:nowrap !important;
  }

  body.port-intelligence-page .v8350-hero p{
    max-width:770px !important;

    margin-top:20px !important;

    font-size:15px !important;
    line-height:1.68 !important;
  }

}


/* ----------------------------------------------------------
   2. WORKSPACE — HERO SHOULD REMAIN THE ONLY BIG HEADLINE
   ---------------------------------------------------------- */

body.port-intelligence-page .v8350-workspace{
  padding-bottom:28px !important;
}

body.port-intelligence-page .v8350-main-card{
  border-radius:23px !important;
}

body.port-intelligence-page .v8350-card-head h2{
  margin-top:8px !important;

  font-size:
    clamp(
      1.75rem,
      2.15vw,
      2.35rem
    ) !important;

  line-height:1.04 !important;
  letter-spacing:-.038em !important;
}

body.port-intelligence-page .v8350-intro{
  max-width:720px !important;

  margin-top:16px !important;
  margin-bottom:21px !important;
}


/* ----------------------------------------------------------
   3. PORT CARDS — MAKE THESE THE OPERATIONAL FOCUS
   ---------------------------------------------------------- */

body.port-intelligence-page .v8350-port-grid{
  gap:13px !important;
}

body.port-intelligence-page .v8350-port-card{
  border-radius:17px !important;
}

body.port-intelligence-page .v8350-port-top h3{
  font-size:17px !important;
}

body.port-intelligence-page .v8350-port-card > p{
  font-size:11.5px !important;
  line-height:1.6 !important;
}

body.port-intelligence-page .v8350-data-tags{
  margin-bottom:14px !important;
}

body.port-intelligence-page .v8350-primary-action{
  min-height:40px !important;

  padding:11px 14px !important;

  border-radius:10px !important;
}


/* ----------------------------------------------------------
   4. SOURCE NOTE — SHOULD FEEL LIKE A FOOTNOTE, NOT A CARD
   ---------------------------------------------------------- */

body.port-intelligence-page .v8350-integrity{
  align-items:center !important;

  margin-top:12px !important;

  padding:13px 16px !important;

  border-radius:13px !important;
}

body.port-intelligence-page .v8350-integrity-mark{
  width:29px !important;
  height:29px !important;
  flex-basis:29px !important;

  font-size:11px !important;
}

body.port-intelligence-page .v8350-integrity strong{
  font-size:11px !important;
}

body.port-intelligence-page .v8350-integrity p{
  margin-top:3px !important;

  font-size:9.5px !important;
  line-height:1.55 !important;
}


/* ----------------------------------------------------------
   5. RIGHT RAIL — SAME COMPACT RHYTHM AS NAVIGATOR
   ---------------------------------------------------------- */

body.port-intelligence-page .v8350-side{
  gap:11px !important;
}

body.port-intelligence-page .v8350-side-card,
body.port-intelligence-page .v8350-help-card{
  padding:18px !important;

  border-radius:17px !important;
}

body.port-intelligence-page .v8350-side-card h3,
body.port-intelligence-page .v8350-help-card h3{
  margin-top:7px !important;

  font-size:17px !important;
}

body.port-intelligence-page .v8350-steps{
  margin-top:12px !important;
}

body.port-intelligence-page .v8350-steps > div{
  grid-template-columns:26px 1fr !important;

  padding:8px 0 !important;
}

body.port-intelligence-page .v8350-steps span{
  font-size:9.5px !important;
}

body.port-intelligence-page .v8350-maritime-card p,
body.port-intelligence-page .v8350-help-card p{
  font-size:9.5px !important;
}

body.port-intelligence-page .v8350-maritime-card a,
body.port-intelligence-page .v8350-help-card a{
  font-size:9.5px !important;
}


/* ----------------------------------------------------------
   6. REMOVE SECOND "LANDING PAGE CHAPTER"
   Keep related tools directly under the workspace.
   ---------------------------------------------------------- */

body.port-intelligence-page .v8350-related{
  position:relative !important;

  padding:
    38px 0
    72px !important;

  background:transparent !important;

  border-top:0 !important;
}

body.port-intelligence-page .v8350-related-head{
  display:none !important;
}


/* Compact family label */

body.port-intelligence-page
.v8350-related > .container::before{
  content:"RELATED MARITIME TOOLS";

  display:block;

  margin-bottom:12px;

  color:#bd8926;

  font-family:Manrope,sans-serif;
  font-size:9px;
  font-weight:850;

  letter-spacing:.16em;
}


/* ----------------------------------------------------------
   7. RELATED TOOLS — MATCH NAVIGATOR SHORTCUT CARDS
   ---------------------------------------------------------- */

body.port-intelligence-page .v8350-related-grid{
  gap:11px !important;
}

body.port-intelligence-page .v8350-related-card{
  min-height:0 !important;

  padding:17px 18px !important;

  border-radius:14px !important;

  box-shadow:
    0 10px 28px
    rgba(8,38,53,.045) !important;
}

body.port-intelligence-page .v8350-related-card small{
  font-size:8px !important;
}

body.port-intelligence-page .v8350-related-card h3{
  margin:
    7px 0
    0 !important;

  font-size:15px !important;
}

body.port-intelligence-page .v8350-related-card p{
  display:none !important;
}

body.port-intelligence-page .v8350-related-card > span{
  margin-top:12px !important;
  padding-top:0 !important;

  font-size:9px !important;
}


/* ----------------------------------------------------------
   8. SUBTLE TOOL-FAMILY DECORATION
   ---------------------------------------------------------- */

body.port-intelligence-page .v8350-workspace{
  position:relative;
}

body.port-intelligence-page .v8350-workspace::after{
  content:"";

  position:absolute;

  width:440px;
  height:440px;

  right:-255px;
  bottom:-215px;

  border:
    1px solid
    rgba(191,139,38,.15);

  border-radius:50%;

  pointer-events:none;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width:900px){

  body.port-intelligence-page .v8350-hero h1{
    white-space:normal !important;
  }

  body.port-intelligence-page .v8350-related{
    padding-top:26px !important;
  }

  body.port-intelligence-page .v8350-related-card p{
    display:block !important;

    margin-top:7px !important;
  }

}


/* END V8.35.2 PORT INTELLIGENCE */


/* ==========================================================
   V8.35.3 — OFFICIAL PQA SHIPPING PROGRAMME
   ========================================================== */


body.port-intelligence-page .v8353-pqa-panel{
  margin-top:14px;
  padding:20px;
  border:1px solid rgba(9,45,64,.085);
  border-radius:16px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(59,135,165,.07),
      transparent 31%
    ),
    #fbfcfa;
}


body.port-intelligence-page .v8353-pqa-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}


body.port-intelligence-page .v8353-pqa-head small{
  display:block;
  color:#bc8724;
  font-family:Manrope,sans-serif;
  font-size:8px;
  font-weight:850;
  letter-spacing:.15em;
}


body.port-intelligence-page .v8353-pqa-head h3{
  margin:7px 0 5px;
  color:#10364a;
  font-family:Manrope,sans-serif;
  font-size:19px;
  line-height:1.08;
  letter-spacing:-.03em;
}


body.port-intelligence-page .v8353-pqa-head p{
  max-width:590px;
  margin:0;
  color:#71808a;
  font-size:10px;
  line-height:1.6;
}


body.port-intelligence-page .v8353-pqa-status{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid rgba(45,142,94,.14);
  border-radius:999px;
  background:#f0faf4;
  color:#38775c;
  font-size:8px;
  font-weight:800;
  white-space:nowrap;
}


body.port-intelligence-page .v8353-pqa-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#42b579;
  box-shadow:
    0 0 0 3px rgba(66,181,121,.11);
}


body.port-intelligence-page
.v8353-pqa-status.stale{
  border-color:rgba(194,139,38,.18);
  background:#fff9eb;
  color:#8c681f;
}


body.port-intelligence-page
.v8353-pqa-status.stale i{
  background:#d6a338;
}


body.port-intelligence-page
.v8353-pqa-status.error{
  border-color:rgba(174,72,72,.16);
  background:#fff5f5;
  color:#985252;
}


body.port-intelligence-page
.v8353-pqa-status.error i{
  background:#c96b6b;
}


body.port-intelligence-page .v8353-pqa-tabs{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:17px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(9,45,64,.07);
}


body.port-intelligence-page .v8353-pqa-tabs button{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:31px;
  padding:6px 10px;
  border:1px solid rgba(9,45,64,.08);
  border-radius:999px;
  background:#fff;
  color:#677983;
  font-family:Manrope,sans-serif;
  font-size:8.5px;
  font-weight:750;
  cursor:pointer;
  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease;
}


body.port-intelligence-page
.v8353-pqa-tabs button b{
  display:grid;
  place-items:center;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border-radius:999px;
  background:#eef3f3;
  color:#657983;
  font-size:7px;
}


body.port-intelligence-page
.v8353-pqa-tabs button.active{
  border-color:#0d3a50;
  background:#0d3a50;
  color:#fff;
}


body.port-intelligence-page
.v8353-pqa-tabs button.active b{
  background:rgba(255,255,255,.12);
  color:#e8c36c;
}


body.port-intelligence-page .v8353-pqa-table-wrap{
  min-height:90px;
}


body.port-intelligence-page .v8353-pqa-scroll{
  width:100%;
  overflow-x:auto;
  scrollbar-width:thin;
}


body.port-intelligence-page .v8353-pqa-table{
  width:100%;
  min-width:670px;
  border-collapse:collapse;
  table-layout:auto;
}


body.port-intelligence-page .v8353-pqa-table th{
  padding:11px 10px 9px;
  border-bottom:1px solid rgba(9,45,64,.08);
  color:#9a742a;
  font-family:Manrope,sans-serif;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.08em;
  text-align:left;
  text-transform:uppercase;
  white-space:nowrap;
}


body.port-intelligence-page .v8353-pqa-table td{
  padding:11px 10px;
  border-bottom:1px solid rgba(9,45,64,.055);
  color:#62757f;
  font-size:9px;
  line-height:1.45;
  vertical-align:top;
}


body.port-intelligence-page .v8353-pqa-table td.vessel{
  color:#173f51;
  font-family:Manrope,sans-serif;
  font-weight:750;
  white-space:nowrap;
}


body.port-intelligence-page
.v8353-pqa-table tbody tr:last-child td{
  border-bottom:0;
}


body.port-intelligence-page
.v8353-pqa-table tr.continuation td{
  background:#faf8f1;
  color:#7e745e;
}


body.port-intelligence-page .v8353-pqa-loading,
body.port-intelligence-page .v8353-pqa-empty,
body.port-intelligence-page .v8353-pqa-error{
  padding:22px 3px 10px;
  color:#75858d;
  font-size:10px;
  line-height:1.6;
}


body.port-intelligence-page .v8353-pqa-error{
  color:#925b5b;
}


body.port-intelligence-page .v8353-pqa-no-tabs{
  color:#73848d;
  font-size:9px;
}


body.port-intelligence-page .v8353-pqa-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:10px;
  padding-top:11px;
  border-top:1px solid rgba(9,45,64,.06);
}


body.port-intelligence-page .v8353-pqa-foot span{
  color:#89969d;
  font-size:8px;
}


body.port-intelligence-page .v8353-pqa-foot a{
  color:#b47d1c;
  text-decoration:none;
  font-family:Manrope,sans-serif;
  font-size:8px;
  font-weight:800;
}


@media (max-width:720px){

  body.port-intelligence-page .v8353-pqa-panel{
    padding:16px;
  }


  body.port-intelligence-page .v8353-pqa-head{
    display:block;
  }


  body.port-intelligence-page .v8353-pqa-status{
    margin-top:12px;
  }


  body.port-intelligence-page .v8353-pqa-foot{
    display:block;
  }


  body.port-intelligence-page .v8353-pqa-foot a{
    display:block;
    margin-top:6px;
  }

}


/* END V8.35.3 PQA PROGRAMME */


/* ==========================================================
   V8.36.0 — AASHMAAN CARGO PLANNING DESK
   ========================================================== */

body.calculators-page{
  background:
    radial-gradient(
      circle at 85% 7%,
      rgba(89,157,183,.12),
      transparent 27%
    ),
    linear-gradient(
      180deg,
      #f5f7f4,
      #f8f5ef
    );
}


/* HERO */

body.calculators-page .v8360-hero{
  padding:68px 0 38px;
}

body.calculators-page .v8360-hero-copy{
  max-width:1040px;
}

body.calculators-page .v8360-kicker{
  margin-bottom:15px;
  color:#bd8926;
  font-family:Manrope,sans-serif;
  font-size:10px;
  font-weight:850;
  letter-spacing:.17em;
}

body.calculators-page .v8360-hero h1{
  margin:0;
  color:#0a3043;
  font-family:Manrope,sans-serif;
  font-size:clamp(3.9rem,4.7vw,5.25rem);
  line-height:.94;
  letter-spacing:-.064em;
  font-weight:800;
}

body.calculators-page .v8360-hero p{
  max-width:760px;
  margin:20px 0 0;
  color:#667881;
  font-size:15px;
  line-height:1.7;
}


/* LAYOUT */

body.calculators-page .v8360-workspace{
  position:relative;
  padding:0 0 78px;
}

body.calculators-page .v8360-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 305px;
  gap:20px;
  align-items:start;
}


/* MAIN */

body.calculators-page .v8360-main-card{
  padding:31px;
  border:1px solid rgba(9,45,64,.085);
  border-radius:23px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(60,137,168,.06),
      transparent 30%
    ),
    #fff;
  box-shadow:
    0 24px 64px rgba(8,38,53,.085);
}

body.calculators-page .v8360-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:25px;
}

body.calculators-page .v8360-card-head small,
body.calculators-page .v8360-tool-head small,
body.calculators-page .v8360-side-card > small,
body.calculators-page .v8360-help-card > small{
  display:block;
  color:#bd8926;
  font-size:9px;
  font-weight:850;
  letter-spacing:.15em;
}

body.calculators-page .v8360-card-head h2{
  margin:8px 0 0;
  color:#10364a;
  font-family:Manrope,sans-serif;
  font-size:2.25rem;
  line-height:1;
  letter-spacing:-.04em;
}

body.calculators-page .v8360-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid rgba(42,139,91,.15);
  border-radius:999px;
  background:#f1faf5;
  color:#3f785d;
  font-size:8px;
  font-weight:800;
}

body.calculators-page .v8360-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#48b77d;
  box-shadow:
    0 0 0 3px rgba(72,183,125,.11);
}


/* TABS */

body.calculators-page .v8360-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:22px 0 18px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(9,45,64,.07);
}

body.calculators-page .v8360-tabs button{
  min-height:34px;
  padding:7px 13px;
  border:1px solid rgba(9,45,64,.09);
  border-radius:999px;
  background:#f8faf9;
  color:#627681;
  font-family:Manrope,sans-serif;
  font-size:9px;
  font-weight:750;
  cursor:pointer;
}

body.calculators-page .v8360-tabs button.active{
  border-color:#0c3a50;
  background:#0c3a50;
  color:#fff;
}


/* TOOL */

body.calculators-page .v8360-tool-panel{
  padding-top:2px;
}

body.calculators-page
.v8360-tool-panel[hidden]{
  display:none !important;
}

body.calculators-page .v8360-tool-head{
  display:grid;
  grid-template-columns:1fr minmax(220px,.7fr);
  gap:30px;
  align-items:end;
  margin-bottom:18px;
}

body.calculators-page .v8360-tool-head h3{
  margin:7px 0 0;
  color:#12394b;
  font-family:Manrope,sans-serif;
  font-size:1.45rem;
  line-height:1.06;
}

body.calculators-page .v8360-tool-head p{
  margin:0;
  color:#74838b;
  font-size:10px;
  line-height:1.6;
}


/* FIELDS */

body.calculators-page .v8360-field-grid{
  display:grid;
  gap:10px;
}

body.calculators-page .v8360-grid-5{
  grid-template-columns:repeat(5,1fr);
}

body.calculators-page .v8360-field-grid label,
body.calculators-page .v8360-air-options label,
body.calculators-page .v8360-converter-grid label,
body.calculators-page .v8360-container-inputs label{
  display:grid;
  gap:6px;
  color:#506771;
  font-family:Manrope,sans-serif;
  font-size:8px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}

body.calculators-page input,
body.calculators-page select{
  width:100%;
  min-height:42px;
  box-sizing:border-box;
  padding:0 12px;
  border:1px solid rgba(9,45,64,.12);
  border-radius:10px;
  outline:none;
  background:#fff;
  color:#173e50;
  font:700 11px Manrope,sans-serif;
  transition:
    border-color .2s ease,
    box-shadow .2s ease;
}

body.calculators-page input:focus,
body.calculators-page select:focus{
  border-color:rgba(190,138,37,.55);
  box-shadow:
    0 0 0 3px rgba(190,138,37,.09);
}


/* RESULT */

body.calculators-page .v8360-result{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:13px;
  padding:15px 17px;
  border-radius:13px;
  background:
    linear-gradient(
      135deg,
      #092e42,
      #0d435d
    );
}

body.calculators-page .v8360-result small{
  display:block;
  color:#dcb660;
  font-size:7px;
  font-weight:850;
  letter-spacing:.12em;
}

body.calculators-page .v8360-result strong{
  display:block;
  margin-top:3px;
  color:#fff;
  font-family:Manrope,sans-serif;
  font-size:19px;
}

body.calculators-page .v8360-result > span{
  color:rgba(255,255,255,.58);
  font-size:9px;
}


/* AIR */

body.calculators-page .v8360-air-options{
  width:220px;
  margin-top:10px;
}

body.calculators-page .v8360-metric-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:13px;
}

body.calculators-page .v8360-metric-row > div{
  padding:15px;
  border:1px solid rgba(9,45,64,.08);
  border-radius:13px;
  background:#f7f9f8;
}

body.calculators-page
.v8360-metric-row > div.primary{
  background:#0b364b;
  border-color:#0b364b;
}

body.calculators-page .v8360-metric-row small{
  display:block;
  color:#9a752c;
  font-size:7px;
  font-weight:850;
  letter-spacing:.12em;
}

body.calculators-page .v8360-metric-row strong{
  display:block;
  margin-top:5px;
  color:#173e50;
  font-family:Manrope,sans-serif;
  font-size:18px;
}

body.calculators-page
.v8360-metric-row .primary small{
  color:#e1ba61;
}

body.calculators-page
.v8360-metric-row .primary strong{
  color:#fff;
}


/* CONVERTER */

body.calculators-page .v8360-converter-grid{
  display:grid;
  grid-template-columns:
    1fr
    1fr
    1fr
    38px
    1fr;
  gap:10px;
  align-items:end;
}

body.calculators-page .v8360-convert-arrow{
  height:42px;
  display:grid;
  place-items:center;
  color:#c08b27;
  font-size:18px;
  font-weight:900;
}


/* CONTAINER */

body.calculators-page .v8360-container-inputs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

body.calculators-page .v8360-inline-input{
  position:relative;
}

body.calculators-page .v8360-inline-input input{
  padding-right:42px;
}

body.calculators-page .v8360-inline-input span{
  position:absolute;
  top:50%;
  right:13px;
  transform:translateY(-50%);
  color:#74858d;
  font-size:9px;
  font-weight:800;
}

body.calculators-page .v8360-utilization{
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(9,45,64,.08);
  border-radius:14px;
  background:#f8faf9;
}

body.calculators-page .v8360-utilization-head,
body.calculators-page .v8360-utilization-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

body.calculators-page .v8360-utilization-head span{
  color:#667984;
  font-size:9px;
  font-weight:750;
}

body.calculators-page .v8360-utilization-head strong{
  color:#133c4e;
  font-family:Manrope,sans-serif;
  font-size:17px;
}

body.calculators-page .v8360-meter{
  height:9px;
  margin:12px 0 9px;
  overflow:hidden;
  border-radius:999px;
  background:#e4ebeb;
}

body.calculators-page .v8360-meter i{
  display:block;
  width:0;
  height:100%;
  border-radius:999px;
  background:
    linear-gradient(
      90deg,
      #c18d29,
      #e0b752
    );
  transition:width .25s ease;
}

body.calculators-page .v8360-meter i.over{
  background:
    linear-gradient(
      90deg,
      #b2584e,
      #d57a67
    );
}

body.calculators-page .v8360-utilization-foot{
  color:#849198;
  font-size:8px;
}


/* NOTE */

body.calculators-page .v8360-note{
  margin:13px 0 0;
  color:#87939a;
  font-size:8.5px;
  line-height:1.6;
}


/* RIGHT RAIL */

body.calculators-page .v8360-side{
  display:grid;
  gap:11px;
}

body.calculators-page .v8360-side-card,
body.calculators-page .v8360-help-card{
  padding:18px;
  border-radius:17px;
}

body.calculators-page .v8360-side-card{
  border:1px solid rgba(9,45,64,.085);
  background:#fff;
  box-shadow:
    0 14px 36px rgba(8,38,53,.055);
}

body.calculators-page .v8360-side-card h3,
body.calculators-page .v8360-help-card h3{
  margin:7px 0 8px;
  font-family:Manrope,sans-serif;
  font-size:17px;
  line-height:1.08;
  letter-spacing:-.03em;
}

body.calculators-page .v8360-side-card h3{
  color:#11384b;
}

body.calculators-page .v8360-side-card p{
  margin:0;
  color:#6f8089;
  font-size:9.5px;
  line-height:1.65;
}

body.calculators-page .v8360-steps{
  margin-top:12px;
}

body.calculators-page .v8360-steps > div{
  display:grid;
  grid-template-columns:26px 1fr;
  gap:9px;
  padding:8px 0;
  border-top:1px solid rgba(9,45,64,.07);
}

body.calculators-page .v8360-steps b{
  color:#c18b27;
  font-size:8px;
}

body.calculators-page .v8360-steps span{
  color:#697b84;
  font-size:9.5px;
  line-height:1.5;
}

body.calculators-page .v8360-help-card{
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(58,132,164,.22),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      #092c40,
      #0d3d55
    );
  color:#fff;
  box-shadow:
    0 22px 50px rgba(7,34,49,.17);
}

body.calculators-page .v8360-help-card > small{
  color:#e1b85d;
}

body.calculators-page .v8360-help-card h3{
  color:#fff;
}

body.calculators-page .v8360-help-card p{
  margin:0;
  color:rgba(255,255,255,.61);
  font-size:9.5px;
  line-height:1.65;
}

body.calculators-page .v8360-help-card a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#efc96e;
  text-decoration:none;
  font-size:9.5px;
  font-weight:800;
}


/* RELATED */

body.calculators-page .v8360-related-label{
  margin:36px 0 12px;
  color:#bd8926;
  font-family:Manrope,sans-serif;
  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
}

body.calculators-page .v8360-related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
}

body.calculators-page .v8360-related-grid a{
  padding:17px 18px;
  border:1px solid rgba(9,45,64,.08);
  border-radius:14px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:
    0 10px 28px rgba(8,38,53,.045);
}

body.calculators-page .v8360-related-grid small{
  display:block;
  color:#bd8926;
  font-size:8px;
  font-weight:850;
  letter-spacing:.13em;
}

body.calculators-page .v8360-related-grid strong{
  display:block;
  margin-top:7px;
  color:#10364a;
  font-family:Manrope,sans-serif;
  font-size:15px;
}

body.calculators-page .v8360-related-grid span{
  display:block;
  margin-top:12px;
  color:#b47d1c;
  font-size:9px;
  font-weight:800;
}


/* DECORATION */

body.calculators-page .v8360-workspace::after{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  right:-250px;
  bottom:-205px;
  border:1px solid rgba(191,139,38,.14);
  border-radius:50%;
  pointer-events:none;
}


/* RESPONSIVE */

@media (max-width:980px){

  body.calculators-page .v8360-layout{
    grid-template-columns:1fr;
  }

  body.calculators-page .v8360-side{
    grid-template-columns:1fr 1fr;
  }

  body.calculators-page
  .v8360-side-card:first-child{
    grid-column:1 / -1;
  }

  body.calculators-page .v8360-grid-5{
    grid-template-columns:
      repeat(2,1fr);
  }

}


@media (max-width:720px){

  body.calculators-page .v8360-hero{
    padding:56px 0 32px;
  }

  body.calculators-page .v8360-hero h1{
    font-size:
      clamp(
        3rem,
        13vw,
        4.5rem
      );
  }

  body.calculators-page .v8360-main-card{
    padding:21px;
  }

  body.calculators-page .v8360-card-head,
  body.calculators-page .v8360-tool-head{
    display:block;
  }

  body.calculators-page .v8360-status{
    margin-top:14px;
  }

  body.calculators-page .v8360-tool-head p{
    margin-top:8px;
  }

  body.calculators-page .v8360-grid-5,
  body.calculators-page .v8360-container-inputs,
  body.calculators-page .v8360-side,
  body.calculators-page .v8360-related-grid,
  body.calculators-page .v8360-metric-row{
    grid-template-columns:1fr;
  }

  body.calculators-page
  .v8360-side-card:first-child{
    grid-column:auto;
  }

  body.calculators-page .v8360-converter-grid{
    grid-template-columns:1fr;
  }

  body.calculators-page .v8360-convert-arrow{
    height:auto;
    transform:rotate(90deg);
  }

}


/* END V8.36.0 CARGO PLANNING DESK */


/* ==========================================================
   V8.37.0 — CLIENT CONTROL TOWER
   ========================================================== */


body.portal-page{
  background:
    radial-gradient(
      circle at 86% 7%,
      rgba(88,155,181,.12),
      transparent 27%
    ),
    linear-gradient(
      180deg,
      #f5f7f4,
      #f8f5ef
    );
}


/* HERO */

body.portal-page .v8370-hero{
  padding:68px 0 38px;
}

body.portal-page .v8370-kicker{
  margin-bottom:15px;
  color:#bd8926;
  font-family:Manrope,sans-serif;
  font-size:10px;
  font-weight:850;
  letter-spacing:.17em;
}

body.portal-page .v8370-hero h1{
  margin:0;
  color:#0a3043;
  font-family:Manrope,sans-serif;
  font-size:clamp(3.9rem,4.7vw,5.25rem);
  line-height:.94;
  letter-spacing:-.064em;
  font-weight:800;
}

body.portal-page .v8370-hero p{
  max-width:760px;
  margin:20px 0 0;
  color:#667881;
  font-size:15px;
  line-height:1.7;
}


/* LAYOUT */

body.portal-page .v8370-workspace{
  position:relative;
  padding:0 0 78px;
}

body.portal-page .v8370-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 305px;
  gap:20px;
  align-items:start;
}


/* DASHBOARD */

body.portal-page .v8370-dashboard{
  overflow:hidden;
  border:1px solid rgba(9,45,64,.09);
  border-radius:23px;
  background:#fff;
  box-shadow:
    0 26px 68px rgba(8,38,53,.09);
}

body.portal-page .v8370-dashboard-top{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 24px;
  background:
    linear-gradient(
      135deg,
      #082c40,
      #0d435d
    );
}

body.portal-page .v8370-dashboard-top small{
  display:block;
  color:#dcb45b;
  font-size:8px;
  font-weight:850;
  letter-spacing:.14em;
}

body.portal-page .v8370-dashboard-top strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-family:Manrope,sans-serif;
  font-size:17px;
}

body.portal-page .v8370-preview-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid rgba(232,197,112,.22);
  border-radius:999px;
  color:#f0d78f;
  font-size:8px;
  font-weight:800;
}

body.portal-page .v8370-preview-badge i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d8ab3f;
}


/* PREVIEW NOTICE */

body.portal-page .v8370-preview-note{
  display:flex;
  align-items:center;
  gap:13px;
  padding:12px 24px;
  border-bottom:1px solid rgba(9,45,64,.07);
  background:#fff9eb;
}

body.portal-page .v8370-preview-note strong{
  flex:0 0 auto;
  color:#8f6920;
  font-size:9px;
}

body.portal-page .v8370-preview-note span{
  color:#827760;
  font-size:8.5px;
  line-height:1.5;
}


/* BODY */

body.portal-page .v8370-dashboard-body{
  display:grid;
  grid-template-columns:155px minmax(0,1fr);
  min-height:500px;
}


/* NAV */

body.portal-page .v8370-nav{
  padding:22px 13px;
  border-right:1px solid rgba(9,45,64,.07);
  background:#f7f9f8;
}

body.portal-page .v8370-nav > small{
  display:block;
  padding:0 10px 10px;
  color:#a17a2a;
  font-size:7px;
  font-weight:850;
  letter-spacing:.14em;
}

body.portal-page .v8370-nav button{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:3px 0;
  padding:10px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#61737d;
  font:700 9px Manrope,sans-serif;
  text-align:left;
  cursor:pointer;
}

body.portal-page .v8370-nav button b{
  color:#a1adb2;
  font-size:7px;
}

body.portal-page .v8370-nav button.active{
  background:#0c394f;
  color:#fff;
}

body.portal-page .v8370-nav button.active b{
  color:#e1bb65;
}


/* MAIN */

body.portal-page .v8370-main{
  min-width:0;
  padding:24px;
}

body.portal-page
.v8370-panel[hidden]{
  display:none !important;
}

body.portal-page .v8370-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:19px;
}

body.portal-page .v8370-panel-head small{
  display:block;
  color:#bd8926;
  font-size:8px;
  font-weight:850;
  letter-spacing:.14em;
}

body.portal-page .v8370-panel-head h2{
  margin:6px 0 0;
  color:#11384a;
  font-family:Manrope,sans-serif;
  font-size:1.7rem;
  line-height:1;
  letter-spacing:-.04em;
}

body.portal-page .v8370-panel-head > span{
  color:#89969c;
  font-size:8px;
}


/* KPI */

body.portal-page .v8370-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}

body.portal-page .v8370-kpis > div{
  padding:14px;
  border:1px solid rgba(9,45,64,.075);
  border-radius:12px;
  background:#f8faf9;
}

body.portal-page .v8370-kpis > div.attention{
  background:#fff9ec;
}

body.portal-page .v8370-kpis small{
  display:block;
  color:#7a8a92;
  font-size:6.5px;
  font-weight:850;
  letter-spacing:.09em;
}

body.portal-page .v8370-kpis strong{
  display:block;
  margin:5px 0 2px;
  color:#123b4d;
  font-family:Manrope,sans-serif;
  font-size:23px;
}

body.portal-page .v8370-kpis span{
  color:#97a1a6;
  font-size:7px;
}

body.portal-page .v8370-section-label{
  margin:22px 0 9px;
  color:#bd8926;
  font-size:7px;
  font-weight:850;
  letter-spacing:.13em;
}


/* TABLE */

body.portal-page .v8370-table{
  overflow:hidden;
  border:1px solid rgba(9,45,64,.075);
  border-radius:12px;
}

body.portal-page .v8370-row{
  display:grid;
  grid-template-columns:
    1.05fr
    1.4fr
    .9fr
    1fr;
  gap:12px;
  align-items:center;
  min-height:48px;
  padding:0 13px;
  border-bottom:1px solid rgba(9,45,64,.055);
  color:#657984;
  font-size:8.5px;
}

body.portal-page
.v8370-table-wide .v8370-row{
  grid-template-columns:
    1fr
    .65fr
    1.4fr
    .9fr
    1fr;
}

body.portal-page .v8370-row:last-child{
  border-bottom:0;
}

body.portal-page .v8370-row.head{
  min-height:34px;
  background:#f7f9f8;
  color:#9b762a;
  font-size:6.5px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}

body.portal-page .v8370-row strong{
  color:#173f51;
  font-size:8.5px;
}

body.portal-page .v8370-chip{
  display:inline-flex;
  padding:5px 7px;
  border-radius:999px;
  font-style:normal;
  font-size:7px;
  font-weight:800;
}

body.portal-page .v8370-chip.transit{
  background:#edf8f3;
  color:#37775b;
}

body.portal-page .v8370-chip.customs{
  background:#fff7e7;
  color:#8e681e;
}

body.portal-page .v8370-chip.action{
  background:#fff0ed;
  color:#9d554b;
}


/* ACTIVITY */

body.portal-page .v8370-activity{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:12px;
}

body.portal-page .v8370-activity > div{
  display:flex;
  gap:9px;
  padding:12px;
  border:1px solid rgba(9,45,64,.07);
  border-radius:11px;
}

body.portal-page .v8370-activity > div > span{
  width:25px;
  height:25px;
  flex:0 0 25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eef3f3;
  color:#50707f;
  font-size:7px;
  font-weight:850;
}

body.portal-page
.v8370-activity > div > span.done{
  background:#eaf7f0;
  color:#36795a;
}

body.portal-page
.v8370-activity > div > span.alert{
  background:#fff1ed;
  color:#9e574e;
}

body.portal-page .v8370-activity strong{
  display:block;
  color:#173e50;
  font-size:8px;
}

body.portal-page .v8370-activity small{
  display:block;
  margin-top:3px;
  color:#8a969c;
  font-size:7px;
  line-height:1.4;
}


/* DOCUMENTS */

body.portal-page .v8370-doc-grid{
  display:grid;
  gap:8px;
}

body.portal-page .v8370-doc-grid article{
  display:grid;
  grid-template-columns:42px 1fr auto;
  gap:12px;
  align-items:center;
  padding:13px;
  border:1px solid rgba(9,45,64,.075);
  border-radius:11px;
  background:#fafbfa;
}

body.portal-page .v8370-doc-icon{
  height:42px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#0c394f;
  color:#e4be69;
  font-size:7px;
  font-weight:850;
}

body.portal-page .v8370-doc-grid small{
  display:block;
  color:#b48224;
  font-size:6px;
  font-weight:850;
  letter-spacing:.08em;
}

body.portal-page .v8370-doc-grid strong{
  display:block;
  margin-top:3px;
  color:#163d4f;
  font-size:9px;
}

body.portal-page .v8370-doc-grid span{
  display:block;
  margin-top:2px;
  color:#8a979d;
  font-size:7px;
}

body.portal-page .v8370-doc-grid b{
  color:#54736a;
  font-size:7px;
}


/* EXCEPTIONS */

body.portal-page .v8370-exceptions{
  display:grid;
  gap:9px;
}

body.portal-page .v8370-exceptions article{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:15px;
  border:1px solid rgba(9,45,64,.075);
  border-radius:12px;
  background:#fafbfa;
}

body.portal-page
.v8370-exceptions article.open{
  border-color:rgba(180,93,76,.16);
  background:#fff8f6;
}

body.portal-page .v8370-exceptions small{
  color:#b78323;
  font-size:6.5px;
  font-weight:850;
}

body.portal-page .v8370-exceptions strong{
  display:block;
  margin-top:4px;
  color:#163d4f;
  font-size:9px;
}

body.portal-page .v8370-exceptions p{
  margin:4px 0 0;
  color:#849198;
  font-size:7.5px;
}

body.portal-page
.v8370-exceptions article > span{
  color:#8a6a2b;
  font-size:7px;
  font-weight:800;
}


/* DELIVERY */

body.portal-page .v8370-delivery-card{
  display:flex;
  gap:16px;
  padding:21px;
  border:1px solid rgba(52,137,91,.12);
  border-radius:14px;
  background:#f4faf6;
}

body.portal-page .v8370-delivery-mark{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#34785a;
  color:#fff;
  font-weight:900;
}

body.portal-page .v8370-delivery-card small{
  color:#639079;
  font-size:7px;
  font-weight:850;
}

body.portal-page .v8370-delivery-card h3{
  margin:5px 0;
  color:#143c4d;
  font:800 18px Manrope,sans-serif;
}

body.portal-page .v8370-delivery-card p{
  margin:0;
  color:#70838b;
  font-size:8.5px;
  line-height:1.6;
}


/* MESSAGES */

body.portal-page .v8370-message-demo{
  display:grid;
  gap:11px;
}

body.portal-page .v8370-message-demo > div{
  max-width:75%;
  padding:14px;
  border-radius:12px 12px 12px 3px;
  background:#f2f6f6;
}

body.portal-page
.v8370-message-demo > div.client{
  margin-left:auto;
  border-radius:12px 12px 3px 12px;
  background:#0c394f;
}

body.portal-page .v8370-message-demo small{
  color:#b47f20;
  font-size:6px;
  font-weight:850;
}

body.portal-page .v8370-message-demo p{
  margin:5px 0 0;
  color:#617680;
  font-size:8.5px;
  line-height:1.55;
}

body.portal-page
.v8370-message-demo .client p{
  color:rgba(255,255,255,.76);
}


/* RIGHT RAIL */

body.portal-page .v8370-side{
  display:grid;
  gap:11px;
}

body.portal-page .v8370-side-card,
body.portal-page .v8370-access-card{
  padding:18px;
  border-radius:17px;
}

body.portal-page .v8370-side-card{
  border:1px solid rgba(9,45,64,.085);
  background:#fff;
  box-shadow:
    0 14px 36px rgba(8,38,53,.055);
}

body.portal-page .v8370-side-card > small,
body.portal-page .v8370-access-card > small{
  display:block;
  color:#bd8926;
  font-size:8px;
  font-weight:850;
  letter-spacing:.14em;
}

body.portal-page .v8370-side-card h3,
body.portal-page .v8370-access-card h3{
  margin:7px 0 8px;
  font:800 17px/1.08 Manrope,sans-serif;
  letter-spacing:-.03em;
}

body.portal-page .v8370-side-card h3{
  color:#11384a;
}

body.portal-page .v8370-side-card p{
  margin:0 0 13px;
  color:#70818a;
  font-size:9px;
  line-height:1.6;
}

body.portal-page .v8370-status-line{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-top:1px solid rgba(9,45,64,.07);
  color:#788990;
  font-size:8px;
}

body.portal-page .v8370-status-line strong{
  color:#445f6a;
  font-size:8px;
}

body.portal-page .v8370-capabilities{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

body.portal-page .v8370-capabilities span{
  padding:6px 8px;
  border:1px solid rgba(9,45,64,.08);
  border-radius:999px;
  background:#f6f8f7;
  color:#687a83;
  font-size:7px;
  font-weight:750;
}


/* ACCESS */

body.portal-page .v8370-access-card{
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(58,132,164,.22),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      #092c40,
      #0d3d55
    );
  color:#fff;
  box-shadow:
    0 22px 50px rgba(7,34,49,.17);
}

body.portal-page .v8370-access-card > small{
  color:#e1b85d;
}

body.portal-page .v8370-access-card h3{
  color:#fff;
}

body.portal-page .v8370-access-card p{
  margin:0;
  color:rgba(255,255,255,.61);
  font-size:9px;
  line-height:1.6;
}

body.portal-page .v8370-access-card a{
  display:flex;
  justify-content:space-between;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#efc96e;
  text-decoration:none;
  font-size:9px;
  font-weight:800;
}


/* RELATED */

body.portal-page .v8370-related-label{
  margin:36px 0 12px;
  color:#bd8926;
  font-family:Manrope,sans-serif;
  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
}

body.portal-page .v8370-related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
}

body.portal-page .v8370-related-grid a{
  padding:17px 18px;
  border:1px solid rgba(9,45,64,.08);
  border-radius:14px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:
    0 10px 28px rgba(8,38,53,.045);
}

body.portal-page .v8370-related-grid small{
  display:block;
  color:#bd8926;
  font-size:8px;
  font-weight:850;
  letter-spacing:.13em;
}

body.portal-page .v8370-related-grid strong{
  display:block;
  margin-top:7px;
  color:#10364a;
  font-family:Manrope,sans-serif;
  font-size:15px;
}

body.portal-page .v8370-related-grid span{
  display:block;
  margin-top:12px;
  color:#b47d1c;
  font-size:9px;
  font-weight:800;
}


/* RESPONSIVE */

@media (max-width:980px){

  body.portal-page .v8370-layout{
    grid-template-columns:1fr;
  }

  body.portal-page .v8370-side{
    grid-template-columns:1fr 1fr;
  }

  body.portal-page
  .v8370-side-card:first-child{
    grid-column:1 / -1;
  }

}


@media (max-width:720px){

  body.portal-page .v8370-hero{
    padding:56px 0 32px;
  }

  body.portal-page .v8370-hero h1{
    font-size:
      clamp(
        3rem,
        13vw,
        4.5rem
      );
  }

  body.portal-page .v8370-dashboard-body{
    grid-template-columns:1fr;
  }

  body.portal-page .v8370-nav{
    display:flex;
    gap:5px;
    overflow-x:auto;
    border-right:0;
    border-bottom:1px solid rgba(9,45,64,.07);
  }

  body.portal-page .v8370-nav > small{
    display:none;
  }

  body.portal-page .v8370-nav button{
    width:auto;
    min-width:max-content;
  }

  body.portal-page .v8370-main{
    padding:18px;
  }

  body.portal-page .v8370-kpis,
  body.portal-page .v8370-activity,
  body.portal-page .v8370-side,
  body.portal-page .v8370-related-grid{
    grid-template-columns:1fr;
  }

  body.portal-page
  .v8370-side-card:first-child{
    grid-column:auto;
  }

  body.portal-page .v8370-row{
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:10px;
  }

  body.portal-page
  .v8370-row > *:nth-child(n+3){
    display:none;
  }

  body.portal-page .v8370-preview-note{
    display:block;
  }

  body.portal-page .v8370-preview-note span{
    display:block;
    margin-top:4px;
  }

}


/* END V8.37.0 CONTROL TOWER */


/* ==========================================================
   V8.38.0 — PROJECT CARGO ASSESSMENT DESK
   ========================================================== */


body.project-assessment-page{
  background:
    radial-gradient(
      circle at 86% 7%,
      rgba(88,155,181,.12),
      transparent 27%
    ),
    linear-gradient(
      180deg,
      #f5f7f4,
      #f8f5ef
    );
}


/* HERO */

body.project-assessment-page .v8380-hero{
  padding:68px 0 38px;
}

body.project-assessment-page .v8380-hero-copy{
  max-width:1030px;
}

body.project-assessment-page .v8380-kicker{
  margin-bottom:15px;
  color:#bd8926;
  font-family:Manrope,sans-serif;
  font-size:10px;
  font-weight:850;
  letter-spacing:.17em;
}

body.project-assessment-page .v8380-hero h1{
  margin:0;
  color:#0a3043;
  font-family:Manrope,sans-serif;
  font-size:clamp(3.9rem,4.7vw,5.25rem);
  line-height:.94;
  letter-spacing:-.064em;
  font-weight:800;
}

body.project-assessment-page .v8380-hero p{
  max-width:790px;
  margin:20px 0 0;
  color:#667881;
  font-size:15px;
  line-height:1.7;
}


/* LAYOUT */

body.project-assessment-page .v8380-workspace{
  padding:0 0 78px;
}

body.project-assessment-page .v8380-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 305px;
  gap:20px;
  align-items:start;
}


/* FORM */

body.project-assessment-page .v8380-form{
  padding:30px;
  border:1px solid rgba(9,45,64,.085);
  border-radius:23px;
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(60,137,168,.055),
      transparent 31%
    ),
    #fff;
  box-shadow:
    0 24px 64px rgba(8,38,53,.085);
}

body.project-assessment-page .v8380-honeypot{
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
}

body.project-assessment-page .v8380-form-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:25px;
}

body.project-assessment-page .v8380-form-head small,
body.project-assessment-page .v8380-step-head small,
body.project-assessment-page .v8380-side-card > small,
body.project-assessment-page .v8380-help-card > small{
  display:block;
  color:#bd8926;
  font-size:8px;
  font-weight:850;
  letter-spacing:.15em;
}

body.project-assessment-page .v8380-form-head h2{
  margin:8px 0 0;
  color:#10364a;
  font-family:Manrope,sans-serif;
  font-size:2.05rem;
  line-height:1;
  letter-spacing:-.04em;
}

body.project-assessment-page .v8380-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid rgba(42,139,91,.15);
  border-radius:999px;
  background:#f1faf5;
  color:#3f785d;
  font-size:8px;
  font-weight:800;
  white-space:nowrap;
}

body.project-assessment-page .v8380-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#48b77d;
  box-shadow:
    0 0 0 3px rgba(72,183,125,.11);
}


/* PROGRESS */

body.project-assessment-page .v8380-progress{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:6px;
  margin-top:23px;
}

body.project-assessment-page .v8380-progress button{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:7px 9px;
  border:1px solid rgba(9,45,64,.08);
  border-radius:9px;
  background:#f8faf9;
  color:#71828a;
  font:750 8px Manrope,sans-serif;
  cursor:pointer;
}

body.project-assessment-page .v8380-progress button b{
  color:#bb8725;
  font-size:7px;
}

body.project-assessment-page
.v8380-progress button.active{
  border-color:#0b394e;
  background:#0b394e;
  color:#fff;
}

body.project-assessment-page
.v8380-progress button.active b{
  color:#e5bd63;
}

body.project-assessment-page
.v8380-progress button.complete{
  background:#f0f7f3;
  color:#4d7662;
}

body.project-assessment-page .v8380-progress-line{
  height:3px;
  margin:10px 0 23px;
  overflow:hidden;
  border-radius:999px;
  background:#edf1f1;
}

body.project-assessment-page
.v8380-progress-line i{
  display:block;
  width:0;
  height:100%;
  border-radius:999px;
  background:
    linear-gradient(
      90deg,
      #c18c29,
      #e2ba58
    );
  transition:width .25s ease;
}


/* STEPS */

body.project-assessment-page
.v8380-step[hidden]{
  display:none !important;
}

body.project-assessment-page .v8380-step-head{
  display:grid;
  grid-template-columns:1fr minmax(220px,.75fr);
  gap:30px;
  align-items:end;
  margin-bottom:18px;
}

body.project-assessment-page .v8380-step-head h3{
  margin:7px 0 0;
  color:#12394b;
  font-family:Manrope,sans-serif;
  font-size:1.5rem;
  line-height:1.06;
  letter-spacing:-.035em;
}

body.project-assessment-page .v8380-step-head p{
  margin:0;
  color:#74838b;
  font-size:9.5px;
  line-height:1.6;
}


/* FIELDS */

body.project-assessment-page .v8380-fields{
  display:grid;
  gap:11px;
  margin-top:11px;
}

body.project-assessment-page .v8380-fields.two{
  grid-template-columns:repeat(2,1fr);
}

body.project-assessment-page .v8380-fields.three{
  grid-template-columns:repeat(3,1fr);
}

body.project-assessment-page .v8380-fields label,
body.project-assessment-page .v8380-full-label{
  display:grid;
  gap:6px;
  color:#526974;
  font-family:Manrope,sans-serif;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body.project-assessment-page input,
body.project-assessment-page select,
body.project-assessment-page textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(9,45,64,.12);
  border-radius:10px;
  outline:none;
  background:#fff;
  color:#173e50;
  font:650 10.5px Manrope,sans-serif;
  transition:
    border-color .2s ease,
    box-shadow .2s ease;
}

body.project-assessment-page input,
body.project-assessment-page select{
  min-height:44px;
  padding:0 12px;
}

body.project-assessment-page textarea{
  min-height:115px;
  padding:12px;
  resize:vertical;
  line-height:1.55;
}

body.project-assessment-page input:focus,
body.project-assessment-page select:focus,
body.project-assessment-page textarea:focus{
  border-color:rgba(190,138,37,.55);
  box-shadow:
    0 0 0 3px rgba(190,138,37,.09);
}

body.project-assessment-page .v8380-full-label{
  margin-top:12px;
}


/* ACTIONS */

body.project-assessment-page .v8380-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:22px;
  padding-top:17px;
  border-top:1px solid rgba(9,45,64,.07);
}

body.project-assessment-page .v8380-actions button{
  min-height:42px;
  padding:0 15px;
  border-radius:10px;
  font:800 9px Manrope,sans-serif;
  cursor:pointer;
}

body.project-assessment-page
.v8380-actions button.primary{
  border:0;
  background:
    linear-gradient(
      135deg,
      #e3b847,
      #ca942f
    );
  color:#102b37;
}

body.project-assessment-page
.v8380-actions button.primary b{
  margin-left:8px;
}

body.project-assessment-page
.v8380-actions button.secondary{
  border:1px solid rgba(9,45,64,.1);
  background:#f7f9f8;
  color:#637680;
}

body.project-assessment-page
.v8380-actions button:disabled{
  opacity:.65;
  cursor:default;
}


/* REVIEW */

body.project-assessment-page .v8380-review{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  padding:14px;
  border:1px solid rgba(9,45,64,.08);
  border-radius:13px;
  background:#f8faf9;
}

body.project-assessment-page .v8380-review > div{
  padding:10px;
  border-radius:9px;
  background:#fff;
}

body.project-assessment-page
.v8380-review > div.wide{
  grid-column:1 / -1;
}

body.project-assessment-page .v8380-review small{
  display:block;
  color:#a07728;
  font-size:6.5px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.project-assessment-page .v8380-review strong{
  display:block;
  margin-top:4px;
  color:#173e50;
  font-size:9px;
  line-height:1.5;
}

body.project-assessment-page .v8380-contact-title{
  margin:19px 0 3px;
  color:#bd8926;
  font-size:7px;
  font-weight:850;
  letter-spacing:.14em;
}


/* SUBMIT STATUS */

body.project-assessment-page .v8380-submit-status{
  margin-top:14px;
  padding:12px 14px;
  border-radius:10px;
  font-size:9px;
  line-height:1.55;
}

body.project-assessment-page
.v8380-submit-status.working{
  background:#f4f7f7;
  color:#627780;
}

body.project-assessment-page
.v8380-submit-status.success{
  background:#ecf8f1;
  color:#39775a;
}

body.project-assessment-page
.v8380-submit-status.error{
  background:#fff1ef;
  color:#98564d;
}


/* RIGHT SIDE */

body.project-assessment-page .v8380-side{
  display:grid;
  gap:11px;
}

body.project-assessment-page .v8380-side-card,
body.project-assessment-page .v8380-help-card{
  padding:18px;
  border-radius:17px;
}

body.project-assessment-page .v8380-side-card{
  border:1px solid rgba(9,45,64,.085);
  background:#fff;
  box-shadow:
    0 14px 36px rgba(8,38,53,.055);
}

body.project-assessment-page
.v8380-side-card.notice{
  background:#f8faf9;
}

body.project-assessment-page .v8380-side-card h3,
body.project-assessment-page .v8380-help-card h3{
  margin:7px 0 8px;
  font:800 17px/1.08 Manrope,sans-serif;
  letter-spacing:-.03em;
}

body.project-assessment-page .v8380-side-card h3{
  color:#11384a;
}

body.project-assessment-page .v8380-side-card p{
  margin:0;
  color:#70818a;
  font-size:9px;
  line-height:1.65;
}

body.project-assessment-page .v8380-checks{
  display:grid;
  margin-top:11px;
}

body.project-assessment-page .v8380-checks span{
  position:relative;
  padding:8px 0 8px 18px;
  border-top:1px solid rgba(9,45,64,.065);
  color:#667a84;
  font-size:8.5px;
}

body.project-assessment-page
.v8380-checks span::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#3c8a65;
  font-weight:900;
}


/* HELP */

body.project-assessment-page .v8380-help-card{
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(58,132,164,.22),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      #092c40,
      #0d3d55
    );
  color:#fff;
  box-shadow:
    0 22px 50px rgba(7,34,49,.17);
}

body.project-assessment-page
.v8380-help-card > small{
  color:#e1b85d;
}

body.project-assessment-page
.v8380-help-card h3{
  color:#fff;
}

body.project-assessment-page
.v8380-help-card p{
  margin:0;
  color:rgba(255,255,255,.61);
  font-size:9px;
  line-height:1.65;
}

body.project-assessment-page .v8380-help-card a{
  display:flex;
  justify-content:space-between;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#efc96e;
  text-decoration:none;
  font-size:9px;
  font-weight:800;
}


/* RELATED */

body.project-assessment-page .v8380-related-label{
  margin:36px 0 12px;
  color:#bd8926;
  font-family:Manrope,sans-serif;
  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
}

body.project-assessment-page .v8380-related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:11px;
}

body.project-assessment-page .v8380-related-grid a{
  padding:17px 18px;
  border:1px solid rgba(9,45,64,.08);
  border-radius:14px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:
    0 10px 28px rgba(8,38,53,.045);
}

body.project-assessment-page
.v8380-related-grid small{
  display:block;
  color:#bd8926;
  font-size:8px;
  font-weight:850;
  letter-spacing:.13em;
}

body.project-assessment-page
.v8380-related-grid strong{
  display:block;
  margin-top:7px;
  color:#10364a;
  font-family:Manrope,sans-serif;
  font-size:15px;
}

body.project-assessment-page
.v8380-related-grid span{
  display:block;
  margin-top:12px;
  color:#b47d1c;
  font-size:9px;
  font-weight:800;
}


/* RESPONSIVE */

@media (max-width:980px){

  body.project-assessment-page .v8380-layout{
    grid-template-columns:1fr;
  }

  body.project-assessment-page .v8380-side{
    grid-template-columns:repeat(2,1fr);
  }

}


@media (max-width:720px){

  body.project-assessment-page .v8380-hero{
    padding:56px 0 32px;
  }

  body.project-assessment-page .v8380-hero h1{
    font-size:
      clamp(
        3rem,
        13vw,
        4.5rem
      );
  }

  body.project-assessment-page .v8380-form{
    padding:20px;
  }

  body.project-assessment-page .v8380-form-head,
  body.project-assessment-page .v8380-step-head{
    display:block;
  }

  body.project-assessment-page .v8380-status{
    margin-top:13px;
  }

  body.project-assessment-page .v8380-step-head p{
    margin-top:8px;
  }

  body.project-assessment-page .v8380-progress{
    display:flex;
    overflow-x:auto;
  }

  body.project-assessment-page
  .v8380-progress button{
    min-width:max-content;
  }

  body.project-assessment-page
  .v8380-fields.two,
  body.project-assessment-page
  .v8380-fields.three,
  body.project-assessment-page
  .v8380-review,
  body.project-assessment-page
  .v8380-side,
  body.project-assessment-page
  .v8380-related-grid{
    grid-template-columns:1fr;
  }

  body.project-assessment-page
  .v8380-review > div.wide{
    grid-column:auto;
  }

}


/* END V8.38.0 PROJECT ASSESSMENT */


/* ==========================================================
   V8.38.1 — TOOLS MENU PROJECT PRE-ASSESSMENT
   ========================================================== */

@media (min-width:901px){

  .v8410-tools-mega
  .v8381-project-assessment-link{
    grid-column:1 / -1 !important;
  }

  .v8410-tools-mega
  .v8381-project-assessment-link{
    min-height:86px !important;
  }

}


/* END V8.38.1 */

/* BEGIN V8.40.3 UNIFIED ASSESSMENT CTA */

body.v8 a.v8403-assessment-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;

  min-height:54px!important;
  padding:0 24px!important;

  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;

  background:
    linear-gradient(
      135deg,
      #f6e9c3 0%,
      #e8ce88 55%,
      #d8ad55 100%
    )!important;

  color:#092331!important;

  font-family:"Manrope",sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:-.01em!important;

  text-decoration:none!important;

  box-shadow:
    0 10px 28px rgba(3,18,27,.18),
    inset 0 1px 0 rgba(255,255,255,.55)!important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease!important;
}

body.v8 a.v8403-assessment-cta span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  color:#092331!important;
  font-size:17px!important;
  line-height:1!important;

  transition:transform .22s ease!important;
}

body.v8 a.v8403-assessment-cta:hover{
  color:#092331!important;
  transform:translateY(-2px)!important;
  filter:brightness(1.025)!important;

  box-shadow:
    0 15px 36px rgba(3,18,27,.24),
    inset 0 1px 0 rgba(255,255,255,.65)!important;
}

body.v8 a.v8403-assessment-cta:hover span{
  transform:translateX(4px)!important;
}

@media(max-width:620px){

  body.v8 a.v8403-assessment-cta{
    width:100%!important;
    min-height:50px!important;
    padding:0 18px!important;
    gap:16px!important;
    font-size:11px!important;
  }

}

/* END V8.40.3 UNIFIED ASSESSMENT CTA */

/* BEGIN V8.40.4 UNIFIED CONTACT CTA */

body.v8 a.v8404-contact-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;

  min-height:54px!important;
  padding:0 24px!important;

  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:8px!important;

  background:
    linear-gradient(
      135deg,
      #f6e9c3 0%,
      #e8ce88 55%,
      #d8ad55 100%
    )!important;

  color:#092331!important;

  font-family:"Manrope",sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;

  box-shadow:
    0 10px 28px rgba(3,18,27,.18),
    inset 0 1px 0 rgba(255,255,255,.55)!important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease!important;
}

body.v8 a.v8404-contact-cta span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  color:#092331!important;
  font-size:17px!important;
  line-height:1!important;

  transition:
    transform .22s ease!important;
}

body.v8 a.v8404-contact-cta:hover{
  color:#092331!important;

  transform:
    translateY(-2px)!important;

  filter:
    brightness(1.025)!important;

  box-shadow:
    0 15px 36px rgba(3,18,27,.24),
    inset 0 1px 0 rgba(255,255,255,.65)!important;
}

body.v8 a.v8404-contact-cta:hover span{
  transform:
    translateX(4px)!important;
}

@media(max-width:620px){

  body.v8 a.v8404-contact-cta{
    width:100%!important;

    min-height:50px!important;

    padding:
      0 18px!important;

    gap:16px!important;

    font-size:11px!important;
  }

}

/* END V8.40.4 UNIFIED CONTACT CTA */

/* BEGIN V8.40.7 SEAMLESS HERO TICKER */

/*
   Two identical ticker groups travel together.
   When the first group exits, the second occupies
   exactly the same position, preventing any blank gap.
*/

body.home-page .hero-bottom{
  overflow:hidden!important;
}

body.home-page .v8407-pulse-track{
  display:flex!important;
  align-items:center!important;

  width:max-content!important;
  min-width:max-content!important;

  gap:0!important;

  white-space:nowrap!important;

  will-change:transform!important;

  animation:
    v8407-seamless-ticker
    34s
    linear
    infinite!important;
}

body.home-page .v8407-pulse-sequence{
  display:flex!important;
  align-items:center!important;
  flex:none!important;

  width:max-content!important;

  gap:0!important;

  white-space:nowrap!important;
}

body.home-page .v8407-pulse-sequence > span{
  flex:none!important;

  display:inline-flex!important;
  align-items:center!important;

  white-space:nowrap!important;

  /*
     Keep breathing room between the final item of
     one sequence and the first item of the next.
  */
  padding-right:42px!important;
}

@keyframes v8407-seamless-ticker{

  from{
    transform:translate3d(0,0,0);
  }

  to{
    transform:translate3d(-50%,0,0);
  }

}

/*
   Do not pause on hover — the ticker should remain
   an ambient continuous information ribbon.
*/
body.home-page .v8407-pulse-track:hover{
  animation-play-state:running!important;
}


@media(max-width:720px){

  body.home-page .v8407-pulse-track{
    animation-duration:26s!important;
  }

  body.home-page
  .v8407-pulse-sequence > span{
    padding-right:30px!important;
  }

}


@media(prefers-reduced-motion:reduce){

  body.home-page .v8407-pulse-track{
    animation-duration:60s!important;
  }

}

/* END V8.40.7 SEAMLESS HERO TICKER */


/* BEGIN V8.40.8 FINAL */
body.home-page .v8407-pulse-track{animation:none!important}
body.home-page .hero-bottom{overflow:hidden!important}
body.home-page .v8408-pulse-track{display:flex!important;align-items:center!important;width:max-content!important;min-width:max-content!important;gap:0!important;white-space:nowrap!important;animation:v8408Ticker 52s linear infinite!important;will-change:transform!important}
body.home-page .v8408-pulse-sequence{display:flex!important;flex:none!important;align-items:center!important;width:max-content!important;white-space:nowrap!important}
body.home-page .v8408-pulse-sequence>span{display:inline-flex!important;flex:none!important;align-items:center!important;white-space:nowrap!important;padding-right:44px!important}
@keyframes v8408Ticker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-16.6666667%,0,0)}}
.aash-assistant-launch{width:auto!important;min-width:118px!important;height:52px!important;padding:0 18px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.aash-assistant-launch::before{content:"ATL Assistant"!important;font-family:"Manrope",sans-serif!important;font-size:11px!important;font-weight:800!important;color:#e4bd64!important;white-space:nowrap!important}
.aash-assistant-launch::after{content:none!important}
/* END V8.40.8 FINAL */

/* BEGIN V8.40.9 NEED HELP ASSISTANT */
.aash-assistant-launch{position:fixed!important;width:auto!important;min-width:126px!important;height:46px!important;padding:0 19px!important;border-radius:18px 18px 6px 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(228,189,100,.32)!important;background:linear-gradient(135deg,#08202e,#0d3346)!important;box-shadow:0 14px 34px rgba(2,15,23,.28)!important;bottom:20px!important;right:20px!important;overflow:visible!important}.aash-assistant-launch::before{content:"Need help?"!important;display:block!important;font-family:"Manrope",sans-serif!important;font-size:11px!important;font-weight:800!important;letter-spacing:.01em!important;color:#f0cf78!important;white-space:nowrap!important}.aash-assistant-launch::after{content:""!important;display:block!important;position:absolute!important;right:13px!important;bottom:-6px!important;width:12px!important;height:12px!important;background:#0d3346!important;border-right:1px solid rgba(228,189,100,.28)!important;border-bottom:1px solid rgba(228,189,100,.28)!important;transform:rotate(45deg)!important;border-radius:0 0 3px 0!important}.aash-assistant-launch:hover{transform:translateY(-2px)!important;box-shadow:0 17px 38px rgba(2,15,23,.34)!important}@media(max-width:620px){.aash-assistant-launch{min-width:116px!important;height:44px!important;padding:0 16px!important;bottom:14px!important;right:14px!important}.aash-assistant-launch::before{font-size:10px!important}}
/* END V8.40.9 NEED HELP ASSISTANT */


/* BEGIN V8.41.2 HUMAN ASSISTANT AVATAR */
.aash-assistant-launch{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  z-index:1100!important;
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(228,189,100,.34)!important;
  box-shadow:0 18px 40px rgba(7,23,36,.26)!important;
  cursor:pointer!important;
  overflow:visible!important;
  font-size:0!important;
  color:transparent!important;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 31px, rgba(228,189,100,.18) 31px 32px, transparent 32px),
    radial-gradient(circle at 50% 30%, #efcfab 0 12px, transparent 12.6px),
    radial-gradient(circle at 50% 23%, #13283a 0 10px, transparent 10.6px),
    radial-gradient(circle at 43% 31%, transparent 0 5px, #183246 5.3px 6.3px, transparent 6.8px),
    radial-gradient(circle at 57% 31%, transparent 0 5px, #183246 5.3px 6.3px, transparent 6.8px),
    linear-gradient(#183246 0 0) center 31%/10px 2px no-repeat,
    radial-gradient(ellipse at 50% 52%, #efcfab 0 7px, transparent 7.5px),
    linear-gradient(135deg, transparent 0 44%, #ffffff 44% 58%, transparent 58%) 40% 66%/18px 18px no-repeat,
    linear-gradient(-135deg, transparent 0 44%, #ffffff 44% 58%, transparent 58%) 60% 66%/18px 18px no-repeat,
    linear-gradient(#d2a642 0 0) center 74%/4px 16px no-repeat,
    radial-gradient(ellipse at 50% 90%, #123247 0 26px, transparent 26.8px),
    linear-gradient(160deg,#0b2636 0%,#123a50 58%,#081c2c 100%)!important;
  background-repeat:no-repeat!important;
}
.aash-assistant-launch:hover{
  transform:translateY(-3px)!important;
}
.aash-assistant-launch::before{
  content:"Need help? Chat with us"!important;
  position:absolute!important;
  right:80px!important;
  bottom:13px!important;
  display:flex!important;
  align-items:center!important;
  height:42px!important;
  padding:0 16px!important;
  border-radius:18px 18px 6px 18px!important;
  background:#ffffff!important;
  border:1px solid rgba(15,42,58,.10)!important;
  box-shadow:0 14px 34px rgba(7,23,36,.18)!important;
  color:#0f2a3a!important;
  font-family:"Manrope",sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.aash-assistant-launch::after{
  content:""!important;
  position:absolute!important;
  right:74px!important;
  bottom:16px!important;
  width:12px!important;
  height:12px!important;
  background:#ffffff!important;
  border-right:1px solid rgba(15,42,58,.10)!important;
  border-bottom:1px solid rgba(15,42,58,.10)!important;
  transform:rotate(45deg)!important;
  border-radius:0 0 2px 0!important;
}
@media (max-width:720px){
  .aash-assistant-launch{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    right:14px!important;
    bottom:14px!important;
  }
  .aash-assistant-launch::before{
    right:72px!important;
    max-width:min(240px,calc(100vw - 100px))!important;
    font-size:10px!important;
    padding:0 14px!important;
  }
  .aash-assistant-launch::after{
    right:66px!important;
  }
}
/* END V8.41.2 HUMAN ASSISTANT AVATAR */


/* BEGIN V8.41.1 — FLOATING ATL ASSISTANT */
.aash-assistant-launch{
  position:fixed!important;
  right:20px!important;
  bottom:20px!important;
  z-index:1100!important;
  width:250px!important;
  height:84px!important;
  min-width:auto!important;
  padding:0!important;
  border:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
  display:block!important;
  font-size:0!important;
  color:transparent!important;
  text-indent:-9999px!important;
  animation:atlAssistantPop .55s cubic-bezier(.22,.9,.24,1) both, atlAssistantFloat 3.8s ease-in-out 1s infinite;
}

.aash-assistant-launch::before{
  content:"Need help? Chat with us"!important;
  position:absolute!important;
  right:78px!important;
  bottom:12px!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:#ffffff!important;
  color:#153247!important;
  font-family:"Manrope",sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  text-indent:0!important;
  box-shadow:0 12px 32px rgba(8,25,37,.18)!important;
}

.aash-assistant-launch::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:74px!important;
  height:74px!important;
  border-radius:50%!important;
  background:
    url('/assets/img/atl-assistant-avatar.png') center/cover no-repeat,
    linear-gradient(145deg,#10364b,#0a2434)!important;
  border:3px solid rgba(228,189,100,.9)!important;
  box-shadow:0 14px 34px rgba(7,23,36,.28)!important;
}

.aash-assistant-launch:hover{
  transform:translateY(-3px)!important;
}

@keyframes atlAssistantPop{
  0%{
    opacity:0;
    transform:translateY(18px) scale(.86);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes atlAssistantFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-4px); }
}

@media (max-width: 768px){
  .aash-assistant-launch{
    right:14px!important;
    bottom:14px!important;
    width:220px!important;
    height:76px!important;
  }
  .aash-assistant-launch::before{
    right:68px!important;
    bottom:10px!important;
    height:48px!important;
    padding:0 14px!important;
    font-size:12px!important;
  }
  .aash-assistant-launch::after{
    width:64px!important;
    height:64px!important;
  }
}
/* END V8.41.1 — FLOATING ATL ASSISTANT */


/* BEGIN V8.41.3 LIVE ASSISTANT */
.aash-assistant-launch{position:fixed!important;right:20px!important;bottom:20px!important;z-index:1100!important;width:255px!important;height:86px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;font-size:0!important;color:transparent!important;animation:atlWidgetIn .6s cubic-bezier(.2,.9,.25,1) both!important}
.aash-assistant-launch::before{content:"Need help? Chat with us"!important;position:absolute!important;right:80px!important;bottom:14px!important;height:50px!important;padding:0 18px!important;display:flex!important;align-items:center!important;background:#fff!important;color:#112f42!important;border:1px solid rgba(12,42,59,.09)!important;border-radius:24px 24px 7px 24px!important;box-shadow:0 12px 30px rgba(7,23,36,.17)!important;font-family:"Manrope",sans-serif!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;text-indent:0!important;animation:atlBubbleLive 7s ease-in-out 1.2s infinite!important}
.aash-assistant-launch::after{content:""!important;position:absolute!important;right:0!important;bottom:0!important;width:78px!important;height:78px!important;border-radius:50%!important;background:url("/assets/img/atl-assistant-avatar.png") center 18%/cover no-repeat!important;border:3px solid #d9ad4f!important;box-shadow:0 14px 34px rgba(7,23,36,.27)!important;transform-origin:50% 85%!important;animation:atlAvatarLive 7s ease-in-out 1s infinite!important}
@keyframes atlWidgetIn{0%{opacity:0;transform:translateY(24px) scale(.84)}70%{opacity:1;transform:translateY(-4px) scale(1.03)}100%{opacity:1;transform:none}}
@keyframes atlAvatarLive{0%,20%,45%,65%,100%{transform:translateY(0) rotate(0) scale(1)}24%{transform:translateY(-4px) rotate(-3deg) scale(1.02)}28%{transform:translateY(-2px) rotate(3deg) scale(1.02)}32%{transform:translateY(0) rotate(0) scale(1)}70%{transform:translateY(-6px) scale(1.035)}74%{transform:translateY(1px) scale(.985)}78%{transform:translateY(0) scale(1)}88%{transform:rotate(-2deg)}92%{transform:rotate(2deg)}96%{transform:rotate(0)}}
@keyframes atlBubbleLive{0%,60%,100%{transform:translateY(0);box-shadow:0 12px 30px rgba(7,23,36,.17)}66%{transform:translateY(-2px);box-shadow:0 15px 34px rgba(7,23,36,.23)}72%{transform:translateY(0)}}
.aash-assistant-launch:hover::after{animation-play-state:paused!important;transform:translateY(-5px) scale(1.06)!important}
@media(max-width:720px){.aash-assistant-launch{right:12px!important;bottom:14px!important;width:224px!important;height:74px!important}.aash-assistant-launch::after{width:66px!important;height:66px!important}.aash-assistant-launch::before{right:68px!important;bottom:11px!important;height:46px!important;padding:0 14px!important;font-size:11px!important}}
/* END V8.41.3 LIVE ASSISTANT */

/* BEGIN V8.41.4 — REMOVE ASSISTANT HOVER RECTANGLE */

.aash-assistant-launch,
.aash-assistant-launch:hover,
.aash-assistant-launch:focus,
.aash-assistant-launch:focus-visible,
.aash-assistant-launch:active{
  background:transparent!important;
  background-color:transparent!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.aash-assistant-launch:hover{
  transform:none!important;
}

.aash-assistant-launch:hover::after{
  transform:translateY(-4px) scale(1.05)!important;
}

.aash-assistant-launch:focus-visible::before{
  box-shadow:
    0 12px 30px rgba(7,23,36,.17),
    0 0 0 2px rgba(228,189,100,.35)!important;
}

/* END V8.41.4 */













/* ==========================================================
   V8.44.2 — AUTHORITATIVE MOBILE NAVIGATION
   Isolated from legacy nav-open controllers.
   ========================================================== */

@media (max-width:900px){

  html.v8442-nav-open,
  body.v8442-nav-open{
    overflow:hidden!important;
    touch-action:none;
  }

  body.v8 .v6-header{
    z-index:2147483500!important;
  }

  body.v8 .v6-menu-btn{
    display:flex!important;
    position:relative!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    z-index:2147483646!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.v8 .v6-menu-btn span{
    display:block!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:23px!important;
    height:2px!important;
    margin:0!important;
    background:currentColor!important;
    transform:none!important;
    opacity:1!important;
    transition:
      transform .25s ease,
      opacity .2s ease!important;
  }

  body.v8.v8442-nav-open .v6-menu-btn span:nth-child(1){
    transform:translateY(7px) rotate(45deg)!important;
  }

  body.v8.v8442-nav-open .v6-menu-btn span:nth-child(2){
    opacity:0!important;
  }

  body.v8.v8442-nav-open .v6-menu-btn span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg)!important;
  }

  body.v8 .v6-links{
    display:block!important;
    position:fixed!important;
    top:76px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - 76px)!important;
    margin:0!important;
    padding:18px 20px 34px!important;

    background:#faf8f2!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:
      0 30px 80px rgba(4,18,29,.26)!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;

    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate3d(100%,0,0)!important;

    transition:
      transform .34s cubic-bezier(.22,.8,.3,1),
      opacity .22s ease,
      visibility 0s linear .34s!important;

    z-index:2147483600!important;
  }

  body.v8.v8442-nav-open .v6-links{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
    transition:
      transform .34s cubic-bezier(.22,.8,.3,1),
      opacity .22s ease,
      visibility 0s!important;
  }

  body.v8 .v6-links > a,
  body.v8 .v6-nav-item > .v6-nav-parent{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:53px!important;
    padding:14px 4px!important;
    margin:0!important;

    color:#0b2435!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.3!important;

    border-bottom:1px solid rgba(11,36,53,.10)!important;
    text-decoration:none!important;
  }

  body.v8 .v6-nav-item{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }

  /*
   * Desktop mega panels stay closed on mobile.
   * Their main parent pages remain directly accessible.
   */
  body.v8 .v6-mega{
    display:none!important;
  }

  .v8442-nav-backdrop{
    display:block;
    position:fixed;
    inset:76px 0 0;
    background:rgba(2,14,24,.48);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
      opacity .25s ease,
      visibility 0s linear .25s;

    z-index:2147483400;
  }

  body.v8442-nav-open .v8442-nav-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:
      opacity .25s ease,
      visibility 0s;
  }
}



/* ==========================================================
   V8.44.3 — CLEAN INDEPENDENT MOBILE DRAWER
   Desktop navigation remains unchanged.
   ========================================================== */

@media (max-width:900px){

  html.v8443-nav-open,
  body.v8443-nav-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  /*
   * Do not render the legacy mega navigation on mobile.
   */
  body.v8 .v6-links{
    display:none!important;
  }

  body.v8 .v6-header{
    z-index:2147483600!important;
  }

  body.v8 .v6-menu-btn{
    display:flex!important;
    position:relative!important;

    width:46px!important;
    height:46px!important;
    min-width:46px!important;

    padding:0!important;
    margin:0!important;

    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;

    border:0!important;
    background:transparent!important;
    box-shadow:none!important;

    pointer-events:auto!important;
    cursor:pointer!important;

    opacity:1!important;
    visibility:visible!important;

    z-index:2147483646!important;
  }

  body.v8 .v6-menu-btn span{
    display:block!important;

    position:relative!important;
    top:auto!important;
    left:auto!important;

    width:24px!important;
    height:2px!important;

    margin:0!important;

    background:#1597e5!important;

    transform:none!important;
    opacity:1!important;

    transition:
      transform .25s ease,
      opacity .18s ease!important;
  }

  body.v8.v8443-nav-open
  .v6-menu-btn span:nth-child(1){
    transform:
      translateY(7px)
      rotate(45deg)!important;
  }

  body.v8.v8443-nav-open
  .v6-menu-btn span:nth-child(2){
    opacity:0!important;
  }

  body.v8.v8443-nav-open
  .v6-menu-btn span:nth-child(3){
    transform:
      translateY(-7px)
      rotate(-45deg)!important;
  }

  .v8443-mobile-backdrop{
    position:fixed!important;

    top:var(--v8443-nav-top,76px)!important;
    left:0!important;
    right:0!important;
    bottom:0!important;

    display:block!important;

    background:rgba(2,16,27,.55)!important;

    -webkit-backdrop-filter:blur(5px)!important;
    backdrop-filter:blur(5px)!important;

    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;

    transition:
      opacity .28s ease,
      visibility 0s linear .28s!important;

    z-index:2147483400!important;
  }

  body.v8443-nav-open
  .v8443-mobile-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;

    transition:
      opacity .28s ease,
      visibility 0s!important;
  }

  .v8443-mobile-drawer{
    position:fixed!important;

    top:var(--v8443-nav-top,76px)!important;
    right:0!important;
    bottom:0!important;

    width:min(88vw,420px)!important;
    max-width:420px!important;

    padding:
      28px
      24px
      max(28px,env(safe-area-inset-bottom))!important;

    background:#fbf8f0!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;

    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;

    transform:translate3d(105%,0,0)!important;

    visibility:hidden!important;
    pointer-events:none!important;

    box-shadow:
      -28px 0 65px rgba(3,19,30,.24)!important;

    transition:
      transform .36s cubic-bezier(.22,.82,.3,1),
      visibility 0s linear .36s!important;

    z-index:2147483500!important;
  }

  body.v8443-nav-open
  .v8443-mobile-drawer{
    transform:translate3d(0,0,0)!important;

    visibility:visible!important;
    pointer-events:auto!important;

    transition:
      transform .36s cubic-bezier(.22,.82,.3,1),
      visibility 0s!important;
  }

  .v8443-menu-eyebrow{
    padding:2px 2px 18px!important;

    color:#ae8124!important;

    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.22em!important;

    border-bottom:
      1px solid rgba(9,38,56,.11)!important;
  }

  .v8443-menu-links{
    display:block!important;
  }

  .v8443-menu-links a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    min-height:58px!important;

    padding:0 2px!important;

    color:#09283a!important;

    font-size:18px!important;
    font-weight:750!important;
    line-height:1.2!important;

    text-decoration:none!important;

    border-bottom:
      1px solid rgba(9,38,56,.10)!important;
  }

  .v8443-menu-links a b{
    color:#b78b2e!important;

    font-size:17px!important;
    font-weight:600!important;

    transition:transform .2s ease!important;
  }

  .v8443-menu-links a:active b{
    transform:translateX(4px)!important;
  }

  .v8443-menu-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;

    margin-top:22px!important;
  }

  .v8443-menu-actions > a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-height:48px!important;

    padding:11px 12px!important;

    border-radius:12px!important;

    font-size:13px!important;
    font-weight:800!important;

    text-align:center!important;
    text-decoration:none!important;
  }

  .v8443-track{
    background:#0b3045!important;
    color:#fff!important;
  }

  .v8443-portal{
    background:#edf0ed!important;
    color:#0b3045!important;

    border:
      1px solid rgba(11,48,69,.12)!important;
  }

  .v8443-quote{
    grid-column:1/-1!important;

    justify-content:space-between!important;

    padding-left:18px!important;
    padding-right:18px!important;

    background:#dbaa32!important;
    color:#092638!important;
  }

  .v8443-quote span{
    font-size:18px!important;
  }

  .v8443-menu-contact{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;

    margin-top:22px!important;
    padding-top:18px!important;

    border-top:
      1px solid rgba(9,38,56,.10)!important;
  }

  .v8443-menu-contact a{
    color:#49616e!important;

    font-size:12px!important;
    font-weight:650!important;

    text-decoration:none!important;
  }
}



/* ==========================================================
   V8.44.4 — MOBILE ASSISTANT + HOMEPAGE TRACKING
   Compact avatar, no form obstruction.
   Desktop remains unchanged.
   ========================================================== */

@media (max-width:720px){

  /*
   * ATL Assistant:
   * avatar-only launcher on mobile.
   * Removes the 224px invisible/button footprint.
   */
  body.v8 .aash-assistant-launch,
  body.v8 .aash-assistant-launch:hover,
  body.v8 .aash-assistant-launch:focus,
  body.v8 .aash-assistant-launch:focus-visible,
  body.v8 .aash-assistant-launch:active{
    position:fixed!important;

    right:12px!important;
    bottom:
      calc(12px + env(safe-area-inset-bottom,0px))!important;

    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:64px!important;

    padding:0!important;
    margin:0!important;

    border:0!important;
    border-radius:50%!important;

    background:transparent!important;
    box-shadow:none!important;

    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;

    overflow:visible!important;

    font-size:0!important;
    color:transparent!important;

    transform:none!important;

    z-index:1100!important;
  }

  /*
   * Hide mobile speech bubble completely.
   */
  body.v8 .aash-assistant-launch::before{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
  }

  /*
   * Keep only the branded animated avatar.
   */
  body.v8 .aash-assistant-launch::after{
    content:""!important;

    display:block!important;
    position:absolute!important;

    right:0!important;
    bottom:0!important;

    width:62px!important;
    height:62px!important;

    border-radius:50%!important;

    background:
      url("/assets/img/atl-assistant-avatar.png")
      center 18% / cover no-repeat!important;

    border:3px solid #d9ad4f!important;

    box-shadow:
      0 10px 26px rgba(7,23,36,.24)!important;

    transform-origin:50% 85%!important;

    animation:
      atlAvatarLive
      7s ease-in-out
      1s infinite!important;
  }

  /*
   * Navigator panel stays above the launcher and
   * respects iPhone safe-area space.
   */
  body.v8 .assistant-panel{
    left:10px!important;
    right:10px!important;

    width:auto!important;

    bottom:
      calc(86px + env(safe-area-inset-bottom,0px))!important;

    max-height:min(66dvh,560px)!important;

    border-radius:20px!important;
  }

  /*
   * No assistant on top of the mobile navigation drawer.
   */
  body.v8443-nav-open .aash-assistant-launch,
  body.v8443-nav-open .assistant-panel{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }


  /* ----------------------------------------------------------
     HOMEPAGE GLOBAL CONTROL
     ---------------------------------------------------------- */

  body.v8.home-page .v6-command{
    width:100%!important;
    max-width:100%!important;

    padding:16px!important;

    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.v8.home-page .command-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
  }

  body.v8.home-page .command-live{
    flex:0 0 auto!important;
  }

  /*
   * Container / Vessel / Air Cargo always fit on one row.
   */
  body.v8.home-page .command-tabs{
    display:grid!important;

    grid-template-columns:
      repeat(3,minmax(0,1fr))!important;

    gap:6px!important;

    width:100%!important;

    margin:16px 0 12px!important;
    padding:4px!important;

    box-sizing:border-box!important;
  }

  body.v8.home-page .command-tab{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

    height:44px!important;

    padding:0 5px!important;
    margin:0!important;

    border-radius:9px!important;

    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;

    white-space:nowrap!important;

    box-sizing:border-box!important;
  }

  /*
   * Tracking field and Search button stack cleanly.
   */
  body.v8.home-page .command-input{
    display:grid!important;

    grid-template-columns:
      minmax(0,1fr)!important;

    gap:8px!important;

    width:100%!important;

    margin:0!important;

    box-sizing:border-box!important;
  }

  body.v8.home-page .command-input input,
  body.v8.home-page .command-input button{
    display:block!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    height:48px!important;

    margin:0!important;

    box-sizing:border-box!important;
  }

  body.v8.home-page .command-input input{
    padding-left:14px!important;
    padding-right:14px!important;

    font-size:14px!important;
  }

  body.v8.home-page .command-input button{
    font-size:15px!important;
  }

  body.v8.home-page .command-hints{
    margin-top:12px!important;

    font-size:10px!important;
    line-height:1.5!important;
  }
}



/* ==========================================================
   V8.44.5 — MOBILE ASSISTANT COLLISION SAFETY
   Do not cover tracking / interactive controls.
   ========================================================== */

@media (max-width:720px){

  body.v8 .aash-assistant-launch{
    transition:
      opacity .22s ease,
      visibility .22s ease,
      transform .22s ease!important;
  }

  /*
   * The homepage tracking console is a primary action area.
   * Hide the floating assistant while that card is in view.
   */
  body.v8.home-page.v8445-command-in-view
  .aash-assistant-launch{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:
      translate3d(20px,12px,0)
      scale(.82)!important;
  }

  /*
   * If the Navigator was already open, also keep the panel
   * out of the way while the tracking card is visible.
   */
  body.v8.home-page.v8445-command-in-view
  .assistant-panel{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /*
   * Slightly improve breathing room around the mobile
   * tracking controls.
   */
  body.v8.home-page .command-tabs{
    position:relative!important;
    z-index:2!important;
  }

  body.v8.home-page .command-input{
    position:relative!important;
    z-index:2!important;
  }

  body.v8.home-page .command-hints{
    position:relative!important;
    z-index:2!important;
  }
}



/* ==========================================================
   V8.44.6 — MOBILE HOMEPAGE POLISH
   ========================================================== */

@media (max-width:720px){

  /* ---------------------------------------------
     COMPACT FLOATING ASSISTANT
     --------------------------------------------- */

  body.v8 .aash-assistant-launch,
  body.v8 .aash-assistant-launch:hover,
  body.v8 .aash-assistant-launch:focus,
  body.v8 .aash-assistant-launch:active{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:52px!important;

    right:7px!important;
    bottom:
      calc(8px + env(safe-area-inset-bottom,0px))!important;
  }

  body.v8 .aash-assistant-launch::after{
    width:50px!important;
    height:50px!important;

    border-width:2px!important;

    box-shadow:
      0 8px 22px rgba(7,23,36,.22)!important;
  }


  /* ---------------------------------------------
     GLOBAL HOMEPAGE SPACING
     --------------------------------------------- */

  body.v8.home-page .section{
    padding-top:58px!important;
    padding-bottom:58px!important;
  }

  body.v8.home-page .section-heading{
    margin-bottom:28px!important;
  }

  body.v8.home-page .section-heading h2{
    margin-bottom:18px!important;
  }


  /* ---------------------------------------------
     PROOF / CREDENTIAL STRIP
     Prevent cropped horizontal cells on phones.
     --------------------------------------------- */

  body.v8.home-page .v841-proof-bar{
    overflow:hidden!important;
  }

  body.v8.home-page .v841-proof-inner{
    display:grid!important;
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;

    width:100%!important;
    min-width:0!important;

    margin:0!important;
  }

  body.v8.home-page .v841-proof-inner > *{
    min-width:0!important;
    width:auto!important;

    padding:18px 14px!important;

    box-sizing:border-box!important;
  }

  body.v8.home-page .v841-proof-inner > *:nth-child(odd){
    border-left:0!important;
  }


  /* ---------------------------------------------
     OPERATING MODEL CARDS
     --------------------------------------------- */

  body.v8.home-page .v6-operating{
    gap:0!important;
    margin-top:38px!important;
  }

  body.v8.home-page .v6-operating article{
    min-height:0!important;
    padding:30px 28px!important;
  }

  body.v8.home-page .v6-operating article h3{
    margin-top:16px!important;
    margin-bottom:9px!important;
  }


  /* ---------------------------------------------
     SOLUTION / SPECIALIST CARDS
     --------------------------------------------- */

  body.v8.home-page .v6-solutions{
    gap:22px!important;
  }

  body.v8.home-page .v6-solution-feature{
    min-height:0!important;
  }

  body.v8.home-page .v6-solution-copy{
    padding:28px 26px 30px!important;
  }

  body.v8.home-page .v6-solution-copy h3{
    margin-bottom:12px!important;
  }


  /* ---------------------------------------------
     IMAGES / CARDS
     --------------------------------------------- */

  body.v8.home-page
  .v6-solution-feature img{
    width:100%!important;
    height:auto!important;

    aspect-ratio:1.55 / 1!important;
    object-fit:cover!important;
  }


  /* ---------------------------------------------
     PREVENT ACCIDENTAL MOBILE HORIZONTAL OVERFLOW
     --------------------------------------------- */

  html,
  body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.v8.home-page main,
  body.v8.home-page section{
    max-width:100%!important;
  }

}