/* ══════════ RESET & BASE ══════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
--bg:#070b1e;--navy:#102254;--gold:#FCEC48;--gold2:#E8C41A;
--white:#fff;--gray:#f8f9fa;--text:#1a1a2e;--text-sub:#555;--text-light:rgba(255,255,255,.7);
--f:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
--header-h:72px;--max:1200px;
--space-sec:clamp(4.45rem,8.2vw,7.6rem);
--space-sec-md:clamp(3.75rem,7vw,5.5rem);
--space-sec-sm:clamp(3.2rem,6.3vw,4.6rem);
--space-head:clamp(2.6rem,4.8vw,3.7rem);
--space-head-md:clamp(2.2rem,4vw,3rem);
--radius-card-lg:18px;
--radius-card-md:16px;
--radius-card-sm:12px;
--border-card:#e5e9f3;
--shadow-card-soft:0 8px 24px rgba(16,34,84,.06);
--shadow-card-hover:0 18px 42px rgba(16,34,84,.12);
--h2-max:760px;
}
html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--f);color:var(--text);background:var(--white);line-height:1.55;letter-spacing:.004em;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.hp-field{position:absolute !important;left:-10000px !important;top:auto !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important}

/* ══════════ HEADER ══════════ */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(7,11,30,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s;height:var(--header-h)}
.site-header.shrink{height:56px;box-shadow:0 2px 20px rgba(0,0,0,.3)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:100%}
.header-logo img{height:40px;width:auto}
.shrink .header-logo img{height:32px}
.nav-links{display:flex;gap:1.75rem;align-items:center;list-style:none}
.nav-links>li>a{color:var(--text-light);font-size:.84rem;font-weight:500;transition:color .2s;letter-spacing:.01em;white-space:nowrap}
.nav-links>li>a:hover{color:var(--gold)}
.nav-links>li>a.nav-active{color:var(--gold);font-weight:650}
.nav-links>li>a.nav-cta.nav-active{color:#111a2f;background:var(--gold2)}
.nav-item{position:relative}
.nav-item.is-active>a:not(.nav-cta){position:relative}
.nav-item.is-active>a:not(.nav-cta)::after{content:'';position:absolute;left:0;right:0;bottom:-.34rem;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:999px}
.nav-item.has-submenu{padding-bottom:.6rem;margin-bottom:-.6rem}
.nav-item.has-submenu::after{content:'';position:absolute;left:0;right:0;top:100%;height:.62rem}
.nav-item.has-submenu>a{display:inline-flex;align-items:center;gap:.35rem}
.nav-caret{font-size:.62rem;opacity:.85;transform:translateY(1px)}
.nav-submenu{position:absolute;top:100%;left:0;list-style:none;min-width:260px;padding:.45rem;background:#0f173a;border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 14px 38px rgba(0,0,0,.34);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:120;max-height:min(72vh,580px);overflow-y:auto;overscroll-behavior:contain}
.nav-item.has-submenu:hover .nav-submenu,.nav-item.has-submenu:focus-within .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.nav-submenu li{margin:0}
.nav-submenu a{display:block;padding:.62rem .72rem;border-radius:8px;color:var(--white);font-size:.8rem;font-weight:500;line-height:1.35;white-space:nowrap}
.nav-submenu a:hover,.nav-submenu a:focus-visible{background:rgba(255,255,255,.1);color:var(--gold)}
.nav-submenu a.nav-sub-active{background:rgba(255,255,255,.12);color:var(--gold);font-weight:650}
.nav-cta{background:var(--gold);padding:.5rem 1.15rem;border-radius:8px;font-weight:700;font-size:.8rem;transition:all .2s;white-space:nowrap}
.nav-links>li>a.nav-cta{color:#111a2f}
.nav-links>li>a.nav-cta:hover,.nav-links>li>a.nav-cta:focus-visible{background:var(--gold2);color:#111a2f;transform:translateY(-1px)}
.lang-sw{display:flex;gap:.15rem;background:rgba(255,255,255,.08);padding:.15rem;border-radius:6px;margin-left:.5rem}
.lang-sw a{padding:.25rem .55rem;border-radius:4px;font-size:.7rem;font-weight:700;color:var(--text-light);transition:all .2s}
.lang-sw a.on{background:var(--gold);color:var(--bg)}
.burger{display:none;background:none;border:none;cursor:pointer;padding:.5rem}
.burger span{display:block;width:22px;height:2px;background:var(--white);margin:5px 0;transition:all .3s;border-radius:2px}
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:98}
.nav-overlay.open{display:block}
.nav-drawer{position:fixed;top:0;right:-280px;width:280px;height:100vh;height:100dvh;background:var(--bg);z-index:99;transition:right .3s;padding:5rem 1.5rem calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.nav-drawer.open{right:0}
.nav-drawer a{color:var(--white);font-size:1.05rem;font-weight:500}
.nav-drawer a:hover{color:var(--gold)}
.nav-drawer a.nav-drawer-active{color:var(--gold);font-weight:700}
.nav-drawer .nav-drawer-cta{display:flex;align-items:center;justify-content:center;text-align:center;margin-top:.5rem;color:var(--bg)}
.nav-drawer .nav-drawer-cta:hover{color:var(--bg)}
.nav-drawer-group{display:flex;flex-direction:column;gap:.55rem}
.nav-drawer-group.is-active>.nav-drawer-sub{border-left-color:rgba(252,236,72,.48)}
.nav-drawer-sub{display:flex;flex-direction:column;gap:.45rem;padding-left:.9rem;border-left:2px solid rgba(255,255,255,.14)}
.nav-drawer-sub .nav-drawer-sub-link{font-size:.95rem;color:rgba(255,255,255,.8)}
.nav-drawer-sub .nav-drawer-sub-link:hover{color:var(--gold)}
.nav-drawer-sub .nav-drawer-sub-link.nav-drawer-sub-active{color:var(--gold);font-weight:650}
.nav-drawer .nav-drawer-lang{margin-top:auto}

@media(max-width:1240px){
.header-logo img{height:36px}
.shrink .header-logo img{height:30px}
.nav-links{gap:1.1rem}
.nav-links a{font-size:.79rem}
.nav-cta{padding:.45rem .9rem;font-size:.74rem}
.lang-sw{margin-left:.3rem}
.lang-sw a{padding:.22rem .5rem;font-size:.66rem}
}

@media(max-width:1100px){
.nav-links{display:none}
.burger{display:block}
}

/* ══════════ BREADCRUMBS ══════════ */
.breadcrumbs{background:#fff;border-bottom:1px solid #e8e8e8;padding:.88rem 0;font-size:.82rem;margin-top:var(--header-h)}
.breadcrumbs .wrap{color:#4f5566;display:flex;align-items:center;flex-wrap:wrap;gap:0}
.breadcrumbs a{color:var(--navy);font-weight:600}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs span.sep{margin:0 .4rem;color:#b0b4be}

/* ══════════ HERO ══════════ */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:var(--header-h)}
.hero-bg{position:absolute;inset:0;background:var(--hero-bg-desktop,url('/assets/images/hero-clean-1440.webp')) center 30%/cover no-repeat;z-index:0}
.hero-overlay{position:absolute;inset:0;background:rgba(7,11,30,.78);z-index:1}
.hero-content{position:relative;z-index:2;text-align:center;max-width:760px;padding:2.2rem 1.25rem}
.hero-kicker{display:inline-block;margin-bottom:.9rem;padding:.35rem .72rem;border:1px solid rgba(252,236,72,.34);border-radius:999px;color:var(--gold);font-size:.74rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
.hero h1{font-size:clamp(2.35rem,5.8vw,4.05rem);font-weight:900;color:var(--white);line-height:1.04;margin-bottom:1rem;letter-spacing:-.034em}
.hero h1 span{color:var(--gold)}
.hero-sub{font-size:clamp(1rem,2.35vw,1.24rem);color:var(--text-light);max-width:62ch;margin:0 auto 2.35rem;line-height:1.66}
.hero-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.hero-audio-wrap{display:flex;justify-content:center;margin-top:1rem}
.hero-audio-trigger{
display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
padding:.56rem .98rem;border-radius:999px;border:1px solid rgba(252,236,72,.45);
background:rgba(7,11,30,.34);color:var(--gold);font-size:.82rem;font-weight:760;
letter-spacing:.01em;cursor:pointer;transition:all .2s
}
.hero-audio-trigger:hover,.hero-audio-trigger:focus-visible{
border-color:var(--gold);background:rgba(252,236,72,.12);color:var(--white)
}
.hero-audio-trigger[aria-pressed='true']{
border-color:rgba(252,236,72,.8);background:rgba(252,236,72,.18);color:var(--white)
}
.hero-audio-wrap audio{display:none}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:10px;font-weight:700;font-size:.95rem;transition:all .2s;border:none;cursor:pointer}
.btn-gold{background:var(--gold);color:var(--bg)}
.btn-gold:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 6px 20px rgba(252,236,72,.25)}
.btn-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.3)}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.btn svg{width:18px;height:18px}
@media(max-width:900px){
.hero-bg{background:var(--hero-bg-mobile,var(--hero-bg-desktop,url('/assets/images/hero-clean-1440.webp'))) center 30%/cover no-repeat}
}

/* ══════════ SECTION COMMON ══════════ */
.sec{padding:var(--space-sec) 0;position:relative}
.sec-dark{background:var(--bg);color:var(--white)}
.sec-gray{background:var(--gray)}

/* ── Section wave dividers ── */
.sec-wave-top{position:relative}
.sec-wave-top::before{content:'';position:absolute;top:-1px;left:0;right:0;height:clamp(32px,4vw,56px);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' preserveAspectRatio='none'%3E%3Cpath d='M0 56V28C240 0 480 0 720 28s480 28 720 0V0H0z' fill='%23f8f9fa'/%3E%3C/svg%3E") no-repeat center/100% 100%;z-index:2;pointer-events:none}
.sec-wave-top.wave-white::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' preserveAspectRatio='none'%3E%3Cpath d='M0 56V28C240 0 480 0 720 28s480 28 720 0V0H0z' fill='%23ffffff'/%3E%3C/svg%3E")}
.sec-wave-top.wave-navy::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 56' preserveAspectRatio='none'%3E%3Cpath d='M0 56V28C240 0 480 0 720 28s480 28 720 0V0H0z' fill='%23070b1e'/%3E%3C/svg%3E")}

/* ── Subtle background patterns ── */
.sec-dot-pattern{background-image:radial-gradient(circle,rgba(16,34,84,.04) 1px,transparent 1px);background-size:24px 24px}
.sec-dark.sec-dot-pattern{background-image:radial-gradient(circle,rgba(252,236,72,.03) 1px,transparent 1px);background-size:24px 24px}
.sec-head{text-align:center;margin-bottom:var(--space-head)}
.sec-head h2{font-size:clamp(1.78rem,4.35vw,2.78rem);font-weight:820;margin:0 auto .68rem;max-width:var(--h2-max);letter-spacing:-.026em;line-height:1.12;text-wrap:balance}
.sec-dark .sec-head h2{color:var(--white)}
.sec-head p{color:var(--text-sub);font-size:clamp(.93rem,1.9vw,1.06rem);max-width:620px;margin:0 auto;line-height:1.74}
.sec-dark .sec-head p{color:var(--text-light)}
.gold-bar{width:52px;height:3.5px;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:2px;margin:0 auto .85rem}

/* ══════════ CARD LANGUAGE ══════════ */
.svc-card,.enterprise-card,.how-step,.rev-card,.faq-item{
border-radius:var(--radius-card-md);
border-color:var(--border-card);
}
.svc-card h3,.enterprise-card h3,.how-step h3{
font-weight:760;
line-height:1.24;
letter-spacing:-.011em;
}

/* ══════════ TRUST BAR ══════════ */
.trust{padding:clamp(2.5rem,4vw,3.5rem) 0;background:var(--white);border-bottom:1px solid #eee}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}
.trust-num{font-size:clamp(2rem,4.5vw,2.75rem);font-weight:900;color:var(--navy);line-height:1;letter-spacing:-.02em}
.trust-label{font-size:.76rem;color:var(--text-sub);margin-top:.35rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:600px){.trust-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}}

/* ══════════ ENTERPRISE PILLARS ══════════ */
.enterprise-pillars{padding-top:clamp(3rem,6vw,4.5rem);padding-bottom:clamp(3rem,6vw,4.5rem)}
.enterprise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.enterprise-card{background:#fff;border:1px solid #e7edf9;border-radius:var(--radius-card-md);padding:1.35rem 1.15rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .2s ease}
.enterprise-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-soft);border-color:rgba(252,236,72,.65)}
.enterprise-icon{width:44px;height:44px;border-radius:11px;background:rgba(16,34,84,.06);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}
.enterprise-icon svg{width:21px;height:21px;color:#102254}
.enterprise-card h3{font-size:1rem;font-weight:750;line-height:1.25;margin-bottom:.35rem}
.enterprise-card p{font-size:.84rem;line-height:1.6;color:#4c566c}

/* ══════════ SERVICES ══════════ */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem}
.guides-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin-inline:auto}
.svc-card{background:var(--white);border:1px solid #e8e8e8;border-radius:var(--radius-card-md);padding:2rem 1.5rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .25s ease;text-align:center}
.svc-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover),0 4px 12px rgba(252,236,72,.08);border-color:var(--gold)}
.svc-icon{width:56px;height:56px;margin:0 auto 1.25rem;background:rgba(252,236,72,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.16,1,.3,1),background .25s ease}
.svc-card:hover .svc-icon{transform:scale(1.1);background:rgba(252,236,72,.22)}
.svc-icon svg{width:28px;height:28px;color:var(--gold2)}
.svc-card h3{font-size:1.12rem;font-weight:760;line-height:1.25;margin-bottom:.54rem;letter-spacing:-.012em}
.svc-card p{font-size:.88rem;color:var(--text-sub);line-height:1.6}
.svc-link{display:inline-block;margin-top:.85rem;font-size:.82rem;font-weight:700;color:var(--navy);border-bottom:2px solid transparent;transition:all .2s}
.svc-link:hover{color:var(--gold2);border-bottom-color:var(--gold2)}

@media(max-width:1024px){
    .guides-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
}

@media(max-width:640px){
    .guides-card-grid{grid-template-columns:1fr;max-width:420px}
}

/* ══════════ WHY US ══════════ */
#why{
background:
linear-gradient(180deg,rgba(7,11,30,.84) 0%,rgba(7,11,30,.9) 55%,rgba(7,11,30,.97) 82%,rgba(7,11,30,1) 100%),
var(--why-bg-desktop,url('/assets/images/why-choose-us-1440.webp')) center 40%/cover no-repeat;
}
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem}
.why-item{display:flex;gap:1rem;align-items:flex-start;padding:.85rem;border-radius:14px;transition:background .3s ease}
.why-item:hover{background:rgba(255,255,255,.05)}
.why-icon{flex-shrink:0;width:48px;height:48px;background:rgba(252,236,72,.12);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s ease}
.why-item:hover .why-icon{transform:scale(1.12);background:rgba(252,236,72,.22)}
.why-icon svg{width:22px;height:22px;color:var(--gold)}
.why-item h3{font-size:1.03rem;font-weight:760;line-height:1.24;letter-spacing:-.01em;margin-bottom:.28rem;color:var(--white)}
.why-item p{font-size:.85rem;color:var(--text-light);line-height:1.6}
@media(max-width:900px){
    #why{
        background:
        linear-gradient(180deg,rgba(7,11,30,.84) 0%,rgba(7,11,30,.9) 55%,rgba(7,11,30,.97) 82%,rgba(7,11,30,1) 100%),
        var(--why-bg-mobile,var(--why-bg-desktop,url('/assets/images/why-choose-us-768.webp'))) center 45%/cover no-repeat;
    }
}

/* ══════════ HOW IT WORKS ══════════ */
.how-grid{display:flex;justify-content:center;gap:clamp(1.2rem,2.6vw,2rem);flex-wrap:wrap;text-align:center;position:relative}
.how-step{flex:1;min-width:220px;max-width:300px;padding:1.35rem 1.05rem 1.25rem;border-radius:var(--radius-card-md);background:#fff;border:1px solid #e9edf6;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .2s ease;position:relative;z-index:1}
.how-chip{display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#102254;background:rgba(16,34,84,.08);border:1px solid rgba(16,34,84,.16);border-radius:999px;padding:.22rem .58rem;margin-bottom:.65rem}
.how-step:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.06)}
.how-step:hover{border-color:rgba(252,236,72,.7)}
.how-num{width:56px;height:56px;border-radius:50%;background:var(--gold);color:var(--bg);font-size:1.25rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}
.how-step:hover .how-num{transform:scale(1.15);box-shadow:0 6px 20px rgba(252,236,72,.3)}
.how-step h3{font-size:1.06rem;margin-bottom:.42rem}
.how-step p{font-size:.88rem;color:var(--text-sub);line-height:1.6}
@media(min-width:980px){
    .how-grid::before{content:'';position:absolute;left:12%;right:12%;top:84px;height:2px;background:linear-gradient(90deg,rgba(16,34,84,.08),rgba(252,236,72,.65),rgba(16,34,84,.08));z-index:0}
}

/* ══════════ AREAS ══════════ */
.areas-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem}
.area-tag{background:var(--white);border:1px solid #ddd;padding:.45rem 1rem;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--navy);transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s ease,background .2s ease,box-shadow .25s ease}
.area-tag:hover{transform:translateY(-3px);border-color:var(--gold);background:rgba(252,236,72,.08);box-shadow:0 6px 16px rgba(252,236,72,.1)}
.areas-text{text-align:center;max-width:600px;margin:0 auto;font-size:.92rem;color:var(--text-sub);line-height:1.7}
.areas-guide{max-width:860px;margin:1.3rem auto 0;padding:1.15rem 1.15rem 1.05rem;background:#fff;border:1px solid #e6ebf4;border-radius:12px}
.areas-guide h3{font-size:1.02rem;color:var(--navy);margin-bottom:.45rem;text-align:center}
.areas-guide p{font-size:.9rem;line-height:1.72;color:var(--text-sub);margin-top:.6rem}
.areas-guide p:first-of-type{margin-top:0}

/* ══════════ TESTIMONIALS ══════════ */
.google-badge{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:2rem;padding:.65rem 1.25rem;background:var(--white);border:1px solid #e8e8e8;border-radius:12px;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.google-badge svg{width:22px;height:22px;flex-shrink:0}
.google-badge-rating{font-size:1.4rem;font-weight:800;color:var(--text);line-height:1}
.google-badge-stars{color:var(--gold);font-size:.9rem;letter-spacing:1px;line-height:1}
.google-badge-text{font-size:.72rem;color:var(--text-sub);line-height:1.3}
.rev-card-src{display:flex;align-items:center;gap:.35rem;margin-top:.65rem;font-size:.7rem;color:var(--text-sub)}
.rev-card-src-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#4285f4,#34a853);display:inline-block;flex-shrink:0}
.reviews-slider{position:relative;display:flex;align-items:center;gap:.75rem}
.rev-viewport{width:100%;overflow:hidden}
.rev-track{--reviews-per-view:4;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - ((var(--reviews-per-view) - 1) * 1.05rem))/var(--reviews-per-view));gap:1.05rem;transition:transform .45s ease}
.rev-card{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);border:1px solid #e5e9f3;border-radius:var(--radius-card-lg);padding:1.45rem 1.35rem 1.2rem;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .25s ease}
.rev-card::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#fcec48 0%,#e8c41a 100%)}
.rev-card::after{content:'“';position:absolute;top:.5rem;right:.85rem;font-size:2.6rem;line-height:1;color:rgba(16,34,84,.1);font-family:Georgia,serif;pointer-events:none}
.rev-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(16,34,84,.11);border-color:rgba(252,236,72,.5)}
.rev-stars{color:var(--gold2);font-size:.95rem;letter-spacing:1.8px;margin-bottom:.7rem}
.rev-card blockquote{font-size:.89rem;line-height:1.74;color:#39445e;margin-bottom:.95rem;padding-right:.9rem;font-style:normal}
.rev-meta{display:flex;align-items:center;gap:.68rem}
.rev-avatar{width:34px;height:34px;border-radius:50%;background:rgba(16,34,84,.08);border:1px solid rgba(16,34,84,.12);display:flex;align-items:center;justify-content:center;color:#102254;font-weight:820;font-size:.84rem;flex-shrink:0}
.rev-author-wrap{display:flex;flex-direction:column;gap:.08rem}
.rev-author{font-weight:740;font-size:.86rem;line-height:1.18;letter-spacing:-.008em}
.rev-type{font-size:.73rem;color:#6c7487;letter-spacing:.025em;text-transform:uppercase}
.rev-card-src{margin-top:.7rem;padding-top:.52rem;border-top:1px dashed #e3e8f3}
.rev-nav{width:42px;height:42px;border-radius:999px;border:1px solid rgba(16,34,84,.16);background:#fff;color:var(--navy);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 4px 14px rgba(0,0,0,.08);transition:transform .2s ease,background .2s ease}
.rev-nav:hover{transform:translateY(-1px);background:#f8faff}
.rev-nav:disabled{opacity:.45;cursor:not-allowed;transform:none}

@media(max-width:1024px){
    .rev-track{--reviews-per-view:2}
}

@media(max-width:640px){
    .reviews-slider{gap:.5rem}
    .rev-track{--reviews-per-view:1}
    .rev-nav{width:38px;height:38px}
}

/* ══════════ ENTERPRISE CTA STRIP ══════════ */
.enterprise-cta{padding:2.2rem 0;background:linear-gradient(135deg,#0a1434 0%,#102254 55%,#1b3477 100%);color:#fff}
.enterprise-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}
.enterprise-cta-copy{max-width:720px}
.enterprise-cta-copy h2{font-size:clamp(1.3rem,3vw,2rem);font-weight:800;line-height:1.18;letter-spacing:-.015em;margin-bottom:.45rem}
.enterprise-cta-copy p{font-size:.94rem;line-height:1.65;color:rgba(255,255,255,.84)}
.enterprise-cta-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.enterprise-cta .btn{white-space:nowrap}
.enterprise-cta .btn-outline{border-color:rgba(255,255,255,.45)}
.enterprise-cta .btn-outline:hover{border-color:var(--gold);background:rgba(252,236,72,.08)}
@media(max-width:760px){
    .enterprise-cta-inner{align-items:flex-start}
    .enterprise-cta-actions{width:100%}
    .enterprise-cta-actions .btn{flex:1;justify-content:center}
}

/* ══════════ FAQ ══════════ */
.faq-list{max-width:720px;margin:0 auto}
.faq-item{border:1px solid #e8e8e8;border-radius:var(--radius-card-sm);margin-bottom:.625rem;overflow:hidden;transition:border-color .2s,box-shadow .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}
.faq-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.04);transform:translateY(-2px)}
.faq-item.open{border-color:var(--gold)}
.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:1.1rem 1.25rem;font-family:var(--f);font-size:.92rem;font-weight:600;color:var(--text);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq-q::after{content:'+';font-size:1.25rem;font-weight:300;color:var(--text-sub);transition:transform .2s;flex-shrink:0}
.faq-item.open .faq-q::after{content:'−'}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;padding:0 1.25rem}
.faq-item.open .faq-a{max-height:440px;padding:0 1.25rem 1.1rem}
.faq-a p{font-size:.87rem;line-height:1.7;color:var(--text-sub)}

/* ══════════ QUOTE FORM ══════════ */
.quote-sec{position:relative;overflow:hidden}
.quote-sec .hero-bg,.quote-sec .hero-overlay{position:absolute;inset:0}
.quote-sec .hero-overlay{background:rgba(7,11,30,.88)}
.quote-inner{position:relative;z-index:2}
.quote-form{max-width:640px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.quote-form .full{grid-column:1/-1}
.quote-form input,.quote-form textarea,.quote-form select{width:100%;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.06);color:var(--white);font-family:var(--f);font-size:.88rem;transition:border-color .2s}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:rgba(255,255,255,.4)}
.quote-form input:focus,.quote-form textarea:focus{outline:none;border-color:var(--gold)}
.quote-form textarea{resize:vertical;min-height:80px}
.form-msg{text-align:center;padding:.5rem;font-size:.88rem;border-radius:8px;margin-top:.5rem}
.form-msg.ok{color:#22c55e}.form-msg.err{color:#ef4444}

@media(max-width:600px){.quote-form{grid-template-columns:1fr}}

/* ══════════ FOOTER ══════════ */
.site-footer{background:var(--bg);color:var(--text-light);padding:clamp(3.5rem,6vw,5rem) 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem}
.footer-col h3{color:var(--white);font-size:.88rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.06em}
.footer-col p,.footer-col li{font-size:.82rem;line-height:1.7;color:var(--text-light)}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:.35rem}
.footer-col a:hover{color:var(--gold)}
.footer-links-list{display:flex;flex-direction:column;gap:.08rem}
.footer-links-list li{margin-bottom:0}
.footer-links-list a{display:inline-block;line-height:1.4;padding:.05rem 0}
.footer-lang-switch{margin-top:1rem}
.footer-logo img{height:54px;width:auto;max-width:100%;margin-bottom:.75rem;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}
.footer-social{display:flex;gap:.5rem;margin-top:1rem}
.footer-social-link{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:all .25s ease}
.footer-social-link:hover{background:var(--gold);color:var(--bg);border-color:var(--gold);transform:translateY(-2px)}
.footer-social-link svg{width:16px;height:16px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:3rem;padding:1.25rem 0;display:flex;flex-direction:column;align-items:center;gap:.6rem;font-size:.75rem;color:rgba(255,255,255,.35)}
.nxd-credit img{display:inline-block;height:20px;width:auto;opacity:.55;transition:opacity .2s}
.nxd-credit:hover img{opacity:1}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}

/* ══════════ QUICK CONTACT FLOAT ══════════ */
.quick-float{position:fixed;bottom:1.5rem;right:1.5rem;z-index:90;display:flex;flex-direction:column;gap:.55rem}
.qf-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.28);transition:transform .2s}
.qf-btn:hover{transform:scale(1.08)}
.qf-btn svg{width:24px;height:24px}
.qf-wa{background:#25d366}
.qf-wa svg{fill:var(--white)}
.qf-viber{background:#7360f2}
.qf-viber svg{stroke:var(--white);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qf-call{background:#102254}
.qf-call svg{stroke:var(--white);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ══════════ SKIP LINK ══════════ */
.skip{position:absolute;top:-100px;left:0;background:var(--gold);color:var(--bg);padding:.75rem 1.5rem;z-index:200;font-weight:700;border-radius:0 0 8px 0}
.skip:focus{top:0}

/* ══════════ RESPONSIVE RHYTHM ══════════ */
@media(max-width:1100px){
    .sec{padding:var(--space-sec-md) 0}
    .sec-head{margin-bottom:var(--space-head-md)}
    .sec-head h2{font-size:clamp(1.58rem,4.3vw,2.25rem)}
    .hero-content{max-width:700px;padding:2rem 1.2rem}
    .hero-sub{max-width:58ch}
    .enterprise-grid{gap:.85rem}
}

@media(max-width:820px){
    .sec{padding:var(--space-sec-sm) 0}
    .sec-head p{max-width:560px}
    .how-step{max-width:100%}
}

/* ══════════ REDUCED MOTION ══════════ */
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.svc-card:hover,.btn-gold:hover,.btn-outline:hover,.how-step:hover,.faq-item:hover,.area-tag:hover,.rev-card:hover{transform:none;box-shadow:none}
}