.header nav a.active { color: var(--orange); }
.info-hero { padding: 112px max(7vw, 26px) 96px; background: linear-gradient(125deg, #202c34, #151b20); color: #fff; }
.info-hero > * { max-width: 800px; }.info-hero .eyebrow { color: #f4a25c; }.info-hero h1 { margin: 14px 0 23px; font: 800 clamp(40px, 6vw, 76px)/.98 'DM Serif Display', serif; letter-spacing: -.035em; }.info-hero h1 em, .info-heading h2 em, .audiences h2 em, .info-contact h2 em { color: var(--orange); }.info-hero p:not(.eyebrow) { font-size: 18px; line-height: 1.7; color: #d2d9dd; margin-bottom: 30px; }
.info-services { padding: 90px max(7vw, 26px); display: grid; grid-template-columns: .95fr 1.35fr; gap: 64px; }.info-heading h2, .audiences h2, .info-contact h2 { margin: 12px 0 19px; font: 800 clamp(36px, 4.2vw, 59px)/1 'DM Serif Display', serif; letter-spacing: -.035em; color: #25221f; }.info-heading > p:last-child { max-width: 500px; font-size: 16px; line-height: 1.7; color: #62605c; }
.info-grid { display: grid; gap: 15px; }.info-grid article { position: relative; padding: 27px 28px 25px 94px; background: #fff8ef; border: 1px solid #f1dfcb; border-radius: 22px; }.info-grid article > i { position: absolute; top: 28px; left: 28px; width: 40px; height: 40px; padding: 10px; color: #fff; background: var(--orange); border-radius: 13px; }.info-grid h3 { margin: 0 0 7px; font: 700 21px 'Manrope', sans-serif; color: #2a2521; }.info-grid p { margin: 0; line-height: 1.55; color: #68615b; }.info-grid span { display: inline-block; margin-top: 13px; color: #a7551d; font: 800 11px 'Manrope', sans-serif; text-transform: uppercase; letter-spacing: .08em; }
.pricing { padding: 86px max(7vw, 26px); display: grid; grid-template-columns: .9fr 1.1fr; gap: 62px; align-items: center; background: #f6f0e8; }.pricing-heading .eyebrow { color: #ab571d; }.pricing-heading h2 { margin: 12px 0 18px; font: 800 clamp(36px, 4.2vw, 59px)/1 'DM Serif Display', serif; letter-spacing: -.035em; color: #25221f; }.pricing-heading h2 em { color: var(--orange); }.pricing-heading > p:last-child { max-width: 455px; color: #655f59; line-height: 1.7; }.pricing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }.pricing-grid article { padding: 27px 24px; border: 1px solid #ead7c0; border-radius: 21px; background: #fff; }.pricing-grid article.featured { background: #292e30; border-color: #292e30; color: #fff; }.price-label { margin: 0; color: #a75922; font: 800 12px 'Manrope', sans-serif; text-transform: uppercase; letter-spacing: .08em; }.featured .price-label { color: #f4ad6d; }.pricing-grid strong { display: block; margin: 9px 0 12px; font: 800 54px/.9 'DM Serif Display', serif; color: #2c261f; }.pricing-grid strong sup { font: 700 25px 'Manrope', sans-serif; }.featured strong { color: #fff; }.pricing-grid article > p:not(.price-label) { margin: 0; min-height: 94px; color: #665f58; line-height: 1.55; font-size: 14px; }.featured article > p:not(.price-label), .featured > p:not(.price-label) { color: #d9ddde; }.pricing-grid span { display: block; padding-top: 14px; color: #a75b28; border-top: 1px solid #eadfce; font: 800 10px 'Manrope', sans-serif; text-transform: uppercase; letter-spacing: .06em; }.featured span { color: #f4b477; border-color: #526065; }
.audiences { padding: 72px max(7vw, 26px); display: grid; grid-template-columns: .8fr 1.2fr; gap: 55px; background: #e97528; color: #fff; }.audiences .eyebrow { color: #ffe2c4; }.audiences h2 { color: #fff; }.audiences h2 em { color: #35251b; }.audience-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-content: center; }.audience-list span { display: flex; align-items: center; gap: 11px; padding: 16px; border: 1px solid rgba(255,255,255,.36); border-radius: 14px; font: 700 14px 'Manrope', sans-serif; }.audience-list i { width: 20px; }
.info-note { margin: 88px max(7vw, 26px); padding: 26px 30px; display: flex; gap: 19px; border-left: 5px solid var(--orange); background: #f4f1ec; border-radius: 0 16px 16px 0; }.info-note > i { flex: 0 0 auto; color: var(--orange); width: 28px; height: 28px; }.info-note h2 { margin: 0 0 7px; font: 800 19px 'Manrope', sans-serif; color: #28231f; }.info-note p { margin: 0; max-width: 900px; line-height: 1.6; color: #64605b; }
.info-contact { padding: 90px max(7vw, 26px); text-align: center; background: #202a30; color: #fff; }.info-contact > * { max-width: 720px; margin-left: auto; margin-right: auto; }.info-contact .eyebrow { color: #f7a561; }.info-contact h2 { color: #fff; }.info-contact h2 em { color: #f29a50; }.info-contact > p:not(.eyebrow) { line-height: 1.7; color: #ced7da; margin-bottom: 28px; }.info-contact > div { display: flex; justify-content: center; gap: 12px; }.info-contact .outline { color: #fff; border: 1px solid #87949a; background: transparent; }.info-contact .button i { width: 17px; }
@media (max-width: 800px) { .info-hero { padding-top: 74px; }.info-services, .pricing, .audiences { grid-template-columns: 1fr; gap: 30px; }.info-services, .pricing { padding-top: 64px; padding-bottom: 64px; }.audience-list { grid-template-columns: 1fr; }.info-note { margin-top: 55px; margin-bottom: 55px; padding: 22px; }.info-contact { padding-top: 65px; padding-bottom: 65px; }.info-contact > div { flex-direction: column; align-items: center; }.info-contact .button { justify-content: center; width: min(100%, 310px); } }
@media (max-width: 520px) { .info-grid article { padding: 88px 20px 20px; }.info-grid article > i { left: 20px; top: 22px; }.info-note { display: block; }.info-note > i { margin-bottom: 13px; } }