:root{
    --afx-head:'Plus Jakarta Sans','Poppins',Arial,Helvetica,sans-serif;
    
    --afx-blue: var(--theme-color, #625BF6);
    --afx-blue-d: var(--theme-color-dark, #4F48D1);
    --afx-ink:#100E20;
    --afx-ink-2:#14122E;
    --afx-muted:#6B6B78;
    --afx-line:#E6E5F5;
    --afx-bg-soft:#EFEEFD;
    --afx-bg-gray:#F4F3FC;
}
.afx-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:7px;
    padding:5px 28px; min-height:48px; border-radius:4px; font-size:14px; font-weight:700;
    text-decoration:none; cursor:pointer; border:1.5px solid transparent;
    white-space:nowrap; transition:.16s ease; letter-spacing:.04em;
    text-transform:uppercase; line-height:1;
}
.afx-btn-solid{ background:var(--afx-blue); color:#fff; }
.afx-btn-solid:hover{ background:var(--afx-blue-d); color:#fff; transform:translateY(-1px); }
.afx-btn-soft{ background:rgba(98,91,246,.1); color:var(--afx-blue); }
.afx-btn-soft:hover{ background:rgba(98,91,246,.18); color:var(--afx-blue-d); }
.afx-btn-grey{ background:#eef0f3; color:var(--afx-ink); }
.afx-btn-grey:hover{ background:#e2e6ec; color:var(--afx-ink); }
.afx-btn-ghost{ background:transparent; color:var(--afx-blue); padding-left:10px; padding-right:10px; }
.afx-btn-ghost:hover{ color:var(--afx-blue-d); }
.afx-btn-dark{ background:#16191f; color:#fff; }
.afx-btn-dark:hover{ background:#000; color:#fff; transform:translateY(-1px); }
.afx-btn-white{ background:#fff; color:var(--afx-ink); }
.afx-btn-white:hover{ background:#f1f3f6; color:var(--afx-ink); transform:translateY(-1px); }
.afx-btn-outline-dark{ background:transparent; color:var(--afx-ink); border-color:#2b3441; }
.afx-btn-outline-dark:hover{ background:var(--afx-ink); border-color:var(--afx-ink); color:#fff; }
.afx-btn-outline-white{ background:transparent; color:#fff; border-color:rgba(255,255,255,.7); }
.afx-btn-outline-white:hover{ background:rgba(255,255,255,.12); color:#fff; }
.afx-shell{ max-width:1180px; margin:0 auto; padding:0 22px; }
.afx-eyebrow{
    color:var(--afx-blue); font-weight:700; font-size:.74rem;
    letter-spacing:.12em; text-transform:uppercase; margin:0 0 14px;
}
.afx-h2{ font-family:var(--afx-head); font-size:clamp(1.7rem,3.2vw,2.4rem); font-weight:400; color:var(--afx-ink); line-height:1.2; margin:0 0 16px; }
.afx-h2 b,
.afx-h2 strong{ font-weight:700; }
.afx-lead{ color:var(--afx-muted); font-size:.98rem; line-height:1.75; margin:0; }
.afx-header{
    position:fixed; top:0; left:0; right:0; width:100%; z-index:100060;
    background:#fff; border-bottom:1px solid var(--afx-line);
    transition:transform .3s ease, box-shadow .25s ease;
}
.afx-header.header-fixed{ box-shadow:0 6px 24px rgba(15,27,45,.07); }
.afx-header.afx-hide{ transform:translateY(-100%); }
main#main{ padding-top:95px !important; }
/* light page background — stops the old dark body colour (#05080f from style.css)
   showing as a black strip under the auto-hiding header while scrolling */
html, body{ background:#fff !important; }
main#main{ background:#fff; }
.afx-hdr-inner{ max-width:1240px; margin:0 auto; padding:0 22px; height:94px; display:flex; align-items:center; gap:26px; }
.afx-logo{ flex-shrink:0; display:inline-flex; align-items:center; }
.afx-logo img{ height:76px; width:auto; max-width:280px; object-fit:contain; border-radius:13px; box-shadow:0 4px 16px rgba(15,20,40,.22); transition:transform .2s ease; }
.afx-logo:hover img{ transform:translateY(-1px) scale(1.02); }
.afx-nav{ display:flex; align-items:center; flex:1 1 auto; }
.afx-nav-close{ display:none; }
.afx-nav-menu{ list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:4px; }
.afx-nav-item{ position:relative; }
.afx-nav-link{
    display:inline-flex; align-items:center; gap:5px; padding:10px 14px;
    border:none; background:transparent; font-size:.95rem; font-weight:600;
    color:var(--afx-ink); text-decoration:none; cursor:pointer; border-radius:8px;
    transition:color .15s, background .15s; white-space:nowrap;
}
.afx-nav-link:hover,
.afx-nav-link.active{ color:var(--afx-blue); }
.afx-caret{ font-size:.68rem; opacity:.75; transition:transform .2s; }
.afx-dropdown{
    position:absolute; top:calc(100% + 10px); left:0; min-width:230px; background:#fff;
    border:1px solid var(--afx-line); border-radius:12px;
    box-shadow:0 18px 50px rgba(15,27,45,.13); padding:8px;
    opacity:0; visibility:hidden; transform:translateY(8px); transition:.18s ease; z-index:50;
}
.afx-has-drop:hover .afx-dropdown{ opacity:1; visibility:visible; transform:translateY(0); }
.afx-has-drop:hover .afx-caret{ transform:rotate(180deg); }
.afx-dd-item{
    display:block; padding:9px 12px; border-radius:8px; font-size:.9rem; font-weight:500;
    color:var(--afx-ink); text-decoration:none; transition:background .14s, color .14s;
}
.afx-dd-item:hover,
.afx-dd-item.active{ background:rgba(98,91,246,.07); color:var(--afx-blue); }
.afx-header-right{ display:flex; align-items:center; gap:10px; margin-left:auto; flex-shrink:0; }
.afx-auth-group{ gap:8px; }
.afx-lang-btn{
    display:inline-flex; align-items:center; gap:6px; padding:7px 12px; background:#fff;
    border:1px solid var(--afx-line); border-radius:8px; color:var(--afx-ink);
    font-size:.86rem; cursor:pointer; transition:border-color .15s;
}
.afx-lang-btn:hover{ border-color:var(--afx-blue); }
.afx-lang-code{ font-weight:700; font-size:.78rem; color:var(--afx-ink); }
.afx-lang-caret{ font-size:.6rem; opacity:.7; }
.afx-lang-flag{ width:22px; height:15px; border-radius:3px; object-fit:cover; flex:0 0 auto;
    box-shadow:0 0 0 1px rgba(15,27,45,.12); }
.afx-lang .dropdown-menu{ background:#100E20; border-radius:12px; border:1px solid rgba(255,255,255,.08); box-shadow:0 18px 50px rgba(0,0,0,.45); padding:6px; min-width:180px; }
.afx-lang .dropdown-item{ border-radius:8px; color:#e6ebf5; font-size:.86rem; font-weight:500; padding:8px 10px; }
.afx-lang .dropdown-item img{ width:22px; height:15px; border-radius:3px; object-fit:cover; box-shadow:0 0 0 1px rgba(255,255,255,.15); }
.afx-lang .dropdown-item:hover{ background:rgba(255,255,255,.08); color:#fff; }
.afx-lang .dropdown-item.active{ background:rgba(98,91,246,.30); color:#837DF8; }
.afx-lang .dropdown-item.active .bi-check2{ color:#837DF8; }
.afx-burger{
    display:none; width:42px; height:42px; align-items:center; justify-content:center;
    background:rgba(98,91,246,.08); border:1px solid rgba(98,91,246,.25);
    border-radius:9px; color:var(--afx-blue); font-size:1.4rem; cursor:pointer;
}
@media (max-width:991.98px){
.afx-hdr-inner{ height:74px; padding:0 16px; gap:12px; }
main#main{ padding-top:75px !important; }
.afx-logo img{ height:60px; max-width:210px; border-radius:10px; }
.afx-burger{ display:inline-flex; }
.afx-nav{
        position:fixed; top:0; right:-100%; bottom:0; width:300px; max-width:88vw;
        height:100dvh; background:#fff; border-left:1px solid var(--afx-line);
        flex-direction:column; align-items:stretch; padding:0; z-index:100050;
        transition:right .3s cubic-bezier(.4,0,.2,1); overflow-y:auto;
    }
.afx-nav.afx-nav-open{ right:0; box-shadow:-20px 0 80px rgba(0,0,0,.35); }
.afx-nav-close{
        display:flex; align-items:center; justify-content:space-between; padding:0 18px;
        min-height:56px; background:#fff; border:none; border-bottom:1px solid var(--afx-line);
        color:var(--afx-muted); font-size:.75rem; font-weight:700; letter-spacing:.5px;
        cursor:pointer; position:sticky; top:0; z-index:5;
    }
.afx-nav-close i{ font-size:1.1rem; color:var(--afx-ink); }
.afx-nav-menu{ flex-direction:column; align-items:stretch; gap:2px; padding:12px; }
.afx-nav-item{ width:100%; }
.afx-nav-link{ width:100%; justify-content:flex-start; padding:12px 14px; }
.afx-nav-link:hover,
.afx-nav-link.active{ background:rgba(98,91,246,.07); }
.afx-dropdown{
        position:static; opacity:1; visibility:visible; transform:none; box-shadow:none;
        border:none; background:rgba(98,91,246,.04); padding:6px 8px; margin:2px 0 6px;
        display:none; min-width:0;
    }
.afx-dropdown.afx-drop-show{ display:block; }
.afx-caret.rotated{ transform:rotate(180deg); }
.afx-nav-mob-auth{
        margin-top:auto; padding:18px 14px 32px; border-top:1px solid var(--afx-line);
        display:flex; flex-direction:column; gap:10px;
    }

}
@media (max-width:575px){
.afx-nav{ width:100%; max-width:100%; }
 }
.afx-nav-overlay{
    display:none; position:fixed; inset:0; background:rgba(15,27,45,.55);
    z-index:100040; backdrop-filter:blur(2px);
}
.afx-nav-overlay.show{ display:block; }
.afx-hero{
    position:relative; min-height:78vh; display:flex; align-items:center;

    background:linear-gradient(135deg, #0A0A0A 0%, #100E20 32%, #14122E 58%, #4F48D1 82%,#625bf6 100%) center/cover no-repeat;
    /* Admin-uploaded (or default) hero image, set as a CSS custom property from
       the blade rather than a raw inline background-image declaration. */
    background-image:var(--afx-hero-bg);
    overflow:hidden;
}
.afx-hero::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(8,8,12,.92) 0%, rgba(16,14,32,.75) 40%, rgba(22,20,52,.32) 72%, rgba(22,20,52,.06) 100%);
}
.afx-hero .afx-shell{ position:relative; z-index:2; width:100%; padding-top:64px; padding-bottom:64px; }
.afx-hero-content{ max-width:540px; }
.afx-hero-title{ font-family:var(--afx-head); color:#fff; font-size:clamp(2rem,4.5vw,3rem); font-weight:400; line-height:1.18; margin:0 0 16px; text-shadow:0 2px 18px rgba(0,0,0,.55); }
.afx-hero-title b,
.afx-hero-title strong{ font-weight:700; }
.afx-hero-desc{ color:rgba(255,255,255,.92); font-size:1rem; line-height:1.7; margin:0 0 28px; text-shadow:0 1px 12px rgba(0,0,0,.5); }
.afx-hero-actions{ display:flex; gap:14px; flex-wrap:wrap; }
.afx-platform{ background:#fff; padding:84px 0; }
.afx-platform-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.afx-platform-media{ position:relative; }
.afx-platform-collage{ display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; gap:16px; }
.afx-platform-collage img{ width:100%; height:100%; object-fit:cover; border-radius:14px; display:block; }
.afx-platform-collage-img{ width:100%; height:auto; display:block; border-radius:14px; }
.afx-platform-body p{ color:var(--afx-muted); font-size:.95rem; line-height:1.75; margin:0 0 16px; }
.afx-platform-title{ font-family:var(--afx-head); font-size:clamp(1.5rem,2.6vw,2rem); font-weight:700; color:var(--afx-ink); line-height:1.2; margin:0 0 18px; }
.afx-platform-title span{ display:block; font-weight:700; }
.afx-platform-actions{ display:flex; gap:14px; flex-wrap:wrap; margin-top:8px; }
.afx-instruments{ background:#fff; padding:54px 0 70px; text-align:center; }
.afx-instruments .afx-h2{ max-width:760px; margin:0 auto 18px; }
.afx-instruments .afx-lead{ max-width:760px; margin:0 auto; }
.afx-assets{ background:var(--afx-bg-soft); padding:80px 0; }
.afx-assets-head{ text-align:center; max-width:720px; margin:0 auto 48px; }
.afx-assets-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.afx-asset-card{
    background:#fff; padding:38px 34px; border-radius:8px; border:1px solid var(--afx-line);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}
.afx-asset-card:hover{
    transform:translateY(-8px); border-color:transparent;
    background:var(--theme-color, var(--afx-blue));
    box-shadow:0 18px 38px rgba(20,40,80,.20);
}
.afx-asset-ico{ font-size:1.7rem; color:var(--afx-blue); margin-bottom:20px; line-height:1; transition:transform .22s ease, color .22s ease; }
.afx-asset-card:hover .afx-asset-ico{ transform:scale(1.12); color:#fff; }
.afx-asset-card h5{ font-family:var(--afx-head); font-size:1.1rem; font-weight:600; color:var(--afx-ink); margin:0 0 10px; transition:color .22s ease; }
.afx-asset-card p{ color:var(--afx-muted); font-size:.9rem; line-height:1.65; margin:0; transition:color .22s ease; }
.afx-asset-card:hover h5{ color:#fff; }
.afx-asset-card:hover p{ color:rgba(255,255,255,.88); }
.afx-asset-hero{ background:#fff; padding:72px 0; }
.afx-asset-hero-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.afx-asset-hero-body{ max-width:560px; }
.afx-asset-hero-eyebrow{ color:var(--afx-blue); font-weight:700; font-size:.82rem; letter-spacing:.14em; text-transform:uppercase; margin:0 0 16px; }
.afx-asset-hero-title{ font-family:var(--afx-head); font-size:clamp(2.2rem,4vw,3.2rem); font-weight:700; color:var(--afx-ink); line-height:1.12; margin:0 0 20px; }
.afx-asset-hero-desc{ color:#3d4757; font-size:1rem; line-height:1.8; margin:0 0 30px; }
.afx-asset-hero-media{ position:relative; }
.afx-asset-hero-photo{ width:100%; aspect-ratio:1/1.04; object-fit:cover; object-position:58% 22%; display:block; border-radius:18px; }
.afx-asset-hero-float{
    
    position:absolute; left:-20%; top:15%; width:40%; max-width:215px; height:auto;
    border-radius:14px; filter:drop-shadow(0 20px 44px rgba(20,40,80,.20));
    animation:afxFloat 4.5s ease-in-out infinite; will-change:transform;
}
@keyframes afxFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }
@media (prefers-reduced-motion:reduce){
.afx-asset-hero-float{ animation:none; }
 }
@media(max-width:991px){
.afx-asset-hero{ padding:48px 0; }
.afx-asset-hero-grid{ grid-template-columns:1fr; gap:36px; }
.afx-asset-hero-media{ order:-1; }
.afx-asset-hero-body{ max-width:none; }
.afx-asset-hero-float{ left:0; top:14%; width:40%; max-width:180px; }

}
.afx-asset-hero--rev .afx-asset-hero-media{ order:0; }
.afx-asset-hero--rev .afx-asset-hero-body{ order:1; }
.afx-asset-hero--rev .afx-asset-hero-float{ left:auto; right:-20%; }
.afx-asset-hero--tight{ padding:40px 0; }
.afx-section-head{ text-align:center; max-width:760px; margin:0 auto 46px; }
.afx-section-head h2{ font-family:var(--afx-head); font-size:clamp(1.7rem,3vw,2.4rem); font-weight:700; color:var(--afx-ink); margin:0 0 12px; }
.afx-section-head h2 b{ font-weight:800; }
.afx-section-head p{ color:var(--afx-muted); font-size:1rem; line-height:1.7; margin:0; }
.afx-checklist{ list-style:none; margin:18px 0 0; padding:0; }
.afx-checklist li{ display:flex; align-items:flex-start; gap:12px; font-size:.95rem; color:var(--afx-ink); padding:9px 0; }
.afx-checklist i{ color:var(--afx-blue); font-size:1.05rem; flex-shrink:0; margin-top:2px; }
.afx-feat3{ display:grid; grid-template-columns:repeat(3,1fr); gap:34px; }
.afx-feat3-item{ text-align:center; }
.afx-feat3-ico{ font-size:1.9rem; color:var(--afx-blue); margin-bottom:14px; line-height:1; }
.afx-feat3-item h5{ font-family:var(--afx-head); font-size:1.05rem; font-weight:700; color:var(--afx-ink); margin:0 0 10px; }
.afx-feat3-item p{ color:var(--afx-muted); font-size:.9rem; line-height:1.65; margin:0; }
@media(max-width:767px){
.afx-feat3{ grid-template-columns:1fr; gap:28px; }
 }
.afx-brandmark{ display:flex; align-items:center; justify-content:center; padding:10px 0; }
.afx-brandmark img{ max-width:100%; height:auto; }
.afx-arrowlist{ list-style:none; margin:18px 0 0; padding:0; }
.afx-arrowlist li{ display:flex; align-items:flex-start; gap:12px; font-size:.95rem; color:var(--afx-ink); padding:9px 0; }
.afx-arrowlist i{ color:var(--afx-blue); font-size:1rem; flex-shrink:0; margin-top:3px; }
.afx-monitor{ background:var(--afx-bg-soft); padding:60px 0; }
.afx-monitor-head{ text-align:center; max-width:820px; margin:0 auto 38px; }
.afx-monitor-head h3{ font-family:var(--afx-head); font-size:clamp(1.4rem,2.4vw,1.9rem); font-weight:700; color:var(--afx-ink); margin:0 0 10px; }
.afx-monitor-head p{ color:var(--afx-muted); font-size:.95rem; line-height:1.7; margin:0; }
.afx-monitor-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.afx-monitor-card img{ width:100%; height:auto; display:block; border-radius:12px; box-shadow:0 12px 30px rgba(20,40,80,.12); }
.afx-monitor-card p{ color:var(--afx-muted); font-size:.86rem; line-height:1.6; margin:16px 2px 0; }
@media(max-width:767px){
.afx-monitor-grid{ grid-template-columns:1fr; gap:30px; }
 }
.afx-shot{ width:100%; height:auto; display:block; border-radius:12px; box-shadow:0 14px 36px rgba(20,40,80,.12); }
.afx-accounts{ background:#fff; padding:66px 0 36px; }
.afx-accounts .afx-shell{ max-width:1420px; }
.afx-acc-head{ text-align:center; max-width:740px; margin:0 auto 44px; }
.afx-acc-head h1{ font-family:var(--afx-head); font-size:clamp(2.1rem,3.6vw,2.9rem); font-weight:700; color:#0c243c; margin:0 0 14px; }
.afx-acc-head p{ color:#0c243c; font-size:1.05rem; line-height:1.7; margin:0; }
.afx-price-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.afx-price-card{ position:relative; background:#f7f8fa; border:1px solid var(--afx-line); border-radius:6px; padding:40px 30px 34px; overflow:hidden; }
.afx-price-name{ text-align:center; font-family:var(--afx-head); font-size:1.7rem; font-weight:700; text-transform:uppercase; color:#16203a; letter-spacing:.04em; margin:0; }
.afx-price-acctlbl{ display:block; text-align:center; font-size:.85rem; color:var(--afx-muted); margin-top:3px; }
.afx-price-amt{ text-align:center; font-family:var(--afx-head); font-weight:800; color:#005c97; font-size:3.05rem; line-height:1; margin:20px 0 24px; }
.afx-price-amt sup{ font-size:1.45rem; font-weight:700; top:-.7em; margin-right:1px; }
.afx-price-feats{ list-style:none; margin:0 0 26px; padding:0; }
.afx-price-feats li{ display:flex; align-items:center; gap:13px; font-size:.96rem; color:var(--afx-ink); padding:15px 2px; border-bottom:1px solid rgba(20,40,80,.07); }
.afx-price-feats li:last-child{ border-bottom:none; }
.afx-price-feats i{ font-size:1.3rem; flex-shrink:0; }
.afx-price-feats .afx-ft-yes{ color:#7e8c9c; }
.afx-price-cta{ text-align:center; margin-top:4px; }
.afx-price-btn{ display:inline-flex; width:auto; padding-left:40px; padding-right:40px; text-transform:none; }
.afx-price-popular::before{ content:'POPULAR'; position:absolute; top:22px; right:-34px; transform:rotate(45deg); background:#0d3a63; color:#fff; font-size:.64rem; font-weight:700; letter-spacing:.08em; padding:5px 42px; }
.afx-acc-notes{ text-align:center; max-width:920px; margin:38px auto 0; padding:0 16px; }
.afx-acc-notes p{ color:#9aa3b2; font-size:.84rem; line-height:1.7; margin:0 0 6px; }
.afx-acc-notes a{ color:var(--theme-color,#0a4d8c); text-decoration:underline; }
@media(max-width:991px){
.afx-price-grid{ grid-template-columns:repeat(2,1fr); }
 }
@media(max-width:540px){
.afx-price-grid{ grid-template-columns:1fr; }
 }
.afx-showcase{ background:var(--afx-bg-gray); padding:0; overflow:hidden; }
.afx-showcase-body{ padding:70px 22px 70px 0; max-width:520px; }
.afx-showcase-eyebrow{ color:var(--afx-muted); font-weight:700; font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; margin:0 0 12px; }
.afx-showcase-title{ font-family:var(--afx-head); font-size:clamp(1.5rem,2.6vw,2rem); font-weight:700; color:var(--afx-ink); line-height:1.25; margin:0 0 16px; text-shadow:0 1px 2px rgba(255,255,255,.7); }
.afx-showcase-desc{ color:#4A4A57; font-size:.95rem; line-height:1.75; margin:0 0 26px; text-shadow:0 1px 2px rgba(255,255,255,.6); }
.afx-showcase-actions{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:26px; }
.afx-showcase-devices{ display:flex; gap:26px; color:#9aa3b2; font-size:2.1rem; }
.afx-showcase--bg{ position:relative; background-image:var(--afx-showcase-bg); background-size:cover; background-position:center; background-repeat:no-repeat; padding:0; min-height:520px; display:flex; align-items:center; }
.afx-showcase--bg::before{ content:''; position:absolute; inset:0; background:linear-gradient(270deg, rgba(244,243,252,.98) 0%, rgba(244,243,252,.94) 42%, rgba(244,243,252,.48) 72%, rgba(244,243,252,0) 100%); }
.afx-showcase--bg .afx-shell{ position:relative; z-index:1; width:100%; display:flex; justify-content:flex-end; }
.afx-showcase--bg .afx-showcase-body{ padding:70px 0; max-width:520px; }

/* ═══════════ STATS STRIP ═══════════ */
.afx-stats{ background:var(--afx-ink); padding:46px 0; }
.afx-stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.afx-stat{ text-align:center; position:relative; }
.afx-stat + .afx-stat::before{ content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:46px; width:1px; background:rgba(255,255,255,.12); }
.afx-stat-num{ display:block; font-family:var(--afx-head); font-size:clamp(1.7rem,3vw,2.5rem); font-weight:700; color:#fff; line-height:1; margin-bottom:8px; }
.afx-stat-label{ display:block; color:rgba(255,255,255,.6); font-size:.84rem; font-weight:500; letter-spacing:.04em; text-transform:uppercase; }

/* ═══════════ WHY CHOOSE US ═══════════ */
.afx-why{ background:#fff; padding:80px 0; }
.afx-why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.afx-why-card{ background:#fff; padding:34px 30px; border-radius:8px; border:1px solid var(--afx-line); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.afx-why-card:hover{ transform:translateY(-6px); border-color:transparent; box-shadow:0 18px 38px rgba(20,40,80,.12); }
.afx-why-ico{ width:54px; height:54px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; color:var(--afx-blue); background:rgba(98,91,246,.1); margin-bottom:20px; transition:.22s ease; }
.afx-why-card:hover .afx-why-ico{ background:var(--afx-blue); color:#fff; }
.afx-why-card h5{ font-family:var(--afx-head); font-size:1.08rem; font-weight:600; color:var(--afx-ink); margin:0 0 10px; }
.afx-why-card p{ color:var(--afx-muted); font-size:.9rem; line-height:1.7; margin:0; }

/* ═══════════ HOW IT WORKS ═══════════ */
.afx-steps{ background:var(--afx-bg-gray); padding:80px 0; }
.afx-steps-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.afx-step{ position:relative; background:#fff; padding:40px 30px 34px; border-radius:12px; border:1px solid var(--afx-line); text-align:center; }
.afx-step-num{ position:absolute; top:-18px; left:50%; transform:translateX(-50%); width:36px; height:36px; border-radius:50%; background:var(--afx-blue); color:#fff; font-weight:700; font-size:.95rem; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 16px rgba(98,91,246,.4); }
.afx-step-ico{ font-size:2.1rem; color:var(--afx-blue); margin:8px 0 18px; line-height:1; }
.afx-step h5{ font-family:var(--afx-head); font-size:1.12rem; font-weight:600; color:var(--afx-ink); margin:0 0 10px; }
.afx-step p{ color:var(--afx-muted); font-size:.9rem; line-height:1.7; margin:0; }
.afx-steps-cta{ text-align:center; margin-top:40px; }

/* ═══════════ SECURITY & TRUST ═══════════ */
.afx-trust{ background:#fff; padding:76px 0; }
.afx-trust-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.afx-trust-item{ display:flex; align-items:center; gap:16px; padding:20px 22px; border:1px solid var(--afx-line); border-radius:10px; background:var(--afx-bg-gray); }
.afx-trust-item i{ font-size:1.7rem; color:var(--afx-blue); flex-shrink:0; }
.afx-trust-item h6{ font-family:var(--afx-head); font-size:.98rem; font-weight:600; color:var(--afx-ink); margin:0 0 3px; }
.afx-trust-item span{ color:var(--afx-muted); font-size:.84rem; }

/* ═══════════ TESTIMONIALS ═══════════ */
.afx-tm{ background:var(--afx-bg-soft); padding:80px 0; }
.afx-tm-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.afx-tm-card{ background:#fff; border:1px solid var(--afx-line); border-radius:12px; padding:28px 26px; display:flex; flex-direction:column; }
.afx-tm-stars{ display:flex; gap:3px; color:#f5b301; font-size:.95rem; margin-bottom:14px; }
.afx-tm-stars .bi-star{ color:#d6d6e0; }
.afx-tm-text{ color:#3d4757; font-size:.92rem; line-height:1.75; margin:0 0 22px; flex:1 1 auto; }
.afx-tm-author{ display:flex; align-items:center; gap:12px; }
.afx-tm-avatar{ width:44px; height:44px; border-radius:50%; background:var(--afx-blue); color:#fff; font-family:var(--afx-head); font-weight:700; font-size:1.05rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.afx-tm-author strong{ display:block; font-size:.92rem; color:var(--afx-ink); font-weight:600; }
.afx-tm-author span{ font-size:.8rem; color:var(--afx-muted); }

/* ═══════════ FAQ ═══════════ */
.afx-faq{ background:#fff; padding:80px 0; }
.afx-faq-shell{ max-width:820px; }
.afx-faq-list{ display:flex; flex-direction:column; gap:14px; }
.afx-faq-item{ border:1px solid var(--afx-line); border-radius:10px; background:var(--afx-bg-gray); overflow:hidden; transition:border-color .18s ease; }
.afx-faq-item[open]{ border-color:var(--afx-blue); background:#fff; box-shadow:0 10px 30px rgba(20,40,80,.07); }
.afx-faq-item summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; font-family:var(--afx-head); font-weight:600; font-size:1rem; color:var(--afx-ink); }
.afx-faq-item summary::-webkit-details-marker{ display:none; }
.afx-faq-icon{ flex-shrink:0; color:var(--afx-blue); font-size:1.1rem; transition:transform .22s ease; }
.afx-faq-item[open] .afx-faq-icon{ transform:rotate(45deg); }
.afx-faq-body{ padding:0 24px 22px; }
.afx-faq-body p{ color:var(--afx-muted); font-size:.93rem; line-height:1.75; margin:0; }

/* ═══════════ NEWSLETTER / FINAL CTA ═══════════ */
.afx-news{ background:#fff; padding:0 0 84px; }
.afx-news-card{ background:linear-gradient(120deg, var(--afx-ink) 0%, var(--afx-blue-d) 75%, var(--afx-blue) 100%); border-radius:18px; padding:54px 56px; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; }
.afx-news-body{ max-width:540px; }
.afx-eyebrow--light{ color:#b9b4ff; }
.afx-news-title{ font-family:var(--afx-head); font-size:clamp(1.5rem,2.6vw,2rem); font-weight:700; color:#fff; line-height:1.2; margin:0 0 12px; }
.afx-news-desc{ color:rgba(255,255,255,.78); font-size:.95rem; line-height:1.7; margin:0; }
.afx-news-form{ display:flex; gap:12px; flex:1 1 340px; max-width:440px; flex-wrap:wrap; }
.afx-news-input{ flex:1 1 200px; min-width:0; padding:0 18px; min-height:48px; border-radius:6px; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.1); color:#fff; font-size:.92rem; outline:none; }
.afx-news-input::placeholder{ color:rgba(255,255,255,.6); }
.afx-news-input:focus{ border-color:#fff; background:rgba(255,255,255,.16); }

@media (max-width:991.98px){
.afx-why-grid,
.afx-trust-grid{ grid-template-columns:repeat(2,1fr); }
.afx-tm-grid{ grid-template-columns:repeat(2,1fr); }
.afx-stats-grid{ grid-template-columns:repeat(2,1fr); gap:30px 24px; }
.afx-stat:nth-child(odd)::before{ display:none; }
.afx-news-card{ padding:40px 34px; }
}
@media (max-width:767.98px){
.afx-steps-grid{ grid-template-columns:1fr; gap:34px; }
}
@media (max-width:575px){
.afx-why-grid,
.afx-trust-grid,
.afx-tm-grid{ grid-template-columns:1fr; }
.afx-why,
.afx-steps,
.afx-trust,
.afx-tm,
.afx-faq{ padding:56px 0; }
}
.afx-footer{ background:#fff; border-top:1px solid var(--afx-line); color:var(--afx-ink); }
.afx-foot-wrap{ max-width:1240px; margin:0 auto; padding:56px 22px 36px; }
.afx-foot-grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1fr; gap:38px; }
.afx-foot-brand{ max-width:340px; }
.afx-foot-logo img{ height:54px; width:auto; max-width:220px; object-fit:contain; }
.afx-foot-desc{ margin:16px 0 0; color:var(--afx-muted); font-size:.9rem; line-height:1.7; }
.afx-foot-social{ display:flex; gap:10px; margin-top:18px; flex-wrap:wrap; }
.afx-foot-social a{
    width:38px; height:38px; border-radius:9px; display:inline-flex; align-items:center;
    justify-content:center; background:rgba(98,91,246,.08); color:var(--afx-blue);
    font-size:1rem; text-decoration:none; transition:.16s;
}
.afx-foot-social a:hover{ background:var(--afx-blue); color:#fff; transform:translateY(-2px); }
.afx-foot-sub{ display:flex; margin-top:20px; max-width:320px; }
.afx-foot-sub input{
    flex:1 1 auto; min-width:0; padding:11px 14px; font-size:.9rem;
    border:1px solid var(--afx-line); border-right:none; border-radius:9px 0 0 9px;
    outline:none; color:var(--afx-ink);
}
.afx-foot-sub input:focus{ border-color:var(--afx-blue); }
.afx-foot-sub-btn{
    border:none; background:var(--afx-blue); color:#fff; font-weight:700; padding:0 18px;
    font-size:.86rem; border-radius:0 9px 9px 0; cursor:pointer; transition:.16s;
}
.afx-foot-sub-btn:hover{ background:var(--afx-blue-d); }
.afx-foot-col h6{
    color:var(--afx-blue); font-size:.78rem; font-weight:700; letter-spacing:.09em;
    text-transform:uppercase; margin:0 0 18px;
}
.afx-foot-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
.afx-foot-col a,
.afx-foot-col span{
    color:var(--afx-muted); font-size:.9rem; text-decoration:none; transition:color .14s;
    display:inline-flex; align-items:center;
}
.afx-foot-col a:hover{ color:var(--afx-blue); }
.afx-foot-fine{ margin-top:42px; padding-top:28px; border-top:1px solid var(--afx-line); }
.afx-foot-fine p{ color:var(--afx-muted); font-size:.78rem; line-height:1.75; margin:0 0 12px; text-align:center; }
.afx-foot-bar{ background:var(--afx-blue); color:#fff; }
.afx-foot-bar-inner{
    max-width:1240px; margin:0 auto; padding:16px 22px; display:flex; align-items:center;
    justify-content:space-between; gap:14px; flex-wrap:wrap;
}
.afx-foot-copy,
.afx-foot-risk-tag{ margin:0; font-size:.84rem; }
.afx-foot-risk-tag{ opacity:.85; }
@media (max-width:991.98px){
.afx-platform-grid{ grid-template-columns:1fr; gap:36px; }
.afx-showcase--bg{ min-height:0; }
.afx-showcase--bg::before{ background:linear-gradient(0deg, rgba(240,242,245,.97) 0%, rgba(240,242,245,.92) 55%, rgba(240,242,245,.55) 100%); }
.afx-showcase--bg .afx-shell{ justify-content:center; }
.afx-showcase--bg .afx-showcase-body{ padding:48px 0 56px; max-width:none; }
.afx-assets-grid{ grid-template-columns:repeat(2,1fr); }
.afx-foot-grid{ grid-template-columns:1fr 1fr 1fr; gap:30px; }
.afx-foot-brand{ grid-column:1 / -1; max-width:420px; }

}
@media (max-width:575px){
.afx-platform{ padding:56px 0; }
.afx-assets{ padding:56px 0; }
.afx-assets-grid{ grid-template-columns:1fr; }
.afx-hero{ min-height:420px; }
.afx-hero-actions .afx-btn,
.afx-platform-actions .afx-btn,
.afx-showcase-actions .afx-btn{ flex:1 1 auto; }
.afx-foot-wrap{ padding:44px 18px 28px; }
.afx-foot-grid{ grid-template-columns:1fr 1fr; gap:26px; }
.afx-foot-bar-inner{ flex-direction:column; text-align:center; gap:6px; }

}
@media (max-width:380px){
.afx-foot-grid{ grid-template-columns:1fr; }
 }