/* CalcPoint homepage 2026-09. Everything is scoped to .cp2 so the rest of the site is untouched. */
.cp2{color:#18181b;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.6}
.cp2 *{box-sizing:border-box}
.cp2 a{color:inherit;text-decoration:none}
.cp2 a:hover{color:#147447}
.cp2 button,.cp2 input{font:inherit}
.cp2 button{cursor:pointer;background:#087b4c;color:#fff;border:0;border-radius:4px;padding:10px 20px;font-weight:600}
.cp2 :is(a,button,summary,input):focus-visible{outline:2px solid #0b8150;outline-offset:3px}
.cp2 h1,.cp2 h2,.cp2 h3{font-family:inherit;color:#12191c}
.cp2 h2{font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 6px}
.cp2 h3{margin:0 0 10px;line-height:1.3}
.cp2 p{margin:0 0 14px;color:#18181b}
.cp2 .wrap{width:calc(100% - 96px);max-width:none;margin:0 auto}

/* Hero */
.cp2 .hero.wrap{width:100%;display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;align-items:center;padding:115px 48px 112px;position:relative;isolation:isolate;overflow:hidden;background:#dff1e6}
.cp2 .hero:before{content:'';position:absolute;inset:0;z-index:-1;background:url('../img/home-hero-emerald-20260922.webp') center center/cover no-repeat}
.cp2 .hero-copy{position:relative;padding:26px 28px}
.cp2 .hero h1{font-size:3.5rem;font-weight:800;line-height:1.15;letter-spacing:-.03em;margin:0 0 25px}
.cp2 .hero h1 .accent{color:#147847}
.cp2 .hero-action{display:inline-flex;align-items:center;gap:10px;color:#126c44;font-size:15px;font-weight:600;margin:0 0 22px}
.cp2 .search{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #d9dedb;border-radius:5px;box-shadow:0 2px 7px #00000005;background:#fff}
.cp2 .search>span{font-size:28px;padding:0 7px;line-height:1}
.cp2 .search input{flex:1;min-width:0;border:0;font-size:1.02rem;font-weight:500;padding:14px 0;background:none;color:#18181b;outline-offset:0}
.cp2 .search button{font-size:1rem;padding:14px 28px}
.cp2 .results:not(:empty){position:absolute;top:100%;left:28px;right:28px;z-index:5;background:#fff;border:1px solid #d9dedb;box-shadow:0 10px 22px #0002;border-radius:5px;padding:8px}
.cp2 .results a{display:flex;justify-content:space-between;gap:12px;padding:10px;font-size:16px;border-bottom:1px solid #eee}
.cp2 .results a:hover{background:#f0f8f3}
.cp2 .results small{font-size:13px}
.cp2 .results p{margin:0;padding:10px}
.cp2 .compound{border:1px solid #e2e8e3;border-radius:8px;background:#fff;padding:26px;position:relative;box-shadow:0 7px 22px #174b3820}
.cp2 .compound-title{display:block;font-weight:700;font-size:1.05rem;margin-bottom:20px}
.cp2 .compound-title span{float:right}
.cp2 .compound-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px}
.cp2 #compound-form label{display:block;font-size:.875rem;font-weight:500;margin-bottom:13px}
.cp2 #compound-form input{display:block;width:100%;height:44px;margin-top:3px;padding:8px 12px;border:1px solid #d6dbd7;border-radius:3px;font-size:.9375rem;background:#fff;color:#18181b}
.cp2 #compound-form button{width:100%;padding:12px;font-size:1rem}
.cp2 .growth{background:#f1f9f5;padding:22px 20px 12px;border-radius:4px;overflow:hidden}
.cp2 .growth>span{font-size:.875rem}
.cp2 .growth strong{display:block;font-size:2.25rem;font-weight:700;letter-spacing:-1px;line-height:1.3}
.cp2 .growth svg{display:block;width:100%;height:210px;overflow:visible}
.cp2 .growth small{display:block;text-align:center;font-size:12px}
.cp2 .growth-note{background:#eff8f2;border-radius:4px;font-size:.875rem;line-height:1.4;margin:14px 0 0;padding:12px;color:#154c35}

/* Ticker */
.cp2 .ticker{overflow:hidden;background:#f2f8f4;border-top:1px solid #e4ece6;border-bottom:1px solid #e4ece6}
.cp2 .cp-marquee__track{display:flex;width:max-content;animation:cp2-marquee 50s linear infinite}
.cp2 .ticker:hover .cp-marquee__track,.cp2 .ticker:focus-within .cp-marquee__track{animation-play-state:paused}
.cp2 .cp-marquee__item{display:flex;align-items:center;gap:12px;padding:15px 30px;border-right:1px solid #dae6de;font-size:15px;white-space:nowrap;color:#18181b}
.cp2 .cp-marquee__item--live .cp-marquee__label,.cp2 .cp-marquee__item:hover{color:#18181b}
.cp2 .cp-marquee__value{font-weight:700;color:#116c43}
.cp2 .cp-marquee__dot{width:5px;height:5px;border-radius:50%;background:#168052}
@keyframes cp2-marquee{to{transform:translateX(-50%)}}

/* Live data strip */
.cp2 .live{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;border-bottom:1px solid #eee}
.cp2 .live p{font-size:15px;margin:0}
.cp2 .live>a{color:#136e45;font-size:.875rem;font-weight:600}

/* Sections */
.cp2 .section{padding:40px 0;border-bottom:1px solid #eee}
.cp2 .heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}
.cp2 .heading p{font-size:1.0625rem;margin:0}
.cp2 .heading>a,.cp2 .heading>span{font-size:15px;color:#116c43;white-space:nowrap}
.cp2 .icon{color:#147847;font-size:37px;line-height:1}

.cp2 .featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.cp2 .feature{display:flex;flex-direction:column;align-items:stretch;padding:28px;border:1px solid #e4e8e5;border-radius:6px;background:#fff;box-shadow:0 3px 7px rgba(24,24,27,.07),0 10px 22px rgba(24,24,27,.065)}
.cp2 .feature:hover{border-color:#8fbba0;box-shadow:0 5px 11px rgba(24,24,27,.09),0 13px 26px rgba(24,24,27,.075)}
.cp2 .feature h3{display:flex;align-items:center;gap:14px;font-size:.875rem;font-weight:600;line-height:1.4}
.cp2 .feature p{font-size:.875rem;line-height:1.6;min-height:66px;margin-bottom:7px}
.cp2 .feature svg{width:100%;height:100px;margin-top:auto}
.cp2 .feature b{font-size:.875rem;color:#126c44;font-weight:600;margin-top:12px}
.cp2 .bmi-bar{height:18px;display:flex;border-radius:9px;margin:46px 0 38px;background:linear-gradient(90deg,#99dbbb 0 35%,#f6d884 35% 65%,#ed8e8e 65%);position:relative}
.cp2 .bmi-bar i{position:absolute;left:33%;top:-10px;border:4px solid transparent;border-top-color:#126c44}

.cp2 .category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cp2 .category{display:grid;grid-template-columns:38px 1fr;gap:17px;align-content:start;padding:28px 24px;background:#fff;border:1px solid #e4e8e5;border-radius:6px;box-shadow:0 3px 7px rgba(24,24,27,.07),0 10px 22px rgba(24,24,27,.065);scroll-margin-top:90px}
.cp2 .category h3{font-size:1.05rem;font-weight:700;margin-bottom:13px}
.cp2 .category .icon{font-size:33px}
.cp2 .links{display:flex;flex-direction:column;gap:7px;font-size:.875rem;font-weight:600;line-height:1.4}
.cp2 .links a:hover{text-decoration:underline}
.cp2 details{margin-top:12px}
.cp2 summary{cursor:pointer;color:#126c44;font-size:.875rem;font-weight:600;list-style:none;margin-top:15px}
.cp2 summary::-webkit-details-marker{display:none}
.cp2 details[open] summary{margin-bottom:10px}

.cp2 .next{background:#f0f8f4;border:1px solid #e3eee7;border-radius:7px;padding:32px;margin-top:30px;margin-bottom:6px}
.cp2 .next>p{font-size:1.0625rem;margin:0}
.cp2 .next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.cp2 .next-grid>a{display:flex;gap:18px;padding:30px;background:#fff;border-radius:6px;box-shadow:0 3px 7px rgba(24,24,27,.07),0 10px 22px rgba(24,24,27,.065)}
.cp2 .next h3{font-size:1.05rem;font-weight:700;margin-bottom:7px}
.cp2 .next-grid p{font-size:.875rem;line-height:1.6;min-height:38px}
.cp2 .next-grid b{font-size:.875rem;color:#126c44;font-weight:600}

.cp2 .pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cp2 .pro-grid>section{padding:27px;border:1px solid #e4e8e5;border-radius:5px;background:#fff;box-shadow:0 3px 7px rgba(24,24,27,.07),0 10px 22px rgba(24,24,27,.065)}
.cp2 .pro-grid h3{font-size:1.05rem;font-weight:700}
.cp2 .pro-grid small{font-size:15px;color:#176d46;margin-left:5px}
.cp2 .pro-grid .links{gap:9px}

.cp2 .cp2-edu{border-bottom:0}
.cp2 .cp2-edu__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cp2 .cp2-edu__block{padding:28px;border:1px solid #e4e8e5;border-radius:6px;background:#fff}
.cp2 .cp2-edu__heading{font-size:1.05rem;font-weight:700;margin-bottom:12px}
.cp2 .cp2-edu__block p{font-size:.9375rem;line-height:1.7}
.cp2 .cp2-edu__block p:last-child{margin-bottom:0}

/* Animated charts (hero chart and featured cards) */
.cp2 .chart-grid{stroke:#bad7c8;stroke-width:1;stroke-dasharray:3 5}
.cp2 .chart-axis{font:11px Inter,Arial,sans-serif;fill:#245840}
.cp2 .chart-line{fill:none;stroke:#08754e;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cp2 .chart-contributions{fill:none;stroke:#699f87;stroke-width:1.8;stroke-dasharray:5 5}
.cp2 .chart-area{opacity:0}
.cp2 .chart-legend{display:flex;gap:15px;font-size:10px;color:#245840;flex-wrap:wrap;margin:4px 0}
.cp2 .chart-legend span:before{content:'';display:inline-block;width:12px;height:3px;background:#08754e;margin:0 5px 3px 0}
.cp2 .chart-legend span+span:before{background:#88b39e}
.cp2 .chart-note{font-size:10px;color:#245840;margin:7px 0 0;line-height:1.4}
.cp2 .feature .chart-visual{height:116px;width:100%;margin-top:auto;overflow:visible}
.cp2 .feature .chart-note{font-size:10px;min-height:0;margin:5px 0 0;color:#245840}
.cp2 .chart-stroke{stroke-dasharray:1;stroke-dashoffset:1}
.cp2 .chart-bar{transform:scaleY(0);transform-box:fill-box;transform-origin:center bottom}
.cp2 .chart-marker{opacity:0}
.cp2 .chart-ready .chart-stroke{animation:chart-draw 2.8s cubic-bezier(.25,.6,.3,1) forwards}
.cp2 .chart-ready .chart-area{animation:chart-reveal 2s .5s ease forwards}
.cp2 .chart-ready .chart-bar{animation:chart-rise 1.4s cubic-bezier(.18,.75,.25,1) forwards;animation-delay:var(--delay,0s)}
.cp2 .chart-ready .chart-marker{animation:chart-reveal .8s 2.1s forwards}
.cp2 .chart-ready .chart-pulse{animation:chart-pulse 3s 3s infinite;transform-box:fill-box;transform-origin:center}
.cp2 .chart-traveler{filter:drop-shadow(0 0 3px #7fcbae)}
.cp2 .chart-sweep{transform:translateX(-65px);opacity:0}
.cp2 .chart-ready .chart-sweep{animation:chart-sweep 2s .3s cubic-bezier(.2,.7,.2,1) forwards}
.cp2 .chart-gauge{stroke-linecap:round;fill:none;stroke-width:13}
.cp2 .chart-mini-label{font:10px Inter,Arial,sans-serif;fill:#245840}
.cp2 .chart-end-label{font:600 12px Inter,Arial,sans-serif;fill:#075237}
@keyframes chart-draw{to{stroke-dashoffset:0}}
@keyframes chart-reveal{to{opacity:1}}
@keyframes chart-rise{to{transform:scaleY(1)}}
@keyframes chart-pulse{0%,100%{opacity:.85}50%{opacity:.35}}
@keyframes chart-sweep{to{transform:translateX(0);opacity:1}}

/* Responsive */
@media(min-width:992px){.cp2 .hero h1{font-size:4.4rem}}
@media(min-width:2000px){.cp2 .wrap{width:calc(100% - 128px)}.cp2 .hero.wrap{padding:125px 64px 120px}.cp2 .category{padding:32px}}
@media(max-width:1100px){
 .cp2 .wrap{width:calc(100% - 48px)}
 .cp2 .hero.wrap{padding:90px 24px;gap:30px}
 .cp2 .hero-copy{padding:20px}
 .cp2 .results:not(:empty){left:20px;right:20px}
 .cp2 .compound{padding:20px}
 .cp2 .compound-body{gap:15px}
 .cp2 .growth{padding:15px}
 .cp2 .growth svg{height:180px}
 .cp2 .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cp2 .feature{padding:20px}
 .cp2 .live{flex-wrap:wrap}
 .cp2 .live>div{width:100%}
 .cp2 .pro-grid{grid-template-columns:1fr}
 .cp2 .next-grid>a{display:block;padding:20px}
 .cp2 .next-grid .icon{display:block;margin-bottom:12px}
}
@media(max-width:1024px){.cp2 .hero h1{font-size:2.75rem}}
@media(max-width:850px){.cp2 .featured{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.cp2{font-size:15px}.cp2 .hero h1{font-size:2.25rem}}
@media(max-width:700px){
 .cp2 .wrap{width:calc(100% - 32px)}
 .cp2 .hero.wrap{grid-template-columns:1fr;padding:78px 16px 82px;gap:30px}
 .cp2 .hero:before{background-size:auto 100%;background-position:center}
 .cp2 .hero-copy{padding:20px 16px}
 .cp2 .results:not(:empty){left:16px;right:16px}
 .cp2 .search input{font-size:14px}
 .cp2 .search button{font-size:14px;padding:12px 17px}
 .cp2 .compound-body{grid-template-columns:1fr}
 .cp2 .featured{gap:12px}
 .cp2 .feature{padding:16px}
 .cp2 .feature h3{display:block}
 .cp2 .feature h3 .icon{display:block;margin-bottom:8px}
 .cp2 .category{grid-template-columns:1fr;gap:10px;padding:20px 15px}
 .cp2 .category-grid{gap:12px}
 .cp2 .section{padding:30px 0}
 .cp2 .heading{align-items:flex-start}
 .cp2 .heading>a,.cp2 .heading>span{display:none}
 .cp2 .next{padding:24px}
 .cp2 .next-grid{grid-template-columns:1fr}
 .cp2 .next-grid>a{display:flex;gap:20px}
 .cp2 .live{gap:17px}
 .cp2 .cp2-edu__grid{grid-template-columns:1fr}
}
@media(max-width:480px){.cp2 .hero h1{font-size:1.875rem}.cp2 .category-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
 .cp2 .cp-marquee__track{animation:none}
 .cp2 .chart-stroke{stroke-dashoffset:0!important}
 .cp2 .chart-area,.cp2 .chart-marker,.cp2 .chart-sweep{opacity:1!important}
 .cp2 .chart-bar,.cp2 .chart-sweep{transform:none!important}
 .cp2 .chart-ready *{animation:none!important}
 .cp2 .chart-traveler{display:none}
}
/* Hero calculator glass (22.09.2026, clear) */
.cp2 .compound{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.45);box-shadow:0 12px 40px rgba(0,0,0,.25)}
.cp2 .compound .growth,.cp2 .compound .growth-note{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);color:#fff}
.cp2 .compound-title,.cp2 #compound-form label,.cp2 .compound .growth>span,.cp2 .compound .growth strong,.cp2 .compound .growth small,.cp2 .compound .chart-legend{color:#fff;text-shadow:0 1px 3px #000}
.cp2 .compound .chart-axis{fill:#fff}
.cp2 .compound .chart-line{stroke:#4ade80}
.cp2 .compound .chart-contributions{stroke:#fff}
.cp2 .compound .chart-grid{stroke:#ffffff80}
.cp2 .compound #compound-form input{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.55);color:#fff;font-weight:600;text-shadow:0 1px 3px #000;caret-color:#fff}
.cp2 .compound #compound-form input:focus{border-color:#fff;background:rgba(255,255,255,.14)}
/* Glass edges + raised text (22.09.2026) */
.cp2 .compound{border:2px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 24px rgba(255,255,255,.12),0 14px 44px rgba(0,0,0,.4)}
.cp2 .compound .growth,.cp2 .compound .growth-note{border:2px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 18px rgba(0,0,0,.25)}
.cp2 .compound #compound-form input{border:2px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 10px rgba(0,0,0,.25);font-weight:700}
.cp2 .compound-title,.cp2 #compound-form label,.cp2 .compound .growth>span,.cp2 .compound .growth strong,.cp2 .compound .growth small,.cp2 .compound .chart-legend,.cp2 .compound .growth-note,.cp2 .compound #compound-form input{text-shadow:0 1px 2px #000,0 2px 10px rgba(0,0,0,.85)}
.cp2 #compound-form label,.cp2 .compound .growth>span,.cp2 .compound .growth small,.cp2 .compound .growth-note{font-weight:600}
.cp2 .compound .chart-axis{font-weight:700;paint-order:stroke;stroke:#000;stroke-width:2px}
/* Hero chart full width + sliders (22.09.2026) */
.cp2 .compound .growth svg{height:300px;width:100%}
.cp2 .compound #compound-form label{margin-bottom:10px}
.cp2 .cp2-slider{-webkit-appearance:none;appearance:none;display:block;width:100%;height:6px;margin:10px 0 2px;background:rgba(255,255,255,.35);border-radius:6px;outline:none;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.cp2 .cp2-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid #4ade80;box-shadow:0 0 12px rgba(74,222,128,.9),0 2px 6px rgba(0,0,0,.5);cursor:grab}
.cp2 .cp2-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #4ade80;box-shadow:0 0 12px rgba(74,222,128,.9),0 2px 6px rgba(0,0,0,.5);cursor:grab}
.cp2 .cp2-slider::-moz-range-progress{background:#4ade80;height:6px;border-radius:6px}
.cp2 .chart-static .chart-stroke{animation:none;stroke-dashoffset:0}
.cp2 .chart-static .chart-area,.cp2 .chart-static .chart-marker{animation:none;opacity:1}
@media(max-width:768px){.cp2 .compound .growth svg{height:230px}}
/* Hero calculator rounded (22.09.2026) */
.cp2 .compound{border-radius:22px}
.cp2 .compound .growth,.cp2 .compound .growth-note{border-radius:14px}
.cp2 .compound #compound-form input{border-radius:12px}
.cp2 .compound #compound-form button{border-radius:12px}
/* Hero calculator modern frosted glass (22.09.2026, v2) */
.cp2 .compound{background:linear-gradient(145deg,rgba(10,32,22,.58),rgba(6,20,14,.42));-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 24px 60px rgba(0,0,0,.45);border-radius:24px;padding:28px}
.cp2 .compound .growth,.cp2 .compound .growth-note{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);border-radius:16px;color:#fff}
.cp2 .compound-title,.cp2 #compound-form label,.cp2 .compound .growth>span,.cp2 .compound .growth strong,.cp2 .compound .growth small,.cp2 .compound .chart-legend,.cp2 .compound .growth-note,.cp2 .compound #compound-form input{text-shadow:none}
.cp2 .compound-title{font-size:1.15rem;letter-spacing:-.01em;margin-bottom:22px}
.cp2 #compound-form label{font-size:.8125rem;font-weight:600;letter-spacing:.02em;margin-bottom:16px}
.cp2 .compound #compound-form input:not(.cp2-slider){height:46px;margin-top:6px;padding:8px 14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:12px;box-shadow:none;color:#fff;font-size:1rem;font-weight:700;transition:border-color .15s,background .15s}
.cp2 .compound #compound-form input:not(.cp2-slider):focus{border-color:#4ade80;background:rgba(255,255,255,.16);outline:none;box-shadow:0 0 0 3px rgba(74,222,128,.25)}
.cp2 .compound #compound-form input.cp2-slider{height:4px;margin:12px 2px 0;width:calc(100% - 4px);padding:0;border:0;border-radius:4px;background:rgba(255,255,255,.25);box-shadow:none}
.cp2 .compound .cp2-slider::-webkit-slider-thumb{width:16px;height:16px;border:2px solid #fff;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.25),0 2px 6px rgba(0,0,0,.4)}
.cp2 .compound .cp2-slider::-moz-range-thumb{width:12px;height:12px;border:2px solid #fff;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.25)}
.cp2 .compound #compound-form button{margin-top:6px;height:48px;border-radius:12px;font-weight:700;box-shadow:0 8px 24px rgba(21,128,61,.45)}
.cp2 .compound .growth strong{font-size:2.1rem;letter-spacing:-.02em}
.cp2 .compound .chart-axis{stroke:none;font-weight:600}
.cp2 .compound .growth-note{font-weight:500;line-height:1.5}
/* Hero chart live flow (22.09.2026) */
.cp2 .compound .chart-yr{fill:url(#heroBar);transform-box:fill-box;transform-origin:center bottom;transform:scaleY(0)}
.cp2 .compound .chart-ready .chart-yr{animation:chart-rise 1s cubic-bezier(.18,.75,.25,1) forwards,chart-yr-pulse 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*.06s),calc(1.4s + var(--i)*.12s)}
.cp2 .compound .chart-static .chart-yr{animation:chart-yr-pulse 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*.12s);transform:none}
.cp2 .compound .chart-glow{fill:none;stroke:#4ade80;stroke-width:8;opacity:0}
.cp2 .compound .chart-ready .chart-glow{animation:chart-glow 1s 2.2s forwards}
.cp2 .compound .chart-static .chart-glow{opacity:.45;animation:none}
.cp2 .compound .chart-line{stroke-width:3.5}
.cp2 .compound .chart-flow{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:.1 .9;stroke-dashoffset:1;opacity:0;filter:drop-shadow(0 0 6px #4ade80) drop-shadow(0 0 2px #fff)}
.cp2 .compound .chart-ready .chart-flow{animation:chart-flow 3.6s 2.8s linear infinite}
.cp2 .compound .chart-ready .chart-flow-2{animation-delay:4.6s}
.cp2 .compound .chart-static .chart-flow{animation:chart-flow 3.6s linear infinite}
.cp2 .compound .chart-static .chart-flow-2{animation-delay:1.8s}
.cp2 .compound .chart-traveler{display:none}
@keyframes chart-flow{0%{stroke-dashoffset:1;opacity:0}8%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:.1;opacity:0}}
@keyframes chart-yr-pulse{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes chart-glow{to{opacity:.45}}
@media(prefers-reduced-motion:reduce){.cp2 .compound .chart-yr{transform:none;animation:none!important}.cp2 .compound .chart-glow{opacity:.45}}
/* Home live sections (22.09.2026) */
.cp2 .live{flex-wrap:wrap}
.cp2 .live>div{flex:1 1 220px}
.cp2 .live>a.live-card{flex:1 1 170px;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid #e4e8e5;border-radius:14px;background:#fff;color:#18181b;box-shadow:0 3px 10px rgba(24,24,27,.06);transition:transform .2s,box-shadow .2s,border-color .2s}
.cp2 .live>a.live-card:hover{transform:translateY(-3px);border-color:#8fbba0;box-shadow:0 10px 24px rgba(20,120,71,.14)}
.cp2 .live-top{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;color:#18181b}
.cp2 .live-ic{color:#147847;font-size:18px}
.cp2 .live-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;margin-left:auto;animation:cp2-ping 2s ease-out infinite}
.cp2 .live-val{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:#0b5e3a;font-variant-numeric:tabular-nums;line-height:1.15}
.cp2 .live-card small{font-size:.75rem;color:#18181b}
.cp2 .live-card b{font-size:.8125rem;color:#126c44;font-weight:600}
.cp2 .live-wave{width:100%;height:24px;margin:4px 0 2px;overflow:visible}
.cp2 .live-wave path{fill:none;stroke:#b9dece;stroke-width:2;stroke-linecap:round}
.cp2 .live-wave .live-wave-run{stroke:#16a34a;stroke-width:2.5;stroke-dasharray:.22 .78;animation:cp2-run 2.8s linear infinite;animation-delay:calc(var(--j)*-.7s);filter:drop-shadow(0 0 3px rgba(22,163,74,.6))}
@keyframes cp2-run{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes cp2-ping{0%{box-shadow:0 0 0 0 rgba(22,163,74,.55)}70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
/* Ticker live dot */
.cp2 .cp-marquee__dot{width:7px;height:7px;background:#16a34a;animation:cp2-ping 2s ease-out infinite}
.cp2 .cp-marquee__item:nth-child(3n+2) .cp-marquee__dot{animation-delay:.7s}
.cp2 .cp-marquee__item:nth-child(3n) .cp-marquee__dot{animation-delay:1.4s}
/* Featured cards: continuous motion after first draw */
.cp2 .feature .chart-ready .chart-bar{animation:chart-rise 1.4s cubic-bezier(.18,.75,.25,1) forwards,cp2-bar-breathe 3s ease-in-out infinite;animation-delay:var(--delay,0s),calc(1.6s + var(--delay,0s))}
@keyframes cp2-bar-breathe{0%,100%{opacity:1}50%{opacity:.62}}
.cp2 .feature .chart-flow{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:.12 .88;stroke-dashoffset:1;opacity:0;filter:drop-shadow(0 0 4px #16a34a)}
.cp2 .feature .chart-ready .chart-flow{animation:chart-flow 3.4s 3s linear infinite}
.cp2 .feature .chart-sway{transform-box:view-box;transform-origin:148px 84px}
.cp2 .feature .chart-ready .chart-sway{animation:cp2-sway 4s 2.4s ease-in-out infinite}
@keyframes cp2-sway{0%,100%{transform:rotate(0)}50%{transform:rotate(9deg)}}
/* Categories: hover lift + scroll reveal */
.cp2 .category{transition:transform .25s,box-shadow .25s,border-color .25s}
.cp2 .category:hover{transform:translateY(-4px);border-color:#8fbba0;box-shadow:0 12px 28px rgba(20,120,71,.13)}
.cp2 .category .icon{display:inline-block;transition:transform .3s,filter .3s}
.cp2 .category:hover .icon{transform:translateY(-3px) scale(1.12);filter:drop-shadow(0 4px 8px rgba(22,163,74,.45))}
.cp2-js .cp2 .category,.cp2-js .cp2 .next-grid>a,.cp2-js .cp2 .live{opacity:0;transform:translateY(18px)}
.cp2-js .cp2 .category.is-in,.cp2-js .cp2 .next-grid>a.is-in,.cp2-js .cp2 .live.is-in{opacity:1;transform:none;transition:opacity .6s var(--r,0s),transform .6s var(--r,0s) cubic-bezier(.2,.7,.2,1)}
.cp2-js .cp2 .category.is-in:hover{transform:translateY(-4px);transition:transform .25s,box-shadow .25s,border-color .25s}
/* Next step animated icons */
.cp2 .next-art{width:44px;height:44px;display:block;overflow:visible}
.cp2 .next-art .na-draw{fill:none;stroke:#147847;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:cp2-build 4.5s ease-in-out infinite}
.cp2 .next-art .na-d2{animation-delay:.35s}
.cp2 .next-art .na-d3{animation-delay:.7s}
@keyframes cp2-build{0%{stroke-dashoffset:1}35%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
.cp2 .next-art .na-coin{fill:#b9dece;transform-box:fill-box;transform-origin:center bottom;animation:cp2-coin 3.6s ease-in-out infinite;animation-delay:calc(var(--k)*.3s)}
.cp2 .next-art .na-coin:nth-of-type(3){fill:#16a34a}
@keyframes cp2-coin{0%,100%{transform:scaleY(.35)}45%,75%{transform:scaleY(1)}}
.cp2 .next-art .na-ring{fill:none;stroke:#dbeee3;stroke-width:7}
.cp2 .next-art .na-fill{fill:none;stroke:#16a34a;stroke-width:7;stroke-dasharray:.62 1;stroke-dashoffset:.62;transform:rotate(-90deg);transform-origin:22px 22px;animation:cp2-pie 4.5s ease-in-out infinite}
.cp2 .next-art .na-f2{stroke:#86c9a4;stroke-dasharray:.26 1;stroke-dashoffset:.26;transform:rotate(133deg);animation-delay:.6s}
@keyframes cp2-pie{0%{stroke-dashoffset:var(--o,.62)}40%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:var(--o,.62)}}
.cp2 .next-art .na-f2{--o:.26}
.cp2 .next-grid>a:hover .next-art{transform:scale(1.1);transition:transform .25s}
@media(prefers-reduced-motion:reduce){
 .cp2 .live-dot,.cp2 .cp-marquee__dot,.cp2 .live-wave .live-wave-run,.cp2 .next-art *,.cp2 .feature .chart-flow,.cp2 .feature .chart-sway{animation:none!important}
 .cp2 .next-art .na-draw,.cp2 .next-art .na-fill{stroke-dashoffset:0}
 .cp2-js .cp2 .category,.cp2-js .cp2 .next-grid>a,.cp2-js .cp2 .live{opacity:1;transform:none}
}
/* Category links: two columns, no "Calculator" word (22.09.2026) */
.cp2 .category .links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:7px}

/* Category links in strong green (22.09.2026) */
.cp2 .category .links a{color:#047857}
.cp2 .category .links a:hover{color:#065F46}

/* Professional & Specialty links in strong green (22.09.2026) */
.cp2 .pro-grid .links a{color:#047857}
.cp2 .pro-grid .links a:hover{color:#065F46}