.haz{--haz-grad: linear-gradient(90deg,#5b8def 0%,#7b5bf0 38%,#c05ad9 72%,#f0655f 100%);padding: 30px 0 18px;color: #454d63}.haz h2,.haz h3,.haz p,.haz ul{margin: 0;padding: 0}.haz ul{list-style: none}.haz-hero{position: relative;display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);gap: 48px;align-items: center;padding: 60px 56px;overflow: hidden;border: 1px solid #ece7f4;border-radius: 28px;background: radial-gradient(620px 340px at 8% 0%,#dfe8fd 0%,transparent 70%),radial-gradient(620px 380px at 96% 8%,#fde3e4 0%,transparent 70%),radial-gradient(560px 320px at 62% 112%,#efe4fb 0%,transparent 72%),#fdfbfa}.haz-mark{position: absolute;right: -14px;bottom: -128px;font-size: 440px;font-weight: 900;line-height: 1;color: #7b5bf0;opacity: .05;pointer-events: none;user-select: none}.haz-hero-text,.haz-stats{position: relative}.haz-eyebrow{margin-bottom: 14px !important;font-size: 12.5px;font-weight: 800;letter-spacing: .16em;text-transform: uppercase;color: #6a55d8}.haz-title{font-size: clamp(34px,4.2vw,54px);font-weight: 900;line-height: 1.08;letter-spacing: -.035em;color: #10162b}.haz-title span{display: block;width: fit-content;background: var(--haz-grad);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent}.haz-lead{max-width: 58ch;margin-top: 20px !important;font-size: 17px;line-height: 1.7}.haz-lead strong{color: #10162b}.haz-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 28px}.haz-btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 48px;padding: 0 24px;border-radius: 999px;font-size: 15px;font-weight: 700;text-decoration: none !important;transition: transform .15s ease,box-shadow .15s ease}.haz a.haz-btn--primary{background: #10162b;color: #fff !important;box-shadow: 0 10px 24px rgba(16,22,43,.2)}.haz a.haz-btn--ghost{border: 1px solid #ddd8e8;background: rgba(255,255,255,.8);color: #10162b !important}.haz-btn:hover{transform: translateY(-2px)}.haz-stats{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px}.haz-stats li{padding: 22px 16px;border: 1px solid #efeaf5;border-radius: 18px;background: rgba(255,255,255,.86);box-shadow: 0 8px 24px rgba(16,22,43,.05);text-align: center}.haz-stats strong{display: block;width: fit-content;margin: 0 auto;font-size: clamp(22px,2.3vw,30px);font-weight: 900;letter-spacing: -.02em;background: var(--haz-grad);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent}.haz-stats span{display: block;margin-top: 5px;font-size: 13px;color: #5f677d}.haz-block{margin-top: 52px}.haz-head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 6px 24px;margin-bottom: 20px}.haz h3{font-size: 26px;font-weight: 800;letter-spacing: -.025em;color: #10162b}.haz-head p{font-size: 15px;color: #5f677d}.haz-uses{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px}.haz-uses li{display: flex}.haz a.haz-use{position: relative;display: flex;flex: 1;flex-direction: column;gap: 7px;padding: 24px 24px 22px;overflow: hidden;border: 1px solid #e8e6e3;border-radius: 18px;background: #fff;color: #454d63 !important;text-decoration: none !important;transition: transform .15s ease,box-shadow .15s ease,border-color .15s ease}.haz a.haz-use::before{content: "";position: absolute;inset: 0 0 auto;height: 4px;background: var(--tone)}.haz-use--a{--tone: #5b8def}.haz-use--b{--tone: #7b5bf0}.haz-use--c{--tone: #c05ad9}.haz-use--d{--tone: #e45d9b}.haz-use--e{--tone: #f0655f}.haz-use--f{--tone: #f89a4d}.haz a.haz-use:hover{border-color: var(--tone);box-shadow: 0 12px 30px rgba(16,22,43,.09);transform: translateY(-3px)}.haz-use strong{font-size: 17px;font-weight: 800;letter-spacing: -.01em;color: #10162b}.haz-use span{font-size: 14.5px;line-height: 1.55}.haz-use em{margin-top: auto;padding-top: 9px;font-size: 14px;font-style: normal;font-weight: 700;color: #4f46c8}.haz-use em i,.haz-link i{font-style: normal}.haz-faq{display: grid;grid-template-columns: minmax(0,360px) minmax(0,1fr);gap: 48px;align-items: start;margin-top: 56px}.haz-faq-side > p{margin-top: 9px !important;font-size: 15.5px;line-height: 1.6}.haz-note{margin-top: 22px;padding: 18px 20px;border: 1px solid #cfe9dc;border-radius: 16px;background: #eefaf4}.haz-note strong{font-size: 15px;color: #147a48}.haz-note p{margin-top: 5px !important;font-size: 14.5px;line-height: 1.6}.haz a.haz-link{display: inline-block;margin-top: 18px;font-size: 14.5px;font-weight: 700;color: #4f46c8 !important;text-decoration: none !important}.haz a.haz-link:hover{text-decoration: underline !important}.haz-q{margin-bottom: 10px;border: 1px solid #e8e6e3;border-radius: 14px;background: #fff;transition: border-color .15s ease,box-shadow .15s ease}.haz-q[open]{border-color: #d9cffb;box-shadow: 0 6px 18px rgba(16,22,43,.05)}.haz-q summary{position: relative;padding: 16px 48px 16px 20px;font-size: 15.5px;font-weight: 700;color: #10162b;cursor: pointer;list-style: none}.haz-q summary::-webkit-details-marker{display: none}.haz-q summary::after{content: "+";position: absolute;top: 50%;right: 18px;font-size: 22px;font-weight: 500;line-height: 1;color: #7b5bf0;transform: translateY(-50%)}.haz-q[open] summary::after{content: "\2212"}.haz-q summary:focus-visible{border-radius: 14px;outline: 2px solid #7b5bf0;outline-offset: 2px}.haz-a{padding: 0 20px 18px;font-size: 15px;line-height: 1.65}.haz-a p:last-child{margin-bottom: 0}.haz-reviewed{margin-top: 14px !important;font-size: 13px;color: #5f677d;text-align: right}@media (max-width: 991.98px){.haz-hero{grid-template-columns: minmax(0,1fr);gap: 32px;padding: 44px 32px}.haz-uses{grid-template-columns: repeat(2,minmax(0,1fr))}.haz-faq{grid-template-columns: minmax(0,1fr);gap: 26px}}@media (max-width: 575.98px){.haz{padding-top: 18px}.haz-hero{padding: 32px 20px;border-radius: 22px}.haz-mark{font-size: 300px;bottom: -80px}.haz-lead{font-size: 16px}.haz-actions .haz-btn{flex: 1 1 100%}.haz-stats{gap: 10px}.haz-stats li{padding: 16px 8px}.haz-uses{grid-template-columns: minmax(0,1fr)}.haz h3{font-size: 23px}}@media (prefers-reduced-motion: reduce){.haz-btn,.haz a.haz-use{transition: none}.haz-btn:hover,.haz a.haz-use:hover{transform: none}}