
/* V2 interactive store simulator */
.nav-new{margin-left:auto;background:#dff0dc;color:#28613e;border-radius:20px;padding:4px 7px;font-size:7px;font-weight:900;letter-spacing:.7px}
.simulator-teaser{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;padding:28px 32px;border-radius:20px;background:linear-gradient(115deg,#173f31,#245844 68%,#305f4b);color:#fff;box-shadow:0 18px 45px #173f3118}
.sim-teaser-copy{position:relative;z-index:2;max-width:650px}.sim-teaser-copy h2{font:800 clamp(23px,3vw,32px)/1.1 var(--display);letter-spacing:-1px;margin:12px 0 9px}.sim-teaser-copy p{font-size:11px;line-height:1.7;color:#d0e2d5;max-width:610px;margin:0 0 18px}.sim-teaser-art{width:190px;height:150px;position:relative;flex:0 0 190px;display:grid;place-items:center}.sim-teaser-art:before,.sim-teaser-art:after{content:"";position:absolute;border:1px solid #ffffff36;border-radius:50%;inset:8px 20px;transform:rotate(-24deg)}.sim-teaser-art:after{inset:25px 0;transform:rotate(32deg)}.sim-teaser-art b{width:66px;height:66px;display:grid;place-items:center;border-radius:22px;background:#cfe6a9;color:#214632;font-size:34px;box-shadow:0 12px 28px #0b211a4a;z-index:1}.sim-teaser-art span{position:absolute;width:39px;height:39px;border:1px solid #ffffff35;background:#ffffff12;backdrop-filter:blur(8px);border-radius:12px;display:grid;place-items:center;font-size:19px}.sim-teaser-art span:nth-child(1){left:2px;top:20px}.sim-teaser-art span:nth-child(2){right:0;top:22px}.sim-teaser-art span:nth-child(3){left:22px;bottom:9px}
#page-simulator{max-width:1200px;margin:0 auto}.sim-page-intro{margin:4px 0 21px}.sim-page-intro h1{font:800 clamp(31px,4vw,48px)/1.04 var(--display);letter-spacing:-1.8px;margin:13px 0 9px;color:#18382d}.sim-page-intro>p{font-size:12px;color:#718076;line-height:1.7;max-width:760px;margin:0}.sim-draft-banner{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;background:#fff5e5;border:1px solid #f0e3c7;border-radius:13px;color:#795e31;margin:19px 0 18px}.sim-banner-icon{font-size:18px}.sim-draft-banner strong{font-size:9px;letter-spacing:1px}.sim-draft-banner p{font-size:9px;line-height:1.6;margin:4px 0 0}.sim-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(190px,1.4fr);gap:10px;margin:18px 0 34px}.sim-metric{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 14px;min-width:0}.sim-metric>span{width:30px;height:30px;border-radius:10px;background:#edf3e8;color:#54815e;display:grid;place-items:center;font-size:15px;flex:0 0 auto}.sim-metric strong{font:800 18px var(--display);display:block}.sim-metric small{display:block;color:#879287;font-size:8px;margin-top:2px}.sim-metric-note strong{font-size:10px}.sim-section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:15px}.sim-section-head h2{font:700 21px var(--display);margin:8px 0 0;color:#20392e}.sim-count{font-size:9px;color:#7b887e;font-weight:800}.sim-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sim-scenario-card{--sim-tone:#e7efe4;--sim-accent:#40744f;background:#fff;border:1px solid #e4e9df;border-radius:17px;padding:17px;min-height:236px;display:flex;flex-direction:column;box-shadow:0 8px 28px #193b2a08;transition:transform .22s,border-color .22s,box-shadow .22s}.sim-scenario-card:hover{transform:translateY(-4px);border-color:#bfd1bc;box-shadow:0 18px 35px #193b2a13}.sim-tone-customer{--sim-tone:#f4e9e7;--sim-accent:#a65f58}.sim-tone-shelf{--sim-tone:#e8edf1;--sim-accent:#58788a}.sim-tone-fefo{--sim-tone:#edf0df;--sim-accent:#708342}.sim-tone-promo{--sim-tone:#f5eddb;--sim-accent:#a87a32}.sim-card-top{display:flex;justify-content:space-between;align-items:center}.sim-card-icon{width:42px;height:42px;border-radius:13px;background:var(--sim-tone);color:var(--sim-accent);display:grid;place-items:center;font-size:21px;font-weight:800}.sim-level{font-size:8px;font-weight:800;color:#718076;background:#f4f6f2;padding:6px 9px;border-radius:30px}.sim-card-number{font-size:8px;letter-spacing:1.2px;color:#a0a99f;font-weight:800;margin-top:16px}.sim-scenario-card h3{font:800 17px/1.2 var(--display);letter-spacing:-.3px;margin:6px 0}.sim-scenario-card p{font-size:9px;line-height:1.55;color:#758176;margin:0 0 13px}.sim-card-meta{display:flex;justify-content:space-between;color:#829084;font-size:8px;margin-top:auto;padding:9px 0 12px;border-top:1px solid #edf0ea}.sim-start{width:100%;justify-content:space-between!important;min-height:39px!important;padding:0 13px!important;font-size:9px!important}.sim-bottom-note{display:flex;align-items:flex-start;gap:10px;padding:15px 17px;border-radius:13px;background:#eef3e9;margin-top:22px;color:#506d55}.sim-bottom-note>span{font-size:17px}.sim-bottom-note strong{font-size:9px}.sim-bottom-note p{font-size:8px;color:#718275;margin:4px 0 0}
.sim-play-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.sim-back{border:0;background:transparent;color:#52775b;font-size:10px;font-weight:800;padding:7px 0}.sim-play-label{font-size:9px;color:#89958a;font-weight:800;letter-spacing:1px;text-transform:uppercase}.sim-play-count{font-size:9px;font-weight:800;color:#52775b}.sim-progress{height:7px;border-radius:30px;background:#e8eee5;overflow:hidden;margin-bottom:20px}.sim-progress span{height:100%;display:block;border-radius:30px;background:linear-gradient(90deg,#5b9b68,#b1d47b);transition:width .25s}.sim-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:15px;align-items:start}.sim-scene{background:#fff;border:1px solid #e3e9e0;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #173f3109}.sim-scene-head{padding:16px 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf0ea}.sim-scene-head>span:nth-child(2){display:grid;gap:4px;flex:1}.sim-scene-head small{font-size:7px;color:#a17b40;letter-spacing:1px;font-weight:900}.sim-scene-head strong{font:800 13px var(--display);color:#203d30}.sim-scene-illustration{height:145px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:22px;background:linear-gradient(135deg,#eaf2e7,#f4f1e4);color:#467151}.sim-illustration-customer{background:linear-gradient(135deg,#f5e9e6,#f9f2e8);color:#a65f58}.sim-illustration-shelf{background:linear-gradient(135deg,#e8eff3,#eef1e7);color:#58788a}.sim-illustration-fefo{background:linear-gradient(135deg,#f0f1df,#f2eee3);color:#778a42}.sim-illustration-promo{background:linear-gradient(135deg,#f7efdf,#f4e9df);color:#a87a32}.sim-art-shape{position:absolute;width:240px;height:240px;border:1px solid currentColor;opacity:.15;border-radius:50%;right:-60px;top:-100px}.sim-scene-illustration>span{z-index:1}.art-scan{font-size:55px}.art-product{font-size:45px}.art-beep{font-size:10px;letter-spacing:3px}.sim-scene-illustration>b{position:absolute;bottom:12px;right:18px;font-size:7px;letter-spacing:2px;opacity:.6}.art-chat{font-size:70px;font-family:Georgia,serif}.art-person{font-size:46px}.art-receipt{font-size:43px}.art-shelf{font-size:37px;letter-spacing:2px}.art-pin{font-size:50px}.art-date{padding:11px 13px;background:#fff;border:1px solid #d9dfc7;border-radius:9px;font-size:12px;font-weight:900;box-shadow:0 5px 14px #18220d12}.art-date-two{transform:translateY(16px);opacity:.8}.art-rotate{font-size:43px}.art-tag{font-size:56px}.art-calendar{font-size:47px}.art-check{font-size:50px}.sim-scene-content{padding:22px clamp(18px,3vw,30px) 24px}.sim-scene-content>.eyebrow{font-size:8px}.sim-context{font-size:10px;color:#758176;line-height:1.65;background:#f6f8f3;border-left:3px solid #abc99c;padding:11px 13px;border-radius:0 9px 9px 0;margin:10px 0 17px}.sim-scene-content h2{font:800 clamp(18px,2.4vw,23px)/1.2 var(--display);letter-spacing:-.5px;color:#20392e;margin:0 0 7px}.sim-select-hint{font-size:9px;color:#8a958b;margin:0 0 13px}.sim-choices{display:grid;gap:8px}.sim-choice{display:flex;align-items:center;gap:11px;width:100%;border:1px solid #e2e9df;border-radius:11px;background:#fff;padding:12px;text-align:left;color:#425a49;font-size:10px;line-height:1.5;transition:border .18s,background .18s}.sim-choice:hover:not(:disabled){border-color:#99b99a;background:#f8fbf6}.sim-choice:disabled{cursor:default;opacity:1}.sim-choice.is-selected{border-color:#75a87a;background:#eff7ec}.sim-choice-letter{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#edf2e9;color:#5a805e;font-weight:900;flex:0 0 auto}.sim-choice-mark{margin-left:auto;font-weight:900;color:#6f9671}.sim-coach-note{margin-top:13px;border-radius:11px;padding:12px 14px;background:#fff4e9;border:1px solid #f0e2ce;color:#805d35}.sim-coach-note.is-good{background:#edf7ec;border-color:#d7e9d2;color:#3e7046}.sim-coach-note strong{font-size:10px}.sim-coach-note p{font-size:9px;line-height:1.6;margin:5px 0 0;color:inherit}.sim-next-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.sim-next-row>span{font-size:8px;color:#7d897f;line-height:1.45}.sim-next-row .button{white-space:nowrap;min-height:39px!important;font-size:9px!important}.sim-coach-side{background:#f0eee3;border:1px solid #e8e2d2;border-radius:15px;padding:17px;position:sticky;top:85px}.sim-side-symbol{font-size:23px;color:#987e4b}.sim-coach-side h3{font:800 14px var(--display);margin:10px 0 7px;color:#384b3d}.sim-coach-side p{font-size:9px;color:#74796d;line-height:1.65;margin:0}.sim-side-rule{height:1px;background:#dcd7c8;margin:14px 0}.sim-coach-side strong{font-size:9px;color:#53674e}
.sim-result-wrap{max-width:620px;margin:12px auto;background:#fff;border:1px solid #e3e9e0;border-radius:22px;padding:clamp(22px,4vw,40px);text-align:center;box-shadow:0 18px 55px #173f3110}.sim-result-icon{width:58px;height:58px;border-radius:18px;background:#edf5e8;color:#5a9160;display:grid;place-items:center;font-size:28px;margin:0 auto 18px}.sim-result-wrap h1{font:800 clamp(28px,4vw,38px) var(--display);letter-spacing:-1px;margin:10px 0}.sim-result-lead{color:#738077;font-size:10px}.sim-score-ring{width:142px;height:142px;margin:22px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#80ad72 var(--score),#edf1e9 0);position:relative}.sim-score-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.sim-score-ring>div{position:relative;display:grid;gap:3px}.sim-score-ring strong{font:800 29px var(--display);color:#254d35}.sim-score-ring small{font-size:8px;color:#839084}.sim-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sim-result-stats>div{background:#f5f7f2;border-radius:11px;padding:12px}.sim-result-stats strong{display:block;font:800 20px var(--display);color:#315c3d}.sim-result-stats small{font-size:8px;color:#7f8a80}.sim-result-message{font-size:10px;line-height:1.6;color:#65756a;margin:20px 0}.sim-result-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.sim-result-actions .button{min-height:42px!important;font-size:9px!important}.sim-local-note{font-size:8px;color:#929d91;margin:17px 0 0}
@media(max-width:1050px){.sim-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-metric-note{grid-column:1/-1}}
@media(max-width:820px){.sim-play-layout{grid-template-columns:1fr}.sim-coach-side{position:static;order:-1}.sim-coach-side p{max-width:650px}.sim-teaser-art{width:130px;flex-basis:130px;opacity:.75}}
@media(max-width:560px){.simulator-teaser{padding:22px;min-height:240px}.sim-teaser-art{position:absolute;right:-28px;bottom:-25px;opacity:.2}.sim-teaser-copy{max-width:100%}.sim-scenario-grid{grid-template-columns:1fr}.sim-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-metric{padding:10px}.sim-metric-note{grid-column:1/-1}.sim-section-head{align-items:flex-start;flex-direction:column;gap:6px}.sim-scene-illustration{height:120px}.sim-scene-content{padding:17px}.sim-next-row{align-items:flex-start;flex-direction:column}.sim-next-row .button{width:100%}.sim-result-stats{gap:5px}.sim-result-stats>div{padding:9px 5px}}
@media(prefers-reduced-motion:reduce){.sim-scenario-card,.sim-progress span{transition:none}}
