/* ==========================================================
   Digital Param theme — main stylesheet
   ========================================================== */
:root{
  --dp-ink:#12141f; --dp-text:#4b5163; --dp-muted:#6b7080; --dp-line:#e6e8ef;
  --dp-navy:#0A0F2C; --dp-purple:#7B2CFF; --dp-indigo:#5b4df0; --dp-blue:#2563EB;
  --dp-grad-btn:linear-gradient(90deg,#4f46e5 0%,#c026d3 100%);
  --dp-grad-text:linear-gradient(90deg,#3b82f6 0%,#6366f1 35%,#a855f7 70%,#d946ef 100%);
  --dp-radius:14px;
  --dp-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.07);
  --dp-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:#fff;color:var(--dp-text);font-family:var(--dp-font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.dp-main,.dp-header,.dp-footer{font-family:var(--dp-font)}
img{max-width:100%;height:auto}
a{color:var(--dp-indigo)}
:focus-visible{outline:2px solid var(--dp-indigo);outline-offset:3px;border-radius:4px}
.dp-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:8px 14px;border-radius:8px}
.dp-skip:focus{left:12px}
.dp-wrap{max-width:1140px;margin-inline:auto;padding-inline:24px}

/* ---------- Header ---------- */
.dp-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--dp-line)}
.admin-bar .dp-header{top:32px}
@media (max-width:782px){.admin-bar .dp-header{top:46px}}
.dp-header-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.dp-brand{display:flex;align-items:center;flex-shrink:0}
.dp-brand img{height:40px;width:auto;display:block}
.dp-nav{display:flex;align-items:center;gap:28px}
.dp-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
.dp-menu li{position:relative}
.dp-menu a{display:block;padding:10px 12px;color:var(--dp-ink);text-decoration:none;font-size:15px;font-weight:500;border-radius:8px}
.dp-menu a:hover,.dp-menu .current-menu-item>a,.dp-menu .current_page_item>a{color:var(--dp-indigo)}
.dp-menu .menu-item-type-custom.current-menu-item>a:not(:hover){color:var(--dp-ink)}
.dp-menu .menu-item-has-children>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.dp-menu .sub-menu{list-style:none;margin:0;padding:8px;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--dp-line);border-radius:12px;box-shadow:var(--dp-shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s ease}
.dp-menu li:hover>.sub-menu,.dp-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.dp-menu .sub-menu a{padding:10px 12px}
.dp-menu .sub-menu a:hover{background:#f5f3ff}
.dp-header-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:var(--dp-grad-btn);color:#fff!important;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.dp-header-cta:hover{filter:brightness(1.08)}
.dp-burger{display:none;background:none;border:1px solid var(--dp-line);border-radius:8px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;color:var(--dp-ink)}
.dp-burger svg{width:22px;height:22px}
.dp-burger .i-close{display:none}
.dp-burger[aria-expanded="true"] .i-open{display:none}
.dp-burger[aria-expanded="true"] .i-close{display:block}
@media (max-width:960px){
  .dp-burger{display:inline-flex}
  .dp-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--dp-line);box-shadow:0 12px 24px rgba(16,24,40,.08);flex-direction:column;align-items:stretch;gap:12px;padding:12px 24px 24px;max-height:calc(100vh - 72px);overflow:auto}
  .dp-nav.is-open{display:flex}
  .dp-menu{flex-direction:column;align-items:stretch;gap:0}
  .dp-menu a{padding:12px 4px;border-bottom:1px solid #f0f1f5;border-radius:0}
  .dp-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:0 0 0 16px;min-width:0}
  .dp-menu .menu-item-has-children>a::after{display:none}
  .dp-header-cta{justify-content:center;padding:14px}
}

/* ---------- Footer ---------- */
.dp-footer{background:var(--dp-navy);color:#b9bdd3;padding:72px 0 28px;font-size:15px}
.dp-footer a{color:#b9bdd3;text-decoration:none}
.dp-footer a:hover{color:#fff}
.dp-footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px}
.dp-footer-logo{display:inline-flex;align-items:center;gap:12px;color:#fff!important}
.dp-footer-logo img{height:46px;width:auto;display:block}
.dp-flogo-text{display:flex;flex-direction:column;line-height:1}
.dp-flogo-name{font-family:"Poppins",var(--dp-font);font-weight:600;font-size:25px;letter-spacing:-.01em;color:#fff}
.dp-flogo-name em{font-style:normal;color:#a78bfa}
.dp-flogo-name small{font-size:11px;font-weight:600;margin-left:4px;color:#c4b5fd}
.dp-flogo-tag{white-space:nowrap;margin-top:7px;font-size:8.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9aa0c3}
.dp-footer-about{margin:18px 0 20px;max-width:360px;line-height:1.65}
.dp-footer-contact{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}
.dp-footer-contact li{display:flex;gap:10px;align-items:flex-start}
.dp-footer-contact li::before{content:"";flex:0 0 16px;height:16px;margin-top:3px;background:#8b8fe8;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.dp-footer h2{color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:6px 0 16px}
.dp-footer ul.menu,.dp-footer .dp-flinks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dp-footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#8d91aa}
@media (max-width:900px){.dp-footer-grid{grid-template-columns:1fr 1fr}.dp-footer-brand{grid-column:1/-1}}
@media (max-width:520px){.dp-footer-grid{grid-template-columns:1fr}}

/* footer socials */
.dp-socials{margin-top:24px}
.dp-socials-t{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8d91aa}
.dp-socials-row{display:flex;gap:12px;flex-wrap:wrap}
.dp-soc{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff!important;transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .25s,border-color .25s,box-shadow .25s}
.dp-soc-ic{display:flex;width:22px;height:22px;transition:transform .35s}
.dp-soc-ic svg{width:100%;height:100%}
.dp-soc-yt .dp-soc-ic{color:#ff4d4d}.dp-soc-fb .dp-soc-ic{color:#4c9bff}.dp-soc-li .dp-soc-ic{color:#3d9ae8}.dp-soc-tp .dp-soc-ic{color:#00d68f}
.dp-soc:hover,.dp-soc:focus-visible{transform:translateY(-5px) scale(1.06);border-color:transparent}
.dp-soc:hover .dp-soc-ic,.dp-soc:focus-visible .dp-soc-ic{color:#fff;transform:rotate(-8deg) scale(1.1)}
.dp-soc-yt:hover{background:#FF0000;box-shadow:0 14px 28px -10px rgba(255,0,0,.7)}
.dp-soc-fb:hover{background:#1877F2;box-shadow:0 14px 28px -10px rgba(24,119,242,.7)}
.dp-soc-li:hover{background:#0A66C2;box-shadow:0 14px 28px -10px rgba(10,102,194,.7)}
.dp-soc-tp:hover{background:#00B67A;box-shadow:0 14px 28px -10px rgba(0,182,122,.7)}
.dp-soc-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);background:#fff;color:#0A0F2C;font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.dp-soc:hover .dp-soc-tip,.dp-soc:focus-visible .dp-soc-tip{opacity:1;transform:translate(-50%,0)}
.dp-soc::after{content:"";position:absolute;inset:-1px;border-radius:14px;border:1px solid rgba(255,255,255,.35);opacity:0;animation:dpSocRing 3.6s ease-out infinite}
.dp-soc:nth-child(2)::after{animation-delay:.9s}.dp-soc:nth-child(3)::after{animation-delay:1.8s}.dp-soc:nth-child(4)::after{animation-delay:2.7s}
@keyframes dpSocRing{0%{opacity:.6;transform:scale(1)}40%{opacity:0;transform:scale(1.35)}100%{opacity:0}}

/* ---------- Block content reset ---------- */
.dp-main .wp-block-group>*{margin-block:0}
.dp-main figure{margin:0}
.dp-main p,.dp-main ul{margin:0}
.dp-main h1,.dp-main h2,.dp-main h3{color:var(--dp-ink);margin:0;letter-spacing:-.015em}

/* ---------- Common section parts ---------- */
.dp-main .dp-section{padding:92px 0}
.dp-main .dp-divide{border-top:1px solid var(--dp-line)}
.dp-main .dp-tint{background:#fdf4ff}
.dp-main .dp-eyebrow{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#4c1d95;text-align:center}
.dp-main .dp-title{font-size:clamp(28px,3.6vw,40px);font-weight:800;line-height:1.15;text-align:center;margin-top:10px}
.dp-main .dp-lead{font-size:17px;color:var(--dp-muted);text-align:center;max-width:620px;margin:14px auto 0}
.dp-main .dp-left .dp-eyebrow,.dp-main .dp-left .dp-title,.dp-main .dp-left .dp-lead{text-align:left;margin-left:0}

/* Buttons */
.dp-main .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.dp-main .dp-left .wp-block-buttons,.dp-main .wp-block-buttons.dp-btns-left{justify-content:flex-start}
.dp-main .wp-block-button{margin:0}
.dp-main .wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:9px;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;line-height:1.2;transition:filter .15s,background .15s,border-color .15s}
.dp-main .dp-btn-primary .wp-block-button__link{background:var(--dp-grad-btn);color:#fff;border:0}
.dp-main .dp-btn-primary .wp-block-button__link::after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--ic-arrow) center/contain no-repeat;mask:var(--ic-arrow) center/contain no-repeat}
.dp-main .dp-btn-primary .wp-block-button__link:hover{filter:brightness(1.1)}
.dp-main .dp-btn-ghost .wp-block-button__link{background:#fff;color:var(--dp-ink);border:1.5px solid #d4d6e0}
.dp-main .dp-btn-ghost .wp-block-button__link:hover{border-color:var(--dp-indigo);color:var(--dp-indigo)}

/* Cards + icons */
.dp-main .dp-card{position:relative;background:#fff;border:1px solid #eceef4;border-radius:var(--dp-radius);box-shadow:var(--dp-shadow);padding:var(--pad,22px)}
.dp-main .has-ic::before{content:"";display:block;width:var(--ib,34px);height:var(--ib,34px);border-radius:8px;background:var(--ibg,#6366f1);margin-bottom:16px}
.dp-main .has-ic::after{content:"";position:absolute;top:var(--pad,22px);left:var(--pad,22px);width:var(--ib,34px);height:var(--ib,34px);background:var(--ifg,#fff);-webkit-mask:var(--ic) center/var(--is,18px) no-repeat;mask:var(--ic) center/var(--is,18px) no-repeat}
.dp-main .ic-soft{--ibg:#fae8ff;--ifg:#a21caf}
.dp-main .dp-card h3{font-size:17px;font-weight:700;line-height:1.3}
.dp-main .dp-card h3+p:not([class]){margin-top:6px;font-size:14.5px;color:var(--dp-muted);line-height:1.55}
.dp-main .dp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.dp-main .dp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.dp-main .dp-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.dp-main :is(.dp-cards,.dp-grid-2,.dp-grid-3,.dp-grid-4,.dp-steps,.dp-split,.dp-contact,.dp-eco-row,.dp-founder,.dp-feat)>*{min-width:0}

/* ---------- Hero ---------- */
.dp-main .dp-hero{background:linear-gradient(135deg,#f3f0ff 0%,#f9f3ff 55%,#fdf1fa 100%);padding:96px 0 100px;text-align:center;overflow:hidden}
.dp-main .dp-pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;margin-inline:auto;background:#fff;border:1px solid #ecebf6;border-radius:999px;padding:6px 14px;font-size:13px;color:var(--dp-text)}
.dp-main .dp-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:#4f46e5}
.dp-main .dp-hero-title{font-size:clamp(38px,6.2vw,68px);font-weight:800;line-height:1.07;letter-spacing:-.025em;max-width:820px;margin:22px auto 0}
.dp-main .dp-hero-title strong{font-weight:800;background:var(--dp-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.dp-main .dp-hero-sub{font-size:18px;line-height:1.6;color:#555a6b;max-width:640px;margin:30px auto 0}
.dp-main .dp-hero-sm{padding:80px 0 76px}
.dp-main .dp-hero-sm .dp-hero-title{font-size:clamp(34px,5vw,54px)}

/* ---------- Product cards ---------- */
.dp-main .dp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;text-align:left;align-items:start}
.dp-main .dp-cards-hero>.dp-pcard:nth-child(2){transform:translateY(-12px)}
.dp-main .dp-pcard{display:flex;flex-direction:column;height:100%}
.dp-main .dp-cards-hero .dp-pcard{height:auto}
.dp-main .dp-pcard-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dp-main .dp-pcard-logo img{width:42px;height:42px;object-fit:contain;display:block}
.dp-main .dp-badge{font-size:12px;font-weight:500;color:var(--c);border:1px solid var(--c);border-radius:999px;padding:5px 12px;white-space:nowrap}
.dp-main .dp-pcard-name{font-size:21px;font-weight:700;margin-top:18px}
.dp-main .dp-pcard-tag{font-size:14.5px;font-weight:500;color:var(--c);margin-top:6px}
.dp-main .dp-pcard-desc{font-size:14.5px;color:var(--dp-muted);line-height:1.55;margin-top:10px}
.dp-main .dp-feat{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin-top:14px;font-size:13.5px;color:#30343f}
.dp-main .dp-feat li{position:relative;padding-left:14px;margin:0}
.dp-main .dp-feat li::before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--c)}
.dp-main .dp-pcard-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:14px 8px 0;border-top:1px solid #d9dbe3;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.dp-main .dp-feat+.dp-pcard-link{margin-top:18px}
.dp-main .dp-pcard-link a{color:#5a5f70;text-decoration:none}
.dp-main .dp-pcard-link::after{content:"";width:16px;height:16px;background:#6b7080;-webkit-mask:var(--ic-ur) center/contain no-repeat;mask:var(--ic-ur) center/contain no-repeat}
.dp-front .dp-pcard-link a::before{content:"";position:absolute;inset:0;border-radius:var(--dp-radius)}
.dp-front .dp-pcard{transition:box-shadow .2s,border-color .2s}
.dp-front .dp-pcard:hover{border-color:color-mix(in srgb,var(--c) 40%,#fff);box-shadow:0 2px 4px rgba(16,24,40,.05),0 14px 34px rgba(16,24,40,.10)}
.dp-front .dp-pcard:hover .dp-pcard-link a{color:var(--c)}

/* ---------- Ecosystem ---------- */
.dp-main .dp-eco-row{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;text-align:center}
.dp-main .dp-eco-row::before{content:"";position:absolute;left:0;right:0;top:38px;height:1.5px;background:linear-gradient(90deg,#c4b5fd,#c084fc,#c4b5fd)}
.dp-main .dp-eco-item{position:relative}
.dp-main .dp-eco-logo{width:fit-content;margin:0 auto;background:var(--eco-bg,#fff);padding:0 14px}
.dp-main .dp-eco-logo img{width:76px;height:76px;object-fit:contain;display:block}
.dp-main .dp-eco-grow{position:relative;width:76px;height:76px;margin:0 auto;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 0 0 14px var(--eco-bg,#fff)}
.dp-main .dp-eco-grow::after{content:"";position:absolute;inset:0;background:#fff;-webkit-mask:var(--ic) center/36px no-repeat;mask:var(--ic) center/36px no-repeat}
.dp-main .dp-eco-stage{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--dp-muted);margin-top:16px}
.dp-main .dp-eco-name{font-size:17px;font-weight:700;color:var(--dp-ink);margin-top:2px}
.dp-main .dp-tint .dp-eco-row{--eco-bg:#fdf4ff}

/* ---------- Split (about) ---------- */
.dp-main .dp-split{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.dp-main .dp-split .dp-eyebrow{color:var(--dp-blue)}
.dp-main .dp-split-text p:not(.dp-eyebrow){margin-top:16px;font-size:16.5px;line-height:1.65}
.dp-main .dp-split-text .dp-title{margin-top:12px}
.dp-main .dp-tile{--pad:20px;min-height:160px}
.dp-main .dp-tile h3{font-size:16px}

/* ---------- Banner ---------- */
.dp-main .dp-banner{max-width:860px;margin:0 auto;border-radius:12px;padding:36px 30px;color:#fff;background:linear-gradient(90deg,#3b7cf6 0%,#8b5cf6 55%,#d24fc9 100%)}
.dp-main .dp-banner .dp-eyebrow{color:#fff;text-align:left;opacity:.95}
.dp-main .dp-banner h2{color:#fff;font-size:clamp(26px,3vw,34px);font-weight:800;margin-top:10px;line-height:1.2}
.dp-main .dp-banner p:not(.dp-eyebrow){margin-top:14px;color:rgba(255,255,255,.93);font-size:16px}
.dp-main .dp-checklist{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-top:20px}
.dp-main .dp-checklist li{position:relative;padding-left:28px;margin:0;font-size:15px}
.dp-main .dp-checklist li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;background:currentColor;-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}

/* ---------- Founder ---------- */
.dp-main .dp-founder{--pad:22px;display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center;max-width:760px;margin:44px auto 0}
.dp-main .dp-founder-img img{width:100%;display:block}
.dp-main .dp-founder h3{font-size:20px;font-weight:600}
.dp-main .dp-founder-role{color:#6366f1;font-size:14px;font-weight:600;margin-top:8px}
.dp-main .dp-founder-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}
.dp-main .dp-founder-meta p{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#2d3140;letter-spacing:.01em}
.dp-main .ic-inline::before{content:"";flex:0 0 15px;height:15px;background:#5b4df0;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.dp-main .dp-founder-bio{margin-top:12px;font-size:16px;color:#1f2330;line-height:1.55}

/* ---------- CTA ---------- */
.dp-main .dp-cta{text-align:center}
.dp-main .dp-cta .dp-title{font-size:clamp(28px,3.4vw,38px)}
.dp-main .dp-cta .dp-lead{color:#2d3140}

/* ---------- Product themes (colours taken from each logo) ---------- */
.dp-botly,.dp-product-botly{
  --c:#116afd;--c-deep:#0b4fc4;--c2:#1998fe;--dark:#051938;--soft:#eef5ff;
  --grad:linear-gradient(135deg,#1998fe 0%,#116afd 100%);
  --grad-text:linear-gradient(90deg,#1998fe 0%,#116afd 100%);
  --hero:linear-gradient(135deg,#e8f3ff 0%,#f4f9ff 55%,#e6efff 100%);
  --glow:rgba(25,152,254,.35)}
.dp-perkly,.dp-product-perkly{
  --c:#16a82a;--c-deep:#0b6b2c;--c2:#91e91b;--dark:#03261b;--soft:#effbee;
  --grad:linear-gradient(135deg,#2fc024 0%,#016235 100%);
  --grad-text:linear-gradient(90deg,#26c231 0%,#0b7a32 100%);
  --hero:linear-gradient(135deg,#eefbe8 0%,#f7fdf3 55%,#e8f8e4 100%);
  --glow:rgba(145,233,27,.35)}
.dp-spinly,.dp-product-spinly{
  --c:#4c20f6;--c-deep:#4c20f6;--c2:#fe8a23;--dark:#110d3a;--soft:#f6f2ff;
  --grad:linear-gradient(120deg,#4c20f6 0%,#e40782 60%,#fe8a23 100%);
  --grad-text:linear-gradient(90deg,#4c20f6 0%,#e40782 60%,#fe8a23 100%);
  --hero:linear-gradient(135deg,#f1edff 0%,#fff0f7 55%,#fff3e8 100%);
  --glow:rgba(228,7,130,.30)}
.dp-product-botly .dp-header-cta,.dp-product-perkly .dp-header-cta,.dp-product-spinly .dp-header-cta{background:var(--grad)}
.dp-product-botly .dp-menu .current-menu-item>a,.dp-product-perkly .dp-menu .current-menu-item>a,.dp-product-spinly .dp-menu .current-menu-item>a{color:var(--c)}

/* hero */
.dp-main .dp-phero{background:var(--hero);position:relative}
.dp-main .dp-phero::before{content:"";position:absolute;left:50%;top:40px;width:520px;height:520px;transform:translateX(-50%);background:radial-gradient(circle,var(--glow) 0%,transparent 65%);pointer-events:none}
.dp-main .dp-phero>*{position:relative}
.dp-main .dp-phero-logo{width:fit-content;margin:0 auto 22px}
.dp-main .dp-phero-logo img{width:104px;height:104px;object-fit:contain;display:block;filter:drop-shadow(0 12px 24px var(--glow))}
.dp-main .dp-phero .dp-pill{color:var(--c-deep);border-color:color-mix(in srgb,var(--c) 22%,#fff)}
.dp-main .dp-phero .dp-pill::before{background:var(--grad)}
.dp-main .dp-phero .dp-hero-title{margin-top:18px}
.dp-main .dp-phero .dp-hero-title strong{background:var(--grad-text);-webkit-background-clip:text;background-clip:text}
.dp-main .dp-phero .dp-hero-sub{margin-top:20px}

/* colour-aware parts on product sections */
.dp-main :is(.dp-botly,.dp-perkly,.dp-spinly) .dp-eyebrow{color:var(--c-deep)}
.dp-main :is(.dp-botly,.dp-perkly,.dp-spinly) .dp-btn-primary .wp-block-button__link{background:var(--grad)}
.dp-main :is(.dp-botly,.dp-perkly,.dp-spinly) .dp-btn-ghost .wp-block-button__link:hover{border-color:var(--c);color:var(--c)}
.dp-main .dp-pfeat .has-ic{--ibg:var(--grad)}
.dp-main .dp-pfeat .dp-card{border-top:3px solid transparent;border-image:none}
.dp-main .dp-psoft{background:var(--soft)}
.dp-main .dp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;counter-reset:dpstep}
.dp-main .dp-step{counter-increment:dpstep;--pad:24px}
.dp-main .dp-step::before{content:counter(dpstep);display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--grad,#5b4df0);color:#fff;font-weight:700;font-size:15px;margin-bottom:16px}

/* pricing */
.dp-main .dp-plans{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:48px}
.dp-main .dp-plan{--pad:26px;flex:0 1 calc((100% - 40px)/3);display:flex;flex-direction:column}
.dp-main .dp-plan-name{font-size:18px;font-weight:700}
.dp-main .dp-plan-price{font-size:40px;font-weight:800;color:var(--dp-ink);letter-spacing:-.02em;margin-top:10px;line-height:1.1}
.dp-main .dp-plan-price span{font-size:15px;font-weight:500;color:var(--dp-muted);letter-spacing:0}
.dp-main .dp-plan-for{font-size:14px;color:var(--dp-muted);margin-top:6px}
.dp-main .dp-plan-feat{list-style:none;padding:0;display:grid;gap:9px;margin:20px 0 24px;padding-top:18px;border-top:1px solid var(--dp-line)}
.dp-main .dp-plan-feat li{position:relative;padding-left:26px;font-size:14.5px;color:#30343f;margin:0}
.dp-main .dp-plan-feat li::before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;background:var(--c);-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}
.dp-main .dp-plan .dp-plan-btn{margin-top:auto;justify-content:stretch}
.dp-main .dp-plan .dp-plan-btn .wp-block-button{flex:1}
.dp-main .dp-plan .dp-plan-btn .wp-block-button__link{width:100%;justify-content:center}
.dp-main .dp-popular{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:0 18px 40px -12px var(--glow)}
.dp-main .dp-plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 14px;border-radius:999px;white-space:nowrap}

/* suite + CTA */
.dp-main .dp-pcta{padding-top:0}
.dp-main .dp-others{grid-template-columns:repeat(2,1fr);max-width:760px;margin-inline:auto}
.dp-main .dp-pcta .dp-banner{position:relative;overflow:hidden;text-align:center;padding:48px 30px;background:var(--dark)}
.dp-main .dp-pcta .dp-banner::before{content:"";position:absolute;inset:-40% -10% auto;height:120%;background:radial-gradient(ellipse at center,var(--glow) 0%,transparent 60%);pointer-events:none}
.dp-main .dp-pcta .dp-banner>*{position:relative}
.dp-main .dp-pcta .dp-banner h2{font-size:clamp(26px,3vw,36px)}
.dp-main .dp-pcta .dp-banner .dp-btn-ghost .wp-block-button__link{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.dp-main .dp-pcta .dp-banner .dp-btn-ghost .wp-block-button__link:hover{border-color:#fff;color:#fff}

/* ---------- Contact ---------- */
.dp-main .dp-contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}
.dp-main .dp-contact-info{--pad:28px}
.dp-main .dp-contact-info h2{font-size:22px;font-weight:700}
.dp-main .dp-contact-info>p{margin-top:14px;font-size:15px}
.dp-main .dp-contact-info .ic-inline{display:flex;gap:10px;align-items:flex-start;color:#2d3140;font-weight:500}
.dp-main .dp-contact-info .ic-inline::before{margin-top:4px}
.dp-main .dp-contact-form{--pad:28px}
.dp-form{display:grid;gap:16px}
.dp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dp-form label{display:block;font-size:14px;font-weight:600;color:var(--dp-ink);margin-bottom:6px}
.dp-form input,.dp-form select,.dp-form textarea{width:100%;font:inherit;font-size:15px;color:var(--dp-ink);background:#fff;border:1px solid #d4d6e0;border-radius:9px;padding:12px 14px}
.dp-form textarea{min-height:150px;resize:vertical}
.dp-form input:focus,.dp-form select:focus,.dp-form textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.18)}
.dp-form .dp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.dp-form button{justify-self:start;display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;padding:14px 22px;border-radius:9px;background:var(--dp-grad-btn);color:#fff;font:inherit;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.dp-form button:hover{filter:brightness(1.1)}
.dp-form-note{font-size:13px;color:var(--dp-muted)}
.dp-notice{padding:14px 16px;border-radius:10px;font-size:15px;margin-bottom:18px}
.dp-notice-ok{background:#ecfdf3;color:#05603a;border:1px solid #abefc6}
.dp-notice-err{background:#fef3f2;color:#b42318;border:1px solid #fecdca}

/* ---------- Legal pages ---------- */
.dp-main .dp-legal{max-width:780px;margin:0 auto}
.dp-main .dp-legal h2{font-size:22px;font-weight:700;margin-top:40px}
.dp-main .dp-legal h2:first-child{margin-top:0}
.dp-main .dp-legal p,.dp-main .dp-legal li{font-size:16px;line-height:1.75;color:#374151}
.dp-main .dp-legal p{margin-top:12px}
.dp-main .dp-legal ul{margin-top:12px;padding-left:22px}
.dp-main .dp-legal li{margin-top:6px}
.dp-main .dp-legal-date{font-size:14px;color:var(--dp-muted)}

/* ---------- Default pages / blog ---------- */
.dp-page{padding:72px 24px 96px;max-width:820px}
.dp-page-title{font-size:clamp(30px,4vw,44px);font-weight:800;color:var(--dp-ink);letter-spacing:-.02em;margin:0 0 24px;line-height:1.15}
.dp-prose{font-size:17px;line-height:1.75;color:#374151}
.dp-prose h2,.dp-prose h3{color:var(--dp-ink)}
.dp-postlist{list-style:none;padding:0;margin:0;display:grid;gap:28px}
.dp-postlist h2{margin:0 0 6px;font-size:22px}
.dp-postlist a{color:var(--dp-ink);text-decoration:none}
.dp-postlist a:hover{color:var(--dp-indigo)}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .dp-main .dp-plan{flex-basis:calc((100% - 20px)/2)}
  .dp-main .dp-cards,.dp-main .dp-grid-3,.dp-main .dp-steps{grid-template-columns:repeat(2,1fr)}
  .dp-main .dp-grid-4{grid-template-columns:repeat(2,1fr)}
  .dp-main .dp-cards-hero>.dp-pcard:nth-child(2){transform:none}
  .dp-main .dp-split,.dp-main .dp-contact{grid-template-columns:1fr;gap:36px}
}
@media (max-width:700px){
  .dp-main .dp-plan{flex-basis:100%}
  .dp-main .dp-section{padding:68px 0}
  .dp-main .dp-hero{padding:68px 0 72px}
  .dp-main .dp-cards,.dp-main .dp-grid-3,.dp-main .dp-grid-4,.dp-main .dp-steps,.dp-main .dp-others{grid-template-columns:1fr}
  .dp-main .dp-eco-row{grid-template-columns:1fr 1fr;row-gap:36px}
  .dp-main .dp-eco-row::before{display:none}
  .dp-main .dp-grid-2{grid-template-columns:1fr}
  .dp-main .dp-checklist{grid-template-columns:1fr}
  .dp-main .dp-founder{grid-template-columns:1fr;text-align:left}
  .dp-main .dp-founder-img{max-width:220px}
  .dp-form-row{grid-template-columns:1fr}
  .dp-main .dp-banner{padding:28px 22px}
}

/* ==========================================================
   Botly landing page (tokens from the Botly brief)
   ========================================================== */
.dp-botly,.dp-product-botly{
  --c:#1069FD;--c-deep:#0B57D6;--c2:#4f9bff;--dark:#04162F;--soft:#F6F8FB;--wash:#E6EFFE;
  --bl-ink:#0A1728;--bl-muted:#7B8798;--bl-line:#E2E8F1;
  --grad:linear-gradient(135deg,#3b8bff 0%,#1069FD 55%,#0B57D6 100%);
  --grad-text:linear-gradient(90deg,#1069FD 0%,#0B57D6 100%);
  --hero:linear-gradient(160deg,#E6EFFE 0%,#F6F8FB 60%,#ffffff 100%);
  --glow:rgba(16,105,253,.28)}
.dp-product-botly .dp-main{font-family:"Plus Jakarta Sans",var(--dp-font)}
.dp-product-botly .dp-main h1,.dp-product-botly .dp-main h2,.dp-product-botly .dp-main h3{color:var(--bl-ink);font-weight:700;letter-spacing:-.02em}
.dp-main .dp-bl .dp-lead,.dp-main .dp-bl .dp-card h3+p:not([class]){color:var(--bl-muted)}
.dp-main .dp-bl .dp-card{border-color:var(--bl-line);border-radius:16px}
.dp-main .dp-bl .dp-eyebrow{letter-spacing:.08em}

/* hero */
.dp-main .dp-bl-hero{text-align:left;padding:84px 0 96px}
.dp-main .dp-bl-hero::before{left:78%;top:10%}
.dp-main .dp-bl-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.dp-main .dp-bl-hero .dp-pill{margin-inline:0}
.dp-main .dp-bl-hero .dp-hero-title{margin:20px 0 0;max-width:none;font-size:clamp(38px,5.2vw,62px);font-weight:800}
.dp-main .dp-bl-hero .dp-hero-sub{margin:22px 0 0;max-width:560px;color:#4a5568}
.dp-main .dp-bl-ticks{list-style:none;padding:0;display:grid;gap:10px;margin-top:22px}
.dp-main .dp-bl-ticks li{position:relative;padding-left:28px;font-size:15.5px;line-height:1.55;color:#2b3445;margin:0}
.dp-main .dp-bl-ticks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;background:var(--c);-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}
.dp-main .dp-bl-hero .dp-bl-ticks{display:flex;flex-wrap:wrap;gap:8px 22px}
.dp-main .dp-bl-hero .dp-bl-ticks li{white-space:nowrap}
.dp-main .dp-bl-hero .dp-bl-ticks li{font-size:14px;font-weight:600}

/* chat mock-up */
.bl-chat{background:#fff;border:1px solid #E2E8F1;border-radius:18px;box-shadow:0 30px 60px -20px rgba(4,22,47,.25),0 2px 6px rgba(4,22,47,.06);overflow:hidden;font-size:14.5px;line-height:1.5;text-align:left}
.bl-chat-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#1069FD,#0B57D6);color:#fff}
.bl-chat-head b{display:block;font-size:15px}
.bl-chat-head small{display:block;font-size:12px;opacity:.85}
.bl-av{width:36px;height:36px;border-radius:10px;background:#fff url("../img/botly.png") center/26px no-repeat;flex:0 0 36px}
.bl-chat-body{display:flex;flex-direction:column;gap:10px;padding:18px;background:#F6F8FB}
.bl-msg{max-width:84%;padding:10px 14px;border-radius:14px;color:#0A1728}
.bl-msg.bl-v{align-self:flex-end;background:#1069FD;color:#fff;border-bottom-right-radius:4px}
.bl-msg.bl-b{align-self:flex-start;background:#fff;border:1px solid #E2E8F1;border-bottom-left-radius:4px}
.bl-msg.bl-s{align-self:center;background:#E6EFFE;color:#0B57D6;font-size:12px;font-weight:600;border-radius:999px;padding:5px 12px}
.bl-msg u{color:#1069FD}
.bl-chat-hero .bl-chat-body{min-height:392px}
.bl-chat-sm{max-width:520px;margin-inline:auto}
.bl-chat-xs{font-size:13.5px;box-shadow:0 12px 30px -16px rgba(4,22,47,.25)}
.bl-chat-xs .bl-chat-head{padding:10px 14px}
.bl-chat-xs .bl-av{width:28px;height:28px;flex-basis:28px;background-size:20px}
.bl-chat-xs .bl-chat-body{padding:14px}
.bl-chat-xs .bl-msg{max-width:92%}
/* typing animation (JS adds .bl-anim; respects reduced motion) */
.bl-anim .bl-msg{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}
.bl-anim .bl-msg.is-in{opacity:1;transform:none}
.bl-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:#fff;border:1px solid #E2E8F1;border-radius:14px;border-bottom-left-radius:4px}
.bl-typing i{width:6px;height:6px;border-radius:50%;background:#7B8798;animation:blDot 1s infinite ease-in-out}
.bl-typing i:nth-child(2){animation-delay:.15s}.bl-typing i:nth-child(3){animation-delay:.3s}
@keyframes blDot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

/* strip */
.dp-main .dp-bl-strip{border-top:1px solid #E2E8F1;border-bottom:1px solid #E2E8F1;background:#fff;padding:20px 0}
.dp-main .dp-bl-strip .dp-wrap{display:flex;justify-content:space-between;align-items:center;gap:12px 32px;flex-wrap:wrap;font-size:14.5px;color:#7B8798}
.dp-main .dp-bl-strip b{color:#0A1728;font-weight:600}
.dp-main .dp-bl-strip-deal{background:#E6EFFE;color:#0B57D6!important;padding:6px 14px;border-radius:999px;font-weight:500}
.dp-main .dp-bl-strip-deal b{color:#0B57D6}

/* problem */
.dp-main .bl-pain{--ibg:#fff1f1;--ifg:#e0383e}
.dp-main .dp-bl-promise{text-align:center;margin-top:40px;font-size:clamp(18px,2vw,22px);color:var(--bl-ink)}
.dp-main .dp-bl-promise b{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}

/* industries */
.dp-main .bl-ind,.bl-ind{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;margin-top:44px;align-items:start}
.bl-ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bl-ind-btn{display:flex;align-items:center;gap:10px;text-align:left;font:inherit;font-size:13.5px;font-weight:600;color:#0A1728;background:#fff;border:1px solid #E2E8F1;border-radius:12px;padding:11px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;min-height:54px}
.bl-ind-btn:hover{border-color:var(--ind)}
.bl-ind-btn.is-active{border-color:var(--ind);background:color-mix(in srgb,var(--ind) 8%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--ind) 25%,transparent)}
.bl-ico{flex:0 0 22px;width:22px;height:22px;background:var(--ind,#1069FD);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.bl-c1{--ind:#e11d48}.bl-c2{--ind:#0d9488}.bl-c3{--ind:#7c3aed}.bl-c4{--ind:#059669}.bl-c5{--ind:#1069FD}.bl-c6{--ind:#ea580c}
.bl-c7{--ind:#0284c7}.bl-c8{--ind:#db2777}.bl-c9{--ind:#dc2626}.bl-c10{--ind:#4f46e5}.bl-c11{--ind:#475569}.bl-c12{--ind:#d97706}
.bl-c13{--ind:#0f766e}.bl-c14{--ind:#a16207}.bl-c15{--ind:#c026d3}.bl-c16{--ind:#57534e}.bl-c17{--ind:#65a30d}.bl-c18{--ind:#2563eb}
.bl-ind-panels{position:sticky;top:96px}
.bl-ind-panel{display:none}
.bl-ind-panel.is-active{display:block}
.bl-ind-label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0B57D6;margin:0 0 12px}
.bl-rule{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:12px 14px;background:#E6EFFE;border-radius:12px;color:#0A1728;font-size:14px;font-weight:500}
.bl-rule .bl-ico{--ind:#0B57D6;flex-basis:18px;width:18px;height:18px;margin-top:1px}
.bl-ind .bl-chat-sm{max-width:none}

/* dark order desk */
.dp-main .dp-bl-dark{background:radial-gradient(900px 400px at 80% 0%,rgba(16,105,253,.30),transparent 60%),#04162F;color:#c9d4e6}
.dp-main .dp-bl-dark .dp-title,.dp-main .dp-bl-dark h3{color:#fff!important}
.dp-main .dp-bl-dark .dp-eyebrow{color:#7fb2ff}
.dp-main .dp-bl-dark .dp-lead{color:#a9b8d0}
.dp-main .dp-bl-od-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px;align-items:start}
.dp-main .dp-bl-od-cards{margin-top:40px}
.dp-main .dp-bl-dark .dp-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10);box-shadow:none;--ibg:rgba(16,105,253,.22);--ifg:#8ab8ff}
.dp-main .dp-bl-dark .dp-card h3{font-size:15.5px}
.dp-main .dp-bl-dark .dp-card h3+p:not([class]){color:#a9b8d0;font-size:14px}
.dp-main .dp-bl-trust{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.dp-main .dp-bl-trust li{margin:0;padding:18px 18px 18px 50px;position:relative;border:1px solid rgba(127,178,255,.35);border-radius:14px;color:#fff;font-weight:600;font-size:15px;line-height:1.5}
.dp-main .dp-bl-trust li::before{content:"";position:absolute;left:18px;top:20px;width:20px;height:20px;background:#7fb2ff;-webkit-mask:var(--ic-shield) center/contain no-repeat;mask:var(--ic-shield) center/contain no-repeat}
.dp-main .dp-bl-footnote{text-align:center;font-size:14px;color:var(--bl-muted);margin-top:24px}
.dp-main .dp-bl-dark .dp-bl-footnote{color:#8fa0bb}
.bl-dash{background:#fff;border-radius:18px;padding:18px;color:#0A1728;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);font-size:14px}
.bl-dash-head{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;border-bottom:1px solid #E2E8F1}
.bl-dash-head b{font-size:16px}.bl-dash-head span{font-size:12.5px;color:#7B8798}
.bl-dash-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #E2E8F1;flex-wrap:wrap}
.bl-dash-row small{display:block;color:#7B8798;font-size:12.5px}
.bl-dash-act{display:flex;gap:6px;flex-wrap:wrap}
.bl-dash-act span{font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px}
.bl-a-ok{background:#e7f8ee;color:#12803c}.bl-a-ask{background:#E6EFFE;color:#0B57D6}.bl-a-no{background:#fdecec;color:#c62828}
.bl-dash-note{margin:12px 0 0;font-size:13px;color:#4a5568}

/* languages */
.dp-main .bl-langs,.bl-langs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.bl-lang-name{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0B57D6;margin:0 0 10px}

/* leads mock */
.bl-mock{background:#fff;border:1px solid #E2E8F1;border-radius:18px;padding:18px;box-shadow:0 30px 60px -24px rgba(4,22,47,.22);font-size:14px}
.bl-mock-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.bl-mock-sub{margin-top:18px;padding-top:14px;border-top:1px solid #E2E8F1}
.bl-filter,.bl-export{font-size:12px;font-weight:700;padding:5px 10px;border-radius:8px;background:#E6EFFE;color:#0B57D6}
.bl-rate{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:10px;margin-top:8px}
.bl-rate em{font-style:normal;font-weight:700;font-size:12.5px;white-space:nowrap}
.bl-rate-no{background:#fdecec;color:#8a1c1c}.bl-rate-ok{background:#e7f8ee;color:#0f5d2e}
.bl-lead{display:grid;grid-template-columns:1fr 1.2fr auto;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #eef1f6;color:#2b3445}
.bl-ok,.bl-warn{font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px}
.bl-ok{background:#e7f8ee;color:#12803c}.bl-warn{background:#fff4e0;color:#a15c00}

/* agency */
.dp-main .dp-bl-agency{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:44px;border-radius:22px;background:linear-gradient(135deg,#E6EFFE,#fff);border:1px solid #d6e4fd}
.dp-main .dp-bl-agency .dp-title{margin-top:10px}
.dp-main .dp-bl-agency p:not(.dp-eyebrow){margin-top:14px;font-size:16.5px}

/* pricing */
.dp-main .dp-plans-4 .dp-plan{flex-basis:calc((100% - 60px)/4);--pad:22px}
.dp-main .dp-plans-2{margin-top:24px}
.dp-main .dp-plans-2 .dp-plan{flex-basis:calc((100% - 20px)/2);max-width:470px;background:#F6F8FB}
.dp-main .dp-plan-tag{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;color:#0B57D6;background:#E6EFFE;padding:5px 10px;border-radius:999px;width:fit-content}
.dp-main .dp-plans-2 .dp-plan-price{font-size:30px}

/* faq */
.dp-main .dp-bl-faq{max-width:820px}
.dp-main .dp-faqs{margin-top:36px;display:grid;gap:12px}
.dp-main .dp-faq{background:#fff;border:1px solid #E2E8F1;border-radius:14px;padding:0}
.dp-main .dp-faq summary{cursor:pointer;list-style:none;padding:18px 52px 18px 20px;font-weight:700;color:#0A1728;position:relative;font-size:16px}
.dp-main .dp-faq summary::-webkit-details-marker{display:none}
.dp-main .dp-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:500;color:#1069FD}
.dp-main .dp-faq[open] summary::after{content:"–"}
.dp-main .dp-faq p{padding:0 20px 18px;color:#4a5568;font-size:15.5px;line-height:1.65}

/* final cta */
.dp-main .dp-bl .dp-bl-cta-mail{font-size:14px!important;margin-top:18px!important;opacity:.85}
.dp-main .dp-bl .dp-bl-cta-mail a{color:#fff}

@media (max-width:980px){
  .dp-main .dp-bl-hero-grid,.dp-main .dp-bl-od-grid,.dp-main .dp-bl-agency{grid-template-columns:1fr}
  .bl-ind{grid-template-columns:1fr}.bl-ind-panels{position:static}
  .bl-langs{grid-template-columns:repeat(2,1fr)}
  .dp-main .dp-bl-trust{grid-template-columns:1fr}
  .dp-main .dp-plans-4 .dp-plan{flex-basis:calc((100% - 20px)/2)}
}
@media (max-width:700px){
  .bl-ind-grid{grid-template-columns:repeat(2,1fr)}
  .bl-langs{grid-template-columns:1fr}
  .dp-main .dp-plans-4 .dp-plan,.dp-main .dp-plans-2 .dp-plan{flex-basis:100%}
  .dp-main .dp-bl-agency{padding:26px}
  .dp-main .dp-bl-hero .dp-bl-ticks{grid-template-columns:1fr}
  .bl-chat-hero .bl-chat-body{min-height:0}
}

.dp-main .dp-bl .has-ic{--ibg:var(--grad)}
.dp-main .dp-bl .bl-pain{--ibg:#fff1f1;--ifg:#e0383e}
.dp-main .dp-bl-dark .dp-card.has-ic{--ibg:rgba(16,105,253,.22);--ifg:#8ab8ff}
.dp-product-botly .dp-main .dp-pcta .dp-banner h2,.dp-product-botly .dp-main .dp-pcta .dp-banner p{color:#fff}
@media (max-width:980px){.dp-main .bl-ind{grid-template-columns:1fr}.dp-main .bl-langs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.dp-main .bl-langs{grid-template-columns:1fr}.dp-main .dp-bl-hero .dp-bl-ticks li{white-space:normal}}

/* ============ Botly v2 ============ */
/* hero: animated backdrop */
.dp-main .dp-bl-hero{position:relative;overflow:hidden;padding:96px 0 110px;background:linear-gradient(160deg,#E6EFFE 0%,#F6F8FB 55%,#fff 100%)}
.dp-main .dp-bl-hero::before{content:"";position:absolute;inset:0;left:0;top:0;width:auto;height:auto;transform:none;background-image:linear-gradient(rgba(16,105,253,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(16,105,253,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%);mask:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%)}
.dp-main .dp-bl-hero::after{content:"";position:absolute;width:620px;height:620px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(16,105,253,.32),rgba(79,155,255,.12) 45%,transparent 70%);animation:blFloat 12s ease-in-out infinite alternate;pointer-events:none}
@keyframes blFloat{from{transform:translate(0,0) scale(1)}to{transform:translate(-80px,60px) scale(1.12)}}
.dp-main .dp-bl-hero .dp-hero-title{font-size:clamp(40px,5.6vw,68px)}
.dp-main .dp-bl-hero .dp-hero-title strong{background:linear-gradient(90deg,#1069FD,#4f9bff,#0B57D6,#1069FD);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:blShine 8s linear infinite}
@keyframes blShine{to{background-position:300% 0}}
.dp-main .dp-bl-hero .dp-pill{box-shadow:0 6px 18px -8px rgba(16,105,253,.4)}

/* hero demo */
.bl-hero-demo{position:relative;padding:8px 28px 28px}
.bl-scn-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;justify-content:center}
.bl-scn-tab{font:inherit;font-size:12px;padding:6px 10px!important;font-weight:700;color:#0B57D6;background:#fff;border:1px solid #d6e4fd;border-radius:999px;padding:6px 12px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.bl-scn-tab.is-active{background:#1069FD;border-color:#1069FD;color:#fff;box-shadow:0 8px 18px -8px rgba(16,105,253,.7)}
.bl-chat-hero{position:relative;z-index:2}
.bl-chat-hero .bl-chat-head{position:relative}
.bl-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:999px}
.bl-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.7);animation:blPulse 1.8s infinite}
@keyframes blPulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.7)}70%{box-shadow:0 0 0 8px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.bl-chat-hero .bl-chat-body{height:372px;min-height:0;overflow:hidden;position:relative}
.bl-scn{display:none;flex-direction:column;gap:10px}
.bl-scn.is-active{display:flex}
.bl-scn.is-out{opacity:0;transition:opacity .4s ease}
.bl-chat-input{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #E2E8F1;color:#9aa5b5;font-size:14px;background:#fff}
.bl-send{width:30px;height:30px;border-radius:9px;background:#1069FD;position:relative}
.bl-send::after{content:"";position:absolute;inset:0;background:#fff;-webkit-mask:var(--ic-arrow) center/15px no-repeat;mask:var(--ic-arrow) center/15px no-repeat}
.bl-rate-row{display:flex;gap:6px;margin-top:8px}
.bl-thumb{display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;border-radius:8px;border:1px solid #E2E8F1;font-size:13px}
.bl-thumb.is-on{background:#e7f8ee;border-color:#9fe0b7}
.bl-float{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #E2E8F1;border-radius:12px;padding:9px 12px;font-size:12.5px;font-weight:700;color:#0A1728;box-shadow:0 14px 30px -12px rgba(4,22,47,.3);animation:blBob 5s ease-in-out infinite}
.bl-float .bl-ico{--ind:#1069FD;width:18px;height:18px;flex-basis:18px}
.bl-f1{left:-34px;top:47%}
.bl-f2{right:-30px;top:64%;animation-delay:-1.6s}
.bl-f3{right:40px;bottom:-2px;animation-delay:-3.2s}
@keyframes blBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* trailer */
.dp-main .dp-bl-video-sec{padding-top:72px}
.dp-main .bl-video,.bl-video{position:relative;max-width:980px;margin:36px auto 0;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#04162F;box-shadow:0 40px 80px -30px rgba(4,22,47,.45);outline:6px solid #fff}
.bl-video-img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:transform .5s ease,opacity .3s}
.bl-video:hover .bl-video-img{transform:scale(1.03);opacity:1}
.bl-video-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-decoration:none;color:#fff;background:linear-gradient(180deg,rgba(4,22,47,.05),rgba(4,22,47,.45))}
.bl-play-btn{width:88px;height:88px;border-radius:50%;background:#1069FD;position:relative;box-shadow:0 0 0 12px rgba(16,105,253,.25);animation:blRing 2.2s infinite}
.bl-play-btn::after{content:"";position:absolute;left:36px;top:28px;border-left:24px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent}
@keyframes blRing{0%{box-shadow:0 0 0 0 rgba(16,105,253,.5)}100%{box-shadow:0 0 0 26px rgba(16,105,253,0)}}
.bl-play-text{font-weight:700;font-size:15px;background:rgba(4,22,47,.55);padding:6px 14px;border-radius:999px}
.bl-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* band */
.dp-main .dp-bl-band{padding:26px 0;background:linear-gradient(100deg,#0B57D6 0%,#1069FD 55%,#3b8bff 100%);color:#fff}
.dp-main .dp-bl-band-in{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap}
.dp-main .dp-bl-band-works{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.dp-main .dp-bl-band-t{font-weight:700;font-size:16px;color:#fff}
.dp-main .dp-bl-chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.dp-main .dp-bl-chips li{margin:0;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:7px 14px;border-radius:999px;font-size:14px;font-weight:600;transition:background .2s}
.dp-main .dp-bl-chips li:hover{background:rgba(255,255,255,.26)}
.dp-main .dp-bl-band-deal{background:#fff;color:#0A1728;border-radius:14px;padding:10px 18px;box-shadow:0 10px 24px -10px rgba(0,0,0,.35)}
.dp-main .dp-bl-deal-k{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0B57D6}
.dp-main .dp-bl-deal-t{font-size:15px;color:#0A1728}

/* hover on cards */
.dp-front .dp-bl .dp-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.dp-front .dp-bl .dp-card:hover{transform:translateY(-5px);border-color:#b7d0fb;box-shadow:0 22px 44px -20px rgba(16,105,253,.35)}
.dp-front .dp-bl .dp-card.has-ic::before,.dp-front .dp-bl .dp-card.has-ic::after{transition:transform .25s ease}
.dp-front .dp-bl .dp-card.has-ic:hover::before,.dp-front .dp-bl .dp-card.has-ic:hover::after{transform:scale(1.1) rotate(-4deg)}
.dp-front .dp-bl-dark .dp-card:hover{border-color:rgba(127,178,255,.55);box-shadow:0 22px 44px -20px rgba(0,0,0,.6)}

/* problem icons */
.dp-main .dp-bl-pains .dp-card{--pad:28px;--ib:52px;--is:26px;border-radius:18px}
.dp-main .dp-bl .bl-pain.p1{--ibg:linear-gradient(135deg,#ff6b6b,#e0383e);--ifg:#fff}
.dp-main .dp-bl .bl-pain.p2{--ibg:linear-gradient(135deg,#ffa94d,#f76707);--ifg:#fff}
.dp-main .dp-bl .bl-pain.p3{--ibg:linear-gradient(135deg,#ffd43b,#f59f00);--ifg:#fff}
.dp-main .dp-bl-pains .dp-card::before{border-radius:14px;box-shadow:0 10px 20px -10px rgba(224,56,62,.6)}
.dp-main .dp-bl-pains .dp-card h3{font-size:19px;margin-top:4px}

/* how it works: highlighted + animated */
.dp-main .dp-bl-how{position:relative;overflow:hidden;background:radial-gradient(700px 360px at 15% 0%,rgba(79,155,255,.35),transparent 60%),radial-gradient(700px 360px at 90% 100%,rgba(11,87,214,.5),transparent 60%),linear-gradient(135deg,#0B57D6,#1069FD)}
.dp-main .dp-bl-how .dp-eyebrow{color:#cfe0ff}
.dp-main .dp-bl-how .dp-title{color:#fff!important}
.dp-main .dp-bl-how .dp-lead{color:#dbe7ff}
.dp-main .bl-steps{position:relative;margin-top:56px}
.dp-main .bl-steps::before{content:"";position:absolute;left:8%;right:8%;top:-22px;height:3px;border-radius:3px;background:rgba(255,255,255,.25)}
.dp-main .bl-steps::after{content:"";position:absolute;left:8%;top:-22px;height:3px;border-radius:3px;width:0;background:#fff;box-shadow:0 0 12px #fff;transition:width 1.8s ease}
.dp-main .bl-steps.is-in::after{width:84%}
.dp-main .bl-step{--pad:26px;border:0;border-radius:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.45)}
.dp-main .bl-step::before{position:absolute;top:-40px;left:50%;transform:translateX(-50%);margin:0;width:40px;height:40px;background:#fff;color:#0B57D6;font-size:16px;box-shadow:0 0 0 6px rgba(255,255,255,.25)}
.dp-main .bl-step h3{font-size:19px;margin-top:18px}
.dp-main .dp-bl-how .wp-block-buttons{margin-top:40px}
.dp-main .dp-bl-how .dp-btn-primary .wp-block-button__link{background:#fff;color:#0B57D6}
.bl-sv{height:140px;border-radius:14px;background:#F6F8FB;border:1px solid #E2E8F1;padding:14px;display:flex;overflow:hidden}
.bl-sv1{flex-wrap:wrap;gap:6px;align-content:center}
.bl-sv1 span{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid #E2E8F1;color:#4a5568}
.bl-sv1 .is-pick{background:#1069FD;color:#fff;border-color:#1069FD;animation:blPick 2.6s ease-in-out infinite}
@keyframes blPick{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.bl-sv2{flex-direction:column;justify-content:center;gap:10px;background:#04162F;border-color:#04162F}
.bl-sv2 code{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:13px;color:#8ab8ff;white-space:nowrap}
.bl-caret{display:inline-block;width:7px;height:15px;background:#8ab8ff;margin-left:3px;vertical-align:-2px;animation:blBlink 1s steps(1) infinite}
@keyframes blBlink{50%{opacity:0}}
.bl-sv2-or{font-size:12px;font-weight:600;color:#cfe0ff}
.bl-sv3{flex-direction:column;gap:6px;justify-content:center}
.bl-sv3 p{margin:0;font-size:12px;font-weight:600}
.bl-sv3-live{display:flex;align-items:center;gap:8px;color:#12803c}
.bl-sv3-live i{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:blPulse 1.8s infinite}
.bl-sv3-row{background:#fff;border:1px solid #E2E8F1;border-radius:8px;padding:4px 10px;color:#0A1728;animation:blRow 6s ease-in-out infinite}
.bl-sv3-row.r2{animation-delay:.4s}.bl-sv3-row.r3{animation-delay:.8s}
@keyframes blRow{0%{opacity:0;transform:translateX(-10px)}10%,85%{opacity:1;transform:none}100%{opacity:0}}

/* industries v2 */
.dp-main .dp-bl-ind-sec{padding:110px 0}
.dp-main .dp-bl-ind-sec .dp-title{font-size:clamp(32px,4.4vw,50px)}
.dp-main .bl-ind2,.bl-ind2{margin-top:48px}
.bl-ind2 .bl-ind-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.bl-ind2 .bl-ind-btn{flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 10px;min-height:128px;border-radius:16px;font-size:13.5px;line-height:1.3}
.bl-tile-ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ind) 12%,#fff);transition:background .2s,transform .2s}
.bl-tile-ic .bl-ico{width:26px;height:26px;flex-basis:26px}
.bl-ind2 .bl-ind-btn:hover{transform:translateY(-3px);box-shadow:0 14px 28px -16px color-mix(in srgb,var(--ind) 60%,transparent)}
.bl-ind2 .bl-ind-btn.is-active .bl-tile-ic{background:var(--ind)}
.bl-ind2 .bl-ind-btn.is-active .bl-tile-ic .bl-ico{background:#fff}
.bl-ind2 .bl-ind-btn.is-active{background:color-mix(in srgb,var(--ind) 7%,#fff)}
.bl-ind-show{margin-top:26px}
.bl-ind2 .bl-ind-panel{display:none;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;padding:34px;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--ind) 10%,#fff),#fff 70%);border:1px solid color-mix(in srgb,var(--ind) 25%,#fff)}
.bl-ind2 .bl-ind-panel.is-active{display:grid;animation:blIn .45s ease}
@keyframes blIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.bl-show-ic{display:flex;width:64px;height:64px;border-radius:18px;align-items:center;justify-content:center;background:var(--ind);box-shadow:0 14px 28px -12px var(--ind)}
.bl-show-ic .bl-ico{background:#fff;width:32px;height:32px;flex-basis:32px}
.bl-ind2 .bl-show-t{font-size:28px!important;margin:18px 0 8px!important;color:#0A1728}
.bl-show-s{margin:0;color:#4a5568;font-size:15px}
.bl-show-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
.bl-show-list li{position:relative;padding-left:26px;font-size:15px;font-weight:600;color:#0A1728}
.bl-show-list li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;background:var(--ind);-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}
.bl-ind2 .bl-rule{background:#fff;border:1px solid color-mix(in srgb,var(--ind) 25%,#fff);margin-top:18px}
.bl-ind2 .bl-rule .bl-ico{background:var(--ind)}
.bl-ind2 .bl-chat{font-size:15px}
.bl-ind2 .bl-chat-head{background:linear-gradient(135deg,var(--ind),color-mix(in srgb,var(--ind) 70%,#04162F))}
.bl-ind2 .bl-msg.bl-v{background:var(--ind)}

/* knows: animated hub */
.dp-main .dp-bl-knows{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;margin-top:48px}
.dp-main .dp-bl-klist{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dp-main .dp-bl-klist .dp-card{--pad:18px;--ib:38px;--is:19px}
.dp-main .dp-bl-klist .dp-card h3{font-size:15.5px}
.dp-main .dp-bl-klist .dp-card h3+p:not([class]){font-size:13.5px}
.bl-hub{position:relative;width:min(460px,100%);aspect-ratio:1;margin:0 auto}
.bl-hub-ring{position:absolute;inset:18%;border-radius:50%;border:1.5px dashed #b7d0fb;animation:blSpin 40s linear infinite}
.bl-hub-ring.r2{inset:4%;border-style:solid;border-color:#e2ecfd;animation-duration:70s;animation-direction:reverse}
@keyframes blSpin{to{transform:rotate(360deg)}}
.bl-hub-core{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:30%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(16,105,253,.08),0 30px 60px -20px rgba(16,105,253,.55);animation:blCore 3s ease-in-out infinite}
.bl-hub-core img{width:62%;height:auto;animation:blLogo 3s ease-in-out infinite}
@keyframes blCore{0%,100%{box-shadow:0 0 0 10px rgba(16,105,253,.08),0 30px 60px -20px rgba(16,105,253,.55)}50%{box-shadow:0 0 0 22px rgba(16,105,253,.05),0 30px 70px -18px rgba(16,105,253,.7)}}
@keyframes blLogo{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.07) rotate(-3deg)}}
.bl-spoke{position:absolute;left:50%;top:50%;width:38%;height:2px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(16,105,253,.35),rgba(16,105,253,.08))}
.bl-spoke i{position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#1069FD;box-shadow:0 0 10px #1069FD;animation:blFlow 2.4s linear infinite}
@keyframes blFlow{from{right:0;opacity:1}90%{opacity:1}to{right:80%;opacity:0}}
.bl-spoke.s1{transform:rotate(-90deg)}.bl-spoke.s2{transform:rotate(-30deg)}.bl-spoke.s3{transform:rotate(30deg)}.bl-spoke.s4{transform:rotate(90deg)}.bl-spoke.s5{transform:rotate(150deg)}.bl-spoke.s6{transform:rotate(210deg)}
.bl-spoke.s2 i{animation-delay:.4s}.bl-spoke.s3 i{animation-delay:.8s}.bl-spoke.s4 i{animation-delay:1.2s}.bl-spoke.s5 i{animation-delay:1.6s}.bl-spoke.s6 i{animation-delay:2s}
.bl-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:110px;text-align:center}
.bl-node .bl-ico{--ind:#1069FD;width:22px;height:22px;flex-basis:22px;padding:14px;box-sizing:content-box;background:#1069FD;border-radius:14px;-webkit-mask:none;mask:none;position:relative}
.bl-node .bl-ico::after{content:"";position:absolute;inset:0;background:#fff;-webkit-mask:var(--ic) center/22px no-repeat;mask:var(--ic) center/22px no-repeat}
.bl-node .bl-ico{box-shadow:0 12px 24px -10px rgba(16,105,253,.6)}
.bl-node b{font-size:12.5px;color:#0A1728;background:#fff;padding:3px 8px;border-radius:8px;border:1px solid #E2E8F1}
.bl-node.n1{left:50%;top:9%}.bl-node.n2{left:86%;top:30%}.bl-node.n3{left:86%;top:70%}.bl-node.n4{left:50%;top:91%}.bl-node.n5{left:14%;top:70%}.bl-node.n6{left:14%;top:30%}

/* live customiser */
.bl-custom{display:grid;grid-template-columns:280px 1fr;gap:24px;margin-top:44px;align-items:stretch}
.bl-custom-ctrl{background:#fff;border:1px solid #E2E8F1;border-radius:18px;padding:22px;box-shadow:0 20px 40px -26px rgba(4,22,47,.3)}
.bl-cc-t{margin:0 0 6px;font-weight:800;font-size:18px;color:#0A1728}
.bl-cc-l{margin:16px 0 8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7B8798}
.bl-sws{display:flex;flex-wrap:wrap;gap:8px}
.bl-sw{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #E2E8F1;cursor:pointer;transition:transform .15s}
.bl-sw:hover{transform:scale(1.1)}
.bl-sw.is-active{box-shadow:0 0 0 2px #0A1728}
.sw-blue{background:#1069FD}.sw-green{background:#16a34a}.sw-purple{background:#7c3aed}.sw-orange{background:#ea580c}.sw-pink{background:#db2777}.sw-ink{background:#0A1728}
.bl-seg{display:flex;background:#F6F8FB;border:1px solid #E2E8F1;border-radius:10px;padding:3px}
.bl-seg button{flex:1;font:inherit;font-size:13px;font-weight:600;border:0;background:none;padding:7px;border-radius:8px;cursor:pointer;color:#4a5568}
.bl-seg button.is-active{background:#fff;color:#0A1728;box-shadow:0 2px 6px rgba(4,22,47,.12)}
.bl-custom-stage{border-radius:18px;background:linear-gradient(135deg,#E6EFFE,#F6F8FB);padding:22px;display:flex}
.bl-browser{position:relative;flex:1;background:#fff;border-radius:14px;border:1px solid #E2E8F1;overflow:hidden;min-height:430px;box-shadow:0 30px 60px -30px rgba(4,22,47,.35)}
.bl-browser-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F6F8FB;border-bottom:1px solid #E2E8F1}
.bl-browser-bar i{width:10px;height:10px;border-radius:50%;background:#d8dee8}
.bl-browser-bar span{margin-left:12px;font-size:12px;color:#7B8798;background:#fff;padding:3px 12px;border-radius:6px;border:1px solid #E2E8F1}
.bl-browser-page{padding:26px;display:grid;gap:12px}
.bl-ph{display:block;height:12px;border-radius:6px;background:#eef1f6}
.bl-ph.w60{width:60%;height:22px}.bl-ph.w90{width:90%}.bl-ph.w80{width:80%}.bl-ph.w40{width:40%}.bl-ph.box{height:120px;width:55%;border-radius:12px}
.bl-wid{--w:#1069FD;position:absolute;right:18px;bottom:16px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;transition:all .3s}
.bl-wid.is-left{right:auto;left:18px;align-items:flex-start}
.bl-wid-win{width:270px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 50px -20px rgba(4,22,47,.45);font-size:13px;transition:background .3s}
.bl-wid-head{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--w);color:#fff;transition:background .3s}
.bl-wid-av{width:26px;height:26px;border-radius:8px;background:#fff url("../img/botly.png") center/18px no-repeat}
.bl-wid-body{display:flex;flex-direction:column;gap:8px;padding:12px;background:#F6F8FB;transition:background .3s}
.bl-wid-msg{max-width:85%;padding:8px 11px;border-radius:12px}
.bl-wid-msg.b{background:#fff;border:1px solid #E2E8F1;color:#0A1728;align-self:flex-start}
.bl-wid-msg.v{background:var(--w);color:#fff;align-self:flex-end;transition:background .3s}
.bl-wid-in{padding:10px 12px;border-top:1px solid #E2E8F1;color:#9aa5b5}
.bl-wid-launch{width:54px;height:54px;border-radius:50%;background:var(--w);box-shadow:0 12px 24px -8px var(--w);position:relative;transition:border-radius .3s,background .3s}
.bl-wid-launch::after{content:"";position:absolute;inset:0;background:#fff;-webkit-mask:var(--ic-msg) center/24px no-repeat;mask:var(--ic-msg) center/24px no-repeat}
.bl-wid.is-square .bl-wid-launch{border-radius:16px}
.bl-wid.is-dark .bl-wid-win{background:#0f1c33}
.bl-wid.is-dark .bl-wid-body{background:#0A1728}
.bl-wid.is-dark .bl-wid-msg.b{background:#16263f;border-color:#223556;color:#e6edf8}
.bl-wid.is-dark .bl-wid-in{border-color:#223556;color:#6b7c96}
.dp-main .dp-bl-design-cards{margin-top:28px}

/* pricing v2 */
.dp-main .dp-bl-pricing{position:relative;overflow:hidden;background:radial-gradient(600px 300px at 10% 10%,rgba(16,105,253,.10),transparent 60%),radial-gradient(600px 300px at 90% 90%,rgba(16,105,253,.10),transparent 60%),#fff}
.dp-main .dp-bl-ai-banner{width:fit-content;margin:22px auto 0;background:#E6EFFE;color:#0B57D6;border:1px solid #cfe0fd;padding:10px 18px;border-radius:999px;font-size:15px;text-align:center}
.dp-main .dp-bl-ai-banner b{color:#0B57D6}
.dp-main .bl-plan{--pad:26px;border-radius:22px;background:#fff}
.dp-main .bl-plan-top{position:relative;--pad:0px;--ib:44px;--is:22px;padding-left:58px;min-height:44px}
.dp-main .bl-plan-top::before{position:absolute;left:0;top:0;margin:0;border-radius:12px}
.dp-main .bl-plan-top::after{top:0;left:0}
.dp-main .bl-plan .dp-plan-name{font-size:18px;line-height:1.2}
.dp-main .bl-plan .dp-plan-for{margin-top:2px;font-size:13.5px}
.dp-main .bl-plan .dp-plan-price{font-size:46px;margin-top:22px}
.dp-main .bl-plan .dp-plan-feat{margin-top:18px}
.dp-main .bl-plan-dark{background:linear-gradient(160deg,#0B57D6 0%,#04162F 100%)!important;border:0!important;color:#fff;transform:translateY(-14px);box-shadow:0 40px 70px -30px rgba(16,105,253,.8)!important}
.dp-front .dp-bl .bl-plan-dark:hover{transform:translateY(-19px)}
.dp-main .bl-plan-dark h3,.dp-main .bl-plan-dark .dp-plan-price{color:#fff!important}
.dp-main .bl-plan-dark .dp-plan-for,.dp-main .bl-plan-dark .dp-plan-price span{color:#b9cdf0}
.dp-main .bl-plan-dark .dp-plan-feat{border-color:rgba(255,255,255,.15)}
.dp-main .bl-plan-dark .dp-plan-feat li{color:#e6eefc}
.dp-main .bl-plan-dark .dp-plan-feat li::before{background:#7fb2ff}
.dp-main .bl-plan-dark .bl-plan-top{--ibg:rgba(255,255,255,.14)}
.dp-main .bl-plan-dark .dp-btn-primary .wp-block-button__link{background:#fff!important;color:#0B57D6}
.dp-main .bl-plan-dark .dp-plan-badge{background:linear-gradient(90deg,#4f9bff,#1069FD)}
.dp-main .dp-plans-4{align-items:stretch;margin-top:56px}
.dp-main .dp-bl-lifetime{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;margin-top:32px;padding:32px;border-radius:24px;background:#04162F;color:#c9d4e6;position:relative;overflow:hidden}
.dp-main .dp-bl-lifetime::before{content:"";position:absolute;right:-100px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(16,105,253,.45),transparent 65%)}
.dp-main .dp-bl-lifetime>*{position:relative}
.dp-main .dp-bl-lt-k{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7fb2ff}
.dp-main .dp-bl-lt-head h3{color:#fff!important;font-size:26px;margin-top:8px}
.dp-main .dp-bl-lt-head p:not(.dp-bl-lt-k){margin-top:10px;color:#a9b8d0}
.dp-main .dp-bl-lt-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dp-main .dp-bl-lt-plan{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px}
.dp-main .dp-bl-lt-plan h3{color:#fff!important;font-size:19px}
.dp-main .dp-bl-lt-plan .dp-plan-feat{border-color:rgba(255,255,255,.12);margin:14px 0 18px}
.dp-main .dp-bl-lt-plan .dp-plan-feat li{color:#dbe4f3;font-size:14px}
.dp-main .dp-bl-lt-plan .dp-plan-feat li::before{background:#7fb2ff}
.dp-main .dp-bl-lt-plan .dp-btn-ghost .wp-block-button__link{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.dp-main .dp-bl-lt-plan .wp-block-buttons{margin-top:0}

/* reviews (only shown with real reviews) */
.dp-main .bl-review-q{font-size:16px;color:#0A1728;line-height:1.6}
.dp-main .bl-review-who{margin-top:14px;display:flex;flex-direction:column;font-size:14px;color:#7B8798}
.dp-main .bl-review-who b{color:#0A1728}

@media (max-width:1100px){.bl-ind2 .bl-ind-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:980px){
  .dp-main .dp-bl-knows,.bl-custom,.dp-main .dp-bl-lifetime{grid-template-columns:1fr}
  .bl-ind2 .bl-ind-panel{grid-template-columns:1fr;padding:22px}
  .dp-main .bl-plan-dark{transform:none}
  .dp-main .bl-steps::before,.dp-main .bl-steps::after{display:none}
  .dp-main .bl-step{margin-top:24px}
}
@media (max-width:700px){
  .bl-ind2 .bl-ind-grid{grid-template-columns:repeat(2,1fr)}
  .dp-main .dp-bl-klist,.dp-main .dp-bl-lt-plans{grid-template-columns:1fr}
  .bl-float{display:none}
  .bl-hero-demo{padding:0}
  .bl-wid-win{width:220px}
  .bl-node{width:84px}.bl-node b{font-size:11px}
  .dp-main .dp-bl-band-in{justify-content:center;text-align:center}
}

.dp-main .dp-bl{overflow-x:clip}
@media (max-width:700px){.bl-hub{width:calc(100% - 40px)}}
.dp-main .bl-cc-t{margin:0 0 6px}
.dp-main .bl-cc-l{margin:18px 0 8px}
.dp-main .bl-show-s{margin:0}
.dp-main .bl-lang-name,.dp-main .bl-ind-label{margin:0 0 10px}
.dp-main .bl-rule{margin-top:14px}
.dp-main .bl-ind2 .bl-rule{margin-top:18px}
.dp-main .bl-dash-note{margin-top:12px}
.dp-main .bl-show-list{margin-top:12px}

/* ============ Botly v3: new sections ============ */
/* languages */
.dp-main .bl-lang-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:30px}
.bl-lang-chips span{font-size:14px;font-weight:600;color:#0B57D6;background:#fff;border:1px solid #cfe0fd;padding:7px 14px;border-radius:999px;transition:background .2s,color .2s,transform .2s}
.bl-lang-chips span:hover{background:#1069FD;color:#fff;transform:translateY(-2px)}
.dp-main .bl-langs8{grid-template-columns:repeat(4,1fr);margin-top:32px}
.bl-lang[dir="rtl"] .bl-lang-name{text-align:right}
.bl-lang[dir="rtl"] .bl-msg.bl-v{align-self:flex-start;border-bottom-right-radius:14px;border-bottom-left-radius:4px}
.bl-lang[dir="rtl"] .bl-msg.bl-b{align-self:flex-end;border-bottom-left-radius:14px;border-bottom-right-radius:4px}
.bl-lang[dir="rtl"] .bl-chat-head{flex-direction:row-reverse;text-align:right}
[data-bl-reveal].is-armed>*,[data-bl-reveal].is-armed .bl-cmp-row{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
[data-bl-reveal].is-armed>.is-in,[data-bl-reveal].is-armed .bl-cmp-row.is-in{opacity:1;transform:none}

/* why support */
.dp-main .dp-bl-why .dp-card{--ib:46px;--is:22px}
.dp-main .dp-bl-wx{display:grid;grid-template-columns:1fr 1.08fr;gap:24px;margin-top:36px;align-items:stretch}
.dp-main .dp-bl-wx-col{position:relative;border-radius:22px;padding:30px}
.dp-main .bl-wx-no{background:#fff5f5;border:1px solid #fbd0d0}
.dp-main .bl-wx-yes{background:linear-gradient(160deg,#ecfdf3,#f5fffa);border:2px solid #34c77b;box-shadow:0 30px 60px -30px rgba(18,128,60,.45);transform:translateY(-8px)}
.dp-main .dp-bl-wx-col h3{font-size:22px!important;display:flex;align-items:center;gap:10px}
.dp-main .bl-wx-no h3{color:#b42323!important}
.dp-main .bl-wx-yes h3{color:#0f6b36!important}
.dp-main .dp-bl-wx-col h3::before{content:"";width:30px;height:30px;border-radius:50%;flex:0 0 30px;background:currentColor;-webkit-mask:var(--ic-xc) center/contain no-repeat;mask:var(--ic-xc) center/contain no-repeat}
.dp-main .bl-wx-yes h3::before{-webkit-mask-image:var(--ic-check);mask-image:var(--ic-check)}
.dp-main .dp-bl-wx-col ul{list-style:none;padding:0;margin-top:18px;display:grid;gap:12px}
.dp-main .dp-bl-wx-col li{position:relative;padding-left:30px;margin:0;font-size:16px;line-height:1.5}
.dp-main .bl-wx-no li{color:#7a2a2a}
.dp-main .bl-wx-yes li{color:#0e4f2a;font-weight:600}
.dp-main .dp-bl-wx-col li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px}
.dp-main .bl-wx-no li::before{background:#e0383e;-webkit-mask:var(--ic-xc) center/contain no-repeat;mask:var(--ic-xc) center/contain no-repeat;opacity:.8}
.dp-main .bl-wx-yes li::before{background:#16a34a;-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}
.dp-main .dp-bl-wx-tag{position:absolute;top:-13px;left:30px;background:#16a34a;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px}

/* AI powered (dark) */
.dp-main .dp-bl-ai{background:radial-gradient(700px 380px at 50% 0%,rgba(16,105,253,.35),transparent 65%),#04162F;color:#c9d4e6}
.dp-main .dp-bl-ai .dp-title{color:#fff!important}
.dp-main .dp-bl-ai .dp-eyebrow{color:#7fb2ff}
.dp-main .dp-bl-ai .dp-lead{color:#a9b8d0}
.dp-main .dp-bl-ai .dp-bl-footnote{color:#8fa0bb}
.dp-main .bl-prov,.bl-prov{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.bl-pv{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:26px 16px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(127,178,255,.25);overflow:hidden;transition:transform .25s,border-color .25s}
.bl-pv::before{content:"";position:absolute;inset:-1px;border-radius:20px;padding:1px;background:linear-gradient(120deg,transparent 30%,#4f9bff 50%,transparent 70%);background-size:250% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:blSweep 4s linear infinite;pointer-events:none}
.bl-pv:nth-child(2)::before{animation-delay:-1s}.bl-pv:nth-child(3)::before{animation-delay:-2s}.bl-pv:nth-child(4)::before{animation-delay:-3s}
@keyframes blSweep{from{background-position:150% 0}to{background-position:-100% 0}}
.bl-pv:hover{transform:translateY(-4px);border-color:rgba(127,178,255,.6)}
.bl-pv-ic{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b8bff,#0B57D6);box-shadow:0 14px 30px -12px rgba(16,105,253,.8);margin-bottom:8px}
.bl-pv-ic .bl-ico{background:#fff;width:28px;height:28px;flex-basis:28px}
.bl-pv b{color:#fff;font-size:17px}
.bl-pv small{color:#9fb2cf;font-size:13px}
.dp-main .dp-bl-ai-feat{margin-top:20px}
.dp-main .dp-bl-ai .dp-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10);box-shadow:none;--ibg:rgba(16,105,253,.25);--ifg:#8ab8ff}
.dp-main .dp-bl-ai .dp-card h3{color:#fff!important}
.dp-main .dp-bl-ai .dp-card h3+p:not([class]){color:#a9b8d0}

/* comparison */
.dp-main .dp-bl-cmp-pills{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.dp-main .dp-bl-cmp-pills li{margin:0;background:#E6EFFE;color:#0B57D6;font-weight:700;font-size:14px;padding:8px 16px;border-radius:999px;border:1px solid #cfe0fd}
.dp-main .bl-cmp{margin-top:34px;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E2E8F1;box-shadow:0 40px 80px -40px rgba(4,22,47,.35)}
.bl-cmp-row{display:grid;grid-template-columns:.75fr 1fr 1.1fr;border-top:1px solid #E2E8F1}
.bl-cmp-row:first-child{border-top:0}
.bl-cmp-row>div{padding:16px 20px;display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5}
.bl-cmp-k{font-weight:700;color:#0A1728;background:#F6F8FB}
.bl-cmp-k .bl-ico{--ind:#1069FD;width:20px;height:20px;flex-basis:20px;margin-top:1px}
.bl-cmp-t{color:#6b7587}
.bl-cmp-b{color:#0A1728;font-weight:600;background:linear-gradient(90deg,#eef4ff,#f5f9ff)}
.bl-cmp-hd>div{font-size:16px;font-weight:800;align-items:center;padding:20px}
.bl-cmp-hd .bl-cmp-t{color:#6b7587;background:#F6F8FB}
.bl-cmp-hd .bl-cmp-t .bl-ico{--ind:#c24545;width:20px;height:20px;flex-basis:20px}
.bl-cmp-hd .bl-cmp-b{background:linear-gradient(120deg,#1069FD,#0B57D6);color:#fff;font-size:18px}
.bl-cmp-hd .bl-cmp-b img{width:30px;height:30px;border-radius:8px;background:#fff;padding:3px}
.bl-mk{flex:0 0 20px;width:20px;height:20px;margin-top:1px}
.bl-mk.no{background:#e0383e;-webkit-mask:var(--ic-xc) center/contain no-repeat;mask:var(--ic-xc) center/contain no-repeat;opacity:.75}
.bl-mk.yes{background:#1069FD;-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}
.bl-cmp em{display:none;font-style:normal}
.dp-front .bl-cmp-row:not(.bl-cmp-hd):hover .bl-cmp-b{background:linear-gradient(90deg,#e0ebff,#eef4ff)}

@media (max-width:980px){
  .dp-main .bl-langs8{grid-template-columns:repeat(2,1fr)}
  .dp-main .bl-prov,.bl-prov{grid-template-columns:repeat(2,1fr)}
  .dp-main .dp-bl-wx{grid-template-columns:1fr}
  .dp-main .bl-wx-yes{transform:none}
}
@media (max-width:760px){
  .bl-cmp-hd{display:none!important}
  .bl-cmp-row{grid-template-columns:1fr;border-top:8px solid #F6F8FB}
  .bl-cmp-row>div{padding:12px 16px}
  .bl-cmp em{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
  .bl-cmp-t em{color:#c24545}.bl-cmp-b em{color:#0B57D6}
  .bl-cmp-t>span:last-child,.bl-cmp-b>span:last-child{display:block}
}
@media (max-width:700px){.dp-main .bl-langs8{grid-template-columns:1fr}.dp-main .dp-bl-wx-col{padding:24px}}

/* ============ Botly v4 ============ */
/* live sites */
.dp-main .bl-live-grid,.bl-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:24px;margin-top:40px}
.bl-site{position:relative;display:block;text-decoration:none;color:#0A1728;background:#fff;border:1px solid #E2E8F1;border-radius:20px;overflow:hidden;box-shadow:0 24px 50px -30px rgba(4,22,47,.35);transition:transform .25s,box-shadow .25s,border-color .25s}
.bl-site:hover{transform:translateY(-6px);border-color:#b7d0fb;box-shadow:0 34px 60px -28px rgba(16,105,253,.45)}
.bl-site-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F6F8FB;border-bottom:1px solid #E2E8F1}
.bl-site-bar i{width:9px;height:9px;border-radius:50%;background:#d8dee8}
.bl-site-bar span{margin-left:10px;font-size:12px;color:#7B8798;background:#fff;border:1px solid #E2E8F1;padding:2px 12px;border-radius:6px}
.bl-site-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:26px 26px 30px}
.bl-site-mono{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;color:#fff;background:linear-gradient(135deg,#3b8bff,#0B57D6);margin-bottom:8px}
.bl-site-body b{font-size:22px}
.bl-site-body small{font-size:14px;color:#7B8798}
.bl-site-go{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:14px;font-weight:700;color:#1069FD}
.bl-site-go .bl-ico{--ind:#1069FD;width:16px;height:16px;flex-basis:16px}
.bl-site-bubble{position:absolute;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:6px;background:#1069FD;color:#fff;font-size:12px;font-weight:700;padding:8px 12px;border-radius:999px 999px 4px 999px;box-shadow:0 10px 20px -8px rgba(16,105,253,.8);animation:blBob 4s ease-in-out infinite}
.bl-live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:blPulse 1.8s infinite}

/* band deal link */
.dp-main .dp-bl-deal-t a{color:#0A1728;text-decoration:none}
.dp-main .dp-bl-deal-t a::after{content:" →";color:#1069FD}
.dp-front .dp-bl-band-deal{position:relative;transition:transform .2s}
.dp-front .dp-bl-band-deal:hover{transform:translateY(-2px)}
.dp-front .dp-bl-deal-t a::before{content:"";position:absolute;inset:0}
.dp-main .dp-bl-lt-head a{color:#8ab8ff}

/* trustpilot + reviews */
.dp-main .bl-tp,.bl-tp{display:flex;align-items:center;gap:18px;max-width:640px;margin:34px auto 0;padding:18px 22px;background:#fff;border:1px solid #E2E8F1;border-radius:18px;text-decoration:none;color:#0A1728;box-shadow:0 20px 40px -26px rgba(4,22,47,.3);transition:transform .2s,border-color .2s}
.bl-tp:hover{transform:translateY(-3px);border-color:#00B67A}
.bl-tp-stars{display:flex;gap:3px}
.bl-tp-stars i{width:26px;height:26px;background:#00B67A;position:relative}
.bl-tp-stars i::after{content:"";position:absolute;inset:3px;background:#fff;-webkit-mask:var(--ic-star) center/contain no-repeat;mask:var(--ic-star) center/contain no-repeat}
.bl-tp-text{display:flex;flex-direction:column;flex:1}
.bl-tp-text b{font-size:16px}.bl-tp-text small{font-size:13px;color:#7B8798}
.bl-tp-go{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#00875a;font-size:14px}
.bl-tp-go .bl-ico{--ind:#00875a;width:16px;height:16px;flex-basis:16px}
.dp-main .bl-reviews{margin-top:28px}
.dp-main .bl-review-rate{color:#f5a623;letter-spacing:2px;font-size:18px}
.dp-main .bl-review-q{margin-top:10px}
.dp-front .dp-draft{display:none!important}

/* arabic label stays left */
.bl-lang[dir="rtl"] .bl-lang-name{direction:ltr;text-align:left!important}

/* sticky mobile CTA */
.bl-sticky{display:none}
@media (max-width:760px){
  .dp-front .bl-sticky{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:70;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 16px;background:#04162F;color:#c9d4e6;border-radius:16px;box-shadow:0 18px 40px -12px rgba(4,22,47,.6);font-size:13px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translateY(140%);transition:transform .35s ease}
  .dp-front .bl-sticky.is-on{transform:none}
  .bl-sticky b{color:#fff}
  .bl-sticky a{flex:0 0 auto;background:#1069FD;color:#fff;text-decoration:none;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.03em;padding:11px 16px;border-radius:11px}
  .dp-product-botly .dp-footer{padding-bottom:110px}
  .dp-main .bl-live-grid{grid-template-columns:1fr}
  .bl-tp{flex-wrap:wrap}
}

/* step numbers above the progress line */
.dp-main .bl-steps::before,.dp-main .bl-steps::after{z-index:0}
.dp-main .bl-step{z-index:1}
.dp-main .bl-step::before{z-index:2;line-height:1}
.dp-main .dp-bl-hero .dp-hero-title{margin-top:0}

/* ============ Botly v2 page ============ */
.dp-main .v2-hero .dp-hero-title{font-size:clamp(36px,4.6vw,58px)}
.dp-main .v2-hero .dp-hero-title strong{display:block;white-space:nowrap}
@media (max-width:420px){.dp-main .v2-hero .dp-hero-title strong{white-space:normal}}
.dp-main .v2-hero .dp-hero-sub b{color:#0B57D6}
.dp-main .v2-proof,.v2-proof{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start;margin-top:40px}
.dp-main .v2-proof .bl-video{margin:0;max-width:none;outline:0}
.v2-proof-side{display:flex;flex-direction:column;gap:12px}
.dp-main .v2-proof-t,.v2-proof-t{margin:6px 0 0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7B8798}
.v2-sites{display:grid;gap:10px}
.v2-site{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid #E2E8F1;border-radius:16px;text-decoration:none;color:#0A1728;transition:transform .2s,border-color .2s,box-shadow .2s}
.v2-site:hover{transform:translateY(-3px);border-color:#b7d0fb;box-shadow:0 18px 36px -20px rgba(16,105,253,.45)}
.v2-site .bl-site-mono{width:42px;height:42px;font-size:19px;margin:0;flex:0 0 42px}
.v2-site b{display:block;font-size:16px}.v2-site small{font-size:12.5px;color:#7B8798}
.v2-site .bl-site-bubble{position:static;margin-left:auto;animation:none}
.dp-main .v2-proof .bl-tp{margin:0;max-width:none;padding:14px 16px}
.v2-proof .bl-tp-stars i{width:22px;height:22px}
.v2-chips{display:flex;flex-wrap:wrap;gap:6px}
.v2-chips span{font-size:13px;font-weight:600;color:#0B57D6;background:#E6EFFE;padding:6px 12px;border-radius:999px}
.dp-main .v2-guarantee,.v2-guarantee{display:flex;align-items:center;gap:16px;max-width:560px;margin:24px auto 0;padding:14px 20px;border-radius:18px;background:linear-gradient(135deg,#ecfdf3,#f7fffb);border:1px solid #9fe0b7}
.v2-g-seal{flex:0 0 64px;width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#16a34a;color:#fff;box-shadow:0 0 0 5px #d3f5e0,0 12px 24px -10px rgba(22,163,74,.7);line-height:1}
.v2-g-seal b{font-size:24px;font-weight:800}.v2-g-seal small{font-size:9px;font-weight:800;letter-spacing:.1em}
.v2-g-text{display:flex;flex-direction:column}
.v2-g-text b{color:#0e4f2a;font-size:16px}.v2-g-text small{color:#2f6b47;font-size:13.5px;line-height:1.5}
.dp-main .dp-bl-pricing .bl-tp{margin-top:28px}
.dp-main .v2-od-badge{width:fit-content;margin:0 auto 14px;background:rgba(127,178,255,.16);border:1px solid rgba(127,178,255,.4);color:#bcd6ff;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.dp-main .v2-langs{grid-template-columns:repeat(4,1fr)}
.dp-botly-v2 .dp-main .dp-bl-knows{margin-top:40px}
.dp-botly-v2 .dp-main .bl-prov{margin-top:40px}
.dp-botly-v2 .dp-main .bl-pv{background:#fff;border-color:#d6e4fd}
.dp-botly-v2 .dp-main .bl-pv b{color:#0A1728}.dp-botly-v2 .dp-main .bl-pv small{color:#7B8798}
@media (max-width:980px){.dp-main .v2-proof{grid-template-columns:1fr}.dp-main .v2-langs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.dp-main .v2-langs{grid-template-columns:1fr}.v2-guarantee{align-items:flex-start}}

/* ==========================================================
   Digital Param v3 — Softlite-style layout in DP colours
   ========================================================== */
:root{--dh-bg:#F5F4FA;--dh-ink:#0A0F2C;--dh-muted:#5b6078;--dh-line:#e6e4f0;--dh-grad:linear-gradient(95deg,#7B2CFF 0%,#5b4df0 45%,#2563EB 100%)}
body.dp-front{background:var(--dh-bg)}

/* pill header */
.dp-header{background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 0 0;pointer-events:none}
.dp-header .dp-header-in{pointer-events:auto;min-height:64px;background:rgba(255,255,255,.78);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);border:1px solid rgba(10,15,44,.07);border-radius:999px;padding:8px 10px 8px 24px;box-shadow:0 8px 30px -18px rgba(10,15,44,.35);max-width:1140px;margin-inline:auto}
.dp-header .dp-wrap.dp-header-in{padding-inline:10px 10px;padding-left:24px}
@media (max-width:1188px){.dp-header{padding:12px 16px 0}}
.dp-brand img{height:36px}
.dp-menu a{font-weight:500;color:var(--dh-ink)}
.dp-header-cta{background:var(--dh-ink);border-radius:999px;padding:11px 18px;text-transform:none;letter-spacing:0;font-size:14px;font-weight:600}
.dp-header-cta:hover{background:var(--dh-grad);filter:none}
@media (max-width:960px){
  .dp-header .dp-header-in{border-radius:22px;position:relative}
  .dp-nav{top:calc(100% + 8px);border-radius:20px;border:1px solid var(--dh-line)}
  .dp-header-cta{border-radius:14px}
}

/* shared */
.dp-main .dh-chip,.dh-chip{display:inline-block;width:fit-content;background:rgba(10,15,44,.06);color:var(--dh-ink);font-size:14px;font-weight:500;padding:7px 16px;border-radius:999px;margin:0}
.dp-main .wp-block-button.dh-btn-dark .wp-block-button__link,.dp-main .wp-block-button.dh-btn-ghost .wp-block-button__link,.dp-main .wp-block-button.dh-btn-light .wp-block-button__link{border-radius:999px;text-transform:none;letter-spacing:0;font-size:16px;font-weight:600;padding:15px 26px}
.dp-main .dh-btn-dark .wp-block-button__link{background:var(--dh-ink);color:#fff;border:1.5px solid var(--dh-ink)}
.dp-main .dh-btn-dark .wp-block-button__link::after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--ic-arrow) center/contain no-repeat;mask:var(--ic-arrow) center/contain no-repeat;transition:transform .2s}
.dp-main .dh-btn-dark .wp-block-button__link:hover{background:var(--dh-grad);border-color:transparent}
.dp-main .dh-btn-dark .wp-block-button__link:hover::after{transform:translateX(4px)}
.dp-main .dh-btn-ghost .wp-block-button__link{background:transparent;color:var(--dh-ink);border:1.5px solid var(--dh-ink)}
.dp-main .dh-btn-ghost .wp-block-button__link:hover{background:#fff}
.dp-main .dh-btn-light .wp-block-button__link{background:#fff;color:#4c2fd9;border:0}
.dp-main .dh-btn-light .wp-block-button__link:hover{background:#f1ecff}

/* home hero */
.dp-main .dh-hero{padding:120px 0 72px}
.dp-main .dh-hero-grid{display:grid;grid-template-columns:1.9fr 1.1fr;gap:40px;align-items:end}
.dp-main .dh-title{font-size:clamp(38px,4.7vw,66px);font-weight:600;line-height:1.04;letter-spacing:-.04em;color:var(--dh-ink);margin-top:22px}
.dp-main .dh-title strong{font-weight:600;color:#fff;background:var(--dh-grad);padding:0 .16em .04em;border-radius:.18em;-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline;line-height:1.18;background-size:200% 100%;animation:dhShift 8s ease-in-out infinite alternate}
@keyframes dhShift{from{background-position:0 0}to{background-position:100% 0}}
.dp-main .dh-sub{margin-top:26px;font-size:19px;line-height:1.6;color:var(--dh-muted);max-width:640px}
.dp-main .dh-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px;padding-bottom:6px}
.dh-tp{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1.5px solid var(--dh-ink);border-radius:12px;text-decoration:none;color:var(--dh-ink);background:#fff;transition:transform .2s}
.dh-tp:hover{transform:translateY(-2px)}
.dh-tp small{display:block;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dh-muted);line-height:1.1}
.dh-tp b{font-size:15px;line-height:1.2}
.dh-tp-star{width:26px;height:26px;border-radius:6px;background:#00B67A;position:relative}
.dh-tp-star::after{content:"";position:absolute;inset:4px;background:#fff;-webkit-mask:var(--ic-star) center/contain no-repeat;mask:var(--ic-star) center/contain no-repeat}
.dh-used{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px 12px;font-size:15px;color:var(--dh-muted)}
.dh-used b{color:var(--dh-ink);font-weight:600}
.dh-used b{background:#fff;border:1px solid var(--dh-line);padding:4px 12px;border-radius:999px;font-size:14px}
.dp-main .dh-btns{margin-top:6px;justify-content:flex-end;gap:12px;flex-wrap:nowrap}
.dp-main .dh-btns .wp-block-button__link{white-space:nowrap}

/* product cards */
.dp-main .dh-products{padding:40px 0 120px}
.dp-main .dh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dh-card{display:flex;flex-direction:column;gap:18px;min-height:250px;padding:34px;background:#fff;border-radius:22px;text-decoration:none;color:var(--dh-ink);border:1px solid transparent;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.dh-card::before{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:var(--bc);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.dh-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px var(--bs);border-color:var(--bb)}
.dh-card:hover::before{transform:scaleX(1)}
.dh-botly{--bc:linear-gradient(90deg,#1998fe,#116afd);--bs:rgba(17,106,253,.45);--bb:#cfe2ff;--bt:#116afd}
.dh-perkly{--bc:linear-gradient(90deg,#2fc024,#016235);--bs:rgba(22,168,42,.45);--bb:#c9efcc;--bt:#138a2a}
.dh-spinly{--bc:linear-gradient(90deg,#4c20f6,#e40782,#fe8a23);--bs:rgba(228,7,130,.35);--bb:#ecd6fb;--bt:#6a2ef0}
.dh-card-top{display:flex;align-items:center;gap:14px}
.dh-card-top img{width:48px;height:48px;object-fit:contain;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.dh-card:hover .dh-card-top img{transform:rotate(-8deg) scale(1.1)}
.dh-card-top b{font-size:30px;font-weight:700;letter-spacing:-.02em}
.dh-card-desc{font-size:19px;line-height:1.5;color:#2a2f45}
.dh-card-go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--bt)}
.dh-card-go i{width:18px;height:18px;background:currentColor;-webkit-mask:var(--ic-arrow) center/contain no-repeat;mask:var(--ic-arrow) center/contain no-repeat;transition:transform .2s}
.dh-card:hover .dh-card-go i{transform:translateX(5px)}
.dp-main .dh-band,.dh-band{grid-column:1/-1;position:relative;overflow:hidden;padding:48px;border-radius:22px;background:var(--dh-grad);color:#fff}
.dh-band::before{content:"";position:absolute;right:-80px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%)}
.dh-band::after{content:"";position:absolute;right:60px;bottom:-60px;width:180px;height:180px;border-radius:50%;border:2px solid rgba(255,255,255,.25)}
.dh-band>*{position:relative;z-index:1}
.dp-main .dh-band-t,.dh-band-t{color:#fff!important;font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.02em;margin:0}
.dp-main .dh-band-s,.dh-band-s{color:rgba(255,255,255,.88);font-size:18px;margin:12px 0 0;max-width:620px}
.dp-main .dh-band .dh-btns{justify-content:flex-start;margin-top:26px}

/* blog listing */
.db-page{padding-bottom:40px}
.db-hero{padding:120px 0 30px}
.db-title{font-size:clamp(38px,5vw,68px);font-weight:600;line-height:1.05;letter-spacing:-.04em;color:var(--dh-ink);margin:22px 0 0;max-width:900px}
.db-title strong{font-weight:600;color:#fff;background:var(--dh-grad);padding:0 .16em;border-radius:.18em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.db-sub{font-size:19px;color:var(--dh-muted);max-width:640px;margin:22px 0 0;line-height:1.6}
.db-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.db-cats a{padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--dh-line);color:var(--dh-ink);text-decoration:none;font-size:14px;font-weight:600;transition:background .2s,color .2s}
.db-cats a:hover,.db-cats a.is-on{background:var(--dh-ink);color:#fff;border-color:var(--dh-ink)}
.db-list{padding:30px 0 60px}
.db-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.db-card{display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;border:1px solid transparent;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.db-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(76,47,217,.4);border-color:#e3dcfb}
.db-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:#eceaf6}
.db-card-media img.db-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.db-card:hover .db-card-media img.db-img{transform:scale(1.05)}
.db-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 50%),var(--dh-grad)}
.db-ph img{width:64px;height:auto;filter:brightness(0) invert(1);opacity:.9}
.db-card-body{display:flex;flex-direction:column;gap:10px;padding:24px 24px 26px;flex:1}
.db-cat{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#5b3be8;background:#f0ebff;padding:5px 11px;border-radius:999px;text-decoration:none}
.db-card-title{font-size:21px;line-height:1.3;letter-spacing:-.01em;margin:4px 0 0;font-weight:700}
.db-card-title a{color:var(--dh-ink);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .3s}
.db-card:hover .db-card-title a{background-size:100% 2px}
.db-card-ex{font-size:15.5px;line-height:1.6;color:var(--dh-muted);margin:0}
.db-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:#7a7f96;margin:auto 0 0}
.db-card-featured{display:grid;grid-template-columns:1.2fr 1fr;margin-bottom:28px}
.db-card-featured .db-card-media{aspect-ratio:auto;min-height:380px}
.db-card-featured .db-card-body{padding:44px;justify-content:center}
.db-card-featured .db-card-title{font-size:clamp(26px,3vw,36px);letter-spacing:-.02em}
.db-card-featured .db-card-ex{font-size:17px}
.db-card-featured .db-meta{margin-top:10px}
.db-pages{margin-top:44px}
.db-pages .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.db-pages .page-numbers{min-width:44px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;border:1px solid var(--dh-line);color:var(--dh-ink);text-decoration:none;font-weight:600}
.db-pages .page-numbers.current,.db-pages a.page-numbers:hover{background:var(--dh-ink);color:#fff;border-color:var(--dh-ink)}
.db-pages .screen-reader-text{position:absolute;left:-9999px}
.db-empty{text-align:center;background:#fff;border-radius:24px;padding:64px 24px}
.db-empty-ic{display:inline-flex;width:84px;height:84px;border-radius:24px;align-items:center;justify-content:center;background:var(--dh-grad);box-shadow:0 20px 40px -18px rgba(91,77,240,.8)}
.db-empty-ic img{width:46px;filter:brightness(0) invert(1)}
.db-empty h2{font-size:28px;color:var(--dh-ink);margin:22px 0 8px;letter-spacing:-.02em}
.db-empty p{color:var(--dh-muted);font-size:17px;margin:0 auto 24px;max-width:460px}
.dh-link-btn{display:inline-flex;align-items:center;gap:8px;background:var(--dh-ink);color:#fff;padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:600}
.dh-link-btn:hover{background:var(--dh-grad)}
.db-cta-sec{padding:20px 0 100px}
.db-cta-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.db-cta-links a{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--dh-ink);padding:10px 18px 10px 10px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .2s}
.db-cta-links a:hover{transform:translateY(-3px)}
.db-cta-links img{width:30px;height:30px;object-fit:contain}

/* single article */
.db-progress{position:fixed;left:0;right:0;top:0;height:4px;z-index:80;pointer-events:none}
.db-progress i{display:block;height:100%;width:0;background:var(--dh-grad)}
.admin-bar .db-progress{top:32px}
.db-narrow{max-width:780px}
.db-art-head{padding:116px 0 20px}
.db-back{display:inline-block;margin-bottom:26px;color:var(--dh-muted);text-decoration:none;font-weight:600;font-size:14px}
.db-back:hover{color:var(--dh-ink)}
.db-art-head .db-cat{display:inline-block}
.db-art-title{font-size:clamp(34px,4.6vw,56px);line-height:1.08;letter-spacing:-.035em;color:var(--dh-ink);font-weight:700;margin:18px 0 0}
.db-art-ex{font-size:20px;line-height:1.6;color:var(--dh-muted);margin:18px 0 0}
.db-art-head .db-meta{margin-top:22px;font-size:14.5px}
.db-by{display:inline-flex;align-items:center;gap:8px;color:var(--dh-ink);font-weight:600}
.db-by img{width:26px;height:26px;border-radius:8px;background:#fff;padding:3px}
.db-art-img{margin-top:40px;border-radius:26px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(10,15,44,.4)}
.db-art-img img{width:100%;height:auto;display:block}
.db-prose{background:#fff;border-radius:24px;padding:48px 52px;margin-top:36px;font-size:18px;line-height:1.8;color:#2a2f45}
.db-prose>*:first-child{margin-top:0}
.db-prose h2{font-size:30px;line-height:1.25;letter-spacing:-.02em;color:var(--dh-ink);margin:48px 0 14px}
.db-prose h3{font-size:23px;color:var(--dh-ink);margin:36px 0 10px}
.db-prose p{margin:0 0 22px}
.db-prose a{color:#5b3be8;text-decoration-thickness:2px;text-underline-offset:3px}
.db-prose ul,.db-prose ol{padding-left:24px;margin:0 0 22px}
.db-prose li{margin:8px 0}
.db-prose blockquote{margin:30px 0;padding:22px 26px;border-left:4px solid #7B2CFF;background:#f6f3ff;border-radius:0 16px 16px 0;font-size:20px;color:var(--dh-ink)}
.db-prose img{border-radius:16px}
.db-prose figure{margin:30px 0}
.db-prose figcaption{font-size:14px;color:#7a7f96;text-align:center;margin-top:8px}
.db-prose code{background:#f1effa;padding:2px 6px;border-radius:6px;font-size:.9em}
.db-prose pre{background:#0A0F2C;color:#e6e8f5;padding:22px;border-radius:16px;overflow:auto;font-size:15px}
.db-prose pre code{background:none;padding:0}
.db-prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:16px}
.db-prose th,.db-prose td{border-bottom:1px solid var(--dh-line);padding:10px 12px;text-align:left}
.db-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.db-tags a{font-size:14px;color:#5b3be8;background:#f0ebff;padding:6px 12px;border-radius:999px;text-decoration:none;font-weight:600}
.db-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;padding:18px 20px;background:#fff;border-radius:18px}
.db-share span{font-weight:700;color:var(--dh-ink);margin-right:6px}
.db-share a,.db-share button{font:inherit;font-size:14px;font-weight:600;color:var(--dh-ink);background:var(--dh-bg);border:1px solid var(--dh-line);padding:8px 14px;border-radius:999px;text-decoration:none;cursor:pointer;transition:background .2s,color .2s}
.db-share a:hover,.db-share button:hover{background:var(--dh-ink);color:#fff}
.db-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.db-nav a{display:flex;flex-direction:column;gap:4px;padding:20px 22px;background:#fff;border-radius:18px;text-decoration:none;color:var(--dh-ink);transition:transform .2s}
.db-nav a:hover{transform:translateY(-3px)}
.db-nav small{color:#7a7f96;font-weight:600}
.db-nav-next{text-align:right;grid-column:2}
.db-comments{margin-top:30px;background:#fff;border-radius:22px;padding:30px}
.db-related{padding:70px 0 20px}
.db-related-t{font-size:32px;letter-spacing:-.02em;color:var(--dh-ink);margin:0 0 26px}

@media (max-width:980px){
  .dp-main .dh-hero-grid{grid-template-columns:1fr;align-items:start}
  .dp-main .dh-hero-side{align-items:flex-start}
  .dh-used{justify-content:flex-start}
  .dp-main .dh-btns{justify-content:flex-start}
  .dp-main .dh-grid,.db-grid{grid-template-columns:1fr 1fr}
  .db-card-featured{grid-template-columns:1fr}
  .db-card-featured .db-card-media{min-height:0;aspect-ratio:16/9}
}
@media (max-width:700px){
  .dp-main .dh-hero,.db-hero,.db-art-head{padding-top:96px}
  .dp-main .dh-grid,.db-grid{grid-template-columns:1fr}
  .dh-card{padding:26px;min-height:0}
  .dp-main .dh-band,.dh-band{padding:30px}
  .db-card-featured .db-card-body{padding:26px}
  .db-prose{padding:28px 22px;font-size:17px}
  .db-nav{grid-template-columns:1fr}.db-nav-next{grid-column:auto}
}

/* comments */
.db-comments textarea,.db-comments input[type=text],.db-comments input[type=email],.db-comments input[type=url]{width:100%;max-width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--dh-line);border-radius:12px;background:var(--dh-bg)}
.db-comments textarea:focus,.db-comments input:focus{outline:none;border-color:#7B2CFF;box-shadow:0 0 0 3px rgba(123,44,255,.15)}
.db-comments .submit{font:inherit;font-weight:600;background:var(--dh-ink);color:#fff;border:0;padding:13px 22px;border-radius:999px;cursor:pointer}
.db-comments .submit:hover{background:var(--dh-grad)}
.db-comments h2,.db-comments h3{color:var(--dh-ink);letter-spacing:-.01em}
.db-comments .comment-list{list-style:none;padding:0}
.db-comments .comment-body{padding:16px 0;border-bottom:1px solid var(--dh-line)}
@media (max-width:520px){.dp-main .dh-btns{flex-wrap:wrap}}

/* ==========================================================
   Product mode (Botly) — header, footer and page (SS2/SS3 layout)
   ========================================================== */
body.pm-botly{--pm:#1069FD;--pm-2:#0B57D6;--pm-dark:#04162F;--pm-soft:#EEF4FF;--pm-soft2:#EEF2F8;--pm-light:#6f9dff;--pm-faint:rgba(16,105,253,.12);--pm-glow:rgba(16,105,253,.7);--pm-grad:linear-gradient(95deg,#1998fe 0%,#1069FD 55%,#0B57D6 100%);background:#F6F8FB}
body.pm-perkly{--pm:#16a82a;--pm-2:#0b6b2c;--pm-dark:#03261b;--pm-soft:#eafbe6;--pm-soft2:#eef7ec;--pm-light:#91e91b;--pm-faint:rgba(22,168,42,.14);--pm-glow:rgba(22,168,42,.55);--pm-grad:linear-gradient(95deg,#2fc024 0%,#18a32c 50%,#016235 100%);background:#F5FAF3}
body.pm-spinly{--pm:#4c20f6;--pm-2:#6a2ef0;--pm-dark:#110d3a;--pm-soft:#f1ecff;--pm-soft2:#f4f0fb;--pm-light:#fe8a23;--pm-faint:rgba(76,32,246,.12);--pm-glow:rgba(228,7,130,.45);--pm-grad:linear-gradient(95deg,#4c20f6 0%,#e40782 60%,#fe8a23 100%);background:#F8F6FC}
/* header */
.pm-brand{position:relative;display:flex;align-items:center;gap:4px}
.pm-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--dh-ink)}
.pm-logo img{width:34px;height:34px;object-fit:contain}
.pm-logo b{font-size:21px;font-weight:700;letter-spacing:-.02em}
.pm-switch{width:28px;height:28px;border:0;background:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pm-switch i{width:8px;height:8px;border-right:2px solid #7B8798;border-bottom:2px solid #7B8798;transform:translateY(-2px) rotate(45deg)}
.pm-switch:hover{background:rgba(10,15,44,.06)}
.pm-switch-menu{position:absolute;top:calc(100% + 14px);left:-12px;min-width:240px;background:#fff;border:1px solid var(--dh-line);border-radius:16px;box-shadow:0 20px 40px -20px rgba(10,15,44,.35);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s ease;z-index:5}
.pm-brand.is-open .pm-switch-menu,.pm-brand:focus-within .pm-switch-menu{opacity:1;visibility:visible;transform:none}
.pm-switch-menu p{margin:6px 10px 6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7B8798}
.pm-switch-menu a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;text-decoration:none;color:var(--dh-ink);font-weight:600;font-size:15px}
.pm-switch-menu a:hover{background:#f3f5fa}
.pm-switch-menu img{width:26px;height:26px;object-fit:contain}
.pm-switch-menu .pm-home{border-top:1px solid var(--dh-line);margin-top:4px;border-radius:0 0 10px 10px}
.pm-header .dp-menu a{font-size:14.5px;padding:10px 10px}
.pm-actions{display:flex;align-items:center;gap:8px}
.pm-btn-out{padding:10px 16px;border-radius:999px;border:1.5px solid var(--dh-ink);color:var(--dh-ink);text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}
.pm-btn-out:hover{background:#fff}
.pm-header .pm-cta{background:var(--pm-grad)!important}
.pm-header .pm-cta:hover{filter:brightness(1.08)}
@media (max-width:1100px){.pm-header .dp-menu a{padding:10px 7px;font-size:14px}}
@media (max-width:960px){.pm-actions{flex-direction:column;align-items:stretch}.pm-btn-out{text-align:center;border-radius:14px;padding:13px}}
/* footer */
.pm-footer{background:var(--pm-dark)}
.pm-flogo{display:inline-flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none}
.pm-flogo img{width:44px;height:44px;border-radius:12px;background:#fff;padding:4px}
.pm-flogo b{font-size:26px;letter-spacing:-.02em}
.pm-byline{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#a9b8d0!important;margin-bottom:6px}
.pm-byline img{width:22px;height:22px;border-radius:6px;background:#fff;padding:2px}
.pm-byline b{color:#fff}
.pm-footer .dp-footer-bottom a{color:#a9b8d0}

/* page shared */
.dp-main .bx .bx-title,.dp-main .bx-title{font-size:clamp(32px,4vw,52px);font-weight:600;letter-spacing:-.035em;line-height:1.1;color:#0A1728;text-align:left;max-width:760px}
.dp-main .bx-title strong,.dp-main .bx-h1 strong{font-weight:600;color:#fff;background:var(--pm-grad,linear-gradient(95deg,#1998fe,#0B57D6));padding:0 .16em .03em;border-radius:.18em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.dp-main .bx-lead{font-size:18px;line-height:1.65;color:#4a5568;margin-top:18px;max-width:640px}
.dp-main .bx .dp-bl-footnote{text-align:left}
.dp-main .bx-soft{background:#fff}
/* hero */
.dp-main .bx-hero{padding:118px 0 0;position:relative}
.dp-main .bx-hero-grid{display:grid;grid-template-columns:1.9fr 1.1fr;gap:40px;align-items:end}
.dp-main .bx-h1{font-size:clamp(38px,4.8vw,66px);font-weight:600;line-height:1.06;letter-spacing:-.04em;color:#0A1728;margin-top:22px}
.dp-main .bx-hero-sub{font-size:19px;line-height:1.6;color:#4a5568;margin-top:24px;max-width:620px}
.bx-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px;padding-bottom:6px}
.bx-hero-btns{display:flex;gap:10px}
.bx-btn,.bx-btn-out{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;transition:transform .2s,filter .2s}
.bx-btn{background:#0A1728;color:#fff}
.bx-btn i{width:18px;height:18px;background:currentColor;-webkit-mask:var(--ic-arrow) center/contain no-repeat;mask:var(--ic-arrow) center/contain no-repeat;transition:transform .2s}
.bx-btn:hover{background:var(--pm-grad)}.bx-btn:hover i{transform:translateX(4px)}
.bx-btn-out{border:1.5px solid #0A1728;color:#0A1728}
.bx-btn-out:hover{background:#fff}
.dp-main .bx-stage-wrap{margin-top:56px;position:relative;padding-bottom:70px}
.dp-main .bx-stage-wrap::before{content:"";position:absolute;left:0;right:0;top:34%;bottom:0;background:var(--pm-grad)}
.bx-stage{position:relative;z-index:1}
.bx-window{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 50px 90px -40px rgba(4,22,47,.6);border:1px solid #E2E8F1}
.bx-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#F6F8FB;border-bottom:1px solid #E2E8F1}
.bx-bar i{width:10px;height:10px;border-radius:50%;background:#d8dee8}
.bx-bar span{margin-left:14px;font-size:12.5px;color:#7B8798;background:#fff;border:1px solid #E2E8F1;padding:3px 14px;border-radius:6px}
.bx-win-body{display:grid;grid-template-columns:58px 300px 1fr;min-height:520px}
.bx-side{display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px 0;background:var(--pm-dark,#04162F)}
.bx-side img{width:32px;height:32px;border-radius:9px;background:#fff;padding:3px}
.bx-side i{width:20px;height:20px;background:#6f86ad;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.bx-side i:nth-of-type(1){background:#fff}
.bx-convs{border-right:1px solid #E2E8F1;padding:14px 12px;background:#fbfcfe}
.bx-convs-h{display:flex;justify-content:space-between;align-items:center;margin:0 4px 12px;font-size:14px}
.bx-convs-h span{font-size:11px;font-weight:800;color:#12803c;background:#e7f8ee;padding:3px 8px;border-radius:999px}
.bx-conv{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:12px;margin-bottom:4px}
.bx-conv.is-on{background:var(--pm-soft,#EEF4FF)}
.bx-av{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--pm-soft,#dfe9fb);color:var(--pm-2,#0B57D6);font-weight:800;font-size:14px}
.bx-conv-t{display:flex;flex-direction:column;min-width:0;flex:1}
.bx-conv-t b{font-size:13.5px;color:#0A1728}
.bx-conv-t small{font-size:12.5px;color:#7B8798;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-tag{font-style:normal;font-size:10.5px;font-weight:800;padding:3px 7px;border-radius:6px;white-space:nowrap}
.bx-tag-ok{background:#e7f8ee;color:#12803c}.bx-tag-od{background:#E6EFFE;color:#0B57D6}.bx-tag-lang{background:#f3e8ff;color:#7c3aed}.bx-tag-lead{background:#fff4e0;color:#a15c00}
.bx-chatpane{padding:18px 26px;background:linear-gradient(160deg,var(--pm-soft,#EEF4FF),#F6F8FB)}
.bx-chatpane .bl-hero-demo{padding:0}
.bx-chatpane .bl-float{display:none}
.bx-chatpane .bl-chat-hero .bl-chat-body{height:330px}
/* fast */
.dp-main .bx-fast-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center}
.bx-ring{position:relative;width:220px;height:220px;margin-left:auto;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bx-ring-arc{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--pm,#1069FD) 0deg,var(--pm-2,#1998fe) 300deg,var(--pm-faint,rgba(16,105,253,.12)) 300deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 20px),#000 calc(100% - 19px));mask:radial-gradient(farthest-side,transparent calc(100% - 20px),#000 calc(100% - 19px));animation:blSpin 6s linear infinite}
.bx-ring b{font-size:50px;font-weight:700;letter-spacing:-.04em;color:#0A1728;line-height:1}
.bx-ring small{font-size:12.5px;color:#7B8798;font-weight:600;margin-top:6px;max-width:130px;text-align:center;line-height:1.35}
.dp-main .bx-fast .dp-bl-wx{margin-top:48px}
/* tabs */
.bx-tabs{display:grid;grid-template-columns:380px 1fr;gap:26px;margin-top:44px;align-items:stretch}
.bx-tabnav{display:flex;flex-direction:column;gap:8px}
.bx-tab{display:flex;gap:14px;align-items:flex-start;text-align:left;font:inherit;background:transparent;border:1px solid transparent;border-radius:18px;padding:16px 18px;cursor:pointer;color:#0A1728;transition:background .2s,border-color .2s,box-shadow .2s}
.bx-tab:hover{background:rgba(255,255,255,.6)}
.bx-tab.is-on{background:#fff;border-color:#dce7fb;box-shadow:0 20px 40px -26px rgba(16,105,253,.45)}
.bx-tab-ic{flex:0 0 26px;width:26px;height:26px;background:#0A1728;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;margin-top:2px}
.bx-tab.is-on .bx-tab-ic{background:var(--pm)}
.bx-tab-txt b{display:block;font-size:19px;font-weight:600;letter-spacing:-.01em}
.bx-tab-txt small{display:none;margin-top:6px;font-size:14.5px;line-height:1.55;color:#4a5568}
.bx-tab.is-on .bx-tab-txt small{display:block}
.bx-panes{position:relative;border-radius:26px;background:linear-gradient(160deg,#EEF4FF,#fff);border:1px solid #dce7fb;padding:28px;min-height:520px;display:flex}
.bx-pane{display:none;width:100%;align-self:center}
.bx-pane.is-on{display:block;animation:blIn .4s ease}
.bx-pane .bl-hub{width:min(430px,100%)}
.bx-pane .bl-custom{margin-top:0;grid-template-columns:230px 1fr}
.bx-pane .bl-browser{min-height:380px}
.bx-langs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bx-pane .bl-mock{max-width:520px;margin:0 auto}
.dp-main .bx-feat .bl-prov{margin-top:34px}
.bx-feat .bl-pv{background:#fff;border-color:#dce7fb}
.bx-feat .bl-pv b{color:#0A1728}.bx-feat .bl-pv small{color:#7B8798}
/* business */
.dp-main .bx-biz{padding-top:100px}
/* pricing (SS3) */
.dp-main .bx-pricing{background:var(--pm-soft2,#EEF2F8)}
.dp-main .bx-price-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.bx-seal{position:relative;width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;box-shadow:0 20px 40px -24px rgba(4,22,47,.4)}
.bx-seal-ring{position:absolute;inset:8px;border-radius:50%;border:2px dashed var(--pm,#1069FD);animation:blSpin 18s linear infinite}
.bx-seal b{font-size:44px;line-height:1;color:var(--pm-2,#0B57D6);letter-spacing:-.03em}
.bx-seal small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#0A1728;line-height:1.3;margin-top:4px}
.bx-plans{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;background:var(--pm-dark,#04162F);border-radius:22px;align-items:stretch}
.bx-plan{position:relative;display:flex;flex-direction:column;padding:34px 26px;color:#c9d4e6;border-left:1px solid rgba(255,255,255,.08)}
.bx-plan:first-child{border-left:0}
.bx-plan-n{margin:0;font-size:17px;font-weight:600;color:#fff}
.bx-plan-p{margin:18px 0 0;display:flex;align-items:baseline;gap:6px}
.bx-plan-p b{font-size:44px;font-weight:700;letter-spacing:-.03em;color:#fff}
.bx-plan-p span{color:#8fa0bb;font-size:15px}
.bx-plan-f{margin:4px 0 0;font-size:14px;color:#8fa0bb;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12)}
.bx-plan ul{list-style:none;padding:0;margin:20px 0 28px;display:grid;gap:11px}
.bx-plan li{position:relative;padding-left:26px;font-size:14.5px}
.bx-plan li::before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;background:var(--pm-light,#6f9dff);-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}
.bx-plan-btn{margin-top:auto;display:block;text-align:center;padding:13px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);color:#fff;text-decoration:none;font-weight:600;transition:background .2s,color .2s}
.bx-plan-btn:hover{background:#fff;color:var(--pm-dark,#04162F)}
.bx-plan.is-pop{background:#fff;color:#2b3445;border-radius:22px;margin:-14px 0;box-shadow:0 40px 70px -30px var(--pm-glow,rgba(16,105,253,.7));border:0;z-index:1}
.bx-plan.is-pop .bx-plan-n,.bx-plan.is-pop .bx-plan-p b{color:#0A1728}
.bx-plan.is-pop .bx-plan-f,.bx-plan.is-pop .bx-plan-p span{color:#7B8798}
.bx-plan.is-pop .bx-plan-f{border-color:#E2E8F1}
.bx-plan.is-pop li::before{background:var(--pm,#1069FD)}
.bx-plan.is-pop .bx-plan-btn{background:var(--pm-grad);border:0;color:#fff}
.bx-plan.is-pop .bx-plan-btn:hover{filter:brightness(1.1)}
.bx-pop{position:absolute;top:-13px;left:26px;background:var(--pm-grad);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.dp-main .bx-lifetime{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding:28px 30px;background:#fff;border-radius:22px;flex-wrap:wrap}
.dp-main .bx-lt-text h3{font-size:22px;color:#0A1728}
.dp-main .bx-lt-text p{margin-top:8px;color:#4a5568;max-width:640px;font-size:15.5px;line-height:1.6}
.dp-main .bx-lt-btns{margin-top:0!important;justify-content:flex-end!important}
/* reviews */
.dp-main .bx-rev-head{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:end}
.bx-live{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bx-live a,.bx-live span{display:flex;flex-direction:column;gap:4px;padding:18px;background:#F6F8FB;border:1px solid #E2E8F1;border-radius:16px;text-decoration:none;color:#0A1728;transition:transform .2s,border-color .2s}
.bx-live a:hover{transform:translateY(-3px);border-color:#b7d0fb}
.bx-live b{font-size:18px;letter-spacing:-.01em}
.bx-live small{font-size:12.5px;color:#1069FD;font-weight:600}
.bx-live span small{color:#7B8798}
.dp-main .bx-soft .bl-tp{margin:30px 0 0;max-width:none}
/* faq two-column */
.dp-main .bx-faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.dp-main .bx-faq-grid .dp-faqs{margin-top:0}
.dp-main .bx-faq-grid .bx-lead a{color:#1069FD}
/* cta */
.dp-main .bx-cta{position:relative;overflow:hidden;padding:56px;border-radius:26px;background:var(--pm-grad);color:#fff}
.dp-main .bx-cta::before{content:"";position:absolute;right:-60px;top:-100px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 65%)}
.dp-main .bx-cta>*{position:relative}
.dp-main .bx-cta h2{color:#fff!important;font-size:clamp(28px,3.4vw,44px);font-weight:600;letter-spacing:-.03em;max-width:760px}
.dp-main .bx-cta p{color:rgba(255,255,255,.9);font-size:18px;margin-top:12px}
.dp-main .bx-cta .dh-btns{justify-content:flex-start;margin-top:28px}
.dp-main .bx-btn-glass .wp-block-button__link{border-radius:999px;text-transform:none;letter-spacing:0;font-size:16px;font-weight:600;padding:15px 26px;background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.5)}
.dp-main .bx-btn-glass .wp-block-button__link:hover{background:rgba(255,255,255,.24)}
.dp-main .dh-btn-light .wp-block-button__link{color:#0B57D6}
.pm-botly .dp-main .dh-btn-dark .wp-block-button__link:hover{background:var(--pm-grad)}
/* responsive */
@media (max-width:1100px){.bx-win-body{grid-template-columns:58px 250px 1fr}.bx-tabs{grid-template-columns:320px 1fr}}
@media (max-width:980px){
  .bx-plan{background:var(--pm-dark,#04162F)!important}
  .dp-main .bx-hero-grid,.dp-main .bx-fast-grid,.dp-main .bx-rev-head,.dp-main .bx-faq-grid,.dp-main .bx-price-head{grid-template-columns:1fr}
  .bx-hero-side{align-items:flex-start}
  .bx-ring{margin:0}
  .bx-win-body{grid-template-columns:1fr}.bx-side,.bx-convs{display:none}
  .bx-tabs{grid-template-columns:1fr}.bx-panes{min-height:0}
  .bx-plans{grid-template-columns:1fr 1fr;background:transparent;gap:14px}
  .bx-plan{background:#04162F;border-radius:20px;border:0}
  .bx-plan.is-pop{margin:0}
  .bx-seal{width:120px;height:120px}
}
@media (max-width:700px){
  .dp-main .bx-hero{padding-top:96px}
  .bx-hero-btns{flex-wrap:wrap}
  .bx-chatpane{padding:12px}
  .bx-plans,.bx-live,.bx-langs{grid-template-columns:1fr}
  .bx-pane .bl-custom{grid-template-columns:1fr}
  .bx-panes{padding:16px}
  .dp-main .bx-cta{padding:32px 24px}
  .bx-ring{width:170px;height:170px}.bx-ring b{font-size:42px}
}

/* ---------- Perkly & Spinly pages ---------- */
.dp-main .px .bx-title strong,.dp-main .px .bx-h1 strong{background:var(--pm-grad)}
.pm-perkly .dp-main .dh-btn-dark .wp-block-button__link:hover,.pm-spinly .dp-main .dh-btn-dark .wp-block-button__link:hover{background:var(--pm-grad)}
.pm-perkly .bx-btn:hover,.pm-spinly .bx-btn:hover{background:var(--pm-grad)}
.dp-main .px .dh-btn-light .wp-block-button__link{color:var(--pm-2)}
.dp-main .px-grid{margin-top:44px}
.dp-main .px-feat{--pad:26px;--ib:46px;--is:22px;--ibg:var(--pm-grad);border-radius:20px;border-color:#e7ece6}
.pm-spinly .dp-main .px-feat{border-color:#ece6f6}
.dp-front .px-feat{transition:transform .25s,box-shadow .25s}
.dp-front .px-feat:hover{transform:translateY(-5px);box-shadow:0 26px 50px -26px var(--pm-glow)}
.dp-front .px-feat:hover::before{transform:scale(1.08) rotate(-5deg)}
.dp-main .px-feat h3{font-size:18px!important}
.dp-main .px-how{position:relative;overflow:hidden;background:var(--pm-grad)}
.dp-main .px-how .dp-title{color:#fff!important}
.dp-main .px-how .dp-lead{color:rgba(255,255,255,.88)}
.dp-main .px-steps{margin-top:60px}
.dp-main .px-step{--pad:28px;border:0;border-radius:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.45);z-index:1}
.dp-main .px-step::before{position:absolute;top:-40px;left:50%;transform:translateX(-50%);margin:0;width:40px;height:40px;background:#fff;color:var(--pm-2);font-size:16px;box-shadow:0 0 0 6px rgba(255,255,255,.25);z-index:2}
.dp-main .px-step h3{font-size:19px!important;margin-top:6px}
.dp-main .px-suite{grid-template-columns:repeat(2,1fr);margin-top:40px}
.dp-main .px .bx-faq-grid .bx-lead a{color:var(--pm)}
.dp-main .px .dp-faq summary::after{color:var(--pm)}
.pm-perkly .bl-sticky a,.pm-spinly .bl-sticky a{background:var(--pm-grad)}
.pm-perkly .bl-sticky{background:#03261b}.pm-spinly .bl-sticky{background:#110d3a}
/* Perkly reward card */
.px-pane{display:flex;align-items:center;justify-content:center}
.px-reward{width:min(360px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:0 30px 60px -30px rgba(3,38,27,.45);text-align:center;border:1px solid #e3efe0}
.px-gift{display:block;width:74px;height:74px;margin:-62px auto 12px;border-radius:22px;background:#fff url("../img/perkly.png") center/52px no-repeat;box-shadow:0 16px 30px -12px rgba(22,168,42,.6);animation:blBob 4s ease-in-out infinite}
.px-rt{margin:0;font-size:21px;font-weight:700;color:#0A1728}
.px-rs{margin:6px 0 18px;color:#4a5568;font-size:15px}
.px-rs b{color:#138a2a}
.px-steps{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;text-align:left}
.px-steps li{position:relative;padding:10px 12px 10px 40px;border-radius:12px;background:#f5faf3;font-size:14px;font-weight:600;color:#2b3445}
.px-steps li::before{content:"";position:absolute;left:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);border-radius:50%;background:#16a82a;-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}
.px-steps li.now{background:linear-gradient(95deg,#2fc024,#016235);color:#fff}
.px-steps li.now::before{background:#fff}
.px-code{display:flex;justify-content:space-between;align-items:center;border:2px dashed #16a82a;border-radius:14px;padding:12px 16px}
.px-code span{font-family:ui-monospace,Menlo,monospace;font-size:20px;font-weight:800;letter-spacing:.08em;color:#0b6b2c}
.px-code em{font-style:normal;font-size:12px;font-weight:800;color:#fff;background:#16a82a;padding:6px 10px;border-radius:8px}
/* Spinly wheel */
.px-spin{display:flex;flex-direction:column;align-items:center;gap:18px}
.px-wheel-wrap{position:relative;width:300px;height:300px}
.px-wheel{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#4c20f6 0 45deg,#e40782 45deg 90deg,#fe8a23 90deg 135deg,#7c3aed 135deg 180deg,#4c20f6 180deg 225deg,#e40782 225deg 270deg,#fe8a23 270deg 315deg,#7c3aed 315deg 360deg);box-shadow:0 0 0 8px #fff,0 0 0 11px #e7defc,0 30px 60px -20px rgba(76,32,246,.55);animation:pxSpin 9s cubic-bezier(.25,.1,.25,1) infinite}
@keyframes pxSpin{0%{transform:rotate(0)}70%{transform:rotate(1440deg)}100%{transform:rotate(1440deg)}}
.px-seg{position:absolute;left:50%;top:50%;width:50%;height:22px;margin-top:-11px;transform-origin:0 50%;display:flex;justify-content:flex-end;padding-right:16px}
.px-seg b{color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.px-seg.s0{transform:rotate(-67.5deg)}.px-seg.s1{transform:rotate(-22.5deg)}.px-seg.s2{transform:rotate(22.5deg)}.px-seg.s3{transform:rotate(67.5deg)}.px-seg.s4{transform:rotate(112.5deg)}.px-seg.s5{transform:rotate(157.5deg)}.px-seg.s6{transform:rotate(202.5deg)}.px-seg.s7{transform:rotate(247.5deg)}
.px-pointer{position:absolute;left:50%;top:-14px;z-index:3;transform:translateX(-50%);border-left:16px solid transparent;border-right:16px solid transparent;border-top:28px solid #fe8a23;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}
.px-hub{position:absolute;left:50%;top:50%;z-index:2;width:74px;height:74px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.px-hub img{width:56px;height:56px;object-fit:contain}
.px-win{background:#fff;border-radius:16px;padding:12px 18px;text-align:center;box-shadow:0 20px 40px -20px rgba(17,13,58,.4);animation:pxWin 9s ease infinite}
.px-win b{display:block;font-size:16px;color:#110d3a}.px-win small{font-size:13px;color:#6b7080}
@keyframes pxWin{0%,68%{opacity:0;transform:translateY(8px) scale(.96)}74%,100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.px-wheel,.px-win{animation:none}.px-win{opacity:1}}
@media (max-width:980px){.dp-main .px-suite{grid-template-columns:1fr}}
@media (max-width:700px){.px-wheel-wrap{width:250px;height:250px}.px-seg b{font-size:10.5px}}

/* ---------- Botly pricing: Monthly / Yearly / Lifetime ---------- */
.bp{margin-top:40px;--bp:var(--pm,#1069FD);--bp-grad:var(--pm-grad,linear-gradient(95deg,#1998fe,#0B57D6))}
.bp-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.bp-sub{margin:0;font-size:15px;color:#4a5568}
.bp-sub span{display:none}
.bp[data-mode="0"] .bp-sub .m0,.bp[data-mode="1"] .bp-sub .m1,.bp[data-mode="2"] .bp-sub .m2{display:inline}
.bp-toggle{display:flex;gap:4px;padding:5px;background:#fff;border:1px solid #E2E8F1;border-radius:999px;box-shadow:0 10px 24px -18px rgba(4,22,47,.4)}
.bp-toggle button{font:inherit;font-size:15px;font-weight:600;color:#4a5568;background:none;border:0;padding:10px 20px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s}
.bp-toggle button em{font-style:normal;font-size:12px;font-weight:800;color:var(--bp);background:var(--pm-soft,#E6EFFE);padding:2px 7px;border-radius:999px}
.bp-toggle button.is-on{background:#0A1728;color:#fff}
.bp-toggle button.is-on em{background:rgba(255,255,255,.18);color:#fff}
.bp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.bp-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #E2E8F1;border-radius:22px;padding:28px 24px;transition:transform .25s,box-shadow .25s}
.dp-front .bp-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(4,22,47,.35)}
.bp-card.is-pop{background:var(--pm-dark,#04162F);border-color:transparent;color:#c9d4e6;box-shadow:0 40px 70px -34px var(--pm-glow,rgba(16,105,253,.7))}
.bp-pop{position:absolute;top:-13px;left:24px;background:var(--bp-grad);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.bp-name{margin:0;font-size:19px;font-weight:700;color:#0A1728}
.bp-card.is-pop .bp-name{color:#fff}
.bp-mode{display:none;flex-direction:column}
.bp[data-mode="0"] .bp-mode.m0,.bp[data-mode="1"] .bp-mode.m1,.bp[data-mode="2"] .bp-mode.m2{display:flex}
.bp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:16px 0 18px;min-height:52px}
.bp-price b{font-size:44px;font-weight:700;letter-spacing:-.03em;color:#0A1728;line-height:1}
.bp-card.is-pop .bp-price b{color:#fff}
.bp-price span{font-size:15px;color:#7B8798}
.bp-card.is-pop .bp-price span{color:#a9b8d0}
.bp-save{font-style:normal;font-size:12px;font-weight:800;color:#12803c;background:#e7f8ee;padding:3px 9px;border-radius:999px;align-self:center}
.bp-price.bp-na b{font-size:20px;color:#9aa5b5;letter-spacing:0}
.bp-price.bp-na{flex-direction:column;gap:2px;align-items:flex-start;justify-content:center}
.bp-price.bp-na span{font-size:13px}
.bp-btn{display:block;text-align:center;padding:13px 14px;border-radius:12px;background:var(--bp-grad);color:#fff!important;text-decoration:none;font-weight:700;font-size:15px;transition:filter .2s,transform .2s}
.bp-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.bp-free .bp-btn{background:#0A1728}
.bp-card.is-pop .bp-btn{background:#fff;color:var(--pm-2,#0B57D6)!important}
.bp-btn-off{background:#eef1f6!important;color:#9aa5b5!important;cursor:default;transform:none!important;filter:none!important}
.bp-card.is-pop .bp-btn-off{background:rgba(255,255,255,.08)!important;color:#7f8fab!important}
.bp-feat{list-style:none;padding:18px 0 0;margin:20px 0 0;border-top:1px solid #E2E8F1;display:grid;gap:10px;flex:1}
.bp-card.is-pop .bp-feat{border-color:rgba(255,255,255,.12)}
.bp-feat li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.45;color:#2b3445}
.bp-card.is-pop .bp-feat li{color:#e6eefc}
.bp-feat li::before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;background:var(--bp);-webkit-mask:var(--ic-check) center/contain no-repeat;mask:var(--ic-check) center/contain no-repeat}
.bp-card.is-pop .bp-feat li::before{background:var(--pm-light,#6f9dff)}
.bp-feat li.bp-main{font-weight:700;color:#0A1728}
.bp-card.is-pop .bp-feat li.bp-main{color:#fff}
.bp-feat li.no{color:#a3acbb}
.bp-feat li.no::before{background:#c3cad6;-webkit-mask-image:var(--ic-xc);mask-image:var(--ic-xc)}
.bp-card.is-pop .bp-feat li.no{color:#6f7f9b}
.bp-card.is-pop .bp-feat li.no::before{background:#4f5f7c}
.bp-note{margin:16px 0 0;font-size:12.5px;color:#7B8798;text-align:center;display:none}
.bp[data-mode="0"] .bp-note.m0,.bp[data-mode="1"] .bp-note.m1{display:block}
.bp-card.is-pop .bp-note{color:#8fa0bb}
/* Lifetime mode: dim monthly-only cards, spotlight Unlimited */
.bp[data-mode="2"] .bp-starter,.bp[data-mode="2"] .bp-pro,.bp[data-mode="2"] .bp-agency{opacity:.55}
.bp-unl{position:relative;display:grid;grid-template-columns:1fr 1.3fr;gap:30px;margin-top:22px;padding:32px;border-radius:24px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--bp-grad) border-box;transition:box-shadow .3s,margin .3s}
.bp[data-mode="2"] .bp-unl{box-shadow:0 40px 80px -30px var(--pm-glow,rgba(16,105,253,.7));margin-top:18px}
.bp-unl-tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--bp-grad);padding:5px 12px;border-radius:999px;margin-bottom:12px}
.bp-unl .bp-name{font-size:24px}
.bp-unl .bp-price{margin:12px 0 8px}
.bp-unl-s{margin:0 0 20px;color:#4a5568;font-size:15px;line-height:1.6}
.bp-unl .bp-feat{margin:0;border-top:0;padding:0;grid-template-columns:1fr 1fr;align-content:center}
@media (max-width:1100px){.bp-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .bp-grid,.bp-unl,.bp-unl .bp-feat{grid-template-columns:1fr}
  .bp-top{flex-direction:column;align-items:flex-start}
  .bp-toggle button{padding:9px 14px;font-size:14px}
  .bp-unl{padding:24px}
}

/* ---------- Botly page tweaks (v1) ---------- */
/* DealMirror band: bigger and easier to notice */
.dp-main .bl-deal-big{padding:16px 26px;border-radius:18px;box-shadow:0 18px 36px -14px rgba(0,0,0,.45);animation:dealPulse 3.4s ease-in-out infinite}
@keyframes dealPulse{0%,100%{box-shadow:0 18px 36px -14px rgba(0,0,0,.45),0 0 0 0 rgba(255,255,255,.55)}50%{box-shadow:0 18px 36px -14px rgba(0,0,0,.45),0 0 0 8px rgba(255,255,255,0)}}
.dp-main .bl-deal-big .dp-bl-deal-k{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:#0A1728;color:#fff;padding:4px 10px;border-radius:999px}
.dp-main .bl-deal-big .dp-bl-deal-k::before{content:"★"}
.dp-main .bl-deal-big .dp-bl-deal-t{font-size:17px;font-weight:600;margin-top:8px}
.dp-main .bl-deal-big .dp-bl-deal-t a{color:#0B57D6;text-decoration:none}
.dp-front .bl-deal-big:hover{transform:translateY(-3px)}
/* YouTube button under the trailer */
.dp-main .bl-yt .wp-block-button__link{text-transform:none;letter-spacing:0;font-size:15px;font-weight:600;border-radius:999px;padding:13px 22px}
.dp-main .bl-yt .wp-block-button__link::before{content:"";width:20px;height:14px;background:#FF0000;border-radius:4px;-webkit-mask:var(--ic-play) center/contain no-repeat;mask:var(--ic-play) center/contain no-repeat}
.dp-main .bl-agency-btns{margin-top:22px!important}
/* shorter cards: tighter look */
.dp-main .dp-bl-why .dp-card h3,.dp-main .dp-bl-pains .dp-card h3{font-size:18px}
.dp-main .dp-bl-pains .dp-card h3+p:not([class]),.dp-main .dp-bl-why .dp-card h3+p:not([class]){font-size:14px}
.dp-main .bl-step p{font-size:14.5px;color:#4a5568}
/* pricing table: cleaner type and rhythm */
.bp{--bp-font:"Plus Jakarta Sans",Inter,system-ui,sans-serif}
.bp .bp-name{font-size:17px;font-weight:600;letter-spacing:-.01em;color:#5b6478}
.bp-card.is-pop .bp-name{color:#9fc0ff}
.bp .bp-price{margin:14px 0 20px;min-height:58px;align-items:flex-end}
.bp .bp-price b{font-size:50px;letter-spacing:-.04em;line-height:.95}
.bp .bp-price span{font-size:14px;color:#8b93a5;margin-bottom:6px}
.bp-card{padding:30px 26px;border-radius:24px;border-color:#e9edf4}
.bp-card.is-pop{transform:translateY(-10px)}
.dp-front .bp-card.is-pop:hover{transform:translateY(-14px)}
.bp-btn{padding:14px 16px;border-radius:14px;font-size:15px;letter-spacing:-.01em;box-shadow:0 12px 24px -14px var(--pm-glow,rgba(16,105,253,.8))}
.bp-feat{gap:11px;padding-top:20px;margin-top:22px}
.bp-feat li{font-size:14px;padding-left:28px;color:#3c455a}
.bp-feat li.bp-main{font-size:15px}
.bp-feat li::before{top:1px;width:18px;height:18px}
.bp-note{font-size:12px;margin-top:18px}
.bp-toggle button{font-size:15.5px;letter-spacing:-.01em}
.bp-sub{font-size:15.5px;color:#5b6478}
.bp-unl{padding:36px;border-radius:26px}
.bp-unl .bp-name{font-size:15px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.bp-unl .bp-price b{font-size:58px}
.bp-unl-s{font-size:15.5px;line-height:1.65;max-width:460px}
.bp-unl .bp-feat li{font-size:14.5px}

:root{--ic-arrow:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 12h14%27/%3E%3Cpath d=%27m12 5 7 7-7 7%27/%3E%3C/svg%3E");--ic-ur:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M7 7h10v10%27/%3E%3Cpath d=%27M7 17 17 7%27/%3E%3C/svg%3E");--ic-check:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27m9 12 2 2 4-4%27/%3E%3C/svg%3E");--ic-shield:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z%27/%3E%3Cpath d=%27m9 12 2 2 4-4%27/%3E%3C/svg%3E");--ic-msg:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z%27/%3E%3C/svg%3E");--ic-xc:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27m15 9-6 6M9 9l6 6%27/%3E%3C/svg%3E");--ic-star:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolygon fill=%27black%27 points=%2712 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2%27/%3E%3C/svg%3E");--ic-play:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolygon fill=%27black%27 points=%276 4 20 12 6 20%27/%3E%3C/svg%3E")}
/* Icons (generated) */
.ic-chart{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%2722 7 13.5 15.5 8.5 10.5 2 17%27/%3E%3Cpolyline points=%2716 7 22 7 22 13%27/%3E%3C/svg%3E")}
.ic-lifebuoy{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%274%27/%3E%3Cpath d=%27M4.93 4.93l4.24 4.24M14.83 14.83l4.24 4.24M14.83 9.17l4.24-4.24M4.93 19.07l4.24-4.24%27/%3E%3C/svg%3E")}
.ic-shield{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z%27/%3E%3Cpath d=%27m9 12 2 2 4-4%27/%3E%3C/svg%3E")}
.ic-rocket{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z%27/%3E%3Cpath d=%27m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z%27/%3E%3Cpath d=%27M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0%27/%3E%3Cpath d=%27M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5%27/%3E%3C/svg%3E")}
.ic-globe{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20%27/%3E%3Cpath d=%27M2 12h20%27/%3E%3C/svg%3E")}
.ic-zap{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z%27/%3E%3C/svg%3E")}
.ic-refresh{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8%27/%3E%3Cpath d=%27M21 3v5h-5%27/%3E%3Cpath d=%27M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16%27/%3E%3Cpath d=%27M8 16H3v5%27/%3E%3C/svg%3E")}
.ic-dollar{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 2v20%27/%3E%3Cpath d=%27M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6%27/%3E%3C/svg%3E")}
.ic-users{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%27/%3E%3Ccircle cx=%279%27 cy=%277%27 r=%274%27/%3E%3Cpath d=%27M22 21v-2a4 4 0 0 0-3-3.87%27/%3E%3Cpath d=%27M16 3.13a4 4 0 0 1 0 7.75%27/%3E%3C/svg%3E")}
.ic-check{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27m9 12 2 2 4-4%27/%3E%3C/svg%3E")}
.ic-phone{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z%27/%3E%3C/svg%3E")}
.ic-pin{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z%27/%3E%3Ccircle cx=%2712%27 cy=%2710%27 r=%273%27/%3E%3C/svg%3E")}
.ic-mail{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%272%27 y=%274%27 width=%2720%27 height=%2716%27 rx=%272%27/%3E%3Cpath d=%27m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7%27/%3E%3C/svg%3E")}
.ic-arrowur{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M7 7h10v10%27/%3E%3Cpath d=%27M7 17 17 7%27/%3E%3C/svg%3E")}
.ic-arrowr{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 12h14%27/%3E%3Cpath d=%27m12 5 7 7-7 7%27/%3E%3C/svg%3E")}
.ic-message{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z%27/%3E%3C/svg%3E")}
.ic-userplus{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%27/%3E%3Ccircle cx=%279%27 cy=%277%27 r=%274%27/%3E%3Cpath d=%27M19 8v6M22 11h-6%27/%3E%3C/svg%3E")}
.ic-cpu{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%274%27 y=%274%27 width=%2716%27 height=%2716%27 rx=%272%27/%3E%3Crect x=%279%27 y=%279%27 width=%276%27 height=%276%27/%3E%3Cpath d=%27M15 2v2M15 20v2M2 15h2M2 9h2M20 15h2M20 9h2M9 2v2M9 20v2%27/%3E%3C/svg%3E")}
.ic-code{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%2716 18 22 12 16 6%27/%3E%3Cpolyline points=%278 6 2 12 8 18%27/%3E%3C/svg%3E")}
.ic-book{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20%27/%3E%3C/svg%3E")}
.ic-plug{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 22v-5%27/%3E%3Cpath d=%27M9 8V2%27/%3E%3Cpath d=%27M15 8V2%27/%3E%3Cpath d=%27M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z%27/%3E%3C/svg%3E")}
.ic-layers{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m12 2 10 5-10 5L2 7z%27/%3E%3Cpath d=%27m2 17 10 5 10-5%27/%3E%3Cpath d=%27m2 12 10 5 10-5%27/%3E%3C/svg%3E")}
.ic-star{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolygon points=%2712 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2%27/%3E%3C/svg%3E")}
.ic-share{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2718%27 cy=%275%27 r=%273%27/%3E%3Ccircle cx=%276%27 cy=%2712%27 r=%273%27/%3E%3Ccircle cx=%2718%27 cy=%2719%27 r=%273%27/%3E%3Cpath d=%27M8.59 13.51l6.83 3.98M15.41 6.51l-6.82 3.98%27/%3E%3C/svg%3E")}
.ic-heart{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z%27/%3E%3C/svg%3E")}
.ic-megaphone{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m3 11 18-5v12L3 14v-3z%27/%3E%3Cpath d=%27M11.6 16.8a3 3 0 1 1-5.8-1.6%27/%3E%3C/svg%3E")}
.ic-bars{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 3v18h18%27/%3E%3Cpath d=%27M18 17V9M13 17V5M8 17v-3%27/%3E%3C/svg%3E")}
.ic-disc{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E")}
.ic-wallet{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1%27/%3E%3Cpath d=%27M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4%27/%3E%3C/svg%3E")}
.ic-gift{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%278%27 width=%2718%27 height=%274%27 rx=%271%27/%3E%3Cpath d=%27M12 8v13%27/%3E%3Cpath d=%27M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7%27/%3E%3Cpath d=%27M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5%27/%3E%3C/svg%3E")}
.ic-crown{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z%27/%3E%3Cpath d=%27M5 21h14%27/%3E%3C/svg%3E")}
.ic-cart{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%278%27 cy=%2721%27 r=%271%27/%3E%3Ccircle cx=%2719%27 cy=%2721%27 r=%271%27/%3E%3Cpath d=%27M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12%27/%3E%3C/svg%3E")}
.ic-target{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%276%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%272%27/%3E%3C/svg%3E")}
.ic-health{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z%27/%3E%3Cpath d=%27M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27%27/%3E%3C/svg%3E")}
.ic-house{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 10.5 12 3l9 7.5%27/%3E%3Cpath d=%27M5 9.5V20a1 1 0 0 0 1 1h4v-6h4v6h4a1 1 0 0 0 1-1V9.5%27/%3E%3C/svg%3E")}
.ic-scale{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3v18M7 21h10M3 7h18%27/%3E%3Cpath d=%27M6 7 3 14a3 3 0 0 0 6 0L6 7z%27/%3E%3Cpath d=%27M18 7l-3 7a3 3 0 0 0 6 0l-3-7z%27/%3E%3C/svg%3E")}
.ic-calc{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%274%27 y=%272%27 width=%2716%27 height=%2720%27 rx=%272%27/%3E%3Cpath d=%27M8 6h8M8 11h.01M12 11h.01M16 11h.01M8 15h.01M12 15h.01M16 15h.01M8 19h.01M12 19h4%27/%3E%3C/svg%3E")}
.ic-utensils{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2M7 2v20%27/%3E%3Cpath d=%27M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7%27/%3E%3C/svg%3E")}
.ic-plane{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z%27/%3E%3C/svg%3E")}
.ic-sparkles{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3l1.9 4.6L18.5 9.5 13.9 11.4 12 16l-1.9-4.6L5.5 9.5l4.6-1.9Z%27/%3E%3Cpath d=%27M19 15l.8 1.9 1.9.8-1.9.8L19 20.4l-.8-1.9-1.9-.8 1.9-.8z%27/%3E%3C/svg%3E")}
.ic-dumbbell{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6.5 6.5v11M17.5 6.5v11M3 9.5v5M21 9.5v5M6.5 12h11%27/%3E%3C/svg%3E")}
.ic-grad{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M22 10 12 5 2 10l10 5 10-5z%27/%3E%3Cpath d=%27M6 12v5c3 2.5 9 2.5 12 0v-5%27/%3E%3C/svg%3E")}
.ic-briefcase{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%272%27 y=%277%27 width=%2720%27 height=%2714%27 rx=%272%27/%3E%3Cpath d=%27M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16%27/%3E%3C/svg%3E")}
.ic-wrench{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z%27/%3E%3C/svg%3E")}
.ic-car{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2%27/%3E%3Ccircle cx=%277%27 cy=%2717%27 r=%272%27/%3E%3Cpath d=%27M9 17h6%27/%3E%3Ccircle cx=%2717%27 cy=%2717%27 r=%272%27/%3E%3C/svg%3E")}
.ic-paw{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2711%27 cy=%274%27 r=%272%27/%3E%3Ccircle cx=%2718%27 cy=%278%27 r=%272%27/%3E%3Ccircle cx=%2720%27 cy=%2716%27 r=%272%27/%3E%3Cpath d=%27M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.84 1.045Q6.52 17.48 4.46 16.84A3.5 3.5 0 0 1 5.5 10Z%27/%3E%3C/svg%3E")}
.ic-ticket{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z%27/%3E%3Cpath d=%27M13 5v2M13 17v2M13 11v2%27/%3E%3C/svg%3E")}
.ic-factory{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z%27/%3E%3Cpath d=%27M17 18h1M12 18h1M7 18h1%27/%3E%3C/svg%3E")}
.ic-sprout{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M7 20h10M10 20c5.5-2.5.8-6.4 3-10%27/%3E%3Cpath d=%27M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z%27/%3E%3Cpath d=%27M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z%27/%3E%3C/svg%3E")}
.ic-store{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 7 4.41 2.59A2 2 0 0 1 5.83 2h12.34a2 2 0 0 1 1.42.59L22 7%27/%3E%3Cpath d=%27M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8%27/%3E%3Cpath d=%27M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4%27/%3E%3Cpath d=%27M2 7h20v2a3 3 0 0 1-6 0 3 3 0 0 1-4 0 3 3 0 0 1-4 0 3 3 0 0 1-6 0Z%27/%3E%3C/svg%3E")}
.ic-lock{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%2711%27 width=%2718%27 height=%2711%27 rx=%272%27/%3E%3Cpath d=%27M7 11V7a5 5 0 0 1 10 0v4%27/%3E%3C/svg%3E")}
.ic-key{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%277.5%27 cy=%2715.5%27 r=%275.5%27/%3E%3Cpath d=%27m21 2-9.6 9.6M15.5 7.5l3 3L22 7l-3-3%27/%3E%3C/svg%3E")}
.ic-eye{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E")}
.ic-clock{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27M12 6v6l4 2%27/%3E%3C/svg%3E")}
.ic-file{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z%27/%3E%3Cpath d=%27M14 2v4a2 2 0 0 0 2 2h4M10 9H8M16 13H8M16 17H8%27/%3E%3C/svg%3E")}
.ic-upload{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%27/%3E%3Cpolyline points=%2717 8 12 3 7 8%27/%3E%3Cpath d=%27M12 3v12%27/%3E%3C/svg%3E")}
.ic-thumb{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M7 10v12%27/%3E%3Cpath d=%27M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z%27/%3E%3C/svg%3E")}
.ic-search{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%278%27/%3E%3Cpath d=%27m21 21-4.3-4.3%27/%3E%3C/svg%3E")}
.ic-palette{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2713.5%27 cy=%276.5%27 r=%270.5%27/%3E%3Ccircle cx=%2717.5%27 cy=%2710.5%27 r=%270.5%27/%3E%3Ccircle cx=%278.5%27 cy=%277.5%27 r=%270.5%27/%3E%3Ccircle cx=%276.5%27 cy=%2712.5%27 r=%270.5%27/%3E%3Cpath d=%27M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.9 0 1.7-.7 1.7-1.7 0-.4-.2-.8-.4-1.1-.3-.3-.4-.7-.4-1.1 0-.9.8-1.7 1.7-1.7h2c3 0 5.6-2.5 5.6-5.6C22 6 17.5 2 12 2z%27/%3E%3C/svg%3E")}
.ic-download{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%27/%3E%3Cpolyline points=%277 10 12 15 17 10%27/%3E%3Cpath d=%27M12 15V3%27/%3E%3C/svg%3E")}
.ic-receipt{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z%27/%3E%3Cpath d=%27M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8M12 17.5v-11%27/%3E%3C/svg%3E")}
.ic-x{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27m15 9-6 6M9 9l6 6%27/%3E%3C/svg%3E")}
.ic-undo{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M9 14 4 9l5-5%27/%3E%3Cpath d=%27M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5 5.5 5.5 0 0 1-5.5 5.5H11%27/%3E%3C/svg%3E")}
.ic-alert{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 9v4M12 17h.01%27/%3E%3Cpath d=%27M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z%27/%3E%3C/svg%3E")}
.ic-truck{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2M15 18H9M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62L18.3 9.38a1 1 0 0 0-.78-.38H14%27/%3E%3Ccircle cx=%2717%27 cy=%2718%27 r=%272%27/%3E%3Ccircle cx=%277%27 cy=%2718%27 r=%272%27/%3E%3C/svg%3E")}
.ic-server{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%272%27 y=%272%27 width=%2720%27 height=%278%27 rx=%272%27/%3E%3Crect x=%272%27 y=%2714%27 width=%2720%27 height=%278%27 rx=%272%27/%3E%3Cpath d=%27M6 6h.01M6 18h.01%27/%3E%3C/svg%3E")}
.ic-mail2{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%272%27 y=%274%27 width=%2720%27 height=%2716%27 rx=%272%27/%3E%3Cpath d=%27m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7%27/%3E%3C/svg%3E")}
.ic-bell{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9%27/%3E%3Cpath d=%27M10.3 21a1.94 1.94 0 0 0 3.4 0%27/%3E%3C/svg%3E")}
.ic-languages{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m5 8 6 6M4 14l6-6 2-3M2 5h12M7 2h1M22 22l-5-10-5 10M14 18h6%27/%3E%3C/svg%3E")}
.ic-coin{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8M12 18V6%27/%3E%3C/svg%3E")}
.ic-settings{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E")}
.ic-help{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Cpath d=%27M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01%27/%3E%3C/svg%3E")}
.ic-history{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8%27/%3E%3Cpath d=%27M3 3v5h5%27/%3E%3Cpath d=%27M12 7v5l4 2%27/%3E%3C/svg%3E")}
.ic-bulb{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%27/%3E%3Cpath d=%27M9 18h6M10 22h4%27/%3E%3C/svg%3E")}
.ic-sites{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%272%27 y=%273%27 width=%2720%27 height=%2714%27 rx=%272%27/%3E%3Cpath d=%27M8 21h8M12 17v4%27/%3E%3Cpath d=%27M6 8h4M6 11h8%27/%3E%3C/svg%3E")}
.ic-gauge{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m12 14 4-4%27/%3E%3Cpath d=%27M3.34 19a10 10 0 1 1 17.32 0%27/%3E%3C/svg%3E")}
.ic-moon{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z%27/%3E%3C/svg%3E")}
.ic-extlink{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M15 3h6v6M10 14 21 3M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6%27/%3E%3C/svg%3E")}
.ic-star2{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolygon fill=%27black%27 points=%2712 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2%27/%3E%3C/svg%3E")}
.ic-play{--ic:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolygon fill=%27black%27 points=%276 4 20 12 6 20%27/%3E%3C/svg%3E")}