@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#0f172a;--blue:#1d4ed8;--sky:#dbeafe;--red:#dc2626;--slate:#475569;--line:#e2e8f0;--bg:#f8fafc;--green:#059669;--soft:#f1f5f9}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#0f172a;background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:auto;padding:0 20px}.topbar{background:var(--navy);color:white}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px}.brand{font-weight:900;font-size:22px}.navlinks{display:flex;gap:18px;align-items:center;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer;background:var(--blue);color:white}.btn.secondary{background:white;color:var(--navy);border:1px solid var(--line)}.btn.red{background:var(--red)}.btn.full{width:100%}.hero{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:white;padding:52px 0 34px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}.eyebrow{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#93c5fd}.hero h1{font-size:46px;line-height:1.05;margin:14px 0}.hero p{color:#dbeafe;font-size:18px}.notice{font-size:13px;color:#dbeafe}.card{border:1px solid var(--line);border-radius:24px;background:white;box-shadow:0 20px 50px rgba(15,23,42,.08);padding:22px}.fee-card{color:#0f172a}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-weight:800;font-size:14px}input,select,textarea{width:100%;margin-top:7px;border:1px solid #cbd5e1;border-radius:14px;padding:12px;font:inherit;background:white;color:#0f172a}textarea{min-height:100px}.checks label{font-weight:600;display:flex;gap:10px;align-items:flex-start}.checks input{width:auto;margin-top:4px}.total{border-radius:18px;background:#fef2f2;padding:18px;border:1px solid #fecaca}.total .amount{font-size:40px;font-weight:950;color:var(--red);margin:0}.total.clearer{background:#fff1f2;border-color:#fecdd3}.small{font-size:13px;color:var(--slate)}.readable{color:#334155!important;opacity:1!important}.note-under-total{margin-top:12px}.section{padding:58px 0;border-bottom:1px solid var(--line)}.section h2{font-size:32px;line-height:1.15;margin:8px 0 18px}.pill{display:inline-flex;border-radius:999px;background:var(--sky);color:#1e40af;padding:8px 12px;font-weight:800;font-size:13px}.step{border:1px solid var(--line);border-radius:22px;padding:20px;background:#fff}.step strong{display:block;font-size:18px;margin-bottom:8px}.muted{color:var(--slate)}.footer{background:#0f172a;color:#dbeafe;padding:34px 0}.footer a{text-decoration:underline}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.page-hero{background:#f8fafc;padding:46px 0;border-bottom:1px solid var(--line)}.page-hero.compact{padding:34px 0}.page-hero h1{font-size:40px;line-height:1.1;margin:8px 0}.form-shell{max-width:960px;margin:auto}.form-intro{margin-top:-6px}.apply-card{padding:26px}.form-step{display:none}.form-step.active{display:block}.actions{display:flex;gap:12px;justify-content:space-between;margin-top:24px}.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;gap:18px}.summary-row strong{text-align:right}.summary-row.total-line strong{font-size:22px;color:var(--red)}.alert{border-radius:18px;background:#fffbeb;border:1px solid #fde68a;padding:15px}.success{background:#ecfdf5;border-color:#a7f3d0}.hidden{display:none!important}.paypal-box{border:1px solid var(--line);border-radius:20px;padding:18px;background:#fff}.policy-content{max-width:860px}.policy-content h2{margin-top:30px}.mobile-only{display:none}.step-header{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:center;gap:10px;margin:0 0 22px}.step-header i{height:2px;background:#cbd5e1;display:block}.step-pill{display:flex;gap:10px;align-items:center;color:#64748b}.step-pill b{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#475569;color:white;font-size:20px}.step-pill span{font-weight:900;line-height:1.2}.step-pill small{display:block;font-weight:600;font-size:12px;color:#64748b}.step-pill.active b{background:var(--red)}.step-pill.active span{color:#0f172a}.step-pill.done b{background:var(--blue)}.mini-section{border:1px dashed #cbd5e1;background:#f8fbff;border-radius:18px;padding:18px;margin:18px 0}.mini-section h3{margin:0 0 14px;font-size:20px}.optional,.date-hint{font-size:12px;color:#64748b;font-weight:700}.date-parts{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}.date-parts input{text-align:center}.upload-card{border:1px solid #cbd5e1;border-radius:20px;padding:16px;background:white;cursor:pointer;min-height:260px}.upload-card span{font-size:18px;display:block}.upload-card small{display:block;color:#64748b;margin:4px 0 12px;font-weight:600}.upload-card input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.upload-preview{border:2px dashed #cbd5e1;border-radius:18px;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f8fafc;padding:12px;overflow:hidden}.upload-preview strong{font-size:16px}.upload-preview em{font-size:13px;color:#64748b;font-style:normal;margin-top:6px;word-break:break-all}.upload-preview.has-file{background:#ecfdf5;border-color:#86efac}.upload-preview img{max-width:100%;max-height:150px;border-radius:12px;object-fit:contain;box-shadow:0 6px 20px rgba(15,23,42,.12)}.submit-note{margin:16px 0 0}@media(max-width:820px){.nav{align-items:flex-start}.navlinks{display:none}.mobile-only{display:block}.hero-grid,.grid.two,.grid.three,.footer-grid{grid-template-columns:1fr}.hero{padding-top:34px}.hero h1{font-size:36px}.page-hero h1{font-size:32px}.section{padding:42px 0}.actions{flex-direction:column}.btn{width:100%}.container{padding:0 16px}.card{padding:18px}.step-header{grid-template-columns:1fr;gap:8px}.step-header i{display:none}.step-pill{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:10px}.summary-row{display:block}.summary-row strong{text-align:left;display:block}.upload-card{min-height:220px}}

/* Conversion-focused order form */
.order-shell{max-width:1240px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr)360px;gap:22px;align-items:start}.order-main{min-width:0}.order-summary{position:sticky;top:20px}.order-summary h3{margin:0 0 12px;text-transform:uppercase;letter-spacing:.02em}.compact-steps{max-width:960px;margin:0 auto 22px}.chosen-strip{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 18px}.chosen-strip span,.chosen-strip strong{display:inline-flex;align-items:center;border:1px solid #bfdbfe;background:#eff6ff;border-radius:999px;padding:8px 12px;font-size:13px}.chosen-strip strong{background:#dbeafe;color:#1e40af}.plain-section{background:#fff;border-style:solid}.field-error{display:block;min-height:18px;margin-top:5px;color:#dc2626;font-size:12px;font-weight:700}.summary-group{border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:8px}.summary-group h4{margin:8px 0;color:#b91c1c}.summary-note{margin-top:14px;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:12px}.review-mobile{display:none}.change-file{margin-top:8px;border:1px solid #cbd5e1;background:white;border-radius:999px;padding:7px 12px;font-weight:800;cursor:pointer;color:#0f172a}.upload-grid .upload-card{min-height:310px}.date-parts input{font-weight:800}.date-hint{margin-left:4px}.optional{margin-left:4px}@media(max-width:980px){.order-layout{grid-template-columns:1fr}.order-summary{position:static;order:-1}.review-mobile{display:block}.form-step:nth-child(3) .review-mobile+.alert{margin-top:18px}}@media(max-width:640px){.chosen-strip{display:grid}.upload-grid .upload-card{min-height:240px}.grid.two{grid-template-columns:1fr}.date-parts{grid-template-columns:1fr 1fr 1.3fr}.compact-steps{margin-bottom:14px}}

/* v4 order improvements */
.input-note{display:block;margin-top:6px;color:#64748b;font-size:12px;font-weight:600}
.addon-area{display:grid;gap:14px}
.addon-switch{padding-top:4px}
.addon-check{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900}
.addon-check input{width:auto;margin:0}
.addon-fields{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#fafafa}
.sample-passport,.sample-portrait{position:relative;background:linear-gradient(180deg,#f8fafc,#eef2f7)}
.sample-passport::before{content:'SAMPLE PASSPORT';position:absolute;inset:auto auto 18px 18px;font-size:12px;font-weight:900;letter-spacing:.08em;color:#94a3b8}
.sample-portrait::before{content:'SAMPLE PORTRAIT';position:absolute;inset:auto auto 18px 18px;font-size:12px;font-weight:900;letter-spacing:.08em;color:#94a3b8}
.sample-passport::after{content:'';width:180px;height:110px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#e2e8f0);box-shadow:0 8px 20px rgba(15,23,42,.1);display:block}
.sample-portrait::after{content:'';width:120px;height:150px;border-radius:18px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 8px 20px rgba(15,23,42,.1);display:block}
.upload-preview.sample-passport strong,.upload-preview.sample-portrait strong,.upload-preview.sample-passport em,.upload-preview.sample-portrait em{position:relative;z-index:1}
.upload-preview.sample-passport,.upload-preview.sample-portrait{gap:10px}
.form-submit-message{margin-bottom:18px}


/* v5 fixes: searchable country, editable MM/DD/YYYY dates, cleaner applicant header */
.country-combo{position:relative}
.country-combo input{padding-right:46px}
.combo-toggle{position:absolute;right:8px;top:8px;width:34px;height:34px;border:0;background:#fff;border-radius:10px;font-size:18px;cursor:pointer}
.country-results{display:none;position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow:auto;border:1px solid #cbd5e1;border-radius:14px;background:white;box-shadow:0 18px 40px rgba(15,23,42,.16);padding:6px}
.country-results.open{display:block}
.country-results button{display:block;width:100%;border:0;background:white;text-align:left;padding:10px 12px;border-radius:10px;font:inherit;cursor:pointer}
.country-results button:hover{background:#eff6ff}
.date-combo{position:relative}
.date-combo input[data-date-input]{padding-right:48px}
.native-date-picker{position:absolute;right:10px;top:8px;width:36px;height:36px;opacity:0;pointer-events:none}
.date-button{position:absolute;right:8px;top:8px;width:36px;height:36px;border:0;background:white;border-radius:10px;cursor:pointer;font-size:18px}
.date-button:hover{background:#f1f5f9}

/* v6 order flow refinements */
.actions-right{justify-content:flex-end}.saved-summary-field{display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #cbd5e1;border-radius:18px;padding:14px 16px;background:#f8fafc;min-height:78px;margin-top:28px}.saved-summary-label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.saved-summary-value{margin-top:6px;font-size:16px;font-weight:900;color:#0f172a}.upload-grid-balanced{align-items:stretch}.upload-card-balanced{display:flex;flex-direction:column;justify-content:flex-start;gap:14px;min-height:100%;cursor:default}.upload-card-copy span{font-size:18px;font-weight:900;display:block}.upload-card-copy small{display:block;color:#64748b;font-weight:600;line-height:1.45}.upload-input-hidden{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.upload-select-btn{width:100%;border:1px solid #cbd5e1;background:white;border-radius:14px;padding:12px 16px;font-weight:900;font-size:16px;cursor:pointer;color:#0f172a}.upload-select-btn:hover{background:#f8fafc}.upload-preview{flex:1}.upload-preview strong{font-size:18px}.upload-preview em{font-size:14px}.sample-passport::after{width:220px;height:130px}.sample-portrait::after{width:140px;height:180px}.payment-flow-stack{display:grid;gap:18px}.payment-top-block{border:1px solid var(--line);border-radius:22px;padding:20px;background:#fff}.inline-payment-panel{border:1px solid var(--line);border-radius:22px;padding:22px;background:#f8fafc}.inline-payment-panel h3{margin:0 0 8px}.inline-payment-grid{align-items:start}.inline-payment-card{box-shadow:none;background:#fff;border-radius:20px}.submit-note{margin:0}.form-submit-message{margin-bottom:16px}.search-select{position:relative;margin-top:7px}.search-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #cbd5e1;border-radius:14px;padding:12px 14px;background:white;font:inherit;color:#0f172a;cursor:pointer;min-height:50px}.search-select-value{font-weight:600}.search-select-caret{font-size:18px;color:#64748b}.search-select-menu{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 6px);border:1px solid #cbd5e1;border-radius:16px;background:white;box-shadow:0 18px 40px rgba(15,23,42,.16);padding:8px}.search-select-search-wrap{padding-bottom:8px}.search-select-search{margin-top:0;border-radius:10px;padding:10px 12px}.search-select-options{max-height:260px;overflow:auto;display:grid;gap:4px}.search-select-option{display:block;width:100%;border:0;background:white;text-align:left;padding:10px 12px;border-radius:10px;font:inherit;cursor:pointer}.search-select-option:hover,.search-select-option.selected{background:#dbeafe;color:#1d4ed8}.search-select-empty{padding:10px 12px;color:#64748b;font-size:14px}.native-hidden-select{display:none!important}textarea[name="specialRequest"]::placeholder{color:#94a3b8;font-weight:500}.summary-group h4{text-transform:none}.review-mobile{margin-top:16px}.summary-group:first-child h4{margin-top:0}@media(max-width:980px){.saved-summary-field{margin-top:7px}.payment-top-block,.inline-payment-panel{padding:18px}}@media(max-width:640px){.saved-summary-field{min-height:auto}.search-select-menu{position:static;margin-top:8px;box-shadow:none}.search-select.open .search-select-menu{display:block}.sample-passport::after{width:170px;height:102px}.sample-portrait::after{width:110px;height:150px}}

/* v7 layout and validation refinements */
.span-2{grid-column:1 / -1}
.travel-grid{row-gap:18px}
.pickup-grid{row-gap:14px}
.pickup-grid select{font-size:15px;padding-right:42px}
.pickup-grid input,.pickup-grid select{min-height:52px}
@media(max-width:640px){.span-2{grid-column:auto}.pickup-grid select{font-size:16px}}

/* v8 refinement: form typography, upload samples, english validation polish */
input,select,textarea,.search-select-trigger,.search-select-value{font-weight:500!important}
input::placeholder,textarea::placeholder{color:#94a3b8;font-weight:400}
.date-combo input,.date-parts input{font-weight:500!important}
.upload-card-copy small{font-size:13px;line-height:1.55;font-weight:400;color:#64748b}
.field-error{font-weight:600;font-size:13px}
.upload-preview{background:#f8fafc;gap:10px}
.upload-preview.sample-passport,.upload-preview.sample-portrait{justify-content:flex-start;padding:16px;background:#edf8f1;border-color:#86efac}
.upload-sample-figure{display:flex;align-items:center;justify-content:center;flex:1;width:100%}
.upload-sample-figure img{display:block;max-width:100%;max-height:156px;border-radius:14px;object-fit:contain;box-shadow:0 6px 18px rgba(15,23,42,.08);background:#fff}
.portrait-sample-figure img{max-height:168px}
.upload-preview.sample-passport::before,.upload-preview.sample-passport::after,.upload-preview.sample-portrait::before,.upload-preview.sample-portrait::after{display:none!important;content:none!important}
.upload-preview.has-file{justify-content:center;background:#ecfdf5;border-color:#86efac}
.upload-preview.has-file .upload-sample-figure{display:none}
.upload-preview.has-file em{font-style:normal;word-break:break-word}
.upload-preview.has-file img{max-height:170px}
.search-select-value{font-weight:500}
.search-select-option{font-weight:500}
@media(max-width:640px){
  .upload-sample-figure img{max-height:132px}
  .portrait-sample-figure img{max-height:150px}
}

/* v9 refinement: softer add-on service labels */
.addon-check{
  gap:12px;
  font-size:16px;
  font-weight:600;
  line-height:1.35;
  letter-spacing:0;
  color:#0f172a;
}
.addon-check span{
  font-weight:600;
}
.addon-check input{
  width:22px;
  height:22px;
}

/* v11 multiple applicants: compact repeated traveler blocks */
.applicant-section .compact-note{margin:0 0 12px;font-size:12px;color:#64748b}.applicant-list{display:grid;gap:14px}.applicant-card{border:1px solid #e2e8f0;border-radius:18px;background:#fbfdff;padding:16px}.applicant-card h4{margin:0 0 12px;font-size:14px;letter-spacing:.08em;color:#1e40af;font-weight:800}.applicant-card.compact{padding:13px 14px}.applicant-card.compact h4{font-size:13px;margin-bottom:10px}.applicant-grid{gap:12px 14px}.applicant-card.compact .applicant-grid{gap:9px 12px}.applicant-card.compact label{font-size:13px}.applicant-card.compact input,.applicant-card.compact select{min-height:44px;padding:9px 11px;border-radius:12px}.applicant-card.compact .date-button{top:6px;right:6px;width:32px;height:32px}.applicant-card.compact .input-note{font-size:11px;line-height:1.35}.contact-subsection{margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0}.contact-subsection h4{margin:0 0 12px;font-size:16px}.compact-contact-grid{gap:12px 14px}@media(max-width:640px){.applicant-grid,.compact-contact-grid{grid-template-columns:1fr}.applicant-card,.applicant-card.compact{padding:12px}}


/* v12 two-step applicant flow */
.two-step-header{
  grid-template-columns: 1fr 40px 1fr;
  max-width: 760px;
}
.applicant-section .compact-note{
  margin: -4px 0 14px;
}
.applicant-card{
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  margin:14px 0;
  background:#fff;
}
.applicant-card h4{
  margin:0 0 12px;
  font-size:15px;
  letter-spacing:.08em;
  color:#1e3a8a;
  font-weight:900;
}
.applicant-card.compact{
  padding:14px;
  margin:12px 0;
}
.applicant-compact-grid{
  gap:12px;
}
.applicant-compact-grid label{
  font-size:13px;
}
.applicant-compact-grid input,
.applicant-compact-grid select{
  min-height:48px;
  padding:10px 12px;
}
.applicant-upload-grid{
  margin-top:14px;
  gap:12px;
}
.applicant-upload-card{
  min-height:0;
  padding:14px;
  border-radius:18px;
}
.applicant-upload-card .upload-card-copy span{
  font-size:15px;
}
.applicant-upload-card .upload-card-copy small{
  font-size:12px;
  line-height:1.45;
}
.applicant-upload-card .upload-preview{
  min-height:155px;
}
.applicant-upload-card .upload-sample-figure img{
  max-height:112px;
}
.applicant-upload-card .portrait-sample-figure img{
  max-height:126px;
}
.applicant-upload-card .upload-select-btn{
  padding:10px 14px;
  font-size:15px;
}
.addon-area{
  margin-top:18px;
}
.form-step[data-step="0"] .actions-right{
  margin-top:20px;
}
@media(max-width:820px){
  .two-step-header{
    grid-template-columns:1fr;
  }
  .two-step-header i{display:none}
}
@media(max-width:640px){
  .applicant-upload-grid,
  .applicant-compact-grid{
    grid-template-columns:1fr!important;
  }
}


/* v13: simplified applicant data + group contact information */
.contact-subsection{
  margin-top:18px;
  border-top:1px solid var(--line);
  padding-top:16px;
}
.contact-subsection h4{
  margin:0 0 6px;
  font-size:18px;
}
.applicant-card h4{
  background:#f1f5f9;
  margin:-14px -14px 14px;
  padding:10px 14px;
  border-radius:14px 14px 0 0;
}
.applicant-card.compact h4{
  margin:-12px -12px 12px;
  padding:9px 12px;
}
.applicant-compact-grid .passport-expiry-compact{
  grid-column:auto;
}
.applicant-compact-grid .input-note{
  font-size:11px;
  line-height:1.35;
}
.applicant-card .search-select-trigger{
  min-height:48px;
  padding:10px 12px;
}
.applicant-card .search-select{
  margin-top:6px;
}
.applicant-card.compact .upload-card-copy small{
  display:none;
}
.applicant-card.compact .applicant-upload-card{
  padding:12px;
}
.applicant-card.compact .applicant-upload-card .upload-preview{
  min-height:130px;
}
@media(max-width:640px){
  .applicant-compact-grid .passport-expiry-compact{
    grid-column:1 / -1;
  }
}


/* v15: keep visual 3-step registration flow */
.three-step-header{
  grid-template-columns: 1fr 40px 1fr 40px 1fr;
  max-width: 1120px;
}
.three-step-header .step-pill.done b{
  background:#1d4ed8;
  color:white;
}
.three-step-header .step-pill.done span{
  color:#475569;
}
@media(max-width:900px){
  .three-step-header{
    grid-template-columns:1fr;
  }
  .three-step-header i{display:none}
}


/* v16: real editable Visa Information step while preserving entered form data */
.visa-step-grid{
  align-items:end;
}
.inline-total-card{
  margin-top:18px;
  border:1px solid #fecaca;
  background:#fff1f2;
  border-radius:20px;
  padding:18px;
}
.inline-total-card span{
  display:block;
  color:#475569;
  font-weight:600;
  margin-bottom:6px;
}
.inline-total-card strong{
  display:block;
  font-size:42px;
  line-height:1;
  color:#dc2626;
  font-weight:900;
}
.inline-total-card small{
  display:block;
  margin-top:10px;
  color:#334155;
  line-height:1.5;
}
.form-step[data-step="0"] .mini-section{
  max-width:760px;
}


/* v17: make final submit button more refined and less bulky */
.payment-top-block .actions .btn.red[data-submit-order]{
  padding:12px 26px;
  min-height:56px;
  font-size:17px;
  font-weight:800;
  line-height:1.2;
  border-radius:20px;
  box-shadow:0 8px 18px rgba(220,38,38,.16);
}
@media(max-width:820px){
  .payment-top-block .actions .btn.red[data-submit-order]{
    min-height:52px;
    font-size:16px;
    border-radius:18px;
  }
}


/* v18: payment summary, thank-you, and tracking polish */
.payment-shell{
  max-width:1100px;
}
.payment-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px;
  align-items:start;
}
.payment-action-card{
  position:sticky;
  top:18px;
}
.payment-ready-card h3{
  margin-top:0;
}
.refined-paypal-btn{
  min-height:54px;
  font-size:17px;
  border-radius:18px;
  margin:12px 0;
}
.payment-note{
  margin-top:18px;
}
.thank-you-card{
  max-width:820px;
  margin:0 auto;
}
.thank-you-ref{
  border:1px solid #bfdbfe;
  background:#eff6ff;
  border-radius:22px;
  padding:18px;
  margin:22px 0;
}
.thank-you-ref span{
  display:block;
  color:#475569;
  font-weight:700;
  margin-bottom:6px;
}
.thank-you-ref strong{
  display:block;
  font-size:42px;
  color:#1d4ed8;
  letter-spacing:.05em;
}
.next-steps{
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px;
  margin:18px 0;
  background:#fff;
}
.next-steps h3{
  margin-top:0;
}
.next-steps ol{
  margin:10px 0 0 20px;
  padding:0;
  color:#334155;
  line-height:1.7;
}
.tracking-card h3{
  margin-bottom:10px;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  border:1px solid #bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
  margin-bottom:16px;
}
@media(max-width:900px){
  .payment-grid{
    grid-template-columns:1fr;
  }
  .payment-action-card{
    position:static;
  }
}


/* v19: internal admin dashboard + refined final submit button */
.payment-top-block .actions{
  align-items:center;
}
.payment-top-block .actions .btn.red[data-submit-order]{
  width:auto;
  max-width:460px;
  min-width:300px;
  padding:11px 22px;
  min-height:50px;
  font-size:16px;
  font-weight:750;
  border-radius:16px;
  box-shadow:0 8px 18px rgba(220,38,38,.12);
}
.payment-top-block .actions .btn.red[data-submit-order]:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(220,38,38,.16);
}

.admin-shell{
  max-width:1320px;
}
.admin-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.admin-login-card{
  max-width:760px;
}
.admin-content.hidden,
.hidden{
  display:none!important;
}
.admin-toolbar{
  display:grid;
  grid-template-columns:1.4fr .8fr;
  gap:16px;
  margin-bottom:18px;
}
.admin-grid{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:18px;
  align-items:start;
}
.admin-list-card,
.admin-detail-card{
  min-height:420px;
}
.admin-order-list{
  display:grid;
  gap:10px;
  max-height:72vh;
  overflow:auto;
  padding-right:4px;
}
.admin-order-item{
  border:1px solid #e2e8f0;
  background:#fff;
  border-radius:16px;
  padding:12px;
  text-align:left;
  cursor:pointer;
  transition:.15s ease;
}
.admin-order-item:hover,
.admin-order-item.active{
  border-color:#93c5fd;
  background:#eff6ff;
}
.admin-order-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.admin-order-top strong{
  color:#1d4ed8;
}
.admin-order-meta{
  display:grid;
  gap:2px;
  margin-top:6px;
  color:#475569;
  font-size:13px;
}
.admin-order-status{
  display:inline-flex;
  margin-top:8px;
  border-radius:999px;
  padding:5px 8px;
  background:#f1f5f9;
  color:#334155;
  font-size:12px;
  font-weight:800;
}
.admin-empty{
  color:#64748b;
  padding:20px;
  border:1px dashed #cbd5e1;
  border-radius:16px;
}
.admin-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.admin-detail-head h3{
  margin:0;
  font-size:28px;
  color:#1d4ed8;
}
.admin-detail-head p{
  margin:4px 0 0;
  color:#64748b;
}
.admin-status-box{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  border:1px solid #dbeafe;
  background:#eff6ff;
  border-radius:18px;
  padding:14px;
  margin-bottom:16px;
}
.admin-status-box .span-2{
  grid-column:1 / -1;
}
.admin-status-box button{
  justify-self:start;
}
.admin-summary-group{
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:14px;
  margin:14px 0;
}
.admin-applicants{
  display:grid;
  gap:14px;
}
.admin-applicant{
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:14px;
  background:#fff;
}
.admin-applicant h4{
  margin:0 0 12px;
  color:#b91c1c;
  letter-spacing:.04em;
}
.admin-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.admin-detail-grid div{
  border-bottom:1px solid #f1f5f9;
  padding-bottom:8px;
}
.admin-detail-grid span{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:700;
}
.admin-detail-grid strong{
  display:block;
  color:#0f172a;
  margin-top:2px;
  word-break:break-word;
}
.admin-files{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:14px;
}
.admin-file-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:8px;
}
.admin-file-thumb{
  width:120px;
  border:1px solid #e2e8f0;
  border-radius:12px;
  padding:8px;
  background:#f8fafc;
  color:#0f172a;
  text-decoration:none;
  font-size:11px;
  line-height:1.25;
}
.admin-file-thumb img{
  width:100%;
  height:82px;
  object-fit:cover;
  border-radius:8px;
  display:block;
  margin-bottom:6px;
}
.admin-file-thumb.pdf{
  display:grid;
  place-items:center;
  min-height:112px;
}
.admin-file-thumb.pdf strong{
  font-size:22px;
  color:#dc2626;
}
@media(max-width:980px){
  .admin-grid{
    grid-template-columns:1fr;
  }
  .admin-order-list{
    max-height:none;
  }
}
@media(max-width:720px){
  .admin-head,
  .admin-detail-head{
    display:block;
  }
  .admin-toolbar,
  .admin-status-box,
  .admin-detail-grid,
  .admin-files{
    grid-template-columns:1fr;
  }
  .payment-top-block .actions .btn.red[data-submit-order]{
    width:100%;
    min-width:0;
    max-width:none;
  }
}


/* v20 typography, navigation, extra pages, whatsapp */
:root{
  --navy:#091733;
  --blue:#2347b5;
  --line:#d8e0ea;
  --slate:#55657d;
}
body{
  font-family:'Inter',Arial,sans-serif;
  font-weight:400;
  color:#10213f;
}
.container{
  max-width:1280px;
}
.topbar{
  background:linear-gradient(90deg,#08132b,#0f2050);
  color:#fff;
}
.nav{
  padding:10px 0;
  min-height:92px;
}
.brand{
  font-size:28px;
  font-weight:800;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.navlinks{
  gap:20px;
  font-size:16px;
  font-weight:600;
  line-height:1.2;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.navlinks a:not(.btn){
  color:#f8fafc;
  opacity:.96;
}
.navlinks a:not(.btn):hover{
  opacity:1;
  color:#ffffff;
}
.btn{
  padding:12px 20px;
  font-size:15px;
  font-weight:700;
  letter-spacing:-.01em;
}
.btn.secondary{
  color:#0a1733;
}
.nav-apply-btn,
.mobile-only.btn.secondary{
  padding:14px 24px;
  font-size:17px;
  font-weight:700;
  border-radius:999px;
}
.hero{
  padding:62px 0 42px;
}
.hero h1,
.page-hero h1,
.section h2,
.policy-content h1,
.form-step h2,
.card h2,
.info-block h2,
.faq-item h3,
.admin-detail-head h3{
  font-weight:700;
  letter-spacing:-.035em;
}
.hero h1{font-size:50px;max-width:700px}
.page-hero h1{font-size:42px}
.section h2{font-size:36px;margin-bottom:20px}
.hero p{font-size:18px;max-width:680px}
label{font-weight:700;font-size:15px;letter-spacing:-.01em}
input,select,textarea{
  border-radius:16px;
  padding:13px 14px;
  border-color:#cad5e2;
}
input::placeholder,textarea::placeholder{color:#93a0b4}
.section{
  padding:64px 0;
}
.card,.step,.mini-section,.info-block,.faq-item,.why-box,.step-list-card{
  border-radius:22px;
}
.step strong,
.mini-section h3,
.info-side h3,
.why-box h3{
  font-size:24px;
  font-weight:700;
  letter-spacing:-.02em;
}
.eyebrow{font-weight:700;letter-spacing:.12em}
.hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}
.text-link{
  color:#1e40af;
  font-weight:700;
}
.footer{
  padding:44px 0;
}
.footer-grid-3{
  grid-template-columns:1.2fr 1fr 1.1fr;
}
.footer strong{
  font-size:18px;
  font-weight:700;
}
.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:70;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 16px;
  border-radius:999px;
  background:#22c55e;
  color:#fff;
  box-shadow:0 18px 36px rgba(15,23,42,.25);
  font-weight:700;
}
.whatsapp-icon{
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
}
.whatsapp-text{font-size:14px}
.how-layout,.info-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr)360px;
  gap:24px;
  align-items:start;
}
.step-list-card,.why-box,.info-side{
  border:1px solid var(--line);
  padding:24px;
  background:#fff;
  box-shadow:0 16px 40px rgba(15,23,42,.06);
}
.step-item{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid #e8edf4;
}
.step-item:last-child{border-bottom:0}
.step-item b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 14px;
  border-radius:999px;
  background:#dbeafe;
  color:#1d4ed8;
  font-size:14px;
  font-weight:700;
}
.step-item strong{display:block;font-size:19px;margin-bottom:4px}
.why-box ul,.info-side ul{padding-left:18px;margin:0}
.why-box li,.info-side li{margin:0 0 10px}
.faq-preview-grid,
.faq-page{
  display:grid;
  gap:16px;
}
.faq-preview-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.faq-preview-item,
.faq-item,
.info-block{
  border:1px solid var(--line);
  background:#fff;
  padding:22px;
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}
.faq-preview-item strong,
.faq-item h3{font-size:21px;line-height:1.28;margin:0 0 10px}
.info-block h2{font-size:28px;margin:0 0 12px}
.info-block ul{margin:0;padding-left:20px}
.info-block li{margin-bottom:10px}
.section-inner-spacer{height:26px}
.order-main h2,
.order-main h3,
.order-main h4,
.page-hero.compact h1,
.form-step h2,
.mini-section h3,
.applicant-card h4,
.contact-subsection h4{
  font-weight:700;
}
.form-step h2{font-size:34px}
.mini-section h3{font-size:24px}
.applicant-card h4{
  font-size:18px;
}
.payment-top-block .actions .btn.red[data-submit-order]{
  padding:10px 18px;
  min-height:46px;
  font-size:15px;
  border-radius:14px;
  box-shadow:0 8px 18px rgba(220,38,38,.12);
}
.summary-group h4{font-weight:700}
@media(max-width:1180px){
  .nav{min-height:auto}
  .navlinks{gap:16px;font-size:15px}
  .footer-grid-3{grid-template-columns:1fr 1fr}
}
@media(max-width:980px){
  .how-layout,.info-layout,.faq-preview-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .navlinks{display:none}
  .mobile-only{display:inline-flex}
  .brand{font-size:24px}
  .hero h1{font-size:38px}
  .page-hero h1,.section h2,.form-step h2{font-size:30px}
  .footer-grid-3{grid-template-columns:1fr}
  .whatsapp-text{display:none}
  .whatsapp-float{padding:12px}
}


/* v21 final polish pass: lighter typography, cleaner form rhythm, refined navigation */
body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.nav{
  min-height:82px;
}
.brand{
  font-weight:760;
}
.navlinks{
  font-size:15.5px;
  font-weight:580;
  gap:18px;
}
.navlinks .nav-apply-btn{
  font-size:16px;
  padding:12px 22px;
  font-weight:720;
}
.hero h1{
  font-weight:720;
  letter-spacing:-.045em;
}
.hero p,
.page-hero p,
.muted,
.readable{
  font-weight:400;
}
.section h2{
  font-weight:700;
  letter-spacing:-.04em;
}
.step strong{
  font-weight:700;
}
.step p,
.info-block li,
.why-box li,
.faq-preview-item p,
.faq-item p{
  font-weight:400;
}
.fee-card h2,
.card h2{
  font-weight:700;
}
label{
  font-weight:650;
  color:#071631;
}
input,
select,
textarea,
.search-select-trigger,
.search-select-value{
  font-weight:430!important;
  color:#10213f;
}
select option{
  font-weight:400;
}
input:focus,
select:focus,
textarea:focus,
.search-select-trigger:focus{
  outline:none;
  border-color:#7aa7ff;
  box-shadow:0 0 0 4px rgba(59,130,246,.14);
}
.btn{
  font-weight:720;
}
.total .amount,
.inline-total-card strong{
  font-weight:780;
}
.order-shell{
  max-width:1280px;
}
.apply-card{
  padding:28px;
}
.form-step h2{
  font-size:32px;
  font-weight:700;
  letter-spacing:-.04em;
}
.form-intro{
  font-size:16px;
}
.mini-section{
  padding:22px;
  border-radius:24px;
}
.mini-section h3{
  font-size:25px;
  font-weight:700;
  letter-spacing:-.035em;
}
.travel-grid,
.applicant-compact-grid,
.compact-contact-grid,
.visa-step-grid{
  gap:18px;
}
.travel-grid label,
.applicant-compact-grid label,
.compact-contact-grid label,
.visa-step-grid label{
  font-size:15px;
}
.date-combo input,
input,
select,
textarea{
  min-height:54px;
  font-size:16px;
}
.date-button{
  opacity:.9;
}
.input-note{
  font-weight:520;
  color:#66758d;
}
.field-error{
  font-weight:600;
  letter-spacing:0;
}
.applicant-card{
  border-color:#d8e0ea;
  box-shadow:0 8px 24px rgba(15,23,42,.035);
}
.applicant-card h4{
  font-size:16px;
  font-weight:720;
  color:#12306b;
  background:#f6f8fb;
}
.upload-card-copy span{
  font-weight:700;
}
.upload-card-copy small{
  font-weight:400;
  color:#66758d;
}
.upload-select-btn{
  font-weight:650;
}
.addon-check{
  font-size:17px;
  font-weight:620;
  color:#10213f;
}
.addon-check span{
  font-weight:620;
}
.order-summary h3{
  font-weight:700;
  letter-spacing:-.02em;
}
.summary-row{
  font-weight:400;
}
.summary-row strong{
  font-weight:650;
}
.payment-top-block .actions{
  gap:16px;
}
.payment-top-block .actions .btn.red[data-submit-order]{
  min-width:0;
  width:auto;
  max-width:420px;
  padding:10px 20px;
  min-height:46px;
  font-size:15px;
  font-weight:700;
  border-radius:14px;
  letter-spacing:0;
  white-space:normal;
}
.inline-payment-panel h3{
  font-weight:700;
  letter-spacing:-.03em;
}
.refined-paypal-btn{
  font-size:16px;
  min-height:50px;
  font-weight:700;
}
.alert{
  line-height:1.6;
}
.faq-preview-item,
.faq-item,
.info-block,
.step-list-card,
.why-box{
  border-color:#d8e0ea;
}
.whatsapp-float{
  font-weight:700;
}
@media(max-width:1180px){
  .navlinks{
    gap:13px;
    font-size:14.5px;
  }
  .navlinks .nav-apply-btn{
    font-size:15px;
    padding:11px 18px;
  }
}
@media(max-width:820px){
  .nav{
    min-height:68px;
  }
  .apply-card{
    padding:20px;
  }
  .mini-section{
    padding:18px;
  }
  .payment-top-block .actions .btn.red[data-submit-order]{
    max-width:none;
    width:100%;
  }
}


.navlinks a.active-nav:not(.btn){
  color:#ffffff;
  border-bottom:2px solid rgba(255,255,255,.72);
  padding-bottom:4px;
}


/* v22: visual background imagery and image panels */
.hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(7,17,38,.94) 0%,rgba(14,31,74,.86) 42%,rgba(14,31,74,.52) 68%,rgba(14,31,74,.36) 100%),
    url('/assets/img/hero-vietnam-arrival.png') center right / cover no-repeat;
  min-height:620px;
  display:flex;
  align-items:center;
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:120px;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff);
  pointer-events:none;
}
.hero .container{
  position:relative;
  z-index:1;
}
.hero .fee-card{
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);
  box-shadow:0 26px 70px rgba(5,13,31,.25);
}
.hero .notice{
  display:inline-block;
  max-width:620px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  padding:12px 14px;
}
.page-hero{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.96) 50%,rgba(239,246,255,.82) 100%);
}
.page-hero::after{
  content:"";
  position:absolute;
  right:-90px;
  top:-90px;
  width:340px;
  height:340px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(37,99,235,.12),rgba(37,99,235,0) 68%);
}
.page-visual-band{
  padding:34px 0 0;
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.page-visual-band + .section{
  padding-top:42px;
}
.visual-card{
  border-radius:30px;
  overflow:hidden;
  border:1px solid #d8e0ea;
  box-shadow:0 22px 65px rgba(15,23,42,.10);
  background:#fff;
}
.visual-card img{
  display:block;
  width:100%;
  height:360px;
  object-fit:cover;
  object-position:center;
}
.how-visual .visual-card img{
  object-position:center right;
}
.addon-visual .visual-card img{
  object-position:center right;
}
.support-visual .visual-card img{
  object-position:center right;
}
.home-image-panel{
  overflow:hidden;
  border:1px solid #d8e0ea;
  border-radius:28px;
  box-shadow:0 18px 48px rgba(15,23,42,.08);
  background:#fff;
}
.home-image-panel img{
  display:block;
  width:100%;
  height:260px;
  object-fit:cover;
}
.home-how-image{
  margin-top:18px;
}
.home-how-image img{
  object-position:center right;
}
.home-addon-image,
.home-support-image{
  margin:0 0 22px;
}
.home-addon-image img{
  object-position:center right;
}
.home-support-image img{
  object-position:center right;
}
.how-layout{
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.55fr) 330px;
}
.how-layout .home-image-panel{
  align-self:start;
}
.section:nth-of-type(4){
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.section:nth-of-type(5){
  background:#fff;
}
.contact-hero + .page-visual-band{
  padding-top:28px;
}
.policy-content{
  max-width:920px;
}
@media(max-width:1180px){
  .how-layout{
    grid-template-columns:1fr 1fr;
  }
  .how-layout .why-box{
    grid-column:1 / -1;
  }
}
@media(max-width:980px){
  .hero{
    min-height:auto;
    padding:58px 0 46px;
    background:
      linear-gradient(180deg,rgba(7,17,38,.94) 0%,rgba(14,31,74,.86) 52%,rgba(14,31,74,.80) 100%),
      url('/assets/img/hero-vietnam-arrival.png') center right / cover no-repeat;
  }
  .how-layout{
    grid-template-columns:1fr;
  }
  .visual-card img{
    height:280px;
  }
  .home-image-panel img{
    height:220px;
  }
}
@media(max-width:640px){
  .hero{
    background:
      linear-gradient(180deg,rgba(7,17,38,.96),rgba(14,31,74,.90)),
      url('/assets/img/hero-vietnam-arrival.png') center right / cover no-repeat;
  }
  .visual-card{
    border-radius:22px;
  }
  .visual-card img{
    height:210px;
  }
  .home-image-panel img{
    height:190px;
  }
}


/* v23: softer private-service notice placement */
.private-service-bottom-note,
.home-service-note{
  margin:22px 0 8px;
  padding:14px 16px;
  border:1px solid #d8e0ea;
  border-radius:16px;
  background:#f8fafc;
  color:#475569;
  line-height:1.55;
}
.private-service-bottom-note strong,
.home-service-note strong{
  color:#10213f;
  font-weight:700;
}


/* v24: office and social contact details */
.contact-details-card p{
  margin:10px 0;
  line-height:1.55;
}
.footer-social-link{
  color:#dbeafe;
  text-decoration:underline;
  text-underline-offset:3px;
}
.footer .small{
  line-height:1.55;
}


/* v25: richer urgent eVisa support page */
.urgent-hero{
  background:
    linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.96) 50%,rgba(239,246,255,.82) 100%);
}
.urgent-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);
  gap:30px;
  align-items:center;
}
.urgent-visual-card{
  overflow:hidden;
  border-radius:30px;
  border:1px solid #d8e0ea;
  background:#fff;
  box-shadow:0 22px 60px rgba(15,23,42,.12);
}
.urgent-visual-card img{
  display:block;
  width:100%;
  height:320px;
  object-fit:cover;
  object-position:center right;
}
.urgent-hero-note{
  margin-top:18px;
  max-width:720px;
  color:#52627a;
}
.section-lead{
  max-width:840px;
  margin-top:-6px;
}
.urgent-table-wrap{
  overflow:auto;
  border:1px solid #d8e0ea;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 44px rgba(15,23,42,.06);
}
.urgent-table{
  width:100%;
  border-collapse:collapse;
  min-width:780px;
}
.urgent-table th,
.urgent-table td{
  text-align:left;
  padding:17px 18px;
  border-bottom:1px solid #e8edf4;
  vertical-align:top;
}
.urgent-table th{
  background:#f1f5f9;
  color:#10213f;
  font-weight:750;
}
.urgent-table tr:last-child td{
  border-bottom:0;
}
.urgent-table td strong{
  color:#b91c1c;
}
.table-note{
  margin-top:14px;
}
.urgent-side-card .mini-alert{
  margin-top:16px;
  padding:12px 14px;
}
.urgent-step-list{
  max-width:980px;
}
.urgent-fee-checker-section{
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.urgent-fee-checker-section .fee-card{
  box-shadow:0 20px 50px rgba(15,23,42,.08);
}
@media(max-width:980px){
  .urgent-hero-grid{
    grid-template-columns:1fr;
  }
  .urgent-visual-card img{
    height:260px;
  }
}
@media(max-width:640px){
  .urgent-visual-card img{
    height:210px;
  }
  .urgent-table{
    min-width:680px;
  }
}


/* v26: visa information guide page */
.visa-info-hero{
  background:
    linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.96) 52%,rgba(239,246,255,.82) 100%);
}
.visa-info-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);
  gap:30px;
  align-items:center;
}
.visa-info-index{
  padding:24px;
}
.visa-info-index h2{
  margin-top:0;
}
.visa-info-index-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.visa-info-index-grid a{
  display:flex;
  align-items:center;
  min-height:58px;
  padding:13px 14px;
  border:1px solid #d8e0ea;
  border-radius:16px;
  background:#f8fafc;
  color:#10213f;
  font-weight:650;
  text-decoration:none;
  transition:.15s ease;
}
.visa-info-index-grid a:hover{
  border-color:#93c5fd;
  background:#eff6ff;
  transform:translateY(-1px);
}
.info-alert{
  margin-top:22px;
}
.home-visa-info-teaser{
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.home-visa-info-teaser .home-image-panel img{
  object-position:center right;
}
@media(max-width:1100px){
  .visa-info-index-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:980px){
  .visa-info-hero-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .visa-info-index-grid{
    grid-template-columns:1fr;
  }
}


/* v29: dedicated Fees page and nav simplification */
.fees-hero{
  background:
    linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.96) 52%,rgba(239,246,255,.82) 100%);
}
.fees-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);
  gap:30px;
  align-items:center;
}
.fees-check-section{
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.fees-table td:nth-child(3){
  font-weight:750;
  color:#b91c1c;
  white-space:nowrap;
}
.fees-example-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.home-fees-teaser{
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.home-fees-teaser .home-image-panel img{
  object-position:center right;
}
@media(max-width:980px){
  .fees-hero-grid,
  .fees-example-grid{
    grid-template-columns:1fr;
  }
}


/* v30: richer Add-on Services page */
.addon-hero{
  background:
    linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.96) 52%,rgba(239,246,255,.82) 100%);
}
.addon-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);
  gap:30px;
  align-items:center;
}
.addon-service-list{
  display:grid;
  gap:24px;
}
.addon-service-card{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:24px;
  align-items:stretch;
  border:1px solid #d8e0ea;
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 50px rgba(15,23,42,.07);
}
.addon-service-media{
  min-height:260px;
  background:#eff6ff;
}
.addon-service-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center right;
}
.addon-service-content{
  padding:26px 28px 26px 0;
}
.addon-service-content h3{
  font-size:30px;
  line-height:1.15;
  letter-spacing:-.035em;
  margin:14px 0 12px;
}
.addon-detail-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:18px 0;
}
.addon-detail-grid > div{
  border:1px solid #e8edf4;
  background:#f8fafc;
  border-radius:18px;
  padding:16px;
}
.addon-detail-grid strong{
  display:block;
  color:#10213f;
  margin-bottom:8px;
}
.addon-detail-grid ul{
  margin:0;
  padding-left:18px;
}
.addon-detail-grid li{
  margin-bottom:6px;
  color:#475569;
}
.addon-intro-section{
  background:linear-gradient(180deg,#fff,#f8fafc);
}
@media(max-width:980px){
  .addon-hero-grid,
  .addon-service-card{
    grid-template-columns:1fr;
  }
  .addon-service-content{
    padding:24px;
  }
  .addon-service-media{
    min-height:230px;
  }
}
@media(max-width:640px){
  .addon-detail-grid{
    grid-template-columns:1fr;
  }
  .addon-service-content h3{
    font-size:25px;
  }
}


/* v31: Vietnam Visa Requirement Checker */
.visa-checker-hero{
  background:
    linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.96) 52%,rgba(239,246,255,.82) 100%);
}
.visa-checker-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);
  gap:30px;
  align-items:center;
}
.home-visa-checker-section{
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.visa-checker-home-card{
  display:grid;
  grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);
  gap:24px;
  align-items:start;
  border:1px solid #d8e0ea;
  border-radius:30px;
  background:#fff;
  padding:26px;
  box-shadow:0 20px 55px rgba(15,23,42,.08);
}
.visa-checker-box{
  border:1px solid #d8e0ea;
  border-radius:26px;
  padding:22px;
  background:#fff;
  box-shadow:0 16px 44px rgba(15,23,42,.06);
}
.visa-checker-home-card .visa-checker-box{
  box-shadow:none;
  border-color:#e6edf5;
}
.visa-checker-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
}
.visa-checker-form .btn{
  min-height:54px;
  white-space:nowrap;
}
.popular-country-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:16px 0;
}
.popular-country-list button{
  border:1px solid #d8e0ea;
  background:#f8fafc;
  color:#10213f;
  border-radius:999px;
  padding:8px 12px;
  font-weight:600;
  cursor:pointer;
}
.popular-country-list button:hover{
  background:#eff6ff;
  border-color:#93c5fd;
}
.visa-result-area{
  margin-top:14px;
}
.visa-result-card{
  border:1px solid #d8e0ea;
  border-radius:22px;
  padding:22px;
  background:#f8fafc;
}
.visa-result-card h3{
  font-size:28px;
  margin:8px 0 12px;
  letter-spacing:-.035em;
}
.visa-result-card.visa-free{
  border-color:#bbf7d0;
  background:#f0fdf4;
}
.visa-result-card.visa-required{
  border-color:#bfdbfe;
  background:#eff6ff;
}
.visa-result-card.neutral{
  background:#f8fafc;
}
.result-kicker{
  display:inline-flex;
  border-radius:999px;
  background:#fff;
  border:1px solid #d8e0ea;
  padding:6px 10px;
  color:#1d4ed8;
  font-weight:700;
  font-size:13px;
}
.result-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}
.result-grid div{
  border:1px solid rgba(148,163,184,.35);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  padding:13px;
}
.result-grid span{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:700;
  margin-bottom:5px;
}
.result-grid strong{
  display:block;
  color:#10213f;
  font-weight:700;
  line-height:1.35;
}
@media(max-width:980px){
  .visa-checker-hero-grid,
  .visa-checker-home-card,
  .visa-checker-form{
    grid-template-columns:1fr;
  }
  .result-grid{
    grid-template-columns:1fr;
  }
}


/* v32: compact homepage fee checker to reveal more hero background */
.hero{
  min-height:640px;
}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.66fr);
  gap:46px;
  align-items:center;
}
.hero .hero-fee-compact{
  max-width:520px;
  margin-left:auto;
  padding:22px;
  border-radius:26px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  box-shadow:0 24px 70px rgba(5,13,31,.20);
}
.hero .hero-fee-compact h2{
  margin:0;
  font-size:28px;
  letter-spacing:-.035em;
}
.compact-fee-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
}
.compact-fee-head p{
  margin:6px 0 0;
  color:#64748b;
  font-size:14px;
  white-space:nowrap;
}
.compact-fee-fields{
  display:grid;
  gap:11px;
}
.compact-fee-fields label{
  font-size:13px;
}
.compact-fee-fields select{
  min-height:46px;
  padding:10px 12px;
  border-radius:14px;
  font-size:15px;
}
.compact-fee-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:16px;
  padding:14px;
  border:1px solid rgba(248,113,113,.28);
  border-radius:18px;
  background:rgba(254,242,242,.82);
}
.compact-total span{
  display:block;
  color:#64748b;
  font-size:13px;
  font-weight:600;
}
.compact-total strong{
  display:block;
  color:#dc2626;
  font-size:34px;
  line-height:1;
  letter-spacing:-.04em;
  margin-top:4px;
}
.compact-fee-bottom .btn{
  min-height:46px;
  padding:10px 22px;
  border-radius:999px;
  white-space:nowrap;
}
.compact-fee-summary{
  margin-top:10px;
  color:#64748b;
  line-height:1.45;
}
.hero .fee-card:not(.hero-fee-compact) .grid{
  gap:14px;
}
@media(max-width:1100px){
  .hero-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .hero .hero-fee-compact{
    margin-left:0;
    max-width:620px;
  }
}
@media(max-width:640px){
  .hero{
    min-height:auto;
  }
  .hero .hero-fee-compact{
    padding:18px;
  }
  .compact-fee-head,
  .compact-fee-bottom{
    display:block;
  }
  .compact-fee-head p{
    white-space:normal;
  }
  .compact-fee-bottom .btn{
    width:100%;
    margin-top:12px;
  }
}


/* v33: Vietnam GoEasy trust and experience sections */
.trust-section,
.urgent-trust-section,
.fees-trust-section{
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.trust-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
.trust-card{
  border:1px solid #d8e0ea;
  border-radius:22px;
  padding:18px;
  background:#fff;
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}
.trust-card strong{
  display:block;
  color:#10213f;
  font-size:18px;
  line-height:1.25;
  letter-spacing:-.025em;
  margin-bottom:8px;
}
.trust-card p{
  margin:0;
  color:#55657d;
  font-size:14px;
  line-height:1.55;
}
.contact-trust-note{
  margin-top:22px;
}
.contact-trust-note h2{
  margin-top:0;
}
@media(max-width:1180px){
  .trust-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .trust-grid{
    grid-template-columns:1fr;
  }
}


/* v34: header alignment fix */
.topbar{
  overflow:hidden;
}
.nav{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:26px;
  padding:14px 0;
  min-height:86px;
}
.brand{
  grid-column:1;
  min-width:max-content;
  font-size:27px;
  line-height:1;
}
.navlinks{
  grid-column:2;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:18px;
  min-width:0;
  overflow:visible;
  font-size:15px;
  line-height:1;
}
.navlinks a:not(.btn){
  white-space:nowrap;
}
.navlinks .nav-apply-btn{
  grid-column:3;
  margin-left:10px;
  flex:0 0 auto;
  min-width:150px;
  text-align:center;
  justify-content:center;
}
.mobile-only{
  grid-column:3;
}
@media(max-width:1320px){
  .nav{
    gap:18px;
  }
  .brand{
    font-size:25px;
  }
  .navlinks{
    gap:13px;
    font-size:13.8px;
  }
  .navlinks .nav-apply-btn{
    min-width:132px;
    padding:11px 16px;
    font-size:14.5px;
  }
}
@media(max-width:1120px){
  .nav{
    display:flex;
    justify-content:space-between;
    min-height:72px;
  }
  .navlinks{
    display:none;
  }
  .mobile-only{
    display:inline-flex;
  }
}
@media(min-width:1121px){
  .mobile-only{
    display:none!important;
  }
}


/* v35: image logo integration */
.brand.brand-logo{
  display:inline-flex;
  align-items:center;
  line-height:0;
  min-width:max-content;
}
.brand.brand-logo img{
  display:block;
  height:48px;
  width:auto;
  object-fit:contain;
}
.footer-logo{
  display:inline-flex;
  align-items:center;
  line-height:0;
  margin-bottom:12px;
}
.footer-logo img{
  display:block;
  height:54px;
  width:auto;
  object-fit:contain;
  max-width:100%;
}
.hero-logo-showcase{
  margin:18px 0 14px;
  padding:12px 16px;
  display:inline-flex;
  align-items:center;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(6px);
}
.hero-logo-showcase .logo-light{
  display:block;
  height:42px;
  width:auto;
  object-fit:contain;
}
@media(max-width:1320px){
  .brand.brand-logo img{height:44px}
}
@media(max-width:1120px){
  .brand.brand-logo img{height:40px}
}
@media(max-width:640px){
  .brand.brand-logo img{height:34px}
  .footer-logo img{height:42px}
  .hero-logo-showcase .logo-light{height:34px}
}


/* v38: refined header spacing, footer logo display, contact logo, and add-on visuals */
.topbar .container.nav{
  max-width:1400px;
  padding-left:34px;
  padding-right:34px;
}
.nav{
  min-height:92px;
  gap:30px;
}
.brand.brand-logo{
  margin-left:2px;
}
.brand.brand-logo img{
  height:54px;
  width:auto;
  display:block;
}
.navlinks{
  gap:24px;
  font-size:17px;
  font-weight:700;
}
.navlinks .nav-apply-btn{
  min-width:172px;
  margin-left:18px;
  padding:14px 22px;
  font-size:16px;
}
.footer-logo{
  overflow:visible;
}
.footer-logo img{
  width:min(340px,100%);
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:left center;
  display:block;
}
.hero-logo-showcase{
  display:none !important;
}
.contact-inline-logo{
  display:block;
  width:min(320px,100%);
  height:auto;
  margin:0 0 24px;
}
.contact-details-card{
  overflow:visible;
}
.contact-details-card p{
  margin:0 0 22px;
}
.addon-service-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:1320px){
  .topbar .container.nav{
    padding-left:28px;
    padding-right:28px;
  }
  .nav{
    gap:22px;
    min-height:84px;
  }
  .brand.brand-logo img{
    height:48px;
  }
  .navlinks{
    gap:18px;
    font-size:15.5px;
  }
  .navlinks .nav-apply-btn{
    min-width:154px;
    font-size:15px;
    padding:12px 18px;
  }
}
@media(max-width:1120px){
  .topbar .container.nav{
    padding-left:18px;
    padding-right:18px;
  }
  .nav{
    min-height:74px;
    gap:16px;
  }
  .brand.brand-logo img{
    height:40px;
  }
}
@media(max-width:640px){
  .brand.brand-logo img{
    height:34px;
  }
  .footer-logo img{
    width:min(260px,100%);
  }
  .contact-inline-logo{
    width:min(240px,100%);
    margin-bottom:18px;
  }
}


/* v39: final UI polish pass — typography, spacing, cards, header, footer, responsive */
:root{
  --vge-navy:#0b1730;
  --vge-navy-2:#112654;
  --vge-blue:#2563eb;
  --vge-blue-2:#60a5fa;
  --vge-red:#dc2626;
  --vge-text:#0f1b33;
  --vge-muted:#52627a;
  --vge-line:#d9e2ee;
  --vge-soft:#f8fafc;
  --vge-radius:22px;
  --vge-shadow:0 18px 45px rgba(15,23,42,.08);
  --vge-shadow-strong:0 26px 70px rgba(15,23,42,.16);
}
html{
  scroll-behavior:smooth;
}
body{
  color:var(--vge-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.container{
  max-width:1180px;
}
h1,h2,h3{
  letter-spacing:-.045em;
}
h1{
  font-weight:760;
}
h2{
  font-weight:720;
}
h3{
  font-weight:680;
}
p,.muted,.readable,li{
  line-height:1.65;
}
.muted{
  color:var(--vge-muted);
}
.section{
  padding-top:74px;
  padding-bottom:74px;
}
.section + .section{
  border-top:1px solid rgba(217,226,238,.65);
}
.eyebrow{
  color:#75b7ff;
  font-weight:780;
  letter-spacing:.15em;
}
.card,.step,.info-block,.faq-item,.why-box,.visa-result-card,.step-list-card{
  border-color:var(--vge-line);
  box-shadow:0 14px 36px rgba(15,23,42,.055);
}
.card:hover,.step:hover,.info-block:hover,.faq-item:hover{
  box-shadow:var(--vge-shadow);
}
.btn{
  min-height:48px;
  padding:12px 24px;
  border-radius:999px;
  font-weight:760;
  box-shadow:0 10px 26px rgba(37,99,235,.18);
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}
.btn:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(37,99,235,.22);
}
.btn.secondary{
  border:1px solid rgba(217,226,238,.9);
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.btn.red{
  background:linear-gradient(135deg,#ef4444,#dc2626);
  box-shadow:0 14px 34px rgba(220,38,38,.20);
}
.btn.red:hover{
  box-shadow:0 18px 40px rgba(220,38,38,.28);
}

/* Header */
.topbar{
  background:linear-gradient(90deg,#081225,#10224f);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.topbar .container.nav{
  max-width:1500px;
  padding-left:58px;
  padding-right:38px;
}
.nav{
  min-height:88px;
  gap:26px;
}
.brand.brand-logo{
  margin-left:0;
  padding-right:8px;
}
.brand.brand-logo img{
  height:48px;
}
.navlinks{
  gap:22px;
  font-size:16.2px;
  font-weight:720;
}
.navlinks a:not(.btn){
  opacity:.92;
  padding:12px 0;
  position:relative;
}
.navlinks a:not(.btn)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  height:2px;
  border-radius:99px;
  background:rgba(255,255,255,.70);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .16s ease, opacity .16s ease;
  opacity:.8;
}
.navlinks a:not(.btn):hover::after,
.navlinks a.active-nav:not(.btn)::after{
  transform:scaleX(1);
}
.navlinks a:not(.btn):hover,
.navlinks a.active-nav:not(.btn){
  opacity:1;
}
.navlinks .nav-apply-btn{
  min-width:154px;
  padding:12px 20px;
  font-size:15.5px;
  margin-left:8px;
}

/* Home hero */
.hero{
  min-height:650px;
  background:
    linear-gradient(90deg,rgba(7,17,38,.90) 0%,rgba(14,31,74,.78) 43%,rgba(14,31,74,.42) 72%,rgba(14,31,74,.28) 100%),
    url('/assets/img/hero-vietnam-arrival.png') center right / cover no-repeat;
}
.hero-grid{
  grid-template-columns:minmax(0,.98fr) minmax(360px,.62fr);
  gap:54px;
}
.hero h1{
  max-width:820px;
  font-size:clamp(48px,5.2vw,76px);
  line-height:1.02;
  margin-bottom:24px;
}
.hero p{
  max-width:820px;
}
.hero .notice{
  max-width:690px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(9px);
  padding:14px 18px;
  font-size:18px;
}
.hero-actions{
  gap:14px;
}
.hero .hero-fee-compact{
  border:1px solid rgba(255,255,255,.62);
  background:rgba(255,255,255,.90);
  box-shadow:var(--vge-shadow-strong);
}
.compact-fee-fields{
  gap:12px;
}
.compact-fee-fields select,
.hero-fee-compact select,
.fee-card select{
  font-weight:520;
}
.compact-total strong{
  font-size:32px;
}
.compact-fee-bottom{
  background:rgba(255,241,242,.74);
  border-color:rgba(248,113,113,.20);
}

/* Page heroes and imagery */
.page-hero{
  padding:70px 0;
  border-bottom:1px solid rgba(217,226,238,.8);
}
.page-hero h1{
  max-width:850px;
  font-size:clamp(42px,4vw,62px);
  line-height:1.08;
}
.page-hero .muted{
  max-width:780px;
  font-size:18px;
}
.visual-card,.urgent-visual-card,.home-image-panel{
  border-color:rgba(217,226,238,.9);
  box-shadow:0 20px 58px rgba(15,23,42,.10);
}
.visual-card img,
.urgent-visual-card img{
  filter:saturate(1.03) contrast(1.02);
}

/* Trust cards */
.trust-grid{
  gap:18px;
}
.trust-card{
  border-radius:24px;
  padding:22px 20px;
  transition:transform .16s ease, box-shadow .16s ease;
}
.trust-card:hover{
  transform:translateY(-2px);
}
.trust-card strong{
  font-size:17px;
}
.trust-card p{
  font-size:14px;
}

/* Add-on page */
.addon-service-list{
  gap:28px;
}
.addon-service-card{
  grid-template-columns:330px minmax(0,1fr);
  border-radius:30px;
  box-shadow:0 18px 48px rgba(15,23,42,.07);
  transition:transform .16s ease, box-shadow .16s ease;
}
.addon-service-card:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 60px rgba(15,23,42,.10);
}
.addon-service-media{
  min-height:300px;
}
.addon-service-content{
  padding:30px 30px 28px 0;
}
.addon-service-content h3{
  font-weight:720;
  margin-top:12px;
}
.pill{
  background:#eaf3ff;
  color:#1d4ed8;
  border:1px solid #bfdbfe;
  font-weight:740;
  letter-spacing:.01em;
}
.addon-detail-grid > div{
  background:#fbfdff;
  border-color:#e4ebf4;
}
.addon-detail-grid li{
  color:#52627a;
}

/* Tables and fees */
.urgent-table-wrap{
  box-shadow:0 14px 40px rgba(15,23,42,.06);
}
.urgent-table th{
  background:#eef4fb;
}
.urgent-table td,.urgent-table th{
  line-height:1.45;
}
.fees-table td:nth-child(3){
  color:#be123c;
}

/* Forms */
input,select,textarea{
  transition:border-color .14s ease, box-shadow .14s ease, background .14s ease;
}
input:focus,select:focus,textarea:focus{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 4px rgba(147,197,253,.28)!important;
  outline:none!important;
}
label{
  color:#0f1b33;
}

/* FAQ */
.faq-page{
  display:grid;
  gap:16px;
}
.faq-item{
  border-radius:22px;
  padding:22px 24px;
  background:#fff;
}
.faq-item h3{
  margin-top:0;
  font-size:21px;
}
.faq-item p{
  margin-bottom:0;
  color:#52627a;
}

/* Contact */
.contact-hero + .page-visual-band{
  padding-top:30px;
}
.contact-lead{
  font-size:18px;
  color:#52627a;
}
.contact-details-card{
  padding:32px;
  border-radius:30px;
  background:linear-gradient(180deg,#fff,#fbfdff);
}
.contact-inline-logo{
  width:min(300px,100%);
}
.contact-details-card strong{
  color:#10213f;
}
.contact-details-card a{
  color:#1d4ed8;
}
.contact-trust-note{
  padding:28px 32px;
}

/* Footer */
.footer{
  background:linear-gradient(135deg,#081225,#10224f);
  padding:58px 0 48px;
}
.footer-grid{
  gap:38px;
}
.footer-logo img{
  width:min(300px,100%);
}
.footer p{
  color:rgba(255,255,255,.82);
}
.footer a{
  color:rgba(255,255,255,.88);
}
.footer a:hover{
  color:#fff;
}
.footer .small{
  color:rgba(255,255,255,.68);
}

/* WhatsApp */
.whatsapp-float{
  box-shadow:0 18px 40px rgba(22,163,74,.28);
  border:1px solid rgba(255,255,255,.48);
}

/* Responsive polish */
@media(max-width:1360px){
  .topbar .container.nav{
    padding-left:36px;
    padding-right:28px;
  }
  .brand.brand-logo img{
    height:43px;
  }
  .navlinks{
    gap:16px;
    font-size:14.8px;
  }
  .navlinks .nav-apply-btn{
    min-width:136px;
    font-size:14.5px;
    padding:11px 16px;
  }
}
@media(max-width:1180px){
  .topbar .container.nav{
    padding-left:22px;
    padding-right:22px;
  }
  .navlinks{
    display:none;
  }
  .mobile-only{
    display:inline-flex!important;
  }
  .hero-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .hero .hero-fee-compact{
    max-width:680px;
    margin-left:0;
  }
}
@media(max-width:980px){
  .section{
    padding-top:54px;
    padding-bottom:54px;
  }
  .page-hero{
    padding:52px 0;
  }
  .addon-service-card{
    grid-template-columns:1fr;
  }
  .addon-service-content{
    padding:26px;
  }
  .addon-service-media{
    min-height:260px;
  }
  .trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .hero h1{
    font-size:42px;
  }
  .hero .notice{
    font-size:16px;
  }
  .trust-grid{
    grid-template-columns:1fr;
  }
  .btn{
    width:100%;
    justify-content:center;
  }
  .hero-actions{
    width:100%;
  }
  .page-hero h1{
    font-size:36px;
  }
  .contact-details-card{
    padding:24px;
  }
}


/* v40: logo safety, swapped hero composition, home image framing, and subtle wave accents */
.brand.brand-logo,
.footer-logo,
.contact-inline-logo-wrap{
  overflow:visible;
}
.brand.brand-logo img,
.footer-logo img,
.contact-inline-logo{
  object-fit:contain;
  object-position:center;
}
.brand.brand-logo{
  padding:4px 8px 4px 0;
}
.brand.brand-logo img{
  height:50px;
  max-width:min(390px,26vw);
}
.footer-logo{
  padding:4px 0;
}
.footer-logo img{
  width:min(320px,100%);
}
.contact-inline-logo{
  width:min(312px,100%);
}

.home-page .hero{
  background:
    linear-gradient(90deg,rgba(7,17,38,.26) 0%,rgba(10,26,60,.34) 22%,rgba(12,29,69,.52) 46%,rgba(8,20,46,.76) 72%,rgba(7,17,38,.90) 100%),
    url('/assets/img/hero-vietnam-arrival.png') center center / cover no-repeat;
}
.home-page .hero-grid{
  grid-template-columns:minmax(360px,.62fr) minmax(0,1fr);
  align-items:center;
  gap:58px;
}
.home-page .hero-grid > .hero-fee-compact{
  order:1;
  align-self:center;
  max-width:610px;
  width:100%;
}
.home-page .hero-grid > div:first-child{
  order:2;
  justify-self:end;
}
.home-page .hero h1,
.home-page .hero p,
.home-page .hero .notice{
  max-width:740px;
}
.home-page .hero .notice{
  background:rgba(10,22,49,.34);
  border-color:rgba(255,255,255,.20);
}
.home-page .hero-actions{
  justify-content:flex-start;
}
.home-page .hero-grid > div:first-child .eyebrow,
.home-page .hero-grid > div:first-child h1,
.home-page .hero-grid > div:first-child p,
.home-page .hero-grid > div:first-child .hero-actions{
  margin-left:auto;
}
.home-page .hero-grid > div:first-child h1,
.home-page .hero-grid > div:first-child p{
  text-align:left;
}
.home-page .hero-grid > div:first-child{
  text-shadow:0 8px 28px rgba(8,19,43,.22);
}

.home-page .home-image-panel{
  position:relative;
}
.home-page .home-image-panel img{
  width:100%;
  height:300px;
}
.home-page .home-fees-teaser .home-image-panel img,
.home-page .home-visa-info-teaser .home-image-panel img,
.home-page .home-how-image img{
  object-position:center 14%;
}
.home-page .home-addon-image img{
  height:360px;
  object-position:center 16%;
}

.home-page .wave-accent{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.home-page .wave-accent > .container{
  position:relative;
  z-index:1;
}
.home-page .wave-accent::after{
  content:"";
  position:absolute;
  top:10%;
  right:-3%;
  width:min(36vw,520px);
  height:80%;
  opacity:.22;
  pointer-events:none;
  z-index:0;
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 420'%3E%3Cg fill='none' stroke='%2395b9e9' stroke-width='1.2' stroke-opacity='0.65'%3E%3Cpath d='M-10 40 C90 5 170 5 270 40 S450 75 610 30'/%3E%3Cpath d='M-10 90 C90 55 170 55 270 90 S450 125 610 80'/%3E%3Cpath d='M-10 140 C90 105 170 105 270 140 S450 175 610 130'/%3E%3Cpath d='M-10 190 C90 155 170 155 270 190 S450 225 610 180'/%3E%3Cpath d='M-10 240 C90 205 170 205 270 240 S450 275 610 230'/%3E%3Cpath d='M-10 290 C90 255 170 255 270 290 S450 325 610 280'/%3E%3Cpath d='M-10 340 C90 305 170 305 270 340 S450 375 610 330'/%3E%3C/g%3E%3C/svg%3E");
}
.home-page .wave-accent.wave-left::after{
  left:-3%;
  right:auto;
  transform:scaleX(-1);
}
.home-page .wave-accent::before{
  content:"";
  position:absolute;
  inset:auto auto 8% 0;
  width:min(22vw,280px);
  height:42%;
  pointer-events:none;
  z-index:0;
  opacity:.15;
  background:radial-gradient(circle at center, rgba(148,180,230,.40) 0, rgba(148,180,230,.16) 24%, rgba(148,180,230,0) 72%);
  filter:blur(18px);
}
.home-page .wave-accent.wave-left::before{
  left:auto;
  right:0;
}

@media(max-width:1180px){
  .brand.brand-logo img{
    max-width:min(330px,34vw);
  }
  .home-page .hero-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  .home-page .hero-grid > .hero-fee-compact,
  .home-page .hero-grid > div:first-child{
    order:initial;
    justify-self:start;
  }
  .home-page .hero-grid > div:first-child .eyebrow,
  .home-page .hero-grid > div:first-child h1,
  .home-page .hero-grid > div:first-child p,
  .home-page .hero-grid > div:first-child .hero-actions{
    margin-left:0;
  }
  .home-page .hero{
    background-position:center center;
  }
  .home-page .hero .hero-fee-compact{
    max-width:680px;
  }
}
@media(max-width:900px){
  .home-page .home-image-panel img{
    height:270px;
  }
  .home-page .home-addon-image img{
    height:300px;
    object-position:center 18%;
  }
  .home-page .wave-accent::after{
    width:min(56vw,360px);
    top:14%;
    height:68%;
    opacity:.18;
  }
}
@media(max-width:640px){
  .brand.brand-logo img{
    height:38px;
    max-width:250px;
  }
  .footer-logo img{
    width:min(270px,100%);
  }
  .contact-inline-logo{
    width:min(255px,100%);
  }
  .home-page .hero{
    background:
      linear-gradient(180deg,rgba(7,17,38,.70) 0%,rgba(10,24,55,.78) 45%,rgba(7,17,38,.88) 100%),
      url('/assets/img/hero-vietnam-arrival.png') center center / cover no-repeat;
  }
  .home-page .hero-grid{
    gap:24px;
  }
  .home-page .home-image-panel img{
    height:220px;
  }
  .home-page .home-addon-image img{
    height:235px;
    object-position:center 15%;
  }
  .home-page .wave-accent::after,
  .home-page .wave-accent::before{
    opacity:.12;
  }
}


/* v41: improved home/support image framing and add-on card image composition */
.home-page .home-support-image img{
  object-position:58% 18%;
}
.home-page .home-addon-image img{
  object-position:58% 14%;
}
.home-page .home-fees-teaser .home-image-panel img{
  object-position:50% 16%;
}
.home-page .home-visa-info-teaser .home-image-panel img,
.home-page .home-how-image img{
  object-position:52% 18%;
}

.addon-hero .urgent-visual-card img{
  object-fit:cover;
  object-position:52% 18%;
}
.addon-service-media{
  display:flex;
  align-items:stretch;
  justify-content:center;
  overflow:hidden;
}
.addon-service-media img{
  object-position:center center;
}
.addon-card-fast-track .addon-service-media img{
  object-position:34% center;
}
.addon-card-vip .addon-service-media img{
  object-position:46% center;
}
.addon-card-pickup .addon-service-media img{
  object-position:44% center;
}
.addon-card-voa .addon-service-media img{
  object-position:54% center;
}

@media(min-width:1321px){
  .addon-service-card{
    grid-template-columns:380px minmax(0,1fr);
  }
}
@media(max-width:1180px){
  .home-page .home-support-image img{
    object-position:60% 16%;
  }
  .home-page .home-addon-image img{
    object-position:60% 16%;
  }
}
@media(max-width:900px){
  .home-page .home-support-image img{
    object-position:60% 14%;
  }
  .home-page .home-addon-image img{
    object-position:60% 14%;
  }
  .addon-hero .urgent-visual-card img,
  .addon-card-fast-track .addon-service-media img,
  .addon-card-vip .addon-service-media img,
  .addon-card-pickup .addon-service-media img,
  .addon-card-voa .addon-service-media img{
    object-position:center 20%;
  }
}
@media(max-width:640px){
  .home-page .home-support-image img{
    object-position:60% 12%;
  }
  .home-page .home-addon-image img{
    object-position:60% 12%;
  }
}


/* v43: wider add-on visuals and refined home hero overlay balance */
.home-page .hero{
  background:
    linear-gradient(90deg,rgba(7,17,38,.88) 0%,rgba(10,26,60,.76) 18%,rgba(12,29,69,.52) 38%,rgba(8,20,46,.28) 62%,rgba(7,17,38,.10) 84%,rgba(7,17,38,.04) 100%),
    url('/assets/img/hero-vietnam-arrival.png') 72% center / cover no-repeat;
}
.home-page .hero-grid > div:first-child{
  text-shadow:0 12px 28px rgba(8,19,43,.42);
}
.home-page .hero .notice{
  background:rgba(10,22,49,.26);
}

.addon-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(460px,.98fr);
  gap:38px;
}
.addon-hero .urgent-visual-card img{
  object-fit:cover;
  object-position:50% 38%;
}
.addon-service-card{
  grid-template-columns:440px minmax(0,1fr);
}
.addon-service-media{
  min-height:300px;
}
.addon-service-media img{
  object-fit:cover;
}
.addon-card-fast-track .addon-service-media img{
  object-position:26% center;
}
.addon-card-vip .addon-service-media img{
  object-position:48% center;
}
.addon-card-pickup .addon-service-media img{
  object-position:50% center;
}
.addon-card-voa .addon-service-media img{
  object-position:48% center;
}

@media(min-width:1321px){
  .addon-service-card{
    grid-template-columns:480px minmax(0,1fr);
  }
}
@media(max-width:1180px){
  .addon-hero-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}
@media(max-width:980px){
  .addon-service-card{
    grid-template-columns:1fr;
  }
  .addon-service-media{
    min-height:260px;
  }
}
@media(max-width:640px){
  .home-page .hero{
    background:
      linear-gradient(180deg,rgba(7,17,38,.84) 0%,rgba(10,24,55,.76) 48%,rgba(7,17,38,.62) 100%),
      url('/assets/img/hero-vietnam-arrival.png') 64% center / cover no-repeat;
  }
}

/* v46: restore home hero to text-left / fee-right with mirrored Hoi An background and darker left overlay */
.home-page .hero{
  background:
    linear-gradient(90deg,
      rgba(7,17,38,.96) 0%,
      rgba(9,22,50,.90) 16%,
      rgba(11,28,66,.82) 34%,
      rgba(14,37,83,.68) 52%,
      rgba(20,48,104,.42) 72%,
      rgba(28,70,146,.20) 88%,
      rgba(255,255,255,0) 100%),
    url('/assets/img/hero-vietnam-arrival-flip.png') 30% center / cover no-repeat;
}
.home-page .hero-grid{
  grid-template-columns:minmax(0,1.06fr) minmax(390px,.82fr);
  align-items:center;
  gap:56px;
}
.home-page .hero-grid > div:first-child{
  order:1;
  justify-self:start;
  text-shadow:0 12px 28px rgba(8,19,43,.42);
}
.home-page .hero-grid > .hero-fee-compact{
  order:2;
  justify-self:end;
  align-self:center;
  max-width:610px;
  width:100%;
}
.home-page .hero-grid > div:first-child .eyebrow,
.home-page .hero-grid > div:first-child h1,
.home-page .hero-grid > div:first-child p,
.home-page .hero-grid > div:first-child .hero-actions{
  margin-left:0;
}
.home-page .hero h1,
.home-page .hero p,
.home-page .hero .notice{
  max-width:760px;
}
.home-page .hero .notice{
  background:rgba(10,22,49,.32);
  border-color:rgba(255,255,255,.18);
}
.home-page .hero-actions{
  justify-content:flex-start;
}

@media(max-width:1180px){
  .home-page .hero{
    background:
      linear-gradient(180deg,
        rgba(7,17,38,.88) 0%,
        rgba(9,22,50,.82) 38%,
        rgba(11,28,66,.66) 62%,
        rgba(20,48,104,.28) 100%),
      url('/assets/img/hero-vietnam-arrival-flip.png') 36% center / cover no-repeat;
  }
  .home-page .hero-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  .home-page .hero-grid > div:first-child,
  .home-page .hero-grid > .hero-fee-compact{
    order:initial;
    justify-self:start;
  }
  .home-page .hero .hero-fee-compact{
    max-width:680px;
  }
}

@media(max-width:640px){
  .home-page .hero{
    background:
      linear-gradient(180deg,
        rgba(7,17,38,.90) 0%,
        rgba(9,22,50,.82) 40%,
        rgba(11,28,66,.64) 72%,
        rgba(20,48,104,.26) 100%),
      url('/assets/img/hero-vietnam-arrival-flip.png') 38% center / cover no-repeat;
  }
}

/* v47: premium hero fine-tuning after layout reversal */
.home-page .hero{
  background:
    linear-gradient(90deg,
      rgba(6,16,36,.98) 0%,
      rgba(8,20,46,.94) 18%,
      rgba(10,25,58,.88) 34%,
      rgba(12,31,72,.80) 48%,
      rgba(16,40,88,.68) 60%,
      rgba(22,56,118,.44) 76%,
      rgba(37,92,185,.18) 90%,
      rgba(255,255,255,0) 100%),
    url('/assets/img/hero-vietnam-arrival-flip.png') 18% center / cover no-repeat;
}
.home-page .hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.88fr);
  gap:64px;
  align-items:center;
}
.home-page .hero-grid > div:first-child{
  max-width:760px;
}
.home-page .hero-grid > div:first-child .eyebrow{
  margin-bottom:12px;
}
.home-page .hero-grid > div:first-child h1{
  max-width:760px;
  line-height:1.01;
}
.home-page .hero-grid > div:first-child p{
  max-width:700px;
}
.home-page .hero .notice{
  max-width:720px;
  background:rgba(10,22,49,.36);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 14px 34px rgba(4,11,28,.18);
}
.home-page .hero-grid > .hero-fee-compact{
  max-width:620px;
  margin-top:8px;
}
.home-page .hero .hero-fee-compact{
  box-shadow:0 24px 64px rgba(8,18,38,.22);
}

@media(max-width:1180px){
  .home-page .hero{
    background:
      linear-gradient(180deg,
        rgba(7,17,38,.92) 0%,
        rgba(9,22,50,.86) 34%,
        rgba(11,28,66,.72) 58%,
        rgba(20,48,104,.34) 100%),
      url('/assets/img/hero-vietnam-arrival-flip.png') 24% center / cover no-repeat;
  }
  .home-page .hero-grid{
    gap:34px;
  }
  .home-page .hero-grid > .hero-fee-compact{
    max-width:680px;
    margin-top:0;
  }
}

@media(max-width:640px){
  .home-page .hero{
    background:
      linear-gradient(180deg,
        rgba(7,17,38,.92) 0%,
        rgba(9,22,50,.86) 42%,
        rgba(11,28,66,.70) 72%,
        rgba(20,48,104,.28) 100%),
      url('/assets/img/hero-vietnam-arrival-flip.png') 22% center / cover no-repeat;
  }
}


/* v48: center Arrival Fast Track people inside the actual web card image */
.addon-card-fast-track .addon-service-media{
  overflow:hidden;
}
.addon-card-fast-track .addon-service-media img{
  object-fit:cover;
  object-position:58% center !important;
}
@media(max-width:980px){
  .addon-card-fast-track .addon-service-media img{
    object-position:54% center !important;
  }
}


/* v49: shorter Home page after removing long Visa Info teaser and large FAQ image */
.home-page .faq-preview-grid{
  margin-top:26px;
}
.home-page .mini-faq-action{
  margin-top:24px;
}
.home-page .home-service-note{
  margin-top:22px;
}
.home-page .how-home{
  padding-bottom:66px;
}
.home-page .trust-section{
  padding-top:62px;
  padding-bottom:62px;
}
@media(max-width:640px){
  .home-page .faq-preview-grid{
    margin-top:18px;
  }
}


/* v51: page-by-page crop tuning */
.visual-card img,
.urgent-visual-card img,
.home-image-panel img,
.addon-service-media img{
  transition:object-position .2s ease;
}

/* desktop crop tuning */
.media-focus-fees{object-position:68% 46%;}
.media-focus-how{object-position:66% 46%;}
.media-focus-how-page{object-position:67% 44%;}
.media-focus-addon-home{object-position:50% 44%;}
.media-focus-addon-hero{object-position:50% 42%;}
.media-focus-fast-track{object-position:50% 46%;}
.media-focus-vip-assistance{object-position:52% 46%;}
.media-focus-pickup{object-position:50% 48%;}
.media-focus-voa{object-position:50% 42%;}
.media-focus-urgent{object-position:50% 42%;}
.media-focus-contact{object-position:52% 36%;}
.media-focus-faq{object-position:50% 38%;}
.media-focus-fees-page{object-position:54% 42%;}
.media-focus-visa-info{object-position:52% 42%;}
.media-focus-visa-req{object-position:58% 42%;}

/* slightly roomier image areas */
.home-image-panel img{height:280px;}
.visual-card img{height:380px;}
.urgent-visual-card img{height:340px;}
.addon-service-media{min-height:280px;}

/* mobile/tablet crop tuning */
@media(max-width:980px){
  .home-image-panel img{height:250px;}
  .visual-card img{height:300px;}
  .urgent-visual-card img{height:270px;}
  .addon-service-media{min-height:240px;}

  .media-focus-fees,
  .media-focus-how,
  .media-focus-how-page{object-position:62% 46%;}
  .media-focus-addon-home,
  .media-focus-addon-hero,
  .media-focus-fast-track,
  .media-focus-vip-assistance,
  .media-focus-pickup,
  .media-focus-voa,
  .media-focus-urgent,
  .media-focus-faq,
  .media-focus-contact{object-position:50% 42%;}
  .media-focus-fees-page{object-position:56% 40%;}
  .media-focus-visa-info,
  .media-focus-visa-req{object-position:50% 40%;}
}

@media(max-width:640px){
  .home-image-panel img{height:220px;}
  .visual-card img{height:240px;}
  .urgent-visual-card img{height:220px;}
  .addon-service-media{min-height:210px;}

  .media-focus-fees,
  .media-focus-how,
  .media-focus-how-page{object-position:60% 44%;}
  .media-focus-addon-home,
  .media-focus-addon-hero,
  .media-focus-fast-track,
  .media-focus-vip-assistance,
  .media-focus-pickup,
  .media-focus-voa,
  .media-focus-urgent,
  .media-focus-contact,
  .media-focus-faq,
  .media-focus-fees-page,
  .media-focus-visa-info,
  .media-focus-visa-req{object-position:50% 40%;}
}


/* v52: expanded FAQ page */
.faq-expanded-page{
  display:block;
}
.faq-intro-card{
  border:1px solid var(--vge-line, #d9e2ee);
  border-radius:26px;
  padding:26px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  box-shadow:0 14px 36px rgba(15,23,42,.055);
  margin-bottom:22px;
}
.faq-intro-card h2{
  margin-top:0;
}
.faq-category-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 32px;
}
.faq-category-nav a{
  display:inline-flex;
  align-items:center;
  border:1px solid #d8e0ea;
  background:#fff;
  border-radius:999px;
  padding:10px 14px;
  color:#10213f;
  font-weight:750;
  font-size:14px;
  box-shadow:0 8px 20px rgba(15,23,42,.04);
}
.faq-category{
  scroll-margin-top:110px;
  margin:34px 0;
}
.faq-category > h2{
  font-size:30px;
  margin:0 0 18px;
}
.faq-category-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.faq-expanded-page .faq-item{
  height:100%;
}
.faq-expanded-page .faq-item h3{
  line-height:1.28;
}
.faq-expanded-page .private-service-bottom-note{
  margin-top:32px;
}
@media(max-width:860px){
  .faq-category-grid{
    grid-template-columns:1fr;
  }
  .faq-category > h2{
    font-size:26px;
  }
}


.confirmation-box {
  display: grid;
  gap: 10px;
  margin: 14px 0 18px;
  padding: 14px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 16px;
  background: rgba(248, 250, 252, .92);
}

.confirm-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--text);
}

.confirm-check input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  flex: 0 0 auto;
}

.refined-submit-btn,
.refined-paypal-btn {
  min-height: 46px;
  letter-spacing: .01em;
}

.payment-action-card .actions,
.inline-payment-card .actions {
  gap: 10px;
}


/* Support Operations Phase 4A-2 email template preview/copy */
.support-email-template-summary,
.support-email-template-category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
  margin: 10px 0;
}
.support-email-template-summary span,
.support-email-template-category-grid div {
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 14px;
  padding: 10px 12px;
  background: #fff;
}
.support-email-template-summary strong,
.support-email-template-category-grid strong { display: block; }
.support-email-template-category-grid small { color: var(--muted); }
.email-template-preview-panel textarea[readonly],
.email-template-preview-panel input[readonly] {
  background: #f8fafc;
  color: #0f172a;
}
.email-template-preview-panel textarea {
  min-height: 220px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  line-height: 1.55;
}
.email-template-controls { align-items: end; }


/* Support Operations Phase 5 support macros preview/copy */
.support-macro-preview-panel textarea[readonly] {
  background: #f8fafc;
  color: #0f172a;
}
.support-macro-preview-panel textarea {
  min-height: 140px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  line-height: 1.55;
}
.support-macro-controls { align-items: end; }
.support-macro-summary span { background: #fff; }


/* v76 admin order review hardening */
.admin-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; margin: 0 0 16px; }
.admin-stats > div { border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; padding: 12px 14px; box-shadow: 0 10px 24px rgba(15,23,42,.05); }
.admin-stats strong { display: block; font-size: 24px; color: #1d4ed8; }
.admin-stats span { display: block; font-size: 12px; color: #64748b; font-weight: 800; }
.admin-toolbar { grid-template-columns: 1.2fr .75fr .85fr .75fr; }
.admin-order-badges { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 8px; }
.admin-review-badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 5px 8px; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .03em; border: 1px solid transparent; }
.review-ready { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
.review-review, .review-payment-review, .review-payment-pending, .review-needs-info, .review-urgent { background: #fffbeb; color: #92400e; border-color: #fde68a; }
.review-blocker { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
.admin-review-panel { border-color: #bfdbfe; background: #f8fbff; }
.admin-review-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.admin-review-head h4 { margin: 0; }
.admin-review-list { display: grid; gap: 8px; margin: 12px 0; }
.admin-review-item { display: flex; gap: 10px; align-items: flex-start; border-radius: 14px; padding: 10px 12px; border: 1px solid #e2e8f0; background: #fff; }
.admin-review-item span { width: 22px; height: 22px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; flex: 0 0 auto; }
.admin-review-item.ready span { background: #dcfce7; color: #047857; }
.admin-review-item.review span { background: #fef3c7; color: #92400e; }
.admin-review-item.blocker span { background: #fee2e2; color: #b91c1c; }
.admin-review-item strong { font-size: 13px; line-height: 1.4; }
.admin-review-actions { display: flex; gap: 10px; flex-wrap: wrap; }
@media(max-width:980px){ .admin-toolbar { grid-template-columns: 1fr 1fr; } }
@media(max-width:720px){ .admin-toolbar { grid-template-columns: 1fr; } }

/* v77 admin order detail usability polish */
.admin-detail-head-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.admin-quick-actions-panel { border-color: #bbf7d0; background: #f8fffb; }
.admin-quick-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 12px 0; }
.admin-quick-action-grid > div { border: 1px solid #e2e8f0; background: #fff; border-radius: 14px; padding: 10px 12px; min-width: 0; }
.admin-quick-action-grid span { display: block; color: #64748b; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
.admin-quick-action-grid strong { display: block; color: #0f172a; margin-top: 3px; word-break: break-word; }
.admin-copy-row { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.admin-copy-chip { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #cbd5e1; background: #fff; color: #1e40af; border-radius: 999px; padding: 6px 9px; font-size: 11px; font-weight: 900; line-height: 1; text-decoration: none; cursor: pointer; }
.admin-copy-chip:hover { background: #eff6ff; border-color: #93c5fd; }
@media(max-width:720px){ .admin-quick-action-grid { grid-template-columns: 1fr; } .admin-detail-head-actions { justify-content: flex-start; } }

/* v78 admin filters/export polish */
.admin-toolbar { grid-template-columns: 1.2fr .75fr .85fr .75fr .9fr .7fr .7fr .75fr; align-items: end; }
.admin-toolbar .admin-toolbar-actions { align-self: end; }
.admin-filter-summary { grid-column: 1 / -1; border-top: 1px solid #e2e8f0; padding-top: 10px; }
.admin-filter-summary strong { color: #1d4ed8; }
@media(max-width:1180px){ .admin-toolbar { grid-template-columns: 1fr 1fr 1fr; } }
@media(max-width:720px){ .admin-toolbar { grid-template-columns: 1fr; } }

/* v107 pre-live content/trust QA polish */
.prelive-trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 6px}
.prelive-trust-strip span{display:inline-flex;align-items:center;border:1px solid rgba(219,234,254,.45);background:rgba(219,234,254,.12);color:#eff6ff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}
.internal-access-banner{display:inline-flex;margin:0 0 14px;padding:9px 12px;border-radius:999px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-weight:900;font-size:13px}
.trust-section .trust-card p{color:#334155}
.home-service-note{max-width:820px}
@media(max-width:640px){.prelive-trust-strip{display:grid}.prelive-trust-strip span{justify-content:center}.hero-actions{gap:10px}}

/* v115 conversion + trust polish */
.reassurance-flow-section,
.urgent-reassurance-strip,
.addon-reassurance-section,
.evisa-reassurance-card{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
}
.reassurance-flow-section .step,
.urgent-reassurance-strip .trust-card,
.addon-reassurance-section .trust-card,
.evisa-reassurance-card .step{
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 16px 40px rgba(15,23,42,.06);
}
.reassurance-boundary{
  margin-top:18px;
  max-width:860px;
  color:#475569;
}
.section-lead{
  max-width:860px;
  margin-bottom:22px;
}
.urgent-reassurance-strip{
  padding-top:36px;
  padding-bottom:24px;
}
.contact-hero .hero-actions,
.page-hero .hero-actions{
  margin-top:18px;
}
@media(max-width:640px){
  .reassurance-flow-section .hero-actions,
  .contact-hero .hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* v116 Trust Signal Expansion */
.trust-signal-bar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
.trust-signal-bar span{display:inline-flex;align-items:center;border:1px solid rgba(14,165,233,.22);background:rgba(14,165,233,.08);color:#0f172a;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.hero .trust-signal-bar span,.page-hero .trust-signal-bar span{border-color:rgba(219,234,254,.46);background:rgba(219,234,254,.12);color:#eff6ff}
.trust-split-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.95fr);gap:24px;align-items:start;background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid #e2e8f0;border-radius:24px;padding:28px;box-shadow:0 16px 42px rgba(15,23,42,.07)}
.trust-split-card h2{margin-top:4px}.trust-split-card p{color:#334155;line-height:1.65}
.trust-mini-list{display:grid;gap:12px}.trust-mini-list>div{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.trust-mini-list strong{display:block;color:#0f172a;margin-bottom:5px}.trust-mini-list p{margin:0;color:#475569;font-size:14px}
.trust-boundary-grid .card{height:100%}.positive-trust-card{border-color:rgba(22,163,74,.22);background:#f0fdf4}.safe-boundary-card{border-color:rgba(245,158,11,.26);background:#fffbeb}.trust-boundary-grid ul{margin-bottom:0}.trust-feature-grid .step{min-height:170px}.airport-experience-section .section-lead{max-width:880px}.landing-before-forward-section .trust-split-card{background:linear-gradient(135deg,#f8fafc,#ffffff)}
@media(max-width:760px){.trust-split-card{grid-template-columns:1fr;padding:20px}.trust-signal-bar{display:grid}.trust-signal-bar span{justify-content:center;text-align:center}.trust-feature-grid{grid-template-columns:1fr}}
/* Customer Trust Center branch v1 */
.trust-center-page .page-hero{padding-bottom:52px}.trust-center-hero{background:linear-gradient(135deg,#0f172a 0%,#0b4a6f 54%,#0f766e 100%)}
.trust-center-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:28px;align-items:center}.trust-center-hero h1{max-width:780px}.trust-center-hero p{max-width:820px}.trust-center-hero-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:24px;padding:22px;color:#fff;box-shadow:0 22px 58px rgba(15,23,42,.18);backdrop-filter:blur(10px)}
.trust-center-hero-card strong{display:block;font-size:22px;line-height:1.25;margin-bottom:10px}.trust-center-hero-card p{margin:0;color:#e0f2fe;line-height:1.65}.trust-center-section .card{height:100%}.trust-center-soft{background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%)}
.trust-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.trust-process-grid>div{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px;box-shadow:0 12px 34px rgba(15,23,42,.06)}
.trust-process-grid span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:#e0f2fe;color:#075985;font-weight:900;margin-bottom:12px}.trust-process-grid strong{display:block;color:#0f172a;margin-bottom:6px}.trust-process-grid p{margin:0;color:#475569;line-height:1.6;font-size:14px}.trust-center-faq .faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.trust-center-cta-section{padding-top:30px}.trust-center-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:20px;align-items:center;background:linear-gradient(135deg,#0f172a,#075985);color:#fff;border-radius:28px;padding:28px;box-shadow:0 22px 60px rgba(15,23,42,.14)}
.trust-center-cta h2{margin:4px 0 8px}.trust-center-cta p{color:#dbeafe;margin:0}.trust-center-cta .hero-actions{justify-content:flex-end;margin-top:0}.trust-center-cta .btn.secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}.trust-center-badges span{font-size:12px}
@media(max-width:900px){.trust-center-hero-grid,.trust-center-cta{grid-template-columns:1fr}.trust-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-center-cta .hero-actions{justify-content:flex-start;margin-top:16px}}
@media(max-width:640px){.trust-center-page .page-hero{padding-top:42px;padding-bottom:38px}.trust-process-grid{grid-template-columns:1fr}.trust-center-hero-card,.trust-center-cta{padding:20px;border-radius:22px}.trust-center-cta .hero-actions{display:grid;grid-template-columns:1fr}.trust-center-hero .hero-actions{display:grid;grid-template-columns:1fr}}


/* Customer Trust Center branch v2 QA polish */
.trust-center-anchor-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e2e8f0;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.trust-center-anchor-nav .container{display:flex;gap:10px;overflow-x:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:thin}
.trust-center-anchor-nav a{white-space:nowrap;border:1px solid #e2e8f0;background:#fff;color:#0f172a;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;text-decoration:none}
.trust-center-anchor-nav a:hover{border-color:#0ea5e9;color:#075985;background:#f0f9ff}
.trust-compare-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,1fr);gap:22px;align-items:start;background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid #e2e8f0;border-radius:24px;padding:28px;box-shadow:0 16px 42px rgba(15,23,42,.07)}
.trust-compare-card p{color:#334155;line-height:1.65}.trust-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.trust-compare-grid>div,.trust-journey-grid>div{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.trust-compare-grid strong,.trust-journey-grid strong{display:block;color:#0f172a;margin-bottom:7px}.trust-compare-grid p,.trust-journey-grid p{margin:0;color:#475569;line-height:1.6;font-size:14px}.trust-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
@media(max-width:900px){.trust-compare-card,.trust-compare-grid,.trust-journey-grid{grid-template-columns:1fr}.trust-center-anchor-nav{position:relative}.trust-center-anchor-nav .container{padding-left:16px;padding-right:16px}}
@media(max-width:640px){.trust-center-anchor-nav a{font-size:12px;padding:8px 10px}.trust-compare-card{padding:20px;border-radius:22px}}

/* v135 — owner browser QA fixes */
.fees-hero-grid > *,
.addon-hero-grid > *,
.visa-info-hero-grid > *{
  min-width:0;
}
.fees-hero h1,
.addon-hero h1,
.visa-info-hero h1,
.contact-hero h1{
  max-width:720px;
  font-size:clamp(36px,3.5vw,56px);
}
.fees-hero .muted,
.addon-hero .muted,
.visa-info-hero .muted,
.contact-hero .muted{
  max-width:720px;
}
.fees-hero-grid,
.addon-hero-grid,
.visa-info-hero-grid{
  gap:36px;
}
.contact-hero + .page-visual-band{
  padding-top:28px;
}
.support-visual .visual-card img.media-focus-contact,
.media-focus-contact{
  object-position:50% 14% !important;
}
.support-visual .visual-card img.media-focus-contact{
  height:400px;
}

.faq-expanded-page .faq-category-nav{
  display:none;
}
.faq-expanded-page .faq-intro-card{
  margin-bottom:18px;
}
.faq-tools-card{
  border:1px solid #d8e0ea;
  border-radius:24px;
  padding:22px;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  box-shadow:0 16px 44px rgba(15,23,42,.06);
  margin-bottom:18px;
}
.faq-tools-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
}
.faq-search-label{
  display:grid;
  gap:8px;
  color:#0f172a;
  font-size:14px;
  font-weight:800;
}
.faq-search-input{
  width:100%;
  border:1px solid #cbd5e1;
  border-radius:16px;
  padding:14px 16px;
  font-size:15px;
  color:#0f172a;
  background:#fff;
}
.faq-search-input:focus{
  outline:none;
  border-color:#60a5fa;
  box-shadow:0 0 0 4px rgba(96,165,250,.16);
}
.faq-clear-btn{
  min-width:110px;
}
.faq-filter-pills,
.faq-page-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.faq-filter-pill,
.faq-page-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid #d8e0ea;
  background:#fff;
  border-radius:999px;
  padding:10px 14px;
  color:#10213f;
  font-weight:750;
  font-size:14px;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(15,23,42,.04);
  transition:.16s ease;
}
.faq-filter-pill:hover,
.faq-page-pill:hover{
  border-color:#93c5fd;
  background:#eff6ff;
  transform:translateY(-1px);
}
.faq-filter-pill.active,
.faq-page-pill.active{
  background:#1d4ed8;
  border-color:#1d4ed8;
  color:#fff;
}
.faq-pill-icon{
  display:inline-flex;
  width:22px;
  height:22px;
  border-radius:999px;
  align-items:center;
  justify-content:center;
  background:rgba(37,99,235,.10);
  font-size:13px;
}
.faq-filter-pill.active .faq-pill-icon,
.faq-page-pill.active .faq-pill-icon{
  background:rgba(255,255,255,.18);
}
.faq-result-count{
  margin-top:14px;
  color:#475569;
  font-size:14px;
}
.faq-pager-card{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid #d8e0ea;
  border-radius:22px;
  padding:18px 20px;
  background:#fff;
  box-shadow:0 14px 36px rgba(15,23,42,.05);
  margin-bottom:18px;
}
.faq-pager-summary{
  color:#475569;
  font-size:14px;
}
.faq-pager-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.faq-nav-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #cbd5e1;
  background:#fff;
  color:#0f172a;
  border-radius:14px;
  padding:10px 14px;
  font-weight:800;
  cursor:pointer;
}
.faq-nav-btn[disabled]{
  opacity:.45;
  cursor:not-allowed;
}
.faq-page-panel{
  display:none;
}
.faq-page-panel.is-visible{
  display:block;
}
.faq-page-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:6px 0 18px;
  padding:16px 20px;
  border:1px solid #d8e0ea;
  border-radius:22px;
  background:linear-gradient(135deg,#eff6ff,#ffffff);
}
.faq-page-intro strong{
  display:block;
  color:#0f172a;
  font-size:18px;
  margin-bottom:4px;
}
.faq-page-intro p{
  margin:0;
  color:#475569;
  font-size:14px;
  line-height:1.6;
}
.faq-page-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:110px;
  padding:10px 16px;
  border-radius:999px;
  background:#dbeafe;
  color:#1d4ed8;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.faq-category{
  margin:20px 0 28px;
}
.faq-category > h2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:24px;
  margin:0 0 16px;
}
.faq-category-title-wrap{
  display:inline-flex;
  align-items:center;
  gap:12px;
}
.faq-category-icon{
  display:inline-flex;
  width:42px;
  height:42px;
  border-radius:14px;
  align-items:center;
  justify-content:center;
  background:#dbeafe;
  color:#1d4ed8;
  font-size:19px;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.08);
}
.faq-category-page-badge{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:8px 12px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.faq-item{
  padding:20px;
}
.faq-item h3{
  font-size:18px;
  line-height:1.36;
  margin-bottom:10px;
}
.faq-item p{
  font-size:15px;
  line-height:1.72;
  color:#475569;
}
.faq-no-results{
  display:none;
  margin-top:18px;
  border:1px dashed #cbd5e1;
  border-radius:18px;
  padding:18px;
  background:#fff;
  color:#475569;
  text-align:center;
}
.faq-no-results.is-visible{
  display:block;
}
.search-active .faq-page-panel{
  display:block;
}
.search-active .faq-page-intro,
.search-active .faq-pager-card{
  display:none;
}
@media(max-width:980px){
  .fees-hero h1,
  .addon-hero h1,
  .visa-info-hero h1,
  .contact-hero h1{
    font-size:clamp(34px,4.4vw,50px);
  }
  .faq-page-intro{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media(max-width:760px){
  .support-visual .visual-card img.media-focus-contact{
    height:300px;
    object-position:52% 16% !important;
  }
  .faq-tools-row{
    grid-template-columns:1fr;
  }
  .faq-clear-btn{
    width:100%;
  }
  .faq-pager-card{
    flex-direction:column;
    align-items:flex-start;
  }
  .faq-pager-actions{
    width:100%;
  }
  .faq-page-pills{
    width:100%;
  }
  .faq-page-pill{
    flex:1 1 calc(33.333% - 8px);
    justify-content:center;
  }
  .faq-category > h2{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media(max-width:640px){
  .fees-hero-grid,
  .addon-hero-grid,
  .visa-info-hero-grid{
    gap:24px;
  }
  .fees-hero h1,
  .addon-hero h1,
  .visa-info-hero h1,
  .contact-hero h1{
    font-size:clamp(30px,8vw,42px);
  }
  .faq-page-pill{
    flex:1 1 100%;
  }
  .faq-item{
    padding:18px;
  }
  .faq-item h3{
    font-size:17px;
  }
  .faq-item p{
    font-size:14px;
  }
}

/* v136 — subtle wave background polish for public pages */
:root{
  --vge-wave-soft-left:url('/assets/img/bg-wave-soft-top-left.svg');
  --vge-wave-right-swoosh:url('/assets/img/bg-wave-right-swoosh.svg');
  --vge-wave-center-twist:url('/assets/img/bg-wave-center-twist.svg');
  --vge-wave-bottom-mesh:url('/assets/img/bg-wave-bottom-right-mesh.svg');
}

.topbar ~ header.hero,
.topbar ~ header.page-hero,
.topbar ~ section.page-visual-band,
.topbar ~ section.section,
.topbar ~ main.section,
.topbar ~ main .section,
.topbar ~ footer.footer{
  position:relative;
  overflow:hidden;
}

.topbar ~ header.hero > *,
.topbar ~ header.page-hero > *,
.topbar ~ section.page-visual-band > *,
.topbar ~ section.section > *,
.topbar ~ main.section > *,
.topbar ~ main .section > *,
.topbar ~ footer.footer > *{
  position:relative;
  z-index:1;
}

.topbar ~ header.page-hero::before,
.topbar ~ header.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:var(--vge-wave-soft-left), var(--vge-wave-right-swoosh), var(--vge-wave-center-twist);
  background-repeat:no-repeat;
  background-position:left -40px top -30px, right -40px top -30px, 68% 78%;
  background-size:440px auto, 220px auto, 250px auto;
  opacity:.42;
  z-index:0;
}

.topbar ~ header.hero::before{
  opacity:.28;
  background-position:left -40px bottom -6px, right -30px top -40px, 62% 76%;
  background-size:360px auto, 200px auto, 220px auto;
}

.topbar ~ section.page-visual-band::before,
.topbar ~ section.section::before,
.topbar ~ main.section::before,
.topbar ~ main .section::before,
.topbar ~ footer.footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-repeat:no-repeat;
  z-index:0;
}

.topbar ~ section.page-visual-band::before,
.topbar ~ main .section:nth-of-type(3n+1)::before,
.topbar ~ section.section:nth-of-type(3n+1)::before{
  background-image:var(--vge-wave-soft-left), var(--vge-wave-right-swoosh);
  background-position:left -70px top -16px, right -50px center;
  background-size:340px auto, 165px auto;
  opacity:.30;
}

.topbar ~ main .section:nth-of-type(3n+2)::before,
.topbar ~ section.section:nth-of-type(3n+2)::before{
  background-image:var(--vge-wave-center-twist), var(--vge-wave-right-swoosh);
  background-position:left -70px bottom -28px, right -48px top 18%;
  background-size:240px auto, 150px auto;
  opacity:.23;
}

.topbar ~ main .section:nth-of-type(3n)::before,
.topbar ~ section.section:nth-of-type(3n)::before,
.topbar ~ footer.footer::before{
  background-image:var(--vge-wave-bottom-mesh), var(--vge-wave-soft-left);
  background-position:right -40px bottom -52px, left -70px top -36px;
  background-size:360px auto, 260px auto;
  opacity:.22;
}

.topbar ~ footer.footer::before{
  opacity:.18;
  background-position:right -80px bottom -50px, left -90px top -34px;
}

@media(max-width:980px){
  .topbar ~ header.page-hero::before,
  .topbar ~ header.hero::before{
    background-position:left -70px top -10px, right -50px top -30px, right 24px bottom 14px;
    background-size:300px auto, 180px auto, 180px auto;
  }
  .topbar ~ section.page-visual-band::before,
  .topbar ~ section.section::before,
  .topbar ~ main.section::before,
  .topbar ~ main .section::before,
  .topbar ~ footer.footer::before{
    background-size:260px auto, 135px auto !important;
    background-position:left -92px top -30px, right -58px bottom -12px !important;
  }
}

@media(max-width:640px){
  .topbar ~ header.page-hero::before,
  .topbar ~ header.hero::before{
    background-image:var(--vge-wave-soft-left), var(--vge-wave-center-twist);
    background-position:left -96px top 0, right -36px bottom 22px;
    background-size:230px auto, 140px auto;
    opacity:.24;
  }
  .topbar ~ section.page-visual-band::before,
  .topbar ~ section.section::before,
  .topbar ~ main.section::before,
  .topbar ~ main .section::before,
  .topbar ~ footer.footer::before{
    background-image:var(--vge-wave-soft-left) !important;
    background-position:left -110px top -12px !important;
    background-size:210px auto !important;
    opacity:.16 !important;
  }
}

/* v137 — homepage motion polish and larger header logo */
.topbar .brand.brand-logo img{
  height:58px !important;
  width:auto;
}
.topbar .container.nav{
  padding-top:12px;
  padding-bottom:12px;
}
.navlinks{
  gap:16px;
}
.navlinks a:not(.btn){
  font-size:13.5px;
}

.home-page .hero{
  isolation:isolate;
}
.home-page .home-hero-copy{
  position:relative;
  z-index:2;
}
.home-page .hero-plane-layer{
  position:absolute;
  right:150px;
  top:96px;
  width:280px;
  height:150px;
  pointer-events:none;
  z-index:1;
  opacity:.72;
  animation:vgePlaneLayerEnter 1.7s cubic-bezier(.2,.82,.18,.98) both;
}
.home-page .hero-plane-trail{
  position:absolute;
  left:0;
  top:74px;
  width:205px;
  height:2px;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(191,219,254,.16) 18%,rgba(255,255,255,.82) 55%,rgba(255,255,255,0));
  filter:blur(.2px);
}
.home-page .hero-plane-trail::before,
.home-page .hero-plane-trail::after{
  content:"";
  position:absolute;
  left:-6px;
  width:168px;
  height:1.6px;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(219,234,254,.65),rgba(255,255,255,0));
  opacity:.72;
}
.home-page .hero-plane-trail::before{
  top:-10px;
}
.home-page .hero-plane-trail::after{
  top:10px;
}
.home-page .hero-plane-glow{
  position:absolute;
  right:16px;
  top:38px;
  width:96px;
  height:96px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(147,197,253,.22),rgba(147,197,253,0) 68%);
}
.home-page .hero-plane-icon{
  position:absolute;
  right:18px;
  top:44px;
  width:64px;
  height:64px;
  color:#dbeafe;
  transform:rotate(8deg);
  filter:drop-shadow(0 10px 18px rgba(15,23,42,.22));
}
.home-page .home-hero-headline{
  overflow:hidden;
}
.home-page .home-hero-headline .headline-text{
  display:inline-block;
  opacity:0;
  transform:translateY(22px);
  animation:vgeHeadlineReveal 1.05s cubic-bezier(.2,.8,.2,1) .18s forwards;
}
.home-page .home-hero-subcopy,
.home-page .home-hero-actions,
.home-page .home-hero-copy .notice,
.home-page .home-hero-copy .trust-signal-bar{
  opacity:0;
  transform:translateY(14px);
  animation:vgeSoftFadeUp .9s ease forwards;
}
.home-page .home-hero-subcopy{ animation-delay:.42s; }
.home-page .home-hero-copy .notice{ animation-delay:.58s; }
.home-page .home-hero-copy .trust-signal-bar{ animation-delay:.7s; }
.home-page .home-hero-actions{ animation-delay:.82s; }

@keyframes vgePlaneLayerEnter{
  0%{ opacity:0; transform:translate(120px,-76px) rotate(7deg) scale(.9); }
  28%{ opacity:.85; }
  72%{ opacity:.74; transform:translate(14px,4px) rotate(1deg) scale(1); }
  100%{ opacity:.66; transform:translate(0,0) rotate(-2deg) scale(1); }
}
@keyframes vgeHeadlineReveal{
  0%{ opacity:0; transform:translateY(22px); filter:blur(4px); }
  100%{ opacity:1; transform:translateY(0); filter:blur(0); }
}
@keyframes vgeSoftFadeUp{
  0%{ opacity:0; transform:translateY(14px); }
  100%{ opacity:1; transform:translateY(0); }
}

@media(max-width:1200px){
  .topbar .brand.brand-logo img{
    height:54px !important;
  }
  .navlinks{
    gap:14px;
  }
  .navlinks a:not(.btn){
    font-size:13px;
  }
  .home-page .hero-plane-layer{
    right:92px;
    top:104px;
    width:238px;
  }
}
@media(max-width:980px){
  .topbar .brand.brand-logo img{
    height:50px !important;
  }
  .home-page .hero-plane-layer{
    right:26px;
    top:92px;
    width:190px;
    height:112px;
    opacity:.46;
  }
  .home-page .hero-plane-trail{
    width:128px;
    top:56px;
  }
  .home-page .hero-plane-trail::before,
  .home-page .hero-plane-trail::after{
    width:108px;
  }
  .home-page .hero-plane-icon{
    width:48px;
    height:48px;
    top:32px;
  }
}
@media(max-width:820px){
  .topbar .brand.brand-logo img{
    height:46px !important;
  }
  .home-page .hero-plane-layer{
    display:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .home-page .hero-plane-layer,
  .home-page .home-hero-headline .headline-text,
  .home-page .home-hero-subcopy,
  .home-page .home-hero-actions,
  .home-page .home-hero-copy .notice,
  .home-page .home-hero-copy .trust-signal-bar{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}

/* v138 — follow-up owner QA fixes: larger logo, stronger FAQ paging cues, safer contact crop */
.topbar .brand.brand-logo img{
  height:68px !important;
}
.topbar .container.nav{
  max-width:1440px;
  padding-left:28px;
  padding-right:28px;
}
.nav{
  min-height:96px;
}
.navlinks{
  gap:18px;
}
.navlinks a:not(.btn){
  font-size:14px;
}
.nav-apply-btn{
  padding:13px 24px;
}

.home-page .hero-plane-layer{
  right:104px;
  top:84px;
  width:300px;
  height:164px;
  opacity:.82;
}
.home-page .hero-plane-icon{
  width:70px;
  height:70px;
}
.home-page .hero-plane-trail{
  width:220px;
}
.home-page .home-hero-headline .headline-text{
  animation-duration:1.15s;
}

.faq-expanded-page .faq-intro-card h2{
  font-size:30px;
}
.faq-expanded-page .faq-intro-card p,
.faq-result-count,
.faq-pager-summary,
.faq-page-intro p{
  font-size:14px;
}
.faq-category > h2{
  font-size:21px;
  margin-bottom:14px;
}
.faq-category-icon{
  width:38px;
  height:38px;
  font-size:17px;
}
.faq-item{
  padding:18px;
}
.faq-item h3{
  font-size:16px;
  margin-bottom:8px;
}
.faq-item p{
  font-size:14px;
  line-height:1.64;
}
.faq-page-intro{
  padding:14px 18px;
  margin:4px 0 16px;
}
.faq-page-intro strong{
  font-size:17px;
}
.faq-page-chip{
  min-width:100px;
  font-size:12px;
}
.faq-page-pills{
  margin-top:14px;
}
.faq-page-pill{
  min-width:140px;
  justify-content:center;
}

.support-visual .visual-card img.media-focus-contact,
.media-focus-contact{
  object-position:50% 7% !important;
}
.support-visual .visual-card img.media-focus-contact{
  height:430px;
}

@media(max-width:1200px){
  .topbar .brand.brand-logo img{
    height:62px !important;
  }
}
@media(max-width:980px){
  .topbar .brand.brand-logo img{
    height:56px !important;
  }
  .nav{
    min-height:88px;
  }
  .home-page .hero-plane-layer{
    right:42px;
    top:84px;
    width:220px;
    height:124px;
  }
  .faq-page-pill{
    min-width:unset;
  }
  .support-visual .visual-card img.media-focus-contact{
    height:360px;
    object-position:50% 10% !important;
  }
}
@media(max-width:760px){
  .topbar .brand.brand-logo img{
    height:52px !important;
  }
  .support-visual .visual-card img.media-focus-contact{
    height:330px;
    object-position:50% 12% !important;
  }
  .faq-expanded-page .faq-intro-card h2{
    font-size:26px;
  }
  .faq-category > h2{
    font-size:19px;
  }
}


/* v139 — fees hero alignment, safer desktop nav, and shorter FAQ paging */
html,body{
  overflow-x:clip;
}
.topbar{
  overflow:hidden;
}
.topbar .container.nav{
  max-width:1320px;
  min-width:0;
  gap:14px;
}
.brand.brand-logo{
  flex:0 0 auto;
}
.topbar .brand.brand-logo img{
  height:60px !important;
  max-width:100%;
}
.navlinks{
  min-width:0;
  flex:1 1 auto;
  justify-content:flex-end;
  gap:14px;
}
.navlinks a:not(.btn){
  font-size:13px;
  white-space:nowrap;
}
.navlinks .nav-apply-btn,
.nav-apply-btn{
  flex:0 0 auto;
  padding:12px 20px;
}
.fees-hero{
  overflow:hidden;
}
.fees-hero-grid{
  grid-template-columns:minmax(0,.96fr) minmax(320px,.92fr);
  gap:26px;
}
.fees-hero .container,
.fees-hero-grid > div{
  min-width:0;
}
.fees-hero h1{
  max-width:12.2ch;
  font-size:clamp(42px,4.2vw,64px);
  line-height:1.02;
  letter-spacing:-.03em;
}
.fees-hero .muted{
  max-width:720px;
}
.fees-hero .hero-actions{
  flex-wrap:wrap;
}
.faq-tools-card,
.faq-pager-card{
  max-width:980px;
}
.faq-page-pills{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.faq-page-pill{
  min-width:0;
  padding:10px 12px;
  font-size:12.5px;
}
.faq-page-intro{
  margin:2px 0 14px;
}
.faq-page-panel .faq-category{
  margin-bottom:18px;
}
@media(max-width:1450px){
  .topbar .container.nav{
    max-width:1260px;
    padding-left:22px;
    padding-right:22px;
  }
  .topbar .brand.brand-logo img{
    height:56px !important;
  }
  .navlinks{
    gap:12px;
  }
  .navlinks a:not(.btn){
    font-size:12.5px;
  }
  .nav-apply-btn{
    padding:11px 18px;
  }
}
@media(max-width:1280px){
  .topbar .brand.brand-logo img{
    height:52px !important;
  }
  .navlinks{
    gap:10px;
  }
  .navlinks a:not(.btn){
    font-size:12px;
  }
  .nav-apply-btn{
    padding:10px 16px;
  }
  .fees-hero-grid{
    grid-template-columns:1fr;
  }
  .fees-hero h1{
    max-width:14ch;
  }
  .faq-page-pills{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:980px){
  .topbar .brand.brand-logo img{
    height:50px !important;
  }
  .fees-hero h1{
    max-width:none;
    font-size:40px;
  }
  .faq-page-pills{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .fees-hero h1{
    font-size:34px;
  }
  .faq-page-pills{
    grid-template-columns:1fr;
  }
}

/* v140 — owner UI fix: home logo up, FAQ navigation at bottom */
.home-page .topbar .brand.brand-logo img{
  height:68px !important;
}
.faq-pager-bottom{
  margin-top:20px;
}
.faq-pager-bottom .faq-pager-summary{
  order:1;
}
.faq-pager-bottom .faq-pager-actions{
  order:2;
}
.faq-expanded-page .faq-page-panel:last-of-type{
  margin-bottom:0;
}
@media(max-width:1280px){
  .home-page .topbar .brand.brand-logo img{
    height:62px !important;
  }
}
@media(max-width:980px){
  .home-page .topbar .brand.brand-logo img{
    height:56px !important;
  }
}
@media(max-width:760px){
  .home-page .topbar .brand.brand-logo img{
    height:52px !important;
  }
}


/* v297G: compact how-to-apply strip on homepage */
.home-page .how-home.how-home-compact{
  padding-top:36px;
  padding-bottom:42px;
}
.home-page .how-home-compact .container{
  display:flex;
  justify-content:center;
}
.home-page .how-home-compact-card{
  width:min(100%, 760px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:26px 30px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 20px 48px rgba(15,23,42,.08);
}
.home-page .how-home-compact-card h2{
  margin:0;
  font-size:clamp(28px,3vw,40px);
  line-height:1.12;
  max-width:420px;
}
.home-page .how-home-compact-actions{
  margin-top:0;
  flex-shrink:0;
  justify-content:flex-end;
}
@media(max-width:900px){
  .home-page .how-home.how-home-compact{
    padding-top:28px;
    padding-bottom:34px;
  }
  .home-page .how-home-compact-card{
    flex-direction:column;
    align-items:flex-start;
    padding:22px;
    gap:16px;
  }
  .home-page .how-home-compact-card h2{
    max-width:none;
  }
  .home-page .how-home-compact-actions{
    width:100%;
    justify-content:flex-start;
  }
}
@media(max-width:640px){
  .home-page .how-home-compact-card{
    padding:20px 18px;
    border-radius:22px;
  }
  .home-page .how-home-compact-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
}


/* v299G: homepage how-strip illustration + service hero headline alignment */
.home-page .how-home-compact-card{
  width:min(100%, 860px);
  gap:22px;
}
.home-page .how-home-compact-copy{
  flex:1 1 0;
  min-width:0;
}
.home-page .how-home-compact-visual{
  flex:0 0 280px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px 18px;
  border:1px solid rgba(191,219,254,.9);
  border-radius:22px;
  background:#ffffff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.home-page .how-home-compact-step{
  width:66px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  text-align:center;
}
.home-page .how-home-compact-step span{
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  font-weight:900;
  letter-spacing:-.04em;
  color:#1e3a8a;
  background:linear-gradient(180deg,#eff6ff 0%,#dbeafe 100%);
  border:1px solid rgba(147,197,253,.95);
}
.home-page .how-home-compact-step small{
  font-size:13px;
  font-weight:800;
  color:#475569;
  line-height:1.1;
}
.home-page .how-home-step-line{
  width:22px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#bfdbfe 0%,#60a5fa 100%);
}
.home-page .how-home-compact-step.step-three span{
  color:#0f766e;
  background:linear-gradient(180deg,#ecfeff 0%,#ccfbf1 100%);
  border-color:rgba(94,234,212,.95);
}
.urgent-hero h1,
.addon-hero h1{
  max-width:720px !important;
  font-size:clamp(36px,3.5vw,56px) !important;
  line-height:1.04 !important;
  letter-spacing:-.05em !important;
}
@media(max-width:900px){
  .home-page .how-home-compact-card{
    width:100%;
  }
  .home-page .how-home-compact-visual{
    flex:1 1 auto;
    width:100%;
    justify-content:space-between;
  }
}
@media(max-width:640px){
  .home-page .how-home-compact-visual{
    gap:8px;
    padding:14px 12px;
  }
  .home-page .how-home-compact-step{
    width:60px;
  }
  .home-page .how-home-compact-step span{
    width:46px;
    height:46px;
    font-size:21px;
    border-radius:15px;
  }
  .home-page .how-home-compact-step small{
    font-size:12px;
  }
  .home-page .how-home-step-line{
    width:14px;
  }
  .urgent-hero h1,
  .addon-hero h1{
    font-size:clamp(30px,8vw,42px) !important;
  }
}


/* v305G: subtle wave texture experiment for light page backgrounds */
body:not([class*="admin"]) .section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
body:not([class*="admin"]) .section > .container,
body:not([class*="admin"]) .section > .form-shell{
  position:relative;
  z-index:1;
}
body:not([class*="admin"]) .section::before,
body:not([class*="admin"]) .section::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  background-repeat:no-repeat;
  background-size:contain;
}
body:not([class*="admin"]) .section::before{
  top:0;
  left:0;
  width:min(38vw, 430px);
  height:min(24vw, 250px);
  background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20560%20260%27%20fill%3D%27none%27%3E%0A%3Cg%20stroke%3D%27%2523cfd5df%27%20stroke-width%3D%271%27%3E%0A%3Cpath%20d%3D%27M-10%2036%20C86%2068%20176%206%20282%2034%20C386%2060%20470%2024%20570%2044%27/%3E%0A%3Cpath%20d%3D%27M-10%2052%20C86%2084%20176%2022%20282%2050%20C386%2076%20470%2040%20570%2060%27/%3E%0A%3Cpath%20d%3D%27M-10%2068%20C86%20100%20176%2038%20282%2066%20C386%2092%20470%2056%20570%2076%27/%3E%0A%3Cpath%20d%3D%27M-10%2084%20C86%20116%20176%2054%20282%2082%20C386%20108%20470%2072%20570%2092%27/%3E%0A%3Cpath%20d%3D%27M-10%20100%20C86%20132%20176%2070%20282%2098%20C386%20124%20470%2088%20570%20108%27/%3E%0A%3Cpath%20d%3D%27M-10%20116%20C86%20148%20176%2086%20282%20114%20C386%20140%20470%20104%20570%20124%27/%3E%0A%3Cpath%20d%3D%27M-10%20132%20C86%20164%20176%20102%20282%20130%20C386%20156%20470%20120%20570%20140%27/%3E%0A%3Cpath%20d%3D%27M-10%20148%20C86%20180%20176%20118%20282%20146%20C386%20172%20470%20136%20570%20156%27/%3E%0A%3Cpath%20d%3D%27M-10%20164%20C86%20196%20176%20134%20282%20162%20C386%20188%20470%20152%20570%20172%27/%3E%0A%3Cpath%20d%3D%27M-10%20180%20C86%20212%20176%20150%20282%20178%20C386%20204%20470%20168%20570%20188%27/%3E%0A%3Cpath%20d%3D%27M-10%20196%20C86%20228%20176%20166%20282%20194%20C386%20220%20470%20184%20570%20204%27/%3E%0A%3C/g%3E%3C/svg%3E');
  background-position:left top;
  opacity:.34;
}
body:not([class*="admin"]) .section::after{
  right:0;
  bottom:0;
  width:min(30vw, 320px);
  height:min(30vw, 320px);
  background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20420%20420%27%20fill%3D%27none%27%3E%0A%3Cg%20stroke%3D%27%252379a6ff%27%20stroke-width%3D%271%27%3E%0A%3Cpath%20d%3D%27M210%20412%20C138%20340%20130%20284%20184%20220%20C242%20152%20244%2096%20168%208%27/%3E%0A%3Cpath%20d%3D%27M226%20412%20C154%20340%20146%20284%20200%20220%20C258%20152%20260%2096%20184%208%27/%3E%0A%3Cpath%20d%3D%27M242%20412%20C170%20340%20162%20284%20216%20220%20C274%20152%20276%2096%20200%208%27/%3E%0A%3Cpath%20d%3D%27M258%20412%20C186%20340%20178%20284%20232%20220%20C290%20152%20292%2096%20216%208%27/%3E%0A%3Cpath%20d%3D%27M274%20412%20C202%20340%20194%20284%20248%20220%20C306%20152%20308%2096%20232%208%27/%3E%0A%3Cpath%20d%3D%27M290%20412%20C218%20340%20210%20284%20264%20220%20C322%20152%20324%2096%20248%208%27/%3E%0A%3Cpath%20d%3D%27M306%20412%20C234%20340%20226%20284%20280%20220%20C338%20152%20340%2096%20264%208%27/%3E%0A%3Cpath%20d%3D%27M322%20412%20C250%20340%20242%20284%20296%20220%20C354%20152%20356%2096%20280%208%27/%3E%0A%3Cpath%20d%3D%27M338%20412%20C266%20340%20258%20284%20312%20220%20C370%20152%20372%2096%20296%208%27/%3E%0A%3C/g%3E%3C/svg%3E');
  background-position:right bottom;
  opacity:.18;
}
/* Keep decorated sections readable and avoid visual overload on compact banners/cards */
body:not([class*="admin"]) .section.alert-strip::before,
body:not([class*="admin"]) .section.alert-strip::after,
body:not([class*="admin"]) .section.home-final-cta::before,
body:not([class*="admin"]) .section.home-final-cta::after{
  display:none;
}
@media(max-width:820px){
  body:not([class*="admin"]) .section::before{
    width:min(52vw, 320px);
    height:min(28vw, 180px);
    opacity:.26;
  }
  body:not([class*="admin"]) .section::after{
    width:min(38vw, 220px);
    height:min(38vw, 220px);
    opacity:.14;
  }
}