.csa{margin:24px 0;padding:clamp(16px,3vw,30px);border:1px solid rgba(148,229,216,.22);border-radius:24px;background:linear-gradient(145deg,#102b35,#0b1725);color:#f4fcfb;box-shadow:0 22px 60px #0003}.csa-head{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}.csa-head small{color:#70f4d2;letter-spacing:.16em;font-size:11px}.csa h2{font-size:clamp(25px,4vw,42px);margin:3px 0}.csa-ranges{display:flex;gap:4px;padding:4px;border-radius:14px;background:#132c38}.csa-ranges button{border:0;border-radius:10px;padding:10px 12px;background:transparent;color:#b9d4d1;cursor:pointer;min-height:44px}.csa-ranges button[aria-pressed=true]{background:#70f4d2;color:#082026}.csa-site h3{display:flex;gap:12px;align-items:baseline;margin:24px 0 12px;font-size:18px}.csa-site h3 small{font-size:12px;color:#b9d4d1;font-weight:400}.csa-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.csa-numbers div{padding:18px;border-radius:16px;background:#fff1}.csa-numbers b{display:block;font-size:clamp(26px,5vw,48px);line-height:1.1}.csa-numbers b.csa-soon{font-size:clamp(14px,2vw,22px);padding:8px 0}.csa-numbers span{font-size:12px;color:#b9d4d1}.csa-chart{width:100%;height:120px;margin:20px 0}.csa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.csa-bars{min-width:0}.csa-bars h4{font-size:14px;margin:0 0 8px}.csa-bars p{font-size:12px;color:#b9d4d1}.csa-bar{position:relative;display:flex;justify-content:space-between;gap:8px;padding:7px 0 11px;font-size:12px;overflow:hidden}.csa-bar span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.csa-bar i{position:absolute;bottom:1px;left:0;height:2px;border-radius:2px;background:#70f4d2}@media(max-width:540px){.csa-grid{grid-template-columns:1fr}.csa-numbers{grid-template-columns:repeat(2,1fr)}.csa-numbers div{padding:11px}.csa-site h3,.csa-site h3 small{display:block}}