/* ====== BASE ====== */

:root{
     --tae-red: #e4222e;
    --tae-red-dark: #c4131f;
    --tae-navy: #0c1425;
    --tae-navy-soft: #0e1a33;
    --tae-heading: #14151a;
    --tae-text: #5c5c66;
    --tae-muted: #8a8a94;
    --tae-light-blue: #f4f8ff;
    --tae-border: #e7e7ef;
    --tae-radius: 14px;
    --tae-shadow: 0 18px 40px rgba(12, 20, 37, .10);
  --cwu-red:#E8192C;
  --cwu-red-dark:#CF1526;
  --cwu-ink:#111114;
  --cwu-muted:#5F6470;
  --cwu-line:#E3E5EA;
  --cwu-track:#F1F2F4;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Poppins',sans-serif;
  color:#1f242b;
  margin:0;
  overflow-x:hidden;
  background:#ffffff;
}
img{max-width:100%;height:auto}
a{text-decoration:none}
.container{max-width:1170px}
.section{padding:60px 0}
h1,h2,h3,h4,h5{font-weight:800;letter-spacing:-.5px}

/* ====== SHARED HEADINGS ====== */
.eyebrow{display:block;color:#e01726;font-weight:700;letter-spacing:3px;font-size:14px;margin-bottom:10px;text-transform:uppercase}
.eyebrow-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:12px;font-weight:600;letter-spacing:2px;padding:7px 16px;border-radius:30px;text-transform:uppercase}
.eyebrow-pill .dot{width:8px;height:8px;border-radius:50%;background:#e01726;display:inline-block}
.section-title{font-size:42px;line-height:1.15;color:#10141a;margin:0 0 16px}
.section-sub{color:#6b727c;font-size:16px;line-height:1.7;max-width:640px;margin-left:0}
.section-head{margin-bottom:50px}
.text-red{color:#e01726}
.text-white{color:#fff}

/* ====== BUTTONS ====== */
.btn{font-weight:600;border-radius:40px;padding:11px 26px;transition:.3s ease;border:none}
.btn-pill,.btn-lg-pill{border-radius:40px}
.btn-lg-pill{padding:14px 30px;font-size:16px}
.btn-red axp-cta open-quote-popup{background:linear-gradient(180deg,#ef2f3d,#c20e1a);color:#fff;box-shadow:0 8px 22px rgba(224,23,38,.45)}
.btn-red axp-cta open-quote-popup:hover{color:#fff;transform:translateY(-3px);box-shadow:0 14px 30px rgba(224,23,38,.6)}
.btn-ghost open-quote-popup{background:#fff;color:#10141a;border:1px solid #fff}
.btn-ghost open-quote-popup:hover{background:transparent;color:#fff;border-color:#fff;transform:translateY(-3px)}
.btn-dark{background:#10141a;color:#fff}
.btn-dark:hover{background:#000;color:#fff;transform:translateY(-3px)}
.btn-light{background:#fff;color:#10141a}
.btn-light:hover{background:#f1f1f1;transform:translateY(-3px)}
.btn-outline-light{border:1px solid rgba(255,255,255,.6);color:#fff;background:transparent}
.btn-outline-light:hover{background:#fff;color:#10141a;transform:translateY(-3px)}
.btn-outline-dark open-quote-popup{border:1px solid #d6dae0;color:#10141a;background:#fff}
.btn-outline-dark open-quote-popup:hover{background:#10141a;color:#fff;border-color:#10141a;transform:translateY(-3px)}
.btn-outline-dark, .btn-outline-dark:hover {
    border: 1px solid grey;
}
/* ====== TOP BAR ====== */
.topbar{background:#7b7f86;color:#fff;font-size:13.5px;padding:7px 0}
.topbar-left{font-weight:500}
.topbar-phone{color:#fff;font-weight:600}
.topbar-phone:hover{color:#ffd2d5}

/* ====== HERO ====== */
.hero-wrap{position:relative;overflow:hidden;     padding-top: 150px;}
/* .hero-overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,14,22,.92) 0%,rgba(12,17,26,.78) 45%,rgba(12,17,26,.5) 100%);z-index:1} */
.hero>.container,.hero>.main-nav,.hero>.brand-strip{position:relative;z-index:2}

/* nav */
.main-nav{padding:18px 0}
.logo{height:36px}
.main-nav .nav-link{color:#e7eaef;font-weight:500;padding:8px 16px;position:relative;transition:.3s}
.main-nav .nav-link::after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:2px;background:#e01726;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.main-nav .nav-link:hover{color:#fff}
.main-nav .nav-link:hover::after{transform:scaleX(1)}
.navbar-toggler{border-color:rgba(255,255,255,.4)}
.navbar-toggler-icon{filter:invert(1)}

.hero-inner{padding:50px 0 60px}
.hero-title{font-size:58px;line-height:1.05;color:#fff;font-weight:800;margin:22px 0 18px}
.hero-title .bold{font-weight:900}
.hero-sub{color:#c4cad3;font-size:17px;line-height:1.6;max-width:480px;margin-bottom:28px}
.hero-trust .trust-avatars{height:42px}
.stars{color:#ffc107;letter-spacing:2px;font-size:15px}
.trust-text{color:#d7dce3;font-size:13px;font-weight:500}
.hero-visual-wrap{text-align:center}
.hero-visual{max-width:680px;width:100%;animation:floaty 6s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* brand strip */
.brand-strip{background:linear-gradient(180deg,rgba(10,14,22,0),rgba(10,14,22,.6));padding:30px 0 40px}
.brand-track{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px}
.brand-track img{height:34px;opacity:.9;}
.brand-track img:hover{opacity:1;transform:scale(1.08)}

/* ====== QUICKBOOKS SECTION ====== */
.qb-logo{max-height:54px}
.qb-text{color:#5b626c;font-size:16px;line-height:1.75;margin:22px 0 26px;max-width:660px}
.qb-badge{max-width:300px;transition:.4s}
.qb-badge:hover{transform:translateY(-8px) rotate(-2deg)}
.pill{font-weight:600;border-radius:40px;padding:11px 26px;font-size:15px;transition:.3s;cursor:pointer;border:1px solid transparent}
.pill-red{background:linear-gradient(180deg,#ef2f3d,#c20e1a);color:#fff;box-shadow:0 8px 22px rgba(224,23,38,.4)}
.pill-outline{background:#fff;border:1px solid #cfd4da;color:#10141a}
.pill-outline:hover{border-color:#10141a}
.pill-dark{background:#10141a;color:#fff}
.pill-dark:hover{background:#000}
.pill-red:hover{transform:translateY(-3px)}

.stats-row{border-top:1px solid #eee;padding-top:36px;row-gap:30px}
.stat-item{position:relative;transition:.3s}
.stat-item:not(:last-child)::after{content:"";position:absolute;right:0;top:14%;height:72%;width:1px;background:#e8e8e8}
.stat-icon{height:60px;margin-bottom:8px;transition:.4s}
.stat-item:hover .stat-icon{transform:translateY(-6px) scale(1.06)}
.stat-num{font-size:44px;font-weight:800;color:#10141a;line-height:1}
.stat-label{color:#10141a;font-size:15px;font-weight:500;margin-top:6px}

/* ====== SERVICES ====== */
.services-section{background:#fafafa url('../images/services-bg.png') left center/auto 90% no-repeat;position:relative}
.svc-card{background:#fff;border:1px solid #ededed;border-radius:16px;padding:30px 28px;height:100%;transition:.35s;position:relative;overflow:hidden}
.svc-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:#e01726;transition:.4s}
.svc-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(20,25,35,.1);border-color:#fff}
.svc-card:hover::before{width:100%}
.svc-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;background:#fdecec;border-radius:14px;margin-bottom:18px;transition:.35s}
.svc-card:hover .svc-icon{transform:rotate(-8deg) scale(1.08)}
.svc-card h3{font-size:19px;color:#10141a;margin-bottom:10px}
.svc-card p{color:#6b727c;font-size:15px;line-height:1.6;margin:0}

/* ====== WHAT YOU GET ====== */
.get-card{border-radius:18px;padding:30px 26px;height:100%;transition:.35s}
.get-green{background:#e8f2ec}.get-blue{background:#eef3fb}.get-pink{background:#fbe9ea}
.get-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(20,25,35,.12)}
.get-icon{display:inline-flex;width:60px;height:60px;align-items:center;justify-content:center;background:#fff;border-radius:14px;margin-bottom:20px}
.get-icon img{height:34px}
.get-card h3{font-size:20px;color:#10141a;margin-bottom:14px}
.get-card p{color:#5b626c;font-size:14.5px;line-height:1.65}
.get-img{border-radius:14px;margin-top:14px;width:100%}

/* ====== INDUSTRIES ====== */
.industries-section{background:#0a0f1c url('../images/industries-bg.png') center/cover no-repeat;position:relative}
.industries-section::before{content:"";position:absolute;inset:0;background:rgba(8,11,22,.55)}
.industries-section>.container{position:relative;z-index:2}
.ind-card{display:block;position:relative;height:250px;border-radius:16px;overflow:hidden;background-size:cover;background-position:center;color:#fff;transition:.4s}
.ind-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.82))}
.ind-card>*{position:relative;z-index:2}
.ind-card:hover{transform:translateY(-6px)}
.ind-card:hover::after{background:linear-gradient(180deg,rgba(224,23,38,.25),rgba(0,0,0,.85))}
.ind-tag{position:absolute;top:16px;left:16px;background:linear-gradient(180deg,#ef2f3d,#c20e1a);font-size:13px;font-weight:600;padding:6px 14px;border-radius:30px}
.ind-body{position:absolute;left:16px;bottom:16px;right:60px}
.ind-body h3{font-size:18px;margin:0 0 4px;line-height:1.25}
.ind-metric{color:#ff6b76;font-size:13px;font-weight:600}
.ind-arrow{position:absolute;right:16px;bottom:16px;width:36px;height:36px;border-radius:50%;background:#fff;color:#10141a;display:flex;align-items:center;justify-content:center;font-size:18px;transition:.3s}
.ind-card:hover .ind-arrow{background:#e01726;color:#fff;transform:rotate(45deg)}
.ind-phone{color:#fff;font-weight:600}
.ind-phone .ico{color:#e01726}

/* ====== CTA BANNERS ====== */
.cta-banner{padding:50px 0;color:#fff;background-size:cover;background-position:center}
.cta-grow {
    background-image: url(../images/cta-grow-bg.png);
    background-size: cover;
    padding: 50px 0;
}
.cta-spend{background-image:url('../images/cta-spend-bg.png')}
.cta-banner h2{font-size:38px;color:#fff;margin-bottom:16px}
.cta-banner p{color:rgba(255,255,255,.9);max-width:680px;margin:0 auto 26px;line-height:1.6}
.cta-fine{font-style:italic;font-size:14px;margin-top:20px;color:rgba(255,255,255,.85)}
.spend-input{display:inline-flex;align-items:center;background:rgba(255,255,255,.18);border-radius:40px;padding:7px 7px 7px 26px;gap:14px;max-width:520px;width:100%;backdrop-filter:blur(4px)}
.spend-input input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:15px}
.spend-input input::placeholder{color:rgba(255,255,255,.8)}
.spend-input .btn{background:#fff;color:#e01726;font-weight:700;white-space:nowrap}
.spend-input .btn:hover{transform:translateY(-2px)}

/* ====== IRS ====== */
.irs-section{background:#fff url('../images/irs-bg.png') center/cover no-repeat}
.irs-card{background:#fff;border:1px solid #f0e3e4;border-radius:20px;padding:40px;box-shadow:0 30px 60px rgba(20,25,35,.06)}
.irs-h{font-size:26px;color:#10141a;margin-bottom:22px}
.irs-list{list-style:none;padding:0;margin:0}
.irs-list li{padding:9px 0 9px 32px;position:relative;color:#3b424b;font-weight:500;font-size:16px}
.irs-list li::before{content:"\2192";position:absolute;left:0;top:8px;width:20px;height:20px;border-radius:50%;background:#1fae6a;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.irs-process{background:linear-gradient(135deg,#1c1c1e,#3a2a2c);border-radius:16px;padding:32px;color:#fff;height:100%}
.irs-process h3{font-size:24px;margin-bottom:22px}
.proc-step{display:flex;gap:14px;margin-bottom:18px;align-items:flex-start;transition:.3s}
.proc-step:hover{transform:translateX(6px)}
.proc-num{background:#fff;color:#10141a;font-weight:800;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}
.proc-step strong{display:block;font-size:16px}
.proc-step span{color:#b9bcc2;font-size:13.5px}
.irs-alert{display:flex;gap:14px;background:#fdf8e3;border-left:5px solid #f1c40f;border-radius:8px;padding:20px 24px;margin-top:26px}
.irs-alert .warn{font-size:22px}
.irs-alert strong{color:#10141a}
.irs-alert p{margin:4px 0 0;color:#6b727c;font-size:14.5px}

/* ====== GET STARTED ====== */
.getstarted-section .section-head{margin-bottom:40px}
.step-card{height:100%}
.step-img{border-radius:12px;width:100%;height:175px;object-fit:cover;margin-bottom:18px;transition:.4s}
.step-card:hover .step-img{transform:scale(1.03);box-shadow:0 18px 35px rgba(20,25,35,.15)}
.step-card h4{font-size:19px;color:#10141a;margin-bottom:8px}
.step-card p{color:#6b727c;font-size:14.5px;line-height:1.6;margin-bottom:16px}

/* ====== LOCATIONS / MAP ====== */
.map-wrap{position:relative;max-width:840px;margin:0 auto}
.usa-map{width:100%;filter:drop-shadow(0 20px 30px rgba(0,0,0,.08));animation:mapIn 1s ease both}
@keyframes mapIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.map-pin{position:absolute;width:14px;height:14px;background:#e01726;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer}
.map-pin::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(224,23,38,.6);animation:pinPulse 2s ease-out infinite}
@keyframes pinPulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.4);opacity:0}}
.map-pin::before{content:attr(data-label);position:absolute;left:50%;bottom:22px;transform:translateX(-50%) translateY(8px);background:#10141a;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;transition:.3s;pointer-events:none}
.map-pin:hover{transform:translate(-50%,-50%) scale(1.4)}
.map-pin:hover::before,.map-pin.show::before{opacity:1;transform:translateX(-50%) translateY(0)}

/* ====== TRUSTED / ORBIT ====== */
.trusted-section{background:#070b14 url('../images/trusted-bg.png') center/cover no-repeat;position:relative}
.trusted-section::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,20,.92),rgba(7,11,20,.55))}
.trusted-section>.container{position:relative;z-index:2}
.trusted-sub{color:#c0c6d0;line-height:1.7;margin:18px 0 28px}
.trusted-sub strong{color:#fff}
.trusted-feats .feat-ic{display:inline-flex;width:54px;height:54px;border:1px solid rgba(224,23,38,.5);border-radius:12px;align-items:center;justify-content:center;margin-bottom:14px}
.trusted-feats .feat-ic img{height:30px}
.trusted-feats h5{color:#fff;font-size:16px;margin-bottom:6px}
.trusted-feats p{color:#9aa2af;font-size:13.5px;margin:0}

.orbit{position:relative;width:440px;height:440px;max-width:100%;margin:0 auto;aspect-ratio:1}
.orbit-ring{position:absolute;border:1px solid rgba(224,23,38,.28);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.ring-1{width:42%;height:42%}.ring-2{width:72%;height:72%}.ring-3{width:100%;height:100%}
.orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0e1420;border-radius:12px;padding:18px 22px;border:1px solid rgba(255,255,255,.08);z-index:3}
.orbit-center img{height:30px}
.orbit-rotor{position:absolute;inset:0;border-radius:50%}
.rotor-outer{animation:spin 28s linear infinite}
.rotor-inner{width:72%;height:72%;top:14%;left:14%;animation:spin 22s linear infinite reverse}
.orbit-logo{--r:205px;position:absolute;top:50%;left:50%;width:62px;height:62px;margin:-31px;
  transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)))}
.rotor-inner .orbit-logo{--r:150px}
.orbit-logo img{display:block;width:62px;height:62px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.3)}
/* keep logos upright while their rotor spins */
.rotor-outer .orbit-logo img{animation:spin 28s linear infinite reverse}
.rotor-inner .orbit-logo img{animation:spin 22s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ====== TESTIMONIALS ====== */
.review-logos{height:40px;margin-top:24px}
.testi-slider{margin-top:40px}
.testi-card{background:#fff;border:1px solid #ededed;border-radius:14px;padding:60px 28px 30px;margin:30px 15px 10px;position:relative;transition:.35s;min-height:330px}
.testi-card .quote-ic{position:absolute;top:-26px;left:28px;width:54px;height:54px;background:linear-gradient(180deg,#ef2f3d,#c20e1a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 10px 22px rgba(224,23,38,.4)}
.testi-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(20,25,35,.1)}
.testi-card p{color:#5b626c;font-size:14.5px;line-height:1.7}
.testi-card h5{color:#10141a;font-size:18px;margin-top:20px}
.testi-slider .slick-prev,.testi-slider .slick-next{width:48px;height:48px;border-radius:50%;z-index:5}
.testi-slider .slick-prev{left:-60px;border:1px solid #d6dae0}
.testi-slider .slick-next{right:-60px;background:#e01726}
.testi-slider .slick-prev:before{content:"\2190";color:#10141a;opacity:1}
.testi-slider .slick-next:before{content:"\2192";color:#fff;opacity:1}

/* ====== FAQ ====== */
.faq-section{background:#fafafa}
.faq-intro{color:#6b727c;font-size:15px;line-height:1.6}
.faq-accordion .accordion-item{border:1px solid #e6e6e6;border-radius:12px!important;margin-bottom:16px;overflow:hidden}
.faq-accordion .accordion-button{font-weight:700;color:#10141a;font-size:16.5px;padding:20px 24px;box-shadow:none;background:#fff}
.faq-accordion .accordion-button:not(.collapsed){background:#fdf3f4;color:#10141a}
.faq-accordion .accordion-item:has(.accordion-button:not(.collapsed)){border-color:#f3b8bd;box-shadow:0 10px 30px rgba(224,23,38,.08)}
.faq-accordion .accordion-button::after{background:none;width:30px;height:30px;border-radius:50%;background:#f1f1f1;content:"+";color:#10141a;font-size:20px;display:flex;align-items:center;justify-content:center;transition:.3s;transform:none}
.faq-accordion .accordion-button:not(.collapsed)::after{content:"\2212";background:linear-gradient(180deg,#ef2f3d,#c20e1a);color:#fff;box-shadow:0 8px 18px rgba(224,23,38,.4)}
.faq-accordion .accordion-body{color:#6b727c;font-size:14.5px;line-height:1.7;padding:10px 24px 22px}

.hello-card{background:#0c1326;border-radius:16px;padding:34px 28px 0;color:#fff;text-align:center;position:relative;overflow:hidden;height:100%}
.hello-card h3{font-size:30px;margin-bottom:22px}
.hello-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.2)}
.hello-card h4{font-size:18px;margin:14px 0 2px}
.hello-role{color:#e01726;font-weight:700;font-size:14px}
.hello-card hr{border-color:rgba(255,255,255,.15);margin:22px 0}
.hello-email{display:block;color:#cfd4dc;font-size:14px}
.hello-phone{display:block;color:#fff;font-weight:800;font-size:20px;margin-bottom:18px}
.hello-pills span{display:block;background:#fff;color:#10141a;font-size:11px;font-weight:600;border-radius:30px;padding:8px 14px;margin:8px auto;max-width:280px;transition:.3s}
.hello-pills span:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.3)}
.hello-skyline{display:block;width:100%;margin-top:24px;opacity:.8}

/* ====== CONNECT / VIDEO ====== */
.seg-toggle{position:relative;display:inline-flex;background:#10141a;border-radius:40px;padding:5px;margin:18px 0 24px}
.seg{background:transparent;border:none;color:#fff;font-weight:700;font-size:13px;letter-spacing:1px;padding:9px 22px;border-radius:40px;z-index:2;position:relative;cursor:pointer;transition:.3s}
.seg.active{color:#fff}
.seg-knob{position:absolute;top:5px;left:5px;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,#ef2f3d,#c20e1a);transition:.35s;z-index:1}
.seg-toggle.business .seg-knob{left:calc(100% - 39px)}
.connect-form .form-control,.connect-form .form-select{border:1px solid #e2e5ea;border-radius:12px;padding:15px 18px;margin-bottom:16px;font-size:15px}
.connect-form .form-control:focus,.connect-form .form-select:focus{border-color:#e01726;box-shadow:0 0 0 3px rgba(224,23,38,.12)}

.video-card{padding:0 6px}
.tablet{background:#111;border-radius:22px;padding:14px;box-shadow:0 24px 50px rgba(20,25,35,.18)}
.tablet-screen{position:relative;border-radius:10px;overflow:hidden;background-size:cover;background-position:center;aspect-ratio:16/10}
.tablet-screen::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}
.vid-bar{position:absolute;left:0;right:0;z-index:2;display:flex;align-items:center;padding:8px 12px}
.vid-bar.top{top:0;background:rgba(0,0,0,.35)}
.vid-bar.top img{height:18px}
.vid-bar.bottom{bottom:0;background:#e01726;color:#fff;font-size:10px;font-weight:600;justify-content:center}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.9);border:none;color:#e01726;font-size:22px;z-index:3;cursor:pointer;transition:.3s;padding-left:4px}
.play-btn:hover{transform:translate(-50%,-50%) scale(1.12);background:#fff}
.video-slider .slick-dots{bottom:-34px}
.video-slider .slick-dots li button:before{font-size:10px;color:#e01726}
.vid-arrow{width:54px;height:54px;border-radius:50%;border:1px solid #d6dae0;background:#fff;font-size:20px;color:#10141a;cursor:pointer;transition:.3s}
.vid-arrow:hover,.vid-arrow.active{background:#e01726;color:#fff;border-color:#e01726}

/* ====== FOOTER ====== */
.site-footer{background:#0a0f1c url('../images/footer-bg.png') center/cover no-repeat;color:#c3c8d2;padding:70px 0 30px;position:relative}
.footer-logo{height:36px;margin-bottom:20px}
.footer-about{font-size:14px;line-height:1.7;color:#aeb4bf;max-width:380px}
.footer-contact{font-size:14px;margin:6px 0;color:#c3c8d2}
.footer-contact span{color:#e01726;margin-right:8px}
.footer-reviews{height:24px;margin-top:16px;filter:brightness(0) invert(1)}
.site-footer h5{color:#fff;font-size:15px;letter-spacing:1px;margin-bottom:18px}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:5px}
.footer-links a{color:#aeb4bf;font-size:12px;transition:.3s;position:relative;padding-left:14px}
.footer-links a::before{content:"\203A";position:absolute;left:0;color:#e01726}
.footer-links a:hover{color:#fff;padding-left:18px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:24px;font-size:14px;color:#aeb4bf}

.scroll-top{position:fixed;right:26px;bottom:26px;width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#ef2f3d,#c20e1a);color:#fff;border:none;font-size:16px;z-index:99;opacity:0;visibility:hidden;transition:.35s;box-shadow:0 10px 26px rgba(224,23,38,.5)}
.scroll-top.show{opacity:1;visibility:visible}
.scroll-top:hover{transform:translateY(-5px)}

/* ====== RESPONSIVE ====== */
@media(max-width:1400px){ 
    .tae-hero__body img {
    transform: matrix(0.8, 0, 0, 0.8, 0, 0);
}
}
@media(max-width:1199px){
  .section-title{font-size:36px}
  .hero-title{font-size:48px}
  .orbit{width:380px;height:380px}
  .rotor-outer .orbit-logo{--r:175px}
  .rotor-inner .orbit-logo{--r:125px}
}
@media(max-width:991px){
  .section{padding:64px 0}
  .main-nav{background:rgba(10,14,22,.96);border-radius:0 0 14px 14px}
  .navbar-collapse{padding:10px 0}
  .hero-title{font-size:40px}
  .hero-inner{padding:30px 0 40px}
  .section-title{font-size:32px}
  .cta-banner h2{font-size:30px}
  .testi-slider .slick-prev{left:-8px}.testi-slider .slick-next{right:-8px}
  .qb-badge{margin-top:30px}
  .orbit{margin-top:40px}
  .stat-item:not(:last-child)::after{display:none}
}
@media(max-width:767px){
  .topbar{font-size:11.5px;text-align:center}
  .topbar .container{justify-content:center;gap:6px}
  .hero-title{font-size:32px}
  .section-title{font-size:27px}
  .section-head{margin-bottom:34px}
  .cta-banner h2{font-size:24px}
  .irs-card{padding:24px}
  .spend-input{flex-direction:column;border-radius:18px;padding:14px}
  .spend-input .btn{width:100%}
  .stat-num{font-size:36px}
  .orbit{width:300px;height:300px}
  .orbit-logo{width:48px;height:48px;margin:-24px}
  .orbit-logo img{width:48px;height:48px}
  .rotor-outer .orbit-logo{--r:135px}
  .rotor-inner .orbit-logo{--r:95px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}


header {
    position: absolute;
    left: 0;
    right: 0;
}

.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;       
  z-index: -2;           
}

.video-overlay {
  position: absolute;
  inset: 0;                
     background: rgb(2 38 73 / 86%);
  z-index: -1;
}

.hero-content {
  position: relative;     
  z-index: 1;
  text-align: center;
  color: #fff;
  padding: 20px;
}


.aximg-ph {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.aximg-ph::after {
    content: attr(data-label);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #7a8395;
    text-align: center;
    padding: 6px 10px;
}

/* -------------------------------------------------------------
   BUTTONS
------------------------------------------------------------- */
.axbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    font-size: 15px;
    padding: 13px 28px;
    border-radius: 40px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
    white-space: nowrap;
    background-color: #E4032E;
    color: white;
}

.axbtn-red axp-cta open-quote-popup {
    background: #d61f33;
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(214, 31, 51, .35);
}
.axbtn-red axp-cta open-quote-popup:hover {
    background: #b91728;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 16px 30px rgba(214, 31, 51, .45);
}

.axbtn-dark {
    background: #14141e;
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(20, 20, 30, .3);
}
.axbtn-dark:hover {
    background: #000000;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 16px 30px rgba(20, 20, 30, .4);
}

.axbtn-ghost open-quote-popup-light {
    background: #ffffff;
    color: #14141e;
    border-color: #ffffff;
}
.axbtn-ghost open-quote-popup-light:hover {
    background: transparent;
    color: #ffffff;
    border-color: #ffffff;
    transform: translateY(-3px);
}

.axbtn-ghost open-quote-popup-dark {
    background: #ffffff;
    color: #14141e;
    border-color: #d6dae2;
}
.axbtn-ghost open-quote-popup-dark:hover {
    background: #14141e;
    color: #ffffff;
    border-color: #14141e;
    transform: translateY(-3px);
}

/* -------------------------------------------------------------
   TOP INFO BAR
------------------------------------------------------------- */
.axtop-bar {
    background: #7f8592;
    color: #ffffff;
    font-size: 13.5px;
    padding: 6px 0;
}
.axtop-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.axtop-tagline {
    font-weight: 500;
    margin: 0;
}
.axtop-right {
    display: flex;
    align-items: center;
    gap: 22px;
}
.axtop-notice {
    font-weight: 500;
}
.axtop-phone {
    color: #ffffff;
    font-weight: 600;
    transition: opacity .2s ease;
}
.axtop-phone:hover {
    color: #ffffff;
    opacity: .8;
}
.axtop-phone i {
    font-size: 12px;
    margin-right: 3px;
}

/* -------------------------------------------------------------
   HERO WRAPPER
------------------------------------------------------------- */
.axhero {
    background: url(../../assets/images/bookkeeping-bnr.png) center center / cover  no-repeat;
    position: relative;
    color: #ffffff;
    padding-bottom: 0;
    overflow: hidden;
    padding-top : 150px;
}
.axhero-bg {
    position: absolute;
    inset: 0;
    opacity: .18;
    z-index: 0;
}
.axhero-bg::after { display: none; }
.axhero > .container,
.axhero > .axnav,
.axhero > .axfeature-strip {
    position: relative;
    z-index: 2;
}

/* -------------------------------------------------------------
   NAVBAR
------------------------------------------------------------- */
.axnav {
    padding: 18px 0;
    position: relative;
    z-index: 3;
}
.axnav-brand {
    display: flex;
    align-items: center;
    gap: 8px;
}
.axnav-logo-mark {
    background: #d61f33;
    color: #ffffff;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 3px 7px;
    transform: skewX(-10deg);
    display: inline-block;
}
.axnav-logo-text {
    color: #ffffff;
    font-weight: 800;
    font-size: 21px;
    line-height: 1;
    letter-spacing: .5px;
}
.axnav-logo-slash {
    color: #d61f33;
}
.axnav-menu {
    gap: 6px;
    align-items: center;
}
.axnav-link {
    color: #e7e9ef !important;
    font-weight: 500;
    font-size: 15.5px;
    padding: 8px 16px !important;
    transition: color .2s ease;
}
.axnav-link:hover {
    color: #ffffff !important;
}
.axnav-link-active {
    color: #ffffff !important;
    font-weight: 700;
}
.axnav-cta {
    margin-left: 14px;
    padding: 11px 26px;
}
.axnav-toggler {
    border: none;
    color: #ffffff;
    font-size: 22px;
    padding: 4px 8px;
}
.axnav-toggler:focus {
    box-shadow: none;
}
.axnav-toggler-icon {
    color: #ffffff;
}

/* -------------------------------------------------------------
   HERO BODY
------------------------------------------------------------- */
.axhero-body {
    padding: 40px 0 70px;
}
.axhero-title {
    font-size: 46px;
    line-height: 1.15;
    font-weight: 500;
    margin-bottom: 26px;
}
.axhero-title strong {
    font-weight: 800;
}
.axhero-tags {
    display: grid;
    grid-template-columns: auto auto;
    gap: 12px;
    margin-bottom: 30px;
    width: max-content;
}
.axhero-tag {
    background: #ffffff;
    color: #14141e;
    font-weight: 600;
    font-size: 14px;
    padding: 9px 20px;
    border-radius: 30px;
    transition: transform .25s ease, box-shadow .25s ease;
}
.axhero-tag:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0,0,0,.25);
}
.axhero-trust {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 30px;
}
.axhero-avatars {
    display: flex;
}
.axhero-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    margin-left: -12px;
    background: #cfd6e2;
}
.axhero-avatar:first-child {
    margin-left: 0;
}
.axhero-avatar::after { font-size: 0; }
.axhero-stars {
    color: #f5b301;
    font-size: 15px;
    display: block;
    letter-spacing: 2px;
}
.axhero-trust-label {
    font-size: 13.5px;
    color: #d8dce5;
}
.axhero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

/* HERO RIGHT */
.axhero-desc {
    font-size: 16.5px;
    color: #e4e7ee;
    line-height: 1.7;
    margin-bottom: 26px;
}
.axhero-form {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 16px;
    padding: 26px;
    backdrop-filter: blur(4px);
}
.axform-field {
    position: relative;
}
.axform-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #9aa2b1;
    font-size: 14px;
}
.axform-input {
    width: 100%;
    background: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 14px 16px 14px 40px;
    font-size: 14.5px;
    color: #14141e;
    outline: none;
    transition: box-shadow .2s ease;
}
.axform-input::placeholder {
    color: #9aa2b1;
}
.axform-input:focus {
    box-shadow: 0 0 0 3px rgba(214,31,51,.35);
}
.axform-submit {
    margin-top: 18px;
}

/* -------------------------------------------------------------
   FEATURE STRIP
------------------------------------------------------------- */
.axfeature-strip {
    background: #d61f33;
    padding: 22px 0;
    position: relative;
    z-index: 3;
}
.axfeature-slider {
    display: flex;
    align-items: center;
}
.axfeature-item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
    color: #ffffff;
    padding: 4px 20px;
    position: relative;
}
.axfeature-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 44px;
    width: 1px;
    background: rgba(255,255,255,.4);
}
.axfeature-icon {
    color: #ffffff;
}
.axfeature-text {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.25;
}

/* -------------------------------------------------------------
   INTRO (USA-BASED BOOKKEEPING) + STATS
------------------------------------------------------------- */
.axintro {
    padding: 60px 0 60px;
    background: url(../../assets/images/bookkeeping-about-bg.png) center center / cover  no-repeat;
}
.axintro-wrap {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}
.axintro-image {
    background: url(../../assets/images/bookkeeping-about.png) center center / cover no-repeat;
    height: 400px;
    border-radius: 14px;
    width: 100%;
    margin: 0 auto;
}
.axintro-card {
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 30px 60px rgba(18, 24, 45, .12);
    padding: 44px 48px;
    margin: -215px auto 0;
    position: relative;
    width: 100%;
    text-align: center;
    transform: matrix(0.9, 0, 0, 0.9, 0, 0);
}
.axintro-title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 22px;
    line-height: 1.25;
}
.axintro-text {
    color: #5b5b6b;
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 18px;
}
.axintro-actions {
    display: flex;
    gap: 14px;
    justify-content: center;
    margin-top: 26px;
}

/* STATS */
.axstats {
    margin-top: 55px;
}
.axstats-slider {
    display: flex;
}
.axstat {
    flex: 1;
    text-align: center;
    padding: 10px 18px;
    position: relative;
    transition: transform .25s ease;
}
.axstat:hover {
    transform: translateY(-6px);
}
.axstat:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    bottom: 12px;
    width: 1px;
    background: #e6e6ee;
}
.axstat-icon {
    border-radius: 10px;
    margin: 0 auto 6px;
}
.axstat-icon::after { font-size: 9px; }
.axstat-number {
    display: block;
    font-size: 40px;
    font-weight: 800;
    color: #14141e;
    line-height: 1.1;
}
.axstat-label {
    display: block;
    font-size: 14px;
    color: #5b5b6b;
    font-weight: 500;
}

/* -------------------------------------------------------------
   SOFTWARE LOGOS
------------------------------------------------------------- */
.axlogos {
    background: #ffffff;
}
.axlogos-slider {
    display: flex;
    flex-wrap: wrap;
}
.axlogo-item {
    width: 20%;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #eef0f4;
    border-bottom: 1px solid #eef0f4;
}
.axlogo-item:nth-child(5n) {
    border-right: none;
}
.axlogo-item:nth-child(n+6) {
    border-bottom: none;
}
.axlogo-ph {
    border-radius: 8px;
    filter: grayscale(.2);
    transition: transform .25s ease, filter .25s ease;
}
.axlogo-ph:hover {
    transform: scale(1.06);
    filter: grayscale(0);
}
.axlogo-ph::after { font-size: 11px; }

/* -------------------------------------------------------------
   BUILT FOR FIT
------------------------------------------------------------- */
.axfit {
    padding: 60px 0 0;
    background: #ffffff;
}
.axfit-title {
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 40px;
    line-height: 1.2;
}
.axfit-slider {
    display: flex;
    gap: 26px;
}
.axfit-col {
    flex: 1;
}
.axfit-col-text {
    font-size: 14.5px;
    color: #5b5b6b;
    line-height: 1.7;
    margin-bottom: 18px;
}
.axfit-col-note {
    font-size: 14.5px;
    color: #5b5b6b;
    line-height: 1.6;
}

/* -------------------------------------------------------------
   FLEXIBLE WAYS TO ENGAGE
------------------------------------------------------------- */
.axengage {
    background: linear-gradient(180deg, #ffffff 0%, #fdeef0 40%, #fbe4e7 100%);
    padding: 60px 0 80px;
}
.axengage-title {
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 34px;
}
.axengage-slider {
    display: flex;
    gap: 26px;
}
.axengage-card {
    flex: 1;
    background: #ffffff;
    border: 1px solid #f1e2e4;
    border-radius: 16px;
    padding: 30px 28px;
    box-shadow: 0 14px 30px rgba(18,24,45,.05);
    transition: transform .28s ease, box-shadow .28s ease;
}
.axengage-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 24px 46px rgba(214,31,51,.15);
}
.axengage-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #fbe6e8;
    color: #d61f33;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 22px;
}
.axengage-card-title {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 12px;
}
.axengage-card-text {
    font-size: 14.5px;
    color: #5b5b6b;
    line-height: 1.7;
    margin: 0;
}

/* -------------------------------------------------------------
   SIMPLE SOFTWARE (TABS)
------------------------------------------------------------- */
.axsoft {
    padding: 80px 0;
    background: #ffffff;
}
.axsoft-head {
    text-align: center;
    margin-bottom: 34px;
}
.axsoft-eyebrow {
    display: block;
    color: #d61f33;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 14px;
}
.axsoft-title {
    font-size: 38px;
    font-weight: 800;
    line-height: 1.25;
}
.axsoft-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-bottom: 50px;
    border: none;
}
.axsoft-tab {
    background: #ffffff;
    border: 1px solid #dfe2e9;
    color: #14141e;
    font-weight: 500;
    font-size: 15px;
    padding: 11px 24px;
    border-radius: 30px;
    cursor: pointer;
    transition: background .25s ease, color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.axsoft-tab:hover {
    border-color: #d61f33;
    color: #d61f33;
    transform: translateY(-2px);
}
.axsoft-tab.active {
    background: #d61f33;
    border-color: #d61f33;
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(214,31,51,.3);
}
.axsoft-panel {
    display: flex;
    align-items: center;
    gap: 50px;
}
.axsoft-info {
    flex: 1;
}
.axsoft-panel-title {
    font-size: 28px;
    font-weight: 800;
    color: #d61f33;
    margin-bottom: 18px;
}
.axsoft-num {
    color: #14141e;
}
.axsoft-panel-text {
    font-size: 16px;
    color: #5b5b6b;
    line-height: 1.75;
    margin-bottom: 26px;
    max-width: 500px;
}
.axsoft-actions {
    display: flex;
    gap: 14px;
    margin-bottom: 40px;
}
.axsoft-mini-stats {
    display: flex;
    gap: 30px;
}
.axsoft-mini {
    text-align: center;
    transition: transform .25s ease;
}
.axsoft-mini:hover {
    transform: translateY(-5px);
}
.axsoft-mini-icon {
    width: 54px;
    height: 54px;
    border-radius: 10px;
    margin: 0 auto 6px;
}
.axsoft-mini-icon::after { font-size: 9px; }
.axsoft-mini-num {
    display: block;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.1;
}
.axsoft-mini-label {
    display: block;
    font-size: 13.5px;
    color: #5b5b6b;
}
.axsoft-visual {
    flex: 1;
    border-radius: 18px;
}

/* -------------------------------------------------------------
   PRICING (TABS)
------------------------------------------------------------- */
.axprice {
    padding: 80px 0;
     background: url(../../assets/images/pricing-bg.png) center center / cover  no-repeat;
}
.axprice-head {
    display: flex;
    gap: 40px;
    align-items: center;
    margin-bottom: 46px;
    flex-wrap: wrap;
}
.axprice-title {
    font-size: 44px;
    font-weight: 800;
    line-height: 1.1;
    flex: 0 0 40%;
    margin: 0;
}
.axprice-desc {
    flex: 1;
    color: #5b5b6b;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    min-width: 280px;
}
.axprice-slider {
    display: flex;
    gap: 24px;
}
.axprice-card {
    flex: 1;
    background: #eaeaea;
    border: 1px solid rgb(161 161 167 / 39%);
    border-radius: 10px;
    padding: 28px 26px;
    box-shadow: 0 14px 34px rgba(18, 24, 45, .06);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    display: flex;
    flex-direction: column;
}
.axprice-card:hover {
    transform: translateY(-10px);
    border-color: #f3c9ce;
    box-shadow: 0 26px 50px rgba(214,31,51,.14);
}
.axprice-plan {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
}
.axprice-plan-sub {
    font-size: 14px;
    color: #8b8b98;
    margin-bottom: 16px;
}
.axprice-toggle {
    display: inline-flex;
    background: #f2f3f6;
    border-radius: 30px;
    padding: 3px;
    margin-bottom: 18px;
    border: none;
    width: fit-content;
    gap: 0;
}
.axprice-toggle-btn {
    border: none;
    background: transparent;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #8b8b98;
    padding: 6px 16px;
    border-radius: 30px;
    cursor: pointer;
    transition: background .25s ease, color .25s ease;
}
.axprice-toggle-btn.active {
    background: #ffffff;
    color: #d61f33;
    box-shadow: 0 3px 8px rgba(0,0,0,.08);
}
.axprice-price-wrap {
    margin-bottom: 18px;
}
.axprice-price-wrap-custom {
    margin-bottom: 18px;
}
.axprice-amount {
    font-size: 35px;
    font-weight: 700;
    color: #d61f33;
    line-height: 1;
}
.axprice-amount-custom {
    font-size: 35px;
}
.axprice-period {
    font-size: 15px;
    color: #6b6b78;
    margin-left: 6px;
}
.axprice-list {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    border-top: 1px solid #f0f0f4;
    padding-top: 16px;
}
.axprice-list li {
    font-size: 13.5px;
    color: #3f3f4c;
    margin-bottom: 5px;
    display: flex;
    gap: 8px;
    line-height: 1.5;
}
.axprice-list li i {
    color: #14141e;
    font-size: 12px;
    margin-top: 3px;
}
.axprice-list-head {
    font-size: 14.5px;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 12px;
}
.axprice-rush {
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    color: #14141e;
    margin-bottom: 20px;
}
.axprice-contact {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid #f0f0f4;
    padding-top: 16px;
    margin-top: auto;
    margin-bottom: 18px;
}
.axprice-contact-label {
    display: block;
    font-size: 12px;
    color: #9a9aa6;
    margin-bottom: 2px;
}
.axprice-contact-value {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #14141e;
}
.axprice-order {
    width: 100%;
    border-radius: 6px;
    padding: 12px;
    font-size: 14px;
    letter-spacing: .5px;
}

/* -------------------------------------------------------------
   BENEFITS
------------------------------------------------------------- */
.axben {
    padding: 60px 0 0 0;
    background: #ffffff;
}
.axben-head {
    text-align: center;
    margin-bottom: 44px;
}
.axben-title {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 12px;
}
.axben-sub {
    font-size: 16px;
    color: #5b5b6b;
    margin: 0;
}
.axben-media {
    position: relative;
    margin-bottom: 30px;
}
.axben-image {
    border-radius: 14px;
}
.axben-chat {
    position: absolute;
    top: 40px;
    right: 30px;
    background: #ffffff;
    border-radius: 12px;
    padding: 12px 16px;
    box-shadow: 0 12px 30px rgba(0,0,0,.14);
    max-width: 200px;
}
.axben-chat-name {
    font-size: 13px;
    font-weight: 700;
    color: #d61f33;
    display: block;
    margin-bottom: 3px;
}
.axben-chat-role {
    color: #9a9aa6;
    font-weight: 500;
}
.axben-chat-msg {
    font-size: 13.5px;
    color: #3f3f4c;
    line-height: 1.4;
}
.axben-chat-avatar {
    position: absolute;
    top: 30px;
    right: -6px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 3px solid #ffffff;
    box-shadow: 0 6px 16px rgba(0,0,0,.15);
}
.axben-chat-avatar::after { font-size: 0; }
.axben-actions {
    display: flex;
    gap: 14px;
}
.axben-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px 40px;
}
.axben-item {
    display: flex;
    gap: 12px;
    transition: transform .25s ease;
}
.axben-item:hover {
    transform: translateX(5px);
}
.axben-num {
    font-size: 18px;
    font-weight: 800;
    color: #d61f33;
    line-height: 1.3;
}
.axben-item-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}
.axben-item-text {
    font-size: 14.5px;
    color: #5b5b6b;
    line-height: 1.65;
    margin: 0;
}

/* -------------------------------------------------------------
   SLICK OVERRIDES
------------------------------------------------------------- */
.slick-dots li button:before {
    font-size: 10px;
    color: #d61f33;
    opacity: .3;
}
.slick-dots li.slick-active button:before {
    color: #d61f33;
    opacity: 1;
}
.slick-prev:before,
.slick-next:before {
    color: #d61f33;
}
.axfeature-slider .slick-dots li button:before {
    color: #ffffff;
}
.axfeature-slider .slick-dots li.slick-active button:before {
    color: #ffffff;
}

/* =============================================================
   RESPONSIVE
============================================================= */

/* Large tablets / small desktops */
@media (max-width: 1199.98px) {
    .axhero-title { font-size: 40px; }
    .axsoft-title { font-size: 32px; }
    .axprice-title { font-size: 36px; }
    .axben-title { font-size: 34px; }
    .axsoft-visual { height: 340px; }
}

/* Tablets */
@media (max-width: 991.98px) {
    .axnav-collapse {
        background: rgba(15,25,58,.98);
        margin-top: 16px;
        border-radius: 14px;
        padding: 18px;
    }
    .axnav-menu {
        align-items: flex-start;
        gap: 2px;
    }
    .axnav-cta {
        margin-left: 0;
        margin-top: 14px;
        display: inline-flex;
    }

    .axhero-title { font-size: 38px; }
    .axhero-body { padding-bottom: 50px; }

    .axintro-card {
        padding: 34px 30px;
        margin-top: -110px;
    }
    .axintro-title { font-size: 26px; }

    .axsoft-panel {
        flex-direction: column;
        gap: 34px;
    }
    .axsoft-visual {
        width: 100%;
        max-width: 100%;
    }
    .axsoft-panel-text { max-width: 100%; }

    .axprice-title { flex: 0 0 100%; }
    .axben-title { font-size: 32px; }
}

/* Mobile — sliders take over */
@media (max-width: 767.98px) {
    .axtop-inner {
        flex-direction: column;
        text-align: center;
        gap: 4px;
    }
    .axtop-right { gap: 14px; }
    .axtop-bar { font-size: 12px; }

    .axhero-title { font-size: 30px; }
    .axhero-desc { font-size: 15px; }
    .axhero-form { padding: 20px; }
    .axhero-actions .axbtn { flex: 1; }

    /* Feature strip becomes slider */
    .axfeature-item {
        flex-direction: column;
        text-align: center;
        gap: 10px;
        padding: 6px 10px;
    }
    .axfeature-item:not(:last-child)::after { display: none; }
    .axfeature-text { font-size: 16px; }

    .axintro-image { height: 240px; }
    .axintro-card {
        padding: 26px 20px;
        margin-top: -80px;
    }
    .axintro-title { font-size: 22px; }
    .axintro-actions { flex-direction: column; }
    .axintro-actions .axbtn { width: 100%; }

    /* Stats slider */
    .axstat { padding: 10px 6px; }
    .axstat:not(:last-child)::after { display: none; }
    .axstat-number { font-size: 34px; }

    /* Logos slider */
    .axlogo-item {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #eef0f4;
    }

    .axfit-title { font-size: 26px; }
    .axfit-slider { padding-bottom: 40px; }
    .axfit-col { text-align: left; }

    .axengage-title { font-size: 26px; }

    .axsoft { padding: 55px 0; }
    .axsoft-title { font-size: 26px; }
    .axsoft-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }
    .axsoft-tab { white-space: nowrap; }
    .axsoft-panel-title { font-size: 23px; }
    .axsoft-mini-stats { gap: 16px; }
    .axsoft-mini-num { font-size: 26px; }
    .axsoft-visual { height: 260px; }

    .axprice { padding: 55px 0; }
    .axprice-title { font-size: 30px; }

    .axben { padding: 55px 0; }
    .axben-title { font-size: 26px; }
    .axben-list {
        grid-template-columns: 1fr;
        gap: 22px;
    }
    .axben-image { height: 360px; }
    .axben-actions { flex-direction: column; }
    .axben-actions .axbtn { width: 100%; }

    /* Give slick slides breathing room */
    .axfeature-slider .slick-slide,
    .axstats-slider .slick-slide,
    .axlogos-slider .slick-slide,
    .axfit-slider .slick-slide,
    .axengage-slider .slick-slide,
    .axprice-slider .slick-slide {
        padding: 0 10px;
    }
    .axprice-slider .slick-slide { padding: 0 8px; }
}

@media (max-width: 480px) {
    .axhero-trust { flex-direction: column; align-items: flex-start; }
    .axnav-logo-text { font-size: 18px; }
    .axhero-title { font-size: 26px; }
}

.section .col-lg-4 {
    margin-top: 0;
}

.getwith-section .row {
    row-gap: 25px;
}
h3.axfit-col-title {
    font-size: 20px;
    font-weight: 600;
}

.axprice .container {
    max-width: 1400px;
}
.industries-slider .row {
    display: flex;
    margin-top: 0;
}



.cwu-section{
  font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  background:#fff;
  padding:56px 0;
}
.cwu-wrap{max-width:620px;margin:0 auto;padding:0 20px;}

/* ---------- Heading ---------- */
.cwu-eyebrow{
  color:var(--cwu-red);
  font-size:15px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin:0 0 10px;
}
.cwu-title{
  color:var(--cwu-ink);
  font-size:clamp(28px,5vw,38px);
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.02em;
  margin:0 0 14px;
}
.cwu-lead{
  color:var(--cwu-muted);
  font-size:15px;
  line-height:1.6;
  max-width:420px;
  margin:0 0 26px;
}

/* ---------- Tab switch (pill) ---------- */
.cwu-switch{
  position:relative;
  display:inline-flex;
  align-items:center;
  background:var(--cwu-track);
  border:1px solid var(--cwu-line);
  border-radius:999px;
  padding:4px;
  gap:2px;
  margin-bottom:28px;
}
.cwu-switch .nav-link{
  position:relative;
  z-index:1;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--cwu-ink);
  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding:11px 26px;
  transition:background .25s ease,color .25s ease;
}
.cwu-switch .nav-link:first-child{padding-right:34px;}
.cwu-switch .nav-link:last-child{padding-left:34px;}
.cwu-switch .nav-link:hover{color:var(--cwu-red);}
.cwu-switch .nav-link.active{
  background:var(--cwu-ink);
  color:#fff;
}
.cwu-switch .nav-link:focus-visible{outline:2px solid var(--cwu-red);outline-offset:2px;}

/* red knob sitting between the two pills */
.cwu-knob{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:38px;height:38px;
  border-radius:50%;
  background:var(--cwu-red);
  border:3px solid #fff;
  display:grid;place-items:center;
  z-index:2;
  pointer-events:none;
  box-shadow:0 4px 12px rgba(232,25,44,.35);
}
.cwu-knob svg{width:18px;height:18px;fill:#fff;}

/* ---------- Fields ---------- */
.cwu-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.cwu-grid--full{grid-template-columns:1fr;}
.cwu-form{display:grid;gap:16px;}

.cwu-field{
  width:100%;
  background:#fff;
  border:1px solid var(--cwu-line);
  border-radius:12px;
  padding:17px 20px;
  font-size:14.5px;
  font-weight:400;
  color:var(--cwu-ink);
  font-family:inherit;
  transition:border-color .2s ease,box-shadow .2s ease;
  appearance:none;
}
.cwu-field::placeholder{color:#9AA0AB;}
.cwu-field:focus{
  outline:none;
  border-color:var(--cwu-red);
  box-shadow:0 0 0 3px rgba(232,25,44,.10);
}
.cwu-message{min-height:130px;resize:vertical;}

/* select caret */
.cwu-select{
  color:#9AA0AB;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%239AA0AB' stroke-width='1.6'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 18px center;
  background-size:15px;
  padding-right:44px;
  cursor:pointer;
}
.cwu-select:valid{color:var(--cwu-ink);}

/* ---------- Buttons ---------- */
.cwu-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;}
.cwu-btn{
  border-radius:999px;
  font-size:14.5px;
  font-weight:600;
  padding:15px 34px;
  border:1.5px solid transparent;
  cursor:pointer;
  font-family:inherit;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.cwu-btn:focus-visible{outline:2px solid var(--cwu-ink);outline-offset:3px;}
.cwu-btn--primary{
  background:var(--cwu-red);
  color:#fff;
  box-shadow:0 10px 24px -6px rgba(232,25,44,.55);
}
.cwu-btn--primary:hover{background:#cf1526;transform:translateY(-1px);}
.cwu-btn--ghost{
  background:#fff;
  color:var(--cwu-ink);
  border-color:var(--cwu-ink);
}
.cwu-btn--ghost:hover{background:var(--cwu-ink);color:#fff;}

/* ---------- Responsive ---------- */
@media (max-width:560px){
  .cwu-section{padding:36px 0;}
  .cwu-grid{grid-template-columns:1fr;}
  .cwu-switch{width:100%;justify-content:center;}
  .cwu-switch .nav-link{flex:1;padding:11px 14px;font-size:12px;}
  .cwu-switch .nav-link:first-child{padding-right:24px;}
  .cwu-switch .nav-link:last-child{padding-left:24px;}
  .cwu-actions{flex-direction:column;}
  .cwu-btn{width:100%;}
}

@media (prefers-reduced-motion:reduce){
  .cwu-btn,.cwu-field,.cwu-switch .nav-link{transition:none;}
}


.slick-track {
    display: flex !important;
}

/* navigation css start */

.axp-shell {
    position: sticky;
    top: 0;
    z-index: 1040;
    position: absolute;
    left: 0;
    right: 0;
}
.axp-shell *{ box-sizing:border-box; }

/* ---------- 1. Deadline strip ---------- */
.axp-strip{
  background :#737373;
  color:#F4F2ED;
  overflow:hidden;
  transition:max-height .45s cubic-bezier(.22,1,.36,1), opacity .3s linear;
  max-height:44px;
}
.axp-strip__inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; height:44px;
}
.axp-strip__tag{
  font-size:13px; letter-spacing:.01em; color:#C8CDD4; margin:0;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.axp-strip__meta{
  display:flex; align-items:center; gap:20px; flex-shrink:0;
}
.axp-strip__deadline{
  font-family:'IBM Plex Mono',monospace; font-size:12px;
  letter-spacing:.06em; text-transform:uppercase; color:#F4F2ED;
  display:flex; align-items:center; gap:9px;
}
.axp-strip__pulse{
  width:6px; height:6px; border-radius:50%; background:#E4032E;
  box-shadow:0 0 0 0 rgba(228,3,46,.6);
  animation:axp-pulse 2.4s ease-out infinite;
}
@keyframes axp-pulse{
  0%{box-shadow:0 0 0 0 rgba(228,3,46,.55);}
  70%{box-shadow:0 0 0 7px rgba(228,3,46,0);}
  100%{box-shadow:0 0 0 0 rgba(228,3,46,0);}
}
.axp-strip__days{ color:#E4032E; font-weight:600; }
.axp-strip__phone{
  font-family:'IBM Plex Mono',monospace; font-size:13px; color:#F4F2ED;
  text-decoration:none; display:flex; align-items:center; gap:7px;
  position:relative;
}
.axp-strip__phone::after{
  content:""; position:absolute; left:0; right:0; bottom:-3px; height:1px;
  background:#E4032E; transform:scaleX(0); transform-origin:right;
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
.axp-strip__phone:hover{ color:#F4F2ED; }
.axp-strip__phone:hover::after{ transform:scaleX(1); transform-origin:left; }

/* deadline hairline — how much of the filing year is gone */
.axp-strip__rule{ height:1px; background:#2A3441; position:relative; }
.axp-strip__rule span{
  position:absolute; inset:0 auto 0 0; width:0; background:#E4032E;
  transition:width 1.6s cubic-bezier(.22,1,.36,1);
}

/* condensed on scroll */
.axp-shell.is-stuck .axp-strip{ max-height:0; opacity:0; }

/* ---------- 2. Main bar ---------- */
.axp-bar{
  background:transparent;
  position:relative;
  border-bottom:1px solid transparent;
}
/* faint ledger ruling across the bar */
.axp-bar::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 68px);
}
.axp-bar__inner{
  display:flex; align-items:center; justify-content:space-between;
  height:82px; position:relative; z-index:2;
  transition:height .4s cubic-bezier(.22,1,.36,1);
}
.axp-shell.is-stuck .axp-bar__inner{ height:66px; }

/* ---------- Logo ---------- */
.axp-logo{
  display:flex; align-items:center; gap:9px; text-decoration:none; flex-shrink:0;
}
.axp-logo__tag{
  background:#E4032E; color:#fff;
   font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-weight:700; font-size:10px;
  letter-spacing:.14em; padding:16px 5px; line-height:1;
  writing-mode:vertical-rl; text-orientation:mixed;
  transition:transform .4s cubic-bezier(.22,1,.36,1);
}
.axp-logo:hover .axp-logo__tag{ transform:translateY(-2px) rotate(-2deg); }
.axp-logo__word{
   font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-weight:700; color:#F4F2ED;
  line-height:.94; letter-spacing:.02em;
}
.axp-logo__word b{ display:block; font-size:21px; }
.axp-logo__word i{
  display:block; font-style:normal; font-size:21px; letter-spacing:.19em;
}

/* ---------- Nav rail ---------- */
.axp-rail{
  display:flex; align-items:center; gap:4px; list-style:none; margin:0; padding:0;
}
.axp-rail__item{ position:static; }
.axp-rail__link{
  appearance:none; border:0; background:transparent;
   font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-weight:500; font-size:15px;
  color:#C8CDD4; text-decoration:none;
  padding:11px 16px; display:inline-flex; align-items:center; gap:7px;
  position:relative; cursor:pointer; letter-spacing:.005em;
  transition:color .25s ease;
}
.axp-rail__link:hover,
.axp-rail__link:focus-visible,
.axp-rail__link[aria-expanded="true"]{ color:#F4F2ED; }

/* the ledger rule that draws under a link */
.axp-rail__link::after{
  content:""; position:absolute; left:16px; right:16px; bottom:2px; height:2px;
  background:#E4032E; transform:scaleX(0); transform-origin:right center;
  transition:transform .4s cubic-bezier(.22,1,.36,1);
}
.axp-rail__link:hover::after,
.axp-rail__link:focus-visible::after,
.axp-rail__link[aria-expanded="true"]::after{
  transform:scaleX(1); transform-origin:left center;
}

/* caret becomes a filing-tab triangle */
.axp-rail__caret{
  width:7px; height:7px; border-right:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor; transform:rotate(45deg) translateY(-2px);
  transition:transform .35s cubic-bezier(.22,1,.36,1), border-color .25s ease;
}
.axp-rail__link[aria-expanded="true"] .axp-rail__caret{
  transform:rotate(225deg) translateY(-2px); border-color:#E4032E;
}

/* ---------- CTA ---------- */
.axp-cta{
  justify-content: center;
  position:relative; overflow:hidden; isolation:isolate;
  display:inline-flex; align-items:center; gap:10px;
  background:#E4032E; color:#fff; text-decoration:none;
   font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-weight:500; font-size:15px;
  padding:13px 26px; border-radius:40px; flex-shrink:0;
  transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;
}
.axp-cta::before{
  content:""; position:absolute; inset:0; z-index:-1; background:#0E1216;
  transform:translateY(101%); transition:transform .45s cubic-bezier(.22,1,.36,1);
}
.axp-cta:hover{
  color:#fff; transform:translateY(-2px);
  box-shadow:0 10px 26px -12px rgba(228,3,46,.85);
}
.axp-cta:hover::before{ transform:translateY(0); }
.axp-cta__arrow{ transition:transform .35s cubic-bezier(.22,1,.36,1); }
.axp-cta:hover .axp-cta__arrow{ transform:translateX(4px); }

/* ---------- 3. THE SIGNATURE: receipt-tape dropdown ---------- */
.axp-tape{
  position:absolute; left:0; right:0; top:100%;
  background:#F4F2ED;
  clip-path:inset(0 0 100% 0);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:clip-path .5s cubic-bezier(.22,1,.36,1),
             opacity .2s linear .04s,
             visibility 0s linear .5s;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.55);
      width: 70%;
    margin: auto;
}
.axp-tape.is-open{
  clip-path:inset(0 0 0 0);
  opacity:1; visibility:visible; pointer-events:auto;
  transition:clip-path .55s cubic-bezier(.22,1,.36,1),
             opacity .2s linear,
             visibility 0s;
}
/* torn / perforated bottom edge of the tape */
.axp-tape::after{
  content:""; position:absolute; left:0; right:0; bottom:-11px; height:12px;
  background:radial-gradient(circle at 6px 0, transparent 0 6px, #F4F2ED 6.5px);
  background-size:12px 12px; background-repeat:repeat-x;
}
.axp-tape::before{
  content:""; position:absolute; top:0; left:0; right:0; height:2px; background:#E4032E;
  transform:scaleX(0); transform-origin:left;
  transition:transform .6s cubic-bezier(.22,1,.36,1) .08s;
}
.axp-tape.is-open::before{ transform:scaleX(1); }

.axp-tape__grid{ padding:38px 0 10px; }
.axp-tape__eyebrow{
  font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.16em;
  text-transform:uppercase; color:#9AA2AC; margin:0 0 18px;
  display:flex; align-items:center; gap:12px;
}
.axp-tape__eyebrow::after{ content:""; flex:1; height:1px; background:#DDD9D1; }
span.axp-row__code img {
    filter: brightness(0) saturate(100%) invert(78%) sepia(0%) saturate(813%) hue-rotate(15deg) brightness(87%) contrast(102%);
}
/* ledger rows */
.axp-row{
  display:flex; align-items:baseline; gap:16px;
  padding:5px 14px 5px 12px; text-decoration:none; border-radius:4px; position:relative;
  opacity:0; transform:translateY(14px);
  transition:background .28s ease, transform .28s ease, padding-left .28s ease;
}
.axp-tape.is-open .axp-row{
  animation:axp-rowin .55s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes axp-rowin{ to{ opacity:1; transform:translateY(0); } }
.axp-tape.is-open .axp-row:nth-child(1){ animation-delay:.10s; }
.axp-tape.is-open .axp-row:nth-child(2){ animation-delay:.16s; }
.axp-tape.is-open .axp-row:nth-child(3){ animation-delay:.22s; }
.axp-tape.is-open .axp-row:nth-child(4){ animation-delay:.28s; }
.axp-tape.is-open .axp-row:nth-child(5){ animation-delay:.34s; }
.axp-tape.is-open .axp-row:nth-child(6){ animation-delay:.40s; }

.axp-row:hover{ background:#EDEAE3; padding-left:20px; }
.axp-row:focus-visible{ outline:2px solid #E4032E; outline-offset:2px; }
.axp-row__code{
  font-family:'IBM Plex Mono',monospace; font-size:11px; font-weight:600;
  letter-spacing:.1em; color:#E4032E; flex-shrink:0; width:20px; padding-top:2px;
}
.axp-row__body{ flex:1; min-width:0; }
.axp-row__name{
   font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-weight:400; font-size:14px;
  color:#0E1216; margin:0 0 3px; line-height:1.3;
}
.axp-row__note{ font-size:13px; color:#7E8894; margin:0; line-height:1.45; }
.axp-row__go{
  font-family:'IBM Plex Mono',monospace; color:#0E1216; flex-shrink:0;
  opacity:0; transform:translateX(-6px);
  transition:opacity .28s ease, transform .28s ease;
}
.axp-row:hover .axp-row__go{ opacity:1; transform:translateX(0); }

/* the aside card — stamped like a filed return */
.axp-stamp{
  background: url(../../assets/images/tumb.png) center center / cover  no-repeat;; border-radius:6px; padding:28px 26px; height:100%;
  display:flex; flex-direction:column; justify-content:space-between;
  position:relative; overflow:hidden;
  opacity:0; transform:translateY(14px);
}
.axp-tape.is-open .axp-stamp{
  animation:axp-rowin .6s cubic-bezier(.22,1,.36,1) .3s forwards;
}
.axp-stamp::after{
  content:"FILED"; position:absolute; right:-14px; bottom:14px;
  font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:46px;
  letter-spacing:.08em; color:rgba(228,3,46,.13); transform:rotate(-14deg);
}
.axp-stamp__num{
  font-family:'IBM Plex Mono',monospace; font-size:38px; color:#F4F2ED;
  line-height:1; margin:0 0 8px;
}
.axp-stamp__label{ font-size:13px; color:#aeb9c7; margin:0 0 24px; line-height:1.5; }
.axp-stamp__link{
   font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-size:14px; color:#E4032E;
  text-decoration:none; display:inline-flex; align-items:center; gap:8px;
  align-self:flex-start; position:relative; z-index:2;
}
.axp-stamp__link span{ transition:transform .3s cubic-bezier(.22,1,.36,1); display:inline-block; }
.axp-stamp__link:hover{ color:#E4032E; }
.axp-stamp__link:hover span{ transform:translateX(5px); }

/* backdrop */
.axp-veil{
  position:fixed; inset:0; background:rgba(14,18,22,.5);
  backdrop-filter:blur(2px); opacity:0; visibility:hidden;
  transition:opacity .35s ease, visibility 0s linear .35s; z-index:-1;
}
.axp-veil.is-open{ opacity:1; visibility:visible; transition:opacity .35s ease, visibility 0s; }

/* ---------- 4. Mobile: the filing drawer ---------- */
.axp-burger{
  display:none; width:44px; height:44px; border:0; background:transparent;
  padding:10px; cursor:pointer; flex-shrink:0;
}
.axp-burger span{
  display:block; height:2px; background:#F4F2ED; border-radius:2px;
  transition:transform .4s cubic-bezier(.22,1,.36,1), opacity .2s ease, width .3s ease;
}
.axp-burger span:nth-child(1){ width:24px; }
.axp-burger span:nth-child(2){ width:17px; margin:5px 0; }
.axp-burger span:nth-child(3){ width:24px; }
.axp-burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.axp-burger[aria-expanded="true"] span:nth-child(2){ opacity:0; width:0; }
.axp-burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

.axp-drawer{
  position:fixed; top:0; right:0; bottom:0; width:min(420px,100%);
  background:#0E1216; z-index:1050;
  transform:translateX(100%);
  transition:transform .5s cubic-bezier(.22,1,.36,1);
  display:flex; flex-direction:column;
  overflow-y:auto; -webkit-overflow-scrolling:touch;
}
.axp-drawer.is-open{ transform:translateX(0); }
.axp-drawer__head{
  display:flex; align-items:center; justify-content:space-between;
  padding:20px 22px; border-bottom:1px solid #1F2831; flex-shrink:0;
}
.axp-drawer__close{
  background:transparent; border:1px solid #2A3441; color:#F4F2ED;
  width:40px; height:40px; border-radius:50%; cursor:pointer; font-size:19px;
  line-height:1; transition:border-color .3s ease, transform .35s ease, color .3s ease;
}
.axp-drawer__close:hover{ border-color:#E4032E; color:#E4032E; transform:rotate(90deg); }
.axp-drawer__body{ padding:12px 22px 28px; }

.axp-fold{ border-bottom:1px solid #1F2831; }
.axp-fold__head{
  width:100%; background:transparent; border:0; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:19px 2px; color:#F4F2ED; text-decoration:none;
   font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-weight:500; font-size:18px;
  transition:color .25s ease;
}
.axp-fold__head:hover{ color:#E4032E; }
/* plus → minus */
.axp-fold__sign{ position:relative; width:14px; height:14px; flex-shrink:0; }
.axp-fold__sign::before,
.axp-fold__sign::after{
  content:""; position:absolute; background:#E4032E; border-radius:1px;
  transition:transform .4s cubic-bezier(.22,1,.36,1);
}
.axp-fold__sign::before{ inset:6px 0; height:2px; }
.axp-fold__sign::after{ inset:0 6px; width:2px; }
.axp-fold__head[aria-expanded="true"] .axp-fold__sign::after{ transform:rotate(90deg); }
.axp-fold__head[aria-expanded="true"] .axp-fold__sign::before{ transform:rotate(180deg); }

.axp-fold__panel{
  overflow:hidden; max-height:0;
  transition:max-height .5s cubic-bezier(.22,1,.36,1);
}
.axp-fold__panel ul{ list-style:none; margin:0; padding:2px 0 16px; }
.axp-fold__panel a{
  display:flex; gap:14px; align-items:baseline;
  padding:5px 0 5px 4px; text-decoration:none; color:#C8CDD4; font-size:15px;
  border-left:2px solid #1F2831;
  transition:color .25s ease, border-color .25s ease, padding-left .25s ease;
}
.axp-fold__panel a:hover{ color:#F4F2ED; border-color:#E4032E; padding-left:14px; }
.axp-fold__panel a em{
  font-family:'IBM Plex Mono',monospace; font-style:normal; font-size:11px;
  letter-spacing:.1em; color:#E4032E; width:26px; flex-shrink:0; padding-left:12px;
}
.axp-drawer__cta{ margin-top:28px; width:100%; justify-content:center; }
.axp-drawer__foot{
  margin-top:24px; font-family:'IBM Plex Mono',monospace; font-size:12px;
  color:#7E8894; letter-spacing:.05em;
}

/* ---------- responsive ---------- */
@media (max-width:1199.98px){
  .axp-rail__link{ padding:11px 12px; font-size:14px; }
  .axp-rail__link::after{ left:12px; right:12px; }
}
@media (max-width:991.98px){
  .axp-rail,.axp-bar .axp-cta{ display:none; }
  .axp-burger{ display:block; }
  .axp-bar__inner{ height:70px; }
  .axp-shell.is-stuck .axp-bar__inner{ height:62px; }
  .axp-strip__tag{ display:none; }
  .axp-strip__inner{ justify-content:flex-end; }
}
@media (max-width:575.98px){
  .axp-strip__meta{ gap:14px; width:100%; justify-content:space-between; }
  .axp-strip__deadline{ font-size:11px; }
  .axp-logo__word b,.axp-logo__word i{ font-size:18px; }
  .axp-drawer__body{ padding:12px 18px 24px; }
}

/* ---------- quality floor ---------- */
:focus-visible{ outline:2px solid #E4032E; outline-offset:3px; }
@media (prefers-reduced-motion:reduce){
  .axp-shell *,.axp-shell *::before,.axp-shell *::after,
  .axp-drawer,.axp-drawer *,.axp-veil{
    animation-duration:.001s !important; animation-delay:0s !important;
    transition-duration:.001s !important;
  }
  .axp-strip__pulse{ animation:none; }
}

/* demo page only */
.axp-demo{
  min-height:190vh; background:#F4F2ED; padding:90px 0;
   font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Arial,sans-serif; color:#0E1216;
}
.axp-demo h1{  font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Arial,sans-serif; font-weight:700; letter-spacing:-.02em; }
.axp-demo p{ color:#7E8894; max-width:56ch; }
/* navigation css end  */



.tae-ph--logo  { width: 100%; height: 56px; font-size: .95rem; }
.tae-ph--icon  { width: 64px; height: 64px; margin: 0 auto 22px; font-size: .8rem; border-radius: 12px; }

/* ---------- Buttons ---------- */
.tae-btn {
    border-radius: 999px;
    font-weight: 600;
    padding: 13px 30px;
    font-size: .98rem;
    border: 2px solid transparent;
    transition: all .25s ease;
    line-height: 1.2;
}
.tae-btn--red {
    background: var(--tae-red);
    color: #fff;
    box-shadow: 0 10px 24px rgba(228, 34, 46, .35);
}
.tae-btn--red:hover { background: var(--tae-red-dark); color: #fff; }
.tae-btn--light {
    background: #fff;
    color: var(--tae-heading);
}
.tae-btn--light:hover { background: #f1f1f1; color: var(--tae-heading); }
.tae-btn--outline {
    background: transparent;
    color: var(--tae-heading);
    border-color: #cfcfd8;
}
.tae-btn--outline:hover { border-color: var(--tae-heading); color: var(--tae-heading); }
.tae-btn--dark {
    background: var(--tae-navy);
    color: #fff;
    border-radius: 999px;
    width: 100%;
    padding: 15px;
    font-size: 1rem;
}
.tae-btn--dark:hover { background: #060c17; color: #fff; }

/* Top bar */
.tae-topbar {
    background: rgba(255, 255, 255, .10);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-size: .85rem;
}
.tae-topbar__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 9px 0;
    flex-wrap: wrap;
}
.tae-topbar__left { margin: 0; color: #eef2fb; }
.tae-topbar__right { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.tae-topbar__notice { color: #eef2fb; }
.tae-topbar__phone { color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.tae-topbar__phone:hover { color: #ffd7da; }

/* Navbar */
.tae-nav { padding: 16px 0; }
.tae-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.tae-brand__mark {
    background: var(--tae-red);
    color: #fff;
    font-weight: 800;
    font-size: 1rem;
    padding: 4px 8px;
    border-radius: 4px;
    letter-spacing: 1px;
}
.tae-brand__text {
    color: #fff;
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1.05;
    letter-spacing: .5px;
}
.tae-nav__menu { gap: 6px; }
.tae-nav__link {
    color: #dfe5f2 !important;
    font-weight: 500;
    padding: 8px 16px !important;
    transition: color .2s ease;
}
.tae-nav__link:hover { color: #fff !important; }
.tae-nav__link--active { color: #fff !important; font-weight: 700; }
.tae-nav__cta { padding: 11px 26px; }
.tae-nav__toggler { border-color: rgba(255, 255, 255, .4); }
.tae-nav__toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Hero body */
.tae-hero__body { position: relative; padding:180px 0 70px; }
.tae-hero__content { max-width: 900px; margin: 0 auto; text-align: center; }
.tae-hero__title {
    color: white;
    font-weight: 700;
    font-size:35px;
    line-height: 1.1;
    margin-bottom: 22px;
}
.tae-hero__text {
    color: #d7deee;
    font-size: 1.02rem;
    margin-bottom: 18px;
}
.tae-hero__actions {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

/* Floating images */
.tae-hero__float {
    position: absolute;
    z-index: 1;
}
.tae-hero__float--left  { top: 200px;  left: 3%;  transform: rotate(-8deg); }
.tae-hero__float--right { top: 230px; right: 2%; transform: rotate(7deg); }

/* Brand logos */
.tae-brands {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 55px;
}
.tae-brands__item {
    flex: 1 1 130px;
    max-width: 130px;
    color: #e8eefc;
}

/* Stats bar */
.tae-stats { background: var(--tae-red); color: #fff; }
.tae-stats__row {
    display: flex;
    flex-wrap: wrap;
}
.tae-stats__item {
    flex: 1 1 20%;
    text-align: center;
    padding: 26px 12px;
    position: relative;
}
.tae-stats__item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 22%;
    height: 56%;
    width: 1px;
    background: rgba(255, 255, 255, .35);
}
.tae-stats__num {
    display: block;
    font-weight: 700;
    font-size: clamp(1.9rem, 3.4vw, 2.7rem);
    line-height: 1;
}
.tae-stats__label {
    display: block;
    font-size: .95rem;
    margin-top: 6px;
    font-weight: 500;
}


/* =====================================================================
   SHARED SECTION HEADINGS
   ===================================================================== */
.tae-section-head { max-width: 900px; margin: 0 auto 50px; text-align: center; }
.tae-eyebrow {
    display: inline-block;
    color: var(--tae-red);
    font-weight: 700;
    font-size: .82rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.tae-eyebrow--spaced { letter-spacing: 4px; }
.tae-section-title {
    color: var(--tae-heading);
    font-weight: 700;
    font-size: clamp(1.7rem, 3.6vw, 2.6rem);
    line-height: 1.15;
    margin-bottom: 22px;
}
.tae-section-text { color: var(--tae-text); font-size: 1rem; margin-bottom: 16px; }


/* =====================================================================
   SECTION 2 — WHAT WE OFFER
   ===================================================================== */
.tae-offer { padding: 60px 0; }
.tae-card {
    height: 100%;
    background: #fff;
    border: 1px solid var(--tae-border);
    border-radius: var(--tae-radius);
    padding: 34px 26px;
    text-align: center;
    transition: box-shadow .3s ease, transform .3s ease;
}
.tae-card:hover { box-shadow: var(--tae-shadow); transform: translateY(-5px); }
.tae-card__title { color: var(--tae-heading); font-weight: 700; font-size: 1.2rem; margin-bottom: 16px; }
.tae-card__text { color: var(--tae-text); font-size: .93rem; margin: 0; }


/* =====================================================================
   SECTION 3 — SYSTEMS WE USE
   ===================================================================== */
.tae-systems { padding: 60px 0; background: var(--tae-light-blue); }
.tae-systems__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid var(--tae-border);
    border-left: 1px solid var(--tae-border);
    max-width: 1150px;
    margin: 0 auto;
}
.tae-systems__cell {
    border-right: 1px solid var(--tae-border);
    border-bottom: 1px solid var(--tae-border);
    padding: 34px 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* =====================================================================
   SECTION 4 — SMART FINANCIAL SOLUTIONS + FORM
   ===================================================================== */
.tae-solutions { padding: 60px 0; }
.tae-solutions__title {
    color: var(--tae-heading);
    font-weight: 700;
    font-size: clamp(1.9rem, 3.8vw, 2.9rem);
    line-height: 1.12;
    margin-bottom: 24px;
}
.tae-solutions__text { color: var(--tae-text); margin-bottom: 18px; }
.tae-solutions__actions { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 28px; }

/* Form card */
.tae-form-card {
    background: #fff;
    border: 1px solid var(--tae-border);
    border-radius: 20px;
    padding: 38px 34px;
    box-shadow: var(--tae-shadow);
}
.tae-form-card__title {
    color: var(--tae-red);
    font-weight: 800;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 6px;
}
.tae-form-card__subtitle { text-align: center; color: var(--tae-text); margin-bottom: 26px; font-size: .95rem; }
.tae-form__label { font-size: .85rem; font-weight: 600; color: var(--tae-navy); margin-bottom: 6px; }
.tae-form__label span { color: var(--tae-red); }
.tae-form__input {
    background: #f7f9ff;
    border: 1px solid #e3e8f4;
    border-radius: 10px;
    padding: 12px 14px;
    font-size: .95rem;
    color: var(--tae-navy);
}
.tae-form__input::placeholder { color: #a9b0c2; }
.tae-form__input:focus {
    background: #fff;
    border-color: var(--tae-red);
    box-shadow: 0 0 0 .18rem rgba(228, 34, 46, .12);
}
.tae-form__prefix-wrap { position: relative; }
.tae-form__prefix {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: .95rem;
    opacity: .6;
    pointer-events: none;
}
.tae-form__input--prefixed { padding-left: 40px; }
.tae-form__submit { margin-top: 6px; }
.tae-form__msg { margin: 14px 0 0; font-size: .9rem; font-weight: 600; min-height: 1em; }
.tae-form__msg.is-error { color: var(--tae-red); }
.tae-form__msg.is-success { color: #1a9e5c; }


/* =====================================================================
   RESPONSIVE
   ===================================================================== */

/* Tablet & below — hide floating hero images, collapse nav styling */
@media (max-width: 991.98px) {
    .tae-hero__float { display: none; }

    .tae-nav__collapse {
        background: rgba(9, 20, 45, .98);
        border-radius: 12px;
        padding: 18px;
        margin-top: 14px;
    }
    .tae-nav__menu { gap: 2px; margin-bottom: 14px; }
    .tae-nav__link { padding: 10px 6px !important; }
    .tae-nav__cta { display: inline-block; width: auto; }

    .tae-stats__item { flex: 1 1 33.33%; }
    /* remove dividers that fall on row edges when wrapped */
    .tae-stats__item:nth-child(3)::after { display: none; }
}

/* Landscape phones */
@media (max-width: 767.98px) {
    .tae-offer, .tae-systems, .tae-solutions { padding: 60px 0; }

    .tae-systems__grid { grid-template-columns: repeat(2, 1fr); }

    .tae-stats__item { flex: 1 1 50%; padding: 20px 10px; }
    .tae-stats__item::after { display: none !important; }

    .tae-form-card { padding: 28px 20px; }
    .tae-form-card__title { font-size: 1.7rem; }
}

/* Small phones */
@media (max-width: 575.98px) {
    .tae-topbar { font-size: .78rem; }
    .tae-topbar__row { justify-content: center; text-align: center; }
    .tae-topbar__right { justify-content: center; gap: 14px; }

    .tae-brands { gap: 14px; }
    .tae-brands__item { flex: 1 1 40%; }

    .tae-hero__actions .tae-btn,
    .tae-solutions__actions .tae-btn { flex: 1 1 100%; text-align: center; }
}
.tae-hero__body {
     background: url(../../assets/images/startup-accounting-bnr.png) center center / cover  no-repeat;
}

.video-box-sup {
    height: 330px;
  position: relative;
}

.video-box-sup:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../../assets/images/vide-fram.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 328px;
  width: 424px;
  z-index: -1;
  overflow: hidden;
}
.video-box-sup video {
    text-align: center;
    margin: auto;
    display: table;
    position: absolute;
    left: 0;
    top: 15px;
    width: 75%;
    border-radius: 8px;
    max-height: 300px;
}

.tae-body {
  font-family: 'Poppins', sans-serif;
  color: #1b1b1b;
  overflow-x: hidden;
  background-color: #ffffff;
}

.tae-body h1,
.tae-body h2,
.tae-body h3,
.tae-body h4 {
  font-weight: 700;
}

/* ---------------- Shared Buttons ---------------- */
.tae-btn-primary {
  background-color: #d61f2f;
  color: #ffffff;
  font-weight: 600;
  padding: 12px 34px;
  border-radius: 50px;
  border: 2px solid #d61f2f;
  box-shadow: 0 8px 18px rgba(214, 31, 47, 0.30);
  transition: all 0.35s ease;
}

.tae-btn-primary:hover {
  background-color: #ffffff;
  color: #d61f2f;
  border-color: #d61f2f;
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(214, 31, 47, 0.35);
}

.tae-btn-outline {
  background-color: transparent;
  color: #1b1b1b;
  font-weight: 600;
  padding: 12px 34px;
  border-radius: 50px;
  border: 2px solid #1b1b1b;
  transition: all 0.35s ease;
}

.tae-btn-outline:hover {
  background-color: #d61f2f;
  color: #ffffff;
  border-color: #d61f2f;
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(214, 31, 47, 0.30);
}

/* ---------------- Header / Navbar ---------------- */
.tae-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: #10182f;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.35);
}

.tae-navbar {
  padding: 14px 0;
}

.tae-nav-logo {
  display: inline-block;
  transition: transform 0.35s ease;
}

.tae-nav-logo:hover {
  transform: scale(1.05);
}

.tae-logo-img {
  max-height: 48px;
  width: auto;
}

.tae-nav-link {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  margin: 0 10px;
  position: relative;
  padding-bottom: 6px;
  transition: color 0.3s ease;
}

.tae-nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: #d61f2f;
  transition: width 0.35s ease;
}

.tae-nav-link:hover {
  color: #d61f2f;
}

.tae-nav-link:hover::after {
  width: 100%;
}

.tae-nav-right {
  display: flex;
  align-items: center;
  gap: 18px;
}

.tae-nav-phone {
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.3s ease, transform 0.3s ease;
  display: inline-block;
}

.tae-nav-phone:hover {
  color: #d61f2f;
  transform: translateY(-2px);
}

.tae-phone-icon {
  color: #d61f2f;
  margin-right: 4px;
}

.tae-btn-quote {
  background-color: #d61f2f;
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
  padding: 10px 26px;
  border-radius: 50px;
  border: 2px solid #d61f2f;
  transition: all 0.35s ease;
}

.tae-btn-quote:hover {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
  transform: translateY(-2px);
}

.tae-nav-toggler {
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 8px 10px;
  border-radius: 6px;
}

.tae-nav-toggler:focus {
  box-shadow: none;
}

.tae-toggler-bar {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #ffffff;
  margin: 5px 0;
  transition: background-color 0.3s ease;
}

.tae-nav-toggler:hover .tae-toggler-bar {
  background-color: #d61f2f;
}

/* ---------------- Hero Section ---------------- */
.tae-hero {
  position: relative;
  background: url(../../assets/images/uae-bnr.png) center center / cover  no-repeat;
  padding: 200px 0 40px;
  overflow: hidden;
}

.tae-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(16, 24, 47, 0.85) 0%, rgba(16, 24, 47, 0.45) 55%, rgba(16, 24, 47, 0.15) 100%);
  z-index: 1;
}

.tae-hero-container {
  position: relative;
  z-index: 2;
}

.tae-hero-badges {
  margin-bottom: 28px;
  max-width: 460px;
}
.tae-hero-badges .slick-track {
    align-items: center;
}   

.tae-badge-slide {
    
  display: inline-flex !important;
  align-items: center;
  width: max-content !important;
  justify-content: flex-start;
  padding: 5px 10px;
}

.tae-badge-img {
  max-height: 70px;
  width: auto;
  filter: grayscale(20%);
  transition: transform 0.35s ease, filter 0.35s ease;
}

.tae-badge-img:hover {
  transform: scale(1.1);
  filter: grayscale(0%);
}

.tae-hero-tag {
  display: inline-block;
  background-color: #d61f2f;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 22px;
  border-radius: 4px;
  margin-bottom: 22px;
  transition: background-color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
}

.tae-hero-tag:hover {
  background-color: #b3121f;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(214, 31, 47, 0.4);
}

.tae-hero-title {
    color: #ffffff;
    font-size: 50px;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 20px;
}
.tae-hero-text {
  color: #e3e6ee;
  font-size: 16px;
  line-height: 1.7;
  max-width: 520px;
  margin-bottom: 40px;
}

/* Hero feature card */
.tae-hero-features {
    background-color: #ffffff;
    border-radius: 14px;
    display: flex;
    flex-wrap: nowrap;
    max-width: 650px;
    padding: 10px 0;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
}
.tae-feature-item {
  flex: 1 1 25%;
  min-width: 160px;
  text-align: center;
  padding: 22px 14px;
  border-right: 1px solid #e6e6e6;
  cursor: default;
  transition: background-color 0.35s ease, transform 0.35s ease;
}

.tae-feature-item:last-child {
  border-right: none;
}

.tae-feature-item:hover {
  background-color: #fff2f3;
  transform: translateY(-6px);
}

.tae-feature-icon {
  margin-bottom: 12px;
}

.tae-feature-icon img {
  width: 46px;
  height: 46px;
  object-fit: contain;
  transition: transform 0.35s ease;
}

.tae-feature-item:hover .tae-feature-icon img {
  transform: rotateY(180deg);
}

.tae-feature-label {
  font-size: 14px;
  font-weight: 500;
  color: #1b1b1b;
  margin-bottom: 0;
  line-height: 1.45;
}

.tae-hero-site {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  margin-top: 45px;
  letter-spacing: 0.4px;
}

.tae-site-globe {
  color: #d61f2f;
  margin-right: 6px;
}

/* ---------------- Expert + Form Section ---------------- */
.tae-expert {
  padding: 60px 0;
  background-color: #ffffff;
}

.tae-expert-title {
    font-size: 40px;
    font-weight: 700;
    color: #1b1b1b;
    line-height: 45px;
    margin-bottom: 18px;
}
.tae-expert-text {
  color: #6a6a6a;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 26px;
  max-width: 470px;
}

.tae-expert-list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
  display: flex;
  flex-wrap: wrap;
}

.tae-expert-list-item {
  flex: 0 0 50%;
  font-size: 16px;
  font-weight: 500;
  color: #1b1b1b;
  padding: 8px 0;
  transition: color 0.3s ease, transform 0.3s ease;
}

.tae-expert-list-item:hover {
  color: #d61f2f;
  transform: translateX(6px);
}

.tae-list-arrow {
  color: #21a84a;
  margin-right: 8px;
  font-size: 14px;
}

.tae-expert-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 50px;
}

/* Stats */
.tae-stats {
  display: flex;
  flex-wrap: wrap;
}

.tae-stat-box {
    background-color: white;
  flex: 1 1 33.333%;
  min-width: 150px;
  text-align: left;
  padding: 10px 18px;
  border-right: 1px solid #dcdcdc;
  cursor: default;
  transition: transform 0.35s ease;
}

.tae-stat-box:last-child {
  border-right: none;
}

.tae-stat-box:hover {
  transform: translateY(-6px);
}

.tae-stat-icon img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  margin-bottom: 10px;
  transition: transform 0.35s ease;
}

.tae-stat-box:hover .tae-stat-icon img {
  transform: scale(1.15);
}

.tae-stat-number {
  font-size: 40px;
  font-weight: 800;
  color: #1b1b1b;
  margin-bottom: 4px;
  transition: color 0.35s ease;
}

.tae-stat-box:hover .tae-stat-number {
  color: #d61f2f;
}

.tae-stat-label {
  font-size: 14px;
  color: #6a6a6a;
  margin-bottom: 0;
}

/* Tablet form */
.tae-tablet {
  background-color: #0e0e12;
  border-radius: 34px;
  padding: 34px 22px 40px;
  max-width: 520px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.28);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.tae-tablet:hover {
  transform: translateY(-8px);
  box-shadow: 0 40px 75px rgba(0, 0, 0, 0.36);
}

.tae-tablet-cam {
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  background-color: #2e2e38;
  border-radius: 50%;
}

.tae-tablet-screen {
  background-color: #16224a;
  border-radius: 18px;
  padding: 34px 26px;
}

.tae-form-heading {
  color: #ffffff;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 3px;
  margin-bottom: 26px;
}

.tae-form-off {
  display: block;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: 1px;
}

.tae-form-input,
.tae-form-select {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 14px;
  color: #1b1b1b;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.tae-form-input::placeholder,
.tae-form-textarea::placeholder {
  color: #8a8a8a;
}

.tae-form-input:focus,
.tae-form-select:focus {
  border-color: #d61f2f;
  box-shadow: 0 0 0 4px rgba(214, 31, 47, 0.25);
}

.tae-form-input:hover,
.tae-form-select:hover {
  border-color: #d61f2f;
}

.tae-form-textarea {
  resize: none;
}

.tae-btn-send {
  width: 100%;
  background-color: #d61f2f;
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 1px;
  padding: 14px;
  border-radius: 50px;
  border: 2px solid #d61f2f;
  box-shadow: 0 10px 22px rgba(214, 31, 47, 0.45);
  transition: all 0.35s ease;
}

.tae-btn-send:hover {
  background-color: #ffffff;
  color: #d61f2f;
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(214, 31, 47, 0.5);
}

/* ---------------- Process Cards Section ---------------- */
.tae-process {
  padding: 60px 0;
  background: url(../../assets/images/location-bg-wave.png) center center / cover  no-repeat;
  position: relative;
}

.tae-process-head {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 55px;
}

.tae-process-title {
  font-size: 38px;
  font-weight: 800;
  color: #1b1b1b;
  margin-bottom: 16px;
}

.tae-process-sub {
  color: #6a6a6a;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 0;
}

.tae-process-card {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 40px 20px;
  box-shadow: 0 25px 55px rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.4s ease;
}

.tae-process-card:hover {
  box-shadow: 0 32px 65px rgba(214, 31, 47, 0.12);
}

.tae-process-grid {
  display: flex;
  flex-wrap: wrap;
}

.tae-process-item {
  flex: 0 0 33.333%;
  text-align: center;
  padding: 30px 34px;
  border-right: 1px solid #e3e3e3;
  cursor: default;
  transition: transform 0.35s ease;
}

.tae-process-item:nth-child(3n) {
  border-right: none;
}

.tae-process-item:hover {
  transform: translateY(-8px);
}

.tae-process-icon {
  width: 86px;
  height: 86px;
  margin: 0 auto 20px;
  border: 1.5px solid #d61f2f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  transition: background-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}

.tae-process-item:hover .tae-process-icon {
  background-color: #fff2f3;
  box-shadow: 0 12px 24px rgba(214, 31, 47, 0.25);
  transform: scale(1.08);
}

.tae-process-icon img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.tae-process-item-title {
  font-size: 18px;
  font-weight: 700;
  color: #1b1b1b;
  margin-bottom: 12px;
  transition: color 0.35s ease;
}

.tae-process-item:hover .tae-process-item-title {
  color: #d61f2f;
}

.tae-process-item-text {
  font-size: 14px;
  color: #6a6a6a;
  line-height: 1.65;
  margin-bottom: 0;
}

/* Slick arrows/dots inside process card (mobile slider) */
.tae-process-grid .slick-dots li button:before {
  font-size: 11px;
  color: #d61f2f;
}

.tae-process-grid .slick-dots li.slick-active button:before {
  color: #d61f2f;
}

/* ---------------- Bookkeeping Section ---------------- */
.tae-bookkeeping {
  padding: 60px 0;
  background-color: #ffffff;
}

.tae-book-media {
  position: relative;
  max-width: 560px;
}
.tae-book-img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease;
}

.tae-book-img-wrap:hover .tae-book-img {
  transform: scale(1.06);
}

.tae-payment-card {
  position: absolute;
  right: -30px;
  bottom: 28px;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 22px 24px;
  width: 270px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  cursor: default;
}

.tae-payment-card:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 26px 52px rgba(0, 0, 0, 0.22);
}

.tae-payment-title {
  font-size: 15px;
  font-weight: 700;
  color: #1b1b1b;
  margin-bottom: 18px;
}

.tae-payment-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.tae-payment-bars {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tae-bar {
  display: inline-block;
  height: 8px;
  border-radius: 4px;
}

.tae-bar-red {
  width: 64px;
  background-color: #e33d4e;
}

.tae-bar-red-light {
  width: 30px;
  background-color: #f6b8bf;
}

.tae-bar-green {
  width: 64px;
  background-color: #23b25b;
}

.tae-bar-green-light {
  width: 30px;
  background-color: #b6e6c8;
}

.tae-payment-amount {
  font-size: 13px;
  font-weight: 600;
  color: #1b1b1b;
}

.tae-payment-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e6e6e6;
  padding-top: 14px;
  margin-top: 4px;
}

.tae-payment-total-label {
  font-size: 13px;
  color: #6a6a6a;
}

.tae-payment-total-value {
  font-size: 16px;
  font-weight: 800;
  color: #1b1b1b;
}

.tae-book-title {
  font-size: 38px;
  font-weight: 800;
  color: #1b1b1b;
  line-height: 1.25;
  margin-bottom: 18px;
}

.tae-book-text {
  color: #6a6a6a;
  font-size: 15px;
  line-height: 1.75;
  margin-bottom: 24px;
}

.tae-book-list {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
}

.tae-book-list-item {
  font-size: 15px;
  font-weight: 500;
  color: #1b1b1b;
  padding: 7px 0;
  transition: color 0.3s ease, transform 0.3s ease;
}

.tae-book-list-item:hover {
  color: #d61f2f;
  transform: translateX(6px);
}

.tae-book-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* ---------------- Timeline / Steps Section ---------------- */
.tae-steps {
  padding: 60px 0;
  background-color: #ffffff;
}

.tae-steps-head {
  text-align: center;
  max-width: 620px;
  margin: 0 auto 60px;
}

.tae-steps-title {
  font-size: 38px;
  font-weight: 800;
  color: #1b1b1b;
  margin-bottom: 14px;
}

.tae-steps-sub {
  color: #6a6a6a;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 0;
}

.tae-timeline {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px 0;
}

.tae-timeline-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
  background-color: #e33d4e;
}

.tae-timeline-row {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 34px;
}

.tae-timeline-row:last-child {
  margin-bottom: 0;
}

.tae-timeline-left {
  justify-content: flex-start;
}

.tae-timeline-right {
  justify-content: flex-end;
}

.tae-timeline-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background-color: #d61f2f;
  border-radius: 50%;
  z-index: 2;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.tae-timeline-row:hover .tae-timeline-dot {
  transform: translate(-50%, -50%) scale(1.4);
  box-shadow: 0 0 0 8px rgba(214, 31, 47, 0.18);
}

.tae-timeline-left .tae-step-card::after,
.tae-timeline-right .tae-step-card::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 36px;
  height: 2px;
  background-color: #e33d4e;
}

.tae-timeline-left .tae-step-card::after {
  right: -36px;
}

.tae-timeline-right .tae-step-card::before {
  left: -36px;
}

.tae-step-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #ececec;
  border-radius: 12px;
  padding: 20px 26px;
  width: 44%;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.05);
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  cursor: default;
}

.tae-step-card:hover {
  transform: translateY(-6px);
  border-color: #d61f2f;
  box-shadow: 0 18px 38px rgba(214, 31, 47, 0.15);
}

.tae-step-icon {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border: 1.5px solid #f3b3ba;
  background-color: #fdf1f2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.35s ease, transform 0.35s ease;
}

.tae-step-card:hover .tae-step-icon {
  background-color: #ffffff;
  transform: rotate(360deg);
}

.tae-step-icon img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.tae-step-title {
  font-size: 17px;
  font-weight: 700;
  color: #1b1b1b;
  margin-bottom: 6px;
}

.tae-step-num {
  color: #d61f2f;
}

.tae-step-text {
  font-size: 14px;
  color: #6a6a6a;
  margin-bottom: 0;
  line-height: 1.6;
}

/* ---------------- Dubai Section ---------------- */
.tae-dubai {
  position: relative;
  /* BACKGROUND IMAGE PLACEHOLDER : replace the gradient with your Dubai skyline image
     e.g. background: url('assets/dubai-bg.jpg') no-repeat center/cover; */
  background: linear-gradient(115deg, #f0a04b 0%, #b96a4b 30%, #45526e 70%, #2c3a55 100%);
  padding: 110px 0;
  overflow: hidden;
}

.tae-dubai-overlay {
  position: absolute;
  inset: 0;
  background: rgba(20, 28, 50, 0.15);
  z-index: 1;
}

.tae-dubai-word {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 17vw;
  font-weight: 800;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.55);
  letter-spacing: 1.5vw;
  z-index: 1;
  user-select: none;
  pointer-events: none;
  white-space: nowrap;
}

.tae-dubai-container {
  position: relative;
  z-index: 2;
}

.tae-dubai-card {
  background-color: #ffffff;
  border-radius: 14px;
  padding: 46px 44px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  cursor: default;
}

.tae-dubai-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 35px 75px rgba(0, 0, 0, 0.35);
}

.tae-dubai-title {
  font-size: 32px;
  font-weight: 800;
  color: #1b1b1b;
  line-height: 1.3;
  margin-bottom: 20px;
}

.tae-dubai-text {
  font-size: 14.5px;
  color: #555555;
  line-height: 1.8;
  margin-bottom: 16px;
}

.tae-dubai-text:last-child {
  margin-bottom: 0;
}

/* ---------------- Footer ---------------- */
.tae-footer {
  background-color: #10182f;
  padding: 26px 0;
  text-align: center;
}

.tae-footer-text {
  color: #cfd4e0;
  font-size: 14px;
  margin-bottom: 0;
  transition: color 0.3s ease;
}

.tae-footer-text:hover {
  color: #ffffff;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

/* Large tablets / small desktops */
@media (max-width: 1199.98px) {
  .tae-hero-title {
    font-size: 44px;
  }

  .tae-expert-title,
  .tae-book-title,
  .tae-process-title,
  .tae-steps-title {
    font-size: 34px;
  }

  .tae-payment-card {
    right: 0;
  }
}

/* Tablets */
@media (max-width: 991.98px) {
  .tae-nav-right {
    margin-top: 16px;
    padding-bottom: 10px;
    flex-wrap: wrap;
  }

  .tae-nav-link {
    margin: 4px 0;
  }

  .tae-hero {
    padding: 70px 0 40px;
  }

  .tae-hero-title {
    font-size: 38px;
  }

  .tae-feature-item {
    flex: 1 1 50%;
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
  }

  .tae-feature-item:nth-child(odd) {
    border-right: 1px solid #e6e6e6;
  }

  .tae-feature-item:nth-child(3),
  .tae-feature-item:nth-child(4) {
    border-bottom: none;
  }

  .tae-expert {
    padding: 75px 0;
  }

  .tae-process-item {
    flex: 0 0 50%;
    padding: 26px 20px;
  }

  .tae-process-item:nth-child(3n) {
    border-right: 1px solid #e3e3e3;
  }

  .tae-process-item:nth-child(2n) {
    border-right: none;
  }

  .tae-book-media {
    margin: 0 auto;
  }

  /* Timeline stacks to single column */
  .tae-timeline-line {
    left: 8px;
    transform: none;
  }

  .tae-timeline-row,
  .tae-timeline-left,
  .tae-timeline-right {
    justify-content: flex-start;
    padding-left: 40px;
  }

  .tae-timeline-dot {
    left: 8px;
    transform: translate(-50%, -50%);
  }

  .tae-timeline-row:hover .tae-timeline-dot {
    transform: translate(-50%, -50%) scale(1.4);
  }

  .tae-step-card {
    width: 100%;
  }

  .tae-timeline-left .tae-step-card::after,
  .tae-timeline-right .tae-step-card::before {
    left: -32px;
    right: auto;
    width: 32px;
  }

  .tae-dubai {
    padding: 85px 0;
  }
}

/* Mobiles */
@media (max-width: 767.98px) {
  .tae-hero-title {
    font-size: 30px;
  }

  .tae-hero-text {
    font-size: 15px;
  }

  .tae-expert-title,
  .tae-book-title,
  .tae-process-title,
  .tae-steps-title {
    font-size: 27px;
  }

  .tae-expert-list-item {
    flex: 0 0 100%;
  }

  .tae-stat-box {
    flex: 1 1 100%;
    border-right: none;
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 10px;
  }

  .tae-stat-box:last-child {
    border-bottom: none;
  }

  .tae-tablet {
    padding: 26px 14px 30px;
  }

  .tae-tablet-screen {
    padding: 26px 18px;
  }

  .tae-form-off {
    font-size: 32px;
  }

  .tae-process {
    padding: 70px 0;
  }

  /* On mobile the process grid becomes a Slick slider (initialized in script.js) */
  .tae-process-item {
    flex: 0 0 100%;
    width: 100%;
    border-right: none !important;
  }

  .tae-payment-card {
    width: 230px;
    right: 6px;
    bottom: 14px;
    padding: 16px 18px;
  }

  .tae-bookkeeping,
  .tae-steps {
    padding: 60px 0;
  }

  .tae-step-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .tae-dubai-card {
    padding: 30px 22px;
  }

  .tae-dubai-title {
    font-size: 24px;
  }

  .tae-dubai-word {
    font-size: 26vw;
    letter-spacing: 4px;
  }
}

/* Small mobiles */
@media (max-width: 479.98px) {
  .tae-hero-title {
    font-size: 26px;
  }

  .tae-feature-item {
    flex: 1 1 100%;
    border-right: none !important;
    border-bottom: 1px solid #e6e6e6;
  }

  .tae-feature-item:last-child {
    border-bottom: none;
  }

  .tae-btn-primary,
  .tae-btn-outline {
    width: 100%;
    text-align: center;
  }

  .tae-hero-badges {
    max-width: 100%;
  }
}


.axp-tape__grid .col-md-6  {
  margin : 0
}

.axp-tape__grid .col-lg-4 {
  margin-top: 30px;
}

.btn-ghost ,.btn-ghost:hover{
    background-color: white;
}
.services-section .services-grid {
    row-gap: 20px;
}



.aexp-pricing{
  --aexp-navy:#000;
  --aexp-blue:#d61f33;
  --aexp-blue-dark:#f50f21;
  --aexp-blue-soft:#eaf3fc;
  --aexp-green:#27ae60;
  --aexp-ink:#243b53;
  --aexp-muted:#6b7c93;
  --aexp-line:#e6ecf3;
  --aexp-bg:#f5f8fc;
  --aexp-card:#ffffff;
  --aexp-shadow:0 12px 30px rgba(15,47,86,.08);
  --aexp-shadow-hover:0 20px 45px rgba(26,115,199,.20);
  --aexp-radius:16px;

  font-family:'Poppins',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--aexp-bg);
  color:var(--aexp-ink);
  padding:72px 0 88px;
  position:relative;
  overflow:hidden;
}

.aexp-pricing *{box-sizing:border-box;}

.aexp-container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
  position:relative;
  z-index:2;
}

/* ---------- Section head ---------- */
.aexp-head{text-align:center;max-width:680px;margin:0 auto 40px;}
.aexp-eyebrow{
  display:inline-block;
  font-size:13px;
  font-weight:600;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--aexp-blue);
  background:var(--aexp-blue-soft);
  padding:7px 16px;
  border-radius:40px;
  margin-bottom:16px;
}
.aexp-title{
  font-size:clamp(28px,4vw,44px);
  font-weight:700;
  line-height:1.15;
  color:var(--aexp-navy);
  margin:0 0 14px;
}
.aexp-title span{color:var(--aexp-blue);}
.aexp-sub{font-size:16px;color:var(--aexp-muted);margin:0;line-height:1.6;}

/* ---------- Category tabs ---------- */
.aexp-tabs{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  background:#fff;
  border:1px solid var(--aexp-line);
  border-radius:50px;
  padding:6px;
  max-width:640px;
  margin:0 auto 26px;
  box-shadow:var(--aexp-shadow);
}
.aexp-tab{
  flex:1 1 auto;
  min-width:120px;
  border:0;
  background:transparent;
  color:var(--aexp-ink);
  font-family:inherit;
  font-size:14.5px;
  font-weight:600;
  padding:12px 18px;
  border-radius:40px;
  cursor:pointer;
  transition:.25s ease;
  white-space:nowrap;
}
.aexp-tab i{margin-right:7px;}
.aexp-tab:hover{color:var(--aexp-blue);}
.aexp-tab.is-active {
    background: linear-gradient(135deg, #d3202e, #f50f21);
    color: #fff;
    box-shadow: 0 8px 18px rgba(26, 115, 199, .35);
}

/* ---------- Billing toggle ---------- */
.aexp-billing{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:0 auto 40px;
  font-weight:500;
  font-size:14.5px;
  color:var(--aexp-muted);
}
.aexp-billing .aexp-bill-label.is-on{color:var(--aexp-navy);font-weight:600;}
.aexp-switch{
  position:relative;
  width:56px;
  height:30px;
  border:0;
  border-radius:30px;
  background:var(--aexp-blue);
  cursor:pointer;
  padding:0;
  transition:.25s;
  flex:0 0 auto;
}
.aexp-switch::after{
  content:"";
  position:absolute;
  top:3px;left:3px;
  width:24px;height:24px;
  border-radius:50%;
  background:#fff;
  transition:.25s;
  box-shadow:0 2px 5px rgba(0,0,0,.25);
}
.aexp-switch.is-yearly::after{left:29px;}
.aexp-save{
  font-size:12px;
  font-weight:600;
  color:var(--aexp-green);
  background:rgba(39,174,96,.12);
  padding:4px 10px;
  border-radius:30px;
}

/* ---------- Panels ---------- */
.aexp-panel{display:none;}
.aexp-panel.is-active{display:block;animation:aexpFade .4s ease;}
@keyframes aexpFade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}

/* Cards flex layout (desktop); slick takes over on mobile */
.aexp-cards{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:24px;
  margin:0;
}
.aexp-cards.aexp-cols-4 .aexp-card{width:calc(25% - 18px);}
.aexp-cards.aexp-cols-3 .aexp-card{width:calc(33.333% - 16px);}

/* ---------- Card ---------- */
.aexp-card{
  background:var(--aexp-card);
  border:1px solid var(--aexp-line);
  border-radius:var(--aexp-radius);
  padding:30px 24px 28px;
  box-shadow:var(--aexp-shadow);
  display:flex;
  flex-direction:column;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
  position:relative;
}
.aexp-card:hover{
  transform:translateY(-8px);
  box-shadow:var(--aexp-shadow-hover);
  border-color:var(--aexp-blue);
}
.aexp-card.aexp-featured{
  border:2px solid var(--aexp-blue);
  box-shadow:var(--aexp-shadow-hover);
}
.aexp-badge{
  position:absolute;
  top:-13px;left:50%;
  transform:translateX(-50%);
  background:linear-gradient(135deg,var(--aexp-blue),var(--aexp-blue-dark));
  color:#fff;
  font-size:11px;
  font-weight:600;
  letter-spacing:.6px;
  text-transform:uppercase;
  padding:6px 16px;
  border-radius:30px;
  white-space:nowrap;
  box-shadow:0 6px 14px rgba(26,115,199,.4);
}
.aexp-plan{font-size:20px;font-weight:700;color:var(--aexp-navy);margin:0 0 4px;}
.aexp-plan-desc{font-size:13px;color:var(--aexp-muted);margin:0 0 18px;min-height:36px;line-height:1.4;}

.aexp-price-wrap{margin:0 0 6px;line-height:1;}
.aexp-price{font-size:40px;font-weight:800;color:var(--aexp-navy);}
.aexp-price-cur{font-size:22px;font-weight:700;vertical-align:top;position:relative;top:6px;}
.aexp-per{font-size:14px;font-weight:500;color:var(--aexp-muted);}
.aexp-price-y{display:none;}
.aexp-panel.is-yearly .aexp-price-m{display:none;}
.aexp-panel.is-yearly .aexp-price-y{display:inline;}
.aexp-price-note{font-size:12px;color:var(--aexp-blue);font-weight:500;margin:0 0 18px;min-height:16px;}

.aexp-btn{
  display:block;
  width:100%;
  text-align:center;
  border:0;
  background:linear-gradient(135deg,var(--aexp-blue),var(--aexp-blue-dark));
  color:#fff;
  font-family:inherit;
  font-size:14px;
  font-weight:700;
  letter-spacing:.6px;
  text-transform:uppercase;
  padding:13px 18px;
  border-radius:10px;
  cursor:pointer;
  text-decoration:none;
  transition:.25s ease;
  box-shadow:0 8px 18px rgba(26,115,199,.28);
}
.aexp-btn:hover{background:var(--aexp-navy);color:#fff;transform:translateY(-2px);box-shadow:0 12px 22px rgba(15,47,86,.3);}

.aexp-divider{border:0;border-top:1px dashed var(--aexp-line);margin:22px 0 18px;}

.aexp-feat-title{
  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;
  color:var(--aexp-muted);margin:0 0 12px;
}
.aexp-feats{list-style:none;padding:0;margin:0 0 18px;flex:1 1 auto;}
.aexp-feats li{
  position:relative;
  padding:0 0 11px 28px;
  font-size:13.5px;
  color:var(--aexp-ink);
  line-height:1.45;
}
.aexp-feats li i{
  position:absolute;left:0;top:2px;
  color:var(--aexp-green);
  font-size:14px;
}

.aexp-guarantees{list-style:none;padding:16px 0 0;margin:0;border-top:1px solid var(--aexp-line);}
.aexp-guarantees li{
  position:relative;
  padding:0 0 9px 26px;
  font-size:12.5px;
  font-weight:500;
  color:var(--aexp-ink);
}
.aexp-guarantees li i{position:absolute;left:0;top:1px;color:var(--aexp-blue);font-size:13px;}

/* ---------- Help footer ---------- */
.aexp-help{
  text-align:center;
  margin-top:44px;
  font-size:15px;
  color:var(--aexp-muted);
}
.aexp-help a{color:var(--aexp-blue);font-weight:600;text-decoration:none;}
.aexp-help a:hover{text-decoration:underline;}
.aexp-help i{margin-right:6px;}

/* ---------- Decorative blobs ---------- */
.aexp-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:1;}
.aexp-blob-1{width:340px;height:340px;background:rgba(26,115,199,.14);top:-80px;right:-90px;}
.aexp-blob-2{width:300px;height:300px;background:rgba(39,174,96,.12);bottom:-90px;left:-80px;}

/* ---------- Slick tweaks ---------- */
/* Each .aexp-card BECOMES the .slick-slide, so override slick's own rules directly */
.aexp-pricing .slick-list{margin:0 -8px;height:auto !important;}
.aexp-pricing .slick-track{display:flex !important;align-items:flex-start;padding:14px 0;}
.aexp-pricing .aexp-cards.slick-initialized .aexp-card.slick-slide{
  display:flex !important;
  height:auto !important;
  float:none !important;
  min-height:1px;
  margin:0 8px;
  width:auto !important;
}
.aexp-pricing .slick-dots{position:static;margin-top:20px;}
.aexp-pricing .slick-dots li button:before{font-size:11px;color:var(--aexp-blue);opacity:.35;}
.aexp-pricing .slick-dots li.slick-active button:before{opacity:1;color:var(--aexp-blue);}
.aexp-pricing .slick-prev,.aexp-pricing .slick-next{width:40px;height:40px;z-index:5;}
.aexp-pricing .slick-prev{left:-6px;}
.aexp-pricing .slick-next{right:-6px;}
.aexp-pricing .slick-prev:before,.aexp-pricing .slick-next:before{color:var(--aexp-blue);font-size:34px;opacity:.85;}

/* ---------- Responsive (grid widths for tablet) ---------- */
@media (max-width:1199px){
  .aexp-cards.aexp-cols-4 .aexp-card{width:calc(50% - 12px);}
  .aexp-cards.aexp-cols-3 .aexp-card{width:calc(50% - 12px);}
}
/* Below 992px slick handles it — reset flex widths so slick can size slides */
@media (max-width:991px){
  .aexp-cards{display:block;}
  .aexp-cards .aexp-card{width:auto;}
  .aexp-tabs{max-width:100%;}
  .aexp-tab{min-width:auto;flex:1 1 30%;font-size:13px;padding:11px 10px;}
  .aexp-tab i{margin-right:4px;}
}
@media (max-width:575px){
  .aexp-pricing{padding:52px 0 64px;}
  .aexp-tab span{display:inline;}
  .aexp-price{font-size:36px;}
}