.modules-hero{padding:88px max(26px,calc((100vw - var(--content-wide))/2)) 98px;display:grid;grid-template-columns:.85fr 1.15fr;gap:62px;align-items:center;overflow:hidden;background:linear-gradient(145deg,#0b1430,#142657 62%,#1d3370);color:#fff}.modules-hero .eyebrow,.module-callout .eyebrow{color:var(--mint)}.modules-hero h1{margin:14px 0 22px;max-width:630px;font-size:var(--font-page-title);line-height:.95;letter-spacing:-.06em}.modules-hero-copy>p{max-width:610px;color:#cbd5ef;font-size:1.15rem}.module-stats{display:flex;gap:20px 28px;flex-wrap:wrap;margin-top:30px}.module-stats span{color:#9eabc9;font-size:.75rem}.module-stats strong{display:block;color:#fff;font-size:1.24rem}.modules-hero-shot{position:relative}.mini-browser{overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:19px;background:#fff;box-shadow:0 32px 80px rgba(0,0,0,.36);transform:rotate(1.5deg)}.mini-browser>div{height:35px;padding:0 13px;display:flex;align-items:center;gap:6px;background:#edf0f7;color:#6d7891;font-size:.66rem}.mini-browser i{width:7px;height:7px;border-radius:50%;background:#b8c1d4}.mini-browser span{margin-left:7px}.mini-browser img{display:block;width:100%}.modules-main{width:min(100%,var(--content-wide));margin:0 auto;padding:100px 26px 110px}.catalog-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.catalog-heading .eyebrow{color:var(--blue-dark)}.catalog-heading h2{margin:12px 0 0;font-size:var(--font-section-title);line-height:1.03;letter-spacing:-.05em}.catalog-heading>p{margin:0 0 7px;color:var(--muted);font-size:1.05rem}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:42px 0 30px}.filter{padding:10px 14px;border:1px solid #cbd6f2;border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.filter span{margin-left:5px;color:#8190af;font-size:.75rem}.filter.active{border-color:#182758;background:#182758;color:#fff}.filter.active span{color:#aebce6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{position:relative;min-height:240px;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;color:inherit;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover,.card:focus-visible{z-index:1;transform:translateY(-5px) scale(1.015);border-color:#9aace5;box-shadow:var(--shadow-soft)}.tag{display:inline-block;padding:4px 9px;border-radius:999px;background:#e8edff;color:#3550bc;font-size:.7rem;font-weight:800;text-transform:capitalize}.module-index{position:absolute;right:22px;top:23px;color:#adb7cc;font-size:.68rem;font-weight:800;letter-spacing:.1em}.card h3{margin:44px 0 7px;font-size:1.35rem;letter-spacing:-.025em}.card p{max-width:285px;margin:0;color:var(--muted);font-size:.92rem}.card b{position:absolute;right:22px;bottom:17px;color:#6279d4;font-size:1.4rem}.module-callout{padding:92px max(26px,calc((100vw - var(--content-wide))/2));display:grid;grid-template-columns:1fr .75fr auto;gap:55px;align-items:center;background:#172654;color:#fff}.module-callout h2{margin:11px 0 0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.04;letter-spacing:-.05em}.module-callout p{color:#bfcae7}.module-callout a{padding:12px 17px;border-radius:10px;background:#fff;color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap}.module-callout a span{margin-left:8px;color:var(--blue-dark)}@media(max-width:900px){.modules-hero{grid-template-columns:1fr}.modules-hero-copy{max-width:760px}.modules-hero-shot{max-width:800px}.module-callout{grid-template-columns:1fr 1fr}.module-callout a{grid-column:1/-1;justify-self:start}}@media(max-width:760px){.modules-hero,.modules-main,.module-callout{padding-left:20px;padding-right:20px}.modules-hero{padding-top:62px;padding-bottom:72px}.catalog-heading,.module-callout{grid-template-columns:1fr;gap:20px}.grid{grid-template-columns:1fr}.card{min-height:220px}.module-callout a{grid-column:auto;white-space:normal}}
