:root{
    --radius:14px;
  }
  .postex-landing{
    background:var(--paper);
    line-height:1.9;
    overflow-x:hidden;
  }
  .postex-landing .mono{ font-family:'JetBrains Mono', monospace; direction:ltr; unicode-bidi:isolate; }

  .postex-landing h1,
  .postex-landing h2,
  .postex-landing h3,
  .postex-landing h4{ font-weight:800; color:var(--blue); }
  .postex-landing h2{
      font-size: 20px;
      margin-bottom: 20px;
  }
  .postex-landing .display{ font-weight:400; letter-spacing: 0; }
  section{ position:relative; }
  img,svg{ display:block; max-width:100%; }

  /* ---------- perforated waybill card, the signature element ---------- */
  .stub{
    position:relative;
    background:var(--white);
    border:1.5px solid var(--line);
    border-radius:10px;
    padding:26px 24px 22px;
    overflow:visible;
  }
  .stub::before{
    content:"";
    position:absolute;
    top:-9px; right:26px;
    width:18px; height:18px;
    background:var(--paper);
    border:1.5px solid var(--line);
    border-radius:50%;
  }
  .stub::after{
    content:"";
    position:absolute;
    inset-inline-start:0; inset-inline-end:0;
    top:14px;
    height:0;
    border-top:2px dashed var(--line);
    opacity:.7;
  }
  .stub .stub-code{
    display:block; margin-top:22px;
    font-size:.72rem; color:var(--blue-soft); opacity:.75;
    letter-spacing:1px;
  }
  .stub .stub-head{
    display:flex; align-items:center; gap:12px; margin-bottom:12px;
  }
  .stub .stub-icon{
    flex:0 0 auto; width:42px; height:42px; border-radius:9px;
    background:var(--paper-dark); display:flex; align-items:center; justify-content:center;
  }
  .stub h3{ font-size:1.08rem; }
  .stub p{ color:var(--blue-soft); font-size:.96rem; }

  .btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:12px 22px; border-radius:999px; font-weight:700; font-size:.95rem;
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn-orange{ background:var(--orange); color:var(--blue); color : white}
  .btn-orange:hover{ transform:translateY(-2px); box-shadow:0 10px 22px -8px rgba(245,127,23,.6); }
  .btn-ghost{ border:1.5px solid var(--blue); color:var(--blue); }
  .btn-ghost:hover{ background:var(--blue); color:var(--white); }
  .btn-sm{ padding:9px 16px; font-size:.85rem; }

  /* ---------- hero ---------- */
  .hero{ padding:180px 0 80px; }
  .hero-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center; }
  @media (max-width:900px){ .hero-grid{ grid-template-columns:1fr; } }
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-size:.82rem; font-weight:700; color:var(--orange-deep);
    background:rgba(245,127,23,.12); padding:7px 14px; border-radius:999px; margin-bottom:20px;
  }
  .hero h1{line-height:1.28; margin-bottom:20px; }
  .hero h1 span{ color:var(--orange-deep); }
  .hero .lede{ font-size: 16px; color:var(--blue-soft); margin-bottom:30px; text-align: justify }
  .hero-ctas{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:26px; }
  .trust-line{ display:flex; gap:22px; flex-wrap:wrap; font-size:.86rem; color:var(--blue-soft); }
  .trust-line b{ color:var(--blue); }
  @media (max-width:900px){
      .hero-ctas{
          gap: 8px;
      }
      .btn{
          padding: 12px;
      }
      .trust-line {
          gap: 10px;
          font-size: .7rem;
      }
  }
  /* hero waybill visual */
  .waybill{
    background:var(--white); border:1.5px solid var(--line); border-radius:16px;
    padding:26px; position:relative;
    box-shadow:0 30px 60px -30px rgba(39,122,181,.35);
  }
  .waybill-top{ display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:18px; }
  .waybill-top .to{ font-size:.8rem; color:var(--blue-soft); }
  .waybill-top .to b{ display:block; color:var(--blue); font-size:1rem; margin-top:2px; }
  .stamp{
    width:64px; height:64px; border-radius:50%; border:2.5px solid var(--red);
    color:var(--red); display:flex; align-items:center; justify-content:center;
    font-size:.62rem; font-weight:800; text-align:center; transform:rotate(-14deg); opacity:.85;
    line-height:1.15; flex:0 0 auto;
  }
  .barcode{ height:46px; display:flex; align-items:flex-end; gap:3px; margin:16px 0 10px; }
  .barcode span{ background:var(--blue); width:4px; }
  .barcode span:nth-child(1){height:70%}
  .barcode span:nth-child(2){height:100%}
  .barcode span:nth-child(3){height:45%}
  .barcode span:nth-child(4){height:80%}
  .barcode span:nth-child(5){height:30%}
  .barcode span:nth-child(6){height:60%}
  .barcode span:nth-child(7){height:95%}
  .barcode span:nth-child(8){height:40%}
  .barcode span:nth-child(9){height:75%}
  .barcode span:nth-child(10){height:55%}
  .barcode span:nth-child(11){height:100%}
  .barcode span:nth-child(12){height:35%}
  .barcode span:nth-child(13){height:65%}
  .barcode span:nth-child(14){height:90%}
  .barcode span:nth-child(15){height:50%}
  .barcode span:nth-child(16){height:80%}
  .barcode span:nth-child(17){height:30%}
  .barcode span:nth-child(18){height:70%}
  .waybill-track{ display:flex; justify-content:space-between; font-size:.78rem; color:var(--blue-soft); margin-bottom:22px; }
  .steps{ display:flex; justify-content:space-between; position:relative; }
  .steps::before{
    content:""; position:absolute; top:9px; right:8%; left:8%; height:2px; background:var(--line);
  }
  .step{ position:relative; text-align:center; flex:1; font-size:.72rem; color:var(--blue-soft); }
  .step i{
    display:block; width:20px; height:20px; margin:0 auto 8px; border-radius:50%;
    background:var(--white); border:2.5px solid var(--line); position:relative; z-index:1;
  }
  .step.done i{ background:var(--green); border-color:var(--green); }
  .step.active i{ background:var(--orange); border-color:var(--orange); animation:pulse 1.8s infinite; }
  @keyframes pulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(245,127,23,.5);} 50%{ box-shadow:0 0 0 7px rgba(245,127,23,0);} }
  .step.done, .step.active{ color:var(--blue); font-weight:700; }

  /* ---------- generic sections ---------- */
  .section{ padding:88px 0; }
  .section-alt{ background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }



  .section-head{ max-width:700px; margin-bottom:48px; }
  .kicker{
    display:block; font-size:.82rem; font-weight:700; color:var(--orange);
    text-transform:none; margin-bottom:10px;
  }

  .section-head h2{margin-bottom:14px; }
  .section-head p{ color:var(--blue-soft); font-size:1.02rem; }


  .grid{ display:grid; gap:22px; }
  .grid-3{ grid-template-columns:repeat(3,1fr); }
  .grid-5{ grid-template-columns:repeat(5,1fr); }
  @media (max-width:900px){ .grid-3{ grid-template-columns:1fr 1fr; } .grid-5{ grid-template-columns:1fr 1fr; } }
  @media (max-width:600px){ .grid-3, .grid-5{ grid-template-columns:1fr; } }

  .icon-svg{ width:22px; height:22px; }

  /* carrier badges */
  .carrier{
    background:var(--white); border:1.5px solid var(--line); border-radius:12px;
    padding:20px 14px; text-align:center; font-weight:700; font-size:.94rem;
  }
  .carrier small{ display:block; font-weight:400; color:var(--blue-soft); font-size:.76rem; margin-top:6px; }

  /* two column feature row */
  .split{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
  @media (max-width:860px){ .split{ grid-template-columns:1fr; } }
  .tag-list{ list-style:none; padding-right: 10px;}
  .tag-list li{ display:flex; gap:12px; padding:12px 0; border-bottom:1px dashed var(--line); }
  .tag-list li:last-child{ border-bottom:none; }
  .tag-list b{ display:block; margin-bottom:2px; }
  .tag-list small{ color:var(--blue-soft); font-size:.88rem; }
  .dot{ flex:0 0 auto; width:8px; height:8px; border-radius:50%; background:var(--orange); margin-top:9px; }


  /* tracking mock panel */
  .panel{
    background:var(--white); border:1.5px solid var(--line); border-radius:16px; padding:24px;
  }
  .panel-row{ display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px solid var(--paper-dark); font-size:.9rem; }
  .panel-row:last-child{ border-bottom:none; }
  .badge{ font-size:.74rem; font-weight:700; padding:5px 10px; border-radius:999px; }
  .badge-green{ background:rgba(47,143,107,.14); color:var(--green); }
  .badge-gold{ background:rgba(245,127,23,.16); color:var(--orange-deep); }
.track-desc{
    color:var(--ink-soft); margin-bottom:20px;
}
  /* comparison table */
  table.compare{ width:100%; border-collapse:collapse; background:var(--white); border-radius:16px; overflow:hidden; border:1.5px solid var(--line); }
  table.compare th, table.compare td{ padding:16px 18px; text-align:center; border-bottom:1px solid var(--paper-dark); font-size:.94rem; }
  table.compare th{ background:var(--paper-dark); font-weight:800; }
  table.compare td:first-child, table.compare th:first-child{ text-align:right; font-weight:600; }
  table.compare tr:last-child td{ border-bottom:none; }
  .yes{ color:var(--green); font-weight:800; }
  .no{ color:#B9B2A0; }
  .plan-cta{ margin-top:26px; display:flex; gap:16px; flex-wrap:wrap; justify-content:center; }

  /* final cta */
  .final{ text-align:center; padding:100px 0; }
  .final h2{ font-size:clamp(1.8rem,4vw,2.6rem); margin-bottom:16px; }
  .final p{ color:var(--blue-soft); max-width:52ch; margin:0 auto 34px; }
    .final .hero-ctas{
        justify-content: center;
    }


  .section-head {
      margin-left:auto;
      margin-right:auto;
      text-align:center;
  }

  .flex-manual{
      display: flex;
      gap: 30px;
  }
  .flex-manual .video-section{
      flex: 2;
  }
  .flex-manual .manual-text{
      flex: 1;
  }
  .flex-manual .hero-ctas{
      margin-top: 30px;
  }
  .manual-desc{
      color: var(--blue-soft);
      margin-top: 10px;
  }
    .video-section iframe{
        display: block;padding-top: 57%
    }
  .rahgiri-text{
      color:var(--ink-soft); font-size:.82rem;
  }


  @media (max-width:900px){
      .flex-manual{
          flex-direction: column;
      }
  }
  @media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
    .step.active i{ animation:none; }
  }