.scene-section{padding:110px 0;background:#eaf3ee;overflow:hidden}.scene-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}.scene-head p{max-width:420px;line-height:1.7;color:#4b6059}.scene-kicker{display:inline-block;margin-bottom:12px;font-weight:800;letter-spacing:.12em;color:#21735a}.scene-section h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.14;letter-spacing:-.06em;margin:0}.scene-section h2 em{font-style:normal;color:#247f63}.scene-picker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.scene-picker button,.scene-controls button{font:inherit;cursor:pointer;border:1px solid #b9d0c3;background:#fff;border-radius:999px;padding:11px 18px;color:#1e4938;font-weight:800;transition:transform .2s,background .2s,color .2s}.scene-picker button:hover,.scene-controls button:hover{transform:translateY(-2px)}.scene-picker button[aria-selected=true]{background:#173e31;color:#fff;border-color:#173e31}.scene-stage{--scene-accent:#65b99c;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);min-height:470px;background:#fff;border:1px solid #c6dccc;border-radius:32px;box-shadow:0 24px 70px rgba(27,66,50,.11);overflow:hidden}.scene-visual{position:relative;background:linear-gradient(145deg,#d9f0e3,#f7f4e7);display:grid;place-items:center;overflow:hidden}.scene-visual:before,.scene-visual:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.72);border-radius:50%;width:350px;height:350px;animation:scene-orbit 12s linear infinite}.scene-visual:after{width:520px;height:520px;animation-duration:18s;animation-direction:reverse}.scene-visual img{position:relative;z-index:1;width:min(83%,330px);aspect-ratio:1;object-fit:cover;border-radius:34px;box-shadow:0 22px 50px rgba(42,78,61,.18);animation:scene-float 5s ease-in-out infinite}.scene-bubble{position:absolute;z-index:2;right:7%;bottom:10%;max-width:67%;padding:13px 17px;border-radius:18px 18px 5px 18px;background:#fff;box-shadow:0 12px 34px rgba(24,62,44,.14);font-weight:800;line-height:1.35;animation:scene-pop .45s both}.scene-content{padding:clamp(26px,4vw,55px);display:flex;flex-direction:column}.scene-count{font-size:.8rem;font-weight:900;letter-spacing:.12em;color:#39725c}.scene-content h3{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.045em;margin:14px 0}.scene-problem{font-size:1.08rem;color:#496258;line-height:1.65;margin:0 0 26px}.scene-step{background:#f2f8f3;border-left:5px solid var(--scene-accent);border-radius:0 18px 18px 0;padding:22px 24px;animation:scene-enter .45s both}.scene-step-label{font-size:.75rem;font-weight:900;letter-spacing:.12em;color:#276d53}.scene-step h4{font-size:1.35rem;line-height:1.35;margin:8px 0}.scene-step p{line-height:1.65;margin:0;color:#405b50}.scene-question{margin:20px 0 0;line-height:1.55;font-weight:750;color:#315845}.scene-progress{display:flex;gap:7px;margin-top:auto;padding-top:28px}.scene-progress span{height:7px;flex:1;background:#dbe7df;border-radius:100px}.scene-progress span.active{background:#277d5f}.scene-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px}.scene-controls button{padding:9px 15px}.scene-controls button:disabled{opacity:.45;cursor:not-allowed;transform:none}.scene-controls .scene-play{background:#173e31;color:#fff;border-color:#173e31}.scene-note{font-size:.85rem;line-height:1.5;color:#5b6c60;margin:18px 0 0}@keyframes scene-float{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes scene-orbit{to{transform:rotate(360deg)}}@keyframes scene-pop{from{opacity:0;transform:scale(.82) translateY(8px)}to{opacity:1;transform:none}}@keyframes scene-enter{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@media(max-width:800px){.scene-section{padding:75px 0}.scene-head{display:block}.scene-stage{grid-template-columns:1fr}.scene-visual{min-height:300px}.scene-visual img{width:220px}.scene-content{min-height:420px}.scene-bubble{right:12%;bottom:7%}}@media(max-width:480px){.scene-picker{display:grid;grid-template-columns:repeat(2,1fr)}.scene-picker button{padding:10px 6px}.scene-visual{min-height:260px}.scene-visual img{width:190px}.scene-content{min-height:460px}}@media(prefers-reduced-motion:reduce){.scene-visual:before,.scene-visual:after,.scene-visual img,.scene-bubble,.scene-step{animation:none!important}.scene-picker button,.scene-controls button{transition:none}}
.scene-stage{min-height:660px}
.scene-content{padding:clamp(26px,3.3vw,46px)}
.scene-problem{margin-bottom:18px}
.scene-step{padding:17px 20px}
.scene-guide{margin-top:22px}
.scene-guide-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}
.scene-guide-head strong{font-size:15px;letter-spacing:-.03em}
.scene-guide-head span{font-size:11px;font-weight:900;color:#328369;white-space:nowrap}
.scene-check-list{display:grid;gap:8px}
.scene-check{width:100%;display:flex;align-items:flex-start;gap:11px;text-align:left;border:1px solid #dce9df;border-radius:11px;background:#fbfdfb;padding:11px 13px;color:#345248;font:inherit;font-size:13px;line-height:1.55;cursor:pointer;animation:scene-check-in .4s both;animation-delay:var(--check-delay,0ms);transition:background .2s,border-color .2s,transform .2s}
.scene-check:hover{background:#eff9f1;transform:translateX(3px)}
.scene-check[aria-pressed=true]{background:#e4f6e9;border-color:#88cba0;color:#20593d}
.scene-check:focus-visible{outline:2px solid #247c55;outline-offset:2px}
.scene-check-icon{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#e3ede6;color:#39765b;font-weight:900;line-height:1}
.scene-check[aria-pressed=true] .scene-check-icon{background:#2e9162;color:#fff}
.scene-evidence{display:flex;gap:10px;align-items:flex-start;margin:17px 0 0;padding:12px 14px;border-radius:9px;background:#f9f3e7;color:#5f5134;font-size:12px;line-height:1.5}
.scene-evidence b{white-space:nowrap;color:#825d24}
.scene-question{margin:14px 0 0;font-size:13px}
.scene-progress{padding-top:20px}
@keyframes scene-check-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:800px){.scene-stage{min-height:0}.scene-visual{min-height:275px}.scene-content{min-height:0}}
@media(max-width:480px){.scene-visual{min-height:240px}.scene-content{min-height:0}.scene-check{font-size:12px;padding:10px}.scene-evidence{display:block}.scene-evidence b{display:block;margin-bottom:3px}}
@media(prefers-reduced-motion:reduce){.scene-check{animation:none!important;transition:none!important}}
.scene-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.scene-next-inline{font:inherit;font-size:12px;font-weight:900;line-height:1.3;border:1px solid #1e644a;background:#1f7253;color:#fff;border-radius:999px;padding:10px 15px;white-space:nowrap;cursor:pointer;box-shadow:0 4px 0 #144b37;transition:transform .2s,box-shadow .2s}.scene-next-inline:hover{transform:translateY(-2px);box-shadow:0 6px 0 #144b37}.scene-next-inline:focus-visible{outline:3px solid #f0a54e;outline-offset:3px}@media(max-width:480px){.scene-topline{align-items:flex-start;flex-direction:column}.scene-next-inline{white-space:normal}}@media(prefers-reduced-motion:reduce){.scene-next-inline{transition:none}}
.scene-result{margin-top:26px;padding:clamp(24px,4vw,40px);border:1px solid #a9cbbc;border-radius:28px;background:#fff;box-shadow:0 20px 52px rgba(27,66,50,.1);scroll-margin-top:100px}.scene-result[hidden]{display:none}.scene-result-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.scene-result h3{margin:0;font-size:clamp(26px,3vw,38px);letter-spacing:-.05em}.scene-result-head p{max-width:630px;margin:12px 0 0;color:#4b6059;line-height:1.7}.scene-result-score{flex:0 0 auto;padding:10px 14px;border-radius:999px;background:#e1f3e9;color:#1d684b;font-size:14px;font-weight:900}.scene-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.scene-result-grid>div{padding:24px;border-radius:18px;background:#f5faf6}.scene-result-grid>div+div{background:#f9f4e9}.scene-result h4{margin:0 0 18px;font-size:18px}.scene-result h5{margin:20px 0 9px;color:#247258;font-size:14px}.scene-result h5:first-child{margin-top:0}.scene-result ul{list-style:none;margin:0;padding:0}.scene-result li{padding:8px 0;border-bottom:1px solid rgba(39,91,64,.12);font-size:13px;line-height:1.6}.scene-result li:last-child{border-bottom:0}.scene-result li.is-checked{color:#1d684b;font-weight:700}.scene-result li.is-pending{color:#725a34}#scene-result-quote li:before{content:'□ ';color:#a1782c;font-weight:900}.scene-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.scene-result-actions button{padding:12px 18px;border:1px solid #1e644a;border-radius:999px;background:#fff;color:#1e644a;font:inherit;font-weight:800;cursor:pointer}.scene-result-actions button+button{background:#1f7253;color:#fff}.scene-result-actions button:hover,.scene-result-actions button:focus-visible{box-shadow:0 0 0 3px rgba(31,114,83,.2)}@media(max-width:700px){.scene-result-head{flex-direction:column}.scene-result-grid{grid-template-columns:1fr}.scene-result-grid>div{padding:20px}}