{"id":1251,"date":"2026-07-05T00:19:01","date_gmt":"2026-07-05T00:19:01","guid":{"rendered":"https:\/\/jwwebsites.com\/frederick-young\/?page_id=1251"},"modified":"2026-07-05T00:19:01","modified_gmt":"2026-07-05T00:19:01","slug":"work-space-32","status":"publish","type":"page","link":"https:\/\/jwwebsites.com\/frederick-young\/work-space-32\/","title":{"rendered":"Work Space 32"},"content":{"rendered":"<div id=\"pl-1251\"  class=\"panel-layout\" ><div id=\"pg-1251-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1251-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1251-0-0-0\" class=\"so-panel widget widget_so_protected_block_widget panel-first-child panel-last-child\" data-index=\"0\" ><!--\r\n  REVISION: Row 1 hero uses synchronized 3.5-second opposing motion: the hero image\r\n  slides in from the left while an inverted sweeping field enters from the right. Its\r\n  exposed edge is concave rather than circular\/crescent-shaped, settles behind the\r\n  left-side writing, and finishes at the lettering instead of covering the hero image.\r\n  Mobile and reduced-motion handling are retained.\r\n  REVISION: Row 4 now reproduces the Creative Business System homepage\r\n  \u201cBuilt Around Your Business\u201d feature animation: full-width blue stage swipe,\r\n  angled reveal edge, opposing image entrance, staged copy reveal, arc accent,\r\n  and the same intersection timing. Dog-grooming content and imagery are retained.\r\n  REVISION: The white copy band below the hero keeps its independent scroll-triggered\r\n  split entrance, separate from the hero animation, with blur\/scale\/overshoot.\r\n  REVISION: Bottom Book an Appointment CTA uses the Frederick Young\r\n  glossy 3D button treatment and remains intentionally non-linking.\r\n  REVISION: Top navigation brand lockup now uses a larger premium inline-SVG brand badge\r\n  and substantially larger two-line Happy Tails Dog Grooming typography.\r\n  REVISION: Row 7 now adds a left-side customer-service visual in a dedicated third column,\r\n  with a restrained scroll-in\/sheens animation, wider desktop spacing, and clean responsive stacking.\r\n\r\n  Happy Tails Dog Grooming \u2014 Full Page \/ CBS Rows 4 + 5 Replica\r\n  Rows 4 + 5 revision: Row 4 now matches the CBS homepage feature animation while keeping the dog-grooming image untinted; Row 5 retains the stationary parallax composition.\r\n  Built from the supplied SiteOrigin\/Vantage page while preserving its original\r\n  row structure, full-width breakout, responsive behavior, scroll reveals,\r\n  card flips, curtain reveal, orbit animation, meters, circular counter,\r\n  radar\/grooming-mark animation, pricing count animation, light beams, particles,\r\n  button interactions, and reduced-motion handling.\r\n\r\n  Paste this entire block into one SiteOrigin Custom HTML widget.\r\n\r\n  CBS ROW REPLICA NOTE:\r\n  Rows 4 and 5 adapt the supplied Creative Business System fourth\/fifth-row\r\n  composition and motion system to dog-grooming content and imagery. Row 4 now\r\n  matches the CBS homepage feature animation, including the blue swipe, angled\r\n  reveal geometry, arc accent, image entrance, copy staging, and trigger timing.\r\n\r\n  SAMPLE CONTENT NOTE:\r\n  \"Happy Tails Dog Grooming\" and the $65 starting price are sample production\r\n  placeholders. Replace those business-specific items before publishing if different.\r\n  The final \"Book an Appointment\" control is intentionally non-linking for now.\r\n\r\n  ================================================================\r\n  JW WEBSITES \u2014 MASTER IMAGE MAP\r\n  ================================================================\r\n  PURPOSE: Search the code for any JW-IMAGE-## token below to jump\r\n  directly to that image. Replace ONLY the URL in the matching\r\n  src=\"...\" or CSS url('...') value. Leave classes, data attributes,\r\n  sizing, loading attributes, and JavaScript unchanged.\r\n\r\n  JW-IMAGE-01 \u2014 ROW 1 \/ HERO BACKGROUND\r\n  Current: https:\/\/images.pexels.com\/photos\/19145886\/pexels-photo-19145886.jpeg?auto=compress&cs=tinysrgb&w=1500&h=622&fit=crop\r\n\r\n  JW-IMAGE-02 \u2014 ROW 2 \/ ABOUT \/ DOG BATHING IMAGE\r\n  Current: https:\/\/images.pexels.com\/photos\/19145895\/pexels-photo-19145895.jpeg?auto=compress&cs=tinysrgb&w=1400&h=1200&fit=crop\r\n\r\n  JW-IMAGE-03 \u2014 ROW 3 \/ SERVICES BACKGROUND\r\n  Current: https:\/\/images.pexels.com\/photos\/6130995\/pexels-photo-6130995.jpeg?auto=compress&cs=tinysrgb&w=1500&h=833&fit=crop\r\n\r\n  JW-IMAGE-04 \u2014 ROW 4 \/ CBS FEATURE IMAGE\r\n  Current: https:\/\/images.pexels.com\/photos\/6131578\/pexels-photo-6131578.jpeg?auto=compress&cs=tinysrgb&w=1500&h=1100&fit=crop\r\n\r\n  JW-IMAGE-05 \u2014 ROW 5 \/ CBS PARALLAX BACKGROUND SOURCE\r\n  Current: https:\/\/images.pexels.com\/photos\/19145886\/pexels-photo-19145886.jpeg?auto=compress&cs=tinysrgb&w=1800&h=1200&fit=crop\r\n  IMPORTANT: Replace the JW-IMAGE-05 <img> source in the HTML. The\r\n  JavaScript automatically copies that source into the Row 5 CSS\r\n  background. A matching CSS URL remains only as a no-JS fallback.\r\n\r\n  JW-IMAGE-06 \u2014 ROW 6 \/ PROFESSIONAL GROOMING BACKGROUND\r\n  Current: https:\/\/images.pexels.com\/photos\/6131578\/pexels-photo-6131578.jpeg?auto=compress&cs=tinysrgb&w=1500&h=833&fit=crop\r\n\r\n  JW-IMAGE-07 \u2014 ROW 7 \/ SAFETY & SANITATION VISUAL\r\n  Current: https:\/\/images.pexels.com\/photos\/23692682\/pexels-photo-23692682.jpeg?auto=compress&cs=tinysrgb&w=1200&h=1500&fit=crop\r\n\r\n  JW-IMAGE-08 \u2014 ROW 8 \/ COMPLETE GROOMING PACKAGE\r\n  Current: https:\/\/images.pexels.com\/photos\/6816844\/pexels-photo-6816844.jpeg?auto=compress&cs=tinysrgb&w=1300&h=1500&fit=crop\r\n\r\n  JW-IMAGE-09 \u2014 ROW 9 \/ PRICING BACKGROUND\r\n  Current: https:\/\/images.pexels.com\/photos\/6131156\/pexels-photo-6131156.jpeg?auto=compress&cs=tinysrgb&w=1500&h=833&fit=crop\r\n\r\n  JW-IMAGE-10 \u2014 ROW 10 \/ FINAL CTA BACKGROUND\r\n  Current: https:\/\/images.pexels.com\/photos\/19145882\/pexels-photo-19145882.jpeg?auto=compress&cs=tinysrgb&w=1500&h=825&fit=crop\r\n\r\n  JW-IMAGE-11 \u2014 SPEED SECTION \/ CSS PANEL BACKGROUND\r\n  Current: https:\/\/images.pexels.com\/photos\/6131578\/pexels-photo-6131578.jpeg?auto=compress&cs=tinysrgb&w=1400&h=1200&fit=crop\r\n\r\n  JW-IMAGE-12 \u2014 ROW 7 \/ CUSTOMER SERVICE SUPPORTING VISUAL\r\n  Current: https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/customer-service.webp\r\n\r\n  FAST REPLACEMENT METHOD:\r\n  1. Search for JW-IMAGE-01, JW-IMAGE-02, etc.\r\n  2. Find the labeled image immediately beneath\/beside the marker.\r\n  3. Replace only the image URL.\r\n  4. For JW-IMAGE-05, change the HTML <img> source; the script syncs it.\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: #123f46;\r\n    --jw-navy-2: #082a30;\r\n    --jw-blue: #2f8f8a;\r\n    --jw-blue-bright: #67c7be;\r\n    --jw-green: #5f9475;\r\n    --jw-green-bright: #91c7a8;\r\n    --jw-cream: #f7f1e7;\r\n    --jw-sand: #dfcbb7;\r\n    --jw-white: #ffffff;\r\n    --jw-ink: #173b3f;\r\n    --jw-muted: #5d7472;\r\n    --jw-coral: #e8896b;\r\n    --jw-coral-dark: #c96f55;\r\n    --jw-shadow: 0 24px 70px rgba(8, 42, 48, 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, #4fa852 0%, var(--jw-green) 55%, #1f5c23 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(47, 125, 50, 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, #5db760 0%, #358b3a 55%, #1a4f1e 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(47, 125, 50, 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(55, 167, 232, 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(103, 195, 107, 0.88);\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(103, 195, 107, 0.30) 0%,\r\n        rgba(47, 125, 50, 0.22) 58%,\r\n        rgba(47, 125, 50, 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(47, 125, 50, 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    height: 100%;\r\n    max-width: none;\r\n    object-fit: contain;\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-coral);\r\n    border-radius: 16px;\r\n    background: #f4f5f2;\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: #708bc9;\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-coral) 42%,\r\n        var(--jw-coral) 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(22, 90, 152, 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: 18px !important;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-copy .jw-host-btn {\r\n    min-width: 0;\r\n    margin: 0 7px 10px 0;\r\n    padding: 17px 60px 17px 24px;\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-copy .jw-host-btn--light {\r\n    margin-left: 0;\r\n    border-color: rgba(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(16, 42, 51, 0.08),\r\n      0 14px 28px rgba(16, 42, 51, 0.12),\r\n      0 4px 0 rgba(16, 42, 51, 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(16, 42, 51, 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(47, 125, 50, 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(47, 125, 50, 0.10),\r\n      0 18px 34px rgba(16, 42, 51, 0.15),\r\n      0 5px 0 rgba(47, 125, 50, 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-radius: 34px;\r\n    box-shadow: 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, #2f8f8a 0%, #5f9475 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 2s 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(103, 195, 107, 0.75);\r\n    background: rgba(47, 125, 50, 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 \u2014 CBS HOMEPAGE FEATURE ANIMATION \/ DOG-GROOMING 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: #1e2a35;\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: 46%;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    opacity: 1;\r\n    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);\r\n    transform: translateX(145px) scale(1.09);\r\n    transition:\r\n      transform 1.45s cubic-bezier(0.16, 0.82, 0.24, 1) 0.12s,\r\n      opacity 1s ease 0.12s;\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: linear-gradient(118deg, #082a30 0%, #123f46 50%, #2f8f8a 100%);\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  #jw-hosting-page .jw-row-4 .jw-cbs4-arc {\r\n    position: absolute;\r\n    z-index: 2;\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(1180px, calc(100% - 40px));\r\n    min-height: 700px;\r\n    margin-right: auto;\r\n    margin-left: max(24px, calc((100% - 1180px) \/ 2 - 192px));\r\n    padding: 112px min(10vw, 145px) 105px 0;\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\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: #d9eee7;\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: #5f9475;\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: #91c7a8;\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: #173b3f !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, #e4f3ef, #cce7df);\r\n    box-shadow: inset 0 1px 0 #ffffff, 0 3px 8px rgba(30, 42, 53, 0.16);\r\n    color: #123f46;\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: #91c7a8;\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: #173b3f !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, #e3f0e7, #cde4d4);\r\n    color: #5f9475;\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      \/* JW-IMAGE-05 FALLBACK ONLY | primary source is the HTML image slot *\/\r\n      var(--jw-row5-bg, url('https:\/\/images.pexels.com\/photos\/19145886\/pexels-photo-19145886.jpeg?auto=compress&cs=tinysrgb&w=1800&h=1200&fit=crop'));\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: #91c7a8;\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: #5f9475;\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: 58%;\r\n      clip-path: polygon(28% 0, 100% 0, 100% 100%, 8% 100%);\r\n      transform: translateX(145px) scale(1.09);\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-copy {\r\n      width: min(100% - 40px, 1180px);\r\n      min-height: 720px;\r\n      margin-right: auto;\r\n      margin-left: auto;\r\n      padding: 90px 72px 86px 0;\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(82px) scale(1.06);\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    }\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      margin-right: auto;\r\n      margin-left: auto;\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-cbs-action {\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-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-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 \u2014 uptime ring draw + counter *\/\r\n  #jw-hosting-page .jw-row-6 {\r\n    background: var(--jw-navy-2);\r\n    color: var(--jw-white);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-uptime-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.34;\r\n    filter: saturate(1.3);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(90deg, rgba(3, 24, 33, 0.92), rgba(3, 24, 33, 0.5));\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-uptime-gauge {\r\n    position: relative;\r\n    width: min(430px, 90vw);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-uptime-gauge svg {\r\n    width: 100%;\r\n    transform: rotate(-90deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-ring-base,\r\n  #jw-hosting-page .jw-row-6 .jw-ring-progress {\r\n    fill: none;\r\n    stroke-width: 17;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-ring-base {\r\n    stroke: rgba(255, 255, 255, 0.13);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-ring-progress {\r\n    stroke: url(#jwUptimeGradient);\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 1005;\r\n    stroke-dashoffset: 1005;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-uptime-number {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 72%;\r\n    text-align: center;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-uptime-number strong {\r\n    display: block;\r\n    font-size: clamp(3.06rem, 5.95vw, 5.44rem);\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: -0.07em;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-uptime-number span {\r\n    color: rgba(255, 255, 255, 0.72);\r\n    font-size: clamp(15px, 0.85vw, 18px) !important;\r\n    font-weight: 850;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6.jw-host-visible .jw-ring-progress {\r\n    animation: jwRingDraw 1.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  @keyframes jwRingDraw {\r\n    to { stroke-dashoffset: 1; }\r\n  }\r\n\r\n  \/* ROW 7 \u2014 grooming-care radar sweep + paw\/comb line draw *\/\r\n  #jw-hosting-page .jw-row-7 {\r\n    background: linear-gradient(120deg, #eef7f5, #f7eee4);\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  #jw-hosting-page .jw-row-7 .jw-radar {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 360px;\r\n    max-width: 82%;\r\n    aspect-ratio: 1;\r\n    overflow: hidden;\r\n    border: 2px solid rgba(103, 195, 107, 0.55);\r\n    border-radius: 50%;\r\n    background:\r\n      linear-gradient(rgba(103, 195, 107, 0.13) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(103, 195, 107, 0.13) 1px, transparent 1px),\r\n      rgba(3, 24, 33, 0.72);\r\n    background-size: 42px 42px;\r\n    opacity: 0;\r\n    transform: translate(-50%, -50%) scale(0.55);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-radar::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -2px;\r\n    border-radius: 50%;\r\n    background: conic-gradient(from 0deg, transparent 0deg 285deg, rgba(103, 195, 107, 0.78) 350deg, transparent 360deg);\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-grooming-mark {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    z-index: 2;\r\n    width: 46%;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-grooming-mark path,\r\n  #jw-hosting-page .jw-row-7 .jw-grooming-mark polyline {\r\n    fill: rgba(22, 90, 152, 0.28);\r\n    stroke: var(--jw-white);\r\n    stroke-width: 5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    stroke-dasharray: 760;\r\n    stroke-dashoffset: 760;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-radar {\r\n    animation: jwRadarPop 780ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-radar::before {\r\n    animation: jwRadarSweep 2.2s linear 650ms infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-grooming-mark path,\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-grooming-mark polyline {\r\n    animation: jwGroomingMarkDraw 1.55s ease 500ms forwards;\r\n  }\r\n\r\n  @keyframes jwRadarPop {\r\n    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }\r\n  }\r\n\r\n  @keyframes jwRadarSweep {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  @keyframes jwGroomingMarkDraw {\r\n    to { stroke-dashoffset: 0; }\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(103, 195, 107, 0.38);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%) scale(0.2);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price-card::before {\r\n    width: 320px;\r\n    height: 320px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price-card::after {\r\n    width: 470px;\r\n    height: 470px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price {\r\n    margin: 5px 0 8px;\r\n    color: var(--jw-white);\r\n    font-size: clamp(4.68rem, 8.5vw, 7.23rem);\r\n    font-weight: 900;\r\n    line-height: 0.94;\r\n    letter-spacing: -0.08em;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price sup {\r\n    position: relative;\r\n    top: -0.2em;\r\n    margin-right: 5px;\r\n    font-size: 0.32em;\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price-term {\r\n    margin-bottom: 26px;\r\n    color: var(--jw-green-bright);\r\n    font-size: clamp(17px, 0.95vw, 20px) !important;\r\n    font-weight: 900;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9.jw-host-visible .jw-price-card {\r\n    animation: jwPricePop 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9.jw-host-visible .jw-price-card::before {\r\n    animation: jwPriceRing 2s ease-out 600ms infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9.jw-host-visible .jw-price-card::after {\r\n    animation: jwPriceRing 2s ease-out 1s infinite;\r\n  }\r\n\r\n  @keyframes jwPricePop {\r\n    70% { opacity: 1; transform: scale(1.06) rotate(2deg); }\r\n    100% { opacity: 1; transform: scale(1) rotate(0); }\r\n  }\r\n\r\n  @keyframes jwPriceRing {\r\n    from { opacity: 0.75; transform: translate(-50%, -50%) scale(0.2); }\r\n    to { opacity: 0; transform: translate(-50%, -50%) scale(1.35); }\r\n  }\r\n\r\n  \/* ROW 10 \u2014 sweeping light beams + floating particles *\/\r\n  #jw-hosting-page .jw-row-10 {\r\n    display: table;\r\n    width: 100%;\r\n    min-height: 720px;\r\n    background: var(--jw-navy-2);\r\n    color: var(--jw-white);\r\n    text-align: center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-cta-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 1;\r\n    filter: brightness(0.68) saturate(1.15) contrast(1.1);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset: 0;\r\n    background: none;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-beam {\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: -30%;\r\n    left: -18%;\r\n    width: 26%;\r\n    height: 170%;\r\n    background: linear-gradient(90deg, transparent, rgba(103, 195, 107, 0.42), transparent);\r\n    opacity: 0;\r\n    transform: skewX(-22deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-particle {\r\n    position: absolute;\r\n    z-index: 2;\r\n    bottom: -40px;\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: var(--jw-green-bright);\r\n    box-shadow: 0 0 22px var(--jw-green-bright);\r\n    opacity: 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(2) {\r\n    left: 12%;\r\n    width: 7px;\r\n    height: 7px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(3) {\r\n    left: 30%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(4) {\r\n    left: 52%;\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(5) {\r\n    left: 72%;\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(6) {\r\n    left: 90%;\r\n    width: 8px;\r\n    height: 8px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-host-inner {\r\n    display: table-cell;\r\n    width: 100%;\r\n    max-width: none;\r\n    padding: 120px max(24px, calc((100% - 980px) \/ 2));\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 h2 {\r\n    max-width: 940px;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-host-lead {\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    color: rgba(255, 255, 255, 0.8);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-beam {\r\n    animation: jwBeamSweep 2.5s ease-in-out infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle {\r\n    animation: jwParticleRise 4.6s ease-in infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle:nth-of-type(3) {\r\n    animation-delay: 700ms;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle:nth-of-type(4) {\r\n    animation-delay: 1.4s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle:nth-of-type(5) {\r\n    animation-delay: 2.1s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle:nth-of-type(6) {\r\n    animation-delay: 2.8s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-host-btn {\r\n    animation: jwButtonPulse 1.9s ease-in-out 700ms infinite;\r\n  }\r\n\r\n  @keyframes jwBeamSweep {\r\n    0% { left: -18%; opacity: 0; }\r\n    20% { opacity: 1; }\r\n    100% { left: 118%; opacity: 0; }\r\n  }\r\n\r\n  @keyframes jwParticleRise {\r\n    0% { bottom: -40px; opacity: 0; transform: translateX(0) scale(0.7); }\r\n    18% { opacity: 1; }\r\n    100% { bottom: 110%; opacity: 0; transform: translateX(55px) scale(1.5); }\r\n  }\r\n\r\n  @keyframes jwButtonPulse {\r\n    0%,\r\n    100% {\r\n      box-shadow: 0 0 0 0 rgba(103, 195, 107, 0.42), 0 15px 36px rgba(47, 125, 50, 0.28);\r\n    }\r\n\r\n    50% {\r\n      box-shadow: 0 0 0 18px rgba(103, 195, 107, 0), 0 22px 44px rgba(47, 125, 50, 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-radar,\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    #jw-hosting-page .jw-grooming-mark path,\r\n    #jw-hosting-page .jw-grooming-mark polyline {\r\n      stroke-dashoffset: 0 !important;\r\n    }\r\n  }\r\n\r\n  \/* DOG GROOMING TOP SECTION MENU *\/\r\n  #jw-hosting-page .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: #082a30;\r\n    box-shadow: 0 10px 28px rgba(3, 24, 33, 0.18);\r\n    color: #ffffff;\r\n  }\r\n\r\n  #jw-hosting-page .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  #jw-hosting-page .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  #jw-hosting-page .jw-top-nav-brand,\r\n  #jw-hosting-page .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  #jw-hosting-page .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  #jw-hosting-page .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  #jw-hosting-page .jw-top-nav-brand-lockup tbody,\r\n  #jw-hosting-page .jw-top-nav-brand-lockup tr,\r\n  #jw-hosting-page .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  #jw-hosting-page .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  #jw-hosting-page .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(55, 167, 232, 0.10));\r\n  }\r\n\r\n  #jw-hosting-page .jw-top-nav-logo svg {\r\n    display: block;\r\n    width: 88px;\r\n    height: 88px;\r\n    max-width: none;\r\n    overflow: visible;\r\n  }\r\n\r\n  #jw-hosting-page .jw-top-nav-logo .jw-logo-shadow {\r\n    fill: rgba(0, 0, 0, 0.26);\r\n  }\r\n\r\n  #jw-hosting-page .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  #jw-hosting-page .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  #jw-hosting-page .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  #jw-hosting-page .jw-top-nav-logo .jw-logo-paw {\r\n    fill: #ffffff;\r\n    filter: drop-shadow(0 2px 2px rgba(3, 24, 33, 0.28));\r\n  }\r\n\r\n  #jw-hosting-page .jw-top-nav-logo .jw-logo-paw-pad {\r\n    fill: #ffffff;\r\n  }\r\n\r\n  #jw-hosting-page .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  #jw-hosting-page .jw-top-nav-logo .jw-logo-star {\r\n    fill: #dff7df;\r\n  }\r\n\r\n  #jw-hosting-page .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  #jw-hosting-page .jw-top-nav-brand-name,\r\n  #jw-hosting-page .jw-top-nav-brand-service {\r\n    display: block;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  #jw-hosting-page .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  #jw-hosting-page .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  #jw-hosting-page .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  #jw-hosting-page .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  #jw-hosting-page .jw-top-nav-links a:hover,\r\n  #jw-hosting-page .jw-top-nav-links a:focus-visible {\r\n    border-color: rgba(103, 195, 107, 0.55);\r\n    background: rgba(103, 195, 107, 0.13);\r\n    color: #ffffff;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-top-nav-links a:focus-visible {\r\n    outline: 2px solid rgba(55, 167, 232, 0.7);\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-top-nav-toggle {\r\n    display: none;\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: 10px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    color: #ffffff;\r\n    cursor: pointer;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-top-nav-toggle-lines,\r\n  #jw-hosting-page .jw-top-nav-toggle-lines::before,\r\n  #jw-hosting-page .jw-top-nav-toggle-lines::after {\r\n    display: block;\r\n    position: absolute;\r\n    width: 22px;\r\n    height: 2px;\r\n    border-radius: 2px;\r\n    background: currentColor;\r\n    transition: transform 180ms ease, opacity 180ms ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-top-nav-toggle-lines {\r\n    position: relative;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #jw-hosting-page .jw-top-nav-toggle-lines::before,\r\n  #jw-hosting-page .jw-top-nav-toggle-lines::after {\r\n    content: \"\";\r\n    left: 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-top-nav-toggle-lines::before { top: -7px; }\r\n  #jw-hosting-page .jw-top-nav-toggle-lines::after { top: 7px; }\r\n\r\n  #jw-hosting-page .jw-top-nav-toggle[aria-expanded=\"true\"] .jw-top-nav-toggle-lines {\r\n    background: transparent;\r\n  }\r\n\r\n  #jw-hosting-page .jw-top-nav-toggle[aria-expanded=\"true\"] .jw-top-nav-toggle-lines::before {\r\n    top: 0;\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-top-nav-toggle[aria-expanded=\"true\"] .jw-top-nav-toggle-lines::after {\r\n    top: 0;\r\n    transform: rotate(-45deg);\r\n  }\r\n\r\n  #jw-hosting-page [id^=\"jw-\"] {\r\n    scroll-margin-top: 18px;\r\n  }\r\n\r\n  \/* FAQ \u2014 added without changing the original ten animation rows *\/\r\n  #jw-hosting-page .jw-row-faq {\r\n    min-height: 0;\r\n    background:\r\n      radial-gradient(circle at 90% 12%, rgba(55, 167, 232, 0.08), transparent 30%),\r\n      linear-gradient(135deg, #f7fbfc 0%, #eef5ef 100%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-intro {\r\n    max-width: 790px;\r\n    margin: 0 auto 42px;\r\n    text-align: center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-list {\r\n    width: min(920px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item {\r\n    margin: 14px 0;\r\n    overflow: hidden;\r\n    border: 1px solid #dbe6e8;\r\n    border-radius: 20px;\r\n    background: #ffffff;\r\n    box-shadow: 0 14px 34px rgba(16, 42, 51, 0.08);\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item summary {\r\n    position: relative;\r\n    display: block;\r\n    padding: 22px 64px 22px 24px;\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  }\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::after {\r\n    content: \"+\";\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 22px;\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    background: var(--jw-cream);\r\n    color: var(--jw-blue);\r\n    font-size: 24px;\r\n    font-weight: 800;\r\n    line-height: 32px;\r\n    text-align: center;\r\n    transform: translateY(-50%);\r\n    transition: transform 220ms ease, background 220ms ease, color 220ms ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item[open] summary::after {\r\n    background: var(--jw-green);\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 24px 22px;\r\n    color: var(--jw-muted);\r\n    animation: jwFaqReveal 280ms ease both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-answer p {\r\n    margin: 0;\r\n    font-size: 17px !important;\r\n    line-height: 1.7;\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    #jw-hosting-page .jw-top-nav-shell {\r\n      width: calc(100% - 28px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-table,\r\n    #jw-hosting-page .jw-top-nav-brand,\r\n    #jw-hosting-page .jw-top-nav-links {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-brand {\r\n      padding: 15px 0 10px;\r\n      text-align: center;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-brand-lockup {\r\n      margin: 0 auto !important;\r\n    }\r\n\r\n    #jw-hosting-page .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    #jw-hosting-page .jw-top-nav-logo,\r\n    #jw-hosting-page .jw-top-nav-logo svg {\r\n      width: 74px;\r\n      height: 74px;\r\n      max-width: 74px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-brand-name {\r\n      font-size: 34px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-brand-service {\r\n      font-size: 17px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-links {\r\n      padding: 4px 0 12px;\r\n      text-align: center;\r\n    }\r\n\r\n    #jw-hosting-page .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    #jw-hosting-page .jw-top-nav-shell {\r\n      width: 100%;\r\n      padding: 0 12px;\r\n    }\r\n\r\n    \/* Mobile header is one compact row. The brand owns only the space to the\r\n       left of the toggle, preventing SiteOrigin\/Vantage table sizing from\r\n       squeezing the words into narrow columns. *\/\r\n    #jw-hosting-page .jw-top-nav-table {\r\n      position: relative;\r\n      display: block;\r\n      width: 100%;\r\n      table-layout: auto;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-brand {\r\n      display: block;\r\n      width: 100%;\r\n      min-width: 0;\r\n      padding: 9px 66px 9px 0;\r\n      text-align: left;\r\n    }\r\n\r\n    #jw-hosting-page .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    #jw-hosting-page .jw-top-nav-logo-cell {\r\n      width: 58px;\r\n      min-width: 58px;\r\n      padding: 0 9px 0 0 !important;\r\n      text-align: left;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-logo,\r\n    #jw-hosting-page .jw-top-nav-logo svg {\r\n      width: 52px;\r\n      height: 52px;\r\n      max-width: 52px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-brand-copy {\r\n      width: auto;\r\n      min-width: 0;\r\n      max-width: none;\r\n      padding: 0 !important;\r\n      text-align: left;\r\n      vertical-align: middle;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-brand-name {\r\n      display: block;\r\n      font-size: 25px !important;\r\n      line-height: 0.98 !important;\r\n      letter-spacing: -0.045em !important;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-brand-service {\r\n      display: block;\r\n      margin-top: 4px;\r\n      font-size: 12px !important;\r\n      line-height: 1.05 !important;\r\n      letter-spacing: 0.085em !important;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-toggle {\r\n      display: block;\r\n      position: absolute;\r\n      top: 50%;\r\n      right: 0;\r\n      z-index: 3;\r\n      width: 46px;\r\n      height: 46px;\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-links {\r\n      display: none;\r\n      width: 100%;\r\n      padding: 8px 0 12px;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.12);\r\n      text-align: left;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav.jw-mobile-menu-open .jw-top-nav-links {\r\n      display: block;\r\n    }\r\n\r\n    #jw-hosting-page .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: 12px 10px;\r\n      border-radius: 8px;\r\n      white-space: normal;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-item summary {\r\n      padding: 19px 56px 19px 18px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-item summary::after {\r\n      right: 16px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-answer {\r\n      padding: 0 18px 19px;\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        #b1ad63 0%,\r\n        #8d985b 18%,\r\n        #58795f 39%,\r\n        #2d695f 61%,\r\n        #14564f 82%,\r\n        #0d4d48 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(6,55,51,0.58),\r\n      0 13px 0 #175651,\r\n      0 25px 0 #0b4541,\r\n      0 30px 1px rgba(4,45,42,0.58),\r\n      0 35px 48px rgba(2,41,39,0.58),\r\n      0 0 0 12px rgba(151,224,210,0.24),\r\n      0 0 44px rgba(151,224,210,0.54);\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,55,51,0.58),\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(235,255,249,0.72) 0%,\r\n        rgba(212,245,236,0.41) 52%,\r\n        rgba(196,232,223,0.12) 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(6,55,51,0.62),\r\n      0 16px 0 #175651,\r\n      0 29px 0 #0b4541,\r\n      0 34px 1px rgba(4,45,42,0.60),\r\n      0 42px 58px rgba(2,41,39,0.64),\r\n      0 0 0 15px rgba(151,224,210,0.27),\r\n      0 0 58px rgba(151,224,210,0.70);\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(6,55,51,0.68),\r\n      0 4px 0 #175651,\r\n      0 9px 0 #0b4541,\r\n      0 13px 22px rgba(2,41,39,0.52),\r\n      0 0 0 9px rgba(151,224,210,0.20),\r\n      0 0 30px rgba(151,224,210,0.42);\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(6,55,51,0.58),\r\n        0 13px 0 #175651,\r\n        0 25px 0 #0b4541,\r\n        0 30px 1px rgba(4,45,42,0.58),\r\n        0 35px 48px rgba(2,41,39,0.58),\r\n        0 0 0 12px rgba(151,224,210,0.24),\r\n        0 0 44px rgba(151,224,210,0.54);\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(6,55,51,0.60),\r\n        0 15px 0 #175651,\r\n        0 28px 0 #0b4541,\r\n        0 33px 1px rgba(4,45,42,0.60),\r\n        0 40px 56px rgba(2,41,39,0.62),\r\n        0 0 0 16px rgba(151,224,210,0.19),\r\n        0 0 62px rgba(151,224,210,0.70);\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(6,55,51,0.58),\r\n        0 10px 0 #175651,\r\n        0 19px 0 #0b4541,\r\n        0 24px 34px rgba(2,41,39,0.54),\r\n        0 0 0 8px rgba(151,224,210,0.22),\r\n        0 0 34px rgba(151,224,210,0.50);\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(103,195,107,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: #173b3f;\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-paw {\r\n    width: clamp(68px, 7vw, 104px);\r\n    margin: 0 auto 12px;\r\n    filter: drop-shadow(0 7px 12px rgba(16,42,51,.16));\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-paw .jw-paw-main {\r\n    fill: #2f8f8a;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-paw .jw-paw-accent {\r\n    fill: #5f9475;\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: #173b3f;\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: #5f9475;\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--bath {\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%, #2f8f8a 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%, #5f9475 100%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--bath .jw-cbs5-orbit-badge > span {\r\n    background: linear-gradient(180deg, #12384a 0%, #123f46 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--bath {\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--bath .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(55, 167, 232, 0.08), transparent 31%),\r\n      radial-gradient(circle at 92% 74%, rgba(103, 195, 107, 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(16, 42, 51, 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    \/* JW-IMAGE-11 | SPEED SECTION CSS PANEL BACKGROUND *\/\r\n    background:\r\n      linear-gradient(90deg, rgba(0, 29, 38, 0.88), rgba(0, 29, 38, 0.72)),\r\n      url('https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/ChatGPT-Image-Jul-29-2026-08_42_01-PM_optimized.webp') 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(103, 195, 107, 0.55), transparent);\r\n    opacity: 0.8;\r\n    transform: scaleX(0);\r\n    transform-origin: left center;\r\n    transition: transform 1.1s 0.9s cubic-bezier(0.2, 0.75, 0.2, 1);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-panel {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-panel::after {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-panel-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding: 60px 54px 58px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-title {\r\n    margin: 0 0 44px;\r\n    color: #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-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, #67c7be 0%, #4ab4b9 48%, #91c7a8 100%);\r\n    box-shadow: 0 0 18px rgba(55, 167, 232, 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%, #123f46 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(103, 195, 107, 0.55);\r\n    vertical-align: middle;\r\n  }\r\n\r\n  @keyframes jwSpeedMeterSheen {\r\n    0%, 18% {\r\n      left: -35%;\r\n      opacity: 0;\r\n    }\r\n    28% {\r\n      opacity: 0.72;\r\n    }\r\n    66%, 100% {\r\n      left: 118%;\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  @keyframes jwSpeedBannerScroll {\r\n    from { transform: translate3d(0, 0, 0); }\r\n    to { transform: translate3d(-50%, 0, 0); }\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-shell {\r\n      width: min(760px, calc(100% - 48px));\r\n      padding: 78px 0 70px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-table,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-visual-cell,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-visual-cell {\r\n      padding-right: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n      padding-top: 58px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy {\r\n      transform: translate3d(0, 54px, 0);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-shell {\r\n      width: calc(100% - 32px);\r\n      padding: 58px 0 54px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-panel {\r\n      min-height: 0;\r\n      border-radius: 26px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-panel-inner {\r\n      padding: 40px 24px 42px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-title {\r\n      margin-bottom: 34px;\r\n      font-size: clamp(38px, 13vw, 52px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-title small {\r\n      display: block;\r\n      margin: 10px 0 0;\r\n      font-size: 14px !important;\r\n      vertical-align: baseline;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-label,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-status {\r\n      font-size: 13px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-meter {\r\n      height: 14px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n      padding-top: 44px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-kicker {\r\n      margin-bottom: 20px;\r\n      font-size: 15px !important;\r\n      letter-spacing: 0.16em;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy h2 {\r\n      font-size: clamp(34px, 10.5vw, 48px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-speed-banner-track {\r\n      padding: 15px 0;\r\n      animation-duration: 25s;\r\n    }\r\n\r\n    #jw-hosting-page .jw-speed-banner-item {\r\n      padding: 0 16px;\r\n      font-size: 13px !important;\r\n      letter-spacing: 0.09em;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-panel,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-panel::after,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-checks li,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-meter > span,\r\n    #jw-hosting-page .jw-speed-banner-track {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-panel,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-checks li {\r\n      opacity: 1 !important;\r\n      filter: none !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-panel::after {\r\n      transform: scaleX(1) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-metric:nth-child(2) .jw-speed-meter > span {\r\n      width: 94% !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-metric:nth-child(3) .jw-speed-meter > span {\r\n      width: 88% !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-metric:nth-child(4) .jw-speed-meter > span {\r\n      width: 91% !important;\r\n    }\r\n  }\r\n\r\n\r\n  \/* STICKY TOP MENU \u2014 corrected implementation\r\n     Uses a fixed-state class controlled by the page script rather than CSS\r\n     position:sticky, because the full-width page wrapper intentionally clips\r\n     overflow for animation safety and that prevents reliable sticky behavior\r\n     inside SiteOrigin\/Vantage wrappers. *\/\r\n  #jw-hosting-page {\r\n    z-index: 99990;\r\n  }\r\n\r\n  #jw-hosting-page .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  #jw-hosting-page .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: 100% !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  @media (max-width: 620px) {\r\n    #jw-hosting-page .jw-top-nav.jw-top-nav--fixed {\r\n      top: var(--jw-sticky-top, 0px) !important;\r\n      right: 0 !important;\r\n      left: 0 !important;\r\n    }\r\n  }\r\n\r\n  #jw-hosting-page .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  #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, 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      18px\r\n    );\r\n  }\r\n\r\n\r\n  \/* HEADER ANIMATION REVISION \u2014 smooth hero zoom with retained sweep motion.\r\n     Scope is limited to ROW 1. The hero image begins smaller and zooms at a\r\n     constant rate for six seconds while the INVERTED sweeping field retains\r\n     its existing entrance from the right. The terminal edge is NOT\r\n     based on a circular radius: it is a long, shallow asymmetric sweep. Its top\r\n     contact begins substantially sooner\/farther left, then the edge opens outward\r\n     quickly before reaching the lettering and continues gradually toward the\r\n     lower-right corner. Both motions run for exactly 3.5 seconds. The filled field\r\n     remains anchored flush to the hero image's left edge and lands behind the\r\n     left-side writing. *\/\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    object-fit: cover;\r\n    object-position: center center;\r\n    transform: translate3d(0, 0, 0) scale(0.72);\r\n    transform-origin: center center;\r\n    backface-visibility: hidden;\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: clamp(820px, 50vw, 940px);\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  #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep .jw-hero-curve-edge {\r\n    fill: none;\r\n    stroke: rgba(255, 255, 255, 0.12);\r\n    stroke-width: 2;\r\n    vector-effect: non-scaling-stroke;\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: jwHeroImageZoomToFullWidth 6s linear 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.2s cubic-bezier(0.22, 0.61, 0.36, 1) 4s both;\r\n  }\r\n\r\n  @keyframes jwHeroImageZoomToFullWidth {\r\n    0% {\r\n      transform: translate3d(0, 0, 0) scale(0.72);\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    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: clamp(700px, 84vw, 820px);\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(0, 0, 0) scale(0.78);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep {\r\n      left: 0;\r\n      width: min(660px, 112vw);\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: jwHeroImageZoomToFullWidthMobile 6s linear 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 jwHeroImageZoomToFullWidthMobile {\r\n      0% {\r\n        transform: translate3d(0, 0, 0) scale(0.78);\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    margin-top: 7px;\r\n    color: #d4aa4d;\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  #jw-hosting-page .jw-row-1 .jw-hero-overlay-cta {\r\n    display: inline-block;\r\n    min-width: 250px;\r\n    max-width: 100%;\r\n    padding: 17px 28px;\r\n    border: 1px solid rgba(255, 255, 255, 0.20);\r\n    border-radius: 3px;\r\n    background: linear-gradient(180deg, #e0b95e 0%, #cfa348 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.34),\r\n      0 10px 24px rgba(0, 0, 0, 0.22);\r\n    color: #13242d !important;\r\n    font-size: 16px !important;\r\n    font-weight: 850;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.055em;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-cta:hover,\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-cta:focus-visible {\r\n    background: linear-gradient(180deg, #e8c66f 0%, #d8ad4f 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.40),\r\n      0 14px 30px rgba(0, 0, 0, 0.28);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-cta:focus-visible {\r\n    outline: 3px solid rgba(255, 255, 255, 0.72);\r\n    outline-offset: 4px;\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      margin-top: 4px;\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      min-width: 0;\r\n      padding: 15px 22px;\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 CUSTOMER SERVICE + COPY + SAFETY 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(22, 90, 152, 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(22, 90, 152, 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    #jw-hosting-page .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    #jw-hosting-page .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    #jw-hosting-page .jw-top-nav-links a {\r\n      font-size: 15px !important;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  \/* ================================================================\r\n     MOBILE NAV GAP REMOVAL + INTRO HERO ANIMATION REVISION\r\n     - Removes the white spacer band below the fixed mobile navigation.\r\n     - Keeps the first section safely below the fixed menu with a matching\r\n       navy offset, so no white strip appears between navigation and hero.\r\n     - Replaces the opposing slide\/sweep hero entrance with a cinematic\r\n       center-reveal, gentle zoom, light sweep, and copy rise.\r\n     ================================================================ *\/\r\n\r\n  @media (max-width: 620px) {\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: none !important;\r\n      height: 0 !important;\r\n      min-height: 0 !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 {\r\n      padding-top: 70px;\r\n      background: var(--jw-navy-2);\r\n    }\r\n  }\r\n\r\n  \/* New hero entrance: center aperture reveal + slow cinematic settle. *\/\r\n  #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep {\r\n    display: none !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-bg {\r\n    opacity: 0;\r\n    clip-path: inset(0 46% 0 46%);\r\n    filter: blur(8px) saturate(0.9) brightness(0.82);\r\n    transform: scale(1.12);\r\n    transform-origin: center center;\r\n    will-change: transform, opacity, filter, clip-path;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-media::before {\r\n    content: \"\" !important;\r\n    display: block !important;\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: -16%;\r\n    bottom: -16%;\r\n    left: -36%;\r\n    width: 28%;\r\n    background: linear-gradient(\r\n      105deg,\r\n      rgba(255,255,255,0) 0%,\r\n      rgba(255,255,255,0.08) 28%,\r\n      rgba(255,255,255,0.34) 50%,\r\n      rgba(255,255,255,0.08) 72%,\r\n      rgba(255,255,255,0) 100%\r\n    );\r\n    opacity: 0;\r\n    transform: translate3d(0,0,0) skewX(-13deg);\r\n    pointer-events: none;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-title-panel {\r\n    opacity: 0;\r\n    filter: blur(9px);\r\n    transform: translate3d(0, 38px, 0) scale(0.975);\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: jwHeroCenterReveal 2.4s cubic-bezier(0.16, 0.84, 0.24, 1) 0s both !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-media::before {\r\n    animation: jwHeroLightSweep 1.35s cubic-bezier(0.22, 0.61, 0.36, 1) 0.72s both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-title-panel {\r\n    animation: jwHeroCopyRise 1.05s cubic-bezier(0.16, 1, 0.3, 1) 1.05s both !important;\r\n  }\r\n\r\n  @keyframes jwHeroCenterReveal {\r\n    0% {\r\n      opacity: 0;\r\n      clip-path: inset(0 46% 0 46%);\r\n      filter: blur(8px) saturate(0.9) brightness(0.82);\r\n      transform: scale(1.12);\r\n    }\r\n    58% {\r\n      opacity: 1;\r\n      clip-path: inset(0 0 0 0);\r\n      filter: blur(0) saturate(1.03) brightness(1.02);\r\n      transform: scale(1.035);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      clip-path: inset(0 0 0 0);\r\n      filter: none;\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes jwHeroLightSweep {\r\n    0% {\r\n      left: -36%;\r\n      opacity: 0;\r\n      transform: translate3d(0,0,0) skewX(-13deg);\r\n    }\r\n    20% {\r\n      opacity: 0.72;\r\n    }\r\n    82% {\r\n      opacity: 0.34;\r\n    }\r\n    100% {\r\n      left: 118%;\r\n      opacity: 0;\r\n      transform: translate3d(0,0,0) skewX(-13deg);\r\n    }\r\n  }\r\n\r\n  @keyframes jwHeroCopyRise {\r\n    0% {\r\n      opacity: 0;\r\n      filter: blur(9px);\r\n      transform: translate3d(0, 38px, 0) scale(0.975);\r\n    }\r\n    72% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(0, -4px, 0) scale(1.004);\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: 680px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-bg {\r\n      clip-path: inset(0 42% 0 42%);\r\n      transform: scale(1.08);\r\n    }\r\n\r\n    @keyframes jwHeroCenterReveal {\r\n      0% {\r\n        opacity: 0;\r\n        clip-path: inset(0 42% 0 42%);\r\n        filter: blur(6px) saturate(0.92) brightness(0.84);\r\n        transform: scale(1.08);\r\n      }\r\n      58% {\r\n        opacity: 1;\r\n        clip-path: inset(0 0 0 0);\r\n        filter: blur(0) saturate(1.02) brightness(1.01);\r\n        transform: scale(1.025);\r\n      }\r\n      100% {\r\n        opacity: 1;\r\n        clip-path: inset(0 0 0 0);\r\n        filter: none;\r\n        transform: 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-title-panel,\r\n    #jw-hosting-page .jw-row-1 .jw-hero-media::before {\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      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-row-1 .jw-hero-title-panel {\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-1 .jw-hero-media::before {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  \/* ================================================================\r\n     FINAL MOBILE HERO SPACING + ROW 4 TRANSPARENT SWIPE CORRECTION\r\n     ================================================================ *\/\r\n\r\n  \/* Keep the Row 4 image beneath the entire animated field so the\r\n     photograph remains visible through the translucent blue swipe. *\/\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-image {\r\n    left: 0;\r\n    width: 100%;\r\n    clip-path: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-image img {\r\n    object-position: center center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-swipe {\r\n    background: linear-gradient(\r\n      118deg,\r\n      rgba(1, 27, 112, 0.86) 0%,\r\n      rgba(0, 36, 84, 0.78) 48%,\r\n      rgba(6, 61, 187, 0.70) 100%\r\n    );\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    \/* Remove both the artificial navigation offset and the oversized\r\n       contain-box that created the empty navy area above the hero image. *\/\r\n    #jw-hosting-page .jw-row-1 {\r\n      padding-top: 0 !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-media {\r\n      min-height: 0 !important;\r\n      aspect-ratio: 1500 \/ 622 !important;\r\n      background: #17212a;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-media > .jw-hero-bg {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover !important;\r\n      object-position: center center !important;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  \/* ================================================================\r\n     FINAL ROW 4 GRADIENT + MOBILE HERO HEADING SIZE CORRECTION\r\n     ================================================================ *\/\r\n\r\n  \/* The animated field is darkest beneath the left-side copy and\r\n     progressively becomes lighter and more transparent toward the\r\n     photograph on the right. *\/\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-swipe {\r\n    background: linear-gradient(\r\n      118deg,\r\n      rgba(8, 42, 48, 0.97) 0%,\r\n      rgba(18, 63, 70, 0.92) 30%,\r\n      rgba(47, 143, 138, 0.76) 64%,\r\n      rgba(103, 199, 190, 0.42) 100%\r\n    );\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-heading {\r\n      font-size: clamp(27px, 8.2vw, 39px);\r\n      line-height: 1.01;\r\n      letter-spacing: -0.03em;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-heading {\r\n      font-size: clamp(25px, 7.8vw, 34px);\r\n    }\r\n  }\r\n\r\n\r\n\r\n  \/* ================================================================\r\n     FINAL HERO IMAGE 400PX-START \/ EIGHT-SECOND SMOOTH ZOOM OVERRIDE\r\n     - Starts at approximately 400px wide on the 1500px desktop hero.\r\n     - Uses one transform-only linear animation for steady motion.\r\n     - No opacity fade, blur, clipping, overshoot, easing, or end snap.\r\n     - Existing title, light-sweep, copy-band, and section animations remain.\r\n     ================================================================ *\/\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-media > .jw-hero-bg {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    max-width: none !important;\r\n    object-fit: cover !important;\r\n    object-position: center center !important;\r\n    opacity: 1 !important;\r\n    clip-path: none !important;\r\n    filter: none !important;\r\n    transform: translate3d(0, 0, 0) scale(0.266667);\r\n    transform-origin: center center;\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n    will-change: transform;\r\n    animation-fill-mode: both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-media > .jw-hero-bg {\r\n    animation: jwHeroEightSecond400pxZoom 8s linear 0s both !important;\r\n  }\r\n\r\n  @keyframes jwHeroEightSecond400pxZoom {\r\n    from {\r\n      transform: translate3d(0, 0, 0) scale(0.266667);\r\n    }\r\n    to {\r\n      transform: translate3d(0, 0, 0) scale(1);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-media > .jw-hero-bg {\r\n      transform: translate3d(0, 0, 0) scale(0.36);\r\n    }\r\n\r\n    @keyframes jwHeroEightSecond400pxZoom {\r\n      from {\r\n        transform: translate3d(0, 0, 0) scale(0.36);\r\n      }\r\n      to {\r\n        transform: translate3d(0, 0, 0) scale(1);\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-media > .jw-hero-bg {\r\n      transform: translate3d(0, 0, 0) scale(0.72);\r\n    }\r\n\r\n    @keyframes jwHeroEightSecond400pxZoom {\r\n      from {\r\n        transform: translate3d(0, 0, 0) scale(0.72);\r\n      }\r\n      to {\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-media > .jw-hero-bg {\r\n      animation: none !important;\r\n      opacity: 1 !important;\r\n      clip-path: none !important;\r\n      filter: none !important;\r\n      transform: translate3d(0, 0, 0) scale(1) !important;\r\n      will-change: auto;\r\n    }\r\n  }\r\n\r\n\r\n  \/* ================================================================\r\n     AUTHORITATIVE HERO TIMING CORRECTION\r\n     - Hero image: one uninterrupted four-second linear zoom.\r\n     - Headline overlay: begins at exactly three seconds and completes\r\n       gently at the four-second zoom endpoint.\r\n     - These final rules intentionally override all earlier Row 1\r\n       animation declarations to prevent timing conflicts and jumps.\r\n     ================================================================ *\/\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-media > .jw-hero-bg {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    max-width: none !important;\r\n    object-fit: cover !important;\r\n    object-position: center center !important;\r\n    opacity: 1 !important;\r\n    clip-path: none !important;\r\n    filter: none !important;\r\n    transform: translate3d(0, 0, 0) scale(0.266667);\r\n    transform-origin: center center !important;\r\n    backface-visibility: hidden;\r\n    -webkit-backface-visibility: hidden;\r\n    transition: none !important;\r\n    will-change: transform;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-media > .jw-hero-bg {\r\n    animation: jwHeroFinalFourSecondZoom 4s linear 0s 1 both !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-title-panel.jw-hero-message-overlay {\r\n    opacity: 0;\r\n    visibility: visible;\r\n    filter: blur(6px);\r\n    transform: translate3d(-58px, 0, 0);\r\n    transition: none !important;\r\n    will-change: transform, opacity, filter;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-title-panel.jw-hero-message-overlay {\r\n    animation: jwHeroFinalOverlayGentleEnter 1s cubic-bezier(0.22, 0.61, 0.36, 1) 3s 1 both !important;\r\n  }\r\n\r\n  @keyframes jwHeroFinalFourSecondZoom {\r\n    0% {\r\n      transform: translate3d(0, 0, 0) scale(0.266667);\r\n    }\r\n    100% {\r\n      transform: translate3d(0, 0, 0) scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes jwHeroFinalOverlayGentleEnter {\r\n    0% {\r\n      opacity: 0;\r\n      filter: blur(6px);\r\n      transform: translate3d(-58px, 0, 0);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-media > .jw-hero-bg {\r\n      transform: translate3d(0, 0, 0) scale(0.36);\r\n    }\r\n\r\n    @keyframes jwHeroFinalFourSecondZoom {\r\n      0% {\r\n        transform: translate3d(0, 0, 0) scale(0.36);\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 (max-width: 680px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-media > .jw-hero-bg {\r\n      transform: translate3d(0, 0, 0) scale(0.72);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-title-panel.jw-hero-message-overlay {\r\n      transform: translate3d(-34px, 0, 0);\r\n    }\r\n\r\n    @keyframes jwHeroFinalFourSecondZoom {\r\n      0% {\r\n        transform: translate3d(0, 0, 0) scale(0.72);\r\n      }\r\n      100% {\r\n        transform: translate3d(0, 0, 0) scale(1);\r\n      }\r\n    }\r\n\r\n    @keyframes jwHeroFinalOverlayGentleEnter {\r\n      0% {\r\n        opacity: 0;\r\n        filter: blur(5px);\r\n        transform: translate3d(-34px, 0, 0);\r\n      }\r\n      100% {\r\n        opacity: 1;\r\n        filter: blur(0);\r\n        transform: translate3d(0, 0, 0);\r\n      }\r\n    }\r\n  }\r\n\r\n  \/* MOBILE OVERLAY SIZE CORRECTION \u2014 compact enough to preserve CTA visibility *\/\r\n  @media (max-width: 680px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-shell {\r\n      width: calc(100% - 24px) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-cell {\r\n      padding: 0 0 14px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-title-panel.jw-hero-message-overlay {\r\n      width: min(285px, 78vw) !important;\r\n      max-width: 285px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-copy {\r\n      width: 100% !important;\r\n      max-width: 285px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-heading {\r\n      margin-bottom: 8px !important;\r\n      font-size: clamp(22px, 6.8vw, 30px) !important;\r\n      line-height: 0.96 !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-line--gold {\r\n      margin-top: 2px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-text {\r\n      max-width: 270px !important;\r\n      margin-bottom: 10px !important;\r\n      font-size: clamp(12px, 3.35vw, 14px) !important;\r\n      line-height: 1.28 !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-cta {\r\n      min-width: 0 !important;\r\n      padding: 9px 13px !important;\r\n      font-size: 10px !important;\r\n      line-height: 1.15 !important;\r\n      letter-spacing: 0.04em !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-title-panel.jw-hero-message-overlay {\r\n      width: min(250px, 74vw) !important;\r\n      max-width: 250px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-copy {\r\n      max-width: 250px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-heading {\r\n      font-size: clamp(20px, 6.3vw, 26px) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-text {\r\n      max-width: 238px !important;\r\n      font-size: 11px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-cta {\r\n      padding: 8px 11px !important;\r\n      font-size: 9px !important;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-media > .jw-hero-bg,\r\n    #jw-hosting-page .jw-row-1 .jw-hero-title-panel.jw-hero-message-overlay {\r\n      animation: none !important;\r\n      transition: none !important;\r\n      opacity: 1 !important;\r\n      filter: none !important;\r\n      transform: translate3d(0, 0, 0) scale(1) !important;\r\n      will-change: auto;\r\n    }\r\n  }\r\n\r\n<\/style>\r\n\r\n<div id=\"jw-hosting-page\" aria-label=\"Happy Tails Dog Grooming services page\">\r\n  <nav class=\"jw-top-nav\" aria-label=\"Dog grooming 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=\"Happy Tails Dog Grooming\">\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\" aria-hidden=\"true\">\r\n                    <svg viewBox=\"0 0 96 96\" focusable=\"false\">\r\n                      <defs>\r\n                        <linearGradient id=\"jwLogoOuterGradient\" x1=\"18\" y1=\"12\" x2=\"78\" y2=\"86\" gradientUnits=\"userSpaceOnUse\">\r\n                          <stop offset=\"0\" stop-color=\"#1c78b8\"><\/stop>\r\n                          <stop offset=\"0.52\" stop-color=\"#0b4f79\"><\/stop>\r\n                          <stop offset=\"1\" stop-color=\"#062d45\"><\/stop>\r\n                        <\/linearGradient>\r\n                        <linearGradient id=\"jwLogoInnerGradient\" x1=\"27\" y1=\"25\" x2=\"70\" y2=\"73\" gradientUnits=\"userSpaceOnUse\">\r\n                          <stop offset=\"0\" stop-color=\"#398f45\"><\/stop>\r\n                          <stop offset=\"1\" stop-color=\"#1f642a\"><\/stop>\r\n                        <\/linearGradient>\r\n                      <\/defs>\r\n                      <ellipse class=\"jw-logo-shadow\" cx=\"48\" cy=\"88\" rx=\"28\" ry=\"5\"><\/ellipse>\r\n                      <circle class=\"jw-logo-outer\" cx=\"48\" cy=\"47\" r=\"43\"><\/circle>\r\n                      <circle class=\"jw-logo-accent-ring\" cx=\"48\" cy=\"47\" r=\"37.5\"><\/circle>\r\n                      <circle class=\"jw-logo-inner\" cx=\"48\" cy=\"47\" r=\"31\"><\/circle>\r\n                      <path class=\"jw-logo-highlight\" d=\"M25.5 33.5c5.9-12.3 19.7-19.4 33.1-16.3\"><\/path>\r\n                      <g class=\"jw-logo-paw\">\r\n                        <ellipse cx=\"33.2\" cy=\"37.2\" rx=\"5.7\" ry=\"7.1\" transform=\"rotate(-28 33.2 37.2)\"><\/ellipse>\r\n                        <ellipse cx=\"43.2\" cy=\"29.8\" rx=\"5.8\" ry=\"7.4\" transform=\"rotate(-9 43.2 29.8)\"><\/ellipse>\r\n                        <ellipse cx=\"55.2\" cy=\"30.3\" rx=\"5.8\" ry=\"7.4\" transform=\"rotate(10 55.2 30.3)\"><\/ellipse>\r\n                        <ellipse cx=\"64.6\" cy=\"38.1\" rx=\"5.6\" ry=\"7\" transform=\"rotate(29 64.6 38.1)\"><\/ellipse>\r\n                        <path class=\"jw-logo-paw-pad\" d=\"M48.5 42.1c-9.4 0-18.8 7.6-18.8 16.2 0 6.8 4.9 10.4 10.4 9.1 2.9-.7 5.3-2.8 8.4-2.8 3.1 0 5.6 2.1 8.5 2.8 5.6 1.3 10.5-2.4 10.5-9.1 0-8.6-9.4-16.2-19-16.2z\"><\/path>\r\n                      <\/g>\r\n                      <path class=\"jw-logo-star\" d=\"M72.4 18.7l1.8 4.1 4.2 1.8-4.2 1.8-1.8 4.1-1.8-4.1-4.1-1.8 4.1-1.8 1.8-4.1z\"><\/path>\r\n                      <path class=\"jw-logo-star\" d=\"M22.7 55.3l1.2 2.6 2.6 1.2-2.6 1.2-1.2 2.6-1.2-2.6-2.6-1.2 2.6-1.2 1.2-2.6z\"><\/path>\r\n                    <\/svg>\r\n                  <\/span>\r\n                <\/td>\r\n                <td class=\"jw-top-nav-brand-copy\">\r\n                  <span class=\"jw-top-nav-brand-name\">Happy Tails<\/span>\r\n                  <span class=\"jw-top-nav-brand-service\">Dog Grooming<\/span>\r\n                <\/td>\r\n              <\/tr>\r\n            <\/tbody>\r\n          <\/table>\r\n        <\/div>\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-lines\" aria-hidden=\"true\"><\/span>\r\n        <\/button>\r\n        <div class=\"jw-top-nav-links\" id=\"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\">Services<\/a>\r\n          <a href=\"#jw-care\">Our Care<\/a>\r\n          <a href=\"#jw-safety\">Safety<\/a>\r\n          <a href=\"#jw-pricing\">Pricing<\/a>\r\n          <a href=\"#jw-faq\">FAQ<\/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      <!-- JW-IMAGE-01 | DOG GROOMING HERO -->\r\n      <img class=\"jw-hero-bg\" data-jw-image-slot=\"JW-IMAGE-01\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/ChatGPT-Image-Jul-29-2026-06_12_50-PM-2_optimized.webp\" alt=\"Professional groomer carefully trimming a small dog's coat in a bright grooming salon\" width=\"1500\" height=\"622\" 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=\"#082a30\" stop-opacity=\"0.97\"><\/stop>\r\n            <stop offset=\"0.58\" stop-color=\"#062d40\" stop-opacity=\"0.94\"><\/stop>\r\n            <stop offset=\"1\" stop-color=\"#5f9475\" stop-opacity=\"0.86\"><\/stop>\r\n          <\/linearGradient>\r\n        <\/defs>\r\n        <!-- FLATTER, LONGER SWEEP:\r\n             The top contact begins much farther left, but the path moves\r\n             outward quickly before it reaches the headline zone. That keeps\r\n             every line of hero lettering fully backed by the colored field.\r\n             From the headline downward, the boundary continues as a broad,\r\n             shallow diagonal sweep and finishes at the lower-right edge.\r\n             The filled side remains flush with x=0. -->\r\n        <path d=\"M0 0H330C500 18 620 72 700 150C758 207 790 275 818 347C852 435 905 526 1000 622H0Z\" fill=\"url(#jwHeroInvertedSweepGradient)\"><\/path>\r\n        <path class=\"jw-hero-curve-edge\" d=\"M330 0C500 18 620 72 700 150C758 207 790 275 818 347C852 435 905 526 1000 622\"><\/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=\"Professional Care. Happy Dogs.\">\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\">Professional Care.<\/span>\r\n                        <span class=\"jw-hero-overlay-line jw-hero-overlay-line--gold\">Happy Dogs.<\/span>\r\n                      <\/div>\r\n                      <p class=\"jw-hero-overlay-text\">Expert grooming in a calm, clean and loving environment.<\/p>\r\n                      <a class=\"jw-hero-overlay-cta\" href=\"#jw-contact\">Make an Appointment<\/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\">Happy <span class=\"jw-blue\">Tails<\/span> <span class=\"jw-green\">Dog Grooming<\/span><\/div>\r\n            <h1 id=\"jw-host-title\">Fresh coats, clean paws, and grooming built around your dog.<\/h1>\r\n          <\/div>\r\n\r\n          <div class=\"jw-hero-message-copy\">\r\n            <p class=\"jw-host-lead\">Bathing, brushing, haircutting, nail care, finishing, and patient one-on-one attention\u2014brought together in a professional grooming experience designed to keep dogs comfortable and looking their best.<\/p>\r\n\r\n            <a class=\"jw-host-btn\" href=\"#jw-contact\">Book a Grooming Appointment<\/a>\r\n            <a class=\"jw-host-btn jw-host-btn--light\" href=\"#jw-services\">View Services<\/a>\r\n\r\n            <div class=\"jw-hero-proof\" aria-label=\"Dog grooming highlights\">\r\n              <span>Gentle handling<\/span>\r\n              <span>Coat-specific care<\/span>\r\n              <span>Clean salon routine<\/span>\r\n              <span>Personal attention<\/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    <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            <!-- JW-IMAGE-02 | ABOUT \/ BATHING -->\r\n            <img data-jw-image-slot=\"JW-IMAGE-02\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/pexels-photo-6816844_optimized.webp\" alt=\"Dog groomer bathing a small dog in a professional grooming salon\" 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 us<\/span>\r\n          <h2 id=\"jw-host-foundation\">Good grooming starts with trust, patience, and the details.<\/h2>\r\n          <p>Every dog arrives with a different coat, temperament, routine, and comfort level. Our approach is to work carefully, communicate clearly, and tailor each appointment to the dog in front of us.<\/p>\r\n\r\n          <ul class=\"jw-host-checks\">\r\n            <li>Thoughtful handling from check-in through pickup<\/li>\r\n            <li>Grooming choices matched to coat condition and lifestyle<\/li>\r\n            <li>A clean, professional environment focused on comfort<\/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    <!-- JW-IMAGE-03 | SERVICES BACKGROUND -->\r\n    <img class=\"jw-model-bg\" data-jw-image-slot=\"JW-IMAGE-03\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/ChatGPT-Image-Jul-29-2026-05_58_29-PM_optimized.webp\" alt=\"Professional groomer trimming a Yorkshire Terrier during a grooming appointment\" width=\"1500\" height=\"833\" loading=\"lazy\" decoding=\"async\">\r\n\r\n    <div class=\"jw-host-inner\">\r\n      <span class=\"jw-host-eyebrow\">Services<\/span>\r\n      <h2 id=\"jw-host-models\">Choose the level of grooming your dog needs.<\/h2>\r\n      <p class=\"jw-host-lead\" style=\"margin-right:auto;margin-left:auto;color:rgba(255,255,255,.78);\">From a simple refresh to a complete haircut and finish, services can be matched to coat type, condition, size, and maintenance needs.<\/p>\r\n\r\n      <div class=\"jw-model-grid\">\r\n        <article class=\"jw-model-card\">\r\n          <small>Freshen up<\/small>\r\n          <h3>Bath &amp; Brush<\/h3>\r\n          <p>A thorough bath, drying, brushing, and finishing care for dogs that need a clean coat and regular maintenance between haircuts.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"jw-model-card\">\r\n          <small>Most complete<\/small>\r\n          <h3>Full Groom<\/h3>\r\n          <p>Bathing, drying, brush-out, haircut or trim, nail care, and finishing details brought together in one complete appointment.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"jw-model-card\">\r\n          <small>Quick care<\/small>\r\n          <h3>Maintenance Services<\/h3>\r\n          <p>Nail trimming, face and paw cleanup, brushing, and other focused services for dogs that need attention between full grooming visits.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 4 \u2014 DOG GROOMING 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      <!-- JW-IMAGE-04 | CBS-STYLE FEATURE IMAGE \/ DOG GROOMING -->\r\n      <img data-jw-image-slot=\"JW-IMAGE-04\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/ChatGPT-Image-Jul-29-2026-05_56_49-PM_optimized.webp?ver=1785373874\" alt=\"Professional dog groomer carefully working with a dog in a grooming salon\" width=\"1500\" height=\"1100\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n    <div class=\"jw-cbs4-swipe\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"jw-cbs4-arc\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"jw-cbs4-copy\">\r\n      <div class=\"jw-cbs-kicker\">Built around your dog<\/div>\r\n      <h2 id=\"jw-host-managed\">A grooming experience built for your dog\u2014not everybody else's.<\/h2>\r\n      <p>We begin with your dog's coat, comfort level, routine, and needs. That foundation guides the bath, brushing, handling, trim, and finishing details of the appointment.<\/p>\r\n      <div class=\"jw-cbs-btns\"><a class=\"jw-cbs-action\" href=\"#jw-about\">Discover Our Approach<\/a><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 5 \u2014 CBS FIFTH-ROW REPLICA \/ DOG GROOMING -->\r\n  <section id=\"jw-coat-care\" class=\"jw-host-row jw-row-5\" data-jw-row=\"5\" aria-labelledby=\"jw-host-speed\">\r\n    <!-- JW-IMAGE-05 | CBS-STYLE PARALLAX BACKGROUND SOURCE -->\r\n    <img class=\"jw-cbs5-bg-source\" data-jw-image-slot=\"JW-IMAGE-05\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/pexels-photo-191458861_optimized.webp\" alt=\"Professional dog groomer trimming a dog's coat in a grooming salon\" width=\"1800\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\r\n    <div class=\"jw-cbs5-side-label\" aria-hidden=\"true\">\r\n      <span>Grooming Care<\/span>\r\n      <i><\/i>\r\n      <span>Built for Comfort<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"jw-cbs5-shell\">\r\n      <div class=\"jw-cbs5-card\">\r\n        <div class=\"jw-cbs-kicker\">Care that keeps working<\/div>\r\n        <h2 id=\"jw-host-speed\">Beautiful is the beginning. Comfort and coat health are the goal.<\/h2>\r\n        <p>Every part of the appointment is considered as part of a larger care routine\u2014from the first brush and bath to drying, trimming, nail care, and the final finish.<\/p>\r\n\r\n        <div class=\"jw-cbs-checks\" role=\"list\" aria-label=\"Dog grooming care priorities\">\r\n          <div class=\"jw-cbs-check-row\" role=\"presentation\">\r\n            <div class=\"jw-cbs-check\" role=\"listitem\">Gentle, dog-first handling<\/div>\r\n            <div class=\"jw-cbs-check\" role=\"listitem\">Coat-specific grooming choices<\/div>\r\n          <\/div>\r\n          <div class=\"jw-cbs-check-row\" role=\"presentation\">\r\n            <div class=\"jw-cbs-check\" role=\"listitem\">Professional finishing details<\/div>\r\n            <div class=\"jw-cbs-check\" role=\"listitem\">Clean, comfort-focused routine<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"jw-cbs5-orbit-stage\" aria-label=\"Animated Happy Tails grooming care graphic\">\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            <svg class=\"jw-cbs5-orbit-paw\" viewBox=\"0 0 120 110\" role=\"presentation\" focusable=\"false\">\r\n              <ellipse class=\"jw-paw-main\" cx=\"60\" cy=\"76\" rx=\"31\" ry=\"25\"><\/ellipse>\r\n              <ellipse class=\"jw-paw-main\" cx=\"25\" cy=\"42\" rx=\"13\" ry=\"17\" transform=\"rotate(-18 25 42)\"><\/ellipse>\r\n              <ellipse class=\"jw-paw-accent\" cx=\"48\" cy=\"27\" rx=\"13\" ry=\"17\" transform=\"rotate(-5 48 27)\"><\/ellipse>\r\n              <ellipse class=\"jw-paw-accent\" cx=\"74\" cy=\"27\" rx=\"13\" ry=\"17\" transform=\"rotate(5 74 27)\"><\/ellipse>\r\n              <ellipse class=\"jw-paw-main\" cx=\"97\" cy=\"42\" rx=\"13\" ry=\"17\" transform=\"rotate(18 97 42)\"><\/ellipse>\r\n            <\/svg>\r\n            <strong class=\"jw-cbs5-orbit-brand\">Happy Tails<\/strong>\r\n            <span class=\"jw-cbs5-orbit-subbrand\">Dog Grooming<\/span>\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>Trim<\/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>Care<\/span><\/span>\r\n        <\/span>\r\n        <span class=\"jw-cbs5-orbit-track jw-cbs5-orbit-track--bath\" aria-hidden=\"true\">\r\n          <span class=\"jw-cbs5-orbit-badge\"><span>Bath<\/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 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\">GROOMED <small>WITH CARE<\/small><\/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\">Bath &amp; coat care<\/span>\r\n                  <span class=\"jw-speed-status\">Fresh<\/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\">Trim &amp; styling<\/span>\r\n                  <span class=\"jw-speed-status\">Polished<\/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\">Comfort &amp; handling<\/span>\r\n                  <span class=\"jw-speed-status\">Calm<\/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\">Professional grooming from start to finish<\/span>\r\n            <h2 id=\"jw-speed-row-title\">Care you can see and your dog can feel.<\/h2>\r\n            <p>Every appointment is built around your dog\u2019s coat, comfort, and individual needs. From the bath and brush-out to the trim, finishing touches, and gentle handling, each step is designed to leave your dog clean, comfortable, and looking their best.<\/p>\r\n\r\n            <ul class=\"jw-speed-checks\">\r\n              <li>Thorough bathing and coat care tailored to your dog<\/li>\r\n              <li>Careful trimming and finishing for a clean, polished look<\/li>\r\n              <li>Patient, comfort-focused handling throughout the visit<\/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=\"Dog grooming services\">\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\">Comfort-first grooming<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Professional bathing<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Coat care<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Brushing &amp; finishing<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Nail care<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Dog-first handling<\/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\">Comfort-first grooming<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Professional bathing<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Coat care<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Brushing &amp; finishing<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Nail care<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Dog-first handling<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 6 -->\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    <!-- JW-IMAGE-06 | COMFORT BACKGROUND -->\r\n    <img class=\"jw-uptime-bg\" data-jw-image-slot=\"JW-IMAGE-06\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/ChatGPT-Image-Jul-29-2026-05_59_11-PM_optimized.webp\" alt=\"Dog groomers carefully working with a Yorkshire Terrier in a professional salon\" width=\"1500\" height=\"833\" loading=\"lazy\" decoding=\"async\">\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\">Individual attention<\/span>\r\n          <h2 id=\"jw-host-uptime\">Every appointment is built around the dog on the table.<\/h2>\r\n          <p class=\"jw-host-lead\" style=\"color:rgba(255,255,255,.8);\">Coat condition, age, size, temperament, and grooming history can all affect how an appointment should be handled. Personal attention keeps the process practical, clear, and dog-focused.<\/p>\r\n          <p style=\"color:rgba(255,255,255,.68);font-size:.9rem;\">The animated figure represents our focus on attentive care; actual service timing and grooming options vary by dog.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"jw-host-cell\">\r\n          <div class=\"jw-uptime-gauge\" aria-label=\"Care focus: 100 percent\">\r\n            <svg viewBox=\"0 0 360 360\" aria-hidden=\"true\">\r\n              <defs>\r\n                <linearGradient id=\"jwUptimeGradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0\" stop-color=\"#67c7be\"><\/stop>\r\n                  <stop offset=\"1\" stop-color=\"#91c7a8\"><\/stop>\r\n                <\/linearGradient>\r\n              <\/defs>\r\n\r\n              <circle class=\"jw-ring-base\" cx=\"180\" cy=\"180\" r=\"160\"><\/circle>\r\n              <circle class=\"jw-ring-progress\" cx=\"180\" cy=\"180\" r=\"160\"><\/circle>\r\n            <\/svg>\r\n\r\n            <div class=\"jw-uptime-number\">\r\n              <strong data-jw-count=\"100\" data-jw-decimals=\"0\" data-jw-suffix=\"%\">0%<\/strong>\r\n              <span>individual care focus<\/span>\r\n            <\/div>\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=\"Customer service supporting visual\">\r\n            <!-- JW-IMAGE-12 | CUSTOMER SERVICE SUPPORTING VISUAL -->\r\n            <img data-jw-image-slot=\"JW-IMAGE-12\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/customer-service.webp\" alt=\"Customer service word cloud displayed on a glass panel\" width=\"1173\" height=\"1341\" 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\">Safety &amp; sanitation<\/span>\r\n          <h2 id=\"jw-host-security\">A professional grooming routine includes the environment around the dog.<\/h2>\r\n          <p>Clean work areas, maintained tools, attentive handling, and practical grooming procedures all contribute to a calmer, more consistent appointment from arrival through pickup.<\/p>\r\n\r\n          <ul class=\"jw-host-checks\">\r\n            <li>Clean grooming surfaces and equipment<\/li>\r\n            <li>Tools maintained for consistent performance<\/li>\r\n            <li>Handling choices adjusted to the individual dog<\/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=\"Animated dog grooming paw and comb emblem\">\r\n            <!-- JW-IMAGE-07 | SAFETY VISUAL -->\r\n            <img data-jw-image-slot=\"JW-IMAGE-07\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/ChatGPT-Image-Jul-29-2026-06_15_09-PM_optimized.webp\" alt=\"Professional groomer attending to a Chow Chow on a grooming table\" width=\"1200\" height=\"1500\" loading=\"lazy\" decoding=\"async\">\r\n\r\n            <div class=\"jw-radar\" aria-hidden=\"true\">\r\n              <svg class=\"jw-grooming-mark\" viewBox=\"0 0 220 260\" role=\"img\" aria-label=\"Paw print above a grooming comb\">\r\n                <path d=\"M110 105 C82 105 58 126 58 154 C58 181 80 198 110 198 C140 198 162 181 162 154 C162 126 138 105 110 105 Z\"><\/path>\r\n                <path d=\"M69 94 C56 94 47 82 47 67 C47 52 56 40 69 40 C82 40 91 52 91 67 C91 82 82 94 69 94 Z\"><\/path>\r\n                <path d=\"M151 94 C138 94 129 82 129 67 C129 52 138 40 151 40 C164 40 173 52 173 67 C173 82 164 94 151 94 Z\"><\/path>\r\n                <path d=\"M105 82 C92 82 83 69 83 54 C83 39 92 27 105 27 C118 27 127 39 127 54 C127 69 118 82 105 82 Z\"><\/path>\r\n                <path d=\"M45 220 H175\"><\/path>\r\n                <path d=\"M55 220 V240 M70 220 V240 M85 220 V240 M100 220 V240 M115 220 V240 M130 220 V240 M145 220 V240 M160 220 V240\"><\/path>\r\n              <\/svg>\r\n            <\/div>\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    <!-- JW-IMAGE-09 | PRICING BACKGROUND -->\r\n    <img class=\"jw-price-bg\" data-jw-image-slot=\"JW-IMAGE-09\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/ChatGPT-Image-Jul-29-2026-05_53_47-PM_optimized.webp\" alt=\"Small dog receiving a professional bath and grooming treatment\" width=\"1500\" height=\"833\" loading=\"lazy\" decoding=\"async\">\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\">Straightforward pricing<\/span>\r\n          <h2 id=\"jw-host-price\">Clear starting prices, with the final quote based on your dog.<\/h2>\r\n          <p class=\"jw-host-lead\" style=\"color:rgba(255,255,255,.82);\">Size, coat type, coat condition, haircut choice, and appointment time can change the work involved. We explain the plan before grooming begins.<\/p>\r\n\r\n          <ul class=\"jw-host-checks\">\r\n            <li>Pricing based on the actual grooming work required<\/li>\r\n            <li>Service options explained before the appointment proceeds<\/li>\r\n            <li>No pressure to add services your dog does not need<\/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\">Full Grooming From<\/span>\r\n            <div class=\"jw-price\"><sup>$<\/sup><span data-jw-count=\"65\" data-jw-start=\"165\" data-jw-duration=\"5600\" data-jw-easing=\"linear\" data-jw-decimals=\"0\">165<\/span><\/div>\r\n            <div class=\"jw-price-term\">sample starting price<\/div>\r\n            <p style=\"color:rgba(255,255,255,.8);font-size:.94rem;\">Bath, drying, brush-out, haircut or trim, nail care, and finishing details. Replace this sample price with your actual starting rate before publishing.<\/p>\r\n            <a class=\"jw-host-btn\" href=\"#jw-contact\">Request an Appointment<\/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            <!-- JW-IMAGE-08 | COMPLETE GROOMING PACKAGE -->\r\n            <img data-jw-image-slot=\"JW-IMAGE-08\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/ChatGPT-Image-Jul-29-2026-06_28_28-PM_optimized.webp\" alt=\"Yorkshire Terrier receiving a professional haircut in a grooming salon\" width=\"1300\" height=\"1500\" 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\">A complete grooming visit<\/span>\r\n          <h2 id=\"jw-host-package\">The essentials come together in one appointment.<\/h2>\r\n          <p>A full groom brings coat preparation, cleanup, styling, and finishing into one coordinated service, with adjustments made for the individual dog.<\/p>\r\n\r\n          <div class=\"jw-feature-grid\" aria-label=\"Included dog grooming features\">\r\n            <div class=\"jw-feature-row\">\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">B<\/span>\r\n                <strong>Bath &amp; Cleanse<\/strong>\r\n                <small>A thorough wash matched to the coat<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">D<\/span>\r\n                <strong>Dry &amp; Brush<\/strong>\r\n                <small>Coat preparation before finishing<\/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\">T<\/span>\r\n                <strong>Trim &amp; Style<\/strong>\r\n                <small>A finish suited to coat and lifestyle<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">N<\/span>\r\n                <strong>Nail Care<\/strong>\r\n                <small>Routine nail trimming during the visit<\/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\">P<\/span>\r\n                <strong>Paw &amp; Face Detail<\/strong>\r\n                <small>Cleanup where the small details matter<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">F<\/span>\r\n                <strong>Final Finish<\/strong>\r\n                <small>A polished coat ready for pickup<\/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 dog owners usually want to know before booking.<\/h2>\r\n        <p>These answers are written as general salon guidance. Update any policy-specific wording to match your business before publishing.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"jw-faq-list\">\r\n        <details class=\"jw-faq-item\">\r\n          <summary>How long does a grooming appointment take?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Appointment length depends on size, coat type, coat condition, haircut, drying time, and how comfortable the dog is with grooming. A more accurate estimate can be given after the service is discussed.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>What is included in a full groom?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>A typical full groom includes bathing, drying, brushing, haircutting or trimming, nail care, and finishing details. The exact service can be adjusted for coat type, condition, and owner preference.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>How often should my dog be professionally groomed?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>There is no single schedule for every dog. Coat type, length, shedding, skin and coat maintenance, home brushing, and the preferred haircut all affect how often professional grooming is useful.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>Can you groom nervous or first-time dogs?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Many dogs need extra patience when grooming is new or stressful. Tell the salon about your dog's grooming history, sensitivities, and handling concerns when booking so the appointment can be planned appropriately.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>What should I tell the groomer before the appointment?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Share the haircut or length you prefer, recent coat issues, matting, behavior concerns, sensitivities, and anything that may affect handling. Clear information helps the groomer plan the service responsibly.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>How is the final grooming price determined?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Pricing can vary with size, coat type, coat condition, style, time required, and extra work such as substantial de-matting. The sample price on this page should be replaced with the salon's actual pricing policy.<\/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    <!-- JW-IMAGE-10 | FINAL CTA BACKGROUND -->\r\n    <img class=\"jw-cta-bg\" data-jw-image-slot=\"JW-IMAGE-10\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/07\/ChatGPT-Image-Jul-29-2026-06_12_50-PM-1_optimized.webp\" alt=\"Small dog receiving professional grooming care in a pet salon\" width=\"1500\" height=\"825\" 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      <span class=\"jw-host-eyebrow\">Contact &amp; appointments<\/span>\r\n      <h2 id=\"jw-host-cta\">Ready for a cleaner coat and a happier-looking dog?<\/h2>\r\n      <p class=\"jw-host-lead\">Tell us about your dog, the service you need, and the look you have in mind. We will help you choose the right grooming appointment.<\/p>\r\n      <div class=\"jw-cta-actions\" aria-label=\"Appointment 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\">Book an Appointment<\/span>\r\n            <span class=\"jw-reference-cta-sub\">DOG GROOMING APPOINTMENT<\/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 FAQ<\/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\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 start = null;\r\n        var duration = parseInt(counter.getAttribute(\"data-jw-duration\"), 10) || 1600;\r\n        var easing = counter.getAttribute(\"data-jw-easing\") || \"ease-out\";\r\n\r\n        function frame(time) {\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 && 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        }\r\n\r\n        window.requestAnimationFrame(frame);\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        setCounter(counter, 0);\r\n      });\r\n    }\r\n\r\n\r\n    root.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)) return;\r\n\r\n      var targetId = link.getAttribute(\"href\");\r\n      var target = targetId ? document.querySelector(targetId) : null;\r\n      if (!target) return;\r\n\r\n      event.preventDefault();\r\n      var reduce = window.matchMedia &&\r\n        window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n      target.scrollIntoView({\r\n        behavior: reduce ? \"auto\" : \"smooth\",\r\n        block: \"start\"\r\n      });\r\n\r\n      if (window.history && window.history.replaceState) {\r\n        window.history.replaceState(null, \"\", targetId);\r\n      }\r\n    });\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      return;\r\n    }\r\n\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    var rowTwoObserver = new IntersectionObserver(handleRowEntries, {\r\n      threshold: 0.01,\r\n      rootMargin: \"0px\"\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       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-2\")) {\r\n        rowTwoObserver.observe(row);\r\n      } else 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 {\r\n        observer.observe(row);\r\n      }\r\n    });\r\n\r\n\r\n    \/* Anchor-safe sticky-menu controller.\r\n       The menu is fixed continuously after initialization, so clicking early\r\n       section links such as About Us or Services cannot drop it back into the\r\n       document flow. A spacer preserves the menu's original space. *\/\r\n    (function initJwStickyTopNav() {\r\n      var nav = root.querySelector(\".jw-top-nav\");\r\n      if (!nav) 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\r\n      function isMobileMenu() {\r\n        return window.matchMedia(\"(max-width: 620px)\").matches;\r\n      }\r\n\r\n      function setMobileMenu(open) {\r\n        if (!toggle || !linksPanel) return;\r\n        nav.classList.toggle(\"jw-mobile-menu-open\", !!open);\r\n        toggle.setAttribute(\"aria-expanded\", open ? \"true\" : \"false\");\r\n        toggle.setAttribute(\"aria-label\", open ? \"Close navigation menu\" : \"Open navigation menu\");\r\n      }\r\n\r\n      if (toggle) {\r\n        toggle.addEventListener(\"click\", function () {\r\n          setMobileMenu(toggle.getAttribute(\"aria-expanded\") !== \"true\");\r\n          requestAnimationFrame(measure);\r\n        });\r\n      }\r\n\r\n      var spacer = document.createElement(\"div\");\r\n      spacer.className = \"jw-top-nav-spacer jw-top-nav-spacer--active\";\r\n      spacer.setAttribute(\"aria-hidden\", \"true\");\r\n      nav.parentNode.insertBefore(spacer, nav);\r\n\r\n      function getTopOffset() {\r\n        var adminBar = document.getElementById(\"wpadminbar\");\r\n        return adminBar\r\n          ? Math.max(0, Math.round(adminBar.getBoundingClientRect().height))\r\n          : 0;\r\n      }\r\n\r\n      function measure() {\r\n        var topOffset = getTopOffset();\r\n\r\n        nav.classList.add(\"jw-top-nav--fixed\");\r\n\r\n        var menuHeight = Math.ceil(nav.getBoundingClientRect().height);\r\n\r\n        root.style.setProperty(\"--jw-sticky-top\", topOffset + \"px\");\r\n        root.style.setProperty(\"--jw-sticky-menu-height\", menuHeight + \"px\");\r\n\r\n        spacer.classList.add(\"jw-top-nav-spacer--active\");\r\n      }\r\n\r\n      function scrollToTarget(target) {\r\n        if (!target) return;\r\n\r\n        var topOffset = getTopOffset();\r\n        var menuHeight = Math.ceil(nav.getBoundingClientRect().height);\r\n        var targetTop =\r\n          target.getBoundingClientRect().top +\r\n          window.pageYOffset -\r\n          topOffset -\r\n          menuHeight -\r\n          18;\r\n\r\n        window.scrollTo({\r\n          top: Math.max(0, targetTop),\r\n          behavior: \"auto\"\r\n        });\r\n      }\r\n\r\n      nav.addEventListener(\"click\", function (event) {\r\n        var link = event.target.closest('a[href^=\"#\"]');\r\n        if (!link || !nav.contains(link)) return;\r\n\r\n        var hash = link.getAttribute(\"href\");\r\n        if (!hash || hash === \"#\") return;\r\n\r\n        var target = document.querySelector(hash);\r\n        if (!target) return;\r\n\r\n        event.preventDefault();\r\n\r\n        if (isMobileMenu()) {\r\n          setMobileMenu(false);\r\n        }\r\n\r\n        nav.classList.add(\"jw-top-nav--fixed\");\r\n        spacer.classList.add(\"jw-top-nav-spacer--active\");\r\n        measure();\r\n        scrollToTarget(target);\r\n\r\n        if (history.pushState) {\r\n          history.pushState(null, \"\", hash);\r\n        } else {\r\n          location.hash = hash;\r\n        }\r\n      });\r\n\r\n      measure();\r\n\r\n      window.addEventListener(\"resize\", function () {\r\n        if (!isMobileMenu()) setMobileMenu(false);\r\n        measure();\r\n      }, { passive: true });\r\n      window.addEventListener(\"load\", measure, { once: true });\r\n    }());\r\n\r\n  }());\r\n<\/script><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Happy Tails Dog Grooming Home About Us Services Our Care Safety Pricing FAQ Contact Professional Care. Happy Dogs. Expert grooming in a calm, clean and loving environment. Make an Appointment Happy Tails Dog Grooming Fresh coats, clean paws, and grooming built around your dog. Bathing, brushing, haircutting, nail care, finishing, and patient one-on-one attention\u2014brought together [&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-1251","page","type-page","status-publish","hentry","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Work Space 32 -<\/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\/work-space-32\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Work Space 32 -\" \/>\n<meta property=\"og:description\" content=\"Happy Tails Dog Grooming Home About Us Services Our Care Safety Pricing FAQ Contact Professional Care. Happy Dogs. Expert grooming in a calm, clean and loving environment. Make an Appointment Happy Tails Dog Grooming Fresh coats, clean paws, and grooming built around your dog. Bathing, brushing, haircutting, nail care, finishing, and patient one-on-one attention\u2014brought together [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jwwebsites.com\/frederick-young\/work-space-32\/\" \/>\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\\\/work-space-32\\\/\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/work-space-32\\\/\",\"name\":\"Work Space 32 -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/#website\"},\"datePublished\":\"2026-07-05T00:19:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/work-space-32\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/work-space-32\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/work-space-32\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Work Space 32\"}]},{\"@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":"Work Space 32 -","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\/work-space-32\/","og_locale":"en_US","og_type":"article","og_title":"Work Space 32 -","og_description":"Happy Tails Dog Grooming Home About Us Services Our Care Safety Pricing FAQ Contact Professional Care. Happy Dogs. Expert grooming in a calm, clean and loving environment. Make an Appointment Happy Tails Dog Grooming Fresh coats, clean paws, and grooming built around your dog. Bathing, brushing, haircutting, nail care, finishing, and patient one-on-one attention\u2014brought together [&hellip;]","og_url":"https:\/\/jwwebsites.com\/frederick-young\/work-space-32\/","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jwwebsites.com\/frederick-young\/work-space-32\/","url":"https:\/\/jwwebsites.com\/frederick-young\/work-space-32\/","name":"Work Space 32 -","isPartOf":{"@id":"https:\/\/jwwebsites.com\/frederick-young\/#website"},"datePublished":"2026-07-05T00:19:01+00:00","breadcrumb":{"@id":"https:\/\/jwwebsites.com\/frederick-young\/work-space-32\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jwwebsites.com\/frederick-young\/work-space-32\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jwwebsites.com\/frederick-young\/work-space-32\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jwwebsites.com\/frederick-young\/"},{"@type":"ListItem","position":2,"name":"Work Space 32"}]},{"@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\/1251","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=1251"}],"version-history":[{"count":1,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1251\/revisions"}],"predecessor-version":[{"id":1253,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1251\/revisions\/1253"}],"wp:attachment":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/media?parent=1251"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/folder?post=1251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}