/* Specific finishing for Meta Ads and Software: navy, metal and connected stages. */
body:is([data-page="ads.html"],[data-page="software.html"]) .material-scene{border-color:#c6aa7399;box-shadow:inset 0 1px 0 #eee1ba88,0 22px 45px #102c5829,0 0 0 6px #d9e4f14d}
body:is([data-page="ads.html"],[data-page="software.html"]) .material-caption{color:#e3d3ad;border-top-color:#c6aa7370}
body:is([data-page="ads.html"],[data-page="software.html"]) .material-tag{border-color:#c6aa7366;background:linear-gradient(120deg,#274c77ee,#102c58ee);box-shadow:inset 0 1px 0 #ffffff22,0 6px 15px #05172b55;color:#f4f7fc}
body:is([data-page="ads.html"],[data-page="software.html"]) .benefit-grid article{position:relative;overflow:hidden;border-color:#9fb8d260;background:linear-gradient(135deg,#2b507a99,#102c58cc);box-shadow:inset 0 1px 0 #e4ecf525,0 12px 25px #07172e25}
.service-step-number{position:absolute;top:21px;right:20px;font-size:13px;letter-spacing:.1em;color:#ddc891;border:1px solid #c6aa7350;border-radius:7px;padding:6px 8px;background:#e5d5a90b}
body:is([data-page="ads.html"],[data-page="software.html"]) .benefit-grid article:after{content:"";position:absolute;bottom:0;left:0;width:30%;height:2px;background:linear-gradient(90deg,transparent,#e0c58c,transparent);animation:serviceTrace 9s ease-in-out infinite}
body:is([data-page="ads.html"],[data-page="software.html"]) .benefit-grid article:nth-child(2):after{animation-delay:-2s}
body:is([data-page="ads.html"],[data-page="software.html"]) .benefit-grid article:nth-child(3):after{animation-delay:-4s}
body:is([data-page="ads.html"],[data-page="software.html"]) .benefit-grid article:nth-child(4):after{animation-delay:-6s}
.ads-lab .studio-heading,.flow-lab .studio-heading{display:grid;grid-template-columns:1.15fr 1fr;column-gap:60px;align-items:end;max-width:none}
.ads-lab .studio-heading>.eyebrow,.flow-lab .studio-heading>.eyebrow{grid-column:1/-1}
.ads-lab .studio-heading>p:last-child,.flow-lab .studio-heading>p:last-child{padding-left:24px;border-left:2px solid #c6aa73;margin:0 0 5px;max-width:420px}
.ads-lab-layout{position:relative;align-items:stretch;gap:18px;padding:18px;border:1px solid #c6aa7380;border-radius:26px;background:linear-gradient(130deg,#28507c,#102c58 70%);box-shadow:0 20px 45px #102c5824,inset 0 1px 0 #ffffff35}
.ads-lab .creative-display{display:flex;justify-content:center;align-items:center;padding:32px 50px;background:radial-gradient(ellipse at 40% 40%,#3b6792,#133258 80%);border:1px solid #7593b46b;border-radius:17px;isolation:isolate}
.ads-lab .creative-display:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#bcd3f00d 1px,transparent 1px),linear-gradient(90deg,#bcd3f00d 1px,transparent 1px);background-size:28px 28px}
.ads-lab .creative-display figure{max-width:310px;width:100%;border:5px solid #eef4fc;box-shadow:0 18px 36px #06172e80,0 0 0 1px #c6aa7370;transform:rotate(-2deg);transition:transform .5s}
.ads-lab .creative-display:hover figure{transform:rotate(0)}
.ads-lab .creative-trace{border-color:#d7bd8373;width:380px;height:380px;top:calc(50% - 190px);left:calc(50% - 190px)}
.ads-lab .creative-trace:before{content:"";width:9px;height:9px;border-radius:50%;background:#e9cf91;box-shadow:0 0 0 5px #c6aa7320,0 0 20px #e5c588}
.ads-lab .creative-pin{background:linear-gradient(145deg,#f3e5bd,#c6aa73);color:#17325a;border-color:#f3e2b9;font-weight:650;box-shadow:0 7px 16px #061c394d}
.ads-lab .pin-a{top:50px;left:18px}.ads-lab .pin-b{right:16px}.ads-lab .pin-c{bottom:46px;left:21px}
.ads-lab .ad-planning{position:relative;padding:28px;border-radius:17px;background:linear-gradient(120deg,#fff,#eef3fb);box-shadow:inset 0 0 0 1px #a6bdd244;min-width:0}
.ads-lab .ad-planning>.illustration-label{color:#68572e;background:#eee0bc88;border-color:#c6aa7380}
.ads-lab .ad-planning h3{font-size:clamp(26px,2.3vw,34px);margin:18px 0 24px}
.ads-lab .ad-dials button{background:#e4ecf7;border-color:#a6bdd4;transition:transform .25s,background .25s}
.ads-lab .ad-dials button:hover{transform:translateY(-3px)}
.ads-lab .ad-dials button[aria-pressed=true]{background:linear-gradient(130deg,#2a527e,#102c58);border-color:#b6a16d;color:#f5f8ff;box-shadow:0 5px 15px #102c582b,inset 0 -3px 0 #c6aa73}
.ads-lab .ad-dials button[aria-pressed=true] svg{color:#e8cf94}
.ads-lab .ad-step-copy{padding:20px 18px;margin-top:20px;border:1px solid #ccdaec;border-left:3px solid #c6aa73;border-radius:11px;background:white;min-height:133px;box-shadow:0 5px 14px #102c5808}
.ads-lab .ad-step-copy p{margin-bottom:0;max-width:none}
.ads-lab .ad-planning .studio-footnote{color:#647793;font-size:11px;line-height:1.6;margin-top:17px}
.ads-lab .ad-planning .text-link{margin-top:8px}
.flow-lab-panel{border:1px solid #a7b4b4;border-radius:25px;background:radial-gradient(ellipse at 10% 0%,#315c88,#102c58 70%);box-shadow:0 20px 45px #102c5826,inset 0 1px 0 #efe0bb66;padding:28px}
.lab-console-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #b8cde440;color:#e0eafa;font-size:12px;letter-spacing:.04em}
.console-signals{display:flex;gap:7px}.console-signals i{width:7px;height:7px;background:#c6aa73;border-radius:50%;box-shadow:0 0 8px #c6aa7340;animation:serviceSignal 3s ease-in-out infinite alternate}.console-signals i:nth-child(2){animation-delay:-1s}.console-signals i:nth-child(3){animation-delay:-2s}
.flow-lab .scenario-tabs{gap:10px}
.flow-lab .scenario-tabs button{border-color:#a9bfd55c;color:#d5e2f4;background:#8aafd216}
.flow-lab .scenario-tabs button[aria-pressed=true]{background:linear-gradient(135deg,#f4e9cd,#ceb47a);border-color:#ecd7a8;color:#102c58;box-shadow:0 4px 13px #06193030;font-weight:700}
.flow-lab .flow-board{counter-reset:flowstage;gap:28px;padding-block:45px 32px}
.flow-lab .flow-board article{counter-increment:flowstage;padding:22px 19px;background:linear-gradient(130deg,#fff,#e4ecf7);color:#102c58;border-color:#adc1da;box-shadow:inset 0 1px 0 white,0 15px 25px #06192d55}
.flow-lab .flow-board article:before{content:"0" counter(flowstage);position:absolute;top:18px;right:16px;color:#7186a4;font-size:11px;letter-spacing:.08em}
.flow-lab .flow-board article:after{content:"";position:absolute;width:7px;height:7px;background:#e1c58a;border:2px solid #fff0c6;border-radius:50%;top:calc(50% - 4px);right:-5px;box-shadow:0 0 12px #c6aa73;z-index:2}
.flow-lab .flow-board article:last-child:after{display:none}
.flow-lab .flow-art-icon{background:linear-gradient(135deg,#335e8c,#102c58);color:#e5ce9b;border-color:#829abd;box-shadow:0 5px 12px #102c582b;margin-bottom:20px}
.flow-lab .flow-board h3{font-weight:650;font-size:17px;min-height:48px}
.flow-lab .flow-board small{color:#526d90;font-size:10px}
.flow-lab .flow-board-track{top:50%;height:2px;background:#c6aa734d}
.flow-lab .flow-explanation{background:#081e3d55;border:1px solid #98b0cd40;border-radius:13px;padding:19px 20px;align-items:center}
.flow-lab .flow-explanation .illustration-label{color:#e5d5b0;border-color:#c6aa7366;background:#e9d6a411}
.flow-lab .flow-explanation p{color:#d9e5f6}
body:is([data-page="ads.html"],[data-page="software.html"]) .scope{position:relative;gap:35px;border-color:#c6aa737a;background:linear-gradient(120deg,#fff,#e5eef9);box-shadow:inset 5px 0 0 #c6aa73,0 15px 35px #102c5812}
body:is([data-page="ads.html"],[data-page="software.html"]) .scope-art{gap:10px}
body:is([data-page="ads.html"],[data-page="software.html"]) .scope-art>span{padding:12px 14px;border:1px solid #bccde4;border-radius:10px;background:#ffffffb8;box-shadow:0 4px 12px #102c580a}
body:is([data-page="ads.html"],[data-page="software.html"]) .scope>div:last-child{border:1px solid #b6cae1;padding:24px;background:#fff;border-radius:14px;box-shadow:0 6px 16px #102c5809}
body:is([data-page="ads.html"],[data-page="software.html"]) .scope>div:last-child>p:last-child{margin-bottom:0;padding-top:16px;border-top:1px solid #dcd1b6}
body:is([data-page="ads.html"],[data-page="software.html"]) .service-pricing{margin-top:38px;margin-bottom:38px;padding:30px;border:1px solid #9db6d6;border-radius:22px;background:linear-gradient(110deg,#e4edf9,#f8faff);box-shadow:inset 0 4px 0 #c6aa73,0 12px 30px #102c5810}
body:is([data-page="ads.html"],[data-page="software.html"]) .service-price-links{gap:10px}
body:is([data-page="ads.html"],[data-page="software.html"]) .service-price-links>a{padding:21px;border:1px solid #b4c8e1;border-radius:13px;background:#fff;box-shadow:0 4px 11px #102c5809}
body:is([data-page="ads.html"],[data-page="software.html"]) .service-price-links>a:hover{border-color:#b19b67;background:#fdfbf6}
.visual-offscreen .benefit-grid article:after,.visual-offscreen .console-signals i{animation-play-state:paused}
@keyframes serviceTrace{0%,10%{transform:translateX(-100%)}90%,100%{transform:translateX(435%)}}
@keyframes serviceSignal{from{opacity:.45;box-shadow:0 0 0 #c6aa7300}to{opacity:1;box-shadow:0 0 12px #e6c89080}}
@media(max-width:1050px){.ads-lab-layout{gap:12px;padding:12px}.ads-lab .ad-planning{padding:23px}.ads-lab .creative-display{padding:32px}.flow-lab .flow-board{gap:18px}.flow-lab .flow-board article{padding:19px 14px}.flow-lab .flow-board h3{font-size:15px}.flow-lab .flow-board article:before{right:12px}.ads-lab .studio-heading,.flow-lab .studio-heading{column-gap:30px}}
@media(max-width:760px){.ads-lab .studio-heading,.flow-lab .studio-heading{display:block}.ads-lab .studio-heading>p:last-child,.flow-lab .studio-heading>p:last-child{margin-top:20px;padding-left:16px}.ads-lab-layout{grid-template-columns:1fr;padding:10px;gap:12px;border-radius:20px}.ads-lab .creative-display{padding:25px 48px;border-radius:13px}.ads-lab .creative-display figure{max-width:240px}.ads-lab .creative-pin{padding:8px 10px}.ads-lab .pin-a{left:10px;top:30px}.ads-lab .pin-b{right:10px}.ads-lab .pin-c{left:10px;bottom:30px}.ads-lab .ad-planning{padding:21px 17px;border-radius:13px}.ads-lab .ad-planning h3{font-size:28px}.ads-lab .ad-dials button{padding:12px 7px;min-height:88px}.ads-lab .ad-step-copy{padding:17px 14px;min-height:143px}.ads-lab .ad-step-copy h4{font-size:17px}.flow-lab-panel{padding:20px 15px;border-radius:20px}.lab-console-head{font-size:11px;margin-bottom:18px;padding-bottom:15px}.flow-lab .scenario-tabs{gap:6px}.flow-lab .scenario-tabs button{padding:10px 7px;font-size:10px}.flow-lab .flow-board{padding-block:25px;gap:16px}.flow-lab .flow-board article{padding:17px 30px 17px 15px;gap:0 15px}.flow-lab .flow-art-icon{margin:0}.flow-lab .flow-board h3{min-height:0;font-size:14px;line-height:1.4}.flow-lab .flow-board small{font-size:9px}.flow-lab .flow-board article:before{top:12px;right:10px;font-size:9px}.flow-lab .flow-board article:after{right:auto;left:35px;top:auto;bottom:-5px}.flow-lab .flow-board-track{left:39px;top:30px;bottom:30px;height:auto;width:2px}.flow-lab .flow-explanation{padding:15px}.flow-lab .flow-explanation p{font-size:12px}body:is([data-page="ads.html"],[data-page="software.html"]) .scope{gap:23px;padding:24px 18px}body:is([data-page="ads.html"],[data-page="software.html"]) .scope>div:last-child{padding:19px}body:is([data-page="ads.html"],[data-page="software.html"]) .scope-art>span{padding:10px}body:is([data-page="ads.html"],[data-page="software.html"]) .service-pricing{padding:25px 19px}body:is([data-page="ads.html"],[data-page="software.html"]) .service-price-links>a{padding:18px}}
@media(max-width:520px){body:is([data-page="ads.html"],[data-page="software.html"]) .benefit-grid{grid-template-columns:1fr}body:is([data-page="ads.html"],[data-page="software.html"]) .benefit-grid article{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:17px;padding:22px 17px}body:is([data-page="ads.html"],[data-page="software.html"]) .benefit-symbol{grid-column:1;grid-row:1/3;width:42px;height:42px;margin:0}body:is([data-page="ads.html"],[data-page="software.html"]) .benefit-grid h3{grid-column:2;font-size:18px;line-height:1.3;padding-right:27px;margin:0}body:is([data-page="ads.html"],[data-page="software.html"]) .benefit-grid p{grid-column:2;margin:10px 0 0}.service-step-number{font-size:9px;padding:4px;top:22px;right:12px}}
@media(prefers-reduced-motion:reduce){.service-step-number,.console-signals i,body:is([data-page="ads.html"],[data-page="software.html"]) .benefit-grid article:after{animation:none!important}.ads-lab .creative-display figure,.ads-lab .ad-dials button{transition:none;transform:none!important}}