/* ==========================================================
   SUPERB DIGITALS v3.1 — Shared Components
   Consolidates the former v2.0/v2.1/v2.2 late patch layers.
   Loaded once after page-specific styles. No version-stack cascade.
   ========================================================== */

/* ---- unified shell and conversion components ---- */

/* --- Eliminate stale parent/Elementor shell fragments site-wide --- */
body.superb-brand-locked :where(.elementor-location-header,.elementor-location-footer,#masthead.site-header,#colophon.site-footer,.ast-primary-header-bar,.ast-above-header-wrap,.ast-below-header-wrap,.site-primary-footer-wrap,.site-below-footer-wrap,.ast-footer-overlay){display:none}
body.superb-brand-locked{padding-bottom:0;margin-bottom:0}
body.superb-brand-locked #brand-loader,
body.superb-brand-locked .brand-loader,
body.superb-brand-locked .loader-rings,
body.superb-brand-locked .loader-text{display:none}
body.superb-brand-locked.loading-active{overflow:auto}

/* --- Site-wide header --- */
:root{--sdh-height:92px}
.sdh-header{z-index:2147482000}
.sdh-header-inner{height:var(--sdh-height)}
.sdh-logo-link.sdh-logo-direct{width:300px;height:76px;display:flex;align-items:center;overflow:hidden;flex:0 0 auto}
.sdh-logo-link.sdh-logo-direct img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:left center;transform:scale(1.08);transform-origin:left center}
.sdh-primary-action{font-size:14px;min-height:50px;padding-inline:21px}
.sdh-primary-action .sd-icon{width:17px;height:17px}

/* --- Full-screen mobile conversion navigation --- */
.sdh-mobile-panel{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;min-height:100vh;z-index:2147483600;background:radial-gradient(circle at 12% 8%,rgba(93,19,175,.42),transparent 31%),radial-gradient(circle at 92% 88%,rgba(255,59,191,.18),transparent 30%),linear-gradient(150deg,#170823 0%,#0f0518 52%,#16091f 100%);transform:translate3d(102%,0,0);visibility:hidden;opacity:1;overflow:hidden;border:0;box-shadow:none;transition:transform .48s cubic-bezier(.22,1,.36,1),visibility .48s}
.sdh-mobile-panel.is-open{transform:translate3d(0,0,0);visibility:visible}
.sdh-mobile-backdrop{display:none}
.sdh-mobile-top{position:relative;z-index:5;height:86px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(13,6,19,.48);backdrop-filter:blur(18px)}
.sdh-mobile-logo{min-width:0;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.sdh-mobile-logo img{width:190px;height:58px;object-fit:contain;object-position:left center;filter:drop-shadow(0 8px 22px rgba(0,0,0,.18))}
.sdh-mobile-logo span{display:none;color:rgba(255,255,255,.58);font-size:10px;font-weight:700;letter-spacing:.06em}
.sdh-mobile-close{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.15);border-radius:15px;background:rgba(255,255,255,.08);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18);cursor:pointer}
.sdh-mobile-close svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sdh-mobile-inner{position:relative;z-index:4;height:calc(100dvh - 86px);overflow-y:auto;overscroll-behavior:contain;padding:16px 16px calc(28px + env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:rgba(255,59,191,.4) transparent}
.sdh-mobile-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 12px}
.sdh-mobile-primary-grid>a{min-width:0;min-height:68px;display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.06);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.sdh-mobile-primary-grid>a:hover{transform:translateY(-2px);border-color:rgba(255,59,191,.34);background:rgba(93,19,175,.18)}
.sdh-mobile-primary-grid>a .sd-icon{width:19px;height:19px;flex:0 0 auto;color:#e6b8ff}
.sdh-mobile-primary-grid strong{font-family:"Raleway",sans-serif;font-size:15px;line-height:1.2}
.sdh-mobile-services-shell{margin:0 0 12px;padding:0;border:0;background:transparent}
.sdh-mobile-services-toggle{width:100%;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(100deg,rgba(93,19,175,.24),rgba(255,59,191,.10));color:#fff;text-align:left;cursor:pointer}
.sdh-mobile-services-toggle span{display:grid;gap:2px}.sdh-mobile-services-toggle small{color:#dfb2fb;font-size:10px;font-weight:850;letter-spacing:.14em}.sdh-mobile-services-toggle strong{font:800 16px "Raleway"}.sdh-mobile-services-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .25s ease}.sdh-mobile-services-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.sdh-mobile-services-list{margin-top:8px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(10,6,15,.62);backdrop-filter:blur(18px)}
.sdh-mobile-services-list[hidden]{display:none}.sdh-mobile-services-list.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;animation:sdhServiceOpen .28s cubic-bezier(.22,1,.36,1)}
.sdh-mobile-services-list>div{min-width:0;display:grid;align-content:start;gap:5px;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.035)}
.sdh-mobile-services-list>div>span{margin-bottom:2px;color:#f2c7ff;font-size:10px;font-weight:850;letter-spacing:.14em}
.sdh-mobile-services-list a{display:block;padding:5px 0;color:rgba(255,255,255,.78);font-size:12px;line-height:1.25;text-decoration:none}
.sdh-mobile-services-list a:hover{color:#fff}.sdh-mobile-all-services{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 12px;border-radius:12px;background:rgba(255,59,191,.10);color:#fff;font-weight:800}.sdh-mobile-all-services .sd-icon{width:16px;height:16px}
@keyframes sdhServiceOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.sdh-mobile-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 12px}
.sdh-mobile-resource-grid>div{min-width:0;display:grid;align-content:start;gap:5px;padding:12px 13px;border:1px solid rgba(255,255,255,.085);border-radius:16px;background:rgba(255,255,255,.035)}
.sdh-mobile-resource-grid>div>span{margin-bottom:2px;color:#cda5e9;font-size:10px;font-weight:850;letter-spacing:.13em}.sdh-mobile-resource-grid a{padding:4px 0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.25}.sdh-mobile-resource-grid a strong{color:#ffd3ef;font-size:11px}
.sdh-mobile-bottom{position:sticky;bottom:-1px;z-index:7;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 0 2px;margin:0;background:linear-gradient(180deg,transparent 0,#0f0518 34%)}
.sdh-mobile-cta,.sdh-mobile-whatsapp{min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:15px;color:#fff;font-size:13px;font-weight:850;text-decoration:none}
.sdh-mobile-cta{background:linear-gradient(105deg,#5d13af,#8b27d0 55%,#ff3bbf);box-shadow:0 14px 32px rgba(93,19,175,.28)}.sdh-mobile-whatsapp{width:54px;border:1px solid rgba(82,217,154,.28);background:rgba(82,217,154,.10)}.sdh-mobile-whatsapp .sd-icon{width:19px;height:19px}.sdh-mobile-whatsapp span{display:none}
html.sdh-menu-open,body.sdh-menu-open{overflow:hidden;overscroll-behavior:none}

/* --- Compact global context/announcement lines --- */
.sd-global-context-line,.sd-context-line,.sdannounce{min-height:36px;margin:0;padding:0;border:0;color:#fff;background:linear-gradient(90deg,#5d13af,#8c24c7 55%,#ff3bbf);box-shadow:inset 0 -1px rgba(255,255,255,.12);overflow:hidden}
.sd-global-context-line>.sd-container,.sd-context-line>.sd-container,.sdannounce>.sdsvc-container{min-height:36px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding-block:0}
.sd-global-context-line strong,.sd-context-line strong,.sdannounce strong{white-space:nowrap;color:#fff;font:850 11px "Raleway",sans-serif;letter-spacing:.08em}
.sd-global-context-line a,.sd-context-line a,.sdannounce a{white-space:nowrap;color:#fff;font-size:11.5px;font-weight:800;text-decoration:none}
.sd-global-context-line [data-sd-context-scroll],.sd-context-line [data-sd-context-scroll],.sdannounce [data-sd-context-scroll]{min-width:0;overflow:hidden;white-space:nowrap;color:rgba(255,255,255,.88);font-size:12px}
[data-sd-context-scroll]>span{display:inline-block;white-space:nowrap}
[data-sd-context-scroll].is-overflowing>span{padding-left:45%;animation:sdContextRun 16s linear infinite}
@keyframes sdContextRun{from{transform:translateX(0)}to{transform:translateX(-100%)}}

/* --- Footer: stronger brand block, two columns on mobile --- */
.sdf-intro{grid-template-columns:340px minmax(320px,1fr) auto;gap:54px}
.sdf-brand-block{display:grid;justify-items:start;gap:9px}.sdf-logo-card{width:330px;min-height:112px;display:flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:24px;background:linear-gradient(145deg,#fff,#f5f0f8);box-shadow:0 20px 55px rgba(0,0,0,.22),inset 0 1px #fff;text-decoration:none}.sdf-logo-card img{display:block;width:100%;height:88px;object-fit:contain}.sdf-tagline{padding-left:4px;color:#e3b6ff;font:750 14px "Raleway",sans-serif;letter-spacing:.04em}.sdf-about-copy h2{font-size:22px}.sdf-links{grid-template-columns:1fr 1.15fr 1fr .9fr}

/* --- Premium FAQ system --- */
.sd-faq-section{position:relative;overflow:hidden}.sd-faq-section:before{content:"";position:absolute;width:430px;height:430px;right:-210px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(93,19,175,.14),transparent 68%);pointer-events:none}.sd-faq-list{display:grid;gap:12px}.sd-faq-item{position:relative;overflow:hidden;border:1px solid rgba(94,72,104,.13);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,247,252,.96));box-shadow:0 14px 34px rgba(48,24,60,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.superb-contact-page .sd-faq-item,.sdintegrations-faq .sd-faq-item{border-color:rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 35px rgba(0,0,0,.08)}.sd-faq-item:hover{transform:translateY(-2px);border-color:rgba(255,59,191,.30);box-shadow:0 20px 45px rgba(93,19,175,.10)}.sd-faq-item button{width:100%;min-height:78px;display:grid;grid-template-columns:44px minmax(0,1fr) 42px;align-items:center;gap:14px;padding:15px 18px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.sd-faq-number{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(93,19,175,.14);border-radius:12px;color:#7a3ca4;background:rgba(93,19,175,.055);font-size:10px;font-weight:850;letter-spacing:.08em}.superb-contact-page .sd-faq-number,.sdintegrations-faq .sd-faq-number{border-color:rgba(255,255,255,.12);color:#efc8ff;background:rgba(255,255,255,.055)}.sd-faq-question{font:800 17px/1.35 "Raleway",sans-serif}.sd-faq-item button>i,.sdhome-faq-item button>i{width:38px;height:38px;display:grid;place-items:center;margin:0;border:1px solid rgba(255,59,191,.20);border-radius:50%;color:#a62bd2;background:rgba(255,59,191,.06);font-style:normal;font-size:20px;line-height:1}.superb-contact-page .sd-faq-item button>i,.sdintegrations-faq .sd-faq-item button>i{color:#ffc9ee;background:rgba(255,59,191,.10)}.sd-faq-answer{padding:0 74px 20px 76px}.sd-faq-answer p{margin:0;font-size:15px;line-height:1.78}.sdhome-faq-item{border-radius:22px}.sdhome-faq-item button{grid-template-columns:minmax(0,1fr) 42px;min-height:78px;padding:16px 18px}.sdhome-faq-item button>span{font:800 17px/1.35 "Raleway",sans-serif}.sdhome-faq-item>div{padding:0 72px 20px 18px}.sdhome-faq-item>div p{font-size:15px;line-height:1.78}

/* --- Homepage: photographic first impression + robust mobile containment --- */
.sdhome-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.28;filter:saturate(.78) contrast(1.03)}.sdhome-hero-photo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,5,14,.94) 0%,rgba(9,5,14,.83) 46%,rgba(9,5,14,.76) 100%),linear-gradient(180deg,rgba(93,19,175,.10),rgba(9,5,14,.65));pointer-events:none}.sdhome-flow{z-index:1}.sdhome-hero-grid{z-index:2}.sdhome-platform-shell{display:grid;gap:10px;margin-top:28px}.sdhome-tech{width:100%;overflow:hidden}.sdhome-tech-track{width:max-content;display:flex;gap:0;animation:sdhome-platform-run 42s linear infinite}.sdhome-tech-reverse .sdhome-tech-track{animation-direction:reverse;animation-duration:48s}.sdhome-tech-group{display:flex;align-items:center;gap:10px;padding-right:10px;flex:0 0 auto}.sdhome-tech:hover .sdhome-tech-track{animation-play-state:paused}.sdhome-service-grid>a.sdhome-service{display:flex;flex-direction:column;color:inherit;text-decoration:none;cursor:pointer}.sdhome-service-grid>a.sdhome-service .sdhome-card-link{margin-top:auto;display:inline-flex;align-items:center;gap:7px;color:#f1c7ff;font-size:14px;font-weight:800}.sdhome-service-grid>a.sdhome-service .sdhome-card-link .sd-icon{width:16px;height:16px}.sdhome-service-grid>a.sdhome-service:hover{border-color:rgba(255,59,191,.36);transform:translateY(-4px);box-shadow:0 24px 55px rgba(0,0,0,.18)}

/* --- Contact consultation packages --- */
.sdcontact-consultations{position:relative;z-index:10;padding:82px 0;background:linear-gradient(180deg,#100719,#160922 58%,#0f0617);color:#fff}.sdcontact-consult-head{max-width:850px;margin:0 0 38px}.sdcontact-consult-head>span,.sdcontact-faq-intro>span{color:#ff76cf;font-size:11px;font-weight:850;letter-spacing:.14em}.sdcontact-consult-head h2,.sdcontact-faq-intro h2{margin:10px 0 12px;font:800 clamp(36px,4vw,58px)/1.02 "Raleway",sans-serif;letter-spacing:-.045em}.sdcontact-consult-head p,.sdcontact-faq-intro p{max-width:760px;margin:0;color:rgba(255,255,255,.62);font-size:16px;line-height:1.75}.sdcontact-consult-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sdcontact-consult-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:410px;padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.045);overflow:hidden}.sdcontact-consult-card.is-featured{border-color:rgba(255,59,191,.35);background:linear-gradient(145deg,rgba(93,19,175,.28),rgba(255,59,191,.08));box-shadow:0 25px 60px rgba(93,19,175,.16)}.sdcontact-consult-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:23px;border-radius:15px;color:#f2c7ff;background:rgba(255,255,255,.06)}.sdcontact-consult-icon .sd-icon{width:24px;height:24px}.sdcontact-consult-card>span{color:#e5b5ff;font-size:10px;font-weight:850;letter-spacing:.14em}.sdcontact-consult-card h3{margin:9px 0 10px;font:800 26px/1.08 "Raleway"}.sdcontact-consult-card>p{margin:0 0 20px;color:rgba(255,255,255,.62);font-size:14.5px;line-height:1.7}.sdcontact-consult-card ul{display:grid;gap:9px;margin:0 0 24px;padding:0;list-style:none}.sdcontact-consult-card li{display:flex;gap:8px;color:rgba(255,255,255,.76);font-size:13px}.sdcontact-consult-card li .sd-icon{width:15px;height:15px;flex:0 0 auto;color:#74e5af}.sdcontact-consult-card button{margin-top:auto;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;background:rgba(255,255,255,.06);font-weight:800;cursor:pointer}.sdcontact-consult-card.is-featured button{border:0;background:linear-gradient(105deg,#5d13af,#ff3bbf)}.sdcontact-consult-card button .sd-icon{width:16px;height:16px}.sdcontact-faq{position:relative;z-index:10;padding:88px 0;background:linear-gradient(180deg,#0f0617,#14081d);color:#fff}.sdcontact-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;align-items:start}.sdcontact-faq-intro{position:sticky;top:calc(var(--sdh-height,92px) + 30px)}.sdcontact-faq-intro a{display:inline-flex;margin-top:18px;color:#ffc3eb;font-size:13px;font-weight:800;text-decoration:none}

/* --- Service page context + FAQ compatibility --- */
.sdservice-context{top:var(--sdh-height,92px)}.sdservice-context .sd-container{height:auto}.sdservice-context p{min-width:0}.sdservice-context [data-sd-context-scroll]{display:block;overflow:hidden;white-space:nowrap}.sdservice-faq .sdservice-heading a{font-weight:800}

/* --- General card link affordance --- */
a:is(.sdsvc-directory-grid>a,.sdservice-related-card,.sdhome-tool,.sdhome-work-card){cursor:pointer}

/* --- Responsive hardening --- */
@media(max-width:1180px){.sdh-desktop-nav{gap:13px}.sdh-logo-link.sdh-logo-direct{width:250px}.sdh-primary-action{padding-inline:16px}.sdf-intro{grid-template-columns:300px 1fr}.sdf-social-wrap{grid-column:1/-1;justify-self:start}.sdf-logo-card{width:290px}.sdhome-hero-grid{gap:42px}.sdhome-service-grid>*{min-width:0}}
@media(max-width:1040px){:root{--sdh-height:78px}.sdh-logo-link.sdh-logo-direct{width:230px;height:62px}.sdh-logo-link.sdh-logo-direct img{transform:scale(1.04)}.sdh-mobile-panel{display:block}.sdh-actions .sdh-primary-action,.sdh-actions .sdh-text-action{display:none}}
@media(max-width:850px){.sdhome-hero-grid,.sdhome-problem-grid,.sdhome-auto-grid,.sdhome-split,.sdhome-marketing-top,.sdhome-creative-grid,.sdhome-why-grid,.sdhome-insights-head,.sdhome-faq-grid,.sdcontact-faq-grid{grid-template-columns:1fr}.sdhome-system,.sdhome-console,.sdhome-problem-visual,.sdhome-web-visual,.sdhome-orbit,.sdhome-creative-card{width:100%;max-width:100%;min-width:0}.sdhome-faq-grid{gap:28px}.sdcontact-faq-intro{position:static}.sdcontact-consult-grid{grid-template-columns:1fr}.sdcontact-consult-card{min-height:0}.sdf-intro{grid-template-columns:1fr}.sdf-logo-card{width:min(340px,100%)}.sdf-links{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-global-context-line>.sd-container,.sd-context-line>.sd-container,.sdannounce>.sdsvc-container{grid-template-columns:auto minmax(0,1fr)}.sd-global-context-line a,.sd-context-line a,.sdannounce a{display:none}}
@media(max-width:620px){:root{--sdh-height:74px}.sdh-container{width:min(calc(100% - 26px),1320px)}.sdh-logo-link.sdh-logo-direct{width:190px;height:56px}.sdh-menu-button{width:46px;height:46px}.sdh-mobile-top{height:78px;padding-inline:14px}.sdh-mobile-logo img{width:175px;height:54px}.sdh-mobile-inner{height:calc(100dvh - 78px);padding:12px 13px calc(22px + env(safe-area-inset-bottom))}.sdh-mobile-primary-grid>a{min-height:62px;padding:10px 11px}.sdh-mobile-primary-grid strong{font-size:14px}.sdh-mobile-services-list{padding:9px}.sdh-mobile-services-list>div{padding:9px}.sdh-mobile-services-list a{font-size:11.5px}.sdh-mobile-resource-grid>div{padding:10px 11px}.sdh-mobile-resource-grid a{font-size:11.5px}.sd-global-context-line,.sd-context-line,.sdannounce{min-height:34px}.sd-global-context-line>.sd-container,.sd-context-line>.sd-container,.sdannounce>.sdsvc-container{min-height:34px;gap:7px}.sd-global-context-line strong,.sd-context-line strong,.sdannounce strong{font-size:10px}.sd-global-context-line [data-sd-context-scroll],.sd-context-line [data-sd-context-scroll],.sdannounce [data-sd-context-scroll]{font-size:11px}.sdf-intro{padding:48px 0 38px}.sdf-logo-card{width:270px;min-height:98px;padding:10px 14px}.sdf-logo-card img{height:76px}.sdf-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.sdf-links h2{font-size:16px}.sdf-links a{font-size:13.5px}.sdf-bottom{font-size:12px}.sdhome{overflow-x:hidden}.sdhome-hero{min-height:auto;padding:calc(var(--sdh-height,74px) + 50px) 0 72px}.sdhome-hero-grid{gap:34px}.sdhome-hero-copy h1{font-size:clamp(48px,13.5vw,66px);line-height:.95}.sdhome-hero-copy>p{font-size:15.5px}.sdhome-system{min-height:430px;border-radius:22px;overflow:hidden}.sdhome-system-head{height:52px;padding-inline:14px;font-size:9px}.sdhome-system-stage{height:378px;overflow:hidden}.sdhome-core{width:112px;height:112px;top:47%}.sdhome-core:before{inset:-18px}.sdhome-core:after{inset:-34px}.sdhome-core strong{font-size:17px}.sdhome-node{padding:8px 9px;font-size:9px;border-radius:10px}.sdhome-node-web{left:5%;top:10%}.sdhome-node-lead{right:5%;top:10%}.sdhome-node-ai{left:3%;top:43%}.sdhome-node-crm{right:3%;top:43%}.sdhome-node-auto{left:6%;bottom:15%}.sdhome-node-sales{right:6%;bottom:15%}.sdhome-node-analytics{display:none}.sdhome-connectors{display:none}.sdhome-event{bottom:9px;min-width:0;width:calc(100% - 26px);max-width:260px}.sdhome-platform-shell{margin-inline:-14px}.sdhome-tech{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.sdhome-tech span{min-height:40px;padding-inline:13px;font-size:12px}.sdhome-tech-track{animation-duration:34s}.sdhome-tech-reverse .sdhome-tech-track{animation-duration:39s}.sdhome-service{min-height:275px;padding:25px}.sdhome-service h3{font-size:25px}.sdhome-problem-visual,.sdhome-web-visual{min-height:410px}.sdhome-orbit{min-height:420px;transform:scale(.78);transform-origin:center center;margin:-45px 0}.sdhome-console{overflow:hidden}.sdhome-auto-row{grid-template-columns:28px minmax(0,1fr) auto;gap:8px}.sdhome-auto-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-faq-item button{grid-template-columns:38px minmax(0,1fr) 36px;gap:10px;padding:13px;min-height:70px}.sd-faq-number{width:34px;height:34px}.sd-faq-question{font-size:15px}.sd-faq-answer{padding:0 14px 18px 61px}.sdhome-faq-item button{grid-template-columns:minmax(0,1fr) 36px}.sdhome-faq-item button>span{font-size:15px}.sdhome-faq-item>div{padding:0 48px 18px 13px}.sdcontact-consultations,.sdcontact-faq{padding:68px 0}.sdcontact-consult-card{padding:22px}.sdcontact-consult-card h3{font-size:24px}}
@media(max-width:390px){.sdh-logo-link.sdh-logo-direct{width:172px}.sdh-mobile-logo img{width:160px}.sdh-mobile-primary-grid,.sdh-mobile-services-list.is-open,.sdh-mobile-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sdf-logo-card{width:250px}.sdf-links{gap:26px 14px}.sdhome-hero-copy h1{font-size:46px}.sdhome-node{font-size:8.5px}}
@media(prefers-reduced-motion:reduce){.sdh-mobile-panel,.sdh-mobile-services-list,.sdhome-tech-track,[data-sd-context-scroll].is-overflowing>span{animation:none;transition:none}.sdhome-tech-track{width:auto;flex-wrap:wrap}.sdhome-tech-group[aria-hidden="true"]{display:none}}
.sdservices{padding-top:var(--sdh-height,92px)}.sdservices>.sdannounce{position:relative;z-index:20}

/* --- Global fallback page shell: guarantees the current header/footer everywhere --- */
.sdgeneric-page{min-height:70vh;background:#fff;color:#24182c;padding-top:var(--sdh-height,92px)}
.sdgeneric-page-elementor{padding-top:var(--sdh-height,92px)}
.sdgeneric-hero{position:relative;overflow:hidden;padding:90px 0 68px;color:#fff;background:radial-gradient(circle at 75% 20%,rgba(255,59,191,.18),transparent 28%),radial-gradient(circle at 15% 30%,rgba(93,19,175,.28),transparent 30%),linear-gradient(135deg,#1a0a2e,#0f0518)}
.sdgeneric-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}
.sdgeneric-hero .sd-container{position:relative;z-index:1}.sdgeneric-eyebrow{display:inline-flex;margin-bottom:12px;color:#ff9cdb;font:850 11px/1.2 "Montserrat",sans-serif;letter-spacing:.16em}.sdgeneric-hero h1{max-width:980px;margin:0;color:#fff;font:800 clamp(42px,6vw,76px)/.98 "Raleway",sans-serif;letter-spacing:-.045em}
.sdgeneric-content{padding-top:66px;padding-bottom:90px;font-size:17px;line-height:1.82}.sdgeneric-content :where(h2,h3,h4){font-family:"Raleway",sans-serif;color:#1a0a2e}.sdgeneric-content h2{margin:54px 0 18px;font-size:clamp(30px,4vw,46px);line-height:1.06}.sdgeneric-content h3{margin:38px 0 14px;font-size:27px}.sdgeneric-content a{color:#5d13af;text-underline-offset:3px}.sdgeneric-content img{height:auto;border-radius:18px}.sdgeneric-content blockquote{margin:34px 0;padding:22px 26px;border-left:4px solid #ff3bbf;border-radius:0 16px 16px 0;background:#faf7fd;color:#43364b}
@media(max-width:620px){.sdgeneric-page,.sdgeneric-page-elementor{padding-top:var(--sdh-height,74px)}.sdgeneric-hero{padding:64px 0 50px}.sdgeneric-hero h1{font-size:43px}.sdgeneric-content{padding-top:46px;padding-bottom:70px;font-size:16px}}


/* ---- product, tools and conversion refinements ---- */
/* ==========================================================
   SUPERB DIGITALS v2.1 — Product, Tools & Conversion Refinement
   Focused late layer. Keeps the v2.0 visual system while fixing
   header/off-canvas, homepage, FAQ and tool application issues.
   ========================================================== */

/* --- Global shell: never allow parent/Elementor headers or footers to reappear --- */
body.superb-brand-locked :where(.elementor-location-header,.elementor-location-footer,#masthead.site-header,#colophon.site-footer,.ast-primary-header-bar,.ast-above-header-wrap,.ast-below-header-wrap,.site-primary-footer-wrap,.site-below-footer-wrap,.ast-footer-overlay,.ast-scroll-top-icon,.ast-scroll-to-top-right,.ast-scroll-to-top-left){display:none}

/* --- Header logo + nonfunctional auth affordance --- */
.sdh-logo-link.sdh-logo-direct{width:270px;height:72px;display:flex;align-items:center;overflow:hidden;flex:0 0 auto}
.sdh-logo-link.sdh-logo-direct img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;transform:none}
.sdh-auth-action{min-height:46px;padding:0 14px;border:1px solid rgba(93,19,175,.20);border-radius:999px;color:#4e3c58;background:#faf7fc;font-size:13px;font-weight:800;white-space:nowrap;cursor:default;box-shadow:inset 0 1px #fff;transition:border-color .2s ease,background .2s ease,color .2s ease}
.sdh-auth-action:hover,.sdh-auth-action:focus-visible{border-color:rgba(93,19,175,.38);background:#f4ecf9;color:#5d13af;outline:none}

/* --- Mobile nav v2.1: full-screen, readable, services immediately after Home/Work --- */
@media(max-width:1180px){
  :root{--sdh-height:78px}
  .sdh-desktop-nav{display:none}
  .sdh-menu-button{display:block}
  .sdh-actions>.sdh-text-action,.sdh-actions>.sdh-auth-action,.sdh-actions>.sdh-primary-action{display:none}
  .sdh-mobile-panel{display:block;width:100vw;max-width:none;height:100dvh;inset:0;z-index:1000002;border-radius:0;color:#fff;background:radial-gradient(circle at 82% 14%,rgba(255,59,191,.16),transparent 27%),radial-gradient(circle at 14% 65%,rgba(93,19,175,.28),transparent 33%),linear-gradient(145deg,#16071f 0%,#0f0518 55%,#1a0a2e 100%);box-shadow:none}
  .sdh-mobile-backdrop{z-index:1000001}
  .sdh-mobile-top{position:relative;z-index:4;height:88px;min-height:88px;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(12,5,18,.48);backdrop-filter:blur(18px)}
  .sdh-mobile-logo{display:flex;align-items:center;gap:12px;min-width:0;color:#fff;text-decoration:none}
  .sdh-mobile-logo img{width:210px;height:60px;object-fit:contain;object-position:left center;filter:drop-shadow(0 7px 16px rgba(0,0,0,.18))}
  .sdh-mobile-logo span{display:none}
  .sdh-mobile-close{flex:0 0 46px;width:46px;height:46px;border:1px solid rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.20)}
  .sdh-mobile-inner{position:relative;z-index:3;height:calc(100dvh - 88px);padding:14px 18px calc(126px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,59,191,.35) transparent}
  .sdh-mobile-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}
  .sdh-mobile-primary-grid>a{min-height:60px;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.09);border-radius:16px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.04),0 13px 30px rgba(0,0,0,.10);text-decoration:none}
  .sdh-mobile-primary-grid>a:hover,.sdh-mobile-primary-grid>a:focus-visible{border-color:rgba(255,59,191,.35);background:linear-gradient(145deg,rgba(93,19,175,.26),rgba(255,59,191,.08));outline:none}
  .sdh-mobile-primary-grid .sd-icon{width:18px;height:18px;color:#ff8bd2;stroke-width:1.8}
  .sdh-mobile-primary-grid strong{font:750 14px/1.25 "Raleway",sans-serif}
  .sdh-mobile-services-shell,.sdh-mobile-resources-shell{margin:0 0 12px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.055),0 18px 40px rgba(0,0,0,.13);overflow:hidden}
  .sdh-mobile-services-toggle{width:100%;min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 15px;border:0;color:#fff;background:transparent;text-align:left;cursor:pointer}
  .sdh-mobile-services-toggle>span{display:grid;gap:3px}.sdh-mobile-services-toggle small,.sdh-mobile-resources-head span{color:#ff8bd2;font-size:9.5px;font-weight:900;letter-spacing:.15em}.sdh-mobile-services-toggle strong,.sdh-mobile-resources-head strong{color:#fff;font:800 16px/1.25 "Raleway",sans-serif}.sdh-mobile-services-toggle svg{width:19px;height:19px;fill:none;stroke:#e6c8f7;stroke-width:2;transition:transform .2s ease}.sdh-mobile-services-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
  .sdh-mobile-services-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 10px 11px;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .22s ease,padding .3s ease}
  .sdh-mobile-services-list[hidden]{display:none}.sdh-mobile-services-list:not([hidden]){max-height:1000px;opacity:1}
  .sdh-mobile-services-list>div{padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(7,3,11,.20)}
  .sdh-mobile-services-list>div>span{display:block;margin-bottom:6px;color:#df8eff;font-size:9px;font-weight:900;letter-spacing:.14em}.sdh-mobile-services-list a{display:block;padding:5px 0;color:rgba(255,255,255,.84);font-size:11.5px;font-weight:650;line-height:1.3;text-decoration:none}.sdh-mobile-services-list a:hover{color:#fff}.sdh-mobile-all-services{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px;border:1px solid rgba(255,59,191,.24);border-radius:12px;color:#fff;background:rgba(255,59,191,.075);font-weight:800}
  .sdh-mobile-resources-shell{padding:13px 14px 14px}.sdh-mobile-resources-head{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:0 2px 10px;border-bottom:1px solid rgba(255,255,255,.07)}.sdh-mobile-resources-head>span,.sdh-mobile-resources-head>strong{display:block}.sdh-mobile-resources-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:10px}.sdh-mobile-resources-links a{min-height:47px;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:rgba(255,255,255,.84);background:rgba(255,255,255,.025);font-size:11.5px;font-weight:700;text-decoration:none}.sdh-mobile-resources-links .sd-icon{width:16px;height:16px;color:#ff90d7}.sdh-mobile-resources-links a:hover{border-color:rgba(255,59,191,.25);color:#fff}
  .sdh-mobile-bottom{position:fixed;z-index:7;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:8px;padding:11px 18px calc(11px + env(safe-area-inset-bottom));margin:0;border-top:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(15,5,24,.82),#0f0518 35%);backdrop-filter:blur(20px)}
  .sdh-mobile-cta{grid-column:1/-1;min-height:49px;border-radius:14px;background:linear-gradient(105deg,#5d13af,#9729cc 55%,#ff3bbf);box-shadow:0 14px 30px rgba(93,19,175,.25)}
  .sdh-mobile-auth{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;background:rgba(255,255,255,.055);font:750 12.5px/1.2 "Montserrat",sans-serif;cursor:default}.sdh-mobile-auth small{color:#cda8dd;font-size:9px;font-weight:750;white-space:nowrap}
  .sdh-mobile-whatsapp{width:54px;min-height:48px;border-radius:14px}
}

/* --- Homepage hero foreground image (replaces synthetic Growth System widget) --- */
.sdhome-hero-visual{position:relative;z-index:3;align-self:center;justify-self:end;width:min(100%,670px);margin:0;isolation:isolate;filter:drop-shadow(0 30px 38px rgba(5,1,10,.24))}
.sdhome-hero-visual:before{content:"";position:absolute;z-index:-1;width:78%;height:66%;left:13%;top:17%;border-radius:50%;background:radial-gradient(circle,rgba(255,59,191,.22),rgba(93,19,175,.15) 44%,transparent 72%);filter:blur(22px)}
.sdhome-hero-foreground{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 1px rgba(255,255,255,.48)) drop-shadow(0 18px 34px rgba(7,2,12,.25));transform:translateZ(0)}

/* --- Homepage text links become clear secondary buttons where they act as CTAs --- */
.sd-link-button,.sdhome-enter-insights{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;min-height:43px;margin-top:18px;padding:0 16px;border:1px solid rgba(93,19,175,.22);border-radius:999px;color:#5d13af;background:rgba(93,19,175,.025);box-shadow:inset 0 1px #fff;text-decoration:none;font-size:13px;font-weight:800;line-height:1.2;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.sd-link-button:hover,.sdhome-enter-insights:hover{transform:translateY(-2px);border-color:rgba(93,19,175,.42);background:#f7f0fb;box-shadow:0 12px 24px rgba(93,19,175,.08)}
.sdhome-card-link{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin-top:auto;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.035);font-size:12.5px}.sdhome-card-link .sd-icon{width:15px;height:15px}.sdhome-service:hover .sdhome-card-link{border-color:rgba(255,59,191,.34);background:rgba(255,59,191,.08)}

/* --- Turn Visibility Into Demand: two divergent premium columns --- */
.sdhome-growth-areas-v21{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;align-items:stretch;margin:34px 0}
.sdhome-growth-card{min-height:70px;display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.055),0 16px 38px rgba(0,0,0,.13);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.sdhome-growth-card:nth-child(even){transform:translateX(16px)}.sdhome-growth-card:hover{transform:translateY(-3px);border-color:rgba(255,59,191,.30);box-shadow:inset 0 1px rgba(255,255,255,.06),0 20px 44px rgba(0,0,0,.20),0 0 24px rgba(255,59,191,.05)}.sdhome-growth-card:nth-child(even):hover{transform:translate(16px,-3px)}
.sdhome-growth-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.10);border-radius:13px;color:#ff91d5;background:linear-gradient(145deg,rgba(93,19,175,.30),rgba(255,59,191,.10));box-shadow:inset 0 1px rgba(255,255,255,.08)}.sdhome-growth-icon .sd-icon{width:20px;height:20px}.sdhome-growth-card strong{color:#fff;font:750 14.5px/1.35 "Montserrat",sans-serif}

/* --- Homepage FAQ: restore the required 3-column button structure --- */
.sdhome-faq-item button{grid-template-columns:44px minmax(0,1fr) 42px;gap:14px;padding:15px 18px}.sdhome-faq-item button>.sd-faq-number{width:38px;height:38px;display:grid;place-items:center;color:#7a3ca4;font:850 10px/1 "Montserrat",sans-serif;letter-spacing:.08em}.sdhome-faq-item button>.sd-faq-question{font:800 17px/1.35 "Raleway",sans-serif}.sdhome-faq-item>div{padding:0 74px 20px 76px}.sdhome-faq-item>div p{font-size:15px;line-height:1.78}

/* --- Free Tools: real outline buttons instead of bare CTA text --- */
.sdtools-btn-outline{border:1px solid rgba(93,19,175,.26);color:#5d13af;background:transparent;box-shadow:inset 0 1px #fff}.sdtools-btn-outline:hover{border-color:#5d13af;background:#f6effa;transform:translateY(-2px)}
.sdtools-service-bridge .sdtools-btn-outline{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.035)}.sdtools-service-bridge .sdtools-btn-outline:hover{border-color:rgba(255,59,191,.45);background:rgba(255,59,191,.08)}
.sdtools-inline-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:12px;padding:0 14px;border:1px solid rgba(93,19,175,.20);border-radius:999px;color:#5d13af;background:transparent;text-decoration:none;font-size:12.5px;font-weight:800}.sdtools-inline-btn:hover{background:#f7f1fb;border-color:rgba(93,19,175,.38)}

/* --- QR Generator: body class bug + visual repair --- */
body.superb-qr-code-generator-page #my-custom-code{position:relative;isolation:isolate;background:radial-gradient(circle at 78% 8%,rgba(93,19,175,.25),transparent 29%),radial-gradient(circle at 8% 44%,rgba(255,59,191,.08),transparent 28%),linear-gradient(145deg,#12071d,#0f0518 58%,#170823);color:#fff}
body.superb-qr-code-generator-page #my-custom-code .sdtool-context-bar{min-height:36px;display:flex;align-items:center;gap:10px;padding:6px max(18px,calc((100vw - 1320px)/2));color:#fff;background:linear-gradient(90deg,#5d13af 0%,#9225ca 50%,#ff3bbf 100%);border:0;box-shadow:inset 0 -1px rgba(255,255,255,.15),0 5px 24px rgba(93,19,175,.16)}
body.superb-qr-code-generator-page #my-custom-code .sdtool-context-bar strong{color:#fff}.superb-qr-code-generator-page .sdqr-progress{width:min(calc(100% - 32px),1120px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 auto 26px;padding:0}.superb-qr-code-generator-page .sdqr-progress>div{min-width:0;min-height:74px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.12)}.superb-qr-code-generator-page .sdqr-progress>div>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;flex:none;margin:0;border:1px solid rgba(255,59,191,.22);border-radius:12px;color:#fff;background:linear-gradient(145deg,rgba(93,19,175,.65),rgba(255,59,191,.22));font:850 12px/1 "Montserrat",sans-serif;letter-spacing:.05em}.superb-qr-code-generator-page .sdqr-progress strong{align-self:end;color:#fff;font:800 14px/1.25 "Raleway",sans-serif}.superb-qr-code-generator-page .sdqr-progress small{align-self:start;color:rgba(255,255,255,.60);font:600 11px/1.35 "Montserrat",sans-serif}
.superb-qr-code-generator-page .sdqr-builder-shell{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:rgba(5,2,9,.15);box-shadow:0 24px 60px rgba(0,0,0,.12)}.superb-qr-code-generator-page .sdqr-controls>.glass-card,.superb-qr-code-generator-page .sdqr-preview-panel{border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.03));box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 38px rgba(0,0,0,.12)}.superb-qr-code-generator-page .sdqr-type-grid{gap:9px}.superb-qr-code-generator-page .qr-type-btn{min-height:74px;border:1px solid rgba(255,255,255,.19);color:rgba(255,255,255,.84);background:rgba(255,255,255,.075);box-shadow:inset 0 1px rgba(255,255,255,.035);opacity:1}.superb-qr-code-generator-page .qr-type-btn svg{color:#d5b5ec;stroke:currentColor}.superb-qr-code-generator-page .qr-type-btn span{color:inherit;font-weight:750}.superb-qr-code-generator-page .qr-type-btn:hover,.superb-qr-code-generator-page .qr-type-btn:focus-visible{border-color:rgba(255,59,191,.52);color:#fff;background:rgba(93,19,175,.22);outline:none}.superb-qr-code-generator-page .qr-type-btn.active{border-color:rgba(255,114,211,.75);color:#fff;background:linear-gradient(145deg,rgba(93,19,175,.62),rgba(255,59,191,.22));box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 0 1px rgba(255,59,191,.10),0 10px 26px rgba(93,19,175,.18)}.superb-qr-code-generator-page .qr-input-section :is(input,textarea,select),.superb-qr-code-generator-page .sdqr-controls :is(input,textarea,select){min-height:46px;color:#fff;background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.16)}.superb-qr-code-generator-page .qr-input-section :is(input,textarea,select):focus,.superb-qr-code-generator-page .sdqr-controls :is(input,textarea,select):focus{border-color:#ff5bc5;box-shadow:0 0 0 3px rgba(255,59,191,.10)}.superb-qr-code-generator-page #qr-code{max-width:100%;overflow:hidden}.superb-qr-code-generator-page #qr-code :is(canvas,svg){display:block;max-width:100%;height:auto;margin:auto}

/* --- Email Signature: reveal content even if old observer utility fails --- */
body.superb-email-signature-page #my-custom-code{min-height:100vh;background:radial-gradient(circle at 76% 8%,rgba(93,19,175,.24),transparent 29%),linear-gradient(145deg,#12071d,#0f0518 60%,#170823)}
body.superb-email-signature-page #my-custom-code :where(.fade-in,.reveal,.animate-on-scroll){opacity:1;visibility:visible;transform:none}.superb-email-signature-page #generator{min-height:0}.superb-email-signature-page .editor-grid{align-items:start}.superb-email-signature-page .editor-grid>*{min-width:0}.superb-email-signature-page .tab-panel.active{display:block;opacity:1;visibility:visible}.superb-email-signature-page .glass-card{border-color:rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 38px rgba(0,0,0,.12)}.superb-email-signature-page .signature-preview-container{min-height:280px;display:flex;align-items:center;justify-content:center}.superb-email-signature-page #signature-preview{max-width:100%;overflow:auto}.superb-email-signature-page section{visibility:visible}

/* --- Responsive homepage / tools --- */
@media(max-width:850px){
  .sdhome-hero-grid{grid-template-columns:1fr;gap:26px}.sdhome-hero-visual{justify-self:center;width:min(100%,620px);margin-top:0}.sdhome-hero-foreground{max-height:none}.sdhome-growth-card:nth-child(even),.sdhome-growth-card:nth-child(even):hover{transform:none}.sdhome-growth-card:hover{transform:translateY(-2px)}
}
@media(max-width:620px){
  .sdh-logo-link.sdh-logo-direct{width:205px;height:58px}.sdh-mobile-top{height:78px;min-height:78px;padding:10px 13px}.sdh-mobile-logo img{width:185px;height:54px}.sdh-mobile-inner{height:calc(100dvh - 78px);padding:11px 13px calc(125px + env(safe-area-inset-bottom))}.sdh-mobile-bottom{padding-inline:13px}.sdh-mobile-services-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sdh-mobile-services-list>div{padding:8px}.sdh-mobile-services-list a{font-size:11px}.sdh-mobile-resources-links{grid-template-columns:repeat(2,minmax(0,1fr))}.sdhome-hero{padding-bottom:54px}.sdhome-hero-copy h1{font-size:clamp(43px,12.5vw,58px)}.sdhome-hero-visual{width:min(108%,480px);margin-inline:-4%}.sdhome-growth-areas-v21{grid-template-columns:1fr;gap:10px}.sdhome-growth-card{min-height:62px;padding:10px 12px}.sdhome-growth-icon{width:38px;height:38px}.sdhome-faq-item button{grid-template-columns:36px minmax(0,1fr) 34px;gap:9px;padding:12px}.sdhome-faq-item button>.sd-faq-number{width:34px;height:34px}.sdhome-faq-item button>.sd-faq-question{font-size:15px}.sdhome-faq-item>div{padding:0 13px 18px 57px}.superb-qr-code-generator-page .sdqr-progress{grid-template-columns:1fr;width:min(calc(100% - 24px),1120px);gap:8px}.superb-qr-code-generator-page .sdqr-progress>div{min-height:64px}.superb-qr-code-generator-page .sdqr-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.superb-qr-code-generator-page .sdqr-builder-shell{padding:10px;border-radius:20px}.sd-link-button{white-space:normal;text-align:center}
}

@media(prefers-reduced-motion:reduce){.sdh-mobile-services-list,.sdhome-growth-card,.sd-link-button{transition:none}}


/* ---- universal mobile parity refinements ---- */

/* 1) Never allow the retired synthetic hero system to render. */
.superb-custom-homepage .sdhome-system,
.superb-custom-homepage [data-growth-system]{display:none}

/* 2) Viewport-safe desktop mega menu. */
.sdh-mega-menu{
  max-height:calc(100dvh - var(--sdh-height,94px) - 20px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(93,19,175,.45) transparent;
}
.sdh-mega-menu::-webkit-scrollbar{width:8px}.sdh-mega-menu::-webkit-scrollbar-thumb{background:rgba(93,19,175,.32);border-radius:99px}.sdh-mega-menu::-webkit-scrollbar-track{background:transparent}

/* 3) Mobile/off-canvas remains a true viewport canvas. */
@media(max-width:1180px){
  .sdh-mobile-panel{height:100dvh;max-height:100dvh;overflow:hidden;box-sizing:border-box}
  .sdh-mobile-inner{height:calc(100dvh - 88px);max-height:calc(100dvh - 88px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-padding-bottom:150px}

  /* Real brand logo on an intentionally light brand plate. */
  .sdh-mobile-logo{
    width:min(72vw,270px);
    min-height:58px;
    padding:7px 11px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:16px;
    background:linear-gradient(145deg,#fff,#faf7fc);
    box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 0 1px rgba(255,59,191,.07);
  }
  .sdh-mobile-logo img{width:100%;height:48px;object-fit:contain;object-position:left center;filter:none}

  /* Services is the dominant navigation module immediately after Home/Work. */
  .sdh-mobile-services-shell{
    position:relative;
    border-color:rgba(255,84,198,.34);
    background:radial-gradient(circle at 90% 0,rgba(255,59,191,.15),transparent 34%),linear-gradient(145deg,rgba(93,19,175,.26),rgba(255,255,255,.035));
    box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.20),0 0 30px rgba(93,19,175,.10);
  }
  .sdh-mobile-services-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.06),transparent 30%,rgba(255,59,191,.05));}
  .sdh-mobile-services-toggle{position:relative;z-index:1;min-height:70px;padding:12px 16px}
  .sdh-mobile-services-toggle small{color:#ff9bd9}.sdh-mobile-services-toggle strong{font-size:17px}
  .sdh-mobile-services-list{position:relative;z-index:1;max-height:0;overflow:hidden}
  .sdh-mobile-services-list:not([hidden]){max-height:min(58dvh,570px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,59,191,.30) transparent}

  /* Resources mirrors the services module width but intentionally has no links yet. */
  .sdh-mobile-resources-shell{width:100%;padding:14px}
  .sdh-mobile-resources-links.sdh-mobile-resources-coming{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .sdh-mobile-resource-item{min-height:58px;display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:13px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.04)}
  .sdh-mobile-resource-item>.sd-icon{width:18px;height:18px;flex:0 0 auto;color:#ff93d8;stroke-width:1.8}
  .sdh-mobile-resource-item>span{min-width:0;display:grid;gap:2px}.sdh-mobile-resource-item strong{color:#fff;font:750 12px/1.2 "Montserrat",sans-serif;letter-spacing:0}.sdh-mobile-resource-item em{color:rgba(255,255,255,.48);font-size:9px;font-style:normal;font-weight:650}
  .sdh-mobile-resource-wide{grid-column:1/-1;justify-content:center;text-align:center;background:linear-gradient(110deg,rgba(93,19,175,.20),rgba(255,59,191,.08))}

  /* Mobile parity: standalone homepage text CTAs stay real outline buttons. */
  .superb-custom-homepage .sd-link-button,
  .superb-custom-homepage .sdhome-enter-insights{
    display:inline-flex;
    width:100%;
    min-height:48px;
    margin-top:16px;
    padding:0 16px;
    border:1px solid rgba(93,19,175,.38);
    border-radius:999px;
    color:#5d13af;
    background:#fff;
    box-shadow:0 10px 26px rgba(71,38,88,.07),inset 0 1px rgba(255,255,255,.9);
    font-size:13px;
    font-weight:800;
    text-align:center;
    justify-content:center;
  }
  .superb-custom-homepage .sd-section-dark .sd-link-button,
  .superb-custom-homepage .sd-section-dark .sdhome-enter-insights{
    color:#fff;
    border-color:rgba(255,255,255,.22);
    background:rgba(255,255,255,.05);
    box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 30px rgba(0,0,0,.14);
  }

  /* TURN VISIBILITY INTO DEMAND: retain the requested two-column divergent composition on mobile. */
  .sdhome-growth-areas-v21{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0;background:transparent;border:0}
  .sdhome-growth-areas-v21 .sdhome-growth-card{min-height:86px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.06),0 15px 34px rgba(0,0,0,.18)}
  .sdhome-growth-areas-v21 .sdhome-growth-card:nth-child(even){transform:translateY(11px)}
  .sdhome-growth-areas-v21 .sdhome-growth-icon{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#ff9ada;background:linear-gradient(145deg,rgba(93,19,175,.38),rgba(255,59,191,.13));box-shadow:0 8px 22px rgba(93,19,175,.15),inset 0 1px rgba(255,255,255,.08)}
  .sdhome-growth-areas-v21 .sdhome-growth-icon .sd-icon{display:block;width:20px;height:20px;max-width:none;fill:none;stroke:currentColor;stroke-width:1.9}
  .sdhome-growth-areas-v21 .sdhome-growth-card strong{font-size:12.5px;line-height:1.3}
}

@media(max-width:520px){
  .sdh-mobile-top{height:78px;min-height:78px}.sdh-mobile-inner{height:calc(100dvh - 78px);max-height:calc(100dvh - 78px)}
  .sdh-mobile-logo{width:min(70vw,230px);min-height:54px;padding:6px 9px}.sdh-mobile-logo img{height:42px}
  .sdhome-growth-areas-v21 .sdhome-growth-card{min-height:92px;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}.sdhome-growth-areas-v21 .sdhome-growth-card strong{font-size:11.5px}
}
@media(max-width:350px){.sdhome-growth-areas-v21{grid-template-columns:1fr}.sdhome-growth-areas-v21 .sdhome-growth-card:nth-child(even){transform:none}}

@media(prefers-reduced-motion:reduce){.sdh-mobile-services-list,.sdhome-growth-areas-v21 .sdhome-growth-card{transition:none}}