/* Working studios: deliberate layers, one causal sequence, a complete static state. */
.service-page-hero-demo .service-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:4%;min-height:700px}
.service-visual.service-studio{width:100%;max-width:760px;margin:0;padding:20px 0 0;container-type:inline-size}
.service-studio .demo-intro{font-size:clamp(18px,1.5vw,23px);color:var(--paper);letter-spacing:-.035em;line-height:1.3;margin:0 0 24px;max-width:400px}
.service-studio .demo-scene{position:relative;min-width:0;color:var(--paper);overflow:clip;overflow-clip-margin:28px}
.studio-stage{position:relative;height:510px;isolation:isolate}
.studio-stage *{box-sizing:border-box}
.studio-stage svg{width:18px;height:18px;flex-shrink:0}
.studio-stage img{display:block;width:100%;height:100%;object-fit:cover}
.studio-stage strong,.studio-stage b{font-weight:600}
.studio-stage p{margin:0}
.studio-stage i{font-style:normal}
.studio-window{position:absolute;overflow:hidden;border:1px solid #45443f;background:#1b1b19;box-shadow:0 18px 36px #0005}
.studio-chrome{display:flex;align-items:center;gap:10px;height:36px;padding:0 13px;background:#242421;border-bottom:1px solid #41413a;font-size:10px;letter-spacing:.01em;color:#dbd9d1;white-space:nowrap}
.studio-dots{display:flex;gap:4px;flex-shrink:0}
.studio-dots i{width:5px;height:5px;border-radius:50%;background:#73736a}
.studio-dots i:first-child{background:var(--orange)}
.studio-chrome-detail{margin-left:auto;color:#b3b2aa;font-size:9px}
.studio-notice{position:absolute;z-index:6;bottom:0;left:0;right:0;display:flex;align-items:center;gap:13px;min-height:64px;padding:12px 17px;border:1px solid #55534a;border-left:3px solid var(--orange);background:#25241f;box-shadow:0 12px 28px #0003}
.studio-notice>svg{color:var(--orange);width:24px;height:24px}
.studio-notice>div{flex:1;min-width:0}
.studio-notice b{display:block;font-size:14px;line-height:1.3;letter-spacing:-.02em}
.studio-notice div>span{display:block;margin-top:4px;color:#bdbbb1;font-size:11px;line-height:1.45}
.studio-notice>i{display:grid;place-items:center;border:1px solid #646151;width:27px;height:27px;border-radius:50%;color:var(--orange)}
.studio-pointer{position:absolute;inset:0;z-index:8;opacity:0;pointer-events:none}
.studio-pointer>svg{width:27px;height:27px;fill:var(--orange);stroke:#111;stroke-width:1.1;filter:drop-shadow(1px 2px 2px #0008)}
.studio-pointer>span{position:absolute;top:25px;left:19px;font-size:10px;background:var(--orange);color:var(--ink);padding:4px 7px}
.studio-selection{position:absolute;inset:0;border:1px solid var(--orange);pointer-events:none}
.studio-selection>i{position:absolute;width:6px;height:6px;background:var(--paper);border:1px solid var(--orange)}
.studio-selection>i:nth-child(1){top:-3px;left:-3px}.studio-selection>i:nth-child(2){top:-3px;right:-3px}.studio-selection>i:nth-child(3){bottom:-3px;left:-3px}.studio-selection>i:nth-child(4){bottom:-3px;right:-3px}
.studio-selection>span{position:absolute;top:0;left:0;background:var(--orange);color:var(--ink);padding:4px 6px;font-size:9px;white-space:nowrap}
.studio-stage .studio-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.studio-wire{stroke:#514c40;stroke-width:1}
.studio-wire-active{stroke:var(--orange);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:0}
.studio-packet{stroke:#fff0d9;stroke-width:3;stroke-dasharray:.025 .975;stroke-linecap:round;opacity:0}
.studio-phone{position:absolute;z-index:4;padding:7px;border:1px solid #77766c;border-radius:23px;background:#191917;box-shadow:-10px 16px 32px #0007;overflow:hidden}
.studio-phone-speaker{position:absolute;z-index:1;left:35%;right:35%;top:7px;height:11px;background:#191917;border-radius:0 0 8px 8px}
.studio-phone>div:last-child{overflow:hidden;border-radius:16px;height:100%}
.studio-pill{display:inline-flex;align-items:center;gap:8px;font-size:9px;border:1px solid #8c8981;border-radius:99px;padding:7px 9px}
.studio-pill svg{width:13px;height:13px}

/* Sites: a design canvas becomes a published, responsive experience. */
.studio-builder{top:12px;left:0;width:94%;height:400px}
.builder-toolbar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #3f3f38;font-size:10px}
.builder-toolbar>span,.builder-toolbar>div,.builder-toolbar>b{display:flex;align-items:center;gap:9px}
.builder-toolbar>div{color:#b5b3a9}.builder-toolbar>b{font-size:10px;font-weight:500;padding:6px 9px;background:var(--orange);color:var(--ink)}
.builder-toolbar svg{width:14px;height:14px}
.builder-workspace{display:grid;grid-template-columns:80px 1fr;height:291px}
.builder-layers{padding:16px 10px;border-right:1px solid #393932;color:#c5c3b9;overflow:hidden}
.builder-layers>span{font-size:8px;letter-spacing:.1em}
.builder-layers>div{display:flex;align-items:center;gap:6px;font-size:8px;margin-top:19px;white-space:nowrap}
.builder-layers svg{width:12px;height:12px}
.builder-layers .builder-swatches{gap:5px;margin-top:30px}.builder-swatches i{width:12px;height:12px;background:var(--paper)}.builder-swatches i:nth-child(2){background:#8f8b77}.builder-swatches i:nth-child(3){background:#423e30}
.builder-canvas{padding:14px;background:#30302a;overflow:hidden}
.studio-web-page{background:#eeebe4;color:#25271e;height:100%;overflow:hidden}
.studio-web-nav{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #c7c5b9}
.studio-web-nav b{font-size:12px;letter-spacing:.1em}.studio-web-nav>span{font-size:8px}
.studio-web-hero{display:grid;grid-template-columns:1fr 46%;height:180px}
.studio-web-hero>div:first-child{padding:14px 12px}
.studio-web-hero>div>span:first-child{display:block;font-size:6px;letter-spacing:.1em}
.studio-web-hero strong{display:block;font:400 clamp(25px,5.3cqw,39px)/.95 Georgia,serif;letter-spacing:-.055em;margin:10px 0}
.studio-web-hero p{font-size:8px;line-height:1.3;margin-bottom:11px;max-width:130px}
.studio-web-hero .studio-pill{font-size:7px;padding:4px 7px;gap:5px}
.studio-web-image{position:relative;min-width:0;margin:12px 12px 12px 0}
.studio-web-image img{object-position:64% center}
.studio-web-image .studio-selection>span{font-size:7px;padding:3px 5px}
.studio-web-projects{display:flex;align-items:center;gap:12px;padding:9px 13px;border-top:1px solid #cfcdc4}
.studio-web-projects>img{width:50px;height:37px;object-position:70% center}
.studio-web-projects>div{flex:1}.studio-web-projects b{font-size:10px;line-height:1.1;display:block}.studio-web-projects span{font-size:7px;display:block;margin-top:4px}.studio-web-projects>svg{width:14px}
.builder-status{height:30px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:8px;color:#bdbbae;border-top:1px solid #41413a}
.builder-status>span:first-child{display:flex;align-items:center;gap:5px}.builder-status svg{width:12px;height:12px;color:var(--orange)}
.site-phone{right:0;top:187px;width:24%;height:242px}
.phone-page{padding:26px 12px 12px;background:#eeebe4;color:#282a20}
.phone-page>b{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:12px}
.phone-page>img{height:80px;object-position:65% center}
.phone-page>strong{display:block;font:400 24px/.95 Georgia,serif;letter-spacing:-.04em;margin:13px 0}
.phone-page>span{display:flex;align-items:center;justify-content:space-between;font-size:9px}.phone-page svg{width:13px;height:13px}
.studio-code-tag{position:absolute;top:424px;left:14px;display:flex;align-items:center;gap:9px;color:#cbc8bd;font-size:11px}.studio-code-tag svg{color:var(--orange)}

/* Commerce: the storefront leads to an order, with visible hand-offs. */
.studio-shop{height:560px}
.shop-window{top:12px;left:0;width:94%;height:356px;background:#f0e2cf;color:#3c2b20}
.shop-nav{display:flex;align-items:center;gap:20px;justify-content:space-between;height:55px;padding:0 23px;border-bottom:1px solid #c4af96}.shop-nav>b{font:400 30px/1 Georgia,serif;letter-spacing:-.05em}.shop-nav>span{font-size:9px;margin-left:auto}.shop-nav svg{width:16px;height:16px}
.shop-product{display:grid;grid-template-columns:44% 56%;height:264px}
.shop-product-photo{position:relative;overflow:hidden}.shop-product-photo>img{object-position:64% 66%;transform:scale(1.05)}
.shop-product-photo>span{position:absolute;bottom:12px;left:12px;font-size:8px;background:#f0e2cf;padding:5px 7px}
.shop-product-copy{padding:19px 20px}.shop-product-copy>span{font-size:7px;letter-spacing:.13em}
.shop-product-copy>strong{display:block;font:400 clamp(29px,5.7cqw,42px)/.98 Georgia,serif;letter-spacing:-.04em;margin:9px 0}
.shop-product-copy>p{font-size:9px;line-height:1.5}.shop-options{display:flex;align-items:center;gap:7px;font-size:9px;margin:14px 0 10px}.shop-options>i{width:13px;height:13px;background:#a8774c;border:2px solid #fff;outline:1px solid #8b694d;border-radius:50%}.shop-options svg{width:12px;height:12px;margin-left:auto}
.shop-buy{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 10px;background:var(--orange);color:var(--ink);font-size:10px}.shop-buy svg{width:14px;height:14px}
.shop-product-copy>small{display:flex;align-items:center;gap:5px;font-size:7px;margin-top:8px}.shop-product-copy small svg{width:10px;height:10px}
.shop-checkout{z-index:3;right:0;top:345px;width:58%;height:135px}
.shop-checkout .studio-chrome{height:30px}.checkout-item{display:flex;align-items:center;gap:10px;padding:10px 13px}.checkout-item>img{width:36px;height:38px;object-position:65% center}.checkout-item>div{flex:1}.checkout-item b{display:block;font-size:11px}.checkout-item div>span{display:block;font-size:8px;color:#bebbae;margin-top:4px}.checkout-item>svg{color:var(--orange);width:15px}
.checkout-journey{display:flex;gap:14px;padding:5px 13px 12px}.checkout-journey>div{display:flex;align-items:center;gap:5px;font-size:9px}.checkout-journey svg{width:13px;height:13px}.checkout-journey i{color:var(--orange)}
.checkout-progress{height:2px;background:#575347;margin:0 13px}.checkout-progress>i{height:100%;display:block;background:var(--orange);transform-origin:left}

/* Social: editorial planning, a campaign canvas, then a story adaptation. */
.social-planner{top:0;left:0;width:83%;height:204px}
.planner-top{display:flex;justify-content:space-between;align-items:center;margin:15px 18px 10px}.planner-top>b{font-size:16px;line-height:1.1;letter-spacing:-.035em}.planner-top>svg{color:var(--orange);width:26px;height:26px}
.planner-days{display:grid;grid-template-columns:repeat(5,1fr);margin:0 18px;gap:8px}.planner-days>div{position:relative;display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #515045}.planner-days span{font-size:7px;color:#c0bcae}.planner-days b{font-size:15px}.planner-days i{position:absolute;bottom:0;left:0;width:30%;height:2px;background:var(--orange)}
.planner-items{display:flex;gap:18px;margin:14px 18px;font-size:8px;color:#c9c5b9}.planner-items span{display:flex;align-items:center;gap:5px}.planner-items svg{width:12px;height:12px}
.social-artboard{position:absolute;z-index:2;left:6%;top:152px;width:59%;height:270px;border:1px solid #ce6b28;background:#ff861d;color:#2c250d;box-shadow:0 18px 35px #0005}
.social-art-photo{position:absolute;inset:0;overflow:hidden}.social-art-photo img{object-position:66% center;opacity:.8}
.social-art-copy{position:relative;padding:18px;z-index:1}.social-art-copy>b{font-size:10px;letter-spacing:.08em}.social-art-copy>strong{display:block;font:400 clamp(38px,7.4cqw,55px)/.88 Georgia,serif;letter-spacing:-.06em;margin:20px 0 12px}.social-art-copy>span{display:block;font-size:9px;max-width:120px;line-height:1.35}
.social-art-meta{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;height:28px;padding:0 12px;background:#1c1c19;color:#d8d4c7;font-size:8px;z-index:2}.social-art-meta>span:last-child{margin-left:auto}.social-art-meta svg{width:12px;height:12px}
.social-artboard .studio-selection>span{top:-21px}
.social-phone{right:0;top:92px;width:28%;height:320px}
.social-story{position:relative;padding:26px 12px 13px;background:#ff9a35;color:#2d270d}
.story-progress{position:absolute;top:19px;left:12px;right:12px;height:2px;background:#8b501d}.story-progress i{display:block;height:100%;background:#fff7d5;transform-origin:left}
.social-story>b{font-size:10px;letter-spacing:.05em}.social-story>strong{position:relative;display:block;font-size:clamp(23px,4.5cqw,34px);font-weight:800;line-height:.94;letter-spacing:-.055em;margin-top:18px;z-index:1}
.social-story>img{position:absolute;bottom:35px;left:0;right:0;height:45%;object-position:62% 70%;mix-blend-mode:multiply}
.social-story>span{position:absolute;left:12px;right:12px;bottom:15px;display:flex;justify-content:space-between;align-items:center;font-size:9px}
.social-reactions{position:absolute;top:424px;left:7%;display:flex;align-items:center;gap:9px}.social-reactions svg{width:14px;height:14px}.social-reactions>span{font-size:9px;color:#d2cec0;margin-left:4px}

/* Media: the same strategy branches into search and a social placement. */
.ads-strategy{top:0;left:8%;width:80%;height:145px}
.ads-audience{display:flex;align-items:center;gap:12px;margin:17px 19px 13px}.ads-audience>svg{width:28px;height:28px;color:var(--orange)}.ads-audience>div{flex:1}.ads-audience div>span{font-size:7px;letter-spacing:.13em;display:block;color:#c4c0b4}.ads-audience b{display:block;font-size:16px;letter-spacing:-.025em;margin-top:5px}.ads-audience>i{color:var(--orange)}
.ads-channels{display:flex;gap:7px;padding:0 19px}.ads-channels span{padding:5px 9px;font-size:8px;border:1px solid #696252;border-radius:99px}.ads-channels span:nth-child(-n+2){background:var(--orange);color:var(--ink);border-color:var(--orange)}
.ads-search{left:0;top:205px;width:49%;height:195px;background:var(--paper);color:var(--ink)}
.search-input{display:flex;align-items:center;gap:7px;padding:12px;border-bottom:1px solid #c7c3b8;font-size:9px}.search-input svg{width:14px;height:14px}
.search-result{padding:17px 16px}.search-result>span{display:block;font-size:8px}.search-result>b{display:block;font-size:15px;letter-spacing:-.04em;line-height:1.2;margin:12px 0 8px}.search-result>p{font-size:10px;line-height:1.45}.search-result>div{display:flex;align-items:center;gap:8px;font-size:9px;border-top:1px solid #ccc7b9;padding-top:10px;margin-top:12px}.search-result svg{width:13px;height:13px}
.ads-creative{position:absolute;right:0;top:180px;width:46%;height:240px;background:#e8d5bc;overflow:hidden;color:#362b20;border:1px solid #bba88c;box-shadow:0 18px 36px #0004}
.ads-creative>img{position:absolute;inset:0;object-position:67% center}.ads-creative>div{position:relative;padding:18px 16px;background:linear-gradient(90deg,#efe1cbf0,#efe1cb00);height:100%}.ads-creative b{font:400 27px/1 Georgia,serif}.ads-creative strong{display:block;font:400 clamp(27px,4.7cqw,36px)/1 Georgia,serif;letter-spacing:-.035em;margin-top:29px}.ads-creative div>span{display:inline-flex;align-items:center;gap:8px;font-size:9px;padding:6px 8px;margin-top:16px;border:1px solid #7d6850;border-radius:99px}.ads-creative div>span svg{width:12px;height:12px}.ads-creative>small{position:absolute;bottom:9px;left:16px;font-size:7px;letter-spacing:.08em}
.ads-objective{position:absolute;left:0;top:415px;display:flex;align-items:center;gap:8px}.ads-objective>svg{width:20px;height:20px;color:var(--orange)}.ads-objective b{display:block;font-size:10px}.ads-objective span{display:block;font-size:8px;color:#c0bcb0;margin-top:3px}

/* Film: footage, a color pass, typography and a visible edit timeline. */
.video-editor{top:8px;left:0;width:100%;height:375px}
.video-editor-body{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:12px;height:212px}
.video-media{padding-right:10px;border-right:1px solid #4b493e}.video-media>span{display:block;font-size:8px;color:#c5c1b5;letter-spacing:.12em;margin-bottom:10px}.video-media>div{margin-top:8px}.video-media img{height:30px}.video-media div>span{display:block;font-size:7px;margin-top:4px;color:#bcb8ab}
.video-monitor{position:relative;background:#161713;overflow:hidden}.video-footage{position:absolute;inset:0}.video-footage img{object-position:64% center}.video-treatment{position:absolute;inset:0;background:linear-gradient(90deg,#15150ed9,#18150f4d 80%),linear-gradient(0deg,#ff67183b,#ffb44217);mix-blend-mode:multiply}.video-monitor:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111110b3,transparent 75%);pointer-events:none}
.video-frame-lines{position:absolute;inset:10px;border:1px solid #f3eee533;z-index:1;pointer-events:none}.video-type{position:absolute;top:22px;left:23px;z-index:2;color:#fff9eb}.video-type>span{display:block;font-size:7px;letter-spacing:.15em;margin-bottom:9px}.video-type>strong{font-size:clamp(36px,7.8cqw,57px);font-weight:800;line-height:.88;letter-spacing:-.065em}.video-type strong>span{color:var(--orange)}.video-subtitle{position:absolute;bottom:16px;left:23px;z-index:2;padding:5px 7px;background:#111110;font-size:8px;color:var(--paper)}.video-format{position:absolute;top:17px;right:17px;font-size:8px;color:#fff;z-index:2}
.video-transport{display:flex;align-items:center;gap:10px;height:26px;padding:0 14px;font-size:9px;border-block:1px solid #424036}.video-transport>svg{width:12px;height:12px;color:var(--orange)}.video-transport>b{margin-left:auto;font-size:8px;font-weight:400;color:#bfb9a9}
.video-timeline{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px}.video-track-labels{display:grid;grid-template-rows:25px 18px 18px;gap:7px;font-size:8px;color:#c6c1b0}.video-track-labels>span{display:flex;align-items:center;gap:7px}.video-track-labels svg{width:13px;height:13px}
.video-tracks{display:grid;position:relative;grid-template-rows:25px 18px 18px;gap:7px;overflow:hidden}.video-filmstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.video-filmstrip>div{overflow:hidden;border:1px solid #b6a681}.video-filmstrip img{object-position:60% center}
.video-waveform{display:flex;align-items:center;gap:2px;padding:2px 5px;background:#544937;overflow:hidden}.video-waveform>i{flex:1;min-width:1px;height:var(--wave);background:#e1bb7c}.video-caption-track{margin-left:30%;padding:4px 7px;background:var(--orange);color:var(--ink);font-size:8px;white-space:nowrap;overflow:hidden}
.video-playhead{position:absolute;inset:0;transform:translateX(93%);pointer-events:none}.video-playhead:before{content:'';display:block;width:1px;height:100%;background:#fff7dd}.video-playhead>b{position:absolute;top:0;left:-3px;width:7px;height:6px;background:#fff7dd;clip-path:polygon(0 0,100% 0,50% 100%)}
.video-export{position:absolute;top:395px;left:10%;right:0;display:flex;align-items:center;gap:10px;height:43px}.video-export>svg{color:var(--orange)}.video-export>div:nth-child(2){flex:1}.video-export b{display:block;font-size:12px}.video-export span{display:block;font-size:9px;color:#c4bfae;margin-top:4px}.export-ratios{display:flex;align-items:center;gap:10px}.export-ratios i{display:grid;place-items:center;font-size:8px;width:41px;height:24px;border:1px solid #827761}.export-ratios i:last-child{width:22px;height:36px}

/* Maintenance: the site, a connected workflow, and its revision log. */
.care-preview{left:0;top:10px;width:76%;height:240px}
.care-site-preview{position:relative;height:171px;overflow:hidden}.care-site-preview>img{object-position:65% center}.care-site-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#181a12ed,#181a1255 75%)}.care-site-preview>div:not(.care-scan){position:absolute;left:21px;top:20px;z-index:1}.care-site-preview b{display:block;font-size:10px;letter-spacing:.15em;margin-bottom:21px}.care-site-preview strong{display:block;font:400 clamp(31px,5.8cqw,43px)/.97 Georgia,serif;letter-spacing:-.04em;color:#f7f3e9}
.care-scan{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none}.care-scan:before{content:'';display:block;width:100%;height:2px;background:#ffb377;box-shadow:0 0 16px 5px #ff64185c}
.care-preview-footer{display:flex;align-items:center;gap:7px;padding:9px 13px;font-size:8px;color:#c6c1b4}.care-preview-footer svg{width:12px;height:12px;color:var(--orange)}
.care-workflow{position:absolute;z-index:3;right:0;top:181px;width:44%;display:grid;gap:27px}
.care-node{position:relative;display:flex;align-items:center;gap:9px;min-height:60px;padding:10px;border:1px solid #69604b;background:#24231d;box-shadow:0 8px 20px #0003}.care-node>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #635942;background:#352e21;color:var(--orange);flex-shrink:0}.care-node>span>svg{width:17px;height:17px}.care-node>div{flex:1;min-width:0}.care-node b{display:block;font-size:12px}.care-node small{display:block;font-size:8px;color:#c4bda9;margin-top:4px}.care-node>i{color:var(--orange)}.care-node>i svg{width:14px;height:14px}.care-node .care-node-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px}.care-node-progress>i{display:block;height:100%;background:var(--orange);transform-origin:left}
.care-log{left:0;top:270px;width:51%;height:158px}.care-log .studio-chrome{height:30px}.care-log>div:last-child{padding:9px 13px}.care-log p{display:flex;align-items:center;gap:7px;font-size:10px;padding:9px 0;border-bottom:1px solid #444032}.care-log p:last-child{border:0}.care-log p>span{color:var(--orange)}.care-log svg{width:12px;height:12px}

/* Controls are outside the decorative screens and remain readable on mobile. */
.service-studio .demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:27px 0 0;padding:0}
.service-studio .demo-steps li{position:relative;padding:13px 0 0;border-top:1px solid var(--dark-line);font-size:13px;color:var(--paper);line-height:1.4}
.service-studio .demo-steps li>span{margin-right:9px;color:var(--orange);font-size:11px}
.service-studio .demo-steps i{position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--orange);transform-origin:left}
.studio-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}
.service-studio figcaption{font-size:10px;color:#bdbcb5;text-align:left;margin:0}
.service-studio .demo-controls{display:flex;gap:5px;flex-wrap:wrap}
.service-studio .demo-controls[hidden]{display:none}
.service-studio .demo-controls button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:44px;border:1px solid transparent;border-radius:var(--radius-pill);padding:10px;background:none;color:var(--paper);font:inherit;font-size:11px;cursor:pointer;transition:color .2s,border-color .2s}
.service-studio .demo-controls button:last-child{border-color:#64645f}
.service-studio .demo-controls button:hover{color:var(--orange);border-color:var(--orange)}
.service-studio .demo-controls button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.service-studio .demo-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.demo-play-symbol{display:none}.demo-controls [aria-pressed="true"] .demo-play-symbol{display:block}.demo-controls [aria-pressed="true"] .demo-pause-symbol{display:none}
@media(min-width:1101px) and (max-width:1280px){.service-page-hero-demo .service-title{font-size:clamp(44px,4.2vw,56px)}}
@media(max-width:1100px){.service-page-hero-demo .service-hero-grid{grid-template-columns:1fr;gap:28px;min-height:0}.service-page-hero-demo .service-page-copy{max-width:750px}.service-page-hero-demo .service-title{font-size:clamp(52px,7.4vw,76px)}.service-visual.service-studio{margin:12px auto 0}.service-studio .demo-intro{font-size:23px;max-width:500px}}
@media(max-width:540px){.service-page-hero-demo .service-title{font-size:clamp(34px,10.5vw,58px)}.service-visual.service-studio{padding-top:10px}.service-studio .demo-intro{font-size:20px;margin-bottom:20px}.studio-caption{gap:7px;align-items:flex-start;flex-direction:column}}
@container(max-width:480px){
 .studio-stage{height:490px}.studio-chrome{padding-inline:9px;gap:7px;font-size:9px}.studio-chrome-detail{display:none}
 .studio-notice{min-height:64px;padding:11px;gap:9px}.studio-notice b{font-size:12px}.studio-notice div>span{font-size:10px}.studio-notice>svg{width:20px;height:20px}.studio-notice>i{width:23px;height:23px}
 .studio-builder{width:96%;height:369px}.builder-workspace{grid-template-columns:32px 1fr;height:260px}.builder-layers{padding:14px 9px}.builder-layers>span,.builder-layers div>span,.builder-layers .builder-swatches{display:none}.builder-layers>div{margin-top:18px}.builder-canvas{padding:9px}.studio-web-nav{padding-inline:10px}.studio-web-nav>span{font-size:7px}.studio-web-hero{height:164px;grid-template-columns:55% 45%}.studio-web-hero>div:first-child{padding:15px 9px}.studio-web-hero strong{font-size:28px;margin-block:12px}.studio-web-hero>div>span:first-child{font-size:5px;letter-spacing:.04em}.studio-web-hero p{font-size:7px;max-width:98px}.studio-web-hero .studio-pill{font-size:6px;padding:3px 5px;gap:2px}.studio-web-image{margin:12px 8px 12px 0}.studio-web-image .studio-selection>span{font-size:6px}.studio-web-projects{padding:8px 10px;gap:8px}.studio-web-projects>img{height:28px;width:36px}.studio-web-projects b{font-size:8px}.studio-web-projects span{font-size:6px}.site-phone{width:29%;height:208px;top:193px;padding:5px;border-radius:19px}.studio-phone-speaker{top:5px}.phone-page{padding:23px 8px 8px}.phone-page>b{font-size:8px;margin-bottom:9px}.phone-page>img{height:67px}.phone-page>strong{font-size:21px;margin:10px 0}.phone-page>span{font-size:8px}.studio-code-tag{top:399px;left:0;font-size:9px;gap:5px;max-width:65%;line-height:1.4}
 .studio-shop{height:555px}.shop-window{height:360px;width:100%}.shop-nav{padding-inline:16px;height:48px}.shop-product{height:275px;grid-template-columns:43% 57%}.shop-product-copy{padding:18px 12px}.shop-product-copy>strong{font-size:30px}.shop-product-copy>p{font-size:8px}.shop-product-copy>span{font-size:6px}.shop-options{margin-block:13px 10px;font-size:8px}.shop-buy{font-size:9px;padding:8px}.shop-product-copy>small{font-size:6px}.shop-product-photo>span{left:7px;bottom:10px;font-size:6px;padding:4px}.shop-checkout{top:350px;width:73%;height:132px}.shop-checkout .studio-chrome{height:26px}.checkout-item{padding:8px 10px}.checkout-item>img{width:28px;height:29px}.checkout-item b{font-size:10px}.checkout-item div>span{font-size:7px}.checkout-journey{padding:6px 10px 10px;gap:11px}.checkout-journey>div{font-size:8px;gap:4px}
 .social-planner{width:92%;height:190px}.planner-top{margin:14px 12px 10px}.planner-top>b{font-size:15px}.planner-days{margin-inline:12px;gap:6px}.planner-days>div{gap:5px}.planner-days b{font-size:13px}.planner-days span{font-size:6px}.planner-items{margin-inline:12px;gap:11px;font-size:7px}.social-artboard{left:0;top:164px;width:66%;height:236px}.social-art-copy{padding:17px 13px}.social-art-copy>b{font-size:9px}.social-art-copy>strong{font-size:37px;margin:23px 0 12px}.social-art-copy>span{font-size:8px;max-width:95px}.social-phone{top:111px;width:32%;height:277px;padding:5px;border-radius:19px}.social-story{padding-inline:9px}.social-story>strong{font-size:23px;margin-top:18px}.social-story>b{font-size:8px}.social-story>span{font-size:8px;left:9px;right:9px}.social-art-meta{padding-inline:9px;font-size:7px}.social-art-meta svg{display:none}.social-reactions{top:408px;left:0;gap:7px}.social-reactions>span{font-size:8px}.social-reactions svg{width:12px;height:12px}
 .ads-strategy{left:0;width:100%;height:140px}.ads-audience{margin:15px 12px;gap:9px}.ads-audience b{font-size:15px}.ads-audience div>span{font-size:6px}.ads-channels{padding-inline:12px;gap:5px}.ads-channels>span{font-size:7px;padding:5px 7px}.ads-search{top:179px;width:53%;height:210px}.search-input{padding:11px 9px;gap:5px;font-size:7px}.search-input svg{width:12px;height:12px}.search-result{padding:15px 10px}.search-result>b{font-size:14px;margin:10px 0}.search-result>p{font-size:9px}.search-result>div{font-size:8px;gap:4px}.search-result>div svg{width:11px;height:11px}.ads-creative{top:168px;width:43%;height:239px}.ads-creative>div{padding:17px 11px}.ads-creative b{font-size:25px}.ads-creative strong{font-size:26px;margin-top:36px}.ads-creative div>span{font-size:8px;padding:5px 7px}.ads-creative>small{font-size:5px;left:11px}.ads-objective{top:400px;gap:5px;max-width:52%}.ads-objective b{font-size:8px}.ads-objective span{font-size:6px}.ads-objective>svg{width:15px;height:15px}
 .studio-video{height:510px}.video-editor{height:375px}.video-editor-body{grid-template-columns:1fr;padding:9px;height:215px}.video-media{display:none}.video-type{top:29px;left:17px}.video-type>strong{font-size:45px}.video-type>span{font-size:7px}.video-subtitle{left:17px;bottom:17px;font-size:7px}.video-transport{padding-inline:9px;gap:7px;font-size:8px}.video-transport>b{font-size:7px}.video-timeline{padding:10px 9px;grid-template-columns:48px 1fr;gap:8px}.video-track-labels{font-size:7px}.video-track-labels>span{gap:4px}.video-track-labels svg{width:10px;height:10px}.video-caption-track{font-size:6px}.video-export{top:395px;left:0}.video-export b{font-size:11px}.video-export span{font-size:8px}.export-ratios{gap:6px}
 .care-preview{width:100%;height:232px}.care-site-preview{height:163px}.care-site-preview strong{font-size:36px}.care-site-preview>div:not(.care-scan){left:17px}.care-workflow{top:213px;width:49%;gap:17px}.care-node{min-height:55px;padding:8px;gap:7px}.care-node>span{width:24px;height:26px}.care-node>span>svg{width:14px;height:14px}.care-node b{font-size:10px}.care-node small{font-size:6px;line-height:1.35}.care-node>i svg{width:10px;height:10px}.care-log{width:47%;top:260px;height:152px}.care-log .studio-chrome{font-size:8px;padding-inline:7px;gap:5px}.care-log .studio-dots{display:none}.care-log>div:last-child{padding:7px}.care-log p{font-size:8px;gap:4px;padding:10px 0}.care-log svg{width:10px;height:10px}
 .service-studio .demo-steps{gap:10px;margin-top:23px}.service-studio .demo-steps li{font-size:12px}.service-studio .demo-steps li>span{font-size:10px;margin-right:5px}
}
@container(max-width:330px){
 .studio-web-hero strong{font-size:25px}.studio-web-hero p{font-size:6px}.studio-web-hero .studio-pill{font-size:5px}.studio-web-nav>span{display:none}.studio-web-image .studio-selection>span{font-size:5px}.phone-page>strong{font-size:18px}.studio-code-tag{font-size:8px}
 .shop-product-copy>strong{font-size:26px}.shop-buy{font-size:8px;padding:8px 6px}.shop-buy svg{width:12px;height:12px}.shop-checkout{width:82%}.shop-product-copy>small{font-size:5px}
 .social-art-copy>strong{font-size:33px}.social-story>strong{font-size:20px}.social-artboard .studio-selection>span{font-size:8px}.planner-items{font-size:6px;gap:8px}
 .ads-channels>span{font-size:6px}.search-result>b{font-size:13px}.search-result>p{font-size:8px}.search-result>div{font-size:7px}.ads-creative strong{font-size:23px}.ads-creative div>span{gap:4px;font-size:7px}
 .care-node{padding:7px 5px;gap:5px}.care-node small{font-size:5px}.care-log p{font-size:7px}.studio-notice{gap:7px}.studio-notice b{font-size:11px}.studio-notice div>span{font-size:9px}.studio-notice>i{display:none}.video-export b{font-size:10px}.video-export>svg{width:16px;height:16px}.export-ratios i{font-size:7px;width:32px;height:21px}.export-ratios i:last-child{width:18px;height:31px}
 .service-studio .demo-steps li{font-size:11px}.service-studio .demo-steps li>span{display:block;margin-bottom:5px}
}
@media(prefers-reduced-motion:reduce){.service-studio .demo-controls{display:none}.service-studio .demo-controls button{transition:none}}
.motion-paused .service-studio .demo-controls button{transition:none}