/* Public, fictional journey. Does not share state with the shipping application. */
.form-trap{left:auto;inset-inline-start:auto;width:1px;height:1px;margin:-1px;clip-path:inset(50%);clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.shipment-owner>[data-journey-count],.tour-counter{direction:ltr;unicode-bidi:isolate}html[lang=fa] .hero-inner{padding-bottom:145px}
.shipment-section{padding-block:76px 0}.shipment-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:30px}.shipment-heading h2{font-size:clamp(30px,3.5vw,46px)}.shipment-heading p{max-width:400px;color:#536f82;font-size:15px}.shipment-heading .eyebrow{margin-bottom:15px}
.shipment-demo{border:1px solid #cbdce7;border-radius:20px;background:white;overflow:hidden;box-shadow:0 22px 60px #15375308}.shipment-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#edf4f8;padding:18px 28px;font-size:12px;color:#45667e}.shipment-meta b{color:#1a6153;background:#e0efe9;padding:7px 12px;border-radius:30px;font-weight:500}
.shipment-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #dce5ec;padding:14px 20px;gap:8px}.shipment-stages button{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:13px 10px;background:transparent;color:#526f82;font-size:13px;text-align:start;min-height:48px}.shipment-stages button span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #b8cbd9;border-radius:50%;font-size:11px;flex-shrink:0}.shipment-stages button[aria-pressed=true]{background:#0b293f;color:white}.shipment-stages button[aria-pressed=true] span{background:#1679ed;border-color:#1679ed}.shipment-stages button.passed span{background:#e0f1ea;color:#1a6153;border-color:#b3d6c6}
.shipment-body{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:36px}.shipment-copy,.shipment-preview{min-width:0}.shipment-owner{display:flex;gap:18px;color:#467a9d;font-size:12px;margin-bottom:18px}.shipment-copy h3{font-size:28px;line-height:1.3;letter-spacing:-.6px;min-height:74px}.shipment-copy>p{font-size:15px;color:#526f82;margin-top:16px;min-height:105px}.shipment-open{border:0;border-bottom:1px solid #bfd1df;padding:10px 0;background:transparent;color:#186a9d;font-size:13px;margin-top:15px;min-height:44px}
.shipment-preview{padding:26px;background:radial-gradient(ellipse at 100% 0,#1b4862,transparent 75%),#0b293d;border-radius:14px;color:white}.shipment-preview small{color:#a3c4d7;font-size:11px}.shipment-route{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0;font-size:16px;direction:ltr}.shipment-route i{height:1px;background:#66c7ed;flex:1;position:relative;min-width:30px}.shipment-route i:after{content:'';width:7px;height:7px;background:#66c7ed;border-radius:50%;position:absolute;right:0;top:-3px}.shipment-record{border:1px solid #52768c;border-radius:10px;padding:18px;background:#ffffff06}.shipment-record>span{font-size:12px;color:#a2c6dc;display:block}.shipment-record strong{display:block;font-size:18px;margin-top:12px;font-weight:550}.shipment-record p{font-size:13px;color:#bfd2df;margin-top:10px}.shipment-preview .shipment-fixed{display:block;border-top:1px solid #ffffff25;padding-top:18px;margin-top:18px;font-size:11px;color:#9fbfd1}
.shipment-controls{display:flex;align-items:center;gap:14px;justify-content:space-between;border-top:1px solid #dce5ec;padding:18px 28px}.shipment-controls p{font-size:11px;color:#536f82;max-width:540px}.shipment-controls>div{display:flex;gap:8px;flex-shrink:0}.shipment-controls button{padding:11px 16px;border:1px solid #c6d9e7;border-radius:24px;background:white;color:#1d567c;font-size:12px;min-height:44px}.shipment-controls button:last-child{background:#0b293f;color:white;border-color:#0b293f}.shipment-controls button:disabled{opacity:.4;cursor:default}
html[lang=fa]{--font:Tahoma,'Segoe UI',Arial,sans-serif;--title:Tahoma,'Segoe UI',Arial,sans-serif}html[lang=fa] h1,html[lang=fa] h2,html[lang=fa] h3,html[lang=fa] h4{letter-spacing:0;line-height:1.65}html[lang=fa] .eyebrow{letter-spacing:0;font-size:12px}html[lang=fa] .brand{direction:ltr}html[lang=fa] .hero-shade{background:linear-gradient(270deg,#031425ee,#061726c9 50%,#03152220),linear-gradient(0deg,#061522e6,transparent 35%)}html[lang=fa] .hero h1{font-size:clamp(40px,5vw,66px);line-height:1.55;max-width:760px}html[lang=fa] .hero p{max-width:620px;line-height:2}html[lang=fa] .hero-inner{padding-top:145px}html[lang=fa] .hero{height:auto;min-height:740px;max-height:none}html[lang=fa] .hero-bottom{letter-spacing:0}html[lang=fa] .hero-bottom>span{font-size:11px}html[lang=fa] .vessel-note{display:none}html[lang=fa] .tour-tabs button span{font-size:12px}html[lang=fa] .tour-story h3{font-size:25px}html[lang=fa] .tour-story ol{padding-inline-start:20px;padding-inline-end:0}html[lang=fa] .capture-bar,html[lang=fa] .capture-badge{letter-spacing:0}html[lang=fa] .workspace-choice{text-align:right}html[lang=fa] .workspace-category{letter-spacing:0}html[lang=fa] .workspace-intro h3{font-size:25px}html[lang=fa] .workspace-tools{padding-inline-start:0}html[lang=fa] .tour-navigation{direction:ltr;justify-content:flex-end}html[lang=fa] .tour-navigation span{direction:rtl}html[lang=fa] .faq summary{padding-inline:0 25px}html[lang=fa] .faq summary:after{right:auto;left:0}html[lang=fa] .portal-bar span{margin-left:0;margin-inline-start:auto}html[lang=fa] .demo-section h2{letter-spacing:0}html[lang=fa] input[type=email]{direction:ltr;text-align:left}html[lang=fa] .form-disclosure{line-height:1.9}html[lang=fa] .shipment-copy>p{line-height:2}html[lang=fa] .shipment-copy h3{font-size:26px}html[lang=fa] .shipment-owner{font-size:12px}html[lang=fa] .shipment-route{direction:rtl}html[lang=fa] .screen-note{line-height:1.9}
@media(max-width:850px){.shipment-heading{display:block}.shipment-heading p{margin-top:18px;max-width:600px}.shipment-body{gap:24px;padding:25px}.shipment-stages{gap:4px;padding:10px}.shipment-stages button{flex-direction:column;text-align:center;font-size:12px;padding:10px 4px}.shipment-copy h3{min-height:0}.shipment-copy>p{min-height:0}.shipment-controls{align-items:start}.shipment-controls p{max-width:350px}html[lang=fa] .hero-inner{padding-top:125px;padding-bottom:145px}html[lang=fa] .hero h1{font-size:44px}}
@media(max-width:600px){.shipment-section{padding-top:48px}.shipment-heading{margin-bottom:24px}.shipment-heading h2{font-size:30px}.shipment-heading p{font-size:14px}.shipment-meta{padding:16px;font-size:11px;gap:10px}.shipment-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.shipment-stages button{flex-direction:row;font-size:11px;min-height:48px}.shipment-stages button span{width:22px;height:22px}.shipment-body{grid-template-columns:minmax(0,1fr);padding:22px 18px;gap:23px}.shipment-copy h3{font-size:25px}.shipment-copy>p{font-size:14px}.shipment-preview{padding:21px 17px}.shipment-route{font-size:13px}.shipment-controls{flex-direction:column;gap:12px;padding:18px}.shipment-controls>div{width:100%;justify-content:space-between}.shipment-controls p{font-size:11px}.shipment-demo{border-radius:14px}html[lang=fa] .hero h1{font-size:clamp(31px,9vw,43px)}html[lang=fa] .hero p{font-size:14px}html[lang=fa] .hero-bottom>span{font-size:9px}html[lang=fa] .hero .eyebrow{font-size:10px}html[lang=fa] .hero{min-height:680px}html[lang=fa] .section-top h2{font-size:32px}html[lang=fa] .tour-tabs button span{font-size:11px}html[lang=fa] .shipment-copy h3{font-size:23px}html[lang=fa] .demo-section h2{font-size:32px}html[lang=fa] .form-grid label{font-size:13px}}