.sp-demo .sv-visual { position:relative; width:100%; aspect-ratio:3/2; container-type:inline-size; user-select:none; pointer-events:none; }
.sp-demo .sv-visual img { display:block; width:100%; height:100%; max-width:none; object-fit:contain; mask-image:var(--sv-mask); mask-mode:luminance; mask-size:100% 100%; mask-repeat:no-repeat; }
.sp-demo .sv-visual[data-kind=web] { --sv-mask:url('https://new.secteurweb.com/wp-content/themes/hub-child/images/service-web-mask-lite.png?v=7c4e6508cb6d'); }
.sp-demo .sv-visual[data-kind=ads] { --sv-mask:url('https://new.secteurweb.com/wp-content/themes/hub-child/images/service-ads-mask-lite.png?v=079d9d65199f'); }
.sp-demo .sv-visual[data-kind=seo] { --sv-mask:url('https://new.secteurweb.com/wp-content/themes/hub-child/images/service-seo-mask-lite.png?v=e6005e27b5a0'); }
.sp-demo .sv-visual[data-kind=social] { --sv-mask:url('https://new.secteurweb.com/wp-content/themes/hub-child/images/service-social-mask-lite.png?v=d472354cf7bc'); }
.sp-demo .sv-visual[data-kind=ai] { --sv-mask:url('https://new.secteurweb.com/wp-content/themes/hub-child/images/service-ai-mask-lite.png?v=e0079d135c8a'); }
.sp-demo .sv-visual[data-kind=software] { --sv-mask:url('https://new.secteurweb.com/wp-content/themes/hub-child/images/service-software-mask-lite.png?v=85c829707b11'); }
.sp-demo .sv-visual[data-kind=ads]>img { clip-path:inset(0 0 48% 0); }
.sp-demo .sv-ad-base { position:absolute; left:7%; bottom:3%; width:86%; aspect-ratio:900/177; overflow:hidden; }
.sp-demo .sv-ad-base img { position:absolute; width:170.6667%; height:578.5311%; left:-35.3333%; top:-282.4859%; object-fit:fill; }
.sp-demo .sv-ad { position:absolute; left:12%; top:55%; width:76%; padding:2.7cqw 3cqw; border:1px solid #e0e7e4; border-radius:2cqw; background:linear-gradient(145deg,#fff,#f8faf9); box-shadow:0 1.2cqw 1.8cqw #173e3520; color:#111918; font-family:Arial,sans-serif; text-align:left; line-height:1.25; }
.sp-demo .sv-ad span,.sv-ad strong { display:block; }
.sp-demo .sv-ad-sponsor { margin-bottom:1.3cqw; font-size:2.8cqw; font-weight:600; }
.sp-demo .sv-ad strong { font-size:3.3cqw; font-weight:600; color:#0d177b; }
.sp-demo .sv-ad-url { margin-top:.7cqw; font-size:2.8cqw; color:#016f66; }
.sp-demo .sv-ad-copy { margin-top:1cqw; font-size:2.7cqw; }
.sp-demo .sv-search { position:absolute; top:5%; left:15.4%; width:38%; height:10.7%; display:flex; align-items:center; justify-content:space-between; padding:0 2cqw; border:1px solid #e5e9e7; border-radius:3cqw; background:linear-gradient(#fff,#f4f6f5); color:#111; font:500 3.5cqw Arial,sans-serif; white-space:nowrap; }
.sp-demo .sv-search svg { width:4.3cqw; height:4.3cqw; margin-left:1cqw; stroke:currentColor; stroke-width:2; }
.sp-demo .sv-rank { position:absolute; top:20%; left:75%; color:#fff; font:700 4.4cqw Arial,sans-serif; transform:rotate(3deg); }

/* Generated by scripts/orbit-visuals.mjs. Edit the generator or the shared source. */
/* The parent RAF owns finite reveals and live accents; no CSS timer runs offscreen. */
.sp-demo .mc-visual { overflow:visible; transform-style:preserve-3d; --mc-live:clamp(0,var(--mc-alive,0),1); --mc-cycle-edge:var(--mc-wave-a,0); }
.sp-demo .mc-visual-content { position:absolute; inset:0; transform-style:preserve-3d; }
.sp-demo .mc-visual .mc-photo,.sp-demo .mc-layer { position:absolute; inset:0; width:100%; height:100%; }
.sp-demo .mc-layer { transform-origin:50% 50%; }
.sp-demo .mc-layer>img { position:absolute; inset:0; width:100%; height:100%; clip-path:var(--mc-clip,none); }
.sp-demo .mc-proof { position:absolute; color:#073e37; background:#eefffaed; border:1px solid #a6e6d6; border-radius:9cqw; padding:1.7cqw 2.9cqw; font:500 2.5cqw Inter,Arial,sans-serif; white-space:nowrap; box-shadow:0 1cqw 4cqw #016f661a; }
.sp-demo .mc-proof i { display:inline-block; width:1.1cqw; height:1.1cqw; margin-right:1.1cqw; border-radius:50%; background:#04a887; box-shadow:0 0 1.5cqw #26f0bb88; }
/* The source phone remains underneath; the foreground copy only grows, so no cutout hole is exposed. */
.sp-demo .mc-web-phone { --mc-clip:polygon(77.9% 28.4%,89.1% 28.4%,91.3% 31.4%,91.5% 74.6%,90.1% 77.8%,78.4% 77.8%,76.3% 75%,76.3% 32%); transform:scale(calc(1 + .018 * var(--mc-demo,1) + .007 * var(--mc-idle,0) + .026 * var(--mc-live) * var(--mc-wave-a,0))); transform-origin:84% 53%; }
.sp-demo .mc-web-product-cover { --mc-r:clamp(0,calc((var(--mc-demo,1) - var(--mc-delay)) * 3.5),1); position:absolute; top:47.7%; width:11.1%; height:10.8%; background:linear-gradient(140deg,#f1f2f0,#e8edea); border-radius:1.1cqw; opacity:calc(1 - var(--mc-r)); transform:scaleY(calc(1 - var(--mc-r))); transform-origin:50% 0; }
.sp-demo .mc-web-product-0 { left:23.3%; --mc-delay:.06; }
.sp-demo .mc-web-product-1 { left:35.4%; --mc-delay:.18; }
.sp-demo .mc-web-product-2 { left:47.3%; --mc-delay:.3; }
.sp-demo .mc-web-product-3 { left:59%; --mc-delay:.42; }
.sp-demo .mc-web-scan { position:absolute; left:22.4%; top:calc(20% + 38% * var(--mc-demo,1)); width:53.4%; height:.22%; background:#8ffbe0; box-shadow:0 0 2cqw .4cqw #81f8d870; opacity:clamp(0,calc(1 - max(calc(var(--mc-demo,1) - .42),calc(.42 - var(--mc-demo,1))) * 3),.8); }
.sp-demo .mc-web-live-scan { position:absolute; left:22.4%; top:calc(20% + 38% * var(--mc-loop,0)); width:53.4%; height:.32%; background:linear-gradient(90deg,transparent,#bcfff0 18%,#4ef7c9 80%,transparent); box-shadow:0 0 2cqw .25cqw #51efc966; opacity:calc(.8 * var(--mc-live) * var(--mc-cycle-edge)); }
.sp-demo .mc-web-proof { left:26%; bottom:0; opacity:clamp(0,calc((var(--mc-demo,1) - .66) * 5),1); transform:translateY(calc((1 - var(--mc-demo,1)) * 3cqw)); }
/* The Google Ads sculpture keeps its original colour pixels; only its own layer lifts. */
.sp-demo .mc-ads-logo { --mc-clip:polygon(32.7% 5%,68.5% 5%,68.5% 52.2%,32.7% 52.2%); transform:translate3d(0,calc(-1.2cqw * var(--mc-idle,0) - .5cqw * var(--mc-demo,1) - 1.7cqw * var(--mc-live) * var(--mc-wave-a,0)),1px) rotate(calc(.6deg * var(--mc-live) * (var(--mc-wave-b,.5) - .5))); }
.sp-demo .mc-ad { overflow:hidden; transform:translateY(calc((1 - var(--mc-demo,1)) * 2.5cqw)); }
.sp-demo .mc-ad::after { content:""; position:absolute; inset:-20% 0; pointer-events:none; background:linear-gradient(112deg,transparent 33%,#64e8c42e 48%,#c7fff130 51%,transparent 67%); transform:translateX(calc(-150% + 300% * var(--mc-loop,0))); opacity:calc(var(--mc-live) * var(--mc-cycle-edge)); }
.sp-demo .mc-ad-row { --mc-r:clamp(0,calc((var(--mc-demo,1) - var(--mc-delay)) * 3.8),1); opacity:var(--mc-r); clip-path:inset(0 calc((1 - var(--mc-r)) * 100%) 0 0); transform:translateY(calc((1 - var(--mc-r)) * 1.4cqw)); }
.sp-demo .mc-ad-row-0 { --mc-delay:0; }
.sp-demo .mc-ad-row-1 { --mc-delay:.15; }
.sp-demo .mc-ad-row-2 { --mc-delay:.3; }
.sp-demo .mc-ad-row-3 { --mc-delay:.45; }
.sp-demo .mc-ad-shine { position:absolute; inset:0; background:linear-gradient(110deg,transparent 40%,#98ffe73b 49%,transparent 58%); transform:translateX(calc(-125% + 250% * var(--mc-demo,1))); }
/* Remove the result regions once, then reuse exactly the same regions as three separate layers. */
.sp-demo .mc-seo-base { clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,14% 17%,14% 73%,44.65% 73%,44.65% 65.6%,51.5% 65.6%,51.5% 57.5%,54% 57.5%,54% 17%,14% 17%); }
.sp-demo .mc-seo-result { --mc-r:clamp(0,calc((var(--mc-demo,1) - var(--mc-delay)) * 3.5),1); opacity:calc(.3 + .7 * var(--mc-r)); transform:translate3d(0,calc((1 - var(--mc-r)) * 2.1cqw),0); }
.sp-demo .mc-seo-result-0 { --mc-delay:.34; --mc-clip:polygon(14% 17%,54% 17%,54% 35.4%,14% 35.4%); }
.sp-demo .mc-seo-result-1 { --mc-delay:.18; --mc-clip:polygon(14% 35.4%,54% 35.4%,54% 54.2%,14% 54.2%); }
.sp-demo .mc-seo-result-2 { --mc-delay:.02; --mc-clip:polygon(14% 54.2%,54% 54.2%,54% 57.5%,51.5% 57.5%,51.5% 65.6%,44.65% 65.6%,44.65% 73%,14% 73%); }
.sp-demo .mc-search span { clip-path:inset(0 calc((1 - clamp(0,calc(var(--mc-demo,1) * 4),1)) * 100%) 0 0); }
.sp-demo .mc-rank { opacity:clamp(0,calc((var(--mc-demo,1) - .48) * 4),1); text-shadow:0 0 calc(1cqw + 1.5cqw * var(--mc-idle,0) + 2.4cqw * var(--mc-live) * var(--mc-wave-b,0)) #9affdf; transform:rotate(3deg) scale(calc(.86 + .14 * var(--mc-demo,1) + .085 * var(--mc-live) * var(--mc-wave-b,0))); }
.sp-demo .mc-seo-trail { position:absolute; inset:0; width:100%; height:100%; stroke:#79ffd8; stroke-width:5; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 5px #52ffc2); opacity:calc(.38 + .28 * var(--mc-idle,0)); }
.sp-demo .mc-seo-trail path { stroke-dasharray:100; stroke-dashoffset:calc(100 * (1 - var(--mc-demo,1))); }
.sp-demo .mc-seo-trail .mc-seo-live-pulse { stroke:#e1fff8; stroke-width:12; stroke-dasharray:14 86; stroke-dashoffset:calc(108 - 116 * var(--mc-loop,0)); opacity:calc(var(--mc-live) * var(--mc-cycle-edge)); }
/* The three detached interaction bubbles can arrive without duplicated originals. */
.sp-demo .mc-social-base { clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,14.5% 21.7%,14.5% 39%,30.4% 39%,30.4% 21.7%,14.5% 21.7%,0% 0%,66.4% 15.8%,66.4% 33%,82.5% 33%,82.5% 15.8%,66.4% 15.8%,0% 0%,66.4% 38.7%,66.4% 56%,82.5% 56%,82.5% 38.7%,66.4% 38.7%,0% 0%); }
.sp-demo .mc-social-bubble { --mc-r:clamp(0,calc((var(--mc-demo,1) - var(--mc-delay)) * 3.6),1); opacity:var(--mc-r); transform:translateY(calc((1 - var(--mc-r)) * 4cqw - var(--mc-idle,0) * .5cqw - 1.4cqw * var(--mc-live) * var(--mc-breathe))) scale(calc(.65 + .35 * var(--mc-r) + .05 * var(--mc-live) * var(--mc-breathe))) rotate(calc(1.7deg * var(--mc-live) * (var(--mc-breathe) - .5))); }
.sp-demo .mc-social-bubble-0 { --mc-delay:.2; --mc-breathe:var(--mc-wave-a,0); --mc-clip:polygon(14.5% 21.7%,30.4% 21.7%,30.4% 39%,14.5% 39%); transform-origin:23% 31%; }
.sp-demo .mc-social-bubble-1 { --mc-delay:.36; --mc-breathe:var(--mc-wave-b,0); --mc-clip:polygon(66.4% 15.8%,82.5% 15.8%,82.5% 33%,66.4% 33%); transform-origin:74% 24%; }
.sp-demo .mc-social-bubble-2 { --mc-delay:.52; --mc-breathe:var(--mc-wave-c,0); --mc-clip:polygon(66.4% 38.7%,82.5% 38.7%,82.5% 56%,66.4% 56%); transform-origin:74% 47%; }
.sp-demo .mc-social-post-cover { position:absolute; left:36.3%; top:31.8%; width:23.3%; height:30.3%; background:linear-gradient(150deg,#124f4c,#042d2c); transform:scaleY(calc(1 - clamp(0,calc(var(--mc-demo,1) * 3),1))); transform-origin:50% 100%; }
.sp-demo .mc-social-heart { position:absolute; left:47%; top:44%; font:500 7cqw Arial,sans-serif; color:#ffefef; text-shadow:0 0 2cqw #ff9dba; opacity:clamp(0,calc(1 - max(calc(var(--mc-demo,1) - .6),calc(.6 - var(--mc-demo,1))) * 5),.95); transform:translateY(calc(-3cqw * var(--mc-demo,1))) scale(calc(.8 + .5 * var(--mc-demo,1))); }
.sp-demo .mc-social-live-heart { --mc-heart:clamp(0,calc((var(--mc-loop,0) - .27) * 2.6),1); opacity:calc(var(--mc-live) * clamp(0,calc((var(--mc-wave-a,0) - .55) * 2),.85)); transform:translateY(calc(1.5cqw - 7cqw * var(--mc-heart))) scale(calc(.6 + .85 * var(--mc-heart))); }
/* Paths match the original illustration, preserving the node and pedestal photography. */
.sp-demo .mc-ai-base { clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,76.5% 29.5%,76.5% 60.5%,92% 60.5%,92% 29.5%,76.5% 29.5%); }
.sp-demo .mc-ai-circuit { position:absolute; inset:0; width:100%; height:100%; stroke-width:7; stroke-linecap:round; }
.sp-demo .mc-ai-flow { --mc-r:clamp(0,calc((var(--mc-demo,1) - var(--mc-delay)) * 3.5),1); --mc-flow-cycle:clamp(0,calc((var(--mc-loop,0) - var(--mc-delay)) * 3.5),1); }
.sp-demo .mc-ai-flow-0 { --mc-delay:.03; }
.sp-demo .mc-ai-flow-1 { --mc-delay:.18; }
.sp-demo .mc-ai-flow-2 { --mc-delay:.33; }
.sp-demo .mc-ai-flow-final { --mc-delay:.59; }
.sp-demo .mc-ai-route { stroke:#3eead0; stroke-dasharray:100; stroke-dashoffset:calc(100 * (1 - var(--mc-r))); opacity:.5; }
.sp-demo .mc-ai-pulse { stroke:#d5fff5; stroke-width:10; stroke-dasharray:12 88; stroke-dashoffset:calc(106 - 112 * var(--mc-r)); opacity:clamp(0,calc(1 - max(calc(var(--mc-r) - .5),calc(.5 - var(--mc-r))) * 2),1); filter:drop-shadow(0 0 6px #33ffd1); }
.sp-demo .mc-ai-live-pulse { stroke:#e5fff9; stroke-width:12; stroke-dasharray:17 83; stroke-dashoffset:calc(110 - 120 * var(--mc-flow-cycle)); opacity:calc(var(--mc-live) * clamp(0,calc(min(var(--mc-flow-cycle),calc(1 - var(--mc-flow-cycle))) * 2.2),1)); filter:drop-shadow(0 0 9px #33ffd1); }
.sp-demo .mc-ai-node { position:absolute; left:9%; width:26%; height:16.2%; border-radius:2.5cqw; border:1px solid transparent; box-shadow:0 0 calc(2.5cqw * var(--mc-r) + 1.8cqw * var(--mc-live) * var(--mc-node-wave,0)) rgb(34 236 191 / calc(.3 * var(--mc-r) + .15 * var(--mc-live) * var(--mc-node-wave,0))); }
.sp-demo .mc-ai-node span { position:absolute; left:36%; top:37%; width:62%; padding:.3cqw 0; background:#f3f4f3; color:#111; font:600 2.25cqw/1.25 Arial,sans-serif; white-space:nowrap; }
.sp-demo .mc-ai-node i { position:absolute; right:-3%; top:-12%; display:grid; place-items:center; width:4cqw; height:4cqw; border-radius:50%; font:700 2.7cqw Arial,sans-serif; font-style:normal; background:#50e7c1; color:#034c3e; opacity:var(--mc-r); transform:scale(calc(.4 + .6 * var(--mc-r) + .12 * var(--mc-live) * var(--mc-node-wave,0))); }
.sp-demo .mc-ai-node-0 { top:18.1%; --mc-node-wave:var(--mc-wave-a,0); --mc-r:clamp(0,calc((var(--mc-demo,1) - .22) * 6),1); }
.sp-demo .mc-ai-node-1 { top:34.5%; --mc-node-wave:var(--mc-wave-b,0); --mc-r:clamp(0,calc((var(--mc-demo,1) - .38) * 6),1); }
.sp-demo .mc-ai-node-1 span { top:31%; }
.sp-demo .mc-ai-node-2 { top:51.1%; --mc-node-wave:var(--mc-wave-c,0); --mc-r:clamp(0,calc((var(--mc-demo,1) - .53) * 6),1); }
.sp-demo .mc-ai-node-2 span { font-size:2.03cqw; }
.sp-demo .mc-ai-core-glow { position:absolute; left:47.7%; top:24.5%; width:21%; height:35%; border-radius:50%; box-shadow:inset 0 0 calc(4cqw * var(--mc-demo,1) + 3cqw * var(--mc-live) * var(--mc-wave-b,0)) #61ffda55,0 0 calc(5cqw * var(--mc-demo,1) + 4cqw * var(--mc-live) * var(--mc-wave-b,0)) #45ebcf45; }
.sp-demo .mc-ai-complete { --mc-r:clamp(0,calc((var(--mc-demo,1) - .66) * 4.4),1); --mc-clip:polygon(76.5% 29.5%,92% 29.5%,92% 60.5%,76.5% 60.5%); opacity:var(--mc-r); transform:translateX(calc((1 - var(--mc-r)) * 3cqw)); }
.sp-demo .mc-ai-complete-label { position:absolute; left:79%; top:48.4%; width:10%; padding:.3cqw 0; background:#f3f4f3; color:#111; font:600 2.5cqw/1.5 Arial,sans-serif; text-align:center; opacity:clamp(0,calc((var(--mc-demo,1) - .73) * 5),1); }
/* White screen areas hide unfinished data; the source modules settle back onto their exact positions. */
.sp-demo .mc-soft-chart-cover { position:absolute; background:#f6f7f6; border-radius:1.3cqw; }
.sp-demo .mc-soft-chart-cover-0 { left:22.8%; top:20.6%; width:17.5%; height:23.4%; }
.sp-demo .mc-soft-chart-cover-1 { left:41.3%; top:21.9%; width:17.3%; height:23.4%; }
.sp-demo .mc-soft-chart-cover-2 { left:59.7%; top:23.3%; width:16.7%; height:23.4%; }
.sp-demo .mc-soft-module { --mc-r:clamp(0,calc((var(--mc-demo,1) - var(--mc-delay)) * 3.3),1); opacity:var(--mc-r); transform:translateY(calc((1 - var(--mc-r)) * 1.8cqw)); }
.sp-demo .mc-soft-module-0 { --mc-delay:.04; --mc-clip:polygon(22.7% 20.5%,40.4% 21.4%,40.4% 44.2%,22.7% 42.8%); }
.sp-demo .mc-soft-module-1 { --mc-delay:.2; --mc-clip:polygon(41.2% 21.8%,58.7% 22.6%,58.7% 45.6%,41.2% 44.1%); }
.sp-demo .mc-soft-module-2 { --mc-delay:.36; --mc-clip:polygon(59.6% 23.1%,76.5% 24%,76.5% 47%,59.6% 45.5%); }
.sp-demo .mc-soft-graph { position:absolute; inset:0; width:100%; height:100%; stroke:#63f8d1; stroke-width:6; stroke-linecap:round; opacity:clamp(0,calc((var(--mc-demo,1) - .25) * 3),.7); filter:drop-shadow(0 0 4px #5bfbd0); }
.sp-demo .mc-soft-graph path { stroke-dasharray:100; stroke-dashoffset:calc(100 * (1 - clamp(0,calc((var(--mc-demo,1) - .25) * 2),1))); }
.sp-demo .mc-soft-graph .mc-soft-live-trace { stroke:#eafff8; stroke-width:12; stroke-dasharray:19 81; stroke-dashoffset:calc(110 - 120 * var(--mc-loop,0)); opacity:calc(var(--mc-live) * var(--mc-cycle-edge)); }
.sp-demo .mc-soft-code { --mc-clip:polygon(69% 55.5%,81.9% 56.2%,83.1% 57%,84.2% 59%,84.4% 77.7%,83.8% 80.6%,82.1% 81.5%,69.8% 79.9%,67.6% 79%,67.1% 76.7%,67.2% 60.1%,67.6% 57.6%); transform-origin:75.8% 68.5%; transform:scale(calc(1 + .08 * (1 - var(--mc-demo,1)) + .015 * var(--mc-idle,0) + .035 * var(--mc-live) * var(--mc-wave-c,0))); filter:drop-shadow(0 calc(.35cqw * var(--mc-live)) calc(.7cqw * var(--mc-live)) #035d5440); }
.sp-demo .mc-soft-proof { left:29%; bottom:0; opacity:clamp(0,calc((var(--mc-demo,1) - .7) * 4),1); }
.sp-demo.mc-static .mc-visual { --mc-demo:1!important; --mc-idle:0!important; --mc-alive:0!important; --mc-live:0!important; }
@media(prefers-reduced-motion:reduce) { .sp-demo .mc-visual { --mc-demo:1!important; --mc-idle:0!important; --mc-alive:0!important; --mc-live:0!important; } }

/* Orbit-only wrapper. The parent RAF supplies lengths/angles, never another timer. */
.sp-demo { --mc-demo:1; --mc-alive:0; --mc-idle:0; --mc-loop:0; --mc-wave-a:0; --mc-wave-b:0; --mc-wave-c:0; }
.sp-demo .ob-art { position:relative; display:block; width:100%; height:auto; isolation:isolate; pointer-events:none; transform:translate3d(0,var(--ob-float,0px),0); transform-origin:50% 65%; }
.sp-demo .ob-art::after { content:""; position:absolute; z-index:-1; left:18%; right:18%; bottom:1%; height:20%; border-radius:50%; pointer-events:none; background:radial-gradient(ellipse,#67e5c23d,transparent 70%); opacity:0; transition:opacity .2s ease; }
.sp-demo .sp-demo-figure:is(:hover,:focus-visible) .ob-art::after { opacity:1; }
.sp-demo .sp-demo-figure .ob-art .sv-visual { filter:none; transition:none; }
/* Follow both rounded feet and the inner opening; never lift a slice of the white pedestal. */
.sp-demo .mc-ads-logo { --mc-clip:polygon(32.552% 4.883%,68.359% 4.883%,68.359% 48.145%,65.625% 48.145%,64.714% 49.512%,63.802% 50.488%,62.695% 51.172%,61.523% 51.563%,60.221% 51.563%,58.919% 51.270%,57.813% 50.684%,56.966% 49.805%,56.120% 48.535%,55.208% 46.387%,50.326% 32.813%,44.792% 46.680%,44.141% 48.438%,43.229% 49.805%,42.122% 50.879%,40.690% 51.465%,39.323% 51.563%,37.956% 51.172%,36.784% 50.391%,35.807% 49.219%,35.156% 47.852%,32.552% 47.852%); }
.sp-demo .mc-web-scan,.sp-demo .mc-social-heart:not(.mc-social-live-heart),.sp-demo .mc-ai-pulse { display:none; }
.sp-demo.ob-static .mc-visual,.sp-demo.mc-static .mc-visual { --mc-demo:1!important; --mc-alive:0!important; --mc-live:0!important; --mc-idle:0!important; }
.sp-demo.ob-static .ob-art,.sp-demo.mc-static .ob-art { transform:none!important; }
@media(prefers-reduced-motion:reduce) {
 .sp-demo .ob-art { transform:none!important; }
 .sp-demo .ob-art::after { transition:none; }
}
/* The original HD hardware stays intact; both screens share the parent orbit clock. */
.sp-demo .ob-web-showcase { color:#102823; font-family:Arial,sans-serif; }
.sp-demo .ob-web-window { position:absolute; overflow:hidden; background:#f9fbfa; isolation:isolate; }
.sp-demo .ob-web-monitor { left:21.13%; top:11.52%; width:55.4%; height:48.5%; border-radius:1.3cqw; clip-path:polygon(0 0,99.25% 1.6%,100% 97.8%,1.05% 100%); }
.sp-demo .ob-web-page { position:absolute; inset:0; overflow:hidden; text-align:left; background:#f9fbfa; color:#102823; opacity:var(--ob-page-alpha); transform:translateY(calc(var(--ob-page-slide,0) * 3cqw)); will-change:opacity,transform; }
.sp-demo .ob-web-page-0 { --ob-page-alpha:var(--ob-web-a,1); --ob-page-slide:var(--ob-web-slide-a,0); }
.sp-demo .ob-web-page-1 { --ob-page-alpha:var(--ob-web-b,0); --ob-page-slide:var(--ob-web-slide-b,0); }
.sp-demo .ob-web-page-2 { --ob-page-alpha:var(--ob-web-c,0); --ob-page-slide:var(--ob-web-slide-c,0); }
.sp-demo .ob-web-header { height:15%; display:flex; align-items:center; justify-content:space-between; gap:2%; padding:1.1% 4%; box-sizing:border-box; background:#fff; }
.sp-demo .ob-web-brand { display:flex; align-items:center; gap:.65cqw; white-space:nowrap; }
.sp-demo .ob-web-brand svg { width:2.6cqw; height:2.6cqw; }
.sp-demo .ob-web-brand b { font-size:1.55cqw; font-weight:700; letter-spacing:-.055cqw; }
.sp-demo .ob-web-showcase svg { display:block; stroke:var(--ob-site-accent,#016f66); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.sp-demo .ob-web-nav { font-size:.94cqw; color:#53635f; white-space:nowrap; }
.sp-demo .ob-web-menu { font-size:1.8cqw; color:var(--ob-site-accent); }
.sp-demo .ob-web-hero { display:flex; height:58%; box-sizing:border-box; overflow:hidden; }
.sp-demo .ob-web-copy { width:55%; padding:4.5% 3.5% 2.5% 5%; box-sizing:border-box; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.sp-demo .ob-web-eyebrow { display:block; color:var(--ob-site-accent); font-size:.82cqw; font-weight:700; letter-spacing:.08cqw; line-height:1.25; white-space:nowrap; }
.sp-demo .ob-web-copy strong { display:block; margin:.85cqw 0 .8cqw; font-size:3.17cqw; line-height:1.04; letter-spacing:-.14cqw; font-weight:700; }
.sp-demo .ob-web-intro { font-size:.94cqw; line-height:1.3; color:#65726e; white-space:nowrap; }
.sp-demo .ob-web-action { display:inline-flex; align-items:center; justify-content:space-between; gap:1.3cqw; border-radius:.5cqw; padding:.75cqw 1.2cqw; margin-top:1.3cqw; background:var(--ob-site-accent); color:#fff; font-size:1.03cqw; font-weight:600; line-height:1.2; white-space:nowrap; }
.sp-demo .ob-web-action i { font-style:normal; }
.sp-demo .ob-web-photo { position:relative; width:45%; background-image:url('https://new.secteurweb.com/wp-content/themes/hub-child/images/web-industries-triptych.jpg?v=7adcd572634b'); background-size:300% 100%; background-position:var(--ob-photo-position,0%) 50%; background-repeat:no-repeat; overflow:hidden; }
.sp-demo .ob-web-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,#021d1b2e); pointer-events:none; }
.sp-demo .ob-web-photo-seal { position:absolute; right:1cqw; bottom:1cqw; z-index:1; padding:.5cqw .7cqw; font-size:.78cqw; font-weight:600; color:#15483d; border-radius:.3cqw; background:#fffffff0; white-space:nowrap; }
.sp-demo .ob-web-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2%; height:27%; box-sizing:border-box; padding:2.3% 4% 2.7%; background:#fff; }
.sp-demo .ob-web-feature { display:flex; position:relative; flex-direction:column; align-items:center; justify-content:center; gap:.6cqw; border-radius:.65cqw; background:#edf3f0; padding:1% 3%; overflow:hidden; }
.sp-demo .ob-web-feature>span { display:grid; place-items:center; height:2.2cqw; }
.sp-demo .ob-web-feature svg { width:2.2cqw; height:2.2cqw; }
.sp-demo .ob-web-feature-check { font-size:2.5cqw; line-height:1; color:var(--ob-site-accent); font-weight:500; }
.sp-demo .ob-web-feature b { font-size:1.06cqw; line-height:1.1; font-weight:600; white-space:nowrap; }
.sp-demo .ob-web-feature i { width:38%; height:.22cqw; background:#cbdad3; border-radius:1cqw; }
.sp-demo .ob-web-shop .ob-web-copy { background:#f3f3fa; }
.sp-demo .ob-web-shop .ob-web-feature { background:#f1f0f7; }
.sp-demo .ob-web-electric .ob-web-copy { background:#eff8f5; }
.sp-demo .ob-web-phone-group { position:absolute; inset:0; transform-origin:84% 53%; transform:translateY(calc(-.45cqw * var(--mc-live,0) * var(--mc-wave-a,0))) scale(calc(1 + .01 * var(--mc-live,0) * var(--mc-wave-b,0))); }
.sp-demo .ob-web-phone-group .ob-web-phone-hardware { position:absolute; inset:0; width:100%; height:100%; clip-path:polygon(77.9% 28.4%,89.1% 28.4%,91.3% 31.4%,91.5% 74.6%,90.1% 77.8%,78.4% 77.8%,76.3% 75%,76.3% 32%); }
.sp-demo .ob-web-phone-window { left:77.25%; top:29.85%; width:13.04%; height:45.72%; border-radius:2.15cqw; }
.sp-demo .ob-web-phone-window .ob-web-page { padding-top:9%; box-sizing:border-box; }
.sp-demo .ob-web-phone-header { height:12%; display:flex; align-items:center; justify-content:space-between; padding:0 7%; background:#fff; }
.sp-demo .ob-web-phone-header>span { display:flex; align-items:center; gap:.3cqw; }
.sp-demo .ob-web-phone-header svg { width:1.3cqw; height:1.3cqw; }
.sp-demo .ob-web-phone-header b { font-size:.75cqw; letter-spacing:-.03cqw; white-space:nowrap; }
.sp-demo .ob-web-phone-header i { font-size:1cqw; font-style:normal; }
.sp-demo .ob-web-phone-photo { width:100%; height:29%; }
.sp-demo .ob-web-phone-copy { display:flex; flex-direction:column; align-items:flex-start; height:33%; padding:7% 8% 3%; box-sizing:border-box; }
.sp-demo .ob-web-phone-copy>span:first-child { font-size:.49cqw; letter-spacing:.015cqw; color:var(--ob-site-accent); font-weight:700; white-space:nowrap; }
.sp-demo .ob-web-phone-copy strong { font-size:1.54cqw; letter-spacing:-.06cqw; line-height:1.08; margin:.45cqw 0 0; font-weight:700; }
.sp-demo .ob-web-phone-copy .ob-web-action { font-size:.65cqw; padding:.5cqw .7cqw; margin-top:.7cqw; border-radius:.35cqw; gap:.4cqw; }
.sp-demo .ob-web-phone-features { height:17%; margin:0 7%; border-radius:.5cqw; background:#edf3f0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.3cqw; }
.sp-demo .ob-web-phone-features b { font-size:.92cqw; line-height:1.1; }
.sp-demo .ob-web-phone-features>span { font-size:.53cqw; color:#687e73; white-space:nowrap; }
.sp-demo .ob-web-phone-island { position:absolute; left:34%; top:1.6%; width:32%; height:3.35%; border-radius:1cqw; background:#080908; z-index:5; }
.sp-demo .ob-web-phone-home { position:absolute; left:29%; bottom:1%; width:44%; height:.65%; border-radius:1cqw; background:#131413; z-index:5; }
.sp-demo.ob-static .ob-web-showcase,.sp-demo.mc-static .ob-web-showcase { --ob-web-a:1!important; --ob-web-b:0!important; --ob-web-c:0!important; --ob-web-slide-a:0!important; }
@media(prefers-reduced-motion:reduce) { .sp-demo .ob-web-showcase { --ob-web-a:1!important; --ob-web-b:0!important; --ob-web-c:0!important; --ob-web-slide-a:0!important; } }

/* Orbite only: retain the photograph's fixed pole, remove its fabric, add a flexible cloth. */
.sp-demo .ob-seo-base-wrap { position:absolute; inset:0; clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,73.3073% 17.5781%,73.3073% 30.2734%,84.8958% 30.2734%,84.8958% 17.5781%,73.3073% 17.5781%); }
.sp-demo .ob-seo-flag { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.sp-demo .ob-seo-cloth { stroke:#39bba88c; stroke-width:1.2; stroke-linejoin:round; }
.sp-demo .ob-seo-crease { fill:none; stroke:#c0ffed; stroke-width:11; stroke-linecap:round; filter:blur(3px); }
.sp-demo .ob-seo-flag-rank { fill:#f2fffc; font:700 59px Arial,Helvetica,sans-serif; letter-spacing:-2px; filter:drop-shadow(0 1px 2px #003f3e); }
.sp-demo .ob-seo-hoist { stroke:#4ea69a; stroke-width:1.6; }

/* Internal service demonstrations share Orbite's visible-only animation clock. */
.sp-demo .ob-business { --ob-bp:var(--ob-business-progress,1); color:#063f3d; font-family:Inter,Arial,sans-serif; line-height:1.2; }
.sp-demo .ob-business img { position:absolute; inset:0; width:100%; height:100%; }
.sp-demo .ob-business svg { display:block; }
.sp-demo .ob-business strong,.sp-demo .ob-business small,.sp-demo .ob-business i,.sp-demo .ob-business b { font:inherit; font-style:normal; }
/* The old labels are removed with the cards, not left below a second inscription. */
.sp-demo .ob-ai-pedestal { clip-path:polygon(5.8% 69%,20% 67.8%,35.2% 64.6%,67% 63.7%,87% 65.5%,94.2% 68.5%,95% 83%,5.8% 83%); }
.sp-demo .ob-ai-glass { clip-path:ellipse(10.9% 18.1% at 58.15% 41.9%); }
.sp-demo .ob-ai-routes { position:absolute; inset:0; width:100%; height:100%; overflow:visible; stroke-linecap:round; }
.sp-demo .ob-ai-route { --ob-start:.03; --ob-flow:clamp(0,calc((var(--ob-bp) - var(--ob-start)) / .16),1); }
.sp-demo .ob-ai-route-1 { --ob-start:.25; }
.sp-demo .ob-ai-route-2 { --ob-start:.47; }
.sp-demo .ob-ai-route-3 { --ob-start:.68; }
.sp-demo .ob-ai-wire { stroke:#16867d; stroke-width:6; stroke-dasharray:4 6; opacity:.7; }
.sp-demo .ob-ai-signal { stroke:#b7ffef; stroke-width:13; stroke-dasharray:15 100; stroke-dashoffset:calc(12 - 120 * var(--ob-flow)); opacity:clamp(0,calc(min(var(--ob-flow),calc(1 - var(--ob-flow))) * 12),1); filter:drop-shadow(0 0 8px #32e5bc); }
.sp-demo .ob-ai-task { --ob-node:clamp(0,calc((var(--ob-bp) - var(--ob-start) - .1) * 30),1); --ob-start:.03; position:absolute; left:9%; top:18%; width:26%; height:16.4%; display:flex; align-items:center; gap:1.4cqw; padding:1.1cqw 1.7cqw; box-sizing:border-box; border:.24cqw solid #dbe2df; border-radius:2.7cqw; background:linear-gradient(135deg,#fff 0%,#f4f6f4 62%,#dce2de 100%); box-shadow:inset .6cqw .55cqw 1cqw #fff,inset -.5cqw -.5cqw .7cqw #bac4be66,0 .5cqw 1.2cqw #00241e35,0 0 calc(2cqw * var(--ob-node)) #3bf2c34a; text-align:left; }
.sp-demo .ob-ai-task-1 { top:34.6%; --ob-start:.25; }
.sp-demo .ob-ai-task-2 { top:51.2%; --ob-start:.47; }
.sp-demo .ob-ai-icon { flex:0 0 4.8cqw; width:4.8cqw; color:#016f66; }
.sp-demo .ob-ai-icon svg { width:100%; }
.sp-demo .ob-ai-task-copy { min-width:0; flex:1; line-height:1.17; }
.sp-demo .ob-ai-task-copy>strong { display:block; font-size:2.35cqw; font-weight:650; color:#102b26; overflow-wrap:normal; }
.sp-demo .ob-ai-task-status { display:block; position:relative; height:2cqw; margin-top:.6cqw; font-size:1.45cqw; line-height:1.3; white-space:nowrap; color:#708680; }
.sp-demo .ob-ai-task-status>span { position:absolute; inset:0; opacity:calc(1 - var(--ob-node)); }
.sp-demo .ob-ai-task-status>span+span { color:#008365; opacity:var(--ob-node); }
.sp-demo .ob-ai-port { position:absolute; right:-.95cqw; top:calc(50% - .8cqw); width:1.5cqw; height:1.5cqw; border-radius:50%; background:radial-gradient(circle at 30% 25%,#adffe4,#00a6a0 68%,#004c4c); box-shadow:0 0 calc(2cqw * var(--ob-node)) #48ffd3; }
.sp-demo .ob-ai-check { position:absolute; right:1cqw; bottom:.8cqw; color:#029270; font-size:2cqw; opacity:var(--ob-node); transform:scale(calc(.6 + .4 * var(--ob-node))); }
.sp-demo .ob-ai-core-aura { position:absolute; left:47.5%; top:24.1%; width:21.6%; height:35.7%; border-radius:50%; box-shadow:inset 0 0 calc(1cqw + 2cqw * var(--mc-wave-b,0)) #63ffe642,0 0 calc(1.5cqw + 3cqw * var(--mc-wave-b,0)) #34dfbd2e; }
.sp-demo .ob-ai-result { --ob-done:clamp(0,calc((var(--ob-bp) - .82) * 25),1); position:absolute; left:76.6%; top:29.8%; width:15%; height:30%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2cqw; box-sizing:border-box; border:.24cqw solid #dce3df; border-radius:2.6cqw; background:linear-gradient(135deg,#fff,#f6f7f5 60%,#dce2dd); box-shadow:inset .5cqw .5cqw 1cqw #fff,inset -.5cqw -.4cqw .6cqw #b5c1ba66,0 .5cqw 1.2cqw #00241e35,0 0 calc(3cqw * var(--ob-done)) #2effbd66; }
.sp-demo .ob-ai-result-icon { display:grid; place-items:center; width:6.6cqw; height:6.6cqw; border-radius:50%; color:#fff; background:linear-gradient(135deg,#03a380,#01644e); box-shadow:0 .6cqw 1cqw #01483233; opacity:calc(.25 + .75 * var(--ob-done)); transform:scale(calc(.87 + .13 * var(--ob-done))); }
.sp-demo .ob-ai-result-icon svg { width:4.2cqw; height:4.2cqw; }
.sp-demo .ob-ai-result strong { color:#18362e; font-size:2.55cqw; line-height:1.25; font-weight:650; text-align:center; }
.sp-demo .ob-ai-result-meter { width:8cqw; height:.55cqw; border-radius:1cqw; background:#dce9e1; overflow:hidden; }
.sp-demo .ob-ai-result-meter i { display:block; width:100%; height:100%; background:#09a983; transform:scaleX(var(--ob-done)); transform-origin:left; }
/* This opaque dashboard precisely covers the original printed panel. */
.sp-demo .ob-soft-dashboard { --ob-work:clamp(0,calc((var(--ob-bp) - .06) / .72),1); position:absolute; left:20.9%; top:11.5%; width:57.8%; height:60.5%; padding:3cqw 2.25cqw 1.5cqw; box-sizing:border-box; border-radius:1.7cqw 2.2cqw 1.6cqw .6cqw; background:linear-gradient(135deg,#fafcfb,#f2f5f3); color:#133d33; transform:skewY(2.7deg); transform-origin:0 0; overflow:hidden; text-align:left; }
.sp-demo .ob-soft-heading { display:flex; align-items:center; justify-content:space-between; gap:1cqw; font-size:2.85cqw; line-height:1.1; }
.sp-demo .ob-soft-heading>strong { font-weight:700; }
.sp-demo .ob-soft-heading>span { display:flex; align-items:center; gap:.6cqw; font-size:1.7cqw; color:#218873; }
.sp-demo .ob-soft-heading i,.sp-demo .ob-soft-status>i,.sp-demo .ob-soft-percent>i { width:.7cqw; height:.7cqw; flex:0 0 .7cqw; border-radius:50%; background:#10b28a; box-shadow:0 0 calc(.9cqw * var(--mc-wave-a,0)) #44eac3; }
.sp-demo .ob-soft-metrics { display:flex; gap:2cqw; margin-top:1.3cqw; line-height:1; }
.sp-demo .ob-soft-metrics>span { flex:1; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:1cqw; }
.sp-demo .ob-soft-metrics small { font-size:1.75cqw; color:#758880; }
.sp-demo .ob-soft-metrics strong { font-size:3.2cqw; font-weight:700; font-variant-numeric:tabular-nums; }
.sp-demo .ob-soft-metrics .ob-soft-percent { display:flex; align-items:center; gap:.6cqw; font-size:1.7cqw; color:#087660; }
.sp-demo .ob-soft-charts { display:flex; gap:1.4cqw; margin-top:1.1cqw; height:12.8cqw; }
.sp-demo .ob-soft-chart { box-sizing:border-box; min-width:0; background:#fff; border:.15cqw solid #e2eae5; border-radius:1.2cqw; padding:1cqw; box-shadow:0 .5cqw .8cqw #123a2b06; overflow:hidden; }
.sp-demo .ob-soft-chart>strong { display:block; color:#536e63; font-size:1.75cqw; line-height:1.1; white-space:nowrap; }
.sp-demo .ob-soft-line { flex:1.7; }
.sp-demo .ob-soft-line svg { width:100%; height:6.5cqw; margin-top:.4cqw; overflow:visible; }
.sp-demo .ob-soft-grid { stroke:#dcebe3; stroke-width:1; }
.sp-demo .ob-soft-area { fill:#0eaa8417; clip-path:inset(0 calc((1 - var(--ob-work)) * 100%) 0 0); }
.sp-demo .ob-soft-line-path { stroke:#028e73; stroke-width:3; stroke-linejoin:round; stroke-linecap:round; stroke-dasharray:100; stroke-dashoffset:calc(100 - 100 * var(--ob-work)); }
.sp-demo .ob-soft-line-head { stroke:#9dffe1; stroke-width:5; stroke-linejoin:round; stroke-linecap:round; stroke-dasharray:3 100; stroke-dashoffset:calc(2 - 102 * var(--ob-work)); opacity:calc(.6 * var(--mc-live,0)); }
.sp-demo .ob-soft-axis { display:flex; align-items:center; justify-content:space-between; margin-top:.2cqw; color:#94a89e; font-size:1.1cqw; }
.sp-demo .ob-soft-bars { flex:1; }
.sp-demo .ob-soft-barplot { display:flex; align-items:flex-end; gap:1.05cqw; height:6.2cqw; padding-top:.6cqw; border-bottom:.12cqw solid #d9e6df; }
.sp-demo .ob-soft-barplot>i { --ob-bar-draw:clamp(.06,calc(var(--ob-work) * 2.1 - var(--ob-bar-order) * .22),1); flex:1; height:calc(100% * var(--ob-bar-height)); min-width:0; background:linear-gradient(#079b7e,#016b60); border-radius:.35cqw .35cqw 0 0; transform:scaleY(var(--ob-bar-draw)); transform-origin:50% 100%; }
.sp-demo .ob-soft-table { margin-top:1.1cqw; padding:.8cqw 1.35cqw .3cqw; border:.15cqw solid #e1eae4; border-radius:1.2cqw; background:#fff; }
.sp-demo .ob-soft-table-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:.4cqw; color:#647b70; font-size:1.4cqw; }
.sp-demo .ob-soft-table-heading>strong { font-weight:650; }
.sp-demo .ob-soft-row { --ob-row-start:.12; --ob-row:clamp(0,calc((var(--ob-bp) - var(--ob-row-start)) * 10),1); display:flex; align-items:center; gap:1cqw; height:2.7cqw; color:#334f43; border-top:.1cqw solid #e8eee9; font-size:1.65cqw; }
.sp-demo .ob-soft-row-1 { --ob-row-start:.37; }
.sp-demo .ob-soft-row-2 { --ob-row-start:.65; }
.sp-demo .ob-soft-row>i { color:#9cafa3; font-size:1.25cqw; }
.sp-demo .ob-soft-row>span { flex:1; white-space:nowrap; transform:translateX(calc((1 - var(--ob-row)) * .65cqw)); }
.sp-demo .ob-soft-row>b { display:flex; align-items:center; gap:.45cqw; padding:.35cqw .65cqw; color:#06755b; background:#e6f8ed; border-radius:1cqw; font-size:1.35cqw; opacity:calc(.15 + .85 * var(--ob-row)); }
.sp-demo .ob-soft-row>b svg { width:1.4cqw; height:1.4cqw; }
.sp-demo .ob-soft-status { display:flex; align-items:center; gap:.7cqw; margin-top:.75cqw; color:#417e68; font-size:1.4cqw; line-height:1.2; white-space:nowrap; }
.sp-demo .ob-soft-progress { width:6.5cqw; height:.4cqw; border-radius:1cqw; background:#dcece3; overflow:hidden; }
.sp-demo .ob-soft-progress i { display:block; height:100%; background:#04a47f; transform:scaleX(var(--ob-work)); transform-origin:left; }
.sp-demo .ob-soft-code-sculpture { clip-path:polygon(69% 55.5%,81.9% 56.2%,83.1% 57%,84.2% 59%,84.4% 77.7%,83.8% 80.6%,82.1% 81.5%,69.8% 79.9%,67.6% 79%,67.1% 76.7%,67.2% 60.1%,67.6% 57.6%); }
.sp-demo.ob-static .ob-business,.sp-demo.mc-static .ob-business { --ob-bp:1!important; }
@media(prefers-reduced-motion:reduce) { .sp-demo .ob-business { --ob-bp:1!important; } }

/* The shared Orbite RAF supplies --ob-ads-progress (ten-second cycle).
   There is no separate timer: the service keeps demonstrating during hover. */
.sp-demo .ob-ads-demo { --ob-ap:var(--ob-ads-progress,1); --ob-ads-active:var(--mc-live,0); --ob-ad-fade:calc(1 - clamp(0,calc((var(--ob-ap) - .95) * 20),1) * var(--ob-ads-active)); }
.sp-demo .ob-ads-demo .mc-ads-logo { transform:translate3d(0,calc(-.35cqw - 3cqw * var(--ob-ads-active) * var(--mc-wave-a,0)),1px) rotate(calc(1.1deg * var(--ob-ads-active) * (var(--mc-wave-b,.5) - .5))); transform-origin:50% 49%; }
.sp-demo .ob-ads-demo .ob-ads-floor-light { position:absolute; left:31%; top:47%; width:38%; height:7%; border-radius:50%; background:radial-gradient(ellipse,#62eccc66,#24b29c14 50%,transparent 72%); opacity:calc(.3 + .4 * var(--ob-ads-active) * var(--mc-wave-a,0)); transform:scaleX(calc(1 - .18 * var(--ob-ads-active) * var(--mc-wave-a,0))); }
.sp-demo .ob-ads-demo .mc-ad { box-sizing:border-box; transform:none; overflow:hidden; }
.sp-demo .ob-ads-demo .mc-ad::after { display:none; }
.sp-demo .ob-ads-demo .mc-ad-row { --ob-row-delay:0; --ob-ad-reveal:clamp(0,calc((var(--ob-ap) - var(--ob-row-delay)) / .13),1); opacity:calc(var(--ob-ad-reveal) * var(--ob-ad-fade)); clip-path:inset(0 calc((1 - var(--ob-ad-reveal)) * 100%) 0 0); transform:translateY(calc((1 - var(--ob-ad-reveal)) * 1.3cqw)); }
.sp-demo .ob-ads-demo .mc-ad-row-1 { --ob-row-delay:.07; }
.sp-demo .ob-ads-demo .mc-ad-row-2 { --ob-row-delay:.14; }
.sp-demo .ob-ads-demo .mc-ad-row-3 { --ob-row-delay:.21; }
.sp-demo .ob-ads-demo .ob-ads-ad-glint { --ob-glint:clamp(0,calc((var(--ob-ap) - .34) / .22),1); position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,transparent 25%,#65e3c622 44%,#cdfff240 50%,transparent 67%); transform:translateX(calc(-140% + 280% * var(--ob-glint))); opacity:calc(var(--ob-ads-active) * clamp(0,calc(min(var(--ob-glint),calc(1 - var(--ob-glint))) * 12),.8)); }
.sp-demo .ob-ads-demo .ob-ads-cursor { --ob-cursor-move:clamp(0,calc((var(--ob-ap) - .43) / .13),1); --ob-cursor-exit:clamp(0,calc((var(--ob-ap) - .67) / .08),1); --ob-cursor-click:clamp(0,calc(min(calc(var(--ob-ap) - .57),calc(.65 - var(--ob-ap))) * 25),1); position:absolute; left:71%; top:39%; width:5.2cqw; height:6.2cqw; opacity:calc(var(--ob-ads-active) * clamp(0,calc((var(--ob-ap) - .42) * 30),1) * (1 - var(--ob-cursor-exit))); transform:translate3d(calc((1 - var(--ob-cursor-move)) * 8cqw),calc((1 - var(--ob-cursor-move)) * 8cqw),0) scale(calc(1 - .13 * var(--ob-cursor-click))); transform-origin:10% 5%; filter:drop-shadow(0 .35cqw .6cqw #013e4130); pointer-events:none; }
.sp-demo .ob-ads-demo .ob-ads-cursor svg { display:block; width:100%; height:100%; }
.sp-demo .ob-ads-demo .ob-ads-click-ring { --ob-click:clamp(0,calc((var(--ob-ap) - .59) / .13),1); position:absolute; left:71.5%; top:39.5%; width:7cqw; height:7cqw; border:.4cqw solid #19b891; border-radius:50%; box-sizing:border-box; pointer-events:none; transform:translate(-50%,-50%) scale(calc(.25 + 1.3 * var(--ob-click))); opacity:calc(var(--ob-ads-active) * clamp(0,calc(min(var(--ob-click),calc(1 - var(--ob-click))) * 7),.8)); }
.sp-demo.ob-static .ob-ads-demo,.sp-demo.mc-static .ob-ads-demo { --ob-ap:1!important; --ob-ads-active:0!important; }
@media(prefers-reduced-motion:reduce) { .sp-demo .ob-ads-demo { --ob-ap:1!important; --ob-ads-active:0!important; } }

/* Dynamic text replaces the three original notification pixels without changing the HD phone. */
.sp-demo .ob-social-scene { color:#fff; font-family:Inter,Arial,sans-serif; }
.sp-demo .ob-social-hardware { clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,14% 21%,14% 39.4%,30.7% 39.4%,30.7% 21%,14% 21%,0% 0%,66.1% 15.6%,66.1% 33.5%,82.8% 33.5%,82.8% 15.6%,66.1% 15.6%,0% 0%,66.4% 38.7%,66.4% 56.2%,82.5% 56.2%,82.5% 38.7%,66.4% 38.7%,0% 0%); }
.sp-demo .ob-social-notification { --ob-social-opacity:1; --ob-social-scale:1; --ob-social-lift:0; --ob-social-pulse:0; position:absolute; display:flex; align-items:center; justify-content:center; gap:1.15cqw; width:18.7%; height:13.65%; box-sizing:border-box; padding:1.4cqw 1.2cqw; background:linear-gradient(140deg,#188d89 0%,#016f66 56%,#00564f 100%); color:#fff; border:.25cqw solid #62b6ae; border-radius:2.35cqw; box-shadow:inset .45cqw .4cqw .7cqw #9cffff5c,inset -.45cqw -.55cqw .9cqw #004b464d,0 .8cqw 1.5cqw #00181640,0 0 calc(1.8cqw * var(--ob-social-pulse)) #4bdcc548; opacity:var(--ob-social-opacity); transform:translateY(calc(var(--ob-social-lift) * 1cqw)) scale(var(--ob-social-scale)); transform-origin:50% 60%; }
.sp-demo .ob-social-notification::after { content:""; position:absolute; left:66%; top:calc(100% - .6cqw); width:3cqw; height:2.8cqw; clip-path:polygon(0 0,100% 0,100% 100%); background:#005e56; }
.sp-demo .ob-social-notification-0 { left:12.6%; top:22.7%; --ob-social-opacity:var(--ob-social-opacity-0,1); --ob-social-scale:var(--ob-social-scale-0,1); --ob-social-lift:var(--ob-social-lift-0,0); --ob-social-pulse:var(--ob-social-pulse-0,0); }
.sp-demo .ob-social-notification-1 { left:66.2%; top:16.9%; background:linear-gradient(140deg,#fff 0%,#f5f7f5 58%,#dbe4de 100%); color:#08534b; border-color:#e5ebe7; box-shadow:inset .45cqw .4cqw .7cqw #fff,inset -.5cqw -.5cqw .8cqw #b4c3b64a,0 .8cqw 1.5cqw #0018162b,0 0 calc(1.8cqw * var(--ob-social-pulse)) #9fffdf54; --ob-social-opacity:var(--ob-social-opacity-1,1); --ob-social-scale:var(--ob-social-scale-1,1); --ob-social-lift:var(--ob-social-lift-1,0); --ob-social-pulse:var(--ob-social-pulse-1,0); }
.sp-demo .ob-social-notification-1::after { left:18%; background:#dce5df; clip-path:polygon(0 0,100% 0,0 100%); }
.sp-demo .ob-social-notification-2 { left:66.4%; top:40.6%; --ob-social-opacity:var(--ob-social-opacity-2,1); --ob-social-scale:var(--ob-social-scale-2,1); --ob-social-lift:var(--ob-social-lift-2,0); --ob-social-pulse:var(--ob-social-pulse-2,0); }
.sp-demo .ob-social-notification-2::after { left:18%; clip-path:polygon(0 0,100% 0,0 100%); }
.sp-demo .ob-social-notification-icon { display:block; flex:0 0 4.65cqw; width:4.65cqw; filter:drop-shadow(0 .3cqw .25cqw #00282045); transform:scale(calc(1 + .04 * var(--ob-social-pulse))); }
.sp-demo .ob-social-notification-icon svg { display:block; width:100%; height:auto; overflow:visible; }
.sp-demo .ob-social-notification-copy { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.sp-demo .ob-social-notification-copy strong { display:block; color:inherit; font:700 3.8cqw/1.05 Inter,Arial,sans-serif; font-variant-numeric:tabular-nums; letter-spacing:-.13cqw; white-space:nowrap; text-shadow:0 .18cqw .18cqw #002d2433; }
.sp-demo .ob-social-notification-copy>span { display:block; margin-top:.4cqw; font:500 1.35cqw/1.1 Inter,Arial,sans-serif; opacity:.87; white-space:nowrap; }
.sp-demo .ob-social-notification-shine { position:absolute; inset:.3cqw; border-radius:2cqw; pointer-events:none; background:linear-gradient(130deg,#ffffff24,transparent 52%); opacity:calc(.5 + .5 * var(--ob-social-pulse)); }
.sp-demo .ob-social-post-likes { position:absolute; left:37.4%; top:66.25%; width:20.7%; height:2.1%; box-sizing:border-box; display:flex; align-items:center; padding:0 .1cqw; background:#f7f7f6; color:#101615; font:600 .97cqw/1 Arial,sans-serif; white-space:nowrap; }
.sp-demo .ob-social-post-likes>span { opacity:var(--ob-social-post-opacity,1); }
.sp-demo .ob-social-post-heart { position:absolute; left:45.4%; top:42%; color:#fff4f6; font:500 6cqw/1 Arial,sans-serif; text-shadow:0 0 1.7cqw #f66b9773; opacity:calc(var(--ob-social-pulse-0,0) * .46); transform:translateY(calc(-1cqw * var(--ob-social-pulse-0,0))) scale(calc(.85 + .15 * var(--ob-social-pulse-0,0))); }
.sp-demo.ob-static .ob-social-notification,.sp-demo.mc-static .ob-social-notification { opacity:1!important; transform:none!important; --ob-social-pulse:0!important; }
.sp-demo.ob-static .ob-social-post-heart,.sp-demo.mc-static .ob-social-post-heart { display:none; }
@media(prefers-reduced-motion:reduce) { .sp-demo .ob-social-notification { opacity:1!important; transform:none!important; --ob-social-pulse:0!important; } .sp-demo .ob-social-post-heart { display:none; } }

/* Native Elementor content, scoped to the service documents. */
body.sw-service-page { background:#070d18; }
body.sw-service-page #header { position:sticky!important; top:0; opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:none!important; z-index:100; }
body.admin-bar.sw-service-page #header { top:32px; }
@media(min-width:1200px) { body.sw-service-page #header .lqd-show-onstuck { display:flex!important; } }
body.sw-service-page #lqd-site-content,body.sw-service-page .lqd-contents-wrap { background:#070d18; }
body.sw-service-page .titlebar { display:none; }
.sp-page.e-con { --sp-muted:#aebdcb; --sp-ink:#f1f7fa; --sp-line:#adcfec25; --sp-accent:#74e5cb; --sp-night:#070d18; --gap:0px; display:block; width:100%; max-width:none; padding:0; color:var(--sp-ink); background:radial-gradient(ellipse at 75% 8%,#10296566,transparent 24%),radial-gradient(ellipse at 3% 28%,#016f6624,transparent 22%),#070d18; font-family:Inter,sans-serif; overflow:clip; }
.sp-page .e-con { --gap:0px; padding:0; }
.sp-page .elementor-widget { margin:0; width:100%; max-width:100%; }
.sp-page .elementor-widget-container { margin:0; }
.sp-page .sp-section.e-con { position:relative; display:flex; flex-direction:column; gap:22px; width:100%; max-width:1288px; margin:0 auto; padding:100px 40px; }
.sp-page p { color:var(--sp-muted); font-size:16px; line-height:1.85; margin:0; }
.sp-page h1,.sp-page h2,.sp-page h3,.sp-page .elementor-heading-title { color:var(--sp-ink); font-family:Inter,sans-serif; margin:0; text-wrap:balance; }
.sp-page h1.elementor-heading-title { font-size:clamp(40px,4.35vw,66px); font-weight:550; letter-spacing:-.055em; line-height:1.08; }
.sp-page h2.elementor-heading-title { font-size:clamp(30px,3.2vw,47px); font-weight:500; letter-spacing:-.045em; line-height:1.15; max-width:860px; }
.sp-page h3.elementor-heading-title { font-size:21px; font-weight:550; letter-spacing:-.025em; line-height:1.3; }
.sp-page .sp-eyebrow p { color:var(--sp-accent); font-size:11px; line-height:1.4; letter-spacing:.18em; font-weight:650; }
.sp-page .sp-intro p { font-size:18px; line-height:1.85; max-width:610px; }
.sp-page .sp-micro p { font-size:10px; letter-spacing:.12em; color:#90a5b6; line-height:1.8; }
.sp-page .sp-hero.e-con { min-height:730px; min-height:min(840px,95svh); display:grid; grid-template-columns:1.03fr 1fr; align-items:center; gap:14px; padding-top:68px; padding-bottom:78px; }
.sp-page .sp-hero::before { content:""; position:absolute; inset:0 -10%; pointer-events:none; background-image:radial-gradient(circle at 15% 20%,#b1e5ff 1px,transparent 1.5px),radial-gradient(circle at 83% 65%,#88bcbb 1px,transparent 1.5px); background-size:203px 227px,317px 193px; opacity:.16; }
.sp-page .sp-hero-copy.e-con { gap:26px; z-index:2; }
.sp-breadcrumb { display:flex; gap:12px; align-items:center; font-size:11px; margin-bottom:18px; color:#8b9bac; }
.sp-breadcrumb a { color:#cbd8e4; }
.sp-page .sp-actions.e-con { flex-direction:row; align-items:center; flex-wrap:wrap; gap:24px; margin-top:8px; }
.sp-page .sp-actions>.elementor-widget { width:auto; }
.sp-button .elementor-button { display:inline-flex; justify-content:center; align-items:center; gap:18px; padding:18px 24px; border:1px solid #78f2d65c; border-radius:7px; color:#fff; background:#016f66; font:600 13px/1.3 Inter,sans-serif; letter-spacing:0; text-transform:none; box-shadow:0 8px 36px #00ad8020; transition:background .25s,transform .25s,box-shadow .25s; }
.sp-button .elementor-button::after { content:'↗'; font-size:18px; font-weight:400; }
.sp-button .elementor-button:is(:hover,:focus-visible) { background:#058b7e; color:white; transform:translateY(-2px); box-shadow:0 10px 34px #00c99235; }
.sp-button-outline .elementor-button { background:transparent; border-color:#abc8e033; box-shadow:none; }
.sp-text-link { color:#dce9f2; font-size:12px; white-space:nowrap; padding:15px 0; display:inline-flex; gap:14px; align-items:center; }
.sp-text-link:hover { color:#74e5cb; }
.sp-page .sp-stage.e-con { min-width:0; width:100%; position:relative; align-self:center; perspective:1100px; }
.sp-stage::before { content:""; position:absolute; width:100%; height:75%; top:10%; left:5%; border-radius:50%; background:radial-gradient(ellipse,#17765e44,transparent 64%); transform:translate3d(0,var(--sp-drift,0px),0); pointer-events:none; }
.sp-demo { position:relative; width:100%; --mc-demo:1; --mc-alive:0; --mc-idle:0; --mc-wave-a:0; --mc-wave-b:0; --mc-wave-c:0; }
.sp-page .sp-demo .sp-demo-figure { margin:0 0 0 -6%!important; width:112%; max-width:780px; transform:rotateX(var(--sp-rx,0deg)) rotateY(var(--sp-ry,0deg)); transition:transform .6s ease; }
.sp-demo-figure>.ob-art { transform:translate3d(0,var(--ob-float,0px),0); }
.sp-demo figcaption { text-align:center; color:#93a7b9; font-size:10px; letter-spacing:.035em; margin-top:18px; }
.sp-demo .sv-visual { position:relative; width:100%; aspect-ratio:3/2; container-type:inline-size; user-select:none; pointer-events:none; }
.sp-demo .sv-visual img { display:block; width:100%; height:100%; max-width:none; object-fit:contain; -webkit-mask-image:var(--sp-mask-override,var(--sv-mask)); mask-image:var(--sp-mask-override,var(--sv-mask)); mask-mode:luminance; -webkit-mask-size:100% 100%; mask-size:100% 100%; mask-repeat:no-repeat; }
.sp-demo .sv-ad { position:absolute; left:20%; top:57.6%; width:68%; height:auto; padding:2.45cqw 3cqw; display:flex; flex-direction:column; text-align:left; background:#f8fbff; border-radius:1.05cqw; color:#202f45; font-family:Arial,sans-serif; box-shadow:0 .6cqw 1.6cqw #0e3e5924; }
.sp-demo .sv-ad-sponsor { font-size:2.22cqw; font-weight:700; margin-bottom:.95cqw; }
.sp-demo .sv-ad strong { font-size:2.7cqw; line-height:1.1; color:#154db2; font-weight:500; }
.sp-demo .sv-ad-url { font-size:2.22cqw; color:#237747; margin:.8cqw 0; }
.sp-demo .sv-ad-copy { font-size:2.08cqw; line-height:1.25; }
.sp-demo .sv-search { position:absolute; left:11.5%; top:10.3%; width:50%; height:9%; display:flex; align-items:center; justify-content:space-between; gap:2cqw; padding:0 3cqw; color:#202b40; background:#fff; border-radius:6cqw; font:500 2.6cqw Arial,sans-serif; }
.sp-demo .sv-search svg { width:3.5cqw; height:3.5cqw; stroke:#305a89; stroke-width:2; }
.sp-page .sp-grid.e-con { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; width:100%; margin-top:23px; }
.sp-page .sp-card.e-con { position:relative; gap:20px; padding:30px; min-height:228px; border:1px solid var(--sp-line); border-radius:12px; background:linear-gradient(150deg,#14273965,#101b3033); transition:transform .4s,border-color .4s,background .4s; }
.sp-page .sp-card:hover { transform:translateY(-5px); border-color:#75e4c965; background:linear-gradient(150deg,#173c4566,#101b3033); }
.sp-page .sp-number p { color:#61c9b4; font-size:11px; font-variant-numeric:tabular-nums; letter-spacing:.08em; }
.sp-page .sp-card p,.sp-page .sp-usecase p,.sp-page .sp-step p { font-size:14px; line-height:1.8; }
.sp-page .sp-grid-four.e-con { grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
.sp-page .sp-step.e-con { gap:23px; padding:27px 0 0; border-top:1px solid #739fb355; }
.sp-page .sp-step .sp-number p { color:#8ee6d7; font-size:38px; font-weight:300; letter-spacing:-.05em; }
.sp-page .sp-method::before { content:""; position:absolute; inset:0 -70vw; pointer-events:none; z-index:0; background:linear-gradient(110deg,#0d177b1f,#016f661a,transparent); border-block:1px solid #587c9919; }
.sp-page .sp-method>.e-con,.sp-page .sp-method>.elementor-widget { position:relative; }
.sp-page .sp-usecase.e-con { padding:28px; gap:20px; border-left:2px solid #016f66; background:#11303326; }
.sp-page .sp-faq.e-con { max-width:1040px; }
.sp-page .elementor-accordion { margin-top:25px; }
.sp-page .elementor-accordion .elementor-accordion-item { border:0; border-bottom:1px solid var(--sp-line); }
.sp-page .elementor-accordion .elementor-tab-title { padding:25px 0; font:500 19px/1.4 Inter,sans-serif; color:#f2f7fc; background:transparent; }
.sp-page .elementor-accordion .elementor-tab-title a { color:inherit; font:inherit; }
.sp-page .elementor-accordion .elementor-tab-title.elementor-active { color:#79e8cd; }
.sp-page .elementor-accordion .elementor-tab-content { padding:0 40px 27px 0; border:0; background:transparent; }
.sp-page .elementor-accordion .elementor-tab-content p { font-size:15px; }
.sp-page .elementor-accordion svg { fill:currentColor; }
.sp-page .sp-related-grid.e-con { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; margin-top:22px; }
.sp-page .sp-related-card.e-con { gap:24px; padding:37px; border:1px solid var(--sp-line); border-radius:12px; background:radial-gradient(ellipse at 100% 0,#14554b30,transparent 70%); }
.sp-page .sp-final.e-con { text-align:center; align-items:center; padding-top:115px; padding-bottom:120px; border-top:1px solid var(--sp-line); }
.sp-page .sp-final p { max-width:580px; margin:0 auto; }
.sp-page .sp-final .sp-button { margin-top:20px; }
.sp-page :is(a,button,input,select,textarea):focus-visible { outline:2px solid #82f3d7; outline-offset:5px; }
.sp-reveal { opacity:1; transform:none; }
@media(prefers-reduced-motion:no-preference) { .sp-reveal.sp-pending { opacity:0; transform:translateY(24px); } .sp-reveal.sp-enter { transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.3,1); } }
.sp-page .sp-contact-intro.e-con { max-width:1030px; text-align:center; align-items:center; padding-bottom:55px; }
.sp-page .sp-contact-intro .sp-intro p { margin:auto; max-width:740px; }
.sp-page .sp-contact-grid.e-con { display:grid; grid-template-columns:.8fr 1.2fr; gap:75px; padding-top:30px; }
.sp-page .sp-contact-aside.e-con { gap:25px; }
.sp-page .sp-contact-aside .sp-grid { display:flex; flex-direction:column; gap:0; margin:0; }
.sp-page .sp-contact-aside .sp-card { background:none; border:0; border-top:1px solid var(--sp-line); border-radius:0; min-height:0; padding:22px 0; gap:10px; transform:none; }
.sp-page .sp-contact-aside .sp-number { display:none; }
.sp-page .sp-form-panel.e-con { padding:36px; background:#122136a6; border:1px solid var(--sp-line); border-radius:16px; gap:20px; }
.sp-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.sp-form-grid>.sp-wide { grid-column:1/-1; }
.sp-form-grid label { color:#e6edf5; font:500 13px/1.6 Inter,sans-serif; display:block; width:100%; }
.sp-form-grid .wpcf7-form-control-wrap { display:block; margin-top:9px; }
.sp-form-grid :is(input,select,textarea) { display:block; width:100%; max-width:100%; background:#071322!important; color:#f0f7fb!important; border:1px solid #69869c66!important; border-radius:6px!important; padding:13px 14px!important; font:400 15px/1.5 Inter,sans-serif!important; min-height:48px; box-shadow:none!important; }
.sp-form-grid textarea { resize:vertical; min-height:160px; }
.sp-form-grid select { appearance:auto; }
.sp-form-grid option { background:#071322; color:white; }
.sp-form-grid p { margin:0; }
.sp-form-panel .wpcf7-submit { background:#016f66!important; border:1px solid #74e5cb6b!important; border-radius:7px; color:white; padding:17px 25px; font:600 14px Inter,sans-serif; margin-top:25px; cursor:pointer; }
.sp-form-panel .wpcf7-not-valid-tip { font-size:12px; color:#ffb4b4; margin-top:6px; }
.sp-form-panel .wpcf7-response-output { color:#eef7fa; margin:20px 0 0!important; font-size:14px; border-radius:6px; padding:12px!important; }
.sp-page .sp-form-note p { font-size:11px; color:#b3c4d4; }
@media(max-width:1050px) { .sp-page .sp-section.e-con { padding:75px 30px; } .sp-page .sp-hero.e-con { min-height:670px; grid-template-columns:1.08fr .92fr; } .sp-page h1.elementor-heading-title { font-size:46px; } .sp-page .sp-card.e-con { padding:24px; } .sp-page .sp-grid-four.e-con { grid-template-columns:repeat(2,minmax(0,1fr)); } .sp-page .sp-contact-grid.e-con { gap:35px; } }
@media(max-width:767px) { body.admin-bar.sw-service-page #header { top:46px; } .sp-page .sp-section.e-con { padding:58px 22px; gap:18px; } .sp-page .sp-hero.e-con { min-height:0; grid-template-columns:1fr; gap:12px; padding-top:35px; padding-bottom:40px; } .sp-page h1.elementor-heading-title { font-size:clamp(36px,9.5vw,52px); line-height:1.12; } .sp-page .sp-hero-copy.e-con { gap:20px; } .sp-breadcrumb { margin-bottom:4px; } .sp-page .sp-intro p { font-size:16px; line-height:1.8; } .sp-page .sp-stage.e-con { max-width:560px; margin:20px auto 0; } .sp-demo-figure { width:108%; margin-left:-4%; } .sp-demo figcaption { font-size:9px; } .sp-page .sp-grid.e-con,.sp-page .sp-related-grid.e-con { grid-template-columns:1fr; gap:16px; margin-top:14px; } .sp-page .sp-card.e-con { min-height:0; gap:17px; } .sp-page .sp-step.e-con { padding:23px 0; gap:16px; } .sp-page .sp-grid-four.e-con { gap:0; } .sp-page .sp-related-card.e-con { padding:25px; } .sp-page .sp-contact-grid.e-con { grid-template-columns:1fr; gap:32px; padding-top:0; } .sp-page .sp-form-panel.e-con { padding:22px; } .sp-form-grid { grid-template-columns:1fr; gap:18px; } .sp-form-grid>.sp-wide { grid-column:auto; } .sp-page .elementor-accordion .elementor-tab-title { font-size:17px; } .sp-page .sp-contact-intro.e-con { padding-bottom:35px; } }
@media(prefers-reduced-motion:reduce) { .sp-page *, .sp-page *::before, .sp-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } .sp-demo-figure,.sp-demo-figure>.ob-art { transform:none!important; } }
@media(max-width:767px) { .sp-page .sp-contact-grid>.sp-form-panel { order:0; } .sp-page .sp-contact-grid>.sp-contact-aside { order:1; } }
@supports not (container-type:inline-size) { .sp-demo .mc-visual-content { font-size:10px; } }
.sp-page .sp-faq .elementor-tab-content[data-sp-open="true"] { display:block!important; }
.sp-page .sp-faq .elementor-tab-content[data-sp-open="false"] { display:none!important; }
.sp-page .sp-faq .elementor-tab-title:focus-visible { outline:2px solid #6cd8c6; outline-offset:4px; }
@media(max-width:1050px) { .sp-page .sp-demo .sp-demo-figure { width:106%; margin-left:-3%!important; } }

.sp-demo .sv-ad-base { position:absolute; left:7%; bottom:3%; width:86%; aspect-ratio:900/177; overflow:hidden; }
.sp-demo .sv-ad-base img { position:absolute; width:170.6667%; height:578.5311%; left:-35.3333%; top:-282.4859%; object-fit:fill; }
.sp-demo .sv-ad { position:absolute; left:12%; top:55%; width:76%; padding:2.7cqw 3cqw; border:1px solid #e0e7e4; border-radius:2cqw; background:linear-gradient(145deg,#fff,#f8faf9); box-shadow:0 1.2cqw 1.8cqw #173e3520; color:#111918; font-family:Arial,sans-serif; text-align:left; line-height:1.25; }
.sp-demo .sv-ad span,.sv-ad strong { display:block; }
.sp-demo .sv-ad-sponsor { margin-bottom:1.3cqw; font-size:2.8cqw; font-weight:600; }
.sp-demo .sv-ad strong { font-size:3.3cqw; font-weight:600; color:#0d177b; }
.sp-demo .sv-ad-url { margin-top:.7cqw; font-size:2.8cqw; color:#016f66; }
.sp-demo .sv-ad-copy { margin-top:1cqw; font-size:2.7cqw; }
.sp-demo .sv-search { position:absolute; top:5%; left:15.4%; width:38%; height:10.7%; display:flex; align-items:center; justify-content:space-between; padding:0 2cqw; border:1px solid #e5e9e7; border-radius:3cqw; background:linear-gradient(#fff,#f4f6f5); color:#111; font:500 3.5cqw Arial,sans-serif; white-space:nowrap; }
.sp-demo .sv-search svg { width:4.3cqw; height:4.3cqw; margin-left:1cqw; stroke:currentColor; stroke-width:2; }
.sp-demo .sv-rank { position:absolute; top:20%; left:75%; color:#fff; font:700 4.4cqw Arial,sans-serif; transform:rotate(3deg); }