/* Shared review controls; keep the first two explorations independent. */
.version-bar{display:flex;align-items:center;justify-content:center;margin:0 5%;padding:9px 0 14px;border-bottom:1px solid var(--line)}
.version-label,.version-note{display:none}
.version-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.version-tabs button{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font:13px var(--mono);color:#666;border-radius:5px}
.version-tabs button span{font:14px var(--sans);color:var(--ink)}
.version-tabs button[aria-selected=true]{background:#ededed;color:#111}
.version-tabs button:hover{background:#f2f2f2}
.shoe-overview{display:block;width:100%;height:100%}
.shoe-detail{display:none}
.ai-sparkles{width:23px;height:23px;flex:none}

/* Synthesis: white, black, yellow. No inherited olive or cream UI colors. */
body[data-synthesis=true]{--paper:#fff;--ink:#171717;--muted:#5c5c5c;--line:#dedede;--lime:#ffdf24;--synthesis-accent:#ffdf24;--accent-soft:#fff6b5;--panel:#f3f3f3;--action:#171717;background:var(--paper);color:var(--ink)}
body[data-synthesis=true] :is(button,a,summary):focus-visible{outline-color:var(--ink)}
body[data-synthesis=true] ::selection{background:var(--synthesis-accent);color:#111}
body[data-synthesis=true] .site-header{height:80px;padding:0 5%}
body[data-synthesis=true] .site-header .wordmark{font-size:42px;color:var(--ink)}
body[data-synthesis=true] .nav-apply{font-size:15px;color:var(--ink);border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:8px 0}
body[data-synthesis=true] .nav-apply:hover{color:var(--ink);background:transparent}
body[data-synthesis=true] .version-tabs button[aria-selected=true]{background:var(--synthesis-accent);color:var(--ink)}
body[data-synthesis=true] .content-width{max-width:1160px;width:90%;margin-left:auto;margin-right:auto}
body[data-synthesis=true] .hero{padding:48px 5% 36px;max-width:1500px;margin:auto}
body[data-synthesis=true] .hero h1{font-size:clamp(48px,6.4vw,90px);line-height:1.02;letter-spacing:-4.8px;font-weight:400;max-width:1150px;margin:0 auto 24px;text-wrap:balance}
body[data-synthesis=true] .hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--ink);position:relative;isolation:isolate;white-space:nowrap}
body[data-synthesis=true] .hero h1 em::after{content:"";position:absolute;inset:70% -5px 3px;background:var(--synthesis-accent);z-index:-1;transform:rotate(-2deg)}
.synthesis-subheading{font-size:19px;line-height:1.6;color:var(--muted);margin:0}
.synthesis-desk{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1100px;margin:36px auto 0;text-align:left}
body[data-synthesis=true] .prompt-box{padding:25px 24px 18px;border:1px solid #d4d4d4;border-radius:28px;box-shadow:0 5px 18px #00000008;background:#fff}
body[data-synthesis=true] .prompt-box:focus-within{border-color:#aaa;box-shadow:0 5px 22px #0000000d}
body[data-synthesis=true] .prompt-box textarea{height:100px;font-size:18px;line-height:1.6;caret-color:var(--ink);color:var(--ink)}
body[data-synthesis=true] .prompt-box textarea::placeholder{color:#777;font-size:calc(1em - 1px)}
body[data-synthesis=true] .prompt-actions .reference-icon{width:44px;height:44px;flex-basis:44px;border:1px solid #dedede;border-radius:50%}
.prompt-actions .reference-icon img{width:22px;height:22px}

body[data-synthesis=true] .prompt-hint{display:none}
body[data-synthesis=true] .prompt-actions{justify-content:space-between;gap:15px}
body[data-synthesis=true] #generate-button{border-radius:999px;background:var(--action);color:#fff;min-height:46px;padding:0 19px;gap:12px;font-size:14px}
body[data-synthesis=true] #generate-button:hover{background:#333}
body[data-synthesis=true] .hero-note{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;font-size:14px;line-height:1.7;margin:18px -5px 0;color:var(--muted);text-align:center;text-wrap:balance}
body[data-synthesis=true] .hero-note i{margin:0 3px;font-style:normal}
body[data-synthesis=true] .form-message,body[data-synthesis=true] .saved-designs{font-size:14px;color:var(--muted);border-color:var(--line)}
body[data-synthesis=true] .form-message.error{color:#ac2929}
.synthesis-sketch{position:relative;margin:0;min-width:0;padding:12px 0 0;isolation:isolate;background:white}
.synthesis-sketch img{display:block;width:100%;height:290px;object-fit:contain;transform:rotate(-8deg);transition:transform .5s;filter:none;mix-blend-mode:multiply}
.synthesis-orbit{position:absolute;inset:25px 18px 85px;border:1px solid #e6c82b;border-radius:50%;transform:rotate(-16deg);z-index:-1}
.synthesis-orbit::after{content:"";position:absolute;inset:20px -10px -15px 18px;border:1px dashed #e6c82b;border-radius:50%;transform:rotate(35deg)}
.synthesis-arrow{position:absolute;left:-76px;bottom:82px;width:128px;height:84px;color:#bda20e;z-index:2;transform:rotate(-5deg);pointer-events:none}
.synthesis-sketch figcaption{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 0;gap:12px}
.synthesis-sketch figcaption em{font:italic 22px Georgia,serif;color:#555;transform:rotate(-4deg)}
.sneaker-art-controls{display:flex;align-items:center;gap:10px;flex:none}
.sneaker-art-controls button{display:grid;place-items:center;border:1px solid #bbb;border-radius:50%;width:42px;height:42px;font-size:22px;background:#fff}
.sneaker-art-controls button:hover{background:var(--synthesis-accent);border-color:var(--synthesis-accent)}
.sneaker-art-controls span{font-size:14px;min-width:77px;text-align:center;color:var(--muted)}
body[data-synthesis=true] .hero:has(.prompt-box:focus-within) .synthesis-sketch img{transform:rotate(-4deg) translateY(-3px)}

/* Magnified details are integrated into the same product frame. */
body[data-synthesis=true] .gallery-section{background:#fff;padding:35px 0 10px;margin:0;border:0}
body[data-synthesis=true] .gallery-heading{justify-content:center;padding:0 5% 30px;text-align:center}
body[data-synthesis=true] .gallery-section-title{font:400 clamp(36px,4vw,54px)/1.1 var(--sans);letter-spacing:-1.8px;color:var(--ink);padding:0;margin:0}
body[data-synthesis=true] .gallery-bottom{display:none}
body[data-synthesis=true] .gallery-row{--card:440px}
body[data-synthesis=true] .gallery-row .has-detail{display:block;flex-basis:var(--card);width:var(--card);isolation:isolate}
body[data-synthesis=true] .has-detail .shoe-overview img{transform:translateY(25px) scale(.96)}
body[data-synthesis=true] .shoe-detail{display:block;position:absolute;right:15px;top:14px;width:35%;aspect-ratio:1;border-radius:50%;border:5px solid #fff;box-shadow:0 0 0 1px #ddd;z-index:2;background-repeat:no-repeat;background-size:auto 310%;background-position:61% 53%;pointer-events:none}
body[data-synthesis=true] [data-shoe-id=chess] .shoe-detail{background-position:54% 54%;background-size:auto 320%}
body[data-synthesis=true] .gallery-title-pill{font:14px var(--sans);color:#555;top:13px;left:16px;background:#ffffffdf;padding:5px 9px;z-index:3}
body[data-synthesis=true] .gallery-row:focus-visible,body[data-synthesis=true] .gallery-row .sneaker-card:focus-visible{outline-color:var(--ink)}

/* A centered experience line, then a single large sales figure. */
body[data-synthesis=true] .trust-strip{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:1160px;padding:35px 0 40px;margin:0 auto;border:0;gap:36px}
body[data-synthesis=true] .trust-strip .experience{margin:0;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:0;border:0}
body[data-synthesis=true] .experience>span{font:16px var(--sans);text-transform:none;color:var(--muted);letter-spacing:0;max-width:none}
body[data-synthesis=true] .brand-logos{justify-content:center;gap:40px}
body[data-synthesis=true] .brand-logos img{opacity:.85;max-width:65px;max-height:31px}
body[data-synthesis=true] .sales-proof{padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;width:100%}
body[data-synthesis=true] .sales-proof>div{display:flex;align-items:center;flex-direction:column;gap:6px;width:100%}
body[data-synthesis=true] .sales-proof strong{display:block;font:400 clamp(56px,6vw,82px)/1.08 var(--sans);letter-spacing:-4px;color:var(--ink);font-variant-numeric:tabular-nums;padding:0 8px;background:linear-gradient(transparent 73%,var(--synthesis-accent) 73%);overflow:visible}
body[data-synthesis=true] .sales-proof div>span{font:400 27px/1.3 var(--sans);letter-spacing:-.6px;text-transform:none;color:var(--ink);max-width:none}
body[data-synthesis=true] .odometer-slot{background:none;border:0;box-shadow:none;border-radius:0;width:.62em}

/* A readable two-panel earnings story. */
body[data-synthesis=true] .section-heading{display:block;max-width:1160px;width:90%;margin:25px auto 32px;text-align:center}
body[data-synthesis=true] .section-heading>.eyebrow{display:none}
body[data-synthesis=true] .section-heading h2{font-size:clamp(36px,4.2vw,56px);line-height:1.1;letter-spacing:-1.9px;width:auto;max-width:none;margin:0;color:var(--ink)}
body[data-synthesis=true] .section-heading h2 em{color:var(--ink)}
body[data-synthesis=true] .profit-section{display:grid;grid-template-columns:1fr 1.1fr;gap:0;padding:0;margin-top:0;margin-bottom:0;border:1px solid #dedede;border-radius:14px;overflow:hidden;background:var(--panel);align-items:stretch}
body[data-synthesis=true] .profit-copy{background:var(--synthesis-accent);padding:45px 44px;color:#161616;display:flex;flex-direction:column;justify-content:center}
body[data-synthesis=true] .profit-copy>.eyebrow{display:block;font:18px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:inherit}
body[data-synthesis=true] .profit-copy h2{font-size:clamp(120px,12vw,174px);line-height:.95;letter-spacing:-10px;margin:16px 0 18px;color:inherit}
.synthesis-times{font-family:Georgia,serif;font-size:.82em;font-weight:400;vertical-align:10%}
body[data-synthesis=true] .profit-copy>p{font-size:29px;line-height:1.22;letter-spacing:-.7px;margin:0;color:inherit}
body[data-synthesis=true] .profit-copy>p span{display:block;font-size:23px;line-height:1.4;letter-spacing:-.35px;max-width:none;margin-top:30px;color:inherit}
body[data-synthesis=true] .profit-numbers{background:#f4f4f4;border:0;border-radius:0;box-shadow:none;padding:43px 36px;min-width:0;display:flex;flex-direction:column;justify-content:center;color:var(--ink)}
body[data-synthesis=true] .earning-controls{gap:28px}
body[data-synthesis=true] .earning-control label{font-size:17px;color:#444}
body[data-synthesis=true] .earning-control output{font-size:40px;color:var(--ink);margin:8px 0 20px}
body[data-synthesis=true] .earning-control input[type=range]{height:6px;background:linear-gradient(to right,var(--ink) var(--fill),#d0d0d0 var(--fill));accent-color:var(--ink)}
body[data-synthesis=true] .earning-control input[type=range]::-webkit-slider-thumb{background:var(--ink);border-color:#fff;box-shadow:none;width:20px;height:20px}
body[data-synthesis=true] .range-ends{font-size:14px;color:#666;margin-top:13px}
body[data-synthesis=true] .total-profit{border-top:1px solid #ccc;margin-top:26px;padding-top:24px}
body[data-synthesis=true] .total-profit>span{font-size:18px;color:#444}
body[data-synthesis=true] .total-profit>strong{font-size:clamp(46px,5vw,68px);color:var(--ink);letter-spacing:-3px;margin-top:8px}
body[data-synthesis=true] .profit-basis{font-size:15px;color:#555;margin-top:9px}
body[data-synthesis=true] .profit-numbers .cost-note{font-size:14px;color:#666;line-height:1.6;margin-top:20px}

/* The process follows the panel. No second heading or microscopic labels. */
body[data-synthesis=true] .how-section{padding:38px 0 55px;border:0;margin-top:0}
body[data-synthesis=true] .process-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:0}
body[data-synthesis=true] .process-art{height:260px;margin-bottom:24px}
body[data-synthesis=true] .process-art img{opacity:1;filter:grayscale(1)}
body[data-synthesis=true] .process-steps article{text-align:left;border-bottom:1px solid var(--line);padding-bottom:28px}
body[data-synthesis=true] .process-steps h3{font-size:29px;line-height:1.25;letter-spacing:-.8px;white-space:normal;color:var(--ink)}
body[data-synthesis=true] .process-steps h3 span{font:inherit;margin-right:9px;color:#777}
body[data-synthesis=true] .process-steps p{font-size:17px;line-height:1.6;margin:13px 0 0;max-width:none;color:var(--muted)}
body[data-synthesis=true] .faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:35px 0 55px;border:0}
body[data-synthesis=true] .faq-section h2{font-size:40px;line-height:1.15;letter-spacing:-1.3px;color:var(--ink)}
body[data-synthesis=true] .faq-section h2 em{color:#777}
body[data-synthesis=true] .faqs details{padding-bottom:19px;margin-bottom:19px;border-color:var(--line)}
body[data-synthesis=true] .faqs summary{font-size:18px;line-height:1.5;color:var(--ink)}
body[data-synthesis=true] .faqs summary>span{font-size:22px;color:#666}
body[data-synthesis=true] .faqs p{font-size:16px;color:var(--muted);line-height:1.7}

/* White behind the coffee photograph, with no tint or blend. */
body[data-synthesis=true] .synthesis-closing{display:grid;grid-template-columns:.9fr 1.1fr;max-width:1160px;width:90%;margin:0 auto 50px;padding:38px 0 30px 42px;background:#fff;border:1px solid var(--line);border-top:7px solid var(--synthesis-accent);align-items:center;gap:0;overflow:hidden}
body[data-synthesis=true] .synthesis-closing .content-width{width:100%;margin:0;padding:0}
body[data-synthesis=true] .apply-section{text-align:left;border:0}
body[data-synthesis=true] .apply-section h2{font-size:clamp(40px,4vw,54px);letter-spacing:-1.8px;line-height:1.08;margin:0;color:var(--ink)}
body[data-synthesis=true] .apply-section>p{font-size:19px;color:var(--muted);line-height:1.6;margin:22px 0 25px;max-width:none}
body[data-synthesis=true] .apply-section .button{border-radius:6px;font-size:17px;padding:16px 23px;background:var(--action);color:#fff}
body[data-synthesis=true] .launch-deliverables{display:flex;flex-direction:column-reverse;background:#fff;overflow:visible;gap:0;text-align:right}
body[data-synthesis=true] .launch-sole-photo{width:100%;max-width:none;margin:0;mix-blend-mode:normal;background:#fff}
body[data-synthesis=true] .launch-sole-photo img{height:340px;width:100%;object-fit:contain;transform:rotate(-9deg) scale(1.15);filter:none;mix-blend-mode:normal}
body[data-synthesis=true] .launch-sole-copy{position:relative;z-index:1;width:100%;padding-right:28px}
body[data-synthesis=true] .launch-deliverables h2{font-size:25px;letter-spacing:-.5px;margin:0;transform:rotate(-4deg);color:#555}
body[data-synthesis=true] .launch-deliverables p{display:none}
body[data-synthesis=true] .site-footer{padding:28px 5%;border-color:var(--line);color:var(--muted)}
body[data-synthesis=true] .site-footer>div,body[data-synthesis=true] .site-footer button{font-size:14px;color:var(--muted)}
/* Keep shared dialogs on the same neutral palette. */
body[data-synthesis=true] :is(#apply-dialog p,#privacy-dialog p,.creation-price,.creation-description){color:var(--muted)}
body[data-synthesis=true] .button-dark{background:var(--action)}
body[data-synthesis=true] :is(.launch-fields select,#modal-apply input,#modal-apply textarea){border-color:#d5d5d5}

/* Blue: a street campaign, with poster type and a different composition. */
body[data-tone=blue]:where([data-dark=false]){--paper:#fff;--ink:#111;--muted:#555;--line:#cfcfcf;--lime:var(--synthesis-accent);--synthesis-accent:#303acb;--accent-soft:#e8edf3;--panel:#f0f0f0;--action:#111}
body[data-tone=blue]:where([data-dark=false]) .site-header{height:90px}
body[data-tone=blue]:where([data-dark=false]) .site-header .wordmark{font-size:54px;letter-spacing:-4px;color:#111}
body[data-tone=blue]:where([data-dark=false]) .version-tabs button{border-radius:0}
body[data-tone=blue]:where([data-dark=false]) .version-tabs button[aria-selected=true],body[data-tone=blue]:where([data-dark=false]) .version-tabs button[aria-selected=true] span{color:#fff}
body[data-tone=blue]:where([data-dark=false]) .gallery-section{padding-top:42px;border-top:2px solid #111}
body[data-tone=blue]:where([data-dark=false]) .gallery-section-title{font-weight:700;text-transform:uppercase;letter-spacing:-2.5px;font-size:clamp(40px,5vw,68px);text-align:left}
body[data-tone=blue]:where([data-dark=false]) .gallery-heading{justify-content:flex-start}
body[data-tone=blue]:where([data-dark=false]) .gallery-title-pill{background:#111;color:#fff;border-radius:0;font-weight:700}
body[data-tone=blue]:where([data-dark=false]) .shoe-detail{border-color:#fff;box-shadow:0 0 0 2px var(--synthesis-accent)}
body[data-tone=blue]:where([data-dark=false]) .sales-proof strong{font-weight:700;letter-spacing:-5px;background:none;border-bottom:8px solid var(--synthesis-accent)}
body[data-tone=blue]:where([data-dark=false]) .sales-proof div>span{font-size:28px;text-transform:uppercase;font-weight:700}
body[data-tone=blue]:where([data-dark=false]) .section-heading{text-align:left}
body[data-tone=blue]:where([data-dark=false]) .section-heading h2{font-weight:700;text-transform:uppercase;font-size:clamp(38px,5vw,65px);letter-spacing:-2.5px}
body[data-tone=blue]:where([data-dark=false]) .section-heading h2 em{font-family:var(--sans);font-style:normal;font-weight:700;color:var(--synthesis-accent)}
body[data-tone=blue]:where([data-dark=false]) .profit-section{border:2px solid #111;border-radius:0;grid-template-columns:1fr 1fr}
body[data-tone=blue]:where([data-dark=false]) .profit-copy{background:#111;color:#fff}
body[data-tone=blue]:where([data-dark=false]) .profit-copy h2{color:#fff;font-weight:700;text-shadow:5px 5px 0 var(--synthesis-accent)}
body[data-tone=blue]:where([data-dark=false]) .profit-copy>.eyebrow{text-transform:uppercase;font-weight:700}
body[data-tone=blue]:where([data-dark=false]) .profit-copy>p span{color:#ddd}
body[data-tone=blue]:where([data-dark=false]) .profit-numbers{background:#f0f0f0}
body[data-tone=blue]:where([data-dark=false]) .total-profit>strong{color:var(--synthesis-accent);font-weight:700}
body[data-tone=blue]:where([data-dark=false]) .process-steps h3{font-weight:700;text-transform:uppercase;font-size:27px;letter-spacing:-1px}
body[data-tone=blue]:where([data-dark=false]) .process-steps h3 span{color:var(--synthesis-accent)}
body[data-tone=blue]:where([data-dark=false]) .faq-section h2{font-weight:700}
body[data-tone=blue]:where([data-dark=false]) .synthesis-closing{border:2px solid #111;border-top:9px solid var(--synthesis-accent)}
body[data-tone=blue]:where([data-dark=false]) .apply-section h2{font-weight:700;text-transform:uppercase;letter-spacing:-2px}
body[data-tone=blue]:where([data-dark=false]) .apply-section h2 em{font-family:var(--sans);font-style:normal;font-weight:700}
body[data-tone=blue]:where([data-dark=false]) .apply-section .button{border-radius:0;background:#111}

@media(max-width:1050px){
 body[data-synthesis=true] .hero h1{letter-spacing:-3px}
 .synthesis-desk{gap:25px}.synthesis-sketch img{height:260px}.synthesis-sketch figcaption{flex-wrap:wrap;justify-content:center}.synthesis-sketch figcaption em{font-size:20px}
 body[data-synthesis=true] .profit-copy{padding:35px 30px}body[data-synthesis=true] .profit-numbers{padding:35px 28px}
 body[data-synthesis=true] .process-art{height:210px}body[data-synthesis=true] .process-steps h3{font-size:25px}
 body[data-synthesis=true] .synthesis-closing{padding-left:30px}
}
@media(max-width:700px){
 .version-bar{margin:0 6%;padding:7px 0 12px}.version-tabs{gap:3px}.version-tabs button{font-size:12px;padding:8px 10px;gap:6px}.version-tabs button span{font-size:13px}
 body[data-synthesis=true] .site-header{height:72px;padding:0 6%}body[data-synthesis=true] .site-header .wordmark{font-size:36px}body[data-synthesis=true] .nav-apply{font-size:14px}
 body[data-synthesis=true] .hero{padding:34px 6% 30px}body[data-synthesis=true] .hero h1{font-size:clamp(39px,10vw,60px);letter-spacing:-2px;line-height:1.05;margin-bottom:22px;max-width:none}body[data-synthesis=true] .hero h1 br{display:none}
 .synthesis-subheading{font-size:17px;max-width:340px;margin:auto;line-height:1.6}.synthesis-desk{display:grid;grid-template-columns:1fr;margin-top:28px;gap:20px}
 body[data-synthesis=true] .prompt-box{padding:22px 20px 17px;border-radius:26px}body[data-synthesis=true] .prompt-box textarea{height:100px;font-size:17px}body[data-synthesis=true] #generate-button{font-size:14px;padding:0 15px;gap:9px}
 body[data-synthesis=true] .hero-note{font-size:14px;gap:0;margin:16px 0 0;line-height:1.7}
 .synthesis-sketch{width:92%;max-width:460px;justify-self:center;padding:0}.synthesis-sketch img{height:220px}.synthesis-orbit{inset:15px 5px 70px}.synthesis-sketch figcaption{padding:5px 0 0;justify-content:center;gap:14px}.synthesis-sketch figcaption em{font-size:22px}.sneaker-art-controls{gap:8px}.sneaker-art-controls button{width:40px;height:40px}.synthesis-arrow{left:-25px;bottom:140px;width:90px;height:60px;transform:rotate(30deg)}
 body[data-synthesis=true] .content-width{width:88%}body[data-synthesis=true] .gallery-heading{padding:10px 6% 25px}body[data-synthesis=true] .gallery-section-title{font-size:36px;letter-spacing:-1.3px}
 body[data-synthesis=true] .gallery-row{--card:350px}body[data-synthesis=true] .gallery-title-pill{font-size:14px;top:9px;left:10px;padding:4px 7px}body[data-synthesis=true] .shoe-detail{right:11px;top:12px;border-width:4px}
 body[data-synthesis=true] .trust-strip{width:88%;padding:28px 0 30px;gap:30px}body[data-synthesis=true] .brand-logos{gap:23px}body[data-synthesis=true] .brand-logos img{max-width:48px;max-height:28px}body[data-synthesis=true] .experience>span{font-size:16px}body[data-synthesis=true] .sales-proof strong{font-size:58px;letter-spacing:-3px}body[data-synthesis=true] .sales-proof div>span{font-size:26px}
 body[data-synthesis=true] .section-heading{width:88%;margin:22px auto 27px}body[data-synthesis=true] .section-heading h2{font-size:37px;letter-spacing:-1.4px}
 body[data-synthesis=true] .profit-section{display:grid;grid-template-columns:1fr;border-radius:10px}body[data-synthesis=true] .profit-copy{padding:30px}body[data-synthesis=true] .profit-copy>.eyebrow{font-size:18px}body[data-synthesis=true] .profit-copy h2{font-size:130px;letter-spacing:-9px;margin:17px 0}body[data-synthesis=true] .profit-copy>p{font-size:27px}body[data-synthesis=true] .profit-copy>p span{font-size:22px;margin-top:25px}
 body[data-synthesis=true] .profit-numbers{padding:30px 25px}.earning-controls{gap:20px}body[data-synthesis=true] .earning-control label{font-size:16px}body[data-synthesis=true] .earning-control output{font-size:35px}body[data-synthesis=true] .total-profit>strong{font-size:53px}body[data-synthesis=true] .profit-numbers .cost-note{font-size:14px}
 body[data-synthesis=true] .how-section{padding:25px 0 32px}body[data-synthesis=true] .process-steps{grid-template-columns:1fr;gap:25px}body[data-synthesis=true] .process-steps article{display:grid;grid-template-columns:110px 1fr;column-gap:15px;padding-bottom:23px;align-items:center}body[data-synthesis=true] .process-art{grid-row:span 2;height:125px;width:100%;margin:0}body[data-synthesis=true] .process-steps h3{font-size:24px;align-self:end;letter-spacing:-.6px}body[data-synthesis=true] .process-steps h3 span{margin-right:5px}body[data-synthesis=true] .process-steps p{font-size:16px;margin:10px 0 0;align-self:start}
 body[data-synthesis=true] .faq-section{display:block;padding:20px 0 30px}body[data-synthesis=true] .faq-section h2{font-size:36px;margin-bottom:30px}body[data-synthesis=true] .faqs summary{font-size:17px}body[data-synthesis=true] .faqs p{font-size:16px}
 body[data-synthesis=true] .synthesis-closing{grid-template-columns:1fr;width:88%;margin-bottom:30px;padding:30px 25px 25px;gap:10px}body[data-synthesis=true] .apply-section h2{font-size:39px}body[data-synthesis=true] .apply-section>p{font-size:18px;margin:20px 0 23px}body[data-synthesis=true] .launch-sole-photo img{height:245px;transform:rotate(-9deg) scale(1.2)}body[data-synthesis=true] .launch-sole-copy{padding:0;text-align:right}body[data-synthesis=true] .launch-deliverables h2{font-size:24px}body[data-synthesis=true] .site-footer>div{gap:17px}
 /* Mobile blue is still a campaign: oversized poster followed by the product and composer. */
 body[data-tone=blue]:where([data-dark=false]) .gallery-section-title{font-size:40px}body[data-tone=blue]:where([data-dark=false]) .section-heading h2{font-size:40px}body[data-tone=blue]:where([data-dark=false]) .profit-section{grid-template-columns:1fr;border-radius:0}body[data-tone=blue]:where([data-dark=false]) .process-steps h3{font-size:23px}body[data-tone=blue]:where([data-dark=false]) .apply-section h2{font-size:37px}
}
@media(prefers-reduced-motion:reduce){.synthesis-sketch img{transition:none}}

/* Black / Yellow: a full dark treatment of Yellow's composition. */
body[data-dark=true]{--paper:#101010;--ink:#f5f5f0;--muted:#bcbcbc;--line:#383838;--lime:#ffdf24;--synthesis-accent:#ffdf24;--accent-soft:#292716;--panel:#1c1c1c;--action:#ffdf24;background:#101010}
body[data-dark=true] .version-tabs button{color:#aaa}
body[data-dark=true] .version-tabs button:hover{background:#292929}
body[data-dark=true] .version-tabs button[aria-selected=true],body[data-dark=true] .version-tabs button[aria-selected=true] span{color:#111}
body[data-dark=true] .hero h1 em{color:var(--synthesis-accent)}
body[data-dark=true] .hero h1 em::after{background:var(--synthesis-accent);height:3px;inset:auto -3px -5px}
body[data-dark=true] .prompt-box{background:#1b1b1b;border-color:#4c4c4c;box-shadow:0 8px 30px #0003}
body[data-dark=true] .prompt-box textarea::placeholder{color:#aaa}
body[data-dark=true] #generate-button,body[data-dark=true] .apply-section .button{background:var(--synthesis-accent);color:#111}
body[data-dark=true] #generate-button:hover,body[data-dark=true] .apply-section .button:hover{background:var(--synthesis-accent)}
body[data-dark=true] .synthesis-sketch{background:#fff;border-radius:22px;padding:16px 12px}
body[data-dark=true] .synthesis-sketch figcaption em,body[data-dark=true] .sneaker-art-controls span{color:#333}
body[data-dark=true] .sneaker-art-controls button{color:#111}
body[data-dark=true] .synthesis-arrow{color:var(--synthesis-accent)}
body[data-dark=true] .synthesis-orbit,body[data-dark=true] .synthesis-orbit::after{border-color:#c9aa12}
body[data-dark=true] .gallery-section{background:#101010}
body[data-dark=true] .gallery-row .sneaker-card{border-radius:12px;overflow:hidden}
body[data-dark=true] .brand-logos img{filter:invert(1);opacity:.9}
body[data-dark=true] .sales-proof strong{background:none;border-bottom:6px solid var(--synthesis-accent)}
body[data-dark=true] .profit-copy{background:var(--synthesis-accent);color:#111}
body[data-dark=true] .profit-numbers{background:#202020;color:#f5f5f0}
body[data-dark=true] :is(.earning-control label,.range-ends,.total-profit>span,.profit-basis,.profit-numbers .cost-note){color:#c4c4c4}
body[data-dark=true] .total-profit{border-color:#444}
body[data-dark=true] .earning-control input[type=range]{background:linear-gradient(to right,var(--synthesis-accent) var(--fill),#555 var(--fill));accent-color:var(--synthesis-accent)}
body[data-dark=true] .earning-control input[type=range]::-webkit-slider-thumb{background:var(--synthesis-accent);border-color:#202020}
body[data-dark=true] .process-art{background:#fff;border-radius:14px;padding:12px}
body[data-dark=true] .process-steps h3 span{color:var(--synthesis-accent)}
body[data-dark=true] .faq-section h2 em,body[data-dark=true] .faqs summary>span{color:#bbb}
body[data-dark=true] .synthesis-closing{background:#1b1b1b;border-color:#383838;border-top-color:var(--synthesis-accent);padding-right:24px;gap:24px}
body[data-dark=true] .launch-deliverables{border-radius:15px;padding:12px 0;background:#fff}
body[data-dark=true] :is(dialog,.creation-dialog){background:#202020;color:#f5f5f0}
body[data-dark=true] .button-dark{color:#111}
body[data-synthesis=true] .profit-copy>p .living-statement{font-size:inherit;font-weight:600;line-height:inherit;letter-spacing:inherit;color:inherit}