/*!
 * Zand Marketing — Elementor Widgets
 * Every rule is scoped to :is(.zand,#zand-scope) so the high specificity
 * wins over theme and Elementor Kit button/link/heading styles.
 */

/* ---------- Elementor integration (outside the scope on purpose) ---------- */
[data-widget_type^="zand-"]{margin-block-end:0!important}
.elementor-widget-zand-header{position:relative;z-index:100}
.e-con:has(> .elementor-widget-zand-header .zand-sticky),
.e-con:has(> .e-con-inner > .elementor-widget-zand-header .zand-sticky),
.elementor-section:has(.zand-sticky){position:sticky!important;top:0;z-index:999}
body.admin-bar .e-con:has(> .elementor-widget-zand-header .zand-sticky),
body.admin-bar .e-con:has(> .e-con-inner > .elementor-widget-zand-header .zand-sticky),
body.admin-bar .elementor-section:has(.zand-sticky){top:32px}
@media (max-width:782px){
body.admin-bar .e-con:has(> .elementor-widget-zand-header .zand-sticky),
body.admin-bar .e-con:has(> .e-con-inner > .elementor-widget-zand-header .zand-sticky),
body.admin-bar .elementor-section:has(.zand-sticky){top:46px}
}
html:has(.zand){scroll-behavior:smooth;scroll-padding-top:96px}

/* ---------- tokens & resets ---------- */
:is(.zand,#zand-scope){--blue:#009AE8;--blue-ink:#0067A3;--blue-sec:#0077BB;--ink:#0B1620;--mute:#4A5868;--ice:#EEF7FD;--sky:#CFEAFB;--line:#D9E6EF;--hot:#FF6A2B;font-family:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);font-size:17px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-align:left}
:is(.zand,#zand-scope),:is(.zand,#zand-scope) *,:is(.zand,#zand-scope) *::before,:is(.zand,#zand-scope) *::after{box-sizing:border-box}
:is(.zand,#zand-scope) :where(h1,h2,h3,h4,h5,h6,p,blockquote,figure,ul,ol){margin:0;padding:0}
:is(.zand,#zand-scope) :where(h1,h2,h3,h4,h5,h6){font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;text-transform:none}
:is(.zand,#zand-scope) :where(blockquote){border:0;background:none;font-style:normal;quotes:none;font-size:inherit}
:is(.zand,#zand-scope) blockquote::before,:is(.zand,#zand-scope) blockquote::after{content:none}
:is(.zand,#zand-scope) :where(a){color:inherit;text-decoration:none;box-shadow:none;transition:color .2s}
:is(.zand,#zand-scope) :where(a):hover,:is(.zand,#zand-scope) :where(a):focus{color:inherit;text-decoration:none}
:is(.zand,#zand-scope) :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;border-radius:0;text-transform:none;letter-spacing:inherit;line-height:inherit;box-shadow:none;cursor:pointer;white-space:normal;text-align:inherit;min-height:0;width:auto}
:is(.zand,#zand-scope) :where(button):hover,:is(.zand,#zand-scope) :where(button):focus{background:none;color:inherit;box-shadow:none}
:is(.zand,#zand-scope) :where(input,select,textarea){font:inherit;color:inherit;margin:0;box-shadow:none;max-width:100%}
:is(.zand,#zand-scope) :where(img){max-width:100%;height:auto;border:0;border-radius:0;box-shadow:none}
:is(.zand,#zand-scope) :where(label){margin:0;font-weight:inherit}
:is(.zand,#zand-scope) :focus-visible{outline:3px solid var(--blue);outline-offset:3px}
:is(.zand,#zand-scope) ::selection{background:#009AE8;color:#fff}
:is(.zand,#zand-scope) [hidden]{display:none!important}
:is(.zand,#zand-scope) .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
:is(.zand,#zand-scope) .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- layout primitives ---------- */
:is(.zand,#zand-scope) .wrap{max-width:1280px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}
:is(.zand,#zand-scope) .sec{position:relative;padding-block:clamp(72px,9vw,128px)}
:is(.zand,#zand-scope) .bg-ice{background:var(--ice)}
:is(.zand,#zand-scope) .bg-blue{background:var(--blue-sec);color:#fff}
:is(.zand,#zand-scope) .eb{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-ink);line-height:1.4}
:is(.zand,#zand-scope) .eb::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hot);flex-shrink:0}
:is(.zand,#zand-scope) .bg-blue .eb{color:#fff}
:is(.zand,#zand-scope) .h2{font-family:'Archivo','Arial Narrow',sans-serif;font-weight:800;font-stretch:110%;font-size:clamp(38px,5.4vw,78px);line-height:.98;letter-spacing:-.035em;margin-top:20px;text-wrap:balance;color:inherit}
:is(.zand,#zand-scope) .h2 em,:is(.zand,#zand-scope) .ft-big em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-stretch:100%;letter-spacing:-.01em;color:var(--blue-ink)}
:is(.zand,#zand-scope) .bg-blue .h2 em{color:#fff;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.12em;text-decoration-color:var(--hot)}
:is(.zand,#zand-scope) .lead{font-size:clamp(18px,1.4vw,20px);color:var(--mute);max-width:54ch;text-wrap:pretty}
:is(.zand,#zand-scope) .bg-blue .lead{color:#fff}
:is(.zand,#zand-scope) .sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 56px}
:is(.zand,#zand-scope) .sec-head .h2{max-width:15ch}
:is(.zand,#zand-scope) .h2.h2-wide,:is(.zand,#zand-scope) .sec-head .h2.h2-wide{max-width:18ch}
:is(.zand,#zand-scope) .h2.h2-narrow{max-width:14ch}

/* ---------- buttons ---------- */
:is(.zand,#zand-scope) .btn{display:inline-flex;align-items:center;gap:14px;min-height:54px;padding:0 10px 0 26px;border-radius:999px;font-weight:600;font-size:16px;line-height:1.2;border:0;cursor:pointer;font-family:inherit;text-decoration:none;transition:background .3s,color .3s,transform .3s}
:is(.zand,#zand-scope) .btn .ar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s;flex-shrink:0}
:is(.zand,#zand-scope) .btn:hover .ar{transform:rotate(45deg)}
:is(.zand,#zand-scope) .btn:active{transform:scale(.97)}
:is(.zand,#zand-scope) .btn-p,:is(.zand,#zand-scope) .btn-p:focus{background:var(--blue-sec);color:#fff}
:is(.zand,#zand-scope) .btn-p:hover{background:var(--ink);color:#fff}
:is(.zand,#zand-scope) .btn-g,:is(.zand,#zand-scope) .btn-g:focus{border:1.5px solid var(--ink);color:var(--ink);background:transparent}
:is(.zand,#zand-scope) .btn-g .ar{background:var(--ink);color:#fff}
:is(.zand,#zand-scope) .btn-g:hover{background:var(--ink);color:#fff}
:is(.zand,#zand-scope) .btn-g:hover .ar{background:var(--blue-sec)}
:is(.zand,#zand-scope) .btn-w,:is(.zand,#zand-scope) .btn-w:focus{background:#fff;color:var(--blue-ink)}
:is(.zand,#zand-scope) .btn-w .ar{background:var(--blue-sec);color:#fff}
:is(.zand,#zand-scope) .btn-w:hover{background:var(--ink);color:#fff}

/* ---------- header ---------- */
:is(.zand,#zand-scope) .nav{position:relative;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(11,22,32,.07)}
:is(.zand,#zand-scope) .nav-in{display:flex;align-items:center;gap:24px;min-height:84px}
:is(.zand,#zand-scope) .logo{display:flex;align-items:center;min-height:44px;flex-shrink:0}
:is(.zand,#zand-scope) .logo img{height:36px;width:auto;display:block}
:is(.zand,#zand-scope) .nav-links{display:flex;align-items:center;gap:2px;margin-left:auto}
:is(.zand,#zand-scope) .nl{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;font-size:15px;font-weight:500;color:var(--ink);transition:background .25s}
:is(.zand,#zand-scope) .nl:hover,:is(.zand,#zand-scope) .nl.open{background:var(--ice);color:var(--ink)}
:is(.zand,#zand-scope) .nl svg{transition:transform .35s}
:is(.zand,#zand-scope) .nl.open svg{transform:rotate(180deg)}
:is(.zand,#zand-scope) .nav-cta{display:flex;align-items:center;gap:18px}
:is(.zand,#zand-scope) .tel{font-weight:600;font-size:15px;display:inline-flex;gap:8px;align-items:center;min-height:44px;color:var(--ink);white-space:nowrap}
:is(.zand,#zand-scope) .tel svg{color:var(--blue-ink)}
:is(.zand,#zand-scope) .burger{display:none;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;color:var(--ink);align-items:center;justify-content:center;margin-left:auto}
:is(.zand,#zand-scope) .burger:hover{background:var(--ice);color:var(--ink)}
:is(.zand,#zand-scope) .burger .i-close{display:none}
:is(.zand,#zand-scope) .burger[aria-expanded="true"] .i-close{display:block}
:is(.zand,#zand-scope) .burger[aria-expanded="true"] .i-open{display:none}
:is(.zand,#zand-scope) .mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 40px 60px -40px rgba(11,22,32,.3);animation:z-drop .4s cubic-bezier(.2,.8,.2,1) both}
:is(.zand,#zand-scope) .mega-in{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;padding-block:32px 36px}
:is(.zand,#zand-scope) .mega-side{border-radius:24px;background:var(--blue-sec);color:#fff;padding:28px;display:flex;flex-direction:column;gap:14px}
:is(.zand,#zand-scope) .mega-side .eb{color:#fff}
:is(.zand,#zand-scope) .mega-side b{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:110%;font-size:28px;line-height:1;letter-spacing:-.02em}
:is(.zand,#zand-scope) .mega-side p{font-size:15px}
:is(.zand,#zand-scope) .mega-side a{margin-top:auto;font-weight:600;display:inline-flex;gap:8px;align-items:center;min-height:44px;color:#fff}
:is(.zand,#zand-scope) .mega-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:4px}
:is(.zand,#zand-scope) .mg{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;transition:background .25s}
:is(.zand,#zand-scope) .mg:hover{background:var(--ice)}
:is(.zand,#zand-scope) .mg-n{font-size:12px;font-weight:600;color:var(--blue-ink);font-variant-numeric:tabular-nums}
:is(.zand,#zand-scope) .mg-t{font-weight:600;font-size:16px;line-height:1.35}
:is(.zand,#zand-scope) .mg-s{font-size:14px;color:var(--mute);line-height:1.4}
:is(.zand,#zand-scope) .mnav{border-top:1px solid var(--line);background:#fff;padding:8px 0 24px;animation:z-drop .35s both}
:is(.zand,#zand-scope) .mnav a{display:flex;justify-content:space-between;align-items:center;min-height:56px;font-family:'Archivo',sans-serif;font-weight:700;font-size:22px;border-bottom:1px solid var(--line);color:var(--ink)}
:is(.zand,#zand-scope) .mnav .tel{display:inline-flex;margin-top:14px;font-family:inherit;font-size:16px;border:0;min-height:44px}

/* ---------- hero ---------- */
:is(.zand,#zand-scope) .hero{position:relative;overflow:hidden;background:#F5FAFE;padding-top:clamp(40px,5vw,80px);padding-bottom:36px}
:is(.zand,#zand-scope) .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,119,187,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,119,187,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 72% 40%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 72% 40%,#000 25%,transparent 75%);pointer-events:none}
:is(.zand,#zand-scope) .spot{position:absolute;left:calc(var(--mx,66) * 1%);top:calc(var(--my,40) * 1%);width:680px;height:680px;margin:-340px 0 0 -340px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,154,232,.17),rgba(0,154,232,0));pointer-events:none;transition:left .6s cubic-bezier(.2,.8,.2,1),top .6s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:center}
:is(.zand,#zand-scope) .hero .eb{animation:z-fade 1s both}
:is(.zand,#zand-scope) .h1{font-family:'Archivo','Arial Narrow',sans-serif;font-weight:800;font-stretch:112%;font-size:clamp(46px,6.9vw,102px);line-height:.92;letter-spacing:-.04em;margin-top:24px;color:var(--ink)}
:is(.zand,#zand-scope) .ln{display:block;overflow:hidden;padding-bottom:.07em}
:is(.zand,#zand-scope) .ln>span{display:inline-block;animation:z-up 1.1s cubic-bezier(.2,.8,.2,1) both}
:is(.zand,#zand-scope) .ln2>span{animation-delay:.12s}
:is(.zand,#zand-scope) .h1 em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-stretch:100%;color:var(--blue);letter-spacing:-.01em}
:is(.zand,#zand-scope) .h1-sub{display:block;margin-top:22px;font-size:clamp(20px,1.9vw,27px);font-weight:600;font-stretch:100%;line-height:1.2;letter-spacing:-.015em;color:var(--ink);max-width:26ch;animation:z-fade 1s .35s both}
:is(.zand,#zand-scope) .hero-lead{margin-top:22px;font-size:19px;color:var(--mute);max-width:46ch;animation:z-fade 1s .5s both}
:is(.zand,#zand-scope) .rot{display:inline-block;height:1.6em;overflow:hidden;vertical-align:top}
:is(.zand,#zand-scope) .rot-in{display:flex;flex-direction:column;animation-timing-function:cubic-bezier(.7,0,.2,1);animation-iteration-count:infinite}
:is(.zand,#zand-scope) .rot-in span{height:1.6em;line-height:1.6em;color:var(--blue-ink);font-weight:700}
:is(.zand,#zand-scope) .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;animation:z-fade 1s .65s both}
:is(.zand,#zand-scope) .hero-art{position:relative;height:600px;animation:z-fade 1.2s .25s both}
:is(.zand,#zand-scope) .slab{position:absolute;right:6%;top:9%;width:70%;height:78%;border-radius:44px;background-color:var(--blue);background-image:radial-gradient(rgba(255,255,255,.35) 1.4px,transparent 1.6px);background-size:22px 22px;transform:rotate(7deg);animation:z-slab 1.4s cubic-bezier(.2,.8,.2,1) both}
:is(.zand,#zand-scope) .par{position:absolute;transform:translate3d(calc(var(--dx,0) * var(--k,0) * 1px),calc(var(--dy,0) * var(--k,0) * 1px),0);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .fl{animation:z-float 7s ease-in-out infinite}
:is(.zand,#zand-scope) .fl2{animation-duration:9s;animation-delay:-3s}
:is(.zand,#zand-scope) .fl3{animation-duration:8s;animation-delay:-5s}
:is(.zand,#zand-scope) .card{background:#fff;border-radius:22px;box-shadow:0 1px 0 rgba(11,22,32,.04),0 28px 56px -24px rgba(11,22,32,.32);padding:18px;color:var(--ink);line-height:1.5}
:is(.zand,#zand-scope) .pA{left:0;top:31%;width:min(410px,88%)}
:is(.zand,#zand-scope) .pB{right:0;top:0;width:224px}
:is(.zand,#zand-scope) .pC{left:5%;bottom:0;width:250px}
:is(.zand,#zand-scope) .pD{right:1%;bottom:11%;width:236px}
:is(.zand,#zand-scope) .pE{left:3%;top:3%}
:is(.zand,#zand-scope) .srch{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:999px;padding:10px 14px;font-size:14px;white-space:nowrap;overflow:hidden}
:is(.zand,#zand-scope) .srch svg{color:var(--blue-ink)}
:is(.zand,#zand-scope) .typed{display:inline-block;overflow:hidden;max-width:36ch;animation:z-type 2.2s steps(34) .9s both}
:is(.zand,#zand-scope) .caret{width:2px;height:16px;background:var(--blue-sec);flex-shrink:0;animation:z-blink 1s steps(1) infinite}
:is(.zand,#zand-scope) .res{margin-top:16px;display:grid;gap:7px}
:is(.zand,#zand-scope) .res-site{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--mute)}
:is(.zand,#zand-scope) .fav{width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;font-family:'Archivo',sans-serif;font-weight:800;font-size:12px;display:grid;place-items:center;flex-shrink:0;line-height:1}
:is(.zand,#zand-scope) .res-t{font-size:17px;font-weight:600;color:var(--blue-ink);line-height:1.3}
:is(.zand,#zand-scope) .bar{height:8px;border-radius:4px;background:#E6EEF4}
:is(.zand,#zand-scope) .res2{opacity:.5;margin-top:18px}
:is(.zand,#zand-scope) .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--ice);color:var(--blue-ink);font-size:12px;font-weight:700;width:max-content}
:is(.zand,#zand-scope) .sc-h{display:flex;gap:10px;align-items:center}
:is(.zand,#zand-scope) .sc-h b{display:block;font-size:14px;line-height:1.2}
:is(.zand,#zand-scope) .sc-h small{font-size:12px;color:var(--mute)}
:is(.zand,#zand-scope) .sc-img{margin-top:12px;height:148px;border-radius:14px;background-color:var(--blue-sec);background-image:radial-gradient(rgba(255,255,255,.3) 1.3px,transparent 1.5px);background-size:16px 16px;display:flex;align-items:flex-end;padding:14px;color:#fff;font-family:'Archivo',sans-serif;font-weight:800;font-stretch:110%;font-size:25px;line-height:.95;letter-spacing:-.02em}
:is(.zand,#zand-scope) .sc-f{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:600}
:is(.zand,#zand-scope) .heart{color:var(--hot);animation:z-beat 1.8s ease-in-out infinite}
:is(.zand,#zand-scope) .spons{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
:is(.zand,#zand-scope) .ad-t{font-family:'Archivo',sans-serif;font-weight:700;font-size:19px;line-height:1.15;letter-spacing:-.015em;margin-top:8px}
:is(.zand,#zand-scope) .ad-btn{display:inline-flex;margin-top:14px;padding:8px 16px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:600}
:is(.zand,#zand-scope) .mail{display:flex;align-items:center;gap:12px;padding:14px 16px}
:is(.zand,#zand-scope) .mail b{display:block;font-size:14px;line-height:1.25}
:is(.zand,#zand-scope) .mail small{font-size:12px;color:var(--mute)}
:is(.zand,#zand-scope) .mail-ic{width:42px;height:42px;border-radius:12px;background:var(--ice);color:var(--blue-ink);display:grid;place-items:center;flex-shrink:0}
:is(.zand,#zand-scope) .ok{margin-left:auto;width:26px;height:26px;border-radius:50%;background:#1F9D62;color:#fff;display:grid;place-items:center;flex-shrink:0}
:is(.zand,#zand-scope) .badge{position:relative;width:150px;height:150px;border-radius:50%;background:#fff;box-shadow:0 24px 48px -24px rgba(11,22,32,.35);display:grid;place-items:center}
:is(.zand,#zand-scope) .badge-rot{position:absolute;inset:0;width:100%;height:100%;animation:z-spin 18s linear infinite}
:is(.zand,#zand-scope) .badge-txt{font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;letter-spacing:2.4px;fill:#0B1620}
:is(.zand,#zand-scope) .badge-c{width:60px;height:60px;border-radius:50%;background:var(--hot);color:#fff;display:grid;place-items:center}
:is(.zand,#zand-scope) .trust{position:relative;margin-top:56px;border-top:1px solid var(--line);padding-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 34px}
:is(.zand,#zand-scope) .trust-l{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
:is(.zand,#zand-scope) .trust-n{font-family:'Archivo',sans-serif;font-weight:700;font-stretch:92%;font-size:19px;color:#56677A;letter-spacing:-.01em;transition:color .25s}
:is(.zand,#zand-scope) .trust-n:hover{color:var(--blue-ink)}

/* ---------- marquee ---------- */
:is(.zand,#zand-scope) .mqs{position:relative;padding-block:64px;overflow:hidden;background:#fff}
:is(.zand,#zand-scope) .mq{display:flex;overflow:hidden;white-space:nowrap;padding-block:20px;margin-inline:-40px}
:is(.zand,#zand-scope) .mq1{background:var(--blue);color:#fff;transform:rotate(-2deg);position:relative;z-index:2}
:is(.zand,#zand-scope) .mq2{background:var(--sky);color:var(--ink);transform:rotate(1.6deg);margin-top:-18px}
:is(.zand,#zand-scope) .mq-t{display:flex;align-items:center;gap:36px;padding-right:36px;flex-shrink:0;animation:z-mq 40s linear infinite;font-family:'Archivo',sans-serif;font-weight:800;font-stretch:118%;font-size:clamp(28px,3.4vw,48px);text-transform:uppercase;letter-spacing:-.01em;line-height:1.1}
:is(.zand,#zand-scope) .mq2 .mq-t{animation-direction:reverse}
:is(.zand,#zand-scope) .mq2 .mq-t svg{color:var(--hot)}
:is(.zand,#zand-scope) .mqs:hover .mq-t{animation-play-state:paused}

/* ---------- about ---------- */
:is(.zand,#zand-scope) .about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
:is(.zand,#zand-scope) .statement{font-family:'Archivo',sans-serif;font-weight:700;font-stretch:104%;font-size:clamp(26px,2.9vw,40px);line-height:1.14;letter-spacing:-.02em;margin-top:28px;text-wrap:pretty}
:is(.zand,#zand-scope) .about-copy{display:grid;gap:18px;margin-top:28px;color:var(--mute);max-width:56ch}
:is(.zand,#zand-scope) .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
:is(.zand,#zand-scope) .ck{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--ice);font-size:15px;font-weight:600}
:is(.zand,#zand-scope) .ck svg{color:var(--blue-ink)}
:is(.zand,#zand-scope) .media{position:relative}
:is(.zand,#zand-scope) .ph{position:relative;border-radius:32px;overflow:hidden;background-color:var(--ice);background-image:repeating-linear-gradient(135deg,rgba(0,119,187,.09) 0 1px,transparent 1px 14px);display:grid;place-items:center;min-height:540px;border:1.5px dashed rgba(0,103,163,.35)}
:is(.zand,#zand-scope) .ph.has-img{border:0;background:var(--ice);display:block}
:is(.zand,#zand-scope) .ph.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
:is(.zand,#zand-scope) .ph-l{display:grid;justify-items:center;gap:8px;text-align:center;color:var(--blue-ink);font-size:15px;font-weight:600;padding:22px 26px;background:rgba(255,255,255,.9);border-radius:18px;max-width:300px}
:is(.zand,#zand-scope) .ph-l small{font-weight:500;color:var(--mute);font-size:13px;line-height:1.4}
:is(.zand,#zand-scope) .tag-float{position:absolute;left:-28px;bottom:44px;display:flex;align-items:center;gap:14px;background:#fff;border-radius:20px;padding:14px 20px 14px 14px;box-shadow:0 28px 56px -28px rgba(11,22,32,.4);animation:z-float 8s ease-in-out infinite;z-index:2}
:is(.zand,#zand-scope) .tag-float b{display:block;font-family:'Archivo',sans-serif;font-size:17px;line-height:1.2}
:is(.zand,#zand-scope) .tag-float small{font-size:13px;color:var(--mute)}
:is(.zand,#zand-scope) .tf-ic{width:48px;height:48px;border-radius:14px;background:var(--hot);color:#fff;display:grid;place-items:center;flex-shrink:0}
:is(.zand,#zand-scope) .tag-top{position:absolute;right:-18px;top:36px;background:var(--blue-sec);color:#fff;border-radius:999px;padding:12px 20px;font-weight:600;font-size:15px;transform:rotate(4deg);box-shadow:0 20px 40px -20px rgba(0,119,187,.6);z-index:2}

/* ---------- pillars ---------- */
:is(.zand,#zand-scope) .pl-wrap{display:flex;gap:14px;height:470px;margin-top:56px}
:is(.zand,#zand-scope) .pl{position:relative;flex:1 1 0;min-width:0;border-radius:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);color:#fff;padding:28px;overflow:hidden;transition:flex-grow .8s cubic-bezier(.2,.8,.2,1),background .45s,color .45s;text-align:left;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}
:is(.zand,#zand-scope) .pl:hover,:is(.zand,#zand-scope) .pl:focus{background:rgba(255,255,255,.18);color:#fff}
:is(.zand,#zand-scope) .pl.on,:is(.zand,#zand-scope) .pl.on:hover,:is(.zand,#zand-scope) .pl.on:focus{flex-grow:3.3;background:#fff;color:var(--ink);cursor:default}
:is(.zand,#zand-scope) .pl-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
:is(.zand,#zand-scope) .pl-num{font-family:'Archivo',sans-serif;font-weight:600;font-size:14px;letter-spacing:.12em}
:is(.zand,#zand-scope) .pl-ic{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);flex-shrink:0;transition:background .45s,color .45s}
:is(.zand,#zand-scope) .pl.on .pl-ic{background:var(--blue-sec);color:#fff}
:is(.zand,#zand-scope) .pl-v{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:115%;font-size:34px;line-height:1;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:-.01em;align-self:flex-start}
:is(.zand,#zand-scope) .pl.on .pl-v{display:none}
:is(.zand,#zand-scope) .pl-body{display:none}
:is(.zand,#zand-scope) .pl.on .pl-body{display:block;animation:z-fade .7s .2s both}
:is(.zand,#zand-scope) .pl-t{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-stretch:115%;font-size:clamp(42px,4.6vw,68px);line-height:1;letter-spacing:-.035em}
:is(.zand,#zand-scope) .pl-d{display:block;margin-top:16px;font-size:19px;line-height:1.5;color:var(--mute);max-width:34ch}

/* ---------- services ---------- */
:is(.zand,#zand-scope) .svc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,4vw,64px);margin-top:56px;align-items:start}
:is(.zand,#zand-scope) .svc-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
:is(.zand,#zand-scope) .sb{display:grid;grid-template-columns:44px minmax(0,1fr) 40px;align-items:center;gap:12px;min-height:66px;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;transition:background .35s,padding .35s;width:100%}
:is(.zand,#zand-scope) .sb:hover,:is(.zand,#zand-scope) .sb:focus{color:var(--ink);padding-left:22px}
:is(.zand,#zand-scope) .sb-n{font-size:13px;font-weight:600;color:var(--mute);font-variant-numeric:tabular-nums}
:is(.zand,#zand-scope) .sb-t{font-family:'Archivo',sans-serif;font-weight:700;font-stretch:104%;font-size:clamp(20px,1.75vw,25px);letter-spacing:-.015em;line-height:1.15}
:is(.zand,#zand-scope) .sb-a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);transition:all .4s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .sb:hover .sb-a{border-color:var(--ink)}
:is(.zand,#zand-scope) .sb.on,:is(.zand,#zand-scope) .sb.on:hover,:is(.zand,#zand-scope) .sb.on:focus{background:var(--ice);padding-left:22px}
:is(.zand,#zand-scope) .sb.on .sb-t,:is(.zand,#zand-scope) .sb.on .sb-n{color:var(--blue-ink)}
:is(.zand,#zand-scope) .sb.on .sb-a{background:var(--blue-sec);border-color:var(--blue-sec);color:#fff;transform:rotate(45deg)}
:is(.zand,#zand-scope) .svc-panel{position:sticky;top:112px;border-radius:34px;background:var(--ice);padding:clamp(28px,3.6vw,52px);overflow:hidden;min-height:580px;display:flex;flex-direction:column}
:is(.zand,#zand-scope) .svc-pane{position:relative;display:flex;flex-direction:column;flex:1;animation:z-fade .55s both}
:is(.zand,#zand-scope) .svc-big{position:absolute;right:calc(-1 * clamp(28px,3.6vw,52px) - 6px);bottom:calc(-1 * clamp(28px,3.6vw,52px) - 56px);font-family:'Archivo',sans-serif;font-weight:900;font-stretch:125%;font-size:270px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(0,119,187,.22);pointer-events:none;letter-spacing:-.04em}
:is(.zand,#zand-scope) .svc-ic{width:76px;height:76px;border-radius:24px;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 20px 40px -18px rgba(0,154,232,.7)}
:is(.zand,#zand-scope) .svc-k{margin-top:30px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-ink)}
:is(.zand,#zand-scope) .svc-t{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:110%;font-size:clamp(32px,3.4vw,50px);line-height:1;letter-spacing:-.035em;margin-top:10px}
:is(.zand,#zand-scope) .svc-d{margin-top:18px;font-size:18px;color:var(--mute);max-width:46ch;position:relative}
:is(.zand,#zand-scope) .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;position:relative}
:is(.zand,#zand-scope) .tg{padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600;line-height:1.3}
:is(.zand,#zand-scope) .svc-cta{margin-top:auto;padding-top:36px;position:relative}

/* ---------- experts ---------- */
:is(.zand,#zand-scope) .exp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5vw,80px);align-items:center;margin-top:56px}
:is(.zand,#zand-scope) .play{position:absolute;left:28px;bottom:28px;display:flex;align-items:center;gap:14px;background:#fff;border-radius:999px;padding:8px 24px 8px 8px;font-weight:600;color:var(--ink);box-shadow:0 20px 40px -20px rgba(11,22,32,.4);min-height:44px;transition:transform .3s;z-index:2}
:is(.zand,#zand-scope) .play:hover{transform:scale(1.04);color:var(--ink)}
:is(.zand,#zand-scope) .play-c{position:relative;width:54px;height:54px;border-radius:50%;background:var(--blue-sec);color:#fff;display:grid;place-items:center}
:is(.zand,#zand-scope) .play-c::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--blue);animation:z-pulse 2.2s ease-out infinite}
:is(.zand,#zand-scope) .exp-items{display:grid;gap:14px}
:is(.zand,#zand-scope) .xi{background:#fff;border-radius:26px;padding:28px 30px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
:is(.zand,#zand-scope) .xi:hover{transform:translateY(-5px);box-shadow:0 28px 56px -30px rgba(11,22,32,.35)}
:is(.zand,#zand-scope) .xi-h{display:flex;align-items:center;gap:14px}
:is(.zand,#zand-scope) .xi-ic{width:46px;height:46px;border-radius:14px;background:var(--ice);color:var(--blue-ink);display:grid;place-items:center;flex-shrink:0}
:is(.zand,#zand-scope) .xi h3{font-family:'Archivo',sans-serif;font-weight:700;font-stretch:104%;font-size:23px;letter-spacing:-.015em;line-height:1.15}
:is(.zand,#zand-scope) .xi p{margin-top:12px;color:var(--mute)}
:is(.zand,#zand-scope) .xi-ai{background:var(--blue-sec);color:#fff}
:is(.zand,#zand-scope) .xi-ai p{color:#fff}
:is(.zand,#zand-scope) .xi-ai .xi-ic{background:rgba(255,255,255,.18);color:#fff}

/* ---------- stats ---------- */
:is(.zand,#zand-scope) .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:18px;margin-top:56px}
:is(.zand,#zand-scope) .st{border-radius:30px;border:1px solid rgba(255,255,255,.3);padding:30px;display:flex;flex-direction:column;gap:26px;background:rgba(255,255,255,.06);transition:background .4s,transform .4s}
:is(.zand,#zand-scope) .st:hover{background:rgba(255,255,255,.13);transform:translateY(-4px)}
:is(.zand,#zand-scope) .st-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
:is(.zand,#zand-scope) .ring{width:96px;height:96px;flex-shrink:0}
:is(.zand,#zand-scope) .ring svg{width:100%;height:100%;transform:rotate(-90deg)}
:is(.zand,#zand-scope) .ring .tr{fill:none;stroke:rgba(255,255,255,.22);stroke-width:9}
:is(.zand,#zand-scope) .ring .pr{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:calc(326.7 - 3.267 * var(--t));animation:z-ring 2.4s cubic-bezier(.2,.8,.2,1) both}
:is(.zand,#zand-scope) .st-n{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:115%;font-size:clamp(60px,5.6vw,84px);line-height:.88;letter-spacing:-.045em;display:flex;align-items:flex-start}
:is(.zand,#zand-scope) .st-n small{font-size:.42em;margin-left:4px;margin-top:.12em;letter-spacing:0}
:is(.zand,#zand-scope) .cnt{--n:var(--t);counter-reset:n var(--n);animation:z-cnt 2.4s cubic-bezier(.2,.8,.2,1) both;font-variant-numeric:tabular-nums}
:is(.zand,#zand-scope) .cnt::after{content:counter(n)}
:is(.zand,#zand-scope) .st-l{font-size:18px;font-weight:600;color:#fff;max-width:18ch;line-height:1.3}

/* ---------- blueprint ---------- */
:is(.zand,#zand-scope) .bp-sec{background-color:#F4FAFE;background-image:linear-gradient(rgba(0,119,187,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,119,187,.09) 1px,transparent 1px),linear-gradient(rgba(0,119,187,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,119,187,.04) 1px,transparent 1px);background-size:96px 96px,96px 96px,24px 24px,24px 24px}
:is(.zand,#zand-scope) .bp{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,4vw,64px);margin-top:56px;align-items:stretch}
:is(.zand,#zand-scope) .bp-steps{display:grid;gap:12px;align-content:start}
:is(.zand,#zand-scope) .bs{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:center;padding:16px 20px 16px 16px;border-radius:22px;background:rgba(255,255,255,.75);border:1.5px solid var(--line);color:var(--ink);text-align:left;transition:all .4s cubic-bezier(.2,.8,.2,1);width:100%}
:is(.zand,#zand-scope) .bs:hover,:is(.zand,#zand-scope) .bs:focus{background:rgba(255,255,255,.95);border-color:var(--blue-sec);color:var(--ink)}
:is(.zand,#zand-scope) .bs-n{width:58px;height:58px;border-radius:16px;border:1.5px dashed var(--blue-ink);display:grid;place-items:center;font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;color:var(--blue-ink);transition:all .4s}
:is(.zand,#zand-scope) .bs-t{display:block;font-family:'Archivo',sans-serif;font-weight:700;font-stretch:104%;font-size:22px;line-height:1.15;letter-spacing:-.01em}
:is(.zand,#zand-scope) .bs-s{display:block;font-size:15px;color:var(--mute)}
:is(.zand,#zand-scope) .bs.on,:is(.zand,#zand-scope) .bs.on:hover,:is(.zand,#zand-scope) .bs.on:focus{background:#fff;border-color:var(--blue-sec);box-shadow:0 24px 48px -28px rgba(0,119,187,.6);transform:translateX(8px)}
:is(.zand,#zand-scope) .bs.on .bs-n{background:var(--blue-sec);color:#fff;border-style:solid;border-color:var(--blue-sec)}
:is(.zand,#zand-scope) .sheet{position:relative;background:#fff;border:1.5px solid var(--blue-ink);border-radius:10px;padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;min-height:540px;box-shadow:14px 14px 0 rgba(0,119,187,.13)}
:is(.zand,#zand-scope) .sheet-step{display:flex;flex-direction:column;flex:1}
:is(.zand,#zand-scope) .sheet-h{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-ink);border-bottom:1px solid var(--line);padding-bottom:14px}
:is(.zand,#zand-scope) .sheet-draw{flex:1;display:grid;place-items:center;padding:20px 0;min-height:230px}
:is(.zand,#zand-scope) .sheet-draw svg{width:min(340px,100%);height:auto;color:var(--blue-ink);overflow:visible}
:is(.zand,#zand-scope) .draw path,:is(.zand,#zand-scope) .draw circle{stroke-dasharray:900;stroke-dashoffset:0;animation:z-draw 1.8s cubic-bezier(.6,0,.2,1) both}
:is(.zand,#zand-scope) .draw .dim{stroke-dasharray:4 5;opacity:.55;animation:none}
:is(.zand,#zand-scope) .sheet-t{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:110%;font-size:clamp(30px,3vw,44px);letter-spacing:-.035em;line-height:1}
:is(.zand,#zand-scope) .sheet-d{color:var(--mute);margin-top:12px;max-width:52ch}
:is(.zand,#zand-scope) .tblock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1.5px solid var(--blue-ink);margin-top:28px;font-size:13px}
:is(.zand,#zand-scope) .tblock div{padding:10px 14px;border-right:1.5px solid var(--blue-ink);display:grid;gap:2px}
:is(.zand,#zand-scope) .tblock div:last-child{border-right:0}
:is(.zand,#zand-scope) .tblock small{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink)}
:is(.zand,#zand-scope) .tblock b{font-weight:600}
:is(.zand,#zand-scope) .bp-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center}

/* ---------- testimonials ---------- */
:is(.zand,#zand-scope) .tm{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(32px,5vw,80px);margin-top:56px;align-items:start}
:is(.zand,#zand-scope) .tm-card{position:relative;border-radius:34px;background:var(--ice);padding:clamp(28px,4vw,56px);min-height:460px;display:flex;flex-direction:column;overflow:hidden}
:is(.zand,#zand-scope) .qm{width:66px;height:50px;color:var(--blue)}
:is(.zand,#zand-scope) .tq{font-family:'Archivo',sans-serif;font-weight:600;font-stretch:100%;font-size:clamp(24px,2.5vw,36px);line-height:1.22;letter-spacing:-.02em;margin-top:26px;text-wrap:pretty;max-width:30ch;animation:z-fade .6s both;color:var(--ink)}
:is(.zand,#zand-scope) .tm-foot{margin-top:auto;padding-top:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
:is(.zand,#zand-scope) .who{display:flex;align-items:center;gap:14px;animation:z-fade .6s .1s both}
:is(.zand,#zand-scope) .av{width:54px;height:54px;border-radius:50%;background:var(--blue-sec);color:#fff;display:grid;place-items:center;font-family:'Archivo',sans-serif;font-weight:800;font-size:19px;flex-shrink:0}
:is(.zand,#zand-scope) .who b{display:block;font-weight:700;font-size:17px;line-height:1.3}
:is(.zand,#zand-scope) .who span{color:var(--mute);font-size:15px}
:is(.zand,#zand-scope) .who .av{color:#fff;font-size:19px}
:is(.zand,#zand-scope) .tm-ctl{display:flex;align-items:center;gap:8px}
:is(.zand,#zand-scope) .cb{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;color:var(--ink);transition:background .25s,color .25s}
:is(.zand,#zand-scope) .cb:hover{background:var(--ink);color:#fff}
:is(.zand,#zand-scope) .tm-count{font-variant-numeric:tabular-nums;font-weight:600;min-width:66px;text-align:center;font-size:15px}
:is(.zand,#zand-scope) .tm-bar{height:4px;background:rgba(0,119,187,.15);border-radius:4px;margin-top:28px;overflow:hidden}
:is(.zand,#zand-scope) .tm-bar i{display:block;height:100%;background:var(--blue-sec);border-radius:4px;transition:width .7s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .cl-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
:is(.zand,#zand-scope) .cl-h{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}
:is(.zand,#zand-scope) .cl{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 4px;border-bottom:1px solid var(--line);text-align:left;color:var(--mute);transition:color .25s,padding .35s;width:100%}
:is(.zand,#zand-scope) .cl b{display:block;font-family:'Archivo',sans-serif;font-weight:700;font-size:19px;letter-spacing:-.01em;color:#3C4B59;line-height:1.2}
:is(.zand,#zand-scope) .cl small{font-size:13px}
:is(.zand,#zand-scope) .cl:hover b,:is(.zand,#zand-scope) .cl:focus b{color:var(--ink)}
:is(.zand,#zand-scope) .cl.on{padding-left:14px;color:var(--ink)}
:is(.zand,#zand-scope) .cl.on b{color:var(--blue-ink)}
:is(.zand,#zand-scope) .cl .dot{width:10px;height:10px;border-radius:50%;background:var(--line);flex-shrink:0;transition:background .3s,transform .3s}
:is(.zand,#zand-scope) .cl.on .dot{background:var(--hot);transform:scale(1.3)}

/* ---------- forms (footprint, contact, newsletter) ---------- */
:is(.zand,#zand-scope) .fp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(32px,5vw,72px);align-items:center}
:is(.zand,#zand-scope) .fp-sub{margin-top:18px;font-family:'Archivo',sans-serif;font-weight:600;font-size:clamp(18px,1.6vw,22px)}
:is(.zand,#zand-scope) .fp-opts{display:grid;gap:12px;margin-top:36px;max-width:520px}
:is(.zand,#zand-scope) .opt{position:relative;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:22px;border:1.5px solid rgba(255,255,255,.45);cursor:pointer;transition:all .35s;min-height:44px;color:#fff}
:is(.zand,#zand-scope) .opt:hover{border-color:#fff}
:is(.zand,#zand-scope) .opt input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
:is(.zand,#zand-scope) .opt:focus-within{outline:3px solid #fff;outline-offset:3px}
:is(.zand,#zand-scope) .box{width:30px;height:30px;border-radius:10px;border:2px solid #fff;display:grid;place-items:center;flex-shrink:0;transition:all .3s}
:is(.zand,#zand-scope) .box svg{opacity:0;transform:scale(.4);transition:all .3s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .opt.on{background:#fff;color:var(--ink);border-color:#fff}
:is(.zand,#zand-scope) .opt.on .box{background:var(--blue-sec);border-color:var(--blue-sec);color:#fff}
:is(.zand,#zand-scope) .opt.on .box svg{opacity:1;transform:none}
:is(.zand,#zand-scope) .opt b{font-family:'Archivo',sans-serif;font-weight:700;font-size:20px;display:block;line-height:1.2}
:is(.zand,#zand-scope) .opt .s{font-size:14px}
:is(.zand,#zand-scope) .form{background:#fff;color:var(--ink);border-radius:34px;padding:clamp(24px,3.5vw,44px);box-shadow:0 40px 80px -40px rgba(11,22,32,.45)}
:is(.zand,#zand-scope) .form.flat{box-shadow:none;border:1.5px solid var(--line)}
:is(.zand,#zand-scope) .form h3{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:108%;font-size:28px;letter-spacing:-.025em;line-height:1.1}
:is(.zand,#zand-scope) .form-intro{color:var(--mute);margin-top:8px;font-size:16px}
:is(.zand,#zand-scope) .f{display:grid;gap:7px;margin-top:16px}
:is(.zand,#zand-scope) .f label{font-size:14px;font-weight:600;color:var(--ink)}
:is(.zand,#zand-scope) .f input,:is(.zand,#zand-scope) .f select,:is(.zand,#zand-scope) .f textarea{font:inherit;font-size:16px;min-height:52px;padding:12px 16px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s;width:100%;line-height:1.4;height:auto}
:is(.zand,#zand-scope) .f textarea{min-height:130px;resize:vertical}
:is(.zand,#zand-scope) .f input:focus,:is(.zand,#zand-scope) .f select:focus,:is(.zand,#zand-scope) .f textarea:focus{outline:none;border-color:var(--blue-sec);box-shadow:0 0 0 4px rgba(0,154,232,.18)}
:is(.zand,#zand-scope) .fr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:0 16px}
:is(.zand,#zand-scope) .form-sum{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;flex-wrap:wrap}
:is(.zand,#zand-scope) .pill-c{font-size:14px;font-weight:600;color:var(--blue-ink);background:var(--ice);padding:8px 14px;border-radius:999px}
:is(.zand,#zand-scope) .form-note{font-size:14px;color:var(--mute)}
:is(.zand,#zand-scope) .z-msg{margin-top:16px;font-size:15px;font-weight:600;border-radius:14px;padding:12px 16px}
:is(.zand,#zand-scope) .z-msg:empty{display:none}
:is(.zand,#zand-scope) .z-msg.ok{background:#E6F6EE;color:#14663F}
:is(.zand,#zand-scope) .z-msg.err{background:#FDECE6;color:#9A2F0A}
:is(.zand,#zand-scope) form.busy .btn{opacity:.6;pointer-events:none}
:is(.zand,#zand-scope) .shortcode-form{background:#fff;color:var(--ink);border-radius:34px;padding:clamp(24px,3.5vw,44px)}

/* ---------- contact ---------- */
:is(.zand,#zand-scope) .ct{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);margin-top:56px;align-items:start}
:is(.zand,#zand-scope) .ci-list{display:grid;gap:12px}
:is(.zand,#zand-scope) .ci{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:22px;background:var(--ice);color:var(--ink);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s}
:is(.zand,#zand-scope) .ci:hover{transform:translateX(6px);background:var(--sky);color:var(--ink)}
:is(.zand,#zand-scope) .ci-ic{width:50px;height:50px;border-radius:15px;background:#fff;color:var(--blue-ink);display:grid;place-items:center;flex-shrink:0}
:is(.zand,#zand-scope) .ci small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
:is(.zand,#zand-scope) .ci b{font-weight:600;font-size:17px;line-height:1.35;display:block}
:is(.zand,#zand-scope) .map{position:relative;margin-top:12px;height:230px;border-radius:22px;overflow:hidden;background-color:#E4F1FA;background-image:linear-gradient(28deg,transparent 46%,#fff 46%,#fff 50%,transparent 50%),linear-gradient(-62deg,transparent 58%,#fff 58%,#fff 61%,transparent 61%),linear-gradient(rgba(0,119,187,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,119,187,.08) 1px,transparent 1px);background-size:100% 100%,100% 100%,36px 36px,36px 36px}
:is(.zand,#zand-scope) .map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
:is(.zand,#zand-scope) .pin{position:absolute;left:50%;top:46%;transform:translate(-50%,-100%);color:var(--hot)}
:is(.zand,#zand-scope) .pin-d{position:absolute;left:50%;top:46%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:rgba(255,106,43,.35);animation:z-pulse 2s ease-out infinite}
:is(.zand,#zand-scope) .map-l{position:absolute;left:14px;bottom:14px;right:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:6px 14px;font-size:14px;font-weight:600}
:is(.zand,#zand-scope) .map-l a{color:var(--blue-ink);min-height:44px;display:inline-flex;align-items:center;gap:6px}

/* ---------- footer ---------- */
:is(.zand,#zand-scope) .ft{background:var(--ice);padding-top:clamp(64px,8vw,112px);overflow:hidden}
:is(.zand,#zand-scope) .ft-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;padding-bottom:56px;border-bottom:1px solid var(--line)}
:is(.zand,#zand-scope) .ft-big{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:115%;font-size:clamp(48px,7vw,104px);line-height:.92;letter-spacing:-.045em}
:is(.zand,#zand-scope) .ft-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px;padding-block:56px}
:is(.zand,#zand-scope) .ft-logo{display:inline-block}
:is(.zand,#zand-scope) .ft-logo img{height:40px;width:auto;display:block}
:is(.zand,#zand-scope) .ft-tag{margin-top:16px;color:var(--mute);max-width:34ch}
:is(.zand,#zand-scope) .ft h4{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-ink);margin-bottom:14px;font-family:inherit;line-height:1.4}
:is(.zand,#zand-scope) .ft-links{display:grid;gap:2px;justify-items:start}
:is(.zand,#zand-scope) .ft-links a{display:inline-block;padding:6px 0;color:var(--ink);font-size:15px;transition:color .2s,transform .25s}
:is(.zand,#zand-scope) .ft-links a:hover{color:var(--blue-ink);transform:translateX(4px)}
:is(.zand,#zand-scope) .news{display:flex;gap:6px;margin-top:22px;background:#fff;border-radius:999px;padding:6px;border:1.5px solid var(--line);max-width:420px;transition:border-color .2s}
:is(.zand,#zand-scope) .news:focus-within{border-color:var(--blue-sec)}
:is(.zand,#zand-scope) .news input{flex:1;min-width:0;border:0;background:transparent;font-size:15px;padding:0 14px;min-height:44px;color:var(--ink);outline:none}
:is(.zand,#zand-scope) .news .btn{min-height:46px;padding:0 20px;font-size:15px}
:is(.zand,#zand-scope) .news-wrap .z-msg{max-width:420px}
:is(.zand,#zand-scope) .soc{display:flex;gap:10px;margin-top:22px}
:is(.zand,#zand-scope) .soc a{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);transition:all .3s}
:is(.zand,#zand-scope) .soc a:hover{background:var(--blue-sec);color:#fff;border-color:var(--blue-sec);transform:translateY(-3px)}
:is(.zand,#zand-scope) .ft-word{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:100%;font-size:clamp(38px,7.6vw,118px);line-height:.95;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(0,103,163,.45);white-space:nowrap;text-align:center;padding-block:12px 28px;transition:color .6s;overflow:hidden}
:is(.zand,#zand-scope) .ft-word:hover{color:var(--blue)}
:is(.zand,#zand-scope) .ft-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:24px;border-top:1px solid var(--line);font-size:14px;color:var(--mute)}

/* ---------- motion ---------- */
@keyframes z-up{from{transform:translateY(108%)}}
@keyframes z-fade{from{opacity:0;transform:translateY(16px)}}
@keyframes z-float{50%{transform:translateY(-14px)}}
@keyframes z-slab{from{transform:rotate(-8deg) scale(.85);opacity:0}}
@keyframes z-spin{to{transform:rotate(360deg)}}
@keyframes z-blink{50%{opacity:0}}
@keyframes z-type{from{max-width:0}}
@keyframes z-beat{0%,60%,100%{transform:scale(1)}15%{transform:scale(1.28)}30%{transform:scale(.95)}}
@keyframes z-mq{to{transform:translateX(-100%)}}
@keyframes z-pulse{from{transform:scale(.9);opacity:1}to{transform:scale(1.5);opacity:0}}
@keyframes z-ring{from{stroke-dashoffset:326.7}}
@keyframes z-cnt{from{--n:0}}
@keyframes z-draw{from{stroke-dashoffset:900}}
@keyframes z-rv{from{opacity:0;transform:translateY(48px)}}
@keyframes z-ink{from{background-position:100% 0}}
@keyframes z-drop{from{opacity:0;transform:translateY(-10px)}}
@property --n{syntax:'<integer>';inherits:false;initial-value:0}
@supports (animation-timeline: view()){
:is(.zand,#zand-scope) .rv{animation:z-rv linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
:is(.zand,#zand-scope) .cnt,:is(.zand,#zand-scope) .ring .pr{animation-timeline:view();animation-range:entry 30% cover 50%;animation-duration:auto}
:is(.zand,#zand-scope) .inkfill{background-image:linear-gradient(90deg,var(--ink) 50%,#B9CAD7 50%);background-size:200% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:z-ink linear both;animation-timeline:view();animation-range:cover 15% cover 55%}
}
/* Elementor editor: keep everything visible while editing */
body.elementor-editor-active :is(.zand,#zand-scope) .rv{animation:none}
:is(.zand,#zand-scope).still *,:is(.zand,#zand-scope).still *::before,:is(.zand,#zand-scope).still *::after{animation:none!important;transition:none!important}
@media (prefers-reduced-motion: reduce){:is(.zand,#zand-scope) *,:is(.zand,#zand-scope) *::before,:is(.zand,#zand-scope) *::after{animation:none!important;transition:none!important}}

/* ---------- responsive ---------- */
@media (min-width:1121px){:is(.zand,#zand-scope) .mnav{display:none!important}}
@media (max-width:1120px){
:is(.zand,#zand-scope) .nav-links,:is(.zand,#zand-scope) .nav-cta .tel{display:none}
:is(.zand,#zand-scope) .burger{display:inline-flex}
:is(.zand,#zand-scope) .mega{display:none!important}
}
@media (max-width:980px){
:is(.zand,#zand-scope) .hero-in,:is(.zand,#zand-scope) .about,:is(.zand,#zand-scope) .svc,:is(.zand,#zand-scope) .exp,:is(.zand,#zand-scope) .bp,:is(.zand,#zand-scope) .tm,:is(.zand,#zand-scope) .fp,:is(.zand,#zand-scope) .ct{grid-template-columns:minmax(0,1fr)}
:is(.zand,#zand-scope) .hero-art{height:540px;max-width:560px;width:100%;margin-inline:auto}
:is(.zand,#zand-scope) .svc-panel{position:relative;top:0;min-height:0}
:is(.zand,#zand-scope) .pl-wrap{flex-direction:column;height:auto}
:is(.zand,#zand-scope) .pl,:is(.zand,#zand-scope) .pl:hover,:is(.zand,#zand-scope) .pl:focus{flex:none;background:#fff;color:var(--ink);gap:28px}
:is(.zand,#zand-scope) .pl .pl-v{display:none}
:is(.zand,#zand-scope) .pl .pl-body{display:block}
:is(.zand,#zand-scope) .pl .pl-ic{background:var(--blue-sec);color:#fff}
:is(.zand,#zand-scope) .ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.zand,#zand-scope) .tag-float{left:16px}
:is(.zand,#zand-scope) .tag-top{right:12px}
:is(.zand,#zand-scope) .bs.on{transform:none}
}
@media (max-width:620px){
:is(.zand,#zand-scope) .nav-cta .btn{display:none}
:is(.zand,#zand-scope) .hero-art{height:470px}
:is(.zand,#zand-scope) .pA{width:94%;top:auto;bottom:4%}
:is(.zand,#zand-scope) .pB{width:176px}
:is(.zand,#zand-scope) .sc-img{height:110px;font-size:20px}
:is(.zand,#zand-scope) .pC{display:none}
:is(.zand,#zand-scope) .pD{display:none}
:is(.zand,#zand-scope) .badge{width:116px;height:116px}
:is(.zand,#zand-scope) .badge-c{width:46px;height:46px}
:is(.zand,#zand-scope) .ph{min-height:400px}
:is(.zand,#zand-scope) .ft-grid{grid-template-columns:minmax(0,1fr)}
:is(.zand,#zand-scope) .tblock{grid-template-columns:minmax(0,1fr)}
:is(.zand,#zand-scope) .tblock div{border-right:0;border-bottom:1.5px solid var(--blue-ink)}
:is(.zand,#zand-scope) .tblock div:last-child{border-bottom:0}
:is(.zand,#zand-scope) .tm-ctl{width:100%;justify-content:space-between}
:is(.zand,#zand-scope) .svc-big{font-size:180px}
}

/* =================================================================== */
/* Page widgets (Page Hero, Text & Visual, Cards, FAQ, Banner)         */
/* =================================================================== */
:is(.zand,#zand-scope) .bg-white{background:#fff}
:is(.zand,#zand-scope) .bg-photo{background-color:var(--blue-sec);background-image:linear-gradient(rgba(0,84,135,.88),rgba(0,84,135,.9)),var(--bgimg,none);background-size:cover;background-position:center}
:is(.zand,#zand-scope) .h2.h2-md{font-size:clamp(32px,4.2vw,58px);max-width:22ch}
:is(.zand,#zand-scope) .h2.h2-l{font-size:clamp(36px,5vw,72px)}
:is(.zand,#zand-scope) .h2.h2-xl{font-size:clamp(44px,7vw,104px)}
:is(.zand,#zand-scope) .h2.h2-m{font-size:clamp(24px,2.8vw,40px);line-height:1.14;letter-spacing:-.02em}
:is(.zand,#zand-scope) .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
:is(.zand,#zand-scope) .bg-blue .btn-g,:is(.zand,#zand-scope) .bg-blue .btn-g:focus{border-color:#fff;color:#fff}
:is(.zand,#zand-scope) .bg-blue .btn-g .ar{background:#fff;color:var(--blue-sec)}
:is(.zand,#zand-scope) .bg-blue .btn-g:hover{background:#fff;color:var(--blue-ink)}

/* rich text */
:is(.zand,#zand-scope) .rt{color:var(--mute);font-size:17px;line-height:1.7}
:is(.zand,#zand-scope) .rt > * + *{margin-top:16px}
:is(.zand,#zand-scope) .rt strong,:is(.zand,#zand-scope) .rt b{color:var(--ink);font-weight:700}
:is(.zand,#zand-scope) .rt h3,:is(.zand,#zand-scope) .rt h4{font-family:'Archivo',sans-serif;font-weight:700;font-size:20px;color:var(--ink);line-height:1.25;letter-spacing:-.01em}
:is(.zand,#zand-scope) .rt ul,:is(.zand,#zand-scope) .rt ol{list-style:none;padding:0;display:grid;gap:10px}
:is(.zand,#zand-scope) .rt ul li,:is(.zand,#zand-scope) .rt ol li{position:relative;padding-left:26px}
:is(.zand,#zand-scope) .rt ul li::before,:is(.zand,#zand-scope) .rt ol li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:2px;background:var(--blue-sec);transform:rotate(45deg)}
:is(.zand,#zand-scope) .rt a{color:var(--blue-ink);text-decoration:underline;text-underline-offset:3px}
:is(.zand,#zand-scope) .bg-blue .rt,:is(.zand,#zand-scope) .bg-blue .rt p,:is(.zand,#zand-scope) .bg-blue .rt li,:is(.zand,#zand-scope) .bg-blue .rt strong,:is(.zand,#zand-scope) .bg-blue .rt b,:is(.zand,#zand-scope) .bg-blue .rt h3,:is(.zand,#zand-scope) .bg-blue .rt a{color:#fff}
:is(.zand,#zand-scope) .bg-blue .rt ul li::before{background:#fff}

/* page hero */
:is(.zand,#zand-scope) .phero{padding-bottom:clamp(56px,7vw,96px)}
:is(.zand,#zand-scope) .crumbs{position:relative;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--mute);margin-bottom:26px;animation:z-fade .8s both}
:is(.zand,#zand-scope) .crumbs a{color:var(--blue-ink);font-weight:600;min-height:24px;display:inline-flex;align-items:center}
:is(.zand,#zand-scope) .crumbs a:hover{text-decoration:underline}
:is(.zand,#zand-scope) .h1.h1-page{font-size:clamp(44px,6.2vw,92px);margin-top:20px}
:is(.zand,#zand-scope) .phero-copy > :first-child{margin-top:0}
:is(.zand,#zand-scope) .ph-sub{margin-top:22px;font-family:'Archivo',sans-serif;font-weight:700;font-stretch:104%;font-size:clamp(20px,1.9vw,27px);line-height:1.2;letter-spacing:-.015em;color:var(--ink);max-width:30ch;animation:z-fade 1s .3s both}
:is(.zand,#zand-scope) .ph-text{margin-top:18px;max-width:54ch;animation:z-fade 1s .45s both}
:is(.zand,#zand-scope) .ph-text h3{font-size:19px;color:var(--blue-ink)}
:is(.zand,#zand-scope) .phero .btns{animation:z-fade 1s .6s both}
:is(.zand,#zand-scope) .phero-art{height:560px}
:is(.zand,#zand-scope) .phero .slab{top:6%;height:84%}
:is(.zand,#zand-scope) .phero-main{left:6%;right:5%;top:11%;bottom:9%;z-index:1}
:is(.zand,#zand-scope) .phero-frame{width:100%;height:100%;background:#fff;border-radius:32px;box-shadow:0 40px 80px -40px rgba(11,22,32,.35);display:grid;place-items:center;padding:clamp(16px,3vw,32px);overflow:hidden}
:is(.zand,#zand-scope) .phero-frame img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
:is(.zand,#zand-scope) .phero-main .ui{height:100%;min-height:0}
:is(.zand,#zand-scope) .phero .pE{left:-3%;top:-3%;z-index:2}
:is(.zand,#zand-scope) .fchip-w{z-index:3}
:is(.zand,#zand-scope) .fchip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#fff;box-shadow:0 18px 36px -18px rgba(11,22,32,.4);font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;line-height:1.2}
:is(.zand,#zand-scope) .fchip svg{color:#fff;background:var(--blue-sec);border-radius:50%;padding:3px;width:20px;height:20px}
:is(.zand,#zand-scope) .fchip-1{right:-3%;top:4%}
:is(.zand,#zand-scope) .fchip-2{left:-6%;bottom:22%}
:is(.zand,#zand-scope) .fchip-3{right:-2%;bottom:2%}
:is(.zand,#zand-scope) .fchip-4{left:22%;bottom:-3%}
:is(.zand,#zand-scope) .phero.no-art .hero-in{grid-template-columns:minmax(0,1fr)}

/* built-in illustrations */
:is(.zand,#zand-scope) .ui{position:relative;width:100%;height:100%;min-height:380px;display:grid;place-items:center}
:is(.zand,#zand-scope) .ui-main{position:relative;width:min(430px,88%);z-index:1}
:is(.zand,#zand-scope) .ui-float{position:absolute;z-index:2;animation:z-float 8s ease-in-out infinite}
:is(.zand,#zand-scope) .ui-f1{left:0;top:2%;width:min(300px,72%)}
:is(.zand,#zand-scope) .ui-f2{right:0;bottom:2%;width:min(230px,56%);animation-delay:-3s}
:is(.zand,#zand-scope) .ui-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:var(--blue-ink)}
:is(.zand,#zand-scope) .ui-dots{display:flex;gap:4px}
:is(.zand,#zand-scope) .ui-dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}
:is(.zand,#zand-scope) .ui-bars{display:flex;align-items:flex-end;gap:8px;height:120px}
:is(.zand,#zand-scope) .ui-bars i{flex:1;border-radius:6px 6px 2px 2px;background:var(--blue-sec);transform-origin:bottom;animation:z-grow 1.4s cubic-bezier(.2,.8,.2,1) both}
:is(.zand,#zand-scope) .ui-bars i:nth-child(odd){background:var(--sky)}
:is(.zand,#zand-scope) .ui-bars i:nth-child(2){animation-delay:.08s}:is(.zand,#zand-scope) .ui-bars i:nth-child(3){animation-delay:.16s}:is(.zand,#zand-scope) .ui-bars i:nth-child(4){animation-delay:.24s}:is(.zand,#zand-scope) .ui-bars i:nth-child(5){animation-delay:.32s}:is(.zand,#zand-scope) .ui-bars i:nth-child(6){animation-delay:.4s}:is(.zand,#zand-scope) .ui-bars i:nth-child(7){animation-delay:.48s}
:is(.zand,#zand-scope) .ui-legend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--mute)}
:is(.zand,#zand-scope) .ui-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
:is(.zand,#zand-scope) .ui-legend .lg1{background:var(--sky)}
:is(.zand,#zand-scope) .ui-legend .lg2{background:var(--blue-sec)}
:is(.zand,#zand-scope) .ui-rank{padding:14px 16px}
:is(.zand,#zand-scope) .ui-rank .ui-bars{height:72px}
:is(.zand,#zand-scope) .ui-maptile{margin-top:0;height:min(320px,100%);width:min(460px,94%);box-shadow:0 40px 80px -40px rgba(11,22,32,.35);border:6px solid #fff}
:is(.zand,#zand-scope) .ui-pin2,:is(.zand,#zand-scope) .ui-pin3{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--blue-sec);border:3px solid #fff;box-shadow:0 6px 14px rgba(11,22,32,.25)}
:is(.zand,#zand-scope) .ui-pin2{left:22%;top:28%}
:is(.zand,#zand-scope) .ui-pin3{left:72%;top:64%}
:is(.zand,#zand-scope) .ui-map .ui-f2{display:grid;gap:8px}
:is(.zand,#zand-scope) .ui-row{display:flex;gap:12px;align-items:center;padding:10px 8px;border-radius:12px}
:is(.zand,#zand-scope) .ui-row > div{flex:1;display:grid;gap:6px}
:is(.zand,#zand-scope) .ui-row.is-new{background:var(--ice)}
:is(.zand,#zand-scope) .fav-grey{background:#D5E2EC}
:is(.zand,#zand-scope) .ui-chat{display:flex;gap:10px;align-items:center}
:is(.zand,#zand-scope) .ui-chat > div,:is(.zand,#zand-scope) .ui-task > div{flex:1;display:grid;gap:6px}
:is(.zand,#zand-scope) .ui-task{display:flex;gap:12px;align-items:center}
:is(.zand,#zand-scope) .ui-task .ok{margin-left:0}
:is(.zand,#zand-scope) .ui-crm-grid{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;align-items:center;margin-bottom:16px}
:is(.zand,#zand-scope) .ui-crm-grid > div:last-child{display:grid;gap:8px}
:is(.zand,#zand-scope) .ui-donut{width:90px;height:90px;border-radius:50%;background:conic-gradient(var(--blue-sec) 0 62%,var(--sky) 62% 84%,var(--hot) 84% 100%);-webkit-mask:radial-gradient(circle,transparent 52%,#000 53%);mask:radial-gradient(circle,transparent 52%,#000 53%);animation:z-spin 30s linear infinite}
:is(.zand,#zand-scope) .ui-browser{padding:0;overflow:hidden}
:is(.zand,#zand-scope) .ui-chrome{display:flex;gap:6px;align-items:center;padding:10px 14px;background:var(--ice)}
:is(.zand,#zand-scope) .ui-chrome i{width:9px;height:9px;border-radius:50%;background:#C9D8E4}
:is(.zand,#zand-scope) .ui-chrome span{flex:1;height:14px;border-radius:7px;background:#fff;margin-left:10px}
:is(.zand,#zand-scope) .ui-page{padding:16px;display:grid;gap:10px}
:is(.zand,#zand-scope) .ui-hero-blk{height:96px;border-radius:12px;background-color:var(--blue);background-image:radial-gradient(rgba(255,255,255,.3) 1.3px,transparent 1.5px);background-size:14px 14px}
:is(.zand,#zand-scope) .ui-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
:is(.zand,#zand-scope) .ui-cols i{height:48px;border-radius:10px;background:var(--ice)}
:is(.zand,#zand-scope) .ui-phone{width:150px;padding:10px;border-radius:26px;display:grid;gap:8px}
:is(.zand,#zand-scope) .ui-phone .ui-hero-blk{height:72px}
:is(.zand,#zand-scope) .ui-sheet{color:var(--blue-ink);border:1.5px solid var(--blue-ink);border-radius:10px;box-shadow:14px 14px 0 rgba(0,119,187,.13)}
:is(.zand,#zand-scope) .ui-sheet svg{width:100%;height:auto}
:is(.zand,#zand-scope) .ui-sheet .tblock{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
@keyframes z-grow{from{transform:scaleY(0)}}

/* text & visual */
:is(.zand,#zand-scope) .sp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center}
:is(.zand,#zand-scope) .sp-r-text{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
:is(.zand,#zand-scope) .sp-r-media{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
:is(.zand,#zand-scope) .sp-rev .sp-media{order:-1}
:is(.zand,#zand-scope) .sp-rev.sp-r-text{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
:is(.zand,#zand-scope) .sp-rev.sp-r-media{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
:is(.zand,#zand-scope) .sp-head > :first-child{margin-top:0}
:is(.zand,#zand-scope) .sp-head .h2{margin-top:16px}
:is(.zand,#zand-scope) .sp-sub{margin-top:18px;font-family:'Archivo',sans-serif;font-weight:700;font-stretch:102%;font-size:clamp(19px,1.7vw,24px);line-height:1.25;letter-spacing:-.01em;color:var(--blue-ink)}
:is(.zand,#zand-scope) .bg-blue .sp-sub{color:#fff}
:is(.zand,#zand-scope) .sp-body{margin-top:26px}
:is(.zand,#zand-scope) .sp.sp-text{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}
:is(.zand,#zand-scope) .sp-text .sp-copy{display:contents}
:is(.zand,#zand-scope) .sp-text .sp-head{position:sticky;top:120px}
:is(.zand,#zand-scope) .sp-text .sp-body{margin-top:0}
:is(.zand,#zand-scope) .sp-text .rt{font-size:18px}
:is(.zand,#zand-scope) .sp-text .rt > p:first-child::first-letter{font-family:'Archivo',sans-serif;font-weight:800;font-size:3.3em;float:left;line-height:.82;margin:.06em .12em 0 0;color:var(--blue)}
:is(.zand,#zand-scope) .bg-blue .sp-text .rt > p:first-child::first-letter{color:#fff}
:is(.zand,#zand-scope) .cklist{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
:is(.zand,#zand-scope) .cklist li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:var(--ice);color:var(--ink);font-size:16px;line-height:1.5;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .cklist li:hover{transform:translateX(6px)}
:is(.zand,#zand-scope) .cklist svg{flex-shrink:0;margin-top:1px;color:#fff;background:var(--blue-sec);border-radius:50%;padding:4px;width:24px;height:24px}
:is(.zand,#zand-scope) .bg-ice .cklist li,:is(.zand,#zand-scope) .bp-sec .cklist li{background:#fff}
:is(.zand,#zand-scope) .bg-blue .cklist li{background:rgba(255,255,255,.12);color:#fff}
:is(.zand,#zand-scope) .bg-blue .cklist svg{background:#fff;color:var(--blue-sec)}
:is(.zand,#zand-scope) .pq{position:relative;margin-top:30px;padding:26px 28px;border-radius:24px;background:var(--blue-sec);color:#fff;font-family:'Archivo',sans-serif;font-weight:700;font-size:clamp(19px,1.7vw,24px);line-height:1.3;letter-spacing:-.015em}
:is(.zand,#zand-scope) .pq::before{content:"";position:absolute;left:28px;top:-8px;width:44px;height:16px;border-radius:6px;background:var(--hot)}
:is(.zand,#zand-scope) .bg-blue .pq{background:#fff;color:var(--ink)}
:is(.zand,#zand-scope) .sp-media{position:relative}
:is(.zand,#zand-scope) .sp-frame{position:relative;border-radius:32px;overflow:hidden;min-height:420px;display:grid;place-items:center;background:var(--ice);z-index:1}
:is(.zand,#zand-scope) .bg-ice .sp-frame,:is(.zand,#zand-scope) .bp-sec .sp-frame{background:#fff}
:is(.zand,#zand-scope) .bg-blue .sp-frame{background:#fff}
:is(.zand,#zand-scope) .sp-frame.is-contain{padding:clamp(20px,4vw,48px);background-image:radial-gradient(rgba(0,119,187,.12) 1.2px,transparent 1.4px);background-size:22px 22px}
:is(.zand,#zand-scope) .sp-frame.is-contain img{max-width:100%;max-height:440px;width:auto;height:auto;object-fit:contain;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .sp-media:hover .sp-frame.is-contain img{transform:scale(1.04)}
:is(.zand,#zand-scope) .sp-frame.is-cover img,:is(.zand,#zand-scope) .sp-frame.is-cover video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .sp-media:hover .sp-frame.is-cover img{transform:scale(1.04)}
:is(.zand,#zand-scope) .sp-frame.is-ui{background:transparent;overflow:visible}
:is(.zand,#zand-scope) .sp-dots{position:absolute;right:-18px;top:-18px;width:120px;height:120px;background-image:radial-gradient(var(--blue) 1.6px,transparent 1.8px);background-size:14px 14px;opacity:.45;z-index:0}
:is(.zand,#zand-scope) .sp-ring{position:absolute;left:-28px;bottom:-28px;width:140px;height:140px;border-radius:50%;border:2px dashed rgba(0,119,187,.35);z-index:0;animation:z-spin 40s linear infinite}
:is(.zand,#zand-scope) .bg-blue .sp-dots{background-image:radial-gradient(#fff 1.6px,transparent 1.8px)}
:is(.zand,#zand-scope) .bg-blue .sp-ring{border-color:rgba(255,255,255,.4)}
:is(.zand,#zand-scope) .sp-rev .sp-dots{right:auto;left:-18px}
:is(.zand,#zand-scope) .sp-rev .sp-ring{left:auto;right:-28px}
:is(.zand,#zand-scope) .sp-tag{position:absolute;z-index:2;left:24px;bottom:24px;display:inline-flex;gap:8px;align-items:center;background:#fff;color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:600;font-size:14px;box-shadow:0 18px 36px -18px rgba(11,22,32,.4);animation:z-float 7s ease-in-out infinite}
:is(.zand,#zand-scope) .sp-tag svg{color:var(--hot)}

/* cards */
:is(.zand,#zand-scope) .cg-head{display:grid;gap:20px 56px;margin-bottom:clamp(36px,4vw,56px)}
:is(.zand,#zand-scope) .cg-head-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
:is(.zand,#zand-scope) .cg-head-center{text-align:center;justify-items:center}
:is(.zand,#zand-scope) .cg-head-center .h2{margin-inline:auto}
:is(.zand,#zand-scope) .cg-head-center .eb{justify-content:center}
:is(.zand,#zand-scope) .cg-head-center .cg-intro{margin-inline:auto}
:is(.zand,#zand-scope) .cg-head > div > :first-child{margin-top:0}
:is(.zand,#zand-scope) .cg-head .h2{margin-top:16px}
:is(.zand,#zand-scope) .cg-intro{max-width:62ch}
:is(.zand,#zand-scope) .cg{--cols:var(--cols-d,3);display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:18px}
:is(.zand,#zand-scope) .cd{position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s,background .3s;overflow:hidden}
:is(.zand,#zand-scope) .bg-white .cd{background:#fff}
:is(.zand,#zand-scope) .cd:hover{transform:translateY(-6px);box-shadow:0 30px 60px -34px rgba(11,22,32,.35);border-color:transparent}
:is(.zand,#zand-scope) .cd-ic{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--ice);color:var(--blue-ink);transition:background .35s,color .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .cd:hover .cd-ic{background:var(--blue-sec);color:#fff;transform:rotate(-8deg) scale(1.05)}
:is(.zand,#zand-scope) .cd-t{display:block;margin-top:22px;font-family:'Archivo',sans-serif;font-weight:700;font-stretch:104%;font-size:21px;line-height:1.22;letter-spacing:-.01em;color:var(--ink)}
:is(.zand,#zand-scope) .cd-x{margin-top:10px;font-size:16px;line-height:1.65}
:is(.zand,#zand-scope) .cd-n{display:block;font-family:'Archivo',sans-serif;font-weight:900;font-stretch:120%;font-size:56px;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--blue-sec);letter-spacing:-.04em;transition:color .4s}
:is(.zand,#zand-scope) .cd-numbered:hover .cd-n{color:var(--blue)}
:is(.zand,#zand-scope) .cd-text{border-radius:26px;padding:34px}
:is(.zand,#zand-scope) .cd-text .cd-n{font-size:14px;font-weight:700;-webkit-text-stroke:0;color:var(--blue-ink);letter-spacing:.16em;display:flex;align-items:center;gap:12px}
:is(.zand,#zand-scope) .cd-text .cd-n::after{content:"";flex:1;height:1px;background:var(--line)}
:is(.zand,#zand-scope) .cd-text .cd-t{font-size:clamp(20px,1.7vw,25px);margin-top:16px}
:is(.zand,#zand-scope) .cd-text .cd-x{font-size:16px}
:is(.zand,#zand-scope) .bg-blue .cd{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}
:is(.zand,#zand-scope) .bg-blue .cd:hover{background:rgba(255,255,255,.14)}
:is(.zand,#zand-scope) .bg-blue .cd-t,:is(.zand,#zand-scope) .bg-blue .cd-x,:is(.zand,#zand-scope) .bg-blue .cd-x p,:is(.zand,#zand-scope) .bg-blue .cd-text .cd-n{color:#fff}
:is(.zand,#zand-scope) .bg-blue .cd-n{-webkit-text-stroke-color:#fff}
:is(.zand,#zand-scope) .bg-blue .cd-text .cd-n::after{background:rgba(255,255,255,.3)}
:is(.zand,#zand-scope) .bg-blue .cd-ic{background:rgba(255,255,255,.15);color:#fff}
:is(.zand,#zand-scope) .cg-steps{gap:0}
:is(.zand,#zand-scope) .cd.cd-step{background:transparent;border:0;border-radius:0;padding:0 24px 0 0;overflow:visible}
:is(.zand,#zand-scope) .cd.cd-step:hover{transform:none;box-shadow:none;background:transparent}
:is(.zand,#zand-scope) .cd-step .cd-n{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--blue-sec);color:#fff;-webkit-text-stroke:0;font-size:19px;font-weight:800;letter-spacing:0;box-shadow:0 0 0 8px rgba(0,154,232,.14);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
:is(.zand,#zand-scope) .cd-step:hover .cd-n{transform:scale(1.08);box-shadow:0 0 0 14px rgba(0,154,232,.16)}
:is(.zand,#zand-scope) .cd-step::before{content:"";position:absolute;left:78px;right:14px;top:31px;height:2px;background-image:linear-gradient(90deg,var(--blue-sec) 55%,transparent 55%);background-size:12px 2px}
:is(.zand,#zand-scope) .cd-step:last-child::before{display:none}
:is(.zand,#zand-scope) .bg-blue .cd-step .cd-n{background:#fff;color:var(--blue-sec);box-shadow:0 0 0 8px rgba(255,255,255,.18)}
:is(.zand,#zand-scope) .bg-blue .cd-step::before{background-image:linear-gradient(90deg,#fff 55%,transparent 55%)}
:is(.zand,#zand-scope) .cd-flip{position:relative;perspective:1400px;min-height:340px;outline:none;cursor:pointer}
:is(.zand,#zand-scope) .cd-flip:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:26px}
:is(.zand,#zand-scope) .cd-in{position:relative;height:100%;min-height:340px;transition:transform .85s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
:is(.zand,#zand-scope) .cd-flip:hover .cd-in,:is(.zand,#zand-scope) .cd-flip:focus-visible .cd-in,:is(.zand,#zand-scope) .cd-flip.flipped .cd-in{transform:rotateY(180deg)}
:is(.zand,#zand-scope) .cd-face{position:absolute;inset:0;border-radius:26px;padding:30px;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;border:1px solid var(--line);overflow:hidden;background:#fff}
:is(.zand,#zand-scope) .cd-front::after{content:"";position:absolute;right:-24px;bottom:-24px;width:150px;height:150px;background-image:radial-gradient(rgba(0,119,187,.22) 1.4px,transparent 1.6px);background-size:14px 14px;border-radius:50%}
:is(.zand,#zand-scope) .cd-front .cd-t{font-size:23px;position:relative;z-index:1}
:is(.zand,#zand-scope) .cd-more{position:relative;z-index:1;margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--blue-ink)}
:is(.zand,#zand-scope) .cd-more svg{width:32px;height:32px;padding:9px;border-radius:50%;background:var(--ice);transition:transform .4s}
:is(.zand,#zand-scope) .cd-flip:hover .cd-more svg{transform:rotate(45deg)}
:is(.zand,#zand-scope) .cd-back{background:var(--blue-sec);border-color:var(--blue-sec);transform:rotateY(180deg);justify-content:center;overflow:auto}
:is(.zand,#zand-scope) .cd-back .cd-x,:is(.zand,#zand-scope) .cd-back .cd-x p{color:#fff;font-size:15px;line-height:1.6;margin-top:0}
:is(.zand,#zand-scope) .cd-back .cd-n{position:absolute;right:20px;top:14px;font-size:44px;-webkit-text-stroke:1.5px rgba(255,255,255,.45)}
:is(.zand,#zand-scope) .cg-cta{margin-top:40px;display:flex;justify-content:center}
:is(.zand,#zand-scope) .cg-cta .btns{margin-top:0}

/* faq */
:is(.zand,#zand-scope) .faq{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(32px,5vw,80px);align-items:start}
:is(.zand,#zand-scope) .faq-head{position:sticky;top:120px}
:is(.zand,#zand-scope) .faq-head > :first-child{margin-top:0}
:is(.zand,#zand-scope) .faq-head .rt{margin-top:18px}
:is(.zand,#zand-scope) .faq-list{display:grid;gap:12px}
:is(.zand,#zand-scope) .fq{background:#fff;border:1px solid var(--line);border-radius:22px;transition:box-shadow .35s,border-color .35s}
:is(.zand,#zand-scope) .bg-white .fq{background:var(--ice);border-color:transparent}
:is(.zand,#zand-scope) .fq.open{box-shadow:0 24px 48px -30px rgba(11,22,32,.35);border-color:var(--blue-sec)}
:is(.zand,#zand-scope) .fq-h{margin:0;font-size:inherit;line-height:inherit}
:is(.zand,#zand-scope) .fq-q{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:12px;align-items:center;padding:20px 22px;text-align:left;color:var(--ink);min-height:44px}
:is(.zand,#zand-scope) .fq-q:hover,:is(.zand,#zand-scope) .fq-q:focus{color:var(--blue-ink)}
:is(.zand,#zand-scope) .fq-n{font-size:13px;font-weight:700;color:var(--blue-ink);font-variant-numeric:tabular-nums}
:is(.zand,#zand-scope) .fq-t{font-family:'Archivo',sans-serif;font-weight:700;font-size:clamp(17px,1.4vw,20px);line-height:1.3;letter-spacing:-.01em}
:is(.zand,#zand-scope) .fq-i{position:relative;width:36px;height:36px;border-radius:50%;background:var(--ice);transition:background .3s,transform .45s}
:is(.zand,#zand-scope) .bg-white .fq-i{background:#fff}
:is(.zand,#zand-scope) .fq-i::before,:is(.zand,#zand-scope) .fq-i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;background:var(--blue-ink);transform:translate(-50%,-50%);transition:transform .45s,background .3s}
:is(.zand,#zand-scope) .fq-i::after{transform:translate(-50%,-50%) rotate(90deg)}
:is(.zand,#zand-scope) .fq.open .fq-i{background:var(--blue-sec);transform:rotate(180deg)}
:is(.zand,#zand-scope) .fq.open .fq-i::before,:is(.zand,#zand-scope) .fq.open .fq-i::after{background:#fff}
:is(.zand,#zand-scope) .fq.open .fq-i::after{transform:translate(-50%,-50%) rotate(0deg)}
:is(.zand,#zand-scope) .fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .fq.open .fq-a{grid-template-rows:1fr}
:is(.zand,#zand-scope) .fq-a-in{overflow:hidden;min-height:0}
:is(.zand,#zand-scope) .fq-a .rt{padding:0 22px 24px 70px;font-size:16px}

/* banner / cta */
:is(.zand,#zand-scope) .cta{overflow:hidden}
:is(.zand,#zand-scope) .cta-in{position:relative;z-index:1;display:grid;gap:28px 64px}
:is(.zand,#zand-scope) .cta-split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end}
:is(.zand,#zand-scope) .cta-center{justify-items:center;text-align:center;max-width:1040px}
:is(.zand,#zand-scope) .cta-center .eb,:is(.zand,#zand-scope) .cta-center .btns{justify-content:center}
:is(.zand,#zand-scope) .cta-center .h2{margin-inline:auto}
:is(.zand,#zand-scope) .cta-center .rt{max-width:70ch;margin-inline:auto}
:is(.zand,#zand-scope) .cta-image{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}
:is(.zand,#zand-scope) .cta-image .cta-head,:is(.zand,#zand-scope) .cta-image .cta-body{grid-column:1}
:is(.zand,#zand-scope) .cta-img{grid-column:2;grid-row:1 / span 2;display:grid;place-items:center}
:is(.zand,#zand-scope) .cta-img img{width:100%;max-height:440px;object-fit:contain;animation:z-float 9s ease-in-out infinite}
:is(.zand,#zand-scope) .cta-head > :first-child{margin-top:0}
:is(.zand,#zand-scope) .cta .h2{max-width:22ch}
:is(.zand,#zand-scope) .cta .h2.h2-m{max-width:none}
:is(.zand,#zand-scope) .cta .rt{font-size:18px}
:is(.zand,#zand-scope) .cta-body .btns{margin-top:28px}
:is(.zand,#zand-scope) .cta-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);pointer-events:none}
:is(.zand,#zand-scope) .cta-ring.r1{width:520px;height:520px;right:-160px;top:-220px;animation:z-float 12s ease-in-out infinite}
:is(.zand,#zand-scope) .cta-ring.r2{width:300px;height:300px;right:140px;bottom:-190px;border-style:dashed;animation:z-spin 60s linear infinite}
:is(.zand,#zand-scope) .bg-ice .cta-ring,:is(.zand,#zand-scope) .bg-white .cta-ring,:is(.zand,#zand-scope) .bp-sec .cta-ring{border-color:rgba(0,119,187,.2)}

@media (max-width:980px){
:is(.zand,#zand-scope) .sp,:is(.zand,#zand-scope) .sp.sp-text,:is(.zand,#zand-scope) .sp-r-text,:is(.zand,#zand-scope) .sp-r-media,:is(.zand,#zand-scope) .sp-rev.sp-r-text,:is(.zand,#zand-scope) .sp-rev.sp-r-media,:is(.zand,#zand-scope) .faq,:is(.zand,#zand-scope) .cta-split,:is(.zand,#zand-scope) .cta-image,:is(.zand,#zand-scope) .cg-head-split{grid-template-columns:minmax(0,1fr)}
:is(.zand,#zand-scope) .sp-rev .sp-media{order:0}
:is(.zand,#zand-scope) .sp-text .sp-head,:is(.zand,#zand-scope) .faq-head{position:relative;top:0}
:is(.zand,#zand-scope) .sp-frame{min-height:320px}
:is(.zand,#zand-scope) .cta-img{grid-column:1;grid-row:auto}
:is(.zand,#zand-scope) .cg{--cols:2}
:is(.zand,#zand-scope) .cg.cg-steps{--cols:1}
:is(.zand,#zand-scope) .cd.cd-step{padding:0 0 34px 88px;min-height:64px}
:is(.zand,#zand-scope) .cd-step .cd-n{position:absolute;left:0;top:0}
:is(.zand,#zand-scope) .cd-step .cd-t{margin-top:14px}
:is(.zand,#zand-scope) .cd-step::before{left:31px;right:auto;top:72px;bottom:6px;width:2px;height:auto;background-image:linear-gradient(180deg,var(--blue-sec) 55%,transparent 55%);background-size:2px 12px}
:is(.zand,#zand-scope) .bg-blue .cd-step::before{background-image:linear-gradient(180deg,#fff 55%,transparent 55%)}
:is(.zand,#zand-scope) .phero-art{height:500px;max-width:560px;width:100%;margin-inline:auto}
}
@media (max-width:620px){
:is(.zand,#zand-scope) .cg{--cols:1}
:is(.zand,#zand-scope) .phero-art{height:420px}
:is(.zand,#zand-scope) .fchip-2,:is(.zand,#zand-scope) .fchip-4{display:none}
:is(.zand,#zand-scope) .fchip-1{right:0}
:is(.zand,#zand-scope) .fchip-3{right:0}
:is(.zand,#zand-scope) .fq-q{grid-template-columns:minmax(0,1fr) 36px;padding:18px}
:is(.zand,#zand-scope) .fq-n{display:none}
:is(.zand,#zand-scope) .fq-a .rt{padding:0 18px 22px}
:is(.zand,#zand-scope) .ui{min-height:320px}
:is(.zand,#zand-scope) .cta-ring{display:none}
}
@media (hover:none){
:is(.zand,#zand-scope) .cd-flip:hover .cd-in{transform:none}
:is(.zand,#zand-scope) .cd-flip.flipped .cd-in{transform:rotateY(180deg)}
}
/* flip cards: on touch screens and small widths show both faces, no tap needed */
@media (hover:none), (max-width:980px){
:is(.zand,#zand-scope) .cd-flip{min-height:0;cursor:default}
:is(.zand,#zand-scope) .cd-flip .cd-in,:is(.zand,#zand-scope) .cd-flip:hover .cd-in,:is(.zand,#zand-scope) .cd-flip.flipped .cd-in{min-height:0;transform:none}
:is(.zand,#zand-scope) .cd-flip .cd-face{position:relative;inset:auto;-webkit-backface-visibility:visible;backface-visibility:visible}
:is(.zand,#zand-scope) .cd-flip .cd-front{border-radius:26px 26px 0 0;border-bottom:0;padding-bottom:8px}
:is(.zand,#zand-scope) .cd-flip .cd-front::after,:is(.zand,#zand-scope) .cd-flip .cd-more{display:none}
:is(.zand,#zand-scope) .cd-flip .cd-back{transform:none;border-radius:0 0 26px 26px;background:#fff;border-color:var(--line);border-top:0;padding-top:4px}
:is(.zand,#zand-scope) .cd-flip .cd-back .cd-x,:is(.zand,#zand-scope) .cd-flip .cd-back .cd-x p{color:var(--mute)}
:is(.zand,#zand-scope) .cd-flip .cd-back .cd-n{display:none}
}
:is(.zand,#zand-scope) .sp-text .rt > p:first-child::first-letter{line-height:.78;margin-top:.1em}

/* =================================================================== */
/* Animated scenes (container-query sized, image-free)                 */
/* =================================================================== */
:is(.zand,#zand-scope) .sc{position:relative;width:100%;aspect-ratio:10/8.4;container-type:inline-size;font-size:2.5cqw;line-height:1.3;color:var(--ink);isolation:isolate}
:is(.zand,#zand-scope) .sc *{box-sizing:border-box}
:is(.zand,#zand-scope) .sc .zi{width:1.2em;height:1.2em;flex-shrink:0}
:is(.zand,#zand-scope) .sc-glow{position:absolute;left:18%;top:12%;width:64%;height:74%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,154,232,.24),rgba(0,154,232,0));filter:blur(2cqw);animation:z-breathe 8s ease-in-out infinite;z-index:-1}
:is(.zand,#zand-scope) .sc-dots{position:absolute;inset:2%;background-image:radial-gradient(rgba(0,119,187,.22) .28cqw,transparent .34cqw);background-size:4cqw 4cqw;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent);mask-image:radial-gradient(closest-side,#000 30%,transparent);z-index:-1}
:is(.zand,#zand-scope) .bg-blue .sc-glow{background:radial-gradient(closest-side,rgba(255,255,255,.22),rgba(255,255,255,0))}
:is(.zand,#zand-scope) .bg-blue .sc-dots{background-image:radial-gradient(rgba(255,255,255,.3) .28cqw,transparent .34cqw)}
:is(.zand,#zand-scope) .sk{position:absolute;background:#fff;border-radius:2.6cqw;box-shadow:0 .4cqw 0 rgba(11,22,32,.03),0 4cqw 8cqw -3.5cqw rgba(11,22,32,.38);padding:3cqw;z-index:1;color:var(--ink)}
:is(.zand,#zand-scope) .sk-ln{display:block;height:1.5cqw;border-radius:1cqw;background:#E3ECF3;margin-top:1.3cqw}
:is(.zand,#zand-scope) .sk-ln.is-blue{background:var(--blue-sec)}
:is(.zand,#zand-scope) .sk-ln.is-white{background:rgba(255,255,255,.85)}
:is(.zand,#zand-scope) .sk-lbl{font-size:2cqw;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-ink);line-height:1.2}
:is(.zand,#zand-scope) .sk-head{display:flex;justify-content:space-between;align-items:center;gap:2cqw;color:var(--blue-ink)}
:is(.zand,#zand-scope) .sk-row{display:flex;align-items:center;gap:2cqw}
:is(.zand,#zand-scope) .sk-row .sk-ln{margin:0;flex:1}
:is(.zand,#zand-scope) .sk-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:1.4cqw;padding:1.6cqw 2.6cqw 1.6cqw 1.6cqw;border-radius:99px;background:#fff;box-shadow:0 3cqw 6cqw -2.5cqw rgba(11,22,32,.45);font-size:2.4cqw;font-weight:600;white-space:nowrap;color:var(--ink)}
:is(.zand,#zand-scope) .sk-chip .zi{color:#fff;background:var(--blue-sec);border-radius:50%;padding:.7cqw;width:4cqw;height:4cqw}
:is(.zand,#zand-scope) .sk-fav{width:5cqw;height:5cqw;border-radius:50%;background:var(--blue);color:#fff;font-family:'Archivo',sans-serif;font-weight:800;font-size:2.4cqw;display:grid;place-items:center;flex-shrink:0;line-height:1}
:is(.zand,#zand-scope) .sk-fav.is-grey{background:#D5E2EC}
:is(.zand,#zand-scope) .sk-av{width:5.5cqw;height:5.5cqw;border-radius:50%;background:var(--c);display:grid;place-items:center;flex-shrink:0;overflow:hidden;border:.5cqw solid #fff;box-shadow:0 1cqw 2cqw -1cqw rgba(11,22,32,.4)}
:is(.zand,#zand-scope) .sk-av svg{width:78%;height:78%;margin-top:22%}
:is(.zand,#zand-scope) .sk-bar{display:flex;gap:1cqw;align-items:center;margin:-.5cqw 0 2cqw}
:is(.zand,#zand-scope) .sk-bar i{width:1.4cqw;height:1.4cqw;border-radius:50%;background:#D5E2EC}
:is(.zand,#zand-scope) .sk-bar span{flex:1;height:2.4cqw;border-radius:2cqw;background:var(--ice);margin-left:1.5cqw}
:is(.zand,#zand-scope) .sk-bar .tab{flex:none;padding:.5cqw 2cqw;height:auto;font-size:1.8cqw;border-radius:1cqw;background:#fff;color:var(--mute)}
:is(.zand,#zand-scope) .sk-srch{display:flex;align-items:center;gap:1.5cqw;border:.3cqw solid var(--line);border-radius:99px;padding:1.6cqw 2.4cqw;font-size:2.3cqw;white-space:nowrap;overflow:hidden;background:#fff}
:is(.zand,#zand-scope) .sk-srch .zi{color:var(--blue-ink)}
:is(.zand,#zand-scope) .sk-typed{display:inline-block;overflow:hidden;white-space:nowrap;max-width:30ch;animation:z-typeL 7s steps(28) infinite}
:is(.zand,#zand-scope) .sk-caret{width:.3cqw;height:2.6cqw;background:var(--blue-sec);flex-shrink:0;animation:z-blink 1s steps(1) infinite}
:is(.zand,#zand-scope) .sk-pill{display:inline-flex;align-items:center;gap:1cqw;font-size:1.9cqw;font-weight:700;padding:.8cqw 1.8cqw;border-radius:99px;background:var(--ice);color:var(--blue-ink)}
:is(.zand,#zand-scope) .sk-dots3{display:flex;gap:.8cqw}
:is(.zand,#zand-scope) .sk-dots3 i{width:1.2cqw;height:1.2cqw;border-radius:50%;background:var(--line)}
:is(.zand,#zand-scope) .sk-svg{display:block;width:100%;height:auto;overflow:visible}
:is(.zand,#zand-scope) .sk-draw{fill:none;stroke:var(--blue-sec);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;vector-effect:non-scaling-stroke;animation:z-drawL 6s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-area{fill:rgba(0,154,232,.16);animation:z-areaL 6s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-end{fill:var(--hot);transform-box:fill-box;transform-origin:center;animation:z-popL 6s infinite}
:is(.zand,#zand-scope) .b-cta{display:inline-flex;margin-top:2cqw;padding:1.2cqw 2.6cqw;border-radius:99px;background:#fff;color:var(--blue-sec);font-size:2cqw;font-weight:700;animation:z-ctap 6s infinite}
:is(.zand,#zand-scope) .sk-cursor{position:absolute;width:5cqw;height:5cqw;z-index:4;animation:z-cursor 6s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-cursor svg{width:100%;height:100%;filter:drop-shadow(0 .6cqw .8cqw rgba(0,0,0,.25))}
:is(.zand,#zand-scope) .sk-click{position:absolute;left:.6cqw;top:.6cqw;width:6cqw;height:6cqw;margin:-3cqw 0 0 -3cqw;border-radius:50%;border:.5cqw solid var(--hot);opacity:0;animation:z-clk 6s infinite}
:is(.zand,#zand-scope) .sk-ping{position:absolute;width:3cqw;height:3cqw;margin:-1.5cqw;border-radius:50%;background:var(--hot);z-index:2;animation:z-pingS 2s infinite}
:is(.zand,#zand-scope) .b-hero{border-radius:2cqw;background-color:var(--blue);background-image:radial-gradient(rgba(255,255,255,.28) .3cqw,transparent .35cqw);background-size:3cqw 3cqw;display:flex;align-items:center;justify-content:space-between;padding:3cqw;gap:3cqw}
:is(.zand,#zand-scope) .b-hero > div{flex:1}
:is(.zand,#zand-scope) .b-hero .sk-ln{height:2cqw}
:is(.zand,#zand-scope) .b-hero.sm{padding:0}
:is(.zand,#zand-scope) .b-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6cqw}
:is(.zand,#zand-scope) .b-cards i{display:block;border-radius:1.6cqw;background:var(--ice);min-height:4cqw}
:is(.zand,#zand-scope) .notch{display:block;width:30%;height:1.4cqw;border-radius:1cqw;background:var(--ink);margin:0 auto 1.2cqw}
/* seo */
:is(.zand,#zand-scope) .sk-serp .serp{position:relative;height:33cqw;margin-top:2.4cqw}
:is(.zand,#zand-scope) .serp-r{display:flex;gap:2cqw;align-items:flex-start;padding:1.8cqw;border-radius:2cqw;position:absolute;left:0;right:0;height:10.4cqw;background:#fff}
:is(.zand,#zand-scope) .serp-r > div{flex:1}
:is(.zand,#zand-scope) .serp-r > div > .sk-ln:first-child{margin-top:.3cqw}
:is(.zand,#zand-scope) .serp .r-a{top:0;animation:z-ra 7s ease-in-out infinite}
:is(.zand,#zand-scope) .serp .r-b{top:11cqw;animation:z-rb 7s ease-in-out infinite}
:is(.zand,#zand-scope) .serp .r-z{top:22cqw;background:var(--ice);box-shadow:0 0 0 .35cqw var(--blue) inset;z-index:1;animation:z-rz 7s ease-in-out infinite}
:is(.zand,#zand-scope) .serp-up{position:absolute;right:1.6cqw;top:1.6cqw;width:4.6cqw;height:4.6cqw;border-radius:50%;background:#1F9D62;color:#fff;display:grid;place-items:center}
:is(.zand,#zand-scope) .serp-up .zi{width:2.8cqw;height:2.8cqw}
:is(.zand,#zand-scope) .sk-mag{position:absolute;z-index:2;width:12cqw;height:12cqw;border-radius:50%;background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:.9cqw solid var(--blue-sec);display:grid;place-items:center;color:var(--blue-sec);box-shadow:0 3cqw 6cqw -3cqw rgba(0,0,0,.4);animation:z-sweep 9s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-mag .zi{width:5cqw;height:5cqw}
:is(.zand,#zand-scope) .sk-mini{padding:2.4cqw}
:is(.zand,#zand-scope) .sk-mini .sk-svg{margin-top:1.6cqw}
:is(.zand,#zand-scope) .sk-chart{display:flex;flex-direction:column}
:is(.zand,#zand-scope) .sk-chart .sk-svg{flex:1;margin-top:2cqw;height:100%}
:is(.zand,#zand-scope) .sk-grid path{stroke:var(--line);stroke-width:1;fill:none;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
:is(.zand,#zand-scope) .sk-x{display:flex;justify-content:space-between;margin-top:1.5cqw}
:is(.zand,#zand-scope) .sk-x i{width:5cqw;height:1.2cqw;border-radius:1cqw;background:#E3ECF3}
:is(.zand,#zand-scope) .sk-map{padding:0;overflow:hidden;background-color:#E4F1FA;background-image:linear-gradient(rgba(0,119,187,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,119,187,.08) 1px,transparent 1px);background-size:6cqw 6cqw;border:1cqw solid #fff}
:is(.zand,#zand-scope) .sk-roads{position:absolute;inset:0;width:100%;height:100%}
:is(.zand,#zand-scope) .sk-roads path{fill:none;stroke:#fff;stroke-width:2.4cqw;vector-effect:non-scaling-stroke;stroke-linecap:round}
:is(.zand,#zand-scope) .sk-roads path.thin{stroke-width:1.1cqw}
:is(.zand,#zand-scope) .sk-pin{position:absolute;width:3.6cqw;height:3.6cqw;border-radius:50% 50% 50% 0;background:var(--blue-sec);border:.6cqw solid #fff;box-shadow:0 1cqw 2cqw rgba(0,0,0,.2);animation:z-dropP 5s ease-out infinite}
:is(.zand,#zand-scope) .sk-pin.p1{left:20%;top:24%}
:is(.zand,#zand-scope) .sk-pin.p2{left:76%;top:26%;animation-delay:.6s}
:is(.zand,#zand-scope) .sk-pin.p3{left:72%;top:70%;animation-delay:1.2s}
:is(.zand,#zand-scope) .sk-radar{position:absolute;width:0;height:0;z-index:1}
:is(.zand,#zand-scope) .sk-radar i{position:absolute;left:-13cqw;top:-13cqw;width:26cqw;height:26cqw;border-radius:50%;border:.4cqw solid var(--hot);background:rgba(255,106,43,.06);opacity:0;animation:z-radar 3s ease-out infinite}
:is(.zand,#zand-scope) .sk-radar i:nth-child(2){animation-delay:1s}
:is(.zand,#zand-scope) .sk-radar i:nth-child(3){animation-delay:2s}
:is(.zand,#zand-scope) .sk-mainpin{position:absolute;transform:translate(-50%,-92%);color:var(--hot);z-index:2}
:is(.zand,#zand-scope) .sk-mainpin .zi{width:9cqw;height:9cqw;filter:drop-shadow(0 1cqw 1cqw rgba(0,0,0,.25));animation:z-bob 2s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-srch-f{padding:1.4cqw}
:is(.zand,#zand-scope) .sk-listing b,:is(.zand,#zand-scope) .sk-notif b,:is(.zand,#zand-scope) .sk-conv b{display:block;font-size:2.5cqw;line-height:1.2}
:is(.zand,#zand-scope) .sk-listing small{font-size:2cqw;color:var(--mute)}
:is(.zand,#zand-scope) .sk-netwrap{position:absolute;inset:6% 4%}
:is(.zand,#zand-scope) .sk-net{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
:is(.zand,#zand-scope) .sk-net line{stroke:var(--blue);stroke-width:.35cqw;vector-effect:non-scaling-stroke;stroke-dasharray:6 6;opacity:.7;animation:z-flow 1.6s linear infinite}
:is(.zand,#zand-scope) .bg-blue .sk-net line{stroke:#fff}
:is(.zand,#zand-scope) .sk-node{position:absolute;transform:translate(-50%,-50%);width:8.4cqw;height:8.4cqw;border-radius:50%;background:#fff;box-shadow:0 2cqw 4cqw -2cqw rgba(11,22,32,.45);display:grid;place-items:center;color:var(--blue-ink);z-index:1;animation:z-nodeP 3s ease-in-out infinite;animation-delay:var(--d,0s)}
:is(.zand,#zand-scope) .sk-node .zi{width:3.8cqw;height:3.8cqw}
:is(.zand,#zand-scope) .sk-node.is-core{width:16cqw;height:16cqw;background:var(--blue-sec);color:#fff;font-family:'Archivo',sans-serif;font-weight:900;font-size:6.5cqw;line-height:1;animation:z-coreP 3s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-task{display:flex;align-items:center;gap:2cqw;padding:1.8cqw 0;border-bottom:.2cqw solid var(--line)}
:is(.zand,#zand-scope) .sk-task:last-of-type{border-bottom:0}
:is(.zand,#zand-scope) .sk-task .sk-ln{margin:0;flex:1}
:is(.zand,#zand-scope) .sk-box{width:4.4cqw;height:4.4cqw;border-radius:1.2cqw;border:.4cqw solid var(--line);display:grid;place-items:center;color:#fff;flex-shrink:0;animation:z-tick 6s infinite;animation-delay:var(--d,0s)}
:is(.zand,#zand-scope) .sk-box .zi{width:2.8cqw;height:2.8cqw;opacity:0;animation:z-tickI 6s infinite;animation-delay:var(--d,0s)}
:is(.zand,#zand-scope) .sk-report .sk-head{margin-bottom:1cqw}
:is(.zand,#zand-scope) .sk-score{display:grid;justify-items:center;gap:1.5cqw;text-align:center}
:is(.zand,#zand-scope) .sk-ring{position:relative;width:20cqw;height:20cqw}
:is(.zand,#zand-scope) .sk-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
:is(.zand,#zand-scope) .sk-ring .t{fill:none;stroke:var(--ice);stroke-width:12}
:is(.zand,#zand-scope) .sk-ring .p{fill:none;stroke:var(--blue-sec);stroke-width:12;stroke-linecap:round;stroke-dasharray:314;animation:z-ringL 6s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-ring span{position:absolute;inset:0;display:grid;place-items:center;color:var(--blue-sec)}
:is(.zand,#zand-scope) .sk-ring .zi{width:7cqw;height:7cqw}
/* brand */
:is(.zand,#zand-scope) .sk-board{display:flex;flex-direction:column;gap:2cqw}
:is(.zand,#zand-scope) .sk-bgrid{flex:1;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:2cqw}
:is(.zand,#zand-scope) .sk-cell{border-radius:2cqw;background:var(--ice);position:relative;overflow:hidden;padding:2.4cqw}
:is(.zand,#zand-scope) .sk-logo{grid-row:span 2;display:grid;place-items:center;background-color:var(--blue-sec);background-image:radial-gradient(rgba(255,255,255,.25) .3cqw,transparent .35cqw);background-size:3cqw 3cqw}
:is(.zand,#zand-scope) .sk-mark{width:22cqw;height:22cqw;border-radius:6cqw;background:#fff;color:var(--blue-sec);font-family:'Archivo',sans-serif;font-weight:900;font-size:14cqw;line-height:1;display:grid;place-items:center;animation:z-mark 6s ease-in-out infinite;z-index:1}
:is(.zand,#zand-scope) .sk-guide{position:absolute;inset:16%;border:.3cqw dashed rgba(255,255,255,.55);border-radius:2cqw}
:is(.zand,#zand-scope) .sk-type b{font-family:'Archivo',sans-serif;font-size:11cqw;line-height:1;color:var(--ink);display:block;animation:z-weight 5s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-type .sk-ln{background:#fff}
:is(.zand,#zand-scope) .sk-swatch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4cqw;padding:2cqw}
:is(.zand,#zand-scope) .sk-sw{border-radius:1.4cqw;background:var(--c);transform-origin:bottom;animation:z-swatch 4s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sk-voice .sk-ln{background:#fff}
:is(.zand,#zand-scope) .sk-orbits i{position:absolute;left:50%;top:50%;border-radius:50%;border:.3cqw dashed rgba(0,119,187,.35);transform:translate(-50%,-50%)}
:is(.zand,#zand-scope) .sk-orbits .o1{width:42cqw;height:42cqw;animation:z-spinC 20s linear infinite}
:is(.zand,#zand-scope) .sk-orbits .o2{width:62cqw;height:62cqw;border-style:solid;border-color:rgba(0,119,187,.16)}
:is(.zand,#zand-scope) .sk-orbits .o3{width:84cqw;height:84cqw;animation:z-spinC 40s linear infinite reverse}
:is(.zand,#zand-scope) .bg-blue .sk-orbits i,:is(.zand,#zand-scope) .bg-blue .sk-rings i{border-color:rgba(255,255,255,.35)}
:is(.zand,#zand-scope) .sk-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20cqw;height:20cqw;border-radius:50%;background:var(--blue-sec);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3cqw rgba(0,154,232,.14),0 3cqw 8cqw -2cqw rgba(0,119,187,.6);z-index:2;animation:z-coreP2 4s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-core b{font-family:'Archivo',sans-serif;font-weight:900;font-size:9cqw;line-height:1;display:grid;place-items:center}
:is(.zand,#zand-scope) .sk-core .zi{width:8cqw;height:8cqw}
:is(.zand,#zand-scope) .sk-core.is-big{width:24cqw;height:24cqw}
:is(.zand,#zand-scope) .bg-blue .sk-core{background:#fff;color:var(--blue-sec)}
:is(.zand,#zand-scope) .sk-orbchip{transform:translate(-50%,-50%);animation:z-floatC 6s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sk-planet{position:absolute;left:50%;top:50%;width:3cqw;height:3cqw;margin:-1.5cqw;border-radius:50%;background:var(--hot)}
:is(.zand,#zand-scope) .sk-planet.pl1{animation:z-orb1 8s linear infinite}
:is(.zand,#zand-scope) .sk-planet.pl2{background:var(--blue);animation:z-orb2 14s linear infinite}
:is(.zand,#zand-scope) .sk-planet.pl3{width:2.2cqw;height:2.2cqw;margin:-1.1cqw;background:var(--ink);animation:z-orb3 22s linear infinite reverse}
:is(.zand,#zand-scope) .sk-rings i{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:.3cqw solid rgba(0,119,187,.18)}
:is(.zand,#zand-scope) .sk-rings i:nth-child(1){width:34cqw;height:34cqw}
:is(.zand,#zand-scope) .sk-rings i:nth-child(2){width:52cqw;height:52cqw;border-style:dashed;animation:z-spinC 30s linear infinite}
:is(.zand,#zand-scope) .sk-rings i:nth-child(3){width:68cqw;height:68cqw}
:is(.zand,#zand-scope) .sk-rings i:nth-child(4){width:84cqw;height:84cqw;border-style:dashed;animation:z-spinC 50s linear infinite reverse}
:is(.zand,#zand-scope) .sk-tag{position:absolute;transform:translate(-50%,-50%);padding:1.4cqw 2.8cqw;border-radius:99px;background:#fff;box-shadow:0 2cqw 4cqw -2cqw rgba(11,22,32,.4);font-size:2.4cqw;font-weight:700;white-space:nowrap;z-index:3;color:var(--ink);animation:z-tagH 5s ease-in-out infinite;animation-delay:var(--d)}
/* web */
:is(.zand,#zand-scope) .sk-win{padding:0;overflow:hidden;display:flex;flex-direction:column}
:is(.zand,#zand-scope) .sk-win .sk-bar{padding:1.6cqw 2.4cqw;margin:0;background:var(--ice)}
:is(.zand,#zand-scope) .sk-page{flex:1;padding:2.4cqw;display:flex;flex-direction:column;gap:2cqw}
:is(.zand,#zand-scope) .sk-page > *{animation:z-build 6s ease-out infinite}
:is(.zand,#zand-scope) .sk-page > :nth-child(2){animation-delay:.25s}
:is(.zand,#zand-scope) .sk-page > :nth-child(3){animation-delay:.5s}
:is(.zand,#zand-scope) .b-nav{display:flex;gap:2cqw;align-items:center}
:is(.zand,#zand-scope) .b-nav i{height:1.4cqw;width:7cqw;border-radius:1cqw;background:#E3ECF3}
:is(.zand,#zand-scope) .b-nav i.logo{width:9cqw;height:2.6cqw;background:var(--blue-sec);margin-right:auto}
:is(.zand,#zand-scope) .sk-page .b-hero{flex:1.3}
:is(.zand,#zand-scope) .sk-page .b-cards{flex:1}
:is(.zand,#zand-scope) .b-art{width:14cqw;height:14cqw;border-radius:3cqw;background:rgba(255,255,255,.28);animation:z-mark 6s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-win .sk-cursor{left:14%;top:46%}
:is(.zand,#zand-scope) .sk-phone{padding:2cqw;border-radius:4cqw;display:flex;flex-direction:column;gap:1.2cqw;border:.6cqw solid var(--ink);overflow:hidden}
:is(.zand,#zand-scope) .sk-phone .b-hero.sm{height:28%;flex:none}
:is(.zand,#zand-scope) .sk-phone .sk-ln{margin-top:.6cqw}
:is(.zand,#zand-scope) .b-btn{display:block;margin-top:auto;height:4cqw;border-radius:99px;background:var(--blue-sec);flex-shrink:0}
:is(.zand,#zand-scope) .sk-editor{background:#F7FAFD;padding:0;overflow:hidden}
:is(.zand,#zand-scope) .sk-editor .sk-bar{padding:1.6cqw 2.4cqw;margin:0 0 1cqw;background:#EAF1F7}
:is(.zand,#zand-scope) .c-row{display:flex;align-items:center;gap:2cqw;padding:.9cqw 2.4cqw;font-size:1.8cqw;color:#9AB0C2}
:is(.zand,#zand-scope) .c-row em{font-style:normal;width:2.4cqw;text-align:right;flex-shrink:0}
:is(.zand,#zand-scope) .c-row span{flex:1;display:flex;gap:1.2cqw}
:is(.zand,#zand-scope) .c-row i{display:block;height:1.7cqw;border-radius:1cqw;transform-origin:left;animation:z-typeB 7s steps(8) infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .c-row .t1{background:var(--blue-sec)}
:is(.zand,#zand-scope) .c-row:nth-child(odd) .t1{background:#7CCBF3}
:is(.zand,#zand-scope) .c-row .t2{background:var(--hot);opacity:.85}
:is(.zand,#zand-scope) .sk-prev{padding:2cqw;display:flex;flex-direction:column;gap:1.6cqw}
:is(.zand,#zand-scope) .sk-prev .b-hero.sm{height:40%;flex:none}
:is(.zand,#zand-scope) .sk-prev .b-cards{grid-template-columns:repeat(2,minmax(0,1fr));flex:1}
:is(.zand,#zand-scope) .sk-badge-code{position:absolute;z-index:3;padding:1.6cqw 2.4cqw;border-radius:2cqw;background:var(--ink);color:#fff;font-family:ui-monospace,Menlo,monospace;font-weight:700;font-size:3cqw;line-height:1}
:is(.zand,#zand-scope) .sk-desk,:is(.zand,#zand-scope) .sk-tab{padding:1.6cqw;display:flex;flex-direction:column;overflow:hidden}
:is(.zand,#zand-scope) .sk-desk .sk-bar{margin:0 0 1.2cqw}
:is(.zand,#zand-scope) .sk-tab{border:.6cqw solid var(--ink);border-radius:3cqw}
:is(.zand,#zand-scope) .sk-scr{flex:1;display:flex;flex-direction:column;gap:1.2cqw;overflow:hidden;animation:z-scrollS 8s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-scr .b-hero.sm{height:40%;flex:none;min-height:8cqw}
:is(.zand,#zand-scope) .sk-scr .b-cards{flex:none;height:22%}
:is(.zand,#zand-scope) .sk-scr .sk-ln{margin-top:.4cqw}
:is(.zand,#zand-scope) .sk-phone .sk-scr .b-cards{grid-template-columns:1fr}
:is(.zand,#zand-scope) .sk-vgrid{position:absolute;inset:6% 4%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3cqw}
:is(.zand,#zand-scope) .sk.sk-site{position:relative;padding:2cqw;display:flex;flex-direction:column;animation:z-site 6s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sk-site .hd{display:block;height:40%;border-radius:1.4cqw;background:var(--c)}
:is(.zand,#zand-scope) .sk-site .bt{display:block;margin-top:auto;width:50%;height:3cqw;border-radius:99px;background:var(--c)}
/* content */
:is(.zand,#zand-scope) .sk-doc{padding:4cqw;overflow:hidden}
:is(.zand,#zand-scope) .d-h{display:block;height:3cqw;width:60%;border-radius:1cqw;background:var(--ink)}
:is(.zand,#zand-scope) .d-img{display:block;height:18cqw;margin:2.4cqw 0 1cqw;border-radius:2cqw;background-color:var(--blue);background-image:radial-gradient(rgba(255,255,255,.28) .3cqw,transparent .35cqw);background-size:3cqw 3cqw}
:is(.zand,#zand-scope) .sk-write{width:var(--w);transform-origin:left;animation:z-writeL 8s linear infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sk-pen{position:absolute;right:5cqw;bottom:5cqw;width:7cqw;height:7cqw;border-radius:50%;background:var(--hot);color:#fff;display:grid;place-items:center;animation:z-penW 3s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-pen .zi{width:3.4cqw;height:3.4cqw}
:is(.zand,#zand-scope) .sk-status{display:grid;gap:1.4cqw;padding:2.4cqw}
:is(.zand,#zand-scope) .st{display:inline-flex;align-items:center;gap:1cqw;padding:1cqw 2cqw;border-radius:99px;font-size:2.2cqw;font-weight:700;width:max-content}
:is(.zand,#zand-scope) .st .zi{width:2.6cqw;height:2.6cqw}
:is(.zand,#zand-scope) .st-a{background:#FFF1E8;color:#9A3A0A;animation:z-stA 8s infinite}
:is(.zand,#zand-scope) .st-b{background:#E6F6EE;color:#14663F;animation:z-stB 8s infinite}
:is(.zand,#zand-scope) .sk-cal{display:flex;flex-direction:column;gap:1.6cqw}
:is(.zand,#zand-scope) .cal-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1cqw}
:is(.zand,#zand-scope) .cal-days span{height:1.2cqw;border-radius:1cqw;background:#D5E2EC;width:60%}
:is(.zand,#zand-scope) .cal-grid{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:1cqw}
:is(.zand,#zand-scope) .cal-grid > i{border-radius:1.2cqw;background:var(--ice);display:grid;place-items:center}
:is(.zand,#zand-scope) .cal-grid b{width:80%;height:70%;border-radius:1cqw;background:var(--blue-sec);color:#fff;display:grid;place-items:center;animation:z-calP 7s ease-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .cal-grid > i:nth-child(3n) b{background:var(--hot)}
:is(.zand,#zand-scope) .cal-grid > i:nth-child(4n) b{background:var(--ink)}
:is(.zand,#zand-scope) .cal-grid b .zi{width:3cqw;height:3cqw}
:is(.zand,#zand-scope) .sk-paper{display:flex;flex-direction:column;gap:1cqw;padding:3.4cqw}
:is(.zand,#zand-scope) .p-mast{display:block;height:3.4cqw;width:50%;border-radius:1cqw;background:var(--ink);margin:0 auto 1cqw}
:is(.zand,#zand-scope) .p-head{display:block;height:2.4cqw;border-radius:1cqw;background:var(--blue-sec);width:90%;transform-origin:left;animation:z-typeB 6s steps(10) infinite}
:is(.zand,#zand-scope) .p-head.s{width:60%;animation-delay:.5s}
:is(.zand,#zand-scope) .p-cols{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;margin-top:1cqw}
:is(.zand,#zand-scope) .p-img{border-radius:1.6cqw;background-color:var(--sky);background-image:radial-gradient(rgba(0,119,187,.25) .3cqw,transparent .35cqw);background-size:3cqw 3cqw;min-height:16cqw}
:is(.zand,#zand-scope) .sk-quote{padding:3cqw}
:is(.zand,#zand-scope) .sk-quote > b{display:block;font-family:'Instrument Serif',Georgia,serif;font-size:12cqw;line-height:.7;color:var(--blue);height:5cqw}
:is(.zand,#zand-scope) .sk-quote .sk-row{margin-top:2cqw}
:is(.zand,#zand-scope) .sk-waves{position:absolute;z-index:3;width:12cqw;height:12cqw}
:is(.zand,#zand-scope) .sk-waves i{position:absolute;inset:0;border-radius:50%;border:.5cqw solid var(--blue);opacity:0;animation:z-radar 2.4s ease-out infinite}
:is(.zand,#zand-scope) .sk-waves i:nth-child(2){animation-delay:.8s}
:is(.zand,#zand-scope) .sk-waves i:nth-child(3){animation-delay:1.6s}
:is(.zand,#zand-scope) .sk-waves i:nth-child(4){animation-delay:2s}
:is(.zand,#zand-scope) .sk-waves > span{position:absolute;inset:18%;border-radius:50%;background:var(--hot);color:#fff;display:grid;place-items:center;box-shadow:0 2cqw 4cqw -2cqw rgba(0,0,0,.4)}
:is(.zand,#zand-scope) .sk-waves .zi{width:50%;height:50%}
:is(.zand,#zand-scope) .sk-waves.big{width:34cqw;height:34cqw;transform:translate(-50%,-50%)}
:is(.zand,#zand-scope) .sk-waves.big i{border-color:var(--blue-sec);border-width:.4cqw}
:is(.zand,#zand-scope) .sk-waves.big > span{inset:32%;background:var(--blue-sec)}
:is(.zand,#zand-scope) .bg-blue .sk-waves.big i{border-color:#fff}
:is(.zand,#zand-scope) .bg-blue .sk-waves.big > span{background:#fff;color:var(--blue-sec)}
:is(.zand,#zand-scope) .sk-cyc{position:absolute;inset:0;width:100%;height:100%}
:is(.zand,#zand-scope) .sk-cyc circle{fill:none;stroke:rgba(0,119,187,.2);stroke-width:.6}
:is(.zand,#zand-scope) .sk-cyc .run{stroke:var(--blue-sec);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:60 179;transform-origin:50% 50%;animation:z-spinS 6s linear infinite}
:is(.zand,#zand-scope) .bg-blue .sk-cyc circle{stroke:rgba(255,255,255,.3)}
:is(.zand,#zand-scope) .bg-blue .sk-cyc .run{stroke:#fff}
:is(.zand,#zand-scope) .sk-step{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:1.4cqw;padding:1.3cqw 2.8cqw 1.3cqw 1.3cqw;border-radius:99px;background:#fff;box-shadow:0 2cqw 4cqw -2cqw rgba(11,22,32,.45);font-size:2.4cqw;font-weight:700;white-space:nowrap;z-index:3;color:var(--ink);animation:z-tagH 4s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sk-step em{font-style:normal;width:4cqw;height:4cqw;border-radius:50%;background:var(--ice);color:var(--blue-ink);display:grid;place-items:center;font-size:2cqw}
:is(.zand,#zand-scope) .sk-dial{position:absolute;left:50%;top:50%;width:54cqw;height:54cqw;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,#C9DAE7 0 1.2deg,#fff 1.2deg 15deg);box-shadow:0 0 0 2cqw rgba(0,154,232,.12),0 5cqw 10cqw -4cqw rgba(11,22,32,.4)}
:is(.zand,#zand-scope) .sk-dial .tick{position:absolute;inset:7%;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 .4cqw var(--ice)}
:is(.zand,#zand-scope) .sk-dial .n{position:absolute;top:11%;left:50%;transform:translateX(-50%);font-family:'Archivo',sans-serif;font-weight:800;font-size:3cqw;color:var(--blue-ink);z-index:1}
:is(.zand,#zand-scope) .sk-dial .needle{position:absolute;left:50%;top:50%;width:4.4cqw;height:40cqw;margin:-20cqw 0 0 -2.2cqw;background:linear-gradient(var(--hot) 50%,var(--ink) 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:z-needle 6s cubic-bezier(.5,0,.3,1.4) infinite;z-index:1}
:is(.zand,#zand-scope) .sk-dial .hub{position:absolute;left:50%;top:50%;width:5cqw;height:5cqw;margin:-2.5cqw;border-radius:50%;background:#fff;border:1cqw solid var(--blue-sec);z-index:2}
/* automation */
:is(.zand,#zand-scope) .sk-flow{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
:is(.zand,#zand-scope) .sk-flow path{fill:none;stroke:var(--blue);stroke-width:.5cqw;vector-effect:non-scaling-stroke;stroke-dasharray:6 8;stroke-linecap:round;animation:z-flow 1.2s linear infinite}
:is(.zand,#zand-scope) .bg-blue .sk-flow path{stroke:#fff}
:is(.zand,#zand-scope) .sk-wnode{display:flex;align-items:center;gap:2cqw;padding:2cqw 2.6cqw;width:40%;animation:z-wn 3.2s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sk-wnode .ic{width:7cqw;height:7cqw;border-radius:2cqw;background:var(--ice);color:var(--blue-ink);display:grid;place-items:center;flex-shrink:0;animation:z-wnIc 3.2s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sk-wnode .ic .zi{width:3.6cqw;height:3.6cqw}
:is(.zand,#zand-scope) .sk-wnode > div{flex:1;min-width:0}
:is(.zand,#zand-scope) .sk-wnode b{display:block;font-size:2.6cqw;line-height:1.2;white-space:nowrap}
:is(.zand,#zand-scope) .sk-wnode .sk-ln{margin-top:1cqw}
:is(.zand,#zand-scope) .sk-dash{display:flex;flex-direction:column;gap:2cqw}
:is(.zand,#zand-scope) .dash-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6cqw}
:is(.zand,#zand-scope) .kpi{border-radius:1.6cqw;background:var(--ice);padding:1.8cqw}
:is(.zand,#zand-scope) .kpi i{display:block;width:4cqw;height:4cqw;border-radius:1cqw;background:var(--blue-sec)}
:is(.zand,#zand-scope) .kpi:nth-child(2) i{background:var(--hot)}
:is(.zand,#zand-scope) .kpi:nth-child(3) i{background:var(--ink)}
:is(.zand,#zand-scope) .kpi .sk-ln{background:#fff}
:is(.zand,#zand-scope) .dash-mid{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:3cqw;align-items:end;min-height:0}
:is(.zand,#zand-scope) .sk-donut{width:20cqw;height:20cqw;border-radius:50%;background:conic-gradient(var(--blue-sec) 0 58%,var(--sky) 58% 82%,var(--hot) 82% 100%);-webkit-mask:radial-gradient(circle,transparent 54%,#000 55%);mask:radial-gradient(circle,transparent 54%,#000 55%);animation:z-spinS 12s linear infinite;align-self:center}
:is(.zand,#zand-scope) .sk-bars{display:flex;align-items:flex-end;gap:1.2cqw;height:100%;min-height:16cqw}
:is(.zand,#zand-scope) .sk-bars i{flex:1;border-radius:1cqw 1cqw .3cqw .3cqw;background:var(--blue-sec);transform-origin:bottom;animation:z-barL 5s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sk-bars i:nth-child(odd){background:var(--sky)}
:is(.zand,#zand-scope) .sk-bars.tall{flex:1;min-height:0}
:is(.zand,#zand-scope) .sk-svg.spark{height:7cqw}
:is(.zand,#zand-scope) .sk-legend{display:flex;gap:3cqw;font-size:2cqw;color:var(--mute)}
:is(.zand,#zand-scope) .sk-legend i{display:inline-block;width:2cqw;height:2cqw;border-radius:.5cqw;margin-right:1cqw;vertical-align:-.3cqw}
:is(.zand,#zand-scope) .sk-legend .l1{background:var(--sky)}
:is(.zand,#zand-scope) .sk-legend .l2{background:var(--blue-sec)}
:is(.zand,#zand-scope) .sk-kanban{display:flex;flex-direction:column}
:is(.zand,#zand-scope) .kb{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw}
:is(.zand,#zand-scope) .kb-col{border-radius:2cqw;background:var(--ice);padding:2cqw;display:flex;flex-direction:column;gap:1.6cqw}
:is(.zand,#zand-scope) .kb-card{display:block;height:9cqw;border-radius:1.6cqw;background:#fff;box-shadow:0 1cqw 2cqw -1cqw rgba(11,22,32,.15)}
:is(.zand,#zand-scope) .kb-move{position:absolute;left:5cqw;top:9.5cqw;width:24cqw;height:9cqw;border-radius:1.6cqw;background:#fff;box-shadow:0 0 0 .5cqw var(--blue),0 4cqw 8cqw -3cqw rgba(11,22,32,.35);display:flex;align-items:center;gap:1.5cqw;padding:1.6cqw;animation:z-kb 7s ease-in-out infinite;z-index:2}
:is(.zand,#zand-scope) .kb-move .sk-ln{margin:0;flex:1}
:is(.zand,#zand-scope) .sk-tasklist .sk-task b{flex:1;font-size:2.5cqw;font-weight:600}
:is(.zand,#zand-scope) .sk-tasklist .sk-av{width:4.6cqw;height:4.6cqw}
:is(.zand,#zand-scope) .sk-tasklist .sk-head{margin-bottom:1cqw}
:is(.zand,#zand-scope) .sk-prog{margin-top:2.4cqw;height:1.6cqw;border-radius:1cqw;background:var(--ice);overflow:hidden}
:is(.zand,#zand-scope) .sk-prog i{display:block;height:100%;background:var(--blue-sec);border-radius:1cqw;transform-origin:left;animation:z-prog 6s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-rays{position:absolute;inset:0;width:100%;height:100%}
:is(.zand,#zand-scope) .sk-rays line{stroke:var(--blue);stroke-width:.4cqw;vector-effect:non-scaling-stroke;stroke-dasharray:5 6;animation:z-flow 1.4s linear infinite}
:is(.zand,#zand-scope) .bg-blue .sk-rays line{stroke:#fff}
:is(.zand,#zand-scope) .sk-person{position:absolute;transform:translate(-50%,-50%);z-index:2;animation:z-floatC 4s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sk-person .sk-av{width:9cqw;height:9cqw}
:is(.zand,#zand-scope) .sk-person .msg{position:absolute;left:70%;top:-36%;width:9cqw;height:5.4cqw;border-radius:1.6cqw 1.6cqw 1.6cqw .3cqw;background:#fff;box-shadow:0 2cqw 4cqw -2cqw rgba(11,22,32,.45);transform-origin:bottom left;background-image:linear-gradient(#E3ECF3,#E3ECF3),linear-gradient(#E3ECF3,#E3ECF3);background-size:70% .9cqw,50% .9cqw;background-position:1.2cqw 1.4cqw,1.2cqw 3cqw;background-repeat:no-repeat;animation:z-msg 4s ease-in-out infinite;animation-delay:var(--d)}
/* email */
:is(.zand,#zand-scope) .sk-env{position:absolute;perspective:60cqw;z-index:1}
:is(.zand,#zand-scope) .env-back{position:absolute;inset:0;background:var(--blue-sec);border-radius:2cqw;box-shadow:0 5cqw 10cqw -4cqw rgba(0,60,100,.5)}
:is(.zand,#zand-scope) .env-letter{position:absolute;left:7%;right:7%;top:6%;height:92%;background:#fff;border-radius:1.6cqw;padding:3cqw;z-index:1;animation:z-letter 6s ease-in-out infinite}
:is(.zand,#zand-scope) .env-letter .d-h{width:50%}
:is(.zand,#zand-scope) .env-front{position:absolute;inset:0;border-radius:2cqw;z-index:2;background:linear-gradient(to top right,#0089D0 50%,transparent 50.5%) left/50.5% 100% no-repeat,linear-gradient(to top left,#0080C4 50%,transparent 50.5%) right/50.5% 100% no-repeat}
:is(.zand,#zand-scope) .env-flap{position:absolute;left:0;right:0;top:0;height:58%;background:#39B0EE;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;z-index:3;animation:z-flap 6s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-plane{position:absolute;z-index:3;width:10cqw;height:10cqw;border-radius:50%;background:#fff;box-shadow:0 3cqw 6cqw -3cqw rgba(0,0,0,.4);display:grid;place-items:center;color:var(--blue-sec);animation:z-plane 6s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-plane .zi{width:4.6cqw;height:4.6cqw}
:is(.zand,#zand-scope) .sk-inbox{padding:2.6cqw}
:is(.zand,#zand-scope) .ib-list{margin-top:1.6cqw;display:grid;gap:.6cqw;overflow:hidden}
:is(.zand,#zand-scope) .ib-row{display:flex;align-items:center;gap:2cqw;padding:1.6cqw;border-radius:1.6cqw}
:is(.zand,#zand-scope) .ib-row > div{flex:1}
:is(.zand,#zand-scope) .ib-row > div > .sk-ln:first-child{margin-top:0}
:is(.zand,#zand-scope) .ib-row.is-new{background:var(--ice);animation:z-newmail 5s ease-in-out infinite}
:is(.zand,#zand-scope) .ib-dot{width:2cqw;height:2cqw;border-radius:50%;background:var(--hot)}
:is(.zand,#zand-scope) .ib-badge{min-width:4.4cqw;height:4.4cqw;border-radius:99px;background:var(--hot);color:#fff;font-size:2.2cqw;font-weight:800;display:grid;place-items:center;animation:z-badgeP 5s infinite}
:is(.zand,#zand-scope) .seg-dot{position:absolute;width:3cqw;height:3cqw;margin:-1.5cqw;border-radius:50%;background:var(--c);left:var(--x2);top:var(--y2);animation:z-seg 7s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .seg-ring{position:absolute;width:26cqw;height:26cqw;margin:-13cqw;border-radius:50%;border:.4cqw dashed rgba(0,119,187,.4);animation:z-segR 7s ease-in-out infinite}
:is(.zand,#zand-scope) .seg-ring.s1{left:26%;top:30%}
:is(.zand,#zand-scope) .seg-ring.s2{left:72%;top:32%;border-color:rgba(255,106,43,.5)}
:is(.zand,#zand-scope) .seg-ring.s3{left:50%;top:74%;border-color:rgba(11,22,32,.3)}
/* media & ads */
:is(.zand,#zand-scope) .sk-chan{position:absolute;transform:translate(-50%,-50%);width:10cqw;height:10cqw;border-radius:3cqw;background:#fff;box-shadow:0 3cqw 6cqw -3cqw rgba(11,22,32,.45);display:grid;place-items:center;color:var(--blue-ink);z-index:2;animation:z-chan 4s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sk-chan .zi{width:4.6cqw;height:4.6cqw}
:is(.zand,#zand-scope) .sk-adcard{padding:2.6cqw}
:is(.zand,#zand-scope) .sk-adcard > b{display:block;font-family:'Archivo',sans-serif;font-size:3cqw;line-height:1.2;margin-top:1cqw}
:is(.zand,#zand-scope) .sk-adcard .b-cta{background:var(--ink);color:#fff}
:is(.zand,#zand-scope) .sk-adcard .sk-cursor{animation-name:z-cursor2}
:is(.zand,#zand-scope) .sk-player{padding:0;overflow:hidden;display:flex;flex-direction:column}
:is(.zand,#zand-scope) .pl-screen{flex:1;position:relative;background-color:var(--blue-sec);background-image:radial-gradient(rgba(255,255,255,.25) .3cqw,transparent .35cqw);background-size:3cqw 3cqw;display:grid;place-items:center;overflow:hidden}
:is(.zand,#zand-scope) .pl-play{width:14cqw;height:14cqw;border-radius:50%;background:#fff;color:var(--blue-sec);display:grid;place-items:center;z-index:1;animation:z-playP 2s infinite}
:is(.zand,#zand-scope) .pl-play .zi{width:6cqw;height:6cqw;margin-left:1cqw}
:is(.zand,#zand-scope) .pl-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.18)}
:is(.zand,#zand-scope) .pl-shape.a{width:30cqw;height:30cqw;left:-6cqw;bottom:-12cqw;animation:z-float 8s ease-in-out infinite}
:is(.zand,#zand-scope) .pl-shape.b{width:16cqw;height:16cqw;right:6cqw;top:-4cqw;background:rgba(255,106,43,.75);animation:z-float 6s ease-in-out infinite reverse}
:is(.zand,#zand-scope) .pl-bar{height:1.2cqw;background:var(--ice)}
:is(.zand,#zand-scope) .pl-bar i{display:block;height:100%;background:var(--hot);transform-origin:left;animation:z-prog 8s linear infinite}
:is(.zand,#zand-scope) .pl-ctrl{display:flex;align-items:center;gap:2cqw;padding:1.6cqw 2.4cqw;color:var(--ink)}
:is(.zand,#zand-scope) .pl-ctrl .zi{width:3cqw;height:3cqw}
:is(.zand,#zand-scope) .pl-ctrl i{flex:1;height:1.2cqw;border-radius:1cqw;background:#E3ECF3}
:is(.zand,#zand-scope) .pl-ctrl span{width:8cqw;height:1.2cqw;border-radius:1cqw;background:#E3ECF3}
:is(.zand,#zand-scope) .sk-thumbs{position:absolute;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2cqw;z-index:2}
:is(.zand,#zand-scope) .sk-thumbs i{height:10cqw;border-radius:1.6cqw;border:.6cqw solid #fff;box-shadow:0 2cqw 4cqw -2cqw rgba(11,22,32,.45);background:var(--sky);animation:z-thumb 8s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-thumbs i:nth-child(2){background:var(--blue);animation-delay:2s}
:is(.zand,#zand-scope) .sk-thumbs i:nth-child(3){background:#FFB38F;animation-delay:4s}
:is(.zand,#zand-scope) .sk-thumbs i:nth-child(4){background:var(--blue-sec);animation-delay:6s}
:is(.zand,#zand-scope) .sk-fun{position:absolute;left:10%;top:6%;width:80%;height:88%}
:is(.zand,#zand-scope) .sk-fun path{stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke}
:is(.zand,#zand-scope) .sk-fun .f1{fill:#CFEAFB}
:is(.zand,#zand-scope) .sk-fun .f2{fill:#5CC2F2}
:is(.zand,#zand-scope) .sk-fun .f3{fill:var(--blue-sec)}
:is(.zand,#zand-scope) .fn-dot{position:absolute;left:var(--x);top:4%;width:2.6cqw;height:2.6cqw;margin-left:-1.3cqw;border-radius:50%;background:var(--hot);opacity:0;z-index:2;animation:z-fall 3.8s ease-in infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sk-bull{position:absolute;aspect-ratio:1;border-radius:50%;box-shadow:0 5cqw 10cqw -4cqw rgba(11,22,32,.4);animation:z-float 7s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-bull i{position:absolute;border-radius:50%}
:is(.zand,#zand-scope) .sk-bull i:nth-child(1){inset:0;background:var(--blue-sec)}
:is(.zand,#zand-scope) .sk-bull i:nth-child(2){inset:13%;background:#fff}
:is(.zand,#zand-scope) .sk-bull i:nth-child(3){inset:26%;background:var(--blue)}
:is(.zand,#zand-scope) .sk-bull i:nth-child(4){inset:39%;background:#fff}
:is(.zand,#zand-scope) .sk-bull .hit{position:absolute;inset:44%;border-radius:50%;background:var(--hot);animation:z-hit 4s ease-out infinite}
:is(.zand,#zand-scope) .sk-arrow{position:absolute;left:50cqw;top:40cqw;width:40cqw;height:1.2cqw;transform-origin:left center;z-index:3;animation:z-arrow 4s cubic-bezier(.3,0,.2,1) infinite}
:is(.zand,#zand-scope) .sk-arrow i{position:absolute;inset:0;background:var(--ink);border-radius:1cqw}
:is(.zand,#zand-scope) .sk-arrow i::before{content:"";position:absolute;left:-2.4cqw;top:50%;width:4cqw;height:4cqw;transform:translateY(-50%);background:var(--ink);clip-path:polygon(0 50%,100% 0,100% 100%)}
:is(.zand,#zand-scope) .sk-arrow i::after{content:"";position:absolute;right:-1cqw;top:50%;width:6cqw;height:5cqw;transform:translateY(-50%);background:var(--hot);clip-path:polygon(0 50%,100% 0,70% 50%,100% 100%)}
:is(.zand,#zand-scope) .ppc-ad{position:relative;margin-top:2.4cqw;padding:2cqw;border-radius:2cqw;background:var(--ice);box-shadow:0 0 0 .35cqw var(--blue) inset;animation:z-adClk 6s infinite}
:is(.zand,#zand-scope) .sk-spons{font-size:1.8cqw;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--hot)}
:is(.zand,#zand-scope) .ppc-ad .sk-row{margin-top:1cqw}
:is(.zand,#zand-scope) .sk-serp .serp-r:not(.r-a):not(.r-b):not(.r-z){position:relative;margin-top:2cqw;height:auto}
:is(.zand,#zand-scope) .sk-conv{display:flex;align-items:center;gap:2cqw;padding:2.4cqw;animation:z-conv 6s infinite}
:is(.zand,#zand-scope) .sk-conv .ok{width:6cqw;height:6cqw;border-radius:50%;background:#1F9D62;color:#fff;display:grid;place-items:center;flex-shrink:0;margin:0}
:is(.zand,#zand-scope) .sk-conv .zi{width:3.4cqw;height:3.4cqw}
:is(.zand,#zand-scope) .sk-gauge{display:flex;flex-direction:column;align-items:center;padding:3cqw}
:is(.zand,#zand-scope) .sk-gauge svg{width:100%;height:auto}
:is(.zand,#zand-scope) .sk-gauge .g-t{fill:none;stroke:var(--ice);stroke-width:18;stroke-linecap:round}
:is(.zand,#zand-scope) .sk-gauge .g-p{fill:none;stroke:var(--blue-sec);stroke-width:18;stroke-linecap:round;stroke-dasharray:252;animation:z-gauge 6s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-gauge .g-needle{position:absolute;left:calc(50% - .6cqw);top:calc(3cqw + 29.4cqw - 20cqw);width:1.2cqw;height:20cqw;background:var(--ink);border-radius:1cqw;transform-origin:50% 100%;animation:z-gNeedle 6s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-gauge .sk-lbl{margin-top:1.4cqw}
:is(.zand,#zand-scope) .sk-alloc{padding:2.6cqw}
:is(.zand,#zand-scope) .sk-alloc .al{display:grid;grid-template-columns:13cqw minmax(0,1fr);align-items:center;gap:1.5cqw;margin-top:1.6cqw;font-size:2.2cqw}
:is(.zand,#zand-scope) .sk-alloc .al b{font-weight:600}
:is(.zand,#zand-scope) .sk-alloc .al i{display:block;height:2cqw;border-radius:1cqw;background:var(--ice);position:relative;overflow:hidden}
:is(.zand,#zand-scope) .sk-alloc .al i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);background:var(--blue-sec);border-radius:1cqw;transform-origin:left;animation:z-prog 6s ease-in-out infinite}
/* social */
:is(.zand,#zand-scope) .sk-mobile{padding:2cqw;border-radius:5cqw;border:.8cqw solid var(--ink);overflow:hidden}
:is(.zand,#zand-scope) .feed{display:flex;flex-direction:column;gap:2cqw;animation:z-feed 10s ease-in-out infinite}
:is(.zand,#zand-scope) .post{border-radius:2cqw;background:var(--ice);padding:1.8cqw}
:is(.zand,#zand-scope) .post .sk-av{width:4.4cqw;height:4.4cqw}
:is(.zand,#zand-scope) .post-img{margin-top:1.4cqw;height:24cqw;border-radius:1.6cqw;background-color:var(--blue-sec);background-image:radial-gradient(rgba(255,255,255,.28) .3cqw,transparent .35cqw);background-size:3cqw 3cqw;color:#fff;font-family:'Archivo',sans-serif;font-weight:800;font-size:3.6cqw;line-height:.95;display:flex;align-items:flex-end;padding:2cqw}
:is(.zand,#zand-scope) .post-img.alt{background-color:var(--hot)}
:is(.zand,#zand-scope) .post .acts{margin-top:1.4cqw;color:var(--hot)}
:is(.zand,#zand-scope) .post .acts .zi{width:3cqw;height:3cqw}
:is(.zand,#zand-scope) .sk-heart{position:absolute;left:var(--x);bottom:6%;color:var(--hot);opacity:0;z-index:3;animation:z-heart 3.6s ease-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sk-heart .zi{width:4cqw;height:4cqw}
:is(.zand,#zand-scope) .sk-notif{display:flex;align-items:center;gap:1.6cqw;padding:2cqw}
:is(.zand,#zand-scope) .sk-notif > div{flex:1}
:is(.zand,#zand-scope) .sk-notif .sk-ln{margin-top:.8cqw}
:is(.zand,#zand-scope) .sk-bubble{position:absolute;z-index:3;width:8cqw;height:8cqw;border-radius:50% 50% 50% .6cqw;background:#fff;box-shadow:0 3cqw 6cqw -3cqw rgba(0,0,0,.4);display:grid;place-items:center;color:var(--hot);animation:z-bub 4.5s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-bubble .zi{width:3.6cqw;height:3.6cqw}
:is(.zand,#zand-scope) .sk-bubble.b1{left:62%;top:16%}
:is(.zand,#zand-scope) .sk-bubble.b2{left:24%;top:58%;color:var(--blue-sec);animation-delay:1.5s}
:is(.zand,#zand-scope) .sk-bubble.b3{left:68%;top:60%;color:#1F9D62;animation-delay:3s}
:is(.zand,#zand-scope) .sc-community .sk-person .sk-av{width:10cqw;height:10cqw}
/* blueprint */
:is(.zand,#zand-scope) .sk-sheet{border:.4cqw solid var(--blue-ink);border-radius:1.4cqw;box-shadow:2.4cqw 2.4cqw 0 rgba(0,119,187,.13);color:var(--blue-ink);display:flex;flex-direction:column;background-color:#fff;background-image:linear-gradient(rgba(0,119,187,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,119,187,.07) 1px,transparent 1px);background-size:4cqw 4cqw}
:is(.zand,#zand-scope) .sk-sheet .sk-head{border-bottom:.2cqw solid var(--line);padding-bottom:1.4cqw}
:is(.zand,#zand-scope) .sk-svg.bp{flex:1;margin:2cqw 0;min-height:0}
:is(.zand,#zand-scope) .bp .dr{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:500;animation:z-drawL 6s ease-in-out infinite}
:is(.zand,#zand-scope) .bp .dim{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:4 5;opacity:.6}
:is(.zand,#zand-scope) .sk-sheet .tb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:.3cqw solid currentColor;font-size:2cqw}
:is(.zand,#zand-scope) .sk-sheet .tb div{padding:1.2cqw 1.6cqw;border-right:.3cqw solid currentColor}
:is(.zand,#zand-scope) .sk-sheet .tb div:last-child{border-right:0}
:is(.zand,#zand-scope) .sk-sheet .tb small{display:block;font-size:1.6cqw;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
:is(.zand,#zand-scope) .sk-sheet .tb b{font-weight:600;color:var(--ink)}
:is(.zand,#zand-scope) .sk-pencil{position:absolute;right:8cqw;top:18cqw;width:7cqw;height:7cqw;border-radius:50%;background:var(--hot);color:#fff;display:grid;place-items:center;animation:z-pencil 6s ease-in-out infinite}
:is(.zand,#zand-scope) .sk-pencil .zi{width:3.4cqw;height:3.4cqw}

@keyframes z-breathe{50%{transform:scale(1.1);opacity:.75}}
@keyframes z-typeL{0%{max-width:0}45%,88%{max-width:30ch}100%{max-width:30ch}}
@keyframes z-drawL{0%{stroke-dashoffset:600;opacity:1}55%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes z-areaL{0%,25%{opacity:0}55%,88%{opacity:1}100%{opacity:0}}
@keyframes z-popL{0%,50%{transform:scale(0)}58%,88%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes z-ctap{0%,46%,58%,100%{transform:scale(1)}52%{transform:scale(.9)}}
@keyframes z-cursor{0%{transform:translate(26cqw,18cqw);opacity:0}12%{opacity:1}42%,72%{transform:translate(0,0)}50%{transform:translate(0,0) scale(.85)}56%{transform:translate(0,0) scale(1)}90%{opacity:1}100%{transform:translate(26cqw,18cqw);opacity:0}}
@keyframes z-cursor2{0%{transform:translate(14cqw,10cqw);opacity:0}12%{opacity:1}42%,72%{transform:translate(0,0)}50%{transform:translate(0,0) scale(.85)}56%{transform:translate(0,0) scale(1)}90%{opacity:1}100%{transform:translate(14cqw,10cqw);opacity:0}}
@keyframes z-clk{0%,48%{opacity:0;transform:scale(.3)}52%{opacity:1}68%,100%{opacity:0;transform:scale(1.6)}}
@keyframes z-pingS{0%{box-shadow:0 0 0 0 rgba(255,106,43,.55)}100%{box-shadow:0 0 0 4cqw rgba(255,106,43,0)}}
@keyframes z-rz{0%,22%{top:22cqw}48%,88%{top:0}100%{top:22cqw}}
@keyframes z-ra{0%,22%{top:0}48%,88%{top:11cqw}100%{top:0}}
@keyframes z-rb{0%,22%{top:11cqw}48%,88%{top:22cqw}100%{top:11cqw}}
@keyframes z-sweep{0%,100%{transform:translate(0,0)}33%{transform:translate(-26cqw,16cqw)}66%{transform:translate(-8cqw,32cqw)}}
@keyframes z-dropP{0%{transform:translateY(-8cqw) rotate(-45deg);opacity:0}14%{transform:translateY(0) rotate(-45deg);opacity:1}19%{transform:translateY(-1.2cqw) rotate(-45deg)}24%,86%{transform:translateY(0) rotate(-45deg);opacity:1}100%{transform:translateY(0) rotate(-45deg);opacity:0}}
@keyframes z-radar{0%{transform:scale(.15);opacity:.9}100%{transform:scale(1);opacity:0}}
@keyframes z-bob{50%{transform:translateY(-1.2cqw)}}
@keyframes z-flow{to{stroke-dashoffset:-48}}
@keyframes z-nodeP{50%{transform:translate(-50%,-50%) scale(1.12)}}
@keyframes z-coreP{50%{box-shadow:0 0 0 3cqw rgba(0,154,232,.18),0 0 0 6cqw rgba(0,154,232,.07)}}
@keyframes z-coreP2{50%{box-shadow:0 0 0 5cqw rgba(0,154,232,.1),0 3cqw 8cqw -2cqw rgba(0,119,187,.6)}}
@keyframes z-tick{0%,10%{background:#fff;border-color:var(--line)}16%,88%{background:#1F9D62;border-color:#1F9D62}100%{background:#fff;border-color:var(--line)}}
@keyframes z-tickI{0%,10%{opacity:0;transform:scale(.3)}18%,88%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes z-ringL{0%{stroke-dashoffset:314}50%,88%{stroke-dashoffset:40}100%{stroke-dashoffset:314}}
@keyframes z-mark{0%,100%{transform:rotate(-8deg) scale(.92);border-radius:50%}40%,70%{transform:rotate(0) scale(1);border-radius:6cqw}}
@keyframes z-weight{0%,100%{font-weight:200}50%{font-weight:900}}
@keyframes z-swatch{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1)}}
@keyframes z-spinC{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes z-spinS{to{transform:rotate(360deg)}}
@keyframes z-floatC{50%{transform:translate(-50%,calc(-50% - 1.6cqw))}}
@keyframes z-orb1{from{transform:rotate(0) translateX(21cqw)}to{transform:rotate(360deg) translateX(21cqw)}}
@keyframes z-orb2{from{transform:rotate(120deg) translateX(31cqw)}to{transform:rotate(480deg) translateX(31cqw)}}
@keyframes z-orb3{from{transform:rotate(240deg) translateX(42cqw)}to{transform:rotate(600deg) translateX(42cqw)}}
@keyframes z-tagH{0%,26%,100%{background:#fff;color:var(--ink)}6%,20%{background:var(--blue-sec);color:#fff}}
@keyframes z-build{0%{opacity:0;transform:translateY(3cqw)}12%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes z-typeB{0%{transform:scaleX(0)}12%,90%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes z-scrollS{0%,20%{transform:none}50%,70%{transform:translateY(-12%)}}
@keyframes z-site{0%,30%,100%{transform:none}12%{transform:translateY(-2cqw) scale(1.06);box-shadow:0 5cqw 10cqw -4cqw rgba(11,22,32,.45)}}
@keyframes z-writeL{0%,4%{transform:scaleX(0)}12%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes z-penW{50%{transform:translate(-3cqw,-1cqw) rotate(-10deg)}}
@keyframes z-stA{0%,50%{opacity:1}60%,100%{opacity:.25}}
@keyframes z-stB{0%,55%{opacity:.25;transform:scale(.92)}65%,95%{opacity:1;transform:none}100%{opacity:.25}}
@keyframes z-calP{0%{transform:scale(0)}8%{transform:scale(1.15)}12%,90%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes z-needle{0%{transform:rotate(-70deg)}30%{transform:rotate(40deg)}50%,90%{transform:rotate(20deg)}100%{transform:rotate(-70deg)}}
@keyframes z-wn{0%,40%,100%{box-shadow:0 .4cqw 0 rgba(11,22,32,.03),0 4cqw 8cqw -3.5cqw rgba(11,22,32,.38)}12%,28%{box-shadow:0 0 0 .6cqw var(--blue),0 4cqw 8cqw -3.5cqw rgba(11,22,32,.38)}}
@keyframes z-wnIc{0%,40%,100%{background:var(--ice);color:var(--blue-ink)}12%,28%{background:var(--blue-sec);color:#fff}}
@keyframes z-barL{0%{transform:scaleY(.15)}35%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
@keyframes z-kb{0%,12%{transform:translateX(0)}35%,52%{transform:translateX(30cqw)}75%,92%{transform:translateX(60cqw)}100%{transform:translateX(0)}}
@keyframes z-prog{0%{transform:scaleX(0)}70%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes z-msg{0%,10%{transform:scale(0);opacity:0}22%,80%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@keyframes z-letter{0%,20%{transform:translateY(0)}45%,85%{transform:translateY(-55%)}100%{transform:translateY(0)}}
@keyframes z-flap{0%,12%{transform:rotateX(0);z-index:3}28%,88%{transform:rotateX(180deg);z-index:0}100%{transform:rotateX(0);z-index:3}}
@keyframes z-plane{0%,100%{transform:translate(0,0) rotate(-10deg)}50%{transform:translate(8cqw,-3cqw) rotate(6deg)}}
@keyframes z-newmail{0%{transform:translateY(-110%);opacity:0}15%,88%{transform:none;opacity:1}100%{transform:none;opacity:1}}
@keyframes z-badgeP{0%,15%{transform:scale(0)}22%{transform:scale(1.3)}28%,90%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes z-seg{0%,12%{left:var(--x1);top:var(--y1);background:#9FB4C6}45%,85%{left:var(--x2);top:var(--y2);background:var(--c)}100%{left:var(--x1);top:var(--y1);background:#9FB4C6}}
@keyframes z-segR{0%,35%{opacity:0;transform:scale(.6)}50%,85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.6)}}
@keyframes z-chan{0%,100%{transform:translate(-50%,-50%);background:#fff;color:var(--blue-ink)}50%{transform:translate(-50%,calc(-50% - 1.6cqw));background:var(--blue-sec);color:#fff}}
@keyframes z-playP{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}100%{box-shadow:0 0 0 5cqw rgba(255,255,255,0)}}
@keyframes z-thumb{0%,22%,100%{transform:none}6%,16%{transform:translateY(-1.8cqw)}}
@keyframes z-fall{0%{top:2%;opacity:0}10%{opacity:1}70%{opacity:1;left:50%}100%{top:var(--end);left:50%;opacity:0}}
@keyframes z-hit{0%,44%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,106,43,.6)}52%{transform:scale(1.5)}80%,100%{transform:scale(1);box-shadow:0 0 0 8cqw rgba(255,106,43,0)}}
@keyframes z-arrow{0%{transform:rotate(-28deg) translateX(60cqw);opacity:0}10%{opacity:1}44%,86%{transform:rotate(-28deg) translateX(0);opacity:1}100%{transform:rotate(-28deg) translateX(0);opacity:0}}
@keyframes z-adClk{0%,48%,58%,100%{transform:none}52%{transform:scale(.97)}}
@keyframes z-conv{0%,55%{transform:scale(.6);opacity:0}65%,92%{transform:scale(1);opacity:1}100%{transform:scale(.6);opacity:0}}
@keyframes z-gauge{0%{stroke-dashoffset:252}45%,88%{stroke-dashoffset:50}100%{stroke-dashoffset:252}}
@keyframes z-gNeedle{0%{transform:rotate(-88deg)}45%,88%{transform:rotate(55deg)}100%{transform:rotate(-88deg)}}
@keyframes z-feed{0%,30%{transform:none}50%,80%{transform:translateY(-34%)}100%{transform:none}}
@keyframes z-heart{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:1}100%{transform:translateY(-40cqw) scale(1.2) rotate(15deg);opacity:0}}
@keyframes z-bub{0%,100%{transform:scale(0)}15%,70%{transform:scale(1)}85%{transform:scale(0)}}
@keyframes z-pencil{0%{transform:translate(-50cqw,20cqw)}50%,90%{transform:translate(0,0)}100%{transform:translate(-50cqw,20cqw)}}

/* =================================================================== */
/* Premium section layer                                               */
/* =================================================================== */
:is(.zand,#zand-scope) .psec{position:relative;overflow:clip}
:is(.zand,#zand-scope) .psec > .wrap{position:relative;z-index:1}
:is(.zand,#zand-scope) .bg-aurora{background:#F5FAFE}
:is(.zand,#zand-scope) .bg-aurora::before,:is(.zand,#zand-scope) .bg-aurora::after,:is(.zand,#zand-scope) .bg-mesh::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
:is(.zand,#zand-scope) .bg-aurora::before{width:min(720px,70vw);aspect-ratio:1;left:-12%;top:-30%;background:rgba(0,154,232,.22);animation:z-aur1 18s ease-in-out infinite}
:is(.zand,#zand-scope) .bg-aurora::after{width:min(560px,60vw);aspect-ratio:1;right:-10%;bottom:-35%;background:rgba(255,106,43,.13);animation:z-aur2 22s ease-in-out infinite}
:is(.zand,#zand-scope) .bg-mesh{background-color:var(--blue-sec)}
:is(.zand,#zand-scope) .bg-mesh::before{content:"";position:absolute;inset:-64px;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:64px 64px;animation:z-gridMove 14s linear infinite;-webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 15%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 30%,#000 15%,transparent 70%);pointer-events:none;z-index:0}
:is(.zand,#zand-scope) .bg-mesh::after{width:min(640px,70vw);aspect-ratio:1;right:-12%;top:-35%;background:rgba(0,154,232,.8);animation:z-aur1 16s ease-in-out infinite}
:is(.zand,#zand-scope) .deco-word{position:absolute;left:-2%;bottom:-.16em;white-space:nowrap;font-family:'Archivo',sans-serif;font-weight:900;font-stretch:125%;font-size:clamp(110px,21vw,340px);line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(0,119,187,.13);pointer-events:none;z-index:0;user-select:none;animation:z-drift 34s linear infinite alternate}
:is(.zand,#zand-scope) .bg-blue .deco-word{-webkit-text-stroke-color:rgba(255,255,255,.17)}
:is(.zand,#zand-scope) .sp-idx{display:block;font-family:'Archivo',sans-serif;font-weight:900;font-stretch:120%;font-size:clamp(64px,7vw,108px);line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--blue-sec);margin-bottom:20px;transition:color .6s}
:is(.zand,#zand-scope) .sp-copy:hover .sp-idx{color:var(--blue)}
:is(.zand,#zand-scope) .bg-blue .sp-idx{-webkit-text-stroke-color:rgba(255,255,255,.65)}
:is(.zand,#zand-scope) .bg-blue .sp-copy:hover .sp-idx{color:#fff}
:is(.zand,#zand-scope) .sp-frame.is-ui{min-height:0}
:is(.zand,#zand-scope) .wr .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
:is(.zand,#zand-scope) .wr em .w{padding-right:.1em;margin-right:-.1em}
:is(.zand,#zand-scope) .wr .w > span{display:inline-block}

/* cursor spotlight on cards */
:is(.zand,#zand-scope) .cd:not(.cd-step)::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--sx,50%) var(--sy,0%),rgba(0,154,232,.15),transparent 45%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:0}
:is(.zand,#zand-scope) .cd:not(.cd-step):hover::before{opacity:1}
:is(.zand,#zand-scope) .cd:not(.cd-step) > *{position:relative;z-index:1}
:is(.zand,#zand-scope) .bg-blue .cd:not(.cd-step)::before,:is(.zand,#zand-scope) .cd-feature::before{background:radial-gradient(420px circle at var(--sx,50%) var(--sy,0%),rgba(255,255,255,.2),transparent 45%)}

/* bento */
:is(.zand,#zand-scope) .cg-bento{grid-auto-flow:dense}
:is(.zand,#zand-scope) .cd-bento{display:flex;flex-direction:column;padding:28px}
:is(.zand,#zand-scope) .cd-bento .cd-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
:is(.zand,#zand-scope) .cd-bento .cd-n{font-size:14px;font-weight:700;-webkit-text-stroke:0;color:var(--mute);letter-spacing:.14em;font-stretch:100%}
:is(.zand,#zand-scope) .cd-bento .cd-t{margin-top:20px}
:is(.zand,#zand-scope) .cd.cd-feature{grid-column:span 2;grid-row:span 2;background:var(--blue-sec);border-color:var(--blue-sec);padding:36px}
:is(.zand,#zand-scope) .cd-feature .cd-t{color:#fff;font-size:clamp(26px,2.4vw,34px)}
:is(.zand,#zand-scope) .cd-feature .cd-x,:is(.zand,#zand-scope) .cd-feature .cd-x p{color:#fff;font-size:17px}
:is(.zand,#zand-scope) .cd-feature .cd-ic{background:#fff;color:var(--blue-sec)}
:is(.zand,#zand-scope) .cd-feature:hover .cd-ic{background:#fff;color:var(--blue-sec)}
:is(.zand,#zand-scope) .cd-feature .cd-n{color:rgba(255,255,255,.75)}
:is(.zand,#zand-scope) .cd-scene{margin-top:auto;padding-top:26px}
:is(.zand,#zand-scope) .cd-scene .sc{max-width:440px;margin:0 auto}
:is(.zand,#zand-scope) .cd-feature .sc-glow{background:radial-gradient(closest-side,rgba(255,255,255,.25),rgba(255,255,255,0))}
:is(.zand,#zand-scope) .cd-feature .sc-dots{background-image:radial-gradient(rgba(255,255,255,.3) .28cqw,transparent .34cqw)}
:is(.zand,#zand-scope) .cd-feature .sk-net line,:is(.zand,#zand-scope) .cd-feature .sk-flow path,:is(.zand,#zand-scope) .cd-feature .sk-rays line{stroke:#fff}

/* stacking cards */
:is(.zand,#zand-scope) .cg.cg-stack{display:block}
:is(.zand,#zand-scope) .cd.cd-stack{position:sticky;top:calc(110px + var(--si) * 22px);display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);padding:clamp(28px,4vw,52px);margin-bottom:28px;min-height:280px;background:#fff;box-shadow:0 -14px 44px -26px rgba(11,22,32,.3)}
:is(.zand,#zand-scope) .cd.cd-stack:hover{transform:none}
:is(.zand,#zand-scope) .cd-stack:nth-child(3n+2){background:var(--ice)}
:is(.zand,#zand-scope) .cd-stack:nth-child(3n){background:var(--blue-sec);border-color:var(--blue-sec)}
:is(.zand,#zand-scope) .cd-stack:nth-child(3n) .cd-t,:is(.zand,#zand-scope) .cd-stack:nth-child(3n) .cd-x,:is(.zand,#zand-scope) .cd-stack:nth-child(3n) .cd-x p{color:#fff}
:is(.zand,#zand-scope) .cd-stack:nth-child(3n) .cd-n{-webkit-text-stroke-color:#fff}
:is(.zand,#zand-scope) .cd-stack:nth-child(3n) .cd-ic{background:#fff;color:var(--blue-sec)}
:is(.zand,#zand-scope) .bg-blue .cd.cd-stack:not(:nth-child(3n)){background:#fff;border-color:#fff}
:is(.zand,#zand-scope) .bg-blue .cd-stack:not(:nth-child(3n)) .cd-t{color:var(--ink)}
:is(.zand,#zand-scope) .bg-blue .cd-stack:not(:nth-child(3n)) .cd-x,:is(.zand,#zand-scope) .bg-blue .cd-stack:not(:nth-child(3n)) .cd-x p{color:var(--mute)}
:is(.zand,#zand-scope) .bg-blue .cd-stack:not(:nth-child(3n)) .cd-n{-webkit-text-stroke-color:var(--blue-sec)}
:is(.zand,#zand-scope) .bg-blue .cd-stack:nth-child(3n){background:var(--ink);border-color:var(--ink)}
:is(.zand,#zand-scope) .cd-stack-l{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px}
:is(.zand,#zand-scope) .cd-stack .cd-n{font-size:clamp(64px,7vw,108px)}
:is(.zand,#zand-scope) .cd-stack .cd-t{margin-top:0;font-size:clamp(22px,2.2vw,32px)}
:is(.zand,#zand-scope) .cd-stack .cd-x{font-size:17px;margin-top:14px}

/* page hero upgrades */
:is(.zand,#zand-scope) .ph-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}
:is(.zand,#zand-scope) .ph-orb.o1{width:440px;height:440px;right:4%;top:-140px;background:rgba(0,154,232,.24);animation:z-aur1 16s ease-in-out infinite}
:is(.zand,#zand-scope) .ph-orb.o2{width:320px;height:320px;left:-90px;bottom:-140px;background:rgba(255,106,43,.13);animation:z-aur2 20s ease-in-out infinite}
:is(.zand,#zand-scope) .phero .deco-word{-webkit-text-stroke-color:rgba(0,119,187,.11);font-size:clamp(110px,19vw,300px);bottom:-.1em}
:is(.zand,#zand-scope) .phero.is-scene .phero-art{height:auto;aspect-ratio:10/8.6}
:is(.zand,#zand-scope) .phero.is-scene .phero-main{inset:0}
:is(.zand,#zand-scope) .phero.is-scene .slab{right:4%;top:8%;width:74%;height:80%}
:is(.zand,#zand-scope) .phero:has(.ph-ticker){padding-bottom:32px}
:is(.zand,#zand-scope) .ph-ticker{position:relative;z-index:2;display:flex;overflow:hidden;margin:clamp(40px,5vw,72px) -24px 0;background:var(--blue-sec);color:#fff;padding:18px 0;transform:rotate(-1.2deg)}
:is(.zand,#zand-scope) .ph-tt{display:flex;align-items:center;gap:28px;padding-right:28px;flex-shrink:0;animation:z-mq 36s linear infinite;font-family:'Archivo',sans-serif;font-weight:800;font-stretch:115%;font-size:clamp(20px,2.2vw,30px);text-transform:uppercase;white-space:nowrap;line-height:1.1}
:is(.zand,#zand-scope) .ph-tt svg{color:var(--hot);flex-shrink:0}
:is(.zand,#zand-scope) .cta-vis .sc{max-width:520px;margin-inline:auto}
:is(.zand,#zand-scope) .cta-in .cta-vis{grid-column:2;grid-row:1 / span 2}
:is(.zand,#zand-scope) .cta-in.cta-scene,:is(.zand,#zand-scope) .cta-in.cta-image{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}
:is(.zand,#zand-scope) .cta-in.cta-scene .cta-head,:is(.zand,#zand-scope) .cta-in.cta-scene .cta-body{grid-column:1}

@keyframes z-aur1{50%{transform:translate(8%,10%) scale(1.15)}}
@keyframes z-aur2{50%{transform:translate(-10%,-6%) scale(1.1)}}
@keyframes z-gridMove{to{transform:translate(64px,64px)}}
@keyframes z-drift{to{transform:translateX(-14%)}}
@keyframes z-wup{from{transform:translateY(108%) rotate(3deg)}}
@supports (animation-timeline: view()){
:is(.zand,#zand-scope) .wr .w > span{animation:z-wup linear both;animation-timeline:view();animation-range:entry calc(5% + var(--i) * 2.5%) entry calc(50% + var(--i) * 2.5%)}
}
body.elementor-editor-active :is(.zand,#zand-scope) .wr .w > span{animation:none}

@media (max-width:980px){
:is(.zand,#zand-scope) .cd.cd-feature{grid-row:auto}
:is(.zand,#zand-scope) .cd.cd-stack{grid-template-columns:minmax(0,1fr);top:calc(84px + var(--si) * 14px);min-height:0}
:is(.zand,#zand-scope) .cd-stack-l{flex-direction:row;align-items:center}
:is(.zand,#zand-scope) .cta-in.cta-scene,:is(.zand,#zand-scope) .cta-in.cta-image{grid-template-columns:minmax(0,1fr)}
:is(.zand,#zand-scope) .cta-in .cta-vis{grid-column:1;grid-row:auto}
:is(.zand,#zand-scope) .phero.is-scene .phero-art{max-width:560px;width:100%;margin-inline:auto}
:is(.zand,#zand-scope) .deco-word{font-size:clamp(90px,26vw,200px)}
}
@media (max-width:620px){
:is(.zand,#zand-scope) .cd.cd-feature{grid-column:auto;padding:28px}
:is(.zand,#zand-scope) .cd-stack .cd-n{font-size:56px}
:is(.zand,#zand-scope) .ph-ticker{padding:14px 0}
:is(.zand,#zand-scope) .sp-idx{font-size:56px}
}
:is(.zand,#zand-scope) .cd-feature .cd-scene{flex:1;display:grid;align-items:center}
:is(.zand,#zand-scope) .phero .deco-word{left:auto;right:-2%;bottom:-.12em}
:is(.zand,#zand-scope) .cd-bento.cd-span{grid-column:span var(--span,1)}
:is(.zand,#zand-scope) .bg-blue .deco-word{-webkit-text-stroke-color:rgba(255,255,255,.12)}
:is(.zand,#zand-scope) .phero .sk-chip{display:none}
@media (max-width:980px){:is(.zand,#zand-scope) .cd-bento.cd-span{grid-column:span 2}}
@media (max-width:620px){:is(.zand,#zand-scope) .cd-bento.cd-span{grid-column:auto}}
:is(.zand,#zand-scope) .phero.is-scene .slab{background-color:var(--sky);background-image:radial-gradient(rgba(0,119,187,.35) 1.4px,transparent 1.6px)}

/* =================================================================== */
/* v1.3 — results charts, testimonial wall, portfolio, audit, facts   */
/* =================================================================== */

/* hero facts bar */
:is(.zand,#zand-scope) .ph-meta{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;margin:clamp(36px,4vw,56px) 0 0;padding:0;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -44px rgba(11,22,32,.4)}
:is(.zand,#zand-scope) .ph-meta > div{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px 22px}
:is(.zand,#zand-scope) .ph-meta dt{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-ink);line-height:1.3}
:is(.zand,#zand-scope) .ph-meta dd{margin:6px 0 0;font-weight:600;font-size:16px;line-height:1.4;color:var(--ink)}
:is(.zand,#zand-scope) .phero:has(.ph-meta):not(:has(.ph-ticker)){padding-bottom:clamp(48px,6vw,88px)}

/* cards: closing text, testimonials link */
:is(.zand,#zand-scope) .cg-outro{margin-top:clamp(28px,3vw,44px);max-width:72ch;font-size:18px;color:var(--mute)}
:is(.zand,#zand-scope) .cg-outro p + p{margin-top:12px}
:is(.zand,#zand-scope) .bg-blue .cg-outro,:is(.zand,#zand-scope) .bg-blue .cg-outro p{color:#fff}
:is(.zand,#zand-scope) .tm-more{margin-top:20px}

/* ---------- results & charts ---------- */
:is(.zand,#zand-scope) .mx-panel{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:32px;padding:clamp(24px,4vw,56px);box-shadow:0 50px 90px -60px rgba(11,22,32,.45)}
:is(.zand,#zand-scope) .bg-white .mx-panel{background:#FBFDFF}
:is(.zand,#zand-scope) .mx-glow{position:absolute;right:-12%;top:-45%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(0,154,232,.16),rgba(0,154,232,0));pointer-events:none;animation:z-aur1 16s ease-in-out infinite}
:is(.zand,#zand-scope) .mx-panel > *:not(.mx-glow){position:relative}
:is(.zand,#zand-scope) .mx-top{margin-bottom:clamp(24px,3vw,40px)}
:is(.zand,#zand-scope) .mx-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:var(--ice);color:var(--blue-ink);font-size:13px;font-weight:700;letter-spacing:.04em;line-height:1.2}
:is(.zand,#zand-scope) .mx-tag svg{color:var(--hot)}
:is(.zand,#zand-scope) .mx-title{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:112%;font-size:clamp(30px,3.6vw,50px);line-height:1;letter-spacing:-.03em;margin-top:16px;color:var(--ink)}
:is(.zand,#zand-scope) .mx-sub{font-weight:700;font-size:clamp(18px,1.5vw,21px);margin-top:12px;color:var(--ink)}
:is(.zand,#zand-scope) .mx-line{color:var(--mute);font-size:16px;margin-top:6px}
:is(.zand,#zand-scope) .mx-v{font-family:'Archivo',sans-serif;font-weight:900;font-stretch:115%;letter-spacing:-.04em;line-height:.95;color:var(--blue-sec);background:linear-gradient(120deg,var(--blue-sec),var(--blue) 60%,#5CC2F2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
:is(.zand,#zand-scope) .mx-l{font-family:'Archivo',sans-serif;font-weight:700;font-stretch:104%;font-size:clamp(18px,1.4vw,21px);line-height:1.25;color:var(--ink)}
:is(.zand,#zand-scope) .mx-d{font-size:15.5px;line-height:1.5;color:var(--mute);margin-top:4px}
:is(.zand,#zand-scope) .mx-bar{position:relative;display:block;height:16px;border-radius:99px;background:var(--ice);overflow:hidden}
:is(.zand,#zand-scope) .mx-bar i{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--blue-sec),var(--blue));transform-origin:left center;animation:z-barIn 1.6s cubic-bezier(.2,.8,.2,1) both;overflow:hidden}
:is(.zand,#zand-scope) .mx-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-100%);animation:z-shine 3.4s ease-in-out infinite}
:is(.zand,#zand-scope) .mx-bar.is-down i{background:linear-gradient(90deg,var(--hot),#FFB38F)}
/* bar chart layout */
:is(.zand,#zand-scope) .mx-bars .mx-it{display:grid;grid-template-columns:minmax(150px,.62fr) minmax(0,1fr) minmax(0,1.25fr);gap:16px clamp(20px,3vw,44px);align-items:center;padding:clamp(20px,2.4vw,30px) 0;border-top:1px solid var(--line)}
:is(.zand,#zand-scope) .mx-bars .mx-it:first-child{border-top:0;padding-top:0}
:is(.zand,#zand-scope) .mx-bars .mx-v{font-size:clamp(46px,5.4vw,80px)}
:is(.zand,#zand-scope) .mx-bars .mx-bar{height:22px}
/* dashboard layout */
:is(.zand,#zand-scope) .mx-dashboard .mx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:is(.zand,#zand-scope) .mx-dashboard .mx-it{position:relative;background:var(--ice);border-radius:24px;padding:clamp(22px,2.6vw,32px);padding-right:96px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
:is(.zand,#zand-scope) .mx-dashboard .mx-it:hover{transform:translateY(-4px);box-shadow:0 26px 50px -34px rgba(0,119,187,.6)}
:is(.zand,#zand-scope) .mx-dashboard .mx-v{font-size:clamp(44px,4.6vw,66px);margin-bottom:14px}
:is(.zand,#zand-scope) .mx-ring{position:absolute;right:22px;top:22px;width:60px;height:60px}
:is(.zand,#zand-scope) .mx-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
:is(.zand,#zand-scope) .mx-ring circle{fill:none;stroke:#D2E6F4;stroke-width:5}
:is(.zand,#zand-scope) .mx-ring .p{stroke:var(--blue);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--w));animation:z-ringIn 1.8s cubic-bezier(.2,.8,.2,1) both}
/* table */
:is(.zand,#zand-scope) .mx-table{margin-top:clamp(28px,3.4vw,44px);padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--line)}
:is(.zand,#zand-scope) .mx-table:first-child,:is(.zand,#zand-scope) .mx-top + .mx-table{margin-top:0;padding-top:0;border-top:0}
:is(.zand,#zand-scope) .mx-rt{font-family:'Archivo',sans-serif;font-weight:700;font-size:clamp(19px,1.5vw,22px);margin-bottom:10px;color:var(--ink)}
:is(.zand,#zand-scope) .mx-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 72px;gap:clamp(14px,2.4vw,32px);align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
:is(.zand,#zand-scope) .mx-row .mx-bar{height:10px}
:is(.zand,#zand-scope) .mx-rl{font-size:16.5px;color:var(--ink);line-height:1.4}
:is(.zand,#zand-scope) .mx-rv{font-family:'Archivo',sans-serif;font-weight:800;font-size:19px;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}
:is(.zand,#zand-scope) .mx-th{padding:0 0 12px;border-bottom:2px solid var(--ink)}
:is(.zand,#zand-scope) .mx-th span{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
:is(.zand,#zand-scope) .mx-th span:last-child{text-align:right;grid-column:2 / 4}
:is(.zand,#zand-scope) .mx-th span:nth-child(2){display:none}
:is(.zand,#zand-scope) .mx-note{margin-top:22px;font-size:14px;line-height:1.5;color:var(--mute);max-width:80ch}
:is(.zand,#zand-scope) .bg-blue .mx-panel{border-color:transparent}
@keyframes z-barIn{from{transform:scaleX(0)}}
@keyframes z-ringIn{from{stroke-dashoffset:100}}
@keyframes z-shine{0%,40%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
@supports (animation-timeline: view()){
:is(.zand,#zand-scope) .mx-bar i{animation:z-barIn linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
:is(.zand,#zand-scope) .mx-ring .p{animation:z-ringIn linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
}
body.elementor-editor-active :is(.zand,#zand-scope) .mx-bar i,body.elementor-editor-active :is(.zand,#zand-scope) .mx-ring .p{animation:none}

/* ---------- testimonial wall ---------- */
:is(.zand,#zand-scope) .qt-wall{columns:3 300px;column-gap:20px}
:is(.zand,#zand-scope) .qt-card{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 20px;position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(24px,2.4vw,32px);display:flex;flex-direction:column;gap:18px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
:is(.zand,#zand-scope) .bg-ice .qt-card,:is(.zand,#zand-scope) .bg-aurora .qt-card,:is(.zand,#zand-scope) .bp-sec .qt-card{border-color:transparent}
:is(.zand,#zand-scope) .qt-card:hover{transform:translateY(-6px);box-shadow:0 34px 64px -40px rgba(11,22,32,.45)}
:is(.zand,#zand-scope) .qt-card.is-accent{background:var(--blue-sec);border-color:var(--blue-sec);color:#fff}
:is(.zand,#zand-scope) .qt-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--ice);color:var(--blue-ink);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .qt-card:hover .qt-ic{transform:rotate(-10deg) scale(1.06)}
:is(.zand,#zand-scope) .qt-card.is-accent .qt-ic{background:rgba(255,255,255,.16);color:#fff}
:is(.zand,#zand-scope) .qt-x{font-size:16.5px;line-height:1.68;color:var(--ink)}
:is(.zand,#zand-scope) .qt-x p + p{margin-top:14px}
:is(.zand,#zand-scope) .qt-card.is-accent .qt-x{color:#fff}
:is(.zand,#zand-scope) .is-clamp .qt-card .qt-x{max-height:14.6em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,transparent);mask-image:linear-gradient(#000 62%,transparent)}
:is(.zand,#zand-scope) .is-clamp .qt-card.open .qt-x,:is(.zand,#zand-scope) .is-clamp .qt-card.short .qt-x{max-height:none;-webkit-mask-image:none;mask-image:none}
:is(.zand,#zand-scope) .qt-more{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--blue-ink);align-self:flex-start;margin-top:-6px}
:is(.zand,#zand-scope) .qt-more svg{transition:transform .3s}
:is(.zand,#zand-scope) .qt-card.open .qt-more svg{transform:rotate(180deg)}
:is(.zand,#zand-scope) .qt-card.short .qt-more{display:none}
:is(.zand,#zand-scope) .qt-card.is-accent .qt-more{color:#fff}
:is(.zand,#zand-scope) .qt-who{display:flex;align-items:center;gap:14px;padding-top:18px;border-top:1px solid var(--line)}
:is(.zand,#zand-scope) .qt-card.is-accent .qt-who{border-color:rgba(255,255,255,.25)}
:is(.zand,#zand-scope) .qt-av{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-sec));color:#fff;display:grid;place-items:center;font-family:'Archivo',sans-serif;font-weight:800;font-size:16px;letter-spacing:.02em;flex-shrink:0;overflow:hidden}
:is(.zand,#zand-scope) .qt-av img,:is(.zand,#zand-scope) .qt-big img{width:100%;height:100%;object-fit:cover;display:block}
:is(.zand,#zand-scope) .qt-card.is-accent .qt-av{background:#fff;color:var(--blue-sec)}
:is(.zand,#zand-scope) .qt-who b{display:block;font-weight:700;font-size:16px;line-height:1.3;color:inherit}
:is(.zand,#zand-scope) .qt-who small{display:block;font-size:14px;color:var(--mute);line-height:1.35;margin-top:2px}
:is(.zand,#zand-scope) .qt-card.is-accent .qt-who small{color:rgba(255,255,255,.82)}
/* featured */
:is(.zand,#zand-scope) .qt-feat{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(36px,6vw,96px);align-items:center;margin:0}
:is(.zand,#zand-scope) .qt-photo{position:relative;aspect-ratio:4/5;width:100%;max-width:440px}
:is(.zand,#zand-scope) .qt-ring{position:absolute;inset:0;transform:translate(22px,22px) rotate(3deg);border-radius:32px;background-color:var(--sky);background-image:radial-gradient(rgba(0,119,187,.35) 1.4px,transparent 1.6px);background-size:16px 16px}
:is(.zand,#zand-scope) .qt-big{position:absolute;inset:0;border-radius:32px;overflow:hidden;background:linear-gradient(150deg,var(--blue) 0%,var(--blue-sec) 55%,#0A3E62 100%);color:#fff;display:grid;place-items:center;font-family:'Archivo',sans-serif;font-weight:900;font-stretch:120%;font-size:clamp(80px,11vw,150px);letter-spacing:-.05em;box-shadow:0 50px 80px -50px rgba(0,60,100,.8)}
:is(.zand,#zand-scope) .qt-big:not(.has-img)::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1.4px,transparent 1.6px);background-size:18px 18px;-webkit-mask-image:linear-gradient(160deg,#000,transparent 70%);mask-image:linear-gradient(160deg,#000,transparent 70%)}
:is(.zand,#zand-scope) .qt-mark{position:absolute;right:-22px;bottom:40px;width:78px;height:78px;border-radius:50%;background:var(--hot);color:#fff;display:grid;place-items:center;box-shadow:0 20px 40px -16px rgba(255,106,43,.8);animation:z-float 6s ease-in-out infinite;z-index:2}
:is(.zand,#zand-scope) .qt-feat .qt-x{font-size:clamp(17px,1.3vw,19px);line-height:1.72;color:var(--ink)}
:is(.zand,#zand-scope) .qt-feat .qt-x p:first-child{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(26px,2.6vw,38px);line-height:1.18;color:var(--blue-ink);letter-spacing:-.01em}
:is(.zand,#zand-scope) .bg-blue .qt-feat .qt-x,:is(.zand,#zand-scope) .bg-blue .qt-feat .qt-x p:first-child{color:#fff}
:is(.zand,#zand-scope) .qt-feat figcaption{margin-top:30px}
:is(.zand,#zand-scope) .qt-feat .qt-who{border-top:0;padding-top:0}
:is(.zand,#zand-scope) .qt-feat .qt-who b{font-size:19px}
:is(.zand,#zand-scope) .qt-feat .qt-av{display:none}
:is(.zand,#zand-scope) .qt-scene{margin-top:clamp(48px,6vw,88px)}
:is(.zand,#zand-scope) .qt-scene .sc{max-width:760px;margin-inline:auto;aspect-ratio:16/9}

/* ---------- portfolio & case study cards ---------- */
:is(.zand,#zand-scope) .pf-f{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(24px,3vw,36px)}
:is(.zand,#zand-scope) .pf-f button{padding:10px 18px;border-radius:99px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:15px;line-height:1.2;color:var(--ink);transition:background .3s,color .3s,border-color .3s}
:is(.zand,#zand-scope) .pf-f button:hover{border-color:var(--blue);color:var(--blue-ink)}
:is(.zand,#zand-scope) .pf-f button.on,:is(.zand,#zand-scope) .pf-f button.on:hover{background:var(--blue-sec);border-color:var(--blue-sec);color:#fff}
:is(.zand,#zand-scope) .pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
:is(.zand,#zand-scope) .pf-cases .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
:is(.zand,#zand-scope) .pf-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
:is(.zand,#zand-scope) .pf-card:hover{transform:translateY(-8px);box-shadow:0 44px 80px -46px rgba(11,22,32,.5)}
:is(.zand,#zand-scope) .pf-card.is-hidden{display:none}
:is(.zand,#zand-scope) .pf-vis{position:relative;aspect-ratio:4/3;background:var(--ice);overflow:hidden}
:is(.zand,#zand-scope) .pf-cases .pf-vis{aspect-ratio:auto;display:grid;place-items:center;padding:4% 8% 0;background:linear-gradient(180deg,var(--ice),#fff)}
:is(.zand,#zand-scope) .pf-cases .pf-vis .sc{max-width:520px}
:is(.zand,#zand-scope) .pf-img{position:absolute;inset:0}
:is(.zand,#zand-scope) .pf-img img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:object-position 4s ease}
:is(.zand,#zand-scope) .pf-card:hover .pf-img img{object-position:bottom center}
:is(.zand,#zand-scope) .pf-meta{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
:is(.zand,#zand-scope) .pf-cases .pf-meta{padding:28px clamp(26px,3vw,40px) 34px}
:is(.zand,#zand-scope) .pf-i{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-ink);line-height:1.3}
:is(.zand,#zand-scope) .pf-n{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:108%;font-size:clamp(21px,1.8vw,26px);line-height:1.15;letter-spacing:-.02em;color:var(--ink)}
:is(.zand,#zand-scope) .pf-cases .pf-n{font-size:clamp(23px,2.1vw,30px)}
:is(.zand,#zand-scope) .pf-s{color:var(--mute);font-size:16px;line-height:1.55}
:is(.zand,#zand-scope) .pf-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0}
:is(.zand,#zand-scope) .pf-tags li{font-size:13px;font-weight:600;padding:5px 12px;border-radius:99px;background:var(--ice);color:var(--blue-ink);line-height:1.3}
:is(.zand,#zand-scope) .pf-go{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:12px;font-weight:700;color:var(--blue-sec);align-self:flex-start}
:is(.zand,#zand-scope) .pf-go::after{content:"";position:absolute;inset:0;z-index:2}
:is(.zand,#zand-scope) .pf-go .ar{width:36px;height:36px;border-radius:50%;background:var(--ice);display:grid;place-items:center;transition:background .35s,color .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .pf-card:hover .pf-go .ar{background:var(--blue-sec);color:#fff;transform:rotate(45deg)}
/* generated website mock-up */
:is(.zand,#zand-scope) .pf-mock{position:absolute;inset:0;container-type:inline-size;background:var(--ice);background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--c) 26%,#fff) 0%,#F2F8FC 62%)}
:is(.zand,#zand-scope) .pf-win{position:absolute;left:7%;top:10%;width:76%;height:100%;background:#fff;border-radius:2.4cqw 2.4cqw 0 0;box-shadow:0 4cqw 8cqw -3cqw rgba(11,22,32,.35);overflow:hidden;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
:is(.zand,#zand-scope) .pf-card:hover .pf-win{transform:translateY(-2%)}
:is(.zand,#zand-scope) .pf-bar{display:flex;align-items:center;gap:1cqw;padding:1.8cqw 2.2cqw;background:#F1F5F8}
:is(.zand,#zand-scope) .pf-bar i{width:1.5cqw;height:1.5cqw;border-radius:50%;background:#D5E2EC}
:is(.zand,#zand-scope) .pf-bar span{flex:1;height:2.4cqw;border-radius:2cqw;background:#fff;margin-left:2cqw}
:is(.zand,#zand-scope) .pf-scroll{transition:transform 3.5s cubic-bezier(.4,0,.2,1)}
:is(.zand,#zand-scope) .pf-card:hover .pf-scroll{transform:translateY(-28%)}
:is(.zand,#zand-scope) .pf-hero{position:relative;background:var(--c);color:#fff;padding:3cqw 3.4cqw 5cqw;overflow:hidden}
:is(.zand,#zand-scope) .pf-hero::after{content:"";position:absolute;right:-12cqw;top:-10cqw;width:36cqw;height:36cqw;border-radius:50%;background:rgba(255,255,255,.14)}
:is(.zand,#zand-scope) .pf-nav{position:relative;z-index:1;display:flex;align-items:center;gap:2cqw;margin-bottom:5cqw}
:is(.zand,#zand-scope) .pf-nav b{font-family:'Archivo',sans-serif;font-weight:800;font-size:2.4cqw;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
:is(.zand,#zand-scope) .pf-nav i{width:6cqw;height:1.2cqw;border-radius:1cqw;background:rgba(255,255,255,.6)}
:is(.zand,#zand-scope) .pf-big{position:relative;z-index:1;display:block;font-family:'Archivo',sans-serif;font-weight:900;font-stretch:112%;font-size:6.4cqw;line-height:.98;letter-spacing:-.03em;max-width:84%;overflow-wrap:anywhere}
:is(.zand,#zand-scope) .pf-l{display:block;height:1.6cqw;border-radius:1cqw;background:#E3ECF3;margin-top:1.6cqw}
:is(.zand,#zand-scope) .pf-hero .pf-l{position:relative;z-index:1;background:rgba(255,255,255,.55)}
:is(.zand,#zand-scope) .pf-l.w1{width:60%}
:is(.zand,#zand-scope) .pf-l.w2{width:42%}
:is(.zand,#zand-scope) .pf-l.w3{width:76%}
:is(.zand,#zand-scope) .pf-btn{position:relative;z-index:1;display:block;width:16cqw;height:4.4cqw;border-radius:3cqw;background:#fff;margin-top:3cqw}
:is(.zand,#zand-scope) .pf-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;padding:3cqw 3.4cqw 0}
:is(.zand,#zand-scope) .pf-cols i{display:block;aspect-ratio:4/3;border-radius:1.6cqw;background:var(--ice);background:color-mix(in srgb,var(--c) 14%,#fff)}
:is(.zand,#zand-scope) .pf-rows{padding:1cqw 3.4cqw 0}
:is(.zand,#zand-scope) .pf-phone{position:absolute;right:6%;bottom:-8%;width:23%;aspect-ratio:9/17;background:#fff;border-radius:3.4cqw;border:1cqw solid var(--ink);padding:2.2cqw 1.6cqw;box-shadow:0 4cqw 8cqw -3cqw rgba(11,22,32,.5);transition:transform .6s cubic-bezier(.2,.8,.2,1);z-index:1}
:is(.zand,#zand-scope) .pf-card:hover .pf-phone{transform:translateY(-8%)}
:is(.zand,#zand-scope) .pf-phone .notch{display:block;width:40%;height:1.3cqw;border-radius:1cqw;background:var(--ink);margin:0 auto 1.6cqw}
:is(.zand,#zand-scope) .pf-ph-hero{height:40%;border-radius:1.6cqw;background:var(--c);display:flex;align-items:flex-end;padding:1.4cqw;color:#fff;overflow:hidden}
:is(.zand,#zand-scope) .pf-ph-hero b{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.9cqw;line-height:1.05;overflow-wrap:anywhere}
:is(.zand,#zand-scope) .pf-phone .pf-l{height:1.1cqw;margin-top:1.4cqw}
:is(.zand,#zand-scope) .pf-v1 .pf-hero{background:linear-gradient(135deg,var(--c),#0B1620 140%)}
:is(.zand,#zand-scope) .pf-v1 .pf-win{left:auto;right:7%}
:is(.zand,#zand-scope) .pf-v1 .pf-phone{right:auto;left:6%}
:is(.zand,#zand-scope) .pf-v2 .pf-hero{background:#fff;color:var(--ink);box-shadow:inset 0 -1px 0 var(--line)}
:is(.zand,#zand-scope) .pf-v2 .pf-hero::after{background:var(--ice);background:color-mix(in srgb,var(--c) 18%,#fff)}
:is(.zand,#zand-scope) .pf-v2 .pf-big{color:var(--c)}
:is(.zand,#zand-scope) .pf-v2 .pf-nav i,:is(.zand,#zand-scope) .pf-v2 .pf-hero .pf-l{background:#DCE7EF}
:is(.zand,#zand-scope) .pf-v2 .pf-btn{background:var(--c)}

/* ---------- audit tool ---------- */
:is(.zand,#zand-scope) .au-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
:is(.zand,#zand-scope) .au-copy > :first-child{margin-top:0}
:is(.zand,#zand-scope) .au-copy .h2{margin-top:16px}
:is(.zand,#zand-scope) .au-copy .rt{margin-top:22px;font-size:18px;color:var(--mute)}
:is(.zand,#zand-scope) .au-scene{max-width:380px;margin-top:28px}
:is(.zand,#zand-scope) .au-panel{position:relative;background:#fff;border-radius:32px;padding:clamp(26px,3.4vw,44px);box-shadow:0 50px 90px -50px rgba(11,22,32,.45);border:1px solid var(--line)}
:is(.zand,#zand-scope) .au-panel::before{content:"";position:absolute;inset:-14px -14px auto auto;width:110px;height:110px;border-radius:28px;background:var(--hot);opacity:.12;z-index:-1}
:is(.zand,#zand-scope) .au-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}
:is(.zand,#zand-scope) .au-ic{width:54px;height:54px;border-radius:16px;background:var(--blue-sec);color:#fff;display:grid;place-items:center;flex-shrink:0}
:is(.zand,#zand-scope) .au-t{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:106%;font-size:clamp(21px,1.8vw,26px);letter-spacing:-.01em;line-height:1.15}
:is(.zand,#zand-scope) .au-form{display:grid;gap:12px}
:is(.zand,#zand-scope) .au-f{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:18px;padding:0 18px;background:#F7FBFE;color:var(--blue-ink);transition:border-color .3s,background .3s}
:is(.zand,#zand-scope) .au-f:focus-within{border-color:var(--blue);background:#fff}
:is(.zand,#zand-scope) .au-f input{flex:1;min-width:0;border:0!important;background:transparent!important;min-height:58px;padding:0!important;outline:0;font-size:16px;color:var(--ink);box-shadow:none!important}
:is(.zand,#zand-scope) .au-form .btn{justify-content:space-between;width:100%;margin-top:4px}
:is(.zand,#zand-scope) .au-note{margin-top:14px;font-size:14px;color:var(--mute)}
:is(.zand,#zand-scope) .au-embed{min-height:120px}

/* ---------- new scenes ---------- */
/* expansion */
:is(.zand,#zand-scope) .sk-exmap{border-radius:3cqw}
:is(.zand,#zand-scope) .ex-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}
:is(.zand,#zand-scope) .ex-route path{fill:none;stroke:var(--hot);stroke-width:.8cqw;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:900;stroke-dashoffset:900;animation:z-exd 6s ease-in-out infinite}
:is(.zand,#zand-scope) .ex-zone{position:absolute;width:26cqw;height:26cqw;margin:-13cqw 0 0 -13cqw;border-radius:50%;background:radial-gradient(closest-side,rgba(0,154,232,.3),rgba(0,154,232,0));animation:z-breathe 5s ease-in-out infinite}
:is(.zand,#zand-scope) .ex-zone.is-new{background:radial-gradient(closest-side,rgba(255,106,43,.3),rgba(255,106,43,0));animation:z-exzone 6s ease-in-out infinite}
:is(.zand,#zand-scope) .ex-pin{position:absolute;width:7cqw;height:7cqw;margin:-8.4cqw 0 0 -3.5cqw;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--blue-sec);border:.8cqw solid #fff;box-shadow:0 1.4cqw 2.4cqw rgba(0,0,0,.22);display:grid;place-items:center;z-index:2}
:is(.zand,#zand-scope) .ex-pin b{transform:rotate(45deg);color:#fff;font-family:'Archivo',sans-serif;font-weight:900;font-size:3cqw;line-height:1}
:is(.zand,#zand-scope) .ex-pin.is-new{background:var(--hot);animation:z-expin 6s ease-out infinite}
:is(.zand,#zand-scope) .ex-card{display:flex;align-items:center;gap:2cqw;padding:2.2cqw 3.4cqw 2.2cqw 2.2cqw;min-width:36%;z-index:3}
:is(.zand,#zand-scope) .ex-card .ic{width:7cqw;height:7cqw;border-radius:2cqw;background:var(--blue-sec);color:#fff;display:grid;place-items:center;flex-shrink:0}
:is(.zand,#zand-scope) .ex-card .ic .zi{width:4cqw;height:4cqw}
:is(.zand,#zand-scope) .ex-card b{display:block;font-size:2.9cqw;font-weight:700;white-space:nowrap;line-height:1.2}
:is(.zand,#zand-scope) .ex-card .sk-ln{margin-top:1cqw}
:is(.zand,#zand-scope) .ex-card.is-new .ic{background:var(--hot)}
@keyframes z-exd{0%,8%{stroke-dashoffset:900}48%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes z-exzone{0%,40%{transform:scale(0)}60%,100%{transform:scale(1)}}
@keyframes z-expin{0%,40%{opacity:0;translate:0 -6cqw}54%,100%{opacity:1;translate:0 0}}
/* ecosystem */
:is(.zand,#zand-scope) .eco-orb .o1{width:78%;height:76%}
:is(.zand,#zand-scope) .eco-orb .o2{width:48%;height:46%}
:is(.zand,#zand-scope) .eco-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
:is(.zand,#zand-scope) .eco-lines line{stroke:var(--blue);stroke-width:.4cqw;vector-effect:non-scaling-stroke;stroke-dasharray:5 6;opacity:.6;animation:z-flow 1.6s linear infinite}
:is(.zand,#zand-scope) .bg-blue .eco-lines line{stroke:#fff}
:is(.zand,#zand-scope) .sk-core.eco-core{width:18cqw;height:18cqw}
:is(.zand,#zand-scope) .eco-core .zi{width:8cqw;height:8cqw}
:is(.zand,#zand-scope) .eco-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1.2cqw;z-index:3}
:is(.zand,#zand-scope) .eco-node .ic{width:11cqw;height:11cqw;border-radius:50%;background:#fff;color:var(--blue-ink);display:grid;place-items:center;box-shadow:0 2.4cqw 4.8cqw -2cqw rgba(11,22,32,.45);animation:z-ecoP 4.5s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .eco-node .ic .zi{width:5cqw;height:5cqw}
:is(.zand,#zand-scope) .eco-node em{font-style:normal;font-size:2.3cqw;font-weight:700;background:#fff;color:var(--ink);padding:.8cqw 2cqw;border-radius:99px;white-space:nowrap;box-shadow:0 1.4cqw 3cqw -1.6cqw rgba(11,22,32,.4)}
:is(.zand,#zand-scope) .eco-node.is-entry .ic{background:var(--hot);color:#fff;animation:none}
@keyframes z-ecoP{0%,100%{transform:scale(1)}10%{transform:scale(1.14);background:var(--blue-sec);color:#fff}24%{transform:scale(1)}}
/* loyalty */
:is(.zand,#zand-scope) .loy-ring{position:absolute;left:12%;top:8%;width:60%;height:auto;overflow:visible}
:is(.zand,#zand-scope) .loy-ring circle{fill:none;stroke:#D6E8F5;stroke-width:3}
:is(.zand,#zand-scope) .loy-ring .run{stroke:var(--blue-sec);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:62 152;transform-origin:50px 50px;animation:z-spin 5s linear infinite}
:is(.zand,#zand-scope) .bg-blue .loy-ring circle{stroke:rgba(255,255,255,.25)}
:is(.zand,#zand-scope) .bg-blue .loy-ring .run{stroke:#fff}
:is(.zand,#zand-scope) .sk-core.loy-core{left:42%;top:43.7%;width:20cqw;height:20cqw}
:is(.zand,#zand-scope) .loy-core .zi{width:9cqw;height:9cqw}
:is(.zand,#zand-scope) .loy-heart{position:absolute;color:var(--hot);z-index:3;animation:z-beat 2.4s infinite}
:is(.zand,#zand-scope) .loy-heart .zi{width:7cqw;height:7cqw;filter:drop-shadow(0 1cqw 1.4cqw rgba(255,106,43,.45))}
:is(.zand,#zand-scope) .loy-bars .lb{display:flex;align-items:flex-end;gap:1.4cqw;height:16cqw;margin-top:2cqw}
:is(.zand,#zand-scope) .loy-bars .lb i{flex:1;height:var(--h);border-radius:1cqw 1cqw .4cqw .4cqw;background:linear-gradient(var(--blue),var(--blue-sec));transform-origin:bottom;animation:z-loyb 4s ease-in-out infinite;animation-delay:var(--d)}
@keyframes z-loyb{0%{transform:scaleY(.2)}40%,100%{transform:scaleY(1)}}
/* garage */
:is(.zand,#zand-scope) .gar-night{padding:0;overflow:hidden;background:linear-gradient(170deg,#0D2A42 0%,#0B1620 72%);border-radius:3cqw}
:is(.zand,#zand-scope) .gar-moon{position:absolute;left:8%;top:9%;color:#FFD9A0}
:is(.zand,#zand-scope) .gar-moon .zi{width:7cqw;height:7cqw;fill:#FFD9A0}
:is(.zand,#zand-scope) .gar-stars i{position:absolute;width:.9cqw;height:.9cqw;border-radius:50%;background:#fff;animation:z-blink 2.4s infinite}
:is(.zand,#zand-scope) .gar-stars i:nth-child(1){left:30%;top:10%}
:is(.zand,#zand-scope) .gar-stars i:nth-child(2){left:48%;top:22%;animation-delay:.8s}
:is(.zand,#zand-scope) .gar-stars i:nth-child(3){left:22%;top:30%;animation-delay:1.4s}
:is(.zand,#zand-scope) .gar-stars i:nth-child(4){left:60%;top:8%;animation-delay:.4s}
:is(.zand,#zand-scope) .gar-clock{position:absolute;right:9%;top:10%;width:19cqw;height:19cqw;border-radius:50%;background:#fff;box-shadow:0 0 0 1.2cqw rgba(255,255,255,.12),0 0 6cqw rgba(0,154,232,.6)}
:is(.zand,#zand-scope) .gar-clock i{position:absolute;left:50%;bottom:50%;width:.9cqw;margin-left:-.45cqw;border-radius:1cqw;background:var(--ink);transform-origin:50% 100%}
:is(.zand,#zand-scope) .gar-clock .h{height:5cqw;animation:z-spin 24s linear infinite}
:is(.zand,#zand-scope) .gar-clock .m{height:7.4cqw;background:var(--blue-sec);animation:z-spin 3s linear infinite}
:is(.zand,#zand-scope) .gar-clock b{position:absolute;left:50%;top:50%;width:2cqw;height:2cqw;margin:-1cqw;border-radius:50%;background:var(--hot)}
:is(.zand,#zand-scope) .gar-sign{position:absolute;left:8%;top:42%;padding:1.4cqw 3cqw;border-radius:1.6cqw;border:.5cqw solid #5CC2F2;color:#E6F5FE;font-family:'Archivo',sans-serif;font-weight:800;font-size:3.6cqw;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 2cqw #009AE8;box-shadow:0 0 3cqw rgba(0,154,232,.6),inset 0 0 2cqw rgba(0,154,232,.4);animation:z-neon 4s infinite}
:is(.zand,#zand-scope) .gar-road{position:absolute;left:0;right:0;bottom:0;height:17%;background:#13293B;border-top:.5cqw solid #1E3B52}
:is(.zand,#zand-scope) .gar-road::after{content:"";position:absolute;left:0;right:0;top:45%;height:.8cqw;background:repeating-linear-gradient(90deg,#FFD9A0 0 6cqw,transparent 6cqw 12cqw);animation:z-road 1.2s linear infinite}
:is(.zand,#zand-scope) .gar-car{position:absolute;left:34%;bottom:7%;color:#fff;z-index:2;animation:z-car 6s ease-in-out infinite}
:is(.zand,#zand-scope) .gar-car .zi{width:13cqw;height:13cqw}
:is(.zand,#zand-scope) .gar-msg .ic{width:5.2cqw;height:5.2cqw;border-radius:1.4cqw;background:var(--blue-sec);color:#fff;display:grid;place-items:center;flex-shrink:0}
:is(.zand,#zand-scope) .gar-msg .ic .zi{width:3cqw;height:3cqw}
:is(.zand,#zand-scope) .gar-msg b,:is(.zand,#zand-scope) .gar-book b{font-size:2.4cqw;font-weight:700;white-space:nowrap}
:is(.zand,#zand-scope) .gar-book .ok{margin-left:0;width:5.2cqw;height:5.2cqw}
:is(.zand,#zand-scope) .gar-book .ok .zi{width:3cqw;height:3cqw}
:is(.zand,#zand-scope) .gar-cal{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw;margin-top:2cqw}
:is(.zand,#zand-scope) .gar-cal i{display:block;height:3.4cqw;border-radius:.8cqw;background:var(--ice)}
:is(.zand,#zand-scope) .gar-cal i:nth-child(6){background:var(--blue-sec);animation:z-beat 3s infinite}
:is(.zand,#zand-scope) .gar-wrench{position:absolute;z-index:3;width:9cqw;height:9cqw;border-radius:50%;background:var(--hot);color:#fff;display:grid;place-items:center;box-shadow:0 2cqw 4cqw -1.6cqw rgba(255,106,43,.8);animation:z-wr 3s ease-in-out infinite}
:is(.zand,#zand-scope) .gar-wrench .zi{width:5cqw;height:5cqw}
@keyframes z-neon{0%,17%,23%,100%{opacity:1}20%{opacity:.35}}
@keyframes z-road{to{background-position:-12cqw 0}}
@keyframes z-car{0%{transform:translateX(-34cqw)}40%,70%{transform:translateX(0)}100%{transform:translateX(56cqw)}}
@keyframes z-wr{0%,100%{transform:rotate(0)}50%{transform:rotate(-25deg)}}
/* trophy */
:is(.zand,#zand-scope) .tro-rays{position:absolute;left:50%;top:48%;width:74cqw;height:74cqw;margin:-37cqw 0 0 -37cqw;border-radius:50%;background:repeating-conic-gradient(rgba(0,154,232,.14) 0 10deg,transparent 10deg 20deg);-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent);animation:z-spin 30s linear infinite}
:is(.zand,#zand-scope) .tro-cup{position:absolute;left:50%;top:48%;width:34cqw;height:34cqw;margin:-17cqw 0 0 -17cqw;border-radius:50%;background:linear-gradient(145deg,var(--blue),var(--blue-sec));color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3cqw rgba(0,154,232,.14),0 4cqw 10cqw -3cqw rgba(0,119,187,.7);animation:z-float 6s ease-in-out infinite;z-index:2}
:is(.zand,#zand-scope) .tro-cup .zi{width:17cqw;height:17cqw}
:is(.zand,#zand-scope) .tro-star{position:absolute;color:var(--hot);animation:z-twk 2.6s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .tro-star .zi{width:5cqw;height:5cqw}
@keyframes z-twk{0%,100%{transform:scale(.6) rotate(0);opacity:.5}50%{transform:scale(1.15) rotate(45deg);opacity:1}}
/* showcase */
:is(.zand,#zand-scope) .sh-grid{position:absolute;inset:7% 4%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:3cqw}
:is(.zand,#zand-scope) .sh-tile{background:#fff;border-radius:2.4cqw;padding:2cqw;box-shadow:0 3cqw 6cqw -3cqw rgba(11,22,32,.4);animation:z-shT 6s ease-in-out infinite;animation-delay:var(--d)}
:is(.zand,#zand-scope) .sh-tile .sk-bar{margin:0 0 1.4cqw}
:is(.zand,#zand-scope) .sh-hero{display:block;height:44%;border-radius:1.4cqw;background:var(--c)}
@keyframes z-shT{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.4cqw)}}

/* ---------- v1.3 responsive ---------- */
@media (max-width:980px){
:is(.zand,#zand-scope) .mx-bars .mx-it{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
:is(.zand,#zand-scope) .mx-bars .mx-bar{grid-column:1 / -1}
:is(.zand,#zand-scope) .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.zand,#zand-scope) .pf-cases .pf-grid{grid-template-columns:minmax(0,1fr)}
:is(.zand,#zand-scope) .qt-feat,:is(.zand,#zand-scope) .au-in{grid-template-columns:minmax(0,1fr)}
:is(.zand,#zand-scope) .qt-photo{max-width:380px}
}
@media (max-width:620px){
:is(.zand,#zand-scope) .mx-bars .mx-it{grid-template-columns:minmax(0,1fr);gap:10px}
:is(.zand,#zand-scope) .mx-dashboard .mx-grid{grid-template-columns:minmax(0,1fr)}
:is(.zand,#zand-scope) .mx-dashboard .mx-it{padding-right:84px}
:is(.zand,#zand-scope) .mx-row{grid-template-columns:minmax(0,1fr) 64px;gap:6px 14px}
:is(.zand,#zand-scope) .mx-row .mx-bar{grid-column:1 / -1;grid-row:2}
:is(.zand,#zand-scope) .mx-th span:last-child{grid-column:2}
:is(.zand,#zand-scope) .pf-grid{grid-template-columns:minmax(0,1fr)}
:is(.zand,#zand-scope) .qt-photo{max-width:300px;margin-right:22px}
:is(.zand,#zand-scope) .qt-mark{width:62px;height:62px;right:-14px}
:is(.zand,#zand-scope) .ph-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.zand,#zand-scope) .ph-meta > div{padding:14px 16px}
:is(.zand,#zand-scope) .ph-meta dd{font-size:15px}
}
:is(.zand,#zand-scope) .h1.h1-page.is-long{font-size:clamp(36px,4.4vw,66px);line-height:1.02}
:is(.zand,#zand-scope) .h1.h1-page.is-xlong{font-size:clamp(30px,3.5vw,52px);line-height:1.06}
:is(.zand,#zand-scope) .h2.h2-long,:is(.zand,#zand-scope) .h2.h2-md.h2-long{font-size:clamp(30px,3.4vw,48px);line-height:1.04}
:is(.zand,#zand-scope) .h2.h2-xlong,:is(.zand,#zand-scope) .h2.h2-md.h2-xlong{font-size:clamp(26px,2.7vw,38px);line-height:1.12;max-width:34ch}
:is(.zand,#zand-scope) .h2.h2-m.h2-long,:is(.zand,#zand-scope) .h2.h2-m.h2-xlong{font-size:clamp(24px,2.4vw,34px)}
:is(.zand,#zand-scope) .mx-bars .mx-it{grid-template-columns:minmax(210px,.7fr) minmax(0,1fr) minmax(0,1.2fr)}
:is(.zand,#zand-scope) .mx-bars .mx-v{white-space:nowrap;font-size:clamp(40px,4.4vw,68px)}
:is(.zand,#zand-scope) .qt-feat .qt-x p:only-child{font-family:inherit;font-style:normal;font-size:clamp(18px,1.45vw,21px);line-height:1.7;color:var(--ink);letter-spacing:0}
:is(.zand,#zand-scope) .qt-feat .qt-x p:only-child::first-line{font-weight:600}
:is(.zand,#zand-scope) .bg-blue .qt-feat .qt-x p:only-child{color:#fff}
:is(.zand,#zand-scope) .qt-wall.is-clamp{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
:is(.zand,#zand-scope) .qt-wall.is-clamp .qt-card{margin:0}
:is(.zand,#zand-scope) .bg-blue .tro-cup{background:#fff;color:var(--blue-sec);box-shadow:0 0 0 3cqw rgba(255,255,255,.14),0 4cqw 10cqw -3cqw rgba(0,0,0,.35)}
:is(.zand,#zand-scope) .bg-blue .tro-rays{background:repeating-conic-gradient(rgba(255,255,255,.12) 0 10deg,transparent 10deg 20deg)}
@media (max-width:980px){:is(.zand,#zand-scope) .qt-wall.is-clamp{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){:is(.zand,#zand-scope) .qt-wall.is-clamp{grid-template-columns:minmax(0,1fr)}}
@media (max-width:980px){:is(.zand,#zand-scope) .mx-bars .mx-it{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}
@media (max-width:620px){:is(.zand,#zand-scope) .mx-bars .mx-it{grid-template-columns:minmax(0,1fr);gap:10px} :is(.zand,#zand-scope) .mx-th span{font-size:11.5px}}