*,
*::before,
*::after{box-sizing:border-box}
:root{
  --ink:#121018;
  --plum:#271a3d;
  --violet:#6d4cff;
  --violet-dark:#4e36c8;
  --coral:#ff6b5c;
  --mint:#4dd8b8;
  --cream:#fff7ef;
  --paper:#fffdf9;
  --soft:#f7f2ff;
  --text:#403b4a;
  --muted:#706a7d;
  --line:#eadff7;
  --white:#fff;
  --shadow:0 28px 80px rgba(39,26,61,.16);
  --shadow-soft:0 16px 36px rgba(39,26,61,.09);
  --radius:30px;
  --container:1180px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--paper);color:var(--text);line-height:1.65}
body,button{font:inherit}
img,svg{display:block}
img{max-width:100%}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
.container{width:min(var(--container),calc(100% - 32px));margin-left:auto;margin-right:auto}
.skip-link{position:absolute;top:-70px;left:16px;z-index:9999;background:var(--ink);color:white;padding:10px 14px;border-radius:12px}
.skip-link:focus{top:16px}
.site-header{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 10%,rgba(109,76,255,.22),transparent 28%),radial-gradient(circle at 92% 15%,rgba(255,107,92,.22),transparent 30%),linear-gradient(135deg,#fff8f2 0%,#f8f2ff 45%,#eefcff 100%)}
.nav-shell{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-weight:900;font-size:clamp(19px,2vw,25px);letter-spacing:-.04em;white-space:nowrap}
.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--violet),var(--coral));color:white;box-shadow:0 16px 36px rgba(109,76,255,.28)}
.brand-mark svg{width:25px;height:25px;fill:currentColor}
.main-nav ul{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}
.main-nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 13px;border-radius:999px;color:var(--plum);font-size:15px;font-weight:800}
.main-nav a:hover{background:white;color:var(--violet)}
.nav-pill{background:var(--ink)!important;color:white!important;box-shadow:0 14px 28px rgba(18,16,24,.18)}
.menu-btn{display:none;align-items:center;gap:4px;border:1px solid var(--line);background:white;border-radius:999px;padding:10px 13px;color:var(--ink);font-weight:900}
.menu-btn span{width:16px;height:2px;background:currentColor;border-radius:3px}

.hero{padding:clamp(54px,8vw,108px) 0 92px}
.hero-board{display:grid;grid-template-columns:1fr 1.05fr .82fr;gap:26px;align-items:stretch}
.hero-left,.call-panel,.hero-center{min-height:520px}
.hero-left{display:flex;flex-direction:column;justify-content:space-between;padding:34px;border-radius:36px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-soft)}
.status-chip,.tiny-label,.section-kicker{display:inline-flex;width:fit-content;border-radius:999px;padding:8px 13px;background:white;color:var(--violet);border:1px solid var(--line);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.headline-block h1{margin:18px 0 0;color:var(--ink);font-size:clamp(38px,5.8vw,72px);line-height:.98;letter-spacing:-.07em}
.route-strip{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:20px;border-radius:24px;background:var(--ink);color:white}
.route-strip small{display:block;color:rgba(255,255,255,.58);font-weight:900}
.route-strip strong{display:block;font-size:17px}
.route-plane{width:48px;height:48px;display:grid;place-items:center;border-radius:999px;background:var(--coral)}
.hero-center{position:relative;overflow:hidden;border-radius:38px;box-shadow:var(--shadow)}
.hero-center img{width:100%;height:100%;object-fit:cover}
.image-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:16px;border-radius:22px;background:rgba(255,255,255,.84);backdrop-filter:blur(12px);color:var(--plum);font-weight:800}
.call-panel{padding:30px;border-radius:36px;background:linear-gradient(180deg,var(--plum),var(--ink));color:white;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}
.panel-tag{margin:0;color:var(--mint);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.call-panel h2{margin:18px 0 0;font-size:clamp(27px,3vw,40px);line-height:1.05;letter-spacing:-.04em}
.call-panel p{color:rgba(255,255,255,.72)}
.call-panel>a{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:999px;background:var(--coral);color:white;font-weight:900;margin:22px 0}
.panel-points{display:grid;gap:10px}
.panel-points span{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}

.ticker-section{background:var(--ink);color:white;overflow:hidden}
.ticker-track{display:flex;gap:34px;white-space:nowrap;padding:14px 0;justify-content:center}
.ticker-track span{font-weight:900;color:rgba(255,255,255,.78)}
.section{padding:clamp(54px,6vw,84px) 0}
.about-layout,.why-layout,.refund-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(34px,6vw,72px);align-items:center}
.content-block h2,.desk-heading h2,.why-panel h2,.refund-title h2,.section-heading h2,.hub-copy h2{color:var(--ink);font-size:clamp(31px,4.5vw,54px);line-height:1.08;letter-spacing:-.055em;margin:14px 0 12px}
.content-block p,.desk-heading p,.why-panel p,.refund-content p,.section-heading p,.hub-copy p{color:var(--muted);font-size:17px}
.about-visual img{width:100%;aspect-ratio:4/3.35;object-fit:cover;border-radius:36px;box-shadow:var(--shadow)}
.about-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.about-cards article{padding:22px;border-radius:24px;background:white;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.about-cards strong,.about-cards span{display:block}
.about-cards strong{font-size:20px;color:var(--ink);margin-bottom:5px}
.about-cards span{color:var(--muted)}

.support-desk{background:var(--plum);color:white}
.desk-heading{max-width:840px;margin:0 auto 36px;text-align:center}
.desk-heading h2{color:white}
.desk-heading p{color:rgba(255,255,255,.72)}
.support-desk .section-kicker{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:white}
.desk-layout{display:grid;grid-template-columns:.9fr 1.35fr;gap:24px}
.desk-feature{display:flex;flex-direction:column;justify-content:space-between;min-height:100%;padding:30px;border-radius:32px;background:linear-gradient(135deg,var(--violet),var(--coral));box-shadow:0 22px 44px rgba(0,0,0,.18)}
.desk-feature span{font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.desk-feature h3{font-size:clamp(30px,4vw,46px);line-height:1.05;margin:22px 0 12px;color:white}
.desk-feature p{color:rgba(255,255,255,.82)}
.desk-feature a,.solid-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:48px;padding:0 20px;border-radius:999px;background:white;color:var(--plum);font-weight:900}
.desk-list{display:grid;gap:14px}
.desk-list article{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.desk-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:white;color:var(--violet);font-weight:900}
.desk-list h3{margin:0 0 4px;color:white;font-size:20px}
.desk-list p{margin:0;color:rgba(255,255,255,.7)}
.desk-list a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--coral);color:white;font-weight:900}

.why-panel{padding:34px;border-radius:34px;background:linear-gradient(135deg,#fff,var(--cream));border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.reason-stack{display:grid;gap:14px}
.reason-stack div{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:20px;border-radius:24px;background:white;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.reason-stack span{width:16px;height:16px;border-radius:999px;background:linear-gradient(135deg,var(--violet),var(--coral))}
.reason-stack strong{color:var(--ink)}

.refund-section{background:linear-gradient(135deg,#fff7ef,#f8f2ff)}
.refund-layout{align-items:start}
.refund-content{padding:30px;border-radius:34px;background:white;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.refund-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.refund-grid article{padding:18px;border-radius:20px;background:var(--soft);border:1px solid var(--line)}
.refund-grid strong,.refund-grid span{display:block}
.refund-grid strong{color:var(--ink);margin-bottom:4px}
.refund-grid span{color:var(--muted)}

.section-heading{max-width:820px;text-align:center;margin:0 auto 36px}
.situation-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.situation-row article{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius);background:white;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.situation-row img{width:100%;aspect-ratio:16/10;object-fit:cover}
.situation-row article>div{display:flex;flex-direction:column;flex:1;padding:24px}
.situation-row h3{margin:0 0 10px;color:var(--ink);font-size:22px}
.situation-row p{flex:1;margin:0 0 20px;color:var(--muted)}
.situation-row a{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0 16px;border-radius:999px;background:var(--violet);color:white;font-weight:900}

.support-hub{padding:clamp(54px,6vw,84px) 0}
.hub-layout{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:clamp(30px,5vw,58px);border-radius:40px;background:linear-gradient(135deg,var(--violet),var(--plum));color:white;box-shadow:var(--shadow)}
.hub-copy h2{color:white}
.hub-copy p{max-width:680px;color:rgba(255,255,255,.74)}
.hub-copy .section-kicker{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:white}
.hub-actions{display:grid;gap:14px;min-width:280px}
.phone-tile,.mail-tile{display:grid;gap:3px;padding:18px;border-radius:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.phone-tile small,.mail-tile small{color:rgba(255,255,255,.64);font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.phone-tile strong,.mail-tile strong{color:white;font-size:20px}

.site-footer{background:var(--ink);color:white;padding:64px 0 24px}
.footer-layout{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:34px}
.site-footer h3,.site-footer h4{margin:0 0 14px;color:white}
.site-footer p,.site-footer a{display:block;margin:0 0 9px;color:rgba(255,255,255,.72)}
.site-footer a:hover{color:white}
.footer-note{margin-top:34px;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.footer-note p{margin:0;color:rgba(255,255,255,.72);font-size:14px}
.footer-bottom{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);text-align:center}
.footer-bottom p{margin:0;font-size:14px}
.sticky-call{position:fixed;right:18px;bottom:18px;z-index:1200;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 20px;background:var(--coral);color:white;font-weight:900;box-shadow:0 18px 40px rgba(255,107,92,.35)}

@media(max-width:1120px){
  .hero-board{grid-template-columns:1fr 1fr}
  .call-panel{grid-column:1/-1;min-height:auto}
  .about-layout,.why-layout,.refund-layout,.desk-layout{grid-template-columns:1fr}
  .footer-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .nav-shell{min-height:76px}
  .menu-btn{display:inline-flex}
  .main-nav ul{position:absolute;top:76px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;gap:6px;padding:14px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);z-index:20}
  .main-nav ul.open{display:flex}
  .main-nav a{justify-content:flex-start;width:100%}
  .hero-board,.hub-layout{grid-template-columns:1fr}
  .hero-left,.hero-center{min-height:430px}
  .situation-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .desk-list article{grid-template-columns:auto 1fr}
  .desk-list a{grid-column:1/-1;width:100%}
}
@media(max-width:640px){
  .container{width:min(100% - 24px,var(--container))}
  .brand{font-size:18px}
  .brand-mark{width:40px;height:40px}
  .hero{padding-top:38px}
  .headline-block h1{letter-spacing:-.045em}
  .route-strip{grid-template-columns:1fr}
  .route-plane{width:100%}
  .hero-left,.hero-center{min-height:auto}
  .hero-center img{aspect-ratio:4/3}
  .refund-grid,.situation-row,.footer-layout,.about-cards{grid-template-columns:1fr}
  .section,.support-hub{padding:46px 0}
  .sticky-call{left:14px;right:14px}
  .hub-actions{min-width:0}
}


/* Reservation form hero panel */
.reservation-panel {
  min-height: 520px;
  padding: 28px;
  border-radius: 36px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.95);
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.reservation-panel .panel-tag {
  margin: 0;
  color: var(--violet);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 13px;
}

.reservation-panel h2 {
  color: var(--ink);
  margin: 10px 0 6px;
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.08;
  letter-spacing: -.04em;
}

.form-note {
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 14px;
}

.reservation-form {
  display: grid;
  gap: 13px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.form-row label {
  display: block;
  margin-bottom: 6px;
  color: var(--plum);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.form-row input,
.form-row select {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
  color: var(--ink);
  padding: 9px 12px;
  outline: none;
}

.form-row input:focus,
.form-row select:focus {
  border-color: var(--violet);
  box-shadow: 0 0 0 4px rgba(109, 76, 255, .12);
}

.form-call-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 999px;
  margin-top: 2px;
  background: var(--coral);
  color: #fff;
  font-weight: 900;
  box-shadow: 0 16px 32px rgba(255, 107, 92, .24);
}

/* Enhanced Why Call section */
.decision-header {
  max-width: 960px;
  margin: 0 auto 36px;
  text-align: center;
}

.decision-header h2 {
  color: var(--ink);
  font-size: clamp(32px, 4.8vw, 58px);
  line-height: 1.06;
  letter-spacing: -.06em;
  margin: 14px 0 12px;
}

.decision-header p {
  max-width: 820px;
  margin: 0 auto;
  color: var(--muted);
  font-size: 17px;
}

.decision-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 24px;
  align-items: stretch;
}

.decision-main {
  padding: 32px;
  border-radius: 34px;
  background:
    radial-gradient(circle at top right, rgba(255, 107, 92, .22), transparent 36%),
    linear-gradient(135deg, var(--plum), var(--ink));
  color: #fff;
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.decision-number {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  background: rgba(255,255,255,.12);
  color: var(--mint);
  font-weight: 900;
  margin-bottom: 28px;
}

.decision-main h3 {
  margin: 0 0 12px;
  font-size: clamp(27px, 3.8vw, 44px);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.decision-main p {
  color: rgba(255,255,255,.74);
  margin: 0 0 24px;
}

.decision-main .solid-link {
  background: #fff;
  color: var(--plum);
}

.decision-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.decision-cards article {
  padding: 22px;
  border-radius: 26px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: var(--shadow-soft);
}

.decision-cards span {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 14px;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--soft);
  color: var(--violet);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.decision-cards strong {
  display: block;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 8px;
}

.decision-cards p {
  margin: 0;
  color: var(--muted);
}

@media(max-width:1120px){
  .reservation-panel {
    grid-column: 1 / -1;
    min-height: auto;
  }

  .decision-layout {
    grid-template-columns: 1fr;
  }
}

@media(max-width:640px){
  .form-grid,
  .decision-cards {
    grid-template-columns: 1fr;
  }

  .reservation-panel {
    padding: 22px;
  }

  .form-call-btn {
    width: 100%;
  }

  .decision-main {
    padding: 24px;
  }
}


/* Enhanced footer */
.site-footer {
  background:
    radial-gradient(circle at 10% 0%, rgba(109, 76, 255, .18), transparent 32%),
    radial-gradient(circle at 90% 5%, rgba(255, 107, 92, .18), transparent 30%),
    var(--ink);
  color: white;
  padding: 68px 0 24px;
}

.footer-top {
  display: grid;
  grid-template-columns: 1.35fr .9fr .9fr 1.05fr;
  gap: 30px;
  align-items: start;
}

.footer-brand-block,
.footer-column,
.footer-contact-card {
  min-width: 0;
}

.footer-brand-block h3 {
  margin: 0 0 14px;
  color: white;
  font-size: 28px;
  letter-spacing: -.035em;
}

.footer-brand-block p,
.footer-column a,
.footer-contact-card p,
.footer-contact-card span {
  color: rgba(255,255,255,.72);
}

.footer-brand-block p {
  margin: 0 0 18px;
}

.footer-column h4,
.footer-contact-card h4 {
  margin: 0 0 15px;
  color: white;
  font-size: 17px;
}

.footer-column a {
  display: block;
  margin-bottom: 10px;
  transition: color .2s ease, transform .2s ease;
}

.footer-column a:hover {
  color: white;
  transform: translateX(3px);
}

.footer-call {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 999px;
  background: var(--coral);
  color: white !important;
  font-weight: 900;
  box-shadow: 0 16px 32px rgba(255,107,92,.24);
}

.footer-contact-card {
  padding: 22px;
  border-radius: 26px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.13);
}

.footer-contact-card p {
  margin: 0 0 16px;
}

.footer-contact-card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: white;
  color: var(--plum) !important;
  font-weight: 900;
}

.footer-contact-card span {
  display: block;
  font-size: 14px;
  text-align: center;
}

.footer-trust-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 34px;
}

.footer-trust-row div {
  padding: 18px 20px;
  border-radius: 22px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.11);
}

.footer-trust-row strong,
.footer-trust-row span {
  display: block;
}

.footer-trust-row strong {
  color: white;
  margin-bottom: 5px;
}

.footer-trust-row span {
  color: rgba(255,255,255,.68);
  font-size: 14px;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.12);
}

.footer-bottom p {
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 14px;
}

.footer-bottom a {
  color: rgba(255,255,255,.86);
}

@media(max-width:1120px) {
  .footer-top {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width:700px) {
  .footer-top,
  .footer-trust-row {
    grid-template-columns: 1fr;
  }

  .footer-call {
    width: 100%;
  }

  .footer-bottom {
    display: grid;
    grid-template-columns: 1fr;
  }
}


/* USA-ready content and visual refinements */
.headline-block h1 {
  max-width: 720px;
}

.status-chip {
  background: rgba(255,255,255,.84);
}

.desk-feature h3 {
  max-width: 520px;
}

.refund-content p {
  color: var(--text);
}

.footer-brand-block p {
  max-width: 560px;
}

.traveler-note {
  font-size: 14px;
  color: var(--muted);
}

@media(max-width:640px){
  .headline-block h1 {
    max-width: none;
  }
}


/* CheapOFlightTkt brand/logo refinements */
.brand-text {
  display: grid;
  line-height: 1.02;
}

.brand-text strong {
  color: var(--ink);
  font-size: clamp(18px, 2vw, 24px);
  letter-spacing: -.045em;
}

.brand-text small {
  color: var(--violet);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.brand-mark {
  position: relative;
}

.brand-mark::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  right: -2px;
  top: -2px;
  border-radius: 999px;
  background: var(--mint);
  border: 3px solid #fff;
}

.footer-brand-block h3,
.site-footer h3 {
  letter-spacing: -.04em;
}

@media(max-width:640px) {
  .brand-text strong {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}


/* Cheap0Flight logo text refinement */
.brand-text {
  display: inline-flex;
  align-items: center;
}

.brand-text strong {
  color: var(--ink);
  font-size: clamp(18px, 2vw, 24px);
  letter-spacing: -.045em;
}

.brand-text small {
  display: none;
}


/* Final image logo styling */
.site-logo {
  width: 230px;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

.brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.brand-mark,
.brand-text {
  display: none !important;
}

@media(max-width: 900px) {
  .site-logo {
    width: 205px;
  }
}

@media(max-width: 640px) {
  .site-logo {
    width: 168px;
  }
}


/* Updated blended logo styling */
.site-logo {
  width: 225px;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 8px 18px rgba(39, 26, 61, 0.08));
}

.brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  padding: 8px 10px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.34);
  border: 1px solid rgba(255, 255, 255, 0.36);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.brand:hover {
  background: rgba(255, 255, 255, 0.48);
}

.brand-mark,
.brand-text {
  display: none !important;
}

@media(max-width: 900px) {
  .site-logo {
    width: 205px;
  }
}

@media(max-width: 640px) {
  .brand {
    padding: 6px 8px;
  }

  .site-logo {
    width: 168px;
  }
}