.elementor-681 .elementor-element.elementor-element-637f853{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-681 .elementor-element.elementor-element-637f853{--min-height:0px;}}/* Start custom CSS *//* =========================================================
   ALARIONEX — OUTDOOR & OFF-GRID WARNING
   COMPLETE REFINED CSS
   Elementor outer container: oow-content
========================================================= */


/* =========================================================
   00 — TOKENS / RESET
========================================================= */

.oow-content {
  --oow-blue:#075ac8;
  --oow-blue-hover:#064ba6;
  --oow-navy:#0b2347;
  --oow-text:#35465f;
  --oow-muted:#66758a;
  --oow-border:#d9e3ef;
  --oow-light-border:#e7edf3;
  --oow-soft:#f5f8fb;
  --oow-yellow:#f4b400;
  --oow-danger:#d53b32;
  --oow-container:1240px;
  --oow-section-y:68px;
  --oow-radius:8px;
  --oow-shadow:0 10px 28px rgba(11,35,71,.05);

  --width:100%;
  --content-width:100%;

  width:100%;
  max-width:none;
  min-width:0;
  overflow-x:clip;
}

.oow-content,
.oow-content *,
.oow-content *::before,
.oow-content *::after {
  box-sizing:border-box;
}

.oow-content,
.oow-content.e-con,
.oow-content > .e-con-inner,
.oow-content .elementor-widget-html,
.oow-content .elementor-widget-html > .elementor-widget-container {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.oow-content,
.oow-content.e-con,
.oow-content > .e-con-inner {
  gap:0 !important;
  row-gap:0 !important;
}

.oow-content :is(
  .oow-hero,
  .oow-decision,
  .oow-function,
  .oow-products,
  .oow-faq,
  .oow-related,
  .oow-inquiry
) {
  width:100%;
  min-width:0;
  color:var(--oow-text);
  font-family:inherit;
}

.oow-container,
.oow-inquiry__container {
  width:min(
    var(--oow-container),
    calc(100% - 64px)
  );
  margin-inline:auto;
}

.oow-content :is(
  .oow-decision,
  .oow-function,
  .oow-products,
  .oow-faq
) {
  padding:var(--oow-section-y) 0;
}

.oow-content :is(
  #power-installation-conditions,
  #warning-function,
  #product-options,
  #outdoor-off-grid-faq,
  #request-recommendation
) {
  scroll-margin-top:96px;
}

.oow-content a {
  text-decoration:none;
}


/* Shared headings */

.oow-content :is(
  .oow-section-heading,
  .oow-function__heading,
  .oow-products__heading
) {
  margin-bottom:30px;
}

.oow-content :is(
  .oow-section-heading__title,
  .oow-function__title,
  .oow-products__title,
  .oow-faq__title
) {
  margin:0;
  color:var(--oow-navy);
  font-size:40px;
  font-weight:700;
  line-height:1.16;
  letter-spacing:-.025em;
}

.oow-content :is(
  .oow-section-heading__text,
  .oow-function__subtitle,
  .oow-products__subtitle
) {
  max-width:830px;
  margin:11px 0 0;
  color:#607487;
  font-size:16px;
  line-height:1.65;
}


/* =========================================================
   01 — HERO
========================================================= */

.oow-hero {
  position:relative;
  min-height:500px;
  overflow:hidden;
  background:#f3f7fa;
}

.oow-hero__container {
  position:relative;
  z-index:3;
  min-height:500px;
}

.oow-hero__content {
  width:51%;
  min-height:500px;
  padding:25px 0 48px;
  display:flex;
  flex-direction:column;
}

.oow-hero__media {
  position:absolute;
  inset:0;
  overflow:hidden;
}

.oow-hero__image {
  position:absolute;
  inset:0 0 0 auto;
  width:62%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:58% center;
}

.oow-hero__media::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    #f3f7fa 0 35%,
    rgba(243,247,250,.98) 40%,
    rgba(243,247,250,.8) 47%,
    rgba(243,247,250,.43) 53%,
    rgba(243,247,250,.1) 59%,
    transparent 64%
  );
}

.oow-breadcrumb {
  margin:0 0 34px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  color:#758899;
  font-size:12px;
  line-height:1.5;
}

.oow-breadcrumb a {
  color:#63798c !important;
}

.oow-breadcrumb a:hover {
  color:var(--oow-blue) !important;
}

.oow-breadcrumb__separator {
  color:#9dabb7;
}

.oow-eyebrow {
  margin:0 0 13px;
  color:var(--oow-blue);
  font-size:12px;
  font-weight:750;
  line-height:1.4;
  letter-spacing:.1em;
}

.oow-hero__title {
  max-width:690px;
  margin:0;
  color:var(--oow-navy);
  font-size:46px;
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.028em;
}

.oow-hero__title span {
  display:block;
  white-space:nowrap;
}

.oow-hero__description {
  max-width:600px;
  margin:20px 0 0;
  color:#52697c;
  font-size:15.5px;
  line-height:1.68;
}

.oow-hero__actions {
  margin-top:26px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.oow-button {
  min-height:46px !important;
  margin:0 !important;
  padding:10px 18px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid !important;
  border-radius:5px !important;
  box-shadow:none !important;
  font:700 14px/1.3 inherit !important;
  white-space:nowrap;
  transform:none !important;
}

.oow-button svg {
  width:17px;
  height:17px;
  transition:transform .2s;
}

.oow-button:hover svg {
  transform:translateX(3px);
}

.oow-button--primary {
  color:#fff !important;
  background:var(--oow-blue) !important;
  border-color:var(--oow-blue) !important;
}

.oow-button--primary:hover {
  background:var(--oow-blue-hover) !important;
  border-color:var(--oow-blue-hover) !important;
}

.oow-button--secondary {
  color:var(--oow-blue) !important;
  background:rgba(255,255,255,.92) !important;
  border-color:#aec0d5 !important;
}

.oow-button--secondary:hover {
  color:var(--oow-blue-hover) !important;
  background:#fff !important;
  border-color:var(--oow-blue) !important;
}


/* =========================================================
   02 — SITE DECISION
========================================================= */

.oow-decision {
  background:#fff;
}

.oow-decision__layout {
  display:grid;
  grid-template-columns:285px minmax(0,1fr);
  gap:18px;
  align-items:stretch;
}


/* Left */

.oow-decision-start {
  min-width:0;
  padding:25px 22px;
  display:flex;
  flex-direction:column;
  background:#f7fafc;
  border:1px solid #d7e3ed;
  border-radius:var(--oow-radius);
}

.oow-decision-start__intro {
  padding-bottom:20px;
  border-bottom:1px solid #dfe8ef;
}

:is(
  .oow-decision-start__eyebrow,
  .oow-decision-panel__eyebrow,
  .oow-site-check__eyebrow
) {
  margin:0 0 7px;
  color:#4280ae;
  font-size:10.5px;
  font-weight:750;
  line-height:1.4;
  letter-spacing:.075em;
}

.oow-decision-start__intro h3 {
  margin:0;
  color:var(--oow-navy);
  font-size:21px;
  line-height:1.35;
}

.oow-decision-start__intro > p:last-child {
  margin:9px 0 0;
  color:#718391;
  font-size:13.5px;
  line-height:1.58;
}

.oow-decision-start__list {
  margin-top:5px;
}

.oow-decision-start__item {
  padding:17px 0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:11px;
  border-bottom:1px solid #e1e9ef;
}

.oow-decision-start__item:last-child {
  padding-bottom:2px;
  border-bottom:0;
}

.oow-decision-start__icon {
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  color:var(--oow-blue);
  background:#fff;
  border:1px solid #d4e1eb;
  border-radius:7px;
}

.oow-decision-start__icon svg {
  width:25px;
  height:25px;
}

.oow-decision-start__item h4 {
  margin:0;
  color:var(--oow-navy);
  font-size:14px;
  line-height:1.4;
}

.oow-decision-start__item p {
  margin:5px 0 0;
  color:#657988;
  font-size:13px;
  line-height:1.54;
}


/* Right */

.oow-decision-panel {
  min-width:0;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--oow-border);
  border-radius:var(--oow-radius);
}

.oow-decision-panel__heading {
  padding:23px 25px 20px;
  background:#fbfcfd;
  border-bottom:1px solid var(--oow-border);
}

.oow-decision-panel__heading h3 {
  margin:0;
  color:var(--oow-navy);
  font-size:23px;
  line-height:1.35;
}

.oow-decision-row {
  display:grid;
  grid-template-columns:36fr 34fr 30fr;
}

.oow-decision-row + .oow-decision-row {
  border-top:1px solid var(--oow-border);
}

.oow-decision-row__need,
.oow-decision-row__product,
.oow-decision-row__fit {
  min-width:0;
  padding:22px;
}

.oow-decision-row__product,
.oow-decision-row__fit {
  border-left:1px solid var(--oow-light-border);
}


/* Need */

.oow-decision-row__need {
  position:relative;
  padding-left:27px;
}

.oow-decision-row__need::before {
  content:"";
  position:absolute;
  top:22px;
  bottom:22px;
  left:0;
  width:3px;
  border-radius:999px;
  opacity:.75;
}

.oow-decision-row--fixed .oow-decision-row__need {
  background:#f1f4f8;
}

.oow-decision-row--fixed .oow-decision-row__need::before {
  background:#6a7f9e;
}

.oow-decision-row--solar .oow-decision-row__need {
  background:#fff5df;
}

.oow-decision-row--solar .oow-decision-row__need::before {
  background:#d99b24;
}

.oow-decision-row--automatic .oow-decision-row__need {
  background:#eaf6f0;
}

.oow-decision-row--automatic .oow-decision-row__need::before {
  background:#3b956c;
}

.oow-decision-row--portable .oow-decision-row__need {
  background:#eaf4fb;
}

.oow-decision-row--portable .oow-decision-row__need::before {
  background:#438ab7;
}

.oow-decision-row__eyebrow {
  margin:0 0 7px;
  color:#527d9d;
  font-size:10px;
  font-weight:750;
  line-height:1.35;
  letter-spacing:.065em;
}

.oow-decision-row__need h4 {
  margin:0;
  color:var(--oow-navy);
  font-size:16px;
  line-height:1.42;
}

.oow-decision-row__need > p:last-child {
  margin:9px 0 0;
  color:#5e7484;
  font-size:13.5px;
  line-height:1.58;
}


/* Product preview */

.oow-decision-row__product {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:13px;
  background:#fafcfd;
}

.oow-decision-product {
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
}

.oow-decision-product + .oow-decision-product {
  padding-top:12px;
  border-top:1px solid #e5edf2;
}

.oow-decision-product__image:empty {
  display:none;
}

.oow-decision-product__image {
  width:76px;
  height:76px;
  flex:0 0 76px;
  padding:7px;
  overflow:hidden;
  background:#fff;
  border-radius:7px;
}

.oow-decision-product__image:not(:empty) {
  display:flex;
  align-items:center;
  justify-content:center;
}

:is(
  .oow-decision-product__image,
  .oow-product-route__visual
) img {
  position:static !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  margin:auto !important;
  object-fit:contain !important;
  transform:none !important;
}

.oow-decision-product__image img {
  max-height:62px !important;
}

.oow-decision-product__copy {
  min-width:0;
}

.oow-decision-product__copy strong {
  display:block;
  color:var(--oow-navy);
  font-size:14px;
  line-height:1.42;
}

.oow-decision-product__copy span {
  display:block;
  margin-top:5px;
  color:#6f8190;
  font-size:12.5px;
  line-height:1.5;
}


/* Next question */

.oow-decision-row__fit {
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.oow-decision-row__fit-label {
  display:block;
  margin-bottom:7px;
  color:#8797a3;
  font-size:10px;
  font-weight:750;
  letter-spacing:.07em;
}

.oow-decision-row__fit p {
  margin:0;
  color:#5e7484;
  font-size:13px;
  line-height:1.56;
}

.oow-decision-row__fit a,
.oow-product-route__link {
  width:fit-content;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--oow-blue) !important;
  font-size:13px;
  font-weight:700;
  line-height:1.4;
}

.oow-decision-row__fit a {
  margin-top:12px;
}

:is(
  .oow-decision-row__fit a,
  .oow-product-route__link
) span {
  transition:transform .2s;
}

:is(
  .oow-decision-row__fit a,
  .oow-product-route__link
):hover span {
  transform:translateX(3px);
}


/* Outdoor ≠ Solar */

.oow-decision__note {
  margin-top:18px;
  padding:14px 16px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:10px;
  background:#f8fafc;
  border-top:1px solid #dbe6ee;
}

.oow-decision__note > span {
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  color:var(--oow-blue);
  background:#fff;
  border:1px solid #cbdce8;
  border-radius:50%;
  font-size:11px;
  font-weight:750;
}

.oow-decision__note p {
  margin:0;
  color:#637786;
  font-size:13px;
  line-height:1.58;
}

.oow-decision__note strong {
  color:var(--oow-navy);
}


/* =========================================================
   03 — FUNCTION / SITE VALIDATION
========================================================= */

.oow-function {
  background:#f5f8fa;
}

.oow-function__grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}

.oow-function-card {
  min-width:0;
  padding:23px;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--oow-border);
  border-radius:var(--oow-radius);
}

.oow-function-card__icon {
  width:51px;
  height:51px;
  margin-bottom:17px;
  display:grid;
  place-items:center;
  border-radius:9px;
}

.oow-function-card__icon svg {
  width:34px;
  height:34px;
}

.oow-function-card__icon--visual {
  color:#b67807;
  background:#fff4df;
}

.oow-function-card__icon--audible {
  color:#2479aa;
  background:#eaf4fa;
}

.oow-function-card__icon--combined {
  color:#27865e;
  background:#eaf5ee;
}

.oow-function-card__icon--sensor {
  color:#6b65a5;
  background:#f0eef9;
}


/* Alignment zones */

.oow-function-card__eyebrow {
  min-height:2.8em;
  margin:0 0 6px;
  color:#5985a3;
  font-size:10px;
  font-weight:750;
  line-height:1.4;
  letter-spacing:.065em;
}

.oow-function-card h3 {
  min-height:4.2em;
  margin:0;
  color:var(--oow-navy);
  font-size:17px;
  line-height:1.4;
}

.oow-function-card > p:last-child {
  min-height:6.5em;
  margin:11px 0 0;
  color:#5e7484;
  font-size:14px;
  line-height:1.6;
}


/* Site Check */

.oow-site-check {
  margin-top:20px;
  padding:27px 28px 24px;
  background:#fff;
  border:1px solid var(--oow-border);
  border-radius:var(--oow-radius);
}

.oow-site-check__heading {
  padding-bottom:20px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  border-bottom:1px solid var(--oow-light-border);
}

.oow-site-check__heading h3 {
  margin:0;
  color:var(--oow-navy);
  font-size:21px;
  line-height:1.35;
}

.oow-site-check__heading > p {
  max-width:430px;
  margin:0;
  color:#718391;
  font-size:13.5px;
  line-height:1.55;
  text-align:right;
}

.oow-site-check__grid {
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.oow-site-factor {
  min-width:0;
  padding:3px 17px;
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:9px;
}

.oow-site-factor:first-child {
  padding-left:0;
}

.oow-site-factor:last-child {
  padding-right:0;
}

.oow-site-factor + .oow-site-factor {
  border-left:1px solid var(--oow-light-border);
}

.oow-site-factor > span {
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  color:var(--oow-blue);
  background:#edf5fb;
  border-radius:50%;
  font-size:9px;
  font-weight:750;
}

.oow-site-factor strong {
  display:block;
  color:var(--oow-navy);
  font-size:13px;
  line-height:1.42;
}

.oow-site-factor p {
  margin:5px 0 0;
  color:#687b89;
  font-size:13px;
  line-height:1.5;
}

.oow-site-check__boundary {
  margin-top:22px;
  padding:14px 15px;
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:10px;
  background:#f7fafc;
  border-top:1px solid #deebf2;
}

.oow-site-check__boundary-icon {
  color:#5689ad;
}

.oow-site-check__boundary-icon svg {
  width:18px;
  height:18px;
}

.oow-site-check__boundary p {
  margin:0;
  color:#607585;
  font-size:13px;
  line-height:1.58;
}

.oow-site-check__boundary strong {
  color:var(--oow-navy);
}

.oow-function__footer {
  margin-top:20px;
  display:flex;
  justify-content:flex-end;
}

.oow-function__cta {
  min-height:44px;
  padding:10px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff !important;
  background:var(--oow-blue);
  border:1px solid var(--oow-blue);
  border-radius:5px;
  font-size:13.5px;
  font-weight:700;
}

.oow-function__cta:hover {
  background:var(--oow-blue-hover);
  border-color:var(--oow-blue-hover);
}

.oow-function__cta svg {
  width:18px;
  height:18px;
}


/* =========================================================
   04 — PRODUCT MATCH
========================================================= */

.oow-products {
  background:#fff;
}

.oow-product-routes {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}

.oow-product-route {
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--oow-border);
  border-radius:var(--oow-radius);
  box-shadow:var(--oow-shadow);
}

.oow-product-route__visual:empty {
  display:none;
}

.oow-product-route__visual {
  height:190px;
  flex:0 0 190px;
  padding:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#f7f9fb;
  border-bottom:1px solid var(--oow-light-border);
}

.oow-product-route__visual img {
  max-height:154px !important;
}

.oow-product-route__content {
  min-width:0;
  flex:1;
  padding:20px;
  display:flex;
  flex-direction:column;
}


/*
   Alignment zones:
   Need → H3 → Type → Description → Secondary → CTA
*/

.oow-product-route__need {
  min-height:5.6em;
  margin:0 0 8px;
  color:#3d78a7;
  font-size:10px;
  font-weight:750;
  line-height:1.4;
  letter-spacing:.05em;
}

.oow-product-route h3 {
  min-height:3.1em;
  margin:0;
  color:var(--oow-navy);
  font-size:18px;
  line-height:1.35;
}

.oow-product-route__type {
  min-height:4.5em;
  margin:5px 0 0;
  color:#6f8190;
  font-size:12.5px;
  line-height:1.5;
}

.oow-product-route__description {
  min-height:7.9em;
  margin:14px 0 0;
  color:#526a7b;
  font-size:14px;
  line-height:1.58;
}

.oow-product-route__secondary {
  min-height:9em;
  margin-top:15px;
  padding:12px 13px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:4px;
  background:#fafcfd;
  border-top:1px solid var(--oow-light-border);
}

.oow-product-route__secondary strong {
  color:#83949f;
  font-size:10px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.oow-product-route__secondary span {
  color:#637786;
  font-size:13px;
  line-height:1.52;
}

.oow-product-route__links {
  min-height:54px;
  margin-top:auto;
  padding-top:17px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  gap:8px;
}

.oow-product-route__link--secondary {
  color:#60788a !important;
  font-size:12.5px;
  font-weight:650;
}

.oow-product-route__link--secondary:hover {
  color:var(--oow-blue) !important;
}

.oow-products__note {
  margin-top:18px;
  padding:14px 15px;
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:10px;
  border-top:1px solid var(--oow-border);
}

.oow-products__note-icon {
  color:#5689ad;
}

.oow-products__note-icon svg {
  width:18px;
  height:18px;
}

.oow-products__note p {
  margin:0;
  color:#607585;
  font-size:13px;
  line-height:1.56;
}


/* =========================================================
   05 — FAQ
========================================================= */

.oow-faq {
  background:#f7f9fb;
}

.oow-faq__inner {
  width:min(980px,100%);
  margin-inline:auto;
}

.oow-faq__heading {
  margin-bottom:28px;
}

.oow-faq__list {
  border-top:1px solid var(--oow-border);
}

.oow-faq-item {
  border-bottom:1px solid var(--oow-border);
}

.oow-faq-item__heading {
  margin:0;
}

.oow-faq-item__button,
.oow-faq-item__button:hover,
.oow-faq-item__button:focus,
.oow-faq-item__button:active {
  appearance:none !important;
  width:100% !important;
  min-height:62px !important;
  margin:0 !important;
  padding:16px 4px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 32px !important;
  align-items:center !important;
  gap:20px !important;
  color:var(--oow-navy) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font:inherit !important;
  text-align:left !important;
  white-space:normal !important;
  cursor:pointer;
}

.oow-faq-item__button:hover,
.oow-faq-item.is-open .oow-faq-item__button {
  color:var(--oow-blue) !important;
}

.oow-faq-item__question {
  min-width:0;
  color:inherit;
  font-size:16px;
  font-weight:650;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.oow-faq-item__icon {
  position:relative;
  width:30px;
  height:30px;
  justify-self:end;
  color:var(--oow-blue);
  background:#fff;
  border:1px solid #d8e3ea;
  border-radius:50%;
}

.oow-faq-item__icon-line {
  position:absolute;
  top:50%;
  left:50%;
  width:11px;
  height:1.5px;
  background:currentColor;
  transform:translate(-50%,-50%);
}

.oow-faq-item__icon-line--vertical {
  transform:translate(-50%,-50%) rotate(90deg);
  transition:opacity .2s;
}

.oow-faq-item.is-open
.oow-faq-item__icon-line--vertical {
  opacity:0;
}

.oow-faq-item__panel[hidden] {
  display:none;
}

.oow-faq-item__answer {
  max-width:850px;
  padding:0 52px 22px 4px;
}

.oow-faq-item__answer p {
  margin:0;
  color:#5e7484;
  font-size:14px;
  line-height:1.7;
}


/* =========================================================
   06 — RELATED
========================================================= */

.oow-related {
  padding:40px 0;
  background:#fff;
  border-bottom:1px solid var(--oow-light-border);
}

.oow-related__inner {
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:36px;
}

.oow-related__eyebrow {
  margin:0 0 7px;
  color:#4280ae;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.08em;
}

.oow-related__heading h2 {
  margin:0;
  color:var(--oow-navy);
  font-size:22px;
  line-height:1.35;
}

.oow-related__links {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--oow-border);
  border-radius:var(--oow-radius);
}

.oow-related-link {
  position:relative;
  min-width:0;
  padding:18px 40px 18px 18px;
  color:inherit !important;
  background:#fff;
}

.oow-related-link + .oow-related-link {
  border-left:1px solid var(--oow-light-border);
}

.oow-related-link strong,
.oow-related-link > span:not(.oow-related-link__arrow) {
  display:block;
}

.oow-related-link strong {
  min-height:2.8em;
  color:var(--oow-navy);
  font-size:14px;
  line-height:1.4;
}

.oow-related-link > span:not(.oow-related-link__arrow) {
  margin-top:7px;
  color:#647887;
  font-size:13px;
  line-height:1.52;
}

.oow-related-link__arrow {
  position:absolute;
  top:18px;
  right:17px;
  color:var(--oow-blue);
  transition:transform .2s;
}

.oow-related-link:hover
.oow-related-link__arrow {
  transform:translateX(3px);
}


/* =========================================================
   07 — INQUIRY
========================================================= */

.oow-inquiry {
  padding:64px 0;
  overflow-x:clip;
  background:
    radial-gradient(
      circle at 10% 22%,
      rgba(7,90,200,.07),
      transparent 30%
    ),
    #eef4fb;
}

.oow-inquiry__container {
  display:grid;
  grid-template-columns:31fr 69fr;
  gap:34px;
  align-items:start;
}

.oow-inquiry__intro {
  position:sticky;
  top:112px;
  min-width:0;
  padding:7px 0;
}

.oow-inquiry__eyebrow {
  margin:0 0 13px;
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--oow-blue);
  font-size:12px;
  font-weight:800;
  letter-spacing:.09em;
}

.oow-inquiry__eyebrow::before {
  content:"";
  width:23px;
  height:3px;
  flex:0 0 23px;
  background:var(--oow-yellow);
  border-radius:999px;
}

.oow-inquiry__title {
  margin:0 0 15px !important;
  color:var(--oow-navy) !important;
  font-size:clamp(35px,2.6vw,40px) !important;
  font-weight:780 !important;
  line-height:1.14 !important;
  letter-spacing:-.028em !important;
}

.oow-inquiry__description {
  margin:0 0 23px !important;
  font-size:14px !important;
  line-height:1.65 !important;
}

.oow-inquiry__benefits {
  margin:0 0 23px;
  padding:0;
  display:grid;
  gap:12px;
  list-style:none;
}

.oow-inquiry__benefits li {
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:10px;
  font-size:14px;
  line-height:1.55;
}

.oow-inquiry__check {
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  color:var(--oow-blue);
  background:rgba(255,255,255,.85);
  border:1px solid rgba(7,90,200,.15);
  border-radius:50%;
  font-size:12px;
  font-weight:800;
}

.oow-inquiry__note {
  padding:15px;
  display:grid;
  grid-template-columns:35px minmax(0,1fr);
  gap:11px;
  background:rgba(255,255,255,.63);
  border:1px solid rgba(7,90,200,.16);
  border-radius:8px;
}

.oow-inquiry__note-icon {
  width:35px;
  height:35px;
  display:grid;
  place-items:center;
  color:var(--oow-blue);
  background:#fff;
  border-radius:7px;
}

.oow-inquiry__note-icon svg {
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

.oow-inquiry__note p {
  margin:0 !important;
  color:var(--oow-muted) !important;
  font-size:13px !important;
  line-height:1.55 !important;
}


/* Form */

.oow-inquiry__form-card {
  min-width:0;
  padding:28px 29px;
  background:#fff;
  border:1px solid #d5e1ed;
  border-radius:8px;
  box-shadow:0 12px 32px rgba(11,35,71,.06);
}

.oow-inquiry-form__grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:15px 14px;
}

.oow-inquiry-field {
  min-width:0;
}

.oow-inquiry-field--full {
  grid-column:span 6;
}

.oow-inquiry-field--half {
  grid-column:span 3;
}

.oow-inquiry-field--third {
  grid-column:span 2;
}

.oow-inquiry-field label {
  display:block;
  margin:0 0 6px;
  color:var(--oow-navy);
  font-size:12px;
  font-weight:720;
}

.oow-inquiry-field label span {
  color:var(--oow-danger);
}

.oow-inquiry-field :is(
  input:not([type="file"]),
  select,
  textarea
) {
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  margin:0;
  color:#263c58;
  background:#fbfdff;
  border:1px solid #bfcede;
  border-radius:5px;
  outline:0;
  box-shadow:none;
  font-family:inherit;
  font-size:13px;
  line-height:1.45;
  transition:
    border-color .18s,
    box-shadow .18s,
    background-color .18s;
}

.oow-inquiry-field :is(
  input:not([type="file"]),
  select
) {
  height:44px;
  padding:0 11px;
}

.oow-inquiry-field textarea {
  min-height:94px;
  padding:10px 11px;
  resize:vertical;
}

.oow-inquiry-field
:is(input,textarea)::placeholder {
  color:#8798aa;
}

.oow-inquiry-field
:is(input,select,textarea):focus {
  background:#fff;
  border-color:var(--oow-blue);
  box-shadow:0 0 0 2px rgba(7,90,200,.08);
}

.oow-inquiry-field select {
  padding-right:42px;
  cursor:pointer;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b2347' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 13px center;
  background-size:15px;
}


/* Upload */

.oow-inquiry-upload {
  min-height:94px;
  padding:12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#fbfdff;
  border:1px dashed #aac3dc;
  border-radius:5px;
}

.oow-inquiry-upload__control {
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}

.oow-inquiry .oow-inquiry-upload__button,
.oow-inquiry .oow-inquiry-upload__button:hover,
.oow-inquiry .oow-inquiry-upload__button:focus,
.oow-inquiry .oow-inquiry-upload__button:active {
  appearance:none !important;
  flex:0 0 auto;
  min-height:34px;
  margin:0 !important;
  padding:6px 11px !important;
  color:#173a63 !important;
  background:#fff !important;
  border:1px solid #b9cadd !important;
  border-radius:4px !important;
  box-shadow:none !important;
  font-size:11px !important;
  font-weight:700 !important;
  cursor:pointer;
  transform:none !important;
}

.oow-inquiry .oow-inquiry-upload__button:hover {
  color:var(--oow-blue) !important;
  background:#f5f9ff !important;
  border-color:var(--oow-blue) !important;
}

.oow-inquiry-upload__status {
  min-width:0;
  overflow:hidden;
  color:#657b95;
  font-size:11px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.oow-inquiry-upload__help {
  margin:7px 0 0;
  color:#8192a5;
  font-size:10.5px;
  line-height:1.45;
}


/* Details */

.oow-inquiry-details {
  margin-top:17px;
  overflow:hidden;
  background:#f4f8fc;
  border:1px solid rgba(7,90,200,.22);
  border-radius:7px;
}

.oow-inquiry-details summary {
  min-height:48px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--oow-blue);
  font-size:12px;
  font-weight:720;
  cursor:pointer;
  list-style:none;
}

.oow-inquiry-details summary::-webkit-details-marker {
  display:none;
}

.oow-inquiry-details summary svg {
  width:18px;
  height:18px;
  transition:transform .2s;
}

.oow-inquiry-details[open] summary svg {
  transform:rotate(180deg);
}

.oow-inquiry-details__content {
  padding:15px 14px;
  background:#fff;
  border-top:1px solid rgba(7,90,200,.16);
}


/* Submit */

.oow-inquiry-form__submit-row {
  margin-top:19px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.oow-inquiry-form__submit-row p {
  margin:0 !important;
  color:var(--oow-muted) !important;
  font-size:11px !important;
}

.oow-inquiry-form__submit {
  min-width:190px;
  min-height:46px;
  margin:0 !important;
  padding:11px 18px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#fff !important;
  background:var(--oow-blue) !important;
  border:1px solid var(--oow-blue) !important;
  border-radius:5px !important;
  box-shadow:none !important;
  font-size:13px !important;
  font-weight:760 !important;
  cursor:pointer;
  transform:none !important;
}

.oow-inquiry-form__submit:hover {
  background:var(--oow-blue-hover) !important;
  border-color:var(--oow-blue-hover) !important;
}

.oow-inquiry-form__submit:disabled {
  opacity:.68;
  cursor:wait;
}

.oow-inquiry-form__submit svg {
  width:18px;
  height:18px;
}

.oow-inquiry-form__status {
  margin-top:14px;
  padding:10px 12px;
  color:#405672;
  background:#f3f7fb;
  border:1px solid #d5e1ed;
  border-radius:5px;
  font-size:12px;
  line-height:1.5;
}

.oow-inquiry-form__status[hidden] {
  display:none;
}

.oow-inquiry-form__status.is-error {
  color:#942c2c;
  background:#fff7f7;
  border-color:#edcccc;
}


/* Focus */

.oow-content :focus-visible {
  outline:2px solid rgba(7,90,200,.72);
  outline-offset:3px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:960px) {

  .oow-container,
  .oow-inquiry__container {
    width:min(calc(100% - 48px),1120px);
  }

  .oow-content :is(
    .oow-section-heading__title,
    .oow-function__title,
    .oow-products__title,
    .oow-faq__title
  ) {
    font-size:36px;
  }


  /* Hero */

  .oow-hero__content {
    width:59%;
  }

  .oow-hero__title {
    font-size:38px;
  }

  .oow-hero__title span {
    white-space:normal;
  }


  /* Decision */

  .oow-decision__layout {
    grid-template-columns:1fr;
  }

  .oow-decision-start__list {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .oow-decision-start__item {
    padding:16px;
  }

  .oow-decision-start__item:nth-child(odd) {
    padding-left:0;
  }

  .oow-decision-start__item:nth-child(even) {
    border-left:1px solid #e1e9ef;
  }

  .oow-decision-start__item:nth-last-child(-n+2) {
    border-bottom:0;
  }

  .oow-decision-row {
    grid-template-columns:40fr 32fr 28fr;
  }


  /* Function */

  .oow-function__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .oow-function-card__eyebrow,
  .oow-function-card h3,
  .oow-function-card > p:last-child {
    min-height:0;
  }

  .oow-site-check__grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px 0;
  }

  .oow-site-factor:nth-child(4) {
    padding-left:0;
    border-left:0;
  }


  /* Products */

  .oow-product-routes {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .oow-product-route__need,
  .oow-product-route h3,
  .oow-product-route__type,
  .oow-product-route__description,
  .oow-product-route__secondary {
    min-height:0;
  }


  /* Related */

  .oow-related__inner {
    grid-template-columns:1fr;
    gap:20px;
  }


  /* Inquiry */

  .oow-inquiry__container {
    grid-template-columns:35fr 65fr;
    gap:26px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:767px) {

  .oow-container,
  .oow-inquiry__container {
    width:calc(100% - 32px);
  }

  .oow-content :is(
    .oow-decision,
    .oow-function,
    .oow-products,
    .oow-faq
  ) {
    --oow-section-y:52px;
  }

  .oow-content :is(
    .oow-section-heading,
    .oow-function__heading,
    .oow-products__heading
  ) {
    margin-bottom:24px;
  }

  .oow-content :is(
    .oow-section-heading__title,
    .oow-function__title,
    .oow-products__title,
    .oow-faq__title
  ) {
    font-size:30px;
    line-height:1.18;
  }

  .oow-content :is(
    .oow-section-heading__text,
    .oow-function__subtitle,
    .oow-products__subtitle
  ) {
    font-size:14px;
  }


  /* Hero */

  .oow-hero,
  .oow-hero__container {
    min-height:0;
  }

  .oow-hero__content {
    width:100%;
    min-height:0;
    padding:20px 0 32px;
  }

  .oow-breadcrumb {
    margin-bottom:22px;
    font-size:11.5px;
  }

  .oow-hero__title {
    max-width:none;
    font-size:clamp(32px,8.8vw,36px);
  }

  .oow-hero__title span {
    display:inline;
    white-space:normal;
  }

  .oow-hero__description {
    max-width:none;
    margin-top:18px;
    font-size:14px;
  }

  .oow-hero__actions {
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .oow-button {
    width:100% !important;
  }

  .oow-hero__media {
    position:relative;
    inset:auto;
    aspect-ratio:16 / 9;
  }

  .oow-hero__media::after {
    display:none;
  }

  .oow-hero__image {
    inset:0;
    width:100%;
    height:100%;
    object-position:68% center;
  }


  /* Decision */

  .oow-decision-start {
    padding:21px 18px;
  }

  .oow-decision-start__list {
    display:block;
  }

  .oow-decision-start__item,
  .oow-decision-start__item:nth-child(odd),
  .oow-decision-start__item:nth-child(even) {
    padding:15px 0;
    border-left:0;
    border-bottom:1px solid #e1e9ef;
  }

  .oow-decision-start__item:last-child {
    border-bottom:0;
  }

  .oow-decision-panel__heading {
    padding:20px 18px 18px;
  }

  .oow-decision-row {
    grid-template-columns:1fr;
  }

  .oow-decision-row__need,
  .oow-decision-row__product,
  .oow-decision-row__fit {
    padding:18px;
  }

  .oow-decision-row__need {
    padding-left:23px;
  }

  .oow-decision-row__product,
  .oow-decision-row__fit {
    border-left:0;
    border-top:1px solid var(--oow-light-border);
  }

  .oow-decision-row__need > p:last-child,
  .oow-decision-row__fit p {
    font-size:13.5px;
  }


  /* Function */

  .oow-function__grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .oow-function-card {
    padding:18px 15px;
  }

  .oow-function-card__icon {
    width:46px;
    height:46px;
    margin-bottom:14px;
  }

  .oow-function-card__icon svg {
    width:30px;
    height:30px;
  }

  .oow-function-card__eyebrow {
    font-size:10px;
  }

  .oow-function-card h3 {
    font-size:16px;
  }

  .oow-function-card > p:last-child {
    font-size:13px;
  }

  .oow-site-check {
    padding:22px 19px;
  }

  .oow-site-check__heading {
    display:block;
  }

  .oow-site-check__heading > p {
    max-width:none;
    margin-top:8px;
    text-align:left;
  }

  .oow-site-check__grid {
    margin-top:14px;
    grid-template-columns:1fr;
    gap:0;
  }

  .oow-site-factor {
    padding:13px 0 !important;
    border-left:0 !important;
    border-top:1px solid var(--oow-light-border);
  }

  .oow-site-factor:first-child {
    border-top:0;
  }

  .oow-site-factor strong,
  .oow-site-factor p {
    font-size:13.5px;
  }

  .oow-function__footer {
    justify-content:stretch;
  }

  .oow-function__cta {
    width:100%;
  }


  /* Products */

  .oow-product-routes {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .oow-product-route__visual {
    height:132px;
    flex-basis:132px;
    padding:12px;
  }

  .oow-product-route__visual img {
    max-height:106px !important;
  }

  .oow-product-route__content {
    padding:15px 13px;
  }

  .oow-product-route__need {
    min-height:0;
    font-size:10px;
  }

  .oow-product-route h3 {
    min-height:0;
    font-size:16px;
  }

  .oow-product-route__type {
    min-height:0;
    font-size:12px;
  }

  .oow-product-route__description {
    min-height:0;
    font-size:13px;
    line-height:1.55;
  }

  .oow-product-route__secondary {
    min-height:0;
    padding:11px;
  }

  .oow-product-route__secondary span {
    font-size:12.5px;
  }

  .oow-product-route__link {
    font-size:12.5px;
  }


  /* FAQ */

  .oow-faq-item__button,
  .oow-faq-item__button:hover,
  .oow-faq-item__button:focus,
  .oow-faq-item__button:active {
    min-height:58px !important;
    padding:15px 0 !important;
    grid-template-columns:minmax(0,1fr) 28px !important;
    gap:10px !important;
  }

  .oow-faq-item__question {
    font-size:14.5px;
  }

  .oow-faq-item__icon {
    width:28px;
    height:28px;
  }

  .oow-faq-item__answer {
    max-width:none;
    padding:0 38px 19px 0;
  }

  .oow-faq-item__answer p {
    font-size:14px;
  }


  /* Related */

  .oow-related {
    padding:34px 0;
  }

  .oow-related__links {
    grid-template-columns:1fr;
  }

  .oow-related-link + .oow-related-link {
    border-left:0;
    border-top:1px solid var(--oow-light-border);
  }

  .oow-related-link strong {
    min-height:0;
  }


  /* Inquiry */

  .oow-inquiry {
    padding:48px 0;
  }

  .oow-inquiry__container {
    grid-template-columns:1fr;
    gap:24px;
  }

  .oow-inquiry__intro {
    position:static;
    padding:0;
  }

  .oow-inquiry__title {
    font-size:30px !important;
    line-height:1.18 !important;
  }

  .oow-inquiry__description,
  .oow-inquiry__benefits li {
    font-size:14px !important;
  }

  .oow-inquiry__form-card {
    padding:22px 17px 21px;
  }

  .oow-inquiry-form__grid {
    grid-template-columns:1fr;
    gap:14px;
  }

  .oow-inquiry-field--full,
  .oow-inquiry-field--half,
  .oow-inquiry-field--third {
    grid-column:1 / -1;
  }

  .oow-inquiry-field :is(
    input:not([type="file"]),
    select,
    textarea
  ) {
    font-size:16px;
  }

  .oow-inquiry-upload__control {
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }

  .oow-inquiry-upload__status {
    width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .oow-inquiry-form__submit-row {
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }

  .oow-inquiry-form__submit {
    width:100%;
    min-width:0;
  }

  .oow-inquiry-form__submit-row p {
    order:2;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width:430px) {

  .oow-container,
  .oow-inquiry__container {
    width:calc(100% - 28px);
  }

  .oow-function__grid {
    grid-template-columns:1fr;
  }

  .oow-function-card {
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:4px 13px;
  }

  .oow-function-card__icon {
    grid-row:span 3;
    margin:0;
  }

  .oow-function-card__eyebrow,
  .oow-function-card h3,
  .oow-function-card > p:last-child {
    min-height:0;
  }

  .oow-function-card > p:last-child {
    margin-top:6px;
  }

  .oow-product-routes {
    grid-template-columns:1fr;
  }

  .oow-product-route__visual {
    height:155px;
    flex-basis:155px;
  }

  .oow-product-route__visual img {
    max-height:126px !important;
  }

  .oow-product-route__content {
    padding:16px 15px;
  }

  .oow-product-route h3 {
    font-size:17px;
  }

  .oow-product-route__description {
    font-size:13.5px;
  }

  .oow-product-route__secondary span {
    font-size:13px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce) {

  .oow-content *,
  .oow-content *::before,
  .oow-content *::after {
    scroll-behavior:auto !important;
    transition:none !important;
  }

}/* End custom CSS */