:root{--navy: #1B3A5C;--navy-light: #2C5F8A;--navy-dark: #0F2440;--accent: #C4956A;--accent-light: #E8C9A8;--cream: #FAF7F2;--cream-dark: #F0EBE3;--text: #1a1a1a;--text-light: #5a5a5a;--text-muted: #8a8a8a;--white: #ffffff;--border: #e0dbd4;--quote-bg: #f0f4f8;--positive: #2E7D5B;--partial: #D4A34A;--negative: #C0392B;--in-progress: #7F8C8D}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,sans-serif;color:var(--text);background:var(--cream);line-height:1.7}@media print{body{background:#fff}.no-print{display:none!important}.page-break{page-break-before:always}section{break-inside:avoid}}.gate{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#0f0a1a;background:radial-gradient(ellipse at 30% 20%,#1e1040 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,#162040 0%,transparent 50%),linear-gradient(135deg,#0f0a1a,#1a1030 30%,#121828 70%,#0f0a1a);position:relative;overflow-y:auto;overflow-x:hidden;font-family:Inter,sans-serif}.gate--kb{align-items:flex-start}.gate--kb .gate-content{padding-top:1rem}.gate--kb .lottie-wrapper{transform:scale(.5);margin-bottom:-2rem;transition:transform .3s ease,margin .3s ease}.gate--kb .speech-bubble{transform:scale(.85);margin-bottom:-.3rem;transition:transform .3s ease,margin .3s ease}.gate--kb .gate-label{display:none}.gate-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px)}.gate-glow-1{width:400px;height:400px;background:#e8853a14;top:20%;left:30%;animation:glowFloat 12s ease-in-out infinite}.gate-glow-2{width:300px;height:300px;background:#6450c80f;bottom:20%;right:25%;animation:glowFloat 12s ease-in-out infinite reverse}@keyframes glowFloat{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,15px)}}.gate-particles{position:absolute;inset:0;pointer-events:none;z-index:0}.gate-stagger{opacity:0;transform:translateY(20px);animation:gateEnter .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes gateEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gate-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;max-width:440px;width:100%}.lottie-wrapper{transition:transform .3s ease,filter .3s,margin .3s ease;filter:drop-shadow(0 8px 24px rgba(232,133,58,.3))}.lottie-wrapper.normal{animation:gateEnter .7s cubic-bezier(.22,1,.36,1) forwards,cat-float 4s ease-in-out infinite 1s}.lottie-wrapper.success{opacity:1;animation:cat-bounce .4s ease infinite;filter:drop-shadow(0 8px 32px rgba(74,222,128,.4))}.lottie-wrapper.wrong{opacity:1;animation:cat-shake .3s ease;filter:drop-shadow(0 8px 24px rgba(239,68,68,.4))}@keyframes cat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cat-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}@keyframes cat-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}.speech-bubble{background:#ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff;padding:.85rem 1.8rem;border-radius:20px;border:1px solid rgba(255,255,255,.12);font-size:.95rem;font-weight:600;position:relative;text-align:center;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff14;max-width:340px}.success-bubble{background:#4ade8033;border-color:#4ade804d;box-shadow:0 4px 24px #4ade8033,inset 0 1px #4ade801a}.wrong-bubble{background:#ef444433;border-color:#ef44444d;box-shadow:0 4px 24px #ef444433,inset 0 1px #ef44441a}.gate-form{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.gate-label{color:#c8bee6b3;font-size:.85rem;text-align:center;font-weight:400;line-height:1.6;letter-spacing:.01em}.gate-label-accent{color:#e8853ad9;font-weight:600;font-style:italic}.input-row{display:flex;gap:.5rem;width:100%}.gate-input{flex:1;padding:.85rem 1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-family:Inter,sans-serif;font-size:.95rem;outline:none;transition:border-color .3s,background .3s,box-shadow .3s}.gate-input::placeholder{color:#ffffff40;font-weight:300}.gate-input:focus{border-color:#e8853a80;background:#ffffff14;box-shadow:0 0 0 3px #e8853a1a,0 4px 16px #00000026}.input-error{border-color:#ef444480!important;box-shadow:0 0 0 3px #ef444426!important}.input-success{border-color:#4ade8080!important;box-shadow:0 0 0 3px #4ade8026!important}.gate-btn{padding:.85rem 1.6rem;border:none;border-radius:14px;background:linear-gradient(135deg,#e8853a,#d4722a);color:#fff;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .2s;white-space:nowrap;box-shadow:0 4px 16px #e8853a4d;position:relative;overflow:hidden}.gate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.gate-btn:hover:before{left:100%}.gate-btn:hover{transform:scale(1.05) translateY(-1px);box-shadow:0 8px 24px #e8853a66}.gate-btn:active{transform:scale(.97)}.btn-success{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 4px 16px #4ade804d}.gate-hint{color:#f87171;font-size:.85rem;font-weight:500;animation:gateEnter .3s ease-out;text-shadow:0 0 12px rgba(248,113,113,.3)}.gate-subtext{color:#fff3;font-size:.72rem;font-style:italic;letter-spacing:.02em}.shake{animation:shake-form .5s ease!important}@keyframes shake-form{0%,to{transform:translate(0)}15%{transform:translate(-14px)}30%{transform:translate(12px)}45%{transform:translate(-10px)}60%{transform:translate(8px)}75%{transform:translate(-4px)}}@media(max-width:480px){.gate-content{padding:1.5rem 1rem;gap:.8rem}.lottie-wrapper{transform:scale(.85)}.speech-bubble{font-size:.88rem;padding:.7rem 1.2rem;max-width:280px}.gate-label{font-size:.8rem}.gate-input{padding:.75rem .9rem;font-size:.9rem}.gate-btn{padding:.75rem 1.2rem;font-size:.9rem}.gate-glow-1{width:250px;height:250px}.gate-glow-2{width:200px;height:200px}}@media(max-height:700px){.gate-content{gap:.6rem}.lottie-wrapper{transform:scale(.75)}}@media(max-height:450px){.gate{align-items:flex-start}.gate-content{padding-top:.5rem;gap:.4rem}.lottie-wrapper{transform:scale(.45);margin-bottom:-2.5rem}.speech-bubble{font-size:.82rem;padding:.5rem 1rem}.gate-label{display:none}}.timer-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;width:52px;height:52px;border-radius:50%;border:1px solid rgba(27,58,92,.15);background:#1b3a5c80;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #0000001f,inset 0 1px #ffffff14;transition:transform .2s,box-shadow .2s,background .2s}.timer-fab--visible{animation:fabScaleIn .35s cubic-bezier(.34,1.56,.64,1) both}.timer-fab--hidden{animation:fabScaleOut .25s ease-in both;pointer-events:none}.timer-fab:hover{transform:scale(1.1);background:#1b3a5ca6;box-shadow:0 8px 32px #0000002e,inset 0 1px #ffffff1f}.timer-fab svg{animation:fabPulse 3s ease-in-out infinite}@keyframes fabPulse{0%,to{opacity:.85}50%{opacity:1}}@keyframes fabScaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fabScaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.timer-bar{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:200;background:#1b3a5c8c;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 8px 40px #00000026,inset 0 1px #ffffff0f;overflow:hidden;animation:timerSlideUp .4s cubic-bezier(.22,1,.36,1) both;width:auto}.timer-bar--closing{animation:timerSlideDown .3s cubic-bezier(.55,0,1,.45) both!important}.timer-bar.timer-warning{background:#503c148c;border-color:#ffc8321f}.timer-bar.timer-overtime{background:#6414148c;border-color:#ff50501f}.timer-bar.timer-overtime:not(.timer-bar--closing){animation:timerSlideUp .4s cubic-bezier(.22,1,.36,1) both,overtimePulse 2s ease-in-out infinite}@keyframes timerSlideUp{0%{transform:translate(-50%) translateY(120%) scale(.9);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes timerSlideDown{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(120%) scale(.9);opacity:0}}@keyframes overtimePulse{0%,to{box-shadow:0 8px 40px #00000026}50%{box-shadow:0 8px 40px #ef444433}}.timer-progress{position:absolute;top:0;left:0;height:2px;border-radius:18px 18px 0 0;transition:width 1s linear,background .5s}.timer-content{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;color:#fff;position:relative}.timer-left{display:flex;align-items:baseline;gap:.3rem;flex-shrink:0}.timer-clock{font-family:Inter,sans-serif;font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px rgba(0,0,0,.15)}.timer-target{font-size:.7rem;opacity:.45;font-variant-numeric:tabular-nums}.timer-controls{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.timer-ctrl-btn{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.timer-ctrl-btn:hover{background:#ffffff2e;border-color:#ffffff40;transform:scale(1.08)}.timer-ctrl-btn:active{transform:scale(.95)}.timer-play,.timer-pause{width:36px;height:36px;background:#ffffff1a;border-color:#ffffff2e}.timer-play:hover,.timer-pause:hover{background:#ffffff38}.timer-reset svg{transition:transform .3s ease}.timer-reset:hover svg{transform:rotate(-180deg)}.timer-close{background:none;border:none;border-radius:50%;color:#fff;opacity:.4;cursor:pointer;padding:4px;flex-shrink:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.timer-close:hover{opacity:1;background:#ef444426}@media(max-width:640px){.timer-bar{bottom:.5rem;border-radius:14px}.timer-content{gap:.6rem;padding:.45rem .7rem}.timer-clock{font-size:1.05rem}.timer-fab{bottom:1rem;right:1rem;width:46px;height:46px}}.app{max-width:860px;margin:0 auto;padding:0 1.5rem}.export-btn{position:fixed;top:.75rem;right:.75rem;z-index:100;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(27,58,92,.1);border-radius:50%;background:#1b3a5c80;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);color:#fff;cursor:pointer;transition:all .25s;box-shadow:0 2px 12px #0000001a,inset 0 1px #ffffff0f}.export-btn:hover{background:#1b3a5cb3;transform:scale(1.08);box-shadow:0 6px 20px #00000026,inset 0 1px #ffffff1a}.export-btn:active{transform:scale(.95)}.export-btn:disabled{opacity:.5;cursor:wait}.export-spin{animation:exportSpinAnim 1s linear infinite}@keyframes exportSpinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-tooltip{background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;box-shadow:0 8px 32px #0000001a;font-family:Inter,sans-serif}.tooltip-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.tooltip-value{font-size:.85rem;display:flex;align-items:center;gap:.4rem;margin-top:.2rem}.tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 2rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:120px;background:linear-gradient(to bottom,transparent,var(--navy-light));opacity:.3}.hero-deco-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,95vw);height:min(560px,95vw);pointer-events:none;z-index:0}.hero-decoration{width:100%;height:100%;animation:heroDecoSpin 180s linear infinite}@keyframes heroDecoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-stagger{opacity:0;transform:translateY(28px);position:relative;z-index:1}.hero--visible .hero-stagger{animation:heroFadeIn .9s cubic-bezier(.22,1,.36,1) forwards}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-dot{animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{cy:8;opacity:1}50%{cy:20;opacity:.3}}.hero-label{font-size:.7rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:2rem}.hero-title{font-family:Playfair Display,serif;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;color:var(--navy);line-height:1.15;margin-bottom:1rem}.hero-subtitle{font-family:Playfair Display,serif;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:400;font-style:italic;color:var(--text-light);max-width:560px;line-height:1.5;margin-bottom:3rem}.hero-meta{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-muted)}.hero-meta strong{font-size:1rem;color:var(--text);font-weight:600}.hero-divider{width:48px;height:2px;background:var(--accent);margin:2rem auto;border:none;position:relative;z-index:1}.section{padding:4rem 0;border-top:1px solid var(--border);opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.section-reveal{opacity:1;transform:translateY(0)}.section-number{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.section-title{font-family:Playfair Display,serif;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:600;color:var(--navy);margin-bottom:.3rem;line-height:1.25}.section-timing{font-size:.75rem;color:var(--text-muted);font-weight:500;margin-bottom:2rem;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;background:var(--cream-dark);border-radius:20px}.paragraph{font-size:1.05rem;line-height:1.8;color:var(--text);margin-bottom:1.25rem;max-width:680px}.paragraph:last-child{margin-bottom:0}.quote-block{margin:2rem 0;padding:1.5rem 1.5rem 1.5rem 2.5rem;background:linear-gradient(135deg,#f0f4f8,#f5f2ed);border-left:none;border-radius:12px;position:relative;overflow:hidden;opacity:0;transform:translate(-20px);transition:opacity .6s ease,transform .6s ease}.quote-block.reveal{opacity:1;transform:translate(0)}.quote-accent-line{position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--navy),var(--accent));border-radius:4px 0 0 4px}.quote-mark{position:absolute;top:.3rem;left:.8rem;font-family:Playfair Display,serif;font-size:3rem;color:var(--navy-light);opacity:.12;line-height:1}.quote-text{font-family:Playfair Display,serif;font-size:1.05rem;font-style:italic;line-height:1.7;color:var(--navy)}.quote-author{margin-top:.75rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;color:var(--accent);font-style:normal}.chart-container{margin:2rem 0;padding:2rem;background:var(--white);border-radius:16px;border:1px solid var(--border);box-shadow:0 2px 12px #0000000a;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease}.chart-reveal{opacity:1;transform:translateY(0)}.chart-container:hover{box-shadow:0 8px 32px #00000014}.chart-title{font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem;text-align:center}.chart-wrapper{display:flex;justify-content:center;min-width:0}.chart-note{font-size:.8rem;color:var(--text-muted);font-style:italic;text-align:center;margin-top:1rem}.chart-divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.outcomes-layout{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:center}.outcomes-chart-side{flex:0 0 260px}.outcomes-info-side{flex:0 0 auto}.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin:2rem 0}.area-card{padding:1.5rem;background:var(--white);border-radius:14px;border:1px solid var(--border);transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.area-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--navy),var(--accent));opacity:0;transition:opacity .35s ease}.area-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1b3a5c1a;border-color:var(--navy-light)}.area-card:hover:before{opacity:1}.area-icon{font-size:2rem;margin-bottom:.75rem;transition:transform .3s ease}.area-card:hover .area-icon{transform:scale(1.15)}.area-title{font-family:Playfair Display,serif;font-size:1rem;font-weight:600;color:var(--navy);margin-bottom:.5rem}.area-desc{font-size:.85rem;color:var(--text-light);line-height:1.6}.sl-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.sl-col{padding:1.5rem;border-radius:14px;border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease}.sl-col:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.sl-col.strengths{background:linear-gradient(135deg,#f0f7f3,#e8f4ec);border-color:#c8e0d2}.sl-col.limits{background:linear-gradient(135deg,#fdf5f0,#fceee4);border-color:#e8d5c4}.sl-label{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem}.sl-col.strengths .sl-label{color:var(--positive)}.sl-col.limits .sl-label{color:var(--accent)}.sl-list{list-style:none;display:flex;flex-direction:column;gap:.7rem}.sl-list li{font-size:.9rem;color:var(--text);padding-left:1.4rem;position:relative;line-height:1.5;transition:transform .2s ease}.sl-list li:hover{transform:translate(4px)}.sl-list li:before{content:"";position:absolute;left:0;top:.55rem;width:7px;height:7px;border-radius:50%;transition:transform .2s ease}.sl-list li:hover:before{transform:scale(1.4)}.sl-col.strengths .sl-list li:before{background:var(--positive)}.sl-col.limits .sl-list li:before{background:var(--accent)}.closing{text-align:center;padding:5rem 2rem;border-top:1px solid var(--border);position:relative}.closing-text{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:600;color:var(--navy);line-height:1.6;max-width:560px;margin:0 auto 2rem}.closing-thanks{font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700;color:var(--navy);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .4s ease;display:inline-block;position:relative}.closing-thanks:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--navy),var(--accent));border-radius:2px;transform:scaleX(0);transition:transform .4s ease}.closing-thanks:hover{color:var(--accent)}.closing-thanks:hover:after{transform:scaleX(1)}.thanks-clicked{animation:thanksGlow .6s ease}@keyframes thanksGlow{0%{transform:scale(1)}50%{transform:scale(1.08);text-shadow:0 0 20px rgba(196,149,106,.4)}to{transform:scale(1)}}.easter-egg{margin-top:2.5rem;padding:2rem 2.5rem;background:linear-gradient(135deg,#f0f4f8,#faf7f2,#f5f0e8);border-radius:20px;border:1px solid var(--border);animation:easterEggReveal 1s cubic-bezier(.22,1,.36,1);max-width:480px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;box-shadow:0 8px 32px #1b3a5c14}.easter-egg-sparkle{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(196,149,106,.05),transparent,rgba(27,58,92,.03),transparent);animation:sparkleRotate 8s linear infinite;pointer-events:none}@keyframes sparkleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.easter-egg-text{font-family:Playfair Display,serif;font-size:1.15rem;font-style:italic;color:var(--navy);line-height:1.7;margin-bottom:1rem;position:relative}.easter-egg-author{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:var(--accent);position:relative}@keyframes easterEggReveal{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.stat-row{display:flex;justify-content:center;gap:3rem;margin:2rem 0;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;color:var(--navy);line-height:1;transition:transform .3s ease}.stat-number-big{font-size:3.5rem}.stat-item:hover .stat-number{transform:scale(1.08)}.stat-label{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-top:.3rem;letter-spacing:.03em}.footer{text-align:center;padding:3rem 1rem;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border)}.legend-custom{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-light);padding:.25rem .5rem;border-radius:6px;transition:all .25s ease}.legend-item:hover,.legend-active{background:#1b3a5c0f;color:var(--navy)}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:transform .25s ease}.legend-item:hover .legend-dot,.legend-active .legend-dot{transform:scale(1.3)}.recharts-bar-rectangle{transition:filter .3s ease,opacity .3s ease}.recharts-bar-rectangle:hover{filter:brightness(1.15) drop-shadow(0 4px 8px rgba(0,0,0,.15))}.recharts-sector{transition:opacity .3s ease}@media(max-width:768px){.app{padding:0 1rem}.hero{padding:3rem 1.25rem;min-height:90vh}.hero-deco-container{width:350px;height:350px}.section{padding:2.5rem 0}.paragraph{font-size:.95rem;line-height:1.7}.chart-container{padding:1.25rem;margin:1.5rem -.25rem;border-radius:12px}.stat-row{gap:1.5rem}.stat-number{font-size:2rem}.stat-number-big{font-size:2.8rem}.areas-grid{grid-template-columns:1fr;gap:1rem}.area-card{padding:1.25rem}.quote-block{padding:1.25rem 1.25rem 1.25rem 2rem;margin:1.5rem 0}.closing{padding:3rem 1rem}.closing-text{font-size:1.1rem}.closing-thanks{font-size:1.8rem}.outcomes-layout{flex-direction:column;align-items:center}.outcomes-chart-side{flex:0 0 auto;width:100%;max-width:280px}.outcomes-info-side{text-align:center}.outcomes-info-side .legend-custom{align-items:center!important}}@media(max-width:600px){.sl-grid{grid-template-columns:1fr}.hero-scroll-hint{bottom:1.5rem}}@media(max-width:480px){.hero{padding:2.5rem 1rem;min-height:85vh}.hero-deco-container{width:280px;height:280px}.hero-label{font-size:.6rem;margin-bottom:1.5rem}.hero-subtitle{margin-bottom:2rem;font-size:.95rem}.hero-meta{font-size:.8rem}.section-title{font-size:1.35rem}.section-timing{font-size:.7rem}.paragraph{font-size:.9rem}.chart-container{padding:1rem;margin:1rem 0;border-radius:10px}.chart-title{font-size:.6rem}.stat-row{gap:1rem}.stat-number{font-size:1.6rem}.stat-number-big{font-size:2.2rem}.stat-label{font-size:.65rem}.legend-custom{gap:.5rem}.legend-item{font-size:.7rem;padding:.15rem .35rem}.area-card{padding:1.25rem;border-radius:10px}.area-icon{font-size:1.6rem}.area-title{font-size:.9rem}.area-desc{font-size:.8rem}.sl-col{padding:1.25rem;border-radius:10px}.sl-list li{font-size:.85rem}.quote-block{padding:1rem 1rem 1rem 1.5rem;border-radius:10px}.quote-text{font-size:.95rem}.quote-mark{font-size:2rem}.closing{padding:3rem 1rem}.closing-text{font-size:1rem}.closing-thanks{font-size:1.5rem}.easter-egg{padding:1.5rem;border-radius:14px;margin-top:2rem}.easter-egg-text{font-size:1rem}.footer{padding:2rem .75rem;font-size:.65rem}.custom-tooltip{padding:.5rem .75rem;border-radius:8px}.tooltip-label{font-size:.6rem}.tooltip-value{font-size:.75rem}}@media(hover:none){.area-card:hover{transform:none;box-shadow:0 2px 12px #0000000a}.area-card:active{transform:scale(.98)}.sl-col:hover,.sl-list li:hover{transform:none}.closing-thanks:hover{color:var(--navy)}.closing-thanks:active{color:var(--accent)}.legend-item:hover{background:transparent}}.app--exporting .section,.app--exporting .chart-container,.app--exporting .quote-block{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.app--exporting .hero-stagger{opacity:1!important;transform:none!important;animation:none!important}.app--exporting .hero-decoration,.app--exporting .hero-deco-container,.app--exporting .hero-scroll-hint,.app--exporting .easter-egg-sparkle{animation:none!important}.app--exporting .recharts-bar-rectangle,.app--exporting .recharts-sector{transition:none!important}@media print{.section,.chart-container,.quote-block{opacity:1!important;transform:none!important}}