.demo-body{background:#f2f5ee}.demo-wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.demo-body .site-header{padding-block:20px}.demo-main{padding-top:42px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace-heading .eyebrow{font-size:9px;margin-bottom:13px}.workspace-heading h1{font-size:40px;font-weight:450;letter-spacing:-1.5px;margin-bottom:12px}.workspace-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:0}.session-badge{font-size:10px;display:flex;gap:8px;align-items:center;border:1px solid #cbd8c4;padding:10px 12px;border-radius:4px;background:#f7faf2;white-space:nowrap}.demo-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:24px 0;margin:30px 0;border-block:1px solid var(--line);gap:30px}.demo-steps li{display:flex;gap:13px;align-items:center}.demo-steps li>span{display:grid;place-items:center;border:1px solid #c6d2be;width:29px;height:29px;border-radius:50%;font-size:11px}.demo-steps strong{display:block;font-size:12px;font-weight:550}.demo-steps small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.workspace-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:25px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:6px}.editor-panel{padding:28px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:27px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:10px}.panel-heading h2{font-size:20px;letter-spacing:-.5px;font-weight:500;line-height:1.3}.panel-heading>.tag{font-size:8px;white-space:nowrap;margin-top:0}.panel-heading .tag.published{background:#edf5e6;color:#386032;border-color:#c7d7bd}.category-picker{border:0;padding:0;margin:0 0 13px;min-width:0}.category-picker legend,.field label{display:block;font-size:11px;font-weight:550;margin-bottom:10px}.category-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category-options label{display:flex;gap:8px;align-items:flex-start;padding:14px 10px;border:1px solid var(--line);border-radius:4px;cursor:pointer}.category-options label:has(input:checked){border-color:#577f4d;background:#f2f7ec;box-shadow:0 0 0 1px #577f4d}.category-options input{margin:1px 0 0;accent-color:var(--green);width:13px;height:13px;flex-shrink:0}.category-options strong{display:block;font-size:10px;font-weight:600}.category-options small{display:block;font-size:8px;color:var(--muted);margin-top:7px;line-height:1.4}.context-note{font-size:10px;color:#586c5d;line-height:1.7;background:#f5f7f1;border-left:2px solid #b4c6a7;padding:11px 13px;margin-bottom:24px;min-height:55px}.field{margin-bottom:20px}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #ced8ca;border-radius:4px;padding:12px;font-size:12px;color:var(--ink);background:#fff;line-height:1.5;min-height:43px}.field textarea{resize:vertical;min-height:90px;max-height:220px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-hint{display:block;font-size:9px;color:var(--muted);line-height:1.6;margin-top:7px}.publish-row{display:flex;align-items:center;gap:18px;padding-top:5px}.publish-row .button{font-size:11px;gap:17px;padding:14px 16px}.publish-row>span{font-size:9px;line-height:1.7;color:var(--muted)}.form-status{font-size:10px;margin:16px 0 0;min-height:32px;color:#506748}.form-status.error{color:#a03226}.shopper-panel{background:#e9eee3;padding:28px}.preview-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted);max-width:286px;margin:0 auto 12px}.phone-frame{max-width:286px;margin:auto;background:#fffcf4;border:6px solid #263c32;border-radius:30px;overflow:hidden;box-shadow:0 13px 25px #31472c15}.phone-top{display:flex;justify-content:space-between;padding:11px 17px 8px;font-size:8px;font-weight:600}.phone-brand{text-align:center;font-size:11px;letter-spacing:2px;font-weight:650;border-bottom:1px solid #e6e7da;padding:8px 0 14px}.phone-brand span{font-size:8px;font-weight:400}.phone-body{padding:21px 18px 14px}.phone-body .category-label{font-size:6px;letter-spacing:.7px;display:block;margin-bottom:15px}.product-art{position:relative;background:#e8ead6;height:124px;margin-bottom:19px;overflow:hidden;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:18px}.cereal-box{background:#ca7e43;width:74px;height:102px;transform:rotate(-7deg);box-shadow:5px 5px 0 #b96f34;padding:8px 7px;position:relative;color:#fff8e5}.cereal-box>span{font-size:4px;letter-spacing:1px;display:block;line-height:1.5}.cereal-box>strong{display:block;font-family:var(--serif);font-size:16px;line-height:1;margin-top:6px}.cereal-box>i{display:block;width:31px;height:17px;border-radius:50%;background:#e9cd87;border:5px solid #f8efcf;margin:5px 0 0 16px}.cereal-box>small{font-size:3px;display:block;letter-spacing:.4px;margin-top:5px}.art-caption{font-size:17px;font-family:var(--serif);line-height:1.15;color:#646d45}.art-caption em{font-weight:400}.product-art.retailer{background:#eadfca}.bread-loaf{width:103px;height:60px;position:relative;transform:rotate(-25deg);border-radius:55% 48% 45% 50%;background:#b6793d;box-shadow:inset 0 -10px 0 #a36733,5px 8px 0 #d9cbb4;display:flex;justify-content:center;gap:10px;padding-top:10px}.bread-loaf i{display:block;width:10px;height:36px;background:#efcd8f;border-radius:50%;transform:rotate(-10deg)}.phone-kicker{font-size:8px;color:var(--muted);margin-bottom:8px}.phone-body h3{font-size:19px;font-weight:450;letter-spacing:-.4px;line-height:1.25;margin-bottom:12px;overflow-wrap:anywhere}.phone-offer{font-family:var(--serif);font-size:37px;font-weight:400;color:var(--green);display:block;margin-bottom:12px}.phone-body>p:not(.phone-kicker){font-size:9px;line-height:1.7;color:var(--muted);margin-bottom:18px;overflow-wrap:anywhere}.phone-validity{display:flex;justify-content:space-between;font-size:7px;border-block:1px solid var(--line);padding:10px 0;gap:5px}.demo-watermark{font-size:6px;letter-spacing:.6px;background:#edeedc;padding:8px 3px;text-align:center;margin-top:12px;color:#55633f}.phone-bottom{text-align:center;font-size:6px;padding:0 0 13px;color:var(--muted)}.shopper-actions{text-align:center;margin-top:18px}.shopper-actions a{font-size:10px}.shopper-actions a[aria-disabled=true]{pointer-events:none;opacity:.5}.shopper-actions p{font-size:8px;color:var(--muted);max-width:260px;margin:10px auto 0}.evidence-panel{padding:30px;margin-top:25px}.evidence-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.evidence-heading .eyebrow{font-size:8px;margin-bottom:12px}.evidence-heading h2{font-size:25px}.evidence-heading p:not(.eyebrow){font-size:11px;color:var(--muted);margin-top:13px;max-width:600px}.simulation-pill{font-size:7px;letter-spacing:.7px;border:1px solid #d6dbca;background:#f2f5eb;border-radius:3px;padding:8px 10px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;border-block:1px solid var(--line);padding-block:25px}.metrics article{padding-inline:25px;border-left:1px solid var(--line)}.metrics article:first-child{padding-left:0;border-left:0}.metrics article>span{display:block;font-size:10px;color:var(--muted)}.metrics strong{display:block;font-size:40px;font-weight:450;letter-spacing:-1.7px;margin-block:12px}.metrics small{display:block;font-size:9px;color:var(--muted);line-height:1.6}.simulation-controls{display:flex;align-items:center;gap:12px;padding-block:22px}.simulation-controls .button{font-size:10px;gap:15px}.simulation-controls>span{font-size:9px;color:var(--muted);line-height:1.6;max-width:270px}.evidence-foot{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:22px}.evidence-foot .eyebrow{font-size:8px;letter-spacing:1px}.evidence-foot p{font-size:10px;color:var(--muted);margin:12px 0 0;line-height:1.8}.activity-log ol{list-style:none;padding:0;margin:10px 0 0}.activity-log li{font-size:9px;color:var(--muted);padding:6px 0;line-height:1.5}.activity-log time{color:#8a9482;margin-right:10px}.pilot-callout{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:42px 0 45px}.pilot-callout .eyebrow{font-size:8px;margin-bottom:15px}.pilot-callout h2{font-size:23px;letter-spacing:-.5px}.pilot-callout p:not(.eyebrow){max-width:780px;font-size:11px;color:var(--muted);margin:14px 0 0}.pilot-callout .text-link{white-space:nowrap;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shopper-page{background:#e9eee3}.shopper-page main{padding:35px 20px 50px}.shopper-page .shopper-heading{text-align:center;margin-bottom:24px}.shopper-heading .eyebrow{margin-bottom:12px}.shopper-heading h1{font-size:25px;font-weight:450}.shopper-page .phone-frame{max-width:350px}.shopper-page .phone-body{padding:26px}.shopper-page .product-art{height:155px}.shopper-page .phone-body h3{font-size:25px}.shopper-page .phone-body>p:not(.phone-kicker){font-size:12px}.shopper-page .category-label{font-size:8px}.shopper-page .phone-validity{font-size:9px}.shopper-page .demo-watermark{font-size:8px}.shopper-page .phone-brand{padding-block:20px;font-size:14px}.shopper-page .phone-bottom{font-size:8px;padding:8px 0 20px}.shopper-return{text-align:center;margin-top:25px}.shopper-return p{font-size:10px;color:var(--muted);max-width:350px;margin:12px auto}.empty-offer{max-width:440px;margin:50px auto;padding:35px;background:#fff;border:1px solid var(--line);border-radius:6px;text-align:center}.empty-offer h1{font-size:25px}.empty-offer p{font-size:13px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:1100px){.demo-wrap{width:calc(100% - 48px)}.workspace-grid{gap:18px;grid-template-columns:1.1fr 1fr}.editor-panel,.shopper-panel{padding:22px}.panel-heading{flex-wrap:wrap;gap:10px}.panel-heading>.tag{font-size:7px}.category-options{grid-template-columns:1fr}.category-options label{padding:11px}.category-options strong{font-size:11px}.category-options small{font-size:9px;margin-top:5px}.publish-row{flex-wrap:wrap;gap:10px}.publish-row>span br{display:none}.simulation-controls{flex-wrap:wrap}.evidence-heading{flex-wrap:wrap;gap:7px}.session-badge{font-size:9px}.workspace-heading h1{font-size:36px}.pilot-callout{gap:25px}.phone-frame{max-width:280px}}
@media(max-width:760px){.demo-wrap{width:calc(100% - 32px)}.demo-body .review-strip>.demo-wrap{gap:12px;line-height:1.6}.demo-body .review-strip span span{max-width:205px;text-align:right;font-size:7px}.demo-body nav .back-link{display:none}.demo-body .site-header{padding-block:17px}.demo-main{padding-top:29px}.workspace-heading{display:block}.workspace-heading h1{font-size:34px}.workspace-heading p:not(.eyebrow){font-size:12px}.workspace-heading .eyebrow{font-size:8px}.session-badge{display:inline-flex;margin-top:18px}.demo-steps{gap:18px;grid-template-columns:1fr;margin-block:25px;padding-block:20px}.demo-steps small{margin-top:5px}.workspace-grid{grid-template-columns:1fr;gap:18px}.editor-panel,.shopper-panel{padding:22px}.panel-heading{margin-bottom:22px}.panel-heading h2{font-size:21px}.category-options{grid-template-columns:1fr 1fr}.category-options strong{font-size:9px}.category-options small{font-size:8px}.category-options label{padding:12px 8px;gap:5px}.field-row{gap:12px}.field input,.field select,.field textarea{font-size:16px}.publish-row{gap:12px}.publish-row .button{font-size:12px}.phone-frame{max-width:290px}.shopper-panel{padding-bottom:26px}.evidence-panel{padding:22px;margin-top:18px}.evidence-heading h2{font-size:25px;max-width:260px}.simulation-pill{font-size:6px}.metrics{gap:13px;padding-block:20px}.metrics article{padding-inline:0 0;border-left:0}.metrics article>span{font-size:8px;line-height:1.6;min-height:26px}.metrics strong{font-size:34px;margin-block:8px}.metrics small{font-size:8px}.simulation-controls{gap:10px}.simulation-controls .button{font-size:9px;padding:12px 10px;gap:8px}.simulation-controls>span{max-width:none}.evidence-foot{grid-template-columns:1fr;gap:22px}.evidence-foot p{font-size:11px}.pilot-callout{display:block;padding-block:34px}.pilot-callout h2{font-size:24px;line-height:1.3}.pilot-callout p:not(.eyebrow){font-size:12px}.pilot-callout .text-link{margin-top:15px}.shopper-page .site-header nav{display:none}}
.review-strip>.demo-wrap{display:flex;align-items:center;justify-content:space-between}
