/* =====================================================================
   VATS FRONT MAX 2026 — front-end only enhancement layer
   No database/schema dependency. Loaded after premium-vats.css.
   ===================================================================== */

:root{
  --vats-max-deep:#043653;
  --vats-max-blue:#075985;
  --vats-max-blue2:#0877ad;
  --vats-max-orange:#ff7900;
  --vats-max-gold:#ffb11b;
  --vats-max-green:#5a8500;
  --vats-max-ink:#142b3c;
  --vats-max-soft:#f5f9fc;
  --vats-max-line:#dce9f1;
}

/* ---------------- global polish ---------------- */
body{transition:background .28s ease,color .28s ease}
.vats-scroll-progress{position:fixed;left:0;top:0;width:0;height:3px;z-index:2100;background:linear-gradient(90deg,var(--vats-orange),var(--vats-gold),#78a914);box-shadow:0 0 14px rgba(255,121,0,.45);pointer-events:none}
.vats-site-header{transition:filter .25s ease}
.vats-nav-row{background:linear-gradient(100deg,#054d77 0%,#075f8e 30%,#0878aa 72%,#075985 100%)}
.vats-nav-row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,176,27,.72),transparent);pointer-events:none}
.vats-nav-row.is-sticky .vats-nav-shell{height:54px}
.vats-nav-row.is-sticky .vats-menu-list>li>a{min-height:54px}
.vats-nav-row.is-sticky .vats-nav-actions>*{height:38px}
.vats-menu-list>li>a{letter-spacing:.05px}
.vats-menu-list>li.active>a{box-shadow:inset 0 -3px rgba(255,255,255,.25),0 7px 20px rgba(255,121,0,.16)}
.vats-submenu{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.vats-submenu-mega{border-radius:0 0 18px 18px;box-shadow:0 24px 70px rgba(0,45,73,.22)}

.vats-nav-tool{width:40px;height:40px;align-self:center;border:1px solid rgba(255,255,255,.23);border-radius:10px;background:rgba(255,255,255,.09);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s ease;padding:0}
.vats-nav-tool:hover{background:#fff;color:var(--vats-blue);transform:translateY(-1px)}
.vats-nav-tool i{font-size:15px}

/* top row on very wide desktop gets a subtle glass highlight */
@media (min-width:1180px){
  .vats-brand-grid{position:relative}
  .vats-brand-grid:before{content:"";position:absolute;inset:16px 28% 16px 28%;border-radius:80px;background:radial-gradient(circle,rgba(7,89,133,.045),transparent 68%);pointer-events:none}
  .vats-main-logo{position:relative;z-index:1}
}

/* ---------------- motion system ---------------- */
.vats-reveal{opacity:0;transform:translateY(22px);transition:opacity .68s cubic-bezier(.2,.75,.25,1),transform .68s cubic-bezier(.2,.75,.25,1)}
.vats-reveal.is-visible{opacity:1;transform:none}
.vats-why-grid .vats-reveal:nth-child(2),.vats-journey-track .vats-reveal:nth-child(2){transition-delay:.08s}
.vats-why-grid .vats-reveal:nth-child(3),.vats-journey-track .vats-reveal:nth-child(3){transition-delay:.14s}
.vats-why-grid .vats-reveal:nth-child(4),.vats-journey-track .vats-reveal:nth-child(4){transition-delay:.2s}
.vats-journey-track .vats-reveal:nth-child(5){transition-delay:.26s}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .vats-reveal{opacity:1;transform:none}
}

/* ---------------- section heading ---------------- */
.vats-max-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:26px}
.vats-max-heading>div:first-child{max-width:760px}
.vats-max-heading h2{margin:0;color:var(--vats-deep);font-family:Georgia,"Times New Roman",serif;font-size:36px;line-height:1.12;letter-spacing:-.6px}
.vats-max-heading p{margin:8px 0 0;color:#667b8c;max-width:690px}
.vats-max-heading-light h2,.vats-max-heading-light p,.vats-max-heading-light .vats-section-kicker{color:#fff}
.vats-max-heading-light p{color:rgba(255,255,255,.74)}
.vats-max-heading-light .vats-section-kicker span{background:var(--vats-gold)}

/* ---------------- why choose ---------------- */
.vats-why-section{position:relative;background:linear-gradient(180deg,#fff 0%,#f5f9fc 100%);overflow:hidden}
.vats-why-section:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-260px;top:-120px;border:64px solid rgba(90,133,0,.055);pointer-events:none}
.vats-why-section:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;left:-210px;bottom:-190px;border:48px solid rgba(7,89,133,.05);pointer-events:none}
.vats-why-section>.vats-header-container{position:relative;z-index:1}
.vats-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.vats-why-card{position:relative;min-height:240px;padding:24px 20px 20px;background:#fff;border:1px solid #e0ebf1;border-radius:18px;box-shadow:0 10px 28px rgba(4,55,88,.07);overflow:hidden;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}
.vats-why-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--vats-orange),var(--vats-gold));transform:scaleX(.28);transform-origin:left;transition:.28s ease}
.vats-why-card:hover{transform:translateY(-7px);box-shadow:0 20px 46px rgba(4,55,88,.14);border-color:#c7dce8}
.vats-why-card:hover:before{transform:scaleX(1)}
.vats-why-card>i{width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#eaf6fc,#f8fcff);border:1px solid #dbeaf2;color:var(--vats-blue);display:grid;place-items:center;font-size:23px;margin-bottom:18px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.65)}
.vats-why-card:nth-child(even)>i{color:var(--vats-orange);background:linear-gradient(145deg,#fff0e4,#fff9f4)}
.vats-why-card h3{margin:0 0 8px;font-size:16px;line-height:1.25;color:var(--vats-deep);font-weight:900}
.vats-why-card p{margin:0 0 16px;color:#6f8190;font-size:12px;line-height:1.65}
.vats-why-card a{display:inline-flex;align-items:center;gap:7px;color:var(--vats-blue);font-size:11px;font-weight:900}
.vats-why-card a:hover{color:var(--vats-orange);gap:10px}
.vats-why-no{position:absolute;right:15px;top:12px;color:#e7eff4;font-size:34px;line-height:1;font-weight:950;letter-spacing:-2px}

/* ---------------- admission journey ---------------- */
.vats-admission-journey{position:relative;padding:64px 0;background:linear-gradient(125deg,#043d61 0%,#075985 48%,#0878a9 100%);overflow:hidden}
.vats-admission-journey:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(255,177,27,.17),transparent 22%),radial-gradient(circle at 88% 70%,rgba(111,157,25,.16),transparent 26%);pointer-events:none}
.vats-admission-journey:after{content:"";position:absolute;right:-70px;bottom:-160px;width:430px;height:430px;border:42px solid rgba(255,255,255,.045);border-radius:50%;pointer-events:none}
.vats-admission-journey>.vats-header-container{position:relative;z-index:1}
.vats-journey-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.vats-journey-track:before{content:"";position:absolute;left:8%;right:8%;top:36px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);z-index:0}
.vats-journey-step{position:relative;z-index:1;display:flex;min-height:135px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:18px 12px;border-radius:17px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);color:#fff!important;transition:.25s ease}
.vats-journey-step:hover{transform:translateY(-7px);background:#fff;color:var(--vats-blue)!important;box-shadow:0 18px 40px rgba(0,25,42,.25)}
.vats-journey-step>b{position:absolute;right:10px;top:8px;color:rgba(255,255,255,.23);font-size:24px;line-height:1;font-weight:950}
.vats-journey-step:hover>b{color:#e7eff4}
.vats-journey-step>i{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--vats-orange),var(--vats-gold));color:#fff;font-size:18px;box-shadow:0 8px 22px rgba(255,121,0,.22)}
.vats-journey-step span{display:flex;flex-direction:column}.vats-journey-step strong{font-size:13px}.vats-journey-step small{font-size:9.5px;color:rgba(255,255,255,.68);margin-top:2px}.vats-journey-step:hover small{color:#738697}

/* ---------------- device + FAQ ---------------- */
.vats-front-tools-section{background:#f6f9fc}
.vats-front-tools-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:22px;align-items:stretch}
.vats-device-card,.vats-faq-card{background:#fff;border:1px solid #e0eaf0;border-radius:20px;box-shadow:0 14px 40px rgba(4,55,88,.08);overflow:hidden}
.vats-device-card{display:grid;grid-template-columns:minmax(0,1fr) 250px;min-height:430px;position:relative}
.vats-device-card:before{content:"";position:absolute;left:0;bottom:0;width:240px;height:240px;background:radial-gradient(circle,rgba(90,133,0,.075),transparent 65%);pointer-events:none}
.vats-device-copy{padding:36px 12px 34px 34px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.vats-device-copy h2{font-size:34px!important;margin:0 0 10px!important}
.vats-device-copy>p{max-width:560px;margin:0;color:#637789;line-height:1.7;font-size:13px}
.vats-device-badges{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.vats-device-badges span{display:inline-flex;align-items:center;gap:7px;border:1px solid #deebf2;background:#f8fbfd;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:850;color:#39556a}
.vats-device-badges i{color:var(--vats-blue)}
.vats-device-actions{display:flex;gap:9px;flex-wrap:wrap}

.vats-phone-preview{align-self:end;justify-self:center;width:205px;height:385px;margin-right:22px;border-radius:30px 30px 0 0;background:#0d2738;padding:9px 8px 0;box-shadow:0 24px 50px rgba(6,43,66,.25);position:relative;overflow:hidden}
.vats-phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:72px;height:13px;border-radius:0 0 10px 10px;background:#0d2738;z-index:2}
.vats-phone-screen{height:100%;background:#f5f9fc;border-radius:22px 22px 0 0;overflow:hidden;padding:19px 10px 42px;position:relative}
.vats-phone-brand{display:flex;align-items:center;gap:7px;padding:2px 3px 10px;border-bottom:1px solid #e1ebf1}.vats-phone-brand img{width:37px;height:30px;object-fit:contain}.vats-phone-brand span{font-size:8.5px;font-weight:900;color:var(--vats-blue)}
.vats-phone-hero{margin:10px 0;background:linear-gradient(135deg,#075985,#0d86bd);color:#fff;border-radius:12px;padding:12px}.vats-phone-hero small{display:block;color:#c9e7f5;font-size:7.5px}.vats-phone-hero strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:13px;line-height:1.22;margin-top:3px}
.vats-phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vats-phone-grid span{height:64px;border:1px solid #e2ebf0;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#456173;font-size:7.5px;font-weight:850;text-align:center}.vats-phone-grid i{font-size:14px;color:var(--vats-orange)}
.vats-phone-bottom{position:absolute;left:0;right:0;bottom:0;height:39px;background:#fff;border-top:1px solid #dfe8ee;display:grid;grid-template-columns:repeat(5,1fr);place-items:center;color:#718696;font-size:11px}.vats-phone-bottom i:nth-child(3){color:var(--vats-orange);font-size:17px}

.vats-faq-card{padding:30px}
.vats-faq-card h2{font-size:29px!important;margin:0 0 18px!important}
.vats-faq-list{border-top:1px solid #e4edf2;margin-bottom:16px}
.vats-faq-item{border-bottom:1px solid #e4edf2}
.vats-faq-item>button{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;padding:15px 0;color:#274357;font-weight:850;font-size:12px;cursor:pointer}
.vats-faq-item>button i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#edf6fa;color:var(--vats-blue);transition:.25s ease;flex:0 0 auto}
.vats-faq-item.is-open>button{color:var(--vats-blue)}.vats-faq-item.is-open>button i{transform:rotate(45deg);background:#fff0e4;color:var(--vats-orange)}
.vats-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.vats-faq-answer>p{overflow:hidden;margin:0;color:#718291;font-size:11px;line-height:1.65}.vats-faq-item.is-open .vats-faq-answer{grid-template-rows:1fr}.vats-faq-item.is-open .vats-faq-answer>p{padding:0 32px 14px 0}

/* ---------------- quick rail ---------------- */
.vats-quick-rail{position:fixed;right:13px;top:50%;transform:translateY(-50%);z-index:1250;display:flex;flex-direction:column;gap:7px}
.vats-quick-rail a,.vats-quick-rail button{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid #d9e6ee;background:rgba(255,255,255,.94);box-shadow:0 9px 25px rgba(4,55,88,.13);display:grid;place-items:center;color:var(--vats-blue);font-size:16px;cursor:pointer;padding:0;transition:.2s ease;backdrop-filter:blur(10px)}
.vats-quick-rail a:nth-child(2){color:var(--vats-orange)}
.vats-quick-rail a:hover,.vats-quick-rail button:hover{transform:translateX(-4px);background:var(--vats-blue);color:#fff;border-color:var(--vats-blue)}
.vats-quick-rail [data-tip]:before{content:attr(data-tip);position:absolute;right:50px;top:50%;transform:translateY(-50%) translateX(5px);opacity:0;visibility:hidden;white-space:nowrap;background:#17374d;color:#fff;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800;transition:.18s ease;pointer-events:none}
.vats-quick-rail [data-tip]:hover:before{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}

/* ---------------- PWA install toast ---------------- */
.vats-pwa-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);z-index:2200;width:min(620px,calc(100% - 28px));display:grid;grid-template-columns:54px 1fr auto 28px;align-items:center;gap:13px;padding:12px 12px 12px 14px;background:rgba(255,255,255,.97);border:1px solid #dbe7ee;border-radius:17px;box-shadow:0 20px 60px rgba(3,43,68,.22);backdrop-filter:blur(14px);opacity:0;transition:.28s ease}
.vats-pwa-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}
.vats-pwa-icon{width:50px;height:50px;border-radius:12px;background:#f3f8fb;border:1px solid #e1ebf1;display:grid;place-items:center}.vats-pwa-icon img{max-width:38px;max-height:38px}
.vats-pwa-toast>div:nth-child(2){display:flex;flex-direction:column}.vats-pwa-toast strong{font-size:12px;color:#18364b}.vats-pwa-toast span{font-size:9.5px;color:#748795;margin-top:2px}
.vats-pwa-close{border:0;background:transparent;color:#728795;cursor:pointer;font-size:14px;width:28px;height:28px;padding:0}

/* ---------------- card hover polish across existing home ---------------- */
.vats-featured-course-card,.vats-home-card,.vats-facility-card,.vats-program-chip-grid>a,.vats-student-services-band-grid>a{will-change:transform}
.vats-facility-card:hover,.vats-program-chip-grid>a:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(4,55,88,.10)}
.vats-student-services-band-grid>a:hover{transform:translateY(-3px)}
.vats-footer-cta{position:relative;overflow:hidden}
.vats-footer-cta:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(255,177,27,.1),transparent 25%);pointer-events:none}

/* ---------------- responsive tables/forms on legacy pages ---------------- */
@media (max-width:767px){
  .table-responsive{border:0!important}
  table.table{min-width:660px}
  .form-control{min-height:43px;border-radius:10px}
  .btn{border-radius:9px}
}

/* ---------------- dark theme ---------------- */
body.vats-theme-dark{--vats-text:#e7f0f6;--vats-muted:#9bb0bf;--vats-soft:#0d2231;--vats-soft-blue:#102a3b;--vats-border:#294253;background:#081a27;color:#dbe8f0}
body.vats-theme-dark .page-wrapper,body.vats-theme-dark .vats-brand-row,body.vats-theme-dark .vats-service-ribbon,body.vats-theme-dark .vats-section,body.vats-theme-dark .vats-why-section,body.vats-theme-dark .vats-front-tools-section{background:#081a27;color:#dbe8f0}
body.vats-theme-dark .vats-topbar{background:linear-gradient(90deg,#031e31,#073f60)}
body.vats-theme-dark .vats-brand-row{border-bottom-color:#1c3546}
body.vats-theme-dark .vats-brand-contact a,body.vats-theme-dark .vats-section h2,body.vats-theme-dark .vats-section-head h2,body.vats-theme-dark .vats-section-heading-row h2,body.vats-theme-dark .vats-max-heading h2,body.vats-theme-dark .vats-why-card h3,body.vats-theme-dark .vats-faq-item>button{color:#e6f0f7}
body.vats-theme-dark .vats-brand-contact span,body.vats-theme-dark .vats-brand-contact small,body.vats-theme-dark .vats-max-heading p,body.vats-theme-dark .vats-why-card p,body.vats-theme-dark .vats-faq-answer>p{color:#93aabb}
body.vats-theme-dark .vats-brand-icon,body.vats-theme-dark .vats-why-card>i{background:#102a3b;border-color:#254358}
body.vats-theme-dark .vats-why-card,body.vats-theme-dark .vats-device-card,body.vats-theme-dark .vats-faq-card,body.vats-theme-dark .vats-home-card,body.vats-theme-dark .vats-about-card,body.vats-theme-dark .vats-featured-course-card{background:#0c2231!important;border-color:#213c4f!important;color:#dce8ef!important}
body.vats-theme-dark .vats-device-badges span,body.vats-theme-dark .vats-faq-item>button i,body.vats-theme-dark .vats-search-dialog,body.vats-theme-dark .vats-search-links a{background:#102a3b;color:#dbe8ef;border-color:#294455}
body.vats-theme-dark .vats-faq-list,body.vats-theme-dark .vats-faq-item{border-color:#254052}
body.vats-theme-dark .vats-device-copy>p{color:#9db0bd}
body.vats-theme-dark .vats-phone-screen{background:#102634}
body.vats-theme-dark .vats-phone-grid span,body.vats-theme-dark .vats-phone-bottom,body.vats-theme-dark .vats-phone-brand{background:#0b1f2d;border-color:#243e50;color:#a9bdca}
body.vats-theme-dark .vats-search-input{background:#0e2738;border-color:#294455}body.vats-theme-dark .vats-search-input input{color:#fff;background:transparent}
body.vats-theme-dark .vats-submenu{background:#0b2030;border-color:#284458}body.vats-theme-dark .vats-submenu a{color:#d6e5ee;border-color:#1d3748}body.vats-theme-dark .vats-submenu a:hover{background:#133047}
body.vats-theme-dark .vats-footer-main{background:#071a27}
body.vats-theme-dark .vats-mobile-bottom-nav{background:#0a202f;border-color:#274154}body.vats-theme-dark .vats-mobile-bottom-nav a{color:#9fb2bf}
body.vats-theme-dark .vats-quick-rail a,body.vats-theme-dark .vats-quick-rail button{background:rgba(10,31,45,.95);border-color:#2b4658;color:#cce5f4}
body.vats-theme-dark .vats-pwa-toast{background:rgba(10,31,45,.97);border-color:#294759;color:#e8f2f8}body.vats-theme-dark .vats-pwa-toast strong{color:#fff}body.vats-theme-dark .vats-pwa-icon{background:#102a3b;border-color:#294759}
body.vats-theme-dark .vats-hero-shade{background:linear-gradient(90deg,rgba(8,26,39,.97) 0%,rgba(8,26,39,.88) 35%,rgba(8,26,39,.53) 58%,rgba(4,31,47,.18) 100%)}
body.vats-theme-dark .vats-hero h1{color:#fff}body.vats-theme-dark .vats-hero-copy>p{color:#c1d0da}body.vats-theme-dark .vats-hero-feature-row span{color:#c2d1db}
body.vats-theme-dark .vats-hero-mini-card{background:rgba(10,31,45,.91);border-color:rgba(255,255,255,.1)}body.vats-theme-dark .vats-mini-card-title h3{color:#fff}body.vats-theme-dark .vats-mini-links a{background:#0c283a;border-color:#25475b;color:#d5e5ef}
body.vats-theme-dark .vats-btn-outline{background:#10293a;color:#dbeaf3!important;border-color:#315268}

/* ---------------- breakpoint refinements ---------------- */
@media (max-width:1180px){
  .vats-why-grid{grid-template-columns:1fr 1fr}
  .vats-front-tools-grid{grid-template-columns:1fr}
  .vats-device-card{grid-template-columns:minmax(0,1fr) 235px}
  .vats-quick-rail{right:8px}
}

@media (max-width:900px){
  .vats-max-heading{align-items:flex-start;flex-direction:column}.vats-max-heading .vats-btn{align-self:flex-start}
  .vats-journey-track{grid-template-columns:repeat(5,minmax(135px,1fr));overflow-x:auto;padding:0 1px 9px;scroll-snap-type:x mandatory;scrollbar-width:none}.vats-journey-track::-webkit-scrollbar{display:none}.vats-journey-track:before{display:none}.vats-journey-step{scroll-snap-align:start}
  .vats-quick-rail{display:none}
}

@media (max-width:767px){
  .vats-nav-tool{width:38px;height:38px}
  .vats-theme-toggle{display:grid!important}
  .vats-section.vats-why-section{padding:45px 0}
  .vats-max-heading{margin-bottom:18px;gap:14px}.vats-max-heading h2{font-size:28px}.vats-max-heading p{font-size:12px}
  .vats-why-grid{grid-template-columns:1fr;gap:10px}.vats-why-card{min-height:0;padding:18px 16px}.vats-why-card>i{width:45px;height:45px;font-size:19px;margin-bottom:12px}.vats-why-no{font-size:28px}
  .vats-admission-journey{padding:48px 0}.vats-journey-track{grid-template-columns:repeat(5,155px);margin-right:-23px}.vats-journey-step{min-height:128px}
  .vats-front-tools-section{padding:45px 0}.vats-front-tools-grid{gap:14px}.vats-device-card{display:block;min-height:0}.vats-device-copy{padding:24px 20px 20px}.vats-device-copy h2{font-size:27px!important}.vats-device-actions .vats-btn{flex:1}
  .vats-phone-preview{width:185px;height:335px;margin:4px auto 0;border-radius:27px 27px 0 0}.vats-phone-grid span{height:52px}
  .vats-faq-card{padding:22px 18px}.vats-faq-card h2{font-size:25px!important}.vats-faq-item>button{font-size:11px;padding:13px 0}
  .vats-pwa-toast{bottom:78px;grid-template-columns:43px 1fr auto 22px;gap:8px;padding:9px}.vats-pwa-icon{width:40px;height:40px}.vats-pwa-icon img{max-width:30px;max-height:30px}.vats-pwa-toast span{display:none}.vats-pwa-toast .vats-btn{min-height:38px;padding:9px 12px;font-size:10px}
  .vats-mobile-bottom-nav{background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  body.vats-theme-dark .vats-mobile-bottom-nav{background:rgba(8,26,39,.97)!important}
}

@media (max-width:430px){
  .vats-max-heading h2{font-size:25px}.vats-device-copy h2{font-size:25px!important}
  .vats-device-badges{gap:6px}.vats-device-badges span{padding:7px 9px;font-size:9px}
  .vats-journey-track{grid-template-columns:repeat(5,145px)}
  .vats-pwa-toast{grid-template-columns:38px 1fr auto 20px}.vats-pwa-icon{width:36px;height:36px}
}
.vats-install-trigger[hidden]{display:none!important}
@media (max-width:767px){
  .vats-mobile-bottom-nav a.is-current:not(.vats-bottom-main){color:var(--vats-blue);position:relative}
  .vats-mobile-bottom-nav a.is-current:not(.vats-bottom-main):after{content:"";position:absolute;top:4px;width:18px;height:2px;border-radius:2px;background:var(--vats-orange)}
  body.vats-theme-dark .vats-mobile-bottom-nav a.is-current:not(.vats-bottom-main){color:#d8eef8}
}
@media (max-width:430px){
  .vats-nav-verify{width:35px!important;padding:0!important}.vats-nav-verify span{display:none!important}
  .vats-nav-actions{gap:5px}.vats-nav-tool,.vats-nav-search{width:35px!important;height:35px!important}
}
@media (max-width:350px){.vats-mobile-brand{display:none!important}}