/* MoneyRadar 3.0 — original visual language and interactive design. */
:root{--ink:#173d36;--dark:#092821;--forest:#123e36;--mint:#bfff71;--paper:#f4f7f4}
body{background:#f6f8f6;color:#193b38}
.header{background:rgba(252,255,253,.96);border-bottom:1px solid #dcece4;box-shadow:0 8px 32px #063f2b0d}
.brand{color:#164c42;font-size:23px;font-weight:850;letter-spacing:-1.1px;text-shadow:0 1px 0 #fff;text-decoration:none!important}
.brand:hover{color:#0d6150}
.brandmark{width:45px;height:45px;flex-shrink:0;overflow:hidden;background:linear-gradient(142deg,#24695b 0%,#062b28 72%);border:1px solid #8dffb329;border-radius:14px;box-shadow:0 12px 24px #0c504139,inset 0 2px 1px #ffffff30;transition:box-shadow .4s ease, transform .4s ease}
.brand:hover .brandmark{transform:translateY(-2px) rotate(0deg)!important;box-shadow:0 16px 33px #0b624753,0 0 0 4px #bfff7131}
.brand-graph{width:100%;height:100%;display:block}
.mark-grid{fill:none;stroke:#80bd9b;stroke-width:.5;opacity:.36}
.mark-fill{fill:#bbff6e;opacity:.10}
.mark-line{fill:none;stroke:#bfff71;stroke-width:3.15;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:62;stroke-dashoffset:0;filter:drop-shadow(0 0 4px #bfff719e)}
.mark-tip{fill:#dcffc0;filter:drop-shadow(0 0 4px #c7ff75)}
.brand:hover .mark-line{animation:drawGraph .95s cubic-bezier(.23,.95,.34,1)}
@keyframes drawGraph{0%{stroke-dashoffset:62}100%{stroke-dashoffset:0}}
.nav a{color:#315c50}.nav a:hover{color:#0f7254}.righthead select{color:#244c42}
.hero{background:linear-gradient(89deg,#071e20 0%,#0b2929e0 43%,#112f31a0 100%),url('world-newsroom.webp') 62% 50% / cover no-repeat,#091d21;border-radius:0 0 36px 36px;box-shadow:0 26px 60px -38px #0f3737aa}
.hero:before{inset:0;opacity:.45;background-image:radial-gradient(#bbff8740 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to right,transparent,black)}
.hero:after{background:linear-gradient(90deg,transparent,#d6ff8c64,transparent)}
.hero-inner{grid-template-columns:1.12fr .88fr;min-height:670px;gap:20px;padding:74px 0 82px}
.hero-copy{background:linear-gradient(90deg,#0a2626bd 3%,#09262374 72%,transparent);border-radius:22px;padding:18px 10px 20px 0}
.hero h1{font-weight:870;line-height:1.07;letter-spacing:-2.8px;text-shadow:0 6px 20px #0003}
.hero p{color:#d7ece5;text-shadow:0 2px 7px #031e1a8a}
.hero .btn,.btn{position:relative;overflow:hidden;border-radius:13px;box-shadow:inset 0 2px 2px #ffffffbb,inset 0 -3px 6px #5aa64a66,0 10px 0 -5px #5eaa6b54,0 16px 26px #0004;transition:transform .25s ease,box-shadow .25s ease,background .25s;min-height:49px}
.hero .btn:before,.tool-tab:before{content:"";position:absolute;top:0;left:-150%;width:45%;height:100%;background:linear-gradient(95deg,transparent,#fff9,transparent);transform:skewX(-22deg);transition:left .55s}
.hero .btn:hover:before,.tool-tab:hover:before{left:155%}
.hero .btn:hover{transform:translateY(-4px);box-shadow:0 6px 0 -2px #75ae5b9c,0 18px 39px #a6ff754d,0 0 25px #bfff7128}
.hero .btn.secondary{background:linear-gradient(155deg,#fff2,#fff1);box-shadow:inset 0 1px 0 #ffffff3c,0 8px 24px #0003;border:1px solid #afdbca60}
.hero .btn.secondary:hover{background:#a2eeb32a;box-shadow:inset 0 1px 0 #fff6,0 0 28px #8afbc844}
.hero-points{margin-top:36px;color:#ccdfcc}
.hero-visual{height:470px;align-self:center;max-width:540px;filter:drop-shadow(0 16px 38px #041c1e88)}
.visual-spotlight{position:absolute;inset:16% 3%;border-radius:50%;background:radial-gradient(ellipse,#75f9dc36,transparent 68%);filter:blur(20px)}
.earth-globe{left:50%;top:50%;width:min(360px,82%);height:auto;aspect-ratio:1;transform:translate(-50%,-50%) translateZ(32px);border:2px solid #a4fae056;background:radial-gradient(circle at 25% 17%,#3d9995,#0c3844 53%,#09212f 75%);box-shadow:inset -38px -20px 70px #021018bd,inset 12px 4px 38px #94e9d231,0 0 0 4px #4fda9a0f,0 0 80px #21d6a85c,0 28px 70px #0008;overflow:hidden;animation:globeFloat 6s ease-in-out infinite alternate}
.earth-globe:before{display:none}.earth-globe:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset -50px 0 69px #020c23e1,inset 19px 0 35px #9df9d029,inset 0 0 8px #c4ffe444;pointer-events:none}
.earth-surface{position:absolute;inset:0;border-radius:50%;background:url('earth-atlas.webp') repeat-x left center;background-size:200% 100%;animation:earthSpin 44s linear infinite;opacity:.96;filter:contrast(1.15)}
.earth-graticule{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent,transparent 40px,#97d9c318 41px,transparent 42px),repeating-linear-gradient(90deg,transparent,transparent 49px,#c2f7dc12 50px,transparent 51px);opacity:.56;mix-blend-mode:screen}
.earth-atmosphere{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,#f2ffdf36,transparent 35%),radial-gradient(circle at 50% 60%,transparent 42%,#85ecb41c 60%,transparent 70%);pointer-events:none}
.globe-shine{background:radial-gradient(circle at 22% 14%,#d4fff136,transparent 48%)}
@keyframes earthSpin{from{background-position:0% 50%}to{background-position:-200% 50%}}
.orbit-outer{width:100%;max-width:480px;height:auto;aspect-ratio:1;left:50%;top:50%;border-color:#a8f0c25f;box-shadow:0 0 29px #9becbd1b;animation:orbitSpin 40s linear infinite}
.orbit-outer i{position:absolute;left:25%;top:1%;width:9px;height:9px;border-radius:50%;background:#c8ff80;box-shadow:0 0 21px #bfff71}
.orbit-inner{width:83%;max-width:415px;height:auto;aspect-ratio:1;border-color:#8cf4de65}
.floating-tag{background:linear-gradient(130deg,#123e3def,#0e292fe7);box-shadow:0 20px 39px #0008,inset 0 1px 0 #ffffff3b;backdrop-filter:blur(10px);border:1px solid #a9eed16b;padding:11px 13px;letter-spacing:1px;font-size:10px}
.tag-one{top:27px;left:-4%}.tag-two{bottom:36px;right:-1%}
.orbital-caption{position:absolute;bottom:9px;left:0;color:#bbf8d5ab;letter-spacing:2.1px;font-size:9px;font-weight:800;text-shadow:0 2px 8px #000}
.signal-pulse{position:absolute;width:7px;height:7px;border-radius:100%;background:#bfff71;box-shadow:0 0 0 6px #bfff7123,0 0 24px #bfff71;animation:signalPulse 3s ease-in-out infinite alternate}.signal-a{top:19%;left:24%}.signal-b{top:72%;right:13%;animation-delay:-1.5s}
@keyframes signalPulse{to{box-shadow:0 0 0 13px #bfff7103,0 0 31px #bfff71}}
.editorial-feature,.story{box-shadow:0 11px 20px #0e383012,inset 0 1px 0 #ffffffa8;transition:transform .26s,box-shadow .26s,border-color .26s}
.editorial-feature:hover,.story:hover{box-shadow:0 22px 45px #0c5b3c24,0 0 0 1px #83cba550;transform:translateY(-5px) perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.section-top h2{color:#143f34}.editorial-feature h3{color:#f3fff5}.story h3{color:#16463e}.story{border-color:#e0eae5;min-height:240px}
.story-bottom .arrow{background:#e9f5ee;border:1px solid #d6eadd;border-radius:10px;padding:2px 9px;transition:transform .25s,background .25s}.story:hover .arrow{transform:translate(3px,-3px);background:#caff99}
/* Four calculators */
.tools-v3{margin-top:14px}.tool-count{align-self:center;color:#527e70;background:#e6f2eb;border:1px solid #c8dfd0;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:1.4px;padding:10px 14px}
.tool-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:17px}
.tool-tab{position:relative;overflow:hidden;min-height:67px;border:1px solid #cde1d5;color:#355e53;background:linear-gradient(155deg,#fff,#edf4ee);box-shadow:inset 0 2px 1px #fff,0 4px 0 #d4e3d9,0 12px 20px #174d2e17;border-radius:13px;font-weight:800;font-size:13px;padding:11px 10px;text-align:center;transition:transform .25s,background .25s,box-shadow .25s}
.tool-tab:hover{transform:translateY(-3px);box-shadow:0 7px 0 #c6dec6,0 16px 26px #13623d2b}
.tool-tab.active{background:linear-gradient(135deg,#175348,#0e322f);color:#eaffdb;border-color:#317b64;box-shadow:inset 0 1px 0 #ffffff4d,0 5px 0 #092c25,0 12px 25px #11462f53}
.calc-panel{display:grid;grid-template-columns:.72fr 1.28fr;gap:18px;background:radial-gradient(500px 300px at -5% -8%,#1e7263,transparent),linear-gradient(123deg,#0c2e30,#113e38);border-radius:24px;padding:25px;border:1px solid #347a6954;box-shadow:0 22px 50px #0b3d311e;color:#fff}
.calc-panel[hidden]{display:none!important}
.tool-intro{padding:20px 13px}.tool-label{font-size:clamp(22px,2.5vw,32px);font-weight:870;line-height:1.15;letter-spacing:-1px;color:#e8ffe8}.tool-intro p{color:#c0e3d7;font-size:15px;line-height:1.7;max-width:310px}
.tool-intro:after{content:"";display:block;height:65px;width:84%;margin-top:30px;background:linear-gradient(145deg,transparent 25%,#bfff716b 25.8%,transparent 27%,transparent 42%,#bfff71 43%,transparent 44%,transparent 60%,#bfff71aa 61%,transparent 62%);clip-path:polygon(0 92%,23% 61%,41% 78%,61% 35%,74% 51%,100% 4%,100% 17%,75% 67%,62% 51%,40% 94%,22% 77%,0 100%);opacity:.8;filter:drop-shadow(0 0 8px #bfff71)}
.tool-form{background:#ffffff;border:1px solid #ffffffb6;border-radius:17px;padding:24px;color:#193f3a;box-shadow:0 14px 28px #001c1830}
.tool-form .field label{color:#396258}.tool-form input,.tool-form select{background:#fafffc;border:1px solid #d2e2d8;border-radius:10px;color:#173b35;padding:11px;width:100%}
.tool-form input:focus,.tool-form select:focus{border-color:#479c75;outline:3px solid #88dea247}
.tool-form .result{background:#eaf6ec;border:1px solid #dceee1}.tool-form .result strong{color:#174d3b}.calc-results.results-two{grid-template-columns:repeat(2,1fr)}
.calc-warning{color:#678076;font-size:12px;line-height:1.5}.calc-warning.negative{color:#a64336}
.tools-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px;font-size:12px;color:#56756d}.currency-global{display:flex;gap:8px;align-items:center;white-space:nowrap}.currency-global select{background:#fff;border:1px solid #ccdfd3;padding:7px 10px;border-radius:9px;color:#234a41}
.footer{background:linear-gradient(135deg,#102e2d,#071f22);border-top:1px solid #24564b}.footer-brand{font-weight:850;color:#d7ffdd}
@media(max-width:1050px){.hero-inner{grid-template-columns:1fr .8fr;gap:8px}.hero h1{font-size:clamp(41px,5vw,58px)}.hero-visual{height:410px}.earth-globe{width:min(320px,83%)}.floating-tag{font-size:9px}}
@media(max-width:800px){.hero-inner{grid-template-columns:1fr;padding:49px 0 36px;gap:0}.hero-copy{padding:12px 0 0;max-width:700px}.hero-visual{max-width:490px;width:100%;height:370px;margin:10px auto 0}.earth-globe{width:300px}.tag-one{left:3%;top:15px}.tag-two{right:1%;bottom:20px}.calc-panel{grid-template-columns:1fr}.tool-intro{padding:2px 5px}.tool-intro:after{display:none}.tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{display:none}}
@media(max-width:540px){.head{gap:8px}.brand{font-size:19px}.brandmark{width:36px;height:36px;border-radius:10px}.righthead select{max-width:123px;padding:8px 4px;font-size:12px}.hero{border-radius:0 0 24px 24px;background-position:58% center}.hero h1{font-size:clamp(37px,9vw,47px);letter-spacing:-1.9px}.hero p{font-size:15px}.hero-visual{height:315px;max-width:360px}.earth-globe{width:242px}.orbit-outer{max-width:330px}.orbit-inner{max-width:280px}.floating-tag{font-size:8px;padding:8px 9px}.tag-one{left:-3%;top:25px}.tag-two{right:-2%;bottom:19px}.orbital-caption{font-size:8px}.hero-points{gap:10px;font-size:9px}.tool-tabs{gap:7px}.tool-tab{padding:10px 8px;min-height:62px;font-size:12px}.calc-panel{padding:12px;border-radius:17px;gap:4px}.tool-form{padding:13px}.input-grid{gap:10px}.calc-results,.calc-results.results-two{grid-template-columns:1fr}.tools-foot{flex-direction:column;align-items:flex-start}.tool-count{display:none}}
@media(prefers-reduced-motion:reduce){.earth-surface,.earth-globe,.orbit-outer,.signal-pulse,.floating-tag,.hero-ambient{animation:none!important}.brand:hover .mark-line{animation:none!important}.hero .btn,.tool-tab,.story,.editorial-feature{transition:none!important}}

/* Minor layout and linked article refinements */
@keyframes earthBob{from{transform:translate(-50%,-50%) translateZ(32px)}to{transform:translate(-50%,-52%) translateZ(32px)}}
.earth-globe{animation:earthBob 6s ease-in-out infinite alternate}
@media(prefers-reduced-motion:reduce){.earth-globe{animation:none!important}}
.translation-switch{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.translation-switch a{font-size:12px;color:#215c47;background:#f1f8f3;border:1px solid #d2e6d9;border-radius:9px;padding:7px 9px}
.translation-switch a[aria-current=page]{background:#174c3d;color:#fff}
@media(max-width:540px){.translation-switch{gap:3px}.translation-switch a{font-size:10px;padding:6px}}
/* Editorial cards have pale surfaces: headlines must remain dark for contrast. */
.editorial-feature .editorial-content h3{color:#17443c}