.vs-section[data-vs-variant^="reference-"]{box-sizing:border-box;max-width:1400px;margin:20px auto!important;overflow:hidden;text-align:center;color:#111c35;font-family:Tahoma,Arial,sans-serif}
.vs-section[data-vs-variant^="reference-"] *{box-sizing:border-box}
.vs-section[data-vs-variant^="reference-"]>.vs-text:first-child{display:flex;width:max-content;max-width:100%;margin:0 auto 12px;padding:6px 17px;border:1px solid #dce6f2;border-radius:999px;background:#fff;color:#ff641d;font-size:12px;font-weight:800;line-height:1.5;box-shadow:0 4px 12px #0a26520a}
.vs-section[data-vs-variant^="reference-"]>.vs-heading{max-width:1000px;margin:0 auto 7px;color:#101b34;font-size:clamp(28px,3vw,43px);font-weight:900;line-height:1.3}
.vs-section[data-vs-variant^="reference-"]>.vs-text:not(:first-child){max-width:800px;margin:0 auto 24px;color:#71819b;font-size:15px;line-height:1.8}
.vs-section[data-vs-variant^="reference-"]>.vs-columns{display:grid;width:100%;min-width:0;text-align:start}
.vs-section[data-vs-variant^="reference-"]>.vs-columns>.vs-column{min-width:0;padding:28px;border:1px solid #dce5f1;border-radius:23px;background:#fff;box-shadow:0 12px 30px #1a3b6510}
.vs-section[data-vs-variant^="reference-"] .vs-column>.vs-heading{margin:0 0 10px;color:#111c35;font-size:20px;font-weight:800;line-height:1.4}
.vs-section[data-vs-variant^="reference-"] .vs-column>.vs-text{margin:0 0 12px;color:#72809a;font-size:14px;line-height:1.7}
.vs-section[data-vs-variant^="reference-"] .vs-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:38px;margin:10px 0 0;padding:8px 16px;border:1px solid #dce5f1;border-radius:999px;background:#f8faff;color:#25344d!important;font-size:13px;font-weight:800;text-decoration:none;box-shadow:none}
.vs-section[data-vs-variant^="reference-"] .vs-button:hover{border-color:#ff6b21;color:#ff6b21!important;filter:none}
.vs-section[data-vs-variant="reference-steps"]>.vs-heading,.vs-section[data-vs-variant="reference-services"]>.vs-heading,.vs-section[data-vs-variant="reference-faq"]>.vs-heading,.vs-section[data-vs-variant="reference-cta"]>.vs-heading{display:inline;max-width:none;margin:0 3px}
.vs-section[data-vs-variant="reference-steps"]>.vs-heading:nth-of-type(2),.vs-section[data-vs-variant="reference-services"]>.vs-heading:nth-of-type(2),.vs-section[data-vs-variant="reference-faq"]>.vs-heading:nth-of-type(2),.vs-section[data-vs-variant="reference-cta"]>.vs-heading:nth-of-type(2){color:#ff681e}
.vs-section[data-vs-variant="reference-steps"]>.vs-text:nth-of-type(2),.vs-section[data-vs-variant="reference-services"]>.vs-text:nth-of-type(2),.vs-section[data-vs-variant="reference-faq"]>.vs-text:nth-of-type(2),.vs-section[data-vs-variant="reference-cta"]>.vs-text:nth-of-type(2){margin-top:7px}

/* 01 — orange and mint journey cards */
.vs-section[data-vs-variant="reference-steps"]>.vs-columns{max-width:1200px;margin:45px auto 0}
.vs-section[data-vs-variant="reference-steps"]>.vs-columns>.vs-column{position:relative;display:flex;flex-direction:column;min-height:330px;padding:36px 30px;text-align:start}
.vs-section[data-vs-variant="reference-steps"]>.vs-columns>.vs-column:not(:last-child):after{content:"‹";position:absolute;top:42%;inset-inline-end:-52px;color:#c6d5e9;font-size:36px;font-weight:300}
.vs-section[data-vs-variant="reference-steps"] .vs-column>.vs-heading:first-child{position:absolute;top:16px;inset-inline-end:24px;color:#edf1f7;font-size:31px;font-weight:900}
.vs-section[data-vs-variant="reference-steps"] .vs-column:before{content:"♙";display:grid;place-items:center;align-self:flex-start;width:62px;height:62px;margin:0 0 28px;border:1px solid #ffb486;border-radius:18px;background:#fff0e5;color:#ff761f;font-size:29px}
.vs-section[data-vs-variant="reference-steps"] .vs-column:nth-child(2):before{content:"▣";border-color:#d5b7ff;background:#f2eaff;color:#aa80f5}
.vs-section[data-vs-variant="reference-steps"] .vs-column:nth-child(3):before{content:"◉";border-color:#9de3c9;background:#e4f8f0;color:#33c798}
.vs-section[data-vs-variant="reference-steps"] .vs-column>.vs-heading:nth-of-type(2){font-size:22px}
.vs-section[data-vs-variant="reference-steps"] .vs-column>.vs-text:last-child{align-self:flex-start;margin:auto 0 0;padding:7px 13px;border:1px solid #a2ebc9;border-radius:999px;background:#e8fff4;color:#00956e;font-size:12px;font-weight:800}
.vs-section[data-vs-variant="reference-steps"] .vs-column>.vs-text:last-child:before{content:"✓ ";font-weight:900}

/* 02 — social platform service catalog */
.vs-section[data-vs-variant="reference-services"]>.vs-columns{max-width:1150px;margin:35px auto 0}
.vs-section[data-vs-variant="reference-services"]>.vs-columns+.vs-columns{margin-top:20px}
.vs-section[data-vs-variant="reference-services"]>.vs-columns>.vs-column{position:relative;display:flex;flex-direction:column;min-height:258px;padding:24px 27px}
.vs-section[data-vs-variant="reference-services"] .vs-column>.vs-heading:first-child{align-self:flex-start;font-family:Arial,sans-serif;font-size:34px;line-height:1;color:#d34488}
.vs-section[data-vs-variant="reference-services"]>.vs-columns:first-of-type>.vs-column:nth-child(2)>.vs-heading:first-child{color:#050505}
.vs-section[data-vs-variant="reference-services"]>.vs-columns:first-of-type>.vs-column:nth-child(3)>.vs-heading:first-child{color:#ff0711}
.vs-section[data-vs-variant="reference-services"]>.vs-columns:last-of-type>.vs-column:nth-child(1)>.vs-heading:first-child{color:#29a4d6}
.vs-section[data-vs-variant="reference-services"]>.vs-columns:last-of-type>.vs-column:nth-child(2)>.vs-heading:first-child{color:#1d9be9}
.vs-section[data-vs-variant="reference-services"]>.vs-columns:last-of-type>.vs-column:nth-child(3)>.vs-heading:first-child{color:#1877f2}
.vs-section[data-vs-variant="reference-services"] .vs-column>.vs-text:first-of-type{position:absolute;top:25px;inset-inline-end:24px;max-width:55%;margin:0;padding:5px 10px;border:1px solid #e0e8f2;border-radius:99px;background:#f7f9fc;color:#53667f;font-size:11px;font-weight:800}
.vs-section[data-vs-variant="reference-services"] .vs-column>.vs-heading:nth-of-type(2){margin-top:12px;font-size:18px}
.vs-section[data-vs-variant="reference-services"] .vs-column>.vs-text:nth-of-type(2){min-height:56px;margin-bottom:35px}
.vs-section[data-vs-variant="reference-services"] .vs-column>.vs-text:last-of-type{position:absolute;bottom:31px;inset-inline-start:27px;margin:0;color:#ff620d;font-size:12px;font-weight:900}
.vs-section[data-vs-variant="reference-services"] .vs-column>.vs-button{align-self:flex-end;margin-top:auto}

/* 03 — three editorial customer cards with a rating summary */
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:first-child{max-width:1130px;margin:0 auto 42px}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:first-child>.vs-column{min-height:0;border:0;background:transparent;box-shadow:none}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:first-child>.vs-column:first-child{padding:18px 0;text-align:start}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:first-child>.vs-column:first-child>.vs-text:first-child{display:inline-flex;width:auto;padding:5px 14px;border:1px solid #e1e9f3;border-radius:99px;background:#fff;color:#ff641d;font-size:12px;font-weight:800}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:first-child>.vs-column:first-child>.vs-heading{max-width:680px;font-size:37px}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:first-child>.vs-column:last-child{justify-self:end;align-self:center;width:min(100%,350px);padding:20px;border:1px solid #dce5f1;border-radius:18px;background:#fff;text-align:center;box-shadow:0 10px 28px #1a3b6510}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:first-child>.vs-column:last-child>.vs-heading{font-size:22px}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:first-child>.vs-column:last-child>.vs-heading:after{content:" ★★★★★";color:#ff9b00;font-size:15px;white-space:nowrap}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child{max-width:1150px;margin:auto}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child>.vs-column{min-height:240px}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child .vs-column>.vs-heading:first-child{float:inline-end;color:#ff9b00;font-family:Arial,sans-serif;font-size:16px;letter-spacing:2px}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child .vs-column>.vs-heading:nth-of-type(2){margin-bottom:0;font-size:16px}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child .vs-column>.vs-heading:nth-of-type(2):before{content:"●";display:inline-grid;place-items:center;width:42px;height:42px;margin-inline-end:9px;border:1px solid #ffb387;border-radius:50%;background:#fff1e8;color:#f87a39;vertical-align:middle}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child .vs-column>.vs-text:nth-of-type(2){min-height:85px;margin-top:17px;padding-top:14px;border-top:1px solid #edf0f5;color:#41536e;font-size:14px}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child .vs-column>.vs-text:last-child{margin:0;padding-top:13px;border-top:1px solid #edf0f5;color:#00a777;font-size:12px;font-weight:800}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child .vs-column>.vs-text:last-child:before{content:"✓ ";font-weight:900}

/* 04 — slim numbered accordion */
.vs-section[data-vs-variant="reference-faq"]>.vs-columns{max-width:780px;margin:34px auto 0;counter-reset:faq}
.vs-section[data-vs-variant="reference-faq"]>.vs-columns>.vs-column{position:relative;min-height:62px;padding:19px 24px;counter-increment:faq;box-shadow:0 6px 18px #1a3b6509}
.vs-section[data-vs-variant="reference-faq"]>.vs-columns>.vs-column.is-open{border-color:#ffb28b}
.vs-section[data-vs-variant="reference-faq"]>.vs-columns>.vs-column:before{content:counter(faq,decimal-leading-zero);position:absolute;top:20px;inset-inline-start:24px;color:#ff640c;font-size:14px;font-weight:900}
.vs-section[data-vs-variant="reference-faq"] .vs-column>.vs-heading{position:relative;min-height:24px;margin:0;padding-inline-start:38px;padding-inline-end:35px;cursor:pointer;font-size:16px}
.vs-section[data-vs-variant="reference-faq"] .vs-column>.vs-heading:after{content:"+";position:absolute;top:0;inset-inline-end:0;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ff6b0b;color:#fff;font-family:Arial,sans-serif;font-size:13px}
.vs-section[data-vs-variant="reference-faq"] .vs-column.is-open>.vs-heading:after{content:"−"}
.vs-section[data-vs-variant="reference-faq"] .vs-column>.vs-text{margin:12px 38px 0 0;color:#6f7e96}
.vs-section[data-vs-variant="reference-faq"].is-enhanced .vs-column:not(.is-open)>.vs-text{display:none}

/* 05 — large warm outlined call to action */
.vs-section[data-vs-variant="reference-cta"]{max-width:1100px;margin:45px auto!important;padding-top:68px!important;padding-bottom:58px!important;border:1px solid #ffc7a7;border-radius:29px!important;background-image:radial-gradient(circle at 52% 44%,#fff0e6 0,#fff8f2 40%,#fff 84%)!important;box-shadow:0 24px 45px #ff782018}
.vs-section[data-vs-variant="reference-cta"]>.vs-heading{max-width:940px;font-size:clamp(28px,3vw,39px)}
.vs-section[data-vs-variant="reference-cta"]>.vs-text:not(:first-child){margin-bottom:23px}
.vs-section[data-vs-variant="reference-cta"]>.vs-button{min-width:220px;min-height:51px;margin:0 6px 10px;padding:12px 24px;border-radius:999px}
.vs-section[data-vs-variant="reference-cta"]>.vs-button:first-of-type{border-color:#ff6724;background:linear-gradient(90deg,#ff8424,#ff512d);color:#fff!important;box-shadow:0 10px 20px #ff6b2855}
.vs-section[data-vs-variant="reference-cta"]>.vs-button:last-of-type{background:#f7faff}
.vs-section[data-vs-variant="reference-cta"]>.vs-text:last-child{margin:15px auto 0;color:#33415d;font-size:12px;font-weight:800}

/* 06 — purple two by two category mosaic */
.vs-section[data-vs-variant="reference-categories"]>.vs-columns{max-width:1180px;align-items:stretch;margin:12px auto}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:first-child{grid-column:1/3;grid-row:1/3;align-self:center;padding:0;border:0;background:transparent;box-shadow:none;text-align:center}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:first-child>.vs-heading:first-child{font-size:34px}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:first-child>.vs-heading:nth-child(2){color:#8070d6;font-size:38px}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:first-child>.vs-text{margin:15px auto 20px}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:first-child>.vs-button{border-color:#8574d8;background:#8574d8;color:#fff!important;border-radius:10px;font-size:17px}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:not(:first-child){position:relative;min-height:150px;padding:22px 90px 20px 18px;border:1px solid #e2e2ec;border-radius:14px;background:#fff;text-align:start}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:nth-child(2),.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:nth-child(5){border-color:#8574d8;background:#8574d8}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:not(:first-child)>.vs-heading:first-child{position:absolute;top:31px;inset-inline-start:20px;color:#8574d8;font-family:Arial,sans-serif;font-size:46px;line-height:1}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:nth-child(2)>.vs-heading,.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:nth-child(5)>.vs-heading,.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:nth-child(2)>.vs-text,.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:nth-child(5)>.vs-text{color:#fff}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:not(:first-child)>.vs-heading:nth-of-type(2){font-size:17px}

/* 07 — purple two column FAQ */
.vs-section[data-vs-variant="reference-faq-purple"]{max-width:none;color:#fff}
.vs-section[data-vs-variant="reference-faq-purple"]>.vs-heading{color:#fff}
.vs-section[data-vs-variant="reference-faq-purple"]>.vs-text:not(:first-child){color:#f3efff}
.vs-section[data-vs-variant="reference-faq-purple"]>.vs-columns{max-width:1140px;margin:40px auto 0}
.vs-section[data-vs-variant="reference-faq-purple"]>.vs-columns>.vs-column{min-height:66px;padding:18px;border:1px solid #d5caff;border-radius:13px;background:#ffffff08;box-shadow:none}
.vs-section[data-vs-variant="reference-faq-purple"] .vs-column>.vs-heading{position:relative;min-height:26px;margin:0;padding-inline-end:36px;color:#fff;cursor:pointer;font-size:17px}
.vs-section[data-vs-variant="reference-faq-purple"] .vs-column>.vs-heading:after{content:"⊕";position:absolute;top:-4px;inset-inline-end:0;color:#fff;font-family:Arial,sans-serif;font-size:25px;font-weight:400}
.vs-section[data-vs-variant="reference-faq-purple"] .vs-column.is-open>.vs-heading:after{content:"⊖"}
.vs-section[data-vs-variant="reference-faq-purple"] .vs-column>.vs-text{margin:12px 0 0;color:#f3efff}
.vs-section[data-vs-variant="reference-faq-purple"].is-enhanced .vs-column:not(.is-open)>.vs-text{display:none}

/* 08 — pill tabs and one vivid social platform spotlight */
.vs-section[data-vs-variant="reference-platforms"]>.vs-heading:first-child{max-width:1100px;margin:0 auto 28px;font-size:clamp(32px,4vw,51px)}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns{display:flex;justify-content:center;flex-wrap:wrap;max-width:860px;margin:0 auto 45px;gap:12px!important}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column{flex:0 1 auto;min-width:125px;padding:0;border:0;background:transparent;box-shadow:none}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column>.vs-button{width:100%;min-height:46px;margin:0;border:1px solid #cddaf0;border-radius:99px;background:#fff;color:#153257!important;font-size:15px;font-weight:500}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column>.vs-button:before{content:"◎";margin-inline-end:8px;color:#e35091;font-size:19px}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column:nth-child(2)>.vs-button:before{content:"f";color:#1877f2;font-family:Arial,sans-serif;font-weight:900}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column:nth-child(3)>.vs-button:before{content:"▶";color:#f00}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column:nth-child(4)>.vs-button:before{content:"♪";color:#000}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column:nth-child(5)>.vs-button:before{content:"➤";color:#229ed9}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column.is-active>.vs-button{border-color:#2e8cff;background:#2e8cff;color:#fff!important;box-shadow:0 8px 20px #267aff39}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column.is-active>.vs-button:before{color:#fff}
.vs-section[data-vs-variant="reference-platforms"]>h3.vs-heading{position:relative;max-width:700px;min-height:105px;margin:0 auto;padding:25px 25px 0;padding-inline-start:110px;border-radius:23px 23px 0 0;background:linear-gradient(90deg,#f28c34,#d91d62,#bd1888);color:#fff;text-align:start;font-size:21px}
.vs-section[data-vs-variant="reference-platforms"]>h3.vs-heading:before{content:"◎";position:absolute;top:22px;inset-inline-start:26px;display:grid;place-items:center;width:66px;height:66px;border-radius:18px;background:#ffffff35;color:#fff;font-family:Arial,sans-serif;font-size:43px}
.vs-section[data-vs-variant="reference-platforms"]>.vs-text:last-child{max-width:700px;min-height:48px;margin:0 auto;padding:0 25px 16px;padding-inline-start:110px;border-radius:0 0 23px 23px;background:linear-gradient(90deg,#f28c34,#d91d62,#bd1888);color:#fff;text-align:start;font-size:13px}

/* 09 — connected process cards on a dark blue canvas */
.vs-section[data-vs-variant="reference-steps-dark"]{max-width:none;color:#fff}
.vs-section[data-vs-variant="reference-steps-dark"]>.vs-text:first-child{border-color:#ffffff38;background:#ffffff18;color:#fff}
.vs-section[data-vs-variant="reference-steps-dark"]>.vs-heading{color:#fff;font-size:40px}
.vs-section[data-vs-variant="reference-steps-dark"]>.vs-text:not(:first-child){color:#aebbd5}
.vs-section[data-vs-variant="reference-steps-dark"]>.vs-columns{position:relative;max-width:1050px;margin:58px auto 0}
.vs-section[data-vs-variant="reference-steps-dark"]>.vs-columns:before{content:"";position:absolute;z-index:0;top:50%;right:4%;left:4%;height:2px;background:#3581ff}
.vs-section[data-vs-variant="reference-steps-dark"]>.vs-columns>.vs-column{position:relative;z-index:1;min-height:280px;padding:43px 27px 25px;border:1px solid #ffffff24;border-radius:25px;background:#222c41;box-shadow:none;text-align:center}
.vs-section[data-vs-variant="reference-steps-dark"] .vs-column>.vs-heading:first-child{position:absolute;top:-18px;left:50%;display:grid;place-items:center;width:40px;height:40px;margin:0;border-radius:50%;background:#357cfa;color:#fff;font-family:Arial,sans-serif;font-size:15px;transform:translateX(-50%);box-shadow:0 7px 18px #154caf66}
.vs-section[data-vs-variant="reference-steps-dark"] .vs-column>.vs-heading:nth-of-type(2):before{content:"♙";display:grid;place-items:center;width:80px;height:80px;margin:0 auto 22px;border-radius:50%;background:#ffffff0f;color:#3d83ff;font-size:40px}
.vs-section[data-vs-variant="reference-steps-dark"] .vs-column:nth-child(2)>.vs-heading:nth-of-type(2):before{content:"▣"}
.vs-section[data-vs-variant="reference-steps-dark"] .vs-column:nth-child(3)>.vs-heading:nth-of-type(2):before{content:"➤"}
.vs-section[data-vs-variant="reference-steps-dark"] .vs-column>.vs-heading:nth-of-type(2){color:#fff;font-size:21px}
.vs-section[data-vs-variant="reference-steps-dark"] .vs-column>.vs-text{color:#aebbd5}

/* 10 — four simple testimonial cards */
.vs-section[data-vs-variant="reference-reviews-grid"]>.vs-heading{font-size:clamp(33px,3vw,42px)}
.vs-section[data-vs-variant="reference-reviews-grid"]>.vs-text:first-child{border-color:#d7ddff;color:#4276ff}
.vs-section[data-vs-variant="reference-reviews-grid"]>.vs-columns{max-width:1220px;margin:48px auto 0}
.vs-section[data-vs-variant="reference-reviews-grid"]>.vs-columns>.vs-column{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto minmax(105px,auto) auto auto;align-items:center;column-gap:12px;min-height:250px;text-align:start}
.vs-section[data-vs-variant="reference-reviews-grid"] .vs-column>.vs-heading:first-child{grid-column:1/-1;margin-bottom:14px;color:#ffad12;font-family:Arial,sans-serif;font-size:20px;letter-spacing:2px}
.vs-section[data-vs-variant="reference-reviews-grid"] .vs-column>.vs-text:first-of-type{grid-column:1/-1;align-self:start;margin:0 0 18px;color:#3b4e6b;font-size:13px;line-height:1.8}
.vs-section[data-vs-variant="reference-reviews-grid"] .vs-column>.vs-heading:nth-of-type(2){grid-column:1;grid-row:3/5;display:grid;place-items:center;width:46px;height:46px;margin:0;border-radius:50%;background:#ed7d36;color:#fff;font-family:Arial,sans-serif;font-size:18px}
.vs-section[data-vs-variant="reference-reviews-grid"] .vs-column:nth-child(2)>.vs-heading:nth-of-type(2){background:#306ff2}
.vs-section[data-vs-variant="reference-reviews-grid"] .vs-column:nth-child(3)>.vs-heading:nth-of-type(2){background:#21be92}
.vs-section[data-vs-variant="reference-reviews-grid"] .vs-column:nth-child(4)>.vs-heading:nth-of-type(2){background:#ee65aa}
.vs-section[data-vs-variant="reference-reviews-grid"] .vs-column>.vs-heading:nth-of-type(3){grid-column:2;grid-row:3;margin:0;font-size:14px}
.vs-section[data-vs-variant="reference-reviews-grid"] .vs-column>.vs-text:last-child{grid-column:2;grid-row:4;margin:0;color:#8796ad;font-size:11px}

@media(max-width:980px){
  .vs-section[data-vs-variant="reference-steps"]>.vs-columns{gap:20px!important}
  .vs-section[data-vs-variant="reference-steps"]>.vs-columns>.vs-column:after{display:none}
  .vs-section[data-vs-variant="reference-categories"]>.vs-columns{gap:30px!important}
  .vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:not(:first-child){padding-inline-start:65px}
  .vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:not(:first-child)>.vs-heading:first-child{font-size:32px}
}

/* Existing X2Panel images for the steps and social platforms. */
.vs-section[data-vs-variant="reference-steps"] .vs-column:before{
  content:"";background-image:url("../x2panel-assets/img/scrdes.com_assets_img_add-user.png");background-position:center;background-repeat:no-repeat;background-size:57px 57px
}
.vs-section[data-vs-variant="reference-steps"] .vs-column:first-child:before{border-color:#b6d8ff;background-color:#edf6ff}
.vs-section[data-vs-variant="reference-steps"] .vs-column:nth-child(2):before{
  content:"";background-image:url("../x2panel-assets/img/storage.perfectcdn.com_m06oqf_2f1djk03nnst0j4h.png");background-position:center;background-repeat:no-repeat;background-size:57px 57px
}
.vs-section[data-vs-variant="reference-steps"] .vs-column:nth-child(3):before{
  content:"";background-image:url("../x2panel-assets/img/storage2.perfectcdn.com_1847ba_rkoofw8c4dna09qd.png");background-position:center;background-repeat:no-repeat;background-size:57px 57px
}
.vs-section[data-vs-variant="reference-steps-dark"] .vs-column>.vs-heading:nth-of-type(2):before{
  content:"";background-image:url("../x2panel-assets/img/scrdes.com_assets_img_add-user.png");background-position:center;background-repeat:no-repeat;background-size:62px 62px
}
.vs-section[data-vs-variant="reference-steps-dark"] .vs-column:nth-child(2)>.vs-heading:nth-of-type(2):before{
  content:"";background-image:url("../x2panel-assets/img/storage.perfectcdn.com_m06oqf_2f1djk03nnst0j4h.png")
}
.vs-section[data-vs-variant="reference-steps-dark"] .vs-column:nth-child(3)>.vs-heading:nth-of-type(2):before{
  content:"";background-image:url("../x2panel-assets/img/storage2.perfectcdn.com_1847ba_rkoofw8c4dna09qd.png")
}
.vs-section[data-vs-variant="reference-services"] .vs-column>.vs-heading:first-child{
  width:44px;height:44px;margin-bottom:6px;background-position:center;background-repeat:no-repeat;background-size:contain;font-size:0;line-height:0
}
.vs-section[data-vs-variant="reference-services"]>.vs-columns:first-of-type>.vs-column:nth-child(1)>.vs-heading:first-child{background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_akj2dlg0893li2ic.png")}
.vs-section[data-vs-variant="reference-services"]>.vs-columns:first-of-type>.vs-column:nth-child(2)>.vs-heading:first-child{background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_04u3rorjptffqax9.png")}
.vs-section[data-vs-variant="reference-services"]>.vs-columns:first-of-type>.vs-column:nth-child(3)>.vs-heading:first-child{background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_3hxfpcmr6odceun7.png")}
.vs-section[data-vs-variant="reference-services"]>.vs-columns:last-of-type>.vs-column:nth-child(1)>.vs-heading:first-child{background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_rhacs5djntmcr17b.png")}
.vs-section[data-vs-variant="reference-services"]>.vs-columns:last-of-type>.vs-column:nth-child(2)>.vs-heading:first-child{background-image:url("../x2panel-assets/img/storage2.perfectcdn.com_1847ba_2wtry981b35ymhrg.png")}
.vs-section[data-vs-variant="reference-services"]>.vs-columns:last-of-type>.vs-column:nth-child(3)>.vs-heading:first-child{background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_ni21xuu3n4a6r0if.png")}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column>.vs-button:before{
  content:"";display:inline-block;flex:none;width:23px;height:23px;margin-inline-end:8px;background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_akj2dlg0893li2ic.png");background-position:center;background-repeat:no-repeat;background-size:contain;font-size:0
}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column:nth-child(2)>.vs-button:before{content:"";background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_ni21xuu3n4a6r0if.png")}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column:nth-child(3)>.vs-button:before{content:"";background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_3hxfpcmr6odceun7.png")}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column:nth-child(4)>.vs-button:before{content:"";background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_04u3rorjptffqax9.png")}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column:nth-child(5)>.vs-button:before{content:"";background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_rhacs5djntmcr17b.png")}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column.is-active>.vs-button:before{width:26px;height:26px;margin-block:-2px;border-radius:50%;background-color:#fff;background-size:23px 23px;filter:none}
.vs-section[data-vs-variant="reference-platforms"]>h3.vs-heading:before{
  content:"";background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_akj2dlg0893li2ic.png");background-position:center;background-repeat:no-repeat;background-size:55px 55px
}
.vs-section[data-vs-variant="reference-platforms"][data-vs-platform="facebook"]>h3.vs-heading:before{background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_ni21xuu3n4a6r0if.png")}
.vs-section[data-vs-variant="reference-platforms"][data-vs-platform="youtube"]>h3.vs-heading:before{background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_3hxfpcmr6odceun7.png")}
.vs-section[data-vs-variant="reference-platforms"][data-vs-platform="tiktok"]>h3.vs-heading:before{background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_04u3rorjptffqax9.png")}
.vs-section[data-vs-variant="reference-platforms"][data-vs-platform="telegram"]>h3.vs-heading:before{background-image:url("../x2panel-assets/img/cdn.mypanel.link_si46tw_rhacs5djntmcr17b.png")}
@media(max-width:760px){
  .vs-section[data-vs-variant="reference-platforms"]>h3.vs-heading:before{background-size:36px 36px}
}
@media(max-width:760px){
  .vs-section[data-vs-variant^="reference-"]{padding:24px 16px!important}
  .vs-section[data-vs-variant^="reference-"]>.vs-heading{font-size:30px}
  .vs-section[data-vs-variant^="reference-"]>.vs-columns{grid-template-columns:1fr!important;gap:14px!important}
  .vs-section[data-vs-variant^="reference-"]>.vs-columns>.vs-column{padding:22px}
  .vs-section[data-vs-variant="reference-steps"]>.vs-columns{margin-top:25px}
  .vs-section[data-vs-variant="reference-steps"]>.vs-columns>.vs-column{min-height:260px}
  .vs-section[data-vs-variant="reference-services"]>.vs-columns{margin-top:18px}
  .vs-section[data-vs-variant="reference-services"]>.vs-columns+.vs-columns{margin-top:14px}
  .vs-section[data-vs-variant="reference-reviews"]>.vs-columns:first-child{margin-bottom:12px}
  .vs-section[data-vs-variant="reference-reviews"]>.vs-columns:first-child>.vs-column:last-child{justify-self:stretch;width:100%}
  .vs-section[data-vs-variant="reference-faq"]>.vs-columns{margin-top:18px}
  .vs-section[data-vs-variant="reference-faq"]>.vs-columns>.vs-column{padding:18px}
  .vs-section[data-vs-variant="reference-faq"]>.vs-columns>.vs-column:before{inset-inline-start:18px}
  .vs-section[data-vs-variant="reference-faq"] .vs-column>.vs-heading{font-size:14px}
  .vs-section[data-vs-variant="reference-cta"]{padding-top:42px!important;padding-bottom:36px!important}
  .vs-section[data-vs-variant="reference-cta"]>.vs-button{width:100%;max-width:310px}
  .vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:first-child{grid-column:auto;grid-row:auto;padding:12px 0}
  .vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:not(:first-child){min-height:125px}
  .vs-section[data-vs-variant="reference-platforms"]>.vs-columns{display:flex;gap:8px!important;margin-bottom:24px}
  .vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column{min-width:0;padding:0}
  .vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column>.vs-button{font-size:12px}
  .vs-section[data-vs-variant="reference-platforms"]>h3.vs-heading{padding-inline-start:82px;font-size:18px}
  .vs-section[data-vs-variant="reference-platforms"]>h3.vs-heading:before{width:44px;height:44px;font-size:28px}
  .vs-section[data-vs-variant="reference-platforms"]>.vs-text:last-child{padding-inline-start:82px}
  .vs-section[data-vs-variant="reference-steps-dark"]>.vs-columns:before{display:none}
  .vs-section[data-vs-variant="reference-steps-dark"]>.vs-columns{margin-top:35px;gap:30px!important}
  .vs-section[data-vs-variant="reference-steps-dark"]>.vs-columns>.vs-column{min-height:240px}
}

/* Editable images for the new reference presets; older saved sections keep their original icons. */
.vs-section[data-vs-variant="reference-steps"] .vs-column:has(>.vs-image,>.vs-image-link>.vs-image):before{display:none}
.vs-section[data-vs-variant="reference-steps"] .vs-column>.vs-image,.vs-section[data-vs-variant="reference-steps"] .vs-column>.vs-image-link>.vs-image{display:block;align-self:flex-start;width:72px;height:72px;max-width:72px;margin:0 0 25px;object-fit:contain}
.vs-section[data-vs-variant="reference-services"] .vs-column>.vs-image,.vs-section[data-vs-variant="reference-services"] .vs-column>.vs-image-link>.vs-image{display:block;align-self:flex-start;width:48px;height:48px;max-width:48px;margin:0 0 7px;object-fit:contain}
.vs-section[data-vs-variant="reference-services"] .vs-column:has(>.vs-image,>.vs-image-link>.vs-image)>.vs-heading:first-of-type{margin-top:12px;font-size:18px}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:not(:first-child):has(>.vs-image,>.vs-image-link>.vs-image){padding-inline-start:22px;padding-inline-end:90px}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:not(:first-child)>.vs-image,.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:not(:first-child)>.vs-image-link>.vs-image{position:absolute;top:25px;inset-inline-end:20px;display:block;width:54px;height:54px;max-width:54px;object-fit:contain}
.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:not(:first-child):has(>.vs-image,>.vs-image-link>.vs-image)>.vs-heading:first-of-type{font-size:17px}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column:has(>.vs-image,>.vs-image-link>.vs-image){position:relative}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column>.vs-image,.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column>.vs-image-link>.vs-image{position:absolute;z-index:2;top:9px;inset-inline-start:10px;display:block;width:27px;height:27px;max-width:27px;object-fit:contain;cursor:pointer}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column:has(>.vs-image,>.vs-image-link>.vs-image)>.vs-button{padding-inline-start:43px!important}
.vs-section[data-vs-variant="reference-platforms"]>.vs-columns>.vs-column:has(>.vs-image,>.vs-image-link>.vs-image)>.vs-button:before{display:none}
.vs-section[data-vs-variant="reference-platforms"]> .vs-image{position:relative;z-index:2;display:block;width:66px;height:66px;max-width:66px;margin:0 0 -66px;margin-inline-start:max(26px,calc((100% - 700px)/2 + 26px));object-fit:contain;transform:translateY(20px)}
.vs-section[data-vs-variant="reference-platforms"]:has(> .vs-image)>h3.vs-heading:before{display:none}
.vs-section[data-vs-variant="reference-steps-dark"] .vs-column:has(>.vs-image)>.vs-heading:nth-of-type(2):before{display:none}
.vs-section[data-vs-variant="reference-steps-dark"] .vs-column>.vs-image{display:block;width:82px;height:82px;max-width:82px;margin:0 auto 22px;object-fit:contain}
@media(max-width:760px){.vs-section[data-vs-variant="reference-platforms"]> .vs-image{width:50px;height:50px;max-width:50px;margin-bottom:-50px;transform:translateY(26px)}.vs-section[data-vs-variant="reference-categories"]>.vs-columns>.vs-column:not(:first-child):has(>.vs-image){padding-inline-start:22px}}
@media(max-width:900px){.vs-section[data-vs-variant="reference-services"] .vs-column:has(>.vs-image)>.vs-text:first-of-type{position:static;align-self:flex-start;max-width:100%;margin:0 0 6px}.vs-section[data-vs-variant="reference-services"] .vs-column:has(>.vs-image)>.vs-heading:first-of-type{margin-top:6px}}

/* Review avatars are image blocks, so each customer picture opens Element settings. */
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child>.vs-column:has(>.vs-image){position:relative}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child .vs-column>.vs-image{position:absolute;top:24px;inset-inline-start:24px;display:block;width:46px;height:46px;max-width:46px;margin:0;border-radius:50%;object-fit:cover;cursor:pointer}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child .vs-column:has(>.vs-image)>.vs-heading:nth-of-type(2){min-height:22px;margin-inline-start:56px}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child .vs-column:has(>.vs-image)>.vs-heading:nth-of-type(2):before{display:none}
.vs-section[data-vs-variant="reference-reviews"]>.vs-columns:last-child .vs-column:has(>.vs-image)>.vs-text:first-of-type{margin-inline-start:56px}
.vs-section[data-vs-variant="reference-reviews-grid"] .vs-column>.vs-image{grid-column:1;grid-row:3/5;display:block;width:46px;height:46px;max-width:46px;margin:0;border-radius:50%;object-fit:cover;cursor:pointer}
.vs-section[data-vs-variant="reference-reviews-grid"] .vs-column:has(>.vs-image)>.vs-heading:nth-of-type(2){grid-column:2;grid-row:3;display:block;width:auto;height:auto;margin:0;background:none;color:#14203b;font-size:14px;text-align:start}