/* A working month, drawn as an illuminated editorial instrument. */
.marketing-workbench-page .page-hero .hcols{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:4%;align-items:center}
.marketing-workbench-page .page-hero h1{font-size:clamp(2.8rem,4.1vw,4.5rem);line-height:1.08}
.marketing-workbench-page .price-chip{display:block;max-width:36rem;font-size:.64rem;line-height:1.9;letter-spacing:.1em;border-radius:12px;text-align:left}
.marketing-workbench-page .price-chip:before{display:none}
.marketing-workbench{--mw-accent:#36d8ce;--mw-line:rgba(133,179,190,.2);color:#e9f2ef;position:relative;isolation:isolate;overflow:hidden;border:1px solid #3d6073;border-radius:22px;background:radial-gradient(ellipse at 55% 16%,#14545d50,transparent 55%),linear-gradient(145deg,#14283b,#081521 80%);box-shadow:0 35px 75px #020b1860,0 0 0 7px #ffffff02;font-family:var(--sans,Arial,sans-serif);font-size:14px;text-align:left}
.marketing-workbench:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#7da4b107 1px,transparent 1px),linear-gradient(90deg,#7da4b107 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(#000,transparent 60%);pointer-events:none}
.marketing-workbench:after{content:"";position:absolute;inset:0 12% auto;height:1px;background:linear-gradient(90deg,transparent,#30cfcc,#e4c37a,transparent);pointer-events:none}
.mw-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 25px 0;color:#b6c6c8;font:500 9px/1.5 var(--mono,monospace);letter-spacing:.14em}
.mw-status{display:flex;align-items:center;gap:7px;letter-spacing:.02em;color:#7ed6cd;text-transform:uppercase;font-size:8px}
.mw-status i{height:5px;width:5px;background:#49dac6;box-shadow:0 0 9px #49dac6;border-radius:50%}
.mw-orbit{height:300px;position:relative;margin:0 5px}
.mw-circuit{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#70a2aa26;stroke-width:1}
.mw-circuit path{stroke-dasharray:3 5;stroke:#76b7ba33}
.mw-circuit .mw-current{stroke:url(#mw-wire);stroke-dasharray:65 1350;stroke-width:2;filter:drop-shadow(0 0 4px #2ac9c9);animation:mw-signal 13s linear infinite}
@keyframes mw-signal{to{stroke-dashoffset:-1400}}
.mw-core{position:absolute;left:50%;top:50%;width:212px;height:177px;transform:translate(-50%,-50%);perspective:700px;pointer-events:none}
.mw-core-halo{position:absolute;inset:-45px;background:radial-gradient(ellipse,#14bdb928,transparent 68%);animation:mw-breathe 6s ease-in-out infinite}
@keyframes mw-breathe{50%{opacity:.45;transform:scale(.92)}}
.mw-scene{position:absolute;inset:0;opacity:0;transform:translateY(15px) rotateY(-12deg) scale(.94);transition:opacity .35s,transform .55s cubic-bezier(.2,.8,.2,1)}
[data-stage="0"] .mw-scene-0,[data-stage="1"] .mw-scene-1,[data-stage="2"] .mw-scene-2,[data-stage="3"] .mw-scene-3,[data-stage="4"] .mw-scene-4,[data-stage="5"] .mw-scene-5{opacity:1;transform:translateY(0) rotateY(-7deg) rotateX(5deg)}
.mw-sheet{position:absolute;inset:0 8px;background:linear-gradient(135deg,#203c4c,#112837);border:1px solid #6a989d;border-radius:9px;padding:18px;box-shadow:8px 9px 0 -2px #102533,8px 9px 0 -1px #66858a66,16px 18px 0 -4px #10222f,16px 18px 0 -3px #61848a44,0 18px 30px #0006;overflow:hidden}
.mw-sheet>span{display:block;font:7px/1.4 var(--mono,monospace);letter-spacing:.12em;color:#dbc68e}
.mw-sheet>b{display:block;font:italic 19px/1.25 'Playfair Display',Georgia,serif;color:#fff3dc;margin:10px 0}
.mw-sheet small{display:block;color:#80b6b8;font:6px/1.5 var(--mono,monospace);letter-spacing:.06em}
.mw-calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:13px 0}
.mw-calendar-grid i{height:13px;border:1px solid #5f828c3d;background:#78929308;border-radius:2px}
.mw-calendar-grid .filled{background:#3bc4b847;border-color:#58d1be88;box-shadow:inset 2px 0 #67d9c6}
.mw-story-image{height:35px;margin:7px 0;background:linear-gradient(135deg,#d2b575aa,#b3427877 55%,#20aaa555);border-radius:3px}
.mw-story>i{display:block;width:90%;height:3px;background:#6e959266;margin:6px 0}.mw-story>i:last-child{width:60%}
.mw-float{position:absolute;padding:9px 12px;border:1px solid #67988f;background:#183c3b;border-radius:5px;font:8px var(--mono,monospace);color:#a8eee0;box-shadow:0 9px 25px #0005}.mw-float-a{right:-20px;top:70px;transform:rotate(7deg)}.mw-float-b{right:-7px;top:116px;transform:rotate(3deg);color:#e0a3c5;background:#3c2339;border-color:#996880}
.mw-review p{font:10px/1.4 var(--sans,Arial,sans-serif);color:#a8d9c6;margin:8px 0}.mw-review small{margin-top:12px;color:#f2d699}
.mw-publish{display:flex;align-items:center;height:100%;gap:5px;transform:rotate(-7deg)}.mw-publish>div{width:78px;min-width:0;height:118px;padding:13px 9px;background:linear-gradient(135deg,#34404e,#192a3b);border:1px solid #728d98;border-radius:7px;box-shadow:0 15px 20px #0005}.mw-publish>div:nth-child(2){transform:translateY(-14px);background:linear-gradient(135deg,#4a2845,#231c32);border-color:#ab6d94}.mw-publish>div:last-child{background:linear-gradient(135deg,#205153,#142d3a);border-color:#5dafa6}.mw-publish span{display:block;font:8px var(--mono,monospace);color:#c8b98f}.mw-publish b{display:block;margin:18px 0;font:8px var(--mono,monospace);color:#dfebe4}.mw-publish i{display:block;height:4px;background:#c0d5d133;margin:6px 0}
.mw-bars{height:65px;display:flex;align-items:flex-end;gap:10px;padding:0 4px;border-bottom:1px solid #80b7bc55;margin:10px 0}.mw-bars i{width:18px;height:40%;background:linear-gradient(#38d8c9aa,#1c666666);border:1px solid #5bcabb66;border-bottom:0;border-radius:3px 3px 0 0}.mw-bars i:nth-child(2){height:68%}.mw-bars i:nth-child(3){height:55%}.mw-bars i:nth-child(4){height:85%}.mw-bars i:nth-child(5){height:72%;background:linear-gradient(#dfbd86,#886a3c55);border-color:#e3c18899}
.mw-improve{text-align:center}.mw-improve>span{text-align:left}.mw-loop{font:80px/.95 Georgia,serif;color:#53dbcc;text-shadow:0 0 25px #3ad1bc55;margin-top:5px}.mw-improve>b{font-size:17px;margin:8px 0}
.mw-stage{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;min-height:39px;padding:9px 11px;border-radius:7px;border:1px solid #4e73805c;background:#102737;color:#a6bbc5;font:500 11px/1 var(--sans,Arial,sans-serif);cursor:pointer;box-shadow:0 7px 18px #0003;transition:transform .25s,border-color .25s,background .25s,color .25s}
.mw-stage span{font:8px var(--mono,monospace);color:#8295a1}.mw-stage i{font-style:normal;color:#547a89;font-size:11px}
.mw-stage:hover{transform:translateY(-3px);color:#fff;border-color:#70c3bd}.mw-stage[aria-selected=true]{color:#d8fffa;background:linear-gradient(135deg,#1a4a4b,#173242);border-color:#4ecbc1;box-shadow:0 0 0 4px #35caba09,0 4px 24px #25b6b518}.mw-stage[aria-selected=true] span,.mw-stage[aria-selected=true] i{color:#78e3d4}
.mw-stage-0{left:14%;top:22px}.mw-stage-1{right:13%;top:22px}.mw-stage-2{right:1%;top:133px}.mw-stage-3{right:13%;bottom:15px}.mw-stage-4{left:14%;bottom:15px}.mw-stage-5{left:1%;top:133px}
.mw-detail{margin:0 23px;border-top:1px solid var(--mw-line);padding-top:17px}
.marketing-workbench .mw-panel{margin:0;padding:0;background:none}
.mw-ready .mw-panel[hidden],.mw-ready [data-mw-package-copy][hidden]{display:none}
.mw-panel-heading{margin-bottom:9px}.mw-eyebrow{font:8px var(--mono,monospace);letter-spacing:.14em;color:#59cdc4}
.marketing-workbench .mw-panel h2{font:400 24px/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.025em;color:#f1eadb;margin:6px 0 0;max-width:none}
.mw-body{font-size:12px;line-height:1.7;color:#b2c3cc;margin:0 0 13px;max-width:none}
.mw-output{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #4a7a7c44;border-radius:5px;background:#2ea8a10b}.mw-output>span,.mw-example>span{flex-shrink:0;font:7px/1.5 var(--mono,monospace);text-transform:uppercase;letter-spacing:.07em;color:#7fa5ab}.mw-output strong{font-weight:500;font-size:10px;line-height:1.5;color:#cae8dc}
.mw-example{font-size:10px;line-height:1.65;color:#a4b8c1;margin:10px 0}.mw-example>span{margin-right:10px;color:#d0b77a}
.mw-scope{padding-top:10px;border-top:1px solid #6d949f22;min-height:57px}.mw-scope p{font-size:10px;line-height:1.65;color:#b6c9ce;margin:0}.mw-scope p>span{display:block;color:#e2d4b3;font:8px var(--mono,monospace);margin-bottom:5px}
.mw-package-bar{display:flex;flex-direction:column;gap:8px;padding:14px 23px}.mw-package-bar>span{font:7px var(--mono,monospace);color:#79939d;letter-spacing:.08em;text-transform:uppercase}.mw-package-bar>div{display:flex;gap:5px}.mw-package-bar button{border-radius:5px;border:1px solid #55707d5c;background:#0b1c2b;color:#99b1bc;font:9px/1.4 var(--sans,Arial,sans-serif);padding:8px 10px;cursor:pointer;flex:1;transition:background .2s,color .2s,border-color .2s}.mw-package-bar button[aria-pressed=true]{border-color:#ba9e6a99;background:#b69a5c12;color:#e8cf96}.mw-package-bar button:hover{color:#f0ecdf;border-color:#a4bfb9}
.mw-bottom{display:flex;justify-content:space-between;align-items:center;padding:12px 23px;border-top:1px solid var(--mw-line);background:#07111a44;gap:10px}
.mw-bottom button{font:9px var(--mono,monospace);cursor:pointer;background:transparent;color:#b1c4ca;border:0;min-height:32px}.mw-play{display:flex;align-items:center;gap:8px;letter-spacing:.01em}.mw-play:before{content:"▶";font-size:9px;color:#49cbbb}.mw-play[aria-pressed=true]:before{content:"Ⅱ"}.mw-pagination{display:flex;align-items:center;gap:15px}.mw-pagination>span{font:8px var(--mono,monospace);letter-spacing:.08em;color:#7e9ba7}.mw-pagination button{font-size:17px;width:30px;border-radius:50%;background:#14303b88}
.marketing-workbench button:focus-visible,.marketing-workbench [tabindex]:focus-visible{outline:2px solid #eccd8d;outline-offset:4px}
.mw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Without scripting every stage stays readable. Controls gain behavior on enhancement. */
.marketing-workbench:not(.mw-ready) .mw-panel+.mw-panel{margin-top:25px;border-top:1px solid var(--mw-line);padding-top:20px}
@media(max-width:1100px) and (min-width:961px){.mw-stage{font-size:10px;gap:5px;padding:8px}.mw-stage-0,.mw-stage-4{left:10%}.mw-stage-1,.mw-stage-3{right:9%}.mw-core{width:180px;height:165px}.mw-sheet{padding:13px}.mw-sheet>b{font-size:17px}}
@media(max-width:960px){.marketing-workbench-page .page-hero .hcols{grid-template-columns:1fr;gap:36px}.marketing-workbench{width:100%;max-width:660px;justify-self:center}.marketing-workbench-page .page-hero h1{font-size:clamp(2.7rem,7vw,4.6rem)}.mw-detail{min-height:235px}}
@media(max-width:480px){.marketing-workbench{border-radius:15px}.mw-topline{padding:17px 15px 0;font-size:8px;letter-spacing:.08em}.mw-status{font-size:7px;gap:4px}.mw-orbit{height:270px;margin:0}.mw-stage{padding:9px 8px;font-size:10px;gap:5px;min-height:39px}.mw-stage i{display:none}.mw-stage-0,.mw-stage-4{left:10%}.mw-stage-1,.mw-stage-3{right:10%}.mw-stage-0,.mw-stage-1{top:19px}.mw-stage-4,.mw-stage-3{bottom:13px}.mw-stage-2,.mw-stage-5{top:116px}.mw-core{width:153px;height:149px}.mw-sheet{padding:12px;inset:0 3px}.mw-sheet>span{font-size:6px}.mw-sheet>b{font-size:16px;margin:7px 0}.mw-sheet small{font-size:5px}.mw-calendar-grid{gap:4px;margin:9px 0}.mw-calendar-grid i{height:11px}.mw-float{font-size:6px;padding:7px 8px}.mw-float-a{right:-10px;top:60px}.mw-float-b{top:99px;right:-4px}.mw-review p{font-size:8px;margin:7px 0}.mw-publish{gap:4px}.mw-publish>div{height:106px;padding:12px 6px}.mw-publish b{font-size:6px}.mw-bars{height:48px;gap:7px}.mw-loop{font-size:62px}.mw-detail{margin:0 15px;padding-top:15px;min-height:0}.marketing-workbench .mw-panel h2{font-size:23px}.mw-body{font-size:12px}.mw-output{gap:8px;padding:9px}.mw-output>span{font-size:6px}.mw-output strong{font-size:9px}.mw-package-bar{padding:14px 15px}.mw-package-bar button{padding:8px 5px;font-size:8px;min-height:38px}.mw-bottom{padding:10px 15px}.mw-scope{min-height:70px}.mw-improve>b{font-size:14px}}
@media(prefers-reduced-motion:reduce){.marketing-workbench *,.marketing-workbench *:before{animation:none!important;transition:none!important}.mw-circuit .mw-current{stroke-dasharray:40 110;opacity:.55}}
/* Keep the detail readable alongside the larger hero copy. */
.mw-topline{font-size:10px}.mw-status{font-size:9px}
.mw-stage{font-size:12px;min-height:44px}.mw-stage span{font-size:9px}
.marketing-workbench .mw-panel h2{font-size:27px}
.mw-eyebrow{font-size:9px}.mw-body{font-size:14px;line-height:1.65}
.mw-output>span,.mw-example>span{font-size:8px}.mw-output strong{font-size:12px}
.mw-example,.mw-scope p{font-size:12px}.mw-scope p>span{font-size:9px}
.mw-package-bar>span{font-size:8px}.mw-package-bar button{font-size:11px;min-height:40px}
.mw-bottom button{font-size:10px}.mw-pagination button{font-size:17px}.mw-pagination>span{font-size:9px}
.mw-detail{min-height:250px}
@media(max-width:480px){.mw-topline{font-size:8px}.mw-status{font-size:7px}.mw-stage{font-size:10px}.mw-stage span{font-size:8px}.mw-detail{min-height:0}.marketing-workbench .mw-panel h2{font-size:24px}.mw-body{font-size:13px}.mw-output strong{font-size:11px}.mw-output>span,.mw-example>span{font-size:7px}.mw-scope p,.mw-example{font-size:11px}.mw-package-bar button{font-size:9px;min-height:42px}}