/* Clear Next Step — selected 2026-09-12.
   This layer deliberately changes composition and service hierarchy while
   preserving the Wedeb identity, bilingual behavior and existing components. */

:root{
  --navy:#142331;
  --navy-900:#0A141D;
  --navy-700:#213547;
  --navy-500:#496072;
  --amber:#FFB000;
  --amber-700:#9A6000;
  --amber-100:#FFF3D6;
  --paper:#F4F6F7;
  --paper-2:#E9EEF1;
  --slate:#586975;
  --slate-400:#A9B5BD;
  --slate-200:#CCD5DA;
  --slate-100:#E6EBEE;
  --ok:#087A64;
  --ok-bg:#DDF2EC;
  --r-sm:6px;
  --r-md:10px;
  --r-lg:16px;
  --sh-2:0 22px 70px rgba(6,16,24,.24);
  --wrap:1240px;
  --hdr-h:68px;
}

body{background:var(--paper);color:var(--navy);}
h1,h2,h3,h4{letter-spacing:-.028em;}
.hdr{background:rgba(10,20,29,.96);backdrop-filter:blur(16px);}
.hdr__bar{max-width:var(--wrap);}
.nav a{font-weight:600;}

/* Keep the two journeys legible: public discovery on the left, customer work on the right. */
.nav__links,.nav__actions{display:flex;align-items:center;}
.nav__links{gap:18px;}
.nav__actions{gap:10px;margin-left:8px;}
.nav__workspace{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#d6e1e6;font-size:.78rem;white-space:nowrap;}
.nav__workspace:hover{background:rgba(255,255,255,.07);border-color:rgba(255,176,0,.8);color:#fff;}
.nav__workspace-mark{width:7px;height:7px;border-radius:50%;background:#2bb394;box-shadow:0 0 0 4px rgba(43,179,148,.14);flex:none;}
.nav__workspace-arrow{color:var(--amber);font-size:1rem;line-height:1;margin-left:2px;}
.nav__actions .btn[aria-current="page"]::after{display:none;}

@media(min-width:960px){
  .nav{gap:0;}
  .nav__links a{padding:9px 0;border:0;font-size:.82rem;}
  .nav__actions .btn{padding:10px 15px;margin-left:0;}
  .nav__workspace{font-size:.76rem;}
}

@media(min-width:860px) and (max-width:959px){
  .nav__links{gap:12px;}
  .nav__actions{gap:7px;margin-left:3px;}
  .nav__workspace{padding-inline:8px;font-size:.69rem;}
  .nav__workspace-mark{width:6px;height:6px;}
  .nav__workspace-arrow{font-size:.9rem;}
  .nav__actions .btn{padding-inline:9px;font-size:.73rem;white-space:nowrap;}
}

@media(max-width:859px){
  .nav.is-open{padding:8px 20px 16px;}
  .nav__links,.nav__actions{display:grid;gap:0;}
  .nav__actions{margin:8px 0 0;padding-top:6px;border-top:1px solid rgba(255,255,255,.14);}
  .nav__links a,.nav__actions a{padding:13px 0;border-top:1px solid rgba(255,255,255,.09);}
  .nav__links a:first-child{border-top:0;}
  .nav__workspace{border:0;border-radius:0;padding:13px 0;justify-content:flex-start;gap:10px;}
  .nav__workspace-arrow{margin-left:auto;}
  .nav__actions .btn{width:100%;margin-top:7px;}
}

.hero--clear{min-height:690px;background:radial-gradient(900px 520px at 82% 22%,#203b4b 0%,#0d1c27 56%,#071018 100%);isolation:isolate;}
.hero--clear::before{display:none;}
.hero-clear__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;}
.hero-clear__veil{position:absolute;inset:0;z-index:-2;background:
  linear-gradient(90deg,rgba(6,15,23,.96) 0%,rgba(6,15,23,.83) 39%,rgba(6,15,23,.24) 72%,rgba(6,15,23,.08) 100%),
  linear-gradient(0deg,rgba(6,15,23,.74) 0%,transparent 42%);}
.hero-clear__inner{min-height:620px;padding:80px 20px 52px;display:grid;align-items:center;gap:40px;}
.hero-clear__copy{max-width:660px;}
.hero--clear h1{max-width:12ch;font-size:clamp(3rem,6.3vw,5.8rem);line-height:.96;margin-bottom:24px;}
.hero--clear h1 em{color:#fff;font-weight:600;}
.hero--clear .hero__sub{max-width:54ch;font-size:1.08rem;color:#D7E0E5;margin-bottom:0;}
.hero-clear__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.hero-clear__actions .btn{min-height:50px;}
.hero-clear__caption{padding-bottom:18px;font-family:var(--ff-num);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:#C3CDD3;}
.customer-signin{display:inline-flex;align-items:center;gap:9px;margin-top:20px;color:#d5e1e6;font-size:.78rem;border-bottom:1px solid rgba(255,255,255,.32);padding-bottom:4px;}
.customer-signin span:last-child{color:var(--amber);font-size:1rem;}.customer-signin:hover{color:var(--amber);border-color:var(--amber);}

.shipment-glance{align-self:end;background:rgba(247,249,250,.96);color:var(--navy);border-radius:var(--r-lg);padding:24px;box-shadow:var(--sh-2);border-top:5px solid var(--amber);}
.shipment-glance__top{display:flex;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--slate-200);font-family:var(--ff-head);font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--slate);}
.shipment-glance__time{font-family:var(--ff-num);color:var(--navy);}
.shipment-glance__id{font-family:var(--ff-num);font-size:.78rem;letter-spacing:.08em;color:var(--slate);margin-top:20px;}
.shipment-glance__status{display:flex;align-items:center;gap:12px;margin-top:7px;font-family:var(--ff-head);font-weight:700;font-size:clamp(1.55rem,2.7vw,2.3rem);letter-spacing:-.025em;}
.pulse{width:12px;height:12px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 7px rgba(8,122,100,.13);flex:none;}
.shipment-glance__plain{margin-top:10px;color:var(--slate);font-size:.93rem;line-height:1.55;}
.shipment-glance__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:22px 0 0;border-block:1px solid var(--slate-200);}
.shipment-glance__facts div{padding:14px 12px 14px 0;}
.shipment-glance__facts div+div{padding-left:12px;border-left:1px solid var(--slate-200);}
.shipment-glance__facts dt{font-family:var(--ff-head);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);}
.shipment-glance__facts dd{margin:4px 0 0;font-weight:700;font-size:.85rem;line-height:1.35;}
.shipment-glance__link{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px -8px -8px;padding:13px 14px;border-radius:7px;background:var(--navy);color:#fff;font-weight:700;font-size:.88rem;}
.shipment-glance__link:hover{background:var(--navy-700);}

.corridor-visual{align-self:end;background:rgba(10,20,29,.92);border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:22px 22px 17px;box-shadow:0 22px 70px rgba(6,16,24,.3);}
.corridor-visual__top{display:flex;justify-content:space-between;align-items:center;gap:15px;font:700 .7rem var(--ff-head);letter-spacing:.11em;text-transform:uppercase;color:#d4dfe4;}
.corridor-visual__tag{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 9px;color:#ffb000;font-size:.62rem;}
.corridor-visual svg{width:100%;height:auto;margin-top:8px;overflow:visible;}
.route-svg__ghost{fill:none;stroke:rgba(255,255,255,.11);stroke-width:14;stroke-linecap:round;}
.route-svg__line{fill:none;stroke:url(#routeLine);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 11;}
.route-svg__node circle:first-child{fill:#142331;stroke:#8196a0;stroke-width:2;}
.route-svg__node circle:last-child{fill:#8196a0;}
.route-svg__node--done circle:first-child{stroke:#0f9b7d;}.route-svg__node--done circle:last-child{fill:#0f9b7d;}
.route-svg__node--hub circle:first-child{stroke:#ffb000;stroke-width:3;}.route-svg__node--hub circle:last-child{fill:#ffb000;}
.route-svg__node--point circle:first-child{stroke:#8196a0;}.route-svg__node--point circle:last-child{fill:#8196a0;}
.route-svg__label text,.route-svg__sub text,.route-svg__pin text{font-family:var(--ff-head);fill:#f5f8f9;}
.route-svg__label text{font-size:15px;font-weight:700;}.route-svg__sub text{font-size:11px;fill:#a9b8bf;}.route-svg__pin path{fill:#ffb000;}.route-svg__pin text{font:700 10px var(--ff-num);letter-spacing:1.2px;fill:#ffb000;}
.corridor-visual__bottom{display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px solid rgba(255,255,255,.15);padding-top:14px;color:#b7c4cb;font:500 .68rem var(--ff-head);}
.corridor-visual__bottom>span{display:flex;align-items:center;gap:6px;}.dot{width:7px;height:7px;border-radius:50%;background:#8196a0;display:inline-block;}.dot--done{background:#0f9b7d;}.dot--now{background:#ffb000;}.dot--next{background:#8196a0;}

.support-dock{position:fixed;z-index:50;right:22px;bottom:22px;display:grid;justify-items:end;gap:10px;}
.support-dock__toggle{display:flex;align-items:center;gap:10px;background:#ffb000;color:#0a141d;border:0;border-radius:999px;padding:9px 16px 9px 9px;box-shadow:0 13px 30px rgba(10,20,29,.27);cursor:pointer;text-align:left;}
.support-dock__toggle:hover{background:#ffc338;transform:translateY(-1px);}
.support-dock__bubble{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#0a141d;color:#ffb000;font:700 1rem var(--ff-head);}
.support-dock__toggle b,.support-dock__toggle small{display:block;}.support-dock__toggle b{font-size:.8rem;line-height:1.1;}.support-dock__toggle small{font-size:.66rem;margin-top:2px;opacity:.75;}
.support-dock__panel{width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid #d2dde1;border-radius:14px;box-shadow:0 18px 58px rgba(10,20,29,.24);overflow:hidden;}
.support-dock__panel-head{display:flex;justify-content:space-between;gap:18px;padding:20px 20px 0;}.support-dock__eyebrow{font:700 .63rem var(--ff-head);letter-spacing:.1em;text-transform:uppercase;color:#9a6000;}.support-dock__panel h2{font-size:1.45rem;margin-top:6px;}.support-dock__close{width:30px;height:30px;border:1px solid #d2dde1;border-radius:50%;font-size:1.25rem;line-height:1;color:#657782;}.support-dock__panel>p{padding:10px 20px 5px;font-size:.8rem;color:#657782;}.support-dock__options{padding:10px 14px 14px;display:grid;gap:6px;}.support-dock__options a{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:11px;padding:11px 9px;border-radius:8px;}.support-dock__options a:hover{background:#f2f6f7;}.support-dock__icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#fff3d6;color:#9a6000;font-weight:700;}.support-dock__options b,.support-dock__options small{display:block;}.support-dock__options b{font-size:.79rem;}.support-dock__options small{font-size:.68rem;color:#778892;margin-top:3px;}.support-dock__options a>span:last-child{font-size:1.1rem;color:#9a6000;}
html[data-lang="am"] .corridor-visual__tag,.support-dock__eyebrow{letter-spacing:0;text-transform:none;}

.sec{padding-block:76px;}
.sec--tight{padding-block:46px;}
.sec__head{max-width:62ch;}
.tile{border-radius:12px;border-color:#D5DDE1;box-shadow:0 8px 30px rgba(20,35,49,.045);}
.tile__ico{border-radius:8px;}
.corridor__node::after{border-radius:1px;}

.evidence-photo{position:relative;margin:0;border-radius:14px;overflow:hidden;background:var(--navy-900);box-shadow:var(--sh-2);}
.evidence-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.evidence-photo figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 12px;background:rgba(8,19,28,.86);backdrop-filter:blur(6px);border-left:3px solid var(--amber);color:#fff;font-size:.72rem;line-height:1.45;}
.evidence-panel{background:var(--navy-900);color:#f3f7f8;border-radius:14px;padding:22px 23px 12px;box-shadow:var(--sh-2);}
.evidence-panel__head{display:flex;justify-content:space-between;align-items:start;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.14);font:700 .7rem var(--ff-head);letter-spacing:.1em;text-transform:uppercase;color:#c8d4d9;}
.evidence-panel__head b{font:700 2.4rem var(--ff-num);line-height:.8;color:var(--amber);}
.evidence-panel__row{display:flex;align-items:flex-start;gap:13px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.11);}
.evidence-panel__row:last-child{border-bottom:0;}.evidence-panel__mark{font:700 .67rem var(--ff-num);color:var(--amber);padding-top:2px;}.evidence-panel__row b,.evidence-panel__row small{display:block;}.evidence-panel__row b{font-size:.86rem;}.evidence-panel__row small{font-size:.73rem;color:#a9b7bd;margin-top:3px;line-height:1.45;}
html[data-lang="am"] .evidence-panel__head{letter-spacing:0;text-transform:none;}
.illustrative-note{font-size:.76rem;color:var(--slate);margin:-12px 0 20px;border-left:2px solid var(--amber);padding-left:10px;}
.chip--core{background:var(--amber);color:var(--navy-900)}

/* The service section is a handoff sequence, not a generic feature grid. */
.handoff{background:#f8fafb;}
.handoff__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.42fr);gap:64px;align-items:end;margin-bottom:34px;}
.handoff__intro .sec__head{margin-bottom:0;}
.handoff__intro h2{max-width:16ch;font-size:clamp(2rem,4vw,3.35rem);line-height:1.02;}
.handoff__intro .sec__head>p:last-child{max-width:56ch;}
.handoff__aside{border-left:3px solid var(--amber);padding:7px 0 7px 19px;max-width:30ch;}
.handoff__aside-label{font:700 .66rem var(--ff-head);letter-spacing:.1em;text-transform:uppercase;color:var(--amber-700);}
.handoff__aside p{font-size:.92rem;line-height:1.5;margin-top:8px;color:var(--navy);}
.handoff-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--slate-200);border-bottom:1px solid var(--slate-200);}
.handoff-step{position:relative;display:flex;flex-direction:column;gap:20px;min-height:238px;padding:23px 25px 25px 0;}
.handoff-step+.handoff-step{padding-left:25px;border-left:1px solid var(--slate-200);}
.handoff-step__num{font:700 .72rem var(--ff-num);letter-spacing:.1em;color:var(--amber-700);}
.handoff-step h3{font-size:1.15rem;line-height:1.12;}
.handoff-step p{font-size:.86rem;line-height:1.56;color:var(--slate);margin-top:8px;}
.handoff-step__arrow{margin-top:auto;align-self:flex-end;font-size:1.25rem;line-height:1;color:var(--navy);}
.handoff-step:hover h3{color:var(--amber-700);}
.handoff__link{display:inline-flex;align-items:center;gap:16px;margin-top:22px;color:var(--amber-700);font:700 .78rem var(--ff-head);}
.handoff__link span:last-child{font-size:1.1rem;}
html[data-lang="am"] .handoff__aside-label{letter-spacing:0;text-transform:none;}
html[data-lang="am"] .handoff__link{letter-spacing:0;}
@media(max-width:900px){
  .handoff__intro{grid-template-columns:1fr;gap:20px;}
  .handoff__aside{max-width:45ch;}
  .handoff-grid{grid-template-columns:repeat(2,1fr);}
  .handoff-step:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--slate-200);}
  .handoff-step:nth-child(4){border-top:1px solid var(--slate-200);}
}
@media(max-width:560px){
  .handoff-grid{grid-template-columns:1fr;}
  .handoff-step,.handoff-step+.handoff-step,.handoff-step:nth-child(3),.handoff-step:nth-child(4){min-height:0;padding:20px 0;border-left:0;border-top:1px solid var(--slate-200);}
  .handoff-step:first-child{border-top:0;}
  .handoff-step__arrow{position:absolute;right:0;top:20px;}
}

@media(min-width:920px){
  .hero-clear__inner{grid-template-columns:minmax(0,1.2fr) minmax(360px,.72fr);}
}

@media(max-width:919px){
  .hero--clear{min-height:auto;}
  .hero-clear__photo{object-position:64% center;}
  .hero-clear__veil{background:linear-gradient(90deg,rgba(6,15,23,.96),rgba(6,15,23,.66)),linear-gradient(0deg,rgba(6,15,23,.94),transparent 60%);}
  .hero-clear__inner{padding-top:58px;}
  .shipment-glance{max-width:600px;}
  .corridor-visual{max-width:680px;}
}

@media(max-width:560px){
  .hero-clear__inner{padding:46px 20px 34px;}
  .hero--clear h1{font-size:clamp(2.75rem,13vw,4rem);}
  .hero-clear__actions{display:grid;}
  .hero-clear__actions .btn{width:100%;}
  .shipment-glance{padding:19px;}
  .shipment-glance__facts{grid-template-columns:1fr;}
  .shipment-glance__facts div+div{padding-left:0;border-left:0;border-top:1px solid var(--slate-200);}
  .shipment-glance__facts div{padding:11px 0;}
  .corridor-visual{padding:16px 15px 13px;}
  .corridor-visual__top{font-size:.62rem;}
  .corridor-visual__bottom{gap:9px 12px;font-size:.62rem;}
  .support-dock{right:12px;bottom:12px;}
  .support-dock__toggle{padding-right:13px;}
}

@media(prefers-reduced-motion:reduce){.pulse{box-shadow:none;}}