{"id":371,"date":"2026-03-30T22:11:45","date_gmt":"2026-03-30T22:11:45","guid":{"rendered":"https:\/\/jwwebsites.com\/emmanuel-torres\/?page_id=371"},"modified":"2026-03-31T04:49:19","modified_gmt":"2026-03-31T04:49:19","slug":"work-space-6","status":"publish","type":"page","link":"https:\/\/jwwebsites.com\/emmanuel-torres\/work-space-6\/","title":{"rendered":"Work Space-6"},"content":{"rendered":"
\r\n\r\n\r\n\r\nNguyen Bin Cleaning | Trash & Recycling Bin Cleaning<\/title><meta content=\"Nguyen Bin Cleaning provides residential trash and recycling bin cleaning. Call 618-246-8822 to discuss bin cleaning service.\" name=\"description\"\/><meta content=\"#087A8A\" name=\"theme-color\"\/><\/head>\r\n<body>\r\n<!--\r\n Nguyen Bin Cleaning \u2014 Full Page \/ SiteOrigin + Vantage Safe Build\r\n\r\n CONVERSION NOTE:\r\n WordPress\/Vantage navigation anchors use plain semantic IDs. External theme Services links\r\n are normalized to #services and routed through the same controlled scrolling system.\r\n This page preserves the supplied architecture, full-width breakout, section order,\r\n responsive behavior, scroll reveals, card flips, curtain reveal, CBS-style feature\r\n animation, smooth architectural sweep geometry, portrait-image trim, equal-height card geometry,\r\n parallax composition, orbit animation, performance meters, circular counter,\r\n CAD-quality emblem animation, pricing count animation, light beams, particles, fixed navigation,\r\n button interactions, FAQ details behavior, and reduced-motion handling.\r\n\r\n Paste this entire block into one Standard SiteOrigin Custom HTML \/ protected widget.\r\n\r\n PROJECT NOTE:\r\n This conversion is written for Nguyen Bin Cleaning and identifies Nguyen Bin Cleaning\r\n only where owner identification is natural. The retained animated $8,500 figure is labeled as\r\n an illustrative planning example rather than a published fee or quotation. Actual scope,\r\n deliverables, schedule, local requirements, and pricing must be confirmed for each project.\r\n\r\n-->\r\n<style>\r\n \/* NGUYEN BIN CLEANING COLOR SYSTEM\r\n Rich Black #051A20\r\n Near Black #071F27\r\n Midnight Plum #0A2A35\r\n Deep Aubergine #123A46\r\n Deep Purple #0B5563\r\n Royal Plum #087A8A\r\n Orchid Plum #0EA5B7\r\n Hot Magenta #10B7C9\r\n Rose Magenta #22C55E\r\n Bright Pink #35D7E5\r\n Rose Gold #4B7E72\r\n Antique Gold #67A98B\r\n Gold #84CC16\r\n Champagne Gold #C9F25B\r\n Smoky Gray #58717A\r\n Soft Gray #B7CBD0\r\n Soft Champagne #D9F2EE\r\n Ivory #F7FBFC\r\n *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;0,800&family=Space+Grotesk:wght@500;600;700&display=swap');\r\n\r\n #jw-hosting-page,\r\n #jw-hosting-page * {\r\n box-sizing: border-box;\r\n }\r\n\r\n #jw-hosting-page {\r\n --jw-navy: #087A8A;\r\n --jw-navy-2: #0A2A35;\r\n --jw-blue: #10B7C9;\r\n --jw-blue-bright: #C9F25B;\r\n --jw-green: #22C55E;\r\n --jw-green-bright: #84CC16;\r\n --jw-cream: #F7FBFC;\r\n --jw-sand: #D9F2EE;\r\n --jw-white: #F7FBFC;\r\n --jw-ink: #123A46;\r\n --jw-muted: #58717A;\r\n --jw-rich-black: #051A20;\r\n --jw-near-black: #071F27;\r\n --jw-deep-purple: #0B5563;\r\n --jw-orchid-plum: #0EA5B7;\r\n --jw-bright-pink: #35D7E5;\r\n --jw-rose-gold: #4B7E72;\r\n --jw-antique-gold: #67A98B;\r\n --jw-gold: #84CC16;\r\n --jw-champagne-gold: #C9F25B;\r\n --jw-shadow: 0 24px 70px rgba(2, 22, 31, 0.22);\r\n position: relative;\r\n isolation: isolate;\r\n width: var(--jw-host-vw, 100vw);\r\n max-width: none;\r\n margin-right: calc((100% - var(--jw-host-vw, 100vw)) \/ 2);\r\n margin-left: calc((100% - var(--jw-host-vw, 100vw)) \/ 2);\r\n overflow: hidden;\r\n color: var(--jw-ink);\r\n background: var(--jw-white);\r\n font-family: \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n #jw-hosting-page img,\r\n #jw-hosting-page svg {\r\n display: block;\r\n max-width: 100%;\r\n }\r\n\r\n #jw-hosting-page a {\r\n color: inherit;\r\n }\r\n\r\n #jw-hosting-page h1,\r\n #jw-hosting-page h2,\r\n #jw-hosting-page h3,\r\n #jw-hosting-page p {\r\n margin-top: 0;\r\n }\r\n\r\n #jw-hosting-page h1,\r\n #jw-hosting-page h2,\r\n #jw-hosting-page h3 {\r\n color: inherit;\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n font-weight: 700;\r\n line-height: 1.08;\r\n letter-spacing: -0.035em;\r\n }\r\n\r\n #jw-hosting-page h1 {\r\n max-width: 820px;\r\n margin-bottom: 24px;\r\n font-size: clamp(2.55rem, 5.44vw, 5.44rem);\r\n }\r\n\r\n #jw-hosting-page h2 {\r\n margin-bottom: 22px;\r\n font-size: clamp(1.91rem, 3.74vw, 3.83rem);\r\n }\r\n\r\n #jw-hosting-page h3 {\r\n margin-bottom: 12px;\r\n font-size: clamp(20px, 1.7vw, 23px);\r\n }\r\n\r\n #jw-hosting-page p {\r\n margin-bottom: 22px;\r\n font-size: clamp(19px, 1.23vw, 24px) !important;\r\n line-height: 1.62;\r\n }\r\n\r\n #jw-hosting-page small {\r\n font-size: 16px !important;\r\n line-height: 1.55;\r\n }\r\n\r\n #jw-hosting-page .jw-host-row {\r\n position: relative;\r\n min-height: 560px;\r\n overflow: hidden;\r\n }\r\n\r\n #jw-hosting-page .jw-host-inner {\r\n position: relative;\r\n z-index: 3;\r\n width: min(1180px, calc(100% - 48px));\r\n margin: 0 auto;\r\n padding: 104px 0;\r\n }\r\n\r\n #jw-hosting-page .jw-host-table {\r\n display: table;\r\n width: 100%;\r\n table-layout: fixed;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-host-cell {\r\n display: table-cell;\r\n width: 50%;\r\n min-width: 0;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-host-cell + .jw-host-cell {\r\n padding-left: clamp(34px, 6vw, 88px);\r\n }\r\n\r\n #jw-hosting-page .jw-host-table--reverse .jw-host-cell + .jw-host-cell {\r\n padding-right: clamp(34px, 6vw, 88px);\r\n padding-left: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-host-eyebrow {\r\n display: inline-block;\r\n margin-bottom: 20px;\r\n color: var(--jw-green);\r\n font-size: clamp(25px, 0.9vw, 18px) !important;\r\n font-weight: 900;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #jw-hosting-page .jw-host-row--dark .jw-host-eyebrow {\r\n color: var(--jw-green-bright);\r\n }\r\n\r\n #jw-hosting-page .jw-host-lead {\r\n max-width: 710px;\r\n color: inherit;\r\n font-size: clamp(20px, 1.45vw, 27px) !important;\r\n line-height: 1.55;\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn {\r\n display: inline-block;\r\n position: relative;\r\n min-width: 190px;\r\n min-height: 60px;\r\n padding: 19px 68px 19px 32px;\r\n overflow: hidden;\r\n border: 2px solid rgba(255, 255, 255, 0.22);\r\n border-radius: 999px;\r\n background:\r\n linear-gradient(180deg, #35D7E5 0%, var(--jw-green) 55%, #22C55E 100%);\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.38),\r\n inset 0 -3px 0 rgba(38, 29, 32, 0.42),\r\n 0 17px 34px rgba(199, 51, 124, 0.30),\r\n 0 5px 0 rgba(59, 20, 61, 0.34);\r\n color: var(--jw-white);\r\n font-size: clamp(18px, 1.02vw, 20px) !important;\r\n font-weight: 850;\r\n line-height: 1.2;\r\n text-align: center;\r\n text-decoration: none;\r\n isolation: isolate;\r\n transform: translateZ(0);\r\n transition:\r\n transform 180ms ease,\r\n box-shadow 180ms ease,\r\n background 180ms ease,\r\n border-color 180ms ease,\r\n color 180ms ease;\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn::before {\r\n content: \"\";\r\n position: absolute;\r\n z-index: -1;\r\n top: 5px;\r\n right: 12px;\r\n left: 12px;\r\n height: 42%;\r\n border-radius: 999px;\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(255, 255, 255, 0.46),\r\n rgba(255, 255, 255, 0.04)\r\n );\r\n opacity: 0.72;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn::after {\r\n content: \"\u2192\";\r\n position: absolute;\r\n top: 50%;\r\n right: 16px;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.16);\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.28),\r\n 0 4px 10px rgba(0, 0, 0, 0.16);\r\n color: var(--jw-white);\r\n font-size: 20px;\r\n line-height: 36px;\r\n text-align: center;\r\n transform: translateY(-50%);\r\n transition:\r\n transform 180ms ease,\r\n background 180ms ease,\r\n color 180ms ease,\r\n box-shadow 180ms ease;\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn:hover,\r\n #jw-hosting-page .jw-host-btn:focus-visible {\r\n border-color: rgba(255, 255, 255, 0.32);\r\n background:\r\n linear-gradient(180deg, #84CC16 0%, #10B7C9 55%, #0EA5B7 100%);\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.44),\r\n inset 0 -3px 0 rgba(38, 29, 32, 0.48),\r\n 0 22px 42px rgba(199, 51, 124, 0.38),\r\n 0 6px 0 rgba(59, 20, 61, 0.36);\r\n transform: translateY(-4px);\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn:hover::after,\r\n #jw-hosting-page .jw-host-btn:focus-visible::after {\r\n background: rgba(255, 255, 255, 0.24);\r\n transform: translateY(-50%) translateX(4px);\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn:active {\r\n transform: translateY(-1px);\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn:focus {\r\n outline: none;\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn:focus-visible {\r\n outline: 3px solid rgba(217, 179, 107, 0.34);\r\n outline-offset: 4px;\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn[aria-disabled=\"true\"] {\r\n cursor: default;\r\n pointer-events: none;\r\n user-select: none;\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn--light {\r\n margin-left: 10px;\r\n border-color: rgba(255, 255, 255, 0.72);\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(255, 255, 255, 0.22) 0%,\r\n rgba(255, 255, 255, 0.10) 58%,\r\n rgba(255, 255, 255, 0.04) 100%\r\n );\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.34),\r\n inset 0 -2px 0 rgba(0, 0, 0, 0.14),\r\n 0 14px 28px rgba(0, 0, 0, 0.18),\r\n 0 4px 0 rgba(0, 0, 0, 0.16);\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn--light::after {\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(255, 255, 255, 0.28),\r\n rgba(255, 255, 255, 0.12)\r\n );\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn--light:hover,\r\n #jw-hosting-page .jw-host-btn--light:focus-visible {\r\n border-color: rgba(217, 179, 107, 0.88);\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(217, 179, 107, 0.30) 0%,\r\n rgba(199, 51, 124, 0.22) 58%,\r\n rgba(199, 51, 124, 0.12) 100%\r\n );\r\n color: var(--jw-white);\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.34),\r\n inset 0 -2px 0 rgba(0, 0, 0, 0.16),\r\n 0 19px 34px rgba(0, 0, 0, 0.22),\r\n 0 5px 0 rgba(199, 51, 124, 0.24);\r\n }\r\n\r\n #jw-hosting-page .jw-host-checks {\r\n margin: 28px 0 0;\r\n padding: 0;\r\n list-style: none;\r\n }\r\n\r\n #jw-hosting-page .jw-host-checks li {\r\n position: relative;\r\n margin: 16px 0;\r\n padding-left: 34px;\r\n font-size: clamp(17px, 0.98vw, 20px) !important;\r\n line-height: 1.5;\r\n font-weight: 700;\r\n }\r\n\r\n #jw-hosting-page .jw-host-checks li::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0.34em;\r\n left: 0;\r\n width: 18px;\r\n height: 10px;\r\n border-bottom: 3px solid var(--jw-green);\r\n border-left: 3px solid var(--jw-green);\r\n transform: rotate(-45deg);\r\n }\r\n\r\n \/* ROW 1 \u2014 full-width image with compact title overlay *\/\r\n #jw-hosting-page .jw-row-1 {\r\n display: block;\r\n width: 100%;\r\n min-height: 0;\r\n overflow: hidden;\r\n isolation: isolate;\r\n background: var(--jw-navy-2);\r\n color: var(--jw-ink);\r\n }\r\n\r\n #jw-hosting-page .jw-row-1::before,\r\n #jw-hosting-page .jw-row-1::after {\r\n display: none;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-media {\r\n position: relative;\r\n width: 100%;\r\n min-height: 475px;\r\n aspect-ratio: 750 \/ 311;\r\n overflow: hidden;\r\n background: #123A46;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-media > .jw-hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n min-width: 100%;\r\n height: 100%;\r\n max-width: none;\r\n object-fit: cover;\r\n object-position: center center;\r\n filter: none;\r\n transform: none;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-media::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 1;\r\n inset: 0;\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7, 14, 20, 0.04) 0%,\r\n rgba(7, 14, 20, 0) 52%,\r\n rgba(7, 14, 20, 0.34) 100%\r\n );\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-overlay-stage {\r\n position: absolute;\r\n z-index: 2;\r\n inset: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-overlay-shell {\r\n width: min(1480px, calc(100% - 48px));\r\n max-width: 1480px;\r\n height: 100%;\r\n margin: 0 auto;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-overlay-table {\r\n width: 100%;\r\n height: 100%;\r\n margin: 0 !important;\r\n border: 0 !important;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n table-layout: fixed;\r\n box-shadow: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-overlay-table tbody,\r\n #jw-hosting-page .jw-hero-overlay-table tr {\r\n height: auto !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n background: transparent !important;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-overlay-cell {\r\n min-width: 0;\r\n padding: 0 0 46px !important;\r\n border: 0 !important;\r\n background: transparent !important;\r\n vertical-align: bottom;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-title-panel {\r\n display: inline-block;\r\n width: auto;\r\n max-width: 100%;\r\n height: auto !important;\r\n min-height: 0 !important;\r\n padding: 10px 13px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 255, 255, 0.60);\r\n border-bottom: 0;\r\n border-left: 7px solid var(--jw-green);\r\n border-radius: 16px;\r\n background: #F7FBFC;\r\n box-shadow: 0 14px 34px rgba(7, 14, 20, 0.24);\r\n vertical-align: bottom;\r\n opacity: 0;\r\n transform: translateX(-58px);\r\n transition:\r\n opacity 0.9s ease,\r\n transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1);\r\n }\r\n\r\n #jw-hosting-page .jw-hero-title-table {\r\n width: auto;\r\n max-width: 100%;\r\n height: auto !important;\r\n margin: 0 !important;\r\n border: 0 !important;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n table-layout: auto;\r\n box-shadow: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-title-table tbody,\r\n #jw-hosting-page .jw-hero-title-table tr {\r\n height: auto !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n background: transparent !important;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-title-cell {\r\n width: auto;\r\n height: auto !important;\r\n min-width: 0;\r\n padding: 0 16px 0 0 !important;\r\n border: 0 !important;\r\n background: transparent !important;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-kicker-cell {\r\n width: auto;\r\n height: auto !important;\r\n min-width: 0;\r\n padding: 0 0 0 17px !important;\r\n border: 0 !important;\r\n border-left: 1px solid rgba(38, 29, 32, 0.13) !important;\r\n background: transparent !important;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-hosting-title-lockup {\r\n position: relative;\r\n display: block;\r\n width: auto;\r\n max-width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n overflow: visible;\r\n vertical-align: top;\r\n }\r\n\r\n #jw-hosting-page .jw-hosting-title-line {\r\n display: block;\r\n width: auto;\r\n max-width: 100%;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif !important;\r\n font-size: 34px !important;\r\n font-weight: 600 !important;\r\n line-height: 0.95 !important;\r\n letter-spacing: -0.052em !important;\r\n text-align: left;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n transform: translateZ(0);\r\n }\r\n\r\n #jw-hosting-page .jw-hosting-title-main {\r\n position: relative;\r\n z-index: 3;\r\n color: var(--jw-blue);\r\n -webkit-text-stroke: 0.65px rgba(38, 29, 32, 0.72);\r\n filter: drop-shadow(0 7px 8px rgba(38, 29, 32, 0.16));\r\n text-shadow:\r\n 1px 1px 0 rgba(255, 255, 255, 0.92),\r\n 2px 2px 0 rgba(38, 29, 32, 0.26),\r\n 5px 6px 8px rgba(38, 29, 32, 0.15);\r\n }\r\n\r\n #jw-hosting-page .jw-hosting-title-echo {\r\n position: relative;\r\n z-index: 1;\r\n margin-top: -6px !important;\r\n color: #B7CBD0;\r\n opacity: 0.46;\r\n -webkit-text-stroke: 0.55px rgba(38, 29, 32, 0.32);\r\n filter: blur(0.1px);\r\n text-shadow: 0 6px 8px rgba(38, 29, 32, 0.16);\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-hosting-title-rule {\r\n position: relative;\r\n z-index: 4;\r\n display: block;\r\n width: 100%;\r\n height: 6px;\r\n margin: 8px 0 0;\r\n overflow: hidden;\r\n border-radius: 999px;\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n var(--jw-blue) 0%,\r\n var(--jw-blue) 42%,\r\n var(--jw-green) 42%,\r\n var(--jw-green) 73%,\r\n var(--jw-ink) 73%,\r\n var(--jw-ink) 100%\r\n );\r\n box-shadow:\r\n 0 5px 8px rgba(38, 29, 32, 0.19),\r\n 0 0 0 1px rgba(38, 29, 32, 0.04);\r\n }\r\n\r\n #jw-hosting-page .jw-hosting-title-rule::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -42%;\r\n width: 34%;\r\n height: 100%;\r\n background:\r\n linear-gradient(\r\n 105deg,\r\n transparent 0%,\r\n rgba(255, 255, 255, 0.12) 25%,\r\n rgba(255, 255, 255, 0.82) 50%,\r\n rgba(255, 255, 255, 0.12) 75%,\r\n transparent 100%\r\n );\r\n opacity: 0;\r\n transform: translateX(0) skewX(-18deg);\r\n animation: jwHostingTitleBarSweep 4.4s ease-in-out infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-title-panel .jw-host-eyebrow {\r\n margin: 0;\r\n color: var(--jw-blue);\r\n font-size: 13px !important;\r\n line-height: 1.3;\r\n letter-spacing: 0.15em;\r\n white-space: nowrap;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-copy-band {\r\n position: relative;\r\n z-index: 3;\r\n overflow: hidden;\r\n padding: 58px 0 76px;\r\n background:\r\n radial-gradient(circle at 92% 15%, rgba(122, 39, 109, 0.07), transparent 28%),\r\n linear-gradient(135deg, #F7FBFC 0%, #F7FBFC 100%);\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-shell {\r\n width: min(1180px, calc(100% - 40px));\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-table {\r\n display: table;\r\n width: 100%;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n table-layout: fixed;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-heading,\r\n #jw-hosting-page .jw-hero-message-copy {\r\n display: table-cell;\r\n min-width: 0;\r\n opacity: 0;\r\n vertical-align: top;\r\n filter: blur(10px);\r\n will-change: transform, opacity, filter;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-heading {\r\n width: 59%;\r\n padding: 0 55px 0 0;\r\n transform: translate3d(-108vw, 28px, 0) scale(0.94) rotate(-1.6deg);\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-copy {\r\n width: 41%;\r\n padding: 4px 0 0 44px;\r\n border-left: 1px solid rgba(38, 29, 32, 0.12);\r\n transform: translate3d(108vw, -24px, 0) scale(0.94) rotate(1.6deg);\r\n }\r\n\r\n #jw-hosting-page .jw-hero-copy-band.jw-copy-band-visible .jw-hero-message-heading {\r\n animation: jwCopyBandLeftEnter 1.12s cubic-bezier(0.16, 0.82, 0.24, 1) both;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-copy-band.jw-copy-band-visible .jw-hero-message-copy {\r\n animation: jwCopyBandRightEnter 1.12s cubic-bezier(0.16, 0.82, 0.24, 1) 110ms both;\r\n }\r\n\r\n @keyframes jwCopyBandLeftEnter {\r\n 0% {\r\n opacity: 0;\r\n filter: blur(10px);\r\n transform: translate3d(-108vw, 28px, 0) scale(0.94) rotate(-1.6deg);\r\n }\r\n 72% {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: translate3d(18px, -3px, 0) scale(1.008) rotate(0.18deg);\r\n }\r\n 100% {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: translate3d(0, 0, 0) scale(1) rotate(0);\r\n }\r\n }\r\n\r\n @keyframes jwCopyBandRightEnter {\r\n 0% {\r\n opacity: 0;\r\n filter: blur(10px);\r\n transform: translate3d(108vw, -24px, 0) scale(0.94) rotate(1.6deg);\r\n }\r\n 72% {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: translate3d(-18px, 3px, 0) scale(1.008) rotate(-0.18deg);\r\n }\r\n 100% {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: translate3d(0, 0, 0) scale(1) rotate(0);\r\n }\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-heading .jw-brand-line {\r\n margin-bottom: 19px;\r\n color: var(--jw-ink);\r\n font-size: 15px !important;\r\n font-weight: 800;\r\n line-height: 1.35;\r\n letter-spacing: 0.16em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-heading .jw-brand-line .jw-blue {\r\n color: var(--jw-blue);\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-heading .jw-brand-line .jw-green {\r\n color: var(--jw-green);\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-heading h1 {\r\n max-width: 760px;\r\n margin: 0;\r\n color: var(--jw-ink);\r\n font-size: clamp(39px, 4.3vw, 62px);\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-copy > .jw-host-lead {\r\n max-width: 540px;\r\n margin-bottom: 27px;\r\n color: var(--jw-muted);\r\n font-size: 18px !important;\r\n line-height: 1.7;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-copy .jw-host-btn {\r\n min-width: 0;\r\n margin: 0 7px 10px 0;\r\n padding: 17px 60px 17px 24px;\r\n font-size: 14px !important;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-copy .jw-host-btn--light {\r\n margin-left: 0;\r\n border-color: rgba(38, 29, 32, 0.18);\r\n background:\r\n linear-gradient(180deg, #F7FBFC 0%, #F7FBFC 58%, #F7FBFC 100%);\r\n color: var(--jw-ink);\r\n box-shadow:\r\n inset 0 1px 0 #F7FBFC,\r\n inset 0 -2px 0 rgba(38, 29, 32, 0.08),\r\n 0 14px 28px rgba(38, 29, 32, 0.12),\r\n 0 4px 0 rgba(38, 29, 32, 0.10);\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-copy .jw-host-btn--light::after {\r\n background:\r\n linear-gradient(180deg, #F7FBFC, #B7CBD0);\r\n color: var(--jw-blue);\r\n box-shadow:\r\n inset 0 1px 0 #F7FBFC,\r\n 0 3px 8px rgba(38, 29, 32, 0.15);\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-copy .jw-host-btn--light:hover,\r\n #jw-hosting-page .jw-hero-message-copy .jw-host-btn--light:focus-visible {\r\n border-color: rgba(199, 51, 124, 0.42);\r\n background:\r\n linear-gradient(180deg, #F7FBFC 0%, #F7FBFC 58%, #F7FBFC 100%);\r\n color: var(--jw-ink);\r\n box-shadow:\r\n inset 0 1px 0 #F7FBFC,\r\n inset 0 -2px 0 rgba(199, 51, 124, 0.10),\r\n 0 18px 34px rgba(38, 29, 32, 0.15),\r\n 0 5px 0 rgba(199, 51, 124, 0.14);\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-copy .jw-host-btn--light:hover::after,\r\n #jw-hosting-page .jw-hero-message-copy .jw-host-btn--light:focus-visible::after {\r\n background:\r\n linear-gradient(180deg, #D9F2EE, #D9F2EE);\r\n color: var(--jw-green);\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-proof {\r\n display: block;\r\n width: 100%;\r\n margin-top: 20px;\r\n font-size: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-proof span {\r\n display: inline-block;\r\n width: 50%;\r\n min-width: 0;\r\n margin: 0 0 9px;\r\n padding: 0 12px 0 0;\r\n color: var(--jw-muted);\r\n font-size: 15px !important;\r\n font-weight: 700;\r\n line-height: 1.45;\r\n vertical-align: top;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-proof span::before {\r\n content: \"\";\r\n display: inline-block;\r\n width: 8px;\r\n height: 8px;\r\n margin-right: 8px;\r\n border-radius: 50%;\r\n background: var(--jw-green);\r\n vertical-align: 0.08em;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-title-panel {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n @keyframes jwHostingTitleBarSweep {\r\n 0%,\r\n 18% {\r\n opacity: 0;\r\n transform: translateX(0) skewX(-18deg);\r\n }\r\n\r\n 28% {\r\n opacity: 0.72;\r\n }\r\n\r\n 66%,\r\n 100% {\r\n opacity: 0;\r\n transform: translateX(430%) skewX(-18deg);\r\n }\r\n }\r\n\r\n \/* ROW 2 \u2014 diagonal curtain reveal *\/\r\n #jw-hosting-page .jw-row-2 {\r\n background: var(--jw-white);\r\n }\r\n\r\n #jw-hosting-page .jw-row-2 .jw-curtain {\r\n position: relative;\r\n overflow: hidden;\r\n border: 6px solid #0A2A35;\r\n border-radius: 34px;\r\n background: #0A2A35;\r\n box-shadow:\r\n 0 0 0 3px #10B7C9,\r\n var(--jw-shadow);\r\n }\r\n\r\n #jw-hosting-page .jw-row-2 .jw-curtain img {\r\n width: 100%;\r\n min-height: 490px;\r\n object-fit: cover;\r\n transform: scale(1.2);\r\n }\r\n\r\n #jw-hosting-page .jw-row-2 .jw-curtain::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: -20%;\r\n background: linear-gradient(135deg, #58717A 0%, #4B7E72 100%);\r\n transform: translateX(0) skewX(-12deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-2 .jw-foundation-copy {\r\n opacity: 0;\r\n transform: translateX(90px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-2.jw-host-visible .jw-curtain::after {\r\n animation: jwCurtainAway 3s cubic-bezier(0.65, 0, 0.35, 1) 0ms forwards;\r\n }\r\n\r\n #jw-hosting-page .jw-row-2.jw-host-visible .jw-curtain img {\r\n animation: jwCurtainImage 5.6s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\r\n }\r\n\r\n #jw-hosting-page .jw-row-2.jw-host-visible .jw-foundation-copy {\r\n animation: jwSlideOpposite 4.6s cubic-bezier(0.22, 0.61, 0.36, 1) 800ms both;\r\n }\r\n\r\n @keyframes jwCurtainAway {\r\n to { transform: translateX(135%) skewX(-12deg); }\r\n }\r\n\r\n @keyframes jwCurtainImage {\r\n to { transform: scale(1); }\r\n }\r\n\r\n @keyframes jwSlideOpposite {\r\n to { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n \/* ROW 3 \u2014 staggered 3D card flips *\/\r\n #jw-hosting-page .jw-row-3 {\r\n background: var(--jw-navy);\r\n color: var(--jw-white);\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-model-bg {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n opacity: 1;\r\n filter: grayscale(0.4) saturate(1.3);\r\n }\r\n\r\n #jw-hosting-page .jw-row-3::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 1;\r\n inset: 0;\r\n background: rgba(9, 4, 13, 0.48);\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-host-inner {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-host-inner {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-model-grid {\r\n display: table;\r\n width: 100%;\r\n margin-top: 46px;\r\n table-layout: fixed;\r\n border-spacing: 18px 0;\r\n perspective: 1100px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-model-card {\r\n display: table-cell;\r\n position: relative;\r\n width: 33.333%;\r\n padding: 36px 28px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 24px;\r\n background: rgba(255, 255, 255, 0.1);\r\n box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);\r\n opacity: 0;\r\n text-align: left;\r\n transform: rotateY(92deg) translateY(35px);\r\n transform-origin: left center;\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-model-card:nth-child(2) {\r\n border-color: rgba(217, 179, 107, 0.75);\r\n background: rgba(199, 51, 124, 0.24);\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-model-card small {\r\n color: var(--jw-green-bright);\r\n font-weight: 900;\r\n letter-spacing: 0.13em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-model-card p {\r\n margin-bottom: 0;\r\n color: rgba(255, 255, 255, 0.75);\r\n font-size: clamp(17px, 0.95vw, 20px) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3.jw-host-visible .jw-model-card {\r\n animation: jwCardFlip 950ms cubic-bezier(0.16, 1, 0.3, 1) both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3.jw-host-visible .jw-model-card:nth-child(2) {\r\n animation-delay: 180ms;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3.jw-host-visible .jw-model-card:nth-child(3) {\r\n animation-delay: 360ms;\r\n }\r\n\r\n @keyframes jwCardFlip {\r\n 0% { opacity: 0; transform: rotateY(92deg) translateY(35px); }\r\n 70% { opacity: 1; transform: rotateY(-8deg) translateY(0); }\r\n 100% { opacity: 1; transform: rotateY(0) translateY(0); }\r\n }\r\n\r\n \/* ROW 4 REVISION \u2014 desktop copy inset increased by roughly one inch;\r\n primary CTA now shares the raised jw-host-btn treatment used by the estimate CTA. *\/\r\n \/* ROW 4 \u2014 CBS HOMEPAGE FEATURE ANIMATION \/ BIN CLEANING ADAPTATION *\/\r\n #jw-hosting-page .jw-row-4 {\r\n position: relative;\r\n min-height: 700px;\r\n overflow: hidden;\r\n isolation: isolate;\r\n background: #0B5563;\r\n color: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-image {\r\n position: absolute;\r\n z-index: 0;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n width: 100%;\r\n min-height: 0;\r\n overflow: hidden;\r\n opacity: 1;\r\n clip-path: none;\r\n transform: translateX(105%) scale(1.03);\r\n transition:\r\n transform 1.65s cubic-bezier(0.16, 0.82, 0.24, 1) 0.08s,\r\n opacity 1s ease 0.08s;\r\n will-change: transform, opacity;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-image img {\r\n width: 100%;\r\n height: 100%;\r\n max-width: none;\r\n object-fit: cover;\r\n object-position: center center;\r\n filter: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-image {\r\n transform: translateX(0) scale(1);\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-swipe {\r\n position: absolute;\r\n z-index: 1;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n background:\r\n linear-gradient(\r\n 118deg,\r\n rgba(38, 29, 32, 0.96) 0%,\r\n rgba(59, 20, 61, 0.92) 38%,\r\n rgba(90, 27, 88, 0.84) 68%,\r\n rgba(122, 39, 109, 0.68) 100%\r\n );\r\n clip-path: polygon(0 0, 70% 0, 80% 100%, 0 100%);\r\n box-shadow: -28px 0 70px rgba(0, 0, 0, 0.18);\r\n transform: translateX(-110%);\r\n transition: transform 1.45s cubic-bezier(0.16, 0.82, 0.24, 1);\r\n will-change: transform;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-swipe {\r\n transform: translateX(-14%);\r\n }\r\n\r\n \/* ROW 4 TWO-COLOR VARIABLE-WIDTH LEADING EDGE.\r\n The SVG travels with the blue swipe so both decorative ribbons remain\r\n locked to its image-facing boundary. Each ribbon follows the same\r\n small-to-large-to-small width progression from top to bottom. *\/\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-leading-edge {\r\n position: absolute;\r\n z-index: 2;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n max-width: none;\r\n overflow: visible;\r\n filter: drop-shadow(7px 0 10px rgba(24, 14, 21, 0.24));\r\n transform: translateX(-110%);\r\n transition: transform 1.45s cubic-bezier(0.16, 0.82, 0.24, 1);\r\n will-change: transform;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-leading-edge path {\r\n stroke: none;\r\n shape-rendering: geometricPrecision;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-edge-ribbon--blue {\r\n fill: #0A2A35;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-edge-ribbon--copper {\r\n fill: #10B7C9;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-leading-edge {\r\n transform: translateX(-14%);\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-arc {\r\n position: absolute;\r\n z-index: 3;\r\n top: -180px;\r\n right: 20%;\r\n width: 700px;\r\n height: 900px;\r\n border: 1px solid rgba(255, 255, 255, 0.18);\r\n border-radius: 50%;\r\n opacity: 0;\r\n transform: translateX(135px) scale(0.94);\r\n transition:\r\n opacity 0.95s ease,\r\n transform 1.2s cubic-bezier(0.16, 0.82, 0.24, 1);\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-arc {\r\n opacity: 1;\r\n transform: none;\r\n transition-delay: 0.62s;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-copy {\r\n position: relative;\r\n z-index: 4;\r\n display: flex;\r\n width: min(1756px, calc(100% - 40px));\r\n min-height: 700px;\r\n margin: 0 auto;\r\n padding: 112px min(10vw, 145px) 105px clamp(72px, 5vw, 96px);\r\n flex-direction: column;\r\n justify-content: center;\r\n color: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-copy > * {\r\n max-width: 780px;\r\n opacity: 0;\r\n filter: blur(9px);\r\n transform: translateX(-145px) scale(0.95);\r\n transition:\r\n opacity 0.72s ease,\r\n transform 1s cubic-bezier(0.16, 0.82, 0.24, 1),\r\n filter 0.76s ease;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-copy > * {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-copy > *:nth-child(1) { transition-delay: 0.20s; }\r\n #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-copy > *:nth-child(2) { transition-delay: 0.34s; }\r\n #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-copy > *:nth-child(3) { transition-delay: 0.48s; }\r\n #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-copy > *:nth-child(4) { transition-delay: 0.62s; }\r\n\r\n #jw-hosting-page .jw-cbs-kicker {\r\n position: relative;\r\n display: inline-block;\r\n margin: 0 0 20px;\r\n padding-left: 54px;\r\n color: #D9F2EE;\r\n font-size: 13px !important;\r\n font-weight: 900;\r\n line-height: 1.35;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-kicker::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n width: 40px;\r\n height: 3px;\r\n border-radius: 3px;\r\n background: #4B7E72;\r\n transform: translateY(-50%);\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs-kicker {\r\n color: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs-kicker::before {\r\n background: #D9F2EE;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-copy h2 {\r\n max-width: 880px;\r\n margin: 0 0 28px;\r\n color: #F7FBFC;\r\n font-size: clamp(43px, 5.25vw, 76px);\r\n font-weight: 700;\r\n line-height: 1.03;\r\n letter-spacing: -0.048em;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-copy p {\r\n max-width: 760px;\r\n margin: 0;\r\n color: #F7FBFC;\r\n font-size: 18px !important;\r\n line-height: 1.7;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-btns {\r\n margin-top: 34px;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-action {\r\n position: relative;\r\n display: inline-block;\r\n min-height: 58px;\r\n padding: 18px 62px 18px 30px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 255, 255, 0.92);\r\n border-radius: 999px;\r\n background: linear-gradient(180deg, #F7FBFC 0%, #F7FBFC 58%, #F7FBFC 100%);\r\n box-shadow:\r\n inset 0 1px 0 #F7FBFC,\r\n inset 0 -2px 0 rgba(38, 29, 32, 0.10),\r\n 0 16px 30px rgba(0, 0, 0, 0.20),\r\n 0 5px 0 rgba(24, 14, 21, 0.18);\r\n color: #0B5563 !important;\r\n font-size: 14px !important;\r\n font-weight: 800;\r\n line-height: 1.4;\r\n text-align: center;\r\n text-decoration: none;\r\n transform: translateZ(0);\r\n transition:\r\n transform 0.28s ease,\r\n background 0.28s ease,\r\n border-color 0.28s ease,\r\n box-shadow 0.28s ease,\r\n color 0.28s ease;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-action::before {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 0;\r\n top: 5px;\r\n right: 12px;\r\n left: 12px;\r\n height: 42%;\r\n border-radius: 999px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.05));\r\n opacity: 0.72;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-action::after {\r\n content: \"\u2192\";\r\n position: absolute;\r\n top: 50%;\r\n right: 16px;\r\n z-index: 1;\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 50%;\r\n background: linear-gradient(180deg, #F7FBFC, #B7CBD0);\r\n box-shadow: inset 0 1px 0 #F7FBFC, 0 3px 8px rgba(38, 29, 32, 0.16);\r\n color: #0B5563;\r\n font-size: 19px;\r\n line-height: 34px;\r\n text-align: center;\r\n transform: translateY(-50%);\r\n transition: transform 0.28s ease, background 0.28s ease, color 0.28s ease;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-action:hover,\r\n #jw-hosting-page .jw-cbs-action:focus-visible {\r\n border-color: #84CC16;\r\n background: linear-gradient(180deg, #F7FBFC 0%, #F7FBFC 58%, #D9F2EE 100%);\r\n box-shadow:\r\n inset 0 1px 0 #F7FBFC,\r\n inset 0 -2px 0 rgba(154, 100, 72, 0.10),\r\n 0 20px 36px rgba(0, 0, 0, 0.22),\r\n 0 6px 0 rgba(154, 100, 72, 0.16);\r\n color: #0B5563 !important;\r\n transform: translateY(-4px);\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-action:hover::after,\r\n #jw-hosting-page .jw-cbs-action:focus-visible::after {\r\n background: linear-gradient(180deg, #D9F2EE, #D9F2EE);\r\n color: #4B7E72;\r\n transform: translateY(-50%) translateX(4px);\r\n }\r\n\r\n \/* ROW 5 \u2014 Creative Business System fifth-row stationary-background replica *\/\r\n #jw-hosting-page .jw-row-5 {\r\n position: relative;\r\n display: flex;\r\n width: 100%;\r\n max-width: none;\r\n min-height: 66.6667vw;\r\n margin: 0;\r\n align-items: center;\r\n overflow: hidden;\r\n isolation: isolate;\r\n background-color: #071F27;\r\n background-image:\r\n linear-gradient(90deg, rgba(9, 4, 13, 0.32), rgba(9, 4, 13, 0.10)),\r\n \/* ROW 5 NO-JS FALLBACK | primary background comes from the unique HTML image source below *\/\r\n var(--jw-row5-bg, linear-gradient(135deg, #087A8A 0%, #10B7C9 52%, #10B7C9 100%));\r\n background-size: cover;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n color: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-bg-source {\r\n position: absolute !important;\r\n width: 1px !important;\r\n height: 1px !important;\r\n margin: -1px !important;\r\n padding: 0 !important;\r\n overflow: hidden !important;\r\n clip: rect(0 0 0 0) !important;\r\n clip-path: inset(50%) !important;\r\n white-space: nowrap !important;\r\n opacity: 0 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-shell {\r\n position: relative;\r\n z-index: 3;\r\n display: flex;\r\n width: min(1700px, calc(100% - 140px));\r\n min-height: inherit;\r\n margin: 0 auto;\r\n align-items: center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-card {\r\n position: sticky;\r\n top: 110px;\r\n z-index: 4;\r\n width: min(660px, 100%);\r\n padding: 54px;\r\n border: 1px solid rgba(255, 255, 255, 0.14);\r\n border-radius: 28px;\r\n background: rgba(18, 28, 37, 0.78);\r\n box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);\r\n color: #F7FBFC;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-card .jw-cbs-kicker {\r\n color: #D9F2EE;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-card h2 {\r\n margin: 0 0 28px;\r\n color: #F7FBFC;\r\n font-size: clamp(38px, 3.7vw, 58px);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: -0.035em;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-card p {\r\n margin: 0;\r\n color: #B7CBD0;\r\n font-size: clamp(17px, 1.05vw, 19px) !important;\r\n line-height: 1.72;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-checks {\r\n display: table;\r\n width: 100%;\r\n margin-top: 30px;\r\n border-collapse: separate;\r\n border-spacing: 0 14px;\r\n table-layout: fixed;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-check-row {\r\n display: table-row;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-check {\r\n display: table-cell;\r\n position: relative;\r\n width: 50%;\r\n padding: 0 18px 0 38px;\r\n color: #F7FBFC;\r\n font-size: 15px !important;\r\n font-weight: 800;\r\n line-height: 1.45;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-check::before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n width: 25px;\r\n height: 25px;\r\n border-radius: 50%;\r\n background: #4B7E72;\r\n color: #F7FBFC;\r\n font-size: 13px;\r\n line-height: 25px;\r\n text-align: center;\r\n transform: translateY(-50%);\r\n }\r\n\r\n #jw-hosting-page .jw-cbs5-side-label {\r\n position: absolute;\r\n z-index: 5;\r\n top: 50%;\r\n right: 28px;\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n color: #F7FBFC;\r\n font-size: 11px !important;\r\n font-weight: 900;\r\n line-height: 1.1;\r\n letter-spacing: 0.22em;\r\n text-transform: uppercase;\r\n writing-mode: vertical-rl;\r\n transform: translateY(-50%);\r\n }\r\n\r\n #jw-hosting-page .jw-cbs5-side-label i {\r\n display: block;\r\n width: 1px;\r\n height: 62px;\r\n background: rgba(255, 255, 255, 0.72);\r\n }\r\n\r\n @media (min-width: 681px) {\r\n #jw-hosting-page .jw-row-5 {\r\n background-attachment: fixed;\r\n }\r\n }\r\n\r\n @media (max-width: 980px) {\r\n #jw-hosting-page .jw-row-4 {\r\n min-height: 720px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-image {\r\n width: 100%;\r\n clip-path: none;\r\n transform: translateX(105%) scale(1.03);\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-swipe {\r\n clip-path: polygon(0 0, 78% 0, 88% 100%, 0 100%);\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-leading-edge {\r\n left: 8%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-copy {\r\n width: min(100% - 40px, 1180px);\r\n min-height: 720px;\r\n padding: 90px 72px 86px 48px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 {\r\n min-height: 760px;\r\n background-attachment: scroll;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-shell {\r\n width: min(100% - 48px, 1180px);\r\n }\r\n\r\n #jw-hosting-page .jw-cbs5-side-label {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width: 680px) {\r\n #jw-hosting-page .jw-row-4 {\r\n min-height: 610px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-image {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 1;\r\n clip-path: none;\r\n transform: translateX(105%) scale(1.03);\r\n }\r\n\r\n #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-image {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-swipe {\r\n clip-path: none;\r\n background:\r\n linear-gradient(\r\n 118deg,\r\n rgba(11, 25, 38, 0.96) 0%,\r\n rgba(25, 49, 67, 0.92) 52%,\r\n rgba(66, 98, 120, 0.76) 100%\r\n );\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-leading-edge {\r\n display: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-arc {\r\n top: -80px;\r\n right: -420px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-copy {\r\n width: min(100% - 28px, 1180px);\r\n min-height: 610px;\r\n padding: 74px 0 66px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-copy > * {\r\n width: auto;\r\n max-width: 780px;\r\n transform: translateX(-82px) scale(0.96);\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-copy h2 {\r\n font-size: clamp(38px, 12vw, 55px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-copy p {\r\n font-size: 16px !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-copy .jw-host-btn {\r\n width: 100%;\r\n padding-right: 58px;\r\n padding-left: 22px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 {\r\n display: block;\r\n min-height: 0;\r\n padding: 72px 0;\r\n background-attachment: scroll;\r\n background-position: center center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-shell {\r\n display: block;\r\n width: calc(100% - 28px);\r\n min-height: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-card {\r\n position: relative;\r\n top: auto;\r\n width: 100%;\r\n padding: 34px 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-card h2 {\r\n font-size: clamp(34px, 10vw, 48px);\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-checks,\r\n #jw-hosting-page .jw-cbs-check-row,\r\n #jw-hosting-page .jw-cbs-check {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-checks {\r\n margin-top: 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs-check {\r\n margin: 12px 0;\r\n padding-right: 0;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-image,\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-swipe,\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-leading-edge,\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-arc,\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-copy > * {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-image {\r\n opacity: 1 !important;\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-swipe {\r\n transform: translateX(-14%) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-leading-edge {\r\n transform: translateX(-14%) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-arc {\r\n opacity: 1 !important;\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-cbs4-copy > * {\r\n opacity: 1 !important;\r\n filter: none !important;\r\n transform: none !important;\r\n }\r\n }\r\n\r\n \/* ROW 6 REVISION \u2014 clear image + reversed header-style opposing entrance.\r\n The project photograph remains completely unfiltered. The image enters from\r\n the right while a smooth sculpted sail panel enters from the left and finishes\r\n at approximately the midpoint of the section. The former faceted\/jagged edge\r\n has been replaced with one continuous flowing curve. On wide screens, the copy\r\n group is anchored approximately 1.5 inches farther left than its prior position. *\/\r\n #jw-hosting-page .jw-row-6 {\r\n position: relative;\r\n min-height: 720px;\r\n overflow: hidden;\r\n isolation: isolate;\r\n background: #0A2A35;\r\n color: var(--jw-white);\r\n }\r\n\r\n #jw-hosting-page .jw-row-6::before,\r\n #jw-hosting-page .jw-row-6::after {\r\n content: none !important;\r\n display: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-uptime-bg {\r\n position: absolute;\r\n z-index: 0;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n max-width: none;\r\n object-fit: cover;\r\n object-position: center center;\r\n opacity: 1;\r\n filter: none;\r\n transform: translate3d(105%, 0, 0) scale(1.015);\r\n transform-origin: center center;\r\n will-change: transform;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-wave-sweep {\r\n position: absolute;\r\n z-index: 1;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 58%;\r\n height: 100%;\r\n max-width: none;\r\n overflow: visible;\r\n filter: drop-shadow(24px 0 36px rgba(0, 0, 0, 0.24));\r\n transform: translate3d(-115vw, 0, 0) skewX(1.2deg);\r\n transform-origin: 50% 50%;\r\n pointer-events: none;\r\n will-change: transform;\r\n }\r\n\r\n \/* ROW 6 TWO-COLOR VARIABLE-WIDTH LEADING EDGE.\r\n Both closed ribbons follow the sail's continuous curve and use the same\r\n narrow-to-wide-to-narrow progression. Because they live inside the moving\r\n SVG, they remain perfectly synchronized with the existing entrance. *\/\r\n #jw-hosting-page .jw-row-6 .jw-why-wave-edge-ribbon {\r\n stroke: none;\r\n pointer-events: none;\r\n shape-rendering: geometricPrecision;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-wave-edge-ribbon--blue {\r\n fill: #0A2A35;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-wave-edge-ribbon--copper {\r\n fill: #10B7C9;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-host-inner {\r\n z-index: 2;\r\n width: min(1240px, calc(100% - 48px));\r\n min-height: 720px;\r\n padding: 104px 0;\r\n }\r\n\r\n \/* DESKTOP COPY POSITION \u2014 the former centered 1240px shell is expanded only\r\n to the left. At the reference desktop width this moves the complete wording,\r\n note, and planning-focus content approximately 144px (1.5in) left without\r\n creating negative page width or horizontal overflow. *\/\r\n @media (min-width: 981px) {\r\n #jw-hosting-page .jw-row-6 .jw-host-inner {\r\n width: min(1384px, calc(100% - 48px));\r\n margin-right: auto;\r\n margin-left: max(24px, calc((100% - 1240px) \/ 2 - 144px));\r\n }\r\n\r\n \/* The smaller turnaround display moves toward the outer right edge by up to\r\n approximately three CSS inches while remaining contained at narrower widths. *\/\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle-stage {\r\n left: clamp(0px, calc((100vw - 1180px) * 0.75), 288px);\r\n }\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-host-table {\r\n height: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-host-cell:first-child {\r\n width: 56%;\r\n padding-right: clamp(34px, 5vw, 76px);\r\n text-shadow: 0 2px 18px rgba(0, 0, 0, 0.24);\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-host-cell + .jw-host-cell {\r\n width: 44%;\r\n padding-left: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-copy {\r\n max-width: 650px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-copy > * {\r\n opacity: 0;\r\n filter: blur(8px);\r\n transform: translate3d(76px, 18px, 0) scale(0.96);\r\n will-change: transform, opacity, filter;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-host-eyebrow {\r\n color: var(--jw-green-bright);\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-copy h2 {\r\n max-width: 640px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-copy .jw-host-lead {\r\n max-width: 630px;\r\n margin-bottom: 20px;\r\n color: rgba(255, 255, 255, 0.92);\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-note {\r\n max-width: 610px;\r\n margin-bottom: 0;\r\n color: rgba(255, 255, 255, 0.78);\r\n font-size: 17px !important;\r\n line-height: 1.58;\r\n }\r\n\r\n \/* TURNAROUND CIRCLE \u2014 right-side 0-to-100 drafting-readiness display *\/\r\n #jw-hosting-page .jw-row-6 .jw-why-image-space {\r\n text-align: center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle-stage {\r\n display: inline-block;\r\n position: relative;\r\n width: min(278px, 100%);\r\n padding: 12px;\r\n opacity: 0;\r\n vertical-align: middle;\r\n filter: blur(8px);\r\n transform: translate3d(90px, 20px, 0) scale(0.9);\r\n will-change: transform, opacity, filter;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle {\r\n --jw-circle-progress: 0deg;\r\n position: relative;\r\n width: 100%;\r\n max-width: 250px;\r\n margin: 0 auto;\r\n aspect-ratio: 1 \/ 1;\r\n padding: 18px;\r\n border-radius: 50%;\r\n background:\r\n conic-gradient(\r\n from -90deg,\r\n var(--jw-green-bright) 0deg,\r\n var(--jw-green) var(--jw-circle-progress),\r\n rgba(255, 255, 255, 0.20) var(--jw-circle-progress),\r\n rgba(255, 255, 255, 0.20) 360deg\r\n );\r\n box-shadow:\r\n 0 28px 70px rgba(0, 0, 0, 0.34),\r\n 0 0 0 1px rgba(255, 255, 255, 0.18),\r\n 0 0 42px rgba(217, 179, 107, 0.20);\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 9px;\r\n border: 1px solid rgba(255, 255, 255, 0.20);\r\n border-radius: 50%;\r\n background:\r\n radial-gradient(circle at 38% 30%, rgba(255, 255, 255, 0.16), transparent 28%),\r\n linear-gradient(145deg, rgba(24, 14, 21, 0.98), rgba(18, 50, 74, 0.95));\r\n box-shadow:\r\n inset 0 0 34px rgba(0, 0, 0, 0.28),\r\n inset 0 1px 0 rgba(255, 255, 255, 0.13);\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle-inner {\r\n display: table;\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 50%;\r\n text-align: center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle-content {\r\n display: table-cell;\r\n padding: 18px;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-count {\r\n display: block;\r\n color: #F7FBFC;\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n font-size: clamp(46px, 4.8vw, 68px) !important;\r\n font-weight: 800;\r\n line-height: 0.92;\r\n letter-spacing: -0.075em;\r\n text-shadow: 0 5px 18px rgba(0, 0, 0, 0.28);\r\n transition: opacity 240ms ease, transform 240ms ease;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle-label,\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-complete {\r\n display: block;\r\n max-width: 176px;\r\n margin-right: auto;\r\n margin-left: auto;\r\n color: rgba(255, 255, 255, 0.84);\r\n font-size: 14px !important;\r\n font-weight: 850;\r\n line-height: 1.45;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle-label {\r\n margin-top: 13px;\r\n transition: opacity 240ms ease, transform 240ms ease;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-complete {\r\n position: absolute;\r\n top: 50%;\r\n right: 22px;\r\n left: 22px;\r\n color: #F7FBFC;\r\n font-size: 17px !important;\r\n letter-spacing: 0.09em;\r\n opacity: 0;\r\n transform: translateY(-42%) scale(0.9);\r\n transition: opacity 320ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle.jw-circle-message .jw-turnaround-count,\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle.jw-circle-message .jw-turnaround-circle-label {\r\n opacity: 0;\r\n transform: scale(0.86);\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle.jw-circle-message .jw-turnaround-complete {\r\n opacity: 1;\r\n transform: translateY(-50%) scale(1);\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle-caption {\r\n display: block;\r\n max-width: 250px;\r\n margin: 15px auto 0;\r\n color: rgba(255, 255, 255, 0.78);\r\n font-size: 13px !important;\r\n font-weight: 750;\r\n line-height: 1.5;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.32);\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-focus strong {\r\n padding-right: 18px;\r\n color: #F7FBFC;\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n font-size: clamp(42px, 4.2vw, 66px);\r\n font-weight: 800;\r\n line-height: 0.94;\r\n letter-spacing: -0.065em;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-focus span {\r\n max-width: 180px;\r\n padding-left: 18px;\r\n border-left: 2px solid rgba(217, 179, 107, 0.78);\r\n color: rgba(255, 255, 255, 0.82);\r\n font-size: 13px !important;\r\n font-weight: 850;\r\n line-height: 1.45;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6.jw-host-visible .jw-uptime-bg {\r\n animation: jwWhyImageSlideFromRight 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-wave-sweep {\r\n animation: jwWhyWaveSweepFromLeft 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-copy > * {\r\n animation: jwWhyCopySettleFromRight 1.05s cubic-bezier(0.16, 1, 0.3, 1) both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6.jw-host-visible .jw-turnaround-circle-stage {\r\n animation: jwWhyCircleSettleFromRight 1.15s cubic-bezier(0.16, 1, 0.3, 1) 2.05s both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-copy > *:nth-child(1) { animation-delay: 2.05s; }\r\n #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-copy > *:nth-child(2) { animation-delay: 2.14s; }\r\n #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-copy > *:nth-child(3) { animation-delay: 2.23s; }\r\n #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-copy > *:nth-child(4) { animation-delay: 2.32s; }\r\n #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-copy > *:nth-child(5) { animation-delay: 2.41s; }\r\n\r\n @keyframes jwWhyImageSlideFromRight {\r\n 0% {\r\n transform: translate3d(105%, 0, 0) scale(1.015);\r\n }\r\n\r\n 72% {\r\n transform: translate3d(-1.8%, 0, 0) scale(1.004);\r\n }\r\n\r\n 100% {\r\n transform: translate3d(0, 0, 0) scale(1);\r\n }\r\n }\r\n\r\n @keyframes jwWhyWaveSweepFromLeft {\r\n 0% {\r\n transform: translate3d(-115vw, 0, 0) skewX(2deg);\r\n }\r\n\r\n 72% {\r\n transform: translate3d(1.4%, 0, 0) skewX(0.35deg);\r\n }\r\n\r\n 100% {\r\n transform: translate3d(0, 0, 0) skewX(0);\r\n }\r\n }\r\n\r\n @keyframes jwWhyCircleSettleFromRight {\r\n 0% {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: translate3d(90px, 20px, 0) scale(0.9);\r\n }\r\n\r\n 72% {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: translate3d(-7px, -2px, 0) scale(1.012);\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: translate3d(0, 0, 0) scale(1);\r\n }\r\n }\r\n\r\n @keyframes jwWhyCopySettleFromRight {\r\n 0% {\r\n opacity: 0;\r\n filter: blur(8px);\r\n transform: translate3d(76px, 18px, 0) scale(0.96);\r\n }\r\n\r\n 72% {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: translate3d(-8px, -2px, 0) scale(1.006);\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: translate3d(0, 0, 0) scale(1);\r\n }\r\n }\r\n\r\n @media (max-width: 980px) {\r\n #jw-hosting-page .jw-row-6,\r\n #jw-hosting-page .jw-row-6 .jw-host-inner {\r\n min-height: 700px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-uptime-bg {\r\n object-position: 64% center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-wave-sweep {\r\n width: 68%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-host-cell:first-child {\r\n width: 64%;\r\n padding-right: 44px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-host-cell + .jw-host-cell {\r\n width: 36%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle-stage {\r\n left: 0;\r\n width: min(260px, 100%);\r\n padding: 8px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-copy h2 {\r\n font-size: clamp(36px, 5.8vw, 54px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-copy .jw-host-lead {\r\n font-size: 18px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 680px) {\r\n #jw-hosting-page .jw-row-6 {\r\n min-height: 0;\r\n background: #0A2A35;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-uptime-bg {\r\n top: 0;\r\n right: 0;\r\n bottom: auto;\r\n left: 0;\r\n height: 320px;\r\n object-position: center center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-wave-sweep {\r\n top: 278px;\r\n right: auto;\r\n bottom: 0;\r\n left: 0;\r\n width: 178%;\r\n height: calc(100% - 278px);\r\n min-height: 590px;\r\n filter: drop-shadow(0 -18px 28px rgba(0, 0, 0, 0.20));\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-host-inner {\r\n width: calc(100% - 32px);\r\n min-height: 0;\r\n padding: 356px 0 72px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-host-table,\r\n #jw-hosting-page .jw-row-6 .jw-host-cell {\r\n display: block;\r\n width: 100% !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-host-cell:first-child {\r\n padding-right: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-image-space {\r\n display: block !important;\r\n margin-top: 38px;\r\n text-align: center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle-stage {\r\n left: 0;\r\n width: min(260px, 100%);\r\n padding: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-copy {\r\n max-width: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-copy h2 {\r\n font-size: clamp(34px, 10.5vw, 48px);\r\n }\r\n\r\n }\r\n\r\n @media (max-width: 420px) {\r\n #jw-hosting-page .jw-row-6 .jw-uptime-bg {\r\n height: 270px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-why-wave-sweep {\r\n top: 236px;\r\n height: calc(100% - 236px);\r\n min-height: 620px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-host-inner {\r\n padding-top: 308px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #jw-hosting-page .jw-row-6 .jw-uptime-bg,\r\n #jw-hosting-page .jw-row-6 .jw-why-wave-sweep,\r\n #jw-hosting-page .jw-row-6 .jw-why-copy > *,\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle-stage {\r\n animation: none !important;\r\n transition: none !important;\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-6 .jw-uptime-bg,\r\n #jw-hosting-page .jw-row-6 .jw-why-copy > *,\r\n #jw-hosting-page .jw-row-6 .jw-turnaround-circle-stage {\r\n opacity: 1 !important;\r\n filter: none !important;\r\n }\r\n }\r\n\r\n \/* ROW 7 \u2014 quality-control image and coordinated project copy *\/\r\n #jw-hosting-page .jw-row-7 {\r\n background: linear-gradient(120deg, #F7FBFC, #D9F2EE);\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n position: relative;\r\n min-height: 540px;\r\n overflow: hidden;\r\n border-radius: 36px;\r\n background: var(--jw-navy);\r\n box-shadow: var(--jw-shadow);\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-security-stage > img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n opacity: 1;\r\n }\r\n\r\n \/* ROW 8 \u2014 cascading service tiles *\/\r\n #jw-hosting-page .jw-row-8 {\r\n background: var(--jw-white);\r\n }\r\n\r\n \/* ACCESSIBILITY: darker copper provides WCAG-compliant contrast on white. *\/\r\n #jw-hosting-page .jw-row-8 .jw-host-eyebrow {\r\n color: #22C55E;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-package-photo {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 30px;\r\n box-shadow: var(--jw-shadow);\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-package-photo img {\r\n width: 100%;\r\n min-height: 650px;\r\n object-fit: cover;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature-grid {\r\n display: table;\r\n width: calc(100% + 18px);\r\n margin: 12px 0 0 -9px;\r\n table-layout: fixed;\r\n border-spacing: 9px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature-row {\r\n display: table-row;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature {\r\n display: table-cell;\r\n width: 50%;\r\n padding: 22px 18px;\r\n border: 1px solid #B7CBD0;\r\n border-radius: 18px;\r\n background: #F7FBFC;\r\n opacity: 0;\r\n vertical-align: top;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature:nth-child(1) {\r\n transform: translate(-90px, -40px) rotate(-8deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature:nth-child(2) {\r\n transform: translate(90px, -40px) rotate(8deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature-row:nth-child(2) .jw-feature:nth-child(1) {\r\n transform: translate(-100px, 0) rotate(-8deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature-row:nth-child(2) .jw-feature:nth-child(2) {\r\n transform: translate(100px, 0) rotate(8deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature-row:nth-child(3) .jw-feature:nth-child(1) {\r\n transform: translate(-80px, 50px) rotate(-8deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature-row:nth-child(3) .jw-feature:nth-child(2) {\r\n transform: translate(80px, 50px) rotate(8deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature-icon {\r\n display: inline-grid;\r\n width: 44px;\r\n height: 44px;\r\n margin-bottom: 13px;\r\n border-radius: 14px;\r\n place-items: center;\r\n background: var(--jw-cream);\r\n color: var(--jw-blue);\r\n font-size: 1.15rem;\r\n font-weight: 900;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature strong {\r\n display: block;\r\n font-size: clamp(17px, 0.94vw, 20px) !important;\r\n line-height: 1.35;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature small {\r\n color: var(--jw-muted);\r\n font-size: 16px !important;\r\n line-height: 1.55;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8.jw-host-visible .jw-feature {\r\n animation: jwFeatureCascade 850ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8.jw-host-visible .jw-feature-row:nth-child(1) .jw-feature:nth-child(2) {\r\n animation-delay: 110ms;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8.jw-host-visible .jw-feature-row:nth-child(2) .jw-feature:nth-child(1) {\r\n animation-delay: 220ms;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8.jw-host-visible .jw-feature-row:nth-child(2) .jw-feature:nth-child(2) {\r\n animation-delay: 330ms;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8.jw-host-visible .jw-feature-row:nth-child(3) .jw-feature:nth-child(1) {\r\n animation-delay: 440ms;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8.jw-host-visible .jw-feature-row:nth-child(3) .jw-feature:nth-child(2) {\r\n animation-delay: 550ms;\r\n }\r\n\r\n @keyframes jwFeatureCascade {\r\n 70% { opacity: 1; transform: translate(0, 0) rotate(2deg) scale(1.05); }\r\n 100% { opacity: 1; transform: translate(0, 0) rotate(0) scale(1); }\r\n }\r\n\r\n \/* ROW 9 \u2014 pricing card pop + count-up *\/\r\n #jw-hosting-page .jw-row-9 {\r\n background: var(--jw-cream);\r\n color: var(--jw-white);\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-price-bg {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n opacity: 0.94;\r\n filter: saturate(0.95) contrast(1.04);\r\n }\r\n\r\n #jw-hosting-page .jw-row-9::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(100deg, rgba(3, 24, 33, 0.82), rgba(3, 24, 33, 0.18));\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-price-card {\r\n position: relative;\r\n max-width: 520px;\r\n margin-left: auto;\r\n padding: clamp(38px, 5vw, 62px);\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 255, 255, 0.38);\r\n border-radius: 34px;\r\n background: rgba(3, 24, 33, 0.01);\r\n box-shadow: 0 36px 90px rgba(0, 0, 0, 0.62);\r\n opacity: 0;\r\n text-align: center;\r\n transform: scale(0.45) rotate(-9deg);\r\n backdrop-filter: blur(5px);\r\n -webkit-backdrop-filter: blur(5px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-price-card::before,\r\n #jw-hosting-page .jw-row-9 .jw-price-card::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: -1;\r\n top: 50%;\r\n left: 50%;\r\n border: 2px solid rgba(217, 179, 107, 0.38);\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%) scale(0.2);\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-price-card::before {\r\n width: 320px;\r\n height: 320px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-price-card::after {\r\n width: 470px;\r\n height: 470px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-price {\r\n margin: 5px 0 8px;\r\n color: var(--jw-white);\r\n font-size: clamp(4.68rem, 8.5vw, 7.23rem);\r\n font-weight: 900;\r\n line-height: 0.94;\r\n letter-spacing: -0.08em;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-price sup {\r\n position: relative;\r\n top: -0.2em;\r\n margin-right: 5px;\r\n font-size: 0.32em;\r\n letter-spacing: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-price-term {\r\n margin-bottom: 26px;\r\n color: var(--jw-green-bright);\r\n font-size: clamp(17px, 0.95vw, 20px) !important;\r\n font-weight: 900;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9.jw-host-visible .jw-price-card {\r\n animation: jwPricePop 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9.jw-host-visible .jw-price-card::before {\r\n animation: jwPriceRing 2s ease-out 600ms infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9.jw-host-visible .jw-price-card::after {\r\n animation: jwPriceRing 2s ease-out 1s infinite;\r\n }\r\n\r\n @keyframes jwPricePop {\r\n 70% { opacity: 1; transform: scale(1.06) rotate(2deg); }\r\n 100% { opacity: 1; transform: scale(1) rotate(0); }\r\n }\r\n\r\n @keyframes jwPriceRing {\r\n from { opacity: 0.75; transform: translate(-50%, -50%) scale(0.2); }\r\n to { opacity: 0; transform: translate(-50%, -50%) scale(1.35); }\r\n }\r\n\r\n \/* ROW 10 \u2014 sweeping light beams + floating particles *\/\r\n #jw-hosting-page .jw-row-10 {\r\n display: table;\r\n width: 100%;\r\n min-height: 720px;\r\n background: var(--jw-navy-2);\r\n color: var(--jw-white);\r\n text-align: center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-cta-bg {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n opacity: 1;\r\n filter: brightness(0.68) saturate(1.15) contrast(1.1);\r\n }\r\n\r\n #jw-hosting-page .jw-row-10::before {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 1;\r\n inset: 0;\r\n background: none;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-beam {\r\n position: absolute;\r\n z-index: 2;\r\n top: -30%;\r\n left: -18%;\r\n width: 26%;\r\n height: 170%;\r\n background: linear-gradient(90deg, transparent, rgba(217, 179, 107, 0.42), transparent);\r\n opacity: 0;\r\n transform: skewX(-22deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-particle {\r\n position: absolute;\r\n z-index: 2;\r\n bottom: -40px;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: var(--jw-green-bright);\r\n box-shadow: 0 0 22px var(--jw-green-bright);\r\n opacity: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(2) {\r\n left: 12%;\r\n width: 7px;\r\n height: 7px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(3) {\r\n left: 30%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(4) {\r\n left: 52%;\r\n width: 6px;\r\n height: 6px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(5) {\r\n left: 72%;\r\n width: 12px;\r\n height: 12px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(6) {\r\n left: 90%;\r\n width: 8px;\r\n height: 8px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-host-inner {\r\n display: table-cell;\r\n width: 100%;\r\n max-width: none;\r\n padding: 120px max(24px, calc((100% - 980px) \/ 2));\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 h2 {\r\n max-width: 940px;\r\n margin-right: auto;\r\n margin-left: auto;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-host-lead {\r\n margin-right: auto;\r\n margin-left: auto;\r\n color: rgba(255, 255, 255, 0.8);\r\n }\r\n\r\n #jw-hosting-page .jw-row-10.jw-host-visible .jw-beam {\r\n animation: jwBeamSweep 2.5s ease-in-out infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle {\r\n animation: jwParticleRise 4.6s ease-in infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle:nth-of-type(3) {\r\n animation-delay: 700ms;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle:nth-of-type(4) {\r\n animation-delay: 1.4s;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle:nth-of-type(5) {\r\n animation-delay: 2.1s;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle:nth-of-type(6) {\r\n animation-delay: 2.8s;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10.jw-host-visible .jw-host-btn {\r\n animation: jwButtonPulse 1.9s ease-in-out 700ms infinite;\r\n }\r\n\r\n @keyframes jwBeamSweep {\r\n 0% { left: -18%; opacity: 0; }\r\n 20% { opacity: 1; }\r\n 100% { left: 118%; opacity: 0; }\r\n }\r\n\r\n @keyframes jwParticleRise {\r\n 0% { bottom: -40px; opacity: 0; transform: translateX(0) scale(0.7); }\r\n 18% { opacity: 1; }\r\n 100% { bottom: 110%; opacity: 0; transform: translateX(55px) scale(1.5); }\r\n }\r\n\r\n @keyframes jwButtonPulse {\r\n 0%,\r\n 100% {\r\n box-shadow: 0 0 0 0 rgba(217, 179, 107, 0.42), 0 15px 36px rgba(199, 51, 124, 0.28);\r\n }\r\n\r\n 50% {\r\n box-shadow: 0 0 0 18px rgba(217, 179, 107, 0), 0 22px 44px rgba(199, 51, 124, 0.42);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #jw-hosting-page .jw-host-inner {\r\n width: min(100% - 36px, 720px);\r\n padding: 78px 0;\r\n }\r\n\r\n #jw-hosting-page .jw-host-table,\r\n #jw-hosting-page .jw-host-cell {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-host-cell + .jw-host-cell,\r\n #jw-hosting-page .jw-host-table--reverse .jw-host-cell + .jw-host-cell {\r\n padding: 48px 0 0;\r\n }\r\n\r\n #jw-hosting-page .jw-host-table--reverse .jw-host-cell:first-child,\r\n #jw-hosting-page .jw-host-table--reverse .jw-host-cell:last-child {\r\n display: block;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 {\r\n min-height: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-host-inner {\r\n padding-right: 24px;\r\n padding-left: 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-media {\r\n min-height: 560px;\r\n aspect-ratio: auto;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-table,\r\n #jw-hosting-page .jw-hero-message-heading,\r\n #jw-hosting-page .jw-hero-message-copy {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-heading {\r\n padding: 0 0 31px;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-copy {\r\n padding: 29px 0 0;\r\n border-top: 1px solid rgba(38, 29, 32, 0.12);\r\n border-left: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-2 .jw-curtain img,\r\n #jw-hosting-page .jw-row-8 .jw-package-photo img {\r\n min-height: 420px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-model-grid {\r\n display: block;\r\n margin-top: 32px;\r\n border-spacing: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-model-card {\r\n display: block;\r\n width: 100%;\r\n margin: 16px 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-orbit-stage {\r\n max-width: 500px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-price-card {\r\n margin-right: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 620px) {\r\n #jw-hosting-page h1 {\r\n font-size: clamp(2.3rem, 11.9vw, 3.4rem);\r\n }\r\n\r\n #jw-hosting-page h2 {\r\n font-size: clamp(1.79rem, 9.35vw, 2.72rem);\r\n }\r\n\r\n #jw-hosting-page .jw-host-row {\r\n min-height: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-host-inner {\r\n width: calc(100% - 30px);\r\n padding: 64px 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-orbit-stage {\r\n width: min(360px, 100%);\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-orbit-photo {\r\n inset: 25%;\r\n width: 50%;\r\n height: 50%;\r\n border-width: 7px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-orbit--outer {\r\n inset: 15%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-orbit--middle {\r\n inset: 20%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-orbit--inner {\r\n inset: 25%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-4 .jw-orbit-dot {\r\n min-width: 112px;\r\n padding: 10px 14px;\r\n font-size: 18px !important;\r\n letter-spacing: 0.06em;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 {\r\n min-height: 640px;\r\n }\r\n\r\n #jw-hosting-page .jw-host-btn,\r\n #jw-hosting-page .jw-host-btn--light {\r\n display: block;\r\n width: 100%;\r\n margin: 10px 0 0;\r\n padding-right: 58px;\r\n padding-left: 22px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-proof {\r\n display: block;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-proof span {\r\n display: block;\r\n width: 100%;\r\n margin: 9px 0;\r\n padding: 0;\r\n border: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-media {\r\n min-height: 510px;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-media > .jw-hero-bg {\r\n object-position: 45% center;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-overlay-shell {\r\n width: calc(100% - 30px);\r\n }\r\n\r\n #jw-hosting-page .jw-hero-overlay-cell {\r\n padding: 0 0 24px !important;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-title-panel {\r\n width: auto;\r\n max-width: 100%;\r\n padding: 9px 11px;\r\n border-left-width: 5px;\r\n border-radius: 13px;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-title-table,\r\n #jw-hosting-page .jw-hero-title-table tbody,\r\n #jw-hosting-page .jw-hero-title-table tr,\r\n #jw-hosting-page .jw-hero-title-cell,\r\n #jw-hosting-page .jw-hero-kicker-cell {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-title-cell {\r\n padding: 0 0 9px !important;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-kicker-cell {\r\n padding: 8px 0 0 !important;\r\n border: 0 !important;\r\n border-top: 1px solid rgba(38, 29, 32, 0.13) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-hosting-title-lockup {\r\n width: min(300px, 100%);\r\n }\r\n\r\n #jw-hosting-page .jw-hosting-title-line {\r\n font-size: clamp(25px, 9vw, 34px) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-title-panel .jw-host-eyebrow {\r\n font-size: 10px !important;\r\n letter-spacing: 0.095em;\r\n white-space: normal;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-copy-band {\r\n padding: 47px 0 68px;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-heading {\r\n padding-bottom: 25px;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-heading h1 {\r\n font-size: clamp(36px, 11vw, 50px);\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-copy {\r\n padding-top: 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-message-copy > .jw-host-lead {\r\n font-size: 17px !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-2 .jw-curtain,\r\n #jw-hosting-page .jw-row-5 .jw-speed-panel,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage,\r\n #jw-hosting-page .jw-row-8 .jw-package-photo,\r\n #jw-hosting-page .jw-row-9 .jw-price-card {\r\n border-radius: 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-speed-data {\r\n padding: 40px 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-speed-panel > img,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n height: 500px;\r\n min-height: 500px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature-grid,\r\n #jw-hosting-page .jw-row-8 .jw-feature-row,\r\n #jw-hosting-page .jw-row-8 .jw-feature {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature-grid {\r\n margin: 20px 0 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-8 .jw-feature {\r\n margin: 12px 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-price-card {\r\n padding: 42px 22px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #jw-hosting-page *,\r\n #jw-hosting-page *::before,\r\n #jw-hosting-page *::after {\r\n scroll-behavior: auto !important;\r\n animation-duration: 1ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: 1ms !important;\r\n }\r\n\r\n #jw-hosting-page .jw-hero-title-panel,\r\n #jw-hosting-page .jw-hero-message-heading,\r\n #jw-hosting-page .jw-hero-message-copy,\r\n #jw-hosting-page .jw-foundation-copy,\r\n #jw-hosting-page .jw-row-5 .jw-host-inner,\r\n #jw-hosting-page .jw-model-card,\r\n #jw-hosting-page .jw-orbit-stage,\r\n #jw-hosting-page .jw-feature,\r\n #jw-hosting-page .jw-price-card {\r\n opacity: 1 !important;\r\n clip-path: none !important;\r\n filter: none !important;\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-meter-fill {\r\n transform: scaleX(1) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-ring-progress {\r\n stroke-dashoffset: 0 !important;\r\n }\r\n }\r\n\r\n \/* BIN CLEANING TOP SECTION MENU *\/\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav {\r\n position: relative;\r\n z-index: 40;\r\n width: 100%;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.12);\r\n background: #0A2A35;\r\n box-shadow: 0 10px 28px rgba(3, 24, 33, 0.18);\r\n color: #F7FBFC;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-shell {\r\n width: min(1480px, calc(100% - 40px));\r\n margin: 0 auto;\r\n padding: 0;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-table {\r\n display: table;\r\n width: 100%;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n table-layout: fixed;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n display: table-cell;\r\n min-width: 0;\r\n vertical-align: middle;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand {\r\n width: 42%;\r\n padding: 13px 24px 13px 0;\r\n color: #F7FBFC;\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n line-height: 1;\r\n letter-spacing: -0.03em;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup {\r\n width: auto;\r\n max-width: 100%;\r\n margin: 0 !important;\r\n border: 0 !important;\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n table-layout: auto;\r\n background: transparent !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup tbody,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup tr,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup td {\r\n margin: 0 !important;\r\n border: 0 !important;\r\n background: transparent !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo-cell {\r\n width: 96px;\r\n min-width: 96px;\r\n padding: 0 18px 0 0 !important;\r\n vertical-align: middle;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo {\r\n display: block;\r\n position: relative;\r\n width: 88px;\r\n height: 88px;\r\n max-width: 88px;\r\n overflow: visible;\r\n border-radius: 50%;\r\n filter:\r\n drop-shadow(0 8px 14px rgba(0, 0, 0, 0.34))\r\n drop-shadow(0 0 10px rgba(217, 179, 107, 0.10));\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo svg {\r\n display: block;\r\n width: 88px;\r\n height: 88px;\r\n max-width: none;\r\n overflow: visible;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-shadow {\r\n fill: rgba(0, 0, 0, 0.26);\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-outer {\r\n fill: url(#jwLogoOuterGradient);\r\n stroke: rgba(255, 255, 255, 0.22);\r\n stroke-width: 1.4;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-accent-ring {\r\n fill: none;\r\n stroke: var(--jw-green-bright);\r\n stroke-width: 3.1;\r\n stroke-dasharray: 2.5 3.8;\r\n opacity: 0.92;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-inner {\r\n fill: url(#jwLogoInnerGradient);\r\n stroke: rgba(255, 255, 255, 0.80);\r\n stroke-width: 1.1;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-cad-mark {\r\n fill: none;\r\n stroke: #F7FBFC;\r\n stroke-width: 3.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n filter: drop-shadow(0 2px 2px rgba(3, 24, 33, 0.28));\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-cad-accent {\r\n fill: var(--jw-green-bright);\r\n stroke: #F7FBFC;\r\n stroke-width: 1.2;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-highlight {\r\n fill: none;\r\n stroke: rgba(255, 255, 255, 0.56);\r\n stroke-width: 1.5;\r\n stroke-linecap: round;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-star {\r\n fill: #F7FBFC;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-copy {\r\n width: auto;\r\n max-width: 100%;\r\n padding: 0 !important;\r\n color: #F7FBFC;\r\n vertical-align: middle;\r\n white-space: nowrap;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-name,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-service {\r\n display: block;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-name {\r\n color: #F7FBFC;\r\n font-size: clamp(30px, 2.8vw, 42px) !important;\r\n font-weight: 800;\r\n line-height: 0.98;\r\n letter-spacing: -0.048em;\r\n text-shadow: 0 3px 12px rgba(0, 0, 0, 0.28);\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-service {\r\n margin-top: 7px;\r\n color: var(--jw-green-bright);\r\n font-size: clamp(16px, 1.3vw, 21px) !important;\r\n font-weight: 800;\r\n line-height: 1.08;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.20);\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n width: 58%;\r\n padding: 11px 0;\r\n font-size: 0;\r\n text-align: right;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n display: inline-block;\r\n margin: 4px 0 4px 5px;\r\n padding: 10px 12px;\r\n border: 1px solid transparent;\r\n border-radius: 999px;\r\n color: rgba(255, 255, 255, 0.88);\r\n font-size: 14px !important;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition:\r\n background 180ms ease,\r\n border-color 180ms ease,\r\n color 180ms ease,\r\n transform 180ms ease;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a:hover,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a:focus-visible {\r\n border-color: rgba(217, 179, 107, 0.55);\r\n background: rgba(217, 179, 107, 0.13);\r\n color: #F7FBFC;\r\n transform: translateY(-1px);\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a:focus-visible {\r\n outline: 2px solid rgba(217, 179, 107, 0.7);\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* Section-anchor landing is defined with the sticky-menu correction below. *\/\r\n\r\n \/* FAQ \u2014 colorful blueprint treatment without changing the original animation rows *\/\r\n #jw-hosting-page .jw-row-faq {\r\n min-height: 0;\r\n overflow: hidden;\r\n background:\r\n linear-gradient(rgba(122, 39, 109, 0.055) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(122, 39, 109, 0.055) 1px, transparent 1px),\r\n radial-gradient(circle at 8% 12%, rgba(217, 179, 107, 0.18), transparent 28%),\r\n radial-gradient(circle at 92% 88%, rgba(199, 51, 124, 0.16), transparent 28%),\r\n linear-gradient(135deg, #F7FBFC 0%, #F7FBFC 52%, #F7FBFC 100%);\r\n background-size: 36px 36px, 36px 36px, auto, auto, auto;\r\n }\r\n\r\n #jw-hosting-page .jw-row-faq::before,\r\n #jw-hosting-page .jw-row-faq::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-faq::before {\r\n top: -116px;\r\n left: -96px;\r\n width: 330px;\r\n height: 330px;\r\n border: 2px solid rgba(122, 39, 109, 0.14);\r\n box-shadow: inset 0 0 0 22px rgba(217, 179, 107, 0.035);\r\n transform: rotate(45deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-faq::after {\r\n right: -122px;\r\n bottom: -142px;\r\n width: 360px;\r\n height: 360px;\r\n border: 2px dashed rgba(199, 51, 124, 0.19);\r\n border-radius: 50%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-faq > .jw-host-inner {\r\n z-index: 2;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-intro {\r\n position: relative;\r\n max-width: 940px;\r\n margin: 0 auto 46px;\r\n padding: 42px 46px 38px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 255, 255, 0.20);\r\n border-radius: 26px;\r\n background:\r\n radial-gradient(circle at 88% 15%, rgba(217, 179, 107, 0.24), transparent 34%),\r\n linear-gradient(135deg, var(--jw-navy-2) 0%, var(--jw-navy) 54%, #58717A 100%);\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.16),\r\n 0 28px 64px rgba(24, 14, 21, 0.24);\r\n color: #F7FBFC;\r\n text-align: center;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-intro::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n height: 7px;\r\n background: linear-gradient(90deg, var(--jw-blue-bright) 0 42%, var(--jw-green-bright) 42% 72%, #F7FBFC 72% 74%, var(--jw-blue) 74% 100%);\r\n }\r\n\r\n #jw-hosting-page .jw-faq-intro::after {\r\n content: \"?\";\r\n position: absolute;\r\n right: 30px;\r\n bottom: -42px;\r\n color: rgba(255, 255, 255, 0.055);\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n font-size: 190px;\r\n font-weight: 700;\r\n line-height: 1;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-intro .jw-host-eyebrow {\r\n position: relative;\r\n z-index: 2;\r\n margin-bottom: 15px;\r\n color: var(--jw-green-bright);\r\n }\r\n\r\n #jw-hosting-page .jw-faq-intro h2 {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 790px;\r\n margin-right: auto;\r\n margin-bottom: 18px;\r\n margin-left: auto;\r\n color: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-intro > p {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 790px;\r\n margin: 0 auto;\r\n color: rgba(255, 255, 255, 0.78);\r\n font-size: 18px !important;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-topic-table {\r\n position: relative;\r\n z-index: 2;\r\n display: table;\r\n width: min(690px, 100%);\r\n margin: 27px auto 0;\r\n border-collapse: separate;\r\n border-spacing: 8px 0;\r\n table-layout: fixed;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-topic {\r\n display: table-cell;\r\n width: 33.333%;\r\n padding: 11px 12px;\r\n border: 1px solid rgba(255, 255, 255, 0.16);\r\n border-radius: 999px;\r\n background: rgba(255, 255, 255, 0.08);\r\n color: rgba(255, 255, 255, 0.90);\r\n font-size: 14px !important;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n letter-spacing: 0.035em;\r\n text-transform: uppercase;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-topic:nth-child(2) {\r\n border-color: rgba(217, 179, 107, 0.34);\r\n background: rgba(199, 51, 124, 0.14);\r\n }\r\n\r\n #jw-hosting-page .jw-faq-list {\r\n width: min(980px, 100%);\r\n margin: 0 auto;\r\n counter-reset: jwFaq;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item {\r\n --jw-faq-accent: var(--jw-blue);\r\n --jw-faq-accent-rgb: 29, 111, 165;\r\n --jw-faq-tint: #F7FBFC;\r\n position: relative;\r\n margin: 16px 0;\r\n overflow: hidden;\r\n border: 1px solid rgba(var(--jw-faq-accent-rgb), 0.20);\r\n border-radius: 20px;\r\n background: #F7FBFC;\r\n box-shadow:\r\n 0 16px 36px rgba(24, 14, 21, 0.10),\r\n inset 0 1px 0 rgba(255, 255, 255, 0.92);\r\n counter-increment: jwFaq;\r\n transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item:nth-child(2) {\r\n --jw-faq-accent: var(--jw-green);\r\n --jw-faq-accent-rgb: 255, 20, 147;\r\n --jw-faq-tint: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item:nth-child(3) {\r\n --jw-faq-accent: var(--jw-blue-bright);\r\n --jw-faq-accent-rgb: 86, 180, 233;\r\n --jw-faq-tint: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item:nth-child(4) {\r\n --jw-faq-accent: var(--jw-navy);\r\n --jw-faq-accent-rgb: 18, 50, 74;\r\n --jw-faq-tint: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item:nth-child(5) {\r\n --jw-faq-accent: #10B7C9;\r\n --jw-faq-accent-rgb: 255, 20, 147;\r\n --jw-faq-tint: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item:nth-child(6) {\r\n --jw-faq-accent: #58717A;\r\n --jw-faq-accent-rgb: 42, 135, 146;\r\n --jw-faq-tint: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item::before {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 3;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 7px;\r\n background: linear-gradient(180deg, var(--jw-faq-accent), rgba(var(--jw-faq-accent-rgb), 0.50));\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item:hover {\r\n border-color: rgba(var(--jw-faq-accent-rgb), 0.38);\r\n box-shadow:\r\n 0 22px 46px rgba(24, 14, 21, 0.14),\r\n 0 0 0 4px rgba(var(--jw-faq-accent-rgb), 0.055);\r\n transform: translateY(-3px);\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item[open] {\r\n border-color: rgba(var(--jw-faq-accent-rgb), 0.42);\r\n box-shadow:\r\n 0 24px 52px rgba(24, 14, 21, 0.16),\r\n 0 0 0 5px rgba(var(--jw-faq-accent-rgb), 0.07);\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item summary {\r\n position: relative;\r\n display: block;\r\n min-height: 82px;\r\n padding: 24px 76px 24px 94px;\r\n background: linear-gradient(90deg, rgba(var(--jw-faq-accent-rgb), 0.055), rgba(255, 255, 255, 0) 46%);\r\n color: var(--jw-ink);\r\n cursor: pointer;\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n font-size: clamp(18px, 1.12vw, 22px) !important;\r\n font-weight: 700;\r\n line-height: 1.35;\r\n list-style: none;\r\n transition: color 200ms ease, background 200ms ease;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item summary::-webkit-details-marker {\r\n display: none;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item summary::before {\r\n content: counter(jwFaq, decimal-leading-zero);\r\n position: absolute;\r\n top: 50%;\r\n left: 24px;\r\n width: 50px;\r\n height: 50px;\r\n border: 1px solid rgba(var(--jw-faq-accent-rgb), 0.24);\r\n border-radius: 14px;\r\n background: linear-gradient(145deg, #F7FBFC, var(--jw-faq-tint));\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.95),\r\n 0 9px 20px rgba(var(--jw-faq-accent-rgb), 0.14);\r\n color: var(--jw-faq-accent);\r\n font-size: 15px;\r\n font-weight: 800;\r\n line-height: 48px;\r\n text-align: center;\r\n transform: translateY(-50%);\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item summary::after {\r\n content: \"+\";\r\n position: absolute;\r\n top: 50%;\r\n right: 22px;\r\n width: 40px;\r\n height: 40px;\r\n border: 1px solid rgba(var(--jw-faq-accent-rgb), 0.24);\r\n border-radius: 50%;\r\n background: linear-gradient(145deg, #F7FBFC, var(--jw-faq-tint));\r\n box-shadow: 0 8px 18px rgba(var(--jw-faq-accent-rgb), 0.14);\r\n color: var(--jw-faq-accent);\r\n font-size: 26px;\r\n font-weight: 800;\r\n line-height: 38px;\r\n text-align: center;\r\n transform: translateY(-50%);\r\n transition: transform 220ms ease, background 220ms ease, color 220ms ease, box-shadow 220ms ease;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item[open] summary {\r\n background: linear-gradient(90deg, rgba(var(--jw-faq-accent-rgb), 0.12), rgba(255, 255, 255, 0) 62%);\r\n color: var(--jw-faq-accent);\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item[open] summary::after {\r\n border-color: var(--jw-faq-accent);\r\n background: var(--jw-faq-accent);\r\n box-shadow: 0 9px 22px rgba(var(--jw-faq-accent-rgb), 0.28);\r\n color: #F7FBFC;\r\n transform: translateY(-50%) rotate(45deg);\r\n }\r\n\r\n #jw-hosting-page .jw-faq-answer {\r\n padding: 0 30px 26px 94px;\r\n border-top: 1px solid rgba(var(--jw-faq-accent-rgb), 0.13);\r\n background: linear-gradient(90deg, var(--jw-faq-tint), #F7FBFC 72%);\r\n color: var(--jw-muted);\r\n animation: jwFaqReveal 300ms ease both;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-answer p {\r\n margin: 0;\r\n padding-top: 22px;\r\n font-size: 17px !important;\r\n line-height: 1.72;\r\n }\r\n\r\n @keyframes jwFaqReveal {\r\n from { opacity: 0; transform: translateY(-8px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @media (max-width: 1080px) {\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-shell {\r\n width: calc(100% - 28px);\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-table,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand {\r\n padding: 15px 0 10px;\r\n text-align: center;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup {\r\n margin: 0 auto !important;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo-cell {\r\n width: 80px;\r\n min-width: 80px;\r\n padding-right: 14px !important;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo svg {\r\n width: 74px;\r\n height: 74px;\r\n max-width: 74px;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-name {\r\n font-size: 34px !important;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-service {\r\n font-size: 17px !important;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n padding: 4px 0 12px;\r\n text-align: center;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n width: calc(25% - 6px);\r\n margin: 3px;\r\n padding: 9px 5px;\r\n white-space: normal;\r\n vertical-align: top;\r\n }\r\n }\r\n\r\n @media (max-width: 620px) {\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup {\r\n width: 100%;\r\n table-layout: fixed;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo-cell {\r\n width: 74px;\r\n min-width: 74px;\r\n padding-right: 12px !important;\r\n text-align: right;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo svg {\r\n width: 68px;\r\n height: 68px;\r\n max-width: 68px;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-copy {\r\n width: auto;\r\n min-width: 0;\r\n white-space: normal;\r\n text-align: left;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-name {\r\n font-size: clamp(26px, 8vw, 34px) !important;\r\n line-height: 1;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-service {\r\n margin-top: 5px;\r\n font-size: clamp(13px, 4.2vw, 17px) !important;\r\n letter-spacing: 0.11em;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n width: calc(50% - 6px);\r\n min-height: 40px;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-intro {\r\n padding: 36px 22px 31px;\r\n border-radius: 20px;\r\n text-align: left;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-intro h2,\r\n #jw-hosting-page .jw-faq-intro > p {\r\n margin-right: 0;\r\n margin-left: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-intro::after {\r\n right: 5px;\r\n font-size: 145px;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-topic-table,\r\n #jw-hosting-page .jw-faq-topic {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-topic-table {\r\n margin-top: 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-topic {\r\n margin-top: 8px;\r\n border-radius: 12px;\r\n text-align: center;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item {\r\n border-radius: 16px;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item summary {\r\n min-height: 76px;\r\n padding: 19px 58px 19px 72px;\r\n font-size: 17px !important;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item summary::before {\r\n left: 16px;\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 11px;\r\n font-size: 13px;\r\n line-height: 40px;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-item summary::after {\r\n right: 14px;\r\n width: 34px;\r\n height: 34px;\r\n font-size: 23px;\r\n line-height: 32px;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-answer {\r\n padding: 0 18px 21px 72px;\r\n }\r\n\r\n #jw-hosting-page .jw-faq-answer p {\r\n padding-top: 18px;\r\n font-size: 16px !important;\r\n }\r\n }\r\n\r\n\r\n \/* =========================================================\r\n FINAL CTA BUTTON \u2014 FREDERICK YOUNG REFERENCE TREATMENT\r\n Recreates the deep 3D\/gloss\/glow motion treatment from the\r\n \"Click Here to Learn More \/ PURCHASE INFO & FAQ\" button.\r\n This links directly to the footer Contact Us image anchor.\r\n ========================================================= *\/\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta {\r\n position: relative;\r\n display: inline-table;\r\n width: min(760px, calc(100% - 48px));\r\n min-width: 0;\r\n min-height: 154px;\r\n margin: 34px auto 36px;\r\n padding: 33px 62px 29px;\r\n overflow: hidden;\r\n border: 6px solid rgba(255,255,255,0.96);\r\n border-radius: 999px;\r\n background:\r\n linear-gradient(\r\n 112deg,\r\n var(--jw-green-bright) 0%,\r\n var(--jw-green) 20%,\r\n var(--jw-blue) 48%,\r\n var(--jw-navy) 72%,\r\n var(--jw-navy-2) 100%\r\n );\r\n box-shadow:\r\n inset 0 2px 0 rgba(255,255,255,0.82),\r\n inset 0 -3px 0 rgba(24, 14, 21, 0.72),\r\n 0 13px 0 #087A8A,\r\n 0 25px 0 #0A2A35,\r\n 0 30px 1px rgba(24, 14, 21, 0.66),\r\n 0 35px 48px rgba(4,18,30,0.64),\r\n 0 0 0 12px rgba(217,130,43,0.22),\r\n 0 0 44px rgba(217, 179, 107, 0.46);\r\n color: #F7FBFC;\r\n line-height: 1.04;\r\n text-align: center;\r\n text-decoration: none;\r\n text-shadow:\r\n 0 3px 0 rgba(24, 14, 21, 0.72),\r\n 0 5px 7px rgba(0,0,0,0.33);\r\n isolation: isolate;\r\n transform: translate3d(0,0,0);\r\n transform-origin: center bottom;\r\n transition:\r\n transform 220ms cubic-bezier(.2,.8,.2,1),\r\n box-shadow 220ms ease,\r\n filter 220ms ease,\r\n background 220ms ease;\r\n }\r\n\r\n \/* broad translucent glass cap *\/\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta::before {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 1;\r\n top: 8px;\r\n right: 7%;\r\n left: 7%;\r\n height: 44%;\r\n border-radius: 999px;\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(255,255,255,0.76) 0%,\r\n rgba(217, 179, 107, 0.28) 52%,\r\n rgba(217, 179, 107, 0.10) 100%\r\n );\r\n box-shadow:\r\n inset 0 1px 0 rgba(255,255,255,0.92),\r\n 0 1px 0 rgba(255,255,255,0.18);\r\n opacity: 0.72;\r\n pointer-events: none;\r\n }\r\n\r\n \/* narrow animated specular sweep *\/\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 2;\r\n top: -18%;\r\n left: -36%;\r\n width: 24%;\r\n height: 138%;\r\n border-radius: 40%;\r\n background:\r\n linear-gradient(\r\n 105deg,\r\n transparent 0%,\r\n rgba(255,255,255,0.06) 28%,\r\n rgba(255,255,255,0.76) 50%,\r\n rgba(255,255,255,0.08) 72%,\r\n transparent 100%\r\n );\r\n opacity: 0;\r\n transform: skewX(-18deg);\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta-main,\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta-sub {\r\n position: relative;\r\n z-index: 4;\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta-main {\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n font-size: clamp(28px, 3.15vw, 44px) !important;\r\n font-weight: 800;\r\n letter-spacing: -0.025em;\r\n line-height: 1.02;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta-sub {\r\n margin-top: 13px;\r\n font-family: \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n font-size: clamp(15px, 1.55vw, 22px) !important;\r\n font-weight: 900;\r\n line-height: 1;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* Final consultation CTA is a real link to the footer Contact Us image. *\/\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta {\r\n cursor: pointer;\r\n }\r\n\r\n \/* The normal row pulse is kept on the secondary FAQ button only. *\/\r\n #jw-hosting-page .jw-row-10.jw-host-visible .jw-host-btn:not(.jw-reference-cta) {\r\n animation: jwButtonPulse 1.9s ease-in-out 700ms infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10.jw-host-visible .jw-reference-cta {\r\n animation: jwReferenceCtaBreathe 3.4s ease-in-out 850ms infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10.jw-host-visible .jw-reference-cta::after {\r\n animation: jwReferenceCtaSweep 4.6s ease-in-out 1.2s infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta:hover {\r\n animation-play-state: paused;\r\n filter: brightness(1.06) saturate(1.05);\r\n transform: translate3d(0,-7px,0) scale(1.012);\r\n box-shadow:\r\n inset 0 2px 0 rgba(255,255,255,0.90),\r\n inset 0 -3px 0 rgba(24, 14, 21, 0.78),\r\n 0 16px 0 #087A8A,\r\n 0 29px 0 #0A2A35,\r\n 0 34px 1px rgba(24, 14, 21, 0.70),\r\n 0 42px 58px rgba(4,18,30,0.70),\r\n 0 0 0 15px rgba(217,130,43,0.26),\r\n 0 0 58px rgba(217, 179, 107, 0.62);\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta:hover::before {\r\n opacity: 0.86;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta:active {\r\n animation-play-state: paused;\r\n filter: brightness(0.98);\r\n transform: translate3d(0,12px,0) scale(0.995);\r\n box-shadow:\r\n inset 0 2px 0 rgba(255,255,255,0.72),\r\n inset 0 -2px 0 rgba(24, 14, 21, 0.82),\r\n 0 4px 0 #087A8A,\r\n 0 9px 0 #0A2A35,\r\n 0 13px 22px rgba(4,18,30,0.58),\r\n 0 0 0 9px rgba(217,130,43,0.18),\r\n 0 0 30px rgba(217, 179, 107, 0.38);\r\n }\r\n\r\n @keyframes jwReferenceCtaBreathe {\r\n 0%,\r\n 100% {\r\n transform: translate3d(0,0,0) scale(1);\r\n filter: brightness(1) saturate(1);\r\n box-shadow:\r\n inset 0 2px 0 rgba(255,255,255,0.82),\r\n inset 0 -3px 0 rgba(24, 14, 21, 0.72),\r\n 0 13px 0 #087A8A,\r\n 0 25px 0 #0A2A35,\r\n 0 30px 1px rgba(24, 14, 21, 0.66),\r\n 0 35px 48px rgba(4,18,30,0.64),\r\n 0 0 0 12px rgba(217,130,43,0.22),\r\n 0 0 44px rgba(217, 179, 107, 0.46);\r\n }\r\n\r\n 50% {\r\n transform: translate3d(0,-4px,0) scale(1.006);\r\n filter: brightness(1.04) saturate(1.035);\r\n box-shadow:\r\n inset 0 2px 0 rgba(255,255,255,0.88),\r\n inset 0 -3px 0 rgba(24, 14, 21, 0.76),\r\n 0 15px 0 #087A8A,\r\n 0 28px 0 #0A2A35,\r\n 0 33px 1px rgba(24, 14, 21, 0.68),\r\n 0 40px 56px rgba(4,18,30,0.68),\r\n 0 0 0 16px rgba(217,130,43,0.20),\r\n 0 0 62px rgba(217, 179, 107, 0.58);\r\n }\r\n }\r\n\r\n @keyframes jwReferenceCtaSweep {\r\n 0%,\r\n 52% {\r\n left: -36%;\r\n opacity: 0;\r\n }\r\n\r\n 58% {\r\n opacity: 0.58;\r\n }\r\n\r\n 76% {\r\n left: 116%;\r\n opacity: 0.24;\r\n }\r\n\r\n 100% {\r\n left: 116%;\r\n opacity: 0;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta {\r\n display: table;\r\n width: min(720px, calc(100% - 20px));\r\n min-height: 138px;\r\n margin: 32px auto 42px;\r\n padding: 30px 34px 26px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta + .jw-host-btn--light {\r\n width: min(360px, 100%);\r\n margin: 18px auto 0;\r\n }\r\n }\r\n\r\n @media (max-width: 620px) {\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n width: 100%;\r\n min-height: 120px;\r\n margin: 28px auto 38px;\r\n padding: 26px 24px 23px;\r\n border-width: 4px;\r\n box-shadow:\r\n inset 0 2px 0 rgba(255,255,255,0.82),\r\n inset 0 -3px 0 rgba(24, 14, 21, 0.72),\r\n 0 10px 0 #087A8A,\r\n 0 19px 0 #0A2A35,\r\n 0 24px 34px rgba(4,18,30,0.60),\r\n 0 0 0 8px rgba(217,130,43,0.20),\r\n 0 0 34px rgba(217, 179, 107, 0.44);\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta-main {\r\n font-size: clamp(24px, 8vw, 34px) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta-sub {\r\n margin-top: 10px;\r\n font-size: 14px !important;\r\n letter-spacing: 0.105em;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n #jw-hosting-page .jw-row-10.jw-host-visible .jw-reference-cta,\r\n #jw-hosting-page .jw-row-10.jw-host-visible .jw-reference-cta::after {\r\n animation: none !important;\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta::after {\r\n display: none !important;\r\n }\r\n }\r\n\r\n\r\n \/* Final CTA alignment\/readability revision only.\r\n The appointment control is 15% larger than the prior 35% scale\r\n (35% \u00d7 1.15 = 40.25%). CSS zoom preserves its existing transform-based\r\n hover, press, breathe, sweep, and reduced-motion animation system. *\/\r\n #jw-hosting-page .jw-row-10 .jw-cta-actions {\r\n display: table;\r\n width: auto;\r\n max-width: 100%;\r\n margin: 34px 0 36px;\r\n border-collapse: separate;\r\n border-spacing: 22px 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell {\r\n display: table-cell;\r\n padding: 0;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n margin: 0;\r\n zoom: 40.25%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light {\r\n min-width: 265px;\r\n margin: 0;\r\n padding: 20px 70px 20px 34px;\r\n border-color: #84CC16;\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n #0EA5B7 0%,\r\n #087A8A 34%,\r\n #0B5563 68%,\r\n #0A2A35 100%\r\n );\r\n box-shadow:\r\n inset 0 1px 0 rgba(248,243,238,0.26),\r\n inset 0 -3px 0 rgba(5,3,6,0.46),\r\n 0 15px 32px rgba(5,3,6,0.42),\r\n 0 4px 0 rgba(5,3,6,0.34),\r\n 0 0 0 8px rgba(217,179,107,0.14),\r\n 0 0 28px rgba(199,51,124,0.18);\r\n color: #F7FBFC !important;\r\n font-size: clamp(20px, 1.25vw, 24px) !important;\r\n font-weight: 900;\r\n text-shadow: 0 2px 4px rgba(5,3,6,0.72);\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light::before {\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(248,243,238,0.30),\r\n rgba(238,194,192,0.06)\r\n );\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light::after {\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n #22C55E 0%,\r\n #10B7C9 62%,\r\n #4B7E72 100%\r\n );\r\n box-shadow:\r\n inset 0 1px 0 rgba(248,243,238,0.30),\r\n 0 4px 10px rgba(5,3,6,0.30);\r\n color: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light:hover,\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light:focus-visible {\r\n border-color: #C9F25B;\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n #22C55E 0%,\r\n #10B7C9 34%,\r\n #0EA5B7 66%,\r\n #0B5563 100%\r\n );\r\n box-shadow:\r\n inset 0 1px 0 rgba(248,243,238,0.32),\r\n inset 0 -3px 0 rgba(5,3,6,0.42),\r\n 0 20px 38px rgba(5,3,6,0.46),\r\n 0 5px 0 rgba(5,3,6,0.32),\r\n 0 0 0 8px rgba(243,217,138,0.16),\r\n 0 0 34px rgba(225,69,152,0.24);\r\n color: #F7FBFC !important;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #jw-hosting-page .jw-row-10 .jw-cta-actions,\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-cta-actions {\r\n margin: 30px 0 38px;\r\n text-align: center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell + .jw-cta-action-cell {\r\n margin-top: 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n margin-right: auto;\r\n margin-left: auto;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light {\r\n width: min(360px, 100%);\r\n margin: 0 auto;\r\n }\r\n }\r\n\r\n \/* Final CTA width\/centering correction only.\r\n Both controls now share the same rendered width and the pair is centered\r\n as one table group. Existing button animation, hover, press, sweep,\r\n and reduced-motion behavior remain unchanged. *\/\r\n #jw-hosting-page .jw-row-10 .jw-cta-actions {\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell {\r\n width: 306px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n width: 760px;\r\n max-width: 760px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light {\r\n width: 306px;\r\n min-width: 306px;\r\n max-width: 306px;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell {\r\n width: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n width: 760px;\r\n max-width: 760px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light {\r\n width: min(306px, 100%);\r\n min-width: 0;\r\n max-width: 306px;\r\n }\r\n }\r\n\r\n\r\n\r\n \/* ROW 5 \u2014 orbit animation added to match the supplied Creative Business System reference *\/\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n position: absolute;\r\n z-index: 5;\r\n top: 50%;\r\n right: clamp(40px, 5vw, 92px);\r\n width: min(520px, 35vw);\r\n aspect-ratio: 1 \/ 1;\r\n opacity: 0;\r\n filter: blur(10px);\r\n transform: translateY(-50%) scale(0.88);\r\n transform-origin: center center;\r\n transition:\r\n opacity 0.8s ease 0.34s,\r\n filter 0.8s ease 0.34s,\r\n transform 1.05s cubic-bezier(0.16, 0.82, 0.24, 1) 0.34s;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-stage {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: translateY(-50%) scale(1);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-ring,\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track {\r\n position: absolute;\r\n border-radius: 50%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-ring {\r\n z-index: 1;\r\n opacity: 0.92;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-ring--outer {\r\n inset: 0;\r\n border: 2px dashed rgba(108, 178, 236, 0.78);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-ring--middle {\r\n inset: 7.5%;\r\n border: 2px dashed rgba(112, 194, 116, 0.76);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-ring--inner {\r\n inset: 15%;\r\n border: 2px dashed rgba(231, 194, 146, 0.90);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-ring--outer {\r\n animation: jwCbs5RingClockwise 31s linear infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-ring--middle {\r\n animation: jwCbs5RingCounter 26s linear infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-ring--inner {\r\n animation: jwCbs5RingClockwise 22s linear infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-core {\r\n position: absolute;\r\n z-index: 3;\r\n inset: 20.5%;\r\n display: table;\r\n width: 59%;\r\n height: 59%;\r\n overflow: hidden;\r\n border: 10px solid rgba(239, 221, 195, 0.92);\r\n border-radius: 50%;\r\n background:\r\n radial-gradient(circle at 48% 38%, rgba(255,255,255,.99) 0%, rgba(255,255,255,.97) 55%, rgba(244,238,229,.98) 100%);\r\n box-shadow:\r\n 0 24px 58px rgba(0, 0, 0, 0.28),\r\n 0 0 0 1px rgba(255,255,255,.82),\r\n inset 0 0 0 1px rgba(6,35,48,.05);\r\n color: #0B5563;\r\n text-align: center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-core-cell {\r\n display: table-cell;\r\n padding: 20px;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-grid {\r\n width: clamp(68px, 7vw, 104px);\r\n margin: 0 auto 12px;\r\n filter: drop-shadow(0 7px 12px rgba(38, 29, 32, .16));\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-grid .jw-grid-main {\r\n fill: #10B7C9;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-grid .jw-grid-accent {\r\n fill: #10B7C9;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-brand {\r\n display: block;\r\n margin: 0;\r\n color: #0B5563;\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n font-size: clamp(20px, 2.15vw, 34px) !important;\r\n font-weight: 800;\r\n line-height: 1.02;\r\n letter-spacing: -0.045em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-subbrand {\r\n display: block;\r\n margin-top: 7px;\r\n color: #10B7C9;\r\n font-size: clamp(9px, 0.82vw, 13px) !important;\r\n font-weight: 900;\r\n line-height: 1.2;\r\n letter-spacing: 0.24em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track {\r\n z-index: 4;\r\n animation: jwCbs5BadgeOrbit var(--jw-orbit-duration) linear var(--jw-orbit-delay) infinite;\r\n animation-play-state: paused;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-track {\r\n animation-play-state: running;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--trim {\r\n --jw-orbit-duration: 18s;\r\n --jw-orbit-delay: -4.5s;\r\n inset: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--care {\r\n --jw-orbit-duration: 21s;\r\n --jw-orbit-delay: -10.5s;\r\n inset: 7.5%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--details {\r\n --jw-orbit-duration: 16s;\r\n --jw-orbit-delay: -12s;\r\n inset: 15%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-badge {\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-badge > span {\r\n display: block;\r\n min-width: clamp(126px, 10vw, 166px);\r\n padding: clamp(11px, 1vw, 15px) clamp(20px, 2vw, 31px);\r\n border-radius: 999px;\r\n box-shadow: 0 13px 28px rgba(0,0,0,.24);\r\n color: #F7FBFC;\r\n font-size: clamp(12px, 1vw, 16px) !important;\r\n font-weight: 900;\r\n line-height: 1.1;\r\n letter-spacing: 0.11em;\r\n text-align: center;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n animation: jwCbs5BadgeCounter var(--jw-orbit-duration) linear var(--jw-orbit-delay) infinite;\r\n animation-play-state: paused;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-badge > span {\r\n animation-play-state: running;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--trim .jw-cbs5-orbit-badge > span {\r\n background: linear-gradient(180deg, #58717A 0%, #10B7C9 100%);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--care .jw-cbs5-orbit-badge > span {\r\n background: linear-gradient(180deg, #4B7E72 0%, #10B7C9 100%);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--details .jw-cbs5-orbit-badge > span {\r\n background: linear-gradient(180deg, #123A46 0%, #087A8A 100%);\r\n }\r\n\r\n @keyframes jwCbs5RingClockwise {\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n @keyframes jwCbs5RingCounter {\r\n to { transform: rotate(-360deg); }\r\n }\r\n\r\n @keyframes jwCbs5BadgeOrbit {\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n @keyframes jwCbs5BadgeCounter {\r\n to { transform: rotate(-360deg); }\r\n }\r\n\r\n @media (max-width: 1280px) and (min-width: 1141px) {\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n right: 18px;\r\n width: min(350px, 29vw);\r\n }\r\n }\r\n\r\n @media (max-width: 1140px) {\r\n #jw-hosting-page .jw-row-5 {\r\n display: block;\r\n min-height: 0;\r\n padding: 88px 0;\r\n background-attachment: scroll;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-shell {\r\n display: block;\r\n width: min(100% - 48px, 920px);\r\n min-height: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-card {\r\n position: relative;\r\n top: auto;\r\n margin: 0 auto;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n position: relative;\r\n top: auto;\r\n right: auto;\r\n width: min(500px, calc(100vw - 60px));\r\n margin: 66px auto 0;\r\n transform: scale(0.88);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-stage {\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n @media (max-width: 680px) {\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-shell {\r\n width: calc(100% - 28px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n width: min(390px, calc(100vw - 34px));\r\n margin-top: 54px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-core {\r\n border-width: 7px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-core-cell {\r\n padding: 15px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-badge > span {\r\n min-width: 100px;\r\n padding: 9px 15px;\r\n font-size: 10px !important;\r\n letter-spacing: 0.08em;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage,\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-ring,\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track,\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-badge > span {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n opacity: 1 !important;\r\n filter: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--trim {\r\n transform: rotate(90deg) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--care {\r\n transform: rotate(180deg) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--details {\r\n transform: rotate(270deg) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--trim .jw-cbs5-orbit-badge > span {\r\n transform: rotate(-90deg) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--care .jw-cbs5-orbit-badge > span {\r\n transform: rotate(-180deg) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--details .jw-cbs5-orbit-badge > span {\r\n transform: rotate(-270deg) !important;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) and (min-width: 1141px) {\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n transform: translateY(-50%) scale(1) !important;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) and (max-width: 1140px) {\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n transform: scale(1) !important;\r\n }\r\n }\r\n\r\n\r\n \/* NEW ROW BETWEEN ROW 5 AND ROW 6 \u2014 Creative Business System speed\/performance composition *\/\r\n #jw-hosting-page .jw-row-5-speed {\r\n position: relative;\r\n min-height: 0;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(circle at 8% 20%, rgba(217, 179, 107, 0.08), transparent 31%),\r\n radial-gradient(circle at 92% 74%, rgba(217, 179, 107, 0.08), transparent 30%),\r\n linear-gradient(135deg, #F7FBFC 0%, #F7FBFC 48%, #F7FBFC 100%);\r\n color: var(--jw-ink);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(38, 29, 32, 0.14), transparent);\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-shell {\r\n position: relative;\r\n z-index: 2;\r\n width: min(1380px, calc(100% - 80px));\r\n margin: 0 auto;\r\n padding: 96px 0 90px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-table {\r\n display: table;\r\n width: 100%;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n table-layout: fixed;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-visual-cell,\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n display: table-cell;\r\n min-width: 0;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-visual-cell {\r\n width: 52%;\r\n padding-right: clamp(36px, 5vw, 86px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n width: 48%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-panel {\r\n position: relative;\r\n min-height: 610px;\r\n overflow: hidden;\r\n border-radius: 36px;\r\n \/* image-6 *\/\r\n background:\r\n linear-gradient(90deg, rgba(20, 0, 31, 0.91), rgba(75, 0, 110, 0.76)),\r\n url('https:\/\/images.pexels.com\/photos\/12919779\/pexels-photo-12919779.jpeg?auto=compress&cs=tinysrgb&w=1800') center center \/ cover no-repeat;\r\n box-shadow:\r\n 0 38px 75px rgba(5, 36, 45, 0.20),\r\n inset 0 0 0 1px rgba(255, 255, 255, 0.08);\r\n opacity: 0;\r\n transform: translate3d(-90px, 24px, 0) scale(0.965);\r\n transition:\r\n opacity 0.9s ease,\r\n transform 1.15s cubic-bezier(0.16, 0.82, 0.24, 1);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-panel::before {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 0;\r\n top: -18%;\r\n right: 48%;\r\n width: 1px;\r\n height: 136%;\r\n background: rgba(255, 255, 255, 0.06);\r\n box-shadow:\r\n 86px 0 0 rgba(255, 255, 255, 0.04),\r\n 172px 0 0 rgba(255, 255, 255, 0.035),\r\n 258px 0 0 rgba(255, 255, 255, 0.025);\r\n transform: rotate(10deg);\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-panel::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 1;\r\n right: -12%;\r\n bottom: 27%;\r\n width: 68%;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(217, 179, 107, 0.55), transparent);\r\n opacity: 0.8;\r\n transform: scaleX(0);\r\n transform-origin: left center;\r\n transition: transform 1.1s 0.9s cubic-bezier(0.2, 0.75, 0.2, 1);\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-panel {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-panel::after {\r\n transform: scaleX(1);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-panel-inner {\r\n position: relative;\r\n z-index: 2;\r\n padding: 60px 54px 58px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-title {\r\n margin: 0 0 44px;\r\n color: #F7FBFC;\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n font-size: clamp(42px, 3.2vw, 64px);\r\n font-weight: 800;\r\n line-height: 1;\r\n letter-spacing: -0.045em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-title small {\r\n display: inline-block;\r\n margin-left: 8px;\r\n color: #F7FBFC;\r\n font-size: 17px !important;\r\n font-weight: 800;\r\n line-height: 1;\r\n letter-spacing: 0.12em;\r\n vertical-align: 0.35em;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-company {\r\n display: block;\r\n margin-top: 17px;\r\n color: var(--jw-green-bright);\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n font-size: clamp(27px, 2.15vw, 36px) !important;\r\n font-weight: 800;\r\n line-height: 1.08;\r\n letter-spacing: -0.02em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-company span {\r\n display: block;\r\n margin-top: 5px;\r\n color: #F7FBFC;\r\n font-size: 0.58em !important;\r\n line-height: 1.15;\r\n letter-spacing: 0.16em;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-metric {\r\n margin-top: 30px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-metric:first-of-type {\r\n margin-top: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-label-table {\r\n display: table;\r\n width: 100%;\r\n margin-bottom: 11px;\r\n table-layout: fixed;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-label,\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-status {\r\n display: table-cell;\r\n color: #F7FBFC;\r\n font-size: 15px !important;\r\n font-weight: 800;\r\n line-height: 1.3;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-status {\r\n text-align: right;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-meter {\r\n position: relative;\r\n height: 16px;\r\n overflow: hidden;\r\n border-radius: 999px;\r\n background: rgba(255, 255, 255, 0.18);\r\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-meter > span {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 0;\r\n overflow: hidden;\r\n border-radius: inherit;\r\n background: linear-gradient(90deg, #C9F25B 0%, #B7CBD0 48%, #84CC16 100%);\r\n box-shadow: 0 0 18px rgba(217, 179, 107, 0.22);\r\n transition: width 1.55s cubic-bezier(0.16, 0.82, 0.24, 1);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-meter > span::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: -35%;\r\n width: 24%;\r\n height: 100%;\r\n background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.72), transparent);\r\n opacity: 0;\r\n transform: skewX(-18deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-metric:nth-child(2) .jw-speed-meter > span {\r\n width: 94%;\r\n transition-delay: 0.34s;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-metric:nth-child(3) .jw-speed-meter > span {\r\n width: 88%;\r\n transition-delay: 0.50s;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-metric:nth-child(4) .jw-speed-meter > span {\r\n width: 91%;\r\n transition-delay: 0.66s;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-meter > span::after {\r\n animation: jwSpeedMeterSheen 3.8s ease-in-out 1.9s infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-copy {\r\n opacity: 0;\r\n filter: blur(8px);\r\n transform: translate3d(90px, 20px, 0);\r\n transition:\r\n opacity 0.78s ease 0.18s,\r\n transform 1.02s cubic-bezier(0.16, 0.82, 0.24, 1) 0.18s,\r\n filter 0.78s ease 0.18s;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-copy {\r\n opacity: 1;\r\n filter: none;\r\n transform: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-kicker {\r\n display: block;\r\n max-width: 530px;\r\n margin: 0 0 28px;\r\n color: var(--jw-green);\r\n font-size: clamp(18px, 1.42vw, 25px) !important;\r\n font-weight: 900;\r\n line-height: 1.65;\r\n letter-spacing: 0.20em;\r\n text-transform: uppercase;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-copy h2 {\r\n max-width: 620px;\r\n margin: 0 0 27px;\r\n color: var(--jw-ink);\r\n font-size: clamp(40px, 3.3vw, 61px);\r\n font-weight: 700;\r\n line-height: 1.06;\r\n letter-spacing: -0.045em;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-copy > p {\r\n max-width: 650px;\r\n margin-bottom: 31px;\r\n color: #123A46;\r\n font-size: clamp(18px, 1.25vw, 22px) !important;\r\n line-height: 1.72;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-checks {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-checks li {\r\n position: relative;\r\n margin: 18px 0;\r\n padding-left: 40px;\r\n color: var(--jw-ink);\r\n font-size: clamp(16px, 1vw, 19px) !important;\r\n font-weight: 800;\r\n line-height: 1.48;\r\n opacity: 0;\r\n transform: translateX(24px);\r\n transition:\r\n opacity 0.58s ease,\r\n transform 0.72s cubic-bezier(0.16, 0.82, 0.24, 1);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-checks li::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0.33em;\r\n left: 1px;\r\n width: 20px;\r\n height: 11px;\r\n border-bottom: 3px solid var(--jw-green);\r\n border-left: 3px solid var(--jw-green);\r\n transform: rotate(-45deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-checks li {\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-checks li:nth-child(1) {\r\n transition-delay: 0.64s;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-checks li:nth-child(2) {\r\n transition-delay: 0.78s;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-checks li:nth-child(3) {\r\n transition-delay: 0.92s;\r\n }\r\n\r\n #jw-hosting-page .jw-speed-banner {\r\n position: relative;\r\n z-index: 4;\r\n width: 100%;\r\n overflow: hidden;\r\n border-top: 1px solid rgba(255, 255, 255, 0.14);\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\r\n background:\r\n linear-gradient(180deg, #123A46 0%, #087A8A 100%);\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.05),\r\n 0 -9px 28px rgba(4, 31, 42, 0.08);\r\n color: #F7FBFC;\r\n white-space: nowrap;\r\n }\r\n\r\n #jw-hosting-page .jw-speed-banner-track {\r\n display: inline-block;\r\n min-width: max-content;\r\n padding: 18px 0;\r\n font-size: 0;\r\n white-space: nowrap;\r\n will-change: transform;\r\n animation: jwSpeedBannerScroll 30s linear infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-speed-banner-group {\r\n display: inline-block;\r\n white-space: nowrap;\r\n }\r\n\r\n #jw-hosting-page .jw-speed-banner-item {\r\n display: inline-block;\r\n padding: 0 24px;\r\n color: #F7FBFC;\r\n font-size: 15px !important;\r\n font-weight: 900;\r\n line-height: 1.3;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-speed-banner-dot {\r\n display: inline-block;\r\n width: 8px;\r\n height: 8px;\r\n margin: 0 7px;\r\n border-radius: 50%;\r\n background: var(--jw-green-bright);\r\n box-shadow: 0 0 12px rgba(217, 179, 107, 0.55);\r\n vertical-align: middle;\r\n }\r\n\r\n @keyframes jwSpeedMeterSheen {\r\n 0%, 18% {\r\n left: -35%;\r\n opacity: 0;\r\n }\r\n 28% {\r\n opacity: 0.72;\r\n }\r\n 66%, 100% {\r\n left: 118%;\r\n opacity: 0;\r\n }\r\n }\r\n\r\n @keyframes jwSpeedBannerScroll {\r\n from { transform: translate3d(0, 0, 0); }\r\n to { transform: translate3d(-50%, 0, 0); }\r\n }\r\n\r\n @media (max-width: 980px) {\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-shell {\r\n width: min(760px, calc(100% - 48px));\r\n padding: 78px 0 70px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-table,\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-visual-cell,\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-visual-cell {\r\n padding-right: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n padding-top: 58px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-copy {\r\n transform: translate3d(0, 54px, 0);\r\n }\r\n }\r\n\r\n @media (max-width: 680px) {\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-shell {\r\n width: calc(100% - 32px);\r\n padding: 58px 0 54px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-panel {\r\n min-height: 0;\r\n border-radius: 26px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-panel-inner {\r\n padding: 40px 24px 42px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-title {\r\n margin-bottom: 34px;\r\n font-size: clamp(38px, 13vw, 52px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-title small {\r\n display: block;\r\n margin: 10px 0 0;\r\n font-size: 14px !important;\r\n vertical-align: baseline;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-label,\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-status {\r\n font-size: 13px !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-meter {\r\n height: 14px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n padding-top: 44px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-kicker {\r\n margin-bottom: 20px;\r\n font-size: 15px !important;\r\n letter-spacing: 0.16em;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-copy h2 {\r\n font-size: clamp(34px, 10.5vw, 48px);\r\n }\r\n\r\n #jw-hosting-page .jw-speed-banner-track {\r\n padding: 15px 0;\r\n animation-duration: 25s;\r\n }\r\n\r\n #jw-hosting-page .jw-speed-banner-item {\r\n padding: 0 16px;\r\n font-size: 13px !important;\r\n letter-spacing: 0.09em;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-panel,\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-panel::after,\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-copy,\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-checks li,\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-meter > span,\r\n #jw-hosting-page .jw-speed-banner-track {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-panel,\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-copy,\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-checks li {\r\n opacity: 1 !important;\r\n filter: none !important;\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-panel::after {\r\n transform: scaleX(1) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-metric:nth-child(2) .jw-speed-meter > span {\r\n width: 94% !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-metric:nth-child(3) .jw-speed-meter > span {\r\n width: 88% !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5-speed .jw-speed-metric:nth-child(4) .jw-speed-meter > span {\r\n width: 91% !important;\r\n }\r\n }\r\n\r\n\r\n \/* STICKY TOP MENU \u2014 corrected implementation\r\n Uses a fixed-state class controlled by the page script rather than CSS\r\n position:sticky, because the full-width page wrapper intentionally clips\r\n overflow for animation safety and that prevents reliable sticky behavior\r\n inside SiteOrigin\/Vantage wrappers. *\/\r\n #jw-hosting-page {\r\n --jw-anchor-depth: 72px;\r\n z-index: 99990;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav {\r\n position: relative;\r\n top: auto;\r\n left: auto;\r\n right: auto;\r\n width: 100%;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-top-nav--fixed {\r\n position: fixed !important;\r\n top: var(--jw-sticky-top, 0px) !important;\r\n right: 0 !important;\r\n left: 0 !important;\r\n width: auto !important;\r\n max-width: none !important;\r\n margin: 0 !important;\r\n z-index: 99998 !important;\r\n transform: translateZ(0);\r\n will-change: transform;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-spacer {\r\n display: none;\r\n width: 100%;\r\n height: 0;\r\n margin: 0;\r\n padding: 0;\r\n border: 0;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-spacer.jw-top-nav-spacer--active {\r\n display: block !important;\r\n height: var(--jw-sticky-menu-height, 0px);\r\n min-height: var(--jw-sticky-menu-height, 0px);\r\n }\r\n\r\n #jw-hosting-page [id^=\"jw-\"] {\r\n scroll-margin-top: calc(\r\n var(--jw-sticky-top, 0px) +\r\n var(--jw-sticky-menu-height, 72px) -\r\n var(--jw-anchor-depth, 60px)\r\n );\r\n }\r\n\r\n\r\n \/* HEADER ANIMATION REVISION \u2014 synchronized opposing hero motion.\r\n Scope is limited to ROW 1. The hero image slides in from the left while\r\n an INVERTED sweeping field enters from the right. The smooth terminal curve\r\n keeps the established concave reference shape, but the finished blue field\r\n now extends farther right through both the upper headline and lower headline\r\n zones so every hero headline line remains fully inside the animated field\r\n while the refined curve sits closer to the headline. The fill is also slightly more\r\n transparent so more of the\r\n drafting image reads through the blue overlay. Both motions still run for\r\n exactly 3.5 seconds, and the hero image continues to span the full stage. *\/\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-media {\r\n isolation: isolate;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-bg {\r\n z-index: 0;\r\n opacity: 1;\r\n filter: none;\r\n transform: translate3d(-105%, 0, 0) scale(1.015);\r\n transform-origin: center center;\r\n will-change: transform;\r\n }\r\n\r\n \/* Retire the earlier pseudo-element oval. The SVG field below is anchored\r\n flush to the hero image's left edge. Its terminal edge is deliberately\r\n non-circular: a long descending sweep with widely separated top and bottom\r\n contact points. *\/\r\n #jw-hosting-page .jw-row-1 .jw-hero-media::before {\r\n content: none !important;\r\n display: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep {\r\n position: absolute;\r\n z-index: 3;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n max-width: none;\r\n overflow: visible;\r\n opacity: 1;\r\n filter: drop-shadow(22px 0 34px rgba(0, 0, 0, 0.18));\r\n transform: translate3d(115vw, 0, 0) skewX(-1.2deg);\r\n transform-origin: 50% 50%;\r\n pointer-events: none;\r\n will-change: transform;\r\n }\r\n\r\n \/* TWO-COLOR VARIABLE-WIDTH LEADING EDGE.\r\n Each band is a closed SVG ribbon rather than a fixed-width stroke. Both\r\n ribbons follow the same small-to-large-to-small width progression along\r\n the terminal curve, matching the reference while remaining locked to the\r\n existing 3.5-second hero sweep animation. *\/\r\n #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep .jw-hero-edge-ribbon {\r\n stroke: none;\r\n pointer-events: none;\r\n shape-rendering: geometricPrecision;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep .jw-hero-edge-ribbon--navy {\r\n fill: #0A2A35;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep .jw-hero-edge-ribbon--copper {\r\n fill: #10B7C9;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-media::after {\r\n z-index: 2;\r\n opacity: 1;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-stage {\r\n z-index: 4;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-title-panel {\r\n opacity: 0;\r\n filter: blur(8px);\r\n transform: translate3d(-76px, 18px, 0) scale(0.96);\r\n will-change: transform, opacity, filter;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-bg {\r\n animation:\r\n jwHeroImageSlideFromLeft 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-curve-sweep {\r\n animation:\r\n jwHeroInvertedSweepFromRight 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-title-panel {\r\n animation:\r\n jwHeroCopySettle 1.05s cubic-bezier(0.16, 1, 0.3, 1) 2.15s both;\r\n }\r\n\r\n @keyframes jwHeroImageSlideFromLeft {\r\n 0% {\r\n transform: translate3d(-105%, 0, 0) scale(1.015);\r\n }\r\n\r\n 72% {\r\n transform: translate3d(1.8%, 0, 0) scale(1.004);\r\n }\r\n\r\n 100% {\r\n transform: translate3d(0, 0, 0) scale(1);\r\n }\r\n }\r\n\r\n @keyframes jwHeroInvertedSweepFromRight {\r\n 0% {\r\n transform: translate3d(115vw, 0, 0) skewX(-2deg);\r\n }\r\n\r\n 72% {\r\n transform: translate3d(-1.4%, 0, 0) skewX(-0.35deg);\r\n }\r\n\r\n 100% {\r\n transform: translate3d(0, 0, 0) skewX(0);\r\n }\r\n }\r\n\r\n @keyframes jwHeroCopySettle {\r\n 0% {\r\n opacity: 0;\r\n filter: blur(8px);\r\n transform: translate3d(-76px, 18px, 0) scale(0.96);\r\n }\r\n\r\n 72% {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: translate3d(8px, -2px, 0) scale(1.006);\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n filter: blur(0);\r\n transform: translate3d(0, 0, 0) scale(1);\r\n }\r\n }\r\n\r\n @media (max-width: 980px) {\r\n #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep {\r\n left: 0;\r\n width: 112%;\r\n }\r\n }\r\n\r\n @media (max-width: 680px) {\r\n #jw-hosting-page .jw-row-1 .jw-hero-bg {\r\n transform: translate3d(-105%, 0, 0) scale(1.01);\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep {\r\n left: 0;\r\n width: 146%;\r\n filter: drop-shadow(16px 0 26px rgba(0, 0, 0, 0.16));\r\n }\r\n\r\n #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-bg {\r\n animation:\r\n jwHeroImageSlideFromLeftMobile 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-curve-sweep {\r\n animation:\r\n jwHeroInvertedSweepFromRight 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s both;\r\n }\r\n\r\n @keyframes jwHeroImageSlideFromLeftMobile {\r\n 0% {\r\n transform: translate3d(-105%, 0, 0) scale(1.01);\r\n }\r\n\r\n 72% {\r\n transform: translate3d(1.6%, 0, 0) scale(1.003);\r\n }\r\n\r\n 100% {\r\n transform: translate3d(0, 0, 0) scale(1);\r\n }\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #jw-hosting-page .jw-row-1 .jw-hero-bg,\r\n #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep,\r\n #jw-hosting-page .jw-row-1 .jw-hero-title-panel {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-bg,\r\n #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep,\r\n #jw-hosting-page .jw-row-1 .jw-hero-title-panel {\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-bg,\r\n #jw-hosting-page .jw-row-1 .jw-hero-title-panel {\r\n opacity: 1 !important;\r\n filter: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-media::after {\r\n opacity: 1 !important;\r\n }\r\n }\r\n\r\n\r\n \/* ROW 1 HERO OVERLAY REVISION \u2014 requested headline, supporting copy, and CTA only *\/\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-cell {\r\n padding: 0 !important;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-title-panel.jw-hero-message-overlay {\r\n width: min(620px, 52vw);\r\n max-width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n overflow: visible;\r\n border: 0;\r\n border-radius: 0;\r\n background: transparent;\r\n box-shadow: none;\r\n color: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-copy {\r\n width: 100%;\r\n max-width: 620px;\r\n text-align: left;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-heading {\r\n margin: 0 0 24px;\r\n font-family: Georgia, \"Times New Roman\", serif;\r\n font-size: clamp(46px, 4.45vw, 74px);\r\n font-weight: 700;\r\n line-height: 0.98;\r\n letter-spacing: -0.035em;\r\n text-shadow: 0 4px 18px rgba(0, 0, 0, 0.42);\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-line {\r\n display: block;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-line--light {\r\n color: #F7FBFC;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-line--gold {\r\n max-width: calc(100% - 48px);\r\n margin-top: 7px;\r\n padding-right: 48px;\r\n color: #84CC16;\r\n font-size: 0.74em;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-gold-line {\r\n display: block;\r\n white-space: nowrap;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-text {\r\n max-width: 500px;\r\n margin: 0 0 30px;\r\n color: #F7FBFC;\r\n font-size: clamp(18px, 1.35vw, 24px) !important;\r\n font-weight: 500;\r\n line-height: 1.42;\r\n text-shadow: 0 3px 14px rgba(0, 0, 0, 0.50);\r\n }\r\n\r\n \/* Hero-image CTA now uses the same raised pill system as the\r\n \u201cGet a Remodeling Estimate\u201d button, including gloss, depth, and arrow badge. *\/\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-cta {\r\n min-width: 250px;\r\n max-width: 100%;\r\n font-size: 16px !important;\r\n letter-spacing: 0.015em;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n #jw-hosting-page .jw-row-1 .jw-hero-title-panel.jw-hero-message-overlay {\r\n width: min(560px, 62vw);\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-heading {\r\n font-size: clamp(42px, 6.1vw, 62px);\r\n }\r\n }\r\n\r\n @media (max-width: 680px) {\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-shell {\r\n width: calc(100% - 30px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-cell {\r\n padding: 0 0 26px !important;\r\n vertical-align: bottom;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-title-panel.jw-hero-message-overlay {\r\n width: min(500px, 100%);\r\n max-width: 100%;\r\n padding: 0;\r\n border: 0;\r\n border-radius: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-heading {\r\n margin-bottom: 17px;\r\n font-size: clamp(34px, 10.2vw, 50px);\r\n line-height: 0.98;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-line--gold {\r\n max-width: calc(100% - 24px);\r\n margin-top: 4px;\r\n padding-right: 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-text {\r\n max-width: 390px;\r\n margin-bottom: 22px;\r\n font-size: clamp(16px, 4.7vw, 19px) !important;\r\n line-height: 1.42;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-cta {\r\n width: 100%;\r\n min-width: 0;\r\n font-size: 14px !important;\r\n }\r\n }\r\n\r\n\r\n\r\n \/* ================================================================\r\n ROW 7 REVISION \u2014 BALANCED DRAWING VISUAL + COPY + QUALITY VISUAL\r\n ================================================================ *\/\r\n #jw-hosting-page .jw-row-7 .jw-host-inner {\r\n width: min(1480px, calc(100% - 48px));\r\n padding: 96px 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-table {\r\n display: table;\r\n width: 100%;\r\n margin: 0;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n table-layout: fixed;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell {\r\n display: table-cell;\r\n min-width: 0;\r\n padding: 0;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--customer {\r\n width: 25%;\r\n padding-right: clamp(28px, 3.1vw, 50px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy {\r\n width: 39%;\r\n padding-right: clamp(30px, 3.4vw, 58px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--visual {\r\n width: 36%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy h2 {\r\n max-width: 610px;\r\n margin-bottom: 24px;\r\n font-size: clamp(34px, 2.8vw, 50px);\r\n line-height: 1.08;\r\n letter-spacing: -0.04em;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy > p {\r\n max-width: 610px;\r\n margin-bottom: 24px;\r\n font-size: clamp(18px, 1.08vw, 21px) !important;\r\n line-height: 1.65;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy .jw-host-checks {\r\n margin-top: 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy .jw-host-checks li {\r\n margin: 13px 0;\r\n font-size: clamp(16px, 0.92vw, 19px) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card {\r\n position: relative;\r\n width: 100%;\r\n max-width: 345px;\r\n margin: 0 auto;\r\n overflow: hidden;\r\n border: 1px solid rgba(122, 39, 109, 0.14);\r\n border-radius: 30px;\r\n background: #F7FBFC;\r\n box-shadow:\r\n 0 24px 58px rgba(3, 24, 33, 0.17),\r\n 0 7px 20px rgba(122, 39, 109, 0.10);\r\n opacity: 0;\r\n transform: translate3d(-72px, 28px, 0) rotate(-2.4deg) scale(0.94);\r\n transform-origin: 50% 55%;\r\n will-change: transform, opacity;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 2;\r\n top: -12%;\r\n bottom: -12%;\r\n left: -62%;\r\n width: 42%;\r\n background: linear-gradient(\r\n 108deg,\r\n rgba(255, 255, 255, 0) 0%,\r\n rgba(255, 255, 255, 0.10) 28%,\r\n rgba(255, 255, 255, 0.78) 50%,\r\n rgba(255, 255, 255, 0.10) 72%,\r\n rgba(255, 255, 255, 0) 100%\r\n );\r\n opacity: 0;\r\n transform: skewX(-16deg);\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card img {\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n height: auto;\r\n max-width: none;\r\n object-fit: contain;\r\n transform: scale(1.035);\r\n transform-origin: center center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n min-height: 520px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7.jw-host-visible .jw-customer-service-card {\r\n animation: jwCustomerServiceEnter 1.08s cubic-bezier(0.16, 0.82, 0.24, 1) 100ms both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7.jw-host-visible .jw-customer-service-card::after {\r\n animation: jwCustomerServiceSheen 1.08s ease 780ms both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7.jw-host-visible .jw-customer-service-card img {\r\n animation: jwCustomerServiceImageSettle 1.22s cubic-bezier(0.16, 0.82, 0.24, 1) 150ms both;\r\n }\r\n\r\n @keyframes jwCustomerServiceEnter {\r\n 0% {\r\n opacity: 0;\r\n transform: translate3d(-72px, 28px, 0) rotate(-2.4deg) scale(0.94);\r\n }\r\n 72% {\r\n opacity: 1;\r\n transform: translate3d(7px, -3px, 0) rotate(0.35deg) scale(1.008);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translate3d(0, 0, 0) rotate(0) scale(1);\r\n }\r\n }\r\n\r\n @keyframes jwCustomerServiceImageSettle {\r\n from { transform: scale(1.035); }\r\n to { transform: scale(1); }\r\n }\r\n\r\n @keyframes jwCustomerServiceSheen {\r\n 0% {\r\n left: -62%;\r\n opacity: 0;\r\n }\r\n 22% {\r\n opacity: 0.8;\r\n }\r\n 100% {\r\n left: 126%;\r\n opacity: 0;\r\n }\r\n }\r\n\r\n @media (max-width: 1180px) and (min-width: 901px) {\r\n #jw-hosting-page .jw-row-7 .jw-host-inner {\r\n width: calc(100% - 40px);\r\n padding: 86px 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--customer {\r\n width: 23%;\r\n padding-right: 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy {\r\n width: 43%;\r\n padding-right: 30px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--visual {\r\n width: 34%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card {\r\n max-width: 255px;\r\n border-radius: 24px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy h2 {\r\n font-size: clamp(32px, 3.25vw, 42px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n height: 470px;\r\n min-height: 470px;\r\n border-radius: 28px;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #jw-hosting-page .jw-row-7 .jw-host-inner {\r\n width: min(100% - 36px, 760px);\r\n padding: 78px 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-table,\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell {\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--customer,\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy,\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--visual {\r\n padding-right: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--customer {\r\n padding-bottom: 42px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--visual {\r\n padding-top: 46px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card {\r\n max-width: 420px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy h2,\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy > p {\r\n max-width: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n height: 480px;\r\n min-height: 480px;\r\n }\r\n }\r\n\r\n @media (max-width: 620px) {\r\n #jw-hosting-page .jw-row-7 .jw-host-inner {\r\n width: calc(100% - 30px);\r\n padding: 64px 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--customer {\r\n padding-bottom: 34px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--visual {\r\n padding-top: 38px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card {\r\n max-width: 315px;\r\n border-radius: 22px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy h2 {\r\n font-size: clamp(31px, 10vw, 42px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy > p {\r\n font-size: 18px !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n height: 430px;\r\n min-height: 430px;\r\n border-radius: 24px;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card img,\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card::after {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card {\r\n opacity: 1 !important;\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card img {\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card::after {\r\n display: none !important;\r\n }\r\n }\r\n\r\n\r\n \/* ================================================================\r\n REVISION \u2014 ROW 7 MATCHED VISUAL SIZING + LARGER STICKY NAV ITEMS\r\n Both Row 7 visual panels use the same square frame on desktop\/tablet,\r\n while mobile remains fully contained and stacked.\r\n ================================================================ *\/\r\n\r\n @media (min-width: 901px) {\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--customer,\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--visual {\r\n width: 29%;\r\n padding-right: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-safety-cell--copy {\r\n width: 42%;\r\n padding-right: clamp(28px, 3vw, 48px);\r\n padding-left: clamp(28px, 3vw, 48px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n width: min(100%, 400px);\r\n max-width: 400px;\r\n height: auto;\r\n min-height: 0;\r\n aspect-ratio: 1 \/ 1;\r\n margin-right: auto;\r\n margin-left: auto;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card img,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage > img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center center;\r\n }\r\n }\r\n\r\n @media (min-width: 1081px) {\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n font-size: 16px !important;\r\n padding: 11px 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 1080px) and (min-width: 621px) {\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n font-size: 15px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 620px) {\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n font-size: 15px !important;\r\n }\r\n }\r\n\r\n\r\n \/* ================================================================\r\n MOBILE NAVIGATION CORRECTION \u2014 COMPACT FIXED HEADER + DROPDOWN\r\n Desktop\/tablet navigation is preserved. At phone widths the large\r\n two-column link block collapses into a hamburger-controlled dropdown,\r\n keeping the navigation at the very top without covering the hero with\r\n a permanently expanded menu.\r\n ================================================================ *\/\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle {\r\n display: none;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n border: 0;\r\n font: inherit;\r\n }\r\n\r\n @media (max-width: 620px) {\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-top-nav--fixed {\r\n position: fixed !important;\r\n top: var(--jw-admin-bar-offset, var(--jw-sticky-top, 0px)) !important;\r\n right: 0 !important;\r\n left: 0 !important;\r\n width: auto !important;\r\n max-width: none !important;\r\n margin: 0 !important;\r\n overflow: visible;\r\n z-index: 99999 !important;\r\n transform: translateZ(0);\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-shell {\r\n width: calc(100% - 24px);\r\n max-width: none;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-table {\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand {\r\n display: block;\r\n position: relative;\r\n width: 100%;\r\n min-width: 0;\r\n padding: 8px 62px 8px 0;\r\n text-align: left;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup {\r\n width: auto;\r\n max-width: 100%;\r\n margin: 0 !important;\r\n table-layout: auto;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo-cell {\r\n width: 58px;\r\n min-width: 58px;\r\n padding-right: 9px !important;\r\n text-align: left;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo svg {\r\n width: 54px;\r\n height: 54px;\r\n max-width: 54px;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-copy {\r\n width: auto;\r\n min-width: 0;\r\n padding: 0 !important;\r\n white-space: normal;\r\n text-align: left;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-name {\r\n font-size: clamp(22px, 6.6vw, 29px) !important;\r\n line-height: 0.98;\r\n letter-spacing: -0.045em;\r\n white-space: normal;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-service {\r\n margin-top: 4px;\r\n font-size: clamp(10px, 3.2vw, 13px) !important;\r\n line-height: 1.08;\r\n letter-spacing: 0.10em;\r\n white-space: normal;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle {\r\n display: block;\r\n position: absolute;\r\n z-index: 3;\r\n top: 50%;\r\n right: 0;\r\n width: 46px;\r\n height: 46px;\r\n margin: 0;\r\n padding: 0;\r\n border: 1px solid rgba(255, 255, 255, 0.22);\r\n border-radius: 12px;\r\n background: rgba(255, 255, 255, 0.08);\r\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n color: #F7FBFC;\r\n cursor: pointer;\r\n transform: translateY(-50%);\r\n transition: background 180ms ease, border-color 180ms ease;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle:hover,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle:focus-visible,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-mobile-nav-open .jw-top-nav-toggle {\r\n border-color: rgba(217, 179, 107, 0.60);\r\n background: rgba(217, 179, 107, 0.16);\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle:focus {\r\n outline: none;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle:focus-visible {\r\n outline: 2px solid rgba(217, 179, 107, 0.82);\r\n outline-offset: 2px;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle-icon {\r\n display: block;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 22px;\r\n height: 16px;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle-icon > span {\r\n display: block;\r\n position: absolute;\r\n left: 0;\r\n width: 22px;\r\n height: 2px;\r\n border-radius: 999px;\r\n background: #F7FBFC;\r\n transform-origin: center;\r\n transition: top 180ms ease, transform 180ms ease, opacity 180ms ease;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle-icon > span:nth-child(1) {\r\n top: 0;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle-icon > span:nth-child(2) {\r\n top: 7px;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle-icon > span:nth-child(3) {\r\n top: 14px;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-mobile-nav-open .jw-top-nav-toggle-icon > span:nth-child(1) {\r\n top: 7px;\r\n transform: rotate(45deg);\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-mobile-nav-open .jw-top-nav-toggle-icon > span:nth-child(2) {\r\n opacity: 0;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-mobile-nav-open .jw-top-nav-toggle-icon > span:nth-child(3) {\r\n top: 7px;\r\n transform: rotate(-45deg);\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n display: none !important;\r\n width: 100%;\r\n margin: 0;\r\n padding: 6px 0 12px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.11);\r\n font-size: 0;\r\n text-align: left;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-mobile-nav-open .jw-top-nav-links {\r\n display: block !important;\r\n animation: jwMobileNavDrop 180ms ease both;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n display: block;\r\n width: 100%;\r\n min-height: 0;\r\n margin: 0;\r\n padding: 11px 12px;\r\n border-radius: 8px;\r\n font-size: 15px !important;\r\n line-height: 1.25;\r\n text-align: left;\r\n white-space: normal;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a + a {\r\n margin-top: 2px;\r\n }\r\n\r\n @keyframes jwMobileNavDrop {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-8px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n }\r\n\r\n\r\n \/* ================================================================\r\n REQUIRED VIEWPORT-FIXED NAVIGATION + VANTAGE SUPPRESSION OVERRIDE\r\n ================================================================ *\/\r\n #masthead,\r\n #masthead.site-header,\r\n #site-navigation,\r\n #masthead .main-navigation,\r\n .site-header#masthead,\r\n .main-navigation#site-navigation,\r\n #masthead-sticky-wrapper {\r\n display: none !important;\r\n visibility: hidden !important;\r\n width: 0 !important;\r\n height: 0 !important;\r\n min-height: 0 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n overflow: hidden !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n .jw-vantage-nav-suppressed {\r\n display: none !important;\r\n visibility: hidden !important;\r\n width: 0 !important;\r\n height: 0 !important;\r\n min-height: 0 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n overflow: hidden !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n #wpadminbar {\r\n z-index: 100000 !important;\r\n }\r\n\r\n #jw-nav-portal,\r\n #jw-nav-portal * {\r\n box-sizing: border-box;\r\n }\r\n\r\n #jw-nav-portal {\r\n --jw-navy: #087A8A;\r\n --jw-navy-2: #0A2A35;\r\n --jw-blue: #10B7C9;\r\n --jw-blue-bright: #C9F25B;\r\n --jw-green: #10B7C9;\r\n --jw-green-bright: #84CC16;\r\n --jw-cream: #F7FBFC;\r\n --jw-sand: #D9F2EE;\r\n --jw-white: #F7FBFC;\r\n --jw-ink: #0B5563;\r\n --jw-muted: #58717A;\r\n position: static !important;\r\n width: 0 !important;\r\n height: 0 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n overflow: visible !important;\r\n font-family: \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-top-nav--fixed {\r\n position: fixed !important;\r\n top: var(--jw-admin-bar-offset, var(--jw-sticky-top, 0px)) !important;\r\n right: 0 !important;\r\n left: 0 !important;\r\n width: auto !important;\r\n max-width: none !important;\r\n margin: 0 !important;\r\n z-index: 99990 !important;\r\n transform: none !important;\r\n will-change: auto !important;\r\n }\r\n\r\n #jw-hosting-page .jw-top-nav-spacer,\r\n #jw-hosting-page .jw-top-nav-spacer.jw-top-nav-spacer--active {\r\n display: block !important;\r\n width: 100% !important;\r\n height: var(--jw-sticky-menu-height, 112px) !important;\r\n min-height: var(--jw-sticky-menu-height, 112px) !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n }\r\n\r\n #jw-hosting-page [id^=\"jw-\"] {\r\n scroll-margin-top: var(--jw-anchor-scroll-margin, 40px) !important;\r\n }\r\n\r\n #jw-hosting-page #home {\r\n scroll-margin-top: var(--jw-anchor-offset, 112px) !important;\r\n }\r\n\r\n @media (max-width: 620px) {\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-top-nav--fixed {\r\n top: var(--jw-admin-bar-offset, var(--jw-sticky-top, 0px)) !important;\r\n right: 0 !important;\r\n left: 0 !important;\r\n width: auto !important;\r\n max-width: none !important;\r\n margin: 0 !important;\r\n z-index: 99990 !important;\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-top-nav-spacer,\r\n #jw-hosting-page .jw-top-nav-spacer.jw-top-nav-spacer--active {\r\n display: block !important;\r\n height: var(--jw-sticky-menu-height, 71px) !important;\r\n min-height: var(--jw-sticky-menu-height, 71px) !important;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n max-height: calc(100vh - var(--jw-admin-bar-offset, 0px) - var(--jw-sticky-menu-height, 71px) - 8px);\r\n overflow-x: hidden !important;\r\n overflow-y: auto !important;\r\n overscroll-behavior: contain;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n }\r\n\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand {\r\n width: 34%;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n width: 66%;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n padding-right: 9px;\r\n padding-left: 9px;\r\n font-size: 13px !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-1 .jw-hero-overlay-heading {\r\n font-size: clamp(40px, 4vw, 68px);\r\n }\r\n\r\n @media (max-width: 1080px) {\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n width: 100%;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n width: calc(25% - 6px);\r\n font-size: 14px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 620px) {\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand,\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n width: 100%;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n width: 100%;\r\n font-size: 15px !important;\r\n }\r\n }\r\n\r\n\r\n\r\n \/* ================================================================\r\n ANIMATION TRANSFER REVISION\r\n ROW 2 borrows ROW 1's controlled sweep entrance, using a stepped\r\n technical-tab polygon rather than the hero's concave field.\r\n ROW 3 borrows ROW 5's blurred scale\/orbit entrance, using rotating\r\n diamonds and a hexagonal CAD core rather than circular rings.\r\n ROW 9 borrows ROW 8's staggered spring cascade, using chamfered\r\n drawing-sheet silhouettes rather than rectangular feature cards.\r\n All shapes are decorative, palette-compatible, pointer-safe, and\r\n contained by the existing row overflow system.\r\n ================================================================ *\/\r\n\r\n \/* ROW 2 \u2014 smooth ROW 1 motion language \/ clean architectural sweep *\/\r\n #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep {\r\n position: absolute;\r\n z-index: 0;\r\n top: -8%;\r\n right: -7%;\r\n bottom: -8%;\r\n width: min(53%, 820px);\r\n overflow: hidden;\r\n border-radius: 58% 0 0 58% \/ 50% 0 0 50%;\r\n background:\r\n linear-gradient(\r\n 155deg,\r\n rgba(217, 179, 107, 0.18) 0%,\r\n rgba(122, 39, 109, 0.11) 54%,\r\n rgba(199, 51, 124, 0.10) 100%\r\n );\r\n opacity: 0;\r\n transform: translate3d(108%, 0, 0) scaleX(0.94);\r\n transform-origin: right center;\r\n transition:\r\n opacity 1.05s ease 0.08s,\r\n transform 3.5s cubic-bezier(0.16, 0.82, 0.24, 1) 0.08s;\r\n pointer-events: none;\r\n will-change: transform, opacity;\r\n }\r\n\r\n #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep::before,\r\n #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep::after {\r\n display: none;\r\n content: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-2 .jw-host-inner {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n #jw-hosting-page .jw-row-2.jw-host-visible .jw-row-2-blueprint-sweep {\r\n opacity: 1;\r\n transform: translate3d(0, 0, 0) scaleX(1);\r\n }\r\n\r\n \/* ROW 3 \u2014 ROW 5 motion language \/ diamond orbit + hexagonal core *\/\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-orbit {\r\n position: absolute;\r\n z-index: 2;\r\n top: auto;\r\n right: -36px;\r\n bottom: 28px;\r\n width: min(220px, 18vw);\r\n aspect-ratio: 1 \/ 1;\r\n opacity: 0;\r\n filter: blur(10px);\r\n transform: translate3d(92px, -18px, 0) scale(0.78) rotate(9deg);\r\n transform-origin: center center;\r\n transition:\r\n opacity 0.8s ease 0.24s,\r\n filter 0.8s ease 0.24s,\r\n transform 1.08s cubic-bezier(0.16, 0.82, 0.24, 1) 0.24s;\r\n pointer-events: none;\r\n will-change: transform, opacity, filter;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-host-inner {\r\n z-index: 3;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring,\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-track {\r\n position: absolute;\r\n border-radius: 24%;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring {\r\n opacity: 0.84;\r\n transform: rotate(45deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring--outer {\r\n inset: 4%;\r\n border: 2px dashed rgba(217, 179, 107, 0.72);\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring--middle {\r\n inset: 16%;\r\n border: 2px dashed rgba(217, 179, 107, 0.78);\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring--inner {\r\n inset: 28%;\r\n border: 2px solid rgba(255, 255, 255, 0.48);\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-core {\r\n position: absolute;\r\n z-index: 3;\r\n inset: 31%;\r\n display: table;\r\n width: 38%;\r\n height: 38%;\r\n clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);\r\n background:\r\n radial-gradient(circle at 40% 32%, rgba(255,255,255,.98), rgba(243,247,250,.94) 58%, rgba(199,216,228,.92));\r\n box-shadow:\r\n 0 17px 36px rgba(0, 0, 0, 0.30),\r\n 0 0 0 4px rgba(199, 51, 124, 0.42);\r\n color: var(--jw-navy-2);\r\n text-align: center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-core-cell {\r\n display: table-cell;\r\n padding: 8px;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-core svg {\r\n width: 58px;\r\n max-width: 78%;\r\n margin: 0 auto;\r\n overflow: visible;\r\n fill: none;\r\n stroke: var(--jw-blue);\r\n stroke-width: 5;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n filter: drop-shadow(0 5px 7px rgba(23,39,54,.16));\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-track {\r\n z-index: 4;\r\n inset: 4%;\r\n animation: jwRow3DiamondTrack 17s linear -4s infinite;\r\n animation-play-state: paused;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-track--secondary {\r\n inset: 16%;\r\n animation-duration: 21s;\r\n animation-delay: -11s;\r\n animation-direction: reverse;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-badge {\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-badge > span {\r\n display: block;\r\n min-width: 76px;\r\n padding: 7px 12px;\r\n border: 1px solid rgba(255,255,255,.32);\r\n border-radius: 7px 17px 7px 17px;\r\n background: linear-gradient(180deg, #58717A 0%, var(--jw-blue) 100%);\r\n box-shadow: 0 9px 22px rgba(0,0,0,.30);\r\n color: #F7FBFC;\r\n font-size: 10px !important;\r\n font-weight: 900;\r\n line-height: 1;\r\n letter-spacing: 0.10em;\r\n text-align: center;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n animation: jwRow3DiamondBadge 17s linear -4s infinite;\r\n animation-play-state: paused;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-track--secondary .jw-row-3-diamond-badge > span {\r\n background: linear-gradient(180deg, #35D7E5 0%, var(--jw-green) 100%);\r\n animation-duration: 21s;\r\n animation-delay: -11s;\r\n animation-direction: reverse;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-orbit {\r\n opacity: 0.78;\r\n filter: blur(0);\r\n transform: translate3d(0, 0, 0) scale(1) rotate(0);\r\n }\r\n\r\n #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-ring--outer {\r\n animation: jwRow3DiamondClockwise 29s linear infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-ring--middle {\r\n animation: jwRow3DiamondCounter 24s linear infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-ring--inner {\r\n animation: jwRow3DiamondClockwise 19s linear infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-track,\r\n #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-badge > span {\r\n animation-play-state: running;\r\n }\r\n\r\n @keyframes jwRow3DiamondClockwise {\r\n to { transform: rotate(405deg); }\r\n }\r\n\r\n @keyframes jwRow3DiamondCounter {\r\n to { transform: rotate(-315deg); }\r\n }\r\n\r\n @keyframes jwRow3DiamondTrack {\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n @keyframes jwRow3DiamondBadge {\r\n to { transform: rotate(-360deg); }\r\n }\r\n\r\n \/* ROW 9 \u2014 ROW 8 motion language \/ chamfered drafting-sheet cascade *\/\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet-cascade {\r\n position: absolute;\r\n z-index: 0;\r\n left: -58px;\r\n bottom: 12px;\r\n width: min(300px, 24vw);\r\n height: min(220px, 19vw);\r\n opacity: 0.64;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-host-inner {\r\n position: relative;\r\n z-index: 3;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet {\r\n position: absolute;\r\n display: block;\r\n opacity: 0;\r\n box-shadow: 0 17px 38px rgba(0, 0, 0, 0.20);\r\n transform-origin: center center;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet::before,\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet::after {\r\n content: \"\";\r\n position: absolute;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet::before {\r\n inset: 14%;\r\n border: 1px solid rgba(255,255,255,.34);\r\n clip-path: inherit;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet::after {\r\n left: 18%;\r\n right: 19%;\r\n bottom: 21%;\r\n height: 2px;\r\n background: rgba(255,255,255,.36);\r\n box-shadow: 0 -19px 0 rgba(255,255,255,.26), 0 -38px 0 rgba(255,255,255,.20);\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet--one {\r\n top: 2%;\r\n left: 2%;\r\n width: 48%;\r\n height: 58%;\r\n clip-path: polygon(0 0, 76% 0, 100% 24%, 100% 100%, 0 100%);\r\n background: linear-gradient(145deg, rgba(122, 39, 109, .64), rgba(24, 14, 21, .80));\r\n transform: translate3d(-112px, -56px, 0) rotate(-13deg) scale(0.90);\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet--two {\r\n top: 12%;\r\n right: 4%;\r\n width: 43%;\r\n height: 46%;\r\n clip-path: polygon(16% 0, 100% 0, 84% 100%, 0 100%);\r\n background: linear-gradient(145deg, rgba(217,130,43,.74), rgba(121,62,20,.76));\r\n transform: translate3d(112px, -48px, 0) rotate(15deg) scale(0.88);\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet--three {\r\n right: 13%;\r\n bottom: 0;\r\n width: 58%;\r\n height: 46%;\r\n clip-path: polygon(0 18%, 18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%);\r\n background: linear-gradient(145deg, rgba(217, 179, 107, .54), rgba(18,50,74,.82));\r\n transform: translate3d(88px, 76px, 0) rotate(10deg) scale(0.86);\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet--four {\r\n left: 9%;\r\n bottom: 5%;\r\n width: 38%;\r\n height: 35%;\r\n clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);\r\n background: linear-gradient(145deg, rgba(217, 179, 107, .70), rgba(122, 39, 109, .70));\r\n transform: translate3d(-82px, 70px, 0) rotate(-18deg) scale(0.84);\r\n }\r\n\r\n #jw-hosting-page .jw-row-9.jw-host-visible .jw-row-9-sheet {\r\n animation: jwRow9SheetCascade 850ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9.jw-host-visible .jw-row-9-sheet--two {\r\n animation-delay: 120ms;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9.jw-host-visible .jw-row-9-sheet--three {\r\n animation-delay: 240ms;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9.jw-host-visible .jw-row-9-sheet--four {\r\n animation-delay: 360ms;\r\n }\r\n\r\n @keyframes jwRow9SheetCascade {\r\n 70% { opacity: 0.84; transform: translate3d(0, 0, 0) rotate(2deg) scale(1.05); }\r\n 100% { opacity: 0.84; transform: translate3d(0, 0, 0) rotate(0) scale(1); }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep {\r\n width: 62%;\r\n opacity: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-2.jw-host-visible .jw-row-2-blueprint-sweep {\r\n opacity: 0.74;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-orbit {\r\n top: auto;\r\n right: -38px;\r\n bottom: 24px;\r\n width: 160px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-orbit {\r\n opacity: 0.48;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet-cascade {\r\n left: -70px;\r\n bottom: 8px;\r\n width: 220px;\r\n height: 165px;\r\n opacity: 0.42;\r\n }\r\n }\r\n\r\n @media (max-width: 620px) {\r\n #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep {\r\n width: 82%;\r\n clip-path: polygon(46% 0, 100% 0, 100% 100%, 20% 100%, 34% 76%, 14% 53%, 35% 29%);\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-orbit {\r\n top: auto;\r\n right: -45px;\r\n bottom: 16px;\r\n width: 132px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-badge > span {\r\n min-width: 60px;\r\n padding: 6px 9px;\r\n font-size: 8px !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet-cascade {\r\n left: -78px;\r\n bottom: 5px;\r\n width: 190px;\r\n height: 145px;\r\n opacity: 0.30;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep,\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-orbit,\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring,\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-track,\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-badge > span,\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep {\r\n opacity: 1 !important;\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-orbit {\r\n opacity: 0.72 !important;\r\n filter: none !important;\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring {\r\n transform: rotate(45deg) !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-track,\r\n #jw-hosting-page .jw-row-3 .jw-row-3-diamond-badge > span {\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-9 .jw-row-9-sheet {\r\n opacity: 0.84 !important;\r\n transform: none !important;\r\n }\r\n }\r\n\r\n\r\n \/* ================================================================\r\n MID-PAGE THREE-CARD MATCHED-ENTRY ROW\r\n The left and right cards use the same right-to-left entrance.\r\n One outside card animates approximately every seven seconds, alternating\r\n between the left and right cards on a continuous fourteen-second cycle.\r\n The center card remains stationary throughout the sequence.\r\n ================================================================ *\/\r\n #jw-hosting-page .jw-row-cross-cards {\r\n min-height: 0;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(circle at 12% 18%, rgba(217, 179, 107, 0.10), transparent 31%),\r\n radial-gradient(circle at 88% 82%, rgba(199, 51, 124, 0.09), transparent 29%),\r\n linear-gradient(135deg, #F7FBFC 0%, #F7FBFC 52%, #F7FBFC 100%);\r\n color: var(--jw-ink);\r\n }\r\n\r\n #jw-hosting-page .jw-row-cross-cards::before,\r\n #jw-hosting-page .jw-row-cross-cards::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 0;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-cross-cards::before {\r\n top: -82px;\r\n left: -54px;\r\n width: 260px;\r\n height: 260px;\r\n border: 1px solid rgba(122, 39, 109, 0.13);\r\n transform: rotate(45deg);\r\n }\r\n\r\n #jw-hosting-page .jw-row-cross-cards::after {\r\n right: -74px;\r\n bottom: -100px;\r\n width: 300px;\r\n height: 300px;\r\n border: 1px solid rgba(199, 51, 124, 0.13);\r\n border-radius: 50%;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-inner {\r\n position: relative;\r\n z-index: 2;\r\n width: min(1180px, calc(100% - 48px));\r\n margin: 0 auto;\r\n padding: 96px 0 104px;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-heading {\r\n width: min(850px, 100%);\r\n margin: 0 auto 46px;\r\n text-align: center;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-heading .jw-host-eyebrow {\r\n margin-bottom: 16px;\r\n color: var(--jw-blue);\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-heading h2 {\r\n margin-bottom: 18px;\r\n color: var(--jw-navy-2);\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-heading p {\r\n max-width: 760px;\r\n margin-right: auto;\r\n margin-bottom: 0;\r\n margin-left: auto;\r\n color: var(--jw-muted);\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-table {\r\n display: table;\r\n width: 100%;\r\n margin: 0;\r\n border-collapse: separate;\r\n border-spacing: 48px 0;\r\n table-layout: fixed;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-cell {\r\n display: table-cell;\r\n width: auto;\r\n height: 1px;\r\n min-width: 0;\r\n vertical-align: top;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 330px;\r\n padding: 38px 32px 34px;\r\n overflow: hidden;\r\n border: 1px solid rgba(122, 39, 109, 0.16);\r\n clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px));\r\n background:\r\n linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 252, 0.98) 100%);\r\n box-shadow:\r\n 0 25px 58px rgba(24, 14, 21, 0.14),\r\n inset 0 1px 0 rgba(255, 255, 255, 0.92);\r\n transform: translateZ(0);\r\n backface-visibility: hidden;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card::before,\r\n #jw-hosting-page .jw-cross-card::after {\r\n content: \"\";\r\n position: absolute;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card::before {\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n height: 7px;\r\n background: linear-gradient(90deg, var(--jw-blue) 0 58%, var(--jw-green) 58% 82%, var(--jw-navy-2) 82% 100%);\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card::after {\r\n right: -42px;\r\n bottom: -42px;\r\n width: 142px;\r\n height: 142px;\r\n border: 1px solid rgba(122, 39, 109, 0.12);\r\n transform: rotate(45deg);\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card--center {\r\n border-color: rgba(199, 51, 124, 0.24);\r\n background:\r\n linear-gradient(145deg, rgba(255, 255, 255, 0.99) 0%, rgba(250, 244, 236, 0.99) 100%);\r\n box-shadow:\r\n 0 31px 68px rgba(24, 14, 21, 0.18),\r\n inset 0 1px 0 rgba(255, 255, 255, 0.96);\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-number {\r\n display: inline-table;\r\n width: 58px;\r\n height: 58px;\r\n margin-bottom: 27px;\r\n border: 1px solid rgba(122, 39, 109, 0.18);\r\n border-radius: 50%;\r\n background: linear-gradient(145deg, #F7FBFC, #B7CBD0);\r\n box-shadow: 0 12px 25px rgba(24, 14, 21, 0.13);\r\n color: var(--jw-blue);\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n font-size: 17px !important;\r\n font-weight: 800;\r\n line-height: 1;\r\n text-align: center;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-number > span {\r\n display: table-cell;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card--center .jw-cross-card-number {\r\n border-color: rgba(199, 51, 124, 0.26);\r\n background: linear-gradient(145deg, #F7FBFC, #D9F2EE);\r\n color: var(--jw-green);\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card h3 {\r\n margin-bottom: 15px;\r\n color: var(--jw-navy-2);\r\n font-size: clamp(23px, 1.85vw, 29px);\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card p {\r\n margin-bottom: 0;\r\n color: var(--jw-muted);\r\n font-size: clamp(17px, 1.03vw, 20px) !important;\r\n line-height: 1.68;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-layout {\r\n display: table;\r\n width: 100%;\r\n height: 100%;\r\n border-collapse: separate;\r\n border-spacing: 0;\r\n table-layout: fixed;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-body-row,\r\n #jw-hosting-page .jw-cross-card-action-row {\r\n display: table-row;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-body-row {\r\n height: 100%;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-body-cell,\r\n #jw-hosting-page .jw-cross-card-action-cell {\r\n display: table-cell;\r\n min-width: 0;\r\n vertical-align: top;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-action-cell {\r\n padding-top: 27px;\r\n vertical-align: bottom;\r\n }\r\n\r\n #jw-hosting-page .jw-package-card-btn {\r\n --jw-package-btn-main: var(--jw-blue);\r\n --jw-package-btn-deep: var(--jw-navy);\r\n --jw-package-btn-glow: 29, 111, 165;\r\n position: relative;\r\n display: table;\r\n width: 100%;\r\n min-height: 60px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 255, 255, 0.38);\r\n border-radius: 14px;\r\n background:\r\n linear-gradient(135deg, var(--jw-package-btn-main) 0%, var(--jw-package-btn-deep) 100%);\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.32),\r\n inset 0 -3px 0 rgba(0, 0, 0, 0.20),\r\n 0 10px 0 rgba(24, 14, 21, 0.15),\r\n 0 17px 30px rgba(var(--jw-package-btn-glow), 0.25);\r\n color: #F7FBFC;\r\n font-size: 15px !important;\r\n font-weight: 800;\r\n line-height: 1.25;\r\n letter-spacing: 0.015em;\r\n text-decoration: none;\r\n transform: translateZ(0);\r\n transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;\r\n }\r\n\r\n #jw-hosting-page .jw-package-card-btn::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 1px;\r\n right: 1px;\r\n left: 1px;\r\n height: 46%;\r\n border-radius: 13px 13px 50% 50%;\r\n background: linear-gradient(180deg, rgba(255, 255, 255, 0.31), rgba(255, 255, 255, 0.02));\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-package-card-btn-label,\r\n #jw-hosting-page .jw-package-card-btn-icon {\r\n position: relative;\r\n z-index: 2;\r\n display: table-cell;\r\n vertical-align: middle;\r\n }\r\n\r\n #jw-hosting-page .jw-package-card-btn-label {\r\n padding: 15px 15px 15px 18px;\r\n text-align: left;\r\n }\r\n\r\n #jw-hosting-page .jw-package-card-btn-icon {\r\n width: 52px;\r\n border-left: 1px solid rgba(255, 255, 255, 0.20);\r\n background: rgba(255, 255, 255, 0.09);\r\n font-size: 22px;\r\n line-height: 1;\r\n text-align: center;\r\n transition: background 180ms ease, transform 180ms ease;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card--center .jw-package-card-btn {\r\n --jw-package-btn-main: #10B7C9;\r\n --jw-package-btn-deep: #10B7C9;\r\n --jw-package-btn-glow: 255, 20, 147;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card--base .jw-package-card-btn {\r\n --jw-package-btn-main: #58717A;\r\n --jw-package-btn-deep: var(--jw-navy-2);\r\n --jw-package-btn-glow: 18, 50, 74;\r\n }\r\n\r\n #jw-hosting-page .jw-package-card-btn:hover,\r\n #jw-hosting-page .jw-package-card-btn:focus-visible {\r\n filter: saturate(1.08) brightness(1.04);\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.38),\r\n inset 0 -3px 0 rgba(0, 0, 0, 0.22),\r\n 0 12px 0 rgba(24, 14, 21, 0.14),\r\n 0 23px 38px rgba(var(--jw-package-btn-glow), 0.34);\r\n transform: translateY(-3px);\r\n }\r\n\r\n #jw-hosting-page .jw-package-card-btn:hover .jw-package-card-btn-icon,\r\n #jw-hosting-page .jw-package-card-btn:focus-visible .jw-package-card-btn-icon {\r\n background: rgba(255, 255, 255, 0.16);\r\n transform: translateX(3px);\r\n }\r\n\r\n #jw-hosting-page .jw-package-card-btn:active {\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.26),\r\n inset 0 -2px 0 rgba(0, 0, 0, 0.18),\r\n 0 5px 0 rgba(24, 14, 21, 0.14),\r\n 0 12px 22px rgba(var(--jw-package-btn-glow), 0.24);\r\n transform: translateY(3px);\r\n }\r\n\r\n #jw-hosting-page .jw-package-card-btn:focus {\r\n outline: none;\r\n }\r\n\r\n #jw-hosting-page .jw-package-card-btn:focus-visible {\r\n outline: 3px solid rgba(217, 179, 107, 0.38);\r\n outline-offset: 4px;\r\n }\r\n\r\n \/* CROSS-ENTRY SEQUENCE \u2014 card 03 starts beyond the far-left edge and\r\n travels in one perfectly straight horizontal line into the right-hand\r\n position. Card 01 starts beyond the far-right edge and travels in one\r\n perfectly straight horizontal line into the left-hand position. Neither\r\n card rises, drops, rotates, scales, or vertically corrects at the end.\r\n Card 02 appears only after both traveling cards are nearly settled.\r\n Final spacing remains 48px. *\/\r\n #jw-hosting-page .jw-cross-card--left,\r\n #jw-hosting-page .jw-cross-card--right,\r\n #jw-hosting-page .jw-cross-card--center {\r\n opacity: 0;\r\n will-change: transform, opacity;\r\n }\r\n\r\n \/* Final left position contains card 01; it begins offstage right. *\/\r\n #jw-hosting-page .jw-cross-card--left {\r\n z-index: 4;\r\n transform: translate3d(150vw, 0, 0);\r\n transform-origin: left center;\r\n }\r\n\r\n \/* Final right position contains card 03; it begins offstage far left. *\/\r\n #jw-hosting-page .jw-cross-card--right {\r\n z-index: 3;\r\n transform: translate3d(-150vw, 0, 0);\r\n transform-origin: right center;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card--center {\r\n z-index: 2;\r\n transform: translate3d(0, 20px, 0) scale(0.975);\r\n }\r\n\r\n #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--right {\r\n animation: jwCrossCardThreeToRight 1.72s cubic-bezier(0.16, 0.82, 0.24, 1) 70ms both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--left {\r\n animation: jwCrossCardOneToLeft 1.72s cubic-bezier(0.16, 0.82, 0.24, 1) 220ms both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--center {\r\n animation: jwCrossCardCenterFade 0.78s ease 1.24s both;\r\n }\r\n\r\n @keyframes jwCrossCardThreeToRight {\r\n 0% {\r\n opacity: 1;\r\n transform: translate3d(-150vw, 0, 0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translate3d(0, 0, 0);\r\n }\r\n }\r\n\r\n @keyframes jwCrossCardOneToLeft {\r\n 0% {\r\n opacity: 1;\r\n transform: translate3d(150vw, 0, 0);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translate3d(0, 0, 0);\r\n }\r\n }\r\n\r\n @keyframes jwCrossCardCenterFade {\r\n 0% {\r\n opacity: 0;\r\n transform: translate3d(0, 20px, 0) scale(0.975);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translate3d(0, 0, 0) scale(1);\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #jw-hosting-page .jw-cross-card-inner {\r\n width: min(760px, calc(100% - 40px));\r\n padding: 82px 0 88px;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-table {\r\n display: block;\r\n width: 100%;\r\n margin: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-cell {\r\n display: block;\r\n width: 100%;\r\n height: auto;\r\n margin: 0 0 22px;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-cell:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card {\r\n height: auto;\r\n min-height: 0;\r\n padding: 34px 30px 32px;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n \/* Stacked layouts keep each card contained and use direct edge entrances. *\/\r\n #jw-hosting-page .jw-cross-card--left {\r\n transform: translate3d(110vw, 0, 0);\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card--right {\r\n transform: translate3d(-110vw, 0, 0);\r\n }\r\n\r\n #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--right {\r\n animation: jwCrossCardThreeToRight 1.05s cubic-bezier(0.16, 0.82, 0.24, 1) 70ms both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--left {\r\n animation: jwCrossCardOneToLeft 1.05s cubic-bezier(0.16, 0.82, 0.24, 1) 200ms both;\r\n }\r\n\r\n #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--center {\r\n animation: jwCrossCardCenterFade 0.72s ease 720ms both;\r\n }\r\n }\r\n\r\n\r\n @media (max-width: 620px) {\r\n #jw-hosting-page .jw-cross-card-inner {\r\n width: calc(100% - 32px);\r\n padding: 68px 0 72px;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-heading {\r\n margin-bottom: 34px;\r\n text-align: left;\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card {\r\n padding: 30px 24px 28px;\r\n clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));\r\n }\r\n\r\n #jw-hosting-page .jw-cross-card-number {\r\n width: 50px;\r\n height: 50px;\r\n margin-bottom: 22px;\r\n font-size: 15px !important;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #jw-hosting-page .jw-cross-card--left,\r\n #jw-hosting-page .jw-cross-card--center,\r\n #jw-hosting-page .jw-cross-card--right,\r\n #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--left,\r\n #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--center,\r\n #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--right {\r\n opacity: 1 !important;\r\n animation: none !important;\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-package-card-btn,\r\n #jw-hosting-page .jw-package-card-btn-icon,\r\n #jw-hosting-page .jw-faq-item,\r\n #jw-hosting-page .jw-faq-item summary::after,\r\n #jw-hosting-page .jw-faq-answer {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n }\r\n\r\n\r\n\r\n \/* ================================================================\r\n DEEP-VIOLET + HOT-PINK CARD TRIM\r\n The CAD Standards card retains its narrow palette-matched trim.\r\n ROW 2 now uses a clean smooth sweep and places its two-color trim\r\n directly on the portrait image instead of on the animated edge.\r\n ================================================================ *\/\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-card {\r\n overflow: hidden;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs5-card-trim {\r\n position: absolute;\r\n z-index: 1;\r\n top: 0;\r\n right: 0;\r\n width: 28px;\r\n height: 100%;\r\n overflow: visible;\r\n pointer-events: none;\r\n }\r\n\r\n #jw-hosting-page .jw-cbs5-card-trim .jw-trim-navy { fill: #0A2A35; }\r\n #jw-hosting-page .jw-cbs5-card-trim .jw-trim-pink { fill: #10B7C9; }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-card > :not(.jw-cbs5-card-trim) {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n @media (max-width: 620px) {\r\n #jw-hosting-page .jw-cbs5-card-trim {\r\n width: 22px;\r\n }\r\n }\r\n\r\n\r\n\r\n \/* ================================================================\r\n ROW 7 REVISION \u2014 ALWAYS-VISIBLE PORTRAIT CARDS + STAGGERED SWIPES\r\n Both cards are fully visible at the same time. Only the reflective swipe\r\n repeats: the left card swipes first, the right card follows three seconds\r\n later, and the left-card cycle restarts every five seconds.\r\n ================================================================ *\/\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n opacity: 1;\r\n transform: none;\r\n will-change: auto;\r\n }\r\n\r\n @media (min-width: 901px) {\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n width: min(100%, 400px);\r\n max-width: 400px;\r\n height: auto;\r\n min-height: 0;\r\n aspect-ratio: 4 \/ 5;\r\n margin-right: auto;\r\n margin-left: auto;\r\n }\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card::after,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 2;\r\n top: -12%;\r\n bottom: -12%;\r\n left: -62%;\r\n width: 42%;\r\n background: linear-gradient(\r\n 108deg,\r\n rgba(255, 255, 255, 0) 0%,\r\n rgba(255, 255, 255, 0.10) 28%,\r\n rgba(255, 255, 255, 0.78) 50%,\r\n rgba(255, 255, 255, 0.10) 72%,\r\n rgba(255, 255, 255, 0) 100%\r\n );\r\n opacity: 0;\r\n transform: skewX(-16deg);\r\n pointer-events: none;\r\n will-change: left, opacity;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card img,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage > img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center center;\r\n transform: none;\r\n will-change: auto;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7.jw-host-visible .jw-customer-service-card,\r\n #jw-hosting-page .jw-row-7.jw-host-visible .jw-security-stage,\r\n #jw-hosting-page .jw-row-7.jw-host-visible .jw-customer-service-card img,\r\n #jw-hosting-page .jw-row-7.jw-host-visible .jw-security-stage > img {\r\n animation: none;\r\n opacity: 1;\r\n transform: none;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7.jw-host-visible .jw-customer-service-card::after {\r\n animation: jwRow7CardSwipe 5s ease-in-out 0s infinite;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7.jw-host-visible .jw-security-stage::after {\r\n animation: jwRow7CardSwipe 5s ease-in-out 3s infinite;\r\n }\r\n\r\n @keyframes jwRow7CardSwipe {\r\n 0%,\r\n 5% {\r\n left: -62%;\r\n opacity: 0;\r\n }\r\n 12% {\r\n opacity: 0.78;\r\n }\r\n 34% {\r\n left: 126%;\r\n opacity: 0;\r\n }\r\n 100% {\r\n left: 126%;\r\n opacity: 0;\r\n }\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n width: min(100%, 400px);\r\n max-width: 400px;\r\n height: auto;\r\n min-height: 0;\r\n aspect-ratio: 4 \/ 5;\r\n margin-right: auto;\r\n margin-left: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 620px) {\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n width: min(100%, 330px);\r\n max-width: 330px;\r\n height: auto;\r\n min-height: 0;\r\n aspect-ratio: 4 \/ 5;\r\n }\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage,\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card img,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage > img,\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card::after,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage::after {\r\n animation: none !important;\r\n transition: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n opacity: 1 !important;\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card img,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage > img {\r\n transform: none !important;\r\n }\r\n\r\n #jw-hosting-page .jw-row-7 .jw-customer-service-card::after,\r\n #jw-hosting-page .jw-row-7 .jw-security-stage::after {\r\n display: none !important;\r\n }\r\n }\r\n\r\n\r\n\r\n \/* NGUYEN BIN CLEANING \u2014 WILD COLOR OVERRIDES (visual only; structure preserved) *\/\r\n #jw-hosting-page {\r\n --jw-navy: #087A8A;\r\n --jw-navy-2: #0A2A35;\r\n --jw-blue: #10B7C9;\r\n --jw-blue-bright: #C9F25B;\r\n --jw-green: #10B7C9;\r\n --jw-green-bright: #84CC16;\r\n --jw-cream: #F7FBFC;\r\n --jw-sand: #D9F2EE;\r\n --jw-white: #F7FBFC;\r\n --jw-ink: #0B5563;\r\n --jw-muted: #58717A;\r\n }\r\n #jw-hosting-page .jw-host-btn {\r\n background: linear-gradient(135deg,#10B7C9 0%,#10B7C9 35%,#0EA5B7 67%,#C9F25B 100%);\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -3px 0 rgba(64,0,88,.38), 0 18px 38px rgba(199, 51, 124, .34), 0 5px 0 rgba(95,0,120,.30);\r\n }\r\n #jw-hosting-page .jw-host-btn:hover,\r\n #jw-hosting-page .jw-host-btn:focus-visible {\r\n background: linear-gradient(135deg,#84CC16 0%,#10B7C9 28%,#10B7C9 58%,#C9F25B 100%);\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,.6), inset 0 -3px 0 rgba(64,0,88,.38), 0 22px 44px rgba(243, 217, 138, .32), 0 6px 0 rgba(95,0,120,.28);\r\n }\r\n #jw-hosting-page .jw-hero-copy-band {\r\n background: radial-gradient(circle at 90% 10%,rgba(243, 217, 138, .16),transparent 30%), radial-gradient(circle at 6% 92%,rgba(199, 51, 124, .13),transparent 34%), linear-gradient(135deg,#F7FBFC 0%,#F7FBFC 53%,#F7FBFC 100%);\r\n }\r\n #jw-hosting-page .jw-hero-title-panel {\r\n border-left-color:#10B7C9;\r\n background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(255,240,251,.96));\r\n box-shadow:0 16px 38px rgba(101,0,128,.24),0 0 28px rgba(243, 217, 138, .13);\r\n }\r\n #jw-hosting-page .jw-hosting-title-rule {\r\n background:linear-gradient(90deg,#10B7C9 0 25%,#0EA5B7 25% 50%,#C9F25B 50% 75%,#84CC16 75% 100%);\r\n }\r\n #jw-hosting-page .jw-host-eyebrow { color:#10B7C9; }\r\n #jw-hosting-page .jw-host-row--dark .jw-host-eyebrow { color:#84CC16; }\r\n\r\n \/* ROW 5 \u2014 SUPPLIED LOGO MOVED FROM LEFT CARD INTO ANIMATED ORBIT CORE *\/\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-core-cell {\r\n padding: clamp(16px, 1.8vw, 24px);\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-logo-frame {\r\n display: table;\r\n width: min(82%, 238px);\r\n margin: 0 auto;\r\n padding: clamp(8px, .8vw, 12px);\r\n overflow: hidden;\r\n border: 1px solid rgba(255,255,255,.22);\r\n border-radius: clamp(18px, 2vw, 28px);\r\n background: #0A2A35;\r\n box-shadow:\r\n 0 14px 30px rgba(20,0,31,.28),\r\n 0 0 0 2px rgba(199, 51, 124, .18),\r\n 0 0 26px rgba(199, 51, 124, .18);\r\n table-layout: fixed;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-logo-frame::before {\r\n content: \"\";\r\n display: table-cell;\r\n width: 0;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-brand-logo--orbit {\r\n display: block;\r\n width: 100%;\r\n max-width: 100%;\r\n height: auto;\r\n margin: 0;\r\n border-radius: clamp(12px, 1.45vw, 20px);\r\n object-fit: contain;\r\n transform: translateZ(0);\r\n }\r\n\r\n \/* The circular core remains the architectural frame; the logo sits inside as a clean plaque. *\/\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-core {\r\n border-width: clamp(7px, .7vw, 10px);\r\n background:\r\n radial-gradient(circle at 48% 38%, rgba(255,255,255,.995) 0%, rgba(255,250,253,.985) 54%, rgba(250,235,247,.98) 100%);\r\n box-shadow:\r\n 0 24px 58px rgba(0,0,0,.28),\r\n 0 0 0 1px rgba(255,255,255,.84),\r\n 0 0 30px rgba(199, 51, 124, .12),\r\n inset 0 0 0 1px rgba(75,0,110,.06);\r\n }\r\n\r\n @media (max-width: 980px) {\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-logo-frame {\r\n width: min(80%, 210px);\r\n padding: 8px;\r\n }\r\n }\r\n\r\n @media (max-width: 620px) {\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-core-cell {\r\n padding: 12px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-logo-frame {\r\n width: min(82%, 170px);\r\n padding: 6px;\r\n border-radius: 16px;\r\n }\r\n\r\n #jw-hosting-page .jw-row-5 .jw-brand-logo--orbit {\r\n border-radius: 11px;\r\n }\r\n }\r\n\r\n \/* NGUYEN BIN CLEANING CSS WORDMARK \u2014 four intentional placements *\/\r\n #jw-hosting-page .jw-brand-logo {\r\n display: block;\r\n width: auto;\r\n max-width: 100%;\r\n height: auto;\r\n margin: 0;\r\n object-fit: contain;\r\n }\r\n\r\n\r\n \/* ABOUT SECTION BRAND PLAQUE \u2014 transparent supplied logo on controlled dark field *\/\r\n #jw-hosting-page .jw-about-brand-plaque {\r\n display: table;\r\n width: auto;\r\n max-width: 100%;\r\n margin: 0 0 28px;\r\n padding: 15px 22px 13px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 214, 92, 0.48);\r\n border-radius: 22px;\r\n background:\r\n radial-gradient(circle at 78% 20%, rgba(199, 51, 124, .20), transparent 34%),\r\n linear-gradient(135deg, #0A2A35 0%, #0B5563 54%, #087A8A 100%);\r\n box-shadow:\r\n 0 18px 38px rgba(20,0,31,.22),\r\n 0 0 0 1px rgba(199, 51, 124, .10),\r\n inset 0 1px 0 rgba(255,255,255,.07);\r\n }\r\n\r\n #jw-hosting-page .jw-about-brand-plaque::after {\r\n content: \"\";\r\n display: block;\r\n width: 68%;\r\n height: 2px;\r\n margin: 7px auto 0;\r\n border-radius: 999px;\r\n background: linear-gradient(90deg, transparent, #10B7C9 24%, #84CC16 50%, #10B7C9 76%, transparent);\r\n opacity: .86;\r\n }\r\n\r\n #jw-hosting-page .jw-brand-logo--about {\r\n width: clamp(132px, 12vw, 184px);\r\n max-width: 100%;\r\n margin: 0 auto;\r\n filter: drop-shadow(0 8px 14px rgba(0,0,0,.30));\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo img.jw-brand-logo--nav {\r\n display: block;\r\n width: 88px;\r\n height: 88px;\r\n max-width: 88px;\r\n border-radius: 18px;\r\n object-fit: cover;\r\n box-shadow: 0 8px 20px rgba(0,0,0,.32);\r\n }\r\n#jw-hosting-page .jw-brand-logo--cta {\r\n width: clamp(116px, 10vw, 164px);\r\n margin: 0 auto 26px;\r\n border-radius: 22px;\r\n box-shadow:\r\n 0 18px 42px rgba(0,0,0,.34),\r\n 0 0 30px rgba(199, 51, 124, .18);\r\n }\r\n\r\n @media (max-width: 900px) {\r\n #jw-hosting-page .jw-about-brand-plaque {\r\n margin-bottom: 24px;\r\n padding: 13px 18px 12px;\r\n }\r\n\r\n #jw-hosting-page .jw-brand-logo--about {\r\n width: 150px;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo img.jw-brand-logo--nav {\r\n width: 74px;\r\n height: 74px;\r\n max-width: 74px;\r\n border-radius: 15px;\r\n }\r\n}\r\n\r\n @media (max-width: 620px) {\r\n #jw-hosting-page .jw-about-brand-plaque {\r\n display: table;\r\n margin: 0 0 22px;\r\n padding: 12px 16px 10px;\r\n border-radius: 18px;\r\n }\r\n\r\n #jw-hosting-page .jw-brand-logo--about {\r\n width: 132px;\r\n }\r\n\r\n :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo img.jw-brand-logo--nav {\r\n width: 68px;\r\n height: 68px;\r\n max-width: 68px;\r\n border-radius: 14px;\r\n }\r\n#jw-hosting-page .jw-brand-logo--cta {\r\n width: 112px;\r\n }\r\n }\r\n\r\n\r\n \/* NGUYEN BIN CLEANING WORDMARK \u2014 CSS artwork, not an external image slot. *\/\r\n #jw-hosting-page .jw-bin-brandmark,\r\n #jw-nav-portal .jw-bin-brandmark {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n width: auto;\r\n max-width: 100%;\r\n height: auto;\r\n padding: 8px 10px;\r\n border: 1px solid rgba(16,183,201,.22);\r\n border-radius: 16px;\r\n background: rgba(247,251,252,.96);\r\n box-shadow: 0 10px 24px rgba(5,26,32,.14);\r\n color: #0A2A35;\r\n font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, sans-serif;\r\n line-height: 1;\r\n white-space: nowrap;\r\n }\r\n #jw-hosting-page .jw-bin-can-icon,\r\n #jw-nav-portal .jw-bin-can-icon {\r\n position: relative;\r\n display: inline-block;\r\n width: 28px;\r\n height: 31px;\r\n flex: 0 0 28px;\r\n border: 3px solid #087A8A;\r\n border-top-width: 4px;\r\n border-radius: 3px 3px 7px 7px;\r\n background: linear-gradient(180deg,#D9F2EE,#F7FBFC);\r\n }\r\n #jw-hosting-page .jw-bin-can-icon::before,\r\n #jw-nav-portal .jw-bin-can-icon::before {\r\n content:\"\";\r\n position:absolute;\r\n left:-5px;\r\n right:-5px;\r\n top:-8px;\r\n height:4px;\r\n border-radius:4px;\r\n background:#10B7C9;\r\n box-shadow:0 -4px 0 -1px #0A2A35;\r\n }\r\n #jw-hosting-page .jw-bin-can-icon::after,\r\n #jw-nav-portal .jw-bin-can-icon::after {\r\n content:\"\";\r\n position:absolute;\r\n left:7px;\r\n top:6px;\r\n width:7px;\r\n height:10px;\r\n border-right:3px solid #22C55E;\r\n border-bottom:3px solid #22C55E;\r\n transform:rotate(45deg);\r\n }\r\n #jw-hosting-page .jw-bin-brand-text,\r\n #jw-nav-portal .jw-bin-brand-text {\r\n display:inline-block;\r\n font-size:12px !important;\r\n font-weight:800;\r\n letter-spacing:.055em;\r\n }\r\n #jw-hosting-page .jw-bin-brand-text strong,\r\n #jw-nav-portal .jw-bin-brand-text strong { color:#087A8A; }\r\n #jw-hosting-page .jw-brand-logo--about.jw-bin-brandmark { margin:0 auto; }\r\n #jw-hosting-page .jw-brand-logo--orbit.jw-bin-brandmark { transform:scale(.82); transform-origin:center; }\r\n #jw-hosting-page .jw-brand-logo--cta.jw-bin-brandmark { margin:0 auto 22px; }\r\n :where(#jw-hosting-page,#jw-nav-portal) .jw-top-nav-logo .jw-bin-brandmark {\r\n padding:6px;\r\n border-radius:12px;\r\n }\r\n :where(#jw-hosting-page,#jw-nav-portal) .jw-top-nav-logo .jw-bin-brand-text { display:none; }\r\n :where(#jw-hosting-page,#jw-nav-portal) .jw-top-nav-logo .jw-bin-can-icon { transform:scale(.9); }\r\n\r\n<\/style>\r\n<div id=\"jw-hosting-page\">\r\n<div aria-hidden=\"true\" class=\"jw-top-nav-spacer jw-top-nav-spacer--active\"><\/div>\r\n<nav aria-label=\"Nguyen Bin Cleaning page sections\" class=\"jw-top-nav jw-top-nav--fixed\">\r\n<div class=\"jw-top-nav-shell\">\r\n<div class=\"jw-top-nav-table\">\r\n<div class=\"jw-top-nav-brand\">\r\n<table class=\"jw-top-nav-brand-lockup\" role=\"presentation\">\r\n<tbody>\r\n<tr>\r\n<td class=\"jw-top-nav-logo-cell\">\r\n<span aria-hidden=\"true\" class=\"jw-top-nav-logo\">\r\n<span aria-label=\"NGUYEN BIN CLEANING\" class=\"jw-brand-logo jw-brand-logo--nav jw-bin-brandmark\" role=\"img\"><span aria-hidden=\"true\" class=\"jw-bin-can-icon\"><span><\/span><\/span><span class=\"jw-bin-brand-text\">NGUYEN <strong>BIN CLEANING<\/strong><\/span><\/span>\r\n<\/span>\r\n<\/td>\r\n<td class=\"jw-top-nav-brand-copy\">\r\n<span class=\"jw-top-nav-brand-name\">Nguyen<\/span>\r\n<span class=\"jw-top-nav-brand-service\">Bin Cleaning<\/span>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<button aria-controls=\"jw-top-nav-links\" aria-expanded=\"false\" aria-label=\"Open navigation menu\" class=\"jw-top-nav-toggle\" type=\"button\">\r\n<span aria-hidden=\"true\" class=\"jw-top-nav-toggle-icon\">\r\n<span><\/span>\r\n<span><\/span>\r\n<span><\/span>\r\n<\/span>\r\n<\/button>\r\n<\/div>\r\n<div class=\"jw-top-nav-links\" id=\"jw-top-nav-links\">\r\n<a href=\"#home\">Home<\/a>\r\n<a href=\"#about-us\">About Us<\/a>\r\n<a href=\"#services\">Services<\/a>\r\n<a href=\"#bin-cleaning\">Bin Cleaning<\/a>\r\n<a href=\"#recycling-bins\">Recycling Bins<\/a>\r\n<a href=\"#curbside-process\">Curbside Process<\/a>\r\n<a href=\"#sanitizing\">Sanitizing<\/a>\r\n<a href=\"#deodorizing\">Deodorizing<\/a>\r\n<a href=\"#service-readiness\">Service Readiness<\/a>\r\n<a href=\"#recurring-service\">Recurring Service<\/a>\r\n<a href=\"#service-plans\">Service Plans<\/a>\r\n<a href=\"#faq\">FAQs<\/a>\r\n<a href=\"#contact-us-image-top\">Contact<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/nav>\r\n<!-- ROW 1 -->\r\n<section aria-labelledby=\"jw-host-title\" class=\"jw-host-row jw-host-row--dark jw-row-1\" data-jw-row=\"1\" id=\"home\">\r\n<div class=\"jw-hero-media\">\r\n<img alt=\"Residential trash bins outdoors in a clean streetside setting\" class=\"jw-hero-bg\" data-jw-image-slot=\"image-1\" decoding=\"async\" fetchpriority=\"high\" height=\"622\" loading=\"eager\" src=\"https:\/\/images.pexels.com\/photos\/32799389\/pexels-photo-32799389.jpeg?auto=compress&cs=tinysrgb&w=1800\" width=\"1500\"\/>\r\n<svg aria-hidden=\"true\" class=\"jw-hero-curve-sweep\" focusable=\"false\" preserveaspectratio=\"none\" viewbox=\"0 0 1000 622\">\r\n<defs>\r\n<lineargradient gradientunits=\"userSpaceOnUse\" id=\"jwHeroInvertedSweepGradient\" x1=\"0\" x2=\"1000\" y1=\"70\" y2=\"560\">\r\n<stop offset=\"0\" stop-color=\"#0A2A35\" stop-opacity=\"0.91\"><\/stop>\r\n<stop offset=\"0.58\" stop-color=\"#0B5563\" stop-opacity=\"0.88\"><\/stop>\r\n<stop offset=\"1\" stop-color=\"#10B7C9\" stop-opacity=\"0.80\"><\/stop>\r\n<\/lineargradient>\r\n<\/defs>\r\n<!-- REFINED SMOOTH CONCAVE SWEEP:\r\n The boundary keeps the same clean concave profile and is moved roughly\r\n 24px (about 1\/4 inch at desktop scale) farther right than the prior version.\r\n This restores a little more breathing room around \u201cThoughtful\u201d while\r\n keeping all hero lettering fully contained inside the blue field. -->\r\n<path d=\"M0 0H572C500 25 399 69 350 135C305 196 310 300 396 373C504 465 740 545 892 622H0Z\" fill=\"url(#jwHeroInvertedSweepGradient)\"><\/path>\r\n<!-- TWO-COLOR VARIABLE-WIDTH LEADING EDGE:\r\n Both ribbons taper small at the top, widen through the center, and\r\n taper small again at the bottom. The navy ribbon sits inside the\r\n sweep; the copper ribbon sits directly beside it toward the image. -->\r\n<path class=\"jw-hero-edge-ribbon jw-hero-edge-ribbon--navy\" d=\"M572 0C500 25 399 69 350 135C305 196 310 300 396 373C504 465 740 545 892 622L881 622C724 545 470 465 362 373C274 300 271 196 316 135C365 69 487 25 560 0Z\"><\/path>\r\n<path class=\"jw-hero-edge-ribbon jw-hero-edge-ribbon--copper\" d=\"M572 0C500 25 399 69 350 135C305 196 310 300 396 373C504 465 740 545 892 622L899 622C746 545 518 465 410 373C324 300 319 196 364 135C413 69 507 25 580 0Z\"><\/path>\r\n<\/svg>\r\n<div class=\"jw-hero-overlay-stage\">\r\n<div class=\"jw-hero-overlay-shell\">\r\n<table class=\"jw-hero-overlay-table\" role=\"presentation\">\r\n<tbody>\r\n<tr>\r\n<td class=\"jw-hero-overlay-cell\">\r\n<div class=\"jw-hero-title-panel jw-hero-message-overlay\">\r\n<div class=\"jw-hero-overlay-copy\">\r\n<div aria-level=\"1\" class=\"jw-hero-overlay-heading\" role=\"heading\">\r\n<span class=\"jw-hero-overlay-line jw-hero-overlay-line--light\">Nguyen<\/span>\r\n<span class=\"jw-hero-overlay-line jw-hero-overlay-line--gold\">Bin Cleaning.<\/span>\r\n<\/div>\r\n<p class=\"jw-hero-overlay-text\">Fresh, sanitized trash and recycling bins without adding another dirty chore to your week.<\/p>\r\n<a class=\"jw-host-btn jw-hero-overlay-cta\" href=\"tel:+16182468822\">Call 618-246-8822<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-hero-copy-band\">\r\n<div class=\"jw-hero-message-shell\">\r\n<div class=\"jw-hero-message-table\">\r\n<div class=\"jw-hero-message-heading\">\r\n<div class=\"jw-brand-line\">Residential <span class=\"jw-blue\">Trash & Recycling<\/span> <span class=\"jw-green\">Bin Cleaning<\/span><\/div>\r\n<h1 id=\"jw-host-title\">Cleaner bins. Fresher curb appeal. A more sanitary place to roll your carts back home.<\/h1>\r\n<\/div>\r\n<div class=\"jw-hero-message-copy\">\r\n<p class=\"jw-host-lead\">Nguyen Bin Cleaning focuses on residential trash and recycling bin cleaning with a practical process built around washing away grime, reducing odor-causing residue, and returning cleaner carts to your curbside routine.<\/p>\r\n<a class=\"jw-host-btn\" href=\"tel:+16182468822\">Call 618-246-8822<\/a>\r\n<a class=\"jw-host-btn jw-host-btn--light\" href=\"#services\">Explore Bin Cleaning Services<\/a>\r\n<div class=\"jw-hero-proof\">\r\n<span>Straightforward service<\/span>\r\n<span>Deep exterior wash<\/span>\r\n<span>Sanitize & deodorize<\/span>\r\n<span>Cleaner curbside routine<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- ROW 2 -->\r\n<section aria-labelledby=\"jw-host-foundation\" class=\"jw-host-row jw-row-2\" data-jw-row=\"2\" id=\"about-us\">\r\n<span aria-hidden=\"true\" class=\"jw-row-2-blueprint-sweep\"><\/span>\r\n<div class=\"jw-host-inner\">\r\n<div class=\"jw-host-table\">\r\n<div class=\"jw-host-cell\">\r\n<div class=\"jw-curtain\">\r\n<img alt=\"Residential waste and recycling bins positioned beside a building\" data-jw-image-slot=\"image-2\" decoding=\"async\" height=\"1200\" loading=\"lazy\" src=\"https:\/\/jwwebsites.com\/emmanuel-torres\/wp-content\/uploads\/sites\/112\/2026\/09\/ChatGPT-Image-Sep-1-2026-10_32_06-PM_optimized.png\" width=\"1400\"\/>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-host-cell jw-foundation-copy\">\r\n<div aria-label=\"Nguyen Bin Cleaning\" class=\"jw-about-brand-plaque\">\r\n<span aria-label=\"NGUYEN BIN CLEANING\" class=\"jw-brand-logo jw-brand-logo--about jw-bin-brandmark\" role=\"img\"><span aria-hidden=\"true\" class=\"jw-bin-can-icon\"><span><\/span><\/span><span class=\"jw-bin-brand-text\">NGUYEN <strong>BIN CLEANING<\/strong><\/span><\/span>\r\n<\/div>\r\n<span class=\"jw-host-eyebrow\">About Nguyen Bin Cleaning<\/span>\r\n<h2 id=\"jw-host-foundation\">Nguyen Bin Cleaning keeps a simple goal in focus: make the bins you handle every week cleaner, fresher, and easier to live with.<\/h2>\r\n<p>Trash and recycling carts collect spills, residue, loose debris, and odors between pickup days. Nguyen Bin Cleaning provides a dedicated residential bin-cleaning service so you can keep those carts cleaner without dragging the mess across your driveway or handling the washout yourself.<\/p>\r\n<ul class=\"jw-host-checks\">\r\n<li>Trash and recycling bin cleaning centered on the carts you actually use<\/li>\r\n<li>A cleaning process organized around wash, sanitation, deodorizing, and final rinse<\/li>\r\n<li>Clear service communication and simple preparation before the cleaning visit<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- ROW 3 -->\r\n<section aria-labelledby=\"jw-host-models\" class=\"jw-host-row jw-host-row--dark jw-row-3\" data-jw-row=\"3\" id=\"services\">\r\n<img alt=\"Professional worker using high-pressure cleaning equipment\" class=\"jw-model-bg\" data-jw-image-slot=\"image-3\" decoding=\"async\" height=\"833\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/32520873\/pexels-photo-32520873.jpeg?auto=compress&cs=tinysrgb&w=1800\"\/>\r\n<div aria-hidden=\"true\" class=\"jw-row-3-diamond-orbit\">\r\n<span class=\"jw-row-3-diamond-ring jw-row-3-diamond-ring--outer\"><\/span>\r\n<span class=\"jw-row-3-diamond-ring jw-row-3-diamond-ring--middle\"><\/span>\r\n<span class=\"jw-row-3-diamond-ring jw-row-3-diamond-ring--inner\"><\/span>\r\n<div class=\"jw-row-3-diamond-core\">\r\n<div class=\"jw-row-3-diamond-core-cell\">\r\n<svg aria-label=\"Clean trash bin icon\" focusable=\"false\" role=\"img\" viewbox=\"0 0 100 100\"><path d=\"M28 31h44l-4 50H32L28 31Z\" fill=\"none\" stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"6\"><\/path><path d=\"M24 24h52M40 24l4-8h12l4 8\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"6\"><\/path><path d=\"M48 42c-8 10-11 15-11 21a11 11 0 0 0 22 0c0-6-3-11-11-21Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"5\"><\/path><path d=\"M73 48h12M79 42v12\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"4\"><\/path><\/svg>\r\n<\/div>\r\n<\/div>\r\n<span class=\"jw-row-3-diamond-track\">\r\n<span class=\"jw-row-3-diamond-badge\"><span>Pre-rinse<\/span><\/span>\r\n<\/span>\r\n<span class=\"jw-row-3-diamond-track jw-row-3-diamond-track--secondary\">\r\n<span class=\"jw-row-3-diamond-badge\"><span>Fresh finish<\/span><\/span>\r\n<\/span>\r\n<\/div>\r\n<div class=\"jw-host-inner\">\r\n<span class=\"jw-host-eyebrow\">Residential bin cleaning services<\/span>\r\n<h2 id=\"jw-host-models\">Choose the bin-cleaning service that fits the carts your household puts at the curb.<\/h2>\r\n<p class=\"jw-host-lead\" style=\"margin-right:auto;margin-left:auto;color:rgba(255,255,255,.78);\">Whether the main issue is sticky residue, lingering odor, dirty cart walls, or both trash and recycling bins needing attention, the service can be organized around the bins you want cleaned.<\/p>\r\n<div class=\"jw-model-grid\">\r\n<article class=\"jw-model-card\">\r\n<small>Trash bins<\/small>\r\n<h3>Residential Trash Bin Cleaning<\/h3>\r\n<p>Give household garbage carts a dedicated wash focused on interior walls, lids, handles, wheel areas, and the surfaces that collect grime after regular trash pickup.<\/p>\r\n<\/article>\r\n<article class=\"jw-model-card\">\r\n<small>Recycling bins<\/small>\r\n<h3>Residential Recycling Bin Cleaning<\/h3>\r\n<p>Recycling carts can still collect beverage residue, food traces, dust, and sticky buildup. A focused wash helps reset the cart so it is cleaner for the next cycle.<\/p>\r\n<\/article>\r\n<article class=\"jw-model-card\">\r\n<small>Clean & fresh finish<\/small>\r\n<h3>Sanitizing & Deodorizing Finish<\/h3>\r\n<p>Complete the bin-cleaning process with attention to rinse-down, sanitation-focused cleaning, odor-control steps, and a cleaner final condition before the cart returns to regular household use.<\/p>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- ROW 4 \u2014 BIN CLEANING FEATURE \/ CBS HOMEPAGE ANIMATION MATCH -->\r\n<section aria-labelledby=\"jw-host-managed\" class=\"jw-host-row jw-row-4\" data-jw-row=\"4\" id=\"bin-cleaning\">\r\n<div class=\"jw-cbs4-image\">\r\n<img alt=\"Professional pressure-washing equipment in active cleaning use\" data-jw-image-slot=\"image-4\" decoding=\"async\" height=\"1100\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/30589158\/pexels-photo-30589158.jpeg?auto=compress&cs=tinysrgb&w=1800\" width=\"1500\"\/>\r\n<\/div>\r\n<div aria-hidden=\"true\" class=\"jw-cbs4-swipe\"><\/div>\r\n<svg aria-hidden=\"true\" class=\"jw-cbs4-leading-edge\" focusable=\"false\" preserveaspectratio=\"none\" viewbox=\"0 0 1000 700\">\r\n<!-- TWO MATCHED VARIABLE-WIDTH RIBBONS:\r\n both begin narrow, broaden through the center of the diagonal path,\r\n and return to a narrow finish at the bottom. -->\r\n<path class=\"jw-cbs4-edge-ribbon--blue\" d=\"M704 0C718 115 739 240 764 350C786 462 795 594 804 700L800 700C791 594 782 462 752 350C727 240 713 115 700 0Z\"><\/path>\r\n<path class=\"jw-cbs4-edge-ribbon--copper\" d=\"M704 0C718 115 739 240 764 350C786 462 795 594 804 700L808 700C799 594 794 462 776 350C751 240 723 115 708 0Z\"><\/path>\r\n<\/svg>\r\n<div aria-hidden=\"true\" class=\"jw-cbs4-arc\"><\/div>\r\n<div class=\"jw-cbs4-copy\">\r\n<div class=\"jw-cbs-kicker\">Built around your project<\/div>\r\n<h2 id=\"jw-host-managed\">Trash bin cleaning built around the mess that develops inside the carts your household handles every week.<\/h2>\r\n<p>Trash carts take the brunt of leaking bags, loose debris, sticky residue, and repeated exposure to household waste. The service is organized to tackle the bin itself\u2014inside surfaces, lid, handle areas, wheels, and the places where grime tends to collect.<\/p>\r\n<div class=\"jw-cbs-btns\"><a class=\"jw-host-btn\" href=\"#about-us\">Explore Trash Bin Cleaning<\/a><\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- ROW 5 \u2014 CBS FIFTH-ROW REPLICA \/ CAD STANDARDS -->\r\n<section aria-labelledby=\"jw-host-speed\" class=\"jw-host-row jw-row-5\" data-jw-row=\"5\" id=\"recycling-bins\">\r\n<img alt=\"Organized waste and recycling containers in an outdoor setting\" class=\"jw-cbs5-bg-source\" data-jw-image-slot=\"image-5\" decoding=\"async\" height=\"1200\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/11666823\/pexels-photo-11666823.jpeg?auto=compress&cs=tinysrgb&w=1800\" width=\"1800\"\/>\r\n<div aria-hidden=\"true\" class=\"jw-cbs5-side-label\">\r\n<span>Recycling Bins<\/span>\r\n<i><\/i>\r\n<span>Built for a cleaner recycling routine<\/span>\r\n<\/div>\r\n<div class=\"jw-cbs5-shell\">\r\n<div class=\"jw-cbs5-card\">\r\n<svg aria-hidden=\"true\" class=\"jw-cbs5-card-trim\" focusable=\"false\" preserveaspectratio=\"none\" viewbox=\"0 0 28 1000\">\r\n<path class=\"jw-trim-navy\" d=\"M16 0H23C21 170 17 315 11 500C17 685 21 830 23 1000H16C14 830 8 685 3 500C8 315 14 170 16 0Z\"><\/path>\r\n<path class=\"jw-trim-pink\" d=\"M23 0H28V1000H23C21 830 17 685 11 500C17 315 21 170 23 0Z\"><\/path>\r\n<\/svg>\r\n<div class=\"jw-cbs-kicker\">Documents that stay organized<\/div>\r\n<h2 id=\"jw-host-speed\">Recycling bins deserve the same attention as trash carts\u2014especially when containers, cans, and packaging leave residue behind.<\/h2>\r\n<p>A cleaner recycling cart starts with the surfaces that are touched and used most: the interior, lid, handle, wheel area, and corners where liquid or debris can settle between collection days.<\/p>\r\n<div aria-label=\"Architectural drafting standards\" class=\"jw-cbs-checks\" role=\"list\">\r\n<div class=\"jw-cbs-check-row\" role=\"presentation\">\r\n<div class=\"jw-cbs-check\" role=\"listitem\">Consistent layers, lineweights, symbols, and annotations<\/div>\r\n<div class=\"jw-cbs-check\" role=\"listitem\">Sheet titles, view references, scales, and callouts kept clear<\/div>\r\n<\/div>\r\n<div class=\"jw-cbs-check-row\" role=\"presentation\">\r\n<div class=\"jw-cbs-check\" role=\"listitem\">Deep washs, notes, and details coordinated across the set<\/div>\r\n<div class=\"jw-cbs-check\" role=\"listitem\">Revision changes tracked without disturbing unrelated work<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-cbs5-orbit-stage\">\r\n<span aria-hidden=\"true\" class=\"jw-cbs5-orbit-ring jw-cbs5-orbit-ring--outer\"><\/span>\r\n<span aria-hidden=\"true\" class=\"jw-cbs5-orbit-ring jw-cbs5-orbit-ring--middle\"><\/span>\r\n<span aria-hidden=\"true\" class=\"jw-cbs5-orbit-ring jw-cbs5-orbit-ring--inner\"><\/span>\r\n<div aria-hidden=\"true\" class=\"jw-cbs5-orbit-core\">\r\n<div class=\"jw-cbs5-orbit-core-cell\">\r\n<span class=\"jw-cbs5-orbit-logo-frame\">\r\n<span aria-label=\"NGUYEN BIN CLEANING\" class=\"jw-brand-logo jw-brand-logo--orbit jw-bin-brandmark\" role=\"img\"><span aria-hidden=\"true\" class=\"jw-bin-can-icon\"><span><\/span><\/span><span class=\"jw-bin-brand-text\">NGUYEN <strong>BIN CLEANING<\/strong><\/span><\/span>\r\n<\/span>\r\n<\/div>\r\n<\/div>\r\n<span aria-hidden=\"true\" class=\"jw-cbs5-orbit-track jw-cbs5-orbit-track--trim\">\r\n<span class=\"jw-cbs5-orbit-badge\"><span>Pre-rinse<\/span><\/span>\r\n<\/span>\r\n<span aria-hidden=\"true\" class=\"jw-cbs5-orbit-track jw-cbs5-orbit-track--care\">\r\n<span class=\"jw-cbs5-orbit-badge\"><span>Deep wash<\/span><\/span>\r\n<\/span>\r\n<span aria-hidden=\"true\" class=\"jw-cbs5-orbit-track jw-cbs5-orbit-track--details\">\r\n<span class=\"jw-cbs5-orbit-badge\"><span>Fresh finish<\/span><\/span>\r\n<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- NEW ROW BETWEEN ROW 5 AND ROW 6 \u2014 CBS SPEED \/ PERFORMANCE COMPOSITION -->\r\n<section aria-labelledby=\"jw-speed-row-title\" class=\"jw-host-row jw-row-5-speed\" data-jw-row=\"5-speed\" id=\"curbside-process\">\r\n<div class=\"jw-speed-shell\">\r\n<div class=\"jw-speed-table\">\r\n<div class=\"jw-speed-visual-cell\">\r\n<div class=\"jw-speed-panel\">\r\n<div class=\"jw-speed-panel-inner\">\r\n<div class=\"jw-speed-title\">DRAFTED <small>FROM CURB TO CLEAN<\/small>\r\n<span class=\"jw-speed-company\">NGUYEN BIN CLEANING PROCESS<\/span>\r\n<\/div>\r\n<div class=\"jw-speed-metric\">\r\n<div class=\"jw-speed-label-table\">\r\n<span class=\"jw-speed-label\">Set out bins<\/span>\r\n<span class=\"jw-speed-status\">Ready<\/span>\r\n<\/div>\r\n<div aria-hidden=\"true\" class=\"jw-speed-meter\"><span><\/span><\/div>\r\n<\/div>\r\n<div class=\"jw-speed-metric\">\r\n<div class=\"jw-speed-label-table\">\r\n<span class=\"jw-speed-label\">Wash & sanitize<\/span>\r\n<span class=\"jw-speed-status\">Cleaned<\/span>\r\n<\/div>\r\n<div aria-hidden=\"true\" class=\"jw-speed-meter\"><span><\/span><\/div>\r\n<\/div>\r\n<div class=\"jw-speed-metric\">\r\n<div class=\"jw-speed-label-table\">\r\n<span class=\"jw-speed-label\">Rinse & finish<\/span>\r\n<span class=\"jw-speed-status\">Freshened<\/span>\r\n<\/div>\r\n<div aria-hidden=\"true\" class=\"jw-speed-meter\"><span><\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-speed-copy-cell\">\r\n<div class=\"jw-speed-copy\">\r\n<span class=\"jw-speed-kicker\">Bin cleaning from setup to final rinse<\/span>\r\n<h2 id=\"jw-speed-row-title\">A curbside process designed to fit naturally around the bins your household already uses.<\/h2>\r\n<p>Bin cleaning works best when the cart is accessible and ready for service. The process is intentionally simple: place the bins where they can be reached, let the cleaning steps do the dirty work, and return to a fresher cart for the next pickup cycle.<\/p>\r\n<ul class=\"jw-speed-checks\">\r\n<li>Place the requested trash or recycling bins where they can be accessed for service<\/li>\r\n<li>Washing, sanitation-focused cleaning, rinsing, and odor-control steps are handled as one process<\/li>\r\n<li>The bin is given a final visual check before the cleaning visit is wrapped up<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-speed-banner\">\r\n<div aria-hidden=\"true\" class=\"jw-speed-banner-track\">\r\n<span class=\"jw-speed-banner-group\">\r\n<span class=\"jw-speed-banner-item\">Trash carts<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n<span class=\"jw-speed-banner-item\">Recycling carts<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n<span class=\"jw-speed-banner-item\">Interior wash<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n<span class=\"jw-speed-banner-item\">Lids & handles<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n<span class=\"jw-speed-banner-item\">Wheel areas<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n<span class=\"jw-speed-banner-item\">Fresh finish<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n<\/span>\r\n<span class=\"jw-speed-banner-group\">\r\n<span class=\"jw-speed-banner-item\">Trash carts<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n<span class=\"jw-speed-banner-item\">Recycling carts<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n<span class=\"jw-speed-banner-item\">Interior wash<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n<span class=\"jw-speed-banner-item\">Lids & handles<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n<span class=\"jw-speed-banner-item\">Wheel areas<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n<span class=\"jw-speed-banner-item\">Fresh finish<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- MID-PAGE THREE-CARD CROSS-ENTRY ROW -->\r\n<section aria-labelledby=\"jw-drawing-package-title\" class=\"jw-host-row jw-row-cross-cards\" data-jw-row=\"cross-cards\" id=\"sanitizing\">\r\n<div class=\"jw-cross-card-inner\">\r\n<div class=\"jw-cross-card-heading\">\r\n<span class=\"jw-host-eyebrow\">Sanitizing essentials<\/span>\r\n<h2 id=\"jw-drawing-package-title\">Three practical cleaning stages help move a used household cart from dirty and odorous to washed, treated, and ready to use again.<\/h2>\r\n<p>Each stage has a different job, but the full process works best when debris removal, washing, and finishing care are treated as one service.<\/p>\r\n<\/div>\r\n<div class=\"jw-cross-card-table\">\r\n<div class=\"jw-cross-card-cell\">\r\n<article class=\"jw-cross-card jw-cross-card--left jw-cross-card--base\">\r\n<div class=\"jw-cross-card-layout\">\r\n<div class=\"jw-cross-card-body-row\">\r\n<div class=\"jw-cross-card-body-cell\">\r\n<span aria-hidden=\"true\" class=\"jw-cross-card-number\"><span>01<\/span><\/span>\r\n<h3>Pre-Rinse & Debris Reset<\/h3>\r\n<p>Loose residue and obvious buildup are addressed first so the wash can reach more of the interior bin surface.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-cross-card-action-row\">\r\n<div class=\"jw-cross-card-action-cell\">\r\n<a class=\"jw-package-card-btn\" href=\"#bin-cleaning\">\r\n<span class=\"jw-package-card-btn-label\">See the Cleaning Process<\/span>\r\n<span aria-hidden=\"true\" class=\"jw-package-card-btn-icon\">\u2192<\/span>\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/article>\r\n<\/div>\r\n<div class=\"jw-cross-card-cell\">\r\n<article class=\"jw-cross-card jw-cross-card--center\">\r\n<div class=\"jw-cross-card-layout\">\r\n<div class=\"jw-cross-card-body-row\">\r\n<div class=\"jw-cross-card-body-cell\">\r\n<span aria-hidden=\"true\" class=\"jw-cross-card-number\"><span>02<\/span><\/span>\r\n<h3>Deep Wash & Sanitize<\/h3>\r\n<p>Interior walls, lid surfaces, handle areas, and common grime zones receive focused cleaning followed by sanitation-minded treatment.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-cross-card-action-row\">\r\n<div class=\"jw-cross-card-action-cell\">\r\n<a class=\"jw-package-card-btn\" href=\"#service-plans\">\r\n<span class=\"jw-package-card-btn-label\">Explore Sanitizing<\/span>\r\n<span aria-hidden=\"true\" class=\"jw-package-card-btn-icon\">\u2192<\/span>\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/article>\r\n<\/div>\r\n<div class=\"jw-cross-card-cell\">\r\n<article class=\"jw-cross-card jw-cross-card--right jw-cross-card--issue\">\r\n<div class=\"jw-cross-card-layout\">\r\n<div class=\"jw-cross-card-body-row\">\r\n<div class=\"jw-cross-card-body-cell\">\r\n<span aria-hidden=\"true\" class=\"jw-cross-card-number\"><span>03<\/span><\/span>\r\n<h3>Rinse, Deodorize & Finish<\/h3>\r\n<p>A final rinse and odor-control finish help leave the cart cleaner and fresher before it goes back into normal household rotation.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-cross-card-action-row\">\r\n<div class=\"jw-cross-card-action-cell\">\r\n<a class=\"jw-package-card-btn\" href=\"#contact-us-image-top\">\r\n<span class=\"jw-package-card-btn-label\">Schedule Bin Cleaning<\/span>\r\n<span aria-hidden=\"true\" class=\"jw-package-card-btn-icon\">\u2192<\/span>\r\n<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/article>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- ROW 6 \u2014 CLEAR IMAGE \/ LEFT-ENTERING SMOOTH SAIL ANIMATION -->\r\n<section aria-labelledby=\"jw-host-uptime\" class=\"jw-host-row jw-host-row--dark jw-row-6\" data-jw-row=\"6\" id=\"deodorizing\">\r\n<img alt=\"Color-coded recycling bins arranged outdoors in sunlight\" class=\"jw-uptime-bg\" data-jw-image-slot=\"image-7\" decoding=\"async\" height=\"833\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/32246634\/pexels-photo-32246634.jpeg?auto=compress&cs=tinysrgb&w=1800\" width=\"1500\"\/>\r\n<svg aria-hidden=\"true\" class=\"jw-why-wave-sweep\" focusable=\"false\" preserveaspectratio=\"none\" viewbox=\"0 0 580 622\">\r\n<defs>\r\n<lineargradient gradientunits=\"userSpaceOnUse\" id=\"jwWhyWaveGradient\" x1=\"0\" x2=\"580\" y1=\"70\" y2=\"552\">\r\n<stop offset=\"0\" stop-color=\"#0A2A35\" stop-opacity=\"0.985\"><\/stop>\r\n<stop offset=\"0.58\" stop-color=\"#123A46\" stop-opacity=\"0.965\"><\/stop>\r\n<stop offset=\"1\" stop-color=\"#0EA5B7\" stop-opacity=\"0.94\"><\/stop>\r\n<\/lineargradient>\r\n<\/defs>\r\n<!-- SMOOTH SCULPTED SAIL: one continuous flowing edge replaces the former\r\n faceted\/jagged ribbon. The panel completes its entrance from the left\r\n at approximately the midpoint of the desktop section. -->\r\n<path d=\"M0 0H412C492 62 536 143 510 225C489 292 491 355 531 418C574 485 580 555 500 622H0Z\" fill=\"url(#jwWhyWaveGradient)\"><\/path>\r\n<!-- MATCHED TWO-COLOR LEADING EDGE:\r\n each ribbon starts narrow, grows through the central bends, and\r\n tapers back down as the curve reaches the bottom of the section. -->\r\n<path class=\"jw-why-wave-edge-ribbon jw-why-wave-edge-ribbon--blue\" d=\"M416 0C496 62 540 143 514 225C493 292 495 355 535 418C578 485 584 555 504 622L500 622C572 555 566 485 523 418C483 355 481 292 502 225C528 143 492 62 412 0Z\"><\/path>\r\n<path class=\"jw-why-wave-edge-ribbon jw-why-wave-edge-ribbon--copper\" d=\"M416 0C496 62 540 143 514 225C493 292 495 355 535 418C578 485 584 555 504 622L508 622C588 555 596 485 553 418C513 355 509 292 530 225C556 143 500 62 420 0Z\"><\/path>\r\n<\/svg>\r\n<div class=\"jw-host-inner\">\r\n<div class=\"jw-host-table\">\r\n<div class=\"jw-host-cell\">\r\n<div class=\"jw-why-copy\">\r\n<span class=\"jw-host-eyebrow\">Odor control & freshness<\/span>\r\n<h2 id=\"jw-host-uptime\">Odor control starts with removing the residue that keeps feeding the smell\u2014not simply covering it with fragrance.<\/h2>\r\n<p class=\"jw-host-lead\">Food residue, leaking bags, moisture, and buildup can make bin odor return quickly. A more useful approach is to clean the surfaces where that residue sits, rinse the cart thoroughly, and finish with deodorizing attention as part of the overall service.<\/p>\r\n<p class=\"jw-why-note\">The animated figure represents the three service stages described on this page. It is not a claim about germ-removal percentage, odor elimination, or measured sanitation performance.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-host-cell jw-why-image-space\">\r\n<div class=\"jw-turnaround-circle-stage\">\r\n<div class=\"jw-turnaround-circle\">\r\n<div class=\"jw-turnaround-circle-inner\">\r\n<div class=\"jw-turnaround-circle-content\">\r\n<strong class=\"jw-turnaround-count\" data-jw-complete-hold=\"900\" data-jw-count=\"3\" data-jw-decimals=\"0\" data-jw-delay=\"800\" data-jw-duration=\"1400\" data-jw-easing=\"linear\" data-jw-start=\"0\" data-jw-suffix=\"\">0<\/strong>\r\n<span class=\"jw-turnaround-circle-label\">Cleaning stages<\/span>\r\n<span class=\"jw-turnaround-complete\">Wash cycle complete<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<span class=\"jw-turnaround-circle-caption\">pre-rinse \u2022 deep wash \u2022 fresh finish<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- ROW 7 -->\r\n<section aria-labelledby=\"jw-host-security\" class=\"jw-host-row jw-row-7\" data-jw-row=\"7\" id=\"service-readiness\">\r\n<div class=\"jw-host-inner\">\r\n<div class=\"jw-safety-table\">\r\n<div class=\"jw-safety-cell jw-safety-cell--customer\">\r\n<div class=\"jw-customer-service-card\">\r\n<img alt=\"Person placing recyclable material into a blue recycling bin\" data-jw-image-slot=\"image-8\" decoding=\"async\" height=\"1341\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/9324365\/pexels-photo-9324365.jpeg?auto=compress&cs=tinysrgb&w=1400\" width=\"1173\"\/>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-safety-cell jw-safety-cell--copy\">\r\n<span class=\"jw-host-eyebrow\">Service readiness<\/span>\r\n<h2 id=\"jw-host-security\">A smoother cleaning visit starts with bins that are easy to reach and ready for the service you requested.<\/h2>\r\n<p>Before service, make sure the requested carts are available and accessible. Keeping the bins free of fresh household trash and positioned where cleaning can be performed helps the visit stay focused on the cart itself.<\/p>\r\n<ul class=\"jw-host-checks\">\r\n<li>Requested trash and recycling bins available for the scheduled service<\/li>\r\n<li>Bins accessible in a practical area for washing and rinsing<\/li>\r\n<li>Fresh waste kept out of the carts until the cleaning visit is complete<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"jw-safety-cell jw-safety-cell--visual\">\r\n<div class=\"jw-security-stage\">\r\n<img alt=\"Multiple labeled recycling and waste bins arranged for sorting\" data-jw-image-slot=\"image-9\" decoding=\"async\" height=\"1500\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/10368942\/pexels-photo-10368942.jpeg?auto=compress&cs=tinysrgb&w=1600\" width=\"1200\"\/>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- ROW 9 -->\r\n<section aria-labelledby=\"jw-host-price\" class=\"jw-host-row jw-host-row--dark jw-row-9\" data-jw-row=\"9\" id=\"recurring-service\">\r\n<img alt=\"Sanitation workers handling a large waste container outdoors\" class=\"jw-price-bg\" data-jw-image-slot=\"image-10\" decoding=\"async\" height=\"833\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/18414281\/pexels-photo-18414281.jpeg?auto=compress&cs=tinysrgb&w=1800\" width=\"1500\"\/>\r\n<div aria-hidden=\"true\" class=\"jw-row-9-sheet-cascade\">\r\n<span class=\"jw-row-9-sheet jw-row-9-sheet--one\"><\/span>\r\n<span class=\"jw-row-9-sheet jw-row-9-sheet--two\"><\/span>\r\n<span class=\"jw-row-9-sheet jw-row-9-sheet--three\"><\/span>\r\n<span class=\"jw-row-9-sheet jw-row-9-sheet--four\"><\/span>\r\n<\/div>\r\n<div class=\"jw-host-inner\">\r\n<div class=\"jw-host-table\">\r\n<div class=\"jw-host-cell\">\r\n<span class=\"jw-host-eyebrow\">Recurring service<\/span>\r\n<h2 id=\"jw-host-price\">When bins get dirty again every week, recurring cleaning can turn a one-time reset into a more consistent household routine.<\/h2>\r\n<p class=\"jw-host-lead\" style=\"color:rgba(255,255,255,.82);\">Trash and recycling carts are repeatedly exposed to new waste, spills, moisture, and residue. If you want ongoing service, Nguyen Bin Cleaning can discuss a recurring cleaning approach based on the bins you want serviced and the schedule that can actually be confirmed.<\/p>\r\n<ul class=\"jw-host-checks\">\r\n<li>Recurring service based on the actual trash and recycling bins requested<\/li>\r\n<li>Service timing and bin-access expectations discussed before a recurring plan is confirmed<\/li>\r\n<li>Trash-bin cleaning and recycling-bin cleaning can be discussed separately or together<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"jw-host-cell\">\r\n<div class=\"jw-price-card\">\r\n<span class=\"jw-host-eyebrow\">Service Scope<\/span>\r\n<div class=\"jw-price\"><span data-jw-count=\"2\" data-jw-decimals=\"0\" data-jw-duration=\"1600\" data-jw-easing=\"linear\" data-jw-start=\"0\">0<\/span><\/div>\r\n<div class=\"jw-price-term\">TRASH + RECYCLING BIN CLEANING<\/div>\r\n<p style=\"color:rgba(255,255,255,.8);font-size:.94rem;\">The animated figure is retained to preserve the master template\u2019s counter interaction. It represents the two residential cart categories named on this page\u2014trash and recycling\u2014and is not a price, guarantee, or performance statistic.<\/p>\r\n<a class=\"jw-host-btn\" href=\"#contact-us-image-top\">Discuss Recurring Service<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- ROW 8 -->\r\n<section aria-labelledby=\"jw-host-package\" class=\"jw-host-row jw-row-8\" data-jw-row=\"8\" id=\"service-plans\">\r\n<div class=\"jw-host-inner\">\r\n<div class=\"jw-host-table\">\r\n<div class=\"jw-host-cell\">\r\n<div class=\"jw-package-photo\">\r\n<img alt=\"Green and brown recycling bins positioned along a sidewalk\" data-jw-image-slot=\"image-11\" decoding=\"async\" height=\"1500\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/33791470\/pexels-photo-33791470.jpeg?auto=compress&cs=tinysrgb&w=1600\" width=\"1300\"\/>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-host-cell\">\r\n<span class=\"jw-host-eyebrow\">Service plans<\/span>\r\n<h2 id=\"jw-host-package\">Keep the service simple: choose the bin-cleaning needs that matter most to your household and build from there.<\/h2>\r\n<p>Nguyen Bin Cleaning can discuss cleaning for trash bins, recycling bins, or both. Any service frequency, package, included treatment, availability, or pricing must be confirmed directly rather than assumed from this page.<\/p>\r\n<div class=\"jw-feature-grid\">\r\n<div class=\"jw-feature-row\">\r\n<div class=\"jw-feature\">\r\n<span class=\"jw-feature-icon\">T<\/span>\r\n<strong>Trash Bin Cleaning<\/strong>\r\n<small>Focused cleaning for residential garbage carts and the surfaces that collect weekly residue<\/small>\r\n<\/div>\r\n<div class=\"jw-feature\">\r\n<span class=\"jw-feature-icon\">R<\/span>\r\n<strong>Recycling Bin Cleaning<\/strong>\r\n<small>Focused cleaning for residential recycling carts with attention to sticky or liquid residue<\/small>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-feature-row\">\r\n<div class=\"jw-feature\">\r\n<span class=\"jw-feature-icon\">I<\/span>\r\n<strong>Interior Wash<\/strong>\r\n<small>Interior walls, corners, lid surfaces, and grime-prone areas included in the cleaning flow<\/small>\r\n<\/div>\r\n<div class=\"jw-feature\">\r\n<span class=\"jw-feature-icon\">S<\/span>\r\n<strong>Sanitizing Step<\/strong>\r\n<small>Sanitation-minded treatment integrated into the cart-cleaning process after washing<\/small>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-feature-row\">\r\n<div class=\"jw-feature\">\r\n<span class=\"jw-feature-icon\">D<\/span>\r\n<strong>Deodorizing Finish<\/strong>\r\n<small>Odor-control attention aimed at leaving the cleaned cart fresher for regular use<\/small>\r\n<\/div>\r\n<div class=\"jw-feature\">\r\n<span class=\"jw-feature-icon\">C<\/span>\r\n<strong>Recurring Cleaning<\/strong>\r\n<small>Ongoing bin cleaning can be discussed when a household wants a more consistent maintenance rhythm<\/small>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- FAQ \u2014 added section -->\r\n<section aria-labelledby=\"jw-faq-title\" class=\"jw-host-row jw-row-faq\" data-jw-row=\"faq\" id=\"faq\">\r\n<div class=\"jw-host-inner\">\r\n<div class=\"jw-faq-intro\">\r\n<span class=\"jw-host-eyebrow\">Frequently asked questions<\/span>\r\n<h2 id=\"jw-faq-title\">What homeowners usually want to know before scheduling trash or recycling bin cleaning.<\/h2>\r\n<p>These answers provide general bin-cleaning guidance from Nguyen Bin Cleaning. Exact service details, access requirements, timing, availability, products used, recurring options, and pricing should be confirmed for your specific service.<\/p>\r\n<div class=\"jw-faq-topic-table\">\r\n<span class=\"jw-faq-topic\">Service & Timing<\/span>\r\n<span class=\"jw-faq-topic\">Cleaning & Odor<\/span>\r\n<span class=\"jw-faq-topic\">Bins & Preparation<\/span>\r\n<\/div>\r\n<\/div>\r\n<div class=\"jw-faq-list\">\r\n<details class=\"jw-faq-item\">\r\n<summary>How is bin-cleaning timing determined?<\/summary>\r\n<div class=\"jw-faq-answer\"><p>Timing depends on how many bins are being cleaned, their condition, the requested service scope, access, and the cleaning steps that are confirmed. A realistic service window can be discussed when the requested bins are reviewed.<\/p><\/div>\r\n<\/details>\r\n<details class=\"jw-faq-item\">\r\n<summary>What types of bins can I ask to have cleaned?<\/summary>\r\n<div class=\"jw-faq-answer\"><p>You can ask about residential trash-bin cleaning, residential recycling-bin cleaning, cleaning for both cart types, sanitation-focused treatment, deodorizing, and recurring service. Exact availability and service details should be confirmed directly with Nguyen Bin Cleaning.<\/p><\/div>\r\n<\/details>\r\n<details class=\"jw-faq-item\">\r\n<summary>What should I share when requesting service?<\/summary>\r\n<div class=\"jw-faq-answer\"><p>Useful information includes how many bins you want cleaned, whether they are trash or recycling carts, their general condition, any persistent odor or residue concern, and when the bins can be made available for service.<\/p><\/div>\r\n<\/details>\r\n<details class=\"jw-faq-item\">\r\n<summary>Can I start with a one-time cleaning before considering recurring service?<\/summary>\r\n<div class=\"jw-faq-answer\"><p>Yes. A one-time cleaning can be a practical way to reset dirty carts before deciding whether recurring service fits your household. Any recurring frequency or package must be confirmed directly.<\/p><\/div>\r\n<\/details>\r\n<details class=\"jw-faq-item\">\r\n<summary>Will every stain or odor disappear completely?<\/summary>\r\n<div class=\"jw-faq-answer\"><p>Not necessarily. Bin material, age, embedded staining, existing damage, residue type, and how long buildup has been present can affect the final appearance and odor. Cleaning can improve the condition without guaranteeing that every mark or smell will be completely removed.<\/p><\/div>\r\n<\/details>\r\n<details class=\"jw-faq-item\">\r\n<summary>How do I get started with Nguyen Bin Cleaning?<\/summary>\r\n<div class=\"jw-faq-answer\"><p>Call 618-246-8822 and share the number and type of bins you want cleaned, what condition they are in, and whether you are interested in a one-time or recurring service. Nguyen Bin Cleaning can then discuss the next practical step.<\/p><\/div>\r\n<\/details>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- ROW 10 -->\r\n<section aria-labelledby=\"jw-host-cta\" class=\"jw-host-row jw-host-row--dark jw-row-10\" data-jw-row=\"10\" id=\"contact\">\r\n<img alt=\"Clean row of recycling and waste bins positioned outdoors\" class=\"jw-cta-bg\" data-jw-image-slot=\"image-12\" decoding=\"async\" height=\"825\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/10840656\/pexels-photo-10840656.jpeg?auto=compress&cs=tinysrgb&w=1800\"\/>\r\n<span aria-hidden=\"true\" class=\"jw-beam\"><\/span>\r\n<span aria-hidden=\"true\" class=\"jw-particle\"><\/span>\r\n<span aria-hidden=\"true\" class=\"jw-particle\"><\/span>\r\n<span aria-hidden=\"true\" class=\"jw-particle\"><\/span>\r\n<span aria-hidden=\"true\" class=\"jw-particle\"><\/span>\r\n<span aria-hidden=\"true\" class=\"jw-particle\"><\/span>\r\n<div class=\"jw-host-inner\">\r\n<span aria-label=\"NGUYEN BIN CLEANING\" class=\"jw-brand-logo jw-brand-logo--cta jw-bin-brandmark\" role=\"img\"><span aria-hidden=\"true\" class=\"jw-bin-can-icon\"><span><\/span><\/span><span class=\"jw-bin-brand-text\">NGUYEN <strong>BIN CLEANING<\/strong><\/span><\/span>\r\n<span class=\"jw-host-eyebrow\">Contact & bin-cleaning request<\/span>\r\n<h2 id=\"jw-host-cta\">Ready to get your trash or recycling bins cleaner?<\/h2>\r\n<p class=\"jw-host-lead\">Call Nguyen Bin Cleaning at 618-246-8822 and let us know which residential bins you want cleaned, how many carts are involved, and whether you are interested in one-time or recurring service. Exact availability, timing, and pricing can be confirmed directly.<\/p>\r\n<div class=\"jw-cta-actions\">\r\n<div class=\"jw-cta-action-cell\">\r\n<a class=\"jw-host-btn jw-reference-cta\" href=\"tel:+16182468822\">\r\n<span class=\"jw-reference-cta-main\">Call 618-246-8822<\/span>\r\n<span class=\"jw-reference-cta-sub\">NGUYEN BIN CLEANING<\/span>\r\n<\/a>\r\n<\/div>\r\n<div class=\"jw-cta-action-cell\">\r\n<a class=\"jw-host-btn jw-host-btn--light\" href=\"#faq\">Read Bin Cleaning FAQs<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<\/div>\r\n<script>\r\n (function () {\r\n \"use strict\";\r\n\r\n var root = document.getElementById(\"jw-hosting-page\");\r\n if (!root || root.getAttribute(\"data-jw-ready\") === \"true\") return;\r\n root.setAttribute(\"data-jw-ready\", \"true\");\r\n\r\n var cbsRowFive = root.querySelector(\".jw-row-5\");\r\n var cbsRowFiveSource = root.querySelector(\".jw-row-5 .jw-cbs5-bg-source\");\r\n if (cbsRowFive && cbsRowFiveSource) {\r\n var syncCbsRowFiveBackground = function () {\r\n var sourceUrl = cbsRowFiveSource.currentSrc || cbsRowFiveSource.src;\r\n if (!sourceUrl) return;\r\n cbsRowFive.style.setProperty(\"--jw-row5-bg\", 'url(\"' + sourceUrl.replace(\/\"\/g, \"\\\\\\\"\") + '\")');\r\n };\r\n syncCbsRowFiveBackground();\r\n cbsRowFiveSource.addEventListener(\"load\", syncCbsRowFiveBackground, { once: true });\r\n }\r\n\r\n function setViewportWidth() {\r\n root.style.setProperty(\"--jw-host-vw\", document.documentElement.clientWidth + \"px\");\r\n }\r\n\r\n function setCounter(counter, progress) {\r\n var target = parseFloat(counter.getAttribute(\"data-jw-count\")) || 0;\r\n var startValue = parseFloat(counter.getAttribute(\"data-jw-start\"));\r\n\r\n if (isNaN(startValue)) {\r\n startValue = 0;\r\n }\r\n\r\n var decimals = parseInt(counter.getAttribute(\"data-jw-decimals\"), 10) || 0;\r\n var prefix = counter.getAttribute(\"data-jw-prefix\") || \"\";\r\n var suffix = counter.getAttribute(\"data-jw-suffix\") || \"\";\r\n var currentValue = startValue + ((target - startValue) * progress);\r\n\r\n counter.textContent = prefix + currentValue.toFixed(decimals) + suffix;\r\n\r\n var circle = counter.closest ? counter.closest(\".jw-turnaround-circle\") : null;\r\n if (circle) {\r\n \/* The ring reflects the displayed percentage itself. A 50% starting\r\n value therefore begins with the circle half filled, then advances\r\n smoothly with the visible count until it reaches 100%. *\/\r\n var circleProgress = target !== 0 ? currentValue \/ target : progress;\r\n circleProgress = Math.max(0, Math.min(1, circleProgress));\r\n circle.style.setProperty(\"--jw-circle-progress\", (circleProgress * 360).toFixed(2) + \"deg\");\r\n\r\n if (progress < 0.999) {\r\n circle.classList.remove(\"jw-circle-message\");\r\n }\r\n }\r\n }\r\n\r\n function animateCounters(row) {\r\n var counters = row.querySelectorAll(\"[data-jw-count]\");\r\n\r\n counters.forEach(function (counter) {\r\n if (counter.getAttribute(\"data-jw-running\") === \"true\") return;\r\n\r\n counter.setAttribute(\"data-jw-running\", \"true\");\r\n\r\n var duration = parseInt(counter.getAttribute(\"data-jw-duration\"), 10) || 1600;\r\n var delay = parseInt(counter.getAttribute(\"data-jw-delay\"), 10) || 0;\r\n var completeHold = parseInt(counter.getAttribute(\"data-jw-complete-hold\"), 10) || 0;\r\n var easing = counter.getAttribute(\"data-jw-easing\") || \"ease-out\";\r\n var circle = counter.closest ? counter.closest(\".jw-turnaround-circle\") : null;\r\n var start = null;\r\n\r\n if (circle) {\r\n circle.classList.remove(\"jw-circle-message\");\r\n setCounter(counter, 0);\r\n }\r\n\r\n function frame(time) {\r\n if (!row.classList.contains(\"jw-host-visible\")) {\r\n counter.setAttribute(\"data-jw-running\", \"false\");\r\n return;\r\n }\r\n\r\n if (!start) {\r\n start = time;\r\n }\r\n\r\n var elapsed = Math.min((time - start) \/ duration, 1);\r\n var eased = easing === \"linear\" ? elapsed : 1 - Math.pow(1 - elapsed, 3);\r\n\r\n setCounter(counter, eased);\r\n\r\n if (elapsed < 1) {\r\n window.requestAnimationFrame(frame);\r\n return;\r\n }\r\n\r\n counter.setAttribute(\"data-jw-running\", \"false\");\r\n\r\n if (circle && completeHold > 0) {\r\n window.setTimeout(function () {\r\n if (row.classList.contains(\"jw-host-visible\")) {\r\n circle.classList.add(\"jw-circle-message\");\r\n }\r\n }, completeHold);\r\n }\r\n }\r\n\r\n window.setTimeout(function () {\r\n if (row.classList.contains(\"jw-host-visible\")) {\r\n window.requestAnimationFrame(frame);\r\n } else {\r\n counter.setAttribute(\"data-jw-running\", \"false\");\r\n }\r\n }, delay);\r\n });\r\n }\r\n\r\n function resetCounters(row) {\r\n row.querySelectorAll(\"[data-jw-count]\").forEach(function (counter) {\r\n counter.setAttribute(\"data-jw-running\", \"false\");\r\n\r\n var circle = counter.closest ? counter.closest(\".jw-turnaround-circle\") : null;\r\n if (circle) {\r\n circle.classList.remove(\"jw-circle-message\");\r\n }\r\n\r\n setCounter(counter, 0);\r\n });\r\n }\r\n\r\n\r\n \/* Same-page section links are handled by the anchor-safe sticky-menu\r\n controller below so every menu and page CTA uses one deterministic\r\n landing position. *\/\r\n\r\n setViewportWidth();\r\n window.addEventListener(\"resize\", setViewportWidth, { passive: true });\r\n\r\n var rows = root.querySelectorAll(\".jw-host-row\");\r\n var heroCopyBand = root.querySelector(\".jw-hero-copy-band\");\r\n var reduceMotion = window.matchMedia &&\r\n window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n if (reduceMotion || !(\"IntersectionObserver\" in window)) {\r\n rows.forEach(function (row) {\r\n row.classList.add(\"jw-host-visible\");\r\n\r\n row.querySelectorAll(\"[data-jw-count]\").forEach(function (counter) {\r\n setCounter(counter, 1);\r\n });\r\n });\r\n\r\n if (heroCopyBand) {\r\n heroCopyBand.classList.add(\"jw-copy-band-visible\");\r\n }\r\n\r\n } else {\r\n function handleRowEntries(entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add(\"jw-host-visible\");\r\n animateCounters(entry.target);\r\n } else {\r\n entry.target.classList.remove(\"jw-host-visible\");\r\n resetCounters(entry.target);\r\n }\r\n });\r\n }\r\n\r\n var observer = new IntersectionObserver(handleRowEntries, {\r\n threshold: 0.16,\r\n rootMargin: \"0px 0px -7% 0px\"\r\n });\r\n\r\n \/* Row 6 begins as it approaches the viewport so the smoother palette motion\r\n motion is already active when the visitor reaches the section. *\/\r\n var rowSixObserver = new IntersectionObserver(handleRowEntries, {\r\n threshold: 0.03,\r\n rootMargin: \"0px 0px 24% 0px\"\r\n });\r\n\r\n\r\n \/*\r\n Row 4 mirrors the Creative Business System homepage feature trigger.\r\n On that homepage the feature is row index 3, producing a 144ms base delay\r\n after the same 0.16 \/ -4% \/ -10% intersection threshold is reached.\r\n *\/\r\n var rowFourTimer = 0;\r\n var rowFourObserver = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (entry) {\r\n window.clearTimeout(rowFourTimer);\r\n\r\n if (!entry.isIntersecting) {\r\n entry.target.classList.remove(\"jw-host-visible\");\r\n resetCounters(entry.target);\r\n return;\r\n }\r\n\r\n rowFourTimer = window.setTimeout(function () {\r\n entry.target.classList.add(\"jw-host-visible\");\r\n animateCounters(entry.target);\r\n }, 144);\r\n });\r\n }, {\r\n threshold: 0.16,\r\n rootMargin: \"-4% 0px -10% 0px\"\r\n });\r\n\r\n \/*\r\n Row 5 uses its own later trigger so the full left-to-right entrance happens\r\n while the visitor is actually looking at the section instead of too early.\r\n *\/\r\n var rowFiveObserver = new IntersectionObserver(handleRowEntries, {\r\n threshold: 0.34,\r\n rootMargin: \"0px 0px -4% 0px\"\r\n });\r\n\r\n \/*\r\n Row 8 \/ complete-deliverable package waits approximately 0.5 second after entering\r\n its normal viewport trigger before the existing feature-card cascade begins.\r\n Leaving the row before the delay completes cancels the pending animation.\r\n *\/\r\n var rowEightTimer = 0;\r\n var rowEightObserver = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (entry) {\r\n window.clearTimeout(rowEightTimer);\r\n\r\n if (!entry.isIntersecting) {\r\n entry.target.classList.remove(\"jw-host-visible\");\r\n resetCounters(entry.target);\r\n return;\r\n }\r\n\r\n rowEightTimer = window.setTimeout(function () {\r\n entry.target.classList.add(\"jw-host-visible\");\r\n animateCounters(entry.target);\r\n }, 500);\r\n });\r\n }, {\r\n threshold: 0.16,\r\n rootMargin: \"0px 0px -7% 0px\"\r\n });\r\n\r\n \/*\r\n Independent below-hero trigger.\r\n This animation waits for actual downward scrolling into the\r\n white copy band instead of firing with the hero row.\r\n *\/\r\n var heroCopyBandObserver = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add(\"jw-copy-band-visible\");\r\n } else {\r\n entry.target.classList.remove(\"jw-copy-band-visible\");\r\n }\r\n });\r\n }, {\r\n threshold: 0.32,\r\n rootMargin: \"0px 0px -12% 0px\"\r\n });\r\n\r\n if (heroCopyBand) {\r\n heroCopyBandObserver.observe(heroCopyBand);\r\n }\r\n\r\n rows.forEach(function (row) {\r\n if (row.classList.contains(\"jw-row-4\")) {\r\n rowFourObserver.observe(row);\r\n } else if (row.classList.contains(\"jw-row-5\")) {\r\n rowFiveObserver.observe(row);\r\n } else if (row.classList.contains(\"jw-row-6\")) {\r\n rowSixObserver.observe(row);\r\n } else if (row.classList.contains(\"jw-row-8\")) {\r\n rowEightObserver.observe(row);\r\n } else {\r\n observer.observe(row);\r\n }\r\n });\r\n }\r\n\r\n\r\n \/* Deterministic fixed-navigation controller + mobile dropdown.\r\n The custom navigation is moved beneath a body-level portal whose ancestor\r\n chain is free of transforms, filters, perspective, containment, and builder\r\n width constraints. Live measurements keep the WordPress administrator bar,\r\n navigation spacer, mobile menu, and anchor destinations aligned. *\/\r\n (function initJwStickyTopNav() {\r\n var nav = root.querySelector(\".jw-top-nav\");\r\n var spacer = root.querySelector(\".jw-top-nav-spacer\");\r\n if (!nav || !spacer) return;\r\n\r\n var toggle = nav.querySelector(\".jw-top-nav-toggle\");\r\n var linksPanel = nav.querySelector(\".jw-top-nav-links\");\r\n var brand = nav.querySelector(\".jw-top-nav-brand\");\r\n var mobileQuery = window.matchMedia ? window.matchMedia(\"(max-width: 620px)\") : null;\r\n var portal = document.getElementById(\"jw-nav-portal\");\r\n var recoveryFrame = 0;\r\n var mutationFrame = 0;\r\n var lastTop = -1;\r\n var lastHeight = -1;\r\n var lastAnchorOffset = -1;\r\n var anchorDepth = 72; \/* 3\/4 CSS inch: land inside the destination row. *\/\r\n\r\n if (!portal) {\r\n portal = document.createElement(\"div\");\r\n portal.id = \"jw-nav-portal\";\r\n portal.setAttribute(\"data-jw-navigation-portal\", \"true\");\r\n portal.setAttribute(\"aria-hidden\", \"false\");\r\n document.body.appendChild(portal);\r\n }\r\n\r\n if (nav.parentNode !== portal) {\r\n portal.appendChild(nav);\r\n }\r\n\r\n function isMobileNav() {\r\n return mobileQuery ? mobileQuery.matches : window.innerWidth <= 620;\r\n }\r\n\r\n function getAdminBarHeight() {\r\n var adminBar = document.getElementById(\"wpadminbar\");\r\n if (!adminBar) return 0;\r\n\r\n var rect = adminBar.getBoundingClientRect();\r\n var style = window.getComputedStyle(adminBar);\r\n if (style.display === \"none\" || style.visibility === \"hidden\" || rect.height <= 0) return 0;\r\n return Math.max(0, Math.round(rect.height));\r\n }\r\n\r\n function getReservedMenuHeight() {\r\n if (isMobileNav() && brand) {\r\n return Math.max(1, Math.ceil(brand.getBoundingClientRect().height + 1));\r\n }\r\n return Math.max(1, Math.ceil(nav.getBoundingClientRect().height));\r\n }\r\n\r\n function setSharedVariable(name, value) {\r\n root.style.setProperty(name, value);\r\n nav.style.setProperty(name, value);\r\n portal.style.setProperty(name, value);\r\n document.documentElement.style.setProperty(name, value);\r\n }\r\n\r\n function setMobileMenu(open) {\r\n if (!toggle) return;\r\n\r\n var shouldOpen = !!open && isMobileNav();\r\n nav.classList.toggle(\"jw-mobile-nav-open\", shouldOpen);\r\n toggle.setAttribute(\"aria-expanded\", shouldOpen ? \"true\" : \"false\");\r\n toggle.setAttribute(\"aria-label\", shouldOpen ? \"Close navigation menu\" : \"Open navigation menu\");\r\n\r\n window.requestAnimationFrame(function () {\r\n measure();\r\n scheduleRecovery();\r\n });\r\n }\r\n\r\n function measure() {\r\n try {\r\n if (nav.parentNode !== portal) portal.appendChild(nav);\r\n nav.classList.add(\"jw-top-nav--fixed\");\r\n spacer.classList.add(\"jw-top-nav-spacer--active\");\r\n\r\n var topOffset = getAdminBarHeight();\r\n setSharedVariable(\"--jw-admin-bar-offset\", topOffset + \"px\");\r\n setSharedVariable(\"--jw-sticky-top\", topOffset + \"px\");\r\n\r\n var menuHeight = getReservedMenuHeight();\r\n var anchorOffset = topOffset + menuHeight;\r\n var anchorScrollMargin = Math.max(0, anchorOffset - anchorDepth);\r\n\r\n if (menuHeight !== lastHeight) {\r\n setSharedVariable(\"--jw-sticky-menu-height\", menuHeight + \"px\");\r\n spacer.style.height = menuHeight + \"px\";\r\n spacer.style.minHeight = menuHeight + \"px\";\r\n lastHeight = menuHeight;\r\n }\r\n\r\n if (topOffset !== lastTop) {\r\n lastTop = topOffset;\r\n }\r\n\r\n if (anchorOffset !== lastAnchorOffset) {\r\n setSharedVariable(\"--jw-anchor-offset\", anchorOffset + \"px\");\r\n setSharedVariable(\"--jw-anchor-scroll-margin\", anchorScrollMargin + \"px\");\r\n lastAnchorOffset = anchorOffset;\r\n }\r\n } catch (error) {\r\n \/* Rendering must continue even if a delayed theme element is unavailable. *\/\r\n }\r\n }\r\n\r\n function getInternalTarget(hash) {\r\n if (typeof hash !== \"string\" || hash.charAt(0) !== \"#\" || hash.length < 2) return null;\r\n var id = hash.slice(1);\r\n if (!\/^[a-z0-9]+(?:-[a-z0-9]+)*$\/.test(id)) return null;\r\n var target = document.getElementById(id);\r\n if (!target || !root.contains(target)) return null;\r\n return target;\r\n }\r\n\r\n \/* WORDPRESS\/VANTAGE EXTERNAL-MENU ANCHOR BRIDGE *\/\r\n function normalizeExternalServicesLinks(scope) {\r\n try {\r\n var searchRoot = scope && scope.querySelectorAll ? scope : document;\r\n var links = [];\r\n if (scope instanceof Element && scope.matches(\"a\")) links.push(scope);\r\n searchRoot.querySelectorAll(\"a\").forEach(function (link) { links.push(link); });\r\n links.forEach(function (link) {\r\n if (!(link instanceof Element)) return;\r\n if (root.contains(link) || nav.contains(link)) return;\r\n var label = (link.textContent || \"\").replace(\/\\s+\/g, \" \").trim().toLowerCase();\r\n if (label !== \"services\") return;\r\n link.setAttribute(\"href\", \"#services\");\r\n });\r\n } catch (error) {}\r\n }\r\n\r\n function getLinkInternalHash(link) {\r\n if (!(link instanceof Element)) return \"\";\r\n var rawHref = link.getAttribute(\"href\");\r\n if (!rawHref) return \"\";\r\n if (rawHref.charAt(0) === \"#\") return rawHref;\r\n try {\r\n var url = new URL(rawHref, window.location.href);\r\n var current = new URL(window.location.href);\r\n if (url.origin !== current.origin) return \"\";\r\n if (url.pathname !== current.pathname || url.search !== current.search) return \"\";\r\n return url.hash || \"\";\r\n } catch (error) { return \"\"; }\r\n }\r\n\r\n function scrollToTarget(target, behavior) {\r\n if (!target) return;\r\n measure();\r\n\r\n var offset = getAdminBarHeight() + getReservedMenuHeight();\r\n var landingDepth = target.id === \"jw-home\" ? 0 : anchorDepth;\r\n var targetTop = target.getBoundingClientRect().top + window.pageYOffset - offset + landingDepth;\r\n\r\n window.scrollTo({\r\n top: Math.max(0, Math.round(targetTop)),\r\n behavior: behavior || \"auto\"\r\n });\r\n }\r\n\r\n function alignCurrentHash(behavior) {\r\n var hash = window.location.hash;\r\n var target = getInternalTarget(hash);\r\n if (!target) return;\r\n setMobileMenu(false);\r\n scrollToTarget(target, behavior || \"auto\");\r\n }\r\n\r\n function isPositivelyIdentifiedThemeNavigation(element) {\r\n if (!(element instanceof Element)) return false;\r\n\r\n if (element.matches(\"#masthead, #site-navigation, #masthead.site-header, .site-header#masthead, .main-navigation#site-navigation, #masthead-sticky-wrapper\")) {\r\n return true;\r\n }\r\n\r\n if (element.closest(\"#masthead\") && !element.closest(\"#jw-hosting-page, #jw-nav-portal\")) {\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n function maySuppressThemeNavigation(element) {\r\n var adminBar = document.getElementById(\"wpadminbar\");\r\n if (!(element instanceof Element)) return false;\r\n if (element === document.documentElement || element === document.body) return false;\r\n if (element === root || element === nav || element === portal || element === spacer) return false;\r\n if (element.contains(root) || root.contains(element)) return false;\r\n if (element.contains(nav) || nav.contains(element)) return false;\r\n if (element === adminBar || element.closest(\"#wpadminbar\")) return false;\r\n if (!isPositivelyIdentifiedThemeNavigation(element)) return false;\r\n return true;\r\n }\r\n\r\n function suppressThemeNavigationWithin(scope) {\r\n try {\r\n var candidates = [];\r\n if (scope instanceof Element) candidates.push(scope);\r\n\r\n var searchRoot = scope && scope.querySelectorAll ? scope : document;\r\n searchRoot.querySelectorAll(\"#masthead, #site-navigation, #masthead.site-header, .site-header#masthead, .main-navigation#site-navigation, #masthead-sticky-wrapper\").forEach(function (candidate) {\r\n candidates.push(candidate);\r\n });\r\n\r\n candidates.forEach(function (candidate) {\r\n if (!maySuppressThemeNavigation(candidate)) return;\r\n candidate.classList.add(\"jw-vantage-nav-suppressed\");\r\n candidate.setAttribute(\"aria-hidden\", \"true\");\r\n });\r\n } catch (error) {\r\n \/* A selector or delayed plugin node must never interrupt page rendering. *\/\r\n }\r\n }\r\n\r\n function recoverFixedNavigation() {\r\n recoveryFrame = 0;\r\n try {\r\n var expectedTop = getAdminBarHeight();\r\n var computed = window.getComputedStyle(nav);\r\n var rect = nav.getBoundingClientRect();\r\n var failed = computed.position !== \"fixed\" || Math.abs(rect.top - expectedTop) > 2;\r\n\r\n if (failed) {\r\n nav.classList.add(\"jw-top-nav--fixed\");\r\n if (nav.parentNode !== portal) portal.appendChild(nav);\r\n nav.style.setProperty(\"position\", \"fixed\", \"important\");\r\n nav.style.setProperty(\"top\", expectedTop + \"px\", \"important\");\r\n nav.style.setProperty(\"right\", \"0\", \"important\");\r\n nav.style.setProperty(\"left\", \"0\", \"important\");\r\n nav.style.setProperty(\"width\", \"auto\", \"important\");\r\n nav.style.setProperty(\"max-width\", \"none\", \"important\");\r\n nav.style.setProperty(\"margin\", \"0\", \"important\");\r\n }\r\n\r\n measure();\r\n } catch (error) {\r\n \/* Recovery is best-effort and must remain fail-safe. *\/\r\n }\r\n }\r\n\r\n function scheduleRecovery() {\r\n if (recoveryFrame) return;\r\n recoveryFrame = window.requestAnimationFrame(recoverFixedNavigation);\r\n }\r\n\r\n if (toggle && linksPanel) {\r\n toggle.addEventListener(\"click\", function () {\r\n setMobileMenu(toggle.getAttribute(\"aria-expanded\") !== \"true\");\r\n });\r\n\r\n document.addEventListener(\"click\", function (event) {\r\n if (!isMobileNav() || !nav.classList.contains(\"jw-mobile-nav-open\")) return;\r\n if (nav.contains(event.target)) return;\r\n setMobileMenu(false);\r\n });\r\n\r\n document.addEventListener(\"keydown\", function (event) {\r\n if (event.key !== \"Escape\" || !nav.classList.contains(\"jw-mobile-nav-open\")) return;\r\n setMobileMenu(false);\r\n toggle.focus();\r\n });\r\n }\r\n\r\n document.addEventListener(\"click\", function (event) {\r\n var link = event.target.closest ? event.target.closest('a') : null;\r\n if (!link) return;\r\n\r\n var label = (link.textContent || \"\").replace(\/\\s+\/g, \" \").trim().toLowerCase();\r\n if (!root.contains(link) && !nav.contains(link) && label === \"services\") {\r\n link.setAttribute(\"href\", \"#services\");\r\n }\r\n\r\n var hash = getLinkInternalHash(link);\r\n var target = getInternalTarget(hash);\r\n if (!target) return;\r\n\r\n event.preventDefault();\r\n var reduceMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n setMobileMenu(false);\r\n scrollToTarget(target, reduceMotion ? \"auto\" : \"smooth\");\r\n\r\n if (history.pushState) history.pushState(null, \"\", hash);\r\n else location.hash = hash;\r\n });\r\n\r\n normalizeExternalServicesLinks(document);\r\n suppressThemeNavigationWithin(document);\r\n measure();\r\n scheduleRecovery();\r\n\r\n if (window.location.hash) {\r\n window.requestAnimationFrame(function () {\r\n window.requestAnimationFrame(function () {\r\n alignCurrentHash(\"auto\");\r\n });\r\n });\r\n }\r\n\r\n window.addEventListener(\"hashchange\", function () {\r\n alignCurrentHash(\"auto\");\r\n });\r\n\r\n window.addEventListener(\"scroll\", scheduleRecovery, { passive: true });\r\n window.addEventListener(\"resize\", function () {\r\n if (!isMobileNav()) setMobileMenu(false);\r\n measure();\r\n normalizeExternalServicesLinks(document);\r\n suppressThemeNavigationWithin(document);\r\n scheduleRecovery();\r\n }, { passive: true });\r\n\r\n window.addEventListener(\"orientationchange\", function () {\r\n window.requestAnimationFrame(function () {\r\n measure();\r\n suppressThemeNavigationWithin(document);\r\n scheduleRecovery();\r\n });\r\n }, { passive: true });\r\n\r\n window.addEventListener(\"load\", function () {\r\n measure();\r\n normalizeExternalServicesLinks(document);\r\n suppressThemeNavigationWithin(document);\r\n alignCurrentHash(\"auto\");\r\n scheduleRecovery();\r\n }, { once: true });\r\n\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n measure();\r\n normalizeExternalServicesLinks(document);\r\n suppressThemeNavigationWithin(document);\r\n scheduleRecovery();\r\n }, { once: true });\r\n\r\n if (document.fonts && document.fonts.ready) {\r\n document.fonts.ready.then(function () {\r\n measure();\r\n alignCurrentHash(\"auto\");\r\n scheduleRecovery();\r\n });\r\n }\r\n\r\n if (window.ResizeObserver) {\r\n var navigationResizeObserver = new ResizeObserver(function () {\r\n measure();\r\n scheduleRecovery();\r\n });\r\n navigationResizeObserver.observe(nav);\r\n\r\n var adminBar = document.getElementById(\"wpadminbar\");\r\n if (adminBar) navigationResizeObserver.observe(adminBar);\r\n }\r\n\r\n if (window.MutationObserver) {\r\n var mutationObserver = new MutationObserver(function (mutations) {\r\n var addedNodes = [];\r\n mutations.forEach(function (mutation) {\r\n mutation.addedNodes.forEach(function (node) {\r\n if (node instanceof Element) addedNodes.push(node);\r\n });\r\n });\r\n\r\n if (!addedNodes.length || mutationFrame) return;\r\n mutationFrame = window.requestAnimationFrame(function () {\r\n mutationFrame = 0;\r\n addedNodes.forEach(function (node) {\r\n normalizeExternalServicesLinks(node);\r\n suppressThemeNavigationWithin(node);\r\n });\r\n measure();\r\n scheduleRecovery();\r\n });\r\n });\r\n\r\n mutationObserver.observe(document.body, { childList: true, subtree: true });\r\n }\r\n }());\r\n\r\n }());\r\n<\/script>\r\n<\/body>\r\n<\/html><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Nguyen Bin Cleaning | Trash & Recycling Bin Cleaning NGUYEN BIN CLEANING Nguyen Bin Cleaning Home About Us Services Bin Cleaning Recycling Bins Curbside Process Sanitizing Deodorizing Service Readiness Recurring Service Service Plans FAQs Contact Nguyen Bin Cleaning. Fresh, sanitized trash and recycling bins without adding another dirty chore to your week. Call 618-246-8822 Residential […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-notitle.php","meta":{"footnotes":""},"folder":[],"class_list":["post-371","page","type-page","status-publish","hentry","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Work Space-6 -<\/title>\n<meta name=\"description\" content=\"Professional service focused on quality work, reliability, and a positive customer experience from start to finish.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jwwebsites.com\/emmanuel-torres\/work-space-6\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Work Space-6 -\" \/>\n<meta property=\"og:description\" content=\"Professional service focused on quality work, reliability, and a positive customer experience from start to finish.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jwwebsites.com\/emmanuel-torres\/work-space-6\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-31T04:49:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/emmanuel-torres\\\/work-space-6\\\/\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/emmanuel-torres\\\/work-space-6\\\/\",\"name\":\"Work Space-6 -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/emmanuel-torres\\\/#website\"},\"datePublished\":\"2026-03-30T22:11:45+00:00\",\"dateModified\":\"2026-03-31T04:49:19+00:00\",\"description\":\"Professional service focused on quality work, reliability, and a positive customer experience from start to finish.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/emmanuel-torres\\\/work-space-6\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jwwebsites.com\\\/emmanuel-torres\\\/work-space-6\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/emmanuel-torres\\\/work-space-6\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jwwebsites.com\\\/emmanuel-torres\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Work Space-6\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/emmanuel-torres\\\/#website\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/emmanuel-torres\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jwwebsites.com\\\/emmanuel-torres\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Work Space-6 -","description":"Professional service focused on quality work, reliability, and a positive customer experience from start to finish.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jwwebsites.com\/emmanuel-torres\/work-space-6\/","og_locale":"en_US","og_type":"article","og_title":"Work Space-6 -","og_description":"Professional service focused on quality work, reliability, and a positive customer experience from start to finish.","og_url":"https:\/\/jwwebsites.com\/emmanuel-torres\/work-space-6\/","article_modified_time":"2026-03-31T04:49:19+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jwwebsites.com\/emmanuel-torres\/work-space-6\/","url":"https:\/\/jwwebsites.com\/emmanuel-torres\/work-space-6\/","name":"Work Space-6 -","isPartOf":{"@id":"https:\/\/jwwebsites.com\/emmanuel-torres\/#website"},"datePublished":"2026-03-30T22:11:45+00:00","dateModified":"2026-03-31T04:49:19+00:00","description":"Professional service focused on quality work, reliability, and a positive customer experience from start to finish.","breadcrumb":{"@id":"https:\/\/jwwebsites.com\/emmanuel-torres\/work-space-6\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jwwebsites.com\/emmanuel-torres\/work-space-6\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jwwebsites.com\/emmanuel-torres\/work-space-6\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jwwebsites.com\/emmanuel-torres\/"},{"@type":"ListItem","position":2,"name":"Work Space-6"}]},{"@type":"WebSite","@id":"https:\/\/jwwebsites.com\/emmanuel-torres\/#website","url":"https:\/\/jwwebsites.com\/emmanuel-torres\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jwwebsites.com\/emmanuel-torres\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/jwwebsites.com\/emmanuel-torres\/wp-json\/wp\/v2\/pages\/371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jwwebsites.com\/emmanuel-torres\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jwwebsites.com\/emmanuel-torres\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jwwebsites.com\/emmanuel-torres\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jwwebsites.com\/emmanuel-torres\/wp-json\/wp\/v2\/comments?post=371"}],"version-history":[{"count":1,"href":"https:\/\/jwwebsites.com\/emmanuel-torres\/wp-json\/wp\/v2\/pages\/371\/revisions"}],"predecessor-version":[{"id":373,"href":"https:\/\/jwwebsites.com\/emmanuel-torres\/wp-json\/wp\/v2\/pages\/371\/revisions\/373"}],"wp:attachment":[{"href":"https:\/\/jwwebsites.com\/emmanuel-torres\/wp-json\/wp\/v2\/media?parent=371"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/jwwebsites.com\/emmanuel-torres\/wp-json\/wp\/v2\/folder?post=371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}