@layer bricks {.brxe-accordion-nested{--brx-icon-transform:rotate(90deg);width:100%}.brxe-accordion-nested .accordion-title-wrapper{cursor:pointer}.brxe-accordion-nested .accordion-title-wrapper .brxe-heading{margin:0}.brxe-accordion-nested .accordion-content-wrapper{display:none}.brxe-accordion-nested .brx-open>.accordion-content-wrapper{display:block}.brxe-accordion-nested .brx-icon-expanded{display:none}.brxe-accordion-nested .brx-icon-transform{transition:transform .1s}.brxe-accordion-nested>.brx-open>.accordion-title-wrapper .brx-icon-transform{transform:var(--brx-icon-transform)}.brxe-accordion-nested>.brx-open>.accordion-title-wrapper .brx-icon-collapsed{display:none}.brxe-accordion-nested>.brx-open>.accordion-title-wrapper .brx-icon-expanded{display:block}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}:where(.brxe-video){align-items:center;aspect-ratio:16/9;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}:where(.brxe-video) iframe,:where(.brxe-video) video{border:none;height:100%;position:absolute;top:0;width:100%}:where(.brxe-video) video[poster]:not([data-is-loaded]){object-fit:cover}@supports not (aspect-ratio:16/9){:where(.brxe-video){aspect-ratio:auto;padding-top:56.25%}}.brxe-video .plyr{bottom:0;font-family:inherit;left:0;position:absolute;right:0;top:0}.brxe-video .plyr .plyr__controls>.plyr__control{padding:8px}.brxe-video .plyr .plyr__control--overlaid{align-items:center;background-color:rgba(0,0,0,.65);border-radius:0;display:flex!important;height:50px;justify-content:center;padding:0;width:80px}.brxe-video .plyr .plyr__control--overlaid:hover{background-color:rgba(0,0,0,.9)}.brxe-video .plyr .plyr__control--overlaid svg{height:18px;width:18px}.brxe-video .plyr .plyr__controls .plyr__control{background-color:transparent;color:inherit}.brxe-video .plyr .plyr__controls .plyr__control.plyr__tab-focus{background:transparent;box-shadow:0 0 0 2px}.brxe-video .plyr input[type=range]:hover::-webkit-slider-thumb{visibility:visible}.brxe-video .plyr input[type=range]::-webkit-slider-runnable-track{border-radius:0;color:hsla(0,0%,100%,.75)}.brxe-video .plyr input[type=range]::-webkit-slider-thumb{background:#fff;box-shadow:none;visibility:hidden}.brxe-video .plyr input[type=range]::-moz-range-track{border-radius:0;color:hsla(0,0%,100%,.75)}.brxe-video .plyr input[type=range]::-moz-range-thumb{background:#fff;box-shadow:none}.brxe-video .plyr input[type=range]::-moz-range-progress{border-radius:0}.brxe-video .plyr input[type=range]::-ms-track{border-radius:0;color:hsla(0,0%,100%,.75)}.brxe-video .plyr input[type=range]::-ms-fill-lower,.brxe-video .plyr input[type=range]::-ms-fill-upper{border-radius:0}.brxe-video .plyr input[type=range]::-ms-thumb{background:#fff;box-shadow:none}.brxe-video .plyr input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:none}.brxe-video .plyr input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:none}.brxe-video .plyr input[type=range].plyr__tab-focus::-ms-track{box-shadow:none}.brxe-video .plyr .plyr__progress__buffer::-webkit-progress-value{border-radius:0}.brxe-video .plyr .plyr__progress__buffer::-moz-progress-bar{border-radius:0}.brxe-video .plyr .plyr__progress__buffer::-ms-fill{border-radius:0}.brxe-video .plyr .plyr__volume{max-width:none;min-width:0;width:auto}.brxe-video .plyr .plyr__volume:hover input[type=range]{margin:0 5px;width:60px}.brxe-video .plyr .plyr__volume input[type=range]{margin:0;transition:width .1s ease-out;width:0}.brxe-video .plyr .plyr__controls__item,.brxe-video .plyr input[type=range]{cursor:pointer}.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before,.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before,.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:hover:before{background-color:#000}.brxe-video .plyr .plyr__menu__container .plyr__control[role=menuitemradio]:hover:after{background-color:#fff;opacity:1;transform:translateY(-50%) scale(1)}.bricks-video-preview-image{background-position:50%;background-repeat:no-repeat}.bricks-video-overlay,.bricks-video-preview-image{background-size:cover;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.bricks-video-overlay{align-items:center;display:flex;justify-content:center;z-index:1}.bricks-video-overlay.bricks-lazy-hidden{background-image:none!important}.bricks-video-overlay-icon{color:#fff;cursor:pointer;font-size:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {.brxe-code{width:100%}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}* { margin: 0; padding: 0; box-sizing: border-box;}html.lenis,html.lenis body { height: auto;}.lenis.lenis-smooth { scroll-behavior: auto !important;}.mobile-link { display: none !important;}@media (max-width: 767px) { .desktop-link { display: none !important; } .mobile-link { display: block !important; }}section { scroll-margin-top: 10px;}.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain;}.lenis.lenis-stopped { overflow: hidden;}.lenis.lenis-scrolling iframe { pointer-events: none;}:root { --shot-content-max: 1800px; --shot-content-pad: 48px; --shot-content-left: max( 48px, calc((100vw - var(--shot-content-max)) / 2 + 48px) ); --shot-content-right: max( 48px, calc((100vw - var(--shot-content-max)) / 2 + 48px) );}.phone-mobile { display: none !important;}.phone-desktop { display: block !important;}@media (max-width: 767px) { .phone-desktop { display: none !important; } .phone-mobile { display: block !important; }}.shot-insight-section { position: relative; min-height: 5500px; background: #000; color: #fff; overflow: hidden; font-family: "FH Dfaalt", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;}.shot-insight-section,.shot-insight-section * { font-family: "FH Dfaalt", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;}.shot-insight-container { position: relative; min-height: 5500px; background: transparent; z-index: 10;}.shot-insight-parallax-bg { position: absolute; top: 0; left: 50%; margin-left: -50vw; width: 100vw; height: 5500px; pointer-events: none; z-index: 0; background-image: url('/wp-content/uploads/2026/11/Blue_Sky-Blue-graphic-element_02.webp'); background-size: 150%; background-position: 15% 20%; background-repeat: no-repeat; will-change: transform; opacity: 0; transition: opacity 0.35s ease;}.shot-insight-parallax-bg.is-active { opacity: 1;}.shot-insight-spline-container { position: fixed; top: 0; bottom: 0; right: var(--shot-content-right); width: min( 42vw, calc((var(--shot-content-max) - (var(--shot-content-pad) * 2)) / 2) ); pointer-events: none; z-index: 10; opacity: 0; transition: opacity 0.5s ease;}.shot-insight-spline-container.visible { opacity: 1; pointer-events: auto;}.shot-insight-spline-container spline-viewer { width: 100%; height: 100%; display: block;}@media (min-width: 768px) and (max-width: 1180px) { :root { --shot-content-pad: 32px; --shot-content-left: 32px; --shot-content-right: 32px; } .shot-insight-spline-container { top: 0 !important; bottom: auto !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; right: var(--shot-content-right) !important; width: min(40vw, 420px) !important; max-width: 420px !important; transform: translate3d(0, 0, 0) !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; will-change: opacity, transform !important; } .shot-insight-spline-container spline-viewer { width: 100% !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; display: block !important; transform: translate3d(0, 0, 0) !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; }}@media (min-width: 768px) and (max-width: 1024px) and (min-height: 900px) { .shot-insight-spline-container { right: 0 !important; width: 100% !important; max-width: 100% !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; transform: translate3d(0, 0, 0) !important; transform-origin: center center !important; } .shot-insight-spline-container spline-viewer { width: 100% !important; max-width: 100% !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; }}@media (max-width: 767px) { .shot-insight-spline-container { top: 0 !important; bottom: auto !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; width: 100% !important; max-width: 100% !important; right: 0 !important; transform: translate3d(0, 0, 0) !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } .shot-insight-spline-container spline-viewer { width: 100% !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; transform: translate3d(0, 0, 0) !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; }}.shot-insight-content-block { position: absolute; left: var(--shot-content-left); z-index: 20; transition: opacity 1s, transform 1s; opacity: 0; transform: translateY(50px);}.shot-insight-content-block.visible { opacity: 1; transform: translateY(0);}.shot-insight-title-block { top: 400px; max-width: 640px;}.shot-insight-title-text { font-size: clamp(48px, 4vw, 72px); line-height: 1.05; letter-spacing: -0.03em; font-weight: 500; color: #fff;}.shot-insight-info-block { display: flex; flex-direction: column; gap: 20px; max-width: 560px;}.shot-insight-block1 { top: 1000px;}.shot-insight-block2 { top: 1700px;}.shot-insight-block3 { top: 2400px;}.shot-insight-label { font-size: 24px; line-height: 24px; opacity: 0.6; font-weight: 400; color: #fff;}.shot-insight-value { font-size: clamp(48px, 3.2vw, 64px); line-height: 1.08; font-weight: 500; color: #fff;}.shot-insight-description { font-family: "FH Dfaalt", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-weight: 400; font-style: normal; font-size: 18px; line-height: 27px; letter-spacing: 0; color: rgba(255, 255, 255, 0.6); max-width: 520px; margin-top: 0;}.shot-insight-trigger-point { position: absolute; left: 0; top: 3100px; width: 100%; height: 1px;}.shot-insight-measure-block { position: absolute; top: 3100px; left: var(--shot-content-left); display: flex; flex-direction: column; gap: 8px; transition: transform 0.1s linear; z-index: 30;}.shot-insight-measure-block.sticky { position: fixed; top: 30vh; left: var(--shot-content-left); z-index: 30;}.shot-insight-measurements { font-size: clamp(48px, 3.2vw, 64px); font-weight: 500; color: #fff;}.shot-insight-measurement-line { line-height: 1.1; margin-bottom: 0; transition: opacity 0.5s, transform 0.5s; opacity: 0; transform: translateY(20px);}.shot-insight-measurement-line.visible { opacity: 1; transform: translateY(0);}@media (max-width: 1180px) { .shot-insight-measure-block { will-change: transform; transform: translate3d(0, 0, 0); backface-visibility: hidden; -webkit-backface-visibility: hidden; } .shot-insight-measure-block.sticky { position: fixed; top: 30svh; transform: translate3d(0, 0, 0); will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .shot-insight-measurement-line { will-change: opacity, transform; transform: translate3d(0, 20px, 0); transition: opacity 0.45s ease, transform 0.45s ease; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .shot-insight-measurement-line.visible { transform: translate3d(0, 0, 0); }}.step-item { opacity: 0.35; cursor: pointer; transition: all 0.25s ease;}.step-item.active { opacity: 1;}.step-content { display: none !important;}.step-item.active .step-content { display: block !important;}.phone-image { transition: opacity 0.2s ease;}.faq-accordion .accordion-title-wrapper { display: grid !important; grid-template-columns: 32px 1fr; column-gap: 24px; align-items: flex-start;}.faq-accordion .accordion-title-wrapper::before { content: "+"; display: flex; align-items: flex-start; justify-content: center; width: 32px; font-size: 24px; line-height: 1.15; color: #fff; text-align: center; flex-shrink: 0;}.faq-accordion .brx-open .accordion-title-wrapper::before { content: "−";}.faq-accordion .accordion-title { grid-column: 2; margin: 0 !important;}.faq-accordion .accordion-content-wrapper,.faq-accordion .accordion-content { padding-left: 56px !important;}.faq-accordion { border-top: none !important; border-bottom: none !important;}.faq-accordion .accordion-item,.faq-accordion .accordion-title-wrapper,.faq-accordion .accordion-title { border: none !important;}.faq-accordion .accordion-item:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.12) !important;}.brxw-timeline-01,.brxw-timeline-01 * { border-top: none !important;}.brxw-timeline-01 *::before,.brxw-timeline-01 *::after { content: none !important; display: none !important; border: 0 !important;}@media (max-width: 767px) { :root { --shot-content-pad: 24px; --shot-content-left: 24px; --shot-content-right: 24px; } .shot-insight-parallax-bg { background-size: 300%; background-position: 50% 20%; } .shot-insight-spline-container { right: 0 !important; width: 100% !important; } .shot-insight-title-text { font-size: 40px; line-height: 1.08; } .shot-insight-label { font-size: 20px; } .shot-insight-value, .shot-insight-measurements { font-size: 40px; } .shot-insight-description { font-size: 16px; line-height: 24px; max-width: 320px; } .shot-insight-measure-block.sticky { left: 24px; } .brxw-timeline-01, .brxw-timeline-01__item, .brxw-timeline-01__content, .brxw-timeline-01__title-wrapper { border-top: none !important; } .brxw-timeline-01::before, .brxw-timeline-01__item::before { display: none !important; content: none !important; }}.install-section { background: #000; color: #fff; width: auto; max-width: 100%; overflow: hidden; box-sizing: border-box;}.install-container { width: min(100%, 1180px); max-width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box;}.install-main-title { width: 100%; text-align: left; font-family: "FH Dfaalt", sans-serif; font-size: clamp(48px, 4vw, 64px); line-height: 1.05; font-weight: 500; letter-spacing: -0.03em; color: #fff; margin: 0 0 72px 0;}.install-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; row-gap: 56px; width: 100%; max-width: 100%; box-sizing: border-box;}.install-card { display: flex; flex-direction: column; width: 100%; min-width: 0; gap: 28px; position: static !important; opacity: 0; transform: translateY(34px) scale(0.985); filter: blur(8px); transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), filter 0.9s cubic-bezier(0.22, 1, 0.36, 1);}.install-section.is-visible .install-card { opacity: 1; transform: translateY(0) scale(1); filter: blur(0);}.install-section.is-visible .install-card:nth-child(1) { transition-delay: 0.08s;}.install-section.is-visible .install-card:nth-child(2) { transition-delay: 0.22s;}.install-section.is-visible .install-card:nth-child(3) { transition-delay: 0.36s;}.install-step-header { display: flex; align-items: center; justify-content: flex-start; gap: 16px; width: 100%;}.install-number { width: 40px; height: 40px; min-width: 40px; border-radius: 999px; background: #A3CAFD; color: #0A121B; display: flex; align-items: center; justify-content: center; transform: scale(0.85); transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);}.install-section.is-visible .install-number { transform: scale(1);}.install-number-text { font-family: "FH Dfaalt", sans-serif !important; font-weight: 500 !important; font-style: normal !important; font-size: 14px !important; line-height: 14px !important; height: 14px !important; letter-spacing: 0 !important; text-align: center !important; color: #0A121B !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transform: translateY(2px) !important;}.install-card-title { font-family: "FH Dfaalt", sans-serif; font-size: clamp(22px, 1.7vw, 28px); line-height: 1.15; font-weight: 500; letter-spacing: -0.02em; color: #fff; margin: 0;}.install-card-description { font-family: "FH Dfaalt", sans-serif; font-size: 18px; line-height: 27px; font-weight: 400; color: rgba(255, 255, 255, 0.6); margin: 0; max-width: 520px;}.install-video-frame { position: relative !important; width: 100% !important; max-width: 416px !important; height: 263px !important; border-radius: 24px !important; overflow: hidden !important; background: #D3E2F2 !important; cursor: pointer;}.install-card:nth-child(1) .install-video-frame { margin-top: 0 !important;}.install-card:nth-child(2) .install-video-frame { margin-top: 40px !important;}.install-card:nth-child(3) .install-video-frame { margin-top: 60px !important;}.install-video { width: 100% !important; height: 100% !important; border-radius: inherit !important; overflow: hidden !important; background: transparent !important;}.install-video video,.install-video-frame > video,.install-card > video { width: 100% !important; height: 100% !important; max-width: none !important; display: block !important; object-fit: cover !important; border-radius: inherit !important; background: #D3E2F2 !important; overflow: hidden !important; transform: scale(0.965); opacity: 0; transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s cubic-bezier(0.22, 1, 0.36, 1), filter 0.35s ease, box-shadow 0.35s ease;}.install-section.is-visible .install-video video,.install-section.is-visible .install-video-frame > video,.install-section.is-visible .install-card > video { transform: scale(1); opacity: 1;}.install-card.is-playing .install-video video,.install-card.is-playing .install-video-frame > video,.install-card.is-playing .install-card > video { filter: brightness(1.04); box-shadow: 0 24px 80px rgba(163, 202, 253, 0.14);}.install-card:hover .install-video video,.install-card:hover .install-video-frame > video,.install-card:hover .install-card > video { transform: scale(1.025);}.install-video video::-webkit-media-controls,.install-card video::-webkit-media-controls { display: none !important;}.install-video-toggle { position: absolute !important; top: 50% !important; left: 50% !important; z-index: 50 !important; width: 48px !important; height: 48px !important; padding: 0 !important; margin: 0 !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; outline: none !important; box-shadow: none !important; background: rgba(18, 24, 31, 0.72) !important; border-radius: 999px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transform: translate(-50%, -50%) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: transform 0.2s ease, background 0.2s ease, opacity 0.2s ease;}.install-video-toggle:hover { transform: translate(-50%, -50%) scale(1.08) !important; background: rgba(18, 24, 31, 0.9) !important;}.install-video-toggle .icon-play { display: block !important; width: 0 !important; height: 0 !important; margin-left: 3px !important; border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 14px solid #ffffff !important;}.install-video-toggle .icon-pause { display: none !important; width: 14px !important; height: 18px !important; align-items: center !important; justify-content: space-between !important;}.install-video-toggle .icon-pause span { display: block !important; width: 4px !important; height: 18px !important; background: #ffffff !important; border-radius: 2px !important;}.install-card.is-playing .install-video-toggle .icon-play { display: none !important;}.install-card.is-playing .install-video-toggle .icon-pause { display: flex !important;}.install-card:not(.is-playing) .install-video-toggle .icon-play { display: block !important;}.install-card:not(.is-playing) .install-video-toggle .icon-pause { display: none !important;}.install-card.is-playing .install-video-toggle { opacity: 0 !important; pointer-events: auto !important; transform: translate(-50%, -50%) scale(0.92) !important;}.install-card.is-playing .install-video-toggle:hover { opacity: 1 !important; transform: translate(-50%, -50%) scale(1.08) !important;}.install-card:not(.is-playing) .install-video-toggle { opacity: 1 !important; pointer-events: auto !important; transform: translate(-50%, -50%) scale(1) !important;}@media (min-width: 768px) and (max-width: 1180px) { .install-section { overflow-x: hidden !important; } .install-container { width: 100% !important; max-width: 100% !important; padding-left: 32px !important; padding-right: 32px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; overflow-x: hidden !important; } .install-main-title { font-size: 42px !important; line-height: 1.08 !important; margin-bottom: 48px !important; } .install-cards { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 28px !important; row-gap: 48px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .install-card { width: 100% !important; max-width: 100% !important; min-width: 0 !important; gap: 20px !important; overflow: visible !important; } .install-step-header { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; min-width: 0 !important; } .install-number { width: 34px !important; height: 34px !important; min-width: 34px !important; max-width: 34px !important; flex: 0 0 34px !important; } .install-number-text { font-size: 12px !important; line-height: 110% !important; } .install-card-title { flex: 1 1 auto !important; min-width: 0 !important; max-width: calc(100% - 46px) !important; font-size: 19px !important; line-height: 1.15 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; margin: 0 !important; } .install-card-description { width: 100% !important; max-width: 100% !important; min-width: 0 !important; font-size: 14px !important; line-height: 20px !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; margin: 0 !important; } .install-card:nth-child(1) .install-video-frame { margin-top: 10px !important;}.install-card:nth-child(2) .install-video-frame { margin-top: 30px !important;}.install-card:nth-child(3) .install-video-frame { margin-top: 50px !important;} .install-video-frame { width: 100% !important; max-width: 100% !important; height: 190px !important; aspect-ratio: auto !important; border-radius: 20px !important; } .install-video, .install-video video, .install-video-frame > video, .install-card > video { width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: cover !important; border-radius: inherit !important; }}@media (max-width: 767px) { .install-section { display: block !important; background: #000 !important; overflow: hidden !important; padding-left: 0 !important; padding-right: 0 !important; } .install-container { display: block !important; width: 100% !important; max-width: 390px !important; padding-left: 24px !important; padding-right: 24px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; overflow: hidden !important; } .install-main-title { font-size: 36px !important; line-height: 1.08 !important; margin: 0 0 40px 0 !important; } .install-cards { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 56px !important; } .install-card { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; gap: 20px !important; opacity: 1 !important; transform: none !important; filter: none !important; overflow: visible !important; } .install-step-header { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .install-number { width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; flex: 0 0 44px !important; border-radius: 999px !important; } .install-number-text { font-size: 14px !important; line-height: 110% !important; color: #0A121B !important; transform: translateY(0.7px) !important; } .install-card-title { flex: 1 1 auto !important; min-width: 0 !important; max-width: calc(100% - 58px) !important; font-size: 20px !important; line-height: 1.2 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; margin: 0 !important; } .install-card-description { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; font-size: 16px !important; line-height: 24px !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; margin: 0 !important; } .install-video-frame { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; height: 220px !important; border-radius: 24px !important; overflow: hidden !important; flex: 0 0 auto !important; align-self: stretch !important; clear: both !important; background: #D3E2F2 !important; } .install-card:nth-child(1) .install-video-frame { margin-top: 25px !important; } .install-card:nth-child(2) .install-video-frame { margin-top: 45px !important; } .install-card:nth-child(3) .install-video-frame { margin-top: 60px !important; } .install-video, .install-video video, .install-video-frame > video, .install-card > video { display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: cover !important; border-radius: inherit !important; background: #D3E2F2 !important; } .install-card:hover .install-video video, .install-card:hover .install-video-frame > video, .install-card:hover .install-card > video { transform: scale(1); } .install-video-toggle { width: 42px !important; height: 42px !important; } .install-video-toggle .icon-play { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 13px solid #ffffff !important; } .install-video-toggle .icon-pause { width: 13px !important; height: 16px !important; } .install-video-toggle .icon-pause span { width: 4px !important; height: 16px !important; }}@media (max-width: 767px) and (orientation: landscape) { .install-container { max-width: 100%; padding-left: 48px !important; padding-right: 48px !important; } .install-main-title { font-size: 38px !important; margin-bottom: 32px !important; } .install-cards { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; } .install-card { gap: 16px !important; } .install-number { width: 30px !important; height: 30px !important; min-width: 30px !important; max-width: 30px !important; flex: 0 0 30px !important; } .install-number-text { font-size: 12px !important; } .install-card-title { font-size: 18px !important; } .install-card-description { font-size: 13px !important; line-height: 18px !important; } .install-card:nth-child(1) .install-video-frame, .install-card:nth-child(2) .install-video-frame, .install-card:nth-child(3) .install-video-frame { margin-top: 0 !important; } .install-video-frame { height: 140px !important; border-radius: 16px !important; }}@media (max-width: 767px) { .step-mobile .step-circle { width: 44px !important; height: 44px !important; min-width: 44px !important; max-width: 44px !important; flex: 0 0 44px !important; border-radius: 999px !important; aspect-ratio: 1 / 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #A3CAFD !important; color: #0A121B !important; } .step-mobile .step-circle * { font-size: 14px !important; line-height: 110% !important; color: #0A121B !important; white-space: nowrap !important; } .step-mobile .step-circle-text { font-family: "FH Dfaalt", sans-serif !important; font-weight: 500 !important; font-style: normal !important; font-size: 14px !important; line-height: 110% !important; letter-spacing: 0 !important; text-align: center !important; color: #0A121B !important; margin: 0 !important; }}.waitlist-button-holder { position: relative; z-index: 20; width: fit-content; height: 56px; min-height: 56px; display: flex; align-items: center; justify-content: center; top: 42px; pointer-events: none;}.waitlist-button-clean { position: relative; z-index: 21; width: 200px; height: 56px; min-height: 56px; max-height: 56px; padding: 0 28px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; line-height: 1; white-space: nowrap; pointer-events: auto; cursor: pointer;}.waitlist-button-clean::before,.waitlist-button-clean::after { content: none !important; display: none !important;}@media (min-width: 700px) and (max-width: 1300px) and (orientation: portrait) { .install-container { padding-left: 40px !important; padding-right: 40px !important; max-width: 100% !important; } .install-cards { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 22px !important; row-gap: 48px !important; } .install-card { gap: 18px !important; min-width: 0 !important; max-width: 100% !important; } .install-step-header { gap: 10px !important; align-items: center !important; } .install-number { width: 32px !important; height: 32px !important; min-width: 32px !important; max-width: 32px !important; flex: 0 0 32px !important; } .install-number-text { font-size: 12px !important; } .install-card-title { font-size: 17px !important; line-height: 1.15 !important; max-width: 300px !important; white-space: normal !important; overflow-wrap: break-word !important; } .install-card-description { font-size: 15px !important; line-height: 19.5px !important; max-width: 290px !important; white-space: normal !important; overflow-wrap: break-word !important; } .install-card:nth-child(1) .install-video-frame { margin-top: 28px !important; } .install-card:nth-child(2) .install-video-frame { margin-top: 56px !important; } .install-card:nth-child(3) .install-video-frame { margin-top: 84px !important; } .install-video-frame { width: 100% !important; max-width: 100% !important; height: 170px !important; border-radius: 20px !important; }}@media (min-width: 768px) and (max-width: 1366px) { .footer-sensor-image { position: relative !important; left: 10px !important; transform: translateX(38px) !important; z-index: 2 !important; }}@media (hover: none) and (pointer: coarse) and (min-width: 600px) { #brxe-abgdph { width: auto !important; min-width: max-content !important; max-width: none !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; padding: 0 22px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; overflow: visible !important; flex: 0 0 auto !important; box-sizing: border-box !important; } #brxe-abgdph, #brxe-abgdph * { font-size: 11px !important; line-height: 1 !important; white-space: nowrap !important; overflow: visible !important; width: auto !important; min-width: max-content !important; max-width: none !important; flex-shrink: 0 !important; }}@media (hover: none) and (pointer: coarse) and (min-width: 600px) { .install-number, .step-circle-desktop { width: 34px !important; height: 34px !important; min-width: 34px !important; max-width: 34px !important; min-height: 34px !important; max-height: 34px !important; flex: 0 0 34px !important; aspect-ratio: 1 / 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; box-sizing: border-box !important; border-radius: 999px !important; overflow: hidden !important; } .install-number-text, .step-circle-desktop-text { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; font-size: 12px !important; line-height: 1 !important; text-align: center !important; white-space: nowrap !important; transform: translateY(1px) !important; } .install-number-text *, .step-circle-desktop-text * { line-height: 1 !important; margin: 0 !important; padding: 0 !important; }}@media (hover: none) and (pointer: coarse) and (min-width: 600px) { .shot-insight-measure-block { will-change: opacity !important; transition: opacity 0.45s ease !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } .shot-insight-measure-block.sticky { position: fixed !important; top: 30svh !important; left: var(--shot-content-left) !important; }  .shot-insight-measurement-line { transform: none !important; transition: opacity 0.35s ease !important; will-change: opacity !important; } .shot-insight-measurement-line.visible { transform: none !important; }  .shot-insight-measure-block.tablet-fade-out { opacity: 0 !important; pointer-events: none !important; }}@media (hover: none) and (pointer: coarse) and (min-width: 600px) { .shot-insight-section, .shot-insight-container { min-height: 4300px !important; } .shot-insight-parallax-bg { height: 4300px !important; }}@media (hover: none) and (pointer: coarse) and (min-width: 600px) { .shot-insight-measure-block { will-change: transform, opacity !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; perspective: 1000px !important; contain: layout paint style !important; } .shot-insight-measure-block.sticky { will-change: transform, opacity !important; transform: translate3d(0, 0, 0); } .shot-insight-measurements, .shot-insight-measurement-line { will-change: transform, opacity !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; transform: translateZ(0); } .shot-insight-measurement-line { transition: opacity 0.35s ease, transform 0.35s ease !important; }}@media (hover: none) and (pointer: coarse) and (min-width: 600px) and (max-width: 1100px) and (min-height: 850px) { .shot-insight-spline-container { position: fixed !important; top: 0 !important; bottom: auto !important; right: 16px !important; width: 34vw !important; max-width: 300px !important; min-width: 240px !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; overflow: visible !important; transform: translate3d(0, 0, 0) scale(0.82) !important; transform-origin: center right !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; will-change: opacity, transform !important; } .shot-insight-spline-container spline-viewer { width: 100% !important; max-width: 100% !important; height: 100svh !important; min-height: 100svh !important; max-height: 100svh !important; display: block !important; } .shot-insight-measure-block { left: 32px !important; z-index: 30 !important; will-change: opacity !important; transform: none !important; transition: opacity 0.35s ease !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } .shot-insight-measure-block.sticky { position: fixed !important; top: 30svh !important; left: 32px !important; transform: none !important; } .shot-insight-measurement-line { transform: none !important; transition: opacity 0.3s ease !important; will-change: opacity !important; } .shot-insight-measurement-line.visible { transform: none !important; } .shot-insight-measure-block.tablet-fade-out { opacity: 0 !important; pointer-events: none !important; }}.hero-slide { position: relative;}.hero-content-wrapper { display: flex; align-items: center; justify-content: space-between;}.hero-div { display: flex; flex-direction: column; align-items: flex-start; text-align: left;}.event-banner { width: min(100%, 519px); min-height: 160px; padding: 32px; border-radius: 10px; background: rgba(10, 18, 27, 0.8); display: flex; flex-direction: row; align-items: center; gap: 24px; box-sizing: border-box; margin-bottom: 64px;}.event-banner__logo { width: 105px; height: 68px; object-fit: contain; flex: 0 0 105px;}.event-banner__content { display: flex; flex-direction: column; gap: 8px; min-width: 0; text-align: left;}.event-banner__title { margin: 0; color: #ffffff; font-family: "FH Dfaalt", sans-serif; font-weight: 500; font-size: 24px; line-height: 1.1;}.event-banner__details { margin: 0; color: rgba(255, 255, 255, 0.72); font-family: "FH Dfaalt", sans-serif; font-weight: 400; font-size: 18px; line-height: 27px;}@media (max-width: 1024px) { .event-banner { width: min(100%, 460px); min-height: auto; padding: 24px; gap: 18px; margin-bottom: 48px; } .event-banner__logo { width: 90px; height: auto; flex-basis: 90px; } .event-banner__title { font-size: 20px; } .event-banner__details { font-size: 15px; line-height: 22px; }}.event-banner { cursor: pointer; position: relative; overflow: hidden; transform: translateY(0); transition: transform 0.28s ease, background 0.28s ease, box-shadow 0.28s ease;}.event-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 135deg, rgba(163, 202, 253, 0.16), rgba(211, 233, 255, 0.04) ); opacity: 0; transition: opacity 0.28s ease; pointer-events: none;}.event-banner::after { content: "→"; position: absolute; right: 24px; bottom: 22px; color: #D3E9FF; font-size: 22px; line-height: 1; opacity: 0; transform: translateX(-8px); transition: opacity 0.28s ease, transform 0.28s ease;}.event-banner:hover { transform: translateY(-4px); background: rgba(10, 18, 27, 0.92); box-shadow: 0 18px 60px rgba(163, 202, 253, 0.14);}.event-banner:hover::before { opacity: 1;}.event-banner:hover::after { opacity: 1; transform: translateX(0);}.event-banner__logo,.event-banner__content { position: relative; z-index: 2;}.event-banner__logo { transition: transform 0.28s ease;}.event-banner:hover .event-banner__logo { transform: scale(1.04);}@media (max-width: 1024px) { .event-banner::after { right: 18px; bottom: 18px; font-size: 20px; }}.hero-section,.hero-section * { box-sizing: border-box !important;}.hero-section { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important;}.hero-section .hero-slide,.hero-section .hero-content-wrapper,.hero-section .hero-div,.hero-section .hero-sensor-image { box-sizing: border-box !important;}.hero-section .hero-content-wrapper { transform: none !important;}.hero-section .hero-div { position: relative !important; z-index: 5 !important;}.hero-section .hero-sensor-image { position: relative !important; z-index: 3 !important; pointer-events: none !important;}.hero-section .hero-sensor-image img,.hero-section .hero-sensor-image__img { display: block !important; height: auto !important;}.hero-section .event-banner { position: relative !important; overflow: hidden !important; cursor: pointer !important;}.hero-section .event-banner__logo,.hero-section .event-banner__content { position: relative !important; z-index: 2 !important;}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } #brx-content { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } #brx-content > .brxe-section, .hero-section, .shot-insight-section, .install-section { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; } #brx-content > .brxe-section > .brxe-container, .hero-section .hero-inner, .hero-section .hero-slide, .hero-section .hero-content-wrapper, .shot-insight-container, .install-container { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } img, video, canvas, svg { max-width: 100% !important; }}@media (min-width: 768px) and (max-width: 899px) and (orientation: portrait) { .hero-section { padding-left: 32px !important; padding-right: 32px !important; min-height: 100svh !important; overflow: hidden !important; } .hero-section .hero-slide { min-height: 100svh !important; overflow: visible !important; } .hero-section .hero-content-wrapper { position: relative !important; width: 100% !important; max-width: 100% !important; min-height: 100svh !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(210px, 30vw) !important; align-items: center !important; justify-content: space-between !important; column-gap: 24px !important; transform: none !important; overflow: visible !important; } .hero-section .hero-div { width: 100% !important; max-width: 520px !important; min-width: 0 !important; justify-self: start !important; align-self: center !important; transform: none !important; z-index: 5 !important; } .hero-section .event-banner { width: min(100%, 420px) !important; max-width: 420px !important; min-height: 118px !important; margin-bottom: 42px !important; padding: 22px !important; gap: 16px !important; border-radius: 26px !important; } .hero-section .event-banner__logo { width: 72px !important; max-width: 72px !important; flex: 0 0 72px !important; } .hero-section .event-banner__title { font-size: 18px !important; line-height: 1.1 !important; } .hero-section .event-banner__details { font-size: 14px !important; line-height: 20px !important; } .hero-section .hero-title { width: 100% !important; max-width: 520px !important; font-size: clamp(52px, 7vw, 68px) !important; line-height: 1 !important; letter-spacing: -0.052em !important; text-align: left !important; } .hero-section .hero-copy-row { width: 100% !important; max-width: 500px !important; margin-top: 28px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 18px !important; position: relative !important; z-index: 7 !important; } .hero-section .hero-description { max-width: 330px !important; font-size: 15px !important; line-height: 22px !important; } .hero-section .hero-button { width: auto !important; min-width: 132px !important; height: 38px !important; min-height: 38px !important; padding: 0 16px !important; font-size: 12px !important; white-space: nowrap !important; position: relative !important; z-index: 8 !important; } .hero-section .hero-sensor-image { position: relative !important; width: 100% !important; max-width: clamp(220px, 28vw, 285px) !important; justify-self: end !important; align-self: center !important; margin: 0 !important; transform: none !important; inset: auto !important; z-index: 3 !important; pointer-events: none !important; } .hero-section .hero-sensor-image img, .hero-section .hero-sensor-image__img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; }}@media (min-width: 900px) and (max-width: 1024px) and (orientation: portrait) { .hero-section { padding-left: 32px !important; padding-right: 0 !important; min-height: 100svh !important; overflow: hidden !important; } .hero-section .hero-slide { min-height: 100svh !important; overflow: visible !important; } .hero-section .hero-content-wrapper { width: 100% !important; max-width: 100% !important; min-height: 100svh !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 24px !important; transform: none !important; overflow: visible !important; } .hero-section .hero-div { width: 58% !important; max-width: 620px !important; min-width: 0 !important; align-self: center !important; transform: none !important; z-index: 5 !important; } .hero-section .event-banner { width: min(100%, 470px) !important; max-width: 470px !important; margin-bottom: 48px !important; padding: 24px !important; gap: 18px !important; border-radius: 28px !important; } .hero-section .event-banner__logo { width: 82px !important; max-width: 82px !important; flex: 0 0 82px !important; } .hero-section .event-banner__title { font-size: 20px !important; line-height: 1.1 !important; } .hero-section .event-banner__details { font-size: 15px !important; line-height: 22px !important; } .hero-section .hero-title { max-width: 620px !important; font-size: clamp(66px, 7vw, 86px) !important; line-height: 0.96 !important; letter-spacing: -0.055em !important; text-align: left !important; } .hero-section .hero-copy-row { width: 100% !important; max-width: 560px !important; margin-top: 32px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 22px !important; } .hero-section .hero-description { max-width: 370px !important; font-size: 16px !important; line-height: 24px !important; } .hero-section .hero-button { width: auto !important; min-width: 138px !important; height: 40px !important; min-height: 40px !important; padding: 0 17px !important; font-size: 13px !important; white-space: nowrap !important; } .hero-section .hero-sensor-image { position: relative !important; width: 42% !important; max-width: 430px !important; min-width: 280px !important; margin: 0 !important; transform: none !important; inset: auto !important; align-self: center !important; z-index: 3 !important; pointer-events: none !important; } .hero-section .hero-sensor-image img, .hero-section .hero-sensor-image__img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; }}@media (min-width: 900px) and (max-width: 1024px) and (orientation: portrait) { .shot-insight-section .shot-insight-spline-container { position: fixed !important; top: 50% !important; bottom: auto !important; right: 32px !important; left: auto !important; width: clamp(380px, 36vw, 520px) !important; max-width: 520px !important; min-width: 380px !important; height: clamp(620px, 70svh, 800px) !important; max-height: 800px !important; min-height: 620px !important; transform: translateY(-50%) !important; transform-origin: center right !important; overflow: visible !important; z-index: 10 !important; pointer-events: none !important; } .shot-insight-section .shot-insight-spline-container spline-viewer { display: block !important; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; min-height: 0 !important; transform: none !important; }}@media (min-width: 768px) and (max-width: 1180px) and (orientation: landscape) { .hero-section .hero-sensor-image { position: relative !important; right: auto !important; top: auto !important; left: auto !important; bottom: auto !important; inset: auto !important; transform: none !important; }}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { body.home .desktop-link, body.page-id-806 .desktop-link, body.home #brx-header .desktop-link, body.page-id-806 #brx-header .desktop-link { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } body.home .mobile-link, body.page-id-806 .mobile-link, body.home #brx-header .mobile-link, body.page-id-806 #brx-header .mobile-link { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } body.home #brx-header .brxe-container, body.page-id-806 #brx-header .brxe-container, body.home header .brxe-container, body.page-id-806 header .brxe-container, body.home .brxe-header .brxe-container, body.page-id-806 .brxe-header .brxe-container, body.home .brx-header .brxe-container, body.page-id-806 .brx-header .brxe-container { width: 100% !important; max-width: 100% !important; padding-left: 32px !important; padding-right: 32px !important; display: grid !important; grid-template-columns: auto 1fr auto auto !important; align-items: center !important; column-gap: 10px !important; box-sizing: border-box !important; } body.home #brx-header .brxe-logo, body.page-id-806 #brx-header .brxe-logo, body.home header .brxe-logo, body.page-id-806 header .brxe-logo, body.home .brxe-header .brxe-logo, body.page-id-806 .brxe-header .brxe-logo, body.home .brx-header .brxe-logo, body.page-id-806 .brx-header .brxe-logo { grid-column: 1 !important; justify-self: start !important; width: auto !important; max-width: 112px !important; margin: 0 !important; transform: none !important; } body.home #brx-header .brxe-logo img, body.page-id-806 #brx-header .brxe-logo img, body.home header .brxe-logo img, body.page-id-806 header .brxe-logo img, body.home .brxe-header .brxe-logo img, body.page-id-806 .brxe-header .brxe-logo img, body.home .brx-header .brxe-logo img, body.page-id-806 .brx-header .brxe-logo img { width: auto !important; max-width: 112px !important; height: auto !important; display: block !important; } body.home #brx-header .brxe-nav-menu, body.page-id-806 #brx-header .brxe-nav-menu, body.home header .brxe-nav-menu, body.page-id-806 header .brxe-nav-menu, body.home .brxe-header .brxe-nav-menu, body.page-id-806 .brxe-header .brxe-nav-menu, body.home .brx-header .brxe-nav-menu, body.page-id-806 .brx-header .brxe-nav-menu { grid-column: 4 !important; justify-self: end !important; position: relative !important; width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; transform: none !important; overflow: visible !important; z-index: 10003 !important; } body.home #brx-header .brxe-nav-menu .brx-nav-menu-toggle, body.home #brx-header .brxe-nav-menu .bricks-mobile-menu-toggle, body.page-id-806 #brx-header .brxe-nav-menu .brx-nav-menu-toggle, body.page-id-806 #brx-header .brxe-nav-menu .bricks-mobile-menu-toggle, body.home header .brxe-nav-menu .brx-nav-menu-toggle, body.home header .brxe-nav-menu .bricks-mobile-menu-toggle, body.page-id-806 header .brxe-nav-menu .brx-nav-menu-toggle, body.page-id-806 header .brxe-nav-menu .bricks-mobile-menu-toggle { position: relative !important; width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; color: #ffffff !important; transform: none !important; z-index: 10004 !important; }  body.home:not(.menu-is-open) #brx-header .brxe-nav-menu ul, body.home:not(.menu-is-open) #brx-header .brxe-nav-menu .menu, body.home:not(.menu-is-open) #brx-header .brx-nav-nested-items, body.page-id-806:not(.menu-is-open) #brx-header .brxe-nav-menu ul, body.page-id-806:not(.menu-is-open) #brx-header .brxe-nav-menu .menu, body.page-id-806:not(.menu-is-open) #brx-header .brx-nav-nested-items { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }  body.home #brx-header .waitlist-open, body.home #brx-header .brxe-container > .brxe-button, body.page-id-806 #brx-header .waitlist-open, body.page-id-806 #brx-header .brxe-container > .brxe-button, body.home header .waitlist-open, body.home header .brxe-container > .brxe-button, body.page-id-806 header .waitlist-open, body.page-id-806 header .brxe-container > .brxe-button { grid-column: 3 !important; justify-self: end !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 46px !important; min-height: 46px !important; padding: 0 20px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; font-size: 14px !important; line-height: 1 !important; transform: none !important; }}@media (min-width: 768px) and (max-width: 1180px) and (orientation: landscape) { .hero-section .hero-content-wrapper, .hero-section .hero-div { transform: translateY(10px) !important; }}@media (min-width: 2000px) and (min-height: 1050px) { .hero-section .hero-div { transform: translateY(-20px) !important; }}@media (min-width: 768px) and (max-width: 1024px) { .install-section { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; background: #000 !important; color: #fff !important; overflow-x: hidden !important; box-sizing: border-box !important; } .install-container { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 32px !important; padding-right: 32px !important; box-sizing: border-box !important; overflow: visible !important; } .install-main-title { width: 100% !important; margin: 0 0 48px 0 !important; font-size: 42px !important; line-height: 1.08 !important; } .install-cards { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 28px !important; row-gap: 48px !important; box-sizing: border-box !important; } .install-card { width: 100% !important; max-width: 100% !important; min-width: 0 !important; gap: 20px !important; overflow: visible !important; } .install-step-header { width: 100% !important; min-width: 0 !important; display: flex !important; align-items: center !important; gap: 12px !important; } .install-number { width: 34px !important; height: 34px !important; min-width: 34px !important; max-width: 34px !important; min-height: 34px !important; max-height: 34px !important; flex: 0 0 34px !important; } .install-number-text { font-size: 12px !important; line-height: 1 !important; } .install-card-title { flex: 1 1 auto !important; min-width: 0 !important; max-width: calc(100% - 46px) !important; margin: 0 !important; font-size: 19px !important; line-height: 1.15 !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } .install-card-description { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; font-size: 14px !important; line-height: 20px !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } .install-card:nth-child(1) .install-video-frame { margin-top: 10px !important; } .install-card:nth-child(2) .install-video-frame { margin-top: 30px !important; } .install-card:nth-child(3) .install-video-frame { margin-top: 50px !important; } .install-video-frame { width: 100% !important; max-width: 100% !important; height: 190px !important; border-radius: 20px !important; overflow: hidden !important; box-sizing: border-box !important; } .install-video, .install-video video, .install-video-frame > video, .install-card > video { width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: cover !important; border-radius: inherit !important; }}@media (min-width: 1025px), (min-width: 768px) and (hover: hover) and (pointer: fine) { .install-section { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; background: #000 !important; color: #fff !important; overflow-x: hidden !important; box-sizing: border-box !important; } .install-container { width: 100% !important; max-width: 1800px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 48px !important; padding-right: 48px !important; box-sizing: border-box !important; overflow: visible !important; } .install-main-title { width: 100% !important; margin: 0 0 72px 0 !important; font-size: clamp(48px, 4vw, 64px) !important; line-height: 1.05 !important; } .install-cards { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 416px)) !important; justify-content: space-between !important; column-gap: 32px !important; row-gap: 56px !important; box-sizing: border-box !important; } .install-card { width: 100% !important; max-width: 416px !important; min-width: 0 !important; gap: 28px !important; overflow: visible !important; } .install-step-header { width: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 16px !important; } .install-number { width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; min-height: 40px !important; max-height: 40px !important; flex: 0 0 40px !important; } .install-number-text { font-size: 14px !important; line-height: 14px !important; } .install-card-title { min-width: 0 !important; max-width: none !important; margin: 0 !important; font-size: clamp(22px, 1.7vw, 28px) !important; line-height: 1.15 !important; } .install-card-description { width: 100% !important; max-width: 416px !important; margin: 0 !important; font-size: 18px !important; line-height: 27px !important; } .install-card:nth-child(1) .install-video-frame { margin-top: 0 !important; } .install-card:nth-child(2) .install-video-frame { margin-top: 40px !important; } .install-card:nth-child(3) .install-video-frame { margin-top: 60px !important; } .install-video-frame { width: 100% !important; max-width: 416px !important; height: 263px !important; border-radius: 24px !important; overflow: hidden !important; box-sizing: border-box !important; } .install-video, .install-video video, .install-video-frame > video, .install-card > video { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; border-radius: inherit !important; }}@media (min-width: 768px) and (max-width: 1180px) and (orientation: landscape) { .install-card:nth-child(1) .install-video-frame { margin-top: 40px !important; } .install-card:nth-child(2) .install-video-frame { margin-top: 60px !important; } .install-card:nth-child(3) .install-video-frame { margin-top: 80px !important; }}@media (min-width: 768px) and (max-width: 1180px) and (orientation: landscape) { .recommend-container { margin-top: 200px !important; }}@media (max-width: 991px) {@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) {.home-steps,.home-steps * { box-sizing: border-box !important;}.home-steps { width: 100% !important; max-width: 100% !important; padding-left: 32px !important; padding-right: 32px !important; overflow: hidden !important;}.home-steps__heading { width: 100% !important; max-width: 100% !important; margin-bottom: 48px !important; font-size: 44px !important; line-height: 1.04 !important; letter-spacing: -0.04em !important; white-space: normal !important; color: #ffffff !important;}.home-steps__grid { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; column-gap: 36px !important; align-items: start !important;}.home-steps__item { width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important;}.home-steps__item-head { width: 100% !important; min-height: 112px !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; margin-bottom: 16px !important;}.home-steps__number { font-size: 18px !important; line-height: 1 !important; font-weight: 400 !important; color: #d3e9ff !important;}.home-steps__title { width: 100% !important; max-width: 230px !important; font-size: 26px !important; line-height: 1.12 !important; letter-spacing: -0.035em !important; color: #ffffff !important;}.home-steps__text { width: 100% !important; max-width: 220px !important; font-size: 15.5px !important; line-height: 1.34 !important; letter-spacing: -0.01em !important; color: rgba(255, 255, 255, 0.68) !important;}}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) {.shot-insight-section,.shot-insight-section * { box-sizing: border-box !important;}.shot-insight-section { width: 100% !important; max-width: 100% !important; overflow: hidden !important;}.shot-insight-container { width: 100% !important; max-width: 100% !important; padding-left: 32px !important; padding-right: 32px !important;}.shot-insight-content { max-width: 500px !important;}.shot-insight-title,.shot-insight-heading { max-width: 500px !important; font-size: 48px !important; line-height: 1.04 !important; letter-spacing: -0.045em !important;}.shot-insight-text,.shot-insight-description { max-width: 410px !important; font-size: 17px !important; line-height: 1.42 !important; letter-spacing: -0.01em !important;}}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) {.shot-insight-spline-container { width: 100% !important; max-width: 100% !important; overflow: visible !important; transform: translateX(135px) translateY(-24px) scale(0.9) !important; transform-origin: center center !important;}.shot-insight-spline,.shot-insight-spline iframe,.shot-insight-spline canvas { width: 100% !important; max-width: 100% !important;}}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) {.shot-insight-measure-block,[data-shot-measure] { position: relative !important; z-index: 6 !important; margin-top: 24px !important;}.shot-insight-measures,.shot-insight-measurements,.shot-insight-measure-list { width: auto !important; max-width: none !important; overflow: visible !important; pointer-events: none !important;}.shot-insight-measure,.shot-insight-measure-item,.shot-insight-measurement-line { width: max-content !important; max-width: none !important; white-space: nowrap !important; overflow: visible !important;}.shot-insight-measure,.shot-insight-measure-item { display: flex !important; flex-direction: row !important; align-items: center !important; font-size: 12px !important; line-height: 1 !important; letter-spacing: -0.01em !important;}.shot-insight-measure *,.shot-insight-measure-item *,.shot-insight-measurement-line * { white-space: nowrap !important; overflow: visible !important;}.shot-insight-measure-block,[data-shot-measure],.shot-insight-measure-block.sticky,[data-shot-measure].sticky { left: auto !important; right: auto !important; margin-left: 0 !important; margin-right: 0 !important; transform-origin: left top !important;}}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) { .install-section { width: 100% !important; max-width: 100% !important; overflow: hidden !important; background: #000 !important; } .install-container { width: 100% !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 32px !important; padding-right: 32px !important; box-sizing: border-box !important; overflow: visible !important; } .install-main-title { width: 100% !important; max-width: 100% !important; margin: 0 0 56px 0 !important; font-size: 44px !important; line-height: 1.04 !important; letter-spacing: -0.04em !important; text-align: left !important; color: #ffffff !important; } .install-cards { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; gap: 76px !important; margin: 0 !important; padding: 0 !important; } .install-card { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; transform: none !important; filter: none !important; overflow: visible !important; } .install-step-header { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 16px !important; margin: 0 0 22px 0 !important; } .install-number { width: 42px !important; height: 42px !important; min-width: 42px !important; max-width: 42px !important; min-height: 42px !important; max-height: 42px !important; flex: 0 0 42px !important; border-radius: 999px !important; } .install-number-text { font-size: 13px !important; line-height: 1 !important; transform: translateY(1px) !important; } .install-card-title { flex: 1 1 auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; font-size: 26px !important; line-height: 1.14 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow-wrap: normal !important; color: #ffffff !important; } .install-card-description { width: 100% !important; max-width: 560px !important; margin: 0 0 28px 0 !important; font-size: 17px !important; line-height: 26px !important; letter-spacing: -0.005em !important; color: rgba(255, 255, 255, 0.66) !important; white-space: normal !important; overflow-wrap: normal !important; }  .install-card:nth-child(1) .install-video-frame, .install-card:nth-child(2) .install-video-frame, .install-card:nth-child(3) .install-video-frame { margin-top: 0 !important; } .install-video-frame { width: calc(100% - 72px) !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 72px !important; height: auto !important; aspect-ratio: 16 / 9 !important; border-radius: 28px !important; overflow: hidden !important; align-self: flex-start !important; background: #d3e2f2 !important; } .install-video, .install-video video, .install-video-frame > video, .install-card > video { display: block !important; width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important; border-radius: inherit !important; background: #d3e2f2 !important; } .install-card:hover .install-video video, .install-card:hover .install-video-frame > video, .install-card:hover .install-card > video { transform: scale(1) !important; } .install-video-toggle { width: 46px !important; height: 46px !important; } .install-video-toggle .icon-play { border-top-width: 8px !important; border-bottom-width: 8px !important; border-left-width: 13px !important; } .install-video-toggle .icon-pause { width: 13px !important; height: 17px !important; } .install-video-toggle .icon-pause span { width: 4px !important; height: 17px !important; }}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) { .how-section--desktop, .how-section--desktop * { box-sizing: border-box !important; } .how-section--desktop { width: 100% !important; max-width: 100% !important; overflow: hidden !important; padding-left: 32px !important; padding-right: 32px !important; padding-top: 96px !important; padding-bottom: 96px !important; } .how-container { width: 100% !important; max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; display: grid !important; grid-template-columns: minmax(250px, 35%) minmax(0, 1fr) !important; align-items: start !important; column-gap: 54px !important; overflow: visible !important; } .how-phone-image { width: 100% !important; max-width: 300px !important; justify-self: center !important; align-self: start !important; margin-top: 75px !important; transform: none !important; } .how-phone-image img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; } .how-content { width: 100% !important; max-width: 100% !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; align-self: start !important; overflow: visible !important; } .how-heading { margin: 0 0 52px 0 !important; font-size: 44px !important; line-height: 1.04 !important; letter-spacing: -0.04em !important; white-space: nowrap !important; color: #ffffff !important; } .how-step { width: 100% !important; max-width: 100% !important; margin: 0 0 38px 0 !important; padding: 0 !important; opacity: 1 !important; transform: none !important; } .how-step:last-of-type { margin-bottom: 0 !important; } .how-step-row { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 16px !important; margin: 0 0 16px 0 !important; padding: 0 !important; } .how-step-circle { width: 40px !important; height: 40px !important; min-width: 40px !important; max-width: 40px !important; min-height: 40px !important; max-height: 40px !important; flex: 0 0 40px !important; border-radius: 999px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .how-step-number { margin: 0 !important; padding: 0 !important; font-size: 13px !important; line-height: 1 !important; text-align: center !important; transform: translateY(1px) !important; } .how-step-title { margin: 0 !important; font-size: 24px !important; line-height: 1.15 !important; letter-spacing: -0.025em !important; white-space: normal !important; overflow-wrap: normal !important; color: #ffffff !important; }  .how-step-text { width: 100% !important; max-width: 500px !important; margin: 0 !important; padding-left: 0 !important; font-size: 17px !important; line-height: 26px !important; letter-spacing: -0.005em !important; color: rgba(255, 255, 255, 0.66) !important; } .how-button-wrap { width: auto !important; max-width: 100% !important; display: none !important; margin-top: -30px !important; padding-left: 0 !important; } .how-button { height: 52px !important; min-height: 52px !important; padding-left: 28px !important; padding-right: 28px !important; border-radius: 999px !important; font-size: 14px !important; line-height: 1 !important; white-space: nowrap !important; }}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) { .recommend-section, .recommend-section * { box-sizing: border-box !important; } .recommend-section { width: 100% !important; max-width: 100% !important; overflow: hidden !important; padding-left: 32px !important; padding-right: 32px !important; padding-top: 96px !important; padding-bottom: 96px !important; background: #000 !important; } .recommend-container { width: 100% !important; max-width: 760px !important; margin-left: auto !important; margin-right: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; overflow: visible !important; } .recommend-badge { width: auto !important; max-width: max-content !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 86px !important; padding-left: 22px !important; padding-right: 22px !important; height: 42px !important; min-height: 42px !important; border-radius: 999px !important; font-size: 14px !important; line-height: 1 !important; white-space: nowrap !important;}.recommend-heading { width: 100% !important; max-width: 760px !important; margin: 0 0 100px 0 !important; font-size: 30px !important; line-height: 1.2 !important; letter-spacing: -0.03em !important; text-align: center !important; color: #ffffff !important;}.recommend-author { width: 100% !important; max-width: 620px !important; margin: 0 0 15px 0 !important; font-size: 17px !important; line-height: 26px !important; letter-spacing: -0.005em !important; text-align: center !important; color: #ffffff !important; position: relative !important; z-index: 2 !important;} .recommend-image img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: cover !important; border-radius: inherit !important; }}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) { .faq-section, .faq-section * { box-sizing: border-box !important; } .faq-section { width: 100% !important; max-width: 100% !important; overflow: visible !important; padding-left: 32px !important; padding-right: 32px !important; padding-top: 96px !important; padding-bottom: 350px !important; background: #000 !important; } .faq-container { width: 100% !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 56px !important; overflow: visible !important; } .faq-intro { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; margin: 0 !important; padding: 0 !important; } .faq-heading { width: 100% !important; max-width: 100% !important; margin: 0 0 28px 0 !important; font-size: 44px !important; line-height: 1.04 !important; letter-spacing: -0.04em !important; color: #ffffff !important; } .faq-lede { width: 100% !important; max-width: 520px !important; margin: 0 !important; font-size: 17px !important; line-height: 26px !important; letter-spacing: -0.005em !important; color: rgba(255, 255, 255, 0.72) !important; } .faq-list { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .faq-list .accordion-item { width: 100% !important; max-width: 100% !important; border-bottom: 1px solid rgba(163, 202, 253, 0.22) !important; } .faq-list .accordion-title-wrapper { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: 32px minmax(0, 1fr) !important; column-gap: 20px !important; align-items: start !important; padding-top: 22px !important; padding-bottom: 22px !important; } .faq-list .accordion-title { margin: 0 !important; font-size: 23px !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; white-space: normal !important; overflow-wrap: normal !important; color: #ffffff !important; } .faq-list .accordion-content-wrapper, .faq-list .accordion-content { width: 100% !important; max-width: 100% !important; padding-left: 52px !important; padding-right: 0 !important; padding-bottom: 24px !important; } .faq-list .accordion-content, .faq-list .accordion-content p { font-size: 16px !important; line-height: 25px !important; letter-spacing: -0.005em !important; color: rgba(255, 255, 255, 0.64) !important; }}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) { .final-cta-actions { display: grid !important; grid-template-columns: auto auto !important; grid-template-rows: auto auto !important; align-items: center !important; justify-content: flex-start !important; column-gap: 34px !important; row-gap: 34px !important; } .final-cta-email { grid-column: 1 !important; grid-row: 1 !important; margin: 0 !important; } .final-cta-heading { margin-bottom: 34px !important; } .final-cta-socials { grid-column: 2 !important; grid-row: 1 !important; display: flex !important; align-items: center !important; gap: 22px !important; margin: 0 !important; } .final-cta-button { grid-column: 1 / span 2 !important; grid-row: 2 !important; justify-self: start !important; margin: 0 !important; }}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) { .hero-section { padding-left: 0 !important; padding-right: 45px !important; } .home-steps { padding-left: 35px !important; padding-right: 35px !important; } .install-section { padding-left: 0 !important; padding-right: 35px !important; } .install-container { padding-left: 0 !important; padding-right: 0 !important; } .how-phone-image { transform: translateX(-10px) !important; } .faq-section { padding-left: 35px !important; padding-right: 35px !important; } .faq-container { padding-left: 0 !important; padding-right: 0 !important; }}@media (min-width: 768px) and (max-width: 1180px) { .step-item { opacity: 1 !important; } .step-item:not(.active) { opacity: 1 !important; } .step-item:not(.active) .step-title, .step-item:not(.active) .step-title *, .step-item:not(.active) .brxe-heading, .step-item:not(.active) h1, .step-item:not(.active) h2, .step-item:not(.active) h3, .step-item:not(.active) h4 { color: rgba(255, 255, 255, 0.34) !important; } .step-item:not(.active) .step-circle, .step-item:not(.active) .step-circle-desktop { background: rgba(163, 202, 253, 0.28) !important; color: rgba(255, 255, 255, 0.46) !important; } .step-item:not(.active) .step-circle *, .step-item:not(.active) .step-circle-desktop *, .step-item:not(.active) .step-circle-text, .step-item:not(.active) .step-circle-desktop-text { color: rgba(255, 255, 255, 0.46) !important; } .step-item.active .step-title, .step-item.active .step-title *, .step-item.active .brxe-heading, .step-item.active h1, .step-item.active h2, .step-item.active h3, .step-item.active h4 { color: #ffffff !important; } .step-item.active .step-circle, .step-item.active .step-circle-desktop { background: #A3CAFD !important; color: #0A121B !important; } .step-item.active .step-circle *, .step-item.active .step-circle-desktop *, .step-item.active .step-circle-text, .step-item.active .step-circle-desktop-text { color: #0A121B !important; }}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) { .hero-section .hero-title { font-size: clamp(72px, 7.8vw, 92px) !important; line-height: 0.96 !important; letter-spacing: -0.055em !important; } .home-steps__heading { font-size: 40px !important; line-height: 1.04 !important; letter-spacing: -0.04em !important; } .recommend-heading { font-size: 28px !important; line-height: 1.16 !important; letter-spacing: -0.035em !important; }}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) { .shot-insight-measure-block, [data-shot-measure] { transition: opacity 0.28s ease !important; } .shot-insight-measure-block.tablet-fade-out, [data-shot-measure].tablet-fade-out { opacity: 0 !important; pointer-events: none !important; }}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) { .recommend-section { margin-top: -300px !important; padding-top: 96px !important; background-color: #000 !important; background-image: inherit !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; overflow: visible !important; } .recommend-container { position: relative !important; z-index: 2 !important; }}@media (min-width: 768px) and (max-width: 1100px) and (min-height: 900px) and (orientation: portrait) { .install-section { padding-left: 35px !important; padding-right: 35px !important; } .install-container { padding-left: 0 !important; padding-right: 0 !important; }}}@media (max-width: 767px) {.landscape-lock-message { display: none;}@media (max-width: 932px) and (orientation: landscape) { body::before { content: "Please rotate your phone to portrait mode"; position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: center; justify-content: center; background: #000; color: #fff; font-family: "FH Dfaalt", sans-serif; font-size: 24px; line-height: 1.2; text-align: center; padding: 32px; } body::after { content: ""; position: fixed; inset: 0; z-index: 2147483646; background: #000; } body { overflow: hidden !important; }}}@media (max-width: 478px) {@media (max-width: 767px) { html, body { width: 100%; max-width: 100%; overflow-x: hidden !important; } body { position: relative; } #brx-content, .brxe-section, .brxe-container { max-width: 100%; overflow-x: hidden; } img, video, canvas, svg { max-width: 100%; } .shot-insight-parallax-bg { left: 0 !important; margin-left: 0 !important; width: 100% !important; max-width: 100% !important; } .brxw-timeline-01, .brxw-timeline-01 *, .brxw-timeline-01__item, .brxw-timeline-01__title-wrapper { border-left: none !important; border-right: none !important; } .brxw-timeline-01::before, .brxw-timeline-01::after, .brxw-timeline-01 *::before, .brxw-timeline-01 *::after { content: none !important; display: none !important; border-left: none !important; border-right: none !important; }  .shot-insight-measure-block { will-change: transform; transform: translateZ(0); backface-visibility: hidden; } .shot-insight-measure-block.sticky { position: fixed; top: 30vh; left: 24px; transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; } .shot-insight-measurement-line { transform: translate3d(0, 20px, 0); } .shot-insight-measurement-line.visible { transform: translate3d(0, 0, 0); }}@media (max-width: 767px) { .footer-mobile-section { position: relative !important; overflow: hidden !important; padding-top: 0 !important; } .footer-mobile-section .footer-sensor-image { position: absolute !important; top: 0 !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: 150px !important; max-width: 150px !important; height: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2 !important; pointer-events: none !important; } .footer-mobile-section .footer-sensor-image img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; } .footer-mobile-section .footer-content-wrapper { transform: translateY(-32px) !important; }}@media (max-width: 767px) { .hero-content-wrapper { display: flex; flex-direction: column; align-items: center; } .hero-div { order: 2; width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; } .hero-sensor-image { order: 1; position: relative !important; inset: auto !important; width: 150px; max-width: 45vw; margin: 80px auto 40px; transform: none !important; z-index: 2; } .hero-sensor-image img { display: block; width: 100%; height: auto; } .event-banner { order: 10; width: min(calc(100vw - 32px), 370px); min-height: 140px; padding: 24px; display: flex !important; flex-direction: row !important; align-items: center; justify-content: flex-start; gap: 20px; margin-top: 64px; margin-bottom: 0; border-radius: 28px; background: rgba(10, 18, 27, 0.8); box-sizing: border-box; overflow: hidden; } .event-banner__logo { width: 82px; height: auto; flex: 0 0 82px; object-fit: contain; } .event-banner__content { flex: 1 1 auto; min-width: 0; max-width: none; display: flex; flex-direction: column; gap: 10px; text-align: left; } .event-banner__title { margin: 0; font-size: 20px; line-height: 1.1; white-space: normal; } .event-banner__details { margin: 0; font-size: 16px; line-height: 24px; white-space: normal; }}@media (max-width: 767px) { .hero-content-wrapper { transform: translateY(-120px); }}@media (max-width: 767px) { .hero-slide { height: auto !important; min-height: 100svh; overflow: visible !important; } .hero-content-wrapper { height: auto !important; min-height: auto !important; overflow: visible !important; }}@media (max-width: 767px) { .event-banner { width: calc(100vw - 32px) !important; max-width: 370px !important; height: auto !important; min-height: 140px !important; aspect-ratio: auto !important; padding: 24px 28px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 20px !important; border-radius: 28px !important; box-sizing: border-box !important; } .event-banner__logo { width: 92px !important; max-width: 92px !important; height: auto !important; flex: 0 0 92px !important; } .event-banner__content { width: auto !important; flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; } .event-banner__title { max-width: none !important; font-size: 20px !important; line-height: 1.1 !important; } .event-banner__details { max-width: none !important; font-size: 15px !important; line-height: 22px !important; }}.hero-sensor-image { position: absolute; top: 90px; left: 50%; transform: translateX(-50%); z-index: 3; pointer-events: none;}.hero-sensor-image img { display: block; width: clamp(170px, 22vw, 280px); height: auto;}}#brxe-14287f {padding-top: 0; width: 700px; font-weight: 500; font-size: 96px; color: var(--bricks-color-grey-100); font-family: "FH Dfaalt"; line-height: 110px; letter-spacing: -0.05%; margin-bottom: 14px}@media (max-width: 991px) {#brxe-14287f {width: 500px; font-size: 82px}}@media (max-width: 767px) {#brxe-14287f {font-size: 60px; width: 500px}}@media (max-width: 478px) {#brxe-14287f {font-size: 60px; line-height: 1.2; text-align: center; margin-bottom: 0; max-width: 300px; flex-direction: row; display: flex; align-self: center; justify-content: center; align-items: center}}#brxe-preecj {font-size: 18px; color: hsl(0, 100%, 100%); line-height: 27px; letter-spacing: 0%}@media (max-width: 767px) {#brxe-preecj {font-size: 16px}}@media (max-width: 478px) {#brxe-preecj {font-size: 16px; line-height: 1.5; text-align: center; margin-top: 70px; margin-bottom: 20px; min-width: 300px}}#brxe-ab676f {color: #D3E9FF; font-size: 13px; text-align: center; line-height: 19.5px; letter-spacing: 0px; background-color: #101926; border-radius: 999px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 142px; height: 36px; margin-top: -5px}@media (max-width: 478px) {#brxe-ab676f {margin-top: -150px}}#brxe-vvguah {margin-top: 30px; display: flex; flex-direction: row; column-gap: 30px}@media (max-width: 991px) {#brxe-vvguah {min-width: 700px}}@media (max-width: 478px) {#brxe-vvguah {padding-top: 40px; width: 300px; flex-direction: column; align-self: center !important; justify-content: center; align-items: center; min-width: 300px; margin-top: 0}}#brxe-faqphb {width: 60%; flex-grow: 1; display: flex; flex-direction: column; justify-content: center}@media (max-width: 767px) {#brxe-faqphb {margin-bottom: -300px}}@media (max-width: 478px) {#brxe-faqphb {margin-bottom: -20px}}@media (max-width: 991px) {#brxe-tmkpqk {padding-bottom: 50px; margin-left: 50px}}@media (max-width: 767px) {#brxe-tmkpqk {margin-bottom: 280px; margin-left: 500px; width: 169px}}@media (max-width: 478px) {#brxe-tmkpqk {margin-top: -150px; margin-right: 0; margin-bottom: 0; margin-left: 0; position: absolute; height: 143px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; min-width: 180px; width: 180px; top: 176px}}#brxe-cpluzs {align-self: center !important; justify-content: center; flex-grow: 0; display: flex; border-top-left-radius: 120px; padding-right: 48px}@media (max-width: 767px) {#brxe-cpluzs {margin-bottom: 200px}}@media (max-width: 478px) {#brxe-cpluzs {display: flex; margin-right: 0}}#brxe-3cbc7a {min-height: auto; flex-direction: row; width: 100%; max-width: 1800px; padding-right: 48px; padding-left: 48px; align-self: center !important; justify-content: center; align-items: center}@media (max-width: 767px) {#brxe-3cbc7a {margin-bottom: -400px}}@media (max-width: 478px) {#brxe-3cbc7a {flex-direction: column; min-height: 331px; align-self: center !important; justify-content: center; align-items: center; padding-right: 0; padding-left: 0; margin-top: 150px; margin-right: 0; margin-bottom: 0; margin-left: 0}}#brxe-f8d82d {width: 100%; min-height: 100vh; padding-right: 0; padding-left: 0; min-width: 100%; align-self: center !important; justify-content: center; margin-top: -100px}background: transparent !important;.brx-slide,.brx-slide * { background: transparent !important;}@media (max-width: 478px) {#brxe-f8d82d {padding-top: 0; min-height: 395px; margin-top: -400px}}#brxe-1147bd {width: 100%; max-width: 100%; height: 120vh; justify-content: center; margin-top: -20px}@media (max-width: 767px) {#brxe-1147bd {padding-top: 0; margin-top: 0}}@media (max-width: 478px) {#brxe-1147bd {height: 120v; padding-right: 0; padding-left: 0; align-items: center; margin-top: 0}}#brxe-blrwxf {font-size: 48px; font-weight: 500; color: hsl(0, 0%, 98%); line-height: 110px; letter-spacing: -0.05%; margin-top: 0; width: 100%; max-width: none}@media (max-width: 767px) {#brxe-blrwxf {margin-top: -300px; font-size: 40px}}@media (max-width: 478px) {#brxe-blrwxf {font-size: 36px; line-height: 1.2; text-align: left; max-width: 400px; padding-left: 13px; margin-top: 150px; margin-bottom: 50px}}#brxe-487056 {font-weight: 500; font-size: 30px; font-family: "FH Dfaalt"; max-width: 200px}@media (max-width: 478px) {#brxe-487056 {font-size: 24px; line-height: 1.2; padding-top: 0; margin-top: 5px; margin-bottom: 10px; margin-left: 8px}}#brxe-c84c09 {color: var(--brxw-color-neutral-400); font-size: 18px; line-height: 27px; padding-top: 1px; margin-bottom: 10px}@media (max-width: 991px) {#brxe-c84c09 {color: hsl(0, 0%, 100%)}}@media (max-width: 478px) {#brxe-c84c09 {font-size: 18px; color: var(--brxw-color-neutral-400); margin-left: 8px}}#brxe-8f281b {color: var(--brxw-color-neutral-100); line-height: 27px; font-size: 18px; max-width: 180px; margin-top: 50px}@media (max-width: 478px) {#brxe-8f281b {font-size: 16px; margin-top: 1px; margin-bottom: 2px; margin-left: 8px; padding-bottom: 2px; min-width: 300px}}#brxe-0d91b3 {color: hsl(0, 0%, 100%)}@media (max-width: 478px) {#brxe-0d91b3 {margin-top: -60px}}#brxe-afe6f2 {font-family: "FH Dfaalt"; font-weight: 500; font-size: 30px; max-width: 200px}@media (max-width: 478px) {#brxe-afe6f2 {font-size: 24px; line-height: 1.2; padding-top: 0; margin-top: 5px; margin-bottom: 10px; margin-left: 8px}}#brxe-80c01d {color: var(--brxw-color-neutral-400); font-size: 18px; line-height: 27px; padding-top: 1px; margin-bottom: 10px}@media (max-width: 991px) {#brxe-80c01d {color: hsl(0, 0%, 100%)}}@media (max-width: 478px) {#brxe-80c01d {font-size: 18px; color: var(--brxw-color-neutral-400); margin-top: 30px; margin-left: 8px}}#brxe-500ecb {color: var(--brxw-color-neutral-100); line-height: 27px; font-size: 18px; max-width: 250px; margin-top: 50px}@media (max-width: 478px) {#brxe-500ecb {font-size: 16px; margin-top: 1px; margin-bottom: 2px; margin-left: 8px; padding-bottom: 2px; min-width: 300px}}#brxe-fc6793 {font-family: "FH Dfaalt"; font-weight: 500; font-size: 30px; max-width: 250px}@media (max-width: 478px) {#brxe-fc6793 {font-size: 24px; line-height: 1.2; padding-top: 0; margin-top: 5px; margin-bottom: 10px; margin-left: 8px}}#brxe-be612c {color: var(--brxw-color-neutral-400); font-size: 18px; line-height: 27px; padding-top: 1px; margin-bottom: 10px}@media (max-width: 991px) {#brxe-be612c {color: hsl(0, 0%, 100%)}}@media (max-width: 478px) {#brxe-be612c {font-size: 18px; color: var(--brxw-color-neutral-400); margin-top: 30px; margin-left: 8px}}#brxe-8ecb47 {max-width: 250px; font-size: 18px; color: var(--brxw-color-neutral-100); line-height: 27px; margin-top: 50px}@media (max-width: 478px) {#brxe-8ecb47 {font-size: 16px; margin-top: 1px; margin-bottom: 2px; margin-left: 8px; padding-bottom: 2px; min-width: 300px}}#brxe-1014b6 {min-height: 270px}#brxe-b43038 {min-height: 354px; max-width: none; width: 100%; color: hsl(0, 0%, 100%)}@media (max-width: 478px) {#brxe-b43038 {padding-top: 80px}}#about {width: 100%; padding-right: 48px; padding-left: 48px; max-width: 1800px}@media (max-width: 478px) {#about {padding-top: 0; padding-right: 24px; padding-left: 24px; display: flex; align-items: flex-start; flex-direction: column}}#brxe-xynfbt {background-position: center center}@media (max-width: 478px) {#brxe-xynfbt {background-position: top right; background-repeat: no-repeat; background-size: 100%}}#brxe-iuxdgd {z-index: 10}.brxe-uvzncz {width: 144px; color: #D3E9FF; font-size: 13px; line-height: 19.5; letter-spacing: 0%; text-align: center; background-color: #101926; border-radius: 30px; height: 37px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0}@media (max-width: 478px) {.brxe-uvzncz {margin-left: -1px}}.brxe-xzgkzn {font-size: 48px; font-weight: 500; color: var(--bricks-color-grey-100); text-align: left; margin-top: 50px}.brxe-dgltvy {width: 620px; color: hsl(0, 0%, 100%); font-size: 18px; font-weight: 400; text-align: left; line-height: 27px; margin-bottom: 0; margin-left: 2px; padding-top: 50px}@media (max-width: 478px) {.brxe-dgltvy {width: 370px; text-align: left; font-size: 16px}}.brxe-jjzprk {width: 100%; flex-direction: column; padding-right: 48px; padding-left: 48px; display: flex; position: absolute}@media (max-width: 478px) {.brxe-jjzprk {width: 400px; padding-right: 24px; padding-left: 24px}}.brxe-scmpyt {width: 100%; padding-right: 48px; padding-left: 48px; position: absolute; top: 350px; display: flex; align-self: center !important; justify-content: center; align-items: center; max-width: 1800px}@media (max-width: 478px) {.brxe-scmpyt {margin-top: 25px}}.brxe-zbnlka {display: flex; background-position: center center; background-size: cover; background-image: url(http://www.witsee.com/wp-content/uploads/2026/04/Asset-2@3x-1-1-1-1-1024x390.webp); position: relative; width: auto; min-height: 100vh}@media (max-width: 991px) {.brxe-zbnlka {margin-top: 0}}@media (max-width: 478px) {.brxe-zbnlka {background-image: url(http://www.witsee.com/wp-content/uploads/2026/04/Asset-2@3x-1-2.webp); background-position: top right; background-size: cover; background-repeat: no-repeat; min-height: 930px; width: auto; display: block}}#brxe-pepiog {font-weight: 500; color: hsl(0, 0%, 100%); font-size: 48px; line-height: 110.00000000000001%; width: 100%; margin-bottom: 30px}@media (max-width: 478px) {#brxe-pepiog {font-size: 36px}}#brxe-immihz {text-align: center; font-weight: 500; color: #0A121B; font-size: 14px}@media (max-width: 478px) {#brxe-immihz {margin-top: 0}}#brxe-qcnuwk {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; align-self: flex-start !important; border-radius: 50px; background-color: #A3CAFD}#brxe-wuznmp {font-weight: 500; color: hsl(0, 0%, 100%); font-size: 24px; line-height: 110.00000000000001%; width: 360px; margin-top: 5px; height: 26px}@media (max-width: 478px) {#brxe-wuznmp {font-size: 20px; font-weight: 500; line-height: 110.00000000000001%}}#brxe-ztsvol {width: auto; display: flex; column-gap: 16px; flex-direction: row; align-items: center; row-gap: 0px}#brxe-xmyjtk {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; font-weight: 400; height: 81px; margin-top: 5px; width: 416px}@media (max-width: 478px) {#brxe-xmyjtk {font-size: 16px; font-weight: 400; line-height: 24px}}#brxe-djwmhy {width: 416px; height: 260.96px}#brxe-qxdytx {display: flex; flex-direction: column; align-items: stretch; row-gap: 28px; justify-content: flex-start; flex-basis: 0; flex-grow: 1; flex-shrink: 1}#brxe-ngidoc {text-align: center; font-weight: 500; color: #0A121B; font-size: 14px}@media (max-width: 478px) {#brxe-ngidoc {margin-top: 0}}#brxe-pmkcax {width: 40px; display: flex; align-items: center; justify-content: center; height: 40px; align-self: flex-start !important; border-radius: 50px; background-color: #A3CAFD}#brxe-krcbjo {font-weight: 500; color: hsl(0, 0%, 100%); font-size: 24px; line-height: 110.00000000000001%; margin-top: 5px; width: 360px; height: 26px}@media (max-width: 478px) {#brxe-krcbjo {font-size: 20px; font-weight: 500; line-height: 110.00000000000001%}}#brxe-jgbchu {width: auto; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; row-gap: 0px; column-gap: 16px}#brxe-qlmopv {width: 416px; font-weight: 400; color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; margin-top: 5px; height: 81px}@media (max-width: 478px) {#brxe-qlmopv {font-size: 16px; font-weight: 400; line-height: 24px}}#brxe-dneqxx {margin-top: 0; width: 416px; height: 260.96px}#brxe-jmexlv {display: flex; flex-direction: column; align-items: stretch; row-gap: 28px; justify-content: flex-start; flex-basis: 0; flex-grow: 1; flex-shrink: 1}#brxe-vmncnd {font-weight: 500; color: #0A121B; font-size: 14px; text-align: center; margin-top: 3px; margin-right: 0}@media (max-width: 478px) {#brxe-vmncnd {margin-top: 0}}#brxe-xxdzee {width: 40px; height: 40px; display: flex; align-items: center; align-self: flex-start !important; justify-content: center; border-radius: 50px; background-color: #A3CAFD}#brxe-artbro {font-weight: 500; color: hsl(0, 0%, 100%); font-size: 24px; line-height: 110.00000000000001%; margin-top: 5px; width: 360px; height: 26px}@media (max-width: 478px) {#brxe-artbro {font-size: 20px; font-weight: 500; line-height: 110.00000000000001%}}#brxe-dkcvci {display: flex; align-items: center; width: auto; flex-direction: row; row-gap: 0px; column-gap: 16px}#brxe-oezllk {margin-top: 5px; width: 416px; height: 81px; color: var(--brxw-color-neutral-100); font-weight: 400; font-size: 18px; line-height: 27px}@media (max-width: 478px) {#brxe-oezllk {font-size: 16px; font-weight: 400; line-height: 24px}}#brxe-pcopre {width: 416px; height: 260.96px; margin-top: 0}#brxe-mquqsy {display: flex; align-items: stretch; justify-content: flex-start; flex-direction: column; row-gap: 28px; flex-basis: 0; flex-grow: 1; flex-shrink: 1}#brxe-oqofrs {width: 100%; flex-direction: row; justify-content: flex-start; align-items: flex-start; row-gap: 40px; display: flex; column-gap: 40px; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 40px}@media (max-width: 991px) {#brxe-oqofrs {flex-direction: column}}@media (max-width: 478px) {#brxe-oqofrs {flex-direction: column; row-gap: 40px}}#brxe-anrfow {align-self: center !important; justify-content: center; width: 100%; max-width: 1800px; flex-direction: column; align-items: stretch; row-gap: 24px; min-height: 635px}@media (max-width: 767px) {#brxe-anrfow {margin-top: 100px}}@media (max-width: 478px) {#brxe-anrfow {margin-right: auto; margin-left: auto; width: 100%; padding-right: 24px; padding-left: 24px}}#brxe-xhtwqh {background-size: contain; background-repeat: no-repeat; background-position: center 300px; padding-top: 0; padding-bottom: 0; min-height: 612px; margin-top: 200px; margin-right: 48px; margin-bottom: 300px; margin-left: 48px; flex-direction: column; flex-shrink: 1; overflow: hidden}@media (max-width: 478px) {#brxe-xhtwqh {margin-top: -100px; margin-right: 0; margin-bottom: 100px; margin-left: 0; padding-top: 0; padding-right: 0; padding-left: 0; background-position: center 500px; background-size: contain; background-repeat: no-repeat}}@media (max-width: 478px) {#brxe-kqmqmp {margin-top: 50px; margin-left: 40px; order: 2}}#brxe-ysvhlp {color: hsl(0, 0%, 100%); letter-spacing: -0.05%; font-size: 48px; font-weight: 500; font-family: "FH Dfaalt"; line-height: 110.00000000000001%; margin-top: 70px}@media (max-width: 478px) {#brxe-ysvhlp {margin-top: 30px; margin-bottom: 30px; font-size: 36px}}#brxe-numiet {font-weight: 500; font-size: 14px; color: #0A121B; text-align: center; margin-top: 3px; margin-right: 1px}@media (max-width: 478px) {#brxe-numiet {margin-bottom: 2px; margin-left: 2px}}#brxe-athqyn {width: 40px; height: 40px; display: flex; align-self: center !important; justify-content: center; align-items: center; border-radius: 50px; background-color: #A3CAFD}#brxe-exgvxa {color: hsl(0, 0%, 100%); font-size: 24px; font-weight: 500; margin-top: 4px}@media (max-width: 478px) {#brxe-exgvxa {font-size: 20px}}#brxe-gmpvaa {display: flex; column-gap: 12px}#brxe-urytgv {color: var(--brxw-color-neutral-200); margin-top: 10px}#brxe-ydspid {display: flex; flex-direction: column; margin-top: 30px; row-gap: 12px}@media (max-width: 478px) {#brxe-ydspid {margin-top: 0}}#brxe-hemktj {text-align: center; font-weight: 500; color: #0A121B; font-size: 14px; margin-top: 2px; margin-right: 0}@media (max-width: 478px) {#brxe-hemktj {margin-bottom: 2px; margin-left: 2px}}#brxe-hmqtuc {display: flex; width: 40px; height: 40px; align-self: center !important; justify-content: center; align-items: center; border-radius: 50px; background-color: #A3CAFD}#brxe-bvuxmp {font-weight: 500; font-size: 24px; color: hsl(0, 0%, 100%); margin-top: 4px}@media (max-width: 478px) {#brxe-bvuxmp {margin-top: 5px; font-size: 20px}}#brxe-evsomo {display: flex; column-gap: 12px}#brxe-nbqclj {color: var(--brxw-color-neutral-200); margin-top: -1px}#brxe-rakeet {margin-top: 30px; display: flex; flex-direction: column; row-gap: 12px}#brxe-wpjrtn {text-align: center; font-weight: 500; color: #0A121B; font-size: 14px; margin-top: 2px; margin-right: 1px}@media (max-width: 478px) {#brxe-wpjrtn {margin-bottom: 2px; margin-left: 2px}}#brxe-fwpbsk {display: flex; width: 40px; height: 40px; align-self: center !important; justify-content: center; align-items: center; border-radius: 50px; background-color: #A3CAFD}#brxe-ipxagp {font-weight: 500; color: hsl(0, 0%, 100%); font-size: 24px; margin-top: 4px}@media (max-width: 478px) {#brxe-ipxagp {margin-top: 5px; font-size: 20px}}#brxe-virboe {display: flex; column-gap: 12px}#brxe-qcmojr {color: var(--brxw-color-neutral-200); margin-top: -1px}#brxe-icgsxa {display: flex; margin-top: 30px; flex-direction: column; row-gap: 12px}@media (max-width: 478px) {#brxe-0b2071 {padding-right: 24px; padding-left: 24px; width: 402px; margin-left: 0; height: 100%}}#brxe-839ea2 {display: grid; align-items: initial}@media (max-width: 478px) {#brxe-839ea2 {flex-direction: column; display: flex; width: 100%; min-width: 100%; margin-top: 0; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; height: auto}#brxe-839ea2 { background: linear-gradient( to bottom, #000 0%, rgba(0,0,0,0) 16%, rgba(0,0,0,0) 84%, #000 100% ), radial-gradient( ellipse 100% 100% at 1% 90%,  rgba(140, 190, 255, 0.26) 0%, rgba(110, 160, 255, 0.16) 34%, rgba(70, 110, 220, 0.07) 58%, transparent 80% ), radial-gradient( ellipse 18% 60% at 10% 85%,  rgba(120, 175, 255, 0.12) 0%, rgba(80, 130, 255, 0.05) 5%, transparent 75% ), #000;}}#how-it-works-mobile {width: 0px; min-height: 0px; max-width: 0px; margin-top: -0; margin-bottom: -0; margin-left: -1px; padding-top: 0; visibility: visible; height: 0px; max-height: 0px}#how-it-works-mobile { background: linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, #000 100%), radial-gradient(circle at 15% 50%, rgba(60,120,255,0.4), transparent 55%), #000;}@media (max-width: 478px) {#how-it-works-mobile {flex-direction: column; visibility: visible; margin-bottom: 0; margin-left: 0; max-width: 100%; height: 1300px; width: 402px; max-height: 1576px; padding-right: 0; padding-left: 0}}.brxe-oovatk {margin-top: 100px; margin-left: 100px}@media (max-width: 991px) {.brxe-oovatk {margin-left: 50px}}@media (max-width: 478px) {.brxe-oovatk {margin-top: auto; order: 2}}.brxe-vahxqr {color: hsl(0, 0%, 100%); font-size: 48px; font-weight: 500; letter-spacing: -0.05%; font-family: "FH Dfaalt"; line-height: 110.00000000000001%; margin-top: 70px}.brxe-mvwkoj {margin-top: 2px; margin-right: 1px; text-align: center; font-weight: 500; color: #0A121B; font-size: 14px}.brxe-xljjkp {display: flex; width: 40px; height: 40px; align-self: center !important; justify-content: center; align-items: center; border-radius: 50px; background-color: #A3CAFD}.brxe-ufosgg {margin-top: 4px; font-weight: 500; color: hsl(0, 0%, 100%); font-size: 24px; font-family: "FH Dfaalt"}.brxe-ogxsgl {display: flex; column-gap: 12px}.brxe-wxnzdy {color: var(--brxw-color-neutral-200); margin-top: 10px; width: 500px}.brxe-ycgxlu {margin-top: 30px; display: flex; flex-direction: column; row-gap: 12px}.brxe-jaqytr {width: 500px; color: #0A121B; font-weight: 500; font-size: 14px; text-align: center; margin-top: 3px}.brxe-qngvka {display: flex; width: 40px; height: 40px; align-self: center !important; justify-content: center; align-items: center; border-radius: 50px; background-color: #A3CAFD}.brxe-neiguw {color: hsl(0, 0%, 100%); font-weight: 500; font-size: 24px; margin-top: 4px}.brxe-uahkba {display: flex; column-gap: 12px}.brxe-zfvkpj {margin-top: -1px; color: var(--brxw-color-neutral-200); width: 500px}.brxe-mgaryx {margin-top: 30px; display: flex; flex-direction: column; row-gap: 12px}.brxe-ytgsva {color: #0A121B; font-weight: 500; font-size: 14px; text-align: center; margin-top: 3px}.brxe-awflie {display: flex; width: 40px; height: 40px; align-self: center !important; justify-content: center; align-items: center; border-radius: 50px; background-color: #A3CAFD}.brxe-eviwik {color: hsl(0, 0%, 100%); font-weight: 500; font-size: 24px; margin-top: 4px}.brxe-akrfts {display: flex; column-gap: 12px}.brxe-sqhshf {margin-top: -1px; color: var(--brxw-color-neutral-200); width: 500px}.brxe-ycgkwf {margin-top: 30px; display: flex; flex-direction: column; row-gap: 12px}.brxe-nptedr {background-color: #A3CAFD; color: #0A121B; letter-spacing: 0px; font-size: 14px; padding-right: 0; padding-left: 0; height: 56px; width: 135px}@media (max-width: 478px) {.brxe-nptedr {margin-top: 0; margin-right: 20px; width: 133px; height: 56px}}.brxe-jeohai {margin-top: 20px}.brxe-jeesqn {margin-top: 100px}@media (max-width: 478px) {.brxe-jeesqn {margin-top: -150px; padding-right: 0; padding-left: 0}}.brxe-favllq {display: grid; align-items: initial; width: 100%; max-width: 1800px; margin-top: 300px; margin-right: auto; margin-left: auto; justify-items: center; justify-content: center; align-content: center}@media (max-width: 991px) {.brxe-favllq {margin-top: -100px}}@media (max-width: 767px) {.brxe-favllq {margin-top: 50px; margin-left: 50px}}@media (max-width: 478px) {.brxe-favllq {flex-direction: column; display: flex}}.brxe-hgowsf {min-height: 1100px; padding-top: 0; margin-top: -100px}#how-it-works-desktop { background: linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, #000 100%), radial-gradient(circle at 15% 20%, rgba(60,120,255,0.4), transparent 40%), #000;}@media (max-width: 991px) {.brxe-hgowsf {margin-top: 100px}}@media (max-width: 478px) {.brxe-hgowsf {flex-direction: column; visibility: hidden; margin-top: 0}}#brxe-abgdph {font-size: 13px; letter-spacing: 0%; text-align: center; line-height: 0; color: #D3E9FF; width: 160px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; background-color: #101926; border-radius: 30px; height: 36px}@media (max-width: 991px) {#brxe-abgdph {text-align: center; line-height: 0; font-size: 13px; width: 160px}}#brxe-ttyrjg {height: 156px; color: hsl(0, 0%, 100%); font-size: 24px; line-height: 110.00000000000001%; letter-spacing: 0%; text-align: center; font-weight: 500; font-style: normal; max-width: 888px; margin-top: 20px}@media (max-width: 478px) {#brxe-ttyrjg {padding-right: 20px; padding-left: 20px; width: 400px; font-size: 20px}}#brxe-eazlzr {width: 888px; height: 18px; color: var(--brxw-color-neutral-100); font-size: 16px; font-weight: 400; text-align: center; margin-top: 30px; margin-bottom: 0}@media (max-width: 478px) {#brxe-eazlzr {margin-top: 100px; color: var(--brxw-color-neutral-200)}}#brxe-qqzeds {width: 447px; height: 278px; margin-top: 25px}@media (max-width: 991px) {#brxe-qqzeds {margin-top: 20px}}@media (max-width: 478px) {#brxe-qqzeds {height: 220px; width: 355px}}#brxe-xetsmk {width: 100%; max-width: 1800px; flex-direction: column; align-self: center !important; justify-content: center; align-items: center; row-gap: 24px; min-height: 635px; margin-top: 100px}@media (max-width: 767px) {#brxe-xetsmk {margin-top: 100px; padding-right: 24px; padding-left: 24px}}@media (max-width: 478px) {#brxe-xetsmk {padding-right: 0; padding-left: 0}}#brxe-ezlmxk {flex-direction: column; background-size: contain; background-repeat: no-repeat; background-position: center 300px; background-image: url(http://www.witsee.com/wp-content/uploads/2026/04/Asset-2@3xCut-1.webp); width: 100%; padding-top: 0; padding-bottom: 0; min-height: 961px}@media (max-width: 478px) {#brxe-ezlmxk {margin-top: -; padding-top: 0; background-position: center 500px; background-image: url(http://www.witsee.com/wp-content/uploads/2026/04/Asset-2@3xCut-1-1.webp); background-size: contain; background-repeat: no-repeat}}.brxe-yruinm {font-size: 48px; line-height: 110.00000000000001%; letter-spacing: -0.05%}.brxe-zlbeiq {display: grid; align-items: initial; flex-direction: column; align-self: stretch !important; width: 100%}.brxe-pkpbnp {margin-bottom: 0}.brxe-cqnvvo {display: grid; align-items: initial; flex-direction: column; align-self: stretch !important; width: 100%}.brxe-xtqidt {width: 100%; max-width: 1800px; flex-direction: column; align-self: center !important; justify-content: center; align-items: center; row-gap: 24px; min-height: 635px}@media (max-width: 767px) {.brxe-xtqidt {margin-top: 100px; padding-right: 24px; padding-left: 24px}}@media (max-width: 478px) {.brxe-xtqidt {padding-right: 0; padding-left: 0}}.brxe-oqlhmr {flex-direction: column; background-size: contain; background-repeat: no-repeat; background-position: center 300px; background-image: url(http://www.witsee.com/wp-content/uploads/2026/04/Asset-2@3xCut-1.webp); width: 100%; padding-top: 0; padding-bottom: 0; min-height: 961px}@media (max-width: 478px) {.brxe-oqlhmr {margin-top: -; padding-top: 0; background-position: center 500px; background-image: url(http://www.witsee.com/wp-content/uploads/2026/04/Asset-2@3xCut-1-1.webp); background-size: contain; background-repeat: no-repeat}}.brxe-23d62e {font-size: 48px; color: hsl(0, 0%, 100%); font-family: "FH Dfaalt"; font-style: normal; font-weight: 500; line-height: 110.00000000000001%; letter-spacing: -0.05%; width: 546px; height: 53px}@media (max-width: 991px) {.brxe-23d62e {font-size: 40px; margin-top: 10px}}@media (max-width: 478px) {.brxe-23d62e {font-size: 36px; line-height: 1.2}}.brxe-44098e {font-weight: 400; font-family: "FH Dfaalt"; font-size: 18px; color: var(--brxw-color-neutral-100); line-height: 27px; letter-spacing: 0%; text-align: left; margin-top: 30px; width: 432px; height: 108px}@media (max-width: 991px) {.brxe-44098e {font-size: 17px; width: 350px}}@media (max-width: 478px) {.brxe-44098e {font-size: 16px; text-align: left}}.brxe-f6def1 {margin-top: 100px; font-weight: 400; font-family: "Inter"; flex-direction: column; max-width: 620px; width: 100%}@media (max-width: 478px) {.brxe-f6def1 {margin-top: 0; min-height: 302px; width: 100%; padding-top: 200px}}.brxe-cd6ff2 {font-size: 20px; font-family: "FH Dfaalt"; font-weight: 500; color: hsl(0, 0%, 100%); width: 450px}@media (max-width: 478px) {.brxe-cd6ff2 {width: 350px; padding-right: 80px}}.brxe-7d7497 {color: var(--brxw-color-neutral-100); font-weight: 400; font-size: 18px; line-height: 27px; letter-spacing: 0%}.brxe-7d7497 a {color: var(--brxw-color-neutral-100); font-weight: 400; font-size: 18px; line-height: 27px; letter-spacing: 0%; font-size: inherit}@media (max-width: 478px) {.brxe-7d7497 {color: var(--brxw-color-neutral-200); font-size: 16px}.brxe-7d7497 a {color: var(--brxw-color-neutral-200); font-size: 16px; font-size: inherit}}.brxe-8519d8 {min-height: 77px; border-bottom: 1px solid #163358}.brxe-ninysy {font-size: 20px; font-weight: 500; color: hsl(0, 0%, 100%); font-family: "FH Dfaalt"}.brxe-wgnslh {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%}.brxe-wgnslh a {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%; font-size: inherit}@media (max-width: 478px) {.brxe-wgnslh {color: var(--brxw-color-neutral-200); font-size: 16px}.brxe-wgnslh a {color: var(--brxw-color-neutral-200); font-size: 16px; font-size: inherit}}.brxe-cgcoqt {border-bottom: 1px solid #163358}.brxe-7c78cc {font-size: 20px; font-weight: 500; color: hsl(0, 0%, 100%); font-family: "FH Dfaalt"}.brxe-0634c5 {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%}.brxe-0634c5 a {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%; font-size: inherit}@media (max-width: 478px) {.brxe-0634c5 {color: var(--brxw-color-neutral-200); font-size: 16px}.brxe-0634c5 a {color: var(--brxw-color-neutral-200); font-size: 16px; font-size: inherit}}.brxe-8943c6 {border-bottom: 1px solid #163358}.brxe-3777fd {font-size: 20px; font-family: "FH Dfaalt"; font-weight: 500; color: hsl(0, 0%, 100%)}.brxe-ba7ae1 {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%}.brxe-ba7ae1 a {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%; font-size: inherit}@media (max-width: 478px) {.brxe-ba7ae1 {color: var(--brxw-color-neutral-200); font-size: 16px}.brxe-ba7ae1 a {color: var(--brxw-color-neutral-200); font-size: 16px; font-size: inherit}}.brxe-fddf99 {border-bottom: 1px solid #163358}.brxe-07f849 {font-size: 20px; font-family: "FH Dfaalt"; font-weight: 500; color: hsl(0, 0%, 100%)}.brxe-d22c92 {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%}.brxe-d22c92 a {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%; font-size: inherit}@media (max-width: 478px) {.brxe-d22c92 {color: var(--brxw-color-neutral-200); font-size: 16px}.brxe-d22c92 a {color: var(--brxw-color-neutral-200); font-size: 16px; font-size: inherit}}.brxe-efdcee {border-bottom: 1px solid #163358}.brxe-bvigbs {font-size: 20px; color: hsl(0, 0%, 100%); font-weight: 500; font-family: "FH Dfaalt"}.brxe-knbdyd {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%}.brxe-knbdyd a {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%; font-size: inherit}@media (max-width: 478px) {.brxe-knbdyd {color: var(--brxw-color-neutral-200); font-size: 16px}.brxe-knbdyd a {color: var(--brxw-color-neutral-200); font-size: 16px; font-size: inherit}}.brxe-udrivn {border-bottom: 1px solid #163358}.brxe-fsmlii {font-size: 20px; font-family: "FH Dfaalt"; font-weight: 500; color: hsl(0, 0%, 100%)}.brxe-ntdipk {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%}.brxe-ntdipk a {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%; font-size: inherit}@media (max-width: 478px) {.brxe-ntdipk {color: var(--brxw-color-neutral-200); font-size: 16px}.brxe-ntdipk a {color: var(--brxw-color-neutral-200); font-size: 16px; font-size: inherit}}.brxe-uekjwv {border-bottom: 1px solid #163358}.brxe-ef9bc7 {font-weight: 500; font-family: "FH Dfaalt"; font-size: 20px; color: hsl(0, 0%, 100%)}.brxe-e01800 {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%}.brxe-e01800 a {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%; font-size: inherit}@media (max-width: 478px) {.brxe-e01800 {color: var(--brxw-color-neutral-200); font-size: 16px}.brxe-e01800 a {color: var(--brxw-color-neutral-200); font-size: 16px; font-size: inherit}}.brxe-qqgrzc {font-weight: 500; font-family: "FH Dfaalt"; font-size: 20px; color: hsl(0, 0%, 100%)}.brxe-nrrmmc {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%}.brxe-nrrmmc a {color: var(--brxw-color-neutral-100); font-size: 18px; line-height: 27px; letter-spacing: 0%; font-size: inherit}@media (max-width: 478px) {.brxe-nrrmmc {color: var(--brxw-color-neutral-200); font-size: 16px}.brxe-nrrmmc a {color: var(--brxw-color-neutral-200); font-size: 16px; font-size: inherit}}.brxe-74deb0 {padding-right: 8px; width: 546px; margin-top: 0}@media (max-width: 478px) {.brxe-74deb0 {padding-right: 0; width: 100%; max-width: 350px; margin-top: 50px}}.brxe-cb8b02 {width: 100%; max-width: 1800px; margin-right: auto; margin-left: auto; display: flex; flex-direction: row; padding-right: 48px; padding-left: 48px; height: 750px}@media (max-width: 478px) {.brxe-cb8b02 {padding-right: 24px; padding-left: 24px; margin-top: 0; width: 402px; height: 1500px}}.brxe-wtggec {min-height: 538px; width: 100%; max-width: none; flex-direction: row; margin-top: 200px}@media (max-width: 991px) {.brxe-wtggec {padding-right: 50px; padding-left: 50px}}@media (max-width: 767px) {.brxe-wtggec {margin-bottom: 100px}}@media (max-width: 478px) {.brxe-wtggec {margin-top: -75px; padding-right: 0; padding-left: 0}}#brxe-bvijla {width: 774px; padding-top: 0; height: 132px; color: var(--bricks-color-grey-100); letter-spacing: -0.05%; font-size: 60px; font-weight: 500; font-family: "FH Dfaalt"; text-align: left; line-height: 110.00000000000001%; margin-top: 70px}@media (max-width: 991px) {#brxe-bvijla {width: 500px}}@media (max-width: 767px) {#brxe-bvijla {width: 500px; margin-top: 150px; margin-bottom: 70px}}@media (max-width: 478px) {#brxe-bvijla {width: 354px; height: 159px; margin-top: 0; margin-bottom: 50px; margin-left: 10px; font-size: 48px; line-height: 1.2; text-align: center}}#brxe-emigye {width: 200px; background-color: #A3CAFD; color: #0A121B; letter-spacing: 0px; font-size: 14px; padding-right: 0; padding-left: 0; height: 56px}@media (max-width: 478px) {#brxe-emigye {width: 133px; margin-top: 0; margin-right: 0; margin-left: 0; height: 56px}}#brxe-xllwzt {width: 774px; height: 56px; display: flex; flex-direction: row; align-items: center; column-gap: 32px; align-self: flex-start !important; justify-content: flex-start}@media (max-width: 478px) {#brxe-xllwzt {display: flex; padding-left: 0; flex-direction: column; column-gap: 32px; row-gap: 10px}}#brxe-wjalyx {width: 60%; display: flex; align-self: center !important; justify-content: center; flex-grow: 1; flex-direction: column}@media (max-width: 767px) {#brxe-wjalyx {margin-bottom: -220px}}@media (max-width: 478px) {#brxe-wjalyx {margin-top: 50px; margin-bottom: 0; width: 100%}}#brxe-gsmigd {margin-top: 50px; margin-left: 50px}@media (max-width: 991px) {#brxe-gsmigd {margin-right: 0; margin-left: 0}}@media (max-width: 767px) {#brxe-gsmigd {margin-top: -200px; margin-left: 240px; width: 169px; height: 143px}}@media (max-width: 478px) {#brxe-gsmigd {width: 169px; height: 143px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 20px}}#brxe-qgkkvt {padding-right: 38px; display: flex; flex-grow: 0; align-self: center !important; justify-content: center; border-top-left-radius: 120px}@media (max-width: 767px) {#brxe-qgkkvt {padding-bottom: 30px; padding-left: 250px}}@media (max-width: 478px) {#brxe-qgkkvt {margin-top: 50px; margin-bottom: 50px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; display: flex}}#contact {flex-direction: row; margin-top: 100px; margin-right: auto; margin-bottom: 100px; margin-left: auto; padding-right: 48px; padding-left: 48px; width: 100%; max-width: 1800px; height: 532px; align-items: flex-start; justify-content: space-between}@media (max-width: 767px) {#contact {margin-top: 200px}}@media (max-width: 478px) {#contact {flex-direction: column; width: 100%; margin-top: 100px; margin-bottom: 0; padding-right: 0; padding-left: 0; max-width: auto; height: auto; min-height: 4000px}}#brxe-bcxukb {width: 100%; padding-right: 0; padding-left: 0; margin-top: 0; min-width: 100%}#brxe-bcxukb { background: transparent !important;}@media (max-width: 478px) {#brxe-bcxukb {margin-top: 0; padding-top: 0; min-width: 0px; justify-content: center; height: 600px}}#brxe-oihxbf { background: radial-gradient( ellipse at 75% 130%, rgba(22, 51, 88, 0.9) 0%, rgba(22, 51, 88, 0.4) 30%, rgba(22, 51, 88, 0.1) 50%, rgba(0, 0, 0, 0) 70% ), #000000;}@media (max-width: 478px) {#brxe-oihxbf {margin-top: -20px; padding-right: 15px; padding-left: 15px}@media (max-width: 767px) { .footer-mobile-section { background: radial-gradient( ellipse at 50% 105%, rgba(22, 51, 88, 1) 0%, rgba(22, 51, 88, 0.72) 26%, rgba(22, 51, 88, 0.34) 48%, rgba(22, 51, 88, 0.12) 66%, rgba(0, 0, 0, 0) 82% ), #000000 !important; position: relative !important; overflow: hidden !important; }}}