:root {
          --navy: #1d4797;
          --navy-dark: #0f2550;
          --orange: #f69321;
          --orange-lt: #fdb14b;
          --white: #ffffff;
          --off: #f5f7fa;
          --border: #e2e6ed;
          --text: #1a1e2e;
          --muted: #6b7280;
      }

      /* EARLY BIRD BAR */
      .eb-bar {
          background: var(--orange);
          padding: 10px 40px;
          text-align: center;
      }

      .eb-bar p {
          font-size: 13px;
          font-weight: 700;
          color: white;
          letter-spacing: 0.02em;
      }

      .eb-bar span {
          background: rgba(0, 0, 0, 0.12);
          padding: 2px 10px;
          border-radius: 2px;
          margin-left: 8px;
          font-size: 12px;
      }

      /* COUNTDOWN */
      .countdown-bar {
          background: white;
          border-bottom: 1px solid var(--border);
          padding: 20px 40px;
      }

      .countdown-inner {
          max-width: 1140px;
          margin: 0 auto;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 32px;
      }

      .cd-label {
          font-size: 12px;
          font-weight: 600;
          color: var(--muted);
          text-transform: uppercase;
          letter-spacing: 0.08em;
      }

      .cd-units {
          display: flex;
          gap: 8px;
      }

      .cd-unit {
          background: var(--navy-dark);
          border-radius: 4px;
          padding: 8px 14px;
          text-align: center;
          min-width: 60px;
      }

      .cd-num {
          font-size: 22px;
          font-weight: 800;
          color: white;
          line-height: 1;
          display: block;
      }

      .cd-txt {
          font-size: 9px;
          font-weight: 600;
          letter-spacing: 0.1em;
          text-transform: uppercase;
          color: rgba(255, 255, 255, 0.4);
          display: block;
          margin-top: 3px;
      }

      /* PRICE COUNTDOWN BAR */
      .pcb-section {
          background: var(--navy-dark);
          border-bottom: 1px solid rgba(0, 0, 0, 0.25);
          padding: 0 40px;
      }

      .pcb-wrap {
          max-width: 1140px;
          margin: 0 auto;
          display: grid;
          grid-template-columns: 1fr auto 1fr;
          align-items: center;
          gap: 0;
      }

      .pcb-left {
          padding: 22px 32px 22px 0;
      }

      .pcb-center {
          text-align: center;
          padding: 22px 32px;
          border-left: 1px solid rgba(255, 255, 255, 0.08);
          border-right: 1px solid rgba(255, 255, 255, 0.08);
      }

      .pcb-heading {
          font-size: 10px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.12em;
          color: rgba(255, 255, 255, 0.35);
          margin-bottom: 10px;
      }

      .pcb-clock {
          display: flex;
          align-items: flex-end;
          justify-content: center;
          gap: 4px;
          transition: opacity 0.3s;
      }

      .pcb-clock.is-paused {
          opacity: 0.3;
          pointer-events: none;
      }

      .pcb-unit {
          text-align: center;
          background: rgba(255, 255, 255, 0.07);
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-radius: 4px;
          padding: 7px 12px;
          min-width: 52px;
      }

      .pcb-unit b {
          display: block;
          font-size: 22px;
          font-weight: 800;
          color: var(--orange);
          line-height: 1;
          font-variant-numeric: tabular-nums;
      }

      .pcb-unit span {
          display: block;
          font-size: 9px;
          font-weight: 600;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          color: rgba(255, 255, 255, 0.3);
          margin-top: 3px;
      }

      .pcb-colon {
          font-size: 20px;
          font-weight: 700;
          color: rgba(255, 255, 255, 0.2);
          padding-bottom: 14px;
      }

      .pcb-selector {
          display: flex;
          flex-direction: column;
          gap: 6px;
          justify-self: end;
          padding: 22px 0 22px 32px;
      }

      .pcb-sel-label {
          font-size: 10px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.12em;
          color: rgba(255, 255, 255, 0.35);
          margin-bottom: 10px;
          color: var(--orange);
      }

      .pcb-sel-wrap {
          position: relative;
      }

      .pcb-sel-wrap::after {
          content: "▾";
          position: absolute;
          right: 12px;
          top: 50%;
          transform: translateY(-50%);
          pointer-events: none;
          color: rgba(255, 255, 255, 0.5);
          font-size: 14px;
      }

      .pcb-sel {
          -webkit-appearance: none;
          appearance: none;
          background: rgba(255, 255, 255, 0.08);
          border: 1.5px solid rgba(255, 255, 255, 0.15);
          border-radius: 6px;
          padding: 9px 36px 9px 14px;
          font-size: 13px;
          font-weight: 600;
          color: white;
          font-family: inherit;
          cursor: pointer;
          min-width: 280px;
          transition: border-color 0.15s;
      }

      .pcb-sel option {
          background: var(--navy-dark);
          color: white;
      }

      .pcb-sel:focus {
          outline: none;
          border-color: var(--orange);
      }

      .pt-urgency-bar {
          display: block;
          font-size: 14px;
          font-weight: 600;
          line-height: 1.55;
          color: rgba(255, 255, 255, 0.75);
      }

      .pt-urgency-bar.is-current {
          background: none;
          border: none;
          color: rgba(255, 255, 255, 0.8);
      }

      .pt-urgency-bar.is-future {
          background: none;
          border: none;
          color: rgba(255, 255, 255, 0.7);
      }

      .pt-urgency-bar strong {
          font-weight: 800;
          font-size: 1.15em;
          color: var(--orange);
      }

      .pt-urgency-bar.is-future strong {
          color: #fca5a5;
      }

      /* PACKAGES */
      .packages {
          padding: 0px 40px 72px;
      }

      .packages-inner {
          max-width: 1140px;
          margin: 0 auto;
      }

      .sec-title {
          font-size: 22px;
          font-weight: 800;
          color: var(--text);
          margin-bottom: 6px;
      }

      .sec-sub {
          font-size: 14px;
          color: var(--muted);
          margin-bottom: 36px;
      }

      .pkg-grid {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 16px;
      }

      .pkg-grid-2 {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 16px;
          margin-top: 16px;
      }

      .pkg {
          background: white;
          border: 1px solid var(--border);
          border-radius: 8px;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          transition:
              box-shadow 0.2s,
              transform 0.2s;
      }

      .pkg:hover {
          box-shadow: 0 8px 28px rgba(0, 0, 0, 0.09);
          transform: translateY(-2px);
      }

      .pkg.featured {
          border-color: var(--orange);
          border-width: 2px;
          box-shadow: 0 4px 18px rgba(246, 147, 33, 0.15);
      }

      .pkg.featured:hover {
          box-shadow: 0 10px 32px rgba(246, 147, 33, 0.25);
      }

      .featured-tag {
          background: var(--orange);
          color: white;
          text-align: center;
          font-size: 11px;
          font-weight: 700;
          letter-spacing: 0.12em;
          text-transform: uppercase;
          padding: 6px;
      }

      .pkg-top {
          background: #1e3f7a;
          padding: 22px 22px 18px;
      }

      .pkg.featured .pkg-top {
          background: var(--navy);
      }

      .pkg-name {
          font-size: 15px;
          font-weight: 700;
          color: white;
          line-height: 1.3;
      }

      .pkg-dates {
          font-size: 11px;
          color: rgba(255, 255, 255, 0.4);
          margin-top: 4px;
      }

      .pkg-price-row {
          display: flex;
          align-items: baseline;
          gap: 6px;
          margin-top: 14px;
      }

      .pkg-price {
          font-size: 36px;
          font-weight: 800;
          color: var(--orange);
          line-height: 1;
      }

      .pkg-note {
          font-size: 11px;
          color: rgba(255, 255, 255, 0.35);
          line-height: 1.4;
      }

      .pkg-body {
          padding: 18px 22px 22px;
          flex: 1;
          display: flex;
          flex-direction: column;
      }

      .pkg-list {
          list-style: none;
          flex: 1;
          margin-bottom: 18px;
      }

      .pkg-list li {
          font-size: 13px;
          color: #374151;
          padding: 6px 0;
          border-bottom: 1px solid var(--border);
          display: flex;
          align-items: flex-start;
          gap: 8px;
          line-height: 1.4;
      }

      .pkg-list li:last-child {
          border-bottom: none;
      }

      .chk {
          width: 15px;
          height: 15px;
          min-width: 15px;
          background: #dcfce7;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 1px;
      }

      .chk svg {
          width: 8px;
          height: 8px;
          stroke: #16a34a;
          fill: none;
          stroke-width: 2.5;
      }

      .btn-pkg {
          display: block;
          width: 100%;
          background: var(--navy);
          color: white !important;
          border: none;
          padding: 12px;
          font-size: 13px;
          font-weight: 700;
          letter-spacing: 0.03em;
          cursor: pointer;
          text-decoration: none !important;
          text-align: center;
          border-radius: 4px;
          transition: background 0.2s;
      }

      .btn-pkg:hover {
          background: var(--navy-dark);
      }

      .pkg.featured .btn-pkg {
          background: var(--orange);
      }

      .pkg.featured .btn-pkg:hover {
          background: var(--orange-lt);
      }

      /* OTHER OPTIONS */
      .other-options {
          padding: 0 40px 64px;
      }

      .other-options-inner {
          max-width: 1140px;
          margin: 0 auto;
          display: flex;
          gap: 24px;
          flex-wrap: wrap;
      }

      .opt-card {
          flex: 1;
          min-width: 260px;
          background: white;
          border: 1px solid var(--border);
          border-radius: 8px;
          padding: 24px 28px;
          display: flex;
          flex-direction: column;
          gap: 8px;
      }

      .opt-card-title {
          font-size: 13px;
          font-weight: 700;
          color: var(--text);
      }

      .opt-card-body {
          font-size: 13px;
          color: var(--muted);
          line-height: 1.65;
      }

      .opt-card-body a {
          color: var(--navy);
          font-weight: 600;
          text-decoration: none;
      }

      .opt-card-body a:hover {
          text-decoration: underline;
      }

      /* RESPONSIVE */
      @media (max-width: 900px) {
          .pkg-grid {
              grid-template-columns: 1fr;
              max-width: 420px;
          }

          .pkg-grid-2 {
              grid-template-columns: 1fr;
              max-width: 420px;
          }

          .faq-grid {
              grid-template-columns: 1fr;
          }

          .header-meta {
              display: none;
          }
      }

      @media (max-width: 700px) {
          .pcb-wrap {
              grid-template-columns: 1fr;
          }

          .pcb-left {
              padding: 20px 0 16px;
          }

          .pcb-center {
              text-align: left;
              padding: 16px 0;
              border-left: none;
              border-right: none;
              border-top: 1px solid rgba(255, 255, 255, 0.08);
              border-bottom: 1px solid rgba(255, 255, 255, 0.08);
          }

          .pcb-clock {
              justify-content: flex-start;
          }

          .pcb-selector {
              justify-self: start;
              padding: 16px 0 20px;
          }

          .pcb-sel {
              min-width: 0;
              width: 100%;
          }
      }

      @media (max-width: 600px) {
          .header {
              padding: 0 20px;
          }

          .hero-band,
          .pcb-section,
          .packages,
          .other-options {
              padding-left: 20px;
              padding-right: 20px;
          }

          .footer {
              padding: 20px;
              flex-direction: column;
              align-items: flex-start;
          }
      }