/* Mintmere Discover — visually distinct, first-interaction learning experiences. */
:root{--d-ink:#203e32;--d-green:#286247;--d-cream:#fff9e9;--d-amber:#e4ad3d;--d-edge:#e1d4b6}
#cl-app{--d-ink:#203e32;color:var(--d-ink);min-height:320px}
#cl-app *{box-sizing:border-box}#cl-app [hidden]{display:none!important}
.d-stage{border:1px solid var(--d-edge);background:#fffdf6;border-radius:25px;padding:clamp(18px,3.5vw,30px);margin:20px 0;box-shadow:0 5px 0 rgba(51,72,49,.06);overflow:hidden}
.d-eyebrow{display:block;color:#916219;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900;margin-bottom:9px}
.d-stage h2{font:700 clamp(1.4rem,4.6vw,2.05rem)/1.18 Georgia,serif;margin:0 0 12px;color:#214332}
.d-stage p{line-height:1.55;margin:8px 0 16px}.d-stage small{line-height:1.45}.d-muted{color:#5e7568;font-size:.91rem}
.d-actions{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.d-button{appearance:none;border:1.5px solid #8ba992;background:#eff6ed;padding:11px 15px;border-radius:12px;min-height:46px;font-weight:800;color:#24503a;cursor:pointer;transition:transform .16s ease,background .16s ease}.d-button:hover{transform:translateY(-2px);background:#e0efdc}.d-button[aria-pressed="true"],.d-button.primary{background:#266248;border-color:#266248;color:#fff}.d-button:focus-visible,.d-range:focus-visible{outline:3px solid #ce922c;outline-offset:3px}.d-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.d-next{background:#266248;color:#fff;border-color:#266248;margin-top:16px}
.d-result{background:#edf5ea;border-left:4px solid #8cb59a;border-radius:0 14px 14px 0;padding:15px;margin-top:14px}.d-result strong{font-family:Georgia,serif;font-size:1.23rem}.d-result p{margin:5px 0}.d-result--warm{background:#fff3d6;border-color:#dba442}.d-result--warning{background:#fff2e9;border-color:#c6754e}
.d-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.d-kpi{border:1px solid #e7dbbf;background:#f8f3e6;border-radius:13px;padding:13px;min-width:0}.d-kpi b{display:block;overflow-wrap:anywhere;font:800 clamp(1.1rem,3.5vw,1.5rem)/1.18 system-ui,sans-serif}.d-kpi span{display:block;font-size:.74rem;color:#526b5c;margin-top:6px}
.d-range-wrap{margin:15px 0}.d-range-wrap label{display:flex;justify-content:space-between;font-weight:800;gap:8px}.d-range{width:100%;accent-color:#287151;min-height:30px}.d-rail{display:flex;overflow:hidden;height:26px;border-radius:30px;background:#e0e6dd;margin:11px 0}.d-rail span:first-child{background:#5ca987}.d-rail span:nth-child(2){background:#e7ae48}.d-rail span:nth-child(3){background:#a77453}
.d-divider{border:0;border-top:1px solid #e8decb;margin:22px 0}.d-deeper{border:1px dashed #bba979;border-radius:16px;background:#fffbf0;padding:15px;margin-top:17px}.d-deeper summary{font-weight:800;cursor:pointer}.d-deeper[open] summary{margin-bottom:12px}.d-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:18px 0 30px}.d-footer a{display:inline-block;color:#286247;font-weight:850;text-decoration:none;background:#ecf3e8;padding:12px 14px;border-radius:12px}.d-fine{font-size:.83rem;color:#5f776a}
/* Town: genuinely visual demand / supply illustrated stalls and shoppers */
.d-town{position:relative;background:linear-gradient(#d8e9e6 0 60%,#e9ddba 60% 100%);border-radius:19px;min-height:245px;padding:30px 12px 15px;overflow:hidden}.d-town:before{content:'☁︎   ☁︎';position:absolute;left:25px;top:8px;color:white;font-size:23px;letter-spacing:20px}.d-town-houses{display:flex;align-items:flex-end;justify-content:space-evenly;gap:12px;margin-top:13px}.d-house{width:29%;height:110px;background:#eed4a8;border:3px solid #5e8069;border-radius:5px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:29px;box-shadow:0 8px #b7aa8b}.d-house:before{content:'';position:absolute;top:-30px;left:-9px;width:calc(100% + 18px);height:31px;background:#a66a57;clip-path:polygon(50% 0%,100% 95%,0% 95%)}.d-house:nth-child(2){background:#f7e5bd;height:125px}.d-house:nth-child(3){background:#d6e8b9;height:99px}.d-house small{font-size:.7rem;font-weight:800}.d-shoppers{min-height:40px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:27px;margin-top:16px}.d-shoppers span{animation:d-walk 2.5s ease-in-out infinite alternate}.d-shoppers span:nth-child(even){animation-delay:-1.2s}@keyframes d-walk{from{transform:translateX(-9px)}to{transform:translateX(9px)}}
.d-price-tag{display:inline-block;padding:10px 18px;background:#fffaf0;border:2px solid #cf9f51;border-radius:11px;font:800 1.3rem system-ui;transform:rotate(-3deg);box-shadow:2px 4px #b9bb9c}.d-timeline{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:17px;background:#f2f3e3;border-radius:13px}
.d-money-path{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.d-money-path>div{padding:14px;border:1px solid #d9ceaa;border-radius:12px;text-align:center;background:#f5f0dd}.d-money-path b{display:block;font-size:1.35rem}.d-money-path span{display:block;font-size:.74rem}
/* Biscuit company: oven, production, shelves. */
.d-bakery{background:linear-gradient(#fffaea,#f4e8ca);border:1px solid #e6cfa1;border-radius:19px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}.d-oven{background:#c5744d;border:6px solid #99583d;border-radius:100px 100px 14px 14px;min-height:156px;display:grid;place-content:center;text-align:center;color:white;box-shadow:inset 0 6px 0 #dd9467}.d-oven b{font-size:1.05rem}.d-oven .d-biscuits{font-size:34px;letter-spacing:-5px}.d-shelf{border:3px solid #b78d57;background:#f6e4bd;border-radius:12px;padding:12px;text-align:center;display:grid;align-content:center;gap:5px}.d-shelf .d-biscuits{font-size:clamp(22px,4vw,40px);overflow-wrap:anywhere}.d-shelf b{font-size:1.15rem}.d-shelf small{color:#705e44}
.d-shares{display:flex;gap:5px;margin:13px 0;flex-wrap:wrap}.d-shares span{background:#d3e9ce;padding:8px;border-radius:9px;font-size:25px;border:1px solid #9bbfa4}.d-shares .d-highlight{background:#f8da7d}
/* First investment: phone receipt and units */
.d-invest-phone{max-width:440px;margin:15px auto;border:8px solid #243f37;border-radius:31px;background:#fafcf5;box-shadow:0 15px 20px #213a2a22;padding:20px 17px}.d-phone-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #dbe7db;padding-bottom:12px}.d-phone-head b{font-family:Georgia,serif}.d-fund-circle{width:64px;height:64px;border:2px solid #91b79f;border-radius:50%;display:grid;place-items:center;background:#dbeae0;font-size:33px}.d-receipt-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #c3cabe;gap:12px}.d-receipt-row strong{text-align:right}.d-unit-stack{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.d-unit-stack i{width:21px;height:21px;display:inline-block;border-radius:5px;background:#7eb496;box-shadow:0 2px 0 #426d57}.d-unit-stack i:nth-child(3n){background:#e1b24f}
/* Payslip: actual paper with clear bars */
.d-payslip{max-width:640px;margin:15px auto;background:#fff;border:1px solid #d0d3cd;box-shadow:0 12px 24px #33553b22;border-radius:6px;padding:clamp(15px,4vw,28px);position:relative}.d-payslip:before{content:'';height:7px;background:repeating-linear-gradient(90deg,#d7ddd8 0 10px,#fff 10px 20px);position:absolute;top:-7px;left:0;right:0}.d-payslip .d-pay-head{display:flex;justify-content:space-between;gap:14px;border-bottom:2px solid #213f33;padding-bottom:14px}.d-payslip .d-pay-line{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed #deded5}.d-payslip .d-pay-total{font-size:clamp(1.3rem,5vw,2rem);font-weight:900;color:#20543e}.d-payslip .d-pink{color:#a65b49}
/* Protection: inbox/email evidence and insurance visuals */
.d-inbox{background:#eef2eb;border:1px solid #cadacc;border-radius:18px;padding:13px}.d-mail{background:#fff;border-radius:12px;padding:14px;margin:8px 0;box-shadow:0 2px 0 #d9e4d7}.d-mail-head{display:flex;justify-content:space-between;font-size:.75rem;gap:8px;color:#52695a;margin-bottom:10px}.d-mail strong{display:block}.d-mail em{color:#a84b42;font-style:normal;font-weight:800}.d-inline-clue{appearance:none;border:1px dashed #b87555;border-radius:8px;background:#fff4e5;padding:2px 6px;color:#673e2b;font-weight:800;cursor:pointer;display:inline}.d-inline-clue[aria-pressed="true"]{background:#f4d88f;border:2px solid #ba874c}.d-inline-clue:focus-visible{outline:3px solid #cf9b42}.d-evidence{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0}.d-evidence button{border:1px dashed #b87555;border-radius:10px;background:#fff4e5;padding:12px;min-height:45px;color:#673e2b;font-weight:700;cursor:pointer}.d-evidence button[aria-pressed="true"]{background:#f4d88f;border:2px solid #ba874c}.d-evidence button:focus-visible{outline:3px solid #cf9b42}
.d-insurance{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin:16px 0}.d-insurance i{height:28px;border-radius:8px;background:#9dc5ac}.d-insurance i.claim{background:#dfb074}
/* Retirement: timeline not a calculator-first page */
.d-life-line{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:25px 0 12px}.d-life-line>div{position:relative;background:#e7f0e4;min-height:135px;border-radius:12px;padding:12px 6px;text-align:center}.d-life-line>div:before{content:'';position:absolute;top:-10px;left:50%;height:10px;border-left:3px solid #bf8b40}.d-life-line b{display:block;font-size:1rem}.d-life-line .d-life-art{font-size:29px;margin-bottom:9px}.d-life-line small{font-size:.75rem}.d-life-line .future{background:#f8eac6}
.d-compare{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:16px 0}.d-compare>div{border:1px solid #d6e2d0;background:#f3f7f0;border-radius:14px;padding:15px}.d-compare h3{margin:0 0 10px;font:700 1.15rem Georgia,serif}.d-compare b{display:block;font-size:1.25rem}
@media(max-width:680px){.d-kpis{grid-template-columns:1fr 1fr}.d-town{min-height:218px}.d-town-houses .d-house{height:90px}.d-life-line{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.d-kpis{grid-template-columns:1fr}.d-actions{flex-direction:column}.d-actions .d-button{width:100%}.d-compare{grid-template-columns:1fr}.d-money-path{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.d-shoppers span{animation:none}#cl-app *{transition:none!important}}

.cl-forward[hidden]{display:none!important}.d-skip{margin-top:9px;background:transparent;border:1px solid #c3cdb7;font-size:.8rem}.d-skip:hover{background:#f2f7ea}