:root{--bg:#232526;--ink:#fff;--muted:#b8bdc0;--mint:#ffba00;--coral:#ffba00;--line:#505456}body{font-family:Inter,Arial,sans-serif}header{border-color:#505456}.brand img{mix-blend-mode:normal;width:170px}.audience a{color:#c5c9cb}.audience a[aria-current]{color:#ffba00}.header-actions button{color:#c5c9cb;border-color:#62686a}.header-actions a{color:#ffba00;font-size:11px}.scene h1,.scene h2{font-family:Inter,Arial,sans-serif;font-weight:800;font-size:68px;letter-spacing:-3px;line-height:1.05}.scene em{font-style:normal;color:#ffba00}.scene .eyebrow{color:#ffba00;font-weight:700;letter-spacing:1px;font-size:11px;display:flex;align-items:center;gap:10px}.scene .eyebrow:before{content:'';width:7px;height:7px;background:#ffba00;flex-shrink:0}.scene>p{color:#c9ced0;font-size:17px;line-height:1.8}.stage{isolation:isolate}.wdft-pixels{position:absolute;right:0;bottom:130px;width:156px;height:156px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);z-index:-1;opacity:.2;pointer-events:none}.wdft-pixels i{background:#ffba00}.wdft-pixels i:nth-child(1){grid-area:1/4}.wdft-pixels i:nth-child(2){grid-area:2/3}.wdft-pixels i:nth-child(3){grid-area:3/4}.wdft-pixels i:nth-child(4){grid-area:4/2}.wdft-pixels i:nth-child(5){grid-area:4/4}.wdft-pixels i:nth-child(6){grid-area:3/1;opacity:.45}.object-front{background:#edf3f5;color:#232526;border-radius:4px;box-shadow:0 12px 25px #0002}.object-back{background:#848a8d}.object-top{border-color:#b9c1c5;color:#232526;font-weight:700}.object-copy,.object-disclaimer{color:#555e62}.article-art img{filter:grayscale(1);object-position:center 60%}.object-content-heading{font-family:Inter,Arial,sans-serif;font-weight:700;letter-spacing:-1px}.micro-row,.receipt-row{border-color:#c0c9ce;color:#232526}.object-front .report-heading{color:#555e62}.report-result{border-color:#b8c1c5}.report-result strong{font-weight:800;letter-spacing:-3px}.report-result>span{font-weight:700}.report-pill{background:#ffba00;color:#232526;border-radius:4px}.contract-node{border-color:#bcc5c9;background:#fff;color:#232526;border-radius:4px}.contract-node b{color:#232526}.contract-arrow{color:#555e62}.code{background:#232526;color:#ffba00;border-radius:4px}.install-methods span{border-color:#abb7bd;color:#232526}.big-check{color:#232526}.reading-lines i{background:#b7c3c8}body[data-object="report"] .object-front{border-top:9px solid #ffba00;background:#fff!important}body[data-object="report"] .object-content-heading{font-weight:700}body[data-object="receipt"] .object-front,body[data-object="session"] .object-front{background:#fff}body[data-object="sms"] .object-front{background:#fff;border-color:#9ea9af}.sms-head{border-color:#c2ccd1;color:#232526}.sms-recipient,.sms-time,.sms-explanation{color:#596368}.sms-recipient b{color:#232526}.sms-compose{background:#edf3f5;color:#232526;border-radius:8px 8px 0 8px}.sms-compose span{background:#ffba00;color:#232526}.story-controls{border-color:#505456}.story-controls .scene-nav button{color:#bfc5c8!important}.story-controls .scene-nav button[aria-current]{color:#ffba00!important;border-bottom-color:#ffba00!important}.story-controls #next{background:#ffba00;color:#232526;font-weight:700;border-radius:4px}.story-controls #prev{border-color:#768084;color:#fff;border-radius:4px}.story-controls .skip{color:#c0c6c9}.answers{border-color:#505456}.answers summary{color:#fff}.answers summary span{color:#ffba00}.answers details{border-color:#505456}.answers details p{color:#c9ced0}.ending{background:#edf3f5;color:#232526}.ending h2{font-family:Inter,Arial,sans-serif;font-weight:800;letter-spacing:-1.7px}.ending .eyebrow{color:#555e62}.ending .button{background:#ffba00;color:#232526;font-weight:700;border-radius:4px}.ending-actions>a:not(.button){color:#232526}footer{color:#c0c6c9;border-color:#505456}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#7b2cff}
@media(max-width:1100px){.scene h1,.scene h2{font-size:54px;letter-spacing:-2.4px}.scene>p{font-size:16px}.brand img{width:150px}.header-actions{gap:16px}.header-actions a{font-size:10px}}
@media(max-width:760px){.brand img{width:135px}.header-actions a{font-size:9px}.scene h1,.scene h2{font-size:36px;letter-spacing:-1.4px}.scene>p{font-size:14px;line-height:1.65}.scene .eyebrow{font-size:9px;letter-spacing:.65px;line-height:1.6}.scene-copy,body[data-object="sms"] .scene-copy{min-height:230px}.wdft-pixels{width:88px;height:88px;bottom:110px;opacity:.14}.object-front{border-radius:4px}.report-result strong{letter-spacing:-1.8px}.object-content-heading{letter-spacing:-.7px}.story-controls:before{color:#c0c6c9}.ending h2{font-size:32px;letter-spacing:-1px}.header-actions{gap:12px}}
@media(max-width:760px) and (max-height:730px){.scene h1,.scene h2{font-size:32px}.scene-copy,body[data-object="sms"] .scene-copy{min-height:215px}}
.brand img{mix-blend-mode:screen}body[data-audience="publisher"][data-object="report"] .story-layout{grid-template-columns:1.12fr 1fr;gap:50px}.story-controls{position:relative;z-index:2}.wdft-pixels{opacity:.13}
@media(min-width:1101px){body[data-audience="publisher"][data-object="report"] .scene h1{font-size:64px}}
@media(max-width:1100px){body[data-audience="publisher"][data-object="report"] .story-layout{grid-template-columns:1fr 1fr;gap:25px}}
@media(max-width:760px){body[data-audience="publisher"][data-object="report"] .story-layout{display:flex;gap:4px}.wdft-pixels{opacity:.1}}
/* Review refinement: consistent contrast, document materials and resting positions. */
header{position:relative;top:auto}.stage{top:0}.wdft-pixels{display:none}.after-story{background:#edf3f5;color:#232526;padding:75px 55px;gap:50px 80px;scroll-margin-top:0}.ending{background:transparent;padding:0;align-self:start}.ending h2{font-size:42px;line-height:1.12;margin:24px 0 28px}.ending h2 em{color:#626b70}.ending-actions{align-items:center;gap:23px}.ending-actions .button{min-height:48px;padding:15px 20px}.ending-actions>a:not(.button){font-size:13px;border-bottom:1px solid #89959b;padding:10px 0}.ending>.eyebrow,.answers>.eyebrow{font-size:11px;letter-spacing:1px;font-weight:600;color:#58646a}.answers summary{color:#232526;font-size:15px;line-height:1.5;padding:22px 0}.answers summary span{color:#6b7479;font-size:19px}.answers details{border-color:#b9c5cb}.answers details p{color:#4c585e;font-size:14px;line-height:1.8}.scene[data-scene="1"] h2,.scene[data-scene="2"] h2,.scene[data-scene="3"] h2{font-size:59px;line-height:1.1;letter-spacing:-2.4px;font-weight:700}.scene[data-scene="1"] h2 em,.scene[data-scene="2"] h2 em,.scene[data-scene="3"] h2 em{color:#d4dadd}.scene[data-scene="1"] .eyebrow,.scene[data-scene="2"] .eyebrow,.scene[data-scene="3"] .eyebrow{color:#ffba00}.object-front{box-shadow:0 8px 22px #0002}.back-one{display:none}.object-pose{transform-origin:center center}.object-top{letter-spacing:.25px}.receipt-row.total{font-weight:700}body[data-object="sms"] .object-front{border:1px solid #c2ccd1;border-radius:12px}body[data-object="receipt"] .object-front,body[data-object="session"] .object-front{box-shadow:none}body[data-object="launch"] .object-front{background:#edf3f5}.object-stage{perspective:1600px}.story-controls .skip{font-size:12px}.header-actions button{font-size:11px}.header-actions a{font-size:11px}
@media(max-width:1100px){.after-story{padding:55px 32px;gap:40px}.ending h2{font-size:36px}.scene[data-scene="1"] h2,.scene[data-scene="2"] h2,.scene[data-scene="3"] h2{font-size:48px;letter-spacing:-1.8px}.header-actions button,.header-actions a{font-size:10px}}
@media(max-width:760px){header{height:auto;min-height:106px;padding:16px 0 12px;gap:12px}.header-actions{gap:10px}.header-actions a{font-size:10px}.header-actions button{font-size:0;min-height:32px;min-width:32px;border:1px solid #61696d;border-radius:4px;padding:5px}.header-actions button:before{content:'Ⅱ';font-size:15px;line-height:1}.header-actions button[aria-pressed="true"]:before{content:'▶';font-size:12px}.scene[data-scene="1"] h2,.scene[data-scene="2"] h2,.scene[data-scene="3"] h2{font-size:34px;letter-spacing:-1.2px;line-height:1.12}.after-story{padding:38px 22px;gap:35px}.ending h2{font-size:32px;margin:20px 0 25px}.ending>.eyebrow,.answers>.eyebrow{font-size:10px;letter-spacing:.8px}.ending-actions{gap:14px 22px}.ending-actions>a:not(.button){font-size:12px}.ending-actions .button{font-size:13px}.answers summary{font-size:14px;padding:20px 0}.answers details p{font-size:14px}.story-controls .skip{font-size:11px}.story-controls{padding-bottom:12px;gap:8px 12px}.story-controls:before{font-size:11px;margin-bottom:1px}.object-front{box-shadow:none}.header-actions button:focus-visible{outline-offset:4px}.scene-copy,body[data-object="sms"] .scene-copy{min-height:222px}}
.pilot-action{display:inline-flex;align-items:center;justify-content:center;background:#ffba00;color:#232526;font-size:14px;font-weight:700;padding:16px 22px;border-radius:4px;min-height:49px}.pilot-action[hidden],#next[hidden]{display:none!important}.pilot-list{list-style:none;padding:0;margin:25px 0 0}.pilot-list li{display:flex;gap:18px;border-top:1px solid #bcc7cd;padding:17px 0}.pilot-list li>span{font-size:11px;color:#657178;padding-top:3px}.pilot-list b{font-size:15px;font-weight:600}.pilot-list p{font-size:13px;line-height:1.6;color:#536169;margin:8px 0 0}.object-top{font-size:11px;font-weight:600;letter-spacing:.6px}.object-front{padding-top:23px}.object-front .object-content-heading{margin-top:23px}body[data-object="launch"] .object-front{min-height:440px}.after-story{padding-top:55px;padding-bottom:55px}.ending h2{font-size:37px;line-height:1.1;margin:20px 0 26px}.ending-actions .replay-link{font-size:13px;background:none;color:#46545c;padding:11px 0;border-bottom:1px solid #89959b;border-radius:0}.header-actions button{border:0;color:#bbc3c7}.header-actions button:hover{color:#fff}.story-controls .scene-nav{gap:27px}.story-controls .scene-nav button{font-weight:500}.story-controls .skip{margin-top:0}.story-controls #prev{border-color:#667074}.object-front .micro-row{font-size:12px}.object-disclaimer{font-size:11px}
@media(max-width:1100px){.pilot-action{font-size:12px;padding:15px 18px}.story-controls .scene-nav{gap:17px}.ending h2{font-size:34px}}
@media(max-width:760px){header{min-height:104px}.header-actions button{font-size:11px;min-height:36px;padding:8px 0;border-bottom:1px solid #626b70;border-radius:0}.header-actions button:before{display:none}.after-story{padding-top:30px;padding-bottom:35px;gap:30px}.ending h2{font-size:29px;margin:18px 0 22px}.ending-actions{gap:12px 22px}.ending-actions .button,.ending-actions .replay-link{font-size:12px}.object-top{font-size:10px}.pilot-action{grid-column:2;grid-row:auto;order:2;padding:13px 12px;font-size:12px;min-height:44px}.pilot-list{margin-top:17px}.pilot-list li{gap:13px;padding:12px 0}.pilot-list b{font-size:13px}.pilot-list p{font-size:11px;line-height:1.6;margin-top:5px}.pilot-list li>span{font-size:10px}.object-front .object-content-heading{margin-top:0}body[data-object="launch"] .object-front{min-height:0}.object-stage:has(.pilot-list){min-height:330px;height:330px}.object-disclaimer{font-size:10px}.scene[data-scene="1"] h2,.scene[data-scene="2"] h2,.scene[data-scene="3"] h2{font-size:33px}.story-controls .skip{margin-top:2px}.ending-actions .replay-link{order:2}}

/* A quieter finish and one shared paper system. */
body[data-final="true"] .story-controls .skip{visibility:hidden;pointer-events:none}
body[data-audience="publisher"] .ending-actions .button{background:transparent;padding:10px 0;min-height:0;border-bottom:1px solid #89959b;border-radius:0;font-size:13px;font-weight:500}
body[data-object="session"] .object-front,body[data-object="receipt"] .object-front{clip-path:none;background:#edf3f5;border-radius:4px;min-height:360px}
body[data-object="sms"] .object-front{background:#edf3f5;border-radius:4px;border:0}
.scene[data-scene="4"] h2{font-size:56px;letter-spacing:-2px;font-weight:700}
.scene[data-scene="4"] h2 em{color:#d4dadd}
@media(min-width:1101px){.stage{height:min(850px,100svh);min-height:790px}.story-layout{padding-top:30px;min-height:535px}.story-controls{margin-top:16px}.object-stage{height:510px}body[data-object="article"] .object-pose{width:460px;left:calc(50% - 230px)}body[data-object="article"] .article-art{height:195px}body[data-object="receipt"] .object-pose{width:400px;left:calc(50% - 200px)}body[data-object="receipt"] .object-stage{padding-top:40px}body[data-object="receipt"] .object-pose{top:40px}}
@media(max-width:760px){.object-top{display:flex;font-size:9px;padding-bottom:10px;margin-bottom:13px}.object-top span:last-child{display:none}.object-stage:has(.report-result){height:365px;min-height:365px}body[data-object="article"] .object-stage{height:315px;min-height:315px}.scene[data-scene="4"] h2{font-size:33px;letter-spacing:-1.2px}.stage{min-height:750px}.object-stage:has(.pilot-list){height:370px;min-height:370px}body[data-final="true"] .story-controls .skip{display:none}body[data-object="session"] .object-front,body[data-object="receipt"] .object-front{min-height:280px}.ending-actions .button{font-size:12px}}
/* Final detail pass: readable message field, compact mobile navigation. */
.sms-compose{background:#fff;border:1px solid #c0cbd0;border-radius:8px;font-size:17px;line-height:1.55;padding:17px}.sms-time{margin:12px 0 18px}.sms-explanation{margin-top:20px}body[data-object="sms"] .object-front{min-height:365px}.object-content-heading{font-weight:600}.object-shell{animation:none}.after-story{row-gap:28px}.ending-actions{flex-wrap:wrap}.ending-actions>a{white-space:nowrap}
@media(max-width:760px){.stage{min-height:700px}.scene-copy,body[data-object="sms"] .scene-copy{min-height:207px}.scene h1,.scene h2{margin:14px 0}.scene>p{font-size:13px;line-height:1.6}.object-front,body[data-audience="publisher"][data-object="report"] .object-front{padding:17px}.object-stage:has(.report-result){height:340px;min-height:340px}.report-result strong{font-size:43px}.report-result{padding-top:10px}body[data-object="report"] .object-content-heading{font-size:23px;margin:12px 0}body[data-object="report"] .receipt-row{padding:8px 0}.article-art{height:118px}.object-content-heading{font-size:23px;font-weight:600}.object-stage:has(.article-art){height:335px;min-height:335px}.story-controls{gap:7px 12px;padding-bottom:10px;margin-top:10px}.story-controls #next{font-size:13px}.story-controls .skip{font-size:10px}.header-actions button{font-size:10px;border:0;color:#aeb7ba}.after-story{gap:26px}.sms-compose{font-size:15px;padding:14px}body[data-object="sms"] .object-front{min-height:0}.object-stage:has(.pilot-list){height:350px;min-height:350px}}

/* Three audience entries retain a full-width row on small screens. */
.audience a{white-space:nowrap}
@media(max-width:760px){.audience{gap:18px;justify-content:center;width:100%;font-size:11px}}
