.duct-hero{position: relative;overflow: hidden;color: rgba(255,255,255,0.82);padding: clamp(3rem, 7vw, 6.5rem) 0 clamp(3.5rem, 8vw, 7rem);background: radial-gradient(900px 500px at 90% 10%, rgba(30,136,229,0.35), transparent 60%), radial-gradient(700px 400px at 0% 100%, rgba(242,167,27,0.12), transparent 60%), #0b2239}.duct-hero::before{content: "";position: absolute;inset: 0;opacity: .35;pointer-events: none;background-image: linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);background-size: 56px 56px;mask-image: radial-gradient(ellipse at 70% 40%, #000 20%, transparent 70%)}.duct-hero h1{color: #fff;font-size: clamp(2.1rem, 1.3rem + 3.2vw, 3.6rem);letter-spacing: -0.03em;max-width: 20ch}.duct-hero-grid{position: relative;display: grid;gap: clamp(2.5rem, 5vw, 4rem);align-items: center}@media (min-width: 900px){.duct-hero-grid{grid-template-columns: 1.1fr .9fr}}.duct-hero-lede{font-size: clamp(1.05rem, 1rem + .4vw, 1.25rem);max-width: 56ch;color: rgba(255,255,255,0.78)}.duct-hero-actions{display: flex;flex-wrap: wrap;gap: .75rem;margin: 2rem 0 2.25rem}.duct-hero-trust{list-style: none;display: flex;flex-wrap: wrap;gap: .6rem 1.5rem;margin: 0;padding: 0;font-size: .92rem}.duct-hero-trust li{display: inline-flex;align-items: center;gap: .45rem}.duct-hero-trust .duct-icon{color: #f2a71b}.duct-hero-visual{position: relative;max-width: 560px;justify-self: center;width: 100%}.duct-hero-figure{margin: 0;aspect-ratio: 1.17647059;border-radius: 28px;overflow: hidden;box-shadow: 0 40px 80px -30px rgba(0,0,0,0.6);border: 1px solid rgba(255,255,255,0.12)}.duct-hero-figure img{width: 100%;height: 100%;object-fit: cover}.duct-hero-badge{position: absolute;display: grid;gap: .1rem;padding: .85rem 1.1rem;border-radius: 14px;background: #fff;color: #5a6b7d;font-size: .8rem;box-shadow: 0 30px 60px -20px rgba(11,34,57,0.45)}.duct-hero-badge strong{color: #0b2239;font-size: 1.05rem;letter-spacing: -0.01em}.duct-hero-badge-a{left: -12px;bottom: 28px}@media (min-width: 1100px){.duct-hero-badge-a{left: -36px}}.duct-hero-badge-b{right: -8px;top: 24px;background: #f2a71b;color: rgba(11,34,57,0.8)}.duct-hero-badge-b strong{color: #0b2239}@media (min-width: 1100px){.duct-hero-badge-b{right: -28px}}.duct-figures{position: relative;z-index: 2;margin-top: -2.5rem}.duct-figures-grid{display: grid;grid-template-columns: 1fr 1fr;background: #fff;border-radius: 20px;box-shadow: 0 10px 30px -12px rgba(11,34,57,0.25);border: 1px solid #dde4ec;overflow: hidden}@media (min-width: 900px){.duct-figures-grid{grid-template-columns: repeat(4, 1fr)}}.duct-figures-grid > div{display: grid;gap: .2rem;padding: 1.4rem 1.25rem;border-right: 1px solid #dde4ec;border-bottom: 1px solid #dde4ec}.duct-figures-grid strong{color: #0b2239;font-size: clamp(1.15rem, 1rem + .7vw, 1.55rem);letter-spacing: -0.02em}.duct-figures-grid span{color: #5a6b7d;font-size: .88rem;line-height: 1.4}.duct-cat-grid{display: grid;gap: 1.25rem;grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr))}.duct-cat{display: flex;flex-direction: column;background: #fff;border: 1px solid #dde4ec;border-radius: 20px;overflow: hidden;text-decoration: none;color: #2b3a4a;transition: transform .25s cubic-bezier(.2, .7, .2, 1), box-shadow .25s, border-color .25s}.duct-cat:hover{transform: translateY(-4px);box-shadow: 0 10px 30px -12px rgba(11,34,57,0.25);border-color: transparent;color: #2b3a4a}.duct-cat:hover .duct-cat-media img{transform: scale(1.05)}.duct-cat:hover .duct-cat-count .duct-icon{transform: translateX(4px)}.duct-cat-media{aspect-ratio: 1.6;background: #f3f6f9;overflow: hidden}.duct-cat-media img{width: 100%;height: 100%;object-fit: cover;transition: transform .5s cubic-bezier(.2, .7, .2, 1)}.duct-cat-body{position: relative;display: flex;flex-direction: column;gap: .45rem;padding: 2rem 1.3rem 1.3rem;flex: 1}.duct-cat-icon{position: absolute;top: -24px;left: 1.3rem;display: grid;place-items: center;width: 48px;height: 48px;border-radius: 12px;background: #1565c0;color: #fff;box-shadow: 0 8px 18px -6px rgba(21,101,192,0.6)}.duct-cat-title{color: #13202e;font-weight: 700;font-size: 1.1rem;line-height: 1.3}.duct-cat-text{color: #5a6b7d;font-size: .93rem}.duct-cat-count{margin-top: auto;padding-top: .5rem;display: inline-flex;align-items: center;gap: .35rem;color: #1565c0;font-weight: 650;font-size: .9rem}.duct-cat-count .duct-icon{transition: transform .2s cubic-bezier(.2, .7, .2, 1)}.duct-app-grid{display: grid;gap: 1rem;grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr))}.duct-app{display: grid;gap: .35rem;padding: 1.5rem;border-radius: 20px;border: 1px solid rgba(255,255,255,0.12);background: rgba(255,255,255,0.04);color: rgba(255,255,255,0.7);text-decoration: none;transition: background .2s, border-color .2s, transform .25s cubic-bezier(.2, .7, .2, 1)}.duct-app:hover{background: rgba(255,255,255,0.09);border-color: rgba(242,167,27,0.6);transform: translateY(-3px);color: rgba(255,255,255,0.85)}.duct-app-icon{display: grid;place-items: center;width: 52px;height: 52px;margin-bottom: .6rem;border-radius: 14px;background: rgba(242,167,27,0.15);color: #f2a71b}.duct-app-title{color: #fff;font-weight: 700;font-size: 1.08rem}.duct-app-count{font-size: .88rem}.duct-standards{display: grid;gap: 2rem;align-items: center}@media (min-width: 900px){.duct-standards{grid-template-columns: 1fr 1.2fr}}.duct-standard-list{list-style: none;margin: 0;padding: 0;display: grid;gap: .75rem;grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr))}.duct-standard-list li{display: flex;align-items: center;gap: .65rem;padding: 1rem 1.1rem;background: #fff;border: 1px solid #dde4ec;border-radius: 12px;font-weight: 650;color: #13202e;box-shadow: 0 1px 2px rgba(11,34,57,0.06), 0 1px 3px rgba(11,34,57,0.08)}.duct-standard-list .duct-icon{color: #1565c0}.duct-feature-list-compact li{padding: 1rem 1.1rem;align-items: center}.duct-feature-list-compact .duct-icon{width: 40px;height: 40px;padding: .45rem}