/*  FONTFAMILY-LINKS*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* SCROOLBAR */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: var(--c4);
} 
::-webkit-scrollbar-thumb {
  background: #7658BA;
  border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover {
  background: #BC77F5;
}

/* Colors and Fonts */
:root {
  /* Shared content width for all sections, header, and footer */
  --ahfas-container-width: 1350px;
  --c1: #ffffff;         
  --c2: #000000;        
  --c3: ;         
  --c4: ;         
  --c5: ;         
  --c6: ;          

  --f1: "Poppins", sans-serif;
  --f2: ;
  --f3:  ;
}

/* Global Styles */
*{
  padding: 0;
  margin: 0;
}
h1,h2,h3,h4,h5,h6{
  padding: 0;
  margin: 0;
}
p{
  padding: 0;
  margin: 0;
  font-family: var(--f1) !important;
}
ul{
  padding: 0 !important;
  margin: 0;
}
li{
  padding: 0;
  margin: 0;
  list-style: none ;
}
a{
  display: inline-block !important;
  text-decoration: none !important;
}
img{
  width: 100%;
  display: block;
}
.rapper {
    position: relative;
    overflow: hidden;
}
body {
    font-family: var(--f1);
    color: var(--c2);
}

                                   /* HEADER SECTION */






/* ___BUTTON_ANIMATION____ */

.dswipe {
  color:white; 
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: transform 0.6s ease;
}
.dswipe::before {
  content: '';
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  left: 0;
  border-right: 50px solid transparent;
  border-bottom: 50px solid var(--c3) ; 
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1; 
}
.dswipe:hover {
  color:var(--c1);
  box-shadow: 0px 0px 6px #000000;
}
.dswipe:hover::before {
  transform: translateX(0);
}

/* _____ */
/* Main header */
.ahfas-header { position: relative; z-index: 100; background: #10071e; border-bottom: 1px solid rgba(255,255,255,.08); color: #fff; }
.ahfas-header__inner { max-width: var(--ahfas-container-width); min-height: 100px; padding: 16px 12px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.ahfas-brand { flex: 0 0 180px; }
.ahfas-brand .custom-logo-link { max-width: 180px; }
.ahfas-brand img { width: auto; max-width: 180px; max-height: 60px; height: auto; object-fit: contain; }
.ahfas-brand__text { color: #ef82bf; font-size: 25px; font-weight: 700; line-height: 1.2; }
.ahfas-navigation { display: flex; align-items: center; gap: 28px; }
.ahfas-menu { display: flex; align-items: center; gap: 32px; list-style: none; margin: 0; }
.ahfas-menu li { position: relative; }
.ahfas-menu a { position: relative; color: #fff; font-size: 14px; font-weight: 600; line-height: 24px; padding: 12px 0; transition: color .2s; }
.ahfas-menu > li > a::after { content: ''; position: absolute; bottom: 7px; left: 0; right: 0; height: 2px; background: #f575cf; transform: scaleX(0); transition: transform .2s; }
.ahfas-menu a:hover, .ahfas-menu a:focus-visible, .ahfas-menu .current-menu-item > a, .ahfas-menu .current_page_item > a, .ahfas-menu .current-menu-ancestor > a { color: #f575cf; }
.ahfas-menu > .current-menu-item > a::after, .ahfas-menu > .current_page_item > a::after, .ahfas-menu > li > a:hover::after { transform: scaleX(1); }
.ahfas-submenu-toggle { border: 0; background: transparent; color: #fff; width: 24px; height: 36px; cursor: pointer; vertical-align: middle; }
.ahfas-submenu-toggle::after { content: ''; display: inline-block; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); }
/* Header Services dropdown: matches the dark rectangular reference panel. */
.ahfas-menu .sub-menu, .ahfas-menu .children { display: none; position: absolute; z-index: 100; top: 100%; left: 0; width: 270px; margin: 0; padding: 0 !important; background: #271d34; border: 0; border-radius: 0; box-shadow: 0 12px 30px #0003; }
.ahfas-menu .sub-menu a, .ahfas-menu .children a { display: block !important; max-width: 100%; padding: 12px 28px; font-size: 13px; font-weight: 600; line-height: 22px; text-transform: uppercase; overflow-wrap: anywhere; }
.ahfas-menu .menu-item-has-children:hover > a, .ahfas-menu .menu-item-has-children:focus-within > a, .ahfas-menu .menu-item-has-children.is-open > a { color: #f575cf; }
.ahfas-menu > .menu-item-has-children:hover > a::after, .ahfas-menu > .menu-item-has-children:focus-within > a::after, .ahfas-menu > .menu-item-has-children.is-open > a::after { transform: scaleX(1); }
.ahfas-menu .menu-item-has-children > .ahfas-submenu-toggle { color: #f575cf; }
.ahfas-menu li:hover > ul, .ahfas-menu li:focus-within > ul, .ahfas-menu li.is-open > ul { display: block; }
.ahfas-menu ul ul { top: 0; left: 100%; }
.ahfas-quote { flex-shrink: 0; padding: 15px 33px; border-radius: 50px; background: linear-gradient(110deg,#bc77f5,#f779ca); color: #fff; font-size: 13px; line-height: 20px; font-weight: 600; text-transform: uppercase; text-align: center; transition: filter .2s; }
.ahfas-quote:hover { color: #fff; filter: brightness(1.1); }
.ahfas-header a:focus-visible, .ahfas-header button:focus-visible { outline: 2px solid #f575cf; outline-offset: 4px; }
.ahfas-menu-toggle { display: none; border: 1px solid #ffffff40; background: transparent; border-radius: 6px; padding: 10px; width: 44px; height: 42px; cursor: pointer; }
.ahfas-menu-toggle span { display: block; height: 2px; background: #fff; margin: 4px 0; }

/* Footer */
.ahfas-footer { background: #0c0417; color: #fff; padding: 35px 22px 0; }
.ahfas-footer__container { max-width: var(--ahfas-container-width); margin: 0 auto; border-top: 1px solid #ffffff14; }
.ahfas-footer__grid { display: grid; grid-template-columns: 1.65fr 1fr .9fr 1fr; gap: 48px; padding: 74px 0 80px; }
.ahfas-footer__grid > * { min-width: 0; }
.ahfas-footer__logo { width: 255px; max-width: 100%; }
.ahfas-footer__logo img { width: 100%; height: auto; }
.ahfas-footer__brand::before { content: none; }
.ahfas-footer__description::before { content: ''; display: block; width: 60px; height: 2px; background: #bc7af4; margin-bottom: 20px; }
.ahfas-footer__description { color: #a2a1be; font-size: 16px; line-height: 29px; margin: 25px 0 20px; max-width: 350px; }
.ahfas-footer__socials { display: flex; flex-wrap: wrap; gap: 10px; }
.ahfas-footer__socials a, .ahfas-footer__social-placeholder { display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #777080; border-radius: 50%; color: #fff; font-size: 19px; transition: color .2s, border-color .2s, background .2s; }
.ahfas-footer__column h2 { color: #fff; font-family: var(--f1); font-size: 20px; font-weight: 600; line-height: 1.4; margin: 4px 0 22px; }
.ahfas-footer__column h2::after { content: ''; display: block; width: 50px; height: 2px; margin-top: 19px; background: #bc7af4; }
.ahfas-footer__links { margin: 0; padding: 0 !important; list-style: none; }
.ahfas-footer__links li { position: relative; padding: 0 0 0 27px; margin-bottom: 18px; line-height: 1.6; }
.ahfas-footer__links li::before { content: ''; position: absolute; left: 3px; top: 6px; width: 10px; height: 10px; border-top: 3px solid #bc7af4; border-right: 3px solid #bc7af4; transform: rotate(45deg); }
.ahfas-footer__links a { color: #fff; font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }
.ahfas-footer__contact-link { display: flex !important; align-items: flex-start; gap: 12px; color: #fff; font-size: 12px; line-height: 23px; margin-bottom: 20px; }
.ahfas-footer__contact-link i { flex: 0 0 16px; color: #bc7af4; font-size: 18px; margin-top: 4px; }
.ahfas-footer__contact-link span { overflow-wrap: anywhere; }
.ahfas-footer__whatsapp { display: flex !important; align-items: center; justify-content: flex-start; gap: 17px; padding: 17px 12px; border: 1px solid #a09aab; border-radius: 10px; color: #fff; font-size: 12px; font-weight: 500; line-height: 1.6; }
.ahfas-footer__whatsapp i { color: #bc7af4; font-size: 28px; }
.ahfas-footer a:hover { color: #ce94ff; }
.ahfas-footer__socials a:hover { border-color: #bc7af4; background: #bc7af417; }
.ahfas-footer a:focus-visible { outline: 2px solid #bc7af4; outline-offset: 5px; }
.ahfas-footer__bottom { border-top: 1px solid #ffffff14; text-align: center; padding: 21px 0 12px; }
.ahfas-footer__bottom p { margin: 0; color: #a2a1be; font-size: 16px; line-height: 26px; }


/* ==================== HOME: MAIN HERO SECTION START ==================== */
/* Hero background and centered content container */
.ahfas-hero { position: relative; isolation: isolate; overflow: hidden; background: #0b0415; color: #fff; padding: 96px 24px 102px; text-align: center; }
.ahfas-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #08030f 0%, transparent 42%, #0b041540 72%, #0b0415 100%), url('../images/hero-wave.svg') center bottom / cover no-repeat; opacity: .8; pointer-events: none; }
.ahfas-hero__content { max-width: var(--ahfas-container-width); margin: 0 auto; }
/* Outlined eyebrow badge */
.ahfas-hero__eyebrow { display: inline-block; margin: 0 0 24px; border: 2px solid #f575cf; border-radius: 50px; padding: 10px 17px; font-size: 13px; font-weight: 600; line-height: 18px; text-transform: uppercase; }
/* Main headline and supporting copy */
.ahfas-hero__title { color: #fff; font-family: var(--f1); font-size: clamp(36px, 3.8vw, 60px); font-weight: 700; line-height: 1.02; letter-spacing: -1.8px; margin: 0 0 28px; }
.ahfas-hero__description { max-width: 800px; margin: 0 auto; color: #a09aae; font-size: 16px; font-weight: 400; line-height: 1.8; }
/* Gradient call-to-action buttons */
.ahfas-hero__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; margin-top: 58px; }
.ahfas-hero__button { border-radius: 50px; background: linear-gradient(110deg, #bc77f5, #f779ca); color: #fff; padding: 16px 32px; font-size: 13px; font-weight: 600; line-height: 19px; text-transform: uppercase; transition: transform .2s ease, filter .2s ease; }
.ahfas-hero__button:hover { color: #fff; filter: brightness(1.1); transform: translateY(-2px); }
.ahfas-hero__button:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
/* ==================== HOME: MAIN HERO SECTION END ==================== */

/* ==================== HOME SECTION 2: TRUST AND COUNTERS START ==================== */
/* Dark section background and softly lit panel */
.ahfas-trust { background: #0b0415; padding: 50px 24px 42px; color: #fff; }
.ahfas-trust__panel { max-width: var(--ahfas-container-width); margin: 0 auto; padding: 102px 48px 100px; border-radius: 10px; text-align: center; background: radial-gradient(ellipse at 46% 12%, #74496340, transparent 65%), linear-gradient(180deg, #2b2236 0%, #1a1029 58%, #0b0415 100%); }
/* Centered trust statement */
.ahfas-trust__title { max-width: 1000px; margin: 0 auto; color: #fff; font-family: var(--f1); font-size: 22px; line-height: 1.3; font-weight: 700; letter-spacing: -.5px; }
/* Four-column counters and labels */
.ahfas-trust__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; margin: 54px 0 0; }
.ahfas-trust__stat { display: flex; flex-direction: column; align-items: center; min-width: 0; }
.ahfas-trust__stat dt { order: 2; color: #fff; font-size: 13px; line-height: 1.5; font-weight: 600; text-transform: uppercase; }
.ahfas-trust__stat dd { margin: 0; color: #fff; font-size: 68px; font-weight: 700; line-height: 1.1; letter-spacing: -2px; font-variant-numeric: tabular-nums; }
/* One-time entrance animation triggered when the panel enters the viewport */
.ahfas-trust.is-visible .ahfas-trust__panel { animation: ahfas-trust-reveal .8s ease-out both; }
.ahfas-trust.is-visible .ahfas-trust__stat { animation: ahfas-trust-reveal .7s ease-out both; }
.ahfas-trust.is-visible .ahfas-trust__stat:nth-child(2) { animation-delay: .1s; }
.ahfas-trust.is-visible .ahfas-trust__stat:nth-child(3) { animation-delay: .2s; }
.ahfas-trust.is-visible .ahfas-trust__stat:nth-child(4) { animation-delay: .3s; }
@keyframes ahfas-trust-reveal {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
/* ==================== HOME SECTION 2: TRUST AND COUNTERS END ==================== */

/* ==================== HOME SECTION 3: SYSTEM WE BUILD START ==================== */
/* Full-width image background with dark overlay for readable copy */
.ahfas-system { position: relative; isolation: isolate; overflow: hidden; background: #0b0415; color: #fff; padding: 100px 24px 48px; }
.ahfas-system::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(#0b0415d9, #0b0415e8), var(--system-background) center center / cover no-repeat; pointer-events: none; }
.ahfas-system__inner { max-width: var(--ahfas-container-width); margin: 0 auto; display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: center; }
/* Foreground image and overlapping circular badge */
.ahfas-system__visual { position: relative; min-width: 0; }
.ahfas-system__image { width: 100%; height: auto; aspect-ratio: 1.12; object-fit: cover; border-radius: 10px; filter: grayscale(1) brightness(.65); }
.ahfas-system__badge { position: absolute; top: -92px; right: 0; width: 124px; height: 124px; border-radius: 50%; background: #b478fa; display: flex; align-items: center; justify-content: center; }
.ahfas-system__badge svg { width: 100%; height: 100%; fill: #fff; font-family: var(--f1); font-size: 8px; font-weight: 600; letter-spacing: 1.3px; animation: ahfas-system-badge-spin 30s linear infinite; }
/* Eyebrow, headline, and body paragraphs */
.ahfas-system__eyebrow { color: #f575cf !important; font-size: 12px !important; font-weight: 600; text-transform: uppercase; margin: 0 0 18px !important; }
.ahfas-system__content h2 { font-family: var(--f1); color: #fff; font-size: 34px; line-height: 1.22; font-weight: 600; letter-spacing: -.9px; margin: 0 0 24px; }
.ahfas-system__content p { color: #a09aae; font-size: 14px; line-height: 1.8; margin: 0 0 20px; }
/* Wrapping checklist with purple ticks */
.ahfas-system__benefits { display: flex; flex-wrap: wrap; gap: 5px 17px; margin: 24px 0 22px; padding: 0 !important; }
.ahfas-system__benefits li { position: relative; padding-left: 21px; font-size: 13px; line-height: 1.6; color: #a09aae; }
.ahfas-system__benefits li::before { content: ''; position: absolute; top: 5px; left: 2px; width: 6px; height: 10px; border: solid #b478fa; border-width: 0 2px 2px 0; transform: rotate(45deg); }
/* Gradient About Us button and badge animation */
.ahfas-system__button { padding: 16px 32px; border-radius: 50px; color: #fff; background: linear-gradient(110deg, #bc77f5, #f779ca); font-size: 12px; font-weight: 600; line-height: 18px; text-transform: uppercase; transition: filter .2s, transform .2s; }
.ahfas-system__button:hover { color: #fff; filter: brightness(1.1); transform: translateY(-2px); }
.ahfas-system__button:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
@keyframes ahfas-system-badge-spin { to { transform: rotate(360deg); } }
/* ==================== HOME SECTION 3: SYSTEM WE BUILD END ==================== */

/* ==================== HOME SECTION 4: BUSINESS CHALLENGES START ==================== */
/* Pattern background and centered section container */
.ahfas-challenges { position: relative; isolation: isolate; background: #0b0415; color: #fff; padding: 56px 24px 32px; }
.ahfas-challenges::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, #0b041530, #0b041590), var(--challenges-background) center top / cover no-repeat; pointer-events: none; }
.ahfas-challenges__inner { max-width: var(--ahfas-container-width); margin: 0 auto; }
/* Section title and supporting introduction */
.ahfas-challenges__intro { max-width: 960px; margin: 0 auto 62px; text-align: center; }
.ahfas-challenges__intro h2 { max-width: 800px; margin: 0 auto 20px; color: #fff; font-family: var(--f1); font-size: 44px; line-height: 1.2; font-weight: 600; letter-spacing: -1px; }
.ahfas-challenges__intro p { margin: 0; color: #a09aae; font-size: 14px; line-height: 1.8; }
/* Three columns: final two cards stay aligned to the left */
.ahfas-challenges__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
/* Double-border cards with subtle grid lines and translucent fill */
.ahfas-challenges__card { min-width: 0; padding: 15px; border: 1px solid #ffffff30; border-radius: 20px; display: flex; transition: border-color .2s, transform .2s; }
.ahfas-challenges__card-inner { width: 100%; padding: 34px 16px 18px; border: 1px solid #ffffff40; border-radius: 9px; background: linear-gradient(#ffffff0b 1px, transparent 1px), linear-gradient(90deg, #ffffff0b 1px, transparent 1px), linear-gradient(135deg, #ffffff10, #ffffff1c); background-size: 90px 54px, 90px 54px, 100% 100%; }
.ahfas-challenges__card h3 { margin: 0 0 12px; color: #fff; font-family: var(--f1); font-size: 18px; line-height: 1.3; font-weight: 600; letter-spacing: -.5px; }
.ahfas-challenges__card p { margin: 0; color: #a09aae; font-size: 15px; line-height: 1.8; }
/* Subtle pointer interaction */
@media (hover: hover) {
  .ahfas-challenges__card:hover { border-color: #bc77f580; transform: translateY(-4px); }
}
/* ==================== HOME SECTION 4: BUSINESS CHALLENGES END ==================== */

/* ==================== HOME SECTION 5: PRACTICAL DIGITAL GROWTH START ==================== */
/* Original background: soft violet and rose light on a dark canvas */
.ahfas-growth { position: relative; isolation: isolate; overflow: hidden; padding: 100px 24px 104px; background: radial-gradient(ellipse at 12% 60%, #6532a329 0%, transparent 52%), radial-gradient(ellipse at 88% 30%, #c6499220 0%, transparent 48%), #0b0415; color: #fff; text-align: center; }
/* Subtle central glow and fine top/bottom dividers */
.ahfas-growth::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 50% 100%, #9860d016, transparent 65%); pointer-events: none; }
.ahfas-growth::after { content: ''; position: absolute; inset: 0 8%; z-index: -1; border-top: 1px solid #c48bff18; border-bottom: 1px solid #c48bff18; pointer-events: none; }
/* Large decorative orbital rings framing the copy */
.ahfas-growth__rings { position: absolute; z-index: -1; width: 760px; height: 760px; left: -520px; top: 50%; transform: translateY(-50%); border: 1px solid #bd83f522; border-radius: 50%; box-shadow: 0 0 0 65px #bd83f507, 0 0 0 66px #bd83f512, 0 0 0 130px #bd83f504, 0 0 0 131px #bd83f50c; pointer-events: none; }
.ahfas-growth__rings::after { content: ''; position: absolute; width: 760px; height: 760px; left: max(1100px, 100vw); top: -160px; border: 1px solid #f575cf18; border-radius: 50%; box-shadow: 0 0 0 65px #f575cf05, 0 0 0 66px #f575cf0c; }
/* Constrained centered heading and readable body copy */
.ahfas-growth__content { max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-growth__content h2 { max-width: 790px; margin: 0 auto 26px; color: #fff; font-family: var(--f1); font-size: 46px; line-height: 1.2; font-weight: 600; letter-spacing: -1px; }
.ahfas-growth__content p { margin: 0; color: #a8a0b7; font-size: 15px; line-height: 1.85; }
/* Emphasized connecting statement with a small gradient accent */
.ahfas-growth__content .ahfas-growth__highlight { margin: 24px 0; color: #eadcf8; font-weight: 500; }
.ahfas-growth__highlight::before { content: ''; display: block; width: 44px; height: 2px; margin: 0 auto 22px; background: linear-gradient(90deg, #bc77f5, #f779ca); border-radius: 2px; }
/* ==================== HOME SECTION 5: PRACTICAL DIGITAL GROWTH END ==================== */

/* ==================== HOME SECTION 6: COMPACT SERVICES START ==================== */
/* Plain background and compact content width */
.ahfas-services { background: #0b0415; color: #fff; padding: 56px 24px; }
.ahfas-services__inner { max-width: var(--ahfas-container-width); margin: 0 auto; }
/* Centered heading, eyebrow, and introduction */
.ahfas-services__intro { max-width: 820px; margin: 0 auto 28px; text-align: center; }
.ahfas-services__intro .ahfas-services__eyebrow { color: #f575cf; font-size: 11px; font-weight: 600; letter-spacing: 1.3px; line-height: 1.5; text-transform: uppercase; margin: 0 0 10px; }
.ahfas-services__intro h2 { max-width: 740px; margin: 0 auto 14px; color: #fff; font-family: var(--f1); font-size: 34px; line-height: 1.2; font-weight: 600; letter-spacing: -.8px; }
.ahfas-services__intro p { color: #a09aae; font-size: 13px; line-height: 1.75; margin: 0 0 10px; }
/* Six service cards with compact spacing and restrained borders */
.ahfas-services__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ahfas-services__card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 22px; background: #1b1327; border: 1px solid #ffffff26; border-radius: 10px; transition: border-color .2s; }
.ahfas-services__icon { color: #ee80c6; font-size: 24px; margin-bottom: 14px; }
.ahfas-services__card h3 { color: #fff; font-family: var(--f1); font-size: 16px; font-weight: 600; line-height: 1.35; margin: 0 0 9px; }
.ahfas-services__card p { color: #a9a1b6; font-size: 12px; line-height: 1.75; margin: 0 0 16px; }
.ahfas-services__card:hover { border-color: #bc77f580; }
/* Small gradient buttons aligned to each card's bottom edge */
.ahfas-services__button { padding: 10px 20px; background: linear-gradient(110deg, #bc77f5, #f779ca); border-radius: 50px; color: #fff; font-size: 10px; font-weight: 600; line-height: 16px; text-transform: uppercase; }
.ahfas-services__card .ahfas-services__button { margin-top: auto; }
.ahfas-services__button:hover { color: #fff; filter: brightness(1.1); }
.ahfas-services__button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.ahfas-services__action { text-align: center; margin-top: 26px; }
/* ==================== HOME SECTION 6: COMPACT SERVICES END ==================== */

/* ==================== HOME SECTION 7: AHFAS DIFFERENCE START ==================== */
/* Original violet background and constrained two-column composition */
.ahfas-difference { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 12% 90%, #49207838, transparent 60%), linear-gradient(115deg, #10071e, #190733); color: #fff; padding: 76px 24px; }
.ahfas-difference__inner { max-width: var(--ahfas-container-width); margin: 0 auto; position: relative; }
.ahfas-difference__content { width: 52%; max-width: 650px; }
/* Right-side background image with soft edges blending into the section */
.ahfas-difference__visual { position: absolute; z-index: -1; top: 0; bottom: 0; right: 0; width: 51%; background: linear-gradient(90deg, #16092b 0%, #16092b30 30%, #16092b20 75%, #16092b60 100%), var(--difference-image) center / cover no-repeat; opacity: .75; mask-image: linear-gradient(90deg, transparent, #000 24%); }
/* Eyebrow, heading, and body copy */
.ahfas-difference__content .ahfas-difference__eyebrow { margin: 0 0 16px; color: #f575cf; font-size: 11px; line-height: 1.5; font-weight: 600; text-transform: uppercase; }
.ahfas-difference__content h2 { margin: 0 0 20px; color: #fff; font-family: var(--f1); font-size: 30px; line-height: 1.25; font-weight: 600; letter-spacing: -.6px; }
.ahfas-difference__content > p { color: #aaa0be; font-size: 13px; line-height: 1.8; margin: 0 0 18px; }
/* Labeled progress tracks and alternating pink/violet fills */
.ahfas-difference__skills { margin-top: 26px; }
.ahfas-difference__skill { margin-bottom: 22px; }
.ahfas-difference__skill .ahfas-difference__label { margin: 0 0 8px; color: #fff; font-size: 11px; font-weight: 600; line-height: 1.5; text-transform: uppercase; }
.ahfas-difference__track { height: 14px; border-radius: 50px; background: #ffffff26; overflow: hidden; }
.ahfas-difference__fill { display: block; height: 100%; border-radius: 50px 0 0 50px; background: #f575cf; min-width: 0; overflow: hidden; }
.ahfas-difference__skill:nth-child(even) .ahfas-difference__fill { background: #b478fa; }
.ahfas-difference__fill > span { display: block; padding-right: 12px; color: #fff; font-size: 9px; font-weight: 600; line-height: 14px; text-align: right; }
/* Gradient review button */
.ahfas-difference__button { padding: 14px 25px; border-radius: 50px; background: linear-gradient(110deg, #bc77f5, #f779ca); color: #fff; font-size: 11px; font-weight: 600; line-height: 18px; text-transform: uppercase; }
.ahfas-difference__button:hover { color: #fff; filter: brightness(1.1); }
.ahfas-difference__button:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
/* ==================== HOME SECTION 7: AHFAS DIFFERENCE END ==================== */

/* ==================== HOME SECTION 8: GROWTH PROCESS START ==================== */
/* Soft violet and pink background glows */
.ahfas-process { padding: 64px 24px 52px; color: #fff; background: radial-gradient(ellipse at 50% 0%, #783e9c16, transparent 55%), radial-gradient(ellipse at 85% 90%, #bd4d8c0b, transparent 45%), #0b0415; }
.ahfas-process__inner { max-width: var(--ahfas-container-width); margin: 0 auto; }
/* Centered section heading and introduction */
.ahfas-process__intro { text-align: center; margin: 0 auto 42px; }
.ahfas-process__intro .ahfas-process__eyebrow { margin: 0 0 18px; color: #f575cf; font-size: 11px; font-weight: 600; line-height: 1.5; text-transform: uppercase; }
.ahfas-process__intro h2 { margin: 0 auto 20px; color: #fff; font-family: var(--f1); font-size: 38px; font-weight: 600; line-height: 1.25; letter-spacing: -.8px; }
.ahfas-process__intro > p:not(.ahfas-process__eyebrow) { max-width: 880px; margin: 0 auto 16px; color: #a69db7; font-size: 13px; line-height: 1.8; }
/* Four ordered process cards with subtle vertical borders */
.ahfas-process__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: 0; margin: 0; list-style: none; }
.ahfas-process__card { position: relative; min-width: 0; padding: 24px 18px; border: 1px solid #ffffff12; border-radius: 12px; text-align: center; background: #ffffff02; transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease; }
/* Circular pink icons and readable process copy */
.ahfas-process__icon { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin-bottom: 18px; border-radius: 50%; background: #f779ca; color: #fff; font-size: 27px; transition: transform .3s ease, box-shadow .3s ease; }
.ahfas-process__card h3 { margin: 0 0 12px; color: #fff; font-family: var(--f1); font-size: 16px; line-height: 1.4; font-weight: 600; letter-spacing: -.3px; }
.ahfas-process__card p { margin: 0; color: #a69db7; font-size: 13px; line-height: 1.8; }
/* Pointer hover: raise each box, brighten its border, and tilt the icon */
@media (hover: hover) {
  .ahfas-process__card:hover { transform: translateY(-8px); border-color: #c782ee66; background: #bd77f50d; box-shadow: 0 16px 36px #0003; }
  .ahfas-process__card:hover .ahfas-process__icon { transform: rotate(-7deg) scale(1.08); box-shadow: 0 0 28px #f779ca30; }
}
/* Centered gradient audit button */
.ahfas-process__action { margin-top: 38px; text-align: center; }
.ahfas-process__button { padding: 14px 28px; border-radius: 50px; background: linear-gradient(110deg, #bc77f5, #f779ca); color: #fff; font-size: 11px; font-weight: 600; line-height: 18px; text-transform: uppercase; }
.ahfas-process__button:hover { color: #fff; filter: brightness(1.1); }
.ahfas-process__button:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
/* ==================== HOME SECTION 8: GROWTH PROCESS END ==================== */


/* ==================== HOME SECTION 9: MODERN BRANDS START ==================== */
/* Plain dark section and shared 1350px content container */
.ahfas-brands { padding: 60px 24px; color: #fff; background: #0b0415; }
.ahfas-brands__inner { max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-brands__intro { text-align: center; max-width: 1040px; margin: 0 auto 38px; }
.ahfas-brands__intro h2 { margin: 0 0 20px; color: #fff; font-family: var(--f1); font-size: 36px; font-weight: 600; line-height: 1.25; letter-spacing: -.7px; }
.ahfas-brands__intro p { color: #a69db7; font-size: 13px; line-height: 1.8; margin: 0 0 16px; }
/* Asymmetric feature layout with a full-height support card */
.ahfas-brands__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.ahfas-brands__card { position: relative; isolation: isolate; overflow: hidden; min-width: 0; border-radius: 12px; padding: 28px 24px; background: #160a27; }
.ahfas-brands__card h3 { font-family: var(--f1); color: #fff; font-size: 20px; line-height: 1.25; font-weight: 600; margin: 0 0 18px; letter-spacing: -.4px; }
.ahfas-brands__card p { color: #b0a5c4; font-size: 13px; line-height: 1.85; margin: 0; }
/* Animated outline draws around the box perimeter on hover */
.ahfas-brands__card::after { content: ''; position: absolute; inset: 0; z-index: 3; border: 2px solid #f58bda; border-radius: inherit; clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0, 0 0); pointer-events: none; }
@keyframes ahfas-brands-outline {
  0% { clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0, 0 0); }
  25% { clip-path: polygon(0 0, 100% 0, 100% 0, 100% 0, 100% 0, 0 0); }
  50% { clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%, 0 0); }
  75% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 0 0); }
  100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 0 0); }
}
@media (hover: hover) {
  .ahfas-brands__card:hover::after { animation: ahfas-brands-outline .7s linear forwards; }
}
.ahfas-brands__card:focus-within::after { animation: ahfas-brands-outline .7s linear forwards; }
/* Desktop communication card */
.ahfas-brands__communication { grid-column: span 6; display: flex; align-items: center; min-height: 285px; }
.ahfas-brands__communication .ahfas-brands__copy { width: 55%; position: relative; z-index: 1; }
.ahfas-brands__communication h3 { color: #c58aff; }
.ahfas-brands__communication img { position: absolute; width: 49%; right: 0; bottom: 22px; max-height: 85%; object-fit: contain; }
/* Rocket strategy card */
.ahfas-brands__strategy { grid-column: span 3; background: #2b2438; min-height: 285px; }
.ahfas-brands__strategy .ahfas-brands__copy { position: relative; z-index: 1; width: 68%; }
.ahfas-brands__strategy img { position: absolute; width: 100%; height: 100%; object-fit: contain; object-position: right bottom; bottom: 0; right: -20%; opacity: .9; }
.ahfas-brands__strategy p { font-size: 11px; }
/* Satisfaction counter and star rating */
.ahfas-brands__rating { grid-column: 1 / span 3; background: linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), #140b21; background-size: 32px 32px; text-align: center; }
.ahfas-brands__rating h3 { font-size: 60px; line-height: 1; letter-spacing: -2px; margin-bottom: 12px; font-variant-numeric: tabular-nums; }
.ahfas-brands__rating h4 { color: #fff; font-family: var(--f1); font-size: 15px; line-height: 1.4; font-weight: 600; margin: 0 0 18px; }
.ahfas-brands__stars { display: flex; justify-content: center; gap: 5px; color: #f779ca; font-size: 20px; margin-bottom: 18px; }
/* Mobile app card */
.ahfas-brands__scale { grid-column: 4 / span 6; min-height: 310px; background: linear-gradient(120deg, #b478fa, #33174f); }
.ahfas-brands__scale .ahfas-brands__copy { position: relative; z-index: 1; width: 45%; }
.ahfas-brands__scale p { color: #fff; }
.ahfas-brands__scale img { position: absolute; right: 0; bottom: 0; width: 56%; height: 80%; object-fit: contain; object-position: right bottom; }
/* Pink/violet premium support panel */
.ahfas-brands__support { grid-column: 10 / span 3; grid-row: 1 / span 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: linear-gradient(160deg, #b478fa, #f779ca); }
.ahfas-brands__phone-icon { display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 50%; background: #fff; color: #b478fa; font-size: 30px; margin-bottom: 28px; }
.ahfas-brands__support h3 { font-size: 25px; margin-bottom: 22px; }
.ahfas-brands__support > a { color: #fff; font-size: 17px; font-weight: 600; margin-bottom: 20px; overflow-wrap: anywhere; }
.ahfas-brands__support > a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.ahfas-brands__support p { color: #fff; }
/* ==================== HOME SECTION 9: MODERN BRANDS END ==================== */

/* ==================== HOME SECTION 10: EDITABLE TESTIMONIALS START ==================== */
/* Muted plum gradient with a soft rose glow */
.ahfas-testimonials { background: radial-gradient(ellipse at 50% 0%, #6e355329, transparent 65%), linear-gradient(135deg, #211326, #171020); color: #fff; padding: 72px 24px 60px; }
.ahfas-testimonials__inner { max-width: var(--ahfas-container-width); margin: 0 auto; }
/* Editable section heading and introduction */
.ahfas-testimonials__intro { max-width: 1050px; margin: 0 auto 38px; text-align: center; }
.ahfas-testimonials__intro .ahfas-testimonials__eyebrow { color: #f08cc9; font-size: 11px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; margin: 0 0 18px; }
.ahfas-testimonials__intro h2 { color: #fff; font-family: var(--f1); font-size: 40px; font-weight: 600; line-height: 1.2; letter-spacing: -.8px; margin: 0 0 22px; }
.ahfas-testimonials__intro > p:last-child { color: #c2b6cb; font-size: 14px; line-height: 1.8; max-width: 880px; margin: 0 auto; }
/* Native scrolling keeps all published reviews accessible without JavaScript */
.ahfas-testimonials__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 40px) / 3); gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 0 14px; }
/* Hide the bottom scrollbar while preserving swipe and button navigation. */
.ahfas-testimonials__track::-webkit-scrollbar { display: none; }
.ahfas-testimonials__track:focus-visible { outline: 2px solid #f08cc9; outline-offset: 4px; }
/* Layered plum review cards, portraits, and client attribution */
.ahfas-testimonials__card { min-width: 0; margin: 0; padding: 36px 28px; display: flex; flex-direction: column; align-items: center; text-align: center; background: linear-gradient(145deg, #35263d, #291e32); border: 1px solid #ffffff26; box-shadow: 0 12px 32px #0000001a; border-radius: 14px; scroll-snap-align: start; }
.ahfas-testimonials__avatar, .ahfas-testimonials__initial { width: 56px; height: 56px; flex-shrink: 0; border-radius: 50%; margin: 0 0 26px; object-fit: cover; }
.ahfas-testimonials__initial { display: inline-flex; align-items: center; justify-content: center; background: #4c325b; color: #f0d8ff; font-size: 24px; font-weight: 600; }
.ahfas-testimonials__card blockquote { margin: 0 0 24px; color: #c2b6cb; font-style: italic; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.ahfas-testimonials__card blockquote p { margin: 0 0 12px; }
.ahfas-testimonials__card blockquote p:last-child { margin-bottom: 0; }
.ahfas-testimonials__card figcaption { margin-top: auto; font-size: 14px; font-weight: 600; color: #f5eafa; }
/* Pagination dots and previous/next buttons */
.ahfas-testimonials__controls { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 18px; }
.ahfas-testimonials__controls[hidden] { display: none; }
.ahfas-testimonials__controls button { cursor: pointer; }
.ahfas-testimonials__prev, .ahfas-testimonials__next { border: 1px solid #ffffff40; border-radius: 50%; background: transparent; color: #ead9f2; width: 36px; height: 36px; }
.ahfas-testimonials__controls button:disabled { opacity: .35; cursor: default; }
.ahfas-testimonials__dots { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
.ahfas-testimonials__dots button { display: grid; place-items: center; width: 24px; height: 28px; border: 0; background: transparent; padding: 0; }
.ahfas-testimonials__dots button::before { content: ''; width: 10px; height: 10px; border-radius: 50%; background: #67516f; }
.ahfas-testimonials__dots button[aria-current="true"]::before { background: #f779ca; }
.ahfas-testimonials button:focus-visible, .ahfas-testimonials a:focus-visible { outline: 2px solid #f08cc9; outline-offset: 4px; }
.ahfas-testimonials__empty { text-align: center; font-size: 14px; color: #c2b6cb; }
.ahfas-testimonials__empty a { color: #f08cc9; }
/* ==================== HOME SECTION 10: EDITABLE TESTIMONIALS END ==================== */

/* ==================== HOME SECTION 11: DYNAMIC FAQs START ==================== */
/* Dark section and shared 1350px content container */
.ahfas-faq { padding: 68px 24px 64px; background: #0b0415; color: #fff; }
.ahfas-faq__inner { max-width: 1140px; margin: 0 auto; }
/* Centered editable title and introduction */
.ahfas-faq__intro { text-align: center; margin: 0 auto 46px; }
.ahfas-faq__intro .ahfas-faq__eyebrow { margin: 0 0 20px; color: #f575cf; font-size: 12px; font-weight: 600; line-height: 1.5; text-transform: uppercase; }
.ahfas-faq__intro h2 { margin: 0 0 22px; color: #fff; font-family: var(--f1); font-size: 42px; line-height: 1.2; font-weight: 600; letter-spacing: -.8px; }
.ahfas-faq__intro > p:last-child { max-width: 650px; margin: 0 auto; color: #a69db7; font-size: 15px; line-height: 1.8; }
/* Pill-shaped accordion questions with accessible native summary controls */
.ahfas-faq__item { margin: 0 0 14px; }
.ahfas-faq__item summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 16px 30px; border-radius: 40px; background: #271d34; color: #fff; font-size: 12px; font-weight: 600; line-height: 1.6; text-transform: uppercase; list-style: none; cursor: pointer; transition: background .2s; }
.ahfas-faq__item summary::-webkit-details-marker { display: none; }
.ahfas-faq__item summary::marker { content: ''; }
.ahfas-faq__item summary:hover { background: #3b294d; }
.ahfas-faq__item summary:focus-visible { outline: 2px solid #f575cf; outline-offset: 4px; }
.ahfas-faq__item[open] summary { background: #f779ca; }
/* CSS plus/minus indicator follows the open state */
.ahfas-faq__toggle { position: relative; flex: 0 0 12px; width: 12px; height: 12px; }
.ahfas-faq__toggle::before, .ahfas-faq__toggle::after { content: ''; position: absolute; top: 5px; left: 0; width: 12px; height: 2px; background: currentColor; }
.ahfas-faq__toggle::after { transform: rotate(90deg); }
.ahfas-faq__item[open] .ahfas-faq__toggle::after { transform: rotate(0); }
/* Rich text answers support paragraphs, links, and lists */
.ahfas-faq__answer { padding: 28px 30px 26px; color: #aaa1bb; font-size: 15px; line-height: 1.85; overflow-wrap: anywhere; }
.ahfas-faq__answer p { margin: 0 0 16px; }
.ahfas-faq__answer > :last-child { margin-bottom: 0; }
.ahfas-faq__answer ul, .ahfas-faq__answer ol { padding-left: 24px !important; margin: 0 0 16px; }
.ahfas-faq__answer li { list-style: inherit; }
.ahfas-faq__answer ul li { list-style-type: disc; }
.ahfas-faq__answer ol li { list-style-type: decimal; }
.ahfas-faq__answer a, .ahfas-faq__empty a { color: #f779ca; }
.ahfas-faq__answer a:focus-visible { outline: 2px solid #f779ca; outline-offset: 3px; }
.ahfas-faq__empty { text-align: center; color: #aaa1bb; font-size: 14px; }
/* ==================== HOME SECTION 11: DYNAMIC FAQs END ==================== */

/* ==================== HOME SECTION 12: DIGITAL GROWTH CTA START ==================== */
/* Dark section with the shared 1350px panel width */
.ahfas-growth-cta { padding: 52px 24px 60px; background: #0b0415; color: #fff; }
/* Soft violet and rose lighting inspired by section 5 */
.ahfas-growth-cta__panel { position: relative; isolation: isolate; overflow: hidden; max-width: var(--ahfas-container-width); margin: 0 auto; padding: 58px 40px; border: 1px solid #b17cce2b; border-radius: 12px; background: radial-gradient(ellipse at 8% 85%, #6532a32e, transparent 55%), radial-gradient(ellipse at 95% 12%, #c6499224, transparent 50%), #180c23; text-align: center; }
.ahfas-growth-cta__panel::before { content: ''; position: absolute; z-index: -1; width: 620px; height: 620px; left: -470px; top: 50%; transform: translateY(-50%); border: 1px solid #bd83f51c; border-radius: 50%; box-shadow: 0 0 0 60px #bd83f506, 0 0 0 61px #bd83f510; pointer-events: none; }
.ahfas-growth-cta__panel::after { content: ''; position: absolute; z-index: -1; width: 520px; height: 520px; right: -410px; top: -180px; border: 1px solid #f575cf17; border-radius: 50%; box-shadow: 0 0 0 60px #f575cf04, 0 0 0 61px #f575cf0c; pointer-events: none; }
/* Eyebrow, headline, and readable supporting paragraphs */
.ahfas-growth-cta__eyebrow { margin: 0 0 22px; color: #f575cf; font-size: 12px; font-weight: 600; line-height: 1.5; text-transform: uppercase; }
.ahfas-growth-cta__panel h2 { max-width: 760px; margin: 0 auto 26px; color: #fff; font-family: var(--f1); font-size: 44px; font-weight: 600; line-height: 1.2; letter-spacing: -.9px; }
.ahfas-growth-cta__copy { max-width: 800px; margin: 0 auto; }
.ahfas-growth-cta__copy p { margin: 0 0 20px; color: #aaa0b8; font-size: 15px; line-height: 1.8; }
.ahfas-growth-cta__copy p:last-child { margin-bottom: 0; }
/* Paired gradient calls to action */
.ahfas-growth-cta__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 18px; margin-top: 26px; }
.ahfas-growth-cta__button { padding: 15px 30px; border-radius: 50px; background: linear-gradient(110deg, #bc77f5, #f779ca); color: #fff; font-size: 12px; font-weight: 600; line-height: 18px; text-transform: uppercase; transition: transform .2s, filter .2s; }
.ahfas-growth-cta__button:hover { color: #fff; transform: translateY(-2px); filter: brightness(1.1); }
.ahfas-growth-cta__button:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
/* ==================== HOME SECTION 12: DIGITAL GROWTH CTA END ==================== */

/* ==================== ABOUT US SECTION 1: BRAND TRUST HERO START ==================== */
.ahfas-about { background: #0b0415; }
.ahfas-about-hero {
  padding: 71px 24px 70px;
  border: 1px solid #291d35;
  border-top: 0;
  border-radius: 0 0 90px 90px;
  background: radial-gradient(ellipse at 15% 45%, rgba(65, 25, 83, .16), transparent 35%), radial-gradient(ellipse at 87% 46%, rgba(65, 25, 83, .13), transparent 35%), #0b0415;
  color: #fff;
  text-align: center;
}
.ahfas-about-hero__content { max-width: var(--ahfas-container-width); margin: 0 auto; }
/* Outlined eyebrow and two-line headline */
.ahfas-about-hero .ahfas-about-hero__eyebrow { display: inline-block; margin: 0 0 22px; padding: 9px 15px; border: 1px solid #f779ca; border-radius: 30px; color: #f779ca; font-size: 12px; font-weight: 600; line-height: 16px; text-transform: uppercase; }
.ahfas-about-hero h1 { max-width: 1100px; margin: 0 auto 22px; color: #fff; font-family: var(--f1); font-size: 54px; font-weight: 600; line-height: 1.26; letter-spacing: -1.6px; }
.ahfas-about-hero__description { max-width: 890px; margin: 0 auto 20px; color: #a69db7; font-size: 14px; font-weight: 400; line-height: 26px; }
/* Gradient call to action */
.ahfas-about-hero__button { padding: 14px 29px; border-radius: 40px; background: linear-gradient(110deg, #bc77f5, #f779ca); color: #fff; font-size: 12px; font-weight: 600; line-height: 18px; text-transform: uppercase; transition: transform .2s, filter .2s; }
.ahfas-about-hero__button:hover { color: #fff; transform: translateY(-2px); filter: brightness(1.1); }
.ahfas-about-hero__button:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
/* ==================== ABOUT US SECTION 1: BRAND TRUST HERO END ==================== */

/* ==================== ABOUT US SECTION 2: BRAND STATISTICS START ==================== */
.ahfas-about-stats { padding: 52px 24px 55px; background: linear-gradient(115deg, #10071e 0%, #30203f 50%, #160b25 100%); color: #fff; }
.ahfas-about-stats__inner { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; max-width: var(--ahfas-container-width); margin: 0 auto; text-align: center; }
.ahfas-about-stats__item { display: flex; flex-direction: column; align-items: center; }
.ahfas-about-stats__item dt { order: 2; color: #fff; font-size: 12px; font-weight: 600; line-height: 1.6; text-transform: uppercase; }
.ahfas-about-stats__item dd { margin: 0; color: #fff; font-size: 62px; font-weight: 700; line-height: 1.1; letter-spacing: -2px; }
/* ==================== ABOUT US SECTION 2: BRAND STATISTICS END ==================== */

/* ==================== ABOUT US SECTION 3: DIGITAL TRUST START ==================== */
.ahfas-about-trust { padding: 32px 24px; background: #0b0415; color: #fff; }
.ahfas-about-trust__inner { display: grid; grid-template-columns: 1.1fr 1fr; align-items: stretch; gap: 48px; max-width: var(--ahfas-container-width); margin: 0 auto; }
/* Images are dimmed until the visual panel is hovered. */
.ahfas-about-trust__visual { display: flex; flex-direction: column; justify-content: center; gap: 48px; min-width: 0; padding: 28px 24px; border: 1px solid #291d35; border-radius: 26px; }
.ahfas-about-trust__logo { width: 65%; max-width: 360px; height: auto; margin: 0 auto; opacity: .45; transition: opacity .35s ease; }
.ahfas-about-trust__photo-wrap { position: relative; }
.ahfas-about-trust__photo { width: 100%; height: clamp(200px, 54vh, 350px); object-fit: cover; border-radius: 8px; opacity: .5; filter: grayscale(1); transition: opacity .35s ease, filter .35s ease; }
.ahfas-about-trust__visual:hover .ahfas-about-trust__logo,
.ahfas-about-trust__visual:hover .ahfas-about-trust__photo { opacity: 1; }
.ahfas-about-trust__visual:hover .ahfas-about-trust__photo { filter: grayscale(0); }
.ahfas-about-trust__badge { position: absolute; top: -42px; right: -12px; width: 88px; height: 88px; border-radius: 50%; background: #bc77f5; }
.ahfas-about-trust__badge svg { width: 100%; height: 100%; fill: #fff; font-family: var(--f1); font-size: 10px; font-weight: 600; letter-spacing: 1.5px; animation: ahfas-system-badge-spin 30s linear infinite; }
/* Heading, descriptive copy, and checklist */
.ahfas-about-trust__content { align-self: center; padding: 8px 0; min-width: 0; }
.ahfas-about-trust__eyebrow { margin: 0 0 12px; color: #f779ca; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.ahfas-about-trust h2 { max-width: 100%; margin: 0 0 16px; color: #fff; font-size: 34px; font-weight: 600; line-height: 1.2; letter-spacing: -.7px; }
.ahfas-about-trust__copy p { margin: 0 0 14px; color: #a69db7; font-size: 13px; line-height: 1.65; }
.ahfas-about-trust__benefits { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0 0 16px; }
.ahfas-about-trust__benefits li { color: #a69db7; font-size: 13px; line-height: 1.7; }
.ahfas-about-trust__benefits li::before { content: '\2713'; margin-right: 8px; color: #bc77f5; font-weight: 700; }
/* ==================== ABOUT US SECTION 3: DIGITAL TRUST END ==================== */

/* ==================== ABOUT US SECTION 4: BUSINESS CREDIBILITY START ==================== */
.ahfas-about-credibility { padding: 24px 24px 56px; background: #0b0415; color: #fff; }
.ahfas-about-credibility__panel { max-width: var(--ahfas-container-width); margin: 0 auto; padding: 64px 56px 110px; border-radius: 12px; background: radial-gradient(ellipse at 50% 45%, rgba(88, 54, 112, .25), transparent 65%), linear-gradient(180deg, #2c2337 0%, #160c24 65%, #0b0415 100%); text-align: center; }
.ahfas-about-credibility h2 { margin: 0 auto 24px; color: #fff; font-size: 40px; font-weight: 600; line-height: 1.2; letter-spacing: -.8px; }
.ahfas-about-credibility__intro { max-width: 850px; margin: 0 auto; color: #a69db7; font-size: 15px; line-height: 1.8; }
/* Four equal counters with labels beneath the numbers */
.ahfas-about-credibility__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 84px 0 0; }
.ahfas-about-credibility__stat { display: flex; flex-direction: column; align-items: center; }
.ahfas-about-credibility__stat dt { order: 2; color: #fff; font-size: 13px; font-weight: 500; line-height: 1.6; text-transform: uppercase; }
.ahfas-about-credibility__stat dd { margin: 0; color: #fff; font-size: 68px; font-weight: 700; line-height: 1.1; letter-spacing: -2px; }
/* ==================== ABOUT US SECTION 4: BUSINESS CREDIBILITY END ==================== */

/* ==================== ABOUT US SECTION 5: VALUE, VISION, AND MISSION START ==================== */
.ahfas-about-values { padding: 40px 24px; color: #fff; background-color: #0b0415; background-image: linear-gradient(rgba(137, 109, 163, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(137, 109, 163, .1) 1px, transparent 1px); background-size: 100px 100px; }
.ahfas-about-values__inner { display: grid; grid-template-columns: 1.85fr 1fr; gap: 16px; max-width: var(--ahfas-container-width); margin: 0 auto; }
/* Dark overlay keeps text readable over the supplied background image. */
.ahfas-about-values__feature { position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 124px 32px 32px; border: 1px solid #291d35; border-radius: 12px; overflow: hidden; background-image: linear-gradient(180deg, rgba(11, 4, 21, .65), rgba(11, 4, 21, .8) 60%, #0b0415), var(--values-image); background-size: cover; background-position: center; }
.ahfas-about-values__arrow { position: absolute; top: 32px; right: 32px; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #b779f5; color: #fff; font-size: 44px; font-weight: 600; line-height: 1; }
.ahfas-about-values__eyebrow { margin: 0 0 20px; color: #f779ca; font-size: 13px; font-weight: 600; text-transform: uppercase; }
.ahfas-about-values h2 { max-width: 650px; margin: 0 0 22px; color: #fff; font-size: 34px; font-weight: 600; line-height: 1.25; letter-spacing: -.7px; }
.ahfas-about-values__copy { max-width: 650px; }
.ahfas-about-values__copy p { margin: 0 0 20px; color: #aaa0b8; font-size: 15px; line-height: 1.8; }
.ahfas-about-values__copy p:last-child { margin-bottom: 0; }
/* Stacked vision and mission cards */
.ahfas-about-values__cards { display: grid; grid-template-rows: 1fr 1fr; gap: 16px; }
.ahfas-about-values__card { padding: 32px; border-radius: 12px; }
.ahfas-about-values__card--vision { background: #f779ca; }
.ahfas-about-values__card--mission { background: #b779f5; }
.ahfas-about-values__card h3 { margin: 0 0 18px; color: #fff; font-size: 22px; font-weight: 700; line-height: 1.3; }
.ahfas-about-values__card h4 { margin: 0 0 18px; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.25; }
.ahfas-about-values__card p { margin: 0; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.35; }
/* ==================== ABOUT US SECTION 5: VALUE, VISION, AND MISSION END ==================== */

/* ==================== ABOUT US SECTION 6: TEAM INTRODUCTION START ==================== */
.ahfas-about-team { padding: 76px 24px; background: #0b0415; color: #fff; text-align: center; }
.ahfas-about-team__inner { max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-about-team h2 { margin: 0 auto 24px; color: #fff; font-size: 40px; font-weight: 600; line-height: 1.2; letter-spacing: -.8px; }
.ahfas-about-team__copy { max-width: 800px; margin: 0 auto; }
.ahfas-about-team__copy p { margin: 0 0 22px; color: #a69db7; font-size: 15px; line-height: 1.8; }
.ahfas-about-team__copy p:last-child { margin-bottom: 0; }
/* ==================== ABOUT US SECTION 6: TEAM INTRODUCTION END ==================== */

/* ==================== ABOUT US SECTION 7: CONTACT CTA START ==================== */
.ahfas-about-contact { padding: 94px 24px 84px; background: radial-gradient(ellipse at 50% 0%, rgba(96, 57, 131, .38), transparent 58%), linear-gradient(110deg, #18052f, #0b0415); color: #fff; text-align: center; }
.ahfas-about-contact__inner { max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-about-contact h2 { margin: 0 auto 24px; color: #fff; font-size: 44px; font-weight: 600; line-height: 1.25; letter-spacing: -.9px; }
.ahfas-about-contact p { max-width: 960px; margin: 0 auto 22px; color: #a69db7; font-size: 15px; line-height: 1.8; }
.ahfas-about-contact__button { padding: 16px 32px; font-size: 13px; }
/* ==================== ABOUT US SECTION 7: CONTACT CTA END ==================== */

/* ==================== SERVICES SECTION 1: DIGITAL MARKETING HERO START ==================== */
/* Use the shared About Us hero styles without page-specific overrides. */
.ahfas-services-page { background: #0b0415; }

/* Portfolio Section 1: keep the rounded hero corners on the shared dark background. */
.ahfas-portfolio-page { background: #0b0415; }

/* Blogs Section 1: dark wrapper behind the shared rounded About Us hero. */
.ahfas-blogs-page { background: #0b0415; }

/* ==================== CONTACT US SECTION 1: CONTACT HERO START ==================== */
.ahfas-contact-page { background: #0b0415; }
.ahfas-contact-hero .ahfas-about-hero__eyebrow { padding: 0; border: 0; border-radius: 0; }
.ahfas-contact-hero .ahfas-about-hero__description:last-child { margin-bottom: 0; }
/* ==================== CONTACT US SECTION 1: CONTACT HERO END ==================== */
/* ==================== SERVICES SECTION 1: DIGITAL MARKETING HERO END ==================== */

/* ==================== SERVICES SECTION 3: CONNECTED DIGITAL SYSTEMS START ==================== */
.ahfas-services-system { padding: 64px 24px; background: #0b0415; color: #fff; }
.ahfas-services-system__inner { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: 64px; max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-services-system__content { min-width: 0; }
.ahfas-services-system__eyebrow { margin: 0 0 20px; color: #f779ca; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.ahfas-services-system h2 { margin: 0 0 22px; color: #fff; font-size: 38px; font-weight: 600; line-height: 1.25; letter-spacing: -.8px; }
.ahfas-services-system__description { margin: 0 0 32px; color: #a69db7; font-size: 14px; line-height: 1.8; }
.ahfas-services-system__benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 20px; margin: 0 0 36px; }
.ahfas-services-system__benefits li { display: flex; align-items: baseline; gap: 10px; color: #a69db7; font-size: 13px; line-height: 1.6; }
.ahfas-services-system__benefits li::before { content: '\2713'; flex: 0 0 14px; width: 14px; border-radius: 50%; background: #bc77f5; color: #0b0415; font-size: 10px; font-weight: 700; line-height: 14px; text-align: center; }
/* Portrait crop with the same opacity transition and badge animation as About Us. */
.ahfas-services-system__visual { position: relative; min-width: 0; padding: 14px; border: 1px solid #291d35; border-radius: 26px; }
.ahfas-services-system__image { height: clamp(420px, 65vh, 620px); object-position: center; }
.ahfas-services-system__visual:hover .ahfas-services-system__image { opacity: 1; filter: grayscale(0); }
.ahfas-services-system__badge { top: 0; right: 0; width: 112px; height: 112px; }
/* ==================== SERVICES SECTION 3: CONNECTED DIGITAL SYSTEMS END ==================== */

/* ==================== SERVICES SECTION 5: AUDIT, ALIGN, AND GROW START ==================== */
.ahfas-services-audit { background-color: #16072b; background-image: linear-gradient(rgba(137, 109, 163, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(137, 109, 163, .09) 1px, transparent 1px); background-size: 80px 80px; }
.ahfas-services-audit .ahfas-difference__content { width: 45%; }
.ahfas-services-audit .ahfas-difference__visual { width: 52%; background: var(--difference-image) center / cover no-repeat; opacity: 1; mask-image: none; }
/* ==================== SERVICES SECTION 5: AUDIT, ALIGN, AND GROW END ==================== */

/* ==================== SERVICES SECTION 7: MARKETING CLARITY CTA START ==================== */
.ahfas-services-contact { padding: 100px 24px 80px; background: #0b0415; color: #fff; text-align: center; }
.ahfas-services-contact__inner { max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-services-contact__eyebrow { margin: 0 0 26px; color: #f779ca; font-size: 13px; font-weight: 600; line-height: 1.5; text-transform: uppercase; }
.ahfas-services-contact h2 { max-width: 1000px; margin: 0 auto 26px; color: #fff; font-size: 44px; font-weight: 600; line-height: 1.25; letter-spacing: -.9px; }
.ahfas-services-contact__description { max-width: 800px; margin: 0 auto 26px; color: #a69db7; font-size: 16px; line-height: 1.8; }
.ahfas-services-contact__button { padding: 16px 32px; font-size: 13px; }
/* ==================== SERVICES SECTION 7: MARKETING CLARITY CTA END ==================== */


/* ==================== PORTFOLIO SECTION 2: PROJECT GALLERY START ==================== */
.ahfas-portfolio-work { padding: 70px 24px; background: #0b0415; color: #fff; }
.ahfas-portfolio-work__inner { max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-portfolio-work__intro { max-width: 860px; margin: 0 auto 38px; text-align: center; }
.ahfas-portfolio-work h2 { margin: 0 0 28px; color: #fff; font-size: 40px; font-weight: 600; line-height: 1.25; letter-spacing: -.8px; }
.ahfas-portfolio-work__intro p { margin: 0 0 20px; color: #a69db7; font-size: 14px; line-height: 1.8; }
.ahfas-portfolio-work__filters { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin: 0 0 48px; }
.ahfas-portfolio-work__filter { padding: 15px 28px; border: 0; background: linear-gradient(#100819, #21172d); color: #f779ca; font-family: var(--f1); font-size: 12px; font-weight: 600; text-transform: uppercase; cursor: pointer; }
.ahfas-portfolio-work__filter[aria-pressed="true"] { background: linear-gradient(#bc77f5, #f779ca); color: #fff; }
.ahfas-portfolio-work__filter:hover { color: #fff; }
.ahfas-portfolio-work__filter:focus-visible, .ahfas-portfolio-work__preview:focus-visible { outline: 2px solid #f779ca; outline-offset: 4px; }
.ahfas-portfolio-work__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ahfas-portfolio-work__project { min-width: 0; margin: 0; }
.ahfas-portfolio-work__preview { height: auto; overflow: hidden; background: transparent; }
.ahfas-portfolio-work__preview.is-scrollable { height: 480px; overflow: auto; background: #21172d; scrollbar-width: thin; }
.ahfas-portfolio-work__image { display: block; width: 100%; height: auto; max-width: 100%; transition: filter .3s ease; }
.ahfas-portfolio-work__preview:not(.is-scrollable) .ahfas-portfolio-work__image { filter: brightness(.85); }
.ahfas-portfolio-work__preview:not(.is-scrollable):hover .ahfas-portfolio-work__image,
.ahfas-portfolio-work__preview:not(.is-scrollable):focus-visible .ahfas-portfolio-work__image { filter: brightness(1); }
.ahfas-portfolio-work__empty { margin: 24px 0 0; text-align: center; color: #a69db7; }
.ahfas-portfolio-work [hidden] { display: none !important; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .ahfas-portfolio-work__preview.is-scrollable { overflow: hidden; }
  .ahfas-portfolio-work__preview.is-scrollable .ahfas-portfolio-work__image { transition: transform var(--preview-duration, 5s) linear; }
  .ahfas-portfolio-work__preview.is-scrollable:hover .ahfas-portfolio-work__image,
  .ahfas-portfolio-work__preview.is-scrollable:focus-visible .ahfas-portfolio-work__image { transform: translateY(var(--preview-offset, 0px)); }
}
/* ==================== PORTFOLIO SECTION 2: PROJECT GALLERY END ==================== */

/* ==================== PORTFOLIO SECTION 3: QUOTE CTA START ==================== */
.ahfas-portfolio-contact { padding: 76px 24px; background: #0b0415; color: #fff; text-align: center; }
.ahfas-portfolio-contact__inner { max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-portfolio-contact__eyebrow { margin: 0 0 26px; color: #f779ca; font-size: 13px; font-weight: 600; line-height: 1.5; text-transform: uppercase; }
.ahfas-portfolio-contact h2 { margin: 0 auto 26px; color: #fff; font-size: 44px; font-weight: 600; line-height: 1.25; letter-spacing: -.9px; }
.ahfas-portfolio-contact__copy { max-width: 800px; margin: 0 auto 26px; }
.ahfas-portfolio-contact__copy p { margin: 0 0 26px; color: #a69db7; font-size: 16px; line-height: 1.8; }
.ahfas-portfolio-contact__copy p:last-child { margin-bottom: 0; }
.ahfas-portfolio-contact__button { padding: 16px 32px; font-size: 13px; }
/* ==================== PORTFOLIO SECTION 3: QUOTE CTA END ==================== */

/* ==================== BLOGS SECTION 2: DYNAMIC BLOG GRID START ==================== */
.ahfas-blog-list { padding: 64px 24px; background: #0b0415; color: #fff; }
.ahfas-blog-list__inner { max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-blog-list__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.ahfas-blog-card { display: flex; flex-direction: column; min-width: 0; padding: 14px; border: 1px solid rgba(247, 121, 202, .3); border-radius: 10px; background: #0b0415; transition: border-color .25s ease, box-shadow .25s ease; }
.ahfas-blog-card:hover, .ahfas-blog-card:focus-within { border-color: #f779ca; box-shadow: 0 0 12px rgba(247, 121, 202, .18); }
.ahfas-blog-card__image-link { display: block !important; overflow: hidden; border-radius: 8px; margin-bottom: 14px; }
.ahfas-blog-card__image { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.ahfas-blog-card__placeholder { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; color: #f779ca; background: linear-gradient(135deg, #291d35, #13091f); font-size: 18px; font-weight: 600; }
/* Clamp long titles and descriptions to exactly two visible lines. */
.ahfas-blog-card__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 2.8em; margin: 0 0 22px; font-size: 15px; font-weight: 600; line-height: 1.4; text-transform: uppercase; }
.ahfas-blog-card__title a { display: inline !important; color: #fff; }
.ahfas-blog-card__title a:hover { color: #f779ca; }
.ahfas-blog-card__excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 3.6em; margin: 0 0 26px; color: #a69db7; font-size: 14px; line-height: 1.8; }
.ahfas-blog-card__more { align-self: flex-start; margin-top: auto; padding: 8px 0; color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.ahfas-blog-card__more:hover { color: #f779ca; }
.ahfas-blog-card a:focus-visible, .ahfas-blog-list__pagination a:focus-visible { outline: 2px solid #f779ca; outline-offset: 3px; }
.ahfas-blog-list__actions { margin-top: 36px; text-align: center; }
.ahfas-blog-list__load { border: 0; cursor: pointer; }
.ahfas-blog-list__load:disabled { opacity: .6; cursor: wait; }
.ahfas-blog-list__pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 30px; color: #fff; }
.ahfas-blog-list__pagination a { color: #f779ca; }
.ahfas-blog-list__status, .ahfas-blog-list__empty { margin: 20px 0 0; color: #a69db7; text-align: center; font-size: 14px; }
.ahfas-blog-list [hidden] { display: none !important; }
/* ==================== BLOGS SECTION 2: DYNAMIC BLOG GRID END ==================== */

/* ==================== CONTACT US SECTION 2: DETAILS AND FORM START ==================== */
.ahfas-contact-details { padding: 64px 24px; background: #0b0415; color: #fff; }
.ahfas-contact-details__inner { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; gap: 64px; max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-contact-details__info { min-width: 0; }
.ahfas-contact-details__eyebrow { margin: 0 0 22px; color: #f779ca; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.ahfas-contact-details h2 { margin: 0 0 22px; color: #fff; font-size: 34px; font-weight: 600; line-height: 1.2; letter-spacing: -.6px; }
.ahfas-contact-details__copy p, .ahfas-contact-details__panel > p { margin: 0 0 22px; color: #a69db7; font-size: 14px; line-height: 1.8; }
.ahfas-contact-details__links { display: grid; gap: 16px; margin: 0 0 24px; }
.ahfas-contact-details__links a { display: flex !important; align-items: center; gap: 12px; color: #fff; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.ahfas-contact-details__links i { flex: 0 0 20px; color: #bc77f5; font-size: 22px; text-align: center; }
.ahfas-contact-details__links a:hover { color: #f779ca; }
.ahfas-contact-details__map { display: block; width: 100%; height: 300px; border: 0; }
.ahfas-contact-details__panel { min-width: 0; padding: 54px 32px 32px; border: 1px solid #291d35; border-radius: 10px; background: linear-gradient(110deg, #0b0415, #271d34); }
.ahfas-contact-details__panel h2 { font-size: 30px; }
.ahfas-contact-form { position: relative; }
.ahfas-contact-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.ahfas-contact-form label { display: block; min-width: 0; margin-bottom: 20px; color: #fff; font-size: 14px; line-height: 1.5; }
.ahfas-contact-form input:not([type="hidden"]), .ahfas-contact-form select, .ahfas-contact-form textarea { display: block; box-sizing: border-box; width: 100%; margin-top: 5px; padding: 10px 12px; border: 1px solid #51445e; border-radius: 0; background: #271d34; color: #d0c5dc; font-family: var(--f1); font-size: 14px; line-height: 1.4; color-scheme: dark; }
.ahfas-contact-form input::placeholder, .ahfas-contact-form textarea::placeholder { color: #8e829d; opacity: 1; }
.ahfas-contact-form textarea { min-height: 140px; resize: vertical; }
.ahfas-contact-form button { width: 100%; border: 0; cursor: pointer; }
.ahfas-contact-form button:disabled { opacity: .6; cursor: wait; }
.ahfas-contact-form input:focus-visible, .ahfas-contact-form textarea:focus-visible, .ahfas-contact-form select:focus-visible, .ahfas-contact-details__links a:focus-visible { outline: 2px solid #f779ca; outline-offset: 3px; }
.ahfas-contact-form__trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.ahfas-contact-form .ahfas-contact-form__status { margin: 16px 0 0; color: #d0c5dc; font-size: 13px; line-height: 1.6; }
.ahfas-contact-form__status:empty { display: none; }
/* ==================== CONTACT US SECTION 2: DETAILS AND FORM END ==================== */
/* ==================== BRANDING SECTION 1: BRAND IDENTITY HERO START ==================== */
.ahfas-branding-page { background: #0b0415; }
.ahfas-branding-hero { padding: 70px 24px; background: #0b0415; color: #fff; }
.ahfas-branding-hero__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-branding-hero__content { min-width: 0; }
.ahfas-branding-hero__eyebrow { margin: 0 0 22px; color: #f779ca; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.ahfas-branding-hero h1 { margin: 0 0 40px; color: #fff; font-size: 44px; font-weight: 600; line-height: 1.15; letter-spacing: -.8px; }
.ahfas-branding-hero__copy p { margin: 0 0 18px; color: #a69db7; font-size: 14px; line-height: 1.8; }
.ahfas-branding-hero__benefits { margin: 0 0 40px; }
.ahfas-branding-hero__benefits li { position: relative; padding-left: 20px; color: #a69db7; font-size: 14px; line-height: 1.9; }
.ahfas-branding-hero__benefits li::before { content: '\2022'; position: absolute; left: 4px; }
.ahfas-branding-hero__visual { min-width: 0; }
.ahfas-branding-art { display: block; width: 100%; max-width: 580px; height: auto; margin: 0 auto; }
/* Creative Content Section 1: original SVG within the shared Branding hero. */
.ahfas-creative-art { display: block; width: 100%; max-width: 520px; height: auto; margin: 0 auto; }
/* Assemble BRAND from left to right, hold the word, then repeat. */
.ahfas-branding-art__block { animation: ahfas-branding-assemble 8s ease-in-out infinite both; animation-delay: var(--block-delay); transform-box: fill-box; transform-origin: center; }
@keyframes ahfas-branding-assemble {
  0%, 6% { opacity: 0; transform: translateY(-100px) rotate(-12deg); }
  20% { opacity: 1; transform: translateY(5px) rotate(3deg); }
  26%, 80% { opacity: 1; transform: translateY(0) rotate(0); }
  94%, 100% { opacity: 0; transform: translateY(30px); }
}
/* ==================== BRANDING SECTION 1: BRAND IDENTITY HERO END ==================== */
/* ==================== BRANDING SECTION 2: BRAND POSITIONING START ==================== */
.ahfas-branding-position { position: relative; isolation: isolate; overflow: hidden; padding: 64px 24px; color: #fff; background: radial-gradient(ellipse at 90% 20%, #45205e55, transparent 48%), radial-gradient(ellipse at 8% 90%, #26124d66, transparent 45%), #0b0415; }
/* Decorative grid fades into the dark background. */
.ahfas-branding-position::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(#b779f50a 1px, transparent 1px), linear-gradient(90deg, #b779f50a 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(120deg, transparent 10%, #000 90%); }
.ahfas-branding-position::after { content: ''; position: absolute; top: -130px; right: -120px; width: 430px; height: 430px; border: 1px solid #bc77f51a; border-radius: 50%; box-shadow: 0 0 0 60px #bc77f507, 0 0 0 120px #bc77f505; z-index: -1; pointer-events: none; }
.ahfas-branding-position__inner { display: grid; grid-template-columns: 1.65fr 1fr; gap: 56px; max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-branding-position__content { min-width: 0; align-self: center; }
.ahfas-branding-position__eyebrow { margin: 0 0 20px; color: #f779ca; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.ahfas-branding-position h2 { margin: 0 0 30px; color: #fff; font-size: 36px; font-weight: 600; line-height: 1.2; letter-spacing: -.7px; }
.ahfas-branding-position__copy { max-width: 680px; margin-bottom: 36px; }
.ahfas-branding-position__copy p { margin: 0 0 16px; color: #a69db7; font-size: 14px; line-height: 1.8; }
.ahfas-branding-position__copy p:last-child { margin-bottom: 0; }
/* Dark checklist panel with a subtle border and brand color accents. */
.ahfas-branding-position__panel { position: relative; min-width: 0; padding: 32px 28px; border: 1px solid #bc77f52b; border-radius: 14px; background: linear-gradient(145deg, #281e34ed, #140925f5); box-shadow: 0 18px 50px #0002; }
.ahfas-branding-position__swatches { display: flex; gap: 6px; margin-bottom: 22px; }
.ahfas-branding-position__swatches span { width: 22px; height: 6px; border-radius: 8px; background: #f779ca; }
.ahfas-branding-position__swatches span:nth-child(2) { background: #bc77f5; }
.ahfas-branding-position__swatches span:nth-child(3) { background: #7658ba; }
.ahfas-branding-position__panel h3 { margin: 0 0 28px; color: #fff; font-size: 24px; font-weight: 600; line-height: 1.3; }
.ahfas-branding-position__panel ul { display: grid; gap: 24px; }
.ahfas-branding-position__panel li { display: flex; align-items: baseline; gap: 12px; color: #b4a8c4; font-size: 14px; line-height: 1.6; }
.ahfas-branding-position__panel li i { flex-shrink: 0; color: #f779ca; }
/* ==================== BRANDING SECTION 2: BRAND POSITIONING END ==================== */
/* ==================== BRANDING SECTION 3: IDENTITY WITH INTENT START ==================== */
.ahfas-branding-identity { padding: 70px 24px; background: #0b0415; color: #fff; }
.ahfas-branding-identity__inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 56px; max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-branding-identity__content { min-width: 0; }
.ahfas-branding-identity__eyebrow { margin: 0 0 20px; color: #f779ca; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.ahfas-branding-identity h2 { margin: 0 0 24px; color: #fff; font-size: 36px; font-weight: 600; line-height: 1.2; letter-spacing: -.7px; }
.ahfas-branding-identity__copy { margin-bottom: 28px; }
.ahfas-branding-identity__copy p { margin: 0 0 20px; color: #a69db7; font-size: 14px; line-height: 1.8; }
.ahfas-branding-identity__copy p:last-child { margin-bottom: 0; }
/* Soft purple glow underneath the right-hand image. */
.ahfas-branding-identity__visual { position: relative; isolation: isolate; min-width: 0; }
.ahfas-branding-identity__visual::before { content: ''; position: absolute; z-index: -1; bottom: -24px; left: 12%; right: 12%; height: 90px; background: radial-gradient(ellipse, #bc77f54d, transparent 70%); filter: blur(18px); pointer-events: none; }
.ahfas-branding-identity__visual img { display: block; width: 100%; height: auto; border-radius: 10px; }
/* ==================== BRANDING SECTION 3: IDENTITY WITH INTENT END ==================== */
/* ==================== BRANDING SECTION 4: BRAND BENEFITS START ==================== */
.ahfas-branding-benefits { padding: 64px 24px; background: radial-gradient(ellipse at 50% 0%, #30144230, transparent 55%), #0b0415; color: #fff; }
.ahfas-branding-benefits__inner { max-width: var(--ahfas-container-width); margin: 0 auto; }
.ahfas-branding-benefits__intro { margin: 0 auto 52px; text-align: center; }
.ahfas-branding-benefits__intro > p { margin: 0 0 20px; color: #f779ca; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.ahfas-branding-benefits h2 { margin: 0; color: #fff; font-size: 40px; font-weight: 600; line-height: 1.25; letter-spacing: -.8px; }
.ahfas-branding-benefits__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.ahfas-branding-benefits__card { position: relative; min-width: 0; padding: 14px; border: 1px solid #ffffff26; border-radius: 20px; }
/* Reuse the perimeter drawing animation from the homepage feature cards. */
.ahfas-branding-benefits__card::after { content: ''; position: absolute; inset: -1px; border: 2px solid #f779ca; border-radius: inherit; clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0, 0 0); pointer-events: none; }
.ahfas-branding-benefits__card:hover::after { animation: ahfas-brands-outline .7s linear forwards; }
.ahfas-branding-benefits__card-inner { height: 100%; padding: 26px 22px; border: 1px solid #ffffff30; border-radius: 8px; background-color: #271d34; background-image: linear-gradient(#ffffff03 1px, transparent 1px), linear-gradient(90deg, #ffffff03 1px, transparent 1px); background-size: 48px 48px; }
.ahfas-branding-benefits__card i { display: block; margin-bottom: 18px; color: #f779ca; font-size: 30px; }
.ahfas-branding-benefits__card h3 { margin: 0 0 14px; color: #fff; font-size: 18px; font-weight: 600; line-height: 1.35; }
.ahfas-branding-benefits__card p { margin: 0; color: #a69db7; font-size: 14px; line-height: 1.8; }
.ahfas-branding-benefits__action { margin-top: 32px; text-align: center; }
/* Creative Content Section 4: supporting copy beneath the shared benefits heading. */
.ahfas-creative-benefits__description { max-width: 860px; margin: 22px auto 0; }
.ahfas-creative-benefits__description p { margin: 0; color: #a69db7; font-size: 14px; line-height: 1.8; }
/* ==================== BRANDING SECTION 4: BRAND BENEFITS END ==================== */
/* ==================== BRANDING SECTION 5: BRAND STRATEGY CTA START ==================== */
.ahfas-branding-cta { padding: 50px 24px 56px; background: #0b0415; color: #fff; }
.ahfas-branding-cta__panel { max-width: var(--ahfas-container-width); margin: 0 auto; padding: 48px 32px; border: 3px solid #2b1e35; border-radius: 10px; background: #1b0c25; text-align: center; }
.ahfas-branding-cta__eyebrow { margin: 0 0 24px; color: #f779ca; font-size: 13px; font-weight: 600; line-height: 1.5; text-transform: uppercase; }
.ahfas-branding-cta h2 { margin: 0 auto 24px; color: #fff; font-size: 44px; font-weight: 600; line-height: 1.25; letter-spacing: -.9px; }
.ahfas-branding-cta__description { max-width: 760px; margin: 0 auto 36px; color: #a69db7; font-size: 16px; line-height: 1.8; }
.ahfas-branding-cta__button { padding: 16px 32px; font-size: 13px; }
/* Website Development Section 5: paired project and WhatsApp actions. */
.ahfas-website-cta__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; }
/* ==================== BRANDING SECTION 5: BRAND STRATEGY CTA END ==================== */

/* ==================== GRAPHIC DESIGNING SECTION 1: SVG HERO START ==================== */
.ahfas-graphic-art { display: block; width: 100%; max-width: 560px; height: auto; margin: 0 auto; }
.ahfas-graphic-art__pencil { transform-origin: 260px 396px; animation: ahfas-graphic-pencil 5s ease-in-out infinite; }
.ahfas-graphic-art__stroke { stroke-dasharray: 350; stroke-dashoffset: 350; animation: ahfas-graphic-draw 5s ease-in-out infinite; }
.ahfas-graphic-art__type { animation: ahfas-graphic-float 5s ease-in-out infinite; }
.ahfas-graphic-art__rays { animation: ahfas-graphic-glow 5s ease-in-out infinite; }
@keyframes ahfas-graphic-pencil { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(4deg); } }
@keyframes ahfas-graphic-draw { 0%, 10% { stroke-dashoffset: 350; } 65%, 85% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 0; } }
@keyframes ahfas-graphic-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes ahfas-graphic-glow { 0%, 100% { opacity: .4; } 50% { opacity: 1; } }
/* ==================== GRAPHIC DESIGNING SECTION 1: SVG HERO END ==================== */
/* ==================== SEO SECTION 1: ANIMATED SEARCH HERO START ==================== */
.ahfas-seo-art { display: block; width: 100%; max-width: 540px; height: auto; margin: 0 auto; }
.ahfas-seo-art__website { animation: ahfas-seo-float 6s ease-in-out infinite; }
.ahfas-seo-art__result { animation: ahfas-seo-result 6s ease-in-out infinite both; animation-delay: var(--result-delay); }
.ahfas-seo-art__scan { animation: ahfas-seo-scan 6s ease-in-out infinite; }
@keyframes ahfas-seo-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes ahfas-seo-result { 0%, 8% { opacity: 0; transform: translateY(20px); } 25%, 85% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-8px); } }
@keyframes ahfas-seo-scan { 0%, 100% { opacity: 0; transform: translateY(0); } 25% { opacity: .6; } 75% { opacity: 0; transform: translateY(48px); } }
/* ==================== SEO SECTION 1: ANIMATED SEARCH HERO END ==================== */

/* ==================== SOCIAL MEDIA SECTION 1: ANIMATED SVG START ==================== */
.ahfas-social-art { display: block; width: 100%; max-width: 540px; height: auto; margin: 0 auto; }
.ahfas-social-art__post, .ahfas-social-art__audience { animation: ahfas-social-float 6s ease-in-out infinite; }
.ahfas-social-art__audience { animation-delay: -3s; }
.ahfas-social-art__engagement { animation: ahfas-social-notify 5s ease-in-out infinite; }
.ahfas-social-art__dots { animation: ahfas-social-pulse 2.5s ease-in-out infinite; }
@keyframes ahfas-social-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes ahfas-social-notify { 0%, 100% { transform: translateY(0); opacity: .75; } 50% { transform: translateY(-7px); opacity: 1; } }
@keyframes ahfas-social-pulse { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
/* ==================== SOCIAL MEDIA SECTION 1: ANIMATED SVG END ==================== */

/* ==================== WEBSITE DEVELOPMENT SECTION 1: SVG HERO START ==================== */
.ahfas-website-art { display: block; width: 100%; max-width: 560px; height: auto; margin: 0 auto; }
.ahfas-website-art__component { animation: ahfas-website-build 9s ease-in-out infinite both; animation-delay: var(--build-delay); }
.ahfas-website-art__selection { animation: ahfas-website-select 9s ease-in-out infinite; }
.ahfas-website-art__cursor { animation: ahfas-website-cursor 9s ease-in-out infinite; }
.ahfas-website-art__code { animation: ahfas-website-code 5s ease-in-out infinite; }
@keyframes ahfas-website-build { 0%, 6% { opacity: 0; transform: translateY(12px); } 18%, 76% { opacity: 1; transform: translateY(0); } 90%, 100% { opacity: 0; transform: translateY(0); } }
@keyframes ahfas-website-select { 0%, 18%, 90%, 100% { opacity: 0; } 26%, 75% { opacity: 1; } }
@keyframes ahfas-website-cursor { 0%, 100% { transform: translate(20px, 35px); } 30%, 60% { transform: translate(0, 0); } 80% { transform: translate(-100px, 50px); } }
@keyframes ahfas-website-code { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
/* ==================== WEBSITE DEVELOPMENT SECTION 1: SVG HERO END ==================== */

/* ==================== SINGLE BLOG POST START ==================== */
.ahfas-single { padding: 64px 24px; background: #0b0415; color: #c0b6cd; min-height: 60vh; }
.ahfas-single__layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; align-items: start; gap: 44px; max-width: 1350px; margin: 0 auto; }
.ahfas-single__article { min-width: 0; text-align: left; }
.ahfas-single__header { margin-bottom: 32px; text-align: left; }
.ahfas-single__categories { margin-bottom: 18px; color: #f779ca; font-size: 13px; font-weight: 600; text-transform: uppercase; }
.ahfas-single a { color: #f779ca; overflow-wrap: anywhere; }
.ahfas-single a:hover { color: #bc77f5; }
.ahfas-single a:focus-visible { outline: 2px solid #f779ca; outline-offset: 3px; }
.ahfas-single h1 { margin: 0 0 22px; color: #fff; font-size: 44px; font-weight: 600; line-height: 1.25; letter-spacing: -.8px; overflow-wrap: anywhere; }
.ahfas-single__meta { color: #a69db7; font-size: 14px; }
.ahfas-single__image { margin-bottom: 40px; }
.ahfas-single__image img { width: 100%; height: auto; border-radius: 12px; }
.ahfas-single__content { font-size: 16px; line-height: 1.85; overflow-wrap: anywhere; }
.ahfas-single__content p { margin: 0 0 24px; }
.ahfas-single__content h2, .ahfas-single__content h3, .ahfas-single__content h4, .ahfas-single__content h5, .ahfas-single__content h6 { margin: 36px 0 18px; color: #fff; font-weight: 600; line-height: 1.35; }
.ahfas-single__content h2 { font-size: 30px; }
.ahfas-single__content h3 { font-size: 24px; }
.ahfas-single__content h4 { font-size: 20px; }
.ahfas-single__content a { display: inline !important; text-decoration: underline !important; }
.ahfas-single__content ul, .ahfas-single__content ol { padding-left: 26px !important; margin: 0 0 24px; }
.ahfas-single__content ul > li { list-style: disc; }
.ahfas-single__content ol > li { list-style: decimal; }
.ahfas-single__content li { margin-bottom: 8px; }
.ahfas-single__content img { max-width: 100%; width: auto; height: auto; border-radius: 8px; }
.ahfas-single__content figure { max-width: 100%; margin-bottom: 24px; }
.ahfas-single__content figcaption { color: #a69db7; font-size: 13px; }
.ahfas-single__content blockquote { margin: 28px 0; padding: 20px 24px; border-left: 3px solid #bc77f5; background: #21162e; }
.ahfas-single__content blockquote p:last-child { margin-bottom: 0; }
.ahfas-single__content pre { padding: 20px; background: #21162e; color: #eee; overflow: auto; }
.ahfas-single__content .content-block-table { overflow-x: auto; }
.ahfas-single__content table { width: 100%; margin-bottom: 24px; border-collapse: collapse; }
.ahfas-single__content th, .ahfas-single__content td { padding: 12px; border: 1px solid #51445e; text-align: left; }
.ahfas-single__content iframe, .ahfas-single__content video { max-width: 100%; }
.ahfas-single__tags { margin-top: 32px; font-size: 14px; }
.ahfas-single .post-navigation { margin-top: 40px; padding-top: 24px; border-top: 1px solid #ffffff20; }
.ahfas-single .nav-links { display: flex; justify-content: space-between; gap: 30px; }
.ahfas-single .nav-previous, .ahfas-single .nav-next { max-width: 48%; font-size: 14px; }
.ahfas-single .nav-next { margin-left: auto; text-align: right; }
.ahfas-single__related { min-width: 0; }
.ahfas-single__related > h2 { margin: 0 0 24px; color: #fff; font-size: 26px; font-weight: 600; }
.ahfas-single__related-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
.ahfas-single__related-card { position: relative; padding: 10px; border: 1px solid #f779ca80; border-radius: 6px; transition: border-color .2s; }
.ahfas-single__related-card::after { content: ''; position: absolute; inset: -1px; border: 2px solid #f779ca; border-radius: inherit; clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0, 0 0); pointer-events: none; }
.ahfas-single__related-card:hover::after, .ahfas-single__related-card:focus-within::after { animation: ahfas-brands-outline .7s linear forwards; }
.ahfas-single__related-card:hover { border-color: #f779ca; }
.ahfas-single__related-image { display: block !important; margin-bottom: 18px; overflow: hidden; border-radius: 4px; }
.ahfas-single__related-image img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.ahfas-single__related-card h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0 0 10px; font-size: 17px; font-weight: 500; line-height: 1.2; }
.ahfas-single__related-card h3 a { display: inline !important; color: #fff; }
.ahfas-single .ahfas-single__related-more { padding: 4px 0; color: #fff; font-size: 13px; font-weight: 600; text-transform: uppercase; }
/* ==================== SINGLE BLOG POST END ==================== */

.ahfas-floating-whatsapp {
    position: fixed;
    right: max(20px, env(safe-area-inset-right));
    bottom: max(24px, env(safe-area-inset-bottom));
    z-index: 1000;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    padding: 0;
    box-sizing: border-box;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    font-size: 42px;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 4px 16px #0003;
}
.ahfas-floating-whatsapp > i {
    display: block;
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: 1;
}
.ahfas-floating-whatsapp:hover,
.ahfas-floating-whatsapp:focus-visible {
    background: #1ebe5d;
    color: #fff;
}
.ahfas-floating-whatsapp:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 4px;
}
@media (max-width: 575px) {
    .ahfas-floating-whatsapp {
        right: max(16px, env(safe-area-inset-right));
        bottom: max(16px, env(safe-area-inset-bottom));
        width: 56px;
        height: 56px;
        font-size: 38px;
    }
}