.public-modules{background:#f2f5f1;min-height:100vh}.modules-topbar{z-index:20;background:#fff;border-bottom:1px solid #dce5df;justify-content:space-between;align-items:center;height:84px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.modules-topbar>div{align-items:center;gap:18px;display:flex}.modules-back{color:#547068;font-size:11px;font-weight:800}.modules-hero{color:#fff;background:radial-gradient(circle at 80% 30%,#286e5866,#0000 32%),#073d2f;padding:90px max(7vw,24px)}.modules-hero>p,.module-showcase-copy>p{letter-spacing:2px;color:#f2c423;font-size:10px;font-weight:900}.modules-hero h1{font-family:var(--font-sora);letter-spacing:-4px;margin:15px 0;font-size:clamp(45px,6vw,82px);line-height:1.02}.modules-hero h1 em{color:#f2c423;font-style:normal}.modules-hero>span{color:#bbd0c8;max-width:700px;font-size:17px;line-height:1.7;display:block}.modules-hero>div{gap:12px;margin-top:30px;display:flex}.modules-portal-button{color:#fff;background:0 0;border:1px solid #90b3a6}.modules-list{gap:60px;padding:80px max(5vw,24px);display:grid}.module-showcase{background:#fff;border:1px solid #d9e3dd;border-radius:26px;grid-template-columns:minmax(300px,.75fr) minmax(520px,1.25fr);align-items:center;gap:55px;padding:55px;scroll-margin-top:105px;display:grid;box-shadow:0 24px 70px #0b3c2d0d}.module-showcase.training{background:#fbfaf5}.module-showcase-copy{position:relative}.module-number{font:800 48px var(--font-sora);color:#dce7e1;position:absolute;top:0;right:0}.module-showcase-copy h2{font:750 clamp(30px,3vw,48px) var(--font-sora);letter-spacing:-2px;margin:15px 0}.module-showcase-copy>strong{color:#587068;font-size:14px;line-height:1.75;display:block}.module-showcase-copy ul{gap:12px;margin:25px 0;padding:0;font-size:12px;font-weight:750;list-style:none;display:grid}.module-showcase-copy li{border-bottom:1px solid #e4ebe7;padding-bottom:10px}.module-showcase-copy li:first-letter{color:#147957}.module-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.module-demo-link{border-bottom:1px solid #9fb4ab;padding:8px 0;font-size:11px;font-weight:900}.module-preview{background:#0a3328;border-radius:20px;padding:10px;scroll-margin-top:105px;overflow:hidden;box-shadow:0 30px 65px #073d2f35}.preview-browser{color:#a8c0b7;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:8px;display:flex}.preview-browser i{background:#f2c423;border-radius:50%;width:7px;height:7px}.preview-browser i:nth-child(2){background:#62a98b}.preview-browser i:nth-child(3){background:#dbe9e2}.preview-browser span{margin-left:7px}.preview-app{background:#f4f7f4;border-radius:13px;grid-template-columns:112px 1fr;min-height:365px;display:grid;overflow:hidden}.preview-app aside{color:#9db8ae;background:#0a3d2f;flex-direction:column;gap:7px;padding:18px 10px;font-size:7px;font-weight:800;display:flex}.preview-app aside b{color:#0a3328;background:#f2c423;border-radius:8px;place-items:center;width:27px;height:27px;margin-bottom:12px;font-size:15px;display:grid}.preview-app aside span{border-radius:6px;padding:9px}.preview-app aside .selected{color:#fff;background:#176d52}.preview-content{min-width:0;padding:22px}.preview-content header{justify-content:space-between;gap:10px;display:flex}.preview-content small{letter-spacing:.7px;color:#6e867c;font-size:6px;font-weight:900}.preview-content h3{font:700 16px var(--font-sora);margin:5px 0}.preview-content button{color:#fff;background:#176d52;border:0;border-radius:6px;padding:8px 10px;font-size:7px;font-weight:800}.preview-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.preview-metrics>span{background:#fff;border:1px solid #dfe8e3;border-radius:9px;padding:12px}.preview-metrics b{font:750 19px var(--font-sora);margin-top:4px;display:block}.preview-data{grid-template-columns:1.2fr .8fr;gap:8px;display:grid}.preview-chart,.preview-list{background:#fff;border:1px solid #dfe8e3;border-radius:9px;padding:12px;font-size:8px}.preview-chart>div{border-bottom:1px solid #d8e3dd;align-items:end;gap:9px;height:115px;margin-top:12px;display:flex}.preview-chart i{background:#70a891;border-radius:3px 3px 0 0;flex:1;max-width:20px}.training .preview-chart i{background:#d9ad22}.preview-list>span{border-bottom:1px solid #e5ebe7;justify-content:space-between;align-items:center;padding:12px 0;font-size:7px;display:flex}.preview-list span i{font-style:normal;font-weight:800}.preview-list span b{color:#176d52}.preview-caption{color:#fff;padding:14px 10px 7px}.preview-caption span{letter-spacing:1.2px;color:#f2c423;font-size:7px;font-weight:900}.preview-caption p{color:#b9cec6;margin:5px 0;font-size:9px}.modules-security{background:#e0ebe5;border-radius:24px;grid-template-columns:.75fr 1fr auto;align-items:center;gap:35px;margin:0 max(5vw,24px) 90px;padding:45px;display:grid}.modules-security>div{align-items:center;gap:14px;display:flex}.modules-security>div span{color:#fff;background:#176d52;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.modules-security h2{font:700 20px var(--font-sora);margin:0}.modules-security p{color:#587068;font-size:12px;line-height:1.7}.modules-footer{grid-template-columns:auto 1fr auto}.modules-footer>p{justify-self:center}.modules-footer>a:last-child{color:#f2c423;font-size:11px;font-weight:900}@media (max-width:950px){.module-showcase,.modules-security{grid-template-columns:1fr}.modules-topbar nav{display:none}}@media (max-width:650px){.modules-topbar{height:72px;padding:0 18px}.modules-topbar .modules-back{display:none}.modules-topbar .button{padding:10px;font-size:9px}.modules-hero{padding:65px 22px}.modules-hero h1{letter-spacing:-2.5px;font-size:45px}.modules-hero>span{font-size:14px}.modules-hero>div{flex-direction:column;align-items:stretch}.modules-list{padding:45px 16px}.module-showcase{gap:30px;padding:28px 18px}.module-number{font-size:34px}.preview-app{grid-template-columns:1fr;min-height:300px}.preview-app aside{display:none}.preview-content{padding:14px}.preview-data{grid-template-columns:1fr}.preview-list{display:none}.modules-security{margin:0 16px 55px;padding:28px 20px}.modules-footer{display:grid}}