/* Evolve Enterprises Online: inner pages. Loaded after v5.css and built from the same tokens,
   so header, footer, buttons and pop-ups match the homepage exactly. */

body.sub{--acc:var(--blue);--acc-bg:var(--blue-100);--acc-ink:var(--blue-900);--th:var(--blue);--th-bg:var(--blue-100);--th-ink:var(--blue-800)}
body.sub.pool-th{--th:#0A8FB0;--th-bg:#DDF6FA;--th-ink:var(--pool-ink)}

/* ---------- page hero ---------- */
.pgh{position:relative;color:#fff;background:linear-gradient(135deg,#023E73 0%,#0466A6 48%,#035A8D 100%);padding:150px 0 clamp(64px,7vw,96px);overflow:hidden;border-radius:0 0 var(--pr) var(--pr)}
.pool-th .pgh{background:linear-gradient(135deg,#034A66 0%,#0A7FA3 50%,#04607E 100%)}
.ph-in{position:relative;max-width:var(--wrap)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:26px;font:500 11.5px/1.3 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.crumbs a{color:rgba(255,255,255,.85);transition:color .7s var(--ease-s)}
.crumbs a:hover{color:#fff}
.crumbs svg{width:10px;height:10px;opacity:.6}
.crumbs [aria-current]{color:#fff}
.ph-k{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;font:500 12px/1 var(--f-m);letter-spacing:.2em;text-transform:uppercase;color:#8FEFF2}
.ph-k::before{content:"";width:26px;height:1px;background:currentColor;opacity:.7}
.pgh h1{max-width:20ch;font:700 clamp(36px,4.8vw,64px)/1.06 var(--f-h);letter-spacing:-.035em}
.pgh h1 .gr{display:block;margin-top:.08em;background-image:linear-gradient(90deg,#5DB5E8,#B8E0F5 50%,#5DB5E8)}
.ph-p{max-width:60ch;margin-top:22px;font-size:clamp(16.5px,1.3vw,19px);line-height:1.65;color:rgba(255,255,255,.86)}
.ph-p+.ph-p{margin-top:12px}
.ph-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.ph-x{margin-top:40px}
.ph-x .sts>div,.ph-x .cd{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#fff}
.ph-x .sts b{background:linear-gradient(90deg,#8FEFF2,#B8E0F5);-webkit-background-clip:text;background-clip:text;color:transparent}
.ph-x .sts span,.ph-x .cd h3{color:#fff}
.ph-x .sts small,.ph-x .cd p{color:rgba(255,255,255,.78)}
.ph-x .fig{display:none}

/* light outline button and a smaller size, alongside the homepage's .bx-o and .bx-w */
.bx-l{color:var(--blue-900);background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 8px 22px rgba(7,43,85,.07)}
.bx-l::before{box-shadow:inset 0 0 0 1px rgba(7,43,85,.06)}
.bx-l::after{background:linear-gradient(105deg,transparent 15%,rgba(4,114,180,.1) 50%,transparent 85%)}
.bx-l .bx-ic{background:var(--th-bg);color:var(--th-ink)}
.bx-l:hover{box-shadow:inset 0 0 0 1px var(--blue-300),0 14px 30px rgba(7,43,85,.12)}
.bx-l:hover .bx-ic{background:var(--blue-900);color:#fff}
.pgh .bx-l{color:#fff;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.pgh .bx-l .bx-ic{background:#fff;color:var(--blue)}
.pgh .bx-l:hover{background:#fff;color:var(--blue-900)}
.bx-sm{--h:46px;padding:0 15px 0 5px;gap:10px;font-size:14px;border-radius:11px}
.bx-sm::before{inset:3px;border-radius:8px}
.bx-sm .bx-ic svg{width:17px;height:16px}

/* ---------- sections ---------- */
.ps{position:relative;padding:clamp(72px,8vw,112px) 0}
.ps.alt{margin:clamp(12px,1.6vw,24px) var(--px);border-radius:var(--pr);background:#fff;box-shadow:0 1px 2px rgba(7,43,85,.04),0 20px 50px rgba(7,43,85,.05)}
.ps.dk{margin:clamp(12px,1.6vw,24px) var(--px);border-radius:var(--pr);color:#fff;overflow:clip;background:radial-gradient(800px 500px at 100% 12%,rgba(36,212,217,.14),transparent 70%),linear-gradient(180deg,var(--sb-2),var(--sb-1))}
.pool-th .ps.dk{background:radial-gradient(800px 500px at 100% 12%,rgba(95,211,230,.18),transparent 70%),linear-gradient(180deg,#05506E,#0A6D8F)}
.ps-h{max-width:780px;margin-bottom:clamp(32px,4vw,48px)}
.ps-h.c{margin-inline:auto;text-align:center}
.ps-h.c .label{justify-content:center}
.ps-h .label{color:var(--th)}
.ps-h .label.l{color:#8FEFF2}
.ps-h h2{margin-top:16px;font:700 clamp(30px,3.4vw,46px)/1.08 var(--f-h);letter-spacing:-.035em;color:var(--blue-900)}
.ps.dk .ps-h h2,.pc .ps-h h2{color:#fff}
.ps-h .lead{margin-top:16px}
.ps.dk .ps-h .lead{color:var(--on-d-2)}
.ps-h.c .lead{margin-inline:auto}
.ps-h .badge{display:inline-block;margin:0 10px 12px 0;padding:6px 10px;border-radius:6px;font:500 11px/1 var(--f-m);letter-spacing:.12em;text-transform:uppercase;background:var(--th-bg);color:var(--th-ink)}
.ps-h.sm{margin-top:clamp(48px,6vw,80px)}
.ps-h.sm h2{font-size:clamp(26px,2.6vw,36px)}
.ps-h .cta-row{margin-top:24px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cta-row.c{justify-content:center}
.grp-h{display:flex;align-items:center;gap:14px;margin:clamp(36px,4vw,52px) 0 18px;font:600 clamp(19px,1.6vw,23px)/1.25 var(--f-h);letter-spacing:-.02em;color:var(--blue-900)}
.grp-h::after{content:"";flex:1;height:1px;background:var(--line)}
.grp-h:first-child{margin-top:0}

/* cards */
.cds{display:grid;gap:clamp(14px,1.6vw,20px);margin-top:4px}
.cds.c1{grid-template-columns:minmax(0,1fr);max-width:820px}
.cds.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cds.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cds.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cds+.cds,.cds+.prose,.prose+.cds,.fig+.cds,.cds+.fig,.sts+.cds,.cds+.sts,.mini+.cds{margin-top:clamp(18px,2vw,26px)}
.cd{position:relative;display:flex;flex-direction:column;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 10px 28px rgba(7,43,85,.05);overflow:hidden;transition:transform .9s var(--ease-s),box-shadow .9s var(--ease-s)}
.ps.alt .cd{background:var(--ice);box-shadow:inset 0 0 0 1px var(--line-2)}
.cd:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--blue-300),0 20px 44px rgba(7,43,85,.1)}
.cd-img{aspect-ratio:16/10;overflow:hidden;background:var(--ice-2)}
.cd-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease-o)}
.cd:hover .cd-img img{transform:scale(1.04)}
.cd-b{display:flex;flex-direction:column;flex:1;padding:clamp(20px,2vw,26px)}
.cd-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cd-n{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:10px;font:600 13px/1 var(--f-h);background:var(--th-bg);color:var(--th-ink)}
.cd-k{font:500 10.5px/1 var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--th)}
.cd h3{font:600 clamp(17.5px,1.4vw,20px)/1.3 var(--f-h);letter-spacing:-.015em;color:var(--blue-900)}
.cd p{margin-top:10px;font-size:15px;line-height:1.62;color:var(--ink-2)}
.cd-price{display:flex;align-items:baseline;gap:10px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line)}
.cd-price small{font:500 11px/1 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.cd-price b{font:700 20px/1.2 var(--f-h);color:var(--blue-900)}
.cd-stat{display:flex;align-items:baseline;gap:12px;margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--th-bg)}
.cd-stat b{font:700 26px/1 var(--f-h);letter-spacing:-.02em;color:var(--th-ink)}
.cd-stat span{font-size:13.5px;line-height:1.4;color:var(--ink-2)}
.cd-q{margin:14px 0 0;padding:14px 16px;border-radius:12px;background:var(--ice);box-shadow:inset 3px 0 0 var(--cyan);font:500 15px/1.6 var(--f-h);color:var(--blue-900)}
.cd-q cite{display:block;margin-top:8px;font:500 12px/1.3 var(--f-m);font-style:normal;letter-spacing:.06em;color:var(--ink-3)}
.cd-l{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:auto;padding-top:18px}
.tlink{display:inline-flex;align-items:center;gap:8px;font:500 14.5px/1.2 var(--f-b);color:var(--th)}
.tlink svg{width:15px;height:15px}
.cks{list-style:none;display:grid;gap:9px;margin:14px 0 0;padding:0}
.cks li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.cks i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--th-bg);color:var(--th-ink);margin-top:-1px}
.cks i svg{width:10px;height:10px}

/* problem and solution pairs */
.pairs{display:grid;gap:16px}
.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-2),0 12px 32px rgba(7,43,85,.06);background:#fff}
.pa,.pb{padding:clamp(22px,2.4vw,30px)}
.pb{background:linear-gradient(180deg,var(--th-bg),#fff 90%);box-shadow:inset 1px 0 0 var(--line-2)}
.prk{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.pb .prk{color:var(--th-ink)}
.prk svg{width:14px;height:14px}
.pa h3{margin-top:12px;font:600 clamp(19px,1.7vw,23px)/1.25 var(--f-h);color:var(--blue-900)}
.pa p,.pb p{margin-top:10px;font-size:15px;line-height:1.62;color:var(--ink-2)}

/* feature: a heading with long text, optionally beside an image */
.ft{display:grid;gap:clamp(24px,4vw,56px);align-items:center;margin:clamp(28px,3vw,40px) 0}
.ft.has-img{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.ft-img{border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(7,43,85,.14)}
.ft-img img{width:100%;height:auto}
.ft-tx{max-width:68ch}
.ft-tx h3{margin:12px 0 12px;font:700 clamp(24px,2.4vw,32px)/1.15 var(--f-h);letter-spacing:-.03em;color:var(--blue-900)}
.ft-tx p{margin-top:12px;color:var(--ink-2);line-height:1.7}
.ft-tx .label{color:var(--th)}
.ft-tx .chips span{background:var(--th-bg);box-shadow:none;color:var(--th-ink)}
.ft-tx .cta-row{margin-top:24px}

/* prose */
.prose{max-width:72ch;color:var(--ink-2);font-size:clamp(16px,1.15vw,17.5px);line-height:1.75}
.prose p+p,.prose p+ul,.prose ul+p,.prose p+ol,.prose ol+p{margin-top:14px}
.prose ul,.prose ol{margin:14px 0 0;padding-left:1.3em}
.prose li{margin:6px 0;padding-left:4px}
.prose blockquote{margin:22px 0;padding:18px 22px;border-radius:14px;background:var(--ice);box-shadow:inset 3px 0 0 var(--cyan);font:500 17px/1.6 var(--f-h);color:var(--blue-900)}
.prose blockquote cite{display:block;margin-top:8px;font:500 12px var(--f-m);font-style:normal;color:var(--ink-3)}
.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.ps.dk .prose{color:var(--on-d-2)}

/* faq on pages reuses the homepage accordion */
.pg-qa{max-width:880px}
.pg-qa summary{font-size:clamp(16.5px,1.3vw,18.5px)}
.grp-h+.pg-qa{margin-top:-6px}

/* stats */
.sts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px;margin:clamp(20px,2.4vw,28px) 0}
.sts>div{display:grid;gap:6px;align-content:start;padding:22px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.ps.alt .sts>div{background:var(--ice)}
.sts b{font:700 clamp(30px,3vw,42px)/1 var(--f-h);letter-spacing:-.03em;background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px}
.pool-th .sts b{background-image:linear-gradient(90deg,#0A8FB0,#38C6DD)}
.sts span{font:600 15.5px/1.3 var(--f-h);color:var(--blue-900)}
.sts small{font-size:13.5px;color:var(--ink-3)}

/* compact numbered overview */
.mini{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;margin:0 0 clamp(18px,2vw,26px);padding:0}
.mini li{display:grid;gap:4px;padding:16px;border-radius:14px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.ps:not(.dk) .mini li{background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.mini span{font:600 12px/1 var(--f-m);letter-spacing:.12em;color:var(--th)}
.mini b{font:600 15.5px/1.3 var(--f-h);color:var(--blue-900)}
.mini small{font-size:13px;color:var(--ink-3)}

/* dark (pillar) sections */
.ps.dk .cd{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.ps.dk .cd h3{color:#fff}
.ps.dk .cd p,.ps.dk .cks li{color:var(--on-d-2)}
.ps.dk .cd-n{background:rgba(36,212,217,.16);color:#8FEFF2}
.ps.dk .cks i{background:rgba(36,212,217,.18);color:#8FEFF2}
.ps.dk .mini span{color:#8FEFF2}
.ps.dk .mini b{color:#fff}
.ps.dk .mini small{color:var(--on-d-3)}
.ps.dk .px-tabs{margin-top:8px}

/* calls to action */
.ps.cta{padding:clamp(24px,3vw,40px) 0}
.pc{position:relative;padding:clamp(48px,6vw,80px) clamp(22px,4vw,64px);border-radius:var(--pr);color:#fff;text-align:center;overflow:hidden;background:radial-gradient(700px 400px at 80% 0%,rgba(36,212,217,.18),transparent 70%),linear-gradient(135deg,#023E73,#0466A6 60%,#035A8D)}
.pool-th .pc{background:radial-gradient(700px 400px at 80% 0%,rgba(95,211,230,.22),transparent 70%),linear-gradient(135deg,#034A66,#0A7FA3 60%,#04607E)}
.pc .ps-h{margin-bottom:0}
.pc .lead{color:rgba(255,255,255,.86)}
.pc .prose{margin:16px auto 0;color:rgba(255,255,255,.86)}
.pc .cta-row{justify-content:center}
.pc .bx-l{color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.pc .bx-l .bx-ic{background:#fff;color:var(--blue)}
.pc .bx-l:hover{background:#fff;color:var(--blue-900)}
.pc .chips{justify-content:center;margin-top:24px}
.pc .chips span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#fff}
.pc .chips svg{width:12px;height:12px;color:#8FEFF2}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:clamp(32px,4vw,48px);padding:24px 28px;border-radius:18px;background:linear-gradient(90deg,var(--blue-100),#fff);box-shadow:inset 0 0 0 1px var(--line)}
.cta-in b{display:block;font:600 19px/1.3 var(--f-h);color:var(--blue-900)}
.cta-in span{display:block;font-size:15px;color:var(--ink-2)}
.cta-in .cta-row{margin-top:0}
.chips.c{margin-top:18px}

.fig{margin:clamp(20px,2.4vw,32px) 0;max-width:980px;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(7,43,85,.12);background:#fff}
.fig img{width:100%;height:auto}

/* forms */
.pform-w{margin-top:clamp(24px,3vw,36px)}
.pform-w.has-side{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(7,43,85,.12)}
.pform{--acc:var(--th);--acc-bg:var(--th-bg);--acc-ink:var(--th-ink);position:relative;max-width:820px;padding:clamp(24px,3vw,36px);border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 24px 60px rgba(7,43,85,.1)}
.has-side .pform{max-width:none;border-radius:0;box-shadow:none}
.pform h3{font:700 clamp(22px,2vw,28px)/1.2 var(--f-h);letter-spacing:-.025em;color:var(--blue-900)}
.pform .sub{margin-top:8px;color:var(--ink-2)}
.pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin-top:22px}
.pf-grid .fld.w{grid-column:1/-1}
.fld .in.sel select{width:100%;height:50px;padding:0 40px 0 14px;border-radius:10px;border:1px solid var(--line);background:#FBFDFF;font:400 15.5px/1.3 var(--f-b);color:var(--ink);appearance:none;-webkit-appearance:none}
.fld .in.sel svg{left:auto;right:14px;transform:rotate(90deg)}
.fld .in.sel select:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 15%,transparent)}
.fld.err select{border-color:#D9443A;background:#FFF8F7}
.pf-ft{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:6px}
.pf-note{font-size:13.5px;color:var(--ink-3)}
.pf-err{margin-top:12px;font-size:13.5px;color:#C2412D}
.pf-done{display:grid;justify-items:center;gap:8px;padding:28px 10px 10px;text-align:center}
.pf-done .ok{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#E8F6EC;color:#1F7A44}
.pf-done .ok svg{width:24px;height:24px}
.pf-done b{font:600 18px/1.3 var(--f-h);color:var(--blue-900)}
.pf-done span{color:var(--ink-2)}
.pf-done small{font-size:12.5px;color:var(--ink-3)}
.pform.sent>:not(.pf-done){display:none}
.pf-side{padding:clamp(24px,3vw,40px);color:#fff;background:radial-gradient(500px 300px at 100% 0%,rgba(36,212,217,.2),transparent 70%),linear-gradient(160deg,#023E73,#0466A6)}
.pf-side h3{margin-top:14px;font:700 clamp(22px,2.2vw,30px)/1.15 var(--f-h);letter-spacing:-.03em}
.pf-side ul{list-style:none;display:grid;gap:16px;margin:26px 0 0;padding:0}
.pf-side li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px}
.pf-side li i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#8FEFF2}
.pf-side li i svg{width:11px;height:11px}
.pf-side b{display:block;font:600 15px/1.3 var(--f-h)}
.pf-side small{display:block;margin-top:3px;font-size:13.5px;color:rgba(255,255,255,.78)}

/* contact rows */
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:0 0 clamp(18px,2vw,24px)}
.inf{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.ps.alt .inf{background:var(--ice)}
.inf i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--th-bg);color:var(--th-ink)}
.inf i svg{width:19px;height:19px}
.inf .k{display:block;margin-bottom:4px;font:500 10.5px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.inf a,.inf b{font:600 15px/1.3 var(--f-h);color:var(--blue-900);overflow-wrap:anywhere}
.inf small{display:block;margin-top:4px;font-size:13px;color:var(--ink-3)}
.soc2{display:flex;gap:6px;flex-wrap:wrap}
.soc2 a{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line);color:var(--blue-900);transition:background-color .7s var(--ease-s),color .7s var(--ease-s)}
.soc2 a:hover{background:var(--blue-900);color:#fff}
.soc2 svg{width:14px;height:14px}

/* reviews grid on pages: same cards as the homepage rail */
.pg-rv{--panel:#fff;--panel-2:#fff;--rule:rgba(10,22,40,.1);--rule-2:rgba(10,22,40,.2);--ink-r:#0A1628;--muted:#66788F;--accent:#0472B4;--warn:#D99A12;--hl-rule:rgba(4,114,180,.32)}
.rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;align-items:start}
.rv-grid .rv-card{width:auto;box-shadow:0 10px 26px rgba(7,43,85,.06)}
.ps.alt .rv-grid .rv-card{background:var(--ice)}
.ps.dk .rv-grid .rv-card{background:#fff}
.rv-grid .rv-card.open blockquote{-webkit-line-clamp:unset;display:block}

/* linked cards (keep reading) */
.lc{display:grid;gap:8px;margin-top:20px;padding:24px 26px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 12px 30px rgba(7,43,85,.06);transition:transform .9s var(--ease-s),box-shadow .9s var(--ease-s)}
.lc:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--blue-300),0 20px 44px rgba(7,43,85,.1)}
.lc-k{font:500 11px/1 var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--th)}
.lc b{font:600 clamp(19px,1.7vw,23px)/1.3 var(--f-h);letter-spacing:-.02em;color:var(--blue-900)}
.lc span{color:var(--ink-2)}
.lc .lc-go{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font:500 14.5px/1 var(--f-b);color:var(--th)}
.lc .lc-go svg{width:15px;height:15px}
.lc:hover .arrow{transform:translateX(5px)}

/* ---------- articles ---------- */
.pgh-art h1{max-width:24ch}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:28px}
.art-meta span{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);font:500 12.5px/1 var(--f-b);color:#fff}
.art-meta .by{padding-left:5px}
.art-meta img{width:26px;height:26px;border-radius:50%}
.art-body{padding-top:clamp(48px,6vw,80px)}
.art{max-width:760px;margin:0 auto;color:var(--ink-2);font-size:clamp(16.5px,1.2vw,18px);line-height:1.8}
.art-s{padding:clamp(26px,3vw,36px) 0;border-top:1px solid var(--line)}
.art-s:first-child{border-top:0;padding-top:0}
.art h2{display:flex;align-items:flex-start;gap:14px;margin:6px 0 14px;font:700 clamp(23px,2.2vw,30px)/1.2 var(--f-h);letter-spacing:-.025em;color:var(--blue-900)}
.art-n{flex:none;display:inline-grid;place-items:center;width:40px;height:40px;margin-top:-2px;border-radius:11px;font:600 15px/1 var(--f-h);background:var(--th-bg);color:var(--th-ink)}
.art p+p,.art p+ul,.art ul+p,.art p+ol,.art ol+p{margin-top:16px}
.art ul,.art ol{margin:16px 0 0;padding-left:1.3em}
.art li{margin:8px 0;padding-left:4px}
.art li::marker{color:var(--th)}
.art .label{color:var(--th)}
.pull{margin:26px 0;padding:22px 26px;border-radius:16px;background:linear-gradient(135deg,var(--th-bg),#fff);box-shadow:inset 4px 0 0 var(--th);font:600 clamp(18px,1.6vw,21px)/1.5 var(--f-h);letter-spacing:-.01em;color:var(--blue-900)}
.art .pg-qa{margin-top:10px}
.art-cta{margin-top:clamp(36px,4vw,52px);padding:clamp(28px,3.4vw,40px);border-radius:22px;color:#fff;background:radial-gradient(600px 300px at 90% 0%,rgba(36,212,217,.2),transparent 70%),linear-gradient(135deg,#023E73,#0466A6)}
.pool-th .art-cta{background:radial-gradient(600px 300px at 90% 0%,rgba(95,211,230,.24),transparent 70%),linear-gradient(135deg,#034A66,#0A7FA3)}
.art-cta h3{font:700 clamp(22px,2.2vw,30px)/1.2 var(--f-h);letter-spacing:-.025em}
.art-cta .prose{color:rgba(255,255,255,.86);margin-top:10px}
.art-cta .cta-row{margin-top:22px}


/* ---------- responsive ---------- */
@media (max-width:1080px){
  .cds.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cds.c3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ft.has-img,.pform-w.has-side{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .pgh{padding:124px 0 56px}
  .pgh h1{font-size:clamp(32px,9vw,44px)}
  .crumbs{margin-bottom:18px}
  .ph-cta .bx,.pc .cta-row .bx,.ps-h .cta-row .bx{width:100%}
  .ph-cta .bx-ar,.pc .bx-ar{margin-left:auto}
  .ps{padding:56px 0}
  .ps.alt,.ps.dk{margin-inline:8px;border-radius:22px}
  .ps.alt>.wrap,.ps.dk>.wrap{width:calc(100% - 28px)}
  .cds.c2,.cds.c3,.cds.c4{grid-template-columns:minmax(0,1fr)}
  .pair{grid-template-columns:minmax(0,1fr)}
  .pb{box-shadow:inset 0 1px 0 var(--line-2)}
  .pf-grid{grid-template-columns:minmax(0,1fr)}
  .pform .bx{width:100%}
  .pc{padding:44px 20px;border-radius:22px}
  .cta-in{padding:20px}
  .cta-in .cta-row,.cta-in .bx{width:100%}
  .art h2{gap:12px}
  .art-n{width:34px;height:34px;font-size:13.5px}
  .pull{padding:18px 20px}
}
.rv-sum{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-bottom:18px;padding:10px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-size:14px;color:var(--ink-2)}
.rv-sum svg{width:18px;height:18px}
.rv-sum b{font:700 16px/1 var(--f-h);color:var(--blue-900)}
.ps.dk .rv-sum{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#fff}
.ps.dk .rv-sum b{color:#fff}
.ps.dk .px-head h3{color:#fff}
.art h2:not(:first-child){margin-top:clamp(30px,3.4vw,42px)}
.art .label+h2{margin-top:10px}

/* =====================  Redesigned inner pages (9 Oct 2026)  ===================== */
/* hero with an animated example on the right */
.ph-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:clamp(36px,5vw,76px);align-items:center}
.ph-g .ph-tx{min-width:0}
.ph-vis{position:relative;min-width:0}
.pgh.has-vis{padding-bottom:clamp(72px,8vw,110px)}
.pgh.has-vis h1{max-width:16ch}

/* ---------- example screens ---------- */
.mk{position:relative;text-align:left}
.mk-win,.mk-geo,.mk-dash{border-radius:16px;background:#fff;color:#202124;overflow:hidden;box-shadow:0 30px 70px rgba(2,22,52,.26),0 0 0 1px rgba(7,43,85,.08)}
.mk-bar{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;background:#F3F6FA;border-bottom:1px solid #E3E9F1}
.mk-dots{display:flex;gap:5px;flex:none}.mk-dots i{width:9px;height:9px;border-radius:50%;background:#D5DEE9}
.mk-url{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #E3E9F1;font:400 11.5px/1 var(--f-b);color:#5F6B7A;white-space:nowrap;overflow:hidden}
.mk-url svg{width:11px;height:11px;color:#2E9E5B;flex:none}
.mk-url span{overflow:hidden;text-overflow:ellipsis}
.mk-ex{flex:none;padding:4px 6px;border-radius:4px;font:500 9px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:#7A8899;box-shadow:inset 0 0 0 1px #DCE3EC}
.mk-body{position:relative;padding:16px 18px 18px;font-family:Arial,Helvetica,sans-serif}
.mk-card{position:absolute;z-index:3;padding:12px 14px;border-radius:12px;background:#fff;font-family:var(--f-b);box-shadow:0 18px 40px rgba(2,22,52,.22),0 0 0 1px rgba(7,43,85,.06);opacity:0;transform:translateY(10px) scale(.98)}
@keyframes mkUp{to{opacity:1;transform:none}}
@keyframes mkPop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:none}}
/* google bits */
.g-q{display:flex;align-items:center;gap:12px}
.g-logo{font:700 20px/1 Arial,sans-serif;letter-spacing:-.5px;flex:none}
.g-logo span:nth-child(1),.g-logo span:nth-child(4){color:#4285F4}.g-logo span:nth-child(2),.g-logo span:nth-child(6){color:#EA4335}.g-logo span:nth-child(3){color:#FBBC05}.g-logo span:nth-child(5){color:#34A853}
.g-box{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:0 14px;border-radius:18px;box-shadow:0 1px 6px rgba(32,33,36,.2);font-size:13.5px;color:#202124}
.g-box svg{width:15px;height:15px;color:#4285F4;flex:none}
.g-typed{white-space:nowrap;overflow:hidden}
.mk.in .g-typed{animation:gType 1.1s steps(24) .2s both}
@keyframes gType{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
.g-tabs{display:flex;gap:16px;margin-top:12px;border-bottom:1px solid #EBEBEB;font-size:12px;color:#5F6368}
.g-tabs span{padding-bottom:8px}.g-tabs .on{color:#1A73E8;box-shadow:inset 0 -2px 0 #1A73E8}
.g-fav{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;font:700 11px/1 Arial,sans-serif;font-style:normal}
.g-fav.me{background:#0B1F3A}.g-fav svg{width:100%;height:100%}
.sr-site{display:flex;align-items:center;gap:8px;min-width:0}
.sr-site span{min-width:0}
.sr-site b{display:block;font-size:12.5px;font-weight:400;color:#202124;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-site small{display:block;font-size:11px;color:#4D5156;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* SEO: climbs to first */
.seo-n{margin:10px 0 6px;font-size:11.5px;color:#70757A}
.seo-l{position:relative;height:352px}
.sr{position:absolute;left:-8px;right:-8px;top:0;height:84px;padding:8px 10px;border-radius:12px;transform:translateY(calc(var(--a) * 88px))}
.sr h4{margin:5px 0 2px;font-size:15px;font-weight:400;color:#1A0DAB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr p{font-size:12px;line-height:1.4;color:#4D5156;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-seo.in .sr{animation:srMove 1.6s cubic-bezier(.6,0,.2,1) 1.6s both}
@keyframes srMove{from{transform:translateY(calc(var(--a) * 88px))}to{transform:translateY(calc(var(--b) * 88px))}}
.sr-me{z-index:2;background:#fff}
.mk-seo.in .sr-me{animation:srMove 1.6s cubic-bezier(.6,0,.2,1) 1.6s both,srGlow .8s ease 3.2s both}
@keyframes srGlow{to{background:#F2F8FE;box-shadow:inset 0 0 0 1.5px #1A73E8,0 10px 24px rgba(26,115,232,.14)}}
.sr-up{position:absolute;right:10px;top:9px;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#E6F4EA;color:#137333;font:600 10.5px/1 var(--f-b);opacity:0}
.sr-up svg{width:11px;height:11px}
.mk-seo.in .sr-up{animation:mkPop .6s var(--ease-o) 3.3s both}
.seo-card{right:14px;bottom:14px;width:184px}
.mk-seo.in .seo-card{animation:mkUp .8s var(--ease-o) 3.7s both}
.seo-card small,.ppc-card em,.seo-card em{display:block;font-size:10.5px;color:#5F6B7A}
.seo-card b{display:block;margin-top:4px;font:700 24px/1 var(--f-h);color:#0B1F3A}
.seo-card svg{display:block;width:100%;height:34px;margin:6px 0 4px}
.spk{fill:none;stroke:#1E8E3E;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200}
.mk-seo.in .spk{animation:mkDraw 1.6s var(--ease-o) 4s forwards}
@keyframes mkDraw{to{stroke-dashoffset:0}}
.seo-card em{font-style:normal;font-size:9.5px}
/* AEO: the AI overview names the business */
.aio{margin-top:14px;padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,#F3F7FE,#fff);box-shadow:inset 0 0 0 1px #DCE6F6}
.aio-h{display:flex;align-items:center;gap:8px;font:700 13.5px/1 Arial,sans-serif;color:#202124}
.aio-h svg{width:18px;height:18px;color:#4285F4}
.mk.in .aio-h svg{animation:mkSpin 2.4s linear 0s 2}
@keyframes mkSpin{to{transform:rotate(360deg)}}
.aio-l{margin-top:10px;font-size:13.5px;line-height:1.6;color:#202124;clip-path:inset(0 0 100% 0)}
.mk.in .aio-l.l1{animation:aioIn 1s linear 1.3s forwards}.mk.in .aio-l.l2{animation:aioIn 1.4s linear 2.3s forwards}
@keyframes aioIn{to{clip-path:inset(0)}}
.aio mark,.mk-geo mark{padding:0 3px;border-radius:3px;background:#D2E3FC;color:#174EA6;font-weight:700}
.aio-src{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;opacity:0}
.mk.in .aio-src{animation:mkUp .7s var(--ease-o) 3.7s both}
.aio-src span{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #DADCE0;font-size:11.5px;color:#3C4043}
.aio-src .g-fav{width:18px;height:18px;font-size:9px}
.aio-src .me{box-shadow:inset 0 0 0 1.5px #1A73E8;color:#174EA6;font-weight:700}
.mk.in .aio-src .me{animation:mkPulse 1.6s ease 4.4s 2}
@keyframes mkPulse{50%{box-shadow:inset 0 0 0 1.5px #1A73E8,0 0 0 6px rgba(26,115,232,.15)}}
.paa{display:grid;margin-top:14px;font-size:13px;color:#202124}
.paa b{margin-bottom:6px;font-size:14px;font-weight:400}
.paa span{display:flex;justify-content:space-between;align-items:center;padding:10px 2px;border-top:1px solid #EBEBEB}
.paa svg{width:12px;height:12px;color:#5F6368;transform:rotate(90deg)}
/* Google Ads: the sponsored result gets clicked */
.ppc-ad{position:relative;margin-top:14px;padding:12px;margin-inline:-6px;border-radius:12px}
.mk-ppc.in .ppc-ad{animation:ppcHi .9s ease .9s both}
@keyframes ppcHi{to{background:#F7FAFF;box-shadow:inset 0 0 0 1.5px #D2E3FC}}
.ppc-ad .sp{display:block;margin-bottom:6px;font:700 12px/1 Arial,sans-serif;color:#202124}
.ppc-ad h4{margin:6px 0 3px;font-size:16px;font-weight:400;line-height:1.3;color:#1A0DAB}
.ppc-ad p{font-size:12.5px;line-height:1.45;color:#4D5156}
.ppc-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:12.5px;color:#1A0DAB}
.ppc-links .hit{position:relative}
.ppc-links .hit::after{content:"";position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(26,115,232,.25);transform:scale(0);opacity:0}
.mk-ppc.in .ppc-links .hit::after{animation:mkRipple .7s ease-out 2.75s both}
@keyframes mkRipple{0%{transform:scale(.2);opacity:1}100%{transform:scale(1.4);opacity:0}}
.mk-ppc.in .ppc-links .hit{animation:hitC .3s ease 2.8s both}
@keyframes hitC{to{text-decoration:underline;color:#681DA8}}
.cursor{position:absolute;left:45%;top:55%;width:22px;height:22px;z-index:4;opacity:0;pointer-events:none}
.cursor svg{width:22px;height:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.mk-ppc.in .cursor{animation:cur 1.4s cubic-bezier(.5,0,.2,1) 1.4s both}
@keyframes cur{0%{opacity:0;transform:translate(110px,90px)}25%{opacity:1}100%{opacity:1;transform:none}}
.ppc-org{display:grid;gap:8px;margin-top:16px;padding:0 4px}
.sk{height:10px;border-radius:5px;background:#EEF1F5}.sk.w40{width:40%;height:12px;background:#E3E8EF;margin-top:6px}.sk.w60{width:60%}.sk.w90{width:90%}.sk.w75{width:75%}
.ppc-card{right:14px;bottom:14px;width:262px}
.ppc-links .hit::after{z-index:-1}
.mk-ppc.in .ppc-card{animation:mkUp .8s var(--ease-o) 3.2s both}
.ppc-ch{display:flex;align-items:center;gap:7px;font:600 11.5px/1.2 var(--f-b);color:#0B1F3A}
.ppc-ch svg{width:16px;height:16px;color:#1E8E3E}
.ppc-k{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:10px 0 8px}
.ppc-k small{display:block;font-size:10px;color:#5F6B7A}
.ppc-k b{font:700 18px/1.1 var(--f-h);color:#0B1F3A}
.ppc-card em{font-style:normal;font-size:9.5px}
/* Meta: phone feed with the video ad */
.mk-meta,.mk-app{display:grid;justify-items:center;padding:6px 0 10px}
.mk-meta>.mk-ex,.mk-app>.mk-ex{position:absolute;right:0;top:0}
.mph{width:min(252px,100%);padding:8px;border-radius:40px;background:linear-gradient(145deg,#2B3440,#0B0F14 35%);box-shadow:inset 0 0 0 1.5px #3A4452,0 30px 70px rgba(3,18,38,.32)}
.mph-scr{position:relative;height:510px;border-radius:32px;overflow:hidden;background:#fff;display:flex;flex-direction:column;font-family:var(--f-b);color:#111}
.mph-sb{display:flex;justify-content:space-between;align-items:center;padding:12px 22px 6px;font:600 12px/1 -apple-system,BlinkMacSystemFont,sans-serif}
.mph-sb .isl{width:74px;height:22px;border-radius:12px;background:#000}
.mph-ic{display:flex;gap:3px}.mph-sb svg{width:15px;height:11px}
.fd-top{display:flex;align-items:center;gap:8px;padding:8px 12px}
.fd-av{width:30px;height:30px;border-radius:50%;overflow:hidden;flex:none}.fd-av svg{width:100%;height:100%}
.fd-top b{display:block;font-size:12.5px}.fd-top small{font-size:10.5px;color:#65676B}
.fd-top i{margin-left:auto;font-style:normal;font-weight:700;color:#65676B}
.fd-vid{flex:1;min-height:0;background:#111}
.fd-vid video{display:block;width:100%;height:100%;object-fit:cover}
.fd-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:#F0F2F5;font-size:12px}
.fd-cta b{flex:none;padding:7px 11px;border-radius:7px;background:#0866FF;color:#fff;font-size:11.5px}
.fd-act{display:flex;align-items:center;gap:12px;padding:9px 12px 14px;color:#111}
.fd-act svg{width:20px;height:20px}.fd-act b{margin-left:auto;font-size:11.5px}
.mk-note{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:rgba(255,255,255,.97);font-family:var(--f-b);box-shadow:0 18px 40px rgba(2,22,52,.22),0 0 0 1px rgba(7,43,85,.06);opacity:0;transform:translateY(10px)}
.mk-note .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--blue-100);color:var(--blue)}
.mk-note .ic.g{background:#E6F4EA;color:#1E8E3E}.mk-note .ic svg{width:16px;height:16px}
.mk-note b{display:block;font-size:12.5px;color:var(--blue-900)}.mk-note small{font-size:11px;color:var(--ink-3)}
.mk-note.n1{left:0;top:22%}.mk-note.n2{right:0;top:60%}
.mk-meta.in .n1{animation:mkUp .8s var(--ease-o) 1.6s both}.mk-meta.in .n2{animation:mkUp .8s var(--ease-o) 2.8s both}
/* websites: a real build on a laptop and a phone */
.mk-web{padding:0 26px 34px 0}
.mk-web .mk-body.vid{padding:0;aspect-ratio:16/9;background:#0E1013}
.mk-web video{display:block;width:100%;height:100%;object-fit:cover}
.mw-ph{position:absolute;right:0;bottom:0;width:27%;aspect-ratio:9/16;padding:5px;border-radius:22px;background:#0B0F14;box-shadow:0 24px 50px rgba(2,22,52,.4),inset 0 0 0 1px rgba(255,255,255,.1)}
.mw-ph video{border-radius:17px}
.mk-web.in .mw-ph{animation:mkUp 1s var(--ease-o) .5s both}
/* mobile app: service, time, booked */
.ap-hd{display:flex;align-items:center;gap:10px;padding:8px 14px 12px;border-bottom:1px solid #EEF2F7}
.ap-hd svg{width:32px;height:32px;flex:none}.ap-hd b{display:block;font:600 14px/1.2 var(--f-h);color:var(--blue-900)}.ap-hd small{font-size:11px;color:var(--ink-3)}
.ap-v{position:absolute;left:0;right:0;top:112px;bottom:0;padding:14px}
.ap-v.v2,.ap-v.v3{opacity:0}
.mk-app.in .ap-v.v1{animation:v1c 10s ease 1s infinite}.mk-app.in .ap-v.v2{animation:v2c 10s ease 1s infinite}.mk-app.in .ap-v.v3{animation:v3c 10s ease 1s infinite}
@keyframes v1c{0%,28%{opacity:1;transform:none}34%,96%{opacity:0;transform:translateX(-24px)}100%{opacity:1;transform:none}}
@keyframes v2c{0%,28%{opacity:0;transform:translateX(24px)}34%,60%{opacity:1;transform:none}66%,100%{opacity:0;transform:translateX(-24px)}}
@keyframes v3c{0%,60%{opacity:0;transform:scale(.95)}67%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
.ap-k{display:block;font:500 9.5px/1 var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:#7A8899}
.ap-s{display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px;border-radius:12px;box-shadow:inset 0 0 0 1px #E3E9F1}
.mk-app.in .ap-s.pick{animation:pickc 10s ease 1s infinite}
@keyframes pickc{0%,16%{box-shadow:inset 0 0 0 1px #E3E9F1}20%,34%{box-shadow:inset 0 0 0 2px var(--blue);background:#F2F8FE}40%,100%{box-shadow:inset 0 0 0 1px #E3E9F1}}
.ap-s .th{width:38px;height:38px;flex:none;border-radius:9px}
.ap-s b{display:block;font-size:12.5px;color:var(--blue-900)}.ap-s small{font-size:10.5px;color:var(--ink-3)}
.ap-s em{margin-left:auto;font:700 12.5px/1 var(--f-h);font-style:normal;color:var(--blue-900)}
.ap-day{display:flex;justify-content:space-between;align-items:baseline;margin:10px 0}
.ap-day b{font:600 13px/1.2 var(--f-h);color:var(--blue-900)}.ap-day small{font-size:11px;color:#1E8E3E}
.ap-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ap-slots i{padding:10px 0;border-radius:9px;box-shadow:inset 0 0 0 1px #E3E9F1;font:500 12px/1 var(--f-b);font-style:normal;text-align:center;color:var(--ink)}
.ap-slots i.x{color:#BAC6D3;text-decoration:line-through}.ap-slots i.pick{background:var(--blue-900);color:#fff;box-shadow:none}
.ap-btn{margin-top:16px;padding:13px;border-radius:11px;background:linear-gradient(180deg,#F68B42,#E9691B);color:#fff;font:600 13px/1 var(--f-h);text-align:center}
.ap-v.v3{display:grid;justify-items:center;align-content:center;gap:8px;text-align:center}
.ap-ok{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#1E8E3E;color:#fff;box-shadow:0 0 0 10px rgba(30,142,62,.12)}
.ap-ok svg{width:30px;height:30px}
.ap-v.v3 b{font:700 18px/1.2 var(--f-h);color:var(--blue-900)}.ap-v.v3 small{font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.ap-rem{display:inline-flex;align-items:center;gap:7px;margin-top:6px;padding:8px 12px;border-radius:999px;background:var(--ice);font-size:11.5px;color:var(--ink-2)}
.ap-rem svg{width:13px;height:13px;color:var(--blue)}
.tap{position:absolute;z-index:5;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:rgba(36,212,217,.4);box-shadow:0 0 0 6px rgba(36,212,217,.15);opacity:0;left:50%;top:60%}
.mk-app.in .tap{animation:tapc 10s ease 1s infinite}
@keyframes tapc{0%,14%{opacity:0;left:50%;top:44%}18%,22%{opacity:1;left:50%;top:44%}26%,44%{opacity:0;left:50%;top:44%}47%{opacity:0;left:50%;top:88%}51%,55%{opacity:1;left:50%;top:88%}59%,100%{opacity:0;left:50%;top:88%}}
/* GEO: an AI assistant names the business */
.mk-geo .mk-body{display:grid;gap:12px;font-family:var(--f-b)}
.gc-u{justify-self:end;max-width:82%;padding:10px 14px;border-radius:18px 18px 4px 18px;background:#0B1F3A;color:#fff;font-size:13.5px;line-height:1.45;opacity:0}
.mk-geo.in .gc-u{animation:mkUp .7s var(--ease-o) .3s both}
.gc-typing{display:flex;gap:4px;width:max-content;padding:12px 14px;border-radius:16px;background:#F1F4F8;opacity:0;height:0;padding-block:0;overflow:hidden}
.gc-typing i{width:7px;height:7px;border-radius:50%;background:#9AA5B1;animation:mkBlink 1s infinite}
.gc-typing i:nth-child(2){animation-delay:.15s}.gc-typing i:nth-child(3){animation-delay:.3s}
@keyframes mkBlink{50%{opacity:.25}}
.mk-geo.in .gc-typing{animation:typ2 1.4s ease 1s both}
@keyframes typ2{0%{opacity:0;height:0;padding-block:0}10%,85%{opacity:1;height:31px;padding-block:12px}100%{opacity:0;height:0;padding-block:0}}
.gc-a{display:flex;gap:10px;font-size:13.5px;line-height:1.55;color:#1F2937;clip-path:inset(0 0 100% 0)}
.mk-geo.in .gc-a{animation:aioIn 2.2s linear 2.4s forwards}
.gc-av{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#24D4D9,#0472B4);color:#fff}
.gc-av svg{width:15px;height:15px}
.gc-a ol{margin:6px 0 0;padding-left:18px}.gc-a li+li{margin-top:5px}
.gc-src{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.gc-src span{padding:4px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px #DADCE0;font-size:11px;color:#3C4043}
.gc-src .me{box-shadow:inset 0 0 0 1.5px #1A73E8;color:#174EA6;font-weight:700}
.gc-in{display:flex;justify-content:space-between;align-items:center;height:44px;padding:0 6px 0 16px;border-radius:22px;box-shadow:inset 0 0 0 1px #E3E9F1;color:#9AA5B1;font-size:13px}
.gc-in svg{width:32px;height:32px;padding:8px;border-radius:50%;background:#0B1F3A;color:#fff}
/* Google Ads dashboard */
.mk-dash .mk-body{font-family:var(--f-b)}
.ad-hd{display:flex;justify-content:space-between;align-items:baseline;font:600 14px/1 var(--f-h);color:#0B1F3A}
.ad-hd span{font:400 11.5px/1 var(--f-b);color:#5F6B7A}
.ad-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 6px}
.ad-k div{padding:10px;border-radius:10px;background:#F5F8FC}
.ad-k small{display:block;font-size:10px;color:#5F6B7A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad-k b{display:block;margin-top:4px;font:700 17px/1 var(--f-h);color:#0B1F3A}
.ad-k em{display:block;margin-top:4px;font-size:10.5px;font-style:normal;color:#1E8E3E}
.ad-ch svg{display:block;width:100%;height:110px}
.ad-ch .ln{fill:none;stroke:#1A73E8;stroke-width:2.6;stroke-dasharray:1400;stroke-dashoffset:1400;vector-effect:non-scaling-stroke}
.ad-ch .ar{fill:rgba(26,115,232,.1);opacity:0}
.mk-dash.in .ln{animation:mkDraw 2s var(--ease-o) .5s forwards}.mk-dash.in .ar{animation:mkUp 1s ease 1.6s forwards}
.ad-t{margin-top:8px;font-size:12px}
.ad-th,.ad-r{display:grid;grid-template-columns:12px minmax(0,1.5fr) minmax(0,1fr) 60px 92px;gap:10px;align-items:center}
.ad-th{padding:6px 0;border-bottom:1px solid #EBEFF4;font-size:10px;color:#5F6B7A}
.ad-th span:nth-child(n+4),.ad-r em,.ad-r strong{text-align:right}
.ad-r{padding:9px 0;border-bottom:1px solid #F1F4F8}
.ad-r .on{width:8px;height:8px;border-radius:50%;background:#1E8E3E}
.ad-r b{display:block;font-size:12px;font-weight:600;color:#0B1F3A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-r small{font-size:10.5px;color:#5F6B7A}
.ad-r u{display:block;height:6px;border-radius:3px;background:#EEF2F7;text-decoration:none;overflow:hidden}
.ad-r u i{display:block;height:100%;width:calc(var(--w) * 100%);border-radius:3px;background:#1A73E8;transform:scaleX(0);transform-origin:left}
.mk-dash.in .ad-r u i{animation:mkGrow 1.2s var(--ease-o) both;animation-delay:calc(1s + var(--i) * .15s)}
@keyframes mkGrow{to{transform:none}}
.ad-r em{font-style:normal;font-weight:600;color:#0B1F3A}.ad-r strong{font-weight:600;color:#0B1F3A}
/* about: the system as a live diagram */
.mk-sys{padding:18px;border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 30px 70px rgba(2,16,40,.25);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sy-h{display:flex;align-items:center;gap:8px;margin-bottom:14px;font:500 11px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:#8FEFF2}
.sy-h .dot{width:8px;height:8px;border-radius:50%;background:#5FE38B;box-shadow:0 0 0 4px rgba(95,227,139,.2);animation:mkBlink 1.6s infinite}
.sy-h .mk-ex{margin-left:auto;color:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.sy-n{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.96);color:var(--blue-900);box-shadow:0 10px 28px rgba(2,16,40,.22);opacity:0;transform:translateY(10px)}
.mk-sys.in .sy-n{animation:mkUp .7s var(--ease-o) both;animation-delay:calc(.2s + var(--i) * .22s)}
.sy-ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--blue-100);color:var(--blue)}
.sy-ic svg{width:19px;height:19px}
.sy-t b{display:block;font:600 14px/1.25 var(--f-h)}.sy-t small{font-size:12px;color:var(--ink-3)}
.sy-k{text-align:right}.sy-k small{display:block;font:500 9.5px/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.sy-k b{display:block;margin-top:4px;font:700 18px/1 var(--f-h);color:var(--blue)}
.sy-l{position:relative;display:block;width:2px;height:20px;margin-left:33px;background:rgba(255,255,255,.22);overflow:hidden}
.sy-l i{position:absolute;left:0;top:-10px;width:2px;height:10px;background:#8FEFF2;box-shadow:0 0 8px #8FEFF2;animation:mkFlow 1.4s linear infinite;animation-delay:calc(var(--i) * .28s)}
@keyframes mkFlow{to{top:20px}}
.sy-ft{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font:500 12.5px/1 var(--f-b);color:rgba(255,255,255,.88)}
.sy-ft span{display:inline-flex;align-items:center;gap:7px}.sy-ft svg{width:13px;height:13px;color:#8FEFF2}

/* ---------- services page ---------- */
.sv-jump{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:-26px}
.sv-jump a{padding:11px 15px;border-radius:999px;background:#fff;color:var(--blue-900);font:600 13.5px/1 var(--f-h);box-shadow:0 10px 24px rgba(7,43,85,.1),inset 0 0 0 1px var(--line-2);transition:background .6s var(--ease-s),color .5s,transform .7s var(--ease-s)}
.sv-jump a:hover{background:var(--blue-900);color:#fff;transform:translateY(-2px)}
.sv-list{padding-top:clamp(16px,2vw,28px)}
.sv-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,84px);align-items:center;padding:clamp(48px,6vw,92px) 0;border-bottom:1px solid var(--line-2);scroll-margin-top:90px}
.sv-row:last-child{border-bottom:0}
.sv-row.flip .sv-tx{order:2}
.sv-k{display:inline-flex;align-items:center;gap:10px;font:500 11.5px/1 var(--f-m);letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.sv-k i{padding:6px 8px;border-radius:7px;background:var(--blue-100);font-style:normal}
.sv-tx h2{margin-top:16px;font:700 clamp(28px,3vw,42px)/1.08 var(--f-h);letter-spacing:-.03em;color:var(--blue-900)}
.sv-line{margin-top:12px;font:600 clamp(17px,1.35vw,20px)/1.4 var(--f-h)!important;color:var(--ink)!important}
.sv-tx p{margin-top:12px;font-size:16px;line-height:1.65;color:var(--ink-2)}
.sv-tx .cks{margin-top:20px}
.sv-tx .tlink{margin-top:22px}
.sv-vis{min-width:0}

/* ---------- website development ---------- */
.wd-work{padding-top:clamp(72px,8vw,112px)}
.wfs,.ab-ds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wf,.ab-d{padding:24px;border-radius:18px;background:var(--ice);box-shadow:inset 0 0 0 1px var(--line-2);transition:transform .9s var(--ease-s),box-shadow .9s var(--ease-s)}
.ps:not(.alt) .wf,.ps:not(.alt) .ab-d{background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 10px 28px rgba(7,43,85,.05)}
.wf:hover,.ab-d:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line),0 18px 40px rgba(7,43,85,.1)}
.wf-ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--blue-100);color:var(--blue);transition:transform .8s var(--ease-s)}
.wf:hover .wf-ic,.ab-d:hover .wf-ic{transform:rotate(-6deg) scale(1.06)}
.wf-ic svg{width:21px;height:21px}
.wf h3,.ab-d h3{margin-top:18px;font:600 18px/1.3 var(--f-h);color:var(--blue-900)}
.wf p,.ab-d p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.wd-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s}
.wd-steps li{position:relative;padding:24px 22px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 10px 28px rgba(7,43,85,.05)}
.ps.alt .wd-steps li{background:var(--ice);box-shadow:inset 0 0 0 1px var(--line-2)}
.wd-steps li:not(:last-child)::after{content:"";position:absolute;top:43px;right:-17px;width:18px;height:2px;background:var(--blue-300,#9CC8EA)}
.wd-steps i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--blue-900);color:#fff;font:600 14px/1 var(--f-h);font-style:normal;box-shadow:0 0 0 6px var(--blue-100)}
.wd-steps b{display:block;margin-top:18px;font:600 17px/1.3 var(--f-h);color:var(--blue-900)}
.wd-steps span{display:block;margin-top:6px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}

/* the application, built into the page */
.ap-host-s{padding-bottom:clamp(56px,6vw,88px)}
.ap-host{max-width:1060px;margin:0 auto}
.apm.inline{position:relative;left:auto;top:auto;z-index:1;width:100%;height:760px;opacity:1;visibility:visible;transform:none;transition:none;box-shadow:0 30px 80px rgba(7,43,85,.16),0 0 0 1px var(--line-2)}
.apm.inline .dr-x{display:none}

/* ---------- Google Ads and SEO pages ---------- */
.ads-g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:center}
.ads-g .ps-h{margin-bottom:0}
.ads-g .cks{margin-top:22px}
.ads-vis{min-width:0}

/* ---------- about ---------- */
.ab-stats{position:relative;z-index:2;margin-top:-44px}
.ab-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 20px 50px rgba(7,43,85,.12),inset 0 0 0 1px var(--line-2)}
.ab-st div{padding:24px 26px;border-right:1px solid var(--line-2)}
.ab-st div:last-child{border-right:0}
.ab-st b{display:block;font:700 clamp(26px,2.6vw,38px)/1 var(--f-h);letter-spacing:-.03em;color:var(--blue-900)}
.ab-st b i{font-size:.55em;font-style:normal;color:var(--ink-3)}
.ab-st span{display:block;margin-top:8px;font-size:14px;color:var(--ink-2)}
.ab-g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:start}
.ab-g .ps-h{position:sticky;top:110px}
.ab-ds{grid-template-columns:repeat(2,minmax(0,1fr))}
.ab-ws{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ab-w{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--ice);box-shadow:inset 0 0 0 1px var(--line-2);transition:transform .9s var(--ease-s),box-shadow .9s var(--ease-s)}
.ab-w:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(7,43,85,.14)}
.ab-wi{aspect-ratio:4/3;overflow:hidden;background:var(--blue-900)}
.ab-wi img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease-o)}
.ab-w:hover .ab-wi img{transform:scale(1.06)}
.ab-wt{display:grid;gap:8px;padding:20px 22px 24px}
.ab-wt b{font:700 21px/1.2 var(--f-h);letter-spacing:-.02em;color:var(--blue-900)}
.ab-wt small{font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.ab-wt .tlink{margin-top:4px}
.ab-lg{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,5vw,80px);align-items:center}
.ab-ph{position:relative;margin:0;aspect-ratio:4/5;border-radius:26px;overflow:hidden;box-shadow:0 30px 70px rgba(7,43,85,.2)}
.ab-ph img{width:100%;height:100%;object-fit:cover}
.ab-ph figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ab-ph b{display:block;font:600 16px/1.2 var(--f-h);color:var(--blue-900)}.ab-ph small{font-size:13px;color:var(--ink-3)}
.ab-lg .h2{margin-top:16px;color:var(--blue-900)}
.ab-lg .lead{margin-top:18px}
.ab-lg p:not(.lead){margin-top:14px;font-size:16px;line-height:1.7;color:var(--ink-2);max-width:60ch}
.ab-q{margin:24px 0 0;padding:20px 22px;border-radius:16px;background:var(--ice);box-shadow:inset 3px 0 0 var(--cyan);font:600 clamp(17px,1.4vw,20px)/1.45 var(--f-h);color:var(--blue-900)}
.ab-q cite{display:block;margin-top:10px;font:500 11.5px/1 var(--f-m);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.certs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cert{margin:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 10px 28px rgba(7,43,85,.05);transition:transform .9s var(--ease-s),box-shadow .9s var(--ease-s)}
.cert:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line),0 18px 40px rgba(7,43,85,.12)}
.cert-i{display:block;width:100%;aspect-ratio:888/690;background:var(--ice);cursor:zoom-in;overflow:hidden}
.cert-i img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease-o)}
.cert:hover .cert-i img{transform:scale(1.04)}
.cert figcaption{padding:16px 18px 18px}
.cert small{font:500 10px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.cert b{display:block;margin-top:8px;font:600 15.5px/1.3 var(--f-h);color:var(--blue-900)}
.cert span{display:block;margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}

/* ---------- contact ---------- */
.ct-top{position:relative;z-index:2;margin-top:-46px}
.ct-cs{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:14px}
.ct-c{display:grid;align-content:start;gap:6px;padding:20px 20px 22px;border-radius:18px;background:#fff;box-shadow:0 18px 44px rgba(7,43,85,.12),inset 0 0 0 1px var(--line-2);transition:transform .9s var(--ease-s),box-shadow .9s var(--ease-s)}
.ct-c:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(7,43,85,.16),inset 0 0 0 1px var(--line)}
.ct-ic{width:44px;height:44px;margin-bottom:8px;border-radius:12px;display:grid;place-items:center;background:var(--blue-100);color:var(--blue);transition:transform .8s var(--ease-s)}
.ct-c:hover .ct-ic{transform:rotate(-6deg) scale(1.06)}
.ct-ic svg{width:20px;height:20px}
.ct-c small{font:500 10.5px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.ct-v{font:600 clamp(14px,1.15vw,16.5px)/1.3 var(--f-h);color:var(--blue-900);white-space:nowrap}
.ct-v a,.ct-v b{font-weight:600;color:var(--blue-900)}
.ct-v a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .6s var(--ease-s)}
.ct-v a:hover{background-size:100% 1.5px}
.ct-c em{font-size:13px;font-style:normal;color:var(--ink-3)}
.ct-so{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:20px}
.ct-so>span{margin-right:6px;font:500 11px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.ct-so a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;color:var(--blue-900);font:600 13.5px/1 var(--f-h);box-shadow:inset 0 0 0 1px var(--line);transition:background .6s var(--ease-s),color .5s,transform .7s var(--ease-s)}
.ct-so a:hover{background:var(--blue-900);color:#fff;transform:translateY(-2px)}
.ct-so svg{width:15px;height:15px}
.ct-tl{position:relative;list-style:none;display:grid;gap:14px;max-width:860px;margin:0 auto;padding:0}
.ct-tl::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:linear-gradient(var(--blue),var(--cyan))}
.ct-tl li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:start}
.tl-ic{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);box-shadow:0 0 0 6px var(--ice),0 8px 20px rgba(7,43,85,.12)}
.tl-ic svg{width:19px;height:19px}
.ct-tl li>div{padding:16px 20px 18px;border-radius:16px;background:var(--ice);box-shadow:inset 0 0 0 1px var(--line-2)}
.ps:not(.alt) .ct-tl li>div{background:#fff}
.ct-tl small{font:500 10.5px/1 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.ct-tl b{display:block;margin-top:8px;font:600 17px/1.3 var(--f-h);color:var(--blue-900)}
.ct-tl p{margin-top:6px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.ct-after .ps-h{margin-inline:auto;text-align:center}
.ct-after .ps-h .lead{margin-inline:auto}

/* ---------- FAQ page ---------- */
.fq-page{padding-top:clamp(72px,8vw,112px)}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .ph-g,.sv-row,.ads-g,.ab-g,.ab-lg{grid-template-columns:minmax(0,1fr)}
  .ph-vis{max-width:640px}
  .sv-row.flip .sv-tx{order:0}
  .ab-g .ps-h{position:static}
  .wd-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wd-steps li::after{display:none}
  .certs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ct-cs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-ph{max-width:460px}
}
@media (max-width:860px){
  .wfs,.ab-ds,.ab-ws{grid-template-columns:minmax(0,1fr)}
  .certs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .apm.inline{height:auto;min-height:0}
  .apm.inline .apm-body{overflow:visible}
}
@media (max-width:760px){
  .pgh.has-vis{padding-bottom:56px}
  .ph-vis{margin-top:8px}
  .mk-body{padding:12px 12px 14px}
  .mk-url{font-size:10.5px}
  .g-logo{display:none}
  .seo-l{height:328px}
  .sr{height:78px;padding:7px 8px;transform:translateY(calc(var(--a) * 82px))}
  @keyframes srMove{from{transform:translateY(calc(var(--a) * 82px))}to{transform:translateY(calc(var(--b) * 82px))}}
  .sr h4{font-size:13.5px}.sr p{font-size:11px}
  .sr-up{top:auto;bottom:8px;right:8px}
  .mk-card{position:relative;right:auto!important;bottom:auto!important;width:auto!important;margin-top:12px}
  .seo-card svg{height:28px}
  .ppc-ad h4{font-size:14.5px}
  .mk-note{position:relative;left:auto!important;right:auto!important;top:auto!important;margin-top:10px;width:100%}
  .mk-meta,.mk-app{justify-items:stretch}
  .mk-meta .mph,.mk-app .mph{justify-self:center}
  .mph-scr{height:470px}
  .mk-web{padding:0 18px 28px 0}
  .mw-ph{width:30%;border-radius:16px;padding:4px}.mw-ph video{border-radius:12px}
  .ad-k{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-th,.ad-r{grid-template-columns:10px minmax(0,1fr) 44px 64px}
  .ad-th span:nth-child(3),.ad-r u{display:none}
  .sy-n{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:10px 12px}
  .sy-ic{width:36px;height:36px}.sy-t small{display:none}
  .sy-l{margin-left:29px;height:14px}
  .sv-jump{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:-22px 0 0;width:100%;padding:0 16px 6px;scrollbar-width:none}
  .sv-jump::-webkit-scrollbar{display:none}
  .sv-jump a{flex:none}
  .sv-row{gap:26px;padding:48px 0}
  .wd-steps{grid-template-columns:minmax(0,1fr)}
  .ab-st{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-st div{padding:18px;border-bottom:1px solid var(--line-2)}
  .ab-st div:nth-child(2n){border-right:0}
  .ab-st div:nth-child(n+3){border-bottom:0}
  .certs{grid-template-columns:minmax(0,1fr)}
  .ct-cs{grid-template-columns:minmax(0,1fr)}
  .ct-v{white-space:normal;overflow-wrap:anywhere;font-size:16px}
  .ct-tl::before{left:19px}
  .ct-tl li{grid-template-columns:40px minmax(0,1fr);gap:12px}
  .tl-ic{width:40px;height:40px}
  .apm.inline{border-radius:18px;width:100%;height:auto;max-height:none;top:auto;left:auto;transform:none}
  .ap-host{margin-inline:-6px}
}
/* about hero: founder photo with floating facts */
.mk-fd{position:relative;max-width:520px;margin-left:auto;padding:24px 34px 40px}
.fd-ph{margin:0;aspect-ratio:1/1;border-radius:28px;overflow:hidden;box-shadow:0 40px 90px rgba(2,16,40,.4),0 0 0 1px rgba(255,255,255,.18)}
.fd-ph img{width:100%;height:100%;object-fit:cover}
.fd-c{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:11px 14px 11px 11px;border-radius:15px;background:rgba(255,255,255,.97);color:var(--blue-900);font-family:var(--f-b);box-shadow:0 18px 40px rgba(2,16,40,.3);opacity:0;transform:translateY(12px)}
.fd-c .ic{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--blue-100);color:var(--blue)}
.fd-c .ic.g{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.fd-c .ic.o{background:#FFF1E6;color:var(--orange)}
.fd-c .ic svg{width:17px;height:17px}
.fd-c b{display:block;font:600 14px/1.2 var(--f-h)}.fd-c b .stars{font-size:12px}.fd-c small{font-size:11.5px;color:var(--ink-3)}
.fd-c.c1{left:0;top:12%}.fd-c.c2{right:0;top:44%}.fd-c.c3{left:4%;bottom:8%}
.mk-fd.in .fd-c{animation:mkUp .8s var(--ease-o) both,fdFloat 6s ease-in-out infinite}
.mk-fd.in .c1{animation-delay:.5s,1.3s}.mk-fd.in .c2{animation-delay:.8s,2.2s}.mk-fd.in .c3{animation-delay:1.1s,3s}
@keyframes fdFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
.fd-n{position:absolute;right:46px;bottom:52px;z-index:1;padding:8px 12px;border-radius:10px;background:rgba(4,20,44,.7);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fd-n b{display:block;font:600 13px/1.2 var(--f-h)}.fd-n small{font-size:11px;opacity:.8}
@media (max-width:1080px){.mk-fd{margin:0 auto}}
@media (max-width:760px){.mk-fd{padding:16px 10px 28px}.fd-c{position:absolute}.fd-c.c1{left:-4px}.fd-c.c2{right:-4px}.fd-c b{font-size:12.5px}.fd-c small{font-size:10.5px}.fd-n{display:none}}
/* testimonials hero: real reviews */
.mk-rs{position:relative;display:grid;gap:14px;max-width:500px;margin-left:auto}
.rs-badge{display:inline-flex;align-items:center;gap:12px;justify-self:start;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#fff}
.rs-badge>svg{width:38px;height:38px;padding:8px;border-radius:50%;background:#fff}
.rs-badge b{display:block;font:700 18px/1.1 var(--f-h)}.rs-badge b .stars{font-size:14px}.rs-badge small{font-size:12.5px;opacity:.85}
.rs-c{margin:0;padding:16px 18px;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 20px 44px rgba(2,16,40,.28);opacity:0;transform:translateY(14px)}
.rs-c.c1{margin-left:28px}.rs-c.c2{margin-right:28px}
.mk-rs.in .rs-c{animation:mkUp .8s var(--ease-o) both}
.mk-rs.in .c0{animation-delay:.3s}.mk-rs.in .c1{animation-delay:.55s}.mk-rs.in .c2{animation-delay:.8s}
.rs-t{display:flex;align-items:center;gap:10px}
.rs-t img,.rs-t i{width:36px;height:36px;flex:none;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--blue-100);color:var(--blue);font:700 14px/1 var(--f-h);font-style:normal}
.rs-t b{display:block;font:600 14px/1.2 var(--f-h);color:var(--blue-900)}.rs-t small{font-size:11.5px;color:var(--ink-3)}
.rs-t .g{width:18px;height:18px;margin-left:auto}
.rs-c .stars{margin-top:8px;font-size:13px}
.rs-c blockquote{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--ink-2)}
@media (max-width:1080px){.mk-rs{margin:0}}
@media (max-width:760px){.rs-c.c1{margin-left:14px}.rs-c.c2{margin-right:14px}}
/* contact hero: the reply you get */
.mk-rp{max-width:520px;margin-left:auto;padding-bottom:30px}
.rp-in{border-radius:18px;background:#fff;color:var(--ink);overflow:hidden;box-shadow:0 30px 70px rgba(2,16,40,.35)}
.rp-hd{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line-2);font:600 15px/1 var(--f-h);color:var(--blue-900)}
.rp-m{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line-2);font-family:var(--f-b)}
.rp-m:last-child{border-bottom:0}
.rp-m img,.rp-m i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 14px/1 var(--f-h);font-style:normal;background:#E8F0FE;color:#1A73E8}
.rp-m i.c{background:#E6F4EA;color:#1E8E3E}
.rp-m b{display:flex;align-items:baseline;gap:8px;font:600 13.5px/1.3 var(--f-h);color:var(--blue-900)}
.rp-m b em{font:400 11.5px/1 var(--f-b);font-style:normal;color:var(--ink-3)}
.rp-m strong{display:block;margin-top:3px;font-size:13px;color:var(--ink)}
.rp-m small{display:block;margin-top:3px;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.rp-m time{font-size:11.5px;color:var(--ink-3)}
.rp-m.new{background:#F5F9FF;box-shadow:inset 3px 0 0 var(--blue);opacity:0;transform:translateY(-10px)}
.mk-rp.in .rp-m.new{animation:mkUp .8s var(--ease-o) .6s both}
.mk-rp.in .rp-m.new small{animation:aioIn 1.6s linear 1.2s both}
.rp-m.new small{clip-path:inset(0 0 100% 0)}
.mk-note.rp-n{left:-20px;bottom:0}
.mk-rp.in .rp-n{animation:mkUp .8s var(--ease-o) 2.4s both}
@media (max-width:1080px){.mk-rp{margin:0}}
@media (max-width:760px){.rp-m{grid-template-columns:32px minmax(0,1fr);padding:12px 14px}.rp-m time{display:none}.mk-note.rp-n{left:auto}}
@media (max-width:760px){
  .ct-cs{gap:10px}
  .ct-c{grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:3px;padding:16px}
  .ct-c .ct-ic{grid-row:1/4;margin:0;align-self:center}
}

/* ---------- v5.7 (9 Oct 2026) ---------- */
/* SEO screen: more room inside the highlighted result */
.seo-l{height:376px}
.sr{height:88px;padding:10px 16px;transform:translateY(calc(var(--a) * 94px))}
@keyframes srMove{from{transform:translateY(calc(var(--a) * 94px))}to{transform:translateY(calc(var(--b) * 94px))}}
.sr-up{right:14px;top:11px}
@media (max-width:760px){
  .seo-l{height:356px}
  .sr{height:84px;padding:9px 12px;transform:translateY(calc(var(--a) * 89px))}
  @keyframes srMove{from{transform:translateY(calc(var(--a) * 89px))}to{transform:translateY(calc(var(--b) * 89px))}}
  .sr-up{top:auto;bottom:9px;right:10px}
}
/* about hero: the solar system emblem. Only transform and opacity move, each part on its own layer */
.mk-orb{max-width:540px;margin-left:auto}
.ob{position:relative;aspect-ratio:1/1;opacity:0;transform:scale(.86) rotate(-14deg)}
.mk-orb.in .ob{animation:obIn 1.6s cubic-bezier(.16,1,.3,1) .1s forwards}
@keyframes obIn{to{opacity:1;transform:none}}
.ob>*{position:absolute}
.ob-glow{inset:-4%;border-radius:50%;background:radial-gradient(circle,#0A3A63 0%,#062B4D 30%,#05182F 52%,rgba(3,11,23,.9) 64%,rgba(3,11,23,0) 72%)}
.ob-l{inset:0;will-change:transform}
.ob-l svg{display:block;width:100%;height:100%;overflow:visible}
.ob-r1{animation:obSpin 90s linear infinite}
.ob-r2{animation:obSpin 50s linear infinite reverse}
.ob-arc{inset:0;animation:obSpin 5s linear infinite}
@keyframes obSpin{to{transform:rotate(360deg)}}
.ob-p{inset:0;will-change:transform;animation:obSpin var(--t) linear infinite}
.ob-p i{position:absolute;left:50%;top:calc(50% - var(--r));width:var(--s,10px);height:var(--s,10px);margin:calc(var(--s,10px) / -2);border-radius:50%;background:var(--c);box-shadow:0 0 16px var(--c)}
.ob-p1{--t:22s;--r:36.2%;--c:#22C3E6}
.ob-p2{--t:38s;--r:44.1%;--c:#F47522;--s:9px;animation-direction:reverse}
.ob-p3{--t:14s;--r:27.9%;--c:#fff;--s:6px}
.ob-n{width:8px;height:8px;margin:-4px;border-radius:50%;background:#22C3E6}
.ob-n::after{content:"";position:absolute;inset:-6px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #22C3E6;animation:obPing 2.6s ease-out infinite}
.ob-n.n1{left:22%;top:37%}.ob-n.n2{left:69%;top:29%}.ob-n.n3{left:79%;top:59%}.ob-n.n4{left:38%;top:76%}
.ob-n.n2::after{animation-delay:.6s}.ob-n.n3::after{animation-delay:1.2s}.ob-n.n4::after{animation-delay:1.8s}
@keyframes obPing{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(2.4)}}
.ob-core{left:32.6%;top:32.6%;width:34.8%;height:34.8%;border-radius:50%;background:#030B17;box-shadow:0 0 0 1px rgba(34,195,230,.35),0 20px 60px rgba(2,10,24,.6)}
.ob-core img{position:relative;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;transform:scale(.9);opacity:0}
.mk-orb.in .ob-core img{animation:obLogo 1.2s cubic-bezier(.34,1.56,.64,1) .6s forwards,obBreathe 6s ease-in-out 2s infinite}
@keyframes obLogo{to{opacity:1;transform:none}}
@keyframes obBreathe{50%{transform:scale(1.035)}}
.ob-halo{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,transparent 58%,rgba(34,195,230,.3) 70%,transparent 76%);animation:obHalo 4s ease-in-out infinite}
@keyframes obHalo{50%{opacity:.4;transform:scale(1.05)}}
.ob-t{display:inline-flex;align-items:center;gap:7px;padding:8px 12px 8px 9px;border-radius:999px;background:rgba(255,255,255,.96);color:var(--blue-900);font:600 12.5px/1 var(--f-h);box-shadow:0 12px 30px rgba(2,16,40,.3);opacity:0;transform:translateY(8px)}
.ob-t svg{width:15px;height:15px;color:var(--blue)}
.mk-orb.in .ob-t{animation:obT .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(1.2s + var(--i) * .18s)}
@keyframes obT{to{opacity:1;transform:none}}
.ob-t.l1{left:2%;top:24%}.ob-t.l2{right:0;top:14%}.ob-t.l3{right:-2%;top:62%}.ob-t.l4{left:-2%;top:66%}.ob-t.l5{left:40%;bottom:-2%}
@media (max-width:1080px){.mk-orb{margin:0 auto}}
@media (max-width:760px){.mk-orb{max-width:340px}.ob-t{font-size:11px;padding:6px 10px 6px 7px}.ob-t svg{width:13px;height:13px}}
@media (prefers-reduced-motion:reduce){.ob{opacity:1;transform:none}.ob-core img,.ob-t{opacity:1;transform:none}}
/* contact hero: a real looking inbox */
.mk-ib{max-width:560px;margin-left:auto;padding-bottom:28px}
.ib-card{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 30px 70px rgba(2,16,40,.35),0 0 0 1px rgba(255,255,255,.1)}
.ib-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #EEF1F5}
.ib-srch{flex:1;display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:17px;background:#EEF3F8;font:400 12.5px/1 var(--f-b);color:#7A8899}
.ib-srch svg{width:14px;height:14px}
.ib-tabs{display:flex;gap:14px;font:500 12px/1 var(--f-b);color:#7A8899}.ib-tabs b{color:#1A73E8;font-weight:600}
.ib-row{display:grid;grid-template-columns:14px 14px 28px 118px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 16px;border-bottom:1px solid #F1F4F8;font-family:var(--f-b);font-size:12.5px;color:#5F6B7A}
.ib-ck{width:13px;height:13px;border-radius:3px;box-shadow:inset 0 0 0 1.5px #C5CED9}
.ib-st{width:14px;height:14px;color:#D2D9E2}
.ib-row img,.ib-row .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 var(--f-h);font-style:normal;color:#fff}
.av-g{background:#4285F4}.av-p{background:#8E6B4F}.av-c{background:#1E8E3E}
.ib-who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3C4043}
.ib-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ib-sub b{font-weight:500;color:#3C4043}
.ib-row time{font-size:11.5px}
.ib-row.new{background:#F2F8FE;box-shadow:inset 3px 0 0 #1A73E8;opacity:0;transform:translateY(-14px)}
.ib-row.new .ib-who,.ib-row.new .ib-sub b,.ib-row.new time{font-weight:700;color:#111}
.ib-row.new .ib-st{color:#F5B301}
.mk-ib.in .ib-row.new{animation:mkUp .8s var(--ease-o) .5s both}
.ib-open{padding:16px 18px 20px;border-top:1px solid #E3E9F1;font-family:var(--f-b);opacity:0}
.mk-ib.in .ib-open{animation:mkUp .8s var(--ease-o) 1.5s both}
.ib-oh{display:flex;align-items:center;gap:10px}
.ib-oh img{width:34px;height:34px;border-radius:50%}
.ib-oh b{display:block;font:600 13.5px/1.2 var(--f-h);color:var(--blue-900)}.ib-oh small{font-size:11.5px;color:#7A8899}
.ib-oh em{margin-left:auto;padding:4px 8px;border-radius:6px;background:#E8F0FE;color:#1A73E8;font:600 10.5px/1 var(--f-b);font-style:normal}
.ib-p{margin-top:10px;font-size:13px;line-height:1.55;color:#3C4043;clip-path:inset(0 0 100% 0)}
.mk-ib.in .ib-p.p1{animation:aioIn 1.2s linear 2.2s forwards}.mk-ib.in .ib-p.p2{animation:aioIn 1.2s linear 3.3s forwards}
.ib-btn{display:inline-flex;margin-top:12px;padding:10px 14px;border-radius:9px;background:linear-gradient(180deg,#F68B42,#E9691B);color:#fff;font:600 12.5px/1 var(--f-h);opacity:0}
.mk-ib.in .ib-btn{animation:mkPop .6s var(--ease-o) 4.4s both}
.mk-note.ib-n{right:-18px;bottom:-4px}
.mk-ib.in .ib-n{animation:mkUp .8s var(--ease-o) 4.8s both}
@media (max-width:1080px){.mk-ib{margin:0}}
@media (max-width:760px){
  .ib-row{grid-template-columns:28px minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:2px;padding:10px 12px}
  .ib-ck,.ib-st,.ib-tabs{display:none}
  .ib-row img,.ib-row .av{grid-row:1/3}
  .ib-who{grid-column:2}.ib-row time{grid-column:3;grid-row:1}
  .ib-sub{grid-column:2/4;grid-row:2}
  .mk-note.ib-n{left:auto}
}
/* contact details: one clean panel instead of four floating cards */
.ct-cs{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:0;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 24px 60px rgba(7,43,85,.13),inset 0 0 0 1px var(--line-2)}
.ct-c{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:center;padding:22px 24px;border-radius:0;background:none;box-shadow:none;border-right:1px solid var(--line-2);transition:background-color .6s var(--ease-s)}
.ct-c:last-child{border-right:0}
.ct-c:hover{transform:none;box-shadow:none;background:var(--ice)}
.ct-c .ct-ic{grid-row:auto;margin:0;width:46px;height:46px}
.ct-tx{display:grid;gap:4px;min-width:0}
.ct-v{display:flex;align-items:center;gap:10px;white-space:nowrap}
.ct-copy{flex:none;padding:5px 8px;border-radius:6px;background:var(--blue-100);color:var(--blue);font:600 11px/1 var(--f-b);transition:background-color .5s,color .5s}
.ct-copy:hover{background:var(--blue);color:#fff}
@media (max-width:1080px){.ct-cs{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-c:nth-child(2n){border-right:0}.ct-c:nth-child(-n+2){border-bottom:1px solid var(--line-2)}}
@media (max-width:760px){
  .ct-cs{grid-template-columns:minmax(0,1fr);border-radius:18px}
  .ct-c{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:14px 16px;border-right:0;border-bottom:1px solid var(--line-2)}
  .ct-c:last-child{border-bottom:0}
  .ct-c .ct-ic{width:42px;height:42px;grid-row:auto}
  .ct-v{white-space:normal;font-size:15px;flex-wrap:wrap;gap:6px 10px}
  .ct-c em{font-size:12px}
}
/* lighter about page: no background blur */
.ab-ph figcaption{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}

/* ---------- v5.8 (9 Oct 2026) ---------- */
/* contact details: three cells now */
.ct-cs{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr))}
.ct-c:nth-child(-n+2){border-bottom:0}
@media (max-width:1080px){.ct-cs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ct-c:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line-2)}.ct-c:nth-child(2){border-right:1px solid var(--line-2)}}
@media (max-width:760px){.ct-cs{grid-template-columns:minmax(0,1fr)}.ct-c:nth-child(2){border-right:0;border-bottom:1px solid var(--line-2)}}
/* about page: photo crop */
.ab-ph img{object-position:50% 16%}
/* about page cover: the rate sheet design */
.pgh-cv{background:radial-gradient(900px 500px at 80% 40%,rgba(4,114,180,.32),transparent 70%),linear-gradient(180deg,#05182F,#030B17)}
.cv-art{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.pgh-cv .ph-in{position:relative;z-index:1}
.pgh-cv .ph-tx{max-width:640px}
.cv-art .spin{transform-box:fill-box;transform-origin:center;animation:cvSpin 48s linear infinite}
.cv-art .spin-r{transform-box:fill-box;transform-origin:center;animation:cvSpin 30s linear infinite reverse}
.cv-art .logo-g{transform-box:fill-box;transform-origin:center;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.cv-art .logo-halo{opacity:.4;transition:opacity .6s ease}
.cv-art .logo-track{stroke:rgba(34,195,230,.3);transition:stroke .6s ease}
.cv-art .logo-rim{stroke:rgba(255,255,255,.16);transition:stroke .6s ease}
.cv-art.hot .logo-g{transform:scale(1.09)}.cv-art.hot .logo-halo{opacity:1}.cv-art.hot .logo-track{stroke:rgba(34,195,230,.7)}.cv-art.hot .logo-rim{stroke:rgba(34,195,230,.6)}
.cv-art .node-ring{transform-box:fill-box;transform-origin:center;animation:cvRing 3.2s ease-out infinite}
@keyframes cvSpin{to{transform:rotate(360deg)}}
@keyframes cvRing{0%{opacity:.9;transform:scale(.4)}100%{opacity:0;transform:scale(2.4)}}
.cv-emblem{display:none}
@media (max-width:760px){.cv-emblem{display:block;height:270px;margin-top:22px}.cv-art{opacity:.85}}