/* ===== Business pricing / Air Guard, if you buy. (live nafas.com/business-pricing-plan, section 4) =====
   Generated by tools/generators/bp-airguard/gen.py from the live Framer CSS (do not edit by hand; edit the generator).
   One layer per breakpoint like Framer: desktop >= 1440, tablet 810 to 1439.98 (fluid), phone <= 809.98.
   Text boxes fade in once (opacity 0 -> 1, 0.42s spring sampled on live) when >= 50% visible: js/40-airguard.js.
   No links, hover, press or click states on live. */

.nf-bp-airguard { display: block; position: relative; width: 100%; flex: 0 0 auto;
  --nf-bp-fade-ease: linear(0, 0.02 1.4%, 0.074 5.2%, 0.154 9.2%, 0.24 13.3%, 0.334 17.3%, 0.426 21.1%, 0.508 24.9%, 0.588 28.9%, 0.658 32.9%, 0.72 37%, 0.773 41%, 0.816 44.8%, 0.854 48.8%, 0.884 52.8%, 0.91 56.6%, 0.93 60.4%, 0.947 64.5%, 0.961 68.5%, 0.972 72.5%, 0.979 76.3%, 0.986 80.3%, 0.99 84.4%, 0.994 88.2%, 0.996 92.2%, 0.998 96.2%, 1); }

/* breakpoint layers */
@media (min-width: 1440px) { .nf-bp-airguard > .nf-bp-airguard__v--tablet, .nf-bp-airguard > .nf-bp-airguard__v--phone { display: none; } .nf-bp-airguard { background-color: rgb(255, 255, 255); } }
@media (min-width: 810px) and (max-width: 1439.98px) { .nf-bp-airguard > .nf-bp-airguard__v--desktop, .nf-bp-airguard > .nf-bp-airguard__v--phone { display: none; } }
@media (max-width: 809.98px) { .nf-bp-airguard > .nf-bp-airguard__v--desktop, .nf-bp-airguard > .nf-bp-airguard__v--tablet { display: none; } }

/* text styles (Framer rich text variables, computed values checked on live) */
.nf-bp-airguard__t1 { margin: 0; padding: 0; font-style: normal; text-align: start; text-transform: none; text-decoration: none; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; font-family: "SF Pro Display Medium", sans-serif; font-size: 52px; font-weight: 500; letter-spacing: 0; line-height: 110%; color: rgb(0, 0, 0); }
.nf-bp-airguard__t2 { margin: 0; padding: 0; font-style: normal; text-align: start; text-transform: none; text-decoration: none; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; font-family: "SF Pro Display Regular", sans-serif; font-size: 24px; font-weight: 400; letter-spacing: -0.02em; line-height: 125%; color: rgb(97, 97, 97); font-feature-settings: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on; }
.nf-bp-airguard__t3 { margin: 0; padding: 0; font-style: normal; text-align: start; text-transform: none; text-decoration: none; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; font-family: "SF Pro Display Medium", sans-serif; font-size: 28px; font-weight: 500; letter-spacing: -0.02em; line-height: 125%; color: rgb(255, 255, 255); font-feature-settings: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on; }
.nf-bp-airguard__t4 { margin: 0; padding: 0; font-style: normal; text-align: start; text-transform: none; text-decoration: none; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; font-family: "SF Pro Display Regular", sans-serif; font-size: 24px; font-weight: 400; letter-spacing: 0; line-height: 125%; color: rgb(255, 255, 255); font-feature-settings: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on; }
.nf-bp-airguard__t5 { margin: 0; padding: 0; font-style: normal; text-align: start; text-transform: none; text-decoration: none; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; font-family: "SF Pro Display Medium", sans-serif; font-size: 28px; font-weight: 500; letter-spacing: 0; line-height: 110%; color: rgb(0, 0, 0); }
.nf-bp-airguard__t6 { margin: 0; padding: 0; font-style: normal; text-align: start; text-transform: none; text-decoration: none; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; font-family: "SF Pro Display Regular", sans-serif; font-size: 15px; font-weight: 400; letter-spacing: 0.02em; line-height: 130%; color: rgb(97, 97, 97); font-feature-settings: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on; }
.nf-bp-airguard__t7 { margin: 0; padding: 0; font-style: normal; text-align: start; text-transform: none; text-decoration: none; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; font-family: "SF Pro Display Medium", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0; line-height: 125%; color: rgb(255, 255, 255); font-feature-settings: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on; }
.nf-bp-airguard__t8 { margin: 0; padding: 0; font-style: normal; text-align: start; text-transform: none; text-decoration: none; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; font-family: "SF Pro Display Regular", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 125%; color: rgb(255, 255, 255); font-feature-settings: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on; }
.nf-bp-airguard__t9 { margin: 0; padding: 0; font-style: normal; text-align: start; text-transform: none; text-decoration: none; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; font-family: "SF Pro Display Medium", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: -0.02em; line-height: 125%; color: rgb(255, 255, 255); font-feature-settings: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on; }

/* scroll reveal (only once JS runs; without JS everything stays visible) */
.nf-bp-airguard.is-js [data-bp-airguard-reveal] { opacity: 0; transition: opacity 0.42s var(--nf-bp-fade-ease); }
.nf-bp-airguard.is-js [data-bp-airguard-reveal].is-in { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .nf-bp-airguard.is-js [data-bp-airguard-reveal] { opacity: 1; transition: none; } }

/* ---------- desktop layer ---------- */
.nf-bp-airguard__v-1sqxuql { height: min-content; overflow: clip; flex-flow: column; flex: 0 0 auto; place-content: flex-start center; align-items: flex-start; gap: 32px; width: 100%; padding: 40px 80px 80px; display: flex; position: relative; }
.nf-bp-airguard__header-1kx5hai { max-width: 1440px; height: min-content; overflow: clip; flex-flow: column; flex: 0 0 auto; place-content: center; align-items: center; gap: 20px; width: 100%; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__text-1u32083 { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; max-width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__text-9jd88n { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__row-vsn2cg { max-width: 1440px; height: min-content; overflow: clip; flex-flow: row; flex: 0 0 auto; place-content: center; align-items: center; gap: 16px; width: 100%; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__card-y93wvl { height: min-content; overflow: clip; will-change: transform; background-color: #000; border-radius: 20px; flex-flow: row; flex: 1 0 0px; place-content: flex-start; align-items: flex-start; gap: 16px; width: 1px; padding: 24px; display: flex; position: relative; }
.nf-bp-airguard__icon-17ees9m { aspect-ratio: 1 / 1; width: 40px; display: block; flex: 0 0 auto; height: auto; position: relative; }
.nf-bp-airguard__content-rdc2et { height: auto; overflow: clip; flex-flow: column; flex: 1 0 0px; place-content: center; align-self: stretch; align-items: center; gap: 20px; width: 1px; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__text-1spuw8 { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__text-1utgnz6 { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__card-8u1ynl { height: auto; overflow: clip; will-change: transform; background-color: #000; border-radius: 20px; flex-flow: row; flex: 1 0 0px; place-content: flex-start; align-self: stretch; align-items: flex-start; gap: 16px; width: 1px; padding: 24px; display: flex; position: relative; }
.nf-bp-airguard__icon-17rnfwl { aspect-ratio: 1 / 1; flex: 0 0 auto; width: 40px; height: auto; position: relative; }
.nf-bp-airguard__content-11ch3ft { height: 100%; overflow: clip; flex-flow: column; flex: 1 0 0px; place-content: center; align-items: center; gap: 20px; width: 1px; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__text-mudty1 { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__text-1xp0nm1 { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__card-wcwu5x { height: auto; overflow: clip; will-change: transform; background-color: #000; border-radius: 20px; flex-flow: row; flex: 1 0 0px; place-content: flex-start; align-self: stretch; align-items: flex-start; gap: 16px; width: 1px; padding: 24px; display: flex; position: relative; }
.nf-bp-airguard__icon-1l19m75 { aspect-ratio: 1 / 1; flex: 0 0 auto; width: 40px; height: auto; position: relative; }
.nf-bp-airguard__content-84tud9 { height: 100%; overflow: clip; flex-flow: column; flex: 1 0 0px; place-content: center flex-start; align-items: center; gap: 20px; width: 1px; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__text-ervtl2 { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__text-1xcioan { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }

/* ---------- tablet layer ---------- */
.nf-bp-airguard__v-1m33b8w { height: min-content; overflow: clip; flex-flow: column; flex: 0 0 auto; place-content: flex-start center; align-items: flex-start; gap: 32px; width: 100%; padding: 40px 60px 80px; display: flex; position: relative; }
.nf-bp-airguard__header-1oxxpq7 { height: min-content; overflow: clip; flex-flow: column; flex: 0 0 auto; place-content: center; align-items: center; gap: 20px; width: 100%; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__text-15hyde1 { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; max-width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__text-bvljsc { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__row-17h7eb4 { height: 521px; overflow: clip; flex-flow: column; flex: 0 0 auto; place-content: center; align-items: center; gap: 16px; width: 100%; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__card-cts52j { height: 1px; overflow: clip; will-change: transform; background-color: #000; border-radius: 20px; flex-flow: row; flex: 1 0 0px; place-content: flex-start; align-items: flex-start; gap: 16px; width: 100%; padding: 24px; display: flex; position: relative; }
.nf-bp-airguard__icon-kp3v5k { aspect-ratio: 1 / 1; width: 40px; display: block; flex: 0 0 auto; height: auto; position: relative; }
.nf-bp-airguard__content-69oivd { height: min-content; overflow: clip; flex-flow: column; flex: 1 0 0px; place-content: center; align-items: center; gap: 20px; width: 1px; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__text-rnnxi { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__text-xp8pky { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__card-zs2qtv { height: 1px; overflow: clip; will-change: transform; background-color: #000; border-radius: 20px; flex-flow: row; flex: 1 0 0px; place-content: flex-start; align-items: flex-start; gap: 16px; width: 100%; padding: 24px; display: flex; position: relative; }
.nf-bp-airguard__icon-1i02nyh { aspect-ratio: 1 / 1; flex: 0 0 auto; width: 40px; height: auto; position: relative; }
.nf-bp-airguard__content-6u5q5h { height: min-content; overflow: clip; flex-flow: column; flex: 1 0 0px; place-content: center; align-items: center; gap: 20px; width: 1px; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__text-g9a89z { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__text-zm7wpr { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__card-sppddh { height: 1px; overflow: clip; will-change: transform; background-color: #000; border-radius: 20px; flex-flow: row; flex: 1 0 0px; place-content: flex-start; align-items: flex-start; gap: 16px; width: 100%; padding: 24px; display: flex; position: relative; }
.nf-bp-airguard__icon-u3fd8u { aspect-ratio: 1 / 1; flex: 0 0 auto; width: 40px; height: auto; position: relative; }
.nf-bp-airguard__content-1vmn2ck { height: min-content; overflow: clip; flex-flow: column; flex: 1 0 0px; place-content: center; align-items: center; gap: 20px; width: 1px; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__text-1dxmjap { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__text-aqyejn { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }

/* ---------- phone layer ---------- */
.nf-bp-airguard__v-1bhm1qz { height: min-content; overflow: clip; flex-flow: column; flex: 0 0 auto; place-content: flex-start center; align-items: flex-start; gap: 20px; width: 100%; padding: 16px 16px 32px; display: flex; position: relative; }
.nf-bp-airguard__header-1gnfav9 { height: min-content; overflow: clip; flex-flow: column; flex: 0 0 auto; place-content: center; align-items: center; gap: 10px; width: 100%; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__text-1wj9dmo { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; max-width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__text-1uyoym0 { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__row-iyujm7 { height: min-content; overflow: clip; flex-flow: column; flex: 0 0 auto; place-content: center; align-items: center; gap: 10px; width: 100%; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__card-9phyrs { height: min-content; overflow: clip; will-change: transform; background-color: #000; border-radius: 20px; flex-flow: row; flex: 0 0 auto; place-content: flex-start; align-items: flex-start; gap: 8px; width: 100%; padding: 20px 16px; display: flex; position: relative; }
.nf-bp-airguard__icon-icnzly { aspect-ratio: 1 / 1; width: 24px; display: block; flex: 0 0 auto; height: auto; position: relative; }
.nf-bp-airguard__content-1f1lwpa { height: min-content; overflow: clip; flex-flow: column; flex: 1 0 0px; place-content: center; align-items: center; gap: 10px; width: 1px; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__text-xs4w6b { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__text-iubrk5 { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__card-ydex5u { height: min-content; overflow: clip; will-change: transform; background-color: #000; border-radius: 20px; flex-flow: row; flex: 0 0 auto; place-content: flex-start; align-items: flex-start; gap: 8px; width: 100%; padding: 20px 16px; display: flex; position: relative; }
.nf-bp-airguard__icon-3etet3 { aspect-ratio: 1 / 1; flex: 0 0 auto; width: 24px; height: auto; position: relative; }
.nf-bp-airguard__content-1vlrcro { height: min-content; overflow: clip; flex-flow: column; flex: 1 0 0px; place-content: flex-start; align-items: flex-start; gap: 10px; width: 1px; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__text-1wuaxwf { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__text-1e5mp1q { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__card-1tjdof7 { height: min-content; overflow: clip; will-change: transform; background-color: #000; border-radius: 20px; flex-flow: row; flex: 0 0 auto; place-content: flex-start; align-items: flex-start; gap: 8px; width: 100%; padding: 20px 16px; display: flex; position: relative; }
.nf-bp-airguard__icon-1us5qda { aspect-ratio: 1 / 1; flex: 0 0 auto; width: 24px; height: auto; position: relative; }
.nf-bp-airguard__content-1vxd89x { height: min-content; overflow: clip; flex-flow: column; flex: 1 0 0px; place-content: center; align-items: center; gap: 10px; width: 1px; padding: 0px; display: flex; position: relative; }
.nf-bp-airguard__text-1t6x22o { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }
.nf-bp-airguard__text-1eg3a8e { display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; flex: 0 0 auto; width: 100%; height: auto; position: relative; will-change: transform; }

/* Cards laid out like "What renting includes" (Danny, 2026-10-26): 32px padding on desktop and tablet, title and text
   start at the top with a 12px gap, titles on one line where they fit (live forces a break), grey body text. */
.nf-bp-airguard__v--desktop [class*="nf-bp-airguard__card-"],
.nf-bp-airguard__v--tablet [class*="nf-bp-airguard__card-"] { padding: 32px; }
.nf-bp-airguard [class*="nf-bp-airguard__content-"] { justify-content: flex-start; align-content: flex-start; gap: 12px; }
.nf-bp-airguard [class*="nf-bp-airguard__card-"] p { color: #9e9e9e; }
/* tablet: live fixes the stack at 521px and stretches each card to a third of it, leaving empty space; cards hug their text */
.nf-bp-airguard__v--tablet [class*="nf-bp-airguard__row-"] { height: auto; }
.nf-bp-airguard__v--tablet [class*="nf-bp-airguard__card-"] { flex: 0 0 auto; height: auto; }

/* the card row spans the full content width at every desktop size (Danny, 2026-10-26): live caps it at 1440px, which
   left it short of the right padding on wide screens */
.nf-bp-airguard [class*="nf-bp-airguard__row-"] { max-width: none; }
/* cards in a row share one height (live centres a shorter first card); js/40-airguard.js gives the titles in a row one
   height so the descriptions start on the same line (Danny, 2026-10-26) */
.nf-bp-airguard [class*="nf-bp-airguard__row-"] { align-items: stretch; }
.nf-bp-airguard__v--desktop [class*="nf-bp-airguard__card-"] { height: auto; align-self: stretch; }