.service-study{color:var(--brand-text);background:var(--brand-ground);overflow:clip}.scene-review-note{color:var(--brand-link);border-bottom:1px solid #87c1e820;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 5vw;font-size:12px;display:flex}.scene-review-note span{color:var(--brand-muted)}.services-bridge{color:var(--brand-text);background:linear-gradient(110deg,#003054,#064168);border-block:1px solid #87c1e84a;align-items:center;gap:16px;padding:28px max(5vw,50vw - 660px);display:flex}.services-bridge>svg{color:var(--brand-gold);flex-shrink:0}.services-bridge p{margin:0;font-size:clamp(21px,2vw,28px)}.services-bridge-list{color:var(--brand-link);margin-inline-start:auto;font-size:14px}.services-bridge i{color:var(--brand-gold);padding-inline:8px;font-style:normal}.service-scene{--progress:.5;isolation:isolate;grid-template-columns:.78fr 1.45fr;align-items:center;column-gap:5%;min-height:0;padding:68px max(5vw,50vw - 660px) 78px;display:grid;position:relative}.scene-creative{background:#002b49}.scene-copy{z-index:3;grid-area:1/1;position:relative}.scene-label{color:var(--brand-link);align-items:center;gap:10px;margin:0 0 27px;font-size:15px;display:flex}.scene-copy :is(h1,h2){letter-spacing:-.04em;margin:0;font-size:clamp(38px,4.8vw,70px);font-weight:650;line-height:1.08}.scene-copy em{color:var(--brand-link);font-style:normal;display:inline-block;position:relative}.scene-copy em:after{content:"";background:var(--brand-gold);transform-origin:100%;width:38%;height:3px;transform:scaleX(var(--reveal,1));margin-top:12px;display:block}.scene-line{color:#b5cddd;max-width:24ch;margin:24px 0 0;font-size:17px;line-height:1.6}.scene-visual{direction:ltr;grid-area:1/2;width:100%;height:clamp(390px,40vw,560px);position:relative}.scene-details{color:var(--brand-muted);z-index:2;border-top:1px solid #87c1e824;grid-column:1/-1;justify-content:space-between;align-items:center;gap:40px;margin-top:45px;padding-top:22px;font-size:14px;display:flex}.scene-details small{margin-top:5px;font-size:11px;display:block}.scene-details a{color:var(--brand-link);align-items:center;gap:12px;min-height:44px;display:flex}.scene-thread{pointer-events:none;z-index:1;width:100%;height:150px;position:absolute;bottom:-1px;left:0}.scene-thread path{fill:none;stroke:#3194d7;stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progress));filter:drop-shadow(0 0 6px #3194d7)}.glass-media{background:#001a2b;border:1px solid #70c7ff70;border-radius:20px;overflow:hidden;box-shadow:0 18px 50px #00142270,0 0 30px #3194d714}.glass-object{background:linear-gradient(135deg,#12547ce6,#00345be6);border:1px solid #70c7ff90;border-radius:20px;box-shadow:inset 1px 1px #c3eaff35,0 18px 40px #00142275}.campaign-reel{aspect-ratio:1;width:72%;transform:translateY(calc((.5 - var(--progress)) * 65px)) rotate(calc((.5 - var(--progress)) * -5deg));z-index:2;position:absolute;top:40px;left:7%}.campaign-reel>img{object-fit:contain;width:100%;height:100%;display:block}.media-brand{background:linear-gradient(#001830dc,#0000);justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;inset:0 0 auto}.media-brand img{width:75px;height:auto}.media-open{direction:rtl;background:#001830df;border-radius:24px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex;position:absolute;bottom:14px;left:14px}.campaign-backplate{width:47%;height:60%;color:var(--brand-link);border:1px solid #3194d760;border-radius:16px;align-items:flex-start;gap:9px;padding:14px;font-size:12px;display:flex;position:absolute;top:12px;left:2%;transform:rotate(-9deg)}.campaign-audience{z-index:3;gap:22px;display:grid;position:absolute;top:100px;right:0}.campaign-audience>span{color:#8fa8bc;width:70px;height:76px;transform:translateX(calc((1 - var(--progress)) * 12px));background:#00345bf5;border:1px solid #3194d770;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.campaign-audience .audience-match{border-color:var(--brand-gold);color:var(--brand-gold);box-shadow:0 0 calc(var(--progress) * 20px) #fca83040}.audience-match small{font-size:10px}.campaign-orbit{border:1px solid #3194d724;border-radius:50%;position:absolute;inset:0;transform:rotate(-20deg)scale(.9,.7)}.campaign-orbit i{background:var(--brand-gold);border-radius:50%;width:8px;height:8px;position:absolute;top:5%;right:15%;box-shadow:0 0 18px #fca830}.campaign-next{width:65%;color:var(--brand-link);transform:translateY(calc((1 - var(--progress)) * 32px));z-index:3;direction:rtl;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;bottom:28px;left:19%}.campaign-next small{color:var(--brand-muted);margin-top:4px;font-size:11px;display:block}.creative-composition{height:clamp(540px,47vw,660px)}.service-clip{z-index:2;width:49%;margin:0;position:absolute}.service-clip video{aspect-ratio:1;object-fit:contain;background:#001830;width:100%;display:block}.service-clip figcaption{color:var(--brand-link);direction:rtl;background:#003054;align-items:center;gap:9px;padding:14px 18px;font-size:13px;display:flex}.clip-1{transform:translateY(calc((.5 - var(--progress)) * 55px)) rotate(-3deg);top:0;left:0}.clip-2{transform:translateY(calc((.5 - var(--progress)) * 90px)) rotate(3deg);bottom:0;right:0}.clip-sound{color:#fff;cursor:pointer;background:#001830dc;border:1px solid #87c1e84d;border-radius:30px;align-items:center;gap:8px;min-height:44px;padding:8px 13px;font-size:12px;display:flex;position:absolute;top:14px;left:14px}.clip-sound[aria-pressed=true]{color:var(--brand-gold);border-color:var(--brand-gold)}.creative-frame{border:1px solid #3194d72b;border-radius:30px;position:absolute;inset:7% -2%;transform:rotate(6deg)}.creative-frame i{border:2px solid var(--brand-blue);width:30px;height:30px;position:absolute}.creative-frame i:first-child{border-bottom:0;border-right:0;top:0;left:0}.creative-frame i:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.creative-frame i:nth-child(3){border-top:0;border-left:0;bottom:0;right:0}.creative-frame i:nth-child(4){border-top:0;border-right:0;bottom:0;left:0}.creative-spark{z-index:3;color:var(--brand-gold);transform:rotate(calc(var(--progress) * 70deg));filter:drop-shadow(0 0 15px #fca83035);position:absolute;top:18%;right:13%}.automation-composition{aspect-ratio:700/590;max-width:700px}.automation-wires{fill:none;width:100%;height:100%;position:absolute;inset:0}.wire-base{stroke:#3194d74a;stroke-width:2px}.wire-live{stroke:#87d4ff;stroke-width:3px;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--progress));filter:drop-shadow(0 0 7px #3194d7)}.flow-object{color:var(--brand-text);direction:rtl;padding:25px;position:absolute}.flow-inbox{width:44%;transform:translateY(calc((.5 - var(--progress)) * 45px)) rotate(-7deg);top:7%;left:3%}.object-top{color:var(--brand-link);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.signal-dot{background:var(--brand-gold);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #fca83070}.flow-object strong{font-size:20px;font-weight:500;display:block}.flow-object small{color:var(--brand-muted);font-size:11px}.message-lines{gap:8px;margin:17px 0;display:grid}.message-lines i{background:#87c1e84d;border-radius:3px;width:85%;height:5px}.message-lines i:last-child{width:60%}.flow-answer{z-index:2;justify-items:center;gap:10px;padding:22px;display:grid;top:39%;left:36%;transform:rotate(5deg)}.flow-answer svg{color:var(--brand-link);stroke-dasharray:100;stroke-dashoffset:calc((1 - var(--progress)) * 70)}.flow-answer>svg{width:60px;height:60px}.campaign-audience svg{width:28px;height:28px}.creative-spark svg{width:38px;height:38px}.object-top>svg{width:26px;height:26px}.flow-answer strong{font-size:15px}.flow-calendar{width:39%;transform:translateY(calc((.5 - var(--progress)) * -45px)) rotate(-3deg);bottom:3%;right:0}.flow-calendar .object-top strong{font-size:14px}.calendar-grid{direction:ltr;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-grid span{aspect-ratio:1;border:1px solid #87c1e835;border-radius:3px}.calendar-grid .selected{border-color:var(--brand-gold);color:var(--brand-gold);background:#fca83012;place-items:center;display:grid}.flow-footnote{color:var(--brand-muted);font-size:11px;position:absolute;bottom:5%;left:5%}.scene-motion-toggle{color:var(--brand-link);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #87c1e850;margin:0 auto 24px;padding:12px;font-size:12px;display:block}.service-study :is(a,button):focus-visible{outline:2px solid var(--brand-gold);outline-offset:4px}.service-study[data-motion=off] .service-scene{--progress:1!important;--reveal:1!important}@media (width<=760px){.scene-review-note{padding:12px 20px;font-size:10px}.services-bridge{flex-wrap:wrap;gap:10px;padding:24px 20px}.services-bridge-list{flex-basis:100%;margin:0;padding-inline-start:34px;font-size:13px}.service-scene{flex-direction:column;align-items:stretch;min-height:0;padding:42px 20px 52px;display:flex}.scene-copy{margin-bottom:32px}.scene-label{margin-bottom:16px;font-size:14px}.scene-copy :is(h1,h2){font-size:clamp(36px,10vw,48px)}.scene-copy :is(h1,h2) br{display:block}.scene-copy em:after{height:2px;margin-top:6px}.scene-line{max-width:none;margin-top:16px;font-size:15px}.scene-visual{aspect-ratio:1;height:auto}.campaign-reel{width:78%;top:25px;left:0}.campaign-backplate{top:4px;left:5%}.campaign-audience{gap:16px;top:45px;right:0}.campaign-audience>span{border-radius:12px;width:52px;height:59px}.campaign-audience svg{width:24px}.campaign-next{width:80%;padding:18px;font-size:14px;bottom:14px;left:12%}.scene-details{gap:15px;margin-top:25px;font-size:12px}.scene-details a{white-space:nowrap;gap:7px}.scene-thread{height:75px}.creative-composition{aspect-ratio:1/2}.service-clip{width:83%}.clip-1{left:0}.clip-2{right:0}.service-clip figcaption{padding:12px;font-size:12px}.creative-spark{top:45%;right:2%}.automation-composition{aspect-ratio:1/1.15}.flow-object{border-radius:15px;padding:16px}.flow-inbox{width:55%;top:0;left:0}.flow-object strong{font-size:16px}.flow-answer{gap:4px;padding:14px;top:38%;left:32%}.flow-answer svg{width:40px;height:40px}.flow-answer strong{font-size:12px}.flow-calendar{width:47%;bottom:0}.flow-calendar .object-top{gap:4px;margin-bottom:12px}.flow-calendar .object-top strong{font-size:11px}.calendar-grid{gap:4px}.calendar-grid .selected svg{width:10px}.flow-footnote{bottom:3%;left:0}}@media (prefers-reduced-motion:reduce){.service-scene{--progress:1!important;--reveal:1!important}}.scene-automation{--flow-arrival:1;--flow-send:1;--flow-answer:1;--flow-connect:1;--flow-book:1}.scene-automation .flow-inbox{opacity:calc(.25 + var(--flow-arrival) * .75);transform:translateY(calc((1 - var(--flow-arrival)) * 22px)) rotate(-7deg)}.scene-automation .flow-inbox :is(strong,.message-lines,small,.signal-dot){opacity:var(--flow-arrival)}.scene-automation .message-lines{transform:translateY(calc((1 - var(--flow-arrival)) * 8px))}.scene-automation .flow-answer{opacity:calc(.3 + var(--flow-answer) * .7);transform:rotate(5deg) scale(calc(.94 + var(--flow-answer) * .06))}.scene-automation .flow-answer>svg{opacity:var(--flow-answer);stroke-dasharray:none;stroke-dashoffset:0;clip-path:inset(0 calc((1 - var(--flow-answer)) * 100%) 0 0)}.scene-automation .flow-answer strong{opacity:var(--flow-answer);transform:translateY(calc((1 - var(--flow-answer)) * 6px))}.scene-automation .flow-calendar{opacity:calc(.35 + var(--flow-book) * .65);transform:rotate(-3deg)}.scene-automation .flow-calendar strong{opacity:var(--flow-book)}.scene-automation .calendar-grid .selected{color:var(--brand-gold);background:0 0;border-color:#87c1e835;position:relative}.scene-automation .calendar-grid .selected:after{content:"";border:1px solid var(--brand-gold);opacity:var(--flow-book);background:#fca83016;border-radius:3px;position:absolute;inset:-1px;box-shadow:0 0 14px #fca83040}.scene-automation .calendar-grid .selected svg{opacity:var(--flow-book);transform:scale(calc(.6 + var(--flow-book) * .4))}.scene-automation .wire-base{stroke:#3194d72a}.scene-automation .wire-first{stroke-dashoffset:calc(1 - var(--flow-send))}.scene-automation .wire-second{stroke-dashoffset:calc(1 - var(--flow-connect))}.flow-packet{fill:var(--brand-gold);filter:drop-shadow(0 0 6px #fca830);opacity:0}.scene-automation .calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.scene-automation .calendar-grid span{min-width:0}@media (width<=760px){.scene-automation .flow-inbox .object-top{margin-bottom:12px}.scene-automation .flow-inbox .message-lines{margin:10px 0}.scene-automation .flow-answer{top:44%}}
