/* B+ only: narrative scenes alongside complete original content. */
#aboutSection.warm-studio{--studio-ink:#352b30;--studio-muted:#77676b;--studio-berry:#9c3550;--studio-cream:#fff9f0;--studio-line:#ebdfd3;--studio-blue:#2563eb;--studio-green:#15765b}
#aboutSection.warm-studio .studio-eyebrow{font:700 11px/1.6 sans-serif;letter-spacing:.16em;color:var(--studio-berry);display:block;margin-bottom:18px}
#aboutSection.warm-studio .studio-eyebrow>span{letter-spacing:0;font-weight:500;margin-left:20px;color:var(--studio-muted)}
#aboutSection.warm-studio .about-hero{grid-template-columns:1.2fr 1fr;gap:30px;min-height:350px;background:var(--studio-cream);border-color:var(--studio-line);padding:40px}
#aboutSection.warm-studio .intro-workbench{height:280px;position:relative;isolation:isolate}
#aboutSection.warm-studio .workbench-orbit{position:absolute;border:1px solid #dfcbb4;border-radius:50%;inset:10px 45px;transform:rotate(-20deg)}
#aboutSection.warm-studio .orbit-two{inset:40px 5px;transform:rotate(25deg)}
#aboutSection.warm-studio .workbench-search{position:absolute;top:13px;left:2%;right:10%;border:1px solid var(--studio-line);border-radius:12px;background:white;padding:17px 20px;box-shadow:0 10px 30px #624b3310;font-size:14px;display:flex;gap:12px;align-items:center;transform:rotate(-4deg)}
#aboutSection.warm-studio .workbench-search>span{font-size:25px;color:var(--studio-blue)}
#aboutSection.warm-studio .workbench-search>b{margin-left:auto;color:var(--studio-blue)}
#aboutSection.warm-studio .workbench-quote{position:absolute;width:62%;top:83px;right:0;padding:20px;background:white;border:1px solid var(--studio-line);border-radius:15px;box-shadow:0 15px 40px #624b3310;transform:rotate(5deg)}
#aboutSection.warm-studio .workbench-quote>small{font-size:13px;font-weight:700;color:var(--studio-ink)}
#aboutSection.warm-studio .workbench-quote>div{height:25px;display:flex;gap:8px;align-items:center}
#aboutSection.warm-studio .workbench-quote i{display:block;height:7px;width:var(--w);background:#b8cafa;border-radius:5px}
#aboutSection.warm-studio .workbench-quote>div:nth-of-type(2) i{background:var(--studio-blue)}
#aboutSection.warm-studio .workbench-quote span{font-size:10px;white-space:nowrap;color:var(--studio-muted)}
#aboutSection.warm-studio .workbench-quote em{font-size:10px;font-style:normal;color:var(--studio-muted)}
#aboutSection.warm-studio .workbench-record{position:absolute;left:0;bottom:5px;padding:15px 22px;background:#fff;border:1px solid var(--studio-line);border-radius:12px;box-shadow:0 10px 30px #624b3310;transform:rotate(-6deg)}
#aboutSection.warm-studio .workbench-record>span{display:inline-block;width:24px;height:24px;background:#e7f5ed;border-radius:50%;text-align:center;color:var(--studio-green);margin-right:8px}
#aboutSection.warm-studio .workbench-record b{font-size:13px}
#aboutSection.warm-studio .workbench-record small{display:block;font-size:10px;margin:8px 0 0 32px;color:var(--studio-muted)}
#aboutSection.warm-studio .workbench-star{position:absolute;right:2%;top:24px;color:#bd9045;font-size:35px}
#aboutSection.warm-studio #usageSteps{border:0;background:transparent;padding:0;margin-top:72px!important}
#aboutSection.warm-studio #usageSteps>.section-title{font-size:32px;color:var(--studio-ink);margin-bottom:12px}
#aboutSection.warm-studio .workshop-lead{font-size:16px;color:var(--studio-muted);line-height:1.8;margin:0}
#aboutSection.warm-studio .workshop-actions{display:flex;justify-content:space-between;align-items:center;margin:18px 0 24px;gap:12px;font-size:11px;color:var(--studio-muted)}
#aboutSection.warm-studio .workshop-actions button{border:1px solid var(--studio-line);padding:10px 15px;background:white;border-radius:24px;min-height:44px;cursor:pointer;color:var(--studio-ink);font-size:12px}
#aboutSection.warm-studio .how-it-works-grid{display:flex;flex-direction:column;gap:24px}
#aboutSection.warm-studio .step-card.workshop-step{display:grid;grid-template-columns:31% minmax(0,1fr);gap:16px;padding:0;background:var(--studio-cream);border:1px solid var(--studio-line);border-radius:24px;overflow:hidden;text-align:left;box-shadow:none}
#aboutSection.warm-studio .workshop-copy{align-self:center;padding:36px 0 36px 32px;min-width:0}
#aboutSection.warm-studio .chapter-index{display:flex;align-items:center;gap:18px;font:italic 48px/1 Georgia,serif;color:#b58265;margin-bottom:26px}
#aboutSection.warm-studio .chapter-index small{font:600 10px/1.5 sans-serif;letter-spacing:.17em;color:var(--studio-muted)}
#aboutSection.warm-studio .step-card h4{font-size:26px;line-height:1.5;margin:0 0 16px;color:var(--studio-ink)}
#aboutSection.warm-studio .step-card p{font-size:14px;line-height:1.9;color:var(--studio-ink);margin:0}
#aboutSection.warm-studio .step-card .workshop-detail{font-size:12px;color:var(--studio-muted);border-top:1px solid var(--studio-line);padding-top:18px;margin-top:18px}
#aboutSection.warm-studio .workshop-scene{height:420px;min-width:0;position:relative;isolation:isolate;overflow:hidden;border-radius:0 24px 24px 0;background:radial-gradient(ellipse at 62% 55%,#fff 0%,#fcf0dd 65%,#fff9f0 100%)}
#aboutSection.warm-studio .scene-grid{position:absolute;inset:0;opacity:.4;background-image:radial-gradient(#c9aa8626 1px,transparent 1px);background-size:16px 16px}
#aboutSection.warm-studio .scene-orbit{position:absolute;width:330px;height:330px;border:1px dashed #dac8b5;border-radius:50%;right:3%;top:25px;transform:rotate(-15deg)}
#aboutSection.warm-studio .scene-mira{position:absolute;max-width:none;width:52%;height:auto;right:-3%;bottom:9px;z-index:2;object-fit:contain;filter:drop-shadow(0 12px 10px #8d502917)}
#aboutSection.warm-studio .mira-search{width:58%;right:-8%;bottom:0}
#aboutSection.warm-studio .mira-compare{width:55%;right:auto;left:-7%;bottom:-6px}
#aboutSection.warm-studio .mira-calculate{width:55%;right:-6%;bottom:0}
#aboutSection.warm-studio .scene-ui{position:absolute;z-index:3;width:57%;max-width:350px;left:5%;top:65px;background:#ffffffed;backdrop-filter:blur(8px);border:1px solid #e3d4c2;border-radius:15px;box-shadow:0 15px 45px #79532e18;overflow:hidden}
#aboutSection.warm-studio .scene-window{display:flex;align-items:center;gap:4px;padding:13px 14px;border-bottom:1px solid #eee5da;background:#fffaf5;font-size:11px;font-weight:600;color:var(--studio-ink)}
#aboutSection.warm-studio .scene-window>i{width:5px;height:5px;background:#dfc9b5;border-radius:50%;flex-shrink:0}
#aboutSection.warm-studio .scene-window>span{margin-left:7px}
#aboutSection.warm-studio .scene-window>small{font-size:9px;font-weight:400;color:var(--studio-muted);margin-left:auto;white-space:nowrap}
#aboutSection.warm-studio .finder-ui{transform:rotate(-3deg)}
#aboutSection.warm-studio .finder-mode{display:flex;gap:6px;padding:16px 15px 0}
#aboutSection.warm-studio .finder-mode button{font-size:11px;min-height:44px;flex:1;border:1px solid transparent;border-radius:8px;background:#f7f5f2;color:var(--studio-muted);cursor:pointer}
#aboutSection.warm-studio .finder-mode button[aria-pressed=true]{background:#eaf0ff;border-color:#c4d3fc;color:#2454b8;font-weight:700}
#aboutSection.warm-studio .finder-field{margin:14px 15px;padding:14px 12px;border:1px solid #9fb7f1;border-radius:9px;box-shadow:0 0 0 3px #ecf1ff;display:flex;gap:9px;align-items:center;color:var(--studio-blue);font-size:13px}
#aboutSection.warm-studio .finder-field>b{font-weight:500;color:var(--studio-ink);overflow-wrap:anywhere}
#aboutSection.warm-studio .finder-cursor{width:1px;height:16px;background:var(--studio-blue)}
#aboutSection.warm-studio .finder-result{padding:10px 15px;display:flex;gap:10px;align-items:center}
#aboutSection.warm-studio .result-icon{width:40px;height:45px;color:#8d9ebb;background:#f1f4f8;border-radius:8px;padding:5px;flex-shrink:0}
#aboutSection.warm-studio .result-icon svg{width:100%;height:100%}
#aboutSection.warm-studio .finder-result strong{font-size:12px;display:block;color:var(--studio-ink)}
#aboutSection.warm-studio .finder-result small{font-size:10px;color:var(--studio-muted);display:block;margin-top:4px}
#aboutSection.warm-studio .result-check{color:var(--studio-green);margin-left:auto;font-size:20px}
#aboutSection.warm-studio .finder-tags{display:flex;gap:5px;padding:8px 15px 18px}
#aboutSection.warm-studio .finder-tags span{font-size:9px;padding:4px 7px;border:1px solid #e4e8ef;border-radius:5px;color:var(--studio-muted)}
#aboutSection.warm-studio .scene-scan{position:absolute;inset:48% 0 auto;height:1px;background:linear-gradient(90deg,transparent,#7fa2ea,transparent);pointer-events:none;opacity:0}
#aboutSection.warm-studio .scene-note{position:absolute;z-index:4;bottom:28px;left:8%;font-size:12px;color:var(--studio-berry);border-bottom:1px solid #d9a5a6;padding:6px 3px;transform:rotate(-3deg)}
#aboutSection.warm-studio .scene-2{background:radial-gradient(ellipse at 42% 50%,#fff,#edf3ff 65%,#fff9f0 100%)}
#aboutSection.warm-studio .quote-ui{left:auto;right:3%;top:44px;width:56%;transform:rotate(3deg)}
#aboutSection.warm-studio .offer-stack{position:relative;height:148px;margin:18px 14px 0}
#aboutSection.warm-studio .offer{position:absolute;top:0;left:0;right:0;height:44px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #e9e4dc;border-radius:8px;background:#fff;font-size:11px;transition:transform .65s cubic-bezier(.22,1,.36,1),background .4s;transform:translateY(var(--y))}
#aboutSection.warm-studio .offer-a{--y:0px}#aboutSection.warm-studio .offer-b{--y:50px}#aboutSection.warm-studio .offer-c{--y:100px}
#aboutSection.warm-studio .sorted .offer-a{--y:100px}#aboutSection.warm-studio .sorted .offer-b{--y:0px;background:#edf7f1;border-color:#9bcdb3}#aboutSection.warm-studio .sorted .offer-c{--y:50px}
#aboutSection.warm-studio .offer span{white-space:nowrap}
#aboutSection.warm-studio .offer i{height:5px;background:#d4dff3;border-radius:5px;width:calc(var(--bar)/5);margin-left:5px}
#aboutSection.warm-studio .offer strong{font-size:15px;margin-left:auto;color:var(--studio-ink)}
#aboutSection.warm-studio .offer em{font-size:8px;font-style:normal;color:var(--studio-green);background:#e6f4eb;position:absolute;top:-8px;right:8px;padding:2px 5px;border-radius:3px}
#aboutSection.warm-studio .offer-difference{display:flex;align-items:center;justify-content:space-between;padding:8px 15px 12px;font-size:10px;color:var(--studio-muted)}
#aboutSection.warm-studio .offer-difference strong{font-size:22px;font-family:Georgia,serif;color:var(--studio-green)}
#aboutSection.warm-studio .scene-button{margin:0 14px 14px;width:calc(100% - 28px);border:1px solid #c7d5ed;background:#f1f5fc;border-radius:8px;min-height:44px;padding:10px 12px;font-size:11px;font-weight:600;color:#2454a0;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
#aboutSection.warm-studio .quote-note{left:auto;right:7%;bottom:26px}
#aboutSection.warm-studio .receipt-ui{top:36px;transform:rotate(-3deg)}
#aboutSection.warm-studio .receipt-lines{padding:16px 18px 0}
#aboutSection.warm-studio .receipt-lines>div{display:flex;justify-content:space-between;gap:6px;margin-bottom:12px;font-size:11px;color:var(--studio-muted)}
#aboutSection.warm-studio .receipt-lines b{font-weight:500;color:var(--studio-ink);font-variant-numeric:tabular-nums}
#aboutSection.warm-studio .receipt-total{border-top:1px dashed #d5c6b3;margin:4px 18px 0;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--studio-green);font-size:11px}
#aboutSection.warm-studio .receipt-total strong{font:36px/1.2 Georgia,serif;font-variant-numeric:tabular-nums}
#aboutSection.warm-studio .receipt-bars{display:flex;gap:5px;padding:13px 18px;height:33px;align-items:center}
#aboutSection.warm-studio .receipt-bars i{flex:1;height:4px;background:#afcbb9;border-radius:4px}
#aboutSection.warm-studio .receipt-caption{display:block;font-size:9px;color:var(--studio-muted);line-height:1.6;margin:-4px 15px 15px}
#aboutSection.warm-studio .receipt-note{bottom:15px}
#aboutSection.warm-studio .studio-notify{background:var(--studio-cream);border-color:var(--studio-line);display:grid;grid-template-columns:43% minmax(0,1fr);padding:30px;gap:32px}
#aboutSection.warm-studio .notify-stage{height:330px;position:relative;min-width:0}
#aboutSection.warm-studio .notify-stage .scene-mira{height:300px;width:300px;right:0;bottom:22px;object-fit:contain}
#aboutSection.warm-studio .notice-example{position:absolute;left:0;bottom:0;right:10%;background:#fff;border:1px solid var(--studio-line);border-radius:12px;box-shadow:0 14px 35px #79532e13;padding:15px;display:flex;align-items:center;gap:10px;z-index:3;transform:rotate(-3deg)}
#aboutSection.warm-studio .notice-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#edf6ee;color:var(--studio-green)}
#aboutSection.warm-studio .notice-example small{font-size:9px;color:var(--studio-muted);display:block}
#aboutSection.warm-studio .notice-example b{font-size:12px;display:block;color:var(--studio-ink);margin-top:4px}
#aboutSection.warm-studio .notice-example>span:last-child{font-size:9px;color:var(--studio-muted);margin-left:auto}
#aboutSection.warm-studio .notify-path{position:absolute;left:5%;top:12px;width:170px;height:200px;border-left:1px dashed #c4a77a;border-top:1px dashed #c4a77a;border-radius:70% 0 0 0;transform:rotate(-20deg)}
#aboutSection.warm-studio button:focus-visible{outline:3px solid var(--studio-blue);outline-offset:3px}
#aboutSection.warm-studio .scene-enter .scene-ui{animation:scene-rise .85s both}
#aboutSection.warm-studio .scene-enter .scene-mira{animation:mira-arrive 1s .08s both}
#aboutSection.warm-studio .scene-enter .scene-scan{animation:finder-scan 1.3s .2s both}
#aboutSection.warm-studio .scene-enter .notice-example{animation:notice-arrive .8s .25s both}
#aboutSection.warm-studio .is-changing .receipt-total{animation:sum-pulse .5s both}
@keyframes scene-rise{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes mira-arrive{from{opacity:0;translate:12px 8px}to{opacity:1;translate:0 0}}
@keyframes finder-scan{0%{opacity:0;translate:0 -40px}35%{opacity:.8}100%{opacity:0;translate:0 80px}}
@keyframes notice-arrive{from{opacity:0;translate:-15px 12px}to{opacity:1;translate:0 0}}
@keyframes sum-pulse{50%{background:#e7f3e9}}
#aboutSection.warm-studio.scenes-paused *,#aboutSection.warm-studio.scenes-paused *::before{animation:none!important;transition:none!important}
@media(max-width:1000px){#aboutSection.warm-studio .step-card.workshop-step{grid-template-columns:29% minmax(0,1fr)}#aboutSection.warm-studio .workshop-copy{padding-left:24px}#aboutSection.warm-studio .step-card h4{font-size:23px}#aboutSection.warm-studio .scene-ui{left:3%;width:61%}#aboutSection.warm-studio .quote-ui{left:auto;right:3%}#aboutSection.warm-studio .scene-mira{width:55%;right:-10%}#aboutSection.warm-studio .mira-compare{left:-10%;right:auto;width:60%}#aboutSection.warm-studio .about-hero{padding:30px;grid-template-columns:1fr 1fr}#aboutSection.warm-studio .studio-notify{grid-template-columns:40% minmax(0,1fr);gap:20px;padding:24px}#aboutSection.warm-studio .notify-stage .scene-mira{width:270px;height:270px;right:-30px}#aboutSection.warm-studio .notice-example{right:-20px}}
@media(max-width:700px){#aboutSection.warm-studio .about-hero{display:block;padding:26px 22px}#aboutSection.warm-studio .intro-workbench{height:270px;max-width:390px;margin:20px auto 0}#aboutSection.warm-studio .studio-eyebrow{font-size:10px}#aboutSection.warm-studio .studio-eyebrow>span{display:block;margin:8px 0 0}#aboutSection.warm-studio #usageSteps>.section-title{font-size:25px}#aboutSection.warm-studio .workshop-lead{font-size:14px}#aboutSection.warm-studio .step-card.workshop-step{display:flex;flex-direction:column;gap:0}#aboutSection.warm-studio .workshop-copy{padding:26px 24px 0;width:100%}#aboutSection.warm-studio .chapter-index{font-size:36px;margin-bottom:16px}#aboutSection.warm-studio .step-card h4{font-size:25px}#aboutSection.warm-studio .step-card p{font-size:14px}#aboutSection.warm-studio .step-card .workshop-detail{font-size:12px;padding-top:12px;margin-top:12px}#aboutSection.warm-studio .workshop-scene{width:100%;height:460px;margin-top:15px;border-radius:0 0 24px 24px}#aboutSection.warm-studio .scene-ui{top:auto;bottom:30px;left:5%;right:auto;width:80%;max-width:350px;transform:rotate(-2deg)}#aboutSection.warm-studio .scene-mira{width:240px;height:240px;right:-25px;top:-12px;bottom:auto;z-index:2}#aboutSection.warm-studio .quote-ui{right:5%;left:auto;width:80%;bottom:28px;top:auto;transform:rotate(2deg)}#aboutSection.warm-studio .mira-compare{left:-18px;right:auto;top:-3px;width:240px;height:240px}#aboutSection.warm-studio .receipt-ui{bottom:30px;left:5%}#aboutSection.warm-studio .mira-calculate{top:-15px;right:-18px;width:245px;height:245px}#aboutSection.warm-studio .scene-note{bottom:3px;left:10%;font-size:11px}#aboutSection.warm-studio .quote-note{left:auto;right:9%}#aboutSection.warm-studio .scene-orbit{height:260px;width:260px;right:4%;top:5px}#aboutSection.warm-studio .studio-notify{display:flex;flex-direction:column;padding:24px;gap:24px}#aboutSection.warm-studio .notify-stage{height:300px;width:100%}#aboutSection.warm-studio .notify-stage .scene-mira{top:0;right:-5px;width:280px;height:280px}#aboutSection.warm-studio .notice-example{right:0;bottom:0;left:-6px}#aboutSection.warm-studio .studio-notify .cta-text-col h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){#aboutSection.warm-studio *,#aboutSection.warm-studio *::before{animation:none!important;transition:none!important}}