{"id":1347,"date":"2026-08-06T04:51:00","date_gmt":"2026-08-06T04:51:00","guid":{"rendered":"https:\/\/jwwebsites.com\/frederick-young\/?page_id=1347"},"modified":"2026-08-06T04:51:00","modified_gmt":"2026-08-06T04:51:00","slug":"the-sunset","status":"publish","type":"page","link":"https:\/\/jwwebsites.com\/frederick-young\/the-sunset\/","title":{"rendered":"The Sunset"},"content":{"rendered":"<div id=\"pl-1347\"  class=\"panel-layout\" ><div id=\"pg-1347-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1347-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1347-0-0-0\" class=\"so-panel widget widget_so_protected_block_widget panel-first-child panel-last-child\" data-index=\"0\" ><!-- The Sunset at the Harbor -->\r\n<!doctype html>\r\n<html lang=\"en\">\r\n<head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><\/head>\r\n<body>\r\n<!--\r\n  The Sunset at the Harbor \u2014 Full Page \/ SiteOrigin + Vantage Safe Build\r\n\r\n  CONVERSION NOTE:\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 restaurant sweep geometry, portrait-image trim, equal-height card geometry,\r\n  parallax composition, orbit animation, performance meters, circular counter,\r\n  harbor-inspired emblem animation, planning 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 The Sunset at the Harbor. No business owner, location,\r\n  operating history, awards, menu prices, or other unsupported business facts are invented.\r\n  The retained animated number is presented only as an illustrative group-size example;\r\n  reservations, seating, menu availability, timing, accommodations, and pricing require confirmation.\r\n\r\n-->\r\n<style>\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: #103f78;\r\n    --jw-navy-2: #071f43;\r\n    --jw-blue: #2f67a4;\r\n    --jw-blue-bright: #a9c9ee;\r\n    --jw-green: #df6d5c;\r\n    --jw-green-bright: #e9c56f;\r\n    --jw-cream: #fff7ec;\r\n    --jw-sand: #dbe5f2;\r\n    --jw-white: #ffffff;\r\n    --jw-ink: #17304f;\r\n    --jw-muted: #63768b;\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, #e98a69 0%, var(--jw-green) 55%, #a94e45 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.38),\r\n      inset 0 -3px 0 rgba(19, 75, 24, 0.42),\r\n      0 17px 34px rgba(217, 130, 43, 0.30),\r\n      0 5px 0 rgba(25, 78, 29, 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, #f0b06e 0%, #df6d5c 55%, #93413b 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.44),\r\n      inset 0 -3px 0 rgba(19, 75, 24, 0.48),\r\n      0 22px 42px rgba(217, 130, 43, 0.38),\r\n      0 6px 0 rgba(25, 78, 29, 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(86, 180, 233, 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(242, 179, 92, 0.88);\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(242, 179, 92, 0.30) 0%,\r\n        rgba(217, 130, 43, 0.22) 58%,\r\n        rgba(217, 130, 43, 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(217, 130, 43, 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: #17212a;\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: #fff8ef;\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(30, 42, 53, 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(30, 42, 53, 0.72);\r\n    filter: drop-shadow(0 7px 8px rgba(30, 42, 53, 0.16));\r\n    text-shadow:\r\n      1px 1px 0 rgba(255, 255, 255, 0.92),\r\n      2px 2px 0 rgba(30, 42, 53, 0.26),\r\n      5px 6px 8px rgba(30, 42, 53, 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: #91a8c5;\r\n    opacity: 0.46;\r\n    -webkit-text-stroke: 0.55px rgba(30, 42, 53, 0.32);\r\n    filter: blur(0.1px);\r\n    text-shadow: 0 6px 8px rgba(30, 42, 53, 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(30, 42, 53, 0.19),\r\n      0 0 0 1px rgba(30, 42, 53, 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(29, 111, 165, 0.07), transparent 28%),\r\n      linear-gradient(135deg, #ffffff 0%, #f6f9fc 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(30, 42, 53, 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: 15px !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(30, 42, 53, 0.18);\r\n    background:\r\n      linear-gradient(180deg, #ffffff 0%, #f7fafb 58%, #e4ebee 100%);\r\n    color: var(--jw-ink);\r\n    box-shadow:\r\n      inset 0 1px 0 #ffffff,\r\n      inset 0 -2px 0 rgba(38, 50, 58, 0.08),\r\n      0 14px 28px rgba(38, 50, 58, 0.12),\r\n      0 4px 0 rgba(38, 50, 58, 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, #edf5fb, #d7e7f2);\r\n    color: var(--jw-blue);\r\n    box-shadow:\r\n      inset 0 1px 0 #ffffff,\r\n      0 3px 8px rgba(38, 50, 58, 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(217, 130, 43, 0.42);\r\n    background:\r\n      linear-gradient(180deg, #ffffff 0%, #f4faf4 58%, #dcebdc 100%);\r\n    color: var(--jw-ink);\r\n    box-shadow:\r\n      inset 0 1px 0 #ffffff,\r\n      inset 0 -2px 0 rgba(217, 130, 43, 0.10),\r\n      0 18px 34px rgba(38, 50, 58, 0.15),\r\n      0 5px 0 rgba(217, 130, 43, 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, #e4f2df, #cae2c5);\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 #071f43;\r\n    border-radius: 34px;\r\n    background: #071f43;\r\n    box-shadow:\r\n      0 0 0 3px #df6d5c,\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, #475f70 0%, #8b7059 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(2, 11, 23, 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(242, 179, 92, 0.75);\r\n    background: rgba(217, 130, 43, 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 \/ RESTAURANT 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: #17304f;\r\n    color: #ffffff;\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(13, 28, 42, 0.96) 0%,\r\n        rgba(24, 48, 66, 0.92) 38%,\r\n        rgba(45, 76, 98, 0.84) 68%,\r\n        rgba(83, 119, 143, 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(8, 26, 42, 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: #071f43;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-edge-ribbon--copper {\r\n    fill: #df6d5c;\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: #ffffff;\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  #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-copy > *:nth-child(5) { transition-delay: 0.76s; }\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: #bcd0ff;\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: #2a620a;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs-kicker {\r\n    color: #ffffff;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs-kicker::before {\r\n    background: #8ca6ff;\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: #ffffff;\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: #f1f5ff;\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, #ffffff 0%, #f7f9fb 58%, #e5ebf0 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 #ffffff,\r\n      inset 0 -2px 0 rgba(0, 36, 84, 0.10),\r\n      0 16px 30px rgba(0, 0, 0, 0.20),\r\n      0 5px 0 rgba(0, 20, 48, 0.18);\r\n    color: #0e2b50 !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, #eaf0ff, #d9e4ff);\r\n    box-shadow: inset 0 1px 0 #ffffff, 0 3px 8px rgba(30, 42, 53, 0.16);\r\n    color: #2d4658;\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: #a6d47e;\r\n    background: linear-gradient(180deg, #ffffff 0%, #f4faf0 58%, #ddeadd 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 #ffffff,\r\n      inset 0 -2px 0 rgba(42, 98, 10, 0.10),\r\n      0 20px 36px rgba(0, 0, 0, 0.22),\r\n      0 6px 0 rgba(42, 98, 10, 0.16);\r\n    color: #0e2b50 !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, #ddefd1, #c8e1b8);\r\n    color: #2a620a;\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: #020b17;\r\n    background-image:\r\n      linear-gradient(90deg, rgba(2, 11, 23, 0.32), rgba(2, 11, 23, 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, #103f78 0%, #2f67a4 52%, #df6d5c 100%));\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    color: #ffffff;\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: #ffffff;\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: #8ca6ff;\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: #ffffff;\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: #dbe3ea;\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: #ffffff;\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: #2a620a;\r\n    color: #ffffff;\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: #ffffff;\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: #071f43;\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: #071f43;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-why-wave-edge-ribbon--copper {\r\n    fill: #df6d5c;\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    \/* Shift the smaller reservation display toward the outer right edge.\r\n       The responsive clamp reaches approximately three CSS inches (288px)\r\n       on wide desktops while preventing viewport overflow at narrower widths. *\/\r\n    #jw-hosting-page .jw-row-6 .jw-reservation-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  \/* RESERVATIONS CIRCLE \u2014 right-side 0-to-100 completion 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-reservation-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-reservation-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        #df6d5c 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(233, 197, 111, 0.20);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-reservation-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(7, 31, 67, 0.97), rgba(16, 63, 120, 0.94));\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-reservation-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-reservation-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-reservation-count {\r\n    display: block;\r\n    color: #ffffff;\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-reservation-circle-label,\r\n  #jw-hosting-page .jw-row-6 .jw-reservation-complete {\r\n    display: block;\r\n    max-width: 170px;\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-reservation-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-reservation-complete {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 22px;\r\n    left: 22px;\r\n    color: #ffffff;\r\n    font-size: 18px !important;\r\n    letter-spacing: 0.10em;\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-reservation-circle.jw-circle-complete .jw-reservation-count,\r\n  #jw-hosting-page .jw-row-6 .jw-reservation-circle.jw-circle-complete .jw-reservation-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-reservation-circle.jw-circle-complete .jw-reservation-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-reservation-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-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-reservation-circle-stage {\r\n    animation: jwWhyCircleSettleFromRight 1.15s cubic-bezier(0.16, 1, 0.3, 1) 2.28s 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: 0;\r\n      filter: blur(8px);\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-reservation-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: #071f43;\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-reservation-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-reservation-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-reservation-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, #ecf5f8, #f5eadc);\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  #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-package-photo::after {\r\n    content: \"Complete\";\r\n    position: absolute;\r\n    right: 24px;\r\n    bottom: 24px;\r\n    padding: 12px 19px;\r\n    border-radius: 999px;\r\n    background: var(--jw-green);\r\n    color: var(--jw-white);\r\n    font-size: 15px !important;\r\n    font-weight: 900;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\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 #dbe6e8;\r\n    border-radius: 18px;\r\n    background: #f8fbfc;\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(242, 179, 92, 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(242, 179, 92, 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(242, 179, 92, 0.42), 0 15px 36px rgba(217, 130, 43, 0.28);\r\n    }\r\n\r\n    50% {\r\n      box-shadow: 0 0 0 18px rgba(242, 179, 92, 0), 0 22px 44px rgba(217, 130, 43, 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(30, 42, 53, 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(30, 42, 53, 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  \/* RESTAURANT 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: #071f43;\r\n    box-shadow: 0 10px 28px rgba(3, 24, 33, 0.18);\r\n    color: #ffffff;\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: #ffffff;\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(86, 180, 233, 0.10));\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo svg,\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo img {\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: #ffffff;\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: #ffffff;\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: #eaf6ff;\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: #ffffff;\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: #ffffff;\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(242, 179, 92, 0.55);\r\n    background: rgba(242, 179, 92, 0.13);\r\n    color: #ffffff;\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(86, 180, 233, 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(29, 111, 165, 0.055) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(29, 111, 165, 0.055) 1px, transparent 1px),\r\n      radial-gradient(circle at 8% 12%, rgba(86, 180, 233, 0.18), transparent 28%),\r\n      radial-gradient(circle at 92% 88%, rgba(217, 130, 43, 0.16), transparent 28%),\r\n      linear-gradient(135deg, #f7fbfe 0%, #edf5fa 52%, #fff7ed 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(29, 111, 165, 0.14);\r\n    box-shadow: inset 0 0 0 22px rgba(86, 180, 233, 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(217, 130, 43, 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(86, 180, 233, 0.24), transparent 34%),\r\n      linear-gradient(135deg, var(--jw-navy-2) 0%, var(--jw-navy) 54%, #174f72 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.16),\r\n      0 28px 64px rgba(8, 26, 42, 0.24);\r\n    color: #ffffff;\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%, #ffffff 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: #ffffff;\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(242, 179, 92, 0.34);\r\n    background: rgba(217, 130, 43, 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: #eef7fc;\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: #ffffff;\r\n    box-shadow:\r\n      0 16px 36px rgba(8, 26, 42, 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: 217, 130, 43;\r\n    --jw-faq-tint: #fff5e9;\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: #edf9ff;\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: #eef3f6;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item:nth-child(5) {\r\n    --jw-faq-accent: #b86d24;\r\n    --jw-faq-accent-rgb: 184, 109, 36;\r\n    --jw-faq-tint: #fff2e5;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item:nth-child(6) {\r\n    --jw-faq-accent: #2a8792;\r\n    --jw-faq-accent-rgb: 42, 135, 146;\r\n    --jw-faq-tint: #edf8f8;\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(8, 26, 42, 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(8, 26, 42, 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, #ffffff, 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, #ffffff, 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: #ffffff;\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), #ffffff 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  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo img {\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  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo img {\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 remains a non-linking control.\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(8,26,42,0.72),\r\n      0 13px 0 #103f78,\r\n      0 25px 0 #071f43,\r\n      0 30px 1px rgba(8,26,42,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(242,179,92,0.46);\r\n    color: #fff;\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(8,26,42,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(242,179,92,0.28) 52%,\r\n        rgba(86,180,233,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  \/* Undo the generic disabled-button pointer rule only so the visual\r\n     hover\/press effect remains available. It still has no href\/click action. *\/\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n    pointer-events: auto;\r\n    cursor: default;\r\n    user-select: none;\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(8,26,42,0.78),\r\n      0 16px 0 #103f78,\r\n      0 29px 0 #071f43,\r\n      0 34px 1px rgba(8,26,42,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(242,179,92,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(8,26,42,0.82),\r\n      0 4px 0 #103f78,\r\n      0 9px 0 #071f43,\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(242,179,92,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(8,26,42,0.72),\r\n        0 13px 0 #103f78,\r\n        0 25px 0 #071f43,\r\n        0 30px 1px rgba(8,26,42,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(242,179,92,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(8,26,42,0.76),\r\n        0 15px 0 #103f78,\r\n        0 28px 0 #071f43,\r\n        0 33px 1px rgba(8,26,42,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(242,179,92,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    #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\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(8,26,42,0.72),\r\n        0 10px 0 #103f78,\r\n        0 19px 0 #071f43,\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(242,179,92,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: rgba(255,255,255,0.94);\r\n    background: linear-gradient(180deg, rgba(8,49,70,0.96) 0%, rgba(6,35,48,0.98) 58%, rgba(3,24,33,0.99) 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255,255,255,0.32),\r\n      inset 0 -2px 0 rgba(0,0,0,0.24),\r\n      0 14px 30px rgba(0,0,0,0.34),\r\n      0 4px 0 rgba(0,0,0,0.28),\r\n      0 0 0 9px rgba(199,170,139,0.18);\r\n    color: #ffffff !important;\r\n    font-size: clamp(20px, 1.25vw, 24px) !important;\r\n    font-weight: 900;\r\n    text-shadow: 0 2px 4px rgba(0,0,0,0.62);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light::after {\r\n    background: rgba(255,255,255,0.16);\r\n    color: #ffffff;\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: rgba(255,255,255,1);\r\n    background: linear-gradient(180deg, rgba(16,77,96,0.98) 0%, rgba(9,55,70,0.99) 58%, rgba(4,31,42,1) 100%);\r\n    color: #ffffff !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: #17304f;\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,50,58,.16));\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-grid .jw-grid-main {\r\n    fill: #2f67a4;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-grid .jw-grid-accent {\r\n    fill: #df6d5c;\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: #17304f;\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: #df6d5c;\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: #ffffff;\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, #2a74b5 0%, #2f67a4 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, #3d963f 0%, #df6d5c 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, #12384a 0%, #103f78 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(86, 180, 233, 0.08), transparent 31%),\r\n      radial-gradient(circle at 92% 74%, rgba(242, 179, 92, 0.08), transparent 30%),\r\n      linear-gradient(135deg, #f7fbfd 0%, #ffffff 48%, #f5faf4 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, 50, 58, 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-8 *\/\r\n    background:\r\n      linear-gradient(90deg, rgba(7, 31, 67, 0.91), rgba(24, 77, 136, 0.76)),\r\n      url('https:\/\/images.pexels.com\/photos\/17086340\/pexels-photo-17086340.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(242, 179, 92, 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: #ffffff;\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: #ffffff;\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: #ffffff;\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: #ffffff;\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, #a9c9ee 0%, #4ab4b9 48%, #e9c56f 100%);\r\n    box-shadow: 0 0 18px rgba(86, 180, 233, 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: #1a3640;\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, #0c3140 0%, #103f78 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: #ffffff;\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: #ffffff;\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(242, 179, 92, 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: 56px;\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, 56px)\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: #071f43;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep .jw-hero-edge-ribbon--copper {\r\n    fill: #df6d5c;\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: #ffffff;\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: #ffffff;\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: #d4aa4d;\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: #ffffff;\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(29, 111, 165, 0.14);\r\n    border-radius: 30px;\r\n    background: #ffffff;\r\n    box-shadow:\r\n      0 24px 58px rgba(3, 24, 33, 0.17),\r\n      0 7px 20px rgba(29, 111, 165, 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  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo img {\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: #ffffff;\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(242, 179, 92, 0.60);\r\n      background: rgba(242, 179, 92, 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(86, 180, 233, 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: #ffffff;\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: #103f78;\r\n    --jw-navy-2: #071f43;\r\n    --jw-blue: #2f67a4;\r\n    --jw-blue-bright: #a9c9ee;\r\n    --jw-green: #df6d5c;\r\n    --jw-green-bright: #e9c56f;\r\n    --jw-cream: #fff7ec;\r\n    --jw-sand: #dbe5f2;\r\n    --jw-white: #ffffff;\r\n    --jw-ink: #17304f;\r\n    --jw-muted: #63768b;\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, 208px) !important;\r\n  }\r\n\r\n  #jw-hosting-page #jw-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-sunset-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(86, 180, 233, 0.18) 0%,\r\n        rgba(29, 111, 165, 0.11) 54%,\r\n        rgba(217, 130, 43, 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-sunset-sweep::before,\r\n  #jw-hosting-page .jw-row-2 .jw-row-2-sunset-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-sunset-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(86, 180, 233, 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(242, 179, 92, 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(217, 130, 43, 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, #2a79b8 0%, var(--jw-blue) 100%);\r\n    box-shadow: 0 9px 22px rgba(0,0,0,.30);\r\n    color: #ffffff;\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, #eda14d 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(29,111,165,.64), rgba(8,26,42,.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(86,180,233,.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(242,179,92,.70), rgba(29,111,165,.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-sunset-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-sunset-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-sunset-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-sunset-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-sunset-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(86, 180, 233, 0.10), transparent 31%),\r\n      radial-gradient(circle at 88% 82%, rgba(217, 130, 43, 0.09), transparent 29%),\r\n      linear-gradient(135deg, #f8fbfd 0%, #eef5f9 52%, #f7f1e9 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(29, 111, 165, 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(217, 130, 43, 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(29, 111, 165, 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(8, 26, 42, 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(29, 111, 165, 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(217, 130, 43, 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(8, 26, 42, 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(29, 111, 165, 0.18);\r\n    border-radius: 50%;\r\n    background: linear-gradient(145deg, #ffffff, #dceaf2);\r\n    box-shadow: 0 12px 25px rgba(8, 26, 42, 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(217, 130, 43, 0.26);\r\n    background: linear-gradient(145deg, #fffdf9, #f1dcc3);\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(8, 26, 42, 0.15),\r\n      0 17px 30px rgba(var(--jw-package-btn-glow), 0.25);\r\n    color: #ffffff;\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: #e1913f;\r\n    --jw-package-btn-deep: #c85f50;\r\n    --jw-package-btn-glow: 217, 130, 43;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card--base .jw-package-card-btn {\r\n    --jw-package-btn-main: #245f84;\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(8, 26, 42, 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(8, 26, 42, 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(86, 180, 233, 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     DARK-BLUE + ORANGE CARD TRIM\r\n     The Fresh Ingredients 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: #071f43; }\r\n  #jw-hosting-page .jw-cbs5-card-trim .jw-trim-orange { fill: #df6d5c; }\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  \/* SUPPLIED BRAND LOGO \u2014 NAVIGATION + HERO *\/\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo {\r\n    border-radius: 16px;\r\n    background: rgba(255, 255, 255, 0.96);\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: none;\r\n    object-fit: contain;\r\n    object-position: center;\r\n    border-radius: 14px;\r\n  }\r\n\r\n\r\n\r\n  \/* MEDIA-GALLERY BRAND LOGOS \u2014 CONTROLLED PAGE DISTRIBUTION *\/\r\n  #jw-hosting-page .jw-cbs5-orbit-logo {\r\n    display: block;\r\n    width: min(172px, 78%);\r\n    height: auto;\r\n    margin: 0 auto;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 10px 18px rgba(7, 31, 67, 0.18));\r\n  }\r\n\r\n  #jw-hosting-page .jw-section-brand-logo {\r\n    display: block;\r\n    width: clamp(112px, 10vw, 168px);\r\n    max-width: 34%;\r\n    height: auto;\r\n    margin: 0 0 22px;\r\n    object-fit: contain;\r\n  }\r\n\r\n  #jw-hosting-page .jw-section-brand-logo--light {\r\n    filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.28));\r\n  }\r\n\r\n  #jw-hosting-page .jw-section-brand-logo--cta {\r\n    width: clamp(108px, 9vw, 150px);\r\n    padding: 5px;\r\n    border-radius: 14px;\r\n    background: rgba(255, 255, 255, 0.94);\r\n    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);\r\n  }\r\n\r\n  @media (max-width: 720px) {\r\n    #jw-hosting-page .jw-section-brand-logo {\r\n      width: 108px;\r\n      max-width: 42%;\r\n      margin-bottom: 17px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-cbs5-orbit-logo {\r\n      width: min(138px, 72%);\r\n    }\r\n  }\r\n\r\n<\/style>\r\n\r\n<div id=\"jw-hosting-page\" aria-label=\"The Sunset at the Harbor restaurant page\">\r\n  <div class=\"jw-top-nav-spacer jw-top-nav-spacer--active\" aria-hidden=\"true\"><\/div>\r\n  <nav class=\"jw-top-nav jw-top-nav--fixed\" aria-label=\"The Sunset at the Harbor page sections\">\r\n    <div class=\"jw-top-nav-shell\">\r\n      <div class=\"jw-top-nav-table\">\r\n        <div class=\"jw-top-nav-brand\" aria-label=\"The Sunset at the Harbor\">\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 class=\"jw-top-nav-logo\">\r\n                    <img fetchpriority=\"high\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/sunset-logo_optimized.webp\" alt=\"The Sunset at the Harbor logo\" width=\"500\" height=\"500\" loading=\"eager\" decoding=\"async\">\r\n                  <\/span>\r\n                <\/td>\r\n                <td class=\"jw-top-nav-brand-copy\">\r\n                  <span class=\"jw-top-nav-brand-name\">The Sunset<\/span>\r\n                  <span class=\"jw-top-nav-brand-service\">at the Harbor<\/span>\r\n                <\/td>\r\n              <\/tr>\r\n            <\/tbody>\r\n          <\/table>\r\n          <button class=\"jw-top-nav-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"jw-top-nav-links\" aria-label=\"Open navigation menu\">\r\n            <span class=\"jw-top-nav-toggle-icon\" aria-hidden=\"true\">\r\n              <span><\/span>\r\n              <span><\/span>\r\n              <span><\/span>\r\n            <\/span>\r\n          <\/button>\r\n        <\/div>\r\n        <div id=\"jw-top-nav-links\" class=\"jw-top-nav-links\">\r\n          <a href=\"#jw-home\">Home<\/a>\r\n          <a href=\"#jw-about\">About Us<\/a>\r\n          <a href=\"#jw-services\">Menu<\/a>\r\n          <a href=\"#jw-care\">Lunch &amp; Dinner<\/a>\r\n          <a href=\"#jw-material-care\">Fresh Ingredients<\/a>\r\n          <a href=\"#jw-workflow\">Our Kitchen<\/a>\r\n          <a href=\"#jw-drawing-package\">Harbor Favorites<\/a>\r\n          <a href=\"#jw-comfort\">Reservations<\/a>\r\n          <a href=\"#jw-safety\">Guest Experience<\/a>\r\n          <a href=\"#jw-pricing\">Private Dining<\/a>\r\n          <a href=\"#jw-package\">Desserts &amp; Drinks<\/a>\r\n          <a href=\"#jw-faq\">FAQs<\/a>\r\n          <a href=\"#jw-contact\">Contact<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- ROW 1 -->\r\n  <section id=\"jw-home\" class=\"jw-host-row jw-host-row--dark jw-row-1\" data-jw-row=\"1\" aria-labelledby=\"jw-host-title\">\r\n    <div class=\"jw-hero-media\">\r\n      <img class=\"jw-hero-bg\" data-jw-image-slot=\"image-2\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-6-2026-12_28_28-AM_optimized.webp\" alt=\"Harbor-side restaurant terrace prepared for sunset dining\" width=\"1500\" height=\"900\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\r\n\r\n      <svg class=\"jw-hero-curve-sweep\" viewBox=\"0 0 1000 622\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\r\n        <defs>\r\n          <linearGradient id=\"jwHeroInvertedSweepGradient\" x1=\"0\" y1=\"70\" x2=\"1000\" y2=\"560\" gradientUnits=\"userSpaceOnUse\">\r\n            <stop offset=\"0\" stop-color=\"#071f43\" stop-opacity=\"0.91\"><\/stop>\r\n            <stop offset=\"0.58\" stop-color=\"#184d88\" stop-opacity=\"0.88\"><\/stop>\r\n            <stop offset=\"1\" stop-color=\"#df6d5c\" 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 preserves breathing room around the restaurant title while\r\n             keeping all hero lettering fully contained inside the deep harbor-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 harbor-blue ribbon sits inside the\r\n             sweep; the sunset-coral 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\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\" aria-label=\"The Sunset at the Harbor restaurant\">\r\n                    <div class=\"jw-hero-overlay-copy\">\r\n                      <div class=\"jw-hero-overlay-heading\" role=\"heading\" aria-level=\"1\">\r\n                        <span class=\"jw-hero-overlay-line jw-hero-overlay-line--light\">The Sunset<\/span>\r\n                        <span class=\"jw-hero-overlay-line jw-hero-overlay-line--gold\"><span class=\"jw-hero-gold-line\">at the Harbor<\/span><span class=\"jw-hero-gold-line\">Restaurant<\/span><\/span>\r\n                      <\/div>\r\n                      <p class=\"jw-hero-overlay-text\">Coastal flavors, warm hospitality, and relaxed dining shaped for memorable evenings.<\/p>\r\n                      <a class=\"jw-host-btn jw-hero-overlay-cta\" href=\"#jw-contact\">Plan Your Visit<\/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\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\">The <span class=\"jw-blue\">Sunset<\/span> <span class=\"jw-green\">at the Harbor<\/span><\/div>\r\n            <h1 id=\"jw-host-title\">A relaxed restaurant experience inspired by the colors, flavors, and easy pace of the harbor at sunset.<\/h1>\r\n          <\/div>\r\n\r\n          <div class=\"jw-hero-message-copy\">\r\n            <p class=\"jw-host-lead\">Enjoy thoughtfully prepared seafood, familiar favorites, shareable starters, cocktails, and desserts in a welcoming setting designed for casual meals, celebrations, and unhurried evenings.<\/p>\r\n\r\n            <a class=\"jw-host-btn\" href=\"#jw-contact\">Make a Reservation<\/a>\r\n            <a class=\"jw-host-btn jw-host-btn--light\" href=\"#jw-services\">Explore the Menu<\/a>\r\n\r\n            <div class=\"jw-hero-proof\" aria-label=\"Restaurant dining highlights\">\r\n              <span>Freshly prepared favorites<\/span>\r\n              <span>Seafood &amp; coastal flavors<\/span>\r\n              <span>Cocktails &amp; desserts<\/span>\r\n              <span>Welcoming service<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 2 -->\r\n  <section id=\"jw-about\" class=\"jw-host-row jw-row-2\" data-jw-row=\"2\" aria-labelledby=\"jw-host-foundation\">\r\n    <span class=\"jw-row-2-sunset-sweep\" aria-hidden=\"true\"><\/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 data-jw-image-slot=\"image-4\" src=\"https:\/\/images.pexels.com\/photos\/17461419\/pexels-photo-17461419\/free-photo-of-sea-restaurant-table-and-chairs-arranged-on-a-pier.jpeg?auto=compress&dpr=1&h=1200&w=1400\" alt=\"Harbor-side dining table with a calm waterfront view\" width=\"1400\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jw-host-cell jw-foundation-copy\">\r\n          <span class=\"jw-host-eyebrow\">About The Sunset at the Harbor<\/span>\r\n          <h2 id=\"jw-host-foundation\">Good meals begin with welcoming service, balanced flavors, and a setting that invites guests to settle in.<\/h2>\r\n          <p>At The Sunset at the Harbor, the experience is built around approachable food, coastal inspiration, and a warm sunset-toned atmosphere. Each part of the meal\u2014from the first welcome to the final course\u2014is designed to feel relaxed, thoughtful, and easy to enjoy.<\/p>\r\n\r\n          <ul class=\"jw-host-checks\">\r\n            <li>A welcoming setting for casual meals, date nights, and celebrations<\/li>\r\n            <li>Menu choices designed for different appetites and dining occasions<\/li>\r\n            <li>Attentive service focused on a comfortable, unhurried experience<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 3 -->\r\n  <section id=\"jw-services\" class=\"jw-host-row jw-host-row--dark jw-row-3\" data-jw-row=\"3\" aria-labelledby=\"jw-host-models\">\r\n    <img class=\"jw-model-bg\" data-jw-image-slot=\"image-5\" src=\"https:\/\/images.pexels.com\/photos\/19308276\/pexels-photo-19308276.jpeg?auto=compress&cs=tinysrgb&w=1800\" alt=\"Warm restaurant interior arranged for comfortable dining\" width=\"1800\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\r\n\r\n\r\n    <div class=\"jw-row-3-diamond-orbit\" aria-hidden=\"true\">\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\r\n      <div class=\"jw-row-3-diamond-core\">\r\n        <div class=\"jw-row-3-diamond-core-cell\">\r\n          <svg viewBox=\"0 0 100 100\" role=\"presentation\" focusable=\"false\" aria-label=\"Plate with fork and knife\">\r\n            <circle cx=\"50\" cy=\"50\" r=\"28\"><\/circle>\r\n            <circle cx=\"50\" cy=\"50\" r=\"19\"><\/circle>\r\n            <path d=\"M20 22V78M14 22V39M20 22V39M26 22V39M14 39H26\"><\/path>\r\n            <path d=\"M78 22C70 32 70 48 78 55V78\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <span class=\"jw-row-3-diamond-track\">\r\n        <span class=\"jw-row-3-diamond-badge\"><span>Menu<\/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>Drinks<\/span><\/span>\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"jw-host-inner\">\r\n      <span class=\"jw-host-eyebrow\">Explore the menu<\/span>\r\n      <h2 id=\"jw-host-models\">Choose the flavors that fit the moment\u2014from shareable starters to full dinners and a sweet finish.<\/h2>\r\n      <p class=\"jw-host-lead\" style=\"margin-right:auto;margin-left:auto;color:rgba(255,255,255,.78);\">The menu can bring together coastal inspiration, familiar favorites, seasonal ingredients, and options for guests who want anything from a light bite to a complete evening meal.<\/p>\r\n\r\n      <div class=\"jw-model-grid\">\r\n        <article class=\"jw-model-card\">\r\n          <small>From the harbor<\/small>\r\n          <h3>Seafood &amp; Coastal Plates<\/h3>\r\n          <p>Enjoy seafood-centered dishes and coastal flavors prepared to feel satisfying, balanced, and at home beside the water.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"jw-model-card\">\r\n          <small>From the grill<\/small>\r\n          <h3>Steaks, Chicken &amp; Comfort Favorites<\/h3>\r\n          <p>Choose grilled entr\u00e9es, familiar favorites, and comforting sides for guests who want a hearty plate with an approachable feel.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"jw-model-card\">\r\n          <small>Start &amp; share<\/small>\r\n          <h3>Starters, Salads &amp; Handhelds<\/h3>\r\n          <p>Build the table around shareable starters, crisp salads, soups, handhelds, and lighter choices that work on their own or before a main course.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 4 \u2014 LUNCH & DINNER FEATURE \/ CBS HOMEPAGE ANIMATION MATCH -->\r\n  <section id=\"jw-care\" class=\"jw-host-row jw-row-4\" data-jw-row=\"4\" aria-labelledby=\"jw-host-managed\">\r\n    <div class=\"jw-cbs4-image\">\r\n      <img data-jw-image-slot=\"image-6\" src=\"https:\/\/images.pexels.com\/photos\/34973487\/pexels-photo-34973487.jpeg?auto=compress&cs=tinysrgb&w=1600\" alt=\"Restaurant table overlooking the water near sunset\" width=\"1600\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n    <div class=\"jw-cbs4-swipe\" aria-hidden=\"true\"><\/div>\r\n\r\n    <svg class=\"jw-cbs4-leading-edge\" viewBox=\"0 0 1000 700\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\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\r\n    <div class=\"jw-cbs4-arc\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"jw-cbs4-copy\">\r\n      <img class=\"jw-section-brand-logo jw-section-brand-logo--light\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/sunset-logo-removebg-preview.png\" alt=\"The Sunset at the Harbor\" width=\"500\" height=\"500\" loading=\"lazy\" decoding=\"async\">\r\n      <div class=\"jw-cbs-kicker\">Made for every table<\/div>\r\n      <h2 id=\"jw-host-managed\">Lunch, dinner, and relaxed gatherings can each have their own pace without losing the welcoming character of the restaurant.<\/h2>\r\n      <p>The Sunset at the Harbor can support a quick meal, a leisurely dinner, or a shared occasion by organizing the menu around approachable choices, satisfying portions, and easy additions for the table.<\/p>\r\n      <div class=\"jw-cbs-btns\"><a class=\"jw-host-btn\" href=\"#jw-services\">See Dining Options<\/a><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 5 \u2014 CBS FIFTH-ROW REPLICA \/ FRESH INGREDIENTS -->\r\n  <section id=\"jw-material-care\" class=\"jw-host-row jw-row-5\" data-jw-row=\"5\" aria-labelledby=\"jw-host-speed\">\r\n    <img class=\"jw-cbs5-bg-source\" data-jw-image-slot=\"image-7\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-6-2026-12_35_24-AM_optimized.webp\" alt=\"Fresh seafood prepared as a colorful restaurant entr\u00e9e\" width=\"1800\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\r\n    <div class=\"jw-cbs5-side-label\" aria-hidden=\"true\">\r\n      <span>Fresh Ingredients<\/span>\r\n      <i><\/i>\r\n      <span>Made for Flavor<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"jw-cbs5-shell\">\r\n      <div class=\"jw-cbs5-card\">\r\n        <svg class=\"jw-cbs5-card-trim\" viewBox=\"0 0 28 1000\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\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-orange\" d=\"M23 0H28V1000H23C21 830 17 685 11 500C17 315 21 170 23 0Z\"><\/path>\r\n        <\/svg>\r\n        <div class=\"jw-cbs-kicker\">Food that feels considered<\/div>\r\n        <h2 id=\"jw-host-speed\">A memorable plate starts with ingredients chosen for freshness, balance, and the way they come together.<\/h2>\r\n        <p>Each course is approached as part of the full meal\u2014from crisp produce and seafood selections to sauces, sides, garnishes, and finishing touches that support the main flavors without making the plate feel overworked.<\/p>\r\n\r\n        <div class=\"jw-cbs-checks\" role=\"list\" aria-label=\"Fresh ingredient and preparation standards\">\r\n          <div class=\"jw-cbs-check-row\" role=\"presentation\">\r\n            <div class=\"jw-cbs-check\" role=\"listitem\">Produce, herbs, and seasonal elements selected to support color and freshness<\/div>\r\n            <div class=\"jw-cbs-check\" role=\"listitem\">Seafood, meats, and comfort favorites prepared with attention to texture and timing<\/div>\r\n          <\/div>\r\n          <div class=\"jw-cbs-check-row\" role=\"presentation\">\r\n            <div class=\"jw-cbs-check\" role=\"listitem\">Sauces, sides, and garnishes balanced around the character of each dish<\/div>\r\n            <div class=\"jw-cbs-check\" role=\"listitem\">Final touches added with attention to presentation and the pace of the meal<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"jw-cbs5-orbit-stage\" aria-label=\"Animated The Sunset at the Harbor menu emblem\">\r\n        <span class=\"jw-cbs5-orbit-ring jw-cbs5-orbit-ring--outer\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"jw-cbs5-orbit-ring jw-cbs5-orbit-ring--middle\" aria-hidden=\"true\"><\/span>\r\n        <span class=\"jw-cbs5-orbit-ring jw-cbs5-orbit-ring--inner\" aria-hidden=\"true\"><\/span>\r\n\r\n        <div class=\"jw-cbs5-orbit-core\" aria-hidden=\"true\">\r\n          <div class=\"jw-cbs5-orbit-core-cell\">\r\n            <img class=\"jw-cbs5-orbit-logo\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/sunset-logo-removebg-preview.png\" alt=\"\" width=\"500\" height=\"500\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <span class=\"jw-cbs5-orbit-track jw-cbs5-orbit-track--trim\" aria-hidden=\"true\">\r\n          <span class=\"jw-cbs5-orbit-badge\"><span>Starters<\/span><\/span>\r\n        <\/span>\r\n        <span class=\"jw-cbs5-orbit-track jw-cbs5-orbit-track--care\" aria-hidden=\"true\">\r\n          <span class=\"jw-cbs5-orbit-badge\"><span>Entr\u00e9es<\/span><\/span>\r\n        <\/span>\r\n        <span class=\"jw-cbs5-orbit-track jw-cbs5-orbit-track--details\" aria-hidden=\"true\">\r\n          <span class=\"jw-cbs5-orbit-badge\"><span>Desserts<\/span><\/span>\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- NEW ROW BETWEEN ROW 5 AND ROW 6 \u2014 CBS SPEED \/ PERFORMANCE COMPOSITION -->\r\n  <section id=\"jw-workflow\" class=\"jw-host-row jw-row-5-speed\" data-jw-row=\"5-speed\" aria-labelledby=\"jw-speed-row-title\">\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\" aria-label=\"Animated performance meters\">\r\n            <div class=\"jw-speed-panel-inner\">\r\n              <div class=\"jw-speed-title\">PREPARED <small>WITH CARE<\/small>\r\n                <span class=\"jw-speed-company\">THE SUNSET<span>AT THE HARBOR<\/span><\/span>\r\n              <\/div>\r\n\r\n              <div class=\"jw-speed-metric\">\r\n                <div class=\"jw-speed-label-table\">\r\n                  <span class=\"jw-speed-label\">Ingredients &amp; prep<\/span>\r\n                  <span class=\"jw-speed-status\">Ready<\/span>\r\n                <\/div>\r\n                <div class=\"jw-speed-meter\" aria-hidden=\"true\"><span><\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"jw-speed-metric\">\r\n                <div class=\"jw-speed-label-table\">\r\n                  <span class=\"jw-speed-label\">Timing &amp; plating<\/span>\r\n                  <span class=\"jw-speed-status\">Balanced<\/span>\r\n                <\/div>\r\n                <div class=\"jw-speed-meter\" aria-hidden=\"true\"><span><\/span><\/div>\r\n              <\/div>\r\n\r\n              <div class=\"jw-speed-metric\">\r\n                <div class=\"jw-speed-label-table\">\r\n                  <span class=\"jw-speed-label\">Final touches<\/span>\r\n                  <span class=\"jw-speed-status\">Finished<\/span>\r\n                <\/div>\r\n                <div class=\"jw-speed-meter\" aria-hidden=\"true\"><span><\/span><\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jw-speed-copy-cell\">\r\n          <div class=\"jw-speed-copy\">\r\n            <span class=\"jw-speed-kicker\">From kitchen to table<\/span>\r\n            <h2 id=\"jw-speed-row-title\">A thoughtful kitchen rhythm keeps every course moving from prep to plate with care.<\/h2>\r\n            <p>A restaurant meal brings ingredients, timing, cooking, plating, service, and guest requests together. Keeping those pieces organized helps each course arrive with the temperature, presentation, and pacing the meal calls for.<\/p>\r\n\r\n            <ul class=\"jw-speed-checks\">\r\n              <li>Ingredients and prep organized before service begins<\/li>\r\n              <li>Cooking, plating, and table timing coordinated around each course<\/li>\r\n              <li>Final touches checked before the dish leaves the kitchen<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jw-speed-banner\" aria-label=\"Explore the menu\">\r\n      <div class=\"jw-speed-banner-track\" aria-hidden=\"true\">\r\n        <span class=\"jw-speed-banner-group\">\r\n          <span class=\"jw-speed-banner-item\">Dinner service<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Seafood selections<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Shareable starters<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Seasonal sides<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Cocktails &amp; zero-proof<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Desserts<\/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\">Dinner service<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Seafood selections<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Shareable starters<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Seasonal sides<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Cocktails &amp; zero-proof<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Desserts<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- MID-PAGE THREE-CARD CROSS-ENTRY ROW -->\r\n  <section id=\"jw-drawing-package\" class=\"jw-host-row jw-row-cross-cards\" data-jw-row=\"cross-cards\" aria-labelledby=\"jw-drawing-package-title\">\r\n    <div class=\"jw-cross-card-inner\">\r\n      <div class=\"jw-cross-card-heading\">\r\n        <span class=\"jw-host-eyebrow\">Harbor favorites<\/span>\r\n        <h2 id=\"jw-drawing-package-title\">Three parts of the menu help guests build a meal that feels complete without making the experience complicated.<\/h2>\r\n        <p>Start with something for the table, choose a main course that fits the appetite, and leave room for a drink or dessert that gives the evening a relaxed finish.<\/p>\r\n      <\/div>\r\n\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 class=\"jw-cross-card-number\" aria-hidden=\"true\"><span>01<\/span><\/span>\r\n                  <h3>Start &amp; Share<\/h3>\r\n                  <p>Soups, salads, and shareable starters give the table an easy beginning and let guests sample more than one flavor before the main course.<\/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=\"#jw-services\">\r\n                    <span class=\"jw-package-card-btn-label\">Explore the Menu<\/span>\r\n                    <span class=\"jw-package-card-btn-icon\" aria-hidden=\"true\">\u2192<\/span>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n\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 class=\"jw-cross-card-number\" aria-hidden=\"true\"><span>02<\/span><\/span>\r\n                  <h3>Main Courses<\/h3>\r\n                  <p>Seafood, grilled dishes, and familiar favorites give each guest a clear center to the meal with sides that help complete the plate.<\/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=\"#jw-care\">\r\n                    <span class=\"jw-package-card-btn-label\">See Dinner Options<\/span>\r\n                    <span class=\"jw-package-card-btn-icon\" aria-hidden=\"true\">\u2192<\/span>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n\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 class=\"jw-cross-card-number\" aria-hidden=\"true\"><span>03<\/span><\/span>\r\n                  <h3>Sweet Finish<\/h3>\r\n                  <p>Desserts, coffee, tea, cocktails, and zero-proof choices provide a relaxed final course that can be enjoyed individually or shared.<\/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=\"#jw-package\">\r\n                    <span class=\"jw-package-card-btn-label\">View Desserts &amp; Drinks<\/span>\r\n                    <span class=\"jw-package-card-btn-icon\" aria-hidden=\"true\">\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\r\n  <!-- ROW 6 \u2014 CLEAR IMAGE \/ LEFT-ENTERING SMOOTH SAIL ANIMATION -->\r\n  <section id=\"jw-comfort\" class=\"jw-host-row jw-host-row--dark jw-row-6\" data-jw-row=\"6\" aria-labelledby=\"jw-host-uptime\">\r\n    <img class=\"jw-uptime-bg\" data-jw-image-slot=\"image-9\" src=\"https:\/\/images.pexels.com\/photos\/30175113\/pexels-photo-30175113.jpeg?auto=compress&cs=tinysrgb&w=1800\" alt=\"Sunset dining setting with the water visible beyond the table\" width=\"1800\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\r\n\r\n    <svg class=\"jw-why-wave-sweep\" viewBox=\"0 0 580 622\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\r\n      <defs>\r\n        <linearGradient id=\"jwWhyWaveGradient\" x1=\"0\" y1=\"70\" x2=\"580\" y2=\"552\" gradientUnits=\"userSpaceOnUse\">\r\n          <stop offset=\"0\" stop-color=\"#071f43\" stop-opacity=\"0.985\"><\/stop>\r\n          <stop offset=\"0.58\" stop-color=\"#103f78\" stop-opacity=\"0.965\"><\/stop>\r\n          <stop offset=\"1\" stop-color=\"#2f67a4\" 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\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\">Reservations &amp; timing<\/span>\r\n            <h2 id=\"jw-host-uptime\">A little planning helps the evening feel easy, especially for larger groups and special occasions.<\/h2>\r\n            <p class=\"jw-host-lead\">Party size, preferred timing, seating needs, menu questions, and event plans can all affect availability. Sharing those details early helps the restaurant understand the visit and discuss the most practical next step.<\/p>\r\n            <p class=\"jw-why-note\">The animated figure represents a guest-first planning philosophy; it is not a measured performance claim. Seating, timing, menu availability, and accommodation requests must be confirmed for each visit.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jw-host-cell jw-why-image-space\">\r\n          <div class=\"jw-reservation-circle-stage\" aria-label=\"Reservation planning circle counting from zero to one hundred percent\">\r\n            <div class=\"jw-reservation-circle\">\r\n              <div class=\"jw-reservation-circle-inner\">\r\n                <div class=\"jw-reservation-circle-content\">\r\n                  <strong class=\"jw-reservation-count\" data-jw-count=\"100\" data-jw-duration=\"2600\" data-jw-delay=\"2350\" data-jw-easing=\"ease-out\" data-jw-decimals=\"0\" data-jw-suffix=\"%\">0%<\/strong>\r\n                  <span class=\"jw-reservation-circle-label\">Planning progress<\/span>\r\n                  <span class=\"jw-reservation-complete\">Ready to plan your visit<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"jw-reservation-circle-caption\">Reservations &amp; timing planned around your visit<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 7 -->\r\n  <section id=\"jw-safety\" class=\"jw-host-row jw-row-7\" data-jw-row=\"7\" aria-labelledby=\"jw-host-security\">\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\" aria-label=\"Restaurant dining supporting visual\">\r\n            <img data-jw-image-slot=\"image-10\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-6-2026-12_37_32-AM_optimized.webp\" alt=\"Welcoming restaurant table arranged for guests\" width=\"1600\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jw-safety-cell jw-safety-cell--copy\">\r\n          <span class=\"jw-host-eyebrow\">Guest experience<\/span>\r\n          <h2 id=\"jw-host-security\">Comfortable dining depends on the details guests notice before, during, and after the meal.<\/h2>\r\n          <p>Clear menu guidance, thoughtful pacing, consistent presentation, attentive check-ins, and respectful handling of special requests all contribute to a visit that feels welcoming rather than rushed.<\/p>\r\n\r\n          <ul class=\"jw-host-checks\">\r\n            <li>Menu questions and available options explained clearly<\/li>\r\n            <li>Courses paced with attention to the table and the occasion<\/li>\r\n            <li>Seating needs and special requests communicated before service<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"jw-safety-cell jw-safety-cell--visual\">\r\n          <div class=\"jw-security-stage\" aria-label=\"Guest experience supporting image\">\r\n            <img data-jw-image-slot=\"image-11\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-6-2026-12_39_15-AM_optimized.webp\" alt=\"Carefully set dining table in a warm restaurant interior\" width=\"1600\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 9 -->\r\n  <section id=\"jw-pricing\" class=\"jw-host-row jw-host-row--dark jw-row-9\" data-jw-row=\"9\" aria-labelledby=\"jw-host-price\">\r\n    <img class=\"jw-price-bg\" data-jw-image-slot=\"image-12\" src=\"https:\/\/images.pexels.com\/photos\/8229877\/pexels-photo-8229877.jpeg?auto=compress&cs=tinysrgb&w=1800\" alt=\"Group dining table arranged for a special occasion\" width=\"1800\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\r\n\r\n\r\n    <div class=\"jw-row-9-sheet-cascade\" aria-hidden=\"true\">\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\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\">Private dining &amp; group plans<\/span>\r\n          <h2 id=\"jw-host-price\">Group dining works best when the guest count, menu direction, timing, and seating needs are discussed in advance.<\/h2>\r\n          <p class=\"jw-host-lead\" style=\"color:rgba(255,255,255,.82);\">Larger parties and special occasions can involve different table arrangements, pacing, menu choices, beverage planning, and service needs. The Sunset at the Harbor can review those details before any group plan is confirmed.<\/p>\r\n\r\n          <ul class=\"jw-host-checks\">\r\n            <li>Guest count, preferred date, and timing discussed first<\/li>\r\n            <li>Menu direction, drinks, desserts, and service pace reviewed together<\/li>\r\n            <li>Accessibility, seating, and special requests identified before confirmation<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"jw-host-cell\">\r\n          <div class=\"jw-price-card\">\r\n            <span class=\"jw-host-eyebrow\">Illustrative Group Size<\/span>\r\n            <div class=\"jw-price\"><sup>\u2248<\/sup><span data-jw-count=\"12\" data-jw-start=\"2\" data-jw-duration=\"5600\" data-jw-easing=\"linear\" data-jw-decimals=\"0\">2<\/span><\/div>\r\n            <div class=\"jw-price-term\">sample guest count \u2014 not an availability promise<\/div>\r\n            <p style=\"color:rgba(255,255,255,.8);font-size:.94rem;\">The animated 12-person figure is a planning example only. It does not confirm capacity, seating, menu options, timing, pricing, or availability for The Sunset at the Harbor. Every group request must be reviewed individually.<\/p>\r\n            <a class=\"jw-host-btn\" href=\"#jw-contact\">Discuss Group Dining<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 8 -->\r\n  <section id=\"jw-package\" class=\"jw-host-row jw-row-8\" data-jw-row=\"8\" aria-labelledby=\"jw-host-package\">\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 data-jw-image-slot=\"image-13\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-6-2026-01_30_16-AM_optimized.webp\" alt=\"Restaurant cocktails and dessert presented for the final course\" width=\"1600\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jw-host-cell\">\r\n          <span class=\"jw-host-eyebrow\">Desserts &amp; drinks<\/span>\r\n          <h2 id=\"jw-host-package\">A final course can be light, rich, refreshing, or shared around the table.<\/h2>\r\n          <p>The Sunset at the Harbor can round out the meal with cocktails, zero-proof choices, beer or wine, coffee, tea, and desserts. Current selections, serving sizes, and availability should be confirmed from the active menu.<\/p>\r\n\r\n          <div class=\"jw-feature-grid\" aria-label=\"Dessert and beverage options\">\r\n            <div class=\"jw-feature-row\">\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">S<\/span>\r\n                <strong>Sunset Sips<\/strong>\r\n                <small>Cocktails and zero-proof options for a relaxed start or finish<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">B<\/span>\r\n                <strong>Beer &amp; Wine<\/strong>\r\n                <small>Selections that can complement seafood, grilled dishes, and shared plates<\/small>\r\n              <\/div>\r\n            <\/div>\r\n\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>Desserts<\/strong>\r\n                <small>Sweet finishes ranging from light and bright to rich and indulgent<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">C<\/span>\r\n                <strong>Coffee &amp; Tea<\/strong>\r\n                <small>Warm or chilled choices for the close of the meal<\/small>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"jw-feature-row\">\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">Z<\/span>\r\n                <strong>Zero-Proof Options<\/strong>\r\n                <small>Flavorful alternatives for guests who prefer alcohol-free drinks<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">S<\/span>\r\n                <strong>Shareable Sweets<\/strong>\r\n                <small>Dessert choices suited to passing around the table<\/small>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FAQ \u2014 added section -->\r\n  <section id=\"jw-faq\" class=\"jw-host-row jw-row-faq\" data-jw-row=\"faq\" aria-labelledby=\"jw-faq-title\">\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 guests often want to know before planning a meal at The Sunset at the Harbor.<\/h2>\r\n        <p>These answers provide general planning guidance. Current menu selections, hours, reservation policies, availability, dietary accommodations, takeout options, and group arrangements must be confirmed directly with The Sunset at the Harbor.<\/p>\r\n        <div class=\"jw-faq-topic-table\" aria-label=\"Frequently asked question topics\">\r\n          <span class=\"jw-faq-topic\">Reservations &amp; Seating<\/span>\r\n          <span class=\"jw-faq-topic\">Menu &amp; Dietary Questions<\/span>\r\n          <span class=\"jw-faq-topic\">Groups &amp; Special Occasions<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"jw-faq-list\">\r\n        <details class=\"jw-faq-item\">\r\n          <summary>Do you accept reservations?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Reservation policies and availability should be confirmed directly. When making an inquiry, share the preferred date, time, party size, and any seating needs so the request can be reviewed clearly.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>What kinds of dishes are featured?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>The restaurant concept centers on seafood and coastal inspiration alongside grilled entr\u00e9es, familiar favorites, shareable starters, salads, drinks, and desserts. The active menu should be used to confirm current selections.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>Can guests ask about allergies or dietary needs?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Guests should share allergy or dietary questions before ordering. The restaurant must confirm what can be accommodated, how dishes are prepared, and whether cross-contact concerns can be addressed for the specific request.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>Can the restaurant accommodate larger groups?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Group requests should be reviewed individually because guest count, timing, table arrangements, menu direction, accessibility needs, and service plans can affect what is practical.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>Are takeout options available?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Takeout availability, menu selection, packaging, ordering windows, and pickup procedures may vary. Confirm the current options directly before planning the order.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>How does a guest plan a visit?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Begin by sharing the preferred date, time, party size, dining occasion, and any menu, seating, accessibility, or dietary questions. The Sunset at the Harbor can then review the request and discuss the next step.<\/p><\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 10 -->\r\n  <section id=\"jw-contact\" class=\"jw-host-row jw-host-row--dark jw-row-10\" data-jw-row=\"10\" aria-labelledby=\"jw-host-cta\">\r\n    <img class=\"jw-cta-bg\" data-jw-image-slot=\"image-14\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-6-2026-01_23_15-AM_optimized_optimized.webp\" width=\"1800\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\r\n\r\n    <span class=\"jw-beam\" aria-hidden=\"true\"><\/span>\r\n    <span class=\"jw-particle\" aria-hidden=\"true\"><\/span>\r\n    <span class=\"jw-particle\" aria-hidden=\"true\"><\/span>\r\n    <span class=\"jw-particle\" aria-hidden=\"true\"><\/span>\r\n    <span class=\"jw-particle\" aria-hidden=\"true\"><\/span>\r\n    <span class=\"jw-particle\" aria-hidden=\"true\"><\/span>\r\n\r\n    <div class=\"jw-host-inner\">\r\n      <img class=\"jw-section-brand-logo jw-section-brand-logo--cta\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/sunset-logo_optimized.webp\" alt=\"The Sunset at the Harbor\" width=\"500\" height=\"500\" loading=\"lazy\" decoding=\"async\">\r\n      <span class=\"jw-host-eyebrow\">Contact &amp; reservations<\/span>\r\n      <h2 id=\"jw-host-cta\">Ready to plan a meal at The Sunset at the Harbor?<\/h2>\r\n      <p class=\"jw-host-lead\">Share the preferred date, time, party size, dining occasion, and any menu or seating questions. The Sunset at the Harbor can then review the request and discuss the next step.<\/p>\r\n      <div class=\"jw-cta-actions\" aria-label=\"Reservation and FAQ actions\">\r\n        <div class=\"jw-cta-action-cell\">\r\n          <span class=\"jw-host-btn jw-reference-cta\" role=\"button\" aria-disabled=\"true\">\r\n            <span class=\"jw-reference-cta-main\">Plan Your Visit<\/span>\r\n            <span class=\"jw-reference-cta-sub\">DINING INQUIRY<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"jw-cta-action-cell\">\r\n          <a class=\"jw-host-btn jw-host-btn--light\" href=\"#jw-faq\">Read the FAQs<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\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-reservation-circle\") : null;\r\n      if (circle) {\r\n        var circleProgress = Math.max(0, Math.min(1, progress));\r\n        circle.style.setProperty(\"--jw-circle-progress\", (circleProgress * 360).toFixed(2) + \"deg\");\r\n        circle.classList.toggle(\"jw-circle-complete\", circleProgress >= 0.999);\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 runId = String((parseInt(counter.getAttribute(\"data-jw-run-id\"), 10) || 0) + 1);\r\n        counter.setAttribute(\"data-jw-run-id\", runId);\r\n\r\n        var start = null;\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 easing = counter.getAttribute(\"data-jw-easing\") || \"ease-out\";\r\n\r\n        function frame(time) {\r\n          if (counter.getAttribute(\"data-jw-run-id\") !== runId ||\r\n              !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          } else {\r\n            counter.setAttribute(\"data-jw-running\", \"false\");\r\n          }\r\n        }\r\n\r\n        window.setTimeout(function () {\r\n          if (counter.getAttribute(\"data-jw-run-id\") === runId &&\r\n              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        counter.setAttribute(\"data-jw-run-id\", String((parseInt(counter.getAttribute(\"data-jw-run-id\"), 10) || 0) + 1));\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 now waits until the planning panel is clearly inside the viewport.\r\n         This keeps the 0-to-100 figure from finishing before the visitor can see it. *\/\r\n      var rowSixObserver = new IntersectionObserver(handleRowEntries, {\r\n        threshold: 0.32,\r\n        rootMargin: \"0px 0px -10% 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 = 56; \/* Moderated anchor advance: scroll each destination 56px into view so the requested section is clear without moving too far down the page. *\/\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);\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 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        if (!hash || hash.indexOf(\"#jw-\") !== 0) return;\r\n\r\n        var target = document.querySelector(hash);\r\n        if (!target || !root.contains(target)) return;\r\n\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[href^=\"#jw-\"]') : null;\r\n        if (!link || (!root.contains(link) && !nav.contains(link))) return;\r\n\r\n        var hash = link.getAttribute(\"href\");\r\n        if (!hash) return;\r\n\r\n        var target = document.querySelector(hash);\r\n        if (!target || !root.contains(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      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        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        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        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              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\r\n<\/body>\r\n<\/html><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>The Sunset at the Harbor Home About Us Menu Lunch &amp; Dinner Fresh Ingredients Our Kitchen Harbor Favorites Reservations Guest Experience Private Dining Desserts &amp; Drinks FAQs Contact The Sunset at the HarborRestaurant Coastal flavors, warm hospitality, and relaxed dining shaped for memorable evenings. Plan Your Visit The Sunset at the Harbor A relaxed restaurant [&hellip;]<\/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-1347","page","type-page","status-publish","hentry","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Sunset -<\/title>\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\/frederick-young\/the-sunset\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Sunset -\" \/>\n<meta property=\"og:description\" content=\"The Sunset at the Harbor Home About Us Menu Lunch &amp; Dinner Fresh Ingredients Our Kitchen Harbor Favorites Reservations Guest Experience Private Dining Desserts &amp; Drinks FAQs Contact The Sunset at the HarborRestaurant Coastal flavors, warm hospitality, and relaxed dining shaped for memorable evenings. Plan Your Visit The Sunset at the Harbor A relaxed restaurant [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jwwebsites.com\/frederick-young\/the-sunset\/\" \/>\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\\\/frederick-young\\\/the-sunset\\\/\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/the-sunset\\\/\",\"name\":\"The Sunset -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/#website\"},\"datePublished\":\"2026-08-06T04:51:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/the-sunset\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/the-sunset\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/the-sunset\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Sunset\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/#website\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/?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":"The Sunset -","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\/frederick-young\/the-sunset\/","og_locale":"en_US","og_type":"article","og_title":"The Sunset -","og_description":"The Sunset at the Harbor Home About Us Menu Lunch &amp; Dinner Fresh Ingredients Our Kitchen Harbor Favorites Reservations Guest Experience Private Dining Desserts &amp; Drinks FAQs Contact The Sunset at the HarborRestaurant Coastal flavors, warm hospitality, and relaxed dining shaped for memorable evenings. Plan Your Visit The Sunset at the Harbor A relaxed restaurant [&hellip;]","og_url":"https:\/\/jwwebsites.com\/frederick-young\/the-sunset\/","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jwwebsites.com\/frederick-young\/the-sunset\/","url":"https:\/\/jwwebsites.com\/frederick-young\/the-sunset\/","name":"The Sunset -","isPartOf":{"@id":"https:\/\/jwwebsites.com\/frederick-young\/#website"},"datePublished":"2026-08-06T04:51:00+00:00","breadcrumb":{"@id":"https:\/\/jwwebsites.com\/frederick-young\/the-sunset\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jwwebsites.com\/frederick-young\/the-sunset\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jwwebsites.com\/frederick-young\/the-sunset\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jwwebsites.com\/frederick-young\/"},{"@type":"ListItem","position":2,"name":"The Sunset"}]},{"@type":"WebSite","@id":"https:\/\/jwwebsites.com\/frederick-young\/#website","url":"https:\/\/jwwebsites.com\/frederick-young\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jwwebsites.com\/frederick-young\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/comments?post=1347"}],"version-history":[{"count":1,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1347\/revisions"}],"predecessor-version":[{"id":1349,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1347\/revisions\/1349"}],"wp:attachment":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/media?parent=1347"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/folder?post=1347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}