/* ZAD Ent Ltd - Marketing website UI - works with the existing Poze asset folders.
   Scoped with zs- to preserve the approved header/footer component rules. */
*, *::before, *::after { box-sizing: border-box; }
:root { --zs-navy:#06123c; --zs-blue:#086aff; --zs-muted:#42577d; --zs-border:#d8eaff; --zs-bg:#f6fbff; --zs-shadow:0 16px 45px rgba(22,84,166,.09); }
#main-content { display:block; overflow:hidden; }
.zs-container { width:min(calc(100% - 92px),1552px); margin-inline:auto; }
#main-content img { max-width:100%; height:auto; }
#main-content a { text-decoration:none; }
#main-content p { line-height:1.57; }
#main-content h1, #main-content h2, #main-content h3 { color:var(--zs-navy); letter-spacing:-.035em; }
#main-content button, #main-content input, #main-content select, #main-content textarea { font:inherit; }
#main-content :focus-visible { outline:3px solid #72b7ff; outline-offset:3px; }
#main-content [id] { scroll-margin-top:30px; }
.zs-section { position:relative; padding:88px 0; isolation:isolate; }
.zs-orbs { background:radial-gradient(ellipse at 2% 14%,rgba(169,217,255,.46), transparent 32%), radial-gradient(ellipse at 97% 48%,rgba(145,210,255,.40),transparent 34%),linear-gradient(155deg,#fff 3%,#f6fbff 55%,#edf8ff); }
.zs-orbs::before { content:""; position:absolute; z-index:-1; width:670px; height:670px; border-radius:50%; border:1px solid rgba(255,255,255,.78); box-shadow:0 0 80px rgba(176,219,252,.15); top:-300px; left:-320px; pointer-events:none; }
.zs-orbs::after { content:""; position:absolute; z-index:-1; width:720px; height:720px; border-radius:50%; border:1px solid rgba(255,255,255,.8); right:-405px; top:-140px; pointer-events:none; }
.zs-heading { max-width:800px; margin:0 0 30px; }
.zs-heading--center { text-align:center; margin:0 auto 43px; }
.zs-heading h1, .zs-heading h2 { font-size:clamp(35px,4.7vw,68px); line-height:1.12; font-weight:800; margin:13px 0 14px; }
.zs-heading h1 span, .zs-heading h2 span, .zs-auth h1 span, .zs-legal h1 span { color:#086bfc; }
.zs-heading p { font-size:clamp(16px,1.22vw,19px); line-height:1.55; margin:0; color:#415982; }
.zs-pill { display:inline-flex; align-items:center; justify-content:center; width:fit-content; max-width:100%; border:1px solid #b6d8ff; border-radius:99px; padding:9px 24px; color:#315481; font-size:11px; font-weight:750; letter-spacing:3px; text-transform:uppercase; background:rgba(255,255,255,.65); }
.zs-pill--left { justify-content:flex-start; }
.zs-actions { display:flex; flex-wrap:wrap; gap:17px; margin:27px 0 0; }
.zs-actions--center { justify-content:center; }
.zs-btn { min-height:56px; padding:0 24px; border-radius:12px; border:1px solid transparent; display:inline-flex; align-items:center; justify-content:center; gap:14px; font-size:15px; font-weight:700; cursor:pointer; white-space:nowrap; transition:transform .16s ease, box-shadow .16s ease; }
.zs-btn:hover { transform:translateY(-2px); }
.zs-btn--blue { background:linear-gradient(145deg,#08b9f8 0%,#056cfa 45%,#0334bc 100%); color:#fff !important; box-shadow:0 9px 20px rgba(6,98,227,.17); }
.zs-btn--light { background:#fff; border-color:#73acfb; color:#0756d9!important; box-shadow:0 7px 21px rgba(9,103,227,.06); }
.zs-btn--white { background:white; color:#0866e7!important; box-shadow:0 12px 23px rgba(0,42,133,.17); }
.zs-btn--outline-white { background:rgba(8,92,235,.5); color:white!important; border-color:rgba(255,255,255,.73); }
.zs-center-action { text-align:center; margin-top:34px; }
.zs-lead { font-size:clamp(17px,1.3vw,21px); line-height:1.62; color:#344d79; }
.zs-trust-label { text-align:center; color:#5b74a3; font-weight:700; font-size:11px; letter-spacing:3.7px; text-transform:uppercase; padding:6px 0 17px; }
.zs-trust-label span::before,.zs-trust-label span::after { content:""; display:inline-block; height:1px; width:60px; background:#8db7ef; vertical-align:middle; margin:0 18px; }
.zs-mini-trust { display:flex; flex-wrap:wrap; justify-content:space-evenly; gap:24px; border-top:1px solid #c5dbf6; margin-top:40px; padding:24px 10px 0; font-size:14px; font-weight:650; color:#1b3465; }
.zs-mini-trust span { display:inline-flex; align-items:center; gap:12px; }
.zs-mini-trust i { color:#076bf6; font-size:20px; }
/* Hero */
.zs-hero { padding:54px 0 24px; min-height:675px; }
.zs-hero__layout { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:10px; align-items:center; }
.zs-hero__copy { position:relative; z-index:1; padding:14px 0 0 6px; }
.zs-hero h1 { font-size:clamp(43px,4.1vw,72px); max-width:715px; line-height:1.03; margin:26px 0 18px; font-weight:850; letter-spacing:-.053em; }
.zs-hero h1 span { display:block; color:#096bfc; }
.zs-hero .zs-lead { max-width:640px; margin-bottom:25px; }
.zs-hero__visual { min-width:0; display:grid; place-items:center; }
.zs-hero__visual img { width:105%; max-width:none; margin-right:-6%; display:block; object-fit:contain; filter:drop-shadow(0 8px 22px rgba(38,101,195,.05)); }
.zs-hero__perks { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:36px; max-width:660px; }
.zs-hero__perks>div { display:flex; flex-direction:column; align-items:flex-start; gap:7px; font-size:12px; }
.zs-hero__perks i { display:grid; place-items:center; width:50px; height:50px; border:1px solid #bcddfb; border-radius:50%; color:#0769f3; font-size:23px; background:rgba(255,255,255,.7); box-shadow:0 8px 23px rgba(5,111,237,.07); }
.zs-hero__perks strong { font-size:14px; line-height:1.27; }
.zs-hero__perks small { color:#607596; font-size:10px; line-height:1.35; }
/* Business Benefits */
.zs-benefits { background-color:#f8fcff; }
.zs-benefits>.zs-container { position:relative; }
.zs-handwriting { position:absolute; object-fit:contain; pointer-events:none; z-index:0; }
.zs-handwriting--benefits-left { width:160px; top:38px; left:0; }
.zs-handwriting--benefits-right { width:174px; top:24px; right:0; }
.zs-benefits__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin-top:49px; position:relative; }
.zs-benefit { position:relative; border-radius:22px; border:1px solid #e2f1ff; padding:25px 29px 28px; min-height:365px; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,250,255,.94)); box-shadow:var(--zs-shadow); overflow:hidden; }
.zs-benefit::after { content:""; position:absolute; right:-25px; bottom:-105px; width:220px; height:160px; border:1px solid white; border-radius:50%; box-shadow:0 0 35px #b3e5ff; background:rgba(100,195,255,.09); pointer-events:none; }
.zs-counter { position:absolute; top:28px; right:27px; color:#a3c7f3; font-size:22px; }
.zs-benefit img { display:block; width:114px; height:114px!important; object-fit:contain; margin-bottom:15px; }
.zs-benefit h3 { font-size:clamp(20px,1.65vw,25px); line-height:1.2; margin:0 0 12px; }
.zs-benefit p { font-size:15px; color:#425c89; min-height:84px; margin:0 0 18px; }
.zs-benefit a { font-size:15px; color:#0867ef; font-weight:700; position:relative; z-index:1; display:inline-flex; align-items:center; gap:13px; }
/* Feature Layout */
.zs-feature-layout { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); align-items:center; gap:18px; }
.zs-feature-layout__copy { min-width:0; }
.zs-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.zs-feature { position:relative; background:rgba(255,255,255,.93); border-radius:20px; padding:22px 20px; border:1px solid #e3f0fd; box-shadow:var(--zs-shadow); min-height:195px; }
.zs-feature__icon { width:57px; height:57px; display:grid; place-items:center; background:#e8f4ff; color:#056efa; font-size:25px; border-radius:17px; margin-bottom:17px; }
.zs-feature:nth-child(4) .zs-feature__icon { color:#ed8313; background:#fff0e5; }
.zs-feature:nth-child(5) .zs-feature__icon { color:#02ab9d; background:#e1faf5; }
.zs-feature:nth-child(3) .zs-feature__icon { color:#723df0; background:#eee8ff; }
.zs-feature h3 { font-size:17px; margin:0 0 10px; }
.zs-feature p { color:#526785; font-size:13px; line-height:1.5; margin:0; }
.zs-feature>a { position:absolute; top:26px; right:18px; color:#0768f2; border:1px solid #c6e3ff; border-radius:50%; width:33px; height:33px; display:grid; place-items:center; font-size:13px; }
.zs-feature-layout__visual { display:grid; place-items:center; min-width:0; }
.zs-feature-layout__visual img { width:100%; }
/* Software */
.zs-software__layout { display:grid; grid-template-columns:minmax(210px,.77fr) minmax(0,1.53fr) minmax(210px,.77fr); gap:22px; align-items:center; }
.zs-software__col { display:grid; gap:16px; }
.zs-software-card { position:relative; background:rgba(255,255,255,.85); border:1px solid #def0ff; border-radius:20px; box-shadow:var(--zs-shadow); padding:22px 23px 20px; min-height:196px; }
.zs-software-card__number { position:absolute; right:18px; top:17px; background:#ecf6ff; color:#78aeec; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; font-size:12px; }
.zs-software-card__icon { display:inline-grid; width:58px; height:58px; place-items:center; border-radius:15px; background:#e9f5ff; color:#086aff; font-size:26px; margin-bottom:12px; }
.zs-software-card h3 { display:inline; font-size:19px; margin:0 0 0 12px; }
.zs-software-card small { display:block; margin:0 0 12px; color:#47618e; }
.zs-software-card p { font-size:13px; color:#45618b; margin:0 0 15px; }
.zs-software-card a { display:inline-flex; align-items:center; gap:12px; border:1px solid #b1d7fe; padding:8px 14px; border-radius:8px; color:#0766ed; font-size:12px; font-weight:700; }
.zs-software-card[id="software-crm"] .zs-software-card__icon { color:#09ad6a; background:#e1f9ee; }
.zs-software-card[id="software-erp"] .zs-software-card__icon { color:#8040e6; background:#f2eaff; }
.zs-software-card[id="software-hrm"] .zs-software-card__icon { color:#ea8113; background:#fff1e6; }
.zs-software-card[id="software-accounting"] .zs-software-card__icon { color:#00a99b; background:#e1faf6; }
.zs-software-card[id="software-inventory"] .zs-software-card__icon { color:#f32d84; background:#ffe7f2; }
.zs-software__picture { min-width:0; text-align:center; }
.zs-software__picture img { width:100%; }
.zs-software__picture p { margin:-8px 0 0; color:#096bfb; font-family:"Caveat",cursive; font-size:30px; }
/* Industries */
.zs-industry-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr); gap:38px; align-items:center; }
.zs-industry-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.zs-industry { background:rgba(255,255,255,.9); border:1px solid #d9eaff; border-radius:19px; padding:17px; min-height:265px; box-shadow:0 9px 25px rgba(22,84,166,.05); }
.zs-industry img { display:block; height:100px!important; width:100%; object-fit:contain; margin:0 auto 7px; }
.zs-industry h3 { font-size:18px; margin:12px 0 8px; }
.zs-industry p { color:#516b96; font-size:13px; min-height:62px; margin:0 0 12px; }
.zs-industry a { display:inline-flex; gap:11px; align-items:center; font-size:13px; font-weight:700; color:#0865f5; }
.zs-industry-layout__orbit { min-width:0; }
.zs-industry-orbit { position:relative; display:grid; place-items:center; width:min(100%,490px); aspect-ratio:1; margin:auto; border-radius:50%; border:1px solid rgba(98,172,252,.45); box-shadow:0 0 0 35px rgba(150,203,255,.08),inset 0 0 70px rgba(143,212,255,.16); background:radial-gradient(circle,#f5fcff 0%,rgba(188,226,255,.7) 60%,rgba(180,223,255,.13) 100%); }
.zs-industry-orbit::before { content:""; position:absolute; inset:11%; border:2px dotted #0878f5; border-radius:50%; opacity:.65; }
.zs-industry-orbit__inner { position:relative; z-index:2; background:rgba(255,255,255,.85); border:1px solid #b9d9f9; border-radius:50%; width:56%; aspect-ratio:1; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; box-shadow:0 10px 35px rgba(52,127,211,.16); padding:12px; }
.zs-industry-orbit__inner img { width:80%; height:68%!important; object-fit:contain; }
.zs-industry-orbit__inner strong { font-size:14px; }
.zs-industry-orbit__inner span { font-size:12px; color:#2670cf; }
.zs-orbit-bubble { position:absolute; z-index:3; display:grid; place-items:center; width:65px; height:65px; border-radius:50%; background:white; border:1px solid #b8dcff; color:#0871f4; font-size:25px; box-shadow:0 8px 28px rgba(32,100,207,.13); }
.zs-orbit-bubble--1 { top:9%; left:23%; } .zs-orbit-bubble--2 { top:10%; right:19%; } .zs-orbit-bubble--3 { top:42%; right:-2%; } .zs-orbit-bubble--4 { top:44%; left:-1%; } .zs-orbit-bubble--5 { bottom:9%; left:19%; } .zs-orbit-bubble--6 { bottom:9%; right:18%; }
.zs-orbit-note { text-align:center; color:#096cf7; font:31px "Caveat",cursive; margin:22px auto 0; }
/* Pricing */
.zs-billing-toggle { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px; margin:-15px 0 38px; }
.zs-billing-toggle__button { background:rgba(255,255,255,.9); border:1px solid #bbd7ff; padding:12px 28px; min-width:130px; color:#0d3c8b; font-weight:650; cursor:pointer; }
.zs-billing-toggle__button:first-child { border-radius:25px 0 0 25px; } .zs-billing-toggle__button:nth-child(2) { border-radius:0 25px 25px 0; }
.zs-billing-toggle__button.is-active { color:white; background:linear-gradient(140deg,#08bafb,#0550e7); }
.zs-billing-toggle span { margin-left:15px; padding:10px 18px; background:#dbf5ee; border-radius:99px; color:#168d74; font-size:12px; }
.zs-pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; }
.zs-price-card { padding:34px 34px 27px; background:rgba(255,255,255,.88); border:1px solid #e0f0ff; border-radius:23px; box-shadow:var(--zs-shadow); display:flex; flex-direction:column; }
.zs-price-card--featured { border:2px solid #55a6fb; box-shadow:0 18px 45px rgba(8,114,244,.16); transform:translateY(-12px); }
.zs-price-card__featured { font-size:12px; background:#086af7; color:white; font-weight:750; width:fit-content; border-radius:0 0 12px 12px; padding:7px 20px; margin:-34px 0 15px auto; }
.zs-price-card__top { display:flex; align-items:center; gap:18px; min-height:78px; }
.zs-price-card__top>i { flex:0 0 67px; width:67px; height:67px; background:#e2f2ff; color:#0a66f5; display:grid; place-items:center; font-size:28px; border-radius:19px; }
.zs-price-card h3 { font-size:26px; margin:0 0 3px; }
.zs-price-card__top p { font-size:14px; color:#546f97; margin:0; }
.zs-price-card__price { border-top:1px solid #d1e4fc; margin:23px 0 11px; padding:23px 0 6px; font-size:24px; font-weight:800; }
.zs-price-card ul { margin:0 0 27px; padding:0; list-style:none; flex:1; }
.zs-price-card li { padding:8px 0 8px 30px; color:#304c77; font-size:14px; position:relative; }
.zs-price-card li::before { content:"✓"; position:absolute; left:0; top:7px; color:white; font-weight:900; display:grid; place-items:center; width:19px; height:19px; border-radius:50%; background:#0878f8; }
.zs-price-card .zs-btn { width:100%; padding-inline:12px; }
.zs-pricing-note { color:#49658c; font-size:13px; text-align:center; padding:15px 0 0; }
/* Testimonials */
.zs-testimonials-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; align-items:stretch; }
.zs-testimonial { position:relative; background:rgba(255,255,255,.83); border:1px solid #dceafa; border-radius:23px; padding:36px 30px; min-height:290px; box-shadow:var(--zs-shadow); overflow:hidden; }
.zs-testimonial--featured { border-color:#7dbafb; box-shadow:0 15px 38px rgba(8,109,245,.16); }
.zs-testimonial__avatar { width:75px; height:75px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(160deg,#e0f3ff,#bcdfff); color:#0669f8; font-size:31px; margin-bottom:15px; }
.zs-testimonial__label { font-size:12px; color:#0571f5; font-weight:750; text-transform:uppercase; letter-spacing:1px; }
.zs-testimonial h3 { font-size:22px; margin:12px 0 8px; }
.zs-testimonial p { color:#405b84; font-size:15px; position:relative; z-index:1; }
.zs-testimonial__quote { position:absolute; right:20px; top:20px; font-family:serif; font-size:95px; line-height:1; color:#d1e7ff; }
/* CTA */
.zs-cta { position:relative; display:grid; grid-template-columns:1fr 1.4fr 1fr; align-items:center; min-height:470px; padding:40px 28px; border-radius:48px; background:linear-gradient(115deg,#138df8,#0956df 38%,#0977fa 70%,#4bc5ff); color:white; box-shadow:0 24px 65px rgba(22,99,199,.17); overflow:hidden; }
.zs-cta::before { content:""; position:absolute; border:1px solid rgba(255,255,255,.23); width:680px; height:680px; border-radius:50%; left:50%; transform:translateX(-50%); top:-400px; }
.zs-cta__art img { display:block; width:100%; max-height:390px; object-fit:contain; }
.zs-cta__art--l { align-self:end; margin-left:-48px; } .zs-cta__art--r { margin-right:-45px; }
.zs-cta__copy { position:relative; z-index:1; text-align:center; }
.zs-cta h2 { font-size:clamp(34px,3.6vw,58px); line-height:1.07; margin:0 0 20px; color:#fff!important; }
.zs-cta h2 span { color:#65ffff; }
.zs-cta p { color:#eaf5ff; max-width:700px; font-size:16px; margin:0 auto; }
/* FAQ */
.zs-faq-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:45px; align-items:center; }
.zs-faq-list { display:grid; gap:13px; }
.zs-faq-item { background:rgba(255,255,255,.88); border:1px solid #cfebff; border-radius:16px; box-shadow:0 9px 25px rgba(36,116,206,.07); overflow:hidden; }
.zs-faq-item__toggle { width:100%; padding:16px 20px; border:0; background:transparent; text-align:left; display:flex; align-items:center; gap:20px; color:#0b1e4f; cursor:pointer; }
.zs-faq-item__toggle>i:first-child { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; background:#e4f3ff; border-radius:50%; color:#096afb; }
.zs-faq-item__toggle span { flex:1; font-size:15px; font-weight:750; }
.zs-faq-item__arrow { color:#076cf9; font-size:13px; transition:transform .2s; }
.zs-faq-item__toggle[aria-expanded="true"] .zs-faq-item__arrow { transform:rotate(180deg); }
.zs-faq-item__answer p { margin:0; padding:0 25px 20px 84px; color:#45638c; font-size:14px; }
.zs-faq-art { position:relative; min-width:0; }
.zs-faq-art>img { display:block; width:100%; }
.zs-help-box { position:relative; display:flex; align-items:center; gap:22px; padding:19px; max-width:480px; background:rgba(255,255,255,.94); border:1px solid #d7eafe; border-radius:21px; box-shadow:var(--zs-shadow); margin:-40px 0 0 auto; }
.zs-help-box>div:first-child { width:75px; height:75px; flex:0 0 75px; background:#e0f2ff; border-radius:50%; color:#0469ef; font-size:33px; display:grid; place-items:center; }
.zs-help-box h3 { font-size:20px; margin:0 0 6px; }
.zs-help-box p { font-size:13px; color:#567099; margin:0 0 10px; }
.zs-help-box .zs-btn { min-height:42px; padding-inline:19px; font-size:13px; }
/* Blog */
.zs-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.zs-blog-card { background:rgba(255,255,255,.92); border:1px solid #dcecff; box-shadow:var(--zs-shadow); border-radius:18px; overflow:hidden; }
.zs-blog-card__visual { display:block; position:relative; aspect-ratio:16/8.7; overflow:hidden; }
.zs-blog-card__visual>img { width:100%; height:100%!important; object-fit:cover; display:block; transition:transform .3s; }
.zs-blog-card:hover .zs-blog-card__visual>img { transform:scale(1.04); }
.zs-blog-card__visual span { position:absolute; bottom:10px; left:13px; padding:7px 14px; background:rgba(255,255,255,.96); border-radius:99px; font-size:12px; color:#075bd9; font-weight:700; }
.zs-blog-card__body { padding:18px 22px 21px; }
.zs-blog-card__meta { display:flex; flex-wrap:wrap; gap:18px; color:#6680a3; font-size:11px; }
.zs-blog-card h3 { font-size:19px; line-height:1.27; margin:12px 0 9px; }
.zs-blog-card h3 a { color:#06153c; }
.zs-blog-card h3 a:hover { color:#086afb; }
.zs-blog-card p { font-size:13px; color:#526b91; margin:0 0 12px; }
.zs-blog-card__more { color:#0067ef; font-weight:750; font-size:13px; display:inline-flex; align-items:center; gap:10px; }
.zs-blog-controls { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; flex-wrap:wrap; margin:0 0 28px; }
.zs-blog-controls>label { border:1px solid #c8dfff; border-radius:12px; padding:0 13px; background:#fff; display:flex; gap:10px; align-items:center; width:min(100%,340px); color:#0870f8; }
.zs-blog-controls input { border:0; outline:0; background:transparent; height:47px; width:100%; color:#163e70; }
.zs-filter-list { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.zs-filter-list button { background:#fff; border:1px solid #d3e7fc; border-radius:99px; color:#315280; font-size:12px; padding:11px 16px; cursor:pointer; }
.zs-filter-list button.is-active { background:#076af9; color:white; border-color:#076af9; }
.zs-no-results { text-align:center; color:#456188; padding:25px; }
/* Article */
.zs-breadcrumb { display:flex; align-items:center; gap:11px; margin-bottom:22px; font-size:12px; color:#657b9c; }
.zs-breadcrumb a { color:#0767e5; }
.zs-article-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:30px; }
.zs-article__main { min-width:0; }
.zs-article__cover { width:100%; aspect-ratio:16/6.8; object-fit:cover; display:block; border-radius:22px; margin-bottom:24px; }
.zs-article__main h1 { font-size:clamp(29px,3.2vw,49px); line-height:1.15; margin:13px 0; }
.zs-article__intro { font-size:17px; color:#516589; }
.zs-article__byline { display:flex; flex-wrap:wrap; gap:19px; padding:20px 0; border-bottom:1px solid #d7e7f8; color:#49678e; font-size:13px; }
.zs-article__byline button { border:0; color:#0568ee; background:transparent; cursor:pointer; font-size:13px; }
.zs-article__body { padding-top:18px; }
.zs-article__body h2 { font-size:25px; margin:28px 0 8px; }
.zs-article__body p { color:#455f81; font-size:16px; }
.zs-article__body blockquote { margin:25px 0; padding:25px 30px; border-left:4px solid #076ef5; border-radius:10px; color:#0a3880; background:#eaf5ff; font-size:18px; font-weight:600; }
.zs-article__prevnext { display:flex; justify-content:space-between; gap:15px; border-top:1px solid #d7e7f8; margin-top:36px; padding-top:22px; }
.zs-article__prevnext a { color:#0868ec; font-weight:700; }
.zs-article__sidebar { display:grid; align-content:start; gap:18px; }
.zs-sidebar-card { background:#fff; border:1px solid #d8e8fd; border-radius:16px; padding:23px; box-shadow:var(--zs-shadow); }
.zs-sidebar-card h3 { margin:0 0 14px; font-size:19px; }
.zs-sidebar-card>a { color:#086aff; font-weight:700; }
.zs-sidebar-card ul { margin:0; padding:0; list-style:none; }
.zs-sidebar-card li { padding:10px 0; border-bottom:1px solid #e7f1fb; font-size:14px; }
.zs-sidebar-card li a { color:#36517b; }
.zs-sidebar-card li a:hover { color:#0768f8; }
.zs-sidebar-card--blue { background:linear-gradient(135deg,#f6fbff,#d8eeff); }
.zs-sidebar-card--blue>i { color:#006af9; font-size:28px; }
.zs-sidebar-card--blue p { color:#516990; }
.zs-sidebar-card--blue .zs-btn { min-height:45px; font-size:13px; }
/* Forms and contact */
.zs-contact-preview__layout { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:55px; align-items:start; }
.zs-contact-card { display:flex; align-items:center; gap:20px; padding:20px; border-radius:17px; border:1px solid #dceafa; background:#fff; max-width:580px; margin:15px 0; box-shadow:var(--zs-shadow); }
.zs-contact-card>i { color:#056af8; font-size:24px; width:60px; height:60px; border-radius:16px; background:#e3f2ff; display:grid; place-items:center; flex:0 0 60px; }
.zs-contact-card strong { display:block; font-size:15px; margin-bottom:4px; }
.zs-contact-card a, .zs-contact-card span { color:#305781; font-size:14px; display:block; }
.zs-form { border:1px solid #d8eafd; background:rgba(255,255,255,.96); border-radius:24px; padding:33px; box-shadow:var(--zs-shadow); }
.zs-form h2, .zs-form h3 { font-size:27px; margin:0 0 5px; }
.zs-form>p { margin:0 0 22px; color:#546b90; font-size:14px; }
.zs-form label { display:block; font-size:13px; font-weight:700; margin-bottom:16px; color:#102552; }
.zs-form label>span { color:#f33771; }
.zs-form input:not([type="checkbox"]), .zs-form select,.zs-form textarea { border:1px solid #caddf9; border-radius:10px; width:100%; margin-top:9px; outline:0; padding:14px; min-height:50px; background:#fff; color:#1d355d; font-weight:400; font-size:13px; }
.zs-form textarea { resize:vertical; min-height:122px; }
.zs-form input:focus,.zs-form select:focus,.zs-form textarea:focus { border-color:#086bfa; box-shadow:0 0 0 3px #deedff; }
.zs-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
.zs-form__actions { display:flex; gap:13px; flex-wrap:wrap; }
.zs-form__feedback,
.zad-newsletter__feedback{
  position:relative; display:flex; align-items:flex-start; gap:12px;
  width:100%; margin:14px 0 0!important; padding:13px 14px 13px 15px;
  border:1px solid #cfe0f8; border-radius:14px;
  background:linear-gradient(135deg,#eff7ff 0%,#ffffff 100%);
  box-shadow:0 10px 24px rgba(11,63,136,.08);
  color:#21466f!important; font-size:13px!important; font-weight:600;
  line-height:1.65; overflow-wrap:anywhere;
}
.zs-form__feedback:empty,
.zad-newsletter__feedback:empty { display:none; }
.zs-form__feedback::before,
.zad-newsletter__feedback::before{
  content:'i'; flex:none; width:24px; height:24px; border-radius:50%;
  display:grid; place-items:center; margin-top:1px;
  background:#0a69ee; color:#fff; font-size:13px; font-weight:800; line-height:1;
  box-shadow:0 8px 18px rgba(10,105,238,.24);
}
.zs-honeypot { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; left:-99999px!important; opacity:0; }
.zs-contact-page__grid { display:grid; grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr); gap:45px; align-items:start; }
.zs-contact-page__image img { display:block; width:100%; max-width:620px; }
/* Authentication */
.zs-auth { position:relative; isolation:isolate; min-height:calc(100vh - 134px); padding:55px 0 85px; }
.zs-auth__layout { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(400px,.94fr); gap:57px; align-items:center; }
.zs-auth__story h1 { font-size:clamp(38px,4.1vw,68px); line-height:1.12; margin:22px 0 14px; }
.zs-auth__story>p { color:#3f5b80; font-size:18px; max-width:620px; }
.zs-auth__visual { display:block; width:100%; max-width:680px; }
.zs-auth__hand { max-width:180px!important; display:block; margin:-20px 0 0 auto; }
.zs-auth-card { padding:clamp(26px,3vw,49px); max-width:590px; margin-left:auto; }
.zs-auth-card h2 { font-size:30px; }
.zs-auth-card label { margin-top:15px; }
.zs-auth-card .zs-btn { width:100%; margin:8px 0; }
.zs-auth-card>p:last-child { text-align:center; margin:18px 0 0; }
.zs-auth-card a { color:#0867f0; font-weight:700; }
.zs-auth-card__row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.zs-auth-card__row a { font-size:12px; }
.zs-form .zs-check { display:inline-flex; align-items:center; gap:6px; font-size:12px; margin:0; }
.zs-auth__disclaimer { background:#edf6ff; border-radius:11px; padding:13px; text-align:left!important; color:#496588; font-size:12px!important; margin:16px 0!important; }
.zs-legal>.zs-container { max-width:900px; }
.zs-legal h1 { font-size:clamp(36px,5vw,64px); }
.zs-legal p { font-size:17px; color:#456388; }
/* RESPONSIVE */
@media (max-width:1460px) { .zs-container { width:min(calc(100% - 64px),1552px); } .zs-hero h1 { font-size:clamp(42px,4vw,60px); } .zs-software__layout { grid-template-columns:minmax(195px,.78fr) minmax(0,1.4fr) minmax(195px,.78fr); gap:14px; } .zs-software-card { padding:16px 18px; } .zs-cta { grid-template-columns:.95fr 1.45fr .95fr; } }
@media (max-width:1170px) { .zs-hero__layout { grid-template-columns:1fr 1fr; } .zs-hero__perks { gap:8px; } .zs-hero__perks strong { font-size:12px; } .zs-handwriting { opacity:.65; } .zs-benefits__grid { gap:13px; } .zs-benefit { padding:22px; } .zs-benefit img { width:85px; height:85px!important; } .zs-feature-layout { grid-template-columns:1fr; } .zs-feature-layout__visual img { max-height:550px; object-fit:contain; } .zs-software__layout { grid-template-columns:1fr 1.4fr 1fr; } .zs-software-card h3 { font-size:17px; margin-left:4px; } .zs-industry-layout { grid-template-columns:1fr; } .zs-industry-layout__orbit { display:none; } .zs-faq-layout { gap:23px; } .zs-cta__art--l { margin-left:-60px; } .zs-cta__art--r { margin-right:-60px; } }
@media (max-width:950px) { .zs-container { width:min(calc(100% - 42px),1552px); } .zs-section { padding:65px 0; } .zs-hero__layout { grid-template-columns:1fr; } .zs-hero { padding-top:58px; min-height:0; } .zs-hero h1 { max-width:760px; font-size:clamp(42px,7vw,60px); } .zs-hero__visual img { max-width:750px; width:100%; margin:0; } .zs-hero__perks { max-width:730px; margin-top:32px; } .zs-benefits__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .zs-benefit { min-height:290px; } .zs-benefit p { min-height:40px; } .zs-benefits .zs-heading { margin-bottom:50px; } .zs-handwriting { display:none; } .zs-software__layout { display:flex; flex-direction:column; } .zs-software__picture { order:-1; width:100%; max-width:650px; } .zs-software__col { grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; } .zs-software-card { min-height:190px; } .zs-pricing-grid { gap:12px; } .zs-price-card { padding:23px 18px; } .zs-price-card--featured { transform:none; } .zs-price-card__featured { margin:-23px 0 12px auto; } .zs-price-card__top { flex-direction:column; align-items:flex-start; } .zs-cta { grid-template-columns:1fr 1fr; } .zs-cta__copy { grid-column:1/-1; grid-row:1; } .zs-cta__art--l,.zs-cta__art--r { max-height:250px; margin:0; } .zs-faq-layout { grid-template-columns:1fr; } .zs-faq-art { max-width:600px; margin:auto; } .zs-contact-preview__layout,.zs-contact-page__grid { grid-template-columns:1fr; } .zs-auth__layout { grid-template-columns:1fr 1fr; gap:22px; } }
@media (max-width:720px) { .zs-container { width:min(calc(100% - 30px),1552px); } .zs-section { padding:55px 0; } .zs-heading--center { margin-bottom:30px; } .zs-heading h1,.zs-heading h2 { font-size:clamp(32px,8.2vw,48px); } .zs-heading p { font-size:15px; } .zs-hero h1 { font-size:clamp(37px,8.8vw,53px); } .zs-hero .zs-lead { font-size:16px; } .zs-actions { gap:10px; } .zs-btn { font-size:13px; min-height:51px; padding:0 16px; } .zs-hero__perks { grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; } .zs-hero__perks>div { display:grid; grid-template-columns:48px 1fr; grid-template-rows:auto auto; gap:1px 10px; } .zs-hero__perks i { grid-row:1/3; width:43px; height:43px; font-size:20px; } .zs-hero__perks small { align-self:start; } .zs-trust-label { letter-spacing:1.8px; font-size:9px; } .zs-trust-label span::before,.zs-trust-label span::after { width:18px; margin-inline:8px; } .zs-benefits__grid { gap:10px; } .zs-benefit { padding:16px; min-height:260px; } .zs-benefit img { width:73px; height:73px!important; } .zs-benefit h3 { font-size:19px; } .zs-benefit p { font-size:12px; min-height:62px; } .zs-benefit a { font-size:12px; } .zs-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .zs-feature { min-height:175px; } .zs-software__col { grid-template-columns:repeat(2,minmax(0,1fr)); } .zs-industry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; } .zs-industry { padding:12px; min-height:230px; } .zs-industry h3 { font-size:16px; } .zs-industry p { font-size:12px; } .zs-pricing-grid { grid-template-columns:1fr; gap:19px; } .zs-price-card { padding:26px; } .zs-price-card__top { flex-direction:row; } .zs-price-card--featured { transform:none; } .zs-testimonials-grid { grid-template-columns:1fr; gap:15px; } .zs-testimonial { min-height:0; } .zs-cta { border-radius:26px; padding:30px 18px 15px; gap:0; } .zs-cta h2 { font-size:clamp(32px,7vw,45px); } .zs-cta__copy p { font-size:14px; } .zs-cta__art--l, .zs-cta__art--r { min-width:0; } .zs-blog-grid { grid-template-columns:1fr; } .zs-blog-card__visual { aspect-ratio:16/7.5; } .zs-contact-page__image { display:none; } .zs-contact-card { padding:13px; } .zs-form { padding:22px; } .zs-form-grid { grid-template-columns:1fr; } .zs-article-layout { grid-template-columns:1fr; } .zs-article__sidebar { grid-template-columns:1fr 1fr; } .zs-auth__layout { grid-template-columns:1fr; } .zs-auth__story { text-align:center; } .zs-auth__story h1 { font-size:clamp(34px,8vw,50px); } .zs-auth__visual { max-height:350px; width:100%; object-fit:contain; } .zs-auth__hand { display:none!important; } .zs-auth-card { margin:auto; max-width:650px; } }
@media (max-width:440px) { .zs-hero__perks { grid-template-columns:repeat(2,minmax(0,1fr)); } .zs-hero__perks>div { grid-template-columns:1fr; } .zs-hero__perks i { grid-row:auto; } .zs-actions { flex-direction:column; align-items:stretch; } .zs-actions .zs-btn { width:100%; } .zs-benefits__grid { grid-template-columns:1fr; } .zs-benefit { min-height:0; } .zs-benefit img { width:85px; height:85px!important; } .zs-benefit p { min-height:0; } .zs-feature-grid { grid-template-columns:1fr; } .zs-feature { min-height:0; } .zs-software__col { grid-template-columns:1fr; } .zs-software-card { min-height:0; } .zs-industry-grid { grid-template-columns:1fr; } .zs-industry { min-height:0; } .zs-industry img { height:130px!important; } .zs-industry p { min-height:0; } .zs-billing-toggle span { margin:12px 0 0; } .zs-cta { display:block; } .zs-cta__art { display:none; } .zs-cta h2 { font-size:34px; } .zs-mini-trust { justify-content:flex-start; gap:16px; } .zs-faq-item__toggle { padding:13px; gap:10px; } .zs-faq-item__toggle span { font-size:13px; } .zs-faq-item__toggle>i:first-child { width:35px; height:35px; flex-basis:35px; font-size:14px; } .zs-faq-item__answer p { padding:0 13px 16px 58px; } .zs-help-box { flex-direction:column; text-align:center; } .zs-article__sidebar { grid-template-columns:1fr; } .zs-article__byline { gap:12px; } .zs-article__main h1 { font-size:29px; } .zs-form__actions .zs-btn { width:100%; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .zs-btn,.zs-blog-card__visual img,.zs-faq-item__arrow { transition:none; } }
/* Keep the entire hero illustration within its allocated split column. */
@media (min-width:951px) {
  .zs-hero__visual img {width:100%;max-width:100%;margin:0;}
}
/* Orb decorations must not create horizontal page scrolling on small screens. */
.zs-orbs { overflow: hidden; }
.zs-orbs { position:relative; }

/* Mail and form notifications — styled badges/alerts on every form. */
.zs-form__feedback[data-state="loading"],
#zad-newsletter-feedback[data-state="loading"]{
  border-color:#cfe0f8; background:linear-gradient(135deg,#eff7ff 0%,#ffffff 100%);
  color:#21466f!important;
}
.zs-form__feedback[data-state="loading"]::before,
#zad-newsletter-feedback[data-state="loading"]::before{content:'…';background:#0a69ee}
.zs-form__feedback[data-state="sent"],
#zad-newsletter-feedback[data-state="sent"]{
  border-color:#b8e3cd; background:linear-gradient(135deg,#eefaf3 0%,#ffffff 100%);
  color:#176e49!important;
}
.zs-form__feedback[data-state="sent"]::before,
#zad-newsletter-feedback[data-state="sent"]::before{content:'✓';background:#1f9a61}
.zs-form__feedback[data-state="pending"],
#zad-newsletter-feedback[data-state="pending"]{
  border-color:#ecd79f; background:linear-gradient(135deg,#fff9e9 0%,#fffef8 100%);
  color:#8c661b!important;
}
.zs-form__feedback[data-state="pending"]::before,
#zad-newsletter-feedback[data-state="pending"]::before{content:'!';background:#b18119}
.zs-form__feedback[data-state="error"],
#zad-newsletter-feedback[data-state="error"]{
  border-color:#efc0c6; background:linear-gradient(135deg,#fff4f5 0%,#ffffff 100%);
  color:#9d3544!important;
}
.zs-form__feedback[data-state="error"]::before,
#zad-newsletter-feedback[data-state="error"]::before{content:'×';background:#c4434a}
.zs-form__feedback[data-state="pending"],
.zs-form__feedback[data-state="error"],
#zad-newsletter-feedback[data-state="pending"],
#zad-newsletter-feedback[data-state="error"]{font-weight:700}
@media (max-width:575px){
  .zs-form__feedback,
  .zad-newsletter__feedback{padding:12px 12px 12px 13px;font-size:12px!important;line-height:1.6;gap:10px}
  .zs-form__feedback::before,
  .zad-newsletter__feedback::before{width:22px;height:22px;font-size:12px}
}