/* MarketMind visual polish layer (2026-11-04). Loaded last on public pages.
   Visual only: no service, route, form or data change. Remove the two head tags to roll back. */
@font-face{font-family:Vazirmatn;src:url('/assets/fonts/vazirmatn-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--mm-ease:cubic-bezier(.22,.61,.36,1);--mm-ink:#17231d;--mm-ink-2:#4f5e56;--mm-green:#167a5a;--mm-green-d:#0d4f3c;--mm-mint:#e7f3ec;--mm-line:#dbe7df;--mm-shadow:0 14px 34px rgba(36,84,60,.09)}

/* Typography and text clarity */
html body{font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html body p{color:#56655d}
html body .card p,html body .micro,html body .section-head p{color:#53625a!important}
h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}
::selection{background:#bfe3cf;color:#0d3b2b}

/* Header: calmer glass bar with a depth cue after scrolling */
.header{transition:box-shadow .3s var(--mm-ease),background-color .3s var(--mm-ease);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}
html.mm-scrolled .header{box-shadow:0 8px 26px rgba(28,72,50,.09)}
.desktop-nav>a,.desktop-nav summary{position:relative;transition:color .2s ease}
.desktop-nav>a::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:2px;border-radius:2px;background:var(--mm-green);scale:0 1;transition:scale .25s var(--mm-ease)}
@media(hover:hover){.desktop-nav>a:hover{color:var(--mm-green-d)!important}.desktop-nav>a:hover::after{scale:1 1}}

/* Menus open with motion instead of popping */
.mm-course-menu[open] .mm-course-options{animation:mm-pop .22s var(--mm-ease) both;transform-origin:top center}
.mobile-nav[open]>nav{animation:mm-drop .28s var(--mm-ease) both}
details:not(.mm-course-menu):not(.mobile-nav)[open]>:not(summary){animation:mm-fade .28s var(--mm-ease) both}
@keyframes mm-pop{from{opacity:0;translate:0 -6px;scale:.97}to{opacity:1;translate:0 0;scale:1}}
@keyframes mm-drop{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}
@keyframes mm-fade{from{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}

/* Install bar: the action label was green on green (unreadable) */
.eco-install .eco-install-action,.eco-install button.eco-install-action{color:#fff!important;font-weight:800}
.eco-install .eco-install-action:hover{background:#0f6449!important;border-color:#0f6449!important}
@media(max-width:600px){.eco-install{padding-block:8px}.eco-install-row img{width:34px;height:34px}.eco-install-copy span{display:none!important}.eco-install button{min-height:40px;padding:6px 12px}}

/* Cards that act as links: gentle lift */
.eco-shortcut,.article-catalog-card,.mm-course-catalog>.card,a.card{transition:translate .28s var(--mm-ease),box-shadow .28s var(--mm-ease),border-color .28s ease}
@media(hover:hover) and (pointer:fine){.eco-shortcut:hover,.article-catalog-card:hover,.mm-course-catalog>.card:hover,a.card:hover{translate:0 -4px;box-shadow:0 20px 40px rgba(36,84,60,.13)!important;border-color:#a9d0bb!important}}

/* Home service shortcuts: no orphan card */
@media(min-width:1101px){.eco-shortcuts{grid-template-columns:repeat(7,minmax(0,1fr))!important}}
@media(min-width:641px) and (max-width:1100px){.eco-shortcuts{display:flex!important;flex-wrap:wrap;justify-content:center}.eco-shortcuts>*{flex:0 1 calc(25% - 12px);min-width:0}}
@media(max-width:640px){.eco-shortcuts>:last-child:nth-child(odd){grid-column:1/-1}}
/* Home social buttons: one even row on wide screens */
@media(min-width:960px){#home-support .mm-home-social-actions{flex-wrap:nowrap}#home-support .mm-home-social-actions .btn{flex:1 1 0}}

/* Articles: framed thumbnails and whole-card click target */
.article-catalog-card{position:relative}
.article-thumb{border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#dff0e6,#f6fbf8);border:1px solid #cfe3d7;box-shadow:inset 0 0 0 6px #ffffff80}
.article-thumb img{transition:scale .6s var(--mm-ease)}
@media(hover:hover){.article-catalog-card:hover .article-thumb img{scale:1.04}}
.article-catalog-card h2 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.article-catalog-card .text-link{position:relative;z-index:1}
.article-reader .article-prose{color:#26352d}
.article-toc a{transition:color .2s ease}.article-toc a:hover{color:var(--mm-green)}

/* Scroll reveal (only set up by polish.js, and never with reduced motion) */
html.mm-reveal-ready [data-mm-reveal]{opacity:0;translate:0 22px;transition:opacity .7s var(--mm-ease),translate .7s var(--mm-ease);transition-delay:var(--mm-d,0ms)}
html.mm-reveal-ready [data-mm-reveal].is-in{opacity:1;translate:0 0}

/* Legacy pages (older dark markup) restyled to the current light system */
.mm-legacy-page .top{display:none!important}
.mm-legacy-page main{color:var(--mm-ink)}
.mm-legacy-page .page-hero{padding:56px 0 24px}
.mm-legacy-page .breadcrumbs{font-size:12px;color:#5d6f65;margin-bottom:14px}.mm-legacy-page .breadcrumbs a{color:var(--mm-green)}
.mm-legacy-page .kicker,.mm-legacy-page .tag,.mm-legacy-page .mini{display:inline-flex;align-items:center;gap:8px;color:var(--mm-green)!important;background:none!important;border:0!important;font-size:11px;font-weight:800;letter-spacing:.4px;padding:0!important}
.mm-legacy-page .kicker::before,.mm-legacy-page .tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mm-green)}
.mm-legacy-page h1{font-size:clamp(28px,4.4vw,46px);line-height:1.6;margin:12px 0;color:var(--mm-ink)!important}
.mm-legacy-page h2{color:var(--mm-ink)!important}.mm-legacy-page h3{color:#1d3a2d!important}
.mm-legacy-page .lead,.mm-legacy-page .intro,.mm-legacy-page .sub{font-size:15px;line-height:2.2;color:#53625a!important;max-width:760px}
.mm-legacy-page .btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.mm-legacy-page .btn-primary,.mm-legacy-page .btn-secondary,.mm-legacy-page .btn-market{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;border-radius:12px;font-weight:800;font-size:13px;border:1px solid}
.mm-legacy-page .btn-primary,.mm-legacy-page .btn-market{background:var(--mm-green)!important;border-color:var(--mm-green)!important;color:#fff!important;box-shadow:0 10px 24px rgba(22,122,90,.2)}
.mm-legacy-page .btn-secondary{background:#fff!important;border-color:#bcd8c8!important;color:var(--mm-green-d)!important}
.mm-legacy-page .section{padding:48px 0}.mm-legacy-page .section-tight{padding:28px 0}
.mm-legacy-page .section-head{display:block;margin-bottom:22px}.mm-legacy-page .section-head h2{font-size:clamp(22px,3vw,30px);margin:8px 0}
.mm-legacy-page .grid-3,.mm-legacy-page .utility-grid,.mm-legacy-page .market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mm-legacy-page .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mm-legacy-page :is(.card,.panel,.tool-card,.market-card,.platform-row,.price-board,.cta-band,.box,.notice){background:linear-gradient(145deg,#fff,#f7faf8)!important;color:var(--mm-ink)!important;border:1px solid var(--mm-line)!important;border-radius:20px;box-shadow:var(--mm-shadow)!important}
.mm-legacy-page :is(.card,.panel,.tool-card,.market-card,.cta-band){padding:24px}
.mm-legacy-page :is(.platform-row,.price-row){padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.mm-legacy-page .price-row{border-bottom:1px solid #e4eee8}.mm-legacy-page .price-row:last-child{border-bottom:0}
.mm-legacy-page .box,.mm-legacy-page .notice{padding:16px 20px;background:linear-gradient(120deg,#e4f2e9,#f7fbf8)!important;color:#244236!important}
.mm-legacy-page :is(.fine,.market-freshness,.muted){color:#64756c!important;font-size:12px}
.mm-legacy-page .market-price{color:var(--mm-ink)!important;font-weight:800}
.mm-legacy-page .path-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mm-legacy-page .path-step{display:flex;gap:14px;align-items:flex-start;padding:20px;background:#fff;border:1px solid var(--mm-line);border-radius:18px}
.mm-legacy-page .path-no{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--mm-mint);color:var(--mm-green);font-weight:900}
.mm-legacy-page .path-step h3{margin:0 0 4px;font-size:16px}.mm-legacy-page .path-step p{margin:0;font-size:13px}
.mm-legacy-page :is([style*="#090c10"],[style*="rgb(9, 12, 16)"]){background:#edf4ef!important;border-color:#dbe7df!important}
.mm-legacy-page main .footer{background:none!important;color:#64756c!important}
.mm-legacy-page .field input,.mm-legacy-page .input,.mm-legacy-page input:not([type=checkbox]):not([type=radio]),.mm-legacy-page select{background:#fff!important;color:var(--mm-ink)!important;border:1px solid #c9dbd0!important;border-radius:12px;min-height:46px;padding:9px 12px;font:inherit}
.mm-legacy-page .calc-output{color:var(--mm-green-d)!important;font-weight:900}
/* Single-column legacy articles (learn library, privacy) */
.mm-legacy-page main.w,.mm-legacy-page main.wrap{width:min(820px,calc(100% - 36px));margin-inline:auto;padding:36px 0 64px}
.mm-legacy-page main.w>a{display:flex;justify-content:space-between;align-items:center;background:#fff!important;color:var(--mm-ink)!important;border:1px solid var(--mm-line)!important;border-radius:16px;padding:16px 18px;margin:10px 0;font-weight:700;transition:translate .25s var(--mm-ease),border-color .25s ease,box-shadow .25s ease}
.mm-legacy-page main.w>a::after{content:"←";color:var(--mm-green)}
@media(hover:hover){.mm-legacy-page main.w>a:hover{translate:-4px 0;border-color:#a9d0bb!important;box-shadow:var(--mm-shadow)}}
.mm-legacy-page .body{color:#2b3b33!important;line-height:2.2}
@media(max-width:900px){.mm-legacy-page .grid-3,.mm-legacy-page .utility-grid,.mm-legacy-page .market-grid,.mm-legacy-page .path-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mm-legacy-page .grid-3,.mm-legacy-page .grid,.mm-legacy-page .utility-grid,.mm-legacy-page .market-grid,.mm-legacy-page .path-rail{grid-template-columns:1fr}.mm-legacy-page .page-hero{padding-top:32px}.mm-legacy-page .btn-row>*{flex:1}}

@media(prefers-reduced-motion:reduce){
 .mm-course-menu[open] .mm-course-options,.mobile-nav[open]>nav,details[open]>:not(summary){animation:none!important}
 .eco-shortcut,.article-catalog-card,.mm-course-catalog>.card,a.card,.article-thumb img,.desktop-nav>a::after,.mm-legacy-page main.w>a{transition:none!important;translate:none!important;scale:none!important}
 html.mm-reveal-ready [data-mm-reveal]{opacity:1!important;translate:none!important}
}