/* ===== Get Font By Google  ===== */        
        @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


        /* ===== RESET ===== */
        *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth;font-size:16px}
        body{font-family: "Montserrat", sans-serif; background:#fff;color:#0a0a0a;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
        img{max-width:100%;height:auto;display:block}
        a{text-decoration:none;color:inherit}
        ul{list-style:none}
        button{cursor:pointer;font-family:inherit;border:none;background:none}

        /* ===== TOKENS ===== */
        :root{
        --bk:#0a0a0a;--wh:#ffffff;
        --blue:#2563EB;--bd:#1D4ED8;--bl:#EFF6FF;--bm:#DBEAFE;
        --g50:#F9FAFB;--g100:#F3F4F6;--g200:#E5E7EB;--g300:#D1D5DB;
        --g500:#6B7280;--g700:#374151;
        --green:#16A34A;--ncl:#003865;
        --fh:'Montserrat',sans-serif;--fb:'Montserrat',sans-serif;--fm:'Montserrat',monospace;
        --max:1320px;--hh:68px;
        --rsm:6px;--rmd:10px;--rlg:16px;
        --ease:cubic-bezier(0.16,1,0.3,1);
        }

        /* ===== LAYOUT ===== */
        .wrap{max-width:var(--max);margin-inline:auto;padding-inline:40px}
        .sec{padding-block:80px}
        .alt{background:var(--g50)}
        .dark{background:var(--bk)}

        /* ===== TYPE ===== */
        .lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--g500);margin-bottom:10px}
        .lbl-bl{color:var(--blue)}.lbl-wh{color:rgba(255,255,255,.45)}
        h2.t{font-family:var(--fh);font-size:clamp(24px,3.5vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:14px}
        h2.t .d{color:var(--g500);font-weight:400}
        h2.t .b{color:var(--blue)}
        h2.t .w{color:#fff}
        .sub{font-size:16px;color:var(--g500);max-width:520px;line-height:1.65;font-weight:300}
        .sub-wh{color:rgba(255,255,255,.48)}

        /* ===== BUTTONS ===== */
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--rsm);font-weight:700;font-size:15px;transition:all .2s var(--ease);white-space:nowrap;border:2px solid transparent;cursor:pointer;font-family:var(--fb)}
        .btn-bl{background:var(--blue);color:#fff;border-color:var(--blue)}
        .btn-bl:hover{background:var(--bd);border-color:var(--bd);transform:translateY(-1px);box-shadow:0 8px 24px rgba(37,99,235,.3)}
        .btn-wh{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
        .btn-wh:hover{border-color:rgba(255,255,255,.7)}
        .btn-dk{background:transparent;color:var(--bk);border-color:var(--bk)}
        .btn-dk:hover{background:var(--bk);color:#fff}
        .btn-full{width:100%;justify-content:center}

        /* ===== ANNOUNCEMENT ===== */
        .ann{background:var(--blue);padding:10px 40px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;color:#fff;text-align:center;position:relative;z-index:10000}
        .ann-tag{background:rgba(255,255,255,.2);border-radius:100px;padding:3px 10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;flex-shrink:0}
        .ann a{color:#fff;text-decoration:underline;font-weight:700}

        /* ===== HEADER ===== */
        .hdr{position:sticky;top:0;z-index:9999;height:85px;background:var(--bk);border-bottom:1px solid rgba(255,255,255,.07);transition:box-shadow .3s}
        .hdr.sc{box-shadow:0 4px 32px rgba(0,0,0,.5)}
        .hdr-in{max-width:var(--max);margin-inline:auto;padding-inline:40px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
        .hlogo{display:flex;align-items:center;gap:10px}
        .hlogo img{width: 120px;}
        /* .hm{width:38px;height:38px;background:var(--blue);border-radius:var(--rsm);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-weight:800;font-size:14px;color:#fff;flex-shrink:0}
        .hn{font-family:var(--fh);font-weight:700;font-size:17px;color:#fff} */
        .hdr-r{display:flex;align-items:center;gap:18px}
        .hph{display:flex;align-items:center;gap:7px;color:#fff;font-size:15px;font-weight:500}
        .hph-d{width:7px;height:7px;background:#22C55E;border-radius:50%;flex-shrink:0;animation:pulse 2.5s ease-in-out infinite}
        @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
        .hcta{background:var(--blue);color:#fff;padding:9px 20px;border-radius:var(--rsm);font-weight:700;font-size:14px;transition:all .2s}
        .hcta:hover{background:var(--bd);transform:translateY(-1px)}

        /* ===== HERO ===== */
        .hero{background:var(--bk);position:relative;overflow:hidden}
        .hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 55% 50% at 75% 50%,rgba(37,99,235,.14) 0%,transparent 70%),radial-gradient(ellipse 25% 35% at 15% 75%,rgba(37,99,235,.07) 0%,transparent 60%);pointer-events:none}
        .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
        .hero-in{position:relative;z-index:1;max-width:var(--max);margin-inline:auto;padding:64px 40px 0;display:grid;grid-template-columns:1fr 500px;gap:48px;align-items:start}
        .hero-l{padding-bottom:64px}

        .h1{font-family:var(--fh);font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.04;color:#fff;letter-spacing:-.03em;margin-bottom:16px}
        .h1 .ac{color:var(--blue)}
        .h1 .gh{color:rgba(255,255,255,.3);font-weight:400}
        .hero-p{font-size:17px;color:rgba(255,255,255,.55);line-height:1.65;font-weight:300;max-width:500px;margin-bottom:22px}

        /* hook */
        .hook{display:flex;align-items:flex-start;gap:12px;background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.28);border-radius:var(--rmd);padding:14px 16px;margin-bottom:24px}
        .hook-i{font-size:20px;flex-shrink:0;margin-top:2px}
        .hook-t{font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}
        .hook-d{font-size:12px;color:rgba(255,255,255,.5);line-height:1.4}

        /* pillars */
        .plrs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}
        .plr{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:var(--rmd);padding:13px 11px;transition:border-color .2s}
        .plr:hover{border-color:rgba(37,99,235,.35)}
        .plr-i{font-size:16px;margin-bottom:5px}
        .plr-n{font-size:12px;font-weight:700;color:#fff;margin-bottom:2px}
        .plr-d{font-size:11px;color:rgba(255,255,255,.34);line-height:1.35}

        .hctx{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
        .hcts{display:flex;gap:16px;flex-wrap:wrap}
        .hct{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.38)}
        .hct a{color:rgba(255,255,255,.38);transition:color .2s}
        .hct a:hover{color:#fff}
        .hci{color:var(--blue);font-size:11px}

        /* ===== FORM ===== */
        .hfm{background:#fff;border-radius:var(--rlg);padding:26px 24px;margin-top:10px;box-shadow:0 24px 64px rgba(0,0,0,.28);position:sticky;top:calc(var(--hh) + 12px)}
        .fm-t{font-family:var(--fh);font-size:18px;font-weight:700;color:var(--bk);margin-bottom:2px}
        .fm-s{font-size:11px;color:var(--g500);margin-bottom:14px}
        .frow{display:grid;grid-template-columns:1fr 1fr;gap:9px}
        .fg{margin-bottom:10px}
        .fg label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--bk);margin-bottom:4px}
        .fg input,.fg textarea{width:100%;padding:10px 12px;border:1.5px solid var(--g200);border-radius:var(--rsm);font-size:14px;color:var(--bk);background:var(--g50);transition:all .2s;outline:none;appearance:none}
        .fg input:focus,.fg textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
        .fg input::placeholder,.fg textarea::placeholder{color:var(--g300)}
        .fg textarea{resize:vertical;min-height:64px}
        .fg input.er{border-color:#EF4444}
        .ferr{color:#EF4444;font-size:10px;margin-top:3px;display:none}
        .fg input.er~.ferr{display:block}
        .fsub{width:100%;background:var(--blue);color:#fff;padding:13px;border-radius:var(--rsm);font-weight:700;font-size:14px;border:none;transition:all .2s;margin-top:1px;font-family:var(--fb);cursor:pointer}
        .fsub:hover{background:var(--bd);transform:translateY(-1px);box-shadow:0 8px 24px rgba(37,99,235,.3)}
        .fsub:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}
        .fdiv{text-align:center;color:var(--g300);font-size:11px;margin:9px 0;position:relative}
        .fdiv::before,.fdiv::after{content:'';position:absolute;top:50%;width:38%;height:1px;background:var(--g200)}
        .fdiv::before{left:0}.fdiv::after{right:0}
        .fcal{width:100%;background:transparent;color:var(--bk);border:1.5px solid var(--bk);padding:10px;border-radius:var(--rsm);font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;font-family:var(--fb);cursor:pointer}
        .fcal:hover{background:var(--g50)}
        .fwa{width:100%;background:#25D366;color:#fff;padding:9px;border-radius:var(--rsm);font-weight:600;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;font-family:var(--fb);cursor:pointer;border:none;margin-top:5px;text-decoration:none}
        .fwa:hover{background:#22BF5C}
        .fprv{font-size:9px;color:var(--g500);text-align:center;margin-top:8px;line-height:1.4}
        .fprv a{color:var(--g500);text-decoration:underline}
        .fok{display:none;background:#F0FDF4;border:1.5px solid #16A34A;border-radius:var(--rmd);padding:16px;text-align:center;margin-top:10px}
        .fok.show{display:block}
        .fok strong{color:#15803D;font-size:14px;display:block;margin-bottom:3px}
        .fok span{color:#166534;font-size:12px}

        /* ===== CLIENT STRIP ===== */
        .cstrip{background:rgba(255,255,255,.025);border-top:1px solid rgba(255,255,255,.06);padding:15px 40px}
        .cstrip-in{max-width:var(--max);margin-inline:auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
        .cstrip-l{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.26);font-weight:700;white-space:nowrap}
        .cls{display:flex;gap:7px;flex-wrap:wrap}
        .cl{font-family:var(--fh);font-weight:700;font-size:11px;color:rgba(255,255,255,.36);letter-spacing:.04em;padding:4px 10px;border:1px solid rgba(255,255,255,.07);border-radius:4px;white-space:nowrap;transition:all .2s}
        .cl:hover{color:rgba(255,255,255,.8);border-color:rgba(37,99,235,.35)}
        .cstrip-in .cls .cl img{text-align:center; object-fit: scale-down; width:100px; height:55px;}

        /* ===== STATS ===== */
        .stats{background:var(--blue);padding:24px 40px}
        .stats-in{max-width:var(--max);margin-inline:auto;display:flex;justify-content:space-around;flex-wrap:wrap;gap:18px}
        .st{text-align:center}
        .stn{font-family:var(--fh);font-size:28px;font-weight:800;color:#fff;line-height:1}
        .stl{font-size:11px;color:rgba(255,255,255,.65);margin-top:4px}

        /* ===== WHY EM99 TECH ===== */
        .why-em-g{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;margin-top:48px}
        .why-em-l{}
        .why-em-creds{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
        .cred-box{background:rgba(37,99,235,.06);border:1px solid var(--bm);border-radius:var(--rmd);padding:16px;text-align:center;transition:all .2s}
        .cred-box:hover{border-color:var(--blue);transform:translateY(-2px)}
        .cred-n{font-family:var(--fh);font-size:22px;font-weight:800;color:var(--blue)}
        .cred-l{font-size:11px;color:var(--g500);margin-top:3px}
        .why-em-stack{margin-top:20px}
        .stack-t{font-size:12px;font-weight:700;color:var(--bk);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}
        .stack-tags{display:flex;flex-wrap:wrap;gap:7px}
        .stag{background:var(--g100);border:1px solid var(--g200);border-radius:var(--rsm);padding:5px 12px;font-size:12px;font-weight:600;color:var(--g700);transition:all .2s}
        .stag:hover{background:var(--bl);border-color:var(--blue);color:var(--blue)}

        /* How we work right panel */
        .how-panel{background:var(--bk);border-radius:var(--rlg);padding:28px;border:1px solid rgba(255,255,255,.06)}
        .how-h{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3);margin-bottom:16px}
        .how-it{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05)}
        .how-it:last-child{border-bottom:none;padding-bottom:0}
        .how-ii{color:var(--blue);font-size:14px;flex-shrink:0;margin-top:2px}
        .how-tx{font-size:13px;color:rgba(255,255,255,.52);line-height:1.5}
        .how-tx strong{color:rgba(255,255,255,.85);font-weight:600}

        /* ===== PAIN POINTS ===== */
        .pain-g{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:42px}
        .pc{border:1.5px solid var(--g200);border-radius:var(--rmd);padding:22px;transition:all .25s var(--ease)}
        .pc:hover{border-color:#EF4444;transform:translateY(-3px);box-shadow:0 8px 24px rgba(239,68,68,.07)}
        .pc-i{font-size:24px;margin-bottom:12px}
        .pc-t{font-family:var(--fh);font-size:14px;font-weight:700;margin-bottom:7px}
        .pc-d{font-size:13px;color:var(--g500);line-height:1.5}

        /* ===== WHY EM99 (features) ===== */
        .why-g{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:42px}
        .wc{background:#fff;border-radius:var(--rmd);padding:24px;border:1.5px solid var(--g200);transition:all .25s var(--ease)}
        .wc:hover{border-color:var(--blue);box-shadow:0 4px 20px rgba(37,99,235,.08)}
        .wc.ft{background:var(--bk);border-color:var(--bk);grid-column:span 2;display:flex;align-items:flex-start;gap:20px;padding:28px}
        .wfi{width:48px;height:48px;background:var(--blue);border-radius:var(--rmd);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
        .wft{font-family:var(--fh);font-size:17px;font-weight:800;color:#fff;margin-bottom:6px;line-height:1.25}
        .wfd{color:rgba(255,255,255,.48);font-size:13px;line-height:1.6}
        .wi{width:40px;height:40px;background:var(--bl);border-radius:var(--rsm);display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:13px}
        .wt{font-family:var(--fh);font-size:15px;font-weight:700;margin-bottom:5px}
        .wd{font-size:13px;color:var(--g500);line-height:1.5}

        /* ===== COMM PROMISE ===== */
        .comm-g{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:40px}
        .cc{background:#fff;border-radius:var(--rmd);padding:22px;border:1.5px solid var(--g200);text-align:center;transition:all .25s var(--ease)}
        .cc:hover{border-color:var(--blue);transform:translateY(-2px)}
        .cc-i{font-size:26px;margin-bottom:10px}
        .cc-t{font-family:var(--fh);font-size:14px;font-weight:700;margin-bottom:5px}
        .cc-d{font-size:12px;color:var(--g500);line-height:1.4}

        /* ===== NEWCASTLE SECTION ===== */
        .ncl-sec{background:#001d3d;overflow:hidden;position:relative;padding-block:0}
        .ncl-sky{position:absolute;inset:0;background:linear-gradient(180deg,#001d3d 0%,#003865 40%,#0a5c8a 70%,#1a7fc1 100%);opacity:.9}
        .ncl-stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.6) 1px,transparent 1px);background-size:80px 80px;opacity:.3}
        /* Tyne Bridge SVG */
        .ncl-bridge-wrap{position:relative;z-index:1;padding:60px 40px 0;max-width:var(--max);margin-inline:auto}
        .ncl-content{position:relative;z-index:2;max-width:var(--max);margin-inline:auto;padding:40px 40px 60px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
        .ncl-left{}
        .ncl-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:6px 14px;margin-bottom:16px}
        .ncl-badge-dot{width:8px;height:8px;background:#22C55E;border-radius:50%}
        .ncl-badge-t{font-size:12px;font-weight:600;color:#fff}
        .ncl-title{font-family:var(--fh);font-size:clamp(26px,3.5vw,38px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:14px;letter-spacing:-.02em}
        .ncl-title span{color:#7EC8F0}
        .ncl-desc{font-size:15px;color:rgba(255,255,255,.6);line-height:1.65;margin-bottom:24px;font-weight:300}
        .ncl-facts{display:flex;gap:24px;flex-wrap:wrap}
        .ncl-fact{border-left:2px solid rgba(37,99,235,.6);padding-left:12px}
        .ncl-fact-n{font-family:var(--fh);font-size:20px;font-weight:800;color:#fff}
        .ncl-fact-l{font-size:11px;color:rgba(255,255,255,.45);margin-top:1px}
        .ncl-right{display:flex;flex-direction:column;gap:10px}
        .ncl-tag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--rmd);padding:14px 16px;display:flex;align-items:center;gap:12px;transition:border-color .2s}
        .ncl-tag:hover{border-color:rgba(255,255,255,.3)}
        .ncl-tag-i{font-size:20px;flex-shrink:0}
        .ncl-tag-t{font-size:13px;font-weight:600;color:#fff;margin-bottom:1px}
        .ncl-tag-d{font-size:11px;color:rgba(255,255,255,.42)}

        /* ===== TEAM ===== */
        .team-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}
        .tm{border-radius:var(--rlg);overflow:hidden;position:relative;background:var(--g100)}
        .tm-img{width:100%;height:320px;object-fit:cover;display:block;transition:transform .4s var(--ease)}
        .tm:hover .tm-img{transform:scale(1.04)}
        .tm-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:16px;color:#fff}
        .tm-name{font-family:var(--fh);font-size:14px;font-weight:700}
        .tm-role{font-size:12px;color:rgba(255,255,255,.7)}
        .team-wide{grid-column:span 2}
        .team-wide .tm-img{height:320px}
        .team-caption{text-align:center;font-size:14px;color:var(--g500);margin-top:20px;font-style:italic}

        /* ===== INDUSTRIES ===== */
        .ind-g{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
        .ind{background:#fff;border:1.5px solid var(--g200);border-radius:100px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .2s;cursor:default}
        .ind:hover{border-color:var(--blue);color:var(--blue);background:var(--bl)}

        /* ===== PORTFOLIO ===== */
        .port-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}
        .prc{background:var(--bk);border-radius:var(--rlg);overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:all .3s var(--ease)}
        .prc:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.5);border-color:rgba(37,99,235,.3)}
        .prc.feat{grid-column:span 2}
        /* Phone mockup */
        .phone-wrap{position:relative;padding:16px 18px 0;display:flex;gap:12px;align-items:flex-end}
        .phone-frame{width:58px;height:100px;border:2px solid rgba(255,255,255,.2);border-radius:10px;background:#111;flex-shrink:0;overflow:hidden;position:relative}
        .phone-frame::before{content:'';position:absolute;top:4px;left:50%;transform:translateX(-50%);width:14px;height:3px;background:rgba(255,255,255,.2);border-radius:2px}
        .phone-frame img{width:100%;height:100%;object-fit:cover;opacity:.9}
        .phone-screen{width:100%;height:100%;object-fit:cover}
        .pr-cat{display:inline-block;background:rgba(37,99,235,.14);border:1px solid rgba(37,99,235,.28);color:var(--blue);font-size:9px;font-weight:700;padding:3px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:.07em;align-self:flex-start;margin-top:4px}
        .pr-body{padding:14px 18px 16px}
        .pr-name{font-family:var(--fh);font-size:16px;font-weight:800;color:#fff;margin-bottom:6px;line-height:1.2}
        .pr-ch{color:rgba(255,255,255,.4);font-size:12px;line-height:1.5;margin-bottom:10px;font-weight:300}
        .pr-rl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.25);margin-bottom:4px}
        .pr-r{font-size:12px;color:rgba(255,255,255,.65);line-height:1.45}
        .pr-foot{padding:0 18px 14px;display:flex;align-items:center;justify-content:space-between}
        .pr-plat{display:flex;align-items:center;gap:5px}
        .pr-plat span{font-family:var(--fm);font-size:9px;color:rgba(255,255,255,.25)}
        .pr-plat-ic{font-size:11px}
        .pr-lnk{display:flex;align-items:center;gap:4px;color:var(--blue);font-size:11px;font-weight:700;transition:color .2s}
        .pr-lnk:hover{color:#60A5FA}
        .pr-lnk svg{width:10px;height:10px}

        /* ===== UK CITIES ===== */
        .cities-sec{background:var(--bl);border-top:1px solid var(--bm);border-bottom:1px solid var(--bm);padding-block:44px}
        .cities-in{max-width:var(--max);margin-inline:auto;padding-inline:40px}
        .cities-t{font-family:var(--fh);font-size:clamp(18px,2.5vw,24px);font-weight:800;margin-bottom:6px;color:var(--bk)}
        .cities-s{font-size:14px;color:var(--g700);margin-bottom:20px;max-width:680px;line-height:1.6}
        .cities-g{display:flex;flex-wrap:wrap;gap:8px}
        .city{background:#fff;border:1px solid var(--bm);border-radius:100px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--blue);transition:all .2s}
        .city:hover{background:var(--blue);color:#fff}

        /* ===== PRICING ===== */
        .price-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}
        .prcc{border:1.5px solid var(--g200);border-radius:var(--rlg);padding:24px 20px;position:relative;transition:all .25s var(--ease);background:#fff}
        .prcc:hover{border-color:var(--blue);box-shadow:0 8px 32px rgba(37,99,235,.1);transform:translateY(-2px)}
        .prcc.pop{border-color:var(--blue);border-width:2px}
        .prcc.free-card{border-color:#16A34A;border-width:2px;background:linear-gradient(135deg,#F0FDF4,#fff)}
        .pop-t{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-size:10px;font-weight:800;padding:3px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
        .free-t{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#16A34A;color:#fff;font-size:10px;font-weight:800;padding:3px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
        .prcc-name{font-family:var(--fh);font-size:16px;font-weight:700;margin-bottom:4px}
        .prcc-amt{font-family:var(--fh);font-size:30px;font-weight:800;line-height:1;margin-bottom:2px;color:var(--bk)}
        .prcc-orig{font-family:var(--fh);font-size:16px;font-weight:700;color:var(--g300);text-decoration:line-through;margin-left:4px}
        .prcc-curr{font-size:15px;vertical-align:super}
        .prcc-vat{font-size:10px;color:var(--g500);font-weight:400;margin-left:2px}
        .prcc-time{font-size:11px;color:var(--g500);margin-bottom:4px}
        .prcc-pay{font-size:11px;color:var(--blue);font-weight:600;margin-bottom:14px}
        .prcc-pay.green{color:#16A34A}
        .prcc-list{margin-bottom:18px}
        .prcc-list li{padding:5px 0;border-bottom:1px solid var(--g100);font-size:12px;display:flex;align-items:flex-start;gap:6px;line-height:1.4}
        .prcc-list li::before{content:'✓';font-weight:800;font-size:11px;color:var(--blue);flex-shrink:0;margin-top:2px}
        .free-card .prcc-list li::before{color:#16A34A}
        .prcc-cta{width:100%;padding:10px;border-radius:var(--rsm);font-weight:700;font-size:12px;border:1.5px solid var(--bk);transition:all .2s;background:transparent;color:var(--bk);font-family:var(--fb);cursor:pointer}
        .prcc-cta:hover,.prcc.pop .prcc-cta{background:var(--bk);color:#fff}
        .free-card .prcc-cta{border-color:#16A34A;color:#16A34A}
        .free-card .prcc-cta:hover{background:#16A34A;color:#fff}
        .price-g2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}

        /* Instalment visual */
        .inst-box{background:var(--bl);border:1.5px solid var(--bm);border-radius:var(--rlg);padding:28px 32px;margin-top:28px}
        .inst-h{display:flex;align-items:center;gap:12px;margin-bottom:16px}
        .inst-icon{font-size:28px}
        .inst-title{font-family:var(--fh);font-size:18px;font-weight:800;color:var(--bk)}
        .inst-sub{font-size:13px;color:var(--g700);margin-bottom:20px;max-width:680px;line-height:1.55}
        .inst-plans-g{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
        .ip{background:#fff;border:1px solid var(--bm);border-radius:var(--rmd);padding:14px;text-align:center}
        .ip-name{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--bk);margin-bottom:8px}
        .ip-bar{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
        .ip-seg{border-radius:4px;height:6px;background:var(--blue);opacity:.8}
        .ip-seg:nth-child(2){opacity:.5}
        .ip-seg:nth-child(3){opacity:.3}
        .ip-label{font-size:10px;color:var(--blue);font-weight:700}
        .ip.free .ip-label{color:#16A34A}
        .ip.free .ip-bar .ip-seg{background:#16A34A}

        /* ===== PAY BAND ===== */
        .pay-band{background:#F0F7FF;border-top:1px solid #BFDBFE;border-bottom:1px solid #BFDBFE;padding-block:34px}
        .pay-in{max-width:var(--max);margin-inline:auto;padding-inline:40px;display:flex;gap:20px;align-items:flex-start}
        .pay-ic{font-size:32px;flex-shrink:0;margin-top:2px}
        .pay-ttl{font-family:var(--fh);font-size:16px;font-weight:700;margin-bottom:5px;color:var(--bk)}
        .pay-d{font-size:13px;color:var(--g700);line-height:1.65;max-width:700px}
        .pay-d strong{color:var(--bk)}
        .pay-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
        .pay-chip{background:#fff;border:1px solid #BFDBFE;border-radius:var(--rsm);padding:5px 11px;font-size:11px;font-weight:700;color:var(--blue)}

        /* ===== TESTIMONIALS ===== */
        .testi-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}
        .tc{background:#fff;border-radius:var(--rmd);padding:24px;border:1.5px solid var(--g200);transition:border-color .2s}
        .tc:hover{border-color:var(--blue)}
        .tc-s{color:#F59E0B;font-size:13px;margin-bottom:10px;letter-spacing:2px}
        .tc-q{font-size:13px;line-height:1.7;margin-bottom:14px;font-style:italic;color:var(--g700)}
        .tc-p{display:flex;align-items:center;gap:9px}
        .tc-av{width:36px;height:36px;border-radius:50%;background:var(--bk);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-weight:700;font-size:12px;color:var(--blue);flex-shrink:0}
        .tc-n{font-weight:700;font-size:13px}
        .tc-r{font-size:11px;color:var(--g500)}
        .tc-l{font-size:10px;color:var(--blue);font-weight:700;margin-top:1px}

        /* ===== PROCESS ===== */
        .proc-t{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:44px;position:relative}
        .proc-t::before{content:'';position:absolute;top:19px;left:10%;right:10%;height:2px;background:var(--g200);z-index:0}
        .ps{text-align:center;position:relative;z-index:1;padding:0 6px}
        .psn{width:38px;height:38px;border-radius:50%;background:var(--bk);color:#fff;font-family:var(--fh);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;transition:all .25s var(--ease)}
        .ps:hover .psn{background:var(--blue);transform:scale(1.12)}
        .pst{font-family:var(--fh);font-size:13px;font-weight:700;margin-bottom:5px}
        .psd{font-size:11px;color:var(--g500);line-height:1.4}

        /* ===== FAQ ===== */
        .faq-l{margin-top:40px;max-width:780px}
        .fi{border-bottom:1px solid var(--g200)}
        .fq{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;font-size:15px;font-weight:600;text-align:left;background:none;border:none;cursor:pointer;font-family:var(--fb);transition:color .2s}
        .fq:hover{color:var(--blue)}
        .fq-ic{width:22px;height:22px;border-radius:50%;background:var(--g100);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;transition:all .25s var(--ease);color:var(--bk)}
        .fi.op .fq-ic{background:var(--blue);color:#fff;transform:rotate(45deg)}
        .fa{max-height:0;overflow:hidden;transition:max-height .35s var(--ease),padding .3s}
        .fi.op .fa{max-height:350px;padding-bottom:16px}
        .fa-in{font-size:14px;color:var(--g500);line-height:1.7}
        .fa-in strong{color:var(--bk)}

        /* ===== FINAL CTA ===== */
        .fin-wrap{background:var(--bk)}
        .fin-in{max-width:var(--max);margin-inline:auto;padding:68px 40px;display:grid;grid-template-columns:1fr 500px;gap:48px;align-items:start}
        .fin-h2{font-family:var(--fh);font-size:clamp(24px,3.5vw,38px);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.03em;margin-bottom:12px}
        .fin-h2 span{color:var(--blue)}
        .fin-sub{color:rgba(255,255,255,.48);font-size:15px;line-height:1.65;margin-bottom:22px;font-weight:300}
        .fin-cks{display:flex;flex-direction:column;gap:9px;margin-bottom:26px}
        .fin-ck{display:flex;align-items:flex-start;gap:9px;color:rgba(255,255,255,.6);font-size:13px;line-height:1.4}
        .fin-cki{color:var(--blue);font-size:13px;flex-shrink:0;margin-top:1px}
        .fin-cts{display:flex;flex-direction:column;gap:7px}
        .fin-ct{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.42);font-size:13px;transition:color .2s}
        .fin-ct:hover{color:#fff}
        .fin-ct.tel{color:#60A5FA;font-weight:600;font-size:15px}
        .fin-fw{background:#fff;border-radius:var(--rlg);padding:28px}
        .fin-ft{font-family:var(--fh);font-size:18px;font-weight:700;margin-bottom:2px}
        .fin-fs{font-size:11px;color:var(--g500);margin-bottom:14px}

        /* ===== WA FLOAT ===== */
        .wa{position:fixed;bottom:24px;left:24px;z-index:9998;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:all .25s var(--ease)}
        .wa:hover{transform:scale(1.1);box-shadow:0 12px 32px rgba(37,211,102,.4)}
        .wa svg{width:26px;height:26px}

        /* ===== FOOTER ===== */
        .ftr{background:#050505;border-top:1px solid rgba(255,255,255,.05);padding:20px 40px}
        .ftr-in{max-width:var(--max);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
        .ftr-l{display:flex;flex-direction:column;gap:2px}
        .ftr-c{color:hsla(0, 0%, 95%, 0.801);font-size:11px}
        .ftr-r{color:hsla(0, 0%, 95%, 0.801);font-size:10px}
        .ftr-lks{display:flex;gap:15px;flex-wrap:wrap}
        .ftr-lks a{color:hsla(0, 0%, 95%, 0.801);font-size:11px;transition:color .2s}
        .ftr-lks a:hover{color:rgba(255,255,255,.6)}

        /* ===== RESPONSIVE ===== */
        @media(max-width:960px){
        :root{--hh:60px}
        .wrap,.hdr-in,.tps-in,.cities-in,.pay-in{padding-inline:20px}
        .ann{padding-inline:16px;font-size:12px;flex-direction:column;gap:5px}
        .hero-in{grid-template-columns:1fr;padding:44px 20px 0}
        .hero-l{padding-bottom:0}
        .hfm{position:static;margin:22px 0 28px}
        .plrs{grid-template-columns:1fr}
        .cstrip{padding-inline:20px}
        .stats{padding-inline:20px}
        .why-em-g{grid-template-columns:1fr;gap:28px;margin-top:32px}
        .why-em-creds{grid-template-columns:1fr 1fr}
        .pain-g{grid-template-columns:1fr 1fr}
        .why-g{grid-template-columns:1fr}
        .wc.ft{grid-column:span 1;flex-direction:column}
        .comm-g{grid-template-columns:1fr 1fr}
        .ncl-content{grid-template-columns:1fr;gap:28px}
        .team-g{grid-template-columns:1fr 1fr}
        .team-wide{grid-column:span 1}
        .port-g{grid-template-columns:1fr 1fr}
        .prc.feat{grid-column:span 1}
        .price-g,.price-g2{grid-template-columns:1fr}
        .inst-plans-g{grid-template-columns:1fr 1fr}
        .testi-g{grid-template-columns:1fr}
        .proc-t{grid-template-columns:1fr 1fr;gap:18px}
        .proc-t::before{display:none}
        .fin-in{grid-template-columns:1fr;padding:52px 20px}
        .pay-in{flex-direction:column;gap:14px}
        .sec{padding-block:52px}
        .ncl-bridge-wrap{padding-inline:20px}
        .ncl-content{padding-inline:20px}
        .ftr{padding-inline:20px}
        .ftr-in{flex-direction:column;align-items:flex-start;gap:10px}
        }
        @media(max-width:560px){
        .h1{font-size:28px}
        .pain-g,.port-g,.comm-g,.team-g{grid-template-columns:1fr}
        .frow{grid-template-columns:1fr}
        .hctx{flex-direction:column}
        .hctx .btn{width:100%;justify-content:center}
        .proc-t{grid-template-columns:1fr}
        .why-em-creds{grid-template-columns:1fr}
        .inst-plans-g{grid-template-columns:1fr}
        .hph span{display:none}
        }

        /* ===== PORTFOLIO (Hospify-style) ===== */
        .port-sec{background:#fff}
        .pe{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1.5px solid var(--g200);border-radius:16px;overflow:hidden;margin-top:28px;transition:box-shadow .3s}
        .pe:hover{box-shadow:0 12px 40px rgba(0,0,0,.1)}
        .pe-flip{direction:rtl}
        .pe-flip>*{direction:ltr}
        .pe-l{padding:44px 40px;background:#fff;display:flex;flex-direction:column}
        .pe-logo-wrap{width:72px;height:72px;border-radius:16px;overflow:hidden;border:1.5px solid var(--g200);margin-bottom:14px;box-shadow:0 4px 12px rgba(0,0,0,.08);flex-shrink:0}
        .pe-logo{width:100%;height:100%;object-fit:cover}
        .pe-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:8px;display:block}
        .pe-name{font-family:var(--fh);font-size:26px;font-weight:800;color:var(--bk);line-height:1.15;margin-bottom:12px}
        .pe-div{height:1px;background:var(--g200);margin-bottom:14px}
        .pe-desc{font-size:14px;color:var(--g700);line-height:1.7;margin-bottom:16px}
        .pe-result-box{margin-bottom:16px}
        .pe-result-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--g500);margin-bottom:4px}
        .pe-result-txt{font-size:13px;color:var(--bk);line-height:1.6;font-weight:500}
        .pe-meta{display:flex;align-items:center;gap:18px;margin-bottom:16px;flex-wrap:wrap}
        .pe-dl{display:flex;flex-direction:column}
        .pe-dl-n{font-family:var(--fh);font-size:20px;font-weight:800;color:var(--blue);line-height:1}
        .pe-dl-l{font-size:11px;color:var(--g500);margin-top:2px}
        .pe-platforms{display:flex;gap:7px}
        .pe-platforms span{background:var(--g100);border:1px solid var(--g200);border-radius:100px;padding:4px 11px;font-size:12px;font-weight:600}
        .pe-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:700;font-size:13px;transition:gap .2s;margin-top:auto}
        .pe-link:hover{gap:10px}
        .pe-r{position:relative;overflow:hidden;min-height:320px;display:flex;align-items:center;justify-content:center;padding:28px 20px}
        .pe-r-blue{background:linear-gradient(135deg,#EFF6FF,#DBEAFE)}
        .pe-r-slate{background:linear-gradient(135deg,#F1F5F9,#E2E8F0)}
        .pe-r-teal{background:linear-gradient(135deg,#F0FDFA,#CCFBF1)}
        .pe-r-orange{background:linear-gradient(135deg,#FFF7ED,#FED7AA)}
        .pe-r-purple{background:linear-gradient(135deg,#FAF5FF,#E9D5FF)}
        .pe-r-green{background:linear-gradient(135deg,#F0FDF4,#BBF7D0)}
        .phones-fan{position:relative;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:0}
        .pmk{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.06);transition:transform .3s}
        .pmk img{width:100%;height:auto;display:block}
        .pmk-l{transform:rotate(-5deg) translateX(18px) translateY(6px);z-index:1;opacity:.92;width:36%}
        .pmk-c{transform:translateY(-6px);z-index:3;width:44%;box-shadow:0 20px 48px rgba(0,0,0,.22)}
        .pmk-r{transform:rotate(5deg) translateX(-18px) translateY(6px);z-index:1;opacity:.92;width:36%}
        .pe:hover .pmk-l{transform:rotate(-7deg) translateX(12px) translateY(4px)}
        .pe:hover .pmk-c{transform:translateY(-12px)}
        .pe:hover .pmk-r{transform:rotate(7deg) translateX(-12px) translateY(4px)}
        @media(max-width:960px){
        .pe,.pe-flip{grid-template-columns:1fr;direction:ltr}
        .pe-l{padding:28px 24px}
        .pe-r{min-height:240px}
        .pmk-l,.pmk-r{width:30%}
        .pmk-c{width:38%}
        }
        @media(max-width:560px){
        .pe-name{font-size:20px}
        .pe-r{min-height:190px;padding:16px}
        .pmk-l,.pmk-r{width:26%}
        .pmk-c{width:34%}
        }
        
        
        .popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px;}
        .popup-overlay.active{display:flex;}.popup-box{background:#fff;width:100%;max-width:700px;border-radius:20px;padding:30px;position:relative;max-height:90vh;overflow:auto;}
        .popup-close{position:absolute;top:10px;right:15px;border:none;background:none;font-size:35px;cursor:pointer;}
        
        
        .btn-loading {opacity: 0.8;pointer-events: none;}
        .btn-loading .spinner {width: 16px;height: 16px;border: 2px solid #fff;border-top: 2px solid transparent;border-radius: 50%;display: inline-block;margin-left: 10px;animation: spin 0.7s linear infinite;vertical-align: middle;}
        @keyframes spin {
            100% {transform: rotate(360deg);}
        }
        
        
        .dots::after{
    content:'';
    display:inline-block;
    animation:dotsAnim 1.2s infinite;
}

@keyframes dotsAnim{

    0%{
        content:'';
    }

    25%{
        content:'.';
    }

    50%{
        content:'..';
    }

    75%{
        content:'...';
    }

    100%{
        content:'';
    }

}