@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#153c34;--muted:#667b73;--green:#1b4b3f;--deep:#11382e;--cream:#f7f7f0;--sand:#ecefe4;--line:#dbe5db;--yellow:#f2c66c;--white:#fff;--max:1180px;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:#fff;color:#253c35;font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-70px;left:16px;background:#fff;padding:12px;z-index:50}.skip:focus{top:10px}.topbar{background:#fff;border-bottom:1px solid #edf1e9;position:sticky;top:0;z-index:20}.nav{height:82px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;color:var(--green)}.brand-mark{width:44px;height:44px;display:grid;place-items:center}.brand-mark svg{width:44px}.brand-words{font:800 17px/1.13 Manrope,sans-serif;letter-spacing:-.055em;display:flex;flex-direction:column}.brand-words strong{font-weight:800}.desktop-nav{display:flex;gap:30px;margin-left:auto;align-items:center;font-size:13px;font-weight:700;color:#3a5149}.desktop-nav a:hover,.text-link:hover,.footer-links button:hover{color:#30816a}.btn{display:inline-flex;gap:22px;align-items:center;justify-content:center;padding:15px 20px;border:0;border-radius:7px;font-size:14px;font-weight:800;line-height:1.2;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--green)}.btn-primary:hover{background:#28634f}.nav-cta{font-size:13px;padding:15px 18px}.hero{background:var(--cream);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .96fr;min-height:600px;align-items:center;gap:65px;padding-block:74px}.eyebrow,.kicker,.mini-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;color:#4d7b65}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#4e8a69}.hero h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif}.hero h1{max-width:640px;font-size:clamp(39px,4.2vw,62px);letter-spacing:-.07em;line-height:1.115;color:#123c31;margin:25px 0 24px;font-weight:800}.hero h1 em{font-style:normal;color:#65977d}.hero-lead{font-size:16px;line-height:1.85;max-width:530px;color:#5a6d64}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:30px}.btn-accent{background:var(--yellow);color:#1d4338}.btn-accent:hover{background:#f7d488}.text-link{font-weight:800;font-size:13px}.hero-facts{display:flex;gap:20px;align-items:center;margin-top:60px;color:#658076;font-size:12px;flex-wrap:wrap}.hero-facts strong{font-size:17px;color:var(--ink)}.fact-sep{height:21px;width:1px;background:#cedace}.hero-art{background:#e7eee2;border:1px solid #dce7d9;border-radius:18px;position:relative;min-height:430px;display:flex;flex-direction:column;padding:23px;justify-content:space-between;overflow:hidden}.art-top-label{font-size:10px;letter-spacing:.14em;font-weight:800;color:#708c7b}.city-svg{display:block;width:100%;max-height:355px}.art-foot{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;color:#527564}.pulse{width:9px;height:9px;border-radius:50%;background:#528d70}.section{padding:102px 0}.section-intro{text-align:center;max-width:620px;margin:0 auto 44px}.section-intro h2,.form-aside h2,.principles h2{color:var(--ink);font-size:clamp(29px,3vw,42px);letter-spacing:-.055em;line-height:1.2;margin:13px 0 14px}.section-intro p,.form-aside>p{color:#708077;font-size:15px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{border:1px solid var(--line);border-radius:11px;padding:29px 30px;min-height:234px}.step-number{font-size:11px;color:#77a38b;font-weight:800}.step-icon{display:block;font-size:29px;color:#3a795d;margin:19px 0 5px}.step h3{font-size:19px;color:var(--ink);letter-spacing:-.04em;margin:12px 0 10px}.step p{line-height:1.75;font-size:13px;color:#748078;margin:0}.form-section{background:#f0f3eb}.form-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;align-items:start}.form-aside{padding-top:62px;position:sticky;top:130px}.form-aside h2{font-size:clamp(32px,3.5vw,49px);margin-top:21px}.form-aside>p{max-width:345px}.aside-note{display:flex;gap:16px;align-items:flex-start;background:#e3eadc;padding:23px;border-radius:8px;margin-top:42px;max-width:380px}.note-icon{font-size:28px;color:#3b7b5c}.aside-note strong{font-size:14px;line-height:1.55;display:block;color:#245441}.aside-note span:last-child{font-size:12px;line-height:1.65;display:block;color:#678371;margin-top:8px}.form-side-bottom{display:flex;gap:9px;align-items:center;margin-top:50px;color:#7a9484;font-weight:700;font-size:12px}.form-shell{background:#fff;border:1px solid #e1e9df;border-radius:13px;padding:32px 35px 33px;box-shadow:0 16px 50px rgba(23,62,45,.055)}.mode-banner{background:#fff5da;border:1px solid #e8ce93;color:#725b27;padding:11px 13px;border-radius:6px;font-size:12px;line-height:1.6;margin-bottom:24px}.mode-banner.live{background:#ebf4ed;border-color:#c5e1cd;color:#286546}.form-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:24px}.form-heading h3{font-size:25px;color:var(--ink);letter-spacing:-.04em;margin:7px 0 5px}.form-heading p{font-size:12px;color:#8b968d;margin:0}.form-tag{font-size:11px;background:#eaf2eb;color:#458365;padding:8px 12px;border-radius:5px;font-weight:800}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;margin:0 0 19px;gap:9px}.field label,.checkbox-row{font-size:12px;font-weight:800;color:#35534a}.field b,.checkbox-row b{color:#c56f4d}.field input,.field select,.field textarea{width:100%;border:1px solid #dce5dc;border-radius:6px;background:#fff;padding:13px 13px;font-size:13px;line-height:1.4;color:#244b3b;outline:0;transition:border-color .1s,box-shadow .1s}.field input,.field select{height:46px}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%236f8a7d' fill='none' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.field input::placeholder,.field textarea::placeholder{color:#a1afa5}.field input:focus,.field textarea:focus,.field select:focus{border-color:#5e9b7c;box-shadow:0 0 0 3px rgba(94,155,124,.13)}.field textarea{resize:vertical;min-height:82px}.label-inline{display:flex;align-items:center;justify-content:space-between;gap:10px}.label-inline span,.optional{font-weight:500;color:#8e9d93;font-size:11px}.error{font-size:11px;color:#ad483c;min-height:0}.error:empty{display:none}.privacy-note{display:flex;align-items:flex-start;gap:14px;background:#edf4ed;border-radius:7px;padding:15px 16px;margin-top:6px}.privacy-note>span{font-size:27px;line-height:1;color:#4c8b67}.privacy-note p{font-size:11px;line-height:1.75;color:#688174;margin:0}.privacy-note strong{color:#315d46}.checkbox-row{font-weight:500;margin:22px 0 3px;display:flex;gap:10px;align-items:flex-start;line-height:1.6;color:#53685e}.checkbox-row input{accent-color:#2f7355;margin:4px 0 0;flex-shrink:0;width:16px;height:16px}.inline-button{border:0;background:none;color:#286d51;font-weight:800;text-decoration:underline;text-underline-offset:3px;padding:0}.submit-btn{width:100%;margin-top:21px;justify-content:space-between;padding:17px 18px}.submit-btn:disabled{opacity:.55;cursor:wait}.submit-error{color:#a83c32;background:#fff0ec;font-size:12px;border-radius:5px;padding:12px}.small-footnote{color:#98a69b;text-align:center;font-size:10px;margin:14px 0 0}.trap{position:absolute;left:-10000px;opacity:0}.success-view{text-align:center;padding:48px 14px}.success-icon{display:grid;place-items:center;background:#e4f1e5;color:#2f8056;width:65px;height:65px;font-size:34px;font-weight:800;border-radius:100%;margin:0 auto 22px}.success-view h3{font-size:27px;letter-spacing:-.04em;color:var(--ink);margin:12px 0}.success-view p{font-size:14px;color:#718378;line-height:1.75}.folio{display:inline-block;margin:16px auto 23px;background:#f1f4ed;padding:11px 18px;border-radius:6px;font-size:13px;font-weight:800;color:var(--ink)}.topics{background:#fff}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic{display:flex;align-items:center;gap:16px;padding:22px 20px;border:1px solid var(--line);border-radius:8px;font-size:13px;color:#315649}.topic-symbol{font-size:25px;color:#438062;width:35px}.principles{background:#173e33;color:#fff}.principles-inner{display:grid;grid-template-columns:1fr 1fr;gap:120px}.principles h2{color:#fff;max-width:500px}.principles .kicker{color:#f2c66c}.principles-list p{padding:13px 0 21px;border-bottom:1px solid #396452;color:#c4d8c8;font-size:14px;line-height:1.8}.principles-list strong{color:#fff}.footer{background:#0e2d25;color:#fff;padding:39px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.footer-name{font-family:Manrope;font-weight:800;letter-spacing:-.04em}.footer-name p{font:400 12px 'DM Sans',sans-serif;color:#91b29e;letter-spacing:0}.footer-links{display:flex;flex-direction:column;gap:9px;align-items:flex-end;font-size:11px;color:#91b29e}.footer-links button{font-size:11px;padding:0;background:none;border:0;color:#fff;text-decoration:underline}.privacy-dialog{border:0;border-radius:12px;width:min(540px,calc(100% - 25px));max-height:85vh;overflow:auto;padding:0;box-shadow:0 25px 100px #0005}.privacy-dialog::backdrop{background:rgba(8,29,20,.7)}.dialog-content{padding:30px;position:relative}.dialog-content h2{font-size:26px;letter-spacing:-.04em;color:var(--ink)}.dialog-content p{color:#536a5d;font-size:13px;line-height:1.8}.dialog-close{position:absolute;right:15px;top:15px;border:0;background:#eef1eb;border-radius:50%;width:30px;height:30px}.dialog-content .btn{margin-top:15px}@media(max-width:960px){.desktop-nav{display:none}.nav-cta{margin-left:auto}.hero-grid{gap:30px}.hero h1{font-size:45px}.form-layout{gap:30px;grid-template-columns:.8fr 1.2fr}.form-shell{padding:26px}.steps{gap:12px}.step{padding:22px}.hero-facts{margin-top:36px}}@media(max-width:760px){.container{width:min(100% - 32px,var(--max))}.nav{height:69px}.brand-mark,.brand-mark svg{width:37px;height:37px}.brand-words{font-size:14px}.nav-cta{padding:12px;font-size:11px;gap:8px}.hero-grid{grid-template-columns:1fr;padding:55px 0 34px;gap:35px}.hero h1{font-size:clamp(39px,9vw,54px);margin:19px 0}.hero-lead{font-size:15px;line-height:1.7}.hero-actions{gap:20px;flex-wrap:wrap}.hero-facts{margin-top:40px;gap:13px;font-size:11px}.hero-art{min-height:300px;padding:18px}.city-svg{max-height:280px}.section{padding:70px 0}.steps,.topic-grid,.principles-inner{grid-template-columns:1fr}.step{min-height:0}.form-layout{grid-template-columns:1fr;gap:25px}.form-aside{padding-top:0;position:static}.form-aside h2{max-width:520px}.aside-note{margin-top:25px}.form-side-bottom{margin-top:24px}.form-shell{padding:25px 20px}.field-row{grid-template-columns:1fr;gap:0}.principles-inner{gap:20px}.footer-inner{flex-direction:column}.footer-links{align-items:flex-start}.topic-grid{grid-template-columns:1fr 1fr}}@media(max-width:450px){.hero-facts .fact-sep{display:none}.hero-facts{column-gap:15px}.nav-cta{font-size:0}.nav-cta span{font-size:18px}.hero-actions .btn{width:100%;justify-content:space-between}.text-link{padding:8px}.topic-grid{grid-template-columns:1fr}.form-heading h3{font-size:22px}.form-tag{font-size:10px}.hero-art{min-height:260px}}


/* V2 | Fotografías reales de Bogotá */
.photo-hero{padding:24px;min-height:460px;isolation:isolate;background:#365849;box-shadow:0 26px 65px rgba(22,57,42,.11);color:#fff;border-color:#365849}
.hero-photo,.hero-photo-shade{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}
.hero-photo{object-fit:cover;object-position:center;z-index:-2}
.hero-photo-shade{z-index:-1;background:linear-gradient(180deg,rgba(8,35,28,.35) 0%,rgba(8,35,28,.16) 30%,rgba(8,35,28,.86) 100%)}
.photo-hero .art-top-label{color:#eff4ed;font-size:11px;letter-spacing:.15em}
.hero-photo-caption{display:flex;flex-direction:column;gap:10px;max-width:380px}
.photo-caption-line{font-size:12px;font-weight:700;color:#e7ece1}
.hero-photo-caption strong{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(25px,2.8vw,39px);line-height:1.18;letter-spacing:-.05em}
.pulse-text{display:flex;align-items:center;gap:9px;color:#e3f1e6;font-size:12px;margin-top:17px}
.pulse-text .pulse{background:#ffd277}
.city-voices{background:#fbfaf6;padding-top:84px;padding-bottom:100px}
.city-voices-head{display:grid;grid-template-columns:1fr .65fr;gap:42px;align-items:end;margin-bottom:29px}
.city-voices h2{font-size:clamp(30px,3vw,43px);letter-spacing:-.055em;color:var(--ink);line-height:1.2;margin:13px 0 0}
.city-voices-head p{font-size:14px;line-height:1.8;color:#718076;margin:0 0 4px}
.city-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.city-photo-card{position:relative;min-height:370px;border-radius:13px;overflow:hidden;background:#294c3e;color:white;isolation:isolate}
.city-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .35s}
.city-photo-card:hover img{transform:scale(1.025)}
.city-photo-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,28,21,.94),rgba(5,28,21,.12) 75%);z-index:-1}
.city-photo-info{position:absolute;bottom:0;left:0;right:0;padding:36px}
.city-photo-info span{font-size:10px;letter-spacing:.18em;font-weight:800;color:#f5cc77}
.city-photo-info h3{font-size:26px;letter-spacing:-.04em;line-height:1.2;margin:12px 0 6px;color:white}
.city-photo-info p{font-size:13px;line-height:1.6;color:#e6eee6;margin:0;max-width:350px}
.photo-credits{padding:12px 22px;background:#0b261f;color:#abc2b3;font-size:10px;text-align:center;line-height:1.6}
.photo-credits a{text-decoration:underline;text-underline-offset:2px;color:#e9f5e9}
.footer-links a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:760px){.photo-hero{min-height:345px}.city-voices{padding-top:68px;padding-bottom:70px}.city-voices-head{grid-template-columns:1fr;gap:11px}.city-photo-grid{grid-template-columns:1fr;gap:14px}.city-photo-card{min-height:320px}.city-photo-info{padding:25px}.city-photo-info h3{font-size:24px}}
@media(max-width:450px){.photo-hero{min-height:290px}.hero-photo-caption strong{font-size:28px}.city-photo-card{min-height:290px}}

/* V3 | Identidad azul marino y dorado */
:root{--ink:#090e34;--muted:#5f657b;--green:#101741;--deep:#080d2d;--cream:#f8f7f3;--sand:#f0efe8;--line:#e2e3eb;--yellow:#e9ba52;--white:#fff}
body{background:#fff;color:#171d3a}
.topbar{background:#fff;border-bottom:1px solid #e7e5ed}
.brand{color:#0a1035}
.desktop-nav{color:#282d50}
.desktop-nav a:hover,.text-link:hover,.footer-links button:hover{color:#ab7b1f}
.btn-primary{background:#101741;color:#fff}
.btn-primary:hover{background:#232e64}
.btn-accent{background:#e9ba52;color:#0a1035}
.btn-accent:hover{background:#f5cc70}
.hero{background:#f8f7f3}
.eyebrow,.kicker,.mini-kicker{color:#946a1c}
.eyebrow-dot{background:#dca83f}
.hero h1{color:#090e34}
.hero h1 em{color:#a87720}
.hero-lead{color:#505872}
.hero-facts{color:#667086}
.hero-facts strong{color:#090e34}
.fact-sep{background:#d7d6e0}
.hero-art{background:#11193f;border-color:#19224b}
.art-top-label{color:#f6d994}
.art-foot{color:#e8dcbf}
.pulse{background:#e9ba52}
.section-intro h2,.form-aside h2,.principles h2,.city-voices h2{color:#090e34}
.section-intro p,.form-aside>p{color:#626b80}
.step{border-color:#e1e2e9;background:#fff}
.step-number,.step-icon{color:#b38733}
.step h3{color:#111741}
.step p{color:#666d80}
.form-section{background:#f2f1f6}
.aside-note{background:#e5e7f0}
.note-icon,.aside-note strong{color:#141d4b}
.aside-note span:last-child{color:#626b80}
.form-side-bottom{color:#65718c}
.form-shell{border-color:#e2e2ec;box-shadow:0 16px 50px rgba(8,13,45,.06)}
.mode-banner{background:#fff6df;border-color:#ead59b;color:#76581b}
.mode-banner.live{background:#edf2fb;border-color:#cad4e8;color:#1c3866}
.form-heading h3{color:#090e34}
.form-tag{background:#f9edcf;color:#765218}
.field label,.checkbox-row{color:#222b51}
.field b,.checkbox-row b{color:#a55e30}
.field input,.field select,.field textarea{border-color:#d9dce7;color:#131d45}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#be9039;box-shadow:0 0 0 3px rgba(233,186,82,.2)}
.field input::placeholder,.field textarea::placeholder{color:#8e94a7}
.privacy-note{background:#f0f0f8}
.privacy-note>span,.privacy-note strong{color:#182457}
.privacy-note p{color:#59637c}
.checkbox-row{color:#4e5875}
.checkbox-row input{accent-color:#111a4b}
.inline-button{color:#9a6b13}
.small-footnote{color:#858da3}
.success-icon{background:#f8ebc7;color:#131b46}
.success-view h3,.folio{color:#0b123c}
.success-view p{color:#68718a}
.folio{background:#f2f1f7}
.topic{border-color:#e2e3eb;color:#18234d}
.topic-symbol{color:#bc8c2b}
.principles{background:#101741;color:#fff}
.principles h2{color:#fff}
.principles .kicker{color:#e9ba52}
.principles-list p{border-color:#38416c;color:#cbd0e0}
.footer{background:#080d2d}
.footer-name p,.footer-links{color:#b6bdd4}
.privacy-dialog::backdrop{background:rgba(5,9,35,.75)}
.dialog-content h2{color:#090e34}
.dialog-content p{color:#515b74}
.dialog-close{background:#e9eaf2}
.photo-hero{background:#101741;border-color:#28325f;box-shadow:0 26px 65px rgba(8,13,45,.13)}
.hero-photo-shade{background:linear-gradient(180deg,rgba(5,8,32,.38) 0%,rgba(6,10,39,.16) 29%,rgba(5,8,32,.92) 100%)}
.photo-hero .art-top-label{color:#f7dfae}
.photo-caption-line,.pulse-text{color:#f3ecdc}
.pulse-text .pulse{background:#e9ba52}
.city-voices{background:#faf9f6}
.city-voices-head p{color:#626b80}
.city-photo-card{background:#101741}
.city-photo-card:before{background:linear-gradient(0deg,rgba(5,9,36,.96),rgba(8,13,45,.16) 78%)}
.city-photo-info span{color:#f1c66b}
.city-photo-info p{color:#e4e5f0}
.photo-credits{background:#070b28;color:#bec4dd}
.photo-credits a{color:#f3d88f}
.footer-links a{color:#f3d88f}
::selection{background:#e9ba52;color:#080d2d}
:focus-visible{outline:3px solid #dba63e;outline-offset:3px}


/* V4 | Hero más claro y ubicación del problema */
.hero-photo{object-position:center 45%;filter:brightness(1.08) saturate(1.05) contrast(1.03)}
.hero-photo-shade{background:linear-gradient(180deg,rgba(7,12,44,.18) 0%,rgba(7,12,44,.10) 34%,rgba(5,8,32,.82) 100%)}
.hero-photo-caption strong{max-width:440px}
.btn-secondary{background:#eef1f8;color:#101741;border:1px solid #d7dceb;box-shadow:none}
.btn-secondary:hover{background:#e5eaf6}
.location-field{padding:18px;border:1px solid #e2e2ec;border-radius:14px;background:#fafbff}
.location-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:8px}
.location-head label{margin:0}
.location-btn{padding:11px 14px;font-size:12px;white-space:nowrap}
.field-help{margin:0 0 14px;color:#65708a;font-size:13px;line-height:1.6}
.location-status{margin-top:12px;font-size:12px;line-height:1.5;color:#505c79;background:#f1f4fb;border:1px dashed #d4dcef;border-radius:10px;padding:10px 12px}
.location-preview{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px;font-size:12px;color:#1c2856}
.location-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#f7e8c4;color:#895f13;font-weight:700}
.location-chip::before{content:'◎';font-size:10px}
@media(max-width:760px){.location-head{flex-direction:column;align-items:stretch}.location-btn{width:100%}}

/* Estadísticas ciudadanas V1.4 */
.stats-section{background:#f8f7f3;border-top:1px solid #e9e6dc}
.stats-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}
.stats-heading h2{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(29px,3.3vw,44px);line-height:1.17;letter-spacing:-.05em;color:#090e34;margin:12px 0}
.stats-heading p{max-width:625px;line-height:1.7;font-size:14px;color:#616a80}
.stats-controls{display:grid;gap:9px;min-width:238px}
.stats-controls label{font-size:12px;font-weight:700;color:#252b4e}
.stats-controls select{border:1px solid #d7d8e1;border-radius:9px;padding:12px;font:inherit;color:#151b3e;background:#fff}
.stats-controls .btn{justify-content:center;padding:11px;font-size:12px}
.stats-mode{font-size:12px;padding:11px 14px;background:#f5ebd4;border:1px solid #e6d3a8;border-radius:9px;color:#745a2b;margin-bottom:20px}
.stats-panels{display:grid;grid-template-columns:minmax(220px,.34fr) 1fr;gap:20px;align-items:stretch}
.stat-total,.stat-chart{border:1px solid #e2e2ea;background:#fff;border-radius:16px;padding:29px;box-shadow:0 12px 33px rgba(9,14,52,.04)}
.stat-total{background:#0d153e;color:#fff;display:flex;flex-direction:column;justify-content:center}
.stat-total>span{font-size:12px;letter-spacing:.12em;color:#f0ca79;font-weight:800}
.stat-total strong{font-size:clamp(64px,8vw,112px);font-family:Manrope,'DM Sans',sans-serif;line-height:1.28;letter-spacing:-.065em}
.stat-total p{font-size:16px;font-weight:700;margin:5px 0}
.stat-total small{color:#d0d4e7;line-height:1.6}
.stat-chart h3{margin:0 0 23px;color:#101741;font-size:19px}
.stats-bars{display:grid;gap:14px}
.stats-bar-heading{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#343b5b;margin-bottom:7px}
.stats-bar-heading strong{white-space:nowrap;color:#0b123b;font-variant-numeric:tabular-nums}
.stats-bar-track{height:11px;border-radius:99px;background:#f0eff5;overflow:hidden}
.stats-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#a87924,#edbd52);transition:width .3s ease}
.stats-empty{font-size:12px;color:#667087}
.stats-note{margin:22px 0 0;color:#6c7288;font-size:12px;line-height:1.8}
@media(max-width:760px){.stats-heading{display:block}.stats-controls{margin-top:22px}.stats-panels{grid-template-columns:1fr}.stat-total,.stat-chart{padding:22px}.stats-bar-heading{font-size:11px}}