body>main{overflow:clip;background:#fcfaf6}body>main>section{position:relative;isolation:isolate;background:transparent!important;border:0}body>main>section::before{content:"";position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background-color:var(--tone,#fcfaf6);background-image:var(--art),radial-gradient(circle at 1px 1px,#9855bf16 1px,transparent 1.5px);background-size:420px 340px,30px 30px;background-position:right top,center;background-repeat:no-repeat,repeat}
.hero{display:block;max-width:1200px;padding-top:70px;padding-bottom:70px;text-align:center}.hero>div{max-width:750px;margin:0 auto 40px}.hero h1{font-size:clamp(36px,4.6vw,62px);max-width:18ch;margin:16px auto 22px;text-wrap:balance}.hero .muted{max-width:59ch;margin:0 auto 24px}.social-shoot{position:relative;margin:0 12px;isolation:isolate}.social-shoot:before{content:"";position:absolute;inset:12px -12px -12px 12px;background:#e9d4fa;border-radius:28px;transform:rotate(-1.5deg);z-index:-1}.hero .social-shoot img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:24px;box-shadow:0 18px 45px #4923641a}
.box{box-shadow:0 8px 24px #49236406}.steps .box:nth-child(2n){background:#fffaf0}.steps .box:nth-child(3n){background:#fff5f9}.cta{background:#321744;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffff18;border-radius:50%;right:-100px;top:-90px;box-shadow:0 0 0 30px #ffffff08;pointer-events:none}
body>main>.hero{--tone:#fff8f0;--art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22420%22%20height%3D%22340%22%20viewBox%3D%220%200%20420%20340%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23a52be3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.22%22%3E%3Cpath%20d%3D%22m290%2035%2014%2047%2048%2014-48%2014-14%2047-14-47-48-14%2048-14zM35%20195c30-70%2070%2070%20100%200s70%2070%20100%200M360%20250v32m-16-16h32%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2270%22%20r%3D%2222%22/%3E%3C/g%3E%3C/svg%3E")}
body>main>section:nth-of-type(2){--tone:#f1e9fa;--art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22420%22%20height%3D%22340%22%20viewBox%3D%220%200%20420%20340%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23a52be3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.22%22%3E%3Cpath%20d%3D%22M190%2045h145a25%2025%200%200%201%2025%2025v70a25%2025%200%200%201-25%2025h-65l-40%2030v-30h-40a25%2025%200%200%201-25-25V70a25%2025%200%200%201%2025-25zM205%2095h110m-110%2026h70M40%20240q30-45%2060%200t60%200t60%200%22/%3E%3C/g%3E%3C/svg%3E")}
body>main>.tint{--tone:#fceff3;--art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22420%22%20height%3D%22340%22%20viewBox%3D%220%200%20420%20340%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23a52be3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.22%22%3E%3Crect%20x%3D%22175%22%20y%3D%2245%22%20width%3D%22150%22%20height%3D%22215%22%20rx%3D%2230%22%20transform%3D%22rotate%2812%20250%20150%29%22/%3E%3Cpath%20d%3D%22m225%20105%2050%2032-50%2032zM45%2080l15%2025%2030-4-20%2022%209%2028-26-12-24%2017%204-29-24-18%2029-5zM340%20285q20-35%2040%200%22/%3E%3C/g%3E%3C/svg%3E")}
body>main>.deliver{--tone:#edf5f1;--art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22420%22%20height%3D%22340%22%20viewBox%3D%220%200%20420%20340%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23a52be3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.22%22%3E%3Cpath%20d%3D%22m290%2035%2014%2047%2048%2014-48%2014-14%2047-14-47-48-14%2048-14zM35%20195c30-70%2070%2070%20100%200s70%2070%20100%200M360%20250v32m-16-16h32%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2270%22%20r%3D%2222%22/%3E%3C/g%3E%3C/svg%3E")}
body>main>section:last-child{--tone:#f4edfc;--art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22420%22%20height%3D%22340%22%20viewBox%3D%220%200%20420%20340%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23a52be3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.22%22%3E%3Cpath%20d%3D%22M190%2045h145a25%2025%200%200%201%2025%2025v70a25%2025%200%200%201-25%2025h-65l-40%2030v-30h-40a25%2025%200%200%201-25-25V70a25%2025%200%200%201%2025-25zM205%2095h110m-110%2026h70M40%20240q30-45%2060%200t60%200t60%200%22/%3E%3C/g%3E%3C/svg%3E")}
@media(max-width:760px){.hero{padding-top:42px;padding-bottom:46px}.hero>div{margin-bottom:30px}.hero h1{letter-spacing:-1px}.hero .muted{font-size:15px}.social-shoot{margin:0}.hero .social-shoot img{border-radius:17px}.social-shoot:before{inset:8px -5px -8px 5px;border-radius:18px}body>main>section::before{background-size:220px 178px,30px 30px}.deliver{gap:24px}}
/* Full-bleed photographic hero with live text over a purple gradient. */
body>main>.hero{max-width:none;min-height:clamp(680px,61vw,920px);display:flex;align-items:flex-end;justify-content:center;padding:80px 24px 54px;background:#21112f!important;color:#fff;overflow:hidden}
body>main>.hero::before{display:none}.hero>.social-shoot{position:absolute;inset:0;margin:0;z-index:-2}.hero .social-shoot::before{display:none}.hero .social-shoot img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;box-shadow:none}.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#251032f5 0%,#3e1755d9 22%,#5b247459 48%,#3b155b12 75%),linear-gradient(110deg,#8623bc2b,transparent 55%,#7122a02e)}
.hero>div{position:relative;max-width:850px;margin:0 auto}.hero .eyebrow{color:#eed6ff}.hero h1{font-size:clamp(36px,4.3vw,60px);max-width:22ch;color:#fff;margin:12px auto 18px;text-shadow:0 2px 18px #16082038}.hero .muted{color:#f2e9f7;font-size:16px;max-width:60ch;margin:0 auto 24px}.hero .btn{background:#ad32ec;box-shadow:0 8px 30px #14062130}
@media(max-width:760px){body>main>.hero{min-height:640px;padding:290px 22px 38px}.hero>.social-shoot{bottom:auto;height:auto;aspect-ratio:1672/941}.hero .social-shoot img{height:auto;object-fit:contain}.hero::after{background:linear-gradient(0deg,#251032 0%,#351344 48%,#48205c66 67%,transparent 84%)}.hero h1{font-size:36px}.hero .muted{font-size:14px}.hero>div{margin:0}.hero .eyebrow{font-size:11px}}

/* Center copy within the photograph on desktop and mobile. */
body>main>.hero{align-items:center;padding:70px 24px;min-height:clamp(640px,56vw,820px)}
.hero::after{background:radial-gradient(ellipse at 50% 48%,#30103fc7 0%,#37134c8c 44%,#31104430 78%),linear-gradient(0deg,#251032ad,transparent 70%)}
@media(max-width:760px){body>main>.hero{min-height:620px;min-height:min(640px,calc(100svh - 80px));padding:58px 24px}.hero>.social-shoot{inset:0;height:100%;aspect-ratio:auto}.hero .social-shoot img{height:100%;object-fit:cover;object-position:22% center}.hero::after{background:linear-gradient(0deg,#251032b8,#351344a6),radial-gradient(ellipse at center,#34104570,transparent 80%)}.hero h1{font-size:clamp(32px,8.8vw,40px);max-width:15ch;line-height:1.1}.hero .muted{max-width:32ch;line-height:1.65}.hero .btn{font-size:14px}}

/* Photograph starts at the viewport edge behind the floating navigation. */
body>main{padding-top:0}
body>main>.social-films{--tone:#eee5f6;padding:48px 24px}.film-heading{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.film-heading h2{margin:10px 0 28px}.film-arrows{display:flex;gap:9px}.film-arrows button{width:42px;height:42px;border:1px solid #c6acd8;border-radius:50%;background:#ffffffa6;color:#70249a;font-size:22px;cursor:pointer}.film-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;max-width:1240px;margin:auto;padding-bottom:12px}.film-card{flex:0 0 calc((100% - 70px)/6);min-width:210px;aspect-ratio:9/16;position:relative;overflow:hidden;border-radius:18px;background:#ded0e7;scroll-snap-align:start;isolation:isolate}.film-card iframe{position:absolute;top:-14%;left:0;width:128%;height:128%;border:0;pointer-events:none;opacity:0;transition:opacity .4s}.film-card.playing iframe{opacity:1}.film-toggle{display:block;margin:15px auto 0;border:0;background:transparent;color:#703090;font:500 12px var(--sans);cursor:pointer}.scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}.scope-card{border:1px solid #e2d7e9;background:#fff;border-radius:24px;overflow:hidden}.scope-card header{display:block;padding:28px 24px;background:#ede3f7;min-height:235px}.scope-card:nth-child(2) header{background:#faeaf0}.scope-card:nth-child(3) header{background:#e6f0ec}.scope-number{font:600 12px var(--sans);color:#8132a6}.scope-card h3{font-size:25px;margin:15px 0 12px}.scope-card header p{font-size:13px;color:#645b6b;margin:0}.scope-flow{list-style:none;margin:0;padding:24px}.scope-flow li{display:grid;grid-template-columns:36px 1fr;gap:12px;position:relative;padding-bottom:32px}.scope-flow li:last-child{padding-bottom:0}.scope-flow li:not(:last-child):after{content:'↓';position:absolute;left:12px;bottom:6px;color:#ad59d5;animation:flow-down 2.6s ease-in-out infinite;animation-delay:calc(var(--step)*.22s)}.step-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#f3eafa;color:#8b2abe}.step-symbol svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.scope-flow h4{font-size:14px;margin:4px 0 7px}.scope-flow p{font-size:12px;line-height:1.65;color:#74687c;margin:0}.scope-card:hover .step-symbol svg{animation:icon-lift 2s ease-in-out infinite}.social-process{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;margin-top:38px}.process-wheel svg{width:100%;height:auto;font-family:var(--display)}.process-spin{transform-origin:220px 220px;animation:social-turn 36s linear infinite}.social-process .steps{grid-template-columns:1fr;gap:12px}.social-process .box{display:grid;grid-template-columns:32px 1fr;gap:0 14px;padding:18px}.social-process .box:before{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#a52be3;color:white;font-size:12px}.social-process .box:nth-child(2n):before{background:#f2cc2c;color:#211b28}.social-process h3{font-size:18px;margin:0 0 5px}.social-process p{font-size:13px;margin:0;color:#6c6273}.social-photo-cta{background:linear-gradient(100deg,#2b103fe8,#481864b8),url('/images/ai/social-shoot-v2.jpg') center 45%/cover;padding:80px 30px}.social-photo-cta:before{display:none}.social-photo-cta h2{max-width:650px;margin:0 auto}.social-photo-cta p{color:#f4eafa}
body>main>.social-scope{--tone:#f1e9fa}body>main>.tint{--tone:#fceff3}
@keyframes flow-down{0%,100%{transform:translateY(-2px);opacity:.45}50%{transform:translateY(3px);opacity:1}}@keyframes icon-lift{50%{transform:translateY(-2px)}}@keyframes social-turn{to{transform:rotate(360deg)}}
@media(max-width:760px){.scope-grid,.social-process{grid-template-columns:1fr}.scope-card header{min-height:0;padding:24px}.social-process{gap:24px}.process-wheel{width:100%;max-width:330px;margin:auto}.film-card{flex-basis:65vw;min-width:0}.film-heading h2{font-size:28px}.film-heading{align-items:flex-start}.film-arrows{margin-top:28px}.film-arrows button{width:35px;height:35px}.social-photo-cta{padding:54px 22px}.scope-flow{padding:24px}}
@media(prefers-reduced-motion:reduce){.process-spin,.scope-flow li:after,.scope-card:hover .step-symbol svg{animation:none}.film-card iframe{transition:none}}

/* Four complementary Social Media services */
@media(min-width:1101px){.social-scope{max-width:1240px}.scope-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.scope-card header{padding:26px 20px}.scope-card h3{font-size:23px}.scope-flow{padding:22px 18px}.scope-flow li{gap:10px}}
@media(min-width:761px) and (max-width:1100px){.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.scope-card:nth-child(3) header{background:#e7eff9}.scope-card:nth-child(4) header{background:#e6f0ec}

/* Crop the player account header; retain only the video area. */
.film-card iframe{top:-20%;left:-3%;width:140%;height:140%}.film-track{scroll-snap-type:none;overflow-anchor:none}
@media(min-width:761px){.film-card{min-width:250px}}

/* Strategy gets its own paper-like block, independent of the service cards. */
.social-scope .scope-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.social-scope .scope-paper{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;padding:44px;margin-bottom:28px;border:1px solid #e6ddec;border-radius:8px 32px 32px 8px;background:#fff;box-shadow:0 18px 48px #42245510,0 3px 0 #eee6f4;position:relative}
.social-scope .scope-paper:before{content:'';position:absolute;left:0;top:36px;bottom:36px;width:4px;border-radius:4px;background:#ad31e9}
.social-scope .scope-paper header{background:transparent;min-height:0;padding:12px 24px 12px 8px}
.social-scope .scope-paper h3{font-size:clamp(28px,3vw,42px);line-height:1.15;max-width:330px;margin:24px 0 20px}
.social-scope .scope-paper header p{font-size:16px;line-height:1.7;max-width:290px}
.social-scope .scope-paper .scope-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f1e4fa}
.social-scope .scope-paper .scope-flow{padding:12px 0 12px 32px;border-left:1px solid #ede5f1}
.social-scope .scope-paper .scope-flow h4{font-size:16px}.social-scope .scope-paper .scope-flow p{font-size:14px}
@media(max-width:760px){.social-scope .scope-grid{grid-template-columns:1fr;gap:22px}.social-scope .scope-paper{grid-template-columns:1fr;gap:22px;padding:28px 24px;margin-bottom:12px;border-radius:8px 24px 24px 8px}.social-scope .scope-paper header{padding:0}.social-scope .scope-paper h3{margin:20px 0 14px;font-size:32px}.social-scope .scope-paper .scope-flow{padding:24px 0 0;border-left:0;border-top:1px solid #ede5f1}.social-scope .scope-paper header p{max-width:none}}

/* Production footage behind the strategy title. */
.social-scope .scope-paper{padding:0;gap:0;overflow:hidden}.social-scope .scope-paper:before{display:none}.social-scope .scope-paper .strategy-video-panel{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:560px;padding:40px;overflow:hidden;background:#321446}
.strategy-video-panel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.strategy-video-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(155deg,#5c258252 0%,#6325938f 46%,#240d3bd9 100%);z-index:-1}.strategy-video-copy{position:relative;color:#fff;text-align:center}.social-scope .scope-paper .strategy-video-panel h3{color:#fff;text-shadow:0 2px 16px #21102b55;margin-left:auto;margin-right:auto}.social-scope .scope-paper .strategy-video-panel p{color:#f3e7fa;margin:auto}.social-scope .scope-paper .strategy-video-panel .scope-number{background:#ffffff24;color:#fff;border:1px solid #ffffff55}.social-scope .scope-paper .scope-flow{border:0;padding:40px}
@media(max-width:760px){.social-scope .scope-paper .strategy-video-panel{min-height:420px;padding:32px 24px}.social-scope .scope-paper .scope-flow{padding:28px 24px}.social-scope .scope-paper{gap:0}}

.social-scope .scope-paper .strategy-video-panel{width:100%;max-width:none;margin:0;box-sizing:border-box;align-self:stretch}

/* Each service is a separate sheet; alternate the introduction and steps. */
.social-scope .scope-grid{grid-template-columns:1fr;gap:36px}.social-scope .scope-paper{margin-bottom:0}
.social-scope .scope-sheet{display:grid;grid-template-columns:.85fr 1.15fr;grid-column:1/-1;border-radius:8px 32px 32px 8px;box-shadow:0 18px 48px #42245510,0 3px 0 #eee6f4}
.social-scope .scope-sheet header{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px;min-height:0;margin:0;width:100%;max-width:none;box-sizing:border-box;position:relative;overflow:hidden;isolation:isolate}
.social-scope .scope-sheet header:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #a64cd521;border-radius:50%;right:-90px;bottom:-70px;box-shadow:0 0 0 30px #a64cd508,0 0 0 60px #a64cd505;z-index:-1}
.social-scope .scope-sheet .scope-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffffff9e;border:1px solid #ffffff}
.social-scope .scope-sheet h3{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:24px 0 20px;max-width:370px}
.social-scope .scope-sheet header p{font-size:16px;line-height:1.7;max-width:330px}
.social-scope .scope-sheet .scope-flow{padding:40px}.social-scope .scope-sheet .scope-flow h4{font-size:16px}.social-scope .scope-sheet .scope-flow p{font-size:14px}
.social-scope .scope-sheet:nth-child(even){grid-template-columns:1.15fr .85fr;border-radius:32px 8px 8px 32px}
.social-scope .scope-sheet:nth-child(even) header{grid-column:2;grid-row:1}.social-scope .scope-sheet:nth-child(even) .scope-flow{grid-column:1;grid-row:1}
@media(max-width:760px){.social-scope .scope-grid{gap:28px}.social-scope .scope-sheet,.social-scope .scope-sheet:nth-child(even){grid-template-columns:1fr;border-radius:8px 24px 24px 8px}.social-scope .scope-sheet header,.social-scope .scope-sheet:nth-child(even) header{grid-column:1;grid-row:1;padding:32px 24px}.social-scope .scope-sheet .scope-flow,.social-scope .scope-sheet:nth-child(even) .scope-flow{grid-column:1;grid-row:2;padding:28px 24px}.social-scope .scope-sheet h3{font-size:32px}}

/* Client workspace, framed as a desktop Mac without altering the screenshot. */
body>main>.system-showcase{--tone:#f6f1fa;padding:72px 24px;background:radial-gradient(ellipse at 20% 50%,#e7d7fa 0,transparent 58%),#f8f5fa}.system-showcase .system-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;padding:0;max-width:1240px;margin:auto}.system-copy h2{font-size:clamp(28px,3.1vw,42px);line-height:1.15;margin:18px 0 24px}.system-copy>p:last-child{font-size:17px;line-height:1.8;color:#6c5d76;max-width:440px}.system-laptop{margin:0;min-width:0}.system-laptop img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 20px 45px #3b245c16}
@media(max-width:760px){body>main>.system-showcase{padding:48px 22px}.system-showcase .system-layout{grid-template-columns:1fr;gap:32px}.system-copy h2{font-size:30px}.system-copy>p:last-child{font-size:16px}.mac-display{padding:14px 8px 8px;border-radius:12px 12px 0 0}.mac-camera{top:5px}.mac-chin{height:25px}.mac-stand{height:36px}.mac-foot{height:7px}}



/* Alternating route through every service's steps. */
.social-scope .scope-flow{--route:#ddcfe8;display:flex;flex-direction:column;position:relative}
.social-scope .scope-flow li{--step-color:#943bdd;--step-tint:#f0e4fb;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;width:82%;box-sizing:border-box;min-height:94px;padding:12px 14px 28px;position:relative;z-index:0}
.social-scope .scope-flow li:nth-child(even){align-self:flex-end}
.social-scope .scope-flow li:nth-child(2){--step-color:#167fc0;--step-tint:#e2f2fc}.social-scope .scope-flow li:nth-child(3){--step-color:#db7c17;--step-tint:#fff1da}.social-scope .scope-flow li:nth-child(4){--step-color:#d34585;--step-tint:#fbe5ef}.social-scope .scope-flow li:nth-child(5){--step-color:#168d77;--step-tint:#dff5ed}.social-scope .scope-flow li:nth-child(6){--step-color:#6656ce;--step-tint:#ebe8fc}
.social-scope .scope-flow .step-symbol{width:44px;height:44px;border-radius:15px;color:var(--step-color);background:var(--step-tint);border:1px solid color-mix(in srgb,var(--step-color) 15%,transparent);box-shadow:0 5px 13px color-mix(in srgb,var(--step-color) 9%,transparent);position:relative;z-index:2}
.social-scope .scope-flow .step-symbol svg,.social-scope .scope-card:hover .step-symbol svg{animation:route-icon 3s ease-in-out infinite;animation-delay:calc(var(--step)*.3s)}
.social-scope .scope-flow li:not(:last-child):before{content:'';position:absolute;left:35px;top:58px;width:calc(22% + 8px);height:calc(100% - 35px);border-left:2px dashed var(--route);border-bottom:2px dashed var(--route);border-radius:0 0 0 18px;z-index:-1}
.social-scope .scope-flow li:nth-child(even):not(:last-child):before{left:calc(35px - 22% - 8px);border-left:0;border-right:2px dashed var(--route);border-radius:0 0 18px 0}
.social-scope .scope-flow li:not(:last-child):after{content:'';position:absolute;left:35px;top:61px;bottom:auto;width:6px;height:6px;border-radius:50%;background:var(--step-color);animation:route-dot 2.8s ease-in-out infinite;animation-delay:calc(var(--step)*.3s)}
.social-scope .scope-flow li:last-child{padding-bottom:12px;min-height:72px}.social-scope .scope-flow h4{margin-top:4px}.social-scope .scope-flow p{background:#fff;position:relative;z-index:1}
@keyframes route-icon{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-3px) rotate(-7deg)}65%{transform:translateY(-1px) rotate(4deg)}}
@keyframes route-dot{0%{transform:translateY(0);opacity:0}20%{opacity:1}85%{transform:translateY(22px);opacity:1}100%{transform:translateY(26px);opacity:0}}
@media(max-width:760px){.social-scope .scope-flow li{width:92%;padding:10px 0 28px;grid-template-columns:40px minmax(0,1fr);gap:10px}.social-scope .scope-flow .step-symbol{width:40px;height:40px}.social-scope .scope-flow li:not(:last-child):before{left:19px;width:calc(9% + 2px);top:54px;height:calc(100% - 34px)}.social-scope .scope-flow li:nth-child(even):not(:last-child):before{left:calc(19px - 9% - 2px)}.social-scope .scope-flow li:not(:last-child):after{left:17px;top:57px}}
@media(prefers-reduced-motion:reduce){.social-scope .scope-flow .step-symbol svg,.social-scope .scope-card:hover .step-symbol svg,.social-scope .scope-flow li:not(:last-child):after{animation:none}}

.social-scope .scope-flow li:not(:last-child):before{height:calc(100% - 60px)}@media(max-width:760px){.social-scope .scope-flow li:not(:last-child):before{height:calc(100% - 56px)}}

/* Green production film complements the purple strategy film. */
.social-scope .scope-sheet .production-video-panel{position:relative;isolation:isolate;align-items:center;justify-content:center;min-height:560px;background:#123f36;padding:40px;overflow:hidden}.production-video-panel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.social-scope .scope-sheet .production-video-panel:after{content:'';position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(155deg,#6dcc9245 0%,#247c638c 45%,#092f29e8 100%);z-index:-1}.production-video-copy{text-align:center;position:relative;color:#fff}.social-scope .scope-sheet .production-video-panel h3{color:#fff;text-shadow:0 2px 16px #09291e66;margin-left:auto;margin-right:auto}.social-scope .scope-sheet .production-video-panel p{color:#e8fff0;margin:auto}.social-scope .scope-sheet .production-video-panel .scope-number{margin:auto;background:#ffffff24;color:#fff;border:1px solid #ffffff55}@media(max-width:760px){.social-scope .scope-sheet .production-video-panel{min-height:420px;padding:32px 24px}}
/* Monthly reporting: compact, illustrated analytics preview. */
body>main>.reports-showcase{--tone:#eae4f7;padding:72px 24px;background:radial-gradient(ellipse at 85% 15%,#d9caf3 0,transparent 52%),radial-gradient(ellipse at 5% 95%,#f5e5cb 0,transparent 48%),#eee9f6}.reports-showcase .reports-layout{display:grid;grid-template-columns:.9fr 1.25fr;gap:56px;align-items:center;padding:0;max-width:1240px;margin:auto}.reports-copy h2{font-size:clamp(28px,3.1vw,42px);line-height:1.15;margin:18px 0 24px}.reports-copy>p:last-child{font-size:17px;line-height:1.8;color:#6c5d76;max-width:440px}.report-preview{min-width:0;border:1px solid #d8cae9;border-radius:24px;overflow:hidden;background:#eee8f7;box-shadow:0 26px 64px #49316c25}.report-cover{position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 90%,#a538db 0,transparent 65%),linear-gradient(125deg,#252039,#542477);padding:22px 24px;color:#fff}.report-cover:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff20;border-radius:50%;right:-70px;top:-130px;box-shadow:0 0 0 25px #ffffff07,0 0 0 50px #ffffff05;pointer-events:none}.report-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;position:relative;z-index:1}.report-top b{color:#ca88f0;margin:0 5px}.report-demo{font-size:9px;border:1px solid #ffffff30;border-radius:30px;padding:5px 9px;color:#f0dbff;background:#ffffff0c}.report-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 18px}.report-heading>div>span{font-size:9px;letter-spacing:.16em;color:#dfb9f7}.report-heading h3{font-size:clamp(22px,2.15vw,29px);line-height:1.12;margin:9px 0 0;font-weight:500;color:#fff}.report-score{flex-shrink:0;text-align:center}.report-score>strong{font-size:48px;line-height:1;font-weight:600;letter-spacing:-.04em;color:#e3f5a9}.report-score>strong>span{font-size:24px}.report-score small{display:block;font-size:8px;letter-spacing:.12em;margin-top:8px;color:#e5d5ee}.report-period{border-top:1px solid #ffffff22;padding-top:12px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.06em;color:#e2d4ef}.report-period i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c5ec8d;margin-left:5px}.report-body{padding:16px}.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.report-metrics>div{padding:13px 10px;border-radius:12px;background:#e4d3f5}.report-metrics>div:nth-child(2){background:#d9e7f4}.report-metrics>div:nth-child(3){background:#f3e4c7}.report-metrics>div:nth-child(4){background:#d8e9dd}.report-metrics span{display:block;font-size:10px;color:#5c506a}.report-metrics strong{display:block;font-size:clamp(15px,1.6vw,21px);letter-spacing:-.04em;white-space:nowrap;color:#30223e;margin:6px 0}.report-metrics small{font-size:8px;line-height:1.4;color:#75667b;display:block}.report-charts{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin:12px 0}.report-trend,.report-channels{min-width:0;background:#f8f4fc;border:1px solid #e2d8ef;border-radius:14px;padding:14px 12px}.report-chart-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.report-chart-title strong{font-size:11px;color:#3f304d}.report-chart-title>span{font-size:7px;color:#9983ad;white-space:nowrap}.report-trend svg{display:block;width:100%;height:auto;margin-top:14px}.report-donut{width:96px;height:96px;border-radius:50%;background:conic-gradient(#9a3cda 0 60%,#eab946 60%);display:grid;place-items:center;margin:15px auto 10px;transform:rotate(-90deg)}.report-donut>span{width:70px;height:70px;background:#f8f4fc;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(90deg)}.report-donut strong{font-size:23px;color:#362447;line-height:1.1}.report-donut small{font-size:7px;color:#9983ad;letter-spacing:.1em}.report-legend{display:grid;gap:5px}.report-legend>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#71617d}.report-legend i{width:6px;height:6px;border-radius:50%;background:#9a3cda}.report-legend>span:nth-child(2) i{background:#eab946}.report-legend b{margin-left:auto;color:#4e395e}.report-next{padding:12px;background:#e0d3ef;border-radius:12px;display:flex;align-items:center;gap:10px}.report-insight-icon{width:32px;height:32px;border-radius:9px;background:#8240bd;color:#fff;display:grid;place-items:center;font-size:24px;flex-shrink:0}.report-next span{font-size:8px;letter-spacing:.08em;color:#7835a7}.report-next p{font-size:11px;line-height:1.5;color:#594566;margin:4px 0 0}
@media(max-width:760px){body>main>.reports-showcase{padding:48px 22px}.reports-showcase .reports-layout{grid-template-columns:1fr;gap:30px}.reports-copy h2{font-size:30px}.reports-copy>p:last-child{font-size:16px}.report-cover{padding:20px 17px}.report-heading{gap:10px}.report-heading h3{font-size:24px}.report-score>strong{font-size:39px}.report-body{padding:12px}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-metrics strong{font-size:22px}.report-charts{grid-template-columns:1fr}.report-trend svg{max-height:160px}.report-channels{display:grid;grid-template-columns:96px 1fr;gap:8px 14px;align-items:center}.report-channels .report-chart-title{grid-column:1/-1}.report-donut{margin:4px 0}.report-legend>span{font-size:10px}.report-next span{font-size:7px}}
.system-carousel{min-width:0}.system-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:24px;box-shadow:0 20px 45px #3b245c16;overscroll-behavior-x:contain}.system-slides::-webkit-scrollbar{display:none}.system-slides .system-laptop{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.system-slides .system-laptop img{box-shadow:none;border-radius:0;aspect-ratio:4/3;object-fit:cover}.system-carousel-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}.system-carousel-controls button{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;border:1px solid #d7c7e4;background:#ffffff9c;color:#8130ae;font-size:19px;cursor:pointer}.system-carousel-controls button:hover{background:#e9d8f7}.system-slide-label{font-size:11px;color:#75627f;text-align:center;min-width:175px}.system-slides:focus-visible,.system-carousel-controls button:focus-visible{outline:2px solid #992ede;outline-offset:3px}@media(max-width:420px){.system-carousel-controls{gap:7px}.system-slide-label{min-width:0;flex:1;font-size:10px}.system-carousel-controls button{width:34px;height:34px}}

/* Portfolio artwork in a modern Illustrator workstation. */
.social-scope .scope-sheet header.design-art-panel{padding:0;background:linear-gradient(145deg,#e8eafa,#eee1f6);justify-content:center;align-items:stretch}.social-scope .scope-sheet header.design-art-panel:after{display:none}.design-art-panel>img{display:block;width:100%;height:auto;object-fit:contain}.design-art-copy{padding:28px 36px 40px}.social-scope .scope-sheet .design-art-copy h3{margin:18px 0 16px}.social-scope .scope-sheet .design-art-copy p{max-width:360px}@media(max-width:760px){.social-scope .scope-sheet header.design-art-panel{padding:0}.design-art-copy{padding:26px 24px 32px}}

/* Consultant video, keeping its full portrait frame visible. */
.social-scope .scope-sheet header.consultoria-video-panel{min-height:620px;background:#21132e;justify-content:flex-end;align-items:center;padding:30px 24px;isolation:isolate}
.consultoria-video-panel video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-2}
.social-scope .scope-sheet header.consultoria-video-panel:after{inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(180deg,transparent 45%,#32174770 65%,#21132eef 100%);z-index:-1}
.consultoria-video-copy{text-align:center;color:white}.social-scope .scope-sheet .consultoria-video-copy h3{color:white;font-size:30px;margin:14px auto}.social-scope .scope-sheet .consultoria-video-copy p{color:#f1e5fa;margin:0 auto}.social-scope .scope-sheet .consultoria-video-copy .scope-number{color:white;background:#ffffff22;margin:auto}
@media(max-width:760px){.social-scope .scope-sheet header.consultoria-video-panel{min-height:580px;padding:26px 20px}}

/* Full-bleed six-second consulting loop. */
.consultoria-video-panel video{object-fit:cover;object-position:center}
.social-scope .scope-sheet header.consultoria-video-panel:after{background:linear-gradient(155deg,rgba(186,65,247,.38) 0%,rgba(123,44,191,.42) 45%,rgba(39,13,62,.92) 100%)}