/* Studio product story: precise icons, richer contrast, purposeful interaction. */
.cec-site.studio-tech{--st-navy:#081b36;--st-ink:#102b4b;--st-blue:#165dea;--st-teal:#007e79;background:#fff}
.cec-site .st-icon{width:24px;height:24px;display:block;flex:none}
.cec-site.studio-tech button:focus-visible,.cec-site.studio-tech a:focus-visible{outline:3px solid #16b8cc;outline-offset:5px}
.cec-site.studio-tech .sj-hero{grid-template-columns:1fr 1fr;gap:64px;padding-top:147px;padding-bottom:92px;position:relative;isolation:isolate}
.cec-site.studio-tech .sj-hero:before{content:"";position:absolute;inset:20px -50px 0 35%;z-index:-1;background:radial-gradient(ellipse at 80% 42%,#dfe8ff 0,transparent 65%);pointer-events:none}
.cec-site.studio-tech .sj-hero h1{font-size:clamp(44px,4.1vw,61px);font-weight:650;color:#0c2547;letter-spacing:-.055em}
.cec-site.studio-tech .sj-hero h1>span{color:#1264d7}
.cec-site.studio-tech .sj-hero .eyebrow{color:#075c77;font-weight:700;font-size:10px}
.cec-site.studio-tech .sj-dot{background:#009e94}
.cec-site.studio-tech .sj-hero-copy>p:not(.eyebrow){color:#334e6b;line-height:1.8;font-size:17px}
.cec-site.studio-tech .sj-hero .button.primary{background:#125ce0;color:white;border-color:#125ce0;box-shadow:0 7px 20px #124fb529;font-size:13px}
.cec-site.studio-tech .sj-hero .button.primary:hover{background:#084cbf;transform:translateY(-2px);box-shadow:0 12px 25px #124fb540}
.cec-site.studio-tech .sj-hero .quiet{color:#163e67;font-size:13px}
.cec-site.studio-tech .sj-hero-note p{color:#365775;font-size:12px}.cec-site.studio-tech .sj-hero-note>span{color:#008e87}
.cec-site .st-workspace{--stage-accent:#38bdf8;position:relative;min-width:0;border:1px solid #355b88;border-radius:22px;background:radial-gradient(ellipse at 90% 0,#243f72,transparent 55%),#0a1b36;color:#fff;box-shadow:0 35px 75px #13356428,0 0 0 7px #e8edf6;overflow:hidden}
.cec-site .st-workspace-top{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid #3a5272;gap:10px;background:#0b1b3166}
.cec-site .st-workspace-top>span:first-child{display:flex;align-items:center;gap:10px}.cec-site .st-workspace-top .st-icon{color:#4cddda;width:24px;height:24px}
.cec-site .st-workspace-top strong{font-size:13px;font-weight:650}.cec-site .st-workspace-top small{font-size:6px;letter-spacing:.1em;color:#a8bfdc;max-width:60px;line-height:1.7;border-left:1px solid #506583;padding-left:10px}
.cec-site .st-example-dot{font-size:8px;color:#bbcee6;display:flex;gap:6px;align-items:center;white-space:nowrap}.cec-site .st-example-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:#69dacf}
.cec-site .st-flow-heading{padding:22px 23px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.cec-site .st-flow-heading>span{font-size:12px;font-weight:500;color:#edf5ff}
.cec-site .st-play{display:flex;align-items:center;gap:5px;color:#b9f5f1;background:#193e56;border:1px solid #38768b;border-radius:20px;padding:7px 10px;font-size:9px;white-space:nowrap}.cec-site .st-play .st-icon{width:13px;height:13px}.cec-site .st-play:hover{background:#245971;color:#fff}
.cec-site .st-flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,84px);column-gap:12px;row-gap:24px;margin:23px 24px 25px;isolation:isolate}
.cec-site .st-connections{position:absolute;width:100%;height:100%;inset:0;z-index:-1;fill:none;stroke:#344e70;stroke-width:1.2;overflow:visible}
.cec-site .st-connections .st-signal{stroke:#58d9e6;stroke-width:2.5;stroke-dasharray:14 1000;stroke-dashoffset:0;opacity:0}
.cec-site .st-playing .st-signal{opacity:1;animation:st-flow-signal 3.2s linear infinite}
.cec-site .st-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#102b48;border:1px solid #395372;border-radius:12px;color:#c3d5ec;min-width:0;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;font-size:10px;font-weight:550}
.cec-site .st-node:nth-of-type(4){grid-column:3;grid-row:2}.cec-site .st-node:nth-of-type(5){grid-column:2;grid-row:2}.cec-site .st-node:nth-of-type(6){grid-column:1;grid-row:2}
.cec-site .st-node small{position:absolute;top:7px;left:9px;font-size:7px;letter-spacing:.06em;color:#a2b8d3}
.cec-site .st-node-symbol{color:var(--node-color);transition:transform .25s}.cec-site .st-node-symbol .st-icon{width:25px;height:25px}
.cec-site .st-node:hover{transform:translateY(-3px);border-color:var(--node-color);background:#1c3859;box-shadow:0 6px 15px #020d2066}.cec-site .st-node:hover .st-node-symbol{transform:scale(1.12)}
.cec-site .st-node[aria-pressed=true]{border-color:var(--node-color);color:#fff;background:#254261;box-shadow:0 0 0 1px var(--node-color),0 0 24px #3d8cbd21}
.cec-site .st-node.st-passed:after{content:"";position:absolute;right:9px;top:10px;width:4px;height:4px;background:var(--node-color);border-radius:50%}
.cec-site .st-card{margin:0 22px;border:1px solid #436485;border-radius:13px;overflow:hidden;background:#f4f8ff;color:#183653;min-height:323px;box-shadow:0 12px 25px #01091933}
.cec-site .st-card-caption{padding:11px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #d2dfef;background:white}
.cec-site .st-card-caption>span:first-child{display:flex;align-items:center;gap:8px;font-size:10px;color:#173d68;font-weight:650}.cec-site .st-card-caption .st-icon{width:16px;height:16px;color:#1864be}.cec-site .st-card-caption>span:last-child{font-size:6px;letter-spacing:.07em;color:#526d86}
.cec-site .st-mini-visual{padding:16px 18px;height:166px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e4edfc,#f4f8ff)}
.cec-site .st-card-copy{padding:15px 18px 13px;background:white;border-top:1px solid #d8e2ef}.cec-site .st-card-copy h2{font-size:18px;line-height:1.2;font-weight:650;color:#16365a;letter-spacing:-.03em;margin:0}.cec-site .st-card-copy p{font-size:10px;line-height:1.75;color:#486079;margin:7px 0 0}
.cec-site .st-open-step{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 18px;text-align:left;background:#e9f3f8;color:#17476b;border:0;border-top:1px solid #cadbe9;transition:background .2s}
.cec-site .st-open-step small{display:block;font-size:6px;letter-spacing:.08em;color:#476b84;margin-bottom:4px}.cec-site .st-open-step strong{font-size:11px;font-weight:650}.cec-site .st-open-step>.st-icon{width:19px;height:19px;transition:transform .2s}.cec-site .st-open-step:hover{background:#d4eaf6}.cec-site .st-open-step:hover>.st-icon{transform:translateX(4px)}
.cec-site .st-workspace-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 23px;color:#aec4de;font-size:8px}.cec-site .st-workspace-bottom>span:first-child{display:flex;align-items:center;gap:6px}.cec-site .st-workspace-bottom .st-icon{width:12px;height:12px;color:#6bd9d0}.cec-site .st-workspace-bottom>span:last-child{font-size:6px;letter-spacing:.1em}
.cec-site .st-source-stack{width:100%;transform:rotate(-1deg)}.cec-site .st-source-stack>div:first-child{display:flex;gap:12px;align-items:center;border:1px solid #a9c5e6;background:white;border-radius:9px;padding:16px;box-shadow:0 10px 15px #1d579d0c}
.cec-site .st-art-icon{display:grid;place-items:center;width:40px;height:44px;border-radius:9px;background:#d9e9ff;color:#145bba;flex:none}.cec-site .st-art-icon .st-icon{width:22px;height:22px}.cec-site .st-source-stack small{display:block;font-size:6px;letter-spacing:.08em;color:#4a7397}.cec-site .st-source-stack strong{display:block;font-size:15px;letter-spacing:-.02em;margin:5px 0;color:#153d69}.cec-site .st-source-stack em{display:block;font-size:8px;font-style:normal;color:#4c657d}.cec-site .st-mini-badge{margin-left:auto;font-size:7px;background:#e0f5ec;color:#0c755c;border:1px solid #add9c5;border-radius:10px;padding:4px 7px}
.cec-site .st-file-row{display:flex;gap:10px;margin-top:11px}.cec-site .st-file-row>span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #b5cde7;border-radius:6px;background:#eef5ff;font-size:8px;color:#315b80}.cec-site .st-file-row .st-icon{width:13px;height:13px}
.cec-site .st-match-mini{width:100%;display:grid;grid-template-columns:.8fr 27px 1.2fr;align-items:center}.cec-site .st-origin{display:flex;align-items:center;gap:8px;padding:14px 10px;background:white;border:1px solid #bacfe9;border-radius:8px;font-size:10px;font-weight:600;color:#2c5789}.cec-site .st-origin .st-icon{width:23px;height:23px}.cec-site .st-match-connector{height:2px;background:#008a7a;position:relative}.cec-site .st-match-connector:after{content:"";width:6px;height:6px;background:#008a7a;position:absolute;right:-1px;top:-2px;border-radius:50%}.cec-site .st-match-target{background:#e2f5ef;border:1px solid #4cae99;display:flex;align-items:center;gap:8px;padding:13px 10px;border-radius:8px;color:#08765d}.cec-site .st-match-target .st-icon{width:24px;height:24px}.cec-site .st-match-target small{font-size:6px;letter-spacing:.08em;display:block;margin-bottom:6px}.cec-site .st-match-target strong{font-size:11px;line-height:1.4}.cec-site .st-match-mini>p{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;color:#416c6b;margin-top:14px}.cec-site .st-match-mini>p .st-icon{width:14px;height:14px}
.cec-site .st-interview-mini{width:100%;display:grid;gap:10px}.cec-site .st-audio{display:flex;gap:4px;align-items:center;justify-content:center;height:38px}.cec-site .st-audio i{height:calc(var(--bar)*.65);width:3px;border-radius:3px;background:linear-gradient(#9d84f7,#345cb7)}.cec-site .st-playing .st-audio i{animation:st-wave .8s var(--delay) ease-in-out infinite alternate}.cec-site .st-mini-question,.cec-site .st-mini-answer{font-size:9px;line-height:1.6;padding:9px 12px;border-radius:8px;max-width:88%;border:1px solid #bcbbe6}.cec-site .st-mini-question{background:#e9e7fc;color:#493e7e;justify-self:start}.cec-site .st-mini-answer{background:#e2f5ef;color:#205f57;justify-self:end;border-color:#9dcfc0}
.cec-site .st-draft-mini{width:100%;display:grid;grid-template-columns:1fr 92px;gap:12px}.cec-site .st-mini-sheet{background:white;border:1px solid #adc7e9;border-radius:6px;padding:13px 14px;box-shadow:0 6px 15px #234d7c0c}.cec-site .st-mini-sheet small{font-size:6px;letter-spacing:.09em;color:#4a7099}.cec-site .st-mini-sheet strong{font-size:12px;display:block;margin:8px 0;color:#1f466e}.cec-site .st-mini-sheet p{font-size:9px;line-height:1.65;margin:0;color:#3d5873}.cec-site .st-mini-sheet mark{background:#ccf1e3;color:#215546}.cec-site .st-mini-sheet i{display:block;height:3px;background:#dce6f4;margin-top:7px}.cec-site .st-mini-sheet i:last-child{width:60%}.cec-site .st-mini-sources{display:flex;flex-direction:column;justify-content:center;gap:10px}.cec-site .st-mini-sources>span{display:flex;align-items:center;gap:6px;font-size:8px;color:#315b83}.cec-site .st-mini-sources .st-icon{width:16px;height:16px;color:#226cc6}
.cec-site .st-review-mini{width:100%;display:grid;gap:9px}.cec-site .st-review-mini>div{display:flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid #e6bd75;background:#fff8e9;border-radius:7px}.cec-site .st-review-mini>div:nth-child(2){background:#e9f0ff;border-color:#acc5ef}.cec-site .st-review-number{font-size:24px;line-height:1;font-weight:650;color:#9f5d13}.cec-site .st-review-mini>div:nth-child(2) .st-review-number{color:#2461b3}.cec-site .st-review-mini>div>span:nth-child(2){flex:1}.cec-site .st-review-mini small{font-size:6px;letter-spacing:.07em;color:#775425;display:block;margin-bottom:5px}.cec-site .st-review-mini strong{font-size:10px;color:#3b4c60}.cec-site .st-review-mini>div>.st-icon{width:19px;height:19px;color:#816143}.cec-site .st-review-mini>p{font-size:7px;text-align:right;color:#587087;margin:0}
.cec-site .st-publish-mini{display:grid;grid-template-columns:1fr 1fr;gap:7px 19px;align-items:center;width:100%}.cec-site .st-publish-art{grid-column:1;grid-row:1/4;display:flex;align-items:center;justify-content:center;height:120px;border-radius:10px;background:linear-gradient(140deg,#1c466f,#183057);padding:12px}.cec-site .st-publish-art>span{display:grid;place-items:center;background:#2d607c;border:1px solid #6f99b1;border-radius:50%;width:35px;height:35px;flex:none;color:#b2ece5}.cec-site .st-publish-art>span:nth-last-child(1){background:#685070;color:#ffdef4;border-color:#b286b1}.cec-site .st-publish-art .st-icon{width:19px;height:19px}.cec-site .st-publish-art i{height:1px;width:12px;background:#99b8d2}.cec-site .st-publish-mini>small{font-size:6px;letter-spacing:.08em;color:#71446b;align-self:end}.cec-site .st-publish-mini>strong{font-size:16px;line-height:1.2;color:#233f62;letter-spacing:-.03em}.cec-site .st-publish-status{display:flex;align-items:center;gap:5px;font-size:7px;color:#705071;align-self:start}.cec-site .st-publish-status .st-icon{width:13px;height:13px}
/* The central example uses a dark product frame and an uncluttered light workspace. */
.cec-site.studio-tech .sj-process{--stage-accent:#38bdf8;--stage-ink:#0755b7;background:radial-gradient(ellipse at 95% 60%,#15345788,transparent 58%),#081b36;border-top:1px solid #254a6d;border-bottom:0;color:#fff;position:relative}
.cec-site.studio-tech .sj-process .section-heading h2{color:#fff;font-weight:620}.cec-site.studio-tech .sj-process .section-heading h2>span{color:#83d8ed}.cec-site.studio-tech .sj-process .eyebrow{color:#7de7dd;font-weight:650}.cec-site.studio-tech .sj-process .section-heading>p{color:#bfcee4;font-size:15px}
.cec-site.studio-tech .sj-stage-tabs{border-color:#3c5574;gap:9px;margin-bottom:45px;padding-bottom:20px}
.cec-site.studio-tech .sj-stage-tabs button{position:relative;min-height:110px;background:#112b48;border:1px solid #3a5574;border-radius:12px;padding:18px 15px 16px;gap:12px;overflow:hidden;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.cec-site.studio-tech .sj-stage-tabs b{position:absolute;right:13px;top:14px;color:#a6bcd7;font-size:9px}.cec-site.studio-tech .sj-stage-tabs span:not(.st-tab-icon){color:#deebfb;font-size:12px}.cec-site .st-tab-icon{display:block;color:var(--tab-accent)}.cec-site .st-tab-icon .st-icon{width:26px;height:26px}
.cec-site.studio-tech .sj-stage-tabs button:hover{background:#1d3b5e;border-color:var(--tab-accent);transform:translateY(-3px)}
.cec-site.studio-tech .sj-stage-tabs button[aria-selected=true]{background:var(--tab-ink);border-color:var(--tab-accent);box-shadow:0 9px 24px #020d2244,0 0 0 1px var(--tab-accent)}
.cec-site.studio-tech .sj-stage-tabs button[aria-selected=true] .st-tab-icon,.cec-site.studio-tech .sj-stage-tabs button[aria-selected=true] span:not(.st-tab-icon),.cec-site.studio-tech .sj-stage-tabs button[aria-selected=true] b{color:white}
.cec-site.studio-tech .sj-step-copy h3{color:#fff;font-weight:600}.cec-site.studio-tech .sj-step-description{color:#c4d2e5;font-size:15px}.cec-site.studio-tech .sj-step-label{color:#adbfda}.cec-site.studio-tech .sj-step-label span{color:var(--stage-accent);border-color:#526b8b}.cec-site.studio-tech .sj-step-output{border-color:var(--stage-accent);background:#102c48;padding:16px 18px;border-radius:0 9px 9px 0}.cec-site.studio-tech .sj-step-output>span{color:var(--stage-accent);font-size:8px}.cec-site.studio-tech .sj-step-output>p{color:#f0f6ff;font-size:14px}
.cec-site.studio-tech .sj-step-details{border-color:#3b5472}.cec-site.studio-tech .sj-step-details summary{color:#d2e8fc;font-size:12px}.cec-site.studio-tech .sj-step-details ul{color:#bed0e7}
.cec-site.studio-tech .sj-step-controls button{color:white;border-color:#5b7697}.cec-site.studio-tech .sj-step-controls button:last-child{background:#185ee5;border-color:#5d9dff;font-size:12px}.cec-site.studio-tech .sj-step-controls button:last-child:hover{background:#2674ef;box-shadow:0 6px 18px #0003}
.cec-site.studio-tech .sj-screen{background:#fff;border:1px solid #5e7d9e;border-radius:17px;box-shadow:0 25px 55px #020e2270,0 0 0 6px #1b385a;min-height:580px}
.cec-site.studio-tech .sj-screen-bar{background:#16375c;color:#fff;border-bottom:3px solid var(--stage-accent);padding:17px 22px}.cec-site.studio-tech .sj-screen-bar strong{font-size:12px;color:white}.cec-site.studio-tech .sj-screen-logo{color:var(--stage-accent)}.cec-site.studio-tech .sj-screen-logo .st-icon{width:23px;height:23px}.cec-site.studio-tech .sj-screen-bar>div>span:last-child{color:#d4e4f9;font-size:10px}.cec-site.studio-tech .sj-screen-bar>small{color:#b7cce5;font-size:7px;letter-spacing:.08em}
.cec-site.studio-tech .sj-screen-content{background:linear-gradient(145deg,#f4f8ff,#fff 55%)}.cec-site.studio-tech .sj-screen-heading h4{color:#14375f;font-weight:650}.cec-site.studio-tech .sj-screen-heading>div>p,.cec-site.studio-tech .sj-screen-label,.cec-site.studio-tech .sj-kicker{color:#346184;font-weight:650}.cec-site.studio-tech .sj-screen-footer{background:#eaf1fa;color:#294e73;font-size:10px}
.cec-site.studio-tech .sj-tag{border-radius:20px;font-size:9px;font-weight:600;color:#145093;background:#e5efff;border-color:#95b8e8}.cec-site.studio-tech .sj-tag.teal{background:#d5f4e8;color:#07684b;border-color:#6abd9e}.cec-site.studio-tech .sj-tag.gold{background:#fff0d2;color:#81500c;border-color:#d5aa58}.cec-site.studio-tech .sj-tag.indigo{background:#ebe4ff;color:#5c349b;border-color:#b09bdb}
.cec-site.studio-tech .sj-story-record{border-color:#9ebee5;border-left:4px solid #1674d6;box-shadow:0 8px 24px #174e8e08}.cec-site.studio-tech .sj-story-record h5{color:#143d69}.cec-site.studio-tech .sj-story-record>p:not(.sj-kicker){color:#365574}.cec-site.studio-tech .sj-contributors>span{background:#1765bf;color:#fff}.cec-site.studio-tech .sj-contributors>span+span{background:#008675;color:#fff}.cec-site.studio-tech .sj-contributors small{color:#3a5b75}
.cec-site.studio-tech .sj-file{position:relative;flex-wrap:wrap;padding:14px 0;gap:12px}.cec-site.studio-tech .sj-file>span{background:#dfecff;border-color:#84addd;color:#174a85;font-size:8px}.cec-site.studio-tech .sj-file strong{font-weight:600;color:#21466b}.cec-site.studio-tech .sj-file small{color:#47657f}.cec-site .st-file-info{display:grid;place-items:center;width:34px;height:34px;border:1px solid #adc6e4;border-radius:9px;background:#edf5ff;color:#24629e}.cec-site .st-file-info:hover,.cec-site .st-file-info[aria-expanded=true]{background:#d3e8ff;border-color:#4e8bc7}.cec-site .st-file-info .st-icon{width:17px;height:17px}.cec-site .st-file-detail{flex-basis:100%;font-size:11px;line-height:1.7;color:#315577;background:#eaf2fb;padding:12px 14px;border-radius:7px;margin:0}
.cec-site.studio-tech .sj-match-card{border-color:#62ae9b;border-left-color:#00836e;background:#f9fffd}.cec-site.studio-tech .sj-match-card h5{color:#075e4f}.cec-site.studio-tech .sj-match-icon{background:#caf2e5;color:#007c65}.cec-site.studio-tech .sj-match-card p{color:#2c5858}.cec-site.studio-tech .sj-question-note{background:#fff5df;border-color:#d2b069}.cec-site.studio-tech .sj-question-note strong{color:#775012}.cec-site.studio-tech .sj-question-note p{color:#6d542d}
.cec-site.studio-tech .sj-chat-question{background:#eee9ff;border-color:#b6a4e8}.cec-site.studio-tech .sj-chat-question small{color:#61429a}.cec-site.studio-tech .sj-chat-question p{color:#49326e}.cec-site.studio-tech .sj-chat-answer{background:#def7ed!important;border-color:#87c6b1!important}.cec-site.studio-tech .sj-chat-answer p{color:#17584a}.cec-site.studio-tech .sj-chat-answer small{color:#1b6d58}.cec-site.studio-tech .sj-interview-topic>span{color:#7354c9}.cec-site.studio-tech .sj-wave i{background:#7656cd}.cec-site.studio-tech .sj-interview-topic strong{color:#24466c}.cec-site.studio-tech .sj-interview-topic small{color:#526c88}
.cec-site.studio-tech .sj-writing-paper{border-color:#abc6e8;border-top:3px solid #286bd6}.cec-site.studio-tech .sj-writing-paper>p{color:#36546f}.cec-site.studio-tech .sj-writing-paper mark{background:#bdeedc;color:#174f40}.cec-site.studio-tech .sj-draft-question{background:#fff2d7;border-color:#ba7d1d}.cec-site.studio-tech .sj-draft-question strong,.cec-site.studio-tech .sj-draft-question p{color:#77541d}.cec-site.studio-tech .sj-source-notes>div{background:#eaf2ff;padding:15px 10px;margin-bottom:9px;border:1px solid #b7cff0;border-radius:7px}.cec-site.studio-tech .sj-source-notes b{color:#185caf;font-weight:700}.cec-site.studio-tech .sj-source-notes strong{color:#214875}.cec-site.studio-tech .sj-source-notes small{color:#46627d}
.cec-site.studio-tech .sj-review-counts>div{border-radius:9px;background:#fff0d5;padding:14px;border:1px solid #d8b774;border-left:4px solid #c78516}.cec-site.studio-tech .sj-review-counts>div:nth-child(2){background:#e4eeff;border-color:#97b8eb;border-left-color:#286bd6}.cec-site.studio-tech .sj-review-counts>div:nth-child(3){background:#e9edf4;border-color:#b3bfce;border-left-color:#5e738d}.cec-site.studio-tech .sj-review-counts strong{color:#173c64;font-weight:600}.cec-site.studio-tech .sj-review-counts span{color:#3b5574}.cec-site.studio-tech .sj-review-item strong{color:#23476b}.cec-site.studio-tech .sj-review-item p{color:#47627d}.cec-site.studio-tech .sj-final-toggle,.cec-site.studio-tech .sj-reading-open{background:#185ddd;color:white;border-color:#185ddd;box-shadow:0 4px 14px #1b61c022}.cec-site.studio-tech .sj-final-toggle:hover,.cec-site.studio-tech .sj-reading-open:hover{background:#084dbd}
.cec-site.studio-tech .sj-handover-art{background:linear-gradient(120deg,#dfedff,#e7e5ff);border-color:#a3bbdf}.cec-site.studio-tech .sj-handover-art span{background:#1c64c5;border-color:#5e95d4;color:white}.cec-site.studio-tech .sj-handover-art>div:nth-child(3)>span{background:#7750b6;border-color:#aa8cd2}.cec-site.studio-tech .sj-handover-art>div:nth-child(4)>span{background:#008672;border-color:#65baa5}.cec-site.studio-tech .sj-staff-article h4{color:#203b65}.cec-site.studio-tech .sj-staff-article>p:not(.sj-kicker){color:#405d79}.cec-site.studio-tech .sj-demo-note{color:#aac1db;font-size:10px}
/* Lighter sections restore breathing room around the product demonstration. */
.cec-site.studio-tech .sj-control{background:#edf4ff;color:#15385f;border-bottom:1px solid #ccd9ec}.cec-site.studio-tech .sj-control .eyebrow{color:#165bbe;font-weight:700}.cec-site.studio-tech .sj-control h2{color:#10315a;font-weight:620}.cec-site.studio-tech .sj-control h2>span{color:#175dbb}.cec-site.studio-tech .sj-control-grid>div>p:not(.eyebrow){color:#385a7e}.cec-site.studio-tech .sj-checkpoints li{border-color:#bbcee6}.cec-site.studio-tech .sj-checkpoints li>span{width:45px;height:45px;background:#d8e9ff;border:1px solid #94b9e5;color:#175db5;border-radius:12px}.cec-site.studio-tech .sj-checkpoints li:nth-child(2)>span{background:#d7f2ea;border-color:#8dc7b6;color:#087b65}.cec-site.studio-tech .sj-checkpoints li:nth-child(3)>span{background:#ece3fd;border-color:#bda6e0;color:#7043b5}.cec-site.studio-tech .sj-checkpoints h3{color:#173d68;font-weight:600}.cec-site.studio-tech .sj-checkpoints p{color:#365a7b}
.cec-site.studio-tech .sj-beyond-grid{gap:18px;margin-top:32px}.cec-site.studio-tech .sj-beyond-row{position:relative;border:1px solid #b8cde6;border-radius:15px;padding:27px;background:#f4f8ff;transition:transform .2s,border-color .2s,box-shadow .2s}.cec-site.studio-tech .sj-beyond-row:nth-child(2){background:#f0faf6;border-color:#afd2c5}.cec-site.studio-tech .sj-beyond-row:nth-child(3){background:#fffbf1;border-color:#dfcfa4}.cec-site.studio-tech .sj-beyond-row:nth-child(4){background:#f6f3ff;border-color:#c5b8e5}.cec-site.studio-tech .sj-beyond-row:hover,.cec-site.studio-tech .sj-beyond-row:focus-within{transform:translateY(-3px);border-color:#386fa8;box-shadow:0 12px 25px #19427812}.cec-site.studio-tech .sj-beyond-row>a:after{content:"";position:absolute;inset:0;border-radius:15px}.cec-site.studio-tech .sj-beyond-row h3{font-weight:600;color:#173c63}.cec-site.studio-tech .sj-beyond-row p:not(.eyebrow){color:#3b5b77}.cec-site.studio-tech .sj-beyond-row .eyebrow{color:#436382;font-weight:650}.cec-site.studio-tech .sj-theme-icon{background:#145ec4;color:#fff;border-color:#145ec4;width:46px;height:46px}.cec-site.studio-tech .sj-theme-icon.teal{background:#00816e;border-color:#00816e;color:white}.cec-site.studio-tech .sj-theme-icon.gold{background:#9a6b16;border-color:#9a6b16;color:white}.cec-site.studio-tech .sj-theme-icon.indigo{background:#7044b5;border-color:#7044b5;color:white}.cec-site.studio-tech .sj-beyond-row:hover .sj-theme-icon .st-icon{transform:scale(1.09)}.cec-site .sj-theme-icon .st-icon{transition:transform .2s}.cec-site.studio-tech .sj-scope-note{color:#46617c}
.cec-site.studio-tech .sj-close{background:radial-gradient(ellipse at 50% 0,#234c7b,transparent 70%),#0a203c;border:0;position:relative;overflow:hidden}.cec-site.studio-tech .sj-close:before,.cec-site.studio-tech .sj-close:after{content:"";position:absolute;width:560px;height:560px;border:1px solid #4d7eab33;border-radius:50%;top:-50px;left:calc(50% - 280px);pointer-events:none}.cec-site.studio-tech .sj-close:after{width:760px;height:760px;left:calc(50% - 380px);top:-150px}.cec-site.studio-tech .sj-close>.wrap{position:relative;z-index:1}.cec-site.studio-tech .sj-close .eyebrow{color:#6bdfd6}.cec-site.studio-tech .sj-close h2{color:#fff;font-weight:600}.cec-site.studio-tech .sj-close p:not(.eyebrow){color:#c3d6ed}.cec-site.studio-tech .sj-close .button{color:#073f4b;background:#7ce7df;border:1px solid #a9fff5;font-weight:650}.cec-site.studio-tech .sj-close .button:hover{background:#b0fff5;transform:translateY(-2px)}
@keyframes st-flow-signal{to{stroke-dashoffset:-950}}@keyframes st-wave{to{transform:scaleY(.45)}}
@media(min-width:1400px){.cec-site.studio-tech .sj-hero{gap:68px}.cec-site .st-workspace{transform:translateY(4px)}}
@media(max-width:1150px){.cec-site.studio-tech .sj-hero{gap:35px}.cec-site.studio-tech .sj-hero h1{font-size:46px}.cec-site .st-workspace-top{padding:17px}.cec-site .st-workspace-top small{display:none}.cec-site .st-flow-heading{padding:20px 17px 0}.cec-site .st-flow-heading>span{font-size:10px}.cec-site .st-flow{margin:20px 17px;gap:21px 9px}.cec-site .st-card{margin:0 16px}.cec-site .st-workspace-bottom{padding:14px 17px}.cec-site .st-source-stack>div:first-child{padding:13px;gap:8px}.cec-site .st-mini-badge{display:none}.cec-site .st-source-stack strong{font-size:13px}.cec-site .st-mini-visual{padding:15px}.cec-site .st-card-copy{padding:15px}.cec-site .st-publish-art{padding:8px}.cec-site .st-publish-art>span{width:28px;height:28px}.cec-site .st-publish-art .st-icon{width:15px;height:15px}.cec-site .st-publish-mini>strong{font-size:14px}.cec-site .st-workspace .st-open-step{padding:13px 15px}.cec-site.studio-tech .sj-stage-tabs span:not(.st-tab-icon){font-size:11px}.cec-site.studio-tech .sj-stage-tabs button{padding:16px 12px}.cec-site.studio-tech .sj-beyond-row{padding:25px 20px}}
@media(max-width:900px){.cec-site.studio-tech .sj-hero{grid-template-columns:1fr;gap:45px;padding-top:135px;padding-bottom:70px}.cec-site.studio-tech .sj-hero:before{inset:20% -20px 0;background:radial-gradient(ellipse at 50% 68%,#e2ebff,transparent 70%)}.cec-site.studio-tech .sj-hero h1{font-size:58px}.cec-site .st-workspace{max-width:560px;width:100%;margin:auto;transform:none}.cec-site .st-flow{grid-template-rows:repeat(2,84px)}.cec-site .st-flow-heading>span{font-size:12px}.cec-site .st-mini-visual{height:170px}.cec-site .st-source-stack strong{font-size:17px}.cec-site .st-card-copy h2{font-size:20px}.cec-site .st-card-copy p{font-size:12px}.cec-site .st-card{min-height:0}.cec-site .st-card-caption>span:last-child{font-size:7px}.cec-site .st-mini-badge{display:block}.cec-site .st-source-stack>div:first-child{padding:16px}.cec-site .st-match-target strong{font-size:12px}.cec-site .st-publish-mini>strong{font-size:20px}.cec-site .st-publish-art>span{width:38px;height:38px}.cec-site .st-publish-art .st-icon{width:20px;height:20px}.cec-site.studio-tech .sj-step-layout{gap:35px}.cec-site.studio-tech .sj-step-description{font-size:15px}.cec-site.studio-tech .sj-screen{min-height:0}.cec-site.studio-tech .sj-control-grid{gap:36px}}
@media(max-width:700px){.cec-site.studio-tech .sj-hero{padding-top:121px;gap:37px;overflow:visible}.cec-site.studio-tech .sj-hero h1{font-size:clamp(36px,8.7vw,51px)}.cec-site.studio-tech .sj-hero .eyebrow{font-size:8px}.cec-site.studio-tech .sj-hero-copy>p:not(.eyebrow){font-size:15px}.cec-site.studio-tech .sj-hero .button.primary,.cec-site.studio-tech .sj-hero .quiet{font-size:11px}.cec-site.studio-tech .sj-hero-note p{font-size:11px}.cec-site .st-workspace{border-radius:16px;box-shadow:0 20px 40px #173d6720,0 0 0 4px #e8edf6}.cec-site .st-workspace-top{padding:15px}.cec-site .st-workspace-top strong{font-size:12px}.cec-site .st-workspace-top .st-icon{width:21px;height:21px}.cec-site .st-example-dot{font-size:7px}.cec-site .st-flow-heading{padding:18px 14px 0;gap:5px}.cec-site .st-flow-heading>span{font-size:10px}.cec-site .st-play{font-size:8px;padding:7px 8px}.cec-site .st-flow{margin:18px 14px 20px;grid-template-rows:repeat(2,79px);gap:20px 9px}.cec-site .st-node{font-size:9px;border-radius:10px}.cec-site .st-node-symbol .st-icon{width:24px;height:24px}.cec-site .st-node small{font-size:6px;left:7px;top:6px}.cec-site .st-card{margin:0 12px}.cec-site .st-card-caption{padding:11px}.cec-site .st-card-caption>span:first-child{font-size:9px}.cec-site .st-card-caption>span:last-child{font-size:5px}.cec-site .st-mini-visual{padding:13px;height:158px}.cec-site .st-source-stack>div:first-child{padding:11px;gap:9px}.cec-site .st-source-stack strong{font-size:13px}.cec-site .st-source-stack small{font-size:5px}.cec-site .st-source-stack em{font-size:7px}.cec-site .st-art-icon{width:31px;height:39px}.cec-site .st-mini-badge{display:none}.cec-site .st-file-row{gap:6px}.cec-site .st-file-row>span{font-size:6px;padding:7px 5px;gap:4px}.cec-site .st-file-row .st-icon{width:12px;height:12px}.cec-site .st-card-copy{padding:13px}.cec-site .st-card-copy h2{font-size:17px}.cec-site .st-card-copy p{font-size:10px}.cec-site .st-open-step strong{font-size:10px}.cec-site .st-open-step small{font-size:6px}.cec-site .st-workspace-bottom{font-size:7px;padding:13px 15px}.cec-site .st-workspace-bottom>span:last-child{font-size:5px}.cec-site .st-match-mini{grid-template-columns:.8fr 16px 1.25fr}.cec-site .st-origin{padding:12px 8px;font-size:8px;gap:6px}.cec-site .st-origin .st-icon{width:18px;height:18px}.cec-site .st-match-target{gap:6px;padding:12px 7px}.cec-site .st-match-target .st-icon{width:20px;height:20px}.cec-site .st-match-target strong{font-size:9px}.cec-site .st-match-target small{font-size:5px}.cec-site .st-draft-mini{grid-template-columns:1fr 69px;gap:7px}.cec-site .st-mini-sheet{padding:10px}.cec-site .st-mini-sheet strong{font-size:10px}.cec-site .st-mini-sheet p{font-size:8px}.cec-site .st-mini-sources>span{font-size:7px;gap:4px}.cec-site .st-mini-sources .st-icon{width:13px;height:13px}.cec-site .st-publish-mini{gap:7px 10px}.cec-site .st-publish-art{height:113px;padding:7px}.cec-site .st-publish-art>span{width:27px;height:27px}.cec-site .st-publish-art .st-icon{width:15px;height:15px}.cec-site .st-publish-mini>strong{font-size:14px}.cec-site .st-publish-mini>small{font-size:5px}.cec-site .st-publish-status{font-size:6px}.cec-site .st-review-mini strong{font-size:9px}.cec-site .st-review-mini>div{gap:8px;padding:10px}.cec-site .st-mini-question,.cec-site .st-mini-answer{font-size:8px}
.cec-site.studio-tech .sj-process .section-heading>p{font-size:14px}.cec-site.studio-tech .sj-stage-tabs{gap:8px;margin-bottom:30px}.cec-site.studio-tech .sj-stage-tabs button{min-height:96px;padding:14px 12px;gap:11px}.cec-site.studio-tech .sj-stage-tabs b{right:9px;top:11px;font-size:8px}.cec-site.studio-tech .sj-stage-tabs span:not(.st-tab-icon){font-size:10px}.cec-site .st-tab-icon .st-icon{width:24px;height:24px}.cec-site.studio-tech .sj-step-description{font-size:14px}.cec-site.studio-tech .sj-step-output{padding:15px}.cec-site.studio-tech .sj-step-output>p{font-size:13px}.cec-site.studio-tech .sj-step-controls button:last-child{font-size:11px}.cec-site.studio-tech .sj-screen{border-radius:12px;box-shadow:0 15px 30px #020e2244,0 0 0 4px #1b385a}.cec-site.studio-tech .sj-screen-bar{padding:14px 12px}.cec-site.studio-tech .sj-screen-bar strong{font-size:10px}.cec-site.studio-tech .sj-screen-bar>div>span:last-child{font-size:8px}.cec-site.studio-tech .sj-screen-bar>small{font-size:6px}.cec-site.studio-tech .sj-screen-logo .st-icon{width:19px;height:19px}.cec-site.studio-tech .sj-screen-footer{font-size:9px}.cec-site.studio-tech .sj-tag{font-size:8px}.cec-site.studio-tech .sj-source-notes>div{padding:12px 7px}.cec-site.studio-tech .sj-source-notes strong{font-size:9px}.cec-site.studio-tech .sj-source-notes small{font-size:8px}.cec-site.studio-tech .sj-review-counts>div{padding:12px 9px}.cec-site.studio-tech .sj-review-counts span{font-size:8px}.cec-site.studio-tech .sj-demo-note{font-size:9px}.cec-site.studio-tech .sj-beyond-grid{gap:13px}.cec-site.studio-tech .sj-beyond-row{padding:24px 19px}.cec-site.studio-tech .sj-theme-icon{width:39px;height:39px}.cec-site.studio-tech .sj-theme-icon .st-icon{width:22px;height:22px}.cec-site.studio-tech .sj-checkpoints li>span{width:39px;height:39px}.cec-site.studio-tech .sj-close:before{width:350px;height:350px;left:calc(50% - 175px)}.cec-site.studio-tech .sj-close:after{width:530px;height:530px;left:calc(50% - 265px)}}
@media(prefers-reduced-motion:reduce){.cec-site.studio-tech *, .cec-site.studio-tech *:before, .cec-site.studio-tech *:after{animation:none!important;transition:none!important}.cec-site .st-node:hover,.cec-site.studio-tech .sj-stage-tabs button:hover,.cec-site.studio-tech .sj-beyond-row:hover{transform:none}.cec-site .st-signal{display:none}}
.cec-site.reduce-motion .st-playing .st-signal,.cec-site.reduce-motion .st-playing .st-audio i{animation:none}.cec-site.reduce-motion .st-node,.cec-site.reduce-motion .st-node-symbol,.cec-site.reduce-motion .sj-stage-tabs button,.cec-site.reduce-motion .sj-beyond-row{transition:none}