/* V4: a notebook, a signal, and a creator deal book. Shared conversion mechanics. */
body[data-offer=Q],.identity-Q{--brand:#b6472d;--tint:#f4e8d7;--ink:#38231b;--paper:#fcf8f0;--accent:#dbb184}
body[data-offer=F],.identity-F{--brand:#244deb;--tint:#eaf0ff;--ink:#101a33;--paper:#f7f9fc;--accent:#d4ed70}
body[data-offer=C],.identity-C{--brand:#743b8f;--tint:#f1e4f6;--ink:#301738;--paper:#fffbf5;--accent:#f3dc87}
.brand-mark{background:transparent!important;color:var(--brand)!important;width:38px;height:42px;border-radius:0!important}.brand-mark svg{width:100%;height:100%;display:block}.brand-Q{letter-spacing:-1.1px}.brand-F{letter-spacing:-1.4px}.brand-C{letter-spacing:-1.1px}.hero-v2{gap:64px;padding-top:65px;padding-bottom:70px}.hero-v2 h1{font-size:clamp(43px,4.5vw,69px);max-width:610px}.hero-v2 .lead{max-width:500px;font-size:18px}.hero-composition{height:600px!important;border-radius:8px!important;transform:none!important;position:relative;background:var(--tint);isolation:isolate;box-shadow:0 18px 60px #3020100b}.hero-composition>img{position:absolute;inset:0 0 auto;width:100%;height:51%;object-fit:cover;border-radius:8px 8px 0 0}.scene-note{position:absolute;top:20px;left:22px;color:white;background:#171817a8;padding:7px 10px;font-size:9px;letter-spacing:1.1px;border-radius:3px}.hero-output{position:absolute;top:225px;left:24px;right:24px;padding:23px 25px;background:var(--paper);box-shadow:0 12px 35px #0001;border:1px solid #0001;border-radius:3px;transform:rotate(-2deg)}.output-top{display:flex;justify-content:space-between;align-items:center;color:var(--brand);font-size:9px;font-weight:700;letter-spacing:1.5px}.hero-output h3{font-size:25px;line-height:1.2;margin:17px 0 18px;font-family:Georgia,serif;font-weight:400}.output-line{display:grid;grid-template-columns:80px 1fr;gap:14px;padding:11px 0;border-top:1px solid #0002;font-size:12px}.output-line>span{color:var(--muted)}.output-line strong{font-weight:600}.output-next{margin-top:14px;font-size:11px;background:var(--tint);padding:10px 12px}.paper-tab{position:absolute;bottom:17px;right:23px;font-size:8px;letter-spacing:1.7px;font-weight:600}.hero-actions .button{min-width:138px}.availability{font-size:12px}.proof-strip>.wrap{font-size:11px;letter-spacing:.4px}.demo-section h2{font-size:44px;line-height:1.1}.benefits h3{font-size:19px}.brand-kit-link{display:inline-block;font-size:12px;border-bottom:1px solid;margin-top:24px}
body[data-offer=Q] .hero-composition{background:repeating-linear-gradient(0deg,#f4e8d7 0,#f4e8d7 29px,#dfcbb4 30px)}body[data-offer=Q] .button{border-radius:5px}body[data-offer=Q] .workflow{border-radius:4px}body[data-offer=Q] .hero-output:before{content:'';position:absolute;left:40%;top:-9px;width:70px;height:22px;background:#dbc4a6a8;transform:rotate(4deg)}
body[data-offer=F] .hero-composition{background:#101a33}body[data-offer=F] .hero-output{background:#152344;color:#fff;transform:none;border:1px solid #536189;border-radius:9px;left:18px;right:18px;top:238px}body[data-offer=F] .hero-output h3{font-family:Arial,sans-serif;font-size:26px;font-weight:700}body[data-offer=F] .output-top{color:#d4ed70}body[data-offer=F] .output-line{border-color:#ffffff25}body[data-offer=F] .output-line>span{color:#b7c4df}body[data-offer=F] .output-next{background:#d4ed70;color:#101a33;font-weight:650;border-radius:4px}body[data-offer=F] .paper-tab{color:#a6b6d2}body[data-offer=F] .button{border-radius:8px}body[data-offer=F] .proof-strip{background:#244deb}body[data-offer=F] .workflow{border-radius:9px}
body[data-offer=C] .hero-composition{border-radius:70px 70px 14px 14px!important;background:#e9d8f0}body[data-offer=C] .hero-composition>img{border-radius:70px 70px 0 0}body[data-offer=C] .hero-output{transform:rotate(2deg);border-radius:18px;background:#fffaf0;top:227px}body[data-offer=C] .hero-output h3{font-family:Arial,sans-serif;font-weight:650;font-size:24px}body[data-offer=C] .output-next{background:#f3dc87;border-radius:15px}body[data-offer=C] .paper-tab{color:#743b8f}body[data-offer=C] .workflow{border-radius:28px}body[data-offer=C] .hero-output:after{content:'✳';position:absolute;right:20px;top:-42px;font-size:64px;line-height:1;color:#743b8f;text-shadow:3px 3px #f3dc87}
/* Feed pain variants use environmental imagery; output variants use designed proof. */
.art-brand .brand-mark{color:inherit!important;width:50px;height:50px}.art-brand>span{font-size:13px;letter-spacing:1px;max-width:240px;text-align:right}.art-v2 h1{font-size:86px!important;line-height:1.03}.art-v2 .art-chat{font-size:27px;padding-top:34px;padding-bottom:34px}.art-v2 .chat-time{font-size:10px;letter-spacing:1px;top:12px}.art-v2 .art-bottom small{font-size:18px}.art-v2 .art-bottom>span{font-size:25px}.art-v2.output{background:var(--paper);color:var(--ink)}.art-v2.output .art-photo{width:280px;height:280px;left:auto;right:-40px;top:auto;bottom:-40px;border-radius:50%;opacity:.6}.art-v2.output .art-shade{background:none}.art-v2.output .art-brand .brand{color:var(--ink)}.art-v2.output .art-audience{color:var(--brand)}.art-v2.output .art-card{background:var(--tint);box-shadow:none;border:1px solid #0001}.art-v2.output .art-bottom small{color:var(--muted)}.art-v2.output .art-bottom b{border-radius:6px}.art-v2.output .art-brand{margin-bottom:46px}.art-v2.output .art-card>div:not(:first-child){font-size:24px;padding:23px 0}.art-v2.story .art-safe{inset:285px 90px 695px}.art-v2.story h1{font-size:73px!important;letter-spacing:-2.5px!important;margin-bottom:28px}.art-v2.story .art-brand{margin-bottom:30px}.art-v2.story .art-brand>span{display:none}.art-v2.story .art-audience{font-size:16px;margin-bottom:17px}.art-v2.story .art-chat{font-size:24px;padding:30px 50px;margin:0}.art-v2.story .art-bottom{gap:15px;padding-top:23px;flex-wrap:nowrap}.art-v2.story .art-bottom>span{font-size:20px;max-width:450px}.art-v2.story .art-bottom b{font-size:20px;padding:20px}.art-v2.story .art-bottom small{font-size:15px}.art-v2.story .art-card{padding:22px}.art-v2.story .art-card>div:not(:first-child){font-size:21px;padding:15px 0}.art-v2.story.output .art-photo{bottom:150px;right:80px;width:520px;height:520px;opacity:.45}
body[data-offer=Q] .art-v2.output{background:repeating-linear-gradient(0deg,#fcf8f0 0,#fcf8f0 39px,#e8ddce 40px)}body[data-offer=Q] .art-card{border-radius:3px;transform:rotate(-1deg)}body[data-offer=Q] .art-chat{border-radius:3px;transform:rotate(-3deg)}body[data-offer=F] .art-v2.output{background:#101a33;color:white}body[data-offer=F] .art-v2.output .art-brand .brand{color:white}body[data-offer=F] .art-v2.output .art-audience{color:#d4ed70}body[data-offer=F] .art-v2.output .art-card{background:#19294e;color:white;border-left:7px solid #d4ed70;border-radius:8px}body[data-offer=F] .art-v2.output .art-card-label,body[data-offer=F] .art-v2.output .art-card span{color:#b5c4e2}body[data-offer=F] .art-v2.output .art-card>div:not(:first-child){border-color:#ffffff25}body[data-offer=F] .art-v2.output .art-bottom small{color:#b5c4e2}body[data-offer=F] .art-v2 .art-chat{border-left:7px solid #d4ed70;transform:none}body[data-offer=C] .art-v2.output{background:#eee0f5}body[data-offer=C] .art-card{background:#fffae9!important;transform:rotate(1deg);border-radius:35px}body[data-offer=C] .art-chat{border-radius:45px 45px 45px 4px;background:#f3dc87}
.kit{padding:55px 0;border-bottom:1px solid #ddd}.kit h2{font-size:44px}.kit-marks{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:50px;background:var(--tint);border-radius:18px}.kit-colors{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.swatch{width:140px;border:1px solid #0002;border-radius:8px;overflow:hidden}.swatch i{height:70px;display:block}.swatch span{font:12px monospace;display:block;background:white;padding:9px}.kit-links{display:flex;gap:20px;font-size:13px}.identity{border-radius:10px}.identity-Q{border-radius:4px}.identity-C{border-radius:40px 40px 12px 12px}.identity-F{border-top:5px solid #244deb}.studio-tabs{flex-wrap:wrap}
@media(max-width:1000px){.hero-v2{gap:30px}.hero-v2 h1{font-size:49px}.hero-output{padding:20px;left:15px;right:15px}.hero-output h3{font-size:24px}.output-line{grid-template-columns:70px 1fr;font-size:11px}.scene-note{font-size:8px}.nav-note{display:none}}
@media(max-width:680px){.hero-v2{gap:36px;padding-top:35px}.hero-v2 h1{font-size:46px}.hero-v2 .lead{font-size:16px}.hero-composition{height:565px!important}.hero-output{top:220px!important}.hero-output h3{font-size:24px}.output-line{font-size:12px}.hero-composition>img{height:48%}.hero-v2 .hero-photo{max-width:480px}.demo-section h2{font-size:36px}.kit-marks{padding:25px;flex-wrap:wrap}.swatch{width:120px}.kit h2{font-size:34px}.kit-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.hero-output{transform:none!important}}
.art-v2.feed.output .art-card>div:not(:first-child){font-size:28px;padding:32px 0}.art-v2.feed.output .art-photo{width:530px;height:530px;bottom:-135px;right:-70px;opacity:.4}.art-v2.feed.output .art-card{margin-top:10px}

/* V5: the review uses the actual delivery MP4, not a second rendering path. */
.final-ad{display:block;width:min(100%,440px);height:auto;max-height:85vh;margin:24px auto;object-fit:contain;background:#111;border-radius:12px}.film-grid video{object-fit:contain;background:#111}
