/* Service pages: each discipline has its own working scene. */
.detailHero.immersiveService{display:flex;flex-direction:column;gap:38px;align-items:center;padding-block:56px 64px;background:linear-gradient(160deg,#006747,#004c36);position:relative}
.immersiveService .detailCopy{max-width:800px;text-align:center;position:relative;z-index:1}
.immersiveService .detailCopy .eyebrow{margin-top:30px}
.immersiveService .detailCopy h1{font-size:clamp(36px,5.5vw,66px);line-height:1.08;letter-spacing:-2px;max-width:800px;margin:18px auto 23px;animation:serviceHeadingIn .85s both}
.immersiveService .detailCopy .intro{font-size:18px;line-height:1.65;max-width:680px;margin:0 auto 24px;color:#d5eee0;animation:serviceHeadingIn .85s .15s both}
.immersiveService .detailCopy .button{background:#f1fff5;color:#006747}
.serviceTheatre{width:100%;max-width:960px;background:#f1fbf4;border:1px solid #b7e7ca;border-radius:24px;color:#005e40;box-shadow:0 30px 55px #002d222b;overflow:hidden;position:relative;direction:ltr;animation:serviceHeadingIn .85s .25s both}
.theatreScene{height:470px;position:relative;overflow:hidden;isolation:isolate}
.theatreScene>div{position:absolute;inset:0}
.theatreChrome{display:flex;align-items:center;gap:5px;background:#c9e9d3;padding:10px 14px;height:34px;color:#216a48;flex-shrink:0}
.theatreChrome i{display:block;height:5px;width:5px;border-radius:50%;background:#66a681}
.theatreChrome b{font-size:11px;font-weight:700;margin-left:auto;letter-spacing:-.3px;line-height:1}
.theatreControls{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:19px 20px 0;position:relative;z-index:5;direction:inherit}
.theatreControls button,.pageStoreProducts button{border:1px solid #97cfae;background:#006747;color:#effff4;font:inherit;font-size:14px;font-weight:650;min-height:44px;padding:10px 18px;border-radius:100px;cursor:pointer;transition:background .2s,transform .2s}
.theatreControls button:hover,.pageStoreProducts button:hover{background:#008456;transform:translateY(-2px)}
.theatreControls button[aria-pressed=true]{background:#d5f6e0;color:#005736;border-color:#82bc99}
.theatreControls button:focus-visible,.pageStoreProducts button:focus-visible{outline:3px solid #58ce8b;outline-offset:3px}
.theatreStatus{font-size:13px;line-height:1.5;text-align:center;padding:15px 22px 21px;margin:0;color:#547a64;position:relative;z-index:3}
.serviceTheatre.isPaused .theatreScene *{animation-play-state:paused!important}
.serviceTheatre.restarting .theatreScene *{animation:none!important}
.theatre-seo .theatreScene{background:radial-gradient(ellipse at 60% 35%,#c5ebd16b,transparent 70%)}
.searchPanel{position:absolute;top:32px;left:6%;width:76%;height:292px;background:white;border:1px solid #b2dac0;border-radius:14px;box-shadow:0 18px 34px #31714915;overflow:hidden}
.pageSearchBar{display:flex;align-items:center;gap:13px;margin:21px 22px 17px;padding:12px 15px;border:1px solid #c0dcca;border-radius:100px;height:48px;color:#006747;background:#f3faf5}
.pageSearchBar>span:first-child{font-size:26px;line-height:1}.pageSearchQuery{font-size:16px;white-space:nowrap;animation:pageSearchType 12s steps(18,end) infinite;clip-path:inset(0 100% 0 0)}
.pageSearchBar>i{width:1px;height:17px;background:#78b895;animation:pageSearchCaret 1s steps(1) infinite}
.pageSearchResult{margin:0 24px;padding:16px 17px;border:1px solid #a8d8b8;border-radius:12px;background:#e6f8ec;display:flex;flex-direction:column;gap:10px;animation:pageSearchFound 12s infinite;text-align:left}
.resultBrand{display:flex;align-items:center;gap:7px}.resultBrand img{width:32px;height:32px;object-fit:contain}.resultBrand b{font-size:14px;letter-spacing:-.3px}.resultBrand>span{margin-left:auto;background:#006747;color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;animation:pageSearchMatched 12s infinite}
.pageSearchResult>strong{font-size:22px;letter-spacing:-.5px;line-height:1.2}.pageSearchResult>span{font-size:12px;color:#55846a}.searchSnippetLines{display:flex;flex-direction:column;gap:5px}.searchSnippetLines i{height:3px;background:#a0cbb0;width:80%;border-radius:5px}.searchSnippetLines i+i{width:55%;opacity:.5}
.searchAudit{position:absolute;right:3%;top:108px;width:27%;display:flex;flex-direction:column;gap:10px}
.searchAudit>span{display:flex;align-items:center;gap:9px;padding:12px;background:#006747;border:1px solid #90cfa8;border-radius:10px;color:#e9fff0;font-size:12px;box-shadow:0 6px 13px #00563718;animation:pageAuditCheck 12s infinite}
.searchAudit>span:nth-child(2){animation-delay:.6s}.searchAudit>span:nth-child(3){animation-delay:1.2s}.searchAudit i{font-style:normal;font-size:16px;color:#c6ffd8}
.searchChart{position:absolute;bottom:22px;left:14%;width:72%;height:93px;display:flex;align-items:flex-end;gap:25px;border-bottom:1px solid #8dbb9e;padding-bottom:3px}.searchChart>span{font-size:10px;letter-spacing:1px;width:110px;line-height:1.5;align-self:center;color:#468363;font-weight:700}.searchChart>div{display:flex;align-items:flex-end;gap:14px;height:100%;flex:1}.searchChart i{display:block;width:100%;height:22%;background:#9ed9b3;border-radius:7px 7px 1px 1px;transform-origin:bottom;animation:pageSearchGrowth 12s infinite}.searchChart i:nth-child(2){height:32%;animation-delay:.15s}.searchChart i:nth-child(3){height:44%;animation-delay:.3s}.searchChart i:nth-child(4){height:59%;animation-delay:.45s;background:#67bc86}.searchChart i:nth-child(5){height:73%;animation-delay:.6s;background:#329861}.searchChart i:nth-child(6){height:85%;animation-delay:.75s;background:#167d4b}.searchChart i:nth-child(7){height:100%;animation-delay:.9s;background:#006747}
/* Web build: layers assemble; the responsive viewport slides into place. */
.theatre-website-development{background:#003e2d;color:#e8fff1}.theatre-website-development .theatreStatus{color:#bce2cb}.theatre-website-development .theatreScene{background:radial-gradient(ellipse at 50% 55%,#15945a47,transparent 70%)}
.webDesktop{position:absolute;left:14%;top:35px;width:71%;height:346px;border:1px solid #9bd6b2;border-radius:13px;overflow:hidden;background:#f4fff6;box-shadow:0 25px 40px #00241b55;transition:transform .55s,opacity .55s}.builtPage{color:#005e40;display:block;background:#f4fff7;min-height:100%}.builtNav{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;animation:pageBuildNav 12s infinite}.builtNav>span{display:flex;align-items:center;gap:6px}.builtNav img{object-fit:contain}.builtNav b{font-size:14px;letter-spacing:-.4px}.builtHero{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;background:#e2f3e7;gap:15px;animation:pageBuildHero 12s infinite}.builtHero>span{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.builtHero small{font-size:7px;letter-spacing:1px;font-weight:750}.builtHero strong{font-size:35px;letter-spacing:-1.5px;line-height:1.02;font-weight:800}.builtHero em{display:block;font-style:normal;color:#25805b}.builtHero>img{width:135px;height:135px;object-fit:contain;animation:pageBuildRobot 12s infinite}.builtButton{display:inline-block;background:#006747;color:#e9fff0;padding:8px 12px;border-radius:5px;font-size:9px;font-weight:700}.builtTiles{display:flex;gap:10px;padding:15px 18px}.builtTiles>span{flex:1;display:flex;align-items:center;gap:6px;padding:12px;background:#c5e7d1;border:1px solid #a2d1b3;border-radius:7px;animation:pageBuildTiles 12s infinite}.builtTiles>span:nth-child(2){animation-delay:.3s}.builtTiles>span:nth-child(3){animation-delay:.6s}.builtTiles i{display:block;width:7px;height:7px;background:#499d6b;border-radius:3px}.builtTiles b{font-size:8px;font-weight:700}.webLaunch{position:absolute;bottom:13px;right:16px;background:#006747;color:#d5ffe2;padding:7px 11px;border-radius:100px;font-size:10px;animation:pageBuildReady 12s infinite}
.webMobile{position:absolute;right:5%;top:165px;width:140px;height:251px;background:#f2fff6;border:3px solid #b3e6c6;border-radius:17px;overflow:hidden;box-shadow:0 15px 25px #002b1a55;animation:pageBuildMobile 12s infinite;transition:transform .55s}.webMobile .theatreChrome{height:17px;padding:5px 8px}.webMobile .theatreChrome b{font-size:5px}.webMobile .theatreChrome i{height:2px;width:2px}.webMobile .builtNav{height:24px;padding:0 7px}.webMobile .builtNav b{font-size:6px;letter-spacing:-.2px}.webMobile .builtNav img{width:14px;height:14px}.webMobile .builtNav>img{width:12px;height:8px}.webMobile .builtHero{padding:14px 10px;flex-direction:column;gap:9px;text-align:center}.webMobile .builtHero>span{gap:8px;align-items:center}.webMobile .builtHero small{font-size:4px;letter-spacing:.4px}.webMobile .builtHero strong{font-size:21px;letter-spacing:-.8px}.webMobile .builtHero>img{height:56px;width:56px}.webMobile .builtButton{font-size:5px;padding:5px 7px}.webMobile .builtTiles{padding:7px;gap:4px}.webMobile .builtTiles>span{padding:6px 3px;gap:3px}.webMobile .builtTiles b{font-size:4px}.webMobile .builtTiles i{width:3px;height:3px}
.pageBuilderRobot{position:absolute;left:3%;bottom:35px;z-index:3;width:126px;height:126px;animation:pageBuilderMove 12s infinite}.pageBuilderRobot>img{height:100%;width:100%;object-fit:contain}.pageBuilderRobot>span{position:absolute;left:85%;top:4px;font-weight:750;font-size:19px;padding:6px 9px;border:1px solid #bce8cd;border-radius:8px;background:#ecfff2;color:#006747;animation:pageBuilderCode 12s infinite}.webBuildMeter{position:absolute;bottom:18px;left:24%;width:52%;height:3px;border-radius:5px;background:#9fe3b726;overflow:hidden}.webBuildMeter i{display:block;width:100%;height:100%;background:#caffdc;transform-origin:left;animation:pageBuildProgress 12s infinite}
.serviceTheatre.mobileFocus .webDesktop{transform:scale(.85) translateX(-9%);opacity:.45}.serviceTheatre.mobileFocus .webMobile{animation:none;transform:translate(-110%, -75px) scale(1.35);z-index:4}
/* Social: editable format, campaign layers, mascot-led creative. */
.theatre-social-media-design .theatreScene{background:radial-gradient(ellipse at center,#bbe8c6,transparent 65%)}
.pageCampaignPoster{position:absolute;top:45px;left:calc(50% - 116px);width:232px;height:326px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(150deg,#fff,#e1f5e6);border:1px solid #8ac8a0;border-radius:13px;padding:18px;box-shadow:0 25px 30px #00533124;transform:rotate(-6deg);transition:width .5s,height .5s,top .5s,transform .5s;animation:pagePosterSway 12s infinite}
.pageCampaignPoster>span{font-size:12px;font-weight:750;letter-spacing:-.3px}.pageCampaignPoster>img{height:160px;width:160px;object-fit:contain;animation:pagePosterRobot 12s infinite}.pageCampaignPoster strong{font-size:32px;line-height:.98;letter-spacing:-1.1px;text-align:center;color:#006747;font-weight:800}.pageCampaignPoster>i{width:45px;height:4px;border-radius:5px;background:#006747;animation:pagePosterAccent 12s infinite}
.pagePosterBack{position:absolute;top:50px;left:calc(50% - 92px);width:230px;height:323px;display:flex;align-items:flex-end;padding:25px;background:#006747;color:#d9ffe6;border:1px solid #89d4a5;border-radius:13px;transform:rotate(12deg);animation:pagePosterFan 12s infinite}.pagePosterBack b{font-size:42px;line-height:.95;letter-spacing:-1.3px;text-align:left}.socialDesignTools{position:absolute;left:14%;top:105px;display:flex;flex-direction:column;gap:10px}.socialDesignTools>span{display:grid;place-items:center;width:45px;height:45px;background:white;border:1px solid #9fd0af;border-radius:11px;font-size:23px;color:#006747;box-shadow:0 5px 10px #2b754313;animation:pageDesignTool 12s infinite}.socialDesignTools>span:nth-child(2){animation-delay:.5s}.socialDesignTools>span:nth-child(3){animation-delay:1s}.pageSocialHeart{position:absolute;right:21%;top:57px;width:51px;height:51px;background:#ddfce8;border:1px solid #91d3aa;border-radius:50%;display:grid;place-items:center;font-size:36px;color:#006747;animation:pageHeartReact 12s infinite}.socialColourTools{position:absolute;right:16%;bottom:100px;display:flex;flex-direction:column;gap:9px}.socialColourTools i{display:block;width:27px;height:27px;border-radius:9px;border:1px solid #72ac88;background:#004b32}.socialColourTools i:nth-child(2){background:#1b9d63}.socialColourTools i:nth-child(3){background:#d1f8df}.pageFormat{position:absolute;bottom:29px;left:calc(50% - 27px);background:#006747;color:#ebfff1;padding:6px 14px;border-radius:100px;font-size:13px}
.serviceTheatre.storyFormat .pageCampaignPoster{width:202px;height:361px;top:28px;transform:rotate(0);animation:none}.serviceTheatre.storyFormat .pagePosterBack{opacity:.3;animation:none;transform:rotate(-9deg)}
/* Commerce: a cart visitors can actually try. */
.theatre-ecommerce .theatreScene{background:linear-gradient(130deg,#e6f7eb,#c6e6d1)}
.pageStore{position:absolute;top:32px;left:9%;right:9%;height:380px;background:#fafffb;border:1px solid #a1d3b3;border-radius:14px;overflow:hidden;box-shadow:0 24px 30px #0053341c}.pageStoreNav{display:flex;justify-content:space-between;align-items:center;padding:14px 19px;color:#006747}.pageStoreNav>b{font-size:12px;letter-spacing:1px}.pageCartCount{background:#006747;color:#e8fff0;min-width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:14px;font-weight:700;transition:transform .3s}
.pageStoreProducts{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 19px}.pageStoreProducts article{border:1px solid #b6dbc2;border-radius:10px;padding:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;background:white}.digitalProduct{height:128px;background:#def1e5;width:100%;border-radius:7px;display:grid;place-items:center;overflow:hidden;animation:pageProductReveal 12s infinite}.digitalProduct img{height:110px;width:110px;object-fit:contain;animation:pageProductRobot 12s infinite}.productWebsite{background:#006747;color:#e0ffea;animation-delay:.6s}.productWebsite b{font-size:42px;font-weight:750;animation:pageProductCode 12s infinite}.pageStoreProducts article>b{font-size:13px;color:#006747}.pageStoreProducts button{font-size:12px;min-height:37px;padding:8px 13px;white-space:normal;border-radius:8px;width:100%}.pageCartTray{margin:15px 19px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;border:1px solid #c0dfcb;border-radius:9px;background:#e6f8ec;font-size:12px;color:#417556}.pageCartTray>b{font-size:20px;color:#006747;opacity:.25;transition:opacity .3s}.pageOrderReceipt{position:absolute;right:5%;bottom:17px;width:138px;padding:20px;background:#f6fff8;border:1px solid #8eca9f;border-radius:11px;box-shadow:0 9px 25px #00472230;display:flex;flex-direction:column;align-items:center;gap:11px;opacity:0;transform:translateY(20px) rotate(4deg);pointer-events:none}.pageOrderReceipt>b{width:37px;height:37px;border:1px solid #72ba8d;border-radius:50%;display:grid;place-items:center;font-size:25px}.pageOrderReceipt>span{font-size:12px;text-align:center;line-height:1.3}.pageOrderReceipt i{display:block;width:70%;height:3px;background:#a8d3b6;border-radius:3px}.pageOrderReceipt i+i{width:48%}.serviceTheatre.cartAdded .pageOrderReceipt{animation:pageCartReceipt 2.7s both}.serviceTheatre.cartAdded .pageCartCount{animation:pageCartCount .5s}.serviceTheatre.cartHasItems .pageCartTray>b{opacity:1}
/* AI: the same mascot, a different conversation-and-workflow scene. */
.theatre-ai-automation{background:#003e2d;color:#e8fff1}.theatre-ai-automation .theatreStatus{color:#bce2cb}.theatre-ai-automation .theatreScene{background:radial-gradient(ellipse at 50% 37%,#30d5862e,transparent 70%)}
.pageAiRobot{position:absolute;top:32px;left:calc(50% - 107px);width:214px;height:214px;animation:pageAiNod 12s infinite}.pageAiRobot>img{width:100%;height:100%;object-fit:contain}.pageAiThinking{position:absolute;right:-27px;top:26px;padding:16px;background:#e0ffec;border-radius:15px 15px 15px 3px;display:flex;gap:5px;box-shadow:0 8px 20px #002d2730}.pageAiThinking i{width:5px;height:5px;background:#006747;border-radius:50%;animation:pageAiDot 2s infinite}.pageAiThinking i:nth-child(2){animation-delay:.2s}.pageAiThinking i:nth-child(3){animation-delay:.4s}.pageAiChat{position:absolute;top:260px;left:16%;right:16%;padding:17px 23px;background:#edfff3;color:#006747;border:1px solid #8ccfa7;border-radius:16px;text-align:center;box-shadow:0 14px 23px #002d2225}.pageAiChat>span{font-size:9px;letter-spacing:.7px;font-weight:750;opacity:.65}.pageAiChat>p{font-size:18px;line-height:1.4;margin:9px 0 0;min-height:1.4em}.pageAiPipeline{display:flex;position:absolute;left:17%;right:17%;bottom:21px;justify-content:space-between;gap:24px}.pageAiPipeline>span{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 9px;border:1px solid #99d5af7a;border-radius:11px;position:relative;background:#0067477a;animation:pageAiTask 12s infinite}.pageAiPipeline>span:nth-child(2){animation-delay:1s}.pageAiPipeline>span:nth-child(3){animation-delay:2s}.pageAiPipeline>span:not(:last-child):after{content:"";position:absolute;height:1px;width:25px;left:100%;top:50%;background:#9be5b8}.pageAiPipeline i{font-style:normal;font-size:18px}.pageAiPipeline b{font-size:11px;font-weight:650}.serviceTheatre.aiThinking .pageAiRobot{animation:pageAiThinking .7s infinite}.serviceTheatre.aiAnswered .pageAiChat{animation:pageAiReply .5s both}
/* Identity: mascot + wordmark, palette, and canvas treatment. */
.theatre-branding .theatreScene{background:linear-gradient(145deg,#d9f0e1,#f7fff9)}
.pageIdentityCanvas{position:absolute;top:45px;left:9%;right:9%;height:320px;border:1px solid #9bc9ab;border-radius:13px;background:#f5fff8;box-shadow:0 20px 30px #0e5c301c;overflow:hidden;transition:background .5s}
.identityCanvasToolbar{display:flex;align-items:center;gap:9px;height:37px;padding:0 14px;background:#c4e9d0;color:#006747;border-bottom:1px solid #a2d2b3}.identityCanvasToolbar>span{font-size:23px}.identityCanvasToolbar>b{font-size:10px;letter-spacing:.8px;font-weight:750}.pageBrandLockup{height:218px;display:flex;justify-content:center;align-items:center;gap:12px;position:relative;background:linear-gradient(#b4dcc227 1px,transparent 1px),linear-gradient(90deg,#b4dcc227 1px,transparent 1px);background-size:25px 25px}.pageBrandLockup>img{width:112px;height:112px;object-fit:contain;animation:pageBrandMark 12s infinite}.pageBrandLockup>strong{font-size:clamp(25px,3.5vw,43px);letter-spacing:-1.9px;font-weight:800;color:#006747;animation:pageBrandName 12s infinite;white-space:nowrap}.brandSelection{position:absolute;left:6%;right:6%;top:54px;height:112px;border:1px solid #57a97670;animation:pageBrandSelection 12s infinite}.brandSelection:before,.brandSelection:after{content:"";position:absolute;width:6px;height:6px;background:#e7fff0;border:1px solid #69a17c;top:-4px;left:-4px}.brandSelection:after{top:auto;left:auto;bottom:-4px;right:-4px}.pageIdentityPalette{display:flex;gap:12px;padding:15px 26px;height:65px;align-items:center;border-top:1px solid #bddfca}.pageIdentityPalette>i{display:block;flex:1;height:30px;border-radius:6px;background:#004d31;animation:pageBrandPalette 12s infinite}.pageIdentityPalette>i:nth-child(2){background:#006747;animation-delay:.2s}.pageIdentityPalette>i:nth-child(3){background:#49bc7d;animation-delay:.4s}.pageIdentityPalette>i:nth-child(4){background:#e4faec;border:1px solid #9dccae;animation-delay:.6s}.pageIdentityPalette>span{font-size:12px;font-family:monospace;color:#006747}.brandTypeface{position:absolute;left:5%;bottom:36px;padding:11px 18px;background:#006747;color:white;border:1px solid #9dd7b1;border-radius:12px;font-size:30px;font-weight:700;animation:pageBrandTypeface 12s infinite}.brandApproval{position:absolute;right:6%;bottom:45px;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;border:1px solid #8dcaa1;background:#dffff0;font-size:28px;animation:pageBrandApprove 12s infinite}.serviceTheatre.darkIdentity .pageIdentityCanvas{background:#004b34}.serviceTheatre.darkIdentity .pageBrandLockup>strong,.serviceTheatre.darkIdentity .pageIdentityPalette>span{color:#e4fff0}.serviceTheatre.darkIdentity .pageIdentityPalette{border-color:#7ccb9c52}
/* Deliverables arrive as a compact, connected set. */
.animatedDeliver{gap:45px;align-items:start;padding-block:65px}.animatedDeliver ol{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;margin:0;padding:0}.animatedDeliver ol li{margin:0;padding:20px 16px!important;border:1px solid #bbddc7!important;border-radius:12px;background:#f3fbf5;display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;position:relative;overflow:hidden;transition:transform .3s,border-color .3s}.animatedDeliver ol li:last-child{grid-column:1/-1}.animatedDeliver li>span{font-size:11px;font-weight:750;color:#58a675;flex-shrink:0;margin:3px 0 0}.animatedDeliver li:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,#9de6b51c,transparent);transform:translateX(-100%);animation:deliverLight 12s infinite;pointer-events:none}.animatedDeliver li:nth-child(2):after{animation-delay:1.3s}.animatedDeliver li:nth-child(3):after{animation-delay:2.6s}.animatedDeliver li:nth-child(4):after{animation-delay:3.9s}.animatedDeliver li:nth-child(5):after{animation-delay:5.2s}.animatedDeliver li:hover{transform:translateY(-3px);border-color:#71b28b!important}.detailScope h2{animation:scopeHeadingGlow 10s infinite}
@keyframes serviceHeadingIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes pageSearchType{0%,5%,100%{clip-path:inset(0 100% 0 0)}24%,93%{clip-path:inset(0)}}@keyframes pageSearchCaret{50%{opacity:0}}
@keyframes pageSearchFound{0%,20%,100%{opacity:.2;transform:translateY(10px)}40%,92%{opacity:1;transform:none}}@keyframes pageSearchMatched{0%,40%,100%{opacity:0;transform:scale(.4)}55%,92%{opacity:1;transform:none}}@keyframes pageAuditCheck{0%,20%,100%{opacity:.3;transform:translateX(10px)}38%,90%{opacity:1;transform:none}}@keyframes pageSearchGrowth{0%,45%,100%{opacity:.3;transform:scaleY(.15)}70%,92%{opacity:1;transform:none}}
@keyframes pageBuildNav{0%,7%,100%{opacity:0;transform:translateY(-8px)}19%,92%{opacity:1;transform:none}}@keyframes pageBuildHero{0%,18%,100%{opacity:.1;transform:translateY(12px)}32%,92%{opacity:1;transform:none}}@keyframes pageBuildRobot{0%,25%,100%{opacity:0;transform:scale(.6)}39%,92%{opacity:1;transform:none}}@keyframes pageBuildTiles{0%,35%,100%{opacity:0;transform:translateY(12px)}48%,92%{opacity:1;transform:none}}@keyframes pageBuildReady{0%,65%,100%{opacity:0;transform:scale(.7)}78%,92%{opacity:1;transform:none}}@keyframes pageBuildMobile{0%,55%,100%{opacity:0;transform:translateY(25px) rotate(7deg)}72%,92%{opacity:1;transform:none}}@keyframes pageBuilderMove{0%,100%{transform:none}23%,43%{transform:translateX(24px) rotate(-8deg)}72%,86%{transform:translateY(-10px) rotate(5deg)}}@keyframes pageBuilderCode{0%,60%,100%{opacity:1;transform:none}75%,90%{opacity:0;transform:scale(.5)}}@keyframes pageBuildProgress{0%,100%{transform:scaleX(0)}78%,92%{transform:scaleX(1)}}
@keyframes pagePosterSway{0%,100%{transform:rotate(-6deg)}45%,60%{transform:rotate(3deg) translateY(-5px)}80%{transform:rotate(-2deg)}}@keyframes pagePosterRobot{0%,100%{transform:none}55%{transform:rotate(-7deg) scale(1.04)}}@keyframes pagePosterAccent{0%,12%,100%{transform:scaleX(.3)}30%,92%{transform:none}}@keyframes pagePosterFan{0%,100%{transform:rotate(12deg)}40%,70%{transform:rotate(-13deg) translateX(-35px)}}@keyframes pageDesignTool{0%,100%{transform:none}38%,55%{transform:translateY(-5px);background:#d6f8e2}}@keyframes pageHeartReact{0%,100%{transform:none}60%{transform:scale(1.22) rotate(-8deg)}72%{transform:none}}
@keyframes pageProductReveal{0%,100%{opacity:.7;transform:translateY(5px)}20%,92%{opacity:1;transform:none}}@keyframes pageProductRobot{50%{transform:rotate(-8deg) translateY(-4px)}}@keyframes pageProductCode{50%{transform:scale(1.1)}}@keyframes pageCartReceipt{0%{opacity:0;transform:translateY(20px) rotate(4deg)}20%,75%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}@keyframes pageCartCount{50%{transform:scale(1.35)}}
@keyframes pageAiNod{0%,100%{transform:none}30%{transform:rotate(-8deg) translateY(-7px)}65%{transform:rotate(5deg) translateY(-4px)}}@keyframes pageAiDot{50%{transform:translateY(-4px);opacity:.5}}@keyframes pageAiTask{0%,100%{background:#0067477a;opacity:.6}38%,72%{background:#17875c;opacity:1;transform:translateY(-3px)}}@keyframes pageAiThinking{50%{transform:rotate(-7deg) translateY(-3px)}}@keyframes pageAiReply{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pageBrandMark{0%,100%{transform:translateX(60px) scale(1.2)}33%,92%{transform:none}}@keyframes pageBrandName{0%,18%,100%{opacity:0;clip-path:inset(0 100% 0 0)}45%,92%{opacity:1;clip-path:inset(0)}}@keyframes pageBrandSelection{0%,100%{opacity:.15}28%,76%{opacity:1}88%{opacity:.2}}@keyframes pageBrandPalette{0%,8%,100%{opacity:.3;transform:scaleX(.7)}30%,92%{opacity:1;transform:none}}@keyframes pageBrandTypeface{50%{transform:rotate(-7deg) translateY(-3px)}}@keyframes pageBrandApprove{0%,65%,100%{opacity:0;transform:scale(.5)}78%,92%{opacity:1;transform:none}}@keyframes deliverLight{0%,50%,100%{transform:translateX(-100%)}75%{transform:translateX(100%)}}@keyframes scopeHeadingGlow{50%{color:#138553}}
@media(max-width:650px){
 .detailHero.immersiveService{padding:35px 20px 40px;gap:28px}.immersiveService .detailCopy .eyebrow{margin-top:25px}.immersiveService .detailCopy h1{font-size:38px;letter-spacing:-1.3px;margin:16px auto 19px}.immersiveService .detailCopy .intro{font-size:16px;line-height:1.65}.serviceTheatre{border-radius:18px}.theatreScene{height:380px}.theatreControls{padding:16px 12px 0;gap:7px}.theatreControls button{font-size:12px;padding:10px 13px;min-height:44px}.theatreStatus{font-size:12px;padding:14px 15px 18px}.theatreChrome{height:27px;padding:8px 10px}.theatreChrome b{font-size:8px}.theatreChrome i{width:4px;height:4px}
 .searchPanel{left:4%;width:92%;top:20px;height:228px;border-radius:11px}.pageSearchBar{margin:15px 12px 12px;padding:8px 11px;height:39px;gap:8px}.pageSearchQuery{font-size:13px}.pageSearchResult{margin:0 12px;padding:12px;gap:8px}.resultBrand img{height:26px;width:26px}.resultBrand b{font-size:11px}.resultBrand>span{height:20px;width:20px;font-size:13px}.pageSearchResult>strong{font-size:18px;letter-spacing:-.3px}.pageSearchResult>span{font-size:10px}.searchAudit{left:4%;right:4%;width:auto;top:auto;bottom:89px;flex-direction:row;gap:5px}.searchAudit>span{flex:1;font-size:9px;line-height:1.3;padding:9px 6px;gap:5px;border-radius:7px;min-height:40px}.searchAudit i{font-size:13px}.searchChart{left:7%;width:86%;bottom:14px;height:58px;gap:10px}.searchChart>span{width:69px;font-size:7px;letter-spacing:.6px}.searchChart>div{gap:6px}.searchChart i{border-radius:4px 4px 1px 1px}
 .webDesktop{left:5%;top:23px;width:90%;height:259px;border-radius:10px}.builtNav{height:31px;padding:0 10px}.builtNav b{font-size:9px;letter-spacing:-.3px}.builtNav img{width:20px;height:20px}.builtNav>img{width:18px;height:12px}.builtHero{padding:18px 13px;gap:8px;height:154px}.builtHero>span{gap:10px}.builtHero small{font-size:5px;letter-spacing:.5px}.builtHero strong{font-size:25px;letter-spacing:-1px}.builtHero>img{width:90px;height:90px}.builtButton{font-size:7px;padding:6px 8px}.builtTiles{padding:10px;gap:6px}.builtTiles>span{padding:9px 5px;gap:4px}.builtTiles b{font-size:6px}.builtTiles i{width:5px;height:5px}.webLaunch{right:12px;bottom:10px;padding:5px 8px;font-size:8px}.webMobile{right:3%;top:143px;width:99px;height:211px;border-width:2px;border-radius:13px}.webMobile .builtHero{height:auto;padding:11px 7px}.webMobile .builtHero strong{font-size:17px}.webMobile .builtHero>img{width:46px;height:46px}.webMobile .builtNav b{font-size:5px}.pageBuilderRobot{left:1%;bottom:15px;width:94px;height:94px}.pageBuilderRobot>span{font-size:14px;padding:4px 7px;top:0;left:79%}.webBuildMeter{bottom:12px;left:30%;width:38%}.serviceTheatre.mobileFocus .webMobile{transform:translate(-70%, -43px) scale(1.23)}
 .pageCampaignPoster{width:172px;height:261px;left:calc(50% - 86px);top:39px;padding:13px;gap:11px}.pageCampaignPoster>span{font-size:9px}.pageCampaignPoster>img{width:122px;height:122px}.pageCampaignPoster strong{font-size:25px;letter-spacing:-.8px}.pagePosterBack{width:169px;height:258px;left:calc(50% - 63px);top:44px;padding:18px}.pagePosterBack b{font-size:31px}.socialDesignTools{left:4%;top:95px;gap:7px}.socialDesignTools>span{height:31px;width:31px;font-size:17px;border-radius:8px}.pageSocialHeart{right:7%;top:30px;width:37px;height:37px;font-size:27px}.socialColourTools{right:5%;bottom:88px;gap:7px}.socialColourTools i{width:21px;height:21px;border-radius:7px}.pageFormat{bottom:19px;font-size:12px;padding:5px 12px}.serviceTheatre.storyFormat .pageCampaignPoster{height:297px;width:154px;top:24px}.serviceTheatre.storyFormat .pageCampaignPoster>img{height:137px;width:137px}
 .pageStore{top:20px;left:4%;right:4%;height:325px;border-radius:11px}.pageStoreNav{padding:11px 12px}.pageStoreNav>b{font-size:8px;letter-spacing:.5px}.pageCartCount{width:22px;min-width:22px;height:22px;font-size:12px}.pageStoreProducts{padding:0 12px;gap:9px}.pageStoreProducts article{padding:7px;gap:8px}.digitalProduct{height:106px}.digitalProduct img{width:88px;height:88px}.productWebsite b{font-size:31px}.pageStoreProducts article>b{font-size:11px;line-height:1.3}.pageStoreProducts button{font-size:10px;min-height:36px;padding:7px;line-height:1.3}.pageCartTray{margin:12px;padding:10px;font-size:10px;gap:7px}.pageCartTray>b{font-size:17px}.pageOrderReceipt{right:2%;bottom:10px;width:109px;padding:14px 10px;gap:8px}.pageOrderReceipt>span{font-size:10px}.pageOrderReceipt>b{height:30px;width:30px;font-size:21px}
 .pageAiRobot{top:25px;left:calc(50% - 80px);width:160px;height:160px}.pageAiThinking{right:-14px;top:17px;padding:12px;border-radius:12px 12px 12px 3px}.pageAiThinking i{width:4px;height:4px}.pageAiChat{top:201px;left:6%;right:6%;padding:15px;border-radius:13px}.pageAiChat>span{font-size:7px;letter-spacing:.4px}.pageAiChat>p{font-size:15px;line-height:1.45;margin-top:8px}.pageAiPipeline{left:5%;right:5%;bottom:15px;gap:14px}.pageAiPipeline>span{padding:9px 5px;gap:5px;border-radius:8px}.pageAiPipeline>span:not(:last-child):after{width:15px}.pageAiPipeline i{font-size:14px}.pageAiPipeline b{font-size:9px}
 .pageIdentityCanvas{top:38px;left:4%;right:4%;height:259px;border-radius:10px}.identityCanvasToolbar{height:30px;padding:0 10px;gap:6px}.identityCanvasToolbar>span{font-size:18px}.identityCanvasToolbar>b{font-size:7px;letter-spacing:.5px}.pageBrandLockup{height:176px;gap:5px;background-size:19px 19px}.pageBrandLockup>img{height:65px;width:65px;flex-shrink:0}.pageBrandLockup>strong{font-size:22px;letter-spacing:-1.1px}.brandSelection{top:53px;height:71px;left:4%;right:4%}.pageIdentityPalette{height:53px;padding:12px 15px;gap:7px}.pageIdentityPalette>i{height:23px;border-radius:4px}.pageIdentityPalette>span{font-size:8px}.brandTypeface{left:3%;bottom:33px;font-size:23px;padding:8px 12px;border-radius:10px}.brandApproval{right:5%;bottom:37px; height:33px;width:33px;font-size:22px}.animatedDeliver{padding-block:43px;gap:25px}.animatedDeliver ol{gap:9px}.animatedDeliver ol li{font-size:13px;padding:16px 12px!important;gap:8px}.animatedDeliver li>span{font-size:10px}
}
@media(max-width:370px){.pageBrandLockup>strong{font-size:19px;letter-spacing:-.9px}.pageBrandLockup>img{width:56px;height:56px}.builtHero strong{font-size:21px}.builtHero>img{width:75px;height:75px}.pageSearchResult>strong{font-size:16px}.pageAiChat>p{font-size:14px}.pageAiChat{padding:12px}.socialDesignTools{left:2%}.socialColourTools{right:2%}}
html[dir=rtl] .detailCopy h1{letter-spacing:0}html[dir=rtl] .theatreControls,html[dir=rtl] .theatreStatus,html[dir=rtl] .pageAiAnswer,html[dir=rtl] .pageCartMessage{direction:rtl}html[dir=rtl] .pageSearchQuery{direction:rtl;animation-name:pageSearchTypeRtl}html[dir=rtl] .pageSearchResult>strong,html[dir=rtl] .pageSearchResult>span,html[dir=rtl] .searchAudit>span{direction:rtl;text-align:right}html[dir=rtl] .builtHero strong,html[dir=rtl] .pageCampaignPoster strong,html[dir=rtl] .pagePosterBack b{direction:rtl;letter-spacing:0}
@keyframes pageSearchTypeRtl{0%,5%,100%{clip-path:inset(0 0 0 100%)}24%,93%{clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.immersiveService *,.animatedDeliver *,.detailScope h2{animation:none!important;transition:none!important}.pageSearchQuery,.pageBrandLockup>strong{clip-path:none;opacity:1}.pageSearchResult,.resultBrand>span,.searchAudit>span,.searchChart i,.builtNav,.builtHero,.builtHero>img,.builtTiles>span,.webLaunch,.webMobile,.brandApproval{opacity:1;transform:none}.pageBrandLockup>img{transform:none}.pageAiPipeline>span{opacity:1}.serviceTheatre.cartAdded .pageOrderReceipt{opacity:1;transform:none}.serviceTheatre.mobileFocus .webMobile{transform:translate(-110%, -75px) scale(1.35)}}