/**
Theme Name: Bargain Accountancy LTD
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bargain-accountancy-ltd
Template: astra
*/

:root {
  --teal:       #0A4D5C;
  --teal-mid:   #0D6678;
  --teal-light: #108EA0;
  --cyan:       #00C2D4;
  --cyan-pale:  #E0F8FA;
  --lime:       #C8F04D;
  --warm:       #FAFAF7;
  --white:      #FFFFFF;
  --ink:        #060F12;
  --muted:      #5A7A82;
  --border:     rgba(10,77,92,0.10);
  --card-bg:    #F3FAF9;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family:'Syne', sans-serif;
  background:var(--warm);
  color:var(--ink);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

.ast-primary-header .nav-cta .menu-link {
  background:var(--teal); color:var(--white) !important;
  padding:.55rem 1.4rem; border-radius:8px;
  font-size:.82rem !important; font-weight:700 !important;
  transition:background .2s, transform .15s !important;
}
header .nav-cta .menu-link:hover { background:var(--teal-mid) !important; transform:translateY(-1px) !important; }

/* ══════════════════════════════════
   HERO — full bleed with overlapping cards
══════════════════════════════════ */
.hero {
  padding-top:70px;
  background:var(--teal);
  position:relative; overflow:hidden;
  min-height:92vh;
  display:flex; flex-direction:column; justify-content:center;
}

/* noise texture overlay */
.hero::before {
  content:'';
  position:absolute; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
  opacity:.4;
}

/* big arc shape */
.hero-arc {
  position:absolute; bottom:-2px; left:0; right:0;
  height:120px;
  background:var(--warm);
  clip-path:ellipse(60% 100% at 50% 100%);
}

.hero-inner {
  max-width:1280px; margin:0 auto; padding:5rem 2.5rem 8rem;
  position:relative; z-index:2;
  display:grid; grid-template-columns:1.15fr 1fr;
  gap:3rem; align-items:center;
}

/* left */
.hero-left {}

.hero-tag {
  display:inline-flex; align-items:center; gap:.6rem;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.8); border-radius:6px;
  padding:.35rem .9rem; font-size:.7rem; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; margin-bottom:2rem;
}
.tag-dot { width:7px; height:7px; border-radius:50%; background:var(--lime); }

.hero-left h1 {
  font-family:'Instrument Serif', serif;
  font-size:clamp(3.2rem,5.5vw,5.5rem);
  font-weight:400; color:white; line-height:1.05;
  letter-spacing:-.02em; margin-bottom:1.6rem;
}
.hero-left h1 span { color:var(--lime); font-style:italic; }

.hero-left p {
  font-size:1rem; color:rgba(255,255,255,.6);
  line-height:1.85; font-weight:400; max-width:460px;
  margin-bottom:2.5rem;
}

.hero-actions { display:flex; gap:.85rem; margin-bottom:3.5rem; flex-wrap:wrap; }

.btn-lime {
  background:var(--lime); color:var(--teal);
  padding:.85rem 2rem; border-radius:10px;
  font-weight:700; font-size:.88rem; text-decoration:none;
  letter-spacing:.01em; transition:transform .2s, box-shadow .2s;
}
.btn-lime:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(200,240,77,.3); }

.btn-ghost-white {
  border:1.5px solid rgba(255,255,255,.25); color:rgba(255,255,255,.85);
  padding:.85rem 2rem; border-radius:10px;
  font-weight:600; font-size:.88rem; text-decoration:none;
  transition:border-color .2s, background .2s;
}
.btn-ghost-white:hover { border-color:rgba(255,255,255,.6); background:rgba(255,255,255,.06); }

.hero-nums {
  display:flex; gap:2.5rem;
  padding-top:2.2rem; border-top:1px solid rgba(255,255,255,.1);
}
.hnum-val {
  font-family:'Instrument Serif', serif;
  font-size:2.3rem; color:white; line-height:1;
}
.hnum-val span { color:var(--lime); }
.hnum-lbl { font-size:.68rem; color:rgba(255,255,255,.4); font-weight:600; letter-spacing:.1em; text-transform:uppercase; margin-top:.3rem; }

.mb-12 {
    margin-bottom: 48px;
}

/* right — stacked floating cards */
.hero-right { position:relative; padding:1.5rem 0; }

.hcard-stack { position:relative; }

.hcard-main {
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.15);
  border-radius:20px; padding:0; overflow:hidden;
}

.hcard-top {
  padding:1.5rem 1.8rem 1.2rem;
  border-bottom:1px solid rgba(255,255,255,.1);
  display:flex; align-items:center; justify-content:space-between;
}
.hcard-label { font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.5); }
.hcard-pill {
  background:rgba(200,240,77,.2); color:var(--lime);
  border-radius:100px; padding:.28rem .75rem;
  font-size:.68rem; font-weight:700; letter-spacing:.06em;
}

.svc-item {
  display:flex; align-items:center; justify-content:space-between;
  padding:1rem 1.8rem;
  border-bottom:1px solid rgba(255,255,255,.07);
  transition:background .2s, padding-left .2s;
  cursor:default;
}
.svc-item:last-child { border-bottom:none; }
.svc-item:hover { background:rgba(255,255,255,.06); padding-left:2.2rem; }

.svc-l { display:flex; align-items:center; gap:.85rem; }
.svc-ico {
  width:34px; height:34px; border-radius:8px;
  background:rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:center; font-size:.95rem;
}
.svc-name { font-size:.87rem; font-weight:600; color:rgba(255,255,255,.8); }
.svc-arr { font-size:.8rem; color:rgba(255,255,255,.2); transition:color .2s; }
.svc-item:hover .svc-arr { color:var(--lime); }

/* floating badge */
.hero-badge {
  position:absolute; top:-1rem; right:-1rem;
  background:white; border-radius:16px;
  padding:1.1rem 1.4rem;
  box-shadow:0 20px 50px rgba(10,77,92,.25);
  display:flex; align-items:center; gap:.85rem;
  z-index:3;
}
.hb-icon {
  width:42px; height:42px; border-radius:10px;
  background:var(--cyan-pale); display:flex; align-items:center;
  justify-content:center; font-size:1.2rem;
}
.hb-val { font-family:'Instrument Serif',serif; font-size:1.5rem; color:var(--teal); line-height:1; }
.hb-lbl { font-size:.68rem; color:var(--muted); font-weight:600; margin-top:.1rem; }

/* ══════════════════════════════════
   TICKER STRIP
══════════════════════════════════ */
.ticker {
  background:var(--lime); padding:.85rem 0; overflow:hidden;
}
.ticker-track {
  display:flex; gap:3rem; white-space:nowrap;
  animation:tickerScroll 22s linear infinite;
}
.ticker-track:hover { animation-play-state:paused; }
@keyframes tickerScroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.ticker-item {
  display:flex; align-items:center; gap:.55rem;
  font-size:.78rem; font-weight:700; color:var(--teal);
  letter-spacing:.06em; text-transform:uppercase; flex-shrink:0;
}
.ticker-sep { width:6px; height:6px; border-radius:50%; background:var(--teal); opacity:.3; }

/* ══════════════════════════════════
   SHARED
══════════════════════════════════ */
.container { max-width:1280px; margin:0 auto; padding:0 2.5rem; }
.sec { padding:7rem 0; }

.label-tag {
  display:inline-flex; align-items:center; gap:.6rem;
  font-size:.68rem; font-weight:700; letter-spacing:.18em;
  text-transform:uppercase; color:var(--teal-light);
  margin-bottom:1rem;
}
.label-tag::before { content:''; width:18px; height:2px; background:var(--teal-light); border-radius:2px; }

.sec-h {
  font-family:'Instrument Serif', serif;
  font-size:clamp(2.2rem,3.5vw,3.2rem);
  font-weight:400; color:var(--ink); line-height:1.15;
  letter-spacing:-.02em;
}
.sec-h i { color:var(--teal-light); }
.sec-p { font-size:.97rem; color:var(--muted); line-height:1.85; font-weight:400; }

/* ══════════════════════════════════
   SERVICES — bento grid layout
══════════════════════════════════ */
.services-sec { background:var(--warm); }
.services-header {
  display:grid; grid-template-columns:1fr 1fr;
  gap:3rem; align-items:end; margin-bottom:3.5rem;
}

.bento {
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  grid-template-rows:auto;
  gap:1.2rem;
}

/* card base */
.bc {
  background:white; border:1.5px solid var(--border);
  border-radius:20px; padding:2.2rem;
  transition:transform .3s, box-shadow .3s;
  position:relative; overflow:hidden;
}
.bc:hover { transform:translateY(-5px); box-shadow:0 24px 60px rgba(10,77,92,.08); }

.bc-1 { grid-column:span 5; background:var(--teal); border-color:transparent; }
.bc-2 { grid-column:span 4; }
.bc-3 { grid-column:span 3; background:var(--cyan-pale); border-color:transparent; }
.bc-4 { grid-column:span 3; }
.bc-5 { grid-column:span 4; }
.bc-6 { grid-column:span 5; background:linear-gradient(135deg,var(--teal-light),var(--teal)); border-color:transparent; }

.bc-icon {
  width:46px; height:46px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.3rem; margin-bottom:1.4rem;
}
.bc-1 .bc-icon, .bc-6 .bc-icon { background:rgba(255,255,255,.12); }
.bc-3 .bc-icon { background:white; }
.bc-2 .bc-icon, .bc-4 .bc-icon, .bc-5 .bc-icon { background:var(--card-bg); }

.bc h3 {
  font-size:1.05rem; font-weight:700; color:var(--ink); margin-bottom:.6rem; line-height:1.2;
}
.bc-1 h3, .bc-6 h3 { color:white; }
.bc-3 h3 { color:var(--teal); }

.bc p { font-size:.83rem; color:var(--muted); line-height:1.75; font-weight:400; }
.bc-1 p { color:rgba(255,255,255,.6); }
.bc-6 p { color:rgba(255,255,255,.55); }
.bc-3 p { color:var(--teal-mid); }

/* big number in a bento card */
.bc-num {
  font-family:'Instrument Serif',serif; font-size:3.5rem; font-weight:400;
  color:var(--teal); line-height:1; margin-bottom:.3rem;
}
.bc-3 .bc-num { color:var(--teal); }

/* ══════════════════════════════════
   WHY — two column, left dark panel
══════════════════════════════════ */
.why-sec { background:var(--warm); padding:0 0 7rem; }
.why-inner {
  display:grid; grid-template-columns:1fr 1fr; gap:0;
  border-radius:24px; overflow:hidden;
  border:1.5px solid var(--border);
}

.why-left-panel {
  background:var(--teal); padding:4rem;
  display:flex; flex-direction:column; justify-content:space-between;
}
.why-left-panel .label-tag { color:rgba(255,255,255,.45); }
.why-left-panel .label-tag::before { background:rgba(255,255,255,.3); }
.wlp-h {
  font-family:'Instrument Serif', serif;
  font-size:clamp(2rem,3vw,2.8rem);
  font-weight:400; color:white; line-height:1.15;
  margin:1rem 0 1.5rem; letter-spacing:-.01em;
}
.wlp-h i { color:var(--lime); }
.wlp-p { font-size:.9rem; color:rgba(255,255,255,.55); line-height:1.8; }
.wlp-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:2.5rem; }
.wstat {
  background:rgba(255,255,255,.08); border-radius:14px; padding:1.3rem;
}
.wstat-v {
  font-family:'Instrument Serif',serif;
  font-size:2rem; color:white; line-height:1; margin-bottom:.3rem;
}
.wstat-l { font-size:.68rem; color:rgba(255,255,255,.4); font-weight:600; letter-spacing:.1em; text-transform:uppercase; }

.why-right-panel { background:white; padding:4rem; }
.why-right-panel .label-tag { color:var(--teal-light); }
.wrp-h {
  font-family:'Instrument Serif', serif;
  font-size:1.6rem; font-weight:400; color:var(--ink);
  line-height:1.2; margin:1rem 0 2rem; letter-spacing:-.01em;
}
.pillars { display:flex; flex-direction:column; gap:.9rem; }
.pill-card {
  display:flex; gap:1rem; align-items:flex-start;
  padding:1.2rem; border-radius:14px; border:1.5px solid var(--border);
  background:var(--card-bg);
  transition:border-color .25s, transform .25s;
}
.pill-card:hover { border-color:var(--teal-light); transform:translateX(5px); }
.pill-ico {
  width:40px; height:40px; border-radius:10px;
  background:white; border:1.5px solid var(--border);
  display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0;
}
.pill-card h4 { font-size:.88rem; font-weight:700; color:var(--ink); margin-bottom:.25rem; }
.pill-card p { font-size:.8rem; color:var(--muted); line-height:1.6; }
.pill-card ul {
    margin-left: 1.5rem;
    margin-bottom: 0;
}
/* ══════════════════════════════════
   PROCESS — horizontal card strip
══════════════════════════════════ */
.process-sec { background:var(--card-bg); padding:7rem 0; }
.process-grid {
  display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem;
  margin-top:3.5rem; position:relative;
}
.process-grid::before {
  content:''; position:absolute;
  top:3rem; left:16%; right:16%; height:1px;
  border-top:2px dashed rgba(10,77,92,.15);
}
.pcard {
  background:white; border:1.5px solid var(--border);
  border-radius:18px; padding:2rem 1.6rem; text-align:center;
  transition:transform .3s, box-shadow .3s, border-color .3s;
}
.pcard:hover {
  transform:translateY(-6px);
  box-shadow:0 20px 50px rgba(10,77,92,.09);
  border-color:var(--teal-light);
}
.pcard:nth-child(2) { background:var(--teal); border-color:var(--teal); }
.pcard:nth-child(2) .pstep-n { background:rgba(255,255,255,.15); color:white; }
.pcard:nth-child(2) h4 { color:white; }
.pcard:nth-child(2) p { color:rgba(255,255,255,.55); }

.pstep-n {
  width:52px; height:52px; border-radius:50%;
  background:var(--cyan-pale);
  display:flex; align-items:center; justify-content:center;
  font-family:'Instrument Serif', serif;
  font-size:1.3rem; font-weight:400; color:var(--teal);
  margin:0 auto 1.5rem; position:relative; z-index:1;
}
.pcard h4 { font-size:.95rem; font-weight:700; color:var(--ink); margin-bottom:.55rem; }
.pcard p { font-size:.8rem; color:var(--muted); line-height:1.7; }

/* ══════════════════════════════════
   TESTIMONIALS — staggered masonry feel
══════════════════════════════════ */
.testi-sec { background:var(--warm); padding:0 0 7rem 0; }
.testi-top {
    display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: end; margin-bottom: 3.5rem;
}
.testi-layout {
  display:grid; grid-template-columns:1.2fr 1fr 1fr;
  gap:1.2rem; margin-top:3.5rem; align-items:start;
}
.tcard-v4 {
  background:white; border:1.5px solid var(--border);
  border-radius:20px; padding:2.2rem;
  transition:transform .3s, box-shadow .3s;
}
.tcard-v4:hover { transform:translateY(-4px); box-shadow:0 18px 45px rgba(10,77,92,.08); }
.tcard-v4.accent { background:var(--teal); border-color:transparent; margin-top:2.5rem; }
.tcard-v4.pale { background:var(--cyan-pale); border-color:transparent; }

.tc-stars { display:flex; gap:.3rem; margin-bottom:1.2rem; }
.tc-star {
  width:15px; height:15px; border-radius:4px;
  background:var(--teal); color:white;
  display:flex; align-items:center; justify-content:center;
  font-size:.55rem;
}
.tcard-v4.accent .tc-star { background:rgba(255,255,255,.2); }
.tcard-v4.pale .tc-star { background:var(--teal-light); }

.tc-quote {
  font-family:'Instrument Serif', serif;
  font-size:1.05rem; font-style:italic; font-weight:400;
  color:var(--ink); line-height:1.75; margin-bottom:1.8rem;
}
.tcard-v4.accent .tc-quote { color:rgba(255,255,255,.8); }
.tcard-v4.pale .tc-quote { color:var(--teal); }

.tc-author { display:flex; align-items:center; gap:.8rem; }
.tc-av {
  width:40px; height:40px; border-radius:50%;
  background:var(--teal); color:white;
  display:flex; align-items:center; justify-content:center;
  font-size:.85rem; font-weight:700; font-family:'Instrument Serif',serif;
  flex-shrink:0;
}
.tcard-v4.accent .tc-av { background:rgba(255,255,255,.15); }
.tcard-v4.pale .tc-av { background:var(--teal-mid); }
.tc-name { font-size:.87rem; font-weight:700; color:var(--ink); }
.tcard-v4.accent .tc-name { color:white; }
.tcard-v4.pale .tc-name { color:var(--teal); }
.tc-role { font-size:.72rem; color:var(--muted); margin-top:.1rem; }
.tcard-v4.accent .tc-role { color:rgba(255,255,255,.45); }
.tcard-v4.pale .tc-role { color:var(--teal-mid); }

/* ══════════════════════════════════
   CTA — full-bleed with diagonal split
══════════════════════════════════ */
.cta-sec {
  background:var(--teal); position:relative; overflow:hidden; padding:7rem 0;
}
.cta-sec::after {
  content:''; position:absolute; top:0; right:0; bottom:0;
  width:42%; background:rgba(255,255,255,.04);
  clip-path:polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}
.cta-inner {
  position:relative; z-index:1;
  display:grid; grid-template-columns:1fr auto;
  gap:4rem; align-items:center;
}
.cta-h {
  font-family:'Instrument Serif', serif;
  font-size:clamp(2rem,3.5vw,3.2rem);
  font-weight:400; color:white; line-height:1.15;
  letter-spacing:-.02em; margin-bottom:.9rem;
}
.cta-h i { color:var(--lime); }
.cta-p { font-size:.97rem; color:rgba(255,255,255,.55); font-weight:400; line-height:1.75; max-width:480px; }
.cta-right-btns { display:flex; flex-direction:column; gap:.85rem; flex-shrink:0; }

/* ══════════════════════════════════
   CONTACT
══════════════════════════════════ */
.contact-sec { background:var(--warm); padding:7rem 0; }
.contact-grid {
  display:grid; grid-template-columns:1fr 1.4fr;
  gap:5rem; align-items:start; margin-top:4rem;
}
.contact-left {}
.c-infos { display:flex; flex-direction:column; gap:.9rem; margin-top:2.5rem; }
.ci-row {
  display:flex; gap:1rem; align-items:center;
  background:white; border:1.5px solid var(--border);
  border-radius:14px; padding:1.1rem 1.3rem;
  transition:border-color .2s;
}
.ci-row:hover { border-color:var(--teal-light); }
.ci-ico {
  width:40px; height:40px; border-radius:10px;
  background:var(--card-bg); display:flex; align-items:center;
  justify-content:center; font-size:1.05rem; flex-shrink:0;
}
.ci-txt label { display:block; font-size:.65rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-bottom:.2rem; }
.ci-txt span { font-size:.88rem; font-weight:600; color:var(--ink); }

/* form */
.cform {
  background:white; border:1.5px solid var(--border);
  border-radius:24px; padding:2.8rem;
}
.cform-h {
  font-family:'Instrument Serif', serif;
  font-size:1.7rem; color:var(--ink); margin-bottom:.3rem; letter-spacing:-.01em;
}
.cform-sub { font-size:.83rem; color:var(--muted); margin-bottom:2rem; }

.frow { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.fgroup { margin-bottom:1.1rem; }
.wpforms-field-label label { display:block; font-size:.68rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ink); margin-bottom:.45rem; }
.wpforms-container.cform input[type="text"], .wpforms-container.cform input[type="email"],.wpforms-container.cform input[type="tel"],.wpforms-container.cform select, .wpforms-container.cform textarea {
  width:100%; padding:.8rem 1.1rem;
  background:var(--warm); border:1.5px solid var(--border);
  border-radius:10px; font-family:'Syne',sans-serif;
  font-size:.88rem; color:var(--ink); outline:none;
  transition:border-color .2s, box-shadow .2s;
}
.wpforms-container.cform select {
    min-height: 55px;
}
.wpforms-container.cform input[type="text"]:focus, .wpforms-container.cform input[type="email"]:focus,.wpforms-container.cform input[type="tel"]:focus,.wpforms-container.cform select:focus, .wpforms-container.cform textarea:focus {
  border-color:var(--teal-light);
  box-shadow:0 0 0 4px rgba(16,142,160,.08);
}
.wpforms-container.cform textare { resize:vertical; min-height:100px; }

.wpforms-container.cform button.fsubmit {
  width:100%; padding:1rem;
  background:var(--teal); color:white;
  border:none; border-radius:12px;
  font-family:'Syne',sans-serif;
  font-size:.88rem; font-weight:700; cursor:pointer;
  letter-spacing:.03em; transition:background .2s, transform .2s;
  margin-top:.3rem;
  min-height: 55px;
}
.wpforms-container.cform button.fsubmit:hover { background:var(--teal-mid); transform:translateY(-2px); }

/* ══════════════════════════════════
   FOOTER
══════════════════════════════════ */
footer {
  background:var(--ink); padding:3.5rem 0 2rem;
}
.footer-row {
  display:flex; justify-content:space-between; align-items:center;
  flex-wrap:wrap; gap:2rem; padding-bottom:2.5rem;
  border-bottom:1px solid rgba(255,255,255,.07); margin-bottom:2rem;
}
.f-brand { display:flex; align-items:center; gap:.75rem; }
.f-mark2 {
  width:36px; height:36px; border-radius:8px;
  background:rgba(255,255,255,.07);
  display:flex; align-items:center; justify-content:center;
  font-family:'Instrument Serif',serif;
  font-size:1.2rem; color:rgba(255,255,255,.45); font-style:italic;
}
.f-brand-txt b { display:block; font-size:.85rem; color:rgba(255,255,255,.5); font-weight:700; }
.f-brand-txt small { display:block; font-size:.58rem; color:rgba(255,255,255,.22); letter-spacing:.16em; text-transform:uppercase; }
.f-links { display:flex; gap:2rem; list-style:none; }
.f-links a { font-size:.78rem; color:rgba(255,255,255,.3); text-decoration:none; font-weight:500; transition:color .2s; }
.f-links a:hover { color:rgba(255,255,255,.65); }
.f-base { display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; font-size:.72rem; color:rgba(255,255,255,.2); }
.f-base a { color:rgba(255,255,255,.3); text-decoration:none; }

/* ══════════════════════════════════
   ANIMATIONS
══════════════════════════════════ */
@keyframes fadeUp { from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:translateY(0)} }
.hero-left > * { animation:fadeUp .8s ease both; }
.hero-tag        { animation-delay:.05s; }
.hero-left h1    { animation-delay:.14s; }
.hero-left p     { animation-delay:.23s; }
.hero-actions    { animation-delay:.32s; }
.hero-nums       { animation-delay:.42s; }
.hero-right      { animation:fadeUp .8s .35s ease both; }

/* ══════════════════════════════════
   RESPONSIVE
══════════════════════════════════ */
@media(max-width:1024px){
  .hero-inner { grid-template-columns:1fr; }
  /*.hero-right { display:none; }*/
  .services-header { grid-template-columns:1fr; gap:1.5rem; }
  .bc-1,.bc-2,.bc-3,.bc-4,.bc-5,.bc-6 { grid-column:span 6; }
  .why-inner { grid-template-columns:1fr; border-radius:20px; }
  .process-grid { grid-template-columns:1fr 1fr; }
  .process-grid::before { display:none; }
  .testi-layout { grid-template-columns:1fr; }
  .tcard-v4.accent { margin-top:0; }
  .cta-inner { grid-template-columns:1fr; }
  .cta-right-btns { flex-direction:row; flex-wrap:wrap; }
  .contact-grid { grid-template-columns:1fr; gap:3rem; }
}
@media(max-width:640px){
  .container { padding:0 1.25rem; }
  .hero-inner { padding:3.5rem 1.25rem 7rem; }
  .bc-1,.bc-2,.bc-3,.bc-4,.bc-5,.bc-6 { grid-column:span 12; }
  .testi-top,
  .process-grid { grid-template-columns:1fr; }
  .frow { grid-template-columns:1fr; }
  .why-left-panel, .why-right-panel { padding:2.5rem 1.8rem; }
  .cform { padding:2rem 1.5rem; }
  .f-links { display:none; }
}