/* Design-system skin for the compare pages, change log and knowledge base.
   Their WordPress/plugin markup is kept (search, year filter, sidebars keep working); this file maps
   it onto the home / success-stories design (tokens, pills, cards, buttons, tables, motion).
   Loaded after success-stories.css; scope: main.ss.dsk (added by scripts/restyle-sections.mjs). */
.dsk{--ink:#05060f;--body:#3d4250;--muted:#5b6170;--line:#edf0f5;--pink:#fe4c68;--pink-d:#e93f5b;--blue:#1773eb;--soft:#f5f9ff;--ease:cubic-bezier(.2,.7,.2,1)}
.dsk{font-family:"Noto Sans",sans-serif;color:var(--ink)}

/* ---------- shared: eyebrow pill, hero background, headings, buttons ---------- */
.dsk .text-bg,.dsk .fit-text-bg{display:inline-flex !important;align-items:center;gap:8px;width:auto !important;padding:6px 14px !important;border-radius:999px !important;background:#fff !important;background-image:none !important;border:1px solid #ffd5dc;color:var(--pink) !important;font-size:14px !important;line-height:20px !important;font-weight:700 !important}
.dsk .text-bg::before{content:"" !important;position:static !important;inset:auto !important;transform:none !important;flex:0 0 auto;width:8px !important;height:8px !important;border-radius:50%;background:var(--pink) !important;background-image:none !important;box-shadow:0 0 0 4px rgba(254,76,104,.15);z-index:auto !important}
.dsk .text-bg::after{display:none !important}
/* highlighted words inside headings: gradient text, no pill */
.dsk :is(h1,h2,h3) .text-bg{display:inline !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:linear-gradient(90deg,var(--pink),#ff8a5c) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent;font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important}
.dsk :is(h1,h2,h3) .text-bg::before{display:none !important}
.dsk .text-bg *{color:inherit !important;font:inherit !important;margin:0 !important}
.dsk .wp-block-cover,.dsk .bg-sec,.dsk .dsk-hero{background:radial-gradient(60% 70% at 85% 30%,rgba(23,115,235,.10),transparent 70%),radial-gradient(50% 60% at 10% 10%,rgba(254,76,104,.10),transparent 70%),linear-gradient(180deg,#f7f9fd 0%,#fff 100%) !important}
.dsk .wp-block-cover__image-background{opacity:0 !important}
.dsk .wp-block-cover .wp-block-cover__background{background:none !important}
.dsk .text-title,.dsk .wp-block-post-title,.dsk .dsk-h1{font-weight:800 !important;letter-spacing:-.5px;color:var(--ink) !important}
.dsk .btn.btn-primary,.dsk .elementor-button,.dsk .wp-block-button__link,.dsk .epkb-ml-search-box__btn{border-radius:16px !important;background:var(--pink) !important;border:1px solid var(--pink) !important;color:#fff !important;font-weight:600 !important;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color .3s var(--ease) !important}
.dsk .btn.btn-primary:hover,.dsk .elementor-button:hover,.dsk .wp-block-button__link:hover,.dsk .epkb-ml-search-box__btn:hover{background:var(--pink-d) !important;transform:translate3d(0,-2px,0);box-shadow:0 14px 30px -12px rgba(254,76,104,.7)}
.dsk .btn.btn-secondary{border-radius:16px !important;background:#fff !important;border:1px solid var(--pink) !important;color:var(--pink) !important;transition:transform .3s var(--ease),background-color .3s var(--ease) !important}
.dsk .btn.btn-secondary:hover{background:#fff4f6 !important;transform:translate3d(0,-2px,0)}
.dsk a:focus-visible,.dsk button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.dsk img{max-width:100%;height:auto}

/* ---------- compare pages ---------- */
.dsk .competitor-details .bg-sec{padding-top:56px !important;padding-bottom:56px !important}
.dsk .competitor-details .text-title{font-size:clamp(34px,4.6vw,56px) !important;line-height:1.08 !important}
.dsk .competitor-details .text-description{font-size:18px !important;line-height:30px !important;color:var(--body) !important}
.dsk .competitor-details .vs-icon>div{padding:16px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 40px 90px -40px rgba(23,115,235,.45);animation:ssFloat 9s ease-in-out infinite}
.dsk .competitor-details .vs-icon>div:nth-child(2){animation-delay:-4.5s}
.dsk .competitor-details .sec h2{font-size:clamp(28px,4vw,40px) !important;line-height:1.25 !important;font-weight:700 !important;color:var(--ink) !important}
.dsk .competitor-details .sec>p{color:var(--muted) !important}
.dsk .compare-feature-card,.dsk .review-card,.dsk .competitor-details .sec .d-flex.flex-sm-col>.d-flex.flex-col{border-radius:20px !important;background:#fff !important;border:1px solid var(--line) !important;box-shadow:0 12px 40px -30px rgba(5,6,15,.35) !important;transition:transform .35s var(--ease),box-shadow .35s var(--ease),opacity .8s var(--ease) !important}
.dsk .compare-feature-card:hover,.dsk .review-card:hover{transform:translate3d(0,-6px,0) !important;box-shadow:0 22px 50px -24px rgba(23,115,235,.45) !important}
.dsk .compare-feature-card>p:not(.feature-card-desc){font-weight:700 !important;color:var(--ink) !important}
.dsk .feature-card-desc{color:var(--body) !important}
.dsk .review-card__number{background:linear-gradient(90deg,var(--pink),#ff8a5c);-webkit-background-clip:text;background-clip:text;color:transparent !important;font-weight:800 !important}
.dsk .comparison-table{border-collapse:separate !important;border-spacing:0 !important;border:1px solid var(--line) !important;border-radius:20px !important;overflow:hidden;background:#fff;box-shadow:0 12px 40px -30px rgba(5,6,15,.35)}
.dsk .comparison-table th,.dsk .comparison-table td{padding:14px 18px !important;border:0 !important;border-bottom:1px solid var(--line) !important;color:var(--body);font-size:15px;line-height:22px}
.dsk .comparison-table thead th{background:var(--soft) !important;color:var(--ink) !important;font-weight:700}
.dsk .comparison-table tbody td:first-child{font-weight:600;color:var(--ink)}
.dsk .comparison-table tbody tr:last-child td{border-bottom:0 !important}
.dsk .comparison-table tbody tr{transition:background-color .25s var(--ease)}
.dsk .comparison-table tbody tr:hover{background:#fafcff}
.dsk .comparison-table .dayoff-col{background:rgba(254,76,104,.04)}
.dsk .check-cell .check-yes,.dsk .check-cell .check-no{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:15px !important;font-weight:800}
.dsk .check-cell .check-yes{background:#e8f8ef;color:#13a35a !important}
.dsk .check-cell .check-no{background:#f3f4f7;color:#b2b8c4 !important}

/* compare index (Elementor) */
.dsk-compare-index .elementor-heading-title{color:var(--ink)}
.dsk-compare-index table{border-collapse:separate !important;border-spacing:0 !important;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px -30px rgba(5,6,15,.35)}
.dsk-compare-index .e-con.e-child:has(> .elementor-widget-image + .elementor-widget-heading){border-radius:20px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}

/* ---------- change log ---------- */
.dsk .year-filter .elementor-shortcode{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.dsk .change_log_year{display:inline-flex !important;align-items:center;padding:8px 18px !important;border-radius:999px !important;background:#fff !important;border:1px solid var(--line) !important;color:var(--body) !important;font-weight:700 !important;text-decoration:none !important;transition:border-color .3s var(--ease),background-color .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}
.dsk .change_log_year:hover,.dsk .change_log_year.active,.dsk .change_log_year[aria-current]{border-color:#cfe0f7 !important;background:var(--soft) !important;color:var(--blue) !important;transform:translate3d(0,-2px,0)}
.dsk .release-timeline{position:relative}
.dsk .release-card{border-radius:20px !important;background:#fff !important;border:1px solid var(--line) !important;box-shadow:0 12px 40px -30px rgba(5,6,15,.35) !important;transition:transform .35s var(--ease),box-shadow .35s var(--ease),opacity .8s var(--ease) !important}
.dsk .release-card:hover{transform:translate3d(0,-4px,0) !important;box-shadow:0 22px 50px -24px rgba(23,115,235,.4) !important}
.dsk .release-card h3{color:var(--ink) !important;font-weight:700 !important}
.dsk .release-card a{color:var(--blue)}
.dsk .release-card img{border-radius:14px;box-shadow:0 24px 60px -36px rgba(5,6,15,.45)}
.dsk .release-meta{display:inline-flex !important;align-self:flex-start;padding:3px 12px !important;border-radius:999px;background:#e8f1fd !important;color:var(--blue) !important;font-size:13px !important;font-weight:700 !important}
.dsk .release-date{color:var(--ink) !important;font-weight:800 !important}
.dsk .release-year,.dsk .release-timeline h2{color:var(--ink) !important;font-weight:800 !important}
.dsk .custom-sign-up{border-radius:20px !important;background:linear-gradient(135deg,#1773eb,#5aa2ff) !important;box-shadow:0 30px 70px -36px rgba(23,115,235,.7)}
.dsk .back-arrow-btn a{color:var(--muted) !important;text-decoration:none}
.dsk .back-arrow-btn a:hover{color:var(--pink) !important}
.dsk .copy-link-btn{border-radius:999px !important;border:1px solid var(--line) !important;background:#fff !important;color:var(--body) !important;padding:6px 14px !important;transition:border-color .3s var(--ease),color .3s var(--ease)}
.dsk .copy-link-btn:hover{border-color:#cfe0f7 !important;color:var(--blue) !important}

/* ---------- knowledge base ---------- */
.dsk-kb .epkb-ml__module:has(.epkb-ml-search-title),.dsk-kb .wp-block-cover{background:radial-gradient(60% 70% at 85% 30%,rgba(23,115,235,.10),transparent 70%),radial-gradient(50% 60% at 10% 10%,rgba(254,76,104,.10),transparent 70%),linear-gradient(180deg,#f7f9fd 0%,#fff 100%) !important}
.dsk-kb .epkb-ml-search-title,.dsk-kb .dsk-kb-title{font-size:clamp(32px,4.4vw,52px) !important;line-height:1.1 !important;font-weight:800 !important;letter-spacing:-.5px;color:var(--ink) !important}
.dsk-kb .epkb-ml-search-box{border-radius:16px !important;background:#fff !important;border:1px solid var(--line) !important;box-shadow:0 18px 44px -30px rgba(23,115,235,.45) !important;overflow:hidden;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
.dsk-kb .epkb-ml-search-box:focus-within{border-color:var(--blue) !important;box-shadow:0 0 0 4px rgba(23,115,235,.12) !important}
.dsk-kb .epkb-ml-search-box__input{border:0 !important;background:transparent !important;font-size:17px !important;box-shadow:none !important}
.dsk-kb .epkb-ml-search-box__btn{margin:6px !important}
.dsk-kb .epkb-top-category-box{border-radius:20px !important;background:#fff !important;border:1px solid var(--line) !important;box-shadow:0 12px 40px -30px rgba(5,6,15,.35) !important;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),opacity .8s var(--ease) !important}
.dsk-kb .epkb-top-category-box:hover{transform:translate3d(0,-6px,0) !important;box-shadow:0 22px 50px -24px rgba(23,115,235,.45) !important}
.dsk-kb .epkb-top-category-box .section-head{border:0 !important;background:#fff !important}
.dsk-kb .epkb-top-category-box .epkb-cat-icon{transition:transform 1.2s var(--ease)}
.dsk-kb .epkb-top-category-box:hover .epkb-cat-icon{transform:scale(1.03)}
.dsk-kb h2.epkb-cat-name{color:var(--ink) !important;font-weight:700 !important}
.dsk-kb .epkb-cat-count{border-radius:999px !important;background:#e8f1fd !important;color:var(--blue) !important;font-weight:700 !important;border:0 !important}
.dsk-kb .epkb-cat-desc{color:var(--body) !important}
.dsk-kb .epkb-section-body{background:#fff !important}
.dsk-kb .epkb-sidebar{border-radius:20px !important;border:1px solid var(--line) !important;background:#fff !important;box-shadow:0 12px 40px -30px rgba(5,6,15,.35) !important}
.dsk-kb .epkb-sidebar__heading__inner__cat-name{color:var(--ink) !important;font-weight:700 !important}
.dsk-kb .epkb-sidebar__cat__top-cat__heading-container{background:var(--soft) !important;border-radius:14px}
.dsk-kb .epkb-sidebar-article{border-radius:10px;transition:background-color .25s var(--ease),color .25s var(--ease)}
.dsk-kb .epkb-sidebar-article:hover{background:var(--soft)}
.dsk-kb .epkb-sidebar-article--active,.dsk-kb .active .epkb-sidebar-article{background:#fff1f4 !important;color:#c7334d !important}
.dsk-kb .eckb-breadcrumb-nav a{color:var(--muted) !important;text-decoration:none}
.dsk-kb .eckb-breadcrumb-nav a:hover{color:var(--pink) !important}
.dsk-kb .dsk-kb-h1{margin:8px 0 20px;font-size:clamp(28px,3.4vw,40px);line-height:1.2;font-weight:800;letter-spacing:-.4px;color:var(--ink)}
.dsk-kb #eckb-article-content-body,.dsk-kb .eckb-article-content-body{font-size:17px;line-height:28px;color:var(--body)}
.dsk-kb #eckb-article-content-body h2,.dsk-kb #eckb-article-content-body h3,.dsk-kb #eckb-article-content-body .elementor-heading-title{color:var(--ink) !important;font-weight:700 !important}
.dsk-kb #eckb-article-content-body a{color:var(--blue);font-weight:600}
.dsk-kb #eckb-article-content-body img{border-radius:14px;box-shadow:0 24px 60px -36px rgba(5,6,15,.45)}
.dsk-kb .eckb-article-toc,.dsk-kb #eckb-article-content-toc-container .eckb-article-toc{border-radius:20px !important;border:1px solid var(--line) !important;background:var(--soft) !important;padding:18px !important}
.dsk-kb .eckb-article-toc__level a{border-radius:10px;transition:background-color .25s var(--ease),color .25s var(--ease)}
.dsk-kb .eckb-article-toc__level a:hover,.dsk-kb .eckb-article-toc__level a.active{background:#fff !important;color:var(--pink) !important}
.dsk-kb .eckb-category-archive-title{font-weight:800 !important;color:var(--ink) !important}
.dsk-kb .eckb-article-list-container .eckb-article-container,.dsk-kb .eckb-category-archive-articles li{border-radius:14px;transition:background-color .25s var(--ease),transform .25s var(--ease)}
.dsk-kb .eckb-article-list-container .eckb-article-container:hover{background:var(--soft);transform:translate3d(4px,0,0)}
.dsk-kb .wp-block-post-template>li{border-radius:20px;border:1px solid var(--line);background:#fff;padding:24px;box-shadow:0 12px 40px -30px rgba(5,6,15,.35)}
.dsk-kb .wp-block-post-template>li+li{margin-top:20px}
.dsk-kb .wp-block-post-title a{color:var(--ink);text-decoration:none}
.dsk-kb .wp-block-post-title a:hover{color:var(--pink)}
.dsk-kb .wp-block-query-pagination a,.dsk-kb .page-numbers{border-radius:999px;padding:6px 12px;border:1px solid var(--line);text-decoration:none}

@media (prefers-reduced-motion:reduce){.dsk .competitor-details .vs-icon>div{animation:none}}

/* motion: same scroll reveal as the home page (features-motion.js adds .do-js and .is-in) */
.do-js .dsk [data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.do-js .dsk [data-reveal].is-in{opacity:1;transform:none}
.do-js .dsk [data-reveal="zoom"]{transform:scale(.94)}
@keyframes dskRise{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
.do-js .dsk [data-rise]{animation:dskRise .9s var(--ease) both;animation-delay:var(--d,0s)}
.dsk-cta .ss-cta{margin-left:auto;margin-right:auto}
@media (max-width:767px){.dsk-cta .ss-cta{margin:40px 16px 56px}}
@media (prefers-reduced-motion:reduce){.do-js .dsk [data-reveal]{opacity:1 !important;transform:none !important;transition:none !important}.do-js .dsk [data-rise]{animation:none}}
/* knowledge-base home hero: centered pill + h1 (the h1 replaced a centered <p>) */
.dsk-kb .wp-block-cover__inner-container{text-align:center}
.dsk-kb .wp-block-cover .text-bg{display:flex !important;width:fit-content !important;margin:0 auto 14px !important}
.dsk-kb .dsk-kb-title{margin:0 auto 24px !important;max-width:900px;text-align:center}
.dsk-kb .epkb-ml-search-results{border-radius:16px !important;border:1px solid var(--line) !important;box-shadow:0 22px 50px -24px rgba(23,115,235,.45) !important;overflow:hidden}
.dsk-kb .eckb-article-toc{box-sizing:border-box !important;max-width:100% !important}