.clima-intro{max-width:900px;padding-bottom:44px}.clima-intro h1{font-size:clamp(46px,7vw,88px);line-height:1.05}.clima-intro h1 span{display:block;font-size:.55em;color:#8edff4;margin-top:20px}.clima-demo{position:relative;isolation:isolate;overflow:hidden;border:1px solid #427083;border-radius:22px;background:#09161f;scroll-margin-top:100px}.demo-top{padding:22px 28px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #34505d}.demo-top strong{font-size:24px}.demo-top span{font-size:11px;letter-spacing:.15em;align-self:center}.demo-layout{display:grid;grid-template-columns:180px 1fr;min-height:360px}.demo-nav{display:flex;flex-direction:column;padding:24px 15px;gap:10px;border-right:1px solid #34505d}.demo-nav button{background:transparent;color:#c8dce9;border:1px solid transparent;border-radius:8px;text-align:left;padding:14px;font:inherit;cursor:pointer}.demo-nav button[aria-pressed=true]{background:#124354;border-color:#61cee9;color:white}.demo-body{padding:30px}.demo-panel[hidden]{display:none}.demo-panel h2{font-size:clamp(25px,3vw,37px)}.preview-flow,.clima-status{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.preview-flow>div,.clima-status article{padding:20px;border:1px solid #365362;border-radius:12px;background:#112532b8}.preview-flow h3,.clima-status h3{font-size:18px;margin:10px 0}.preview-flow p,.clima-status p{font-size:15px;line-height:1.65}.preview-flow b{color:#7de2fb}.demo-note{font-size:13px;color:#adc2d0}.mist{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 90%,#008cce65,transparent 65%),radial-gradient(ellipse at 80% 30%,#2466c54a,transparent 60%);animation:clima-mist 12s ease-in-out infinite alternate;pointer-events:none}.care-list{line-height:2.4;padding-left:22px}@keyframes clima-mist{to{transform:translate(4%,-3%) scale(1.15);opacity:.6}}@media(max-width:720px){.demo-layout{grid-template-columns:1fr}.demo-nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid #34505d}.demo-nav button{font-size:14px;padding:10px}.demo-body{padding:22px}.preview-flow,.clima-status{grid-template-columns:1fr}.demo-top{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.mist{animation:none}}