/* Higgsfield illustrations, with crisp HTML facts and one paced motion per scene. */
.place-explainer>.story-heading,.shopping-explainer>.story-heading{text-align:center;margin-bottom:46px}
.place-chapters{display:grid;gap:76px}
.place-chapter{--scene-duration:4600ms;min-width:0;scroll-margin-top:92px}
.chapter-heading{text-align:center;margin:0 0 20px}
.chapter-heading>p{font-size:12px;font-weight:750;letter-spacing:.06em;line-height:1.5;color:#adc19a;margin:0 0 10px}
.chapter-heading h4{font-size:clamp(27px,3.2vw,36px);font-weight:800;line-height:1.45;letter-spacing:-.045em;margin:0;word-break:keep-all;text-wrap:balance}
.place-scene{margin:0 auto;max-width:680px;width:100%}
.scene-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#0b1510;container-type:inline-size}
.scene-photo{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transform-origin:50% 50%;filter:saturate(.92)}
.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#06100b25 0%,transparent 36%,#06100b20 60%,#06100be8 100%);pointer-events:none}
.scene-label{position:absolute;top:7%;left:6%;font-size:clamp(10px,2.15cqw,14px);font-weight:650;line-height:1.5;color:#c4d1bc;letter-spacing:-.015em}
.scene-bottom{position:absolute;bottom:8%;left:6%;right:6%;line-height:1.5;letter-spacing:-.025em}
.scene-bottom strong{font-size:clamp(14px,3.2cqw,21px);font-weight:750;color:#e1efd2}
.scene-bottom>span,.blog-status>div>span{display:block;font-size:clamp(11px,2.25cqw,15px);font-weight:600;color:#a7b49e}
.scene-outcome{display:block;opacity:1;transform:none}
.place-scene figcaption{font-size:13px;font-weight:650;line-height:1.75;text-align:center;color:#aab99e;margin:13px auto 0;max-width:620px;word-break:keep-all;text-wrap:pretty}
.chapter-blog figcaption{color:#c7aba0}
.chapter-answer{max-width:680px;margin:24px auto 0;text-align:center}
.chapter-verdict{font-size:clamp(23px,2.8vw,29px);font-weight:800;line-height:1.55;letter-spacing:-.04em;margin:0;color:#e8efe1;word-break:keep-all;text-wrap:balance}
.chapter-verdict em{font-style:normal;color:#d2ec9f}
.chapter-description{font-size:15px;font-weight:550;line-height:1.85;max-width:590px;margin:12px auto 0;color:#aec29f;word-break:keep-all;text-wrap:pretty}
.chapter-description strong{font-weight:750;color:#d5e2c8}
.scene-source{max-width:680px;margin:40px auto 0}
.place-explainer+.story-result,.shopping-explainer+.story-result{margin-top:72px}

/* Make the sales pressure and missing delivery visible before the solution. */
.story-lead .pressure-text,.chapter-description .pressure-text{color:#ffb5a4;font-weight:750}
.chapter-risk .chapter-heading>p{color:#e9a696}
.chapter-risk .place-scene figcaption{color:#ffb5a4;font-weight:750;font-size:14px}
.chapter-risk .scene-shade::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#84362940,transparent 62%);pointer-events:none}
.chapter-risk .scene-label{color:#e9b7a8}
.chapter-risk .blog-status strong,.chapter-risk .receipt-status>strong,.chapter-risk .review-focus>p{color:#ffb5a4}
.chapter-risk .review-chips>span{color:#ffd0c4;background:#512b25db}
.chapter-risk .reward-focus>strong,.chapter-risk.chapter-reward .chapter-verdict em{color:#ffb5a4}
.chapter-risk .volume-delivered .volume-rail{background:#ae5c4b29}
.chapter-risk .volume-delivered .volume-rail>i{background:#fba68e;box-shadow:0 0 12px #fba68e30}
.chapter-risk .volume-delivered>b,.chapter-risk.chapter-volume .chapter-verdict em{color:#ffb5a4}
@media(max-width:680px){.chapter-risk .place-scene figcaption{font-size:13px}.chapter-risk .receipt-status{align-items:flex-start;flex-direction:column;gap:7px}}

/* Shopping: the quantities are HTML, never rasterized into the image. */
.review-focus{position:absolute;left:58%;right:4%;top:29%;line-height:1.2;text-align:left}
.review-focus>span{display:block;font-size:clamp(11px,2.6cqw,17px);font-weight:650;color:#bdcbb1}
.review-focus>strong{display:block;white-space:nowrap;margin:5px 0 9px;color:#e1f6b9;font-size:clamp(43px,11cqw,75px);letter-spacing:-.075em;font-weight:850;font-variant-numeric:tabular-nums;text-shadow:0 0 35px #c5f38c23}
.review-focus small{font-size:.25em;letter-spacing:-.03em;margin-left:5px;font-weight:750}
.review-focus>p{font-size:clamp(10px,2.2cqw,15px);font-weight:700;color:#d1e1c2;margin:0;word-break:keep-all}
.route-options{position:absolute;top:9%;left:22%;right:22%;display:grid;grid-template-columns:1fr 1fr;gap:12%;text-align:center}
.route-option{font-size:clamp(12px,2.6cqw,18px);line-height:1.8;font-weight:750;color:#b7c8ae;border-radius:99px;padding:3px 0;background:#11231bb3}
.route-scan{position:absolute;left:15%;top:32%;width:25%;height:28%;background:radial-gradient(ellipse,#d8ffa239,transparent 65%);opacity:0;pointer-events:none}
.switch-status{text-align:center}
.switch-status strong{margin-top:3px}
.chapter-volume .scene-shade{background:linear-gradient(180deg,#06100b20 0%,transparent 30%,#06100b60 52%,#06100bf5 83%)}
.volume-comparison{bottom:9%;display:grid;gap:10px}
.volume-row{display:grid;grid-template-columns:70px minmax(0,1fr) 75px;gap:15px;align-items:center}
.volume-row>span{font-size:clamp(11px,2.2cqw,14px);font-weight:650;color:#adbaa7}
.volume-row>b{font-size:clamp(21px,4.6cqw,31px);font-weight:800;line-height:1;letter-spacing:-.04em;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:#b1b8ad}
.volume-row small{font-size:.45em;font-weight:650;margin-left:4px}
.volume-rail{height:7px;border-radius:6px;background:#9cb48b19;overflow:hidden}
.volume-rail>i{display:block;height:100%;width:100%;border-radius:inherit;background:#8a9385;transform-origin:left;transform:scaleX(1)}
.volume-delivered .volume-rail>i{width:30%;background:#d2eea5;box-shadow:0 0 12px #c7f47b38}
.volume-delivered>b{color:#dcf6b2}

/* Place: a distinct visual explanation for each question. */
.blog-status{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}
.blog-status strong{color:#d1b9ae}
.blog-rank{display:flex;align-items:center;gap:12px}
.blog-rank>b{font-size:clamp(31px,7cqw,47px);letter-spacing:-.05em;line-height:1;color:#bcc3b5;font-weight:800}
.blog-rank small{font-size:.33em;margin-left:3px;font-weight:650}
.flat-signal{display:block;width:clamp(36px,10cqw,68px);height:2px;background:#b1b7ac;transform-origin:left}
.chapter-blog .scene-photo{filter:saturate(.2);opacity:.78}
.receipt-status{display:flex;align-items:center;justify-content:space-between;gap:12px}
.receipt-status>strong{font-size:clamp(13px,2.8cqw,19px)}
.review-chips{display:flex;gap:6px}
.review-chips>span{font-size:clamp(10px,2cqw,13px);font-weight:650;color:#d9e9bf;padding:5px 10px;border-radius:5px;background:#1f3328e0;white-space:nowrap}
.reward-focus{position:absolute;top:10%;left:10%;right:10%;text-align:center;line-height:1.2}
.reward-focus>span{font-size:clamp(10px,2.15cqw,14px);font-weight:650;color:#b4c2a9}
.reward-focus>strong{display:block;color:#d9efac;font-size:clamp(13px,3cqw,20px);font-weight:650;margin:3px 0 5px}
.reward-focus b{font-size:clamp(39px,9.5cqw,65px);line-height:1;font-weight:850;letter-spacing:-.07em}
.reward-focus small{font-size:clamp(16px,4cqw,27px);font-weight:700;margin-left:3px}
.reward-focus p{font-size:clamp(9px,1.9cqw,12px);color:#8fa184;margin:0}
.reward-spot{position:absolute;left:39%;top:48%;width:22%;height:34%;border-radius:50%;background:radial-gradient(ellipse,#d5ff962b,transparent 70%);opacity:.35;pointer-events:none}
.visit-route{display:grid;grid-template-columns:auto minmax(30px,1fr) auto;gap:20px;align-items:center}
.visit-route>span,.visit-route>strong{font-size:clamp(11px,2.4cqw,16px);white-space:nowrap}
.visit-track{height:2px;position:relative;background:linear-gradient(90deg,#899e7340,#d2eca5a0)}
.visit-track>i{position:absolute;right:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#d8f5ab;box-shadow:0 0 12px #d8f5ab;opacity:0}

/* End states are the default: static HTML remains useful without JavaScript. */
.is-idle .scene-photo{transform:scale(1.035)}
.is-idle .scene-outcome{opacity:0;transform:translateY(8px)}
.chapter-blog.is-idle .scene-photo{filter:saturate(.92);opacity:1}
.is-idle .flat-signal,.is-idle .volume-rail>i{transform:scaleX(0)}
.is-idle .review-chips>span{opacity:0;transform:translateY(10px)}
.is-idle .reward-focus{opacity:.3;transform:translateY(8px)}
.is-playing .scene-photo{animation:scene-camera var(--scene-duration) cubic-bezier(.2,.65,.2,1) both}
.is-playing .scene-outcome{animation:scene-resolution var(--scene-duration) both}
.chapter-blog.is-playing .scene-photo{animation:blog-loss var(--scene-duration) both}
.is-playing .flat-signal{animation:flat-reveal var(--scene-duration) both}
.is-playing .review-chips>span{animation:review-build var(--scene-duration) both}
.is-playing .review-chips>span:nth-child(2){animation-name:review-build-two}
.is-playing .review-chips>span:nth-child(3){animation-name:review-build-three}
.is-playing .reward-focus{animation:reward-resolve var(--scene-duration) both}
.is-playing .reward-spot{animation:reward-light var(--scene-duration) both}
.is-playing .visit-track>i{animation:visit-arrival var(--scene-duration) cubic-bezier(.25,.7,.3,1) both}
.is-playing .route-option:first-child{animation:choose-first var(--scene-duration) both}
.is-playing .route-option:last-child{animation:choose-second var(--scene-duration) both}
.is-playing .route-scan{animation:route-scan var(--scene-duration) both}
.is-playing .volume-promised .volume-rail>i{animation:volume-announced var(--scene-duration) both}
.is-playing .volume-delivered .volume-rail>i{animation:volume-checked var(--scene-duration) both}
.is-paused .scene-stage *{animation-play-state:paused!important}
@keyframes scene-camera{from{transform:scale(1.035)}to{transform:scale(1)}}
@keyframes scene-resolution{0%,42%{opacity:0;transform:translateY(8px)}70%,100%{opacity:1;transform:translateY(0)}}
@keyframes blog-loss{0%,28%{filter:saturate(.92);opacity:1;transform:scale(1.035)}76%,100%{filter:saturate(.2);opacity:.78;transform:scale(1)}}
@keyframes flat-reveal{0%,20%{transform:scaleX(0)}48%,100%{transform:scaleX(1)}}
@keyframes review-build{0%,15%{opacity:0;transform:translateY(10px)}39%,100%{opacity:1;transform:translateY(0)}}
@keyframes review-build-two{0%,29%{opacity:0;transform:translateY(10px)}53%,100%{opacity:1;transform:translateY(0)}}
@keyframes review-build-three{0%,43%{opacity:0;transform:translateY(10px)}67%,100%{opacity:1;transform:translateY(0)}}
@keyframes reward-resolve{0%,20%{opacity:.3;transform:translateY(8px)}65%,100%{opacity:1;transform:translateY(0)}}
@keyframes reward-light{0%,15%{opacity:0;transform:scale(.8)}55%{opacity:1;transform:scale(1.15)}100%{opacity:.35;transform:scale(1)}}
@keyframes visit-arrival{0%,12%{opacity:0;right:100%}20%{opacity:1;right:100%}67%{opacity:1;right:0}85%,100%{opacity:0;right:0}}
@keyframes choose-first{0%,8%{color:#b7c8ae;background:#11231bb3}20%,36%{color:#152114;background:#d3eba7}56%,100%{color:#b7c8ae;background:#11231bb3}}
@keyframes choose-second{0%,36%{color:#b7c8ae;background:#11231bb3}50%,67%{color:#152114;background:#d3eba7}90%,100%{color:#b7c8ae;background:#11231bb3}}
@keyframes route-scan{0%,18%{opacity:0;transform:translateX(0)}35%{opacity:1;transform:translateX(0)}65%{opacity:1;transform:translateX(170%)}85%,100%{opacity:0;transform:translateX(170%)}}
@keyframes volume-announced{0%,8%{transform:scaleX(0)}37%,100%{transform:scaleX(1)}}
@keyframes volume-checked{0%,38%{transform:scaleX(0)}72%,100%{transform:scaleX(1)}}
@media(max-width:680px){
 .place-explainer>.story-heading,.shopping-explainer>.story-heading{margin-bottom:34px}
 .place-chapters{gap:54px}
 .chapter-heading{margin-bottom:16px}
 .chapter-heading>p{font-size:11px;margin-bottom:9px}
 .chapter-heading h4{font-size:26px;line-height:1.5}
 .scene-stage{border-radius:11px}
 .place-scene figcaption{font-size:12px;line-height:1.75;margin-top:10px}
 .chapter-answer{margin-top:19px}
 .chapter-verdict{font-size:23px;line-height:1.55}
 .chapter-description{font-size:14px;line-height:1.85;margin-top:10px}
 .scene-source{margin-top:32px}
 .place-explainer+.story-result,.shopping-explainer+.story-result{margin-top:54px}
 .volume-row{grid-template-columns:58px minmax(0,1fr) 55px;gap:10px}
 .volume-comparison{gap:9px}
 .volume-rail{height:5px}
 .review-chips{gap:4px}
 .review-chips>span{padding:4px 6px}
 .visit-route{gap:12px}
 .blog-rank{gap:8px}
}
@media(max-width:360px){.chapter-heading h4{font-size:24px}.chapter-verdict{font-size:21px}.review-focus{left:57%;right:3%}.review-focus>strong{font-size:42px}.review-chips>span{padding:3px 4px}.receipt-status{gap:8px}}
@media(prefers-reduced-motion:reduce){
 .place-chapter .scene-stage *{animation:none!important}
 .is-idle .scene-photo{transform:none}
 .chapter-blog.is-idle .scene-photo{filter:saturate(.2);opacity:.78}
 .is-idle .scene-outcome,.is-idle .review-chips>span,.is-idle .reward-focus{opacity:1;transform:none}
 .is-idle .flat-signal,.is-idle .volume-rail>i{transform:scaleX(1)}
}

/* Eight complete industry summaries, recognizable before reading the copy. */
.industry-overview{padding-top:4px}
.industry-overview .references-heading{align-items:center}
.industry-overview .references-heading h2{font-size:clamp(29px,3.4vw,40px);line-height:1.4}
.industry-overview .references-heading>p{color:#afc29f;font-size:15px;line-height:1.85;max-width:350px;font-weight:550}
.industry-overview .references-heading strong{color:#d8e7ca;font-weight:750}
.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.industry-card{--icon-bg:#33472b;--card-glow:#73995512;min-width:0;padding:25px 23px 26px;border-radius:12px;background:radial-gradient(ellipse at 15% 0,var(--card-glow),transparent 75%),#141c13}
.industry-skin{--icon-bg:#49312f;--card-glow:#e0a19b12}
.industry-food{--icon-bg:#464029;--card-glow:#ddbc7912}
.industry-nail{--icon-bg:#452f41;--card-glow:#d095c412}
.industry-gym{--icon-bg:#303d48;--card-glow:#83aabd12}
.industry-dental{--icon-bg:#2d4441;--card-glow:#83beb112}
.industry-eye{--icon-bg:#36384e;--card-glow:#9b9ed812}
.industry-cafe{--icon-bg:#443b2c;--card-glow:#d3b28112}
.industry-flower{--icon-bg:#37452f;--card-glow:#b1d08e12}
.industry-card-heading{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin:0 0 19px}
.industry-icon{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;display:grid;place-items:center;width:69px;height:69px;border-radius:18px;background:var(--icon-bg);font-size:40px;line-height:1;font-weight:400;user-select:none}
.industry-card h3{font-size:22px;font-weight:800;line-height:1.4;color:#e2ecd8;letter-spacing:-.025em;margin:0}
.industry-keyword{display:flex;flex-direction:column;gap:3px;margin:0 0 20px;min-width:0}
.industry-keyword>span{font-size:11px;line-height:1.5;font-weight:650;color:#9fb18e}
.industry-keyword>b{font-size:16px;line-height:1.5;font-weight:750;color:#d3e9b3;overflow-wrap:anywhere}
.industry-focus h4{font-size:14px;font-weight:750;line-height:1.6;color:#ccd9c0;letter-spacing:-.02em;margin:0 0 7px;word-break:keep-all;text-wrap:pretty}
.industry-focus>p{font-size:13px;font-weight:550;line-height:1.8;color:#a2b495;margin:0;word-break:keep-all;text-wrap:pretty}
.industry-note{font-size:12px;line-height:1.85;font-weight:500;color:#9aad8c;max-width:760px;margin:22px 0 0;word-break:keep-all;text-wrap:pretty}
@media(max-width:1050px){.industry-grid{gap:13px}.industry-card{padding:23px 18px}.industry-focus h4{font-size:13px}}
@media(max-width:820px){.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.industry-card{padding:25px}.industry-overview .references-heading{align-items:flex-start}.industry-focus h4{font-size:15px}.industry-focus>p{font-size:14px}}
@media(max-width:680px){
 .industry-overview{padding-top:0}
 .industry-overview .references-heading{gap:14px}
 .industry-overview .references-heading h2{font-size:29px}
 .industry-overview .references-heading>p{font-size:14px}
 .industry-grid{gap:12px}
 .industry-card{padding:21px 17px 22px;border-radius:10px}
 .industry-card-heading{gap:12px;margin-bottom:16px}
 .industry-icon{width:58px;height:58px;border-radius:15px;font-size:35px}
 .industry-card h3{font-size:20px}
 .industry-keyword{margin-bottom:16px}
 .industry-keyword>b{font-size:15px}
 .industry-focus h4{font-size:14px}
 .industry-focus>p{font-size:13px;line-height:1.8}
 .industry-note{font-size:11px;margin-top:18px}
}
@media(max-width:360px){.industry-card{padding:18px 13px}.industry-keyword>b{font-size:14px}.industry-focus h4{font-size:13px}.industry-card h3{font-size:19px}}

.industry-rank-pair{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:7px;margin-top:25px;font-variant-numeric:tabular-nums}
.industry-before,.industry-after{min-width:0}
.industry-before>span,.industry-after>span{display:block;font-size:11px;font-weight:650;line-height:1.5;margin-bottom:6px;color:#8b9588}
.industry-after{text-align:right}
.industry-after>span{color:#bdd699}
.industry-rank-pair p{display:flex;align-items:baseline;gap:2px;line-height:1.15;margin:0;white-space:nowrap}
.industry-after p{justify-content:flex-end}
.industry-before b{font-size:36px;font-weight:700;letter-spacing:-.055em;color:#858b82}
.industry-before small{font-size:12px;color:#858b82;font-weight:600}
.industry-after b{font-size:56px;font-weight:850;letter-spacing:-.055em;color:#dcff9e;text-shadow:0 0 24px #bded6240}
.industry-after small{font-size:14px;font-weight:750;color:#daf3b0}
.industry-rank-arrow{font-size:19px;color:#7c8972;padding-top:20px;text-align:center}
.polish-motion .industry-card.in-view .industry-after{animation:industry-rank-light .85s .18s cubic-bezier(.2,.75,.2,1) both}
@keyframes industry-rank-light{from{opacity:.25;filter:grayscale(1);transform:translateY(14px) scale(.94)}to{opacity:1;filter:grayscale(0);transform:translateY(0) scale(1)}}
@media(max-width:1050px){.industry-before b{font-size:31px}.industry-after b{font-size:48px}.industry-rank-pair{gap:5px}}
@media(max-width:820px){.industry-before b{font-size:38px}.industry-after b{font-size:58px}}
@media(max-width:680px){.industry-rank-pair{grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);gap:4px;margin-top:22px}.industry-before b{font-size:30px}.industry-after b{font-size:46px}.industry-rank-arrow{font-size:16px}.industry-before small{font-size:11px}.industry-after small{font-size:12px}}
@media(max-width:360px){.industry-before b{font-size:26px}.industry-after b{font-size:40px}.industry-before>span,.industry-after>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.polish-motion .industry-card.in-view .industry-after{animation:none}}