{"id":1330,"date":"2026-08-05T06:07:21","date_gmt":"2026-08-05T06:07:21","guid":{"rendered":"https:\/\/jwwebsites.com\/frederick-young\/?page_id=1330"},"modified":"2026-08-06T21:00:26","modified_gmt":"2026-08-06T21:00:26","slug":"workspace-37","status":"publish","type":"page","link":"https:\/\/jwwebsites.com\/frederick-young\/workspace-37\/","title":{"rendered":"Workspace-37"},"content":{"rendered":"<div id=\"pl-1330\"  class=\"panel-layout\" ><div id=\"pg-1330-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-1330-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1330-0-0-0\" class=\"so-panel widget widget_so_protected_block_widget panel-first-child panel-last-child\" data-index=\"0\" ><!CAD Drafting-->\r\n<!doctype html>\r\n<html lang=\"en\">\r\n<head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><\/head>\r\n<body>\r\n<!--\r\n  Elite CAD Drafting Services \u2014 Full Page \/ SiteOrigin + Vantage Safe Build\r\n\r\n  CONVERSION NOTE:\r\n  This page preserves the supplied architecture, full-width breakout, section order,\r\n  responsive behavior, scroll reveals, card flips, curtain reveal, CBS-style feature\r\n  animation, smooth architectural sweep geometry, portrait-image trim, equal-height card geometry,\r\n  parallax composition, orbit animation, performance meters, circular counter,\r\n  CAD-quality emblem animation, pricing count animation, light beams, particles, fixed navigation,\r\n  button interactions, FAQ details behavior, and reduced-motion handling.\r\n\r\n  Paste this entire block into one Standard SiteOrigin Custom HTML \/ protected widget.\r\n\r\n  PROJECT NOTE:\r\n  This conversion is written for Elite CAD Drafting Services and identifies Nathaniel Hargrove\r\n  only where owner identification is natural. The retained animated $8,500 figure is labeled as\r\n  an illustrative planning example rather than a published fee or quotation. Actual scope,\r\n  deliverables, schedule, local requirements, and pricing must be confirmed for each project.\r\n\r\n-->\r\n<style>\r\n  @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: #12324a;\r\n    --jw-navy-2: #081a2a;\r\n    --jw-blue: #1d6fa5;\r\n    --jw-blue-bright: #56b4e9;\r\n    --jw-green: #d9822b;\r\n    --jw-green-bright: #f2b35c;\r\n    --jw-cream: #f3f7fa;\r\n    --jw-sand: #c7d8e4;\r\n    --jw-white: #ffffff;\r\n    --jw-ink: #172736;\r\n    --jw-muted: #617485;\r\n    --jw-shadow: 0 24px 70px rgba(2, 22, 31, 0.22);\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: var(--jw-host-vw, 100vw);\r\n    max-width: none;\r\n    margin-right: calc((100% - var(--jw-host-vw, 100vw)) \/ 2);\r\n    margin-left: calc((100% - var(--jw-host-vw, 100vw)) \/ 2);\r\n    overflow: hidden;\r\n    color: var(--jw-ink);\r\n    background: var(--jw-white);\r\n    font-family: \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n    line-height: 1.6;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  #jw-hosting-page img,\r\n  #jw-hosting-page svg {\r\n    display: block;\r\n    max-width: 100%;\r\n  }\r\n\r\n  #jw-hosting-page a {\r\n    color: inherit;\r\n  }\r\n\r\n  #jw-hosting-page h1,\r\n  #jw-hosting-page h2,\r\n  #jw-hosting-page h3,\r\n  #jw-hosting-page p {\r\n    margin-top: 0;\r\n  }\r\n\r\n  #jw-hosting-page h1,\r\n  #jw-hosting-page h2,\r\n  #jw-hosting-page h3 {\r\n    color: inherit;\r\n    font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n    font-weight: 700;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  #jw-hosting-page h1 {\r\n    max-width: 820px;\r\n    margin-bottom: 24px;\r\n    font-size: clamp(2.55rem, 5.44vw, 5.44rem);\r\n  }\r\n\r\n  #jw-hosting-page h2 {\r\n    margin-bottom: 22px;\r\n    font-size: clamp(1.91rem, 3.74vw, 3.83rem);\r\n  }\r\n\r\n  #jw-hosting-page h3 {\r\n    margin-bottom: 12px;\r\n    font-size: clamp(20px, 1.7vw, 23px);\r\n  }\r\n\r\n  #jw-hosting-page p {\r\n    margin-bottom: 22px;\r\n    font-size: clamp(19px, 1.23vw, 24px) !important;\r\n    line-height: 1.62;\r\n  }\r\n\r\n  #jw-hosting-page small {\r\n    font-size: 16px !important;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-row {\r\n    position: relative;\r\n    min-height: 560px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-inner {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: min(1180px, calc(100% - 48px));\r\n    margin: 0 auto;\r\n    padding: 104px 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-table {\r\n    display: table;\r\n    width: 100%;\r\n    table-layout: fixed;\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-cell {\r\n    display: table-cell;\r\n    width: 50%;\r\n    min-width: 0;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-cell + .jw-host-cell {\r\n    padding-left: clamp(34px, 6vw, 88px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-table--reverse .jw-host-cell + .jw-host-cell {\r\n    padding-right: clamp(34px, 6vw, 88px);\r\n    padding-left: 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 20px;\r\n    color: var(--jw-green);\r\n    font-size: clamp(25px, 0.9vw, 18px) !important;\r\n    font-weight: 900;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-row--dark .jw-host-eyebrow {\r\n    color: var(--jw-green-bright);\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-lead {\r\n    max-width: 710px;\r\n    color: inherit;\r\n    font-size: clamp(20px, 1.45vw, 27px) !important;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-btn {\r\n    display: inline-block;\r\n    position: relative;\r\n    min-width: 190px;\r\n    min-height: 60px;\r\n    padding: 19px 68px 19px 32px;\r\n    overflow: hidden;\r\n    border: 2px solid rgba(255, 255, 255, 0.22);\r\n    border-radius: 999px;\r\n    background:\r\n      linear-gradient(180deg, #e49a46 0%, var(--jw-green) 55%, #9b531b 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.38),\r\n      inset 0 -3px 0 rgba(19, 75, 24, 0.42),\r\n      0 17px 34px rgba(217, 130, 43, 0.30),\r\n      0 5px 0 rgba(25, 78, 29, 0.34);\r\n    color: var(--jw-white);\r\n    font-size: clamp(18px, 1.02vw, 20px) !important;\r\n    font-weight: 850;\r\n    line-height: 1.2;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    isolation: isolate;\r\n    transform: translateZ(0);\r\n    transition:\r\n      transform 180ms ease,\r\n      box-shadow 180ms ease,\r\n      background 180ms ease,\r\n      border-color 180ms ease,\r\n      color 180ms ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-btn::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    top: 5px;\r\n    right: 12px;\r\n    left: 12px;\r\n    height: 42%;\r\n    border-radius: 999px;\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(255, 255, 255, 0.46),\r\n        rgba(255, 255, 255, 0.04)\r\n      );\r\n    opacity: 0.72;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-btn::after {\r\n    content: \"\u2192\";\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 16px;\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.16);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.28),\r\n      0 4px 10px rgba(0, 0, 0, 0.16);\r\n    color: var(--jw-white);\r\n    font-size: 20px;\r\n    line-height: 36px;\r\n    text-align: center;\r\n    transform: translateY(-50%);\r\n    transition:\r\n      transform 180ms ease,\r\n      background 180ms ease,\r\n      color 180ms ease,\r\n      box-shadow 180ms ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-btn:hover,\r\n  #jw-hosting-page .jw-host-btn:focus-visible {\r\n    border-color: rgba(255, 255, 255, 0.32);\r\n    background:\r\n      linear-gradient(180deg, #f0ad61 0%, #d9822b 55%, #8a4718 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.44),\r\n      inset 0 -3px 0 rgba(19, 75, 24, 0.48),\r\n      0 22px 42px rgba(217, 130, 43, 0.38),\r\n      0 6px 0 rgba(25, 78, 29, 0.36);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-btn:hover::after,\r\n  #jw-hosting-page .jw-host-btn:focus-visible::after {\r\n    background: rgba(255, 255, 255, 0.24);\r\n    transform: translateY(-50%) translateX(4px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-btn:active {\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-btn:focus {\r\n    outline: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-btn:focus-visible {\r\n    outline: 3px solid rgba(86, 180, 233, 0.34);\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-btn[aria-disabled=\"true\"] {\r\n    cursor: default;\r\n    pointer-events: none;\r\n    user-select: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-btn--light {\r\n    margin-left: 10px;\r\n    border-color: rgba(255, 255, 255, 0.72);\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(255, 255, 255, 0.22) 0%,\r\n        rgba(255, 255, 255, 0.10) 58%,\r\n        rgba(255, 255, 255, 0.04) 100%\r\n      );\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.34),\r\n      inset 0 -2px 0 rgba(0, 0, 0, 0.14),\r\n      0 14px 28px rgba(0, 0, 0, 0.18),\r\n      0 4px 0 rgba(0, 0, 0, 0.16);\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-btn--light::after {\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(255, 255, 255, 0.28),\r\n        rgba(255, 255, 255, 0.12)\r\n      );\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-btn--light:hover,\r\n  #jw-hosting-page .jw-host-btn--light:focus-visible {\r\n    border-color: rgba(242, 179, 92, 0.88);\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(242, 179, 92, 0.30) 0%,\r\n        rgba(217, 130, 43, 0.22) 58%,\r\n        rgba(217, 130, 43, 0.12) 100%\r\n      );\r\n    color: var(--jw-white);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.34),\r\n      inset 0 -2px 0 rgba(0, 0, 0, 0.16),\r\n      0 19px 34px rgba(0, 0, 0, 0.22),\r\n      0 5px 0 rgba(217, 130, 43, 0.24);\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-checks {\r\n    margin: 28px 0 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-checks li {\r\n    position: relative;\r\n    margin: 16px 0;\r\n    padding-left: 34px;\r\n    font-size: clamp(17px, 0.98vw, 20px) !important;\r\n    line-height: 1.5;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #jw-hosting-page .jw-host-checks li::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0.34em;\r\n    left: 0;\r\n    width: 18px;\r\n    height: 10px;\r\n    border-bottom: 3px solid var(--jw-green);\r\n    border-left: 3px solid var(--jw-green);\r\n    transform: rotate(-45deg);\r\n  }\r\n\r\n  \/* ROW 1 \u2014 full-width image with compact title overlay *\/\r\n  #jw-hosting-page .jw-row-1 {\r\n    display: block;\r\n    width: 100%;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    background: var(--jw-navy-2);\r\n    color: var(--jw-ink);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1::before,\r\n  #jw-hosting-page .jw-row-1::after {\r\n    display: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-media {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 475px;\r\n    aspect-ratio: 750 \/ 311;\r\n    overflow: hidden;\r\n    background: #17212a;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-media > .jw-hero-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    min-width: 100%;\r\n    height: 100%;\r\n    max-width: none;\r\n    object-fit: cover;\r\n    object-position: center center;\r\n    filter: none;\r\n    transform: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-media::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(7, 14, 20, 0.04) 0%,\r\n        rgba(7, 14, 20, 0) 52%,\r\n        rgba(7, 14, 20, 0.34) 100%\r\n      );\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-overlay-stage {\r\n    position: absolute;\r\n    z-index: 2;\r\n    inset: 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-overlay-shell {\r\n    width: min(1480px, calc(100% - 48px));\r\n    max-width: 1480px;\r\n    height: 100%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-overlay-table {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 0 !important;\r\n    border: 0 !important;\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    table-layout: fixed;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-overlay-table tbody,\r\n  #jw-hosting-page .jw-hero-overlay-table tr {\r\n    height: auto !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    background: transparent !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-overlay-cell {\r\n    min-width: 0;\r\n    padding: 0 0 46px !important;\r\n    border: 0 !important;\r\n    background: transparent !important;\r\n    vertical-align: bottom;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-title-panel {\r\n    display: inline-block;\r\n    width: auto;\r\n    max-width: 100%;\r\n    height: auto !important;\r\n    min-height: 0 !important;\r\n    padding: 10px 13px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.60);\r\n    border-bottom: 0;\r\n    border-left: 7px solid var(--jw-green);\r\n    border-radius: 16px;\r\n    background: #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: #8aa0ad;\r\n    opacity: 0.46;\r\n    -webkit-text-stroke: 0.55px rgba(30, 42, 53, 0.32);\r\n    filter: blur(0.1px);\r\n    text-shadow: 0 6px 8px rgba(30, 42, 53, 0.16);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hosting-title-rule {\r\n    position: relative;\r\n    z-index: 4;\r\n    display: block;\r\n    width: 100%;\r\n    height: 6px;\r\n    margin: 8px 0 0;\r\n    overflow: hidden;\r\n    border-radius: 999px;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        var(--jw-blue) 0%,\r\n        var(--jw-blue) 42%,\r\n        var(--jw-green) 42%,\r\n        var(--jw-green) 73%,\r\n        var(--jw-ink) 73%,\r\n        var(--jw-ink) 100%\r\n      );\r\n    box-shadow:\r\n      0 5px 8px rgba(30, 42, 53, 0.19),\r\n      0 0 0 1px rgba(30, 42, 53, 0.04);\r\n  }\r\n\r\n  #jw-hosting-page .jw-hosting-title-rule::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -42%;\r\n    width: 34%;\r\n    height: 100%;\r\n    background:\r\n      linear-gradient(\r\n        105deg,\r\n        transparent 0%,\r\n        rgba(255, 255, 255, 0.12) 25%,\r\n        rgba(255, 255, 255, 0.82) 50%,\r\n        rgba(255, 255, 255, 0.12) 75%,\r\n        transparent 100%\r\n      );\r\n    opacity: 0;\r\n    transform: translateX(0) skewX(-18deg);\r\n    animation: jwHostingTitleBarSweep 4.4s ease-in-out infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-title-panel .jw-host-eyebrow {\r\n    margin: 0;\r\n    color: var(--jw-blue);\r\n    font-size: 13px !important;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.15em;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-copy-band {\r\n    position: relative;\r\n    z-index: 3;\r\n    overflow: hidden;\r\n    padding: 58px 0 76px;\r\n    background:\r\n      radial-gradient(circle at 92% 15%, rgba(29, 111, 165, 0.07), transparent 28%),\r\n      linear-gradient(135deg, #ffffff 0%, #f6f9fc 100%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-shell {\r\n    width: min(1180px, calc(100% - 40px));\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-table {\r\n    display: table;\r\n    width: 100%;\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    table-layout: fixed;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-heading,\r\n  #jw-hosting-page .jw-hero-message-copy {\r\n    display: table-cell;\r\n    min-width: 0;\r\n    opacity: 0;\r\n    vertical-align: top;\r\n    filter: blur(10px);\r\n    will-change: transform, opacity, filter;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-heading {\r\n    width: 59%;\r\n    padding: 0 55px 0 0;\r\n    transform: translate3d(-108vw, 28px, 0) scale(0.94) rotate(-1.6deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-copy {\r\n    width: 41%;\r\n    padding: 4px 0 0 44px;\r\n    border-left: 1px solid rgba(30, 42, 53, 0.12);\r\n    transform: translate3d(108vw, -24px, 0) scale(0.94) rotate(1.6deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-copy-band.jw-copy-band-visible .jw-hero-message-heading {\r\n    animation: jwCopyBandLeftEnter 1.12s cubic-bezier(0.16, 0.82, 0.24, 1) both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-copy-band.jw-copy-band-visible .jw-hero-message-copy {\r\n    animation: jwCopyBandRightEnter 1.12s cubic-bezier(0.16, 0.82, 0.24, 1) 110ms both;\r\n  }\r\n\r\n  @keyframes jwCopyBandLeftEnter {\r\n    0% {\r\n      opacity: 0;\r\n      filter: blur(10px);\r\n      transform: translate3d(-108vw, 28px, 0) scale(0.94) rotate(-1.6deg);\r\n    }\r\n    72% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(18px, -3px, 0) scale(1.008) rotate(0.18deg);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(0, 0, 0) scale(1) rotate(0);\r\n    }\r\n  }\r\n\r\n  @keyframes jwCopyBandRightEnter {\r\n    0% {\r\n      opacity: 0;\r\n      filter: blur(10px);\r\n      transform: translate3d(108vw, -24px, 0) scale(0.94) rotate(1.6deg);\r\n    }\r\n    72% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(-18px, 3px, 0) scale(1.008) rotate(-0.18deg);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(0, 0, 0) scale(1) rotate(0);\r\n    }\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-heading .jw-brand-line {\r\n    margin-bottom: 19px;\r\n    color: var(--jw-ink);\r\n    font-size: 15px !important;\r\n    font-weight: 800;\r\n    line-height: 1.35;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-heading .jw-brand-line .jw-blue {\r\n    color: var(--jw-blue);\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-heading .jw-brand-line .jw-green {\r\n    color: var(--jw-green);\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-heading h1 {\r\n    max-width: 760px;\r\n    margin: 0;\r\n    color: var(--jw-ink);\r\n    font-size: clamp(39px, 4.3vw, 62px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-copy > .jw-host-lead {\r\n    max-width: 540px;\r\n    margin-bottom: 27px;\r\n    color: var(--jw-muted);\r\n    font-size: 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(38, 50, 58, 0.08),\r\n      0 14px 28px rgba(38, 50, 58, 0.12),\r\n      0 4px 0 rgba(38, 50, 58, 0.10);\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-copy .jw-host-btn--light::after {\r\n    background:\r\n      linear-gradient(180deg, #edf5fb, #d7e7f2);\r\n    color: var(--jw-blue);\r\n    box-shadow:\r\n      inset 0 1px 0 #ffffff,\r\n      0 3px 8px rgba(38, 50, 58, 0.15);\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-copy .jw-host-btn--light:hover,\r\n  #jw-hosting-page .jw-hero-message-copy .jw-host-btn--light:focus-visible {\r\n    border-color: rgba(217, 130, 43, 0.42);\r\n    background:\r\n      linear-gradient(180deg, #ffffff 0%, #f4faf4 58%, #dcebdc 100%);\r\n    color: var(--jw-ink);\r\n    box-shadow:\r\n      inset 0 1px 0 #ffffff,\r\n      inset 0 -2px 0 rgba(217, 130, 43, 0.10),\r\n      0 18px 34px rgba(38, 50, 58, 0.15),\r\n      0 5px 0 rgba(217, 130, 43, 0.14);\r\n  }\r\n\r\n  #jw-hosting-page .jw-hero-message-copy .jw-host-btn--light:hover::after,\r\n  #jw-hosting-page .jw-hero-message-copy .jw-host-btn--light:focus-visible::after {\r\n    background:\r\n      linear-gradient(180deg, #e4f2df, #cae2c5);\r\n    color: var(--jw-green);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-proof {\r\n    display: block;\r\n    width: 100%;\r\n    margin-top: 20px;\r\n    font-size: 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-proof span {\r\n    display: inline-block;\r\n    width: 50%;\r\n    min-width: 0;\r\n    margin: 0 0 9px;\r\n    padding: 0 12px 0 0;\r\n    color: var(--jw-muted);\r\n    font-size: 15px !important;\r\n    font-weight: 700;\r\n    line-height: 1.45;\r\n    vertical-align: top;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-proof span::before {\r\n    content: \"\";\r\n    display: inline-block;\r\n    width: 8px;\r\n    height: 8px;\r\n    margin-right: 8px;\r\n    border-radius: 50%;\r\n    background: var(--jw-green);\r\n    vertical-align: 0.08em;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-title-panel {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  @keyframes jwHostingTitleBarSweep {\r\n    0%,\r\n    18% {\r\n      opacity: 0;\r\n      transform: translateX(0) skewX(-18deg);\r\n    }\r\n\r\n    28% {\r\n      opacity: 0.72;\r\n    }\r\n\r\n    66%,\r\n    100% {\r\n      opacity: 0;\r\n      transform: translateX(430%) skewX(-18deg);\r\n    }\r\n  }\r\n\r\n  \/* ROW 2 \u2014 diagonal curtain reveal *\/\r\n  #jw-hosting-page .jw-row-2 {\r\n    background: var(--jw-white);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-2 .jw-curtain {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 6px solid #081a2a;\r\n    border-radius: 34px;\r\n    background: #081a2a;\r\n    box-shadow:\r\n      0 0 0 3px #d9822b,\r\n      var(--jw-shadow);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-2 .jw-curtain img {\r\n    width: 100%;\r\n    min-height: 490px;\r\n    object-fit: cover;\r\n    transform: scale(1.2);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-2 .jw-curtain::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -20%;\r\n    background: linear-gradient(135deg, #475f70 0%, #8b7059 100%);\r\n    transform: translateX(0) skewX(-12deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-2 .jw-foundation-copy {\r\n    opacity: 0;\r\n    transform: translateX(90px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-2.jw-host-visible .jw-curtain::after {\r\n    animation: jwCurtainAway 3s cubic-bezier(0.65, 0, 0.35, 1) 0ms forwards;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-2.jw-host-visible .jw-curtain img {\r\n    animation: jwCurtainImage 5.6s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-2.jw-host-visible .jw-foundation-copy {\r\n    animation: jwSlideOpposite 4.6s cubic-bezier(0.22, 0.61, 0.36, 1) 800ms both;\r\n  }\r\n\r\n  @keyframes jwCurtainAway {\r\n    to { transform: translateX(135%) skewX(-12deg); }\r\n  }\r\n\r\n  @keyframes jwCurtainImage {\r\n    to { transform: scale(1); }\r\n  }\r\n\r\n  @keyframes jwSlideOpposite {\r\n    to { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  \/* ROW 3 \u2014 staggered 3D card flips *\/\r\n  #jw-hosting-page .jw-row-3 {\r\n    background: var(--jw-navy);\r\n    color: var(--jw-white);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-model-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 1;\r\n    filter: grayscale(0.4) saturate(1.3);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset: 0;\r\n    background: rgba(2, 11, 23, 0.48);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-host-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-host-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-model-grid {\r\n    display: table;\r\n    width: 100%;\r\n    margin-top: 46px;\r\n    table-layout: fixed;\r\n    border-spacing: 18px 0;\r\n    perspective: 1100px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-model-card {\r\n    display: table-cell;\r\n    position: relative;\r\n    width: 33.333%;\r\n    padding: 36px 28px;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    border-radius: 24px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);\r\n    opacity: 0;\r\n    text-align: left;\r\n    transform: rotateY(92deg) translateY(35px);\r\n    transform-origin: left center;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-model-card:nth-child(2) {\r\n    border-color: rgba(242, 179, 92, 0.75);\r\n    background: rgba(217, 130, 43, 0.24);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-model-card small {\r\n    color: var(--jw-green-bright);\r\n    font-weight: 900;\r\n    letter-spacing: 0.13em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-model-card p {\r\n    margin-bottom: 0;\r\n    color: rgba(255, 255, 255, 0.75);\r\n    font-size: clamp(17px, 0.95vw, 20px) !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3.jw-host-visible .jw-model-card {\r\n    animation: jwCardFlip 950ms cubic-bezier(0.16, 1, 0.3, 1) both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3.jw-host-visible .jw-model-card:nth-child(2) {\r\n    animation-delay: 180ms;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3.jw-host-visible .jw-model-card:nth-child(3) {\r\n    animation-delay: 360ms;\r\n  }\r\n\r\n  @keyframes jwCardFlip {\r\n    0% { opacity: 0; transform: rotateY(92deg) translateY(35px); }\r\n    70% { opacity: 1; transform: rotateY(-8deg) translateY(0); }\r\n    100% { opacity: 1; transform: rotateY(0) translateY(0); }\r\n  }\r\n\r\n  \/* ROW 4 REVISION \u2014 desktop copy inset increased by roughly one inch;\r\n     primary CTA now shares the raised jw-host-btn treatment used by the estimate CTA. *\/\r\n  \/* ROW 4 \u2014 CBS HOMEPAGE FEATURE ANIMATION \/ ARCHITECTURAL DRAFTING 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: 100%;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    opacity: 1;\r\n    clip-path: none;\r\n    transform: translateX(105%) scale(1.03);\r\n    transition:\r\n      transform 1.65s cubic-bezier(0.16, 0.82, 0.24, 1) 0.08s,\r\n      opacity 1s ease 0.08s;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: none;\r\n    object-fit: cover;\r\n    object-position: center center;\r\n    filter: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-image {\r\n    transform: translateX(0) scale(1);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-swipe {\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    background:\r\n      linear-gradient(\r\n        118deg,\r\n        rgba(13, 28, 42, 0.96) 0%,\r\n        rgba(24, 48, 66, 0.92) 38%,\r\n        rgba(45, 76, 98, 0.84) 68%,\r\n        rgba(83, 119, 143, 0.68) 100%\r\n      );\r\n    clip-path: polygon(0 0, 70% 0, 80% 100%, 0 100%);\r\n    box-shadow: -28px 0 70px rgba(0, 0, 0, 0.18);\r\n    transform: translateX(-110%);\r\n    transition: transform 1.45s cubic-bezier(0.16, 0.82, 0.24, 1);\r\n    will-change: transform;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-swipe {\r\n    transform: translateX(-14%);\r\n  }\r\n\r\n  \/* ROW 4 TWO-COLOR VARIABLE-WIDTH LEADING EDGE.\r\n     The SVG travels with the blue swipe so both decorative ribbons remain\r\n     locked to its image-facing boundary. Each ribbon follows the same\r\n     small-to-large-to-small width progression from top to bottom. *\/\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-leading-edge {\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: none;\r\n    overflow: visible;\r\n    filter: drop-shadow(7px 0 10px rgba(8, 26, 42, 0.24));\r\n    transform: translateX(-110%);\r\n    transition: transform 1.45s cubic-bezier(0.16, 0.82, 0.24, 1);\r\n    will-change: transform;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-leading-edge path {\r\n    stroke: none;\r\n    shape-rendering: geometricPrecision;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-edge-ribbon--blue {\r\n    fill: #081a2a;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-edge-ribbon--copper {\r\n    fill: #d9822b;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-leading-edge {\r\n    transform: translateX(-14%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-arc {\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: -180px;\r\n    right: 20%;\r\n    width: 700px;\r\n    height: 900px;\r\n    border: 1px solid rgba(255, 255, 255, 0.18);\r\n    border-radius: 50%;\r\n    opacity: 0;\r\n    transform: translateX(135px) scale(0.94);\r\n    transition:\r\n      opacity 0.95s ease,\r\n      transform 1.2s cubic-bezier(0.16, 0.82, 0.24, 1);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-arc {\r\n    opacity: 1;\r\n    transform: none;\r\n    transition-delay: 0.62s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-copy {\r\n    position: relative;\r\n    z-index: 4;\r\n    display: flex;\r\n    width: min(1756px, calc(100% - 40px));\r\n    min-height: 700px;\r\n    margin: 0 auto;\r\n    padding: 112px min(10vw, 145px) 105px clamp(72px, 5vw, 96px);\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    color: #ffffff;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-copy > * {\r\n    max-width: 780px;\r\n    opacity: 0;\r\n    filter: blur(9px);\r\n    transform: translateX(-145px) scale(0.95);\r\n    transition:\r\n      opacity 0.72s ease,\r\n      transform 1s cubic-bezier(0.16, 0.82, 0.24, 1),\r\n      filter 0.76s ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-copy > * {\r\n    opacity: 1;\r\n    filter: blur(0);\r\n    transform: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-copy > *:nth-child(1) { transition-delay: 0.20s; }\r\n  #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-copy > *:nth-child(2) { transition-delay: 0.34s; }\r\n  #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-copy > *:nth-child(3) { transition-delay: 0.48s; }\r\n  #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-copy > *:nth-child(4) { transition-delay: 0.62s; }\r\n\r\n  #jw-hosting-page .jw-cbs-kicker {\r\n    position: relative;\r\n    display: inline-block;\r\n    margin: 0 0 20px;\r\n    padding-left: 54px;\r\n    color: #bcd0ff;\r\n    font-size: 13px !important;\r\n    font-weight: 900;\r\n    line-height: 1.35;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs-kicker::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    width: 40px;\r\n    height: 3px;\r\n    border-radius: 3px;\r\n    background: #2a620a;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs-kicker {\r\n    color: #ffffff;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs-kicker::before {\r\n    background: #8ca6ff;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-copy h2 {\r\n    max-width: 880px;\r\n    margin: 0 0 28px;\r\n    color: #ffffff;\r\n    font-size: clamp(43px, 5.25vw, 76px);\r\n    font-weight: 700;\r\n    line-height: 1.03;\r\n    letter-spacing: -0.048em;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-4 .jw-cbs4-copy p {\r\n    max-width: 760px;\r\n    margin: 0;\r\n    color: #f1f5ff;\r\n    font-size: 18px !important;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs-btns {\r\n    margin-top: 34px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs-action {\r\n    position: relative;\r\n    display: inline-block;\r\n    min-height: 58px;\r\n    padding: 18px 62px 18px 30px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.92);\r\n    border-radius: 999px;\r\n    background: linear-gradient(180deg, #ffffff 0%, #f7f9fb 58%, #e5ebf0 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 #ffffff,\r\n      inset 0 -2px 0 rgba(0, 36, 84, 0.10),\r\n      0 16px 30px rgba(0, 0, 0, 0.20),\r\n      0 5px 0 rgba(0, 20, 48, 0.18);\r\n    color: #0e2b50 !important;\r\n    font-size: 14px !important;\r\n    font-weight: 800;\r\n    line-height: 1.4;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    transform: translateZ(0);\r\n    transition:\r\n      transform 0.28s ease,\r\n      background 0.28s ease,\r\n      border-color 0.28s ease,\r\n      box-shadow 0.28s ease,\r\n      color 0.28s ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs-action::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: 5px;\r\n    right: 12px;\r\n    left: 12px;\r\n    height: 42%;\r\n    border-radius: 999px;\r\n    background: linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.05));\r\n    opacity: 0.72;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs-action::after {\r\n    content: \"\u2192\";\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 16px;\r\n    z-index: 1;\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(180deg, #eaf0ff, #d9e4ff);\r\n    box-shadow: inset 0 1px 0 #ffffff, 0 3px 8px rgba(30, 42, 53, 0.16);\r\n    color: #2d4658;\r\n    font-size: 19px;\r\n    line-height: 34px;\r\n    text-align: center;\r\n    transform: translateY(-50%);\r\n    transition: transform 0.28s ease, background 0.28s ease, color 0.28s ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs-action:hover,\r\n  #jw-hosting-page .jw-cbs-action:focus-visible {\r\n    border-color: #a6d47e;\r\n    background: linear-gradient(180deg, #ffffff 0%, #f4faf0 58%, #ddeadd 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 #ffffff,\r\n      inset 0 -2px 0 rgba(42, 98, 10, 0.10),\r\n      0 20px 36px rgba(0, 0, 0, 0.22),\r\n      0 6px 0 rgba(42, 98, 10, 0.16);\r\n    color: #0e2b50 !important;\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs-action:hover::after,\r\n  #jw-hosting-page .jw-cbs-action:focus-visible::after {\r\n    background: linear-gradient(180deg, #ddefd1, #c8e1b8);\r\n    color: #2a620a;\r\n    transform: translateY(-50%) translateX(4px);\r\n  }\r\n\r\n  \/* ROW 5 \u2014 Creative Business System fifth-row stationary-background replica *\/\r\n  #jw-hosting-page .jw-row-5 {\r\n    position: relative;\r\n    display: flex;\r\n    width: 100%;\r\n    max-width: none;\r\n    min-height: 66.6667vw;\r\n    margin: 0;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    background-color: #020b17;\r\n    background-image:\r\n      linear-gradient(90deg, rgba(2, 11, 23, 0.32), rgba(2, 11, 23, 0.10)),\r\n      \/* ROW 5 NO-JS FALLBACK | primary background comes from the unique HTML image source below *\/\r\n      var(--jw-row5-bg, linear-gradient(135deg, #12324a 0%, #1d6fa5 52%, #d9822b 100%));\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    color: #ffffff;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-bg-source {\r\n    position: absolute !important;\r\n    width: 1px !important;\r\n    height: 1px !important;\r\n    margin: -1px !important;\r\n    padding: 0 !important;\r\n    overflow: hidden !important;\r\n    clip: rect(0 0 0 0) !important;\r\n    clip-path: inset(50%) !important;\r\n    white-space: nowrap !important;\r\n    opacity: 0 !important;\r\n    pointer-events: none !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-shell {\r\n    position: relative;\r\n    z-index: 3;\r\n    display: flex;\r\n    width: min(1700px, calc(100% - 140px));\r\n    min-height: inherit;\r\n    margin: 0 auto;\r\n    align-items: center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-card {\r\n    position: sticky;\r\n    top: 110px;\r\n    z-index: 4;\r\n    width: min(660px, 100%);\r\n    padding: 54px;\r\n    border: 1px solid rgba(255, 255, 255, 0.14);\r\n    border-radius: 28px;\r\n    background: rgba(18, 28, 37, 0.78);\r\n    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);\r\n    color: #ffffff;\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-card .jw-cbs-kicker {\r\n    color: #8ca6ff;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-card h2 {\r\n    margin: 0 0 28px;\r\n    color: #ffffff;\r\n    font-size: clamp(38px, 3.7vw, 58px);\r\n    font-weight: 700;\r\n    line-height: 1.12;\r\n    letter-spacing: -0.035em;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-card p {\r\n    margin: 0;\r\n    color: #dbe3ea;\r\n    font-size: clamp(17px, 1.05vw, 19px) !important;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs-checks {\r\n    display: table;\r\n    width: 100%;\r\n    margin-top: 30px;\r\n    border-collapse: separate;\r\n    border-spacing: 0 14px;\r\n    table-layout: fixed;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs-check-row {\r\n    display: table-row;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs-check {\r\n    display: table-cell;\r\n    position: relative;\r\n    width: 50%;\r\n    padding: 0 18px 0 38px;\r\n    color: #ffffff;\r\n    font-size: 15px !important;\r\n    font-weight: 800;\r\n    line-height: 1.45;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs-check::before {\r\n    content: \"\u2713\";\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    width: 25px;\r\n    height: 25px;\r\n    border-radius: 50%;\r\n    background: #2a620a;\r\n    color: #ffffff;\r\n    font-size: 13px;\r\n    line-height: 25px;\r\n    text-align: center;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs5-side-label {\r\n    position: absolute;\r\n    z-index: 5;\r\n    top: 50%;\r\n    right: 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n    color: #ffffff;\r\n    font-size: 11px !important;\r\n    font-weight: 900;\r\n    line-height: 1.1;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    writing-mode: vertical-rl;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs5-side-label i {\r\n    display: block;\r\n    width: 1px;\r\n    height: 62px;\r\n    background: rgba(255, 255, 255, 0.72);\r\n  }\r\n\r\n  @media (min-width: 681px) {\r\n    #jw-hosting-page .jw-row-5 {\r\n      background-attachment: fixed;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    #jw-hosting-page .jw-row-4 {\r\n      min-height: 720px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-image {\r\n      width: 100%;\r\n      clip-path: none;\r\n      transform: translateX(105%) scale(1.03);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-swipe {\r\n      clip-path: polygon(0 0, 78% 0, 88% 100%, 0 100%);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-leading-edge {\r\n      left: 8%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-copy {\r\n      width: min(100% - 40px, 1180px);\r\n      min-height: 720px;\r\n      padding: 90px 72px 86px 48px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 {\r\n      min-height: 760px;\r\n      background-attachment: scroll;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-shell {\r\n      width: min(100% - 48px, 1180px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-cbs5-side-label {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    #jw-hosting-page .jw-row-4 {\r\n      min-height: 610px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-image {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: 1;\r\n      clip-path: none;\r\n      transform: translateX(105%) scale(1.03);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4.jw-host-visible .jw-cbs4-image {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-swipe {\r\n      clip-path: none;\r\n      background:\r\n        linear-gradient(\r\n          118deg,\r\n          rgba(11, 25, 38, 0.96) 0%,\r\n          rgba(25, 49, 67, 0.92) 52%,\r\n          rgba(66, 98, 120, 0.76) 100%\r\n        );\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-leading-edge {\r\n      display: none;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-arc {\r\n      top: -80px;\r\n      right: -420px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-copy {\r\n      width: min(100% - 28px, 1180px);\r\n      min-height: 610px;\r\n      padding: 74px 0 66px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-copy > * {\r\n      width: auto;\r\n      max-width: 780px;\r\n      transform: translateX(-82px) scale(0.96);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-copy h2 {\r\n      font-size: clamp(38px, 12vw, 55px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-copy p {\r\n      font-size: 16px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-copy .jw-host-btn {\r\n      width: 100%;\r\n      padding-right: 58px;\r\n      padding-left: 22px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 {\r\n      display: block;\r\n      min-height: 0;\r\n      padding: 72px 0;\r\n      background-attachment: scroll;\r\n      background-position: center center;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-shell {\r\n      display: block;\r\n      width: calc(100% - 28px);\r\n      min-height: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-card {\r\n      position: relative;\r\n      top: auto;\r\n      width: 100%;\r\n      padding: 34px 24px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-card h2 {\r\n      font-size: clamp(34px, 10vw, 48px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-cbs-checks,\r\n    #jw-hosting-page .jw-cbs-check-row,\r\n    #jw-hosting-page .jw-cbs-check {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-cbs-checks {\r\n      margin-top: 24px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-cbs-check {\r\n      margin: 12px 0;\r\n      padding-right: 0;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-image,\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-swipe,\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-leading-edge,\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-arc,\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-copy > * {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-image {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-swipe {\r\n      transform: translateX(-14%) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-leading-edge {\r\n      transform: translateX(-14%) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-arc {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-cbs4-copy > * {\r\n      opacity: 1 !important;\r\n      filter: none !important;\r\n      transform: none !important;\r\n    }\r\n  }\r\n\r\n  \/* ROW 6 REVISION \u2014 clear image + reversed header-style opposing entrance.\r\n     The project photograph remains completely unfiltered. The image enters from\r\n     the right while a smooth sculpted sail panel enters from the left and finishes\r\n     at approximately the midpoint of the section. The former faceted\/jagged edge\r\n     has been replaced with one continuous flowing curve. On wide screens, the copy\r\n     group is anchored approximately 1.5 inches farther left than its prior position. *\/\r\n  #jw-hosting-page .jw-row-6 {\r\n    position: relative;\r\n    min-height: 720px;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    background: #081a2a;\r\n    color: var(--jw-white);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6::before,\r\n  #jw-hosting-page .jw-row-6::after {\r\n    content: none !important;\r\n    display: none !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-uptime-bg {\r\n    position: absolute;\r\n    z-index: 0;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: none;\r\n    object-fit: cover;\r\n    object-position: center center;\r\n    opacity: 1;\r\n    filter: none;\r\n    transform: translate3d(105%, 0, 0) scale(1.015);\r\n    transform-origin: center center;\r\n    will-change: transform;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-why-wave-sweep {\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 58%;\r\n    height: 100%;\r\n    max-width: none;\r\n    overflow: visible;\r\n    filter: drop-shadow(24px 0 36px rgba(0, 0, 0, 0.24));\r\n    transform: translate3d(-115vw, 0, 0) skewX(1.2deg);\r\n    transform-origin: 50% 50%;\r\n    pointer-events: none;\r\n    will-change: transform;\r\n  }\r\n\r\n  \/* ROW 6 TWO-COLOR VARIABLE-WIDTH LEADING EDGE.\r\n     Both closed ribbons follow the sail's continuous curve and use the same\r\n     narrow-to-wide-to-narrow progression. Because they live inside the moving\r\n     SVG, they remain perfectly synchronized with the existing entrance. *\/\r\n  #jw-hosting-page .jw-row-6 .jw-why-wave-edge-ribbon {\r\n    stroke: none;\r\n    pointer-events: none;\r\n    shape-rendering: geometricPrecision;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-why-wave-edge-ribbon--blue {\r\n    fill: #081a2a;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-why-wave-edge-ribbon--copper {\r\n    fill: #d9822b;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-host-inner {\r\n    z-index: 2;\r\n    width: min(1240px, calc(100% - 48px));\r\n    min-height: 720px;\r\n    padding: 104px 0;\r\n  }\r\n\r\n  \/* DESKTOP COPY POSITION \u2014 the former centered 1240px shell is expanded only\r\n     to the left. At the reference desktop width this moves the complete wording,\r\n     note, and planning-focus content approximately 144px (1.5in) left without\r\n     creating negative page width or horizontal overflow. *\/\r\n  @media (min-width: 981px) {\r\n    #jw-hosting-page .jw-row-6 .jw-host-inner {\r\n      width: min(1384px, calc(100% - 48px));\r\n      margin-right: auto;\r\n      margin-left: max(24px, calc((100% - 1240px) \/ 2 - 144px));\r\n    }\r\n\r\n    \/* The smaller turnaround display moves toward the outer right edge by up to\r\n       approximately three CSS inches while remaining contained at narrower widths. *\/\r\n    #jw-hosting-page .jw-row-6 .jw-turnaround-circle-stage {\r\n      left: clamp(0px, calc((100vw - 1180px) * 0.75), 288px);\r\n    }\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-host-table {\r\n    height: 100%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-host-cell:first-child {\r\n    width: 56%;\r\n    padding-right: clamp(34px, 5vw, 76px);\r\n    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.24);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-host-cell + .jw-host-cell {\r\n    width: 44%;\r\n    padding-left: 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-why-copy {\r\n    max-width: 650px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-why-copy > * {\r\n    opacity: 0;\r\n    filter: blur(8px);\r\n    transform: translate3d(76px, 18px, 0) scale(0.96);\r\n    will-change: transform, opacity, filter;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-host-eyebrow {\r\n    color: var(--jw-green-bright);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-why-copy h2 {\r\n    max-width: 640px;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-why-copy .jw-host-lead {\r\n    max-width: 630px;\r\n    margin-bottom: 20px;\r\n    color: rgba(255, 255, 255, 0.92);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-why-note {\r\n    max-width: 610px;\r\n    margin-bottom: 0;\r\n    color: rgba(255, 255, 255, 0.78);\r\n    font-size: 17px !important;\r\n    line-height: 1.58;\r\n  }\r\n\r\n  \/* TURNAROUND CIRCLE \u2014 right-side 0-to-100 drafting-readiness display *\/\r\n  #jw-hosting-page .jw-row-6 .jw-why-image-space {\r\n    text-align: center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-circle-stage {\r\n    display: inline-block;\r\n    position: relative;\r\n    width: min(278px, 100%);\r\n    padding: 12px;\r\n    opacity: 0;\r\n    vertical-align: middle;\r\n    filter: blur(8px);\r\n    transform: translate3d(90px, 20px, 0) scale(0.9);\r\n    will-change: transform, opacity, filter;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-circle {\r\n    --jw-circle-progress: 0deg;\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 250px;\r\n    margin: 0 auto;\r\n    aspect-ratio: 1 \/ 1;\r\n    padding: 18px;\r\n    border-radius: 50%;\r\n    background:\r\n      conic-gradient(\r\n        from -90deg,\r\n        var(--jw-green-bright) 0deg,\r\n        var(--jw-green) var(--jw-circle-progress),\r\n        rgba(255, 255, 255, 0.20) var(--jw-circle-progress),\r\n        rgba(255, 255, 255, 0.20) 360deg\r\n      );\r\n    box-shadow:\r\n      0 28px 70px rgba(0, 0, 0, 0.34),\r\n      0 0 0 1px rgba(255, 255, 255, 0.18),\r\n      0 0 42px rgba(242, 179, 92, 0.20);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-circle::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 9px;\r\n    border: 1px solid rgba(255, 255, 255, 0.20);\r\n    border-radius: 50%;\r\n    background:\r\n      radial-gradient(circle at 38% 30%, rgba(255, 255, 255, 0.16), transparent 28%),\r\n      linear-gradient(145deg, rgba(8, 26, 42, 0.98), rgba(18, 50, 74, 0.95));\r\n    box-shadow:\r\n      inset 0 0 34px rgba(0, 0, 0, 0.28),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.13);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-circle-inner {\r\n    display: table;\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    text-align: center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-circle-content {\r\n    display: table-cell;\r\n    padding: 18px;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-count {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n    font-size: clamp(46px, 4.8vw, 68px) !important;\r\n    font-weight: 800;\r\n    line-height: 0.92;\r\n    letter-spacing: -0.075em;\r\n    text-shadow: 0 5px 18px rgba(0, 0, 0, 0.28);\r\n    transition: opacity 240ms ease, transform 240ms ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-circle-label,\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-complete {\r\n    display: block;\r\n    max-width: 176px;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    color: rgba(255, 255, 255, 0.84);\r\n    font-size: 14px !important;\r\n    font-weight: 850;\r\n    line-height: 1.45;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-circle-label {\r\n    margin-top: 13px;\r\n    transition: opacity 240ms ease, transform 240ms ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-complete {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 22px;\r\n    left: 22px;\r\n    color: #ffffff;\r\n    font-size: 17px !important;\r\n    letter-spacing: 0.09em;\r\n    opacity: 0;\r\n    transform: translateY(-42%) scale(0.9);\r\n    transition: opacity 320ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-circle.jw-circle-message .jw-turnaround-count,\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-circle.jw-circle-message .jw-turnaround-circle-label {\r\n    opacity: 0;\r\n    transform: scale(0.86);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-circle.jw-circle-message .jw-turnaround-complete {\r\n    opacity: 1;\r\n    transform: translateY(-50%) scale(1);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-turnaround-circle-caption {\r\n    display: block;\r\n    max-width: 250px;\r\n    margin: 15px auto 0;\r\n    color: rgba(255, 255, 255, 0.78);\r\n    font-size: 13px !important;\r\n    font-weight: 750;\r\n    line-height: 1.5;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.32);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-why-focus strong {\r\n    padding-right: 18px;\r\n    color: #ffffff;\r\n    font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n    font-size: clamp(42px, 4.2vw, 66px);\r\n    font-weight: 800;\r\n    line-height: 0.94;\r\n    letter-spacing: -0.065em;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6 .jw-why-focus span {\r\n    max-width: 180px;\r\n    padding-left: 18px;\r\n    border-left: 2px solid rgba(242, 179, 92, 0.78);\r\n    color: rgba(255, 255, 255, 0.82);\r\n    font-size: 13px !important;\r\n    font-weight: 850;\r\n    line-height: 1.45;\r\n    letter-spacing: 0.15em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6.jw-host-visible .jw-uptime-bg {\r\n    animation: jwWhyImageSlideFromRight 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-wave-sweep {\r\n    animation: jwWhyWaveSweepFromLeft 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-copy > * {\r\n    animation: jwWhyCopySettleFromRight 1.05s cubic-bezier(0.16, 1, 0.3, 1) both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6.jw-host-visible .jw-turnaround-circle-stage {\r\n    animation: jwWhyCircleSettleFromRight 1.15s cubic-bezier(0.16, 1, 0.3, 1) 2.05s both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-copy > *:nth-child(1) { animation-delay: 2.05s; }\r\n  #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-copy > *:nth-child(2) { animation-delay: 2.14s; }\r\n  #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-copy > *:nth-child(3) { animation-delay: 2.23s; }\r\n  #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-copy > *:nth-child(4) { animation-delay: 2.32s; }\r\n  #jw-hosting-page .jw-row-6.jw-host-visible .jw-why-copy > *:nth-child(5) { animation-delay: 2.41s; }\r\n\r\n  @keyframes jwWhyImageSlideFromRight {\r\n    0% {\r\n      transform: translate3d(105%, 0, 0) scale(1.015);\r\n    }\r\n\r\n    72% {\r\n      transform: translate3d(-1.8%, 0, 0) scale(1.004);\r\n    }\r\n\r\n    100% {\r\n      transform: translate3d(0, 0, 0) scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes jwWhyWaveSweepFromLeft {\r\n    0% {\r\n      transform: translate3d(-115vw, 0, 0) skewX(2deg);\r\n    }\r\n\r\n    72% {\r\n      transform: translate3d(1.4%, 0, 0) skewX(0.35deg);\r\n    }\r\n\r\n    100% {\r\n      transform: translate3d(0, 0, 0) skewX(0);\r\n    }\r\n  }\r\n\r\n  @keyframes jwWhyCircleSettleFromRight {\r\n    0% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(90px, 20px, 0) scale(0.9);\r\n    }\r\n\r\n    72% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(-7px, -2px, 0) scale(1.012);\r\n    }\r\n\r\n    100% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(0, 0, 0) scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes jwWhyCopySettleFromRight {\r\n    0% {\r\n      opacity: 0;\r\n      filter: blur(8px);\r\n      transform: translate3d(76px, 18px, 0) scale(0.96);\r\n    }\r\n\r\n    72% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(-8px, -2px, 0) scale(1.006);\r\n    }\r\n\r\n    100% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(0, 0, 0) scale(1);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    #jw-hosting-page .jw-row-6,\r\n    #jw-hosting-page .jw-row-6 .jw-host-inner {\r\n      min-height: 700px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-uptime-bg {\r\n      object-position: 64% center;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-why-wave-sweep {\r\n      width: 68%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-host-cell:first-child {\r\n      width: 64%;\r\n      padding-right: 44px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-host-cell + .jw-host-cell {\r\n      width: 36%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-turnaround-circle-stage {\r\n      left: 0;\r\n      width: min(260px, 100%);\r\n      padding: 8px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-why-copy h2 {\r\n      font-size: clamp(36px, 5.8vw, 54px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-why-copy .jw-host-lead {\r\n      font-size: 18px !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    #jw-hosting-page .jw-row-6 {\r\n      min-height: 0;\r\n      background: #081a2a;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-uptime-bg {\r\n      top: 0;\r\n      right: 0;\r\n      bottom: auto;\r\n      left: 0;\r\n      height: 320px;\r\n      object-position: center center;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-why-wave-sweep {\r\n      top: 278px;\r\n      right: auto;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 178%;\r\n      height: calc(100% - 278px);\r\n      min-height: 590px;\r\n      filter: drop-shadow(0 -18px 28px rgba(0, 0, 0, 0.20));\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-host-inner {\r\n      width: calc(100% - 32px);\r\n      min-height: 0;\r\n      padding: 356px 0 72px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-host-table,\r\n    #jw-hosting-page .jw-row-6 .jw-host-cell {\r\n      display: block;\r\n      width: 100% !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-host-cell:first-child {\r\n      padding-right: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-why-image-space {\r\n      display: block !important;\r\n      margin-top: 38px;\r\n      text-align: center;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-turnaround-circle-stage {\r\n      left: 0;\r\n      width: min(260px, 100%);\r\n      padding: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-why-copy {\r\n      max-width: none;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-why-copy h2 {\r\n      font-size: clamp(34px, 10.5vw, 48px);\r\n    }\r\n\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    #jw-hosting-page .jw-row-6 .jw-uptime-bg {\r\n      height: 270px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-why-wave-sweep {\r\n      top: 236px;\r\n      height: calc(100% - 236px);\r\n      min-height: 620px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-host-inner {\r\n      padding-top: 308px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page .jw-row-6 .jw-uptime-bg,\r\n    #jw-hosting-page .jw-row-6 .jw-why-wave-sweep,\r\n    #jw-hosting-page .jw-row-6 .jw-why-copy > *,\r\n    #jw-hosting-page .jw-row-6 .jw-turnaround-circle-stage {\r\n      animation: none !important;\r\n      transition: none !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-6 .jw-uptime-bg,\r\n    #jw-hosting-page .jw-row-6 .jw-why-copy > *,\r\n    #jw-hosting-page .jw-row-6 .jw-turnaround-circle-stage {\r\n      opacity: 1 !important;\r\n      filter: none !important;\r\n    }\r\n  }\r\n\r\n  \/* ROW 7 \u2014 quality-control image and coordinated project copy *\/\r\n  #jw-hosting-page .jw-row-7 {\r\n    background: linear-gradient(120deg, #ecf5f8, #f5eadc);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n    position: relative;\r\n    min-height: 540px;\r\n    overflow: hidden;\r\n    border-radius: 36px;\r\n    background: var(--jw-navy);\r\n    box-shadow: var(--jw-shadow);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-security-stage > img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 1;\r\n  }\r\n\r\n  \/* ROW 8 \u2014 cascading service tiles *\/\r\n  #jw-hosting-page .jw-row-8 {\r\n    background: var(--jw-white);\r\n  }\r\n\r\n  \/* ACCESSIBILITY: darker copper provides WCAG-compliant contrast on white. *\/\r\n  #jw-hosting-page .jw-row-8 .jw-host-eyebrow {\r\n    color: #9b531b;\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: #9b531b;\r\n    color: var(--jw-white);\r\n    font-size: 15px !important;\r\n    font-weight: 900;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8 .jw-feature-grid {\r\n    display: table;\r\n    width: calc(100% + 18px);\r\n    margin: 12px 0 0 -9px;\r\n    table-layout: fixed;\r\n    border-spacing: 9px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8 .jw-feature-row {\r\n    display: table-row;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8 .jw-feature {\r\n    display: table-cell;\r\n    width: 50%;\r\n    padding: 22px 18px;\r\n    border: 1px solid #dbe6e8;\r\n    border-radius: 18px;\r\n    background: #f8fbfc;\r\n    opacity: 0;\r\n    vertical-align: top;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8 .jw-feature:nth-child(1) {\r\n    transform: translate(-90px, -40px) rotate(-8deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8 .jw-feature:nth-child(2) {\r\n    transform: translate(90px, -40px) rotate(8deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8 .jw-feature-row:nth-child(2) .jw-feature:nth-child(1) {\r\n    transform: translate(-100px, 0) rotate(-8deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8 .jw-feature-row:nth-child(2) .jw-feature:nth-child(2) {\r\n    transform: translate(100px, 0) rotate(8deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8 .jw-feature-row:nth-child(3) .jw-feature:nth-child(1) {\r\n    transform: translate(-80px, 50px) rotate(-8deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8 .jw-feature-row:nth-child(3) .jw-feature:nth-child(2) {\r\n    transform: translate(80px, 50px) rotate(8deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8 .jw-feature-icon {\r\n    display: inline-grid;\r\n    width: 44px;\r\n    height: 44px;\r\n    margin-bottom: 13px;\r\n    border-radius: 14px;\r\n    place-items: center;\r\n    background: var(--jw-cream);\r\n    color: var(--jw-blue);\r\n    font-size: 1.15rem;\r\n    font-weight: 900;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8 .jw-feature strong {\r\n    display: block;\r\n    font-size: clamp(17px, 0.94vw, 20px) !important;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8 .jw-feature small {\r\n    color: var(--jw-muted);\r\n    font-size: 16px !important;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8.jw-host-visible .jw-feature {\r\n    animation: jwFeatureCascade 850ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8.jw-host-visible .jw-feature-row:nth-child(1) .jw-feature:nth-child(2) {\r\n    animation-delay: 110ms;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8.jw-host-visible .jw-feature-row:nth-child(2) .jw-feature:nth-child(1) {\r\n    animation-delay: 220ms;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8.jw-host-visible .jw-feature-row:nth-child(2) .jw-feature:nth-child(2) {\r\n    animation-delay: 330ms;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8.jw-host-visible .jw-feature-row:nth-child(3) .jw-feature:nth-child(1) {\r\n    animation-delay: 440ms;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-8.jw-host-visible .jw-feature-row:nth-child(3) .jw-feature:nth-child(2) {\r\n    animation-delay: 550ms;\r\n  }\r\n\r\n  @keyframes jwFeatureCascade {\r\n    70% { opacity: 1; transform: translate(0, 0) rotate(2deg) scale(1.05); }\r\n    100% { opacity: 1; transform: translate(0, 0) rotate(0) scale(1); }\r\n  }\r\n\r\n  \/* ROW 9 \u2014 pricing card pop + count-up *\/\r\n  #jw-hosting-page .jw-row-9 {\r\n    background: var(--jw-cream);\r\n    color: var(--jw-white);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0.94;\r\n    filter: saturate(0.95) contrast(1.04);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(100deg, rgba(3, 24, 33, 0.82), rgba(3, 24, 33, 0.18));\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price-card {\r\n    position: relative;\r\n    max-width: 520px;\r\n    margin-left: auto;\r\n    padding: clamp(38px, 5vw, 62px);\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.38);\r\n    border-radius: 34px;\r\n    background: rgba(3, 24, 33, 0.01);\r\n    box-shadow: 0 36px 90px rgba(0, 0, 0, 0.62);\r\n    opacity: 0;\r\n    text-align: center;\r\n    transform: scale(0.45) rotate(-9deg);\r\n    backdrop-filter: blur(5px);\r\n    -webkit-backdrop-filter: blur(5px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price-card::before,\r\n  #jw-hosting-page .jw-row-9 .jw-price-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    top: 50%;\r\n    left: 50%;\r\n    border: 2px solid rgba(242, 179, 92, 0.38);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%) scale(0.2);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price-card::before {\r\n    width: 320px;\r\n    height: 320px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price-card::after {\r\n    width: 470px;\r\n    height: 470px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price {\r\n    margin: 5px 0 8px;\r\n    color: var(--jw-white);\r\n    font-size: clamp(4.68rem, 8.5vw, 7.23rem);\r\n    font-weight: 900;\r\n    line-height: 0.94;\r\n    letter-spacing: -0.08em;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price sup {\r\n    position: relative;\r\n    top: -0.2em;\r\n    margin-right: 5px;\r\n    font-size: 0.32em;\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-price-term {\r\n    margin-bottom: 26px;\r\n    color: var(--jw-green-bright);\r\n    font-size: clamp(17px, 0.95vw, 20px) !important;\r\n    font-weight: 900;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9.jw-host-visible .jw-price-card {\r\n    animation: jwPricePop 1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9.jw-host-visible .jw-price-card::before {\r\n    animation: jwPriceRing 2s ease-out 600ms infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9.jw-host-visible .jw-price-card::after {\r\n    animation: jwPriceRing 2s ease-out 1s infinite;\r\n  }\r\n\r\n  @keyframes jwPricePop {\r\n    70% { opacity: 1; transform: scale(1.06) rotate(2deg); }\r\n    100% { opacity: 1; transform: scale(1) rotate(0); }\r\n  }\r\n\r\n  @keyframes jwPriceRing {\r\n    from { opacity: 0.75; transform: translate(-50%, -50%) scale(0.2); }\r\n    to { opacity: 0; transform: translate(-50%, -50%) scale(1.35); }\r\n  }\r\n\r\n  \/* ROW 10 \u2014 sweeping light beams + floating particles *\/\r\n  #jw-hosting-page .jw-row-10 {\r\n    display: table;\r\n    width: 100%;\r\n    min-height: 720px;\r\n    background: var(--jw-navy-2);\r\n    color: var(--jw-white);\r\n    text-align: center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-cta-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 1;\r\n    filter: brightness(0.68) saturate(1.15) contrast(1.1);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset: 0;\r\n    background: none;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-beam {\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: -30%;\r\n    left: -18%;\r\n    width: 26%;\r\n    height: 170%;\r\n    background: linear-gradient(90deg, transparent, rgba(242, 179, 92, 0.42), transparent);\r\n    opacity: 0;\r\n    transform: skewX(-22deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-particle {\r\n    position: absolute;\r\n    z-index: 2;\r\n    bottom: -40px;\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 50%;\r\n    background: var(--jw-green-bright);\r\n    box-shadow: 0 0 22px var(--jw-green-bright);\r\n    opacity: 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(2) {\r\n    left: 12%;\r\n    width: 7px;\r\n    height: 7px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(3) {\r\n    left: 30%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(4) {\r\n    left: 52%;\r\n    width: 6px;\r\n    height: 6px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(5) {\r\n    left: 72%;\r\n    width: 12px;\r\n    height: 12px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-particle:nth-of-type(6) {\r\n    left: 90%;\r\n    width: 8px;\r\n    height: 8px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-host-inner {\r\n    display: table-cell;\r\n    width: 100%;\r\n    max-width: none;\r\n    padding: 120px max(24px, calc((100% - 980px) \/ 2));\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 h2 {\r\n    max-width: 940px;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-host-lead {\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    color: rgba(255, 255, 255, 0.8);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-beam {\r\n    animation: jwBeamSweep 2.5s ease-in-out infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle {\r\n    animation: jwParticleRise 4.6s ease-in infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle:nth-of-type(3) {\r\n    animation-delay: 700ms;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle:nth-of-type(4) {\r\n    animation-delay: 1.4s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle:nth-of-type(5) {\r\n    animation-delay: 2.1s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-particle:nth-of-type(6) {\r\n    animation-delay: 2.8s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-host-btn {\r\n    animation: jwButtonPulse 1.9s ease-in-out 700ms infinite;\r\n  }\r\n\r\n  @keyframes jwBeamSweep {\r\n    0% { left: -18%; opacity: 0; }\r\n    20% { opacity: 1; }\r\n    100% { left: 118%; opacity: 0; }\r\n  }\r\n\r\n  @keyframes jwParticleRise {\r\n    0% { bottom: -40px; opacity: 0; transform: translateX(0) scale(0.7); }\r\n    18% { opacity: 1; }\r\n    100% { bottom: 110%; opacity: 0; transform: translateX(55px) scale(1.5); }\r\n  }\r\n\r\n  @keyframes jwButtonPulse {\r\n    0%,\r\n    100% {\r\n      box-shadow: 0 0 0 0 rgba(242, 179, 92, 0.42), 0 15px 36px rgba(217, 130, 43, 0.28);\r\n    }\r\n\r\n    50% {\r\n      box-shadow: 0 0 0 18px rgba(242, 179, 92, 0), 0 22px 44px rgba(217, 130, 43, 0.42);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    #jw-hosting-page .jw-host-inner {\r\n      width: min(100% - 36px, 720px);\r\n      padding: 78px 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-host-table,\r\n    #jw-hosting-page .jw-host-cell {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-host-cell + .jw-host-cell,\r\n    #jw-hosting-page .jw-host-table--reverse .jw-host-cell + .jw-host-cell {\r\n      padding: 48px 0 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-host-table--reverse .jw-host-cell:first-child,\r\n    #jw-hosting-page .jw-host-table--reverse .jw-host-cell:last-child {\r\n      display: block;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 {\r\n      min-height: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-10 .jw-host-inner {\r\n      padding-right: 24px;\r\n      padding-left: 24px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-media {\r\n      min-height: 560px;\r\n      aspect-ratio: auto;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-message-table,\r\n    #jw-hosting-page .jw-hero-message-heading,\r\n    #jw-hosting-page .jw-hero-message-copy {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-message-heading {\r\n      padding: 0 0 31px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-message-copy {\r\n      padding: 29px 0 0;\r\n      border-top: 1px solid rgba(30, 42, 53, 0.12);\r\n      border-left: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-2 .jw-curtain img,\r\n    #jw-hosting-page .jw-row-8 .jw-package-photo img {\r\n      min-height: 420px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-3 .jw-model-grid {\r\n      display: block;\r\n      margin-top: 32px;\r\n      border-spacing: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-3 .jw-model-card {\r\n      display: block;\r\n      width: 100%;\r\n      margin: 16px 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-orbit-stage {\r\n      max-width: 500px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-9 .jw-price-card {\r\n      margin-right: auto;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    #jw-hosting-page h1 {\r\n      font-size: clamp(2.3rem, 11.9vw, 3.4rem);\r\n    }\r\n\r\n    #jw-hosting-page h2 {\r\n      font-size: clamp(1.79rem, 9.35vw, 2.72rem);\r\n    }\r\n\r\n    #jw-hosting-page .jw-host-row {\r\n      min-height: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-host-inner {\r\n      width: calc(100% - 30px);\r\n      padding: 64px 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-orbit-stage {\r\n      width: min(360px, 100%);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-orbit-photo {\r\n      inset: 25%;\r\n      width: 50%;\r\n      height: 50%;\r\n      border-width: 7px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-orbit--outer {\r\n      inset: 15%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-orbit--middle {\r\n      inset: 20%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-orbit--inner {\r\n      inset: 25%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-4 .jw-orbit-dot {\r\n      min-width: 112px;\r\n      padding: 10px 14px;\r\n      font-size: 18px !important;\r\n      letter-spacing: 0.06em;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-10 {\r\n      min-height: 640px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-host-btn,\r\n    #jw-hosting-page .jw-host-btn--light {\r\n      display: block;\r\n      width: 100%;\r\n      margin: 10px 0 0;\r\n      padding-right: 58px;\r\n      padding-left: 22px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-proof {\r\n      display: block;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-proof span {\r\n      display: block;\r\n      width: 100%;\r\n      margin: 9px 0;\r\n      padding: 0;\r\n      border: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-media {\r\n      min-height: 510px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-media > .jw-hero-bg {\r\n      object-position: 45% center;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-overlay-shell {\r\n      width: calc(100% - 30px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-overlay-cell {\r\n      padding: 0 0 24px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-title-panel {\r\n      width: auto;\r\n      max-width: 100%;\r\n      padding: 9px 11px;\r\n      border-left-width: 5px;\r\n      border-radius: 13px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-title-table,\r\n    #jw-hosting-page .jw-hero-title-table tbody,\r\n    #jw-hosting-page .jw-hero-title-table tr,\r\n    #jw-hosting-page .jw-hero-title-cell,\r\n    #jw-hosting-page .jw-hero-kicker-cell {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-title-cell {\r\n      padding: 0 0 9px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-kicker-cell {\r\n      padding: 8px 0 0 !important;\r\n      border: 0 !important;\r\n      border-top: 1px solid rgba(30, 42, 53, 0.13) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hosting-title-lockup {\r\n      width: min(300px, 100%);\r\n    }\r\n\r\n    #jw-hosting-page .jw-hosting-title-line {\r\n      font-size: clamp(25px, 9vw, 34px) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-title-panel .jw-host-eyebrow {\r\n      font-size: 10px !important;\r\n      letter-spacing: 0.095em;\r\n      white-space: normal;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-copy-band {\r\n      padding: 47px 0 68px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-message-heading {\r\n      padding-bottom: 25px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-message-heading h1 {\r\n      font-size: clamp(36px, 11vw, 50px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-message-copy {\r\n      padding-top: 24px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-message-copy > .jw-host-lead {\r\n      font-size: 17px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-2 .jw-curtain,\r\n    #jw-hosting-page .jw-row-5 .jw-speed-panel,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage,\r\n    #jw-hosting-page .jw-row-8 .jw-package-photo,\r\n    #jw-hosting-page .jw-row-9 .jw-price-card {\r\n      border-radius: 24px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-speed-data {\r\n      padding: 40px 24px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-speed-panel > img,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n      height: 500px;\r\n      min-height: 500px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-8 .jw-feature-grid,\r\n    #jw-hosting-page .jw-row-8 .jw-feature-row,\r\n    #jw-hosting-page .jw-row-8 .jw-feature {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-8 .jw-feature-grid {\r\n      margin: 20px 0 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-8 .jw-feature {\r\n      margin: 12px 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-9 .jw-price-card {\r\n      padding: 42px 22px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page *,\r\n    #jw-hosting-page *::before,\r\n    #jw-hosting-page *::after {\r\n      scroll-behavior: auto !important;\r\n      animation-duration: 1ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      transition-duration: 1ms !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-hero-title-panel,\r\n    #jw-hosting-page .jw-hero-message-heading,\r\n    #jw-hosting-page .jw-hero-message-copy,\r\n    #jw-hosting-page .jw-foundation-copy,\r\n    #jw-hosting-page .jw-row-5 .jw-host-inner,\r\n    #jw-hosting-page .jw-model-card,\r\n    #jw-hosting-page .jw-orbit-stage,\r\n    #jw-hosting-page .jw-feature,\r\n    #jw-hosting-page .jw-price-card {\r\n      opacity: 1 !important;\r\n      clip-path: none !important;\r\n      filter: none !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-meter-fill {\r\n      transform: scaleX(1) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-ring-progress {\r\n      stroke-dashoffset: 0 !important;\r\n    }\r\n  }\r\n\r\n  \/* ARCHITECTURAL DRAFTING TOP SECTION MENU *\/\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav {\r\n    position: relative;\r\n    z-index: 40;\r\n    width: 100%;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.12);\r\n    background: #081a2a;\r\n    box-shadow: 0 10px 28px rgba(3, 24, 33, 0.18);\r\n    color: #ffffff;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-shell {\r\n    width: min(1480px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n    padding: 0;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-table {\r\n    display: table;\r\n    width: 100%;\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    table-layout: fixed;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand,\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n    display: table-cell;\r\n    min-width: 0;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand {\r\n    width: 42%;\r\n    padding: 13px 24px 13px 0;\r\n    color: #ffffff;\r\n    font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n    line-height: 1;\r\n    letter-spacing: -0.03em;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup {\r\n    width: auto;\r\n    max-width: 100%;\r\n    margin: 0 !important;\r\n    border: 0 !important;\r\n    border-collapse: collapse;\r\n    border-spacing: 0;\r\n    table-layout: auto;\r\n    background: transparent !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup tbody,\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup tr,\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup td {\r\n    margin: 0 !important;\r\n    border: 0 !important;\r\n    background: transparent !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo-cell {\r\n    width: 96px;\r\n    min-width: 96px;\r\n    padding: 0 18px 0 0 !important;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo {\r\n    display: block;\r\n    position: relative;\r\n    width: 88px;\r\n    height: 88px;\r\n    max-width: 88px;\r\n    overflow: visible;\r\n    border-radius: 50%;\r\n    filter:\r\n      drop-shadow(0 8px 14px rgba(0, 0, 0, 0.34))\r\n      drop-shadow(0 0 10px rgba(86, 180, 233, 0.10));\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo svg {\r\n    display: block;\r\n    width: 88px;\r\n    height: 88px;\r\n    max-width: none;\r\n    overflow: visible;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-shadow {\r\n    fill: rgba(0, 0, 0, 0.26);\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-outer {\r\n    fill: url(#jwLogoOuterGradient);\r\n    stroke: rgba(255, 255, 255, 0.22);\r\n    stroke-width: 1.4;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-accent-ring {\r\n    fill: none;\r\n    stroke: var(--jw-green-bright);\r\n    stroke-width: 3.1;\r\n    stroke-dasharray: 2.5 3.8;\r\n    opacity: 0.92;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-inner {\r\n    fill: url(#jwLogoInnerGradient);\r\n    stroke: rgba(255, 255, 255, 0.80);\r\n    stroke-width: 1.1;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-cad-mark {\r\n    fill: none;\r\n    stroke: #ffffff;\r\n    stroke-width: 3.7;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    filter: drop-shadow(0 2px 2px rgba(3, 24, 33, 0.28));\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-cad-accent {\r\n    fill: var(--jw-green-bright);\r\n    stroke: #ffffff;\r\n    stroke-width: 1.2;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-highlight {\r\n    fill: none;\r\n    stroke: rgba(255, 255, 255, 0.56);\r\n    stroke-width: 1.5;\r\n    stroke-linecap: round;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo .jw-logo-star {\r\n    fill: #eaf6ff;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-copy {\r\n    width: auto;\r\n    max-width: 100%;\r\n    padding: 0 !important;\r\n    color: #ffffff;\r\n    vertical-align: middle;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-name,\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-service {\r\n    display: block;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-name {\r\n    color: #ffffff;\r\n    font-size: clamp(30px, 2.8vw, 42px) !important;\r\n    font-weight: 800;\r\n    line-height: 0.98;\r\n    letter-spacing: -0.048em;\r\n    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.28);\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-service {\r\n    margin-top: 7px;\r\n    color: var(--jw-green-bright);\r\n    font-size: clamp(16px, 1.3vw, 21px) !important;\r\n    font-weight: 800;\r\n    line-height: 1.08;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.20);\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n    width: 58%;\r\n    padding: 11px 0;\r\n    font-size: 0;\r\n    text-align: right;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n    display: inline-block;\r\n    margin: 4px 0 4px 5px;\r\n    padding: 10px 12px;\r\n    border: 1px solid transparent;\r\n    border-radius: 999px;\r\n    color: rgba(255, 255, 255, 0.88);\r\n    font-size: 14px !important;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    text-decoration: none;\r\n    white-space: nowrap;\r\n    transition:\r\n      background 180ms ease,\r\n      border-color 180ms ease,\r\n      color 180ms ease,\r\n      transform 180ms ease;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a:hover,\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a:focus-visible {\r\n    border-color: rgba(242, 179, 92, 0.55);\r\n    background: rgba(242, 179, 92, 0.13);\r\n    color: #ffffff;\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a:focus-visible {\r\n    outline: 2px solid rgba(86, 180, 233, 0.7);\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  \/* Section-anchor landing is defined with the sticky-menu correction below. *\/\r\n\r\n  \/* FAQ \u2014 colorful blueprint treatment without changing the original animation rows *\/\r\n  #jw-hosting-page .jw-row-faq {\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    background:\r\n      linear-gradient(rgba(29, 111, 165, 0.055) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(29, 111, 165, 0.055) 1px, transparent 1px),\r\n      radial-gradient(circle at 8% 12%, rgba(86, 180, 233, 0.18), transparent 28%),\r\n      radial-gradient(circle at 92% 88%, rgba(217, 130, 43, 0.16), transparent 28%),\r\n      linear-gradient(135deg, #f7fbfe 0%, #edf5fa 52%, #fff7ed 100%);\r\n    background-size: 36px 36px, 36px 36px, auto, auto, auto;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-faq::before,\r\n  #jw-hosting-page .jw-row-faq::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-faq::before {\r\n    top: -116px;\r\n    left: -96px;\r\n    width: 330px;\r\n    height: 330px;\r\n    border: 2px solid rgba(29, 111, 165, 0.14);\r\n    box-shadow: inset 0 0 0 22px rgba(86, 180, 233, 0.035);\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-faq::after {\r\n    right: -122px;\r\n    bottom: -142px;\r\n    width: 360px;\r\n    height: 360px;\r\n    border: 2px dashed rgba(217, 130, 43, 0.19);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-faq > .jw-host-inner {\r\n    z-index: 2;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-intro {\r\n    position: relative;\r\n    max-width: 940px;\r\n    margin: 0 auto 46px;\r\n    padding: 42px 46px 38px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.20);\r\n    border-radius: 26px;\r\n    background:\r\n      radial-gradient(circle at 88% 15%, rgba(86, 180, 233, 0.24), transparent 34%),\r\n      linear-gradient(135deg, var(--jw-navy-2) 0%, var(--jw-navy) 54%, #174f72 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.16),\r\n      0 28px 64px rgba(8, 26, 42, 0.24);\r\n    color: #ffffff;\r\n    text-align: center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-intro::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    height: 7px;\r\n    background: linear-gradient(90deg, var(--jw-blue-bright) 0 42%, var(--jw-green-bright) 42% 72%, #ffffff 72% 74%, var(--jw-blue) 74% 100%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-intro::after {\r\n    content: \"?\";\r\n    position: absolute;\r\n    right: 30px;\r\n    bottom: -42px;\r\n    color: rgba(255, 255, 255, 0.055);\r\n    font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n    font-size: 190px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-intro .jw-host-eyebrow {\r\n    position: relative;\r\n    z-index: 2;\r\n    margin-bottom: 15px;\r\n    color: var(--jw-green-bright);\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-intro h2 {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 790px;\r\n    margin-right: auto;\r\n    margin-bottom: 18px;\r\n    margin-left: auto;\r\n    color: #ffffff;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-intro > p {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 790px;\r\n    margin: 0 auto;\r\n    color: rgba(255, 255, 255, 0.78);\r\n    font-size: 18px !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-topic-table {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: table;\r\n    width: min(690px, 100%);\r\n    margin: 27px auto 0;\r\n    border-collapse: separate;\r\n    border-spacing: 8px 0;\r\n    table-layout: fixed;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-topic {\r\n    display: table-cell;\r\n    width: 33.333%;\r\n    padding: 11px 12px;\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    color: rgba(255, 255, 255, 0.90);\r\n    font-size: 14px !important;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.035em;\r\n    text-transform: uppercase;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-topic:nth-child(2) {\r\n    border-color: rgba(242, 179, 92, 0.34);\r\n    background: rgba(217, 130, 43, 0.14);\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-list {\r\n    width: min(980px, 100%);\r\n    margin: 0 auto;\r\n    counter-reset: jwFaq;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item {\r\n    --jw-faq-accent: var(--jw-blue);\r\n    --jw-faq-accent-rgb: 29, 111, 165;\r\n    --jw-faq-tint: #eef7fc;\r\n    position: relative;\r\n    margin: 16px 0;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(var(--jw-faq-accent-rgb), 0.20);\r\n    border-radius: 20px;\r\n    background: #ffffff;\r\n    box-shadow:\r\n      0 16px 36px rgba(8, 26, 42, 0.10),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.92);\r\n    counter-increment: jwFaq;\r\n    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item:nth-child(2) {\r\n    --jw-faq-accent: var(--jw-green);\r\n    --jw-faq-accent-rgb: 217, 130, 43;\r\n    --jw-faq-tint: #fff5e9;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item:nth-child(3) {\r\n    --jw-faq-accent: var(--jw-blue-bright);\r\n    --jw-faq-accent-rgb: 86, 180, 233;\r\n    --jw-faq-tint: #edf9ff;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item:nth-child(4) {\r\n    --jw-faq-accent: var(--jw-navy);\r\n    --jw-faq-accent-rgb: 18, 50, 74;\r\n    --jw-faq-tint: #eef3f6;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item:nth-child(5) {\r\n    --jw-faq-accent: #b86d24;\r\n    --jw-faq-accent-rgb: 184, 109, 36;\r\n    --jw-faq-tint: #fff2e5;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item:nth-child(6) {\r\n    --jw-faq-accent: #2a8792;\r\n    --jw-faq-accent-rgb: 42, 135, 146;\r\n    --jw-faq-tint: #edf8f8;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 7px;\r\n    background: linear-gradient(180deg, var(--jw-faq-accent), rgba(var(--jw-faq-accent-rgb), 0.50));\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item:hover {\r\n    border-color: rgba(var(--jw-faq-accent-rgb), 0.38);\r\n    box-shadow:\r\n      0 22px 46px rgba(8, 26, 42, 0.14),\r\n      0 0 0 4px rgba(var(--jw-faq-accent-rgb), 0.055);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item[open] {\r\n    border-color: rgba(var(--jw-faq-accent-rgb), 0.42);\r\n    box-shadow:\r\n      0 24px 52px rgba(8, 26, 42, 0.16),\r\n      0 0 0 5px rgba(var(--jw-faq-accent-rgb), 0.07);\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item summary {\r\n    position: relative;\r\n    display: block;\r\n    min-height: 82px;\r\n    padding: 24px 76px 24px 94px;\r\n    background: linear-gradient(90deg, rgba(var(--jw-faq-accent-rgb), 0.055), rgba(255, 255, 255, 0) 46%);\r\n    color: var(--jw-ink);\r\n    cursor: pointer;\r\n    font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n    font-size: clamp(18px, 1.12vw, 22px) !important;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n    list-style: none;\r\n    transition: color 200ms ease, background 200ms ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item summary::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item summary::before {\r\n    content: counter(jwFaq, decimal-leading-zero);\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 24px;\r\n    width: 50px;\r\n    height: 50px;\r\n    border: 1px solid rgba(var(--jw-faq-accent-rgb), 0.24);\r\n    border-radius: 14px;\r\n    background: linear-gradient(145deg, #ffffff, var(--jw-faq-tint));\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.95),\r\n      0 9px 20px rgba(var(--jw-faq-accent-rgb), 0.14);\r\n    color: var(--jw-faq-accent);\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    line-height: 48px;\r\n    text-align: center;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item summary::after {\r\n    content: \"+\";\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 22px;\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 1px solid rgba(var(--jw-faq-accent-rgb), 0.24);\r\n    border-radius: 50%;\r\n    background: linear-gradient(145deg, #ffffff, var(--jw-faq-tint));\r\n    box-shadow: 0 8px 18px rgba(var(--jw-faq-accent-rgb), 0.14);\r\n    color: var(--jw-faq-accent);\r\n    font-size: 26px;\r\n    font-weight: 800;\r\n    line-height: 38px;\r\n    text-align: center;\r\n    transform: translateY(-50%);\r\n    transition: transform 220ms ease, background 220ms ease, color 220ms ease, box-shadow 220ms ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item[open] summary {\r\n    background: linear-gradient(90deg, rgba(var(--jw-faq-accent-rgb), 0.12), rgba(255, 255, 255, 0) 62%);\r\n    color: var(--jw-faq-accent);\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-item[open] summary::after {\r\n    border-color: var(--jw-faq-accent);\r\n    background: var(--jw-faq-accent);\r\n    box-shadow: 0 9px 22px rgba(var(--jw-faq-accent-rgb), 0.28);\r\n    color: #ffffff;\r\n    transform: translateY(-50%) rotate(45deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-answer {\r\n    padding: 0 30px 26px 94px;\r\n    border-top: 1px solid rgba(var(--jw-faq-accent-rgb), 0.13);\r\n    background: linear-gradient(90deg, var(--jw-faq-tint), #ffffff 72%);\r\n    color: var(--jw-muted);\r\n    animation: jwFaqReveal 300ms ease both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-faq-answer p {\r\n    margin: 0;\r\n    padding-top: 22px;\r\n    font-size: 17px !important;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  @keyframes jwFaqReveal {\r\n    from { opacity: 0; transform: translateY(-8px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  @media (max-width: 1080px) {\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-shell {\r\n      width: calc(100% - 28px);\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-table,\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand,\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand {\r\n      padding: 15px 0 10px;\r\n      text-align: center;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup {\r\n      margin: 0 auto !important;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo-cell {\r\n      width: 80px;\r\n      min-width: 80px;\r\n      padding-right: 14px !important;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo,\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo svg {\r\n      width: 74px;\r\n      height: 74px;\r\n      max-width: 74px;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-name {\r\n      font-size: 34px !important;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-service {\r\n      font-size: 17px !important;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n      padding: 4px 0 12px;\r\n      text-align: center;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n      width: calc(25% - 6px);\r\n      margin: 3px;\r\n      padding: 9px 5px;\r\n      white-space: normal;\r\n      vertical-align: top;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup {\r\n      width: 100%;\r\n      table-layout: fixed;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo-cell {\r\n      width: 74px;\r\n      min-width: 74px;\r\n      padding-right: 12px !important;\r\n      text-align: right;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo,\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo svg {\r\n      width: 68px;\r\n      height: 68px;\r\n      max-width: 68px;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-copy {\r\n      width: auto;\r\n      min-width: 0;\r\n      white-space: normal;\r\n      text-align: left;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-name {\r\n      font-size: clamp(26px, 8vw, 34px) !important;\r\n      line-height: 1;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-service {\r\n      margin-top: 5px;\r\n      font-size: clamp(13px, 4.2vw, 17px) !important;\r\n      letter-spacing: 0.11em;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n      width: calc(50% - 6px);\r\n      min-height: 40px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-intro {\r\n      padding: 36px 22px 31px;\r\n      border-radius: 20px;\r\n      text-align: left;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-intro h2,\r\n    #jw-hosting-page .jw-faq-intro > p {\r\n      margin-right: 0;\r\n      margin-left: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-intro::after {\r\n      right: 5px;\r\n      font-size: 145px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-topic-table,\r\n    #jw-hosting-page .jw-faq-topic {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-topic-table {\r\n      margin-top: 24px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-topic {\r\n      margin-top: 8px;\r\n      border-radius: 12px;\r\n      text-align: center;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-item {\r\n      border-radius: 16px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-item summary {\r\n      min-height: 76px;\r\n      padding: 19px 58px 19px 72px;\r\n      font-size: 17px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-item summary::before {\r\n      left: 16px;\r\n      width: 42px;\r\n      height: 42px;\r\n      border-radius: 11px;\r\n      font-size: 13px;\r\n      line-height: 40px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-item summary::after {\r\n      right: 14px;\r\n      width: 34px;\r\n      height: 34px;\r\n      font-size: 23px;\r\n      line-height: 32px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-answer {\r\n      padding: 0 18px 21px 72px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-faq-answer p {\r\n      padding-top: 18px;\r\n      font-size: 16px !important;\r\n    }\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     FINAL CTA BUTTON \u2014 FREDERICK YOUNG REFERENCE TREATMENT\r\n     Recreates the deep 3D\/gloss\/glow motion treatment from the\r\n     \"Click Here to Learn More \/ PURCHASE INFO & FAQ\" button.\r\n     This remains a non-linking control.\r\n     ========================================================= *\/\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta {\r\n    position: relative;\r\n    display: inline-table;\r\n    width: min(760px, calc(100% - 48px));\r\n    min-width: 0;\r\n    min-height: 154px;\r\n    margin: 34px auto 36px;\r\n    padding: 33px 62px 29px;\r\n    overflow: hidden;\r\n    border: 6px solid rgba(255,255,255,0.96);\r\n    border-radius: 999px;\r\n    background:\r\n      linear-gradient(\r\n        112deg,\r\n        var(--jw-green-bright) 0%,\r\n        var(--jw-green) 20%,\r\n        var(--jw-blue) 48%,\r\n        var(--jw-navy) 72%,\r\n        var(--jw-navy-2) 100%\r\n      );\r\n    box-shadow:\r\n      inset 0 2px 0 rgba(255,255,255,0.82),\r\n      inset 0 -3px 0 rgba(8,26,42,0.72),\r\n      0 13px 0 #12324a,\r\n      0 25px 0 #081a2a,\r\n      0 30px 1px rgba(8,26,42,0.66),\r\n      0 35px 48px rgba(4,18,30,0.64),\r\n      0 0 0 12px rgba(217,130,43,0.22),\r\n      0 0 44px rgba(242,179,92,0.46);\r\n    color: #fff;\r\n    line-height: 1.04;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    text-shadow:\r\n      0 3px 0 rgba(8,26,42,0.72),\r\n      0 5px 7px rgba(0,0,0,0.33);\r\n    isolation: isolate;\r\n    transform: translate3d(0,0,0);\r\n    transform-origin: center bottom;\r\n    transition:\r\n      transform 220ms cubic-bezier(.2,.8,.2,1),\r\n      box-shadow 220ms ease,\r\n      filter 220ms ease,\r\n      background 220ms ease;\r\n  }\r\n\r\n  \/* broad translucent glass cap *\/\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: 8px;\r\n    right: 7%;\r\n    left: 7%;\r\n    height: 44%;\r\n    border-radius: 999px;\r\n    background:\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,0.76) 0%,\r\n        rgba(242,179,92,0.28) 52%,\r\n        rgba(86,180,233,0.10) 100%\r\n      );\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255,255,255,0.92),\r\n      0 1px 0 rgba(255,255,255,0.18);\r\n    opacity: 0.72;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* narrow animated specular sweep *\/\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: -18%;\r\n    left: -36%;\r\n    width: 24%;\r\n    height: 138%;\r\n    border-radius: 40%;\r\n    background:\r\n      linear-gradient(\r\n        105deg,\r\n        transparent 0%,\r\n        rgba(255,255,255,0.06) 28%,\r\n        rgba(255,255,255,0.76) 50%,\r\n        rgba(255,255,255,0.08) 72%,\r\n        transparent 100%\r\n      );\r\n    opacity: 0;\r\n    transform: skewX(-18deg);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta-main,\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta-sub {\r\n    position: relative;\r\n    z-index: 4;\r\n    display: block;\r\n    width: 100%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta-main {\r\n    font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n    font-size: clamp(28px, 3.15vw, 44px) !important;\r\n    font-weight: 800;\r\n    letter-spacing: -0.025em;\r\n    line-height: 1.02;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta-sub {\r\n    margin-top: 13px;\r\n    font-family: \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n    font-size: clamp(15px, 1.55vw, 22px) !important;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Undo the generic disabled-button pointer rule only so the visual\r\n     hover\/press effect remains available. It still has no href\/click action. *\/\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n    pointer-events: auto;\r\n    cursor: default;\r\n    user-select: none;\r\n  }\r\n\r\n  \/* The normal row pulse is kept on the secondary FAQ button only. *\/\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-host-btn:not(.jw-reference-cta) {\r\n    animation: jwButtonPulse 1.9s ease-in-out 700ms infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-reference-cta {\r\n    animation: jwReferenceCtaBreathe 3.4s ease-in-out 850ms infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10.jw-host-visible .jw-reference-cta::after {\r\n    animation: jwReferenceCtaSweep 4.6s ease-in-out 1.2s infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta:hover {\r\n    animation-play-state: paused;\r\n    filter: brightness(1.06) saturate(1.05);\r\n    transform: translate3d(0,-7px,0) scale(1.012);\r\n    box-shadow:\r\n      inset 0 2px 0 rgba(255,255,255,0.90),\r\n      inset 0 -3px 0 rgba(8,26,42,0.78),\r\n      0 16px 0 #12324a,\r\n      0 29px 0 #081a2a,\r\n      0 34px 1px rgba(8,26,42,0.70),\r\n      0 42px 58px rgba(4,18,30,0.70),\r\n      0 0 0 15px rgba(217,130,43,0.26),\r\n      0 0 58px rgba(242,179,92,0.62);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta:hover::before {\r\n    opacity: 0.86;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta:active {\r\n    animation-play-state: paused;\r\n    filter: brightness(0.98);\r\n    transform: translate3d(0,12px,0) scale(0.995);\r\n    box-shadow:\r\n      inset 0 2px 0 rgba(255,255,255,0.72),\r\n      inset 0 -2px 0 rgba(8,26,42,0.82),\r\n      0 4px 0 #12324a,\r\n      0 9px 0 #081a2a,\r\n      0 13px 22px rgba(4,18,30,0.58),\r\n      0 0 0 9px rgba(217,130,43,0.18),\r\n      0 0 30px rgba(242,179,92,0.38);\r\n  }\r\n\r\n  @keyframes jwReferenceCtaBreathe {\r\n    0%,\r\n    100% {\r\n      transform: translate3d(0,0,0) scale(1);\r\n      filter: brightness(1) saturate(1);\r\n      box-shadow:\r\n        inset 0 2px 0 rgba(255,255,255,0.82),\r\n        inset 0 -3px 0 rgba(8,26,42,0.72),\r\n        0 13px 0 #12324a,\r\n        0 25px 0 #081a2a,\r\n        0 30px 1px rgba(8,26,42,0.66),\r\n        0 35px 48px rgba(4,18,30,0.64),\r\n        0 0 0 12px rgba(217,130,43,0.22),\r\n        0 0 44px rgba(242,179,92,0.46);\r\n    }\r\n\r\n    50% {\r\n      transform: translate3d(0,-4px,0) scale(1.006);\r\n      filter: brightness(1.04) saturate(1.035);\r\n      box-shadow:\r\n        inset 0 2px 0 rgba(255,255,255,0.88),\r\n        inset 0 -3px 0 rgba(8,26,42,0.76),\r\n        0 15px 0 #12324a,\r\n        0 28px 0 #081a2a,\r\n        0 33px 1px rgba(8,26,42,0.68),\r\n        0 40px 56px rgba(4,18,30,0.68),\r\n        0 0 0 16px rgba(217,130,43,0.20),\r\n        0 0 62px rgba(242,179,92,0.58);\r\n    }\r\n  }\r\n\r\n  @keyframes jwReferenceCtaSweep {\r\n    0%,\r\n    52% {\r\n      left: -36%;\r\n      opacity: 0;\r\n    }\r\n\r\n    58% {\r\n      opacity: 0.58;\r\n    }\r\n\r\n    76% {\r\n      left: 116%;\r\n      opacity: 0.24;\r\n    }\r\n\r\n    100% {\r\n      left: 116%;\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n      display: table;\r\n      width: min(720px, calc(100% - 20px));\r\n      min-height: 138px;\r\n      margin: 32px auto 42px;\r\n      padding: 30px 34px 26px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta + .jw-host-btn--light {\r\n      width: min(360px, 100%);\r\n      margin: 18px auto 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n      width: 100%;\r\n      min-height: 120px;\r\n      margin: 28px auto 38px;\r\n      padding: 26px 24px 23px;\r\n      border-width: 4px;\r\n      box-shadow:\r\n        inset 0 2px 0 rgba(255,255,255,0.82),\r\n        inset 0 -3px 0 rgba(8,26,42,0.72),\r\n        0 10px 0 #12324a,\r\n        0 19px 0 #081a2a,\r\n        0 24px 34px rgba(4,18,30,0.60),\r\n        0 0 0 8px rgba(217,130,43,0.20),\r\n        0 0 34px rgba(242,179,92,0.44);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta-main {\r\n      font-size: clamp(24px, 8vw, 34px) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta-sub {\r\n      margin-top: 10px;\r\n      font-size: 14px !important;\r\n      letter-spacing: 0.105em;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n    #jw-hosting-page .jw-row-10.jw-host-visible .jw-reference-cta,\r\n    #jw-hosting-page .jw-row-10.jw-host-visible .jw-reference-cta::after {\r\n      animation: none !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta::after {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n\r\n  \/* Final CTA alignment\/readability revision only.\r\n     The appointment control is 15% larger than the prior 35% scale\r\n     (35% \u00d7 1.15 = 40.25%). CSS zoom preserves its existing transform-based\r\n     hover, press, breathe, sweep, and reduced-motion animation system. *\/\r\n  #jw-hosting-page .jw-row-10 .jw-cta-actions {\r\n    display: table;\r\n    width: auto;\r\n    max-width: 100%;\r\n    margin: 34px 0 36px;\r\n    border-collapse: separate;\r\n    border-spacing: 22px 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-cta-action-cell {\r\n    display: table-cell;\r\n    padding: 0;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n    margin: 0;\r\n    zoom: 40.25%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light {\r\n    min-width: 265px;\r\n    margin: 0;\r\n    padding: 20px 70px 20px 34px;\r\n    border-color: rgba(255,255,255,0.94);\r\n    background: linear-gradient(180deg, rgba(8,49,70,0.96) 0%, rgba(6,35,48,0.98) 58%, rgba(3,24,33,0.99) 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255,255,255,0.32),\r\n      inset 0 -2px 0 rgba(0,0,0,0.24),\r\n      0 14px 30px rgba(0,0,0,0.34),\r\n      0 4px 0 rgba(0,0,0,0.28),\r\n      0 0 0 9px rgba(199,170,139,0.18);\r\n    color: #ffffff !important;\r\n    font-size: clamp(20px, 1.25vw, 24px) !important;\r\n    font-weight: 900;\r\n    text-shadow: 0 2px 4px rgba(0,0,0,0.62);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light::after {\r\n    background: rgba(255,255,255,0.16);\r\n    color: #ffffff;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light:hover,\r\n  #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light:focus-visible {\r\n    border-color: rgba(255,255,255,1);\r\n    background: linear-gradient(180deg, rgba(16,77,96,0.98) 0%, rgba(9,55,70,0.99) 58%, rgba(4,31,42,1) 100%);\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    #jw-hosting-page .jw-row-10 .jw-cta-actions,\r\n    #jw-hosting-page .jw-row-10 .jw-cta-action-cell {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-10 .jw-cta-actions {\r\n      margin: 30px 0 38px;\r\n      text-align: center;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-10 .jw-cta-action-cell + .jw-cta-action-cell {\r\n      margin-top: 24px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n      margin-right: auto;\r\n      margin-left: auto;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light {\r\n      width: min(360px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n\r\n  \/* Final CTA width\/centering correction only.\r\n     Both controls now share the same rendered width and the pair is centered\r\n     as one table group. Existing button animation, hover, press, sweep,\r\n     and reduced-motion behavior remain unchanged. *\/\r\n  #jw-hosting-page .jw-row-10 .jw-cta-actions {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-cta-action-cell {\r\n    width: 306px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n  #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n    width: 760px;\r\n    max-width: 760px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light {\r\n    width: 306px;\r\n    min-width: 306px;\r\n    max-width: 306px;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    #jw-hosting-page .jw-row-10 .jw-cta-action-cell {\r\n      width: 100%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta,\r\n    #jw-hosting-page .jw-row-10 .jw-reference-cta[aria-disabled=\"true\"] {\r\n      width: 760px;\r\n      max-width: 760px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-10 .jw-cta-action-cell .jw-host-btn--light {\r\n      width: min(306px, 100%);\r\n      min-width: 0;\r\n      max-width: 306px;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  \/* ROW 5 \u2014 orbit animation added to match the supplied Creative Business System reference *\/\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n    position: absolute;\r\n    z-index: 5;\r\n    top: 50%;\r\n    right: clamp(40px, 5vw, 92px);\r\n    width: min(520px, 35vw);\r\n    aspect-ratio: 1 \/ 1;\r\n    opacity: 0;\r\n    filter: blur(10px);\r\n    transform: translateY(-50%) scale(0.88);\r\n    transform-origin: center center;\r\n    transition:\r\n      opacity 0.8s ease 0.34s,\r\n      filter 0.8s ease 0.34s,\r\n      transform 1.05s cubic-bezier(0.16, 0.82, 0.24, 1) 0.34s;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-stage {\r\n    opacity: 1;\r\n    filter: blur(0);\r\n    transform: translateY(-50%) scale(1);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-ring,\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-ring {\r\n    z-index: 1;\r\n    opacity: 0.92;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-ring--outer {\r\n    inset: 0;\r\n    border: 2px dashed rgba(108, 178, 236, 0.78);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-ring--middle {\r\n    inset: 7.5%;\r\n    border: 2px dashed rgba(112, 194, 116, 0.76);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-ring--inner {\r\n    inset: 15%;\r\n    border: 2px dashed rgba(231, 194, 146, 0.90);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-ring--outer {\r\n    animation: jwCbs5RingClockwise 31s linear infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-ring--middle {\r\n    animation: jwCbs5RingCounter 26s linear infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-ring--inner {\r\n    animation: jwCbs5RingClockwise 22s linear infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-core {\r\n    position: absolute;\r\n    z-index: 3;\r\n    inset: 20.5%;\r\n    display: table;\r\n    width: 59%;\r\n    height: 59%;\r\n    overflow: hidden;\r\n    border: 10px solid rgba(239, 221, 195, 0.92);\r\n    border-radius: 50%;\r\n    background:\r\n      radial-gradient(circle at 48% 38%, rgba(255,255,255,.99) 0%, rgba(255,255,255,.97) 55%, rgba(244,238,229,.98) 100%);\r\n    box-shadow:\r\n      0 24px 58px rgba(0, 0, 0, 0.28),\r\n      0 0 0 1px rgba(255,255,255,.82),\r\n      inset 0 0 0 1px rgba(6,35,48,.05);\r\n    color: #172736;\r\n    text-align: center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-core-cell {\r\n    display: table-cell;\r\n    padding: 20px;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-grid {\r\n    width: clamp(68px, 7vw, 104px);\r\n    margin: 0 auto 12px;\r\n    filter: drop-shadow(0 7px 12px rgba(38,50,58,.16));\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-grid .jw-grid-main {\r\n    fill: #1d6fa5;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-grid .jw-grid-accent {\r\n    fill: #d9822b;\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: #172736;\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: #d9822b;\r\n    font-size: clamp(9px, 0.82vw, 13px) !important;\r\n    font-weight: 900;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track {\r\n    z-index: 4;\r\n    animation: jwCbs5BadgeOrbit var(--jw-orbit-duration) linear var(--jw-orbit-delay) infinite;\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-track {\r\n    animation-play-state: running;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--trim {\r\n    --jw-orbit-duration: 18s;\r\n    --jw-orbit-delay: -4.5s;\r\n    inset: 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--care {\r\n    --jw-orbit-duration: 21s;\r\n    --jw-orbit-delay: -10.5s;\r\n    inset: 7.5%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--details {\r\n    --jw-orbit-duration: 16s;\r\n    --jw-orbit-delay: -12s;\r\n    inset: 15%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-badge {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-badge > span {\r\n    display: block;\r\n    min-width: clamp(126px, 10vw, 166px);\r\n    padding: clamp(11px, 1vw, 15px) clamp(20px, 2vw, 31px);\r\n    border-radius: 999px;\r\n    box-shadow: 0 13px 28px rgba(0,0,0,.24);\r\n    color: #ffffff;\r\n    font-size: clamp(12px, 1vw, 16px) !important;\r\n    font-weight: 900;\r\n    line-height: 1.1;\r\n    letter-spacing: 0.11em;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n    animation: jwCbs5BadgeCounter var(--jw-orbit-duration) linear var(--jw-orbit-delay) infinite;\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-badge > span {\r\n    animation-play-state: running;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--trim .jw-cbs5-orbit-badge > span {\r\n    background: linear-gradient(180deg, #2a74b5 0%, #1d6fa5 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%, #d9822b 100%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--details .jw-cbs5-orbit-badge > span {\r\n    background: linear-gradient(180deg, #12384a 0%, #12324a 100%);\r\n  }\r\n\r\n  @keyframes jwCbs5RingClockwise {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  @keyframes jwCbs5RingCounter {\r\n    to { transform: rotate(-360deg); }\r\n  }\r\n\r\n  @keyframes jwCbs5BadgeOrbit {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  @keyframes jwCbs5BadgeCounter {\r\n    to { transform: rotate(-360deg); }\r\n  }\r\n\r\n  @media (max-width: 1280px) and (min-width: 1141px) {\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n      right: 18px;\r\n      width: min(350px, 29vw);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1140px) {\r\n    #jw-hosting-page .jw-row-5 {\r\n      display: block;\r\n      min-height: 0;\r\n      padding: 88px 0;\r\n      background-attachment: scroll;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-shell {\r\n      display: block;\r\n      width: min(100% - 48px, 920px);\r\n      min-height: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-card {\r\n      position: relative;\r\n      top: auto;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n      position: relative;\r\n      top: auto;\r\n      right: auto;\r\n      width: min(500px, calc(100vw - 60px));\r\n      margin: 66px auto 0;\r\n      transform: scale(0.88);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5.jw-host-visible .jw-cbs5-orbit-stage {\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-shell {\r\n      width: calc(100% - 28px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n      width: min(390px, calc(100vw - 34px));\r\n      margin-top: 54px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-core {\r\n      border-width: 7px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-core-cell {\r\n      padding: 15px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-badge > span {\r\n      min-width: 100px;\r\n      padding: 9px 15px;\r\n      font-size: 10px !important;\r\n      letter-spacing: 0.08em;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage,\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-ring,\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track,\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-badge > span {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n      opacity: 1 !important;\r\n      filter: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--trim {\r\n      transform: rotate(90deg) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--care {\r\n      transform: rotate(180deg) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--details {\r\n      transform: rotate(270deg) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--trim .jw-cbs5-orbit-badge > span {\r\n      transform: rotate(-90deg) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--care .jw-cbs5-orbit-badge > span {\r\n      transform: rotate(-180deg) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-track--details .jw-cbs5-orbit-badge > span {\r\n      transform: rotate(-270deg) !important;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) and (min-width: 1141px) {\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n      transform: translateY(-50%) scale(1) !important;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) and (max-width: 1140px) {\r\n    #jw-hosting-page .jw-row-5 .jw-cbs5-orbit-stage {\r\n      transform: scale(1) !important;\r\n    }\r\n  }\r\n\r\n\r\n  \/* NEW ROW BETWEEN ROW 5 AND ROW 6 \u2014 Creative Business System speed\/performance composition *\/\r\n  #jw-hosting-page .jw-row-5-speed {\r\n    position: relative;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 8% 20%, rgba(86, 180, 233, 0.08), transparent 31%),\r\n      radial-gradient(circle at 92% 74%, rgba(242, 179, 92, 0.08), transparent 30%),\r\n      linear-gradient(135deg, #f7fbfd 0%, #ffffff 48%, #f5faf4 100%);\r\n    color: var(--jw-ink);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(38, 50, 58, 0.14), transparent);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-shell {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1380px, calc(100% - 80px));\r\n    margin: 0 auto;\r\n    padding: 96px 0 90px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-table {\r\n    display: table;\r\n    width: 100%;\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    table-layout: fixed;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-visual-cell,\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n    display: table-cell;\r\n    min-width: 0;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-visual-cell {\r\n    width: 52%;\r\n    padding-right: clamp(36px, 5vw, 86px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n    width: 48%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-panel {\r\n    position: relative;\r\n    min-height: 610px;\r\n    overflow: hidden;\r\n    border-radius: 36px;\r\n    \/* image-6 *\/\r\n    background:\r\n      linear-gradient(90deg, rgba(5, 31, 52, 0.91), rgba(12, 65, 101, 0.76)),\r\n      url('https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-5-2026-07_11_58-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(242, 179, 92, 0.55), transparent);\r\n    opacity: 0.8;\r\n    transform: scaleX(0);\r\n    transform-origin: left center;\r\n    transition: transform 1.1s 0.9s cubic-bezier(0.2, 0.75, 0.2, 1);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-panel {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-panel::after {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-panel-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding: 60px 54px 58px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-title {\r\n    margin: 0 0 44px;\r\n    color: #ffffff;\r\n    font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n    font-size: clamp(42px, 3.2vw, 64px);\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    letter-spacing: -0.045em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-title small {\r\n    display: inline-block;\r\n    margin-left: 8px;\r\n    color: #ffffff;\r\n    font-size: 17px !important;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    letter-spacing: 0.12em;\r\n    vertical-align: 0.35em;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-company {\r\n    display: block;\r\n    margin-top: 17px;\r\n    color: var(--jw-green-bright);\r\n    font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n    font-size: clamp(27px, 2.15vw, 36px) !important;\r\n    font-weight: 800;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.02em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-company span {\r\n    display: block;\r\n    margin-top: 5px;\r\n    color: #ffffff;\r\n    font-size: 0.58em !important;\r\n    line-height: 1.15;\r\n    letter-spacing: 0.16em;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-metric {\r\n    margin-top: 30px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-metric:first-of-type {\r\n    margin-top: 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-label-table {\r\n    display: table;\r\n    width: 100%;\r\n    margin-bottom: 11px;\r\n    table-layout: fixed;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-label,\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-status {\r\n    display: table-cell;\r\n    color: #ffffff;\r\n    font-size: 15px !important;\r\n    font-weight: 800;\r\n    line-height: 1.3;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-status {\r\n    text-align: right;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-meter {\r\n    position: relative;\r\n    height: 16px;\r\n    overflow: hidden;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.18);\r\n    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.28);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-meter > span {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 0;\r\n    overflow: hidden;\r\n    border-radius: inherit;\r\n    background: linear-gradient(90deg, #56b4e9 0%, #4ab4b9 48%, #f2b35c 100%);\r\n    box-shadow: 0 0 18px rgba(86, 180, 233, 0.22);\r\n    transition: width 1.55s cubic-bezier(0.16, 0.82, 0.24, 1);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-meter > span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -35%;\r\n    width: 24%;\r\n    height: 100%;\r\n    background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.72), transparent);\r\n    opacity: 0;\r\n    transform: skewX(-18deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-metric:nth-child(2) .jw-speed-meter > span {\r\n    width: 94%;\r\n    transition-delay: 0.34s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-metric:nth-child(3) .jw-speed-meter > span {\r\n    width: 88%;\r\n    transition-delay: 0.50s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-metric:nth-child(4) .jw-speed-meter > span {\r\n    width: 91%;\r\n    transition-delay: 0.66s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-meter > span::after {\r\n    animation: jwSpeedMeterSheen 3.8s ease-in-out 1.9s infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-copy {\r\n    opacity: 0;\r\n    filter: blur(8px);\r\n    transform: translate3d(90px, 20px, 0);\r\n    transition:\r\n      opacity 0.78s ease 0.18s,\r\n      transform 1.02s cubic-bezier(0.16, 0.82, 0.24, 1) 0.18s,\r\n      filter 0.78s ease 0.18s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-copy {\r\n    opacity: 1;\r\n    filter: none;\r\n    transform: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-kicker {\r\n    display: block;\r\n    max-width: 530px;\r\n    margin: 0 0 28px;\r\n    color: var(--jw-green);\r\n    font-size: clamp(18px, 1.42vw, 25px) !important;\r\n    font-weight: 900;\r\n    line-height: 1.65;\r\n    letter-spacing: 0.20em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-copy h2 {\r\n    max-width: 620px;\r\n    margin: 0 0 27px;\r\n    color: var(--jw-ink);\r\n    font-size: clamp(40px, 3.3vw, 61px);\r\n    font-weight: 700;\r\n    line-height: 1.06;\r\n    letter-spacing: -0.045em;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-copy > p {\r\n    max-width: 650px;\r\n    margin-bottom: 31px;\r\n    color: #1a3640;\r\n    font-size: clamp(18px, 1.25vw, 22px) !important;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-checks {\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-checks li {\r\n    position: relative;\r\n    margin: 18px 0;\r\n    padding-left: 40px;\r\n    color: var(--jw-ink);\r\n    font-size: clamp(16px, 1vw, 19px) !important;\r\n    font-weight: 800;\r\n    line-height: 1.48;\r\n    opacity: 0;\r\n    transform: translateX(24px);\r\n    transition:\r\n      opacity 0.58s ease,\r\n      transform 0.72s cubic-bezier(0.16, 0.82, 0.24, 1);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed .jw-speed-checks li::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0.33em;\r\n    left: 1px;\r\n    width: 20px;\r\n    height: 11px;\r\n    border-bottom: 3px solid var(--jw-green);\r\n    border-left: 3px solid var(--jw-green);\r\n    transform: rotate(-45deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-checks li {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-checks li:nth-child(1) {\r\n    transition-delay: 0.64s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-checks li:nth-child(2) {\r\n    transition-delay: 0.78s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-5-speed.jw-host-visible .jw-speed-checks li:nth-child(3) {\r\n    transition-delay: 0.92s;\r\n  }\r\n\r\n  #jw-hosting-page .jw-speed-banner {\r\n    position: relative;\r\n    z-index: 4;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.14);\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.12);\r\n    background:\r\n      linear-gradient(180deg, #0c3140 0%, #12324a 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.05),\r\n      0 -9px 28px rgba(4, 31, 42, 0.08);\r\n    color: #ffffff;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  #jw-hosting-page .jw-speed-banner-track {\r\n    display: inline-block;\r\n    min-width: max-content;\r\n    padding: 18px 0;\r\n    font-size: 0;\r\n    white-space: nowrap;\r\n    will-change: transform;\r\n    animation: jwSpeedBannerScroll 30s linear infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-speed-banner-group {\r\n    display: inline-block;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  #jw-hosting-page .jw-speed-banner-item {\r\n    display: inline-block;\r\n    padding: 0 24px;\r\n    color: #ffffff;\r\n    font-size: 15px !important;\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-speed-banner-dot {\r\n    display: inline-block;\r\n    width: 8px;\r\n    height: 8px;\r\n    margin: 0 7px;\r\n    border-radius: 50%;\r\n    background: var(--jw-green-bright);\r\n    box-shadow: 0 0 12px rgba(242, 179, 92, 0.55);\r\n    vertical-align: middle;\r\n  }\r\n\r\n  @keyframes jwSpeedMeterSheen {\r\n    0%, 18% {\r\n      left: -35%;\r\n      opacity: 0;\r\n    }\r\n    28% {\r\n      opacity: 0.72;\r\n    }\r\n    66%, 100% {\r\n      left: 118%;\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  @keyframes jwSpeedBannerScroll {\r\n    from { transform: translate3d(0, 0, 0); }\r\n    to { transform: translate3d(-50%, 0, 0); }\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-shell {\r\n      width: min(760px, calc(100% - 48px));\r\n      padding: 78px 0 70px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-table,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-visual-cell,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-visual-cell {\r\n      padding-right: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n      padding-top: 58px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy {\r\n      transform: translate3d(0, 54px, 0);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-shell {\r\n      width: calc(100% - 32px);\r\n      padding: 58px 0 54px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-panel {\r\n      min-height: 0;\r\n      border-radius: 26px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-panel-inner {\r\n      padding: 40px 24px 42px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-title {\r\n      margin-bottom: 34px;\r\n      font-size: clamp(38px, 13vw, 52px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-title small {\r\n      display: block;\r\n      margin: 10px 0 0;\r\n      font-size: 14px !important;\r\n      vertical-align: baseline;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-label,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-status {\r\n      font-size: 13px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-meter {\r\n      height: 14px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy-cell {\r\n      padding-top: 44px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-kicker {\r\n      margin-bottom: 20px;\r\n      font-size: 15px !important;\r\n      letter-spacing: 0.16em;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy h2 {\r\n      font-size: clamp(34px, 10.5vw, 48px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-speed-banner-track {\r\n      padding: 15px 0;\r\n      animation-duration: 25s;\r\n    }\r\n\r\n    #jw-hosting-page .jw-speed-banner-item {\r\n      padding: 0 16px;\r\n      font-size: 13px !important;\r\n      letter-spacing: 0.09em;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-panel,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-panel::after,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-checks li,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-meter > span,\r\n    #jw-hosting-page .jw-speed-banner-track {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-panel,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-copy,\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-checks li {\r\n      opacity: 1 !important;\r\n      filter: none !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-panel::after {\r\n      transform: scaleX(1) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-metric:nth-child(2) .jw-speed-meter > span {\r\n      width: 94% !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-metric:nth-child(3) .jw-speed-meter > span {\r\n      width: 88% !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-5-speed .jw-speed-metric:nth-child(4) .jw-speed-meter > span {\r\n      width: 91% !important;\r\n    }\r\n  }\r\n\r\n\r\n  \/* STICKY TOP MENU \u2014 corrected implementation\r\n     Uses a fixed-state class controlled by the page script rather than CSS\r\n     position:sticky, because the full-width page wrapper intentionally clips\r\n     overflow for animation safety and that prevents reliable sticky behavior\r\n     inside SiteOrigin\/Vantage wrappers. *\/\r\n  #jw-hosting-page {\r\n    --jw-anchor-depth: 72px;\r\n    z-index: 99990;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav {\r\n    position: relative;\r\n    top: auto;\r\n    left: auto;\r\n    right: auto;\r\n    width: 100%;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-top-nav--fixed {\r\n    position: fixed !important;\r\n    top: var(--jw-sticky-top, 0px) !important;\r\n    right: 0 !important;\r\n    left: 0 !important;\r\n    width: auto !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    z-index: 99998 !important;\r\n    transform: translateZ(0);\r\n    will-change: transform;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-spacer {\r\n    display: none;\r\n    width: 100%;\r\n    height: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-spacer.jw-top-nav-spacer--active {\r\n    display: block !important;\r\n    height: var(--jw-sticky-menu-height, 0px);\r\n    min-height: var(--jw-sticky-menu-height, 0px);\r\n  }\r\n\r\n  #jw-hosting-page [id^=\"jw-\"] {\r\n    scroll-margin-top: calc(\r\n      var(--jw-sticky-top, 0px) +\r\n      var(--jw-sticky-menu-height, 72px) -\r\n      var(--jw-anchor-depth, 60px)\r\n    );\r\n  }\r\n\r\n\r\n  \/* HEADER ANIMATION REVISION \u2014 synchronized opposing hero motion.\r\n     Scope is limited to ROW 1. The hero image slides in from the left while\r\n     an INVERTED sweeping field enters from the right. The smooth terminal curve\r\n     keeps the established concave reference shape, but the finished blue field\r\n     now extends farther right through both the upper headline and lower headline\r\n     zones so every hero headline line remains fully inside the animated field\r\n     while the refined curve sits closer to the headline. The fill is also slightly more\r\n     transparent so more of the\r\n     drafting image reads through the blue overlay. Both motions still run for\r\n     exactly 3.5 seconds, and the hero image continues to span the full stage. *\/\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-media {\r\n    isolation: isolate;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-bg {\r\n    z-index: 0;\r\n    opacity: 1;\r\n    filter: none;\r\n    transform: translate3d(-105%, 0, 0) scale(1.015);\r\n    transform-origin: center center;\r\n    will-change: transform;\r\n  }\r\n\r\n  \/* Retire the earlier pseudo-element oval. The SVG field below is anchored\r\n     flush to the hero image's left edge. Its terminal edge is deliberately\r\n     non-circular: a long descending sweep with widely separated top and bottom\r\n     contact points. *\/\r\n  #jw-hosting-page .jw-row-1 .jw-hero-media::before {\r\n    content: none !important;\r\n    display: none !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep {\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: none;\r\n    overflow: visible;\r\n    opacity: 1;\r\n    filter: drop-shadow(22px 0 34px rgba(0, 0, 0, 0.18));\r\n    transform: translate3d(115vw, 0, 0) skewX(-1.2deg);\r\n    transform-origin: 50% 50%;\r\n    pointer-events: none;\r\n    will-change: transform;\r\n  }\r\n\r\n  \/* TWO-COLOR VARIABLE-WIDTH LEADING EDGE.\r\n     Each band is a closed SVG ribbon rather than a fixed-width stroke. Both\r\n     ribbons follow the same small-to-large-to-small width progression along\r\n     the terminal curve, matching the reference while remaining locked to the\r\n     existing 3.5-second hero sweep animation. *\/\r\n  #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep .jw-hero-edge-ribbon {\r\n    stroke: none;\r\n    pointer-events: none;\r\n    shape-rendering: geometricPrecision;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep .jw-hero-edge-ribbon--navy {\r\n    fill: #081a2a;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep .jw-hero-edge-ribbon--copper {\r\n    fill: #d9822b;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-media::after {\r\n    z-index: 2;\r\n    opacity: 1;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-stage {\r\n    z-index: 4;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-title-panel {\r\n    opacity: 0;\r\n    filter: blur(8px);\r\n    transform: translate3d(-76px, 18px, 0) scale(0.96);\r\n    will-change: transform, opacity, filter;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-bg {\r\n    animation:\r\n      jwHeroImageSlideFromLeft 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-curve-sweep {\r\n    animation:\r\n      jwHeroInvertedSweepFromRight 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-title-panel {\r\n    animation:\r\n      jwHeroCopySettle 1.05s cubic-bezier(0.16, 1, 0.3, 1) 2.15s both;\r\n  }\r\n\r\n  @keyframes jwHeroImageSlideFromLeft {\r\n    0% {\r\n      transform: translate3d(-105%, 0, 0) scale(1.015);\r\n    }\r\n\r\n    72% {\r\n      transform: translate3d(1.8%, 0, 0) scale(1.004);\r\n    }\r\n\r\n    100% {\r\n      transform: translate3d(0, 0, 0) scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes jwHeroInvertedSweepFromRight {\r\n    0% {\r\n      transform: translate3d(115vw, 0, 0) skewX(-2deg);\r\n    }\r\n\r\n    72% {\r\n      transform: translate3d(-1.4%, 0, 0) skewX(-0.35deg);\r\n    }\r\n\r\n    100% {\r\n      transform: translate3d(0, 0, 0) skewX(0);\r\n    }\r\n  }\r\n\r\n  @keyframes jwHeroCopySettle {\r\n    0% {\r\n      opacity: 0;\r\n      filter: blur(8px);\r\n      transform: translate3d(-76px, 18px, 0) scale(0.96);\r\n    }\r\n\r\n    72% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(8px, -2px, 0) scale(1.006);\r\n    }\r\n\r\n    100% {\r\n      opacity: 1;\r\n      filter: blur(0);\r\n      transform: translate3d(0, 0, 0) scale(1);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep {\r\n      left: 0;\r\n      width: 112%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-bg {\r\n      transform: translate3d(-105%, 0, 0) scale(1.01);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep {\r\n      left: 0;\r\n      width: 146%;\r\n      filter: drop-shadow(16px 0 26px rgba(0, 0, 0, 0.16));\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-bg {\r\n      animation:\r\n        jwHeroImageSlideFromLeftMobile 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s both;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1.jw-host-visible .jw-hero-curve-sweep {\r\n      animation:\r\n        jwHeroInvertedSweepFromRight 3.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s both;\r\n    }\r\n\r\n    @keyframes jwHeroImageSlideFromLeftMobile {\r\n      0% {\r\n        transform: translate3d(-105%, 0, 0) scale(1.01);\r\n      }\r\n\r\n      72% {\r\n        transform: translate3d(1.6%, 0, 0) scale(1.003);\r\n      }\r\n\r\n      100% {\r\n        transform: translate3d(0, 0, 0) scale(1);\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-bg,\r\n    #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep,\r\n    #jw-hosting-page .jw-row-1 .jw-hero-title-panel {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-bg,\r\n    #jw-hosting-page .jw-row-1 .jw-hero-curve-sweep,\r\n    #jw-hosting-page .jw-row-1 .jw-hero-title-panel {\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-bg,\r\n    #jw-hosting-page .jw-row-1 .jw-hero-title-panel {\r\n      opacity: 1 !important;\r\n      filter: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-media::after {\r\n      opacity: 1 !important;\r\n    }\r\n  }\r\n\r\n\r\n  \/* ROW 1 HERO OVERLAY REVISION \u2014 requested headline, supporting copy, and CTA only *\/\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-cell {\r\n    padding: 0 !important;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-title-panel.jw-hero-message-overlay {\r\n    width: min(620px, 52vw);\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: visible;\r\n    border: 0;\r\n    border-radius: 0;\r\n    background: transparent;\r\n    box-shadow: none;\r\n    color: #ffffff;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-copy {\r\n    width: 100%;\r\n    max-width: 620px;\r\n    text-align: left;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-heading {\r\n    margin: 0 0 24px;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(46px, 4.45vw, 74px);\r\n    font-weight: 700;\r\n    line-height: 0.98;\r\n    letter-spacing: -0.035em;\r\n    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.42);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-line {\r\n    display: block;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-line--light {\r\n    color: #ffffff;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-line--gold {\r\n    max-width: calc(100% - 48px);\r\n    margin-top: 7px;\r\n    padding-right: 48px;\r\n    color: #d4aa4d;\r\n    font-size: 0.74em;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-gold-line {\r\n    display: block;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-text {\r\n    max-width: 500px;\r\n    margin: 0 0 30px;\r\n    color: #ffffff;\r\n    font-size: clamp(18px, 1.35vw, 24px) !important;\r\n    font-weight: 500;\r\n    line-height: 1.42;\r\n    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.50);\r\n  }\r\n\r\n  \/* Hero-image CTA now uses the same raised pill system as the\r\n     \u201cGet a Remodeling Estimate\u201d button, including gloss, depth, and arrow badge. *\/\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-cta {\r\n    min-width: 250px;\r\n    max-width: 100%;\r\n    font-size: 16px !important;\r\n    letter-spacing: 0.015em;\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-title-panel.jw-hero-message-overlay {\r\n      width: min(560px, 62vw);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-heading {\r\n      font-size: clamp(42px, 6.1vw, 62px);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-shell {\r\n      width: calc(100% - 30px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-cell {\r\n      padding: 0 0 26px !important;\r\n      vertical-align: bottom;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-title-panel.jw-hero-message-overlay {\r\n      width: min(500px, 100%);\r\n      max-width: 100%;\r\n      padding: 0;\r\n      border: 0;\r\n      border-radius: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-heading {\r\n      margin-bottom: 17px;\r\n      font-size: clamp(34px, 10.2vw, 50px);\r\n      line-height: 0.98;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-line--gold {\r\n      max-width: calc(100% - 24px);\r\n      margin-top: 4px;\r\n      padding-right: 24px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-text {\r\n      max-width: 390px;\r\n      margin-bottom: 22px;\r\n      font-size: clamp(16px, 4.7vw, 19px) !important;\r\n      line-height: 1.42;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-1 .jw-hero-overlay-cta {\r\n      width: 100%;\r\n      min-width: 0;\r\n      font-size: 14px !important;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  \/* ================================================================\r\n     ROW 7 REVISION \u2014 BALANCED DRAWING VISUAL + COPY + QUALITY VISUAL\r\n     ================================================================ *\/\r\n  #jw-hosting-page .jw-row-7 .jw-host-inner {\r\n    width: min(1480px, calc(100% - 48px));\r\n    padding: 96px 0;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-safety-table {\r\n    display: table;\r\n    width: 100%;\r\n    margin: 0;\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    table-layout: fixed;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-safety-cell {\r\n    display: table-cell;\r\n    min-width: 0;\r\n    padding: 0;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-safety-cell--customer {\r\n    width: 25%;\r\n    padding-right: clamp(28px, 3.1vw, 50px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-safety-cell--copy {\r\n    width: 39%;\r\n    padding-right: clamp(30px, 3.4vw, 58px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-safety-cell--visual {\r\n    width: 36%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-safety-cell--copy h2 {\r\n    max-width: 610px;\r\n    margin-bottom: 24px;\r\n    font-size: clamp(34px, 2.8vw, 50px);\r\n    line-height: 1.08;\r\n    letter-spacing: -0.04em;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-safety-cell--copy > p {\r\n    max-width: 610px;\r\n    margin-bottom: 24px;\r\n    font-size: clamp(18px, 1.08vw, 21px) !important;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-safety-cell--copy .jw-host-checks {\r\n    margin-top: 24px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-safety-cell--copy .jw-host-checks li {\r\n    margin: 13px 0;\r\n    font-size: clamp(16px, 0.92vw, 19px) !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-customer-service-card {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 345px;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(29, 111, 165, 0.14);\r\n    border-radius: 30px;\r\n    background: #ffffff;\r\n    box-shadow:\r\n      0 24px 58px rgba(3, 24, 33, 0.17),\r\n      0 7px 20px rgba(29, 111, 165, 0.10);\r\n    opacity: 0;\r\n    transform: translate3d(-72px, 28px, 0) rotate(-2.4deg) scale(0.94);\r\n    transform-origin: 50% 55%;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-customer-service-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: -12%;\r\n    bottom: -12%;\r\n    left: -62%;\r\n    width: 42%;\r\n    background: linear-gradient(\r\n      108deg,\r\n      rgba(255, 255, 255, 0) 0%,\r\n      rgba(255, 255, 255, 0.10) 28%,\r\n      rgba(255, 255, 255, 0.78) 50%,\r\n      rgba(255, 255, 255, 0.10) 72%,\r\n      rgba(255, 255, 255, 0) 100%\r\n    );\r\n    opacity: 0;\r\n    transform: skewX(-16deg);\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-customer-service-card img {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    height: auto;\r\n    max-width: none;\r\n    object-fit: contain;\r\n    transform: scale(1.035);\r\n    transform-origin: center center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n    min-height: 520px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-customer-service-card {\r\n    animation: jwCustomerServiceEnter 1.08s cubic-bezier(0.16, 0.82, 0.24, 1) 100ms both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-customer-service-card::after {\r\n    animation: jwCustomerServiceSheen 1.08s ease 780ms both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-customer-service-card img {\r\n    animation: jwCustomerServiceImageSettle 1.22s cubic-bezier(0.16, 0.82, 0.24, 1) 150ms both;\r\n  }\r\n\r\n  @keyframes jwCustomerServiceEnter {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translate3d(-72px, 28px, 0) rotate(-2.4deg) scale(0.94);\r\n    }\r\n    72% {\r\n      opacity: 1;\r\n      transform: translate3d(7px, -3px, 0) rotate(0.35deg) scale(1.008);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0) rotate(0) scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes jwCustomerServiceImageSettle {\r\n    from { transform: scale(1.035); }\r\n    to { transform: scale(1); }\r\n  }\r\n\r\n  @keyframes jwCustomerServiceSheen {\r\n    0% {\r\n      left: -62%;\r\n      opacity: 0;\r\n    }\r\n    22% {\r\n      opacity: 0.8;\r\n    }\r\n    100% {\r\n      left: 126%;\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1180px) and (min-width: 901px) {\r\n    #jw-hosting-page .jw-row-7 .jw-host-inner {\r\n      width: calc(100% - 40px);\r\n      padding: 86px 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--customer {\r\n      width: 23%;\r\n      padding-right: 24px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--copy {\r\n      width: 43%;\r\n      padding-right: 30px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--visual {\r\n      width: 34%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card {\r\n      max-width: 255px;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--copy h2 {\r\n      font-size: clamp(32px, 3.25vw, 42px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n      height: 470px;\r\n      min-height: 470px;\r\n      border-radius: 28px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    #jw-hosting-page .jw-row-7 .jw-host-inner {\r\n      width: min(100% - 36px, 760px);\r\n      padding: 78px 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-table,\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell {\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--customer,\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--copy,\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--visual {\r\n      padding-right: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--customer {\r\n      padding-bottom: 42px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--visual {\r\n      padding-top: 46px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card {\r\n      max-width: 420px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--copy h2,\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--copy > p {\r\n      max-width: none;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n      height: 480px;\r\n      min-height: 480px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    #jw-hosting-page .jw-row-7 .jw-host-inner {\r\n      width: calc(100% - 30px);\r\n      padding: 64px 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--customer {\r\n      padding-bottom: 34px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--visual {\r\n      padding-top: 38px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card {\r\n      max-width: 315px;\r\n      border-radius: 22px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--copy h2 {\r\n      font-size: clamp(31px, 10vw, 42px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--copy > p {\r\n      font-size: 18px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n      height: 430px;\r\n      min-height: 430px;\r\n      border-radius: 24px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card img,\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card::after {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card img {\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card::after {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n\r\n  \/* ================================================================\r\n     REVISION \u2014 ROW 7 MATCHED VISUAL SIZING + LARGER STICKY NAV ITEMS\r\n     Both Row 7 visual panels use the same square frame on desktop\/tablet,\r\n     while mobile remains fully contained and stacked.\r\n     ================================================================ *\/\r\n\r\n  @media (min-width: 901px) {\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--customer,\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--visual {\r\n      width: 29%;\r\n      padding-right: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-safety-cell--copy {\r\n      width: 42%;\r\n      padding-right: clamp(28px, 3vw, 48px);\r\n      padding-left: clamp(28px, 3vw, 48px);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n      width: min(100%, 400px);\r\n      max-width: 400px;\r\n      height: auto;\r\n      min-height: 0;\r\n      aspect-ratio: 1 \/ 1;\r\n      margin-right: auto;\r\n      margin-left: auto;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card img,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage > img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center center;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 1081px) {\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n      font-size: 16px !important;\r\n      padding: 11px 13px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1080px) and (min-width: 621px) {\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n      font-size: 15px !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n      font-size: 15px !important;\r\n    }\r\n  }\r\n\r\n\r\n  \/* ================================================================\r\n     MOBILE NAVIGATION CORRECTION \u2014 COMPACT FIXED HEADER + DROPDOWN\r\n     Desktop\/tablet navigation is preserved. At phone widths the large\r\n     two-column link block collapses into a hamburger-controlled dropdown,\r\n     keeping the navigation at the very top without covering the hero with\r\n     a permanently expanded menu.\r\n     ================================================================ *\/\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle {\r\n    display: none;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    border: 0;\r\n    font: inherit;\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav,\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-top-nav--fixed {\r\n      position: fixed !important;\r\n      top: var(--jw-admin-bar-offset, var(--jw-sticky-top, 0px)) !important;\r\n      right: 0 !important;\r\n      left: 0 !important;\r\n      width: auto !important;\r\n      max-width: none !important;\r\n      margin: 0 !important;\r\n      overflow: visible;\r\n      z-index: 99999 !important;\r\n      transform: translateZ(0);\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-shell {\r\n      width: calc(100% - 24px);\r\n      max-width: none;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-table {\r\n      position: relative;\r\n      display: block;\r\n      width: 100%;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand {\r\n      display: block;\r\n      position: relative;\r\n      width: 100%;\r\n      min-width: 0;\r\n      padding: 8px 62px 8px 0;\r\n      text-align: left;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-lockup {\r\n      width: auto;\r\n      max-width: 100%;\r\n      margin: 0 !important;\r\n      table-layout: auto;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo-cell {\r\n      width: 58px;\r\n      min-width: 58px;\r\n      padding-right: 9px !important;\r\n      text-align: left;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo,\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-logo svg {\r\n      width: 54px;\r\n      height: 54px;\r\n      max-width: 54px;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-copy {\r\n      width: auto;\r\n      min-width: 0;\r\n      padding: 0 !important;\r\n      white-space: normal;\r\n      text-align: left;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-name {\r\n      font-size: clamp(22px, 6.6vw, 29px) !important;\r\n      line-height: 0.98;\r\n      letter-spacing: -0.045em;\r\n      white-space: normal;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand-service {\r\n      margin-top: 4px;\r\n      font-size: clamp(10px, 3.2vw, 13px) !important;\r\n      line-height: 1.08;\r\n      letter-spacing: 0.10em;\r\n      white-space: normal;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle {\r\n      display: block;\r\n      position: absolute;\r\n      z-index: 3;\r\n      top: 50%;\r\n      right: 0;\r\n      width: 46px;\r\n      height: 46px;\r\n      margin: 0;\r\n      padding: 0;\r\n      border: 1px solid rgba(255, 255, 255, 0.22);\r\n      border-radius: 12px;\r\n      background: rgba(255, 255, 255, 0.08);\r\n      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n      color: #ffffff;\r\n      cursor: pointer;\r\n      transform: translateY(-50%);\r\n      transition: background 180ms ease, border-color 180ms ease;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle:hover,\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle:focus-visible,\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-mobile-nav-open .jw-top-nav-toggle {\r\n      border-color: rgba(242, 179, 92, 0.60);\r\n      background: rgba(242, 179, 92, 0.16);\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle:focus {\r\n      outline: none;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle:focus-visible {\r\n      outline: 2px solid rgba(86, 180, 233, 0.82);\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle-icon {\r\n      display: block;\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 22px;\r\n      height: 16px;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle-icon > span {\r\n      display: block;\r\n      position: absolute;\r\n      left: 0;\r\n      width: 22px;\r\n      height: 2px;\r\n      border-radius: 999px;\r\n      background: #ffffff;\r\n      transform-origin: center;\r\n      transition: top 180ms ease, transform 180ms ease, opacity 180ms ease;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle-icon > span:nth-child(1) {\r\n      top: 0;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle-icon > span:nth-child(2) {\r\n      top: 7px;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-toggle-icon > span:nth-child(3) {\r\n      top: 14px;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-mobile-nav-open .jw-top-nav-toggle-icon > span:nth-child(1) {\r\n      top: 7px;\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-mobile-nav-open .jw-top-nav-toggle-icon > span:nth-child(2) {\r\n      opacity: 0;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-mobile-nav-open .jw-top-nav-toggle-icon > span:nth-child(3) {\r\n      top: 7px;\r\n      transform: rotate(-45deg);\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n      display: none !important;\r\n      width: 100%;\r\n      margin: 0;\r\n      padding: 6px 0 12px;\r\n      border-top: 1px solid rgba(255, 255, 255, 0.11);\r\n      font-size: 0;\r\n      text-align: left;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-mobile-nav-open .jw-top-nav-links {\r\n      display: block !important;\r\n      animation: jwMobileNavDrop 180ms ease both;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n      display: block;\r\n      width: 100%;\r\n      min-height: 0;\r\n      margin: 0;\r\n      padding: 11px 12px;\r\n      border-radius: 8px;\r\n      font-size: 15px !important;\r\n      line-height: 1.25;\r\n      text-align: left;\r\n      white-space: normal;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a + a {\r\n      margin-top: 2px;\r\n    }\r\n\r\n    @keyframes jwMobileNavDrop {\r\n      from {\r\n        opacity: 0;\r\n        transform: translateY(-8px);\r\n      }\r\n      to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  \/* ================================================================\r\n     REQUIRED VIEWPORT-FIXED NAVIGATION + VANTAGE SUPPRESSION OVERRIDE\r\n     ================================================================ *\/\r\n  #masthead,\r\n  #masthead.site-header,\r\n  #site-navigation,\r\n  #masthead .main-navigation,\r\n  .site-header#masthead,\r\n  .main-navigation#site-navigation,\r\n  #masthead-sticky-wrapper {\r\n    display: none !important;\r\n    visibility: hidden !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    min-height: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    overflow: hidden !important;\r\n    pointer-events: none !important;\r\n  }\r\n\r\n  .jw-vantage-nav-suppressed {\r\n    display: none !important;\r\n    visibility: hidden !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    min-height: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    overflow: hidden !important;\r\n    pointer-events: none !important;\r\n  }\r\n\r\n  #wpadminbar {\r\n    z-index: 100000 !important;\r\n  }\r\n\r\n  #jw-nav-portal,\r\n  #jw-nav-portal * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #jw-nav-portal {\r\n    --jw-navy: #12324a;\r\n    --jw-navy-2: #081a2a;\r\n    --jw-blue: #1d6fa5;\r\n    --jw-blue-bright: #56b4e9;\r\n    --jw-green: #d9822b;\r\n    --jw-green-bright: #f2b35c;\r\n    --jw-cream: #f3f7fa;\r\n    --jw-sand: #c7d8e4;\r\n    --jw-white: #ffffff;\r\n    --jw-ink: #172736;\r\n    --jw-muted: #617485;\r\n    position: static !important;\r\n    width: 0 !important;\r\n    height: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n    overflow: visible !important;\r\n    font-family: \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav,\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-top-nav--fixed {\r\n    position: fixed !important;\r\n    top: var(--jw-admin-bar-offset, var(--jw-sticky-top, 0px)) !important;\r\n    right: 0 !important;\r\n    left: 0 !important;\r\n    width: auto !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    z-index: 99990 !important;\r\n    transform: none !important;\r\n    will-change: auto !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-top-nav-spacer,\r\n  #jw-hosting-page .jw-top-nav-spacer.jw-top-nav-spacer--active {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: var(--jw-sticky-menu-height, 112px) !important;\r\n    min-height: var(--jw-sticky-menu-height, 112px) !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    border: 0 !important;\r\n  }\r\n\r\n  #jw-hosting-page [id^=\"jw-\"] {\r\n    scroll-margin-top: var(--jw-anchor-scroll-margin, 40px) !important;\r\n  }\r\n\r\n  #jw-hosting-page #jw-home {\r\n    scroll-margin-top: var(--jw-anchor-offset, 112px) !important;\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav,\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav.jw-top-nav--fixed {\r\n      top: var(--jw-admin-bar-offset, var(--jw-sticky-top, 0px)) !important;\r\n      right: 0 !important;\r\n      left: 0 !important;\r\n      width: auto !important;\r\n      max-width: none !important;\r\n      margin: 0 !important;\r\n      z-index: 99990 !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-top-nav-spacer,\r\n    #jw-hosting-page .jw-top-nav-spacer.jw-top-nav-spacer--active {\r\n      display: block !important;\r\n      height: var(--jw-sticky-menu-height, 71px) !important;\r\n      min-height: var(--jw-sticky-menu-height, 71px) !important;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n      max-height: calc(100vh - var(--jw-admin-bar-offset, 0px) - var(--jw-sticky-menu-height, 71px) - 8px);\r\n      overflow-x: hidden !important;\r\n      overflow-y: auto !important;\r\n      overscroll-behavior: contain;\r\n      -webkit-overflow-scrolling: touch;\r\n    }\r\n  }\r\n\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand {\r\n    width: 34%;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n    width: 66%;\r\n  }\r\n\r\n  :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n    padding-right: 9px;\r\n    padding-left: 9px;\r\n    font-size: 13px !important;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-1 .jw-hero-overlay-heading {\r\n    font-size: clamp(40px, 4vw, 68px);\r\n  }\r\n\r\n  @media (max-width: 1080px) {\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand,\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n      width: 100%;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n      width: calc(25% - 6px);\r\n      font-size: 14px !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-brand,\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links {\r\n      width: 100%;\r\n    }\r\n\r\n    :where(#jw-hosting-page, #jw-nav-portal) .jw-top-nav-links a {\r\n      width: 100%;\r\n      font-size: 15px !important;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  \/* ================================================================\r\n     ANIMATION TRANSFER REVISION\r\n     ROW 2 borrows ROW 1's controlled sweep entrance, using a stepped\r\n     technical-tab polygon rather than the hero's concave field.\r\n     ROW 3 borrows ROW 5's blurred scale\/orbit entrance, using rotating\r\n     diamonds and a hexagonal CAD core rather than circular rings.\r\n     ROW 9 borrows ROW 8's staggered spring cascade, using chamfered\r\n     drawing-sheet silhouettes rather than rectangular feature cards.\r\n     All shapes are decorative, palette-compatible, pointer-safe, and\r\n     contained by the existing row overflow system.\r\n     ================================================================ *\/\r\n\r\n  \/* ROW 2 \u2014 smooth ROW 1 motion language \/ clean architectural sweep *\/\r\n  #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep {\r\n    position: absolute;\r\n    z-index: 0;\r\n    top: -8%;\r\n    right: -7%;\r\n    bottom: -8%;\r\n    width: min(53%, 820px);\r\n    overflow: hidden;\r\n    border-radius: 58% 0 0 58% \/ 50% 0 0 50%;\r\n    background:\r\n      linear-gradient(\r\n        155deg,\r\n        rgba(86, 180, 233, 0.18) 0%,\r\n        rgba(29, 111, 165, 0.11) 54%,\r\n        rgba(217, 130, 43, 0.10) 100%\r\n      );\r\n    opacity: 0;\r\n    transform: translate3d(108%, 0, 0) scaleX(0.94);\r\n    transform-origin: right center;\r\n    transition:\r\n      opacity 1.05s ease 0.08s,\r\n      transform 3.5s cubic-bezier(0.16, 0.82, 0.24, 1) 0.08s;\r\n    pointer-events: none;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep::before,\r\n  #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep::after {\r\n    display: none;\r\n    content: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-2 .jw-host-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-2.jw-host-visible .jw-row-2-blueprint-sweep {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0) scaleX(1);\r\n  }\r\n\r\n  \/* ROW 3 \u2014 ROW 5 motion language \/ diamond orbit + hexagonal core *\/\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-orbit {\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: auto;\r\n    right: -36px;\r\n    bottom: 28px;\r\n    width: min(220px, 18vw);\r\n    aspect-ratio: 1 \/ 1;\r\n    opacity: 0;\r\n    filter: blur(10px);\r\n    transform: translate3d(92px, -18px, 0) scale(0.78) rotate(9deg);\r\n    transform-origin: center center;\r\n    transition:\r\n      opacity 0.8s ease 0.24s,\r\n      filter 0.8s ease 0.24s,\r\n      transform 1.08s cubic-bezier(0.16, 0.82, 0.24, 1) 0.24s;\r\n    pointer-events: none;\r\n    will-change: transform, opacity, filter;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-host-inner {\r\n    z-index: 3;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring,\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-track {\r\n    position: absolute;\r\n    border-radius: 24%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring {\r\n    opacity: 0.84;\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring--outer {\r\n    inset: 4%;\r\n    border: 2px dashed rgba(86, 180, 233, 0.72);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring--middle {\r\n    inset: 16%;\r\n    border: 2px dashed rgba(242, 179, 92, 0.78);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring--inner {\r\n    inset: 28%;\r\n    border: 2px solid rgba(255, 255, 255, 0.48);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-core {\r\n    position: absolute;\r\n    z-index: 3;\r\n    inset: 31%;\r\n    display: table;\r\n    width: 38%;\r\n    height: 38%;\r\n    clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);\r\n    background:\r\n      radial-gradient(circle at 40% 32%, rgba(255,255,255,.98), rgba(243,247,250,.94) 58%, rgba(199,216,228,.92));\r\n    box-shadow:\r\n      0 17px 36px rgba(0, 0, 0, 0.30),\r\n      0 0 0 4px rgba(217, 130, 43, 0.42);\r\n    color: var(--jw-navy-2);\r\n    text-align: center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-core-cell {\r\n    display: table-cell;\r\n    padding: 8px;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-core svg {\r\n    width: 58px;\r\n    max-width: 78%;\r\n    margin: 0 auto;\r\n    overflow: visible;\r\n    fill: none;\r\n    stroke: var(--jw-blue);\r\n    stroke-width: 5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    filter: drop-shadow(0 5px 7px rgba(23,39,54,.16));\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-track {\r\n    z-index: 4;\r\n    inset: 4%;\r\n    animation: jwRow3DiamondTrack 17s linear -4s infinite;\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-track--secondary {\r\n    inset: 16%;\r\n    animation-duration: 21s;\r\n    animation-delay: -11s;\r\n    animation-direction: reverse;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-badge {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-badge > span {\r\n    display: block;\r\n    min-width: 76px;\r\n    padding: 7px 12px;\r\n    border: 1px solid rgba(255,255,255,.32);\r\n    border-radius: 7px 17px 7px 17px;\r\n    background: linear-gradient(180deg, #2a79b8 0%, var(--jw-blue) 100%);\r\n    box-shadow: 0 9px 22px rgba(0,0,0,.30);\r\n    color: #ffffff;\r\n    font-size: 10px !important;\r\n    font-weight: 900;\r\n    line-height: 1;\r\n    letter-spacing: 0.10em;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n    animation: jwRow3DiamondBadge 17s linear -4s infinite;\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3 .jw-row-3-diamond-track--secondary .jw-row-3-diamond-badge > span {\r\n    background: linear-gradient(180deg, #eda14d 0%, var(--jw-green) 100%);\r\n    animation-duration: 21s;\r\n    animation-delay: -11s;\r\n    animation-direction: reverse;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-orbit {\r\n    opacity: 0.78;\r\n    filter: blur(0);\r\n    transform: translate3d(0, 0, 0) scale(1) rotate(0);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-ring--outer {\r\n    animation: jwRow3DiamondClockwise 29s linear infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-ring--middle {\r\n    animation: jwRow3DiamondCounter 24s linear infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-ring--inner {\r\n    animation: jwRow3DiamondClockwise 19s linear infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-track,\r\n  #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-badge > span {\r\n    animation-play-state: running;\r\n  }\r\n\r\n  @keyframes jwRow3DiamondClockwise {\r\n    to { transform: rotate(405deg); }\r\n  }\r\n\r\n  @keyframes jwRow3DiamondCounter {\r\n    to { transform: rotate(-315deg); }\r\n  }\r\n\r\n  @keyframes jwRow3DiamondTrack {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  @keyframes jwRow3DiamondBadge {\r\n    to { transform: rotate(-360deg); }\r\n  }\r\n\r\n  \/* ROW 9 \u2014 ROW 8 motion language \/ chamfered drafting-sheet cascade *\/\r\n  #jw-hosting-page .jw-row-9 .jw-row-9-sheet-cascade {\r\n    position: absolute;\r\n    z-index: 0;\r\n    left: -58px;\r\n    bottom: 12px;\r\n    width: min(300px, 24vw);\r\n    height: min(220px, 19vw);\r\n    opacity: 0.64;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-host-inner {\r\n    position: relative;\r\n    z-index: 3;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-row-9-sheet {\r\n    position: absolute;\r\n    display: block;\r\n    opacity: 0;\r\n    box-shadow: 0 17px 38px rgba(0, 0, 0, 0.20);\r\n    transform-origin: center center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-row-9-sheet::before,\r\n  #jw-hosting-page .jw-row-9 .jw-row-9-sheet::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-row-9-sheet::before {\r\n    inset: 14%;\r\n    border: 1px solid rgba(255,255,255,.34);\r\n    clip-path: inherit;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-row-9-sheet::after {\r\n    left: 18%;\r\n    right: 19%;\r\n    bottom: 21%;\r\n    height: 2px;\r\n    background: rgba(255,255,255,.36);\r\n    box-shadow: 0 -19px 0 rgba(255,255,255,.26), 0 -38px 0 rgba(255,255,255,.20);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-row-9-sheet--one {\r\n    top: 2%;\r\n    left: 2%;\r\n    width: 48%;\r\n    height: 58%;\r\n    clip-path: polygon(0 0, 76% 0, 100% 24%, 100% 100%, 0 100%);\r\n    background: linear-gradient(145deg, rgba(29,111,165,.64), rgba(8,26,42,.80));\r\n    transform: translate3d(-112px, -56px, 0) rotate(-13deg) scale(0.90);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-row-9-sheet--two {\r\n    top: 12%;\r\n    right: 4%;\r\n    width: 43%;\r\n    height: 46%;\r\n    clip-path: polygon(16% 0, 100% 0, 84% 100%, 0 100%);\r\n    background: linear-gradient(145deg, rgba(217,130,43,.74), rgba(121,62,20,.76));\r\n    transform: translate3d(112px, -48px, 0) rotate(15deg) scale(0.88);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-row-9-sheet--three {\r\n    right: 13%;\r\n    bottom: 0;\r\n    width: 58%;\r\n    height: 46%;\r\n    clip-path: polygon(0 18%, 18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%);\r\n    background: linear-gradient(145deg, rgba(86,180,233,.54), rgba(18,50,74,.82));\r\n    transform: translate3d(88px, 76px, 0) rotate(10deg) scale(0.86);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9 .jw-row-9-sheet--four {\r\n    left: 9%;\r\n    bottom: 5%;\r\n    width: 38%;\r\n    height: 35%;\r\n    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);\r\n    background: linear-gradient(145deg, rgba(242,179,92,.70), rgba(29,111,165,.70));\r\n    transform: translate3d(-82px, 70px, 0) rotate(-18deg) scale(0.84);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9.jw-host-visible .jw-row-9-sheet {\r\n    animation: jwRow9SheetCascade 850ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9.jw-host-visible .jw-row-9-sheet--two {\r\n    animation-delay: 120ms;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9.jw-host-visible .jw-row-9-sheet--three {\r\n    animation-delay: 240ms;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-9.jw-host-visible .jw-row-9-sheet--four {\r\n    animation-delay: 360ms;\r\n  }\r\n\r\n  @keyframes jwRow9SheetCascade {\r\n    70% { opacity: 0.84; transform: translate3d(0, 0, 0) rotate(2deg) scale(1.05); }\r\n    100% { opacity: 0.84; transform: translate3d(0, 0, 0) rotate(0) scale(1); }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep {\r\n      width: 62%;\r\n      opacity: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-2.jw-host-visible .jw-row-2-blueprint-sweep {\r\n      opacity: 0.74;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-3 .jw-row-3-diamond-orbit {\r\n      top: auto;\r\n      right: -38px;\r\n      bottom: 24px;\r\n      width: 160px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-3.jw-host-visible .jw-row-3-diamond-orbit {\r\n      opacity: 0.48;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-9 .jw-row-9-sheet-cascade {\r\n      left: -70px;\r\n      bottom: 8px;\r\n      width: 220px;\r\n      height: 165px;\r\n      opacity: 0.42;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep {\r\n      width: 82%;\r\n      clip-path: polygon(46% 0, 100% 0, 100% 100%, 20% 100%, 34% 76%, 14% 53%, 35% 29%);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-3 .jw-row-3-diamond-orbit {\r\n      top: auto;\r\n      right: -45px;\r\n      bottom: 16px;\r\n      width: 132px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-3 .jw-row-3-diamond-badge > span {\r\n      min-width: 60px;\r\n      padding: 6px 9px;\r\n      font-size: 8px !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-9 .jw-row-9-sheet-cascade {\r\n      left: -78px;\r\n      bottom: 5px;\r\n      width: 190px;\r\n      height: 145px;\r\n      opacity: 0.30;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep,\r\n    #jw-hosting-page .jw-row-3 .jw-row-3-diamond-orbit,\r\n    #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring,\r\n    #jw-hosting-page .jw-row-3 .jw-row-3-diamond-track,\r\n    #jw-hosting-page .jw-row-3 .jw-row-3-diamond-badge > span,\r\n    #jw-hosting-page .jw-row-9 .jw-row-9-sheet {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-2 .jw-row-2-blueprint-sweep {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-3 .jw-row-3-diamond-orbit {\r\n      opacity: 0.72 !important;\r\n      filter: none !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-3 .jw-row-3-diamond-ring {\r\n      transform: rotate(45deg) !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-3 .jw-row-3-diamond-track,\r\n    #jw-hosting-page .jw-row-3 .jw-row-3-diamond-badge > span {\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-9 .jw-row-9-sheet {\r\n      opacity: 0.84 !important;\r\n      transform: none !important;\r\n    }\r\n  }\r\n\r\n\r\n  \/* ================================================================\r\n     MID-PAGE THREE-CARD MATCHED-ENTRY ROW\r\n     The left and right cards use the same right-to-left entrance.\r\n     One outside card animates approximately every seven seconds, alternating\r\n     between the left and right cards on a continuous fourteen-second cycle.\r\n     The center card remains stationary throughout the sequence.\r\n     ================================================================ *\/\r\n  #jw-hosting-page .jw-row-cross-cards {\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 12% 18%, rgba(86, 180, 233, 0.10), transparent 31%),\r\n      radial-gradient(circle at 88% 82%, rgba(217, 130, 43, 0.09), transparent 29%),\r\n      linear-gradient(135deg, #f8fbfd 0%, #eef5f9 52%, #f7f1e9 100%);\r\n    color: var(--jw-ink);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-cross-cards::before,\r\n  #jw-hosting-page .jw-row-cross-cards::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-cross-cards::before {\r\n    top: -82px;\r\n    left: -54px;\r\n    width: 260px;\r\n    height: 260px;\r\n    border: 1px solid rgba(29, 111, 165, 0.13);\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-cross-cards::after {\r\n    right: -74px;\r\n    bottom: -100px;\r\n    width: 300px;\r\n    height: 300px;\r\n    border: 1px solid rgba(217, 130, 43, 0.13);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1180px, calc(100% - 48px));\r\n    margin: 0 auto;\r\n    padding: 96px 0 104px;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-heading {\r\n    width: min(850px, 100%);\r\n    margin: 0 auto 46px;\r\n    text-align: center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-heading .jw-host-eyebrow {\r\n    margin-bottom: 16px;\r\n    color: var(--jw-blue);\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-heading h2 {\r\n    margin-bottom: 18px;\r\n    color: var(--jw-navy-2);\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-heading p {\r\n    max-width: 760px;\r\n    margin-right: auto;\r\n    margin-bottom: 0;\r\n    margin-left: auto;\r\n    color: var(--jw-muted);\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-table {\r\n    display: table;\r\n    width: 100%;\r\n    margin: 0;\r\n    border-collapse: separate;\r\n    border-spacing: 48px 0;\r\n    table-layout: fixed;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-cell {\r\n    display: table-cell;\r\n    width: auto;\r\n    height: 1px;\r\n    min-width: 0;\r\n    vertical-align: top;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 330px;\r\n    padding: 38px 32px 34px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(29, 111, 165, 0.16);\r\n    clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 28px 100%, 0 calc(100% - 28px));\r\n    background:\r\n      linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 252, 0.98) 100%);\r\n    box-shadow:\r\n      0 25px 58px rgba(8, 26, 42, 0.14),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.92);\r\n    transform: translateZ(0);\r\n    backface-visibility: hidden;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card::before,\r\n  #jw-hosting-page .jw-cross-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card::before {\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    height: 7px;\r\n    background: linear-gradient(90deg, var(--jw-blue) 0 58%, var(--jw-green) 58% 82%, var(--jw-navy-2) 82% 100%);\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card::after {\r\n    right: -42px;\r\n    bottom: -42px;\r\n    width: 142px;\r\n    height: 142px;\r\n    border: 1px solid rgba(29, 111, 165, 0.12);\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card--center {\r\n    border-color: rgba(217, 130, 43, 0.24);\r\n    background:\r\n      linear-gradient(145deg, rgba(255, 255, 255, 0.99) 0%, rgba(250, 244, 236, 0.99) 100%);\r\n    box-shadow:\r\n      0 31px 68px rgba(8, 26, 42, 0.18),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.96);\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-number {\r\n    display: inline-table;\r\n    width: 58px;\r\n    height: 58px;\r\n    margin-bottom: 27px;\r\n    border: 1px solid rgba(29, 111, 165, 0.18);\r\n    border-radius: 50%;\r\n    background: linear-gradient(145deg, #ffffff, #dceaf2);\r\n    box-shadow: 0 12px 25px rgba(8, 26, 42, 0.13);\r\n    color: var(--jw-blue);\r\n    font-family: \"Space Grotesk\", \"Source Sans 3\", Arial, Helvetica, sans-serif;\r\n    font-size: 17px !important;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n    text-align: center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-number > span {\r\n    display: table-cell;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card--center .jw-cross-card-number {\r\n    border-color: rgba(217, 130, 43, 0.26);\r\n    background: linear-gradient(145deg, #fffdf9, #f1dcc3);\r\n    color: var(--jw-green);\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card h3 {\r\n    margin-bottom: 15px;\r\n    color: var(--jw-navy-2);\r\n    font-size: clamp(23px, 1.85vw, 29px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card p {\r\n    margin-bottom: 0;\r\n    color: var(--jw-muted);\r\n    font-size: clamp(17px, 1.03vw, 20px) !important;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-layout {\r\n    display: table;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n    table-layout: fixed;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-body-row,\r\n  #jw-hosting-page .jw-cross-card-action-row {\r\n    display: table-row;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-body-row {\r\n    height: 100%;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-body-cell,\r\n  #jw-hosting-page .jw-cross-card-action-cell {\r\n    display: table-cell;\r\n    min-width: 0;\r\n    vertical-align: top;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card-action-cell {\r\n    padding-top: 27px;\r\n    vertical-align: bottom;\r\n  }\r\n\r\n  #jw-hosting-page .jw-package-card-btn {\r\n    --jw-package-btn-main: var(--jw-blue);\r\n    --jw-package-btn-deep: var(--jw-navy);\r\n    --jw-package-btn-glow: 29, 111, 165;\r\n    position: relative;\r\n    display: table;\r\n    width: 100%;\r\n    min-height: 60px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255, 255, 255, 0.38);\r\n    border-radius: 14px;\r\n    background:\r\n      linear-gradient(135deg, var(--jw-package-btn-main) 0%, var(--jw-package-btn-deep) 100%);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.32),\r\n      inset 0 -3px 0 rgba(0, 0, 0, 0.20),\r\n      0 10px 0 rgba(8, 26, 42, 0.15),\r\n      0 17px 30px rgba(var(--jw-package-btn-glow), 0.25);\r\n    color: #ffffff;\r\n    font-size: 15px !important;\r\n    font-weight: 800;\r\n    line-height: 1.25;\r\n    letter-spacing: 0.015em;\r\n    text-decoration: none;\r\n    transform: translateZ(0);\r\n    transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-package-card-btn::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 1px;\r\n    right: 1px;\r\n    left: 1px;\r\n    height: 46%;\r\n    border-radius: 13px 13px 50% 50%;\r\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0.31), rgba(255, 255, 255, 0.02));\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-package-card-btn-label,\r\n  #jw-hosting-page .jw-package-card-btn-icon {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: table-cell;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  #jw-hosting-page .jw-package-card-btn-label {\r\n    padding: 15px 15px 15px 18px;\r\n    text-align: left;\r\n  }\r\n\r\n  #jw-hosting-page .jw-package-card-btn-icon {\r\n    width: 52px;\r\n    border-left: 1px solid rgba(255, 255, 255, 0.20);\r\n    background: rgba(255, 255, 255, 0.09);\r\n    font-size: 22px;\r\n    line-height: 1;\r\n    text-align: center;\r\n    transition: background 180ms ease, transform 180ms ease;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card--center .jw-package-card-btn {\r\n    --jw-package-btn-main: #e1913f;\r\n    --jw-package-btn-deep: #a95b1e;\r\n    --jw-package-btn-glow: 217, 130, 43;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card--base .jw-package-card-btn {\r\n    --jw-package-btn-main: #245f84;\r\n    --jw-package-btn-deep: var(--jw-navy-2);\r\n    --jw-package-btn-glow: 18, 50, 74;\r\n  }\r\n\r\n  #jw-hosting-page .jw-package-card-btn:hover,\r\n  #jw-hosting-page .jw-package-card-btn:focus-visible {\r\n    filter: saturate(1.08) brightness(1.04);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.38),\r\n      inset 0 -3px 0 rgba(0, 0, 0, 0.22),\r\n      0 12px 0 rgba(8, 26, 42, 0.14),\r\n      0 23px 38px rgba(var(--jw-package-btn-glow), 0.34);\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-package-card-btn:hover .jw-package-card-btn-icon,\r\n  #jw-hosting-page .jw-package-card-btn:focus-visible .jw-package-card-btn-icon {\r\n    background: rgba(255, 255, 255, 0.16);\r\n    transform: translateX(3px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-package-card-btn:active {\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.26),\r\n      inset 0 -2px 0 rgba(0, 0, 0, 0.18),\r\n      0 5px 0 rgba(8, 26, 42, 0.14),\r\n      0 12px 22px rgba(var(--jw-package-btn-glow), 0.24);\r\n    transform: translateY(3px);\r\n  }\r\n\r\n  #jw-hosting-page .jw-package-card-btn:focus {\r\n    outline: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-package-card-btn:focus-visible {\r\n    outline: 3px solid rgba(86, 180, 233, 0.38);\r\n    outline-offset: 4px;\r\n  }\r\n\r\n  \/* CROSS-ENTRY SEQUENCE \u2014 card 03 starts beyond the far-left edge and\r\n     travels in one perfectly straight horizontal line into the right-hand\r\n     position. Card 01 starts beyond the far-right edge and travels in one\r\n     perfectly straight horizontal line into the left-hand position. Neither\r\n     card rises, drops, rotates, scales, or vertically corrects at the end.\r\n     Card 02 appears only after both traveling cards are nearly settled.\r\n     Final spacing remains 48px. *\/\r\n  #jw-hosting-page .jw-cross-card--left,\r\n  #jw-hosting-page .jw-cross-card--right,\r\n  #jw-hosting-page .jw-cross-card--center {\r\n    opacity: 0;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  \/* Final left position contains card 01; it begins offstage right. *\/\r\n  #jw-hosting-page .jw-cross-card--left {\r\n    z-index: 4;\r\n    transform: translate3d(150vw, 0, 0);\r\n    transform-origin: left center;\r\n  }\r\n\r\n  \/* Final right position contains card 03; it begins offstage far left. *\/\r\n  #jw-hosting-page .jw-cross-card--right {\r\n    z-index: 3;\r\n    transform: translate3d(-150vw, 0, 0);\r\n    transform-origin: right center;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cross-card--center {\r\n    z-index: 2;\r\n    transform: translate3d(0, 20px, 0) scale(0.975);\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--right {\r\n    animation: jwCrossCardThreeToRight 1.72s cubic-bezier(0.16, 0.82, 0.24, 1) 70ms both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--left {\r\n    animation: jwCrossCardOneToLeft 1.72s cubic-bezier(0.16, 0.82, 0.24, 1) 220ms both;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--center {\r\n    animation: jwCrossCardCenterFade 0.78s ease 1.24s both;\r\n  }\r\n\r\n  @keyframes jwCrossCardThreeToRight {\r\n    0% {\r\n      opacity: 1;\r\n      transform: translate3d(-150vw, 0, 0);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes jwCrossCardOneToLeft {\r\n    0% {\r\n      opacity: 1;\r\n      transform: translate3d(150vw, 0, 0);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes jwCrossCardCenterFade {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translate3d(0, 20px, 0) scale(0.975);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0) scale(1);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    #jw-hosting-page .jw-cross-card-inner {\r\n      width: min(760px, calc(100% - 40px));\r\n      padding: 82px 0 88px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-cross-card-table {\r\n      display: block;\r\n      width: 100%;\r\n      margin: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-cross-card-cell {\r\n      display: block;\r\n      width: 100%;\r\n      height: auto;\r\n      margin: 0 0 22px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-cross-card-cell:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    #jw-hosting-page .jw-cross-card {\r\n      height: auto;\r\n      min-height: 0;\r\n      padding: 34px 30px 32px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    \/* Stacked layouts keep each card contained and use direct edge entrances. *\/\r\n    #jw-hosting-page .jw-cross-card--left {\r\n      transform: translate3d(110vw, 0, 0);\r\n    }\r\n\r\n    #jw-hosting-page .jw-cross-card--right {\r\n      transform: translate3d(-110vw, 0, 0);\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--right {\r\n      animation: jwCrossCardThreeToRight 1.05s cubic-bezier(0.16, 0.82, 0.24, 1) 70ms both;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--left {\r\n      animation: jwCrossCardOneToLeft 1.05s cubic-bezier(0.16, 0.82, 0.24, 1) 200ms both;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--center {\r\n      animation: jwCrossCardCenterFade 0.72s ease 720ms both;\r\n    }\r\n  }\r\n\r\n\r\n  @media (max-width: 620px) {\r\n    #jw-hosting-page .jw-cross-card-inner {\r\n      width: calc(100% - 32px);\r\n      padding: 68px 0 72px;\r\n    }\r\n\r\n    #jw-hosting-page .jw-cross-card-heading {\r\n      margin-bottom: 34px;\r\n      text-align: left;\r\n    }\r\n\r\n    #jw-hosting-page .jw-cross-card {\r\n      padding: 30px 24px 28px;\r\n      clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));\r\n    }\r\n\r\n    #jw-hosting-page .jw-cross-card-number {\r\n      width: 50px;\r\n      height: 50px;\r\n      margin-bottom: 22px;\r\n      font-size: 15px !important;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page .jw-cross-card--left,\r\n    #jw-hosting-page .jw-cross-card--center,\r\n    #jw-hosting-page .jw-cross-card--right,\r\n    #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--left,\r\n    #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--center,\r\n    #jw-hosting-page .jw-row-cross-cards.jw-host-visible .jw-cross-card--right {\r\n      opacity: 1 !important;\r\n      animation: none !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-package-card-btn,\r\n    #jw-hosting-page .jw-package-card-btn-icon,\r\n    #jw-hosting-page .jw-faq-item,\r\n    #jw-hosting-page .jw-faq-item summary::after,\r\n    #jw-hosting-page .jw-faq-answer {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  \/* ================================================================\r\n     DARK-BLUE + ORANGE CARD TRIM\r\n     The CAD Standards card retains its narrow palette-matched trim.\r\n     ROW 2 now uses a clean smooth sweep and places its two-color trim\r\n     directly on the portrait image instead of on the animated edge.\r\n     ================================================================ *\/\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-card {\r\n    overflow: hidden;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs5-card-trim {\r\n    position: absolute;\r\n    z-index: 1;\r\n    top: 0;\r\n    right: 0;\r\n    width: 28px;\r\n    height: 100%;\r\n    overflow: visible;\r\n    pointer-events: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-cbs5-card-trim .jw-trim-navy { fill: #081a2a; }\r\n  #jw-hosting-page .jw-cbs5-card-trim .jw-trim-orange { fill: #d9822b; }\r\n\r\n  #jw-hosting-page .jw-row-5 .jw-cbs5-card > :not(.jw-cbs5-card-trim) {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    #jw-hosting-page .jw-cbs5-card-trim {\r\n      width: 22px;\r\n    }\r\n  }\r\n\r\n\r\n\r\n  \/* ================================================================\r\n     ROW 7 REVISION \u2014 ALWAYS-VISIBLE PORTRAIT CARDS + STAGGERED SWIPES\r\n     Both cards are fully visible at the same time. Only the reflective swipe\r\n     repeats: the left card swipes first, the right card follows three seconds\r\n     later, and the left-card cycle restarts every five seconds.\r\n     ================================================================ *\/\r\n  #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n  #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n    opacity: 1;\r\n    transform: none;\r\n    will-change: auto;\r\n  }\r\n\r\n  @media (min-width: 901px) {\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n      width: min(100%, 400px);\r\n      max-width: 400px;\r\n      height: auto;\r\n      min-height: 0;\r\n      aspect-ratio: 4 \/ 5;\r\n      margin-right: auto;\r\n      margin-left: auto;\r\n    }\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-customer-service-card::after,\r\n  #jw-hosting-page .jw-row-7 .jw-security-stage::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 2;\r\n    top: -12%;\r\n    bottom: -12%;\r\n    left: -62%;\r\n    width: 42%;\r\n    background: linear-gradient(\r\n      108deg,\r\n      rgba(255, 255, 255, 0) 0%,\r\n      rgba(255, 255, 255, 0.10) 28%,\r\n      rgba(255, 255, 255, 0.78) 50%,\r\n      rgba(255, 255, 255, 0.10) 72%,\r\n      rgba(255, 255, 255, 0) 100%\r\n    );\r\n    opacity: 0;\r\n    transform: skewX(-16deg);\r\n    pointer-events: none;\r\n    will-change: left, opacity;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7 .jw-customer-service-card img,\r\n  #jw-hosting-page .jw-row-7 .jw-security-stage > img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center center;\r\n    transform: none;\r\n    will-change: auto;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-customer-service-card,\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-security-stage,\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-customer-service-card img,\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-security-stage > img {\r\n    animation: none;\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-customer-service-card::after {\r\n    animation: jwRow7CardSwipe 5s ease-in-out 0s infinite;\r\n  }\r\n\r\n  #jw-hosting-page .jw-row-7.jw-host-visible .jw-security-stage::after {\r\n    animation: jwRow7CardSwipe 5s ease-in-out 3s infinite;\r\n  }\r\n\r\n  @keyframes jwRow7CardSwipe {\r\n    0%,\r\n    5% {\r\n      left: -62%;\r\n      opacity: 0;\r\n    }\r\n    12% {\r\n      opacity: 0.78;\r\n    }\r\n    34% {\r\n      left: 126%;\r\n      opacity: 0;\r\n    }\r\n    100% {\r\n      left: 126%;\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n      width: min(100%, 400px);\r\n      max-width: 400px;\r\n      height: auto;\r\n      min-height: 0;\r\n      aspect-ratio: 4 \/ 5;\r\n      margin-right: auto;\r\n      margin-left: auto;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n      width: min(100%, 330px);\r\n      max-width: 330px;\r\n      height: auto;\r\n      min-height: 0;\r\n      aspect-ratio: 4 \/ 5;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage,\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card img,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage > img,\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card::after,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage::after {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card img,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage > img {\r\n      transform: none !important;\r\n    }\r\n\r\n    #jw-hosting-page .jw-row-7 .jw-customer-service-card::after,\r\n    #jw-hosting-page .jw-row-7 .jw-security-stage::after {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n<\/style>\r\n\r\n<div id=\"jw-hosting-page\">\r\n  <div class=\"jw-top-nav-spacer jw-top-nav-spacer--active\" aria-hidden=\"true\"><\/div>\r\n  <nav class=\"jw-top-nav jw-top-nav--fixed\" aria-label=\"Elite CAD Drafting Services 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\">\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=\"#56b4e9\"><\/stop>\r\n                          <stop offset=\"0.52\" stop-color=\"#1d6fa5\"><\/stop>\r\n                          <stop offset=\"1\" stop-color=\"#0d2a40\"><\/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=\"#e29a48\"><\/stop>\r\n                          <stop offset=\"1\" stop-color=\"#a95b1e\"><\/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-cad-mark\">\r\n                        <rect x=\"27\" y=\"26\" width=\"42\" height=\"42\" rx=\"4\"><\/rect>\r\n                        <path d=\"M34 58L46 44L55 52L64 37\"><\/path>\r\n                        <path d=\"M34 34H47M34 62H45M60 57H68\"><\/path>\r\n                        <circle class=\"jw-logo-cad-accent\" cx=\"55\" cy=\"52\" r=\"3.1\"><\/circle>\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\">Elite CAD<\/span>\r\n                  <span class=\"jw-top-nav-brand-service\">Drafting Services<\/span>\r\n                <\/td>\r\n              <\/tr>\r\n            <\/tbody>\r\n          <\/table>\r\n          <button class=\"jw-top-nav-toggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"jw-top-nav-links\" aria-label=\"Open navigation menu\">\r\n            <span class=\"jw-top-nav-toggle-icon\" aria-hidden=\"true\">\r\n              <span><\/span>\r\n              <span><\/span>\r\n              <span><\/span>\r\n            <\/span>\r\n          <\/button>\r\n        <\/div>\r\n        <div id=\"jw-top-nav-links\" class=\"jw-top-nav-links\">\r\n          <a href=\"#jw-home\">Home<\/a>\r\n          <a href=\"#jw-about\">About Us<\/a>\r\n          <a href=\"#jw-services\">Services<\/a>\r\n          <a href=\"#jw-care\">Project Types<\/a>\r\n          <a href=\"#jw-material-care\">CAD Standards<\/a>\r\n          <a href=\"#jw-workflow\">Workflow<\/a>\r\n          <a href=\"#jw-drawing-package\">Drawing Package<\/a>\r\n          <a href=\"#jw-comfort\">Turnaround<\/a>\r\n          <a href=\"#jw-safety\">Quality Control<\/a>\r\n          <a href=\"#jw-pricing\">Planning &amp; Pricing<\/a>\r\n          <a href=\"#jw-package\">Deliverables<\/a>\r\n          <a href=\"#jw-faq\">FAQs<\/a>\r\n          <a href=\"#jw-contact\">Contact<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- ROW 1 -->\r\n  <section id=\"jw-home\" class=\"jw-host-row jw-host-row--dark jw-row-1\" data-jw-row=\"1\" aria-labelledby=\"jw-host-title\">\r\n    <div class=\"jw-hero-media\">\r\n      <img class=\"jw-hero-bg\" data-jw-image-slot=\"image-1\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-5-2026-07_06_48-PM_optimized.webp?ver=1785981780\" alt=\"Architectural floor plan, laptop, scale ruler, and drafting notes arranged on a professional work surface\" 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=\"#081a2a\" stop-opacity=\"0.91\"><\/stop>\r\n            <stop offset=\"0.58\" stop-color=\"#0b4267\" stop-opacity=\"0.88\"><\/stop>\r\n            <stop offset=\"1\" stop-color=\"#d9822b\" stop-opacity=\"0.80\"><\/stop>\r\n          <\/linearGradient>\r\n        <\/defs>\r\n        <!-- REFINED SMOOTH CONCAVE SWEEP:\r\n             The boundary keeps the same clean concave profile and is moved roughly\r\n             24px (about 1\/4 inch at desktop scale) farther right than the prior version.\r\n             This restores a little more breathing room around \u201cThoughtful\u201d while\r\n             keeping all hero lettering fully contained inside the blue field. -->\r\n        <path d=\"M0 0H572C500 25 399 69 350 135C305 196 310 300 396 373C504 465 740 545 892 622H0Z\" fill=\"url(#jwHeroInvertedSweepGradient)\"><\/path>\r\n        <!-- TWO-COLOR VARIABLE-WIDTH LEADING EDGE:\r\n             Both ribbons taper small at the top, widen through the center, and\r\n             taper small again at the bottom. The navy ribbon sits inside the\r\n             sweep; the copper ribbon sits directly beside it toward the image. -->\r\n        <path class=\"jw-hero-edge-ribbon jw-hero-edge-ribbon--navy\" d=\"M572 0C500 25 399 69 350 135C305 196 310 300 396 373C504 465 740 545 892 622L881 622C724 545 470 465 362 373C274 300 271 196 316 135C365 69 487 25 560 0Z\"><\/path>\r\n        <path class=\"jw-hero-edge-ribbon jw-hero-edge-ribbon--copper\" d=\"M572 0C500 25 399 69 350 135C305 196 310 300 396 373C504 465 740 545 892 622L899 622C746 545 518 465 410 373C324 300 319 196 364 135C413 69 507 25 580 0Z\"><\/path>\r\n      <\/svg>\r\n\r\n      <div class=\"jw-hero-overlay-stage\">\r\n        <div class=\"jw-hero-overlay-shell\">\r\n          <table class=\"jw-hero-overlay-table\" role=\"presentation\">\r\n            <tbody>\r\n              <tr>\r\n                <td class=\"jw-hero-overlay-cell\">\r\n                  <div class=\"jw-hero-title-panel jw-hero-message-overlay\">\r\n                    <div class=\"jw-hero-overlay-copy\">\r\n                      <div class=\"jw-hero-overlay-heading\" role=\"heading\" aria-level=\"1\">\r\n                        <span class=\"jw-hero-overlay-line jw-hero-overlay-line--light\">Nathaniel<\/span>\r\n                        <span class=\"jw-hero-overlay-line jw-hero-overlay-line--gold\"><span class=\"jw-hero-gold-line\">Hargrove<\/span><span class=\"jw-hero-gold-line\">Drafting.<\/span><\/span>\r\n                      <\/div>\r\n                      <p class=\"jw-hero-overlay-text\">Architectural drafting organized for clarity, coordination, and confident project decisions.<\/p>\r\n                      <a class=\"jw-host-btn jw-hero-overlay-cta\" href=\"#jw-contact\">Request a Project Review<\/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\">Elite <span class=\"jw-blue\">CAD<\/span> <span class=\"jw-green\">Drafting Services<\/span><\/div>\r\n            <h1 id=\"jw-host-title\">Architectural drafting by Nathaniel Hargrove, built around the way your project needs to communicate.<\/h1>\r\n          <\/div>\r\n\r\n          <div class=\"jw-hero-message-copy\">\r\n            <p class=\"jw-host-lead\">Floor plans, elevations, sections, details, existing-condition documentation, additions, renovation drawings, and coordinated revisions\u2014developed as one clear drawing process from initial information through final deliverables.<\/p>\r\n\r\n            <a class=\"jw-host-btn\" href=\"#jw-contact\">Start a Drafting Project<\/a>\r\n            <a class=\"jw-host-btn jw-host-btn--light\" href=\"#jw-services\">Explore Drafting Services<\/a>\r\n\r\n            <div class=\"jw-hero-proof\">\r\n              <span>Clear project scope<\/span>\r\n              <span>Organized CAD standards<\/span>\r\n              <span>Coordinated revisions<\/span>\r\n              <span>Readable drawing sets<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 2 -->\r\n  <section id=\"jw-about\" class=\"jw-host-row jw-row-2\" data-jw-row=\"2\" aria-labelledby=\"jw-host-foundation\">\r\n    <span class=\"jw-row-2-blueprint-sweep\" aria-hidden=\"true\"><\/span>\r\n    <div class=\"jw-host-inner\">\r\n      <div class=\"jw-host-table\">\r\n        <div class=\"jw-host-cell\">\r\n          <div class=\"jw-curtain\">\r\n            <img data-jw-image-slot=\"image-2\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-5-2026-06_57_52-PM_optimized.webp\" alt=\"Architectural professional seated beside a building model, plans, and drafting materials\" 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 Elite CAD Drafting Services<\/span>\r\n          <h2 id=\"jw-host-foundation\">Nathaniel Hargrove starts every drafting project with the right information, the right scale, and the right level of detail.<\/h2>\r\n          <p>At Elite CAD Drafting Services, each project begins with the available measurements, sketches, reference documents, design direction, and intended use of the drawings. Nathaniel Hargrove organizes that information into a drafting scope that communicates the project clearly without adding unsupported assumptions.<\/p>\r\n\r\n          <ul class=\"jw-host-checks\">\r\n            <li>Drawing scope matched to the project information and intended use<\/li>\r\n            <li>Plans, elevations, sections, and details organized for readability<\/li>\r\n            <li>A controlled revision process focused on consistency and clear communication<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 3 -->\r\n  <section id=\"jw-services\" class=\"jw-host-row jw-host-row--dark jw-row-3\" data-jw-row=\"3\" aria-labelledby=\"jw-host-models\">\r\n    <img class=\"jw-model-bg\" data-jw-image-slot=\"image-3\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-5-2026-08_28_33-PM_optimized.webp\" alt=\"Architect developing a technical drawing at a drafting table with precision tools\" width=\"1500\" height=\"833\" loading=\"lazy\" decoding=\"async\">\r\n\r\n\r\n    <div class=\"jw-row-3-diamond-orbit\" aria-hidden=\"true\">\r\n      <span class=\"jw-row-3-diamond-ring jw-row-3-diamond-ring--outer\"><\/span>\r\n      <span class=\"jw-row-3-diamond-ring jw-row-3-diamond-ring--middle\"><\/span>\r\n      <span class=\"jw-row-3-diamond-ring jw-row-3-diamond-ring--inner\"><\/span>\r\n\r\n      <div class=\"jw-row-3-diamond-core\">\r\n        <div class=\"jw-row-3-diamond-core-cell\">\r\n          <svg viewBox=\"0 0 100 100\" role=\"presentation\" focusable=\"false\">\r\n            <path d=\"M18 76 L50 18 L82 76 Z\"><\/path>\r\n            <path d=\"M31 58 H69\"><\/path>\r\n            <path d=\"M50 18 V84\"><\/path>\r\n            <circle cx=\"50\" cy=\"18\" r=\"5\"><\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <span class=\"jw-row-3-diamond-track\">\r\n        <span class=\"jw-row-3-diamond-badge\"><span>Plans<\/span><\/span>\r\n      <\/span>\r\n      <span class=\"jw-row-3-diamond-track jw-row-3-diamond-track--secondary\">\r\n        <span class=\"jw-row-3-diamond-badge\"><span>Details<\/span><\/span>\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <div class=\"jw-host-inner\">\r\n      <span class=\"jw-host-eyebrow\">Architectural drafting services<\/span>\r\n      <h2 id=\"jw-host-models\">Choose the drafting support that fits your project, documentation needs, and next decision.<\/h2>\r\n      <p class=\"jw-host-lead\" style=\"margin-right:auto;margin-left:auto;color:rgba(255,255,255,.78);\">From a focused existing-condition plan to a coordinated drawing set, the scope can be matched to the building type, available information, project phase, and level of documentation required.<\/p>\r\n\r\n      <div class=\"jw-model-grid\">\r\n        <article class=\"jw-model-card\">\r\n          <small>Residential plans<\/small>\r\n          <h3>Residential Floor Plans &amp; Elevations<\/h3>\r\n          <p>Develop clear floor plans, roof plans, exterior elevations, building sections, and supporting details for new homes, additions, remodeling concepts, and residential documentation needs.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"jw-model-card\">\r\n          <small>Existing conditions<\/small>\r\n          <h3>As-Built &amp; Existing-Condition Drawings<\/h3>\r\n          <p>Translate field measurements, sketches, photographs, and available reference material into organized existing-condition drawings that establish a reliable base for planning and coordination.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"jw-model-card\">\r\n          <small>Drawing-set support<\/small>\r\n          <h3>Permit &amp; Construction Drawing Support<\/h3>\r\n          <p>Prepare and refine plan sheets, notes, dimensions, callouts, sections, details, schedules, and revision updates according to the agreed project scope and applicable submission needs.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 4 \u2014 ARCHITECTURAL DRAFTING FEATURE \/ CBS HOMEPAGE ANIMATION MATCH -->\r\n  <section id=\"jw-care\" class=\"jw-host-row jw-row-4\" data-jw-row=\"4\" aria-labelledby=\"jw-host-managed\">\r\n    <div class=\"jw-cbs4-image\">\r\n      <img data-jw-image-slot=\"image-4\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-5-2026-07_03_02-PM_optimized.webp\" alt=\"Detailed architectural plan sheets spread across a work table for review\" width=\"1500\" height=\"1100\" loading=\"lazy\" decoding=\"async\">\r\n    <\/div>\r\n    <div class=\"jw-cbs4-swipe\" aria-hidden=\"true\"><\/div>\r\n\r\n    <svg class=\"jw-cbs4-leading-edge\" viewBox=\"0 0 1000 700\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\r\n      <!-- TWO MATCHED VARIABLE-WIDTH RIBBONS:\r\n           both begin narrow, broaden through the center of the diagonal path,\r\n           and return to a narrow finish at the bottom. -->\r\n      <path class=\"jw-cbs4-edge-ribbon--blue\" d=\"M704 0C718 115 739 240 764 350C786 462 795 594 804 700L800 700C791 594 782 462 752 350C727 240 713 115 700 0Z\"><\/path>\r\n      <path class=\"jw-cbs4-edge-ribbon--copper\" d=\"M704 0C718 115 739 240 764 350C786 462 795 594 804 700L808 700C799 594 794 462 776 350C751 240 723 115 708 0Z\"><\/path>\r\n    <\/svg>\r\n\r\n    <div class=\"jw-cbs4-arc\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"jw-cbs4-copy\">\r\n      <div class=\"jw-cbs-kicker\">Built around your project<\/div>\r\n      <h2 id=\"jw-host-managed\">Drafting developed around the building, the scope, and the decisions the drawing set must communicate.<\/h2>\r\n      <p>Elite CAD Drafting Services begins with the project information already available, the questions the drawings must answer, and the people who will rely on the set. That foundation guides sheet organization, view selection, dimensions, notes, details, and revision priorities.<\/p>\r\n      <div class=\"jw-cbs-btns\"><a class=\"jw-host-btn\" href=\"#jw-about\">Explore Our Drafting Approach<\/a><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 5 \u2014 CBS FIFTH-ROW REPLICA \/ CAD STANDARDS -->\r\n  <section id=\"jw-material-care\" class=\"jw-host-row jw-row-5\" data-jw-row=\"5\" aria-labelledby=\"jw-host-speed\">\r\n    <img class=\"jw-cbs5-bg-source\" data-jw-image-slot=\"image-5\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-5-2026-07_10_29-PM_optimized.webp\" alt=\"Drafting professionals reviewing architectural presentation sheets and project documents\" width=\"1800\" height=\"1200\" loading=\"lazy\" decoding=\"async\">\r\n    <div class=\"jw-cbs5-side-label\" aria-hidden=\"true\">\r\n      <span>CAD Standards<\/span>\r\n      <i><\/i>\r\n      <span>Built for Clear Use<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"jw-cbs5-shell\">\r\n      <div class=\"jw-cbs5-card\">\r\n        <svg class=\"jw-cbs5-card-trim\" viewBox=\"0 0 28 1000\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\r\n          <path class=\"jw-trim-navy\" d=\"M16 0H23C21 170 17 315 11 500C17 685 21 830 23 1000H16C14 830 8 685 3 500C8 315 14 170 16 0Z\"><\/path>\r\n          <path class=\"jw-trim-orange\" d=\"M23 0H28V1000H23C21 830 17 685 11 500C17 315 21 170 23 0Z\"><\/path>\r\n        <\/svg>\r\n        <div class=\"jw-cbs-kicker\">Documents that stay organized<\/div>\r\n        <h2 id=\"jw-host-speed\">Clean graphics are the beginning. Consistency, coordination, and readable information matter too.<\/h2>\r\n        <p>Every view is considered as part of one working set\u2014from title blocks and sheet hierarchy to layers, lineweights, dimensions, annotations, callouts, references, and revision control.<\/p>\r\n\r\n        <div class=\"jw-cbs-checks\" role=\"list\" aria-label=\"Architectural drafting standards\">\r\n          <div class=\"jw-cbs-check-row\" role=\"presentation\">\r\n            <div class=\"jw-cbs-check\" role=\"listitem\">Consistent layers, lineweights, symbols, and annotations<\/div>\r\n            <div class=\"jw-cbs-check\" role=\"listitem\">Sheet titles, view references, scales, and callouts kept clear<\/div>\r\n          <\/div>\r\n          <div class=\"jw-cbs-check-row\" role=\"presentation\">\r\n            <div class=\"jw-cbs-check\" role=\"listitem\">Dimensions, notes, and details coordinated across the set<\/div>\r\n            <div class=\"jw-cbs-check\" role=\"listitem\">Revision changes tracked without disturbing unrelated work<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"jw-cbs5-orbit-stage\">\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-grid\" viewBox=\"0 0 120 110\" role=\"presentation\" focusable=\"false\">\r\n              <rect class=\"jw-grid-main\" x=\"17\" y=\"16\" width=\"39\" height=\"34\" rx=\"5\"><\/rect>\r\n              <rect class=\"jw-grid-accent\" x=\"64\" y=\"16\" width=\"39\" height=\"34\" rx=\"5\"><\/rect>\r\n              <rect class=\"jw-grid-accent\" x=\"17\" y=\"58\" width=\"39\" height=\"34\" rx=\"5\"><\/rect>\r\n              <rect class=\"jw-grid-main\" x=\"64\" y=\"58\" width=\"39\" height=\"34\" rx=\"5\"><\/rect>\r\n            <\/svg>\r\n            <strong class=\"jw-cbs5-orbit-brand\">Elite CAD<\/strong>\r\n            <span class=\"jw-cbs5-orbit-subbrand\">Drafting Services<\/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>Plans<\/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>Elevations<\/span><\/span>\r\n        <\/span>\r\n        <span class=\"jw-cbs5-orbit-track jw-cbs5-orbit-track--details\" aria-hidden=\"true\">\r\n          <span class=\"jw-cbs5-orbit-badge\"><span>Details<\/span><\/span>\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- NEW ROW BETWEEN ROW 5 AND ROW 6 \u2014 CBS SPEED \/ PERFORMANCE COMPOSITION -->\r\n  <section id=\"jw-workflow\" class=\"jw-host-row jw-row-5-speed\" data-jw-row=\"5-speed\" aria-labelledby=\"jw-speed-row-title\">\r\n    <div class=\"jw-speed-shell\">\r\n      <div class=\"jw-speed-table\">\r\n        <div class=\"jw-speed-visual-cell\">\r\n          <div class=\"jw-speed-panel\">\r\n            <div class=\"jw-speed-panel-inner\">\r\n              <div class=\"jw-speed-title\">DRAFTED <small>WITH PURPOSE<\/small>\r\n                <span class=\"jw-speed-company\">ELITE CAD<span>DRAFTING SERVICES<\/span><\/span>\r\n              <\/div>\r\n\r\n              <div class=\"jw-speed-metric\">\r\n                <div class=\"jw-speed-label-table\">\r\n                  <span class=\"jw-speed-label\">Project information<\/span>\r\n                  <span class=\"jw-speed-status\">Defined<\/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\">Views &amp; references<\/span>\r\n                  <span class=\"jw-speed-status\">Coordinated<\/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\">Notes &amp; revisions<\/span>\r\n                  <span class=\"jw-speed-status\">Checked<\/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\">Architectural drafting from input to deliverable<\/span>\r\n            <h2 id=\"jw-speed-row-title\">A controlled drafting workflow you can follow from the first input through the final issue.<\/h2>\r\n            <p>Every drawing project brings multiple sources of information together. Measurements, sketches, design direction, reference files, code or permit comments, and revision requests should move through one organized process.<\/p>\r\n\r\n            <ul class=\"jw-speed-checks\">\r\n              <li>Project inputs reviewed and the drafting scope defined before production<\/li>\r\n              <li>Plans, elevations, sections, details, notes, and references coordinated as one set<\/li>\r\n              <li>Revisions checked against affected sheets before the next issue is prepared<\/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\">\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\">Residential drawing sets<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Existing-condition plans<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Floor plans &amp; elevations<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Sections &amp; details<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Permit drawing support<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Revision coordination<\/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\">Residential drawing sets<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Existing-condition plans<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Floor plans &amp; elevations<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Sections &amp; details<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Permit drawing support<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n          <span class=\"jw-speed-banner-item\">Revision coordination<\/span><i class=\"jw-speed-banner-dot\"><\/i>\r\n        <\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- MID-PAGE THREE-CARD CROSS-ENTRY ROW -->\r\n  <section id=\"jw-drawing-package\" class=\"jw-host-row jw-row-cross-cards\" data-jw-row=\"cross-cards\" aria-labelledby=\"jw-drawing-package-title\">\r\n    <div class=\"jw-cross-card-inner\">\r\n      <div class=\"jw-cross-card-heading\">\r\n        <span class=\"jw-host-eyebrow\">Drawing package essentials<\/span>\r\n        <h2 id=\"jw-drawing-package-title\">Three coordinated layers help turn project information into a usable architectural drawing set.<\/h2>\r\n        <p>Each layer serves a different purpose, but the strongest drawing packages keep the base geometry, supporting views, and revision information working together.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"jw-cross-card-table\">\r\n        <div class=\"jw-cross-card-cell\">\r\n          <article class=\"jw-cross-card jw-cross-card--left jw-cross-card--base\">\r\n            <div class=\"jw-cross-card-layout\">\r\n              <div class=\"jw-cross-card-body-row\">\r\n                <div class=\"jw-cross-card-body-cell\">\r\n                  <span class=\"jw-cross-card-number\" aria-hidden=\"true\"><span>01<\/span><\/span>\r\n                  <h3>Base Plans<\/h3>\r\n                  <p>Existing-condition information and primary layouts establish geometry, room relationships, openings, reference dimensions, and the framework used by the rest of the drawing set.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"jw-cross-card-action-row\">\r\n                <div class=\"jw-cross-card-action-cell\">\r\n                  <a class=\"jw-package-card-btn\" href=\"#jw-care\">\r\n                    <span class=\"jw-package-card-btn-label\">Review Project Types<\/span>\r\n                    <span class=\"jw-package-card-btn-icon\" aria-hidden=\"true\">\u2192<\/span>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <div class=\"jw-cross-card-cell\">\r\n          <article class=\"jw-cross-card jw-cross-card--center\">\r\n            <div class=\"jw-cross-card-layout\">\r\n              <div class=\"jw-cross-card-body-row\">\r\n                <div class=\"jw-cross-card-body-cell\">\r\n                  <span class=\"jw-cross-card-number\" aria-hidden=\"true\"><span>02<\/span><\/span>\r\n                  <h3>Coordinated Views<\/h3>\r\n                  <p>Elevations, sections, schedules, details, and notes add the vertical and technical information needed to explain how the design relates across multiple sheets.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"jw-cross-card-action-row\">\r\n                <div class=\"jw-cross-card-action-cell\">\r\n                  <a class=\"jw-package-card-btn\" href=\"#jw-package\">\r\n                    <span class=\"jw-package-card-btn-label\">Explore Deliverables<\/span>\r\n                    <span class=\"jw-package-card-btn-icon\" aria-hidden=\"true\">\u2192<\/span>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <div class=\"jw-cross-card-cell\">\r\n          <article class=\"jw-cross-card jw-cross-card--right jw-cross-card--issue\">\r\n            <div class=\"jw-cross-card-layout\">\r\n              <div class=\"jw-cross-card-body-row\">\r\n                <div class=\"jw-cross-card-body-cell\">\r\n                  <span class=\"jw-cross-card-number\" aria-hidden=\"true\"><span>03<\/span><\/span>\r\n                  <h3>Issue Control<\/h3>\r\n                  <p>Revision marks, sheet references, updated notes, and organized issue information help each drawing release remain understandable as project input and review comments change.<\/p>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"jw-cross-card-action-row\">\r\n                <div class=\"jw-cross-card-action-cell\">\r\n                  <a class=\"jw-package-card-btn\" href=\"#jw-contact\">\r\n                    <span class=\"jw-package-card-btn-label\">Discuss Revision Needs<\/span>\r\n                    <span class=\"jw-package-card-btn-icon\" aria-hidden=\"true\">\u2192<\/span>\r\n                  <\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 6 \u2014 CLEAR IMAGE \/ LEFT-ENTERING SMOOTH SAIL ANIMATION -->\r\n  <section id=\"jw-comfort\" class=\"jw-host-row jw-host-row--dark jw-row-6\" data-jw-row=\"6\" aria-labelledby=\"jw-host-uptime\">\r\n    <img class=\"jw-uptime-bg\" data-jw-image-slot=\"image-7\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-5-2026-07_07_23-PM_optimized.webp\" alt=\"Architectural drafting workspace with CAD plans and precision drawing tools\" width=\"1500\" height=\"833\" loading=\"lazy\" decoding=\"async\">\r\n\r\n    <svg class=\"jw-why-wave-sweep\" viewBox=\"0 0 580 622\" preserveAspectRatio=\"none\" aria-hidden=\"true\" focusable=\"false\">\r\n      <defs>\r\n        <linearGradient id=\"jwWhyWaveGradient\" x1=\"0\" y1=\"70\" x2=\"580\" y2=\"552\" gradientUnits=\"userSpaceOnUse\">\r\n          <stop offset=\"0\" stop-color=\"#081a2a\" stop-opacity=\"0.985\"><\/stop>\r\n          <stop offset=\"0.58\" stop-color=\"#12324a\" stop-opacity=\"0.965\"><\/stop>\r\n          <stop offset=\"1\" stop-color=\"#1d6fa5\" stop-opacity=\"0.94\"><\/stop>\r\n        <\/linearGradient>\r\n      <\/defs>\r\n      <!-- SMOOTH SCULPTED SAIL: one continuous flowing edge replaces the former\r\n           faceted\/jagged ribbon. The panel completes its entrance from the left\r\n           at approximately the midpoint of the desktop section. -->\r\n      <path d=\"M0 0H412C492 62 536 143 510 225C489 292 491 355 531 418C574 485 580 555 500 622H0Z\" fill=\"url(#jwWhyWaveGradient)\"><\/path>\r\n      <!-- MATCHED TWO-COLOR LEADING EDGE:\r\n           each ribbon starts narrow, grows through the central bends, and\r\n           tapers back down as the curve reaches the bottom of the section. -->\r\n      <path class=\"jw-why-wave-edge-ribbon jw-why-wave-edge-ribbon--blue\" d=\"M416 0C496 62 540 143 514 225C493 292 495 355 535 418C578 485 584 555 504 622L500 622C572 555 566 485 523 418C483 355 481 292 502 225C528 143 492 62 412 0Z\"><\/path>\r\n      <path class=\"jw-why-wave-edge-ribbon jw-why-wave-edge-ribbon--copper\" d=\"M416 0C496 62 540 143 514 225C493 292 495 355 535 418C578 485 584 555 504 622L508 622C588 555 596 485 553 418C513 355 509 292 530 225C556 143 500 62 420 0Z\"><\/path>\r\n    <\/svg>\r\n\r\n    <div class=\"jw-host-inner\">\r\n      <div class=\"jw-host-table\">\r\n        <div class=\"jw-host-cell\">\r\n          <div class=\"jw-why-copy\">\r\n            <span class=\"jw-host-eyebrow\">Turnaround &amp; coordination<\/span>\r\n            <h2 id=\"jw-host-uptime\">Drawing timelines should follow the real scope, available information, and revision needs\u2014not an arbitrary one-size-fits-all promise.<\/h2>\r\n            <p class=\"jw-host-lead\">Project size, source-document quality, measurement completeness, required views, review cycles, outside comments, and requested deliverable dates can all affect the drafting schedule. Elite CAD Drafting Services uses a scope-first approach to keep the work practical, coordinated, and focused on the next usable issue.<\/p>\r\n            <p class=\"jw-why-note\">The animated figure represents a scope-first drafting approach; it is not a measured performance claim. Actual schedule, deliverables, review cycles, and local requirements vary by project.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jw-host-cell jw-why-image-space\">\r\n          <div class=\"jw-turnaround-circle-stage\">\r\n            <div class=\"jw-turnaround-circle\">\r\n              <div class=\"jw-turnaround-circle-inner\">\r\n                <div class=\"jw-turnaround-circle-content\">\r\n                  <strong class=\"jw-turnaround-count\" data-jw-count=\"100\" data-jw-start=\"50\" data-jw-decimals=\"0\" data-jw-suffix=\"%\" data-jw-duration=\"3000\" data-jw-delay=\"2050\" data-jw-easing=\"linear\" data-jw-complete-hold=\"1250\">50%<\/strong>\r\n                  <span class=\"jw-turnaround-circle-label\">Scope coordinated<\/span>\r\n                  <span class=\"jw-turnaround-complete\">Ready for the next drawing issue<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"jw-turnaround-circle-caption\">Information aligned \u2022 revisions coordinated \u2022 deliverable prepared<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 7 -->\r\n  <section id=\"jw-safety\" class=\"jw-host-row jw-row-7\" data-jw-row=\"7\" aria-labelledby=\"jw-host-security\">\r\n    <div class=\"jw-host-inner\">\r\n      <div class=\"jw-safety-table\">\r\n        <div class=\"jw-safety-cell jw-safety-cell--customer\">\r\n          <div class=\"jw-customer-service-card\">\r\n            <img data-jw-image-slot=\"image-8\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-5-2026-07_05_53-PM_optimized.webp\" alt=\"Open architectural sketchbook with plan concepts, ruler, pencil, and magnifying glass\" 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\">Quality control<\/span>\r\n          <h2 id=\"jw-host-security\">A dependable drawing set depends on coordinated information behind every visible line, note, and callout.<\/h2>\r\n          <p>Consistent references, aligned dimensions, readable annotation, coordinated view titles, controlled revisions, and careful final checks all contribute to drawings that communicate clearly.<\/p>\r\n\r\n          <ul class=\"jw-host-checks\">\r\n            <li>Sheet names, scales, callouts, and references checked for consistency<\/li>\r\n            <li>Dimensions, notes, and graphic information reviewed across affected views<\/li>\r\n            <li>Revision changes isolated, coordinated, and prepared for the next issue<\/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\">\r\n            <img data-jw-image-slot=\"image-9\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-5-2026-08_43_01-PM_optimized.webp\" alt=\"Laptop displaying blue CAD drawings beside rolled plans and a printed blueprint\" width=\"1200\" height=\"1500\" loading=\"lazy\" decoding=\"async\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 9 -->\r\n  <section id=\"jw-pricing\" class=\"jw-host-row jw-host-row--dark jw-row-9\" data-jw-row=\"9\" aria-labelledby=\"jw-host-price\">\r\n    <img class=\"jw-price-bg\" data-jw-image-slot=\"image-10\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-5-2026-08_17_43-PM_optimized.webp\" alt=\"Designer marking architectural concepts with a pencil beside drafting tools and reference images\" width=\"1500\" height=\"833\" loading=\"lazy\" decoding=\"async\">\r\n\r\n\r\n    <div class=\"jw-row-9-sheet-cascade\" aria-hidden=\"true\">\r\n      <span class=\"jw-row-9-sheet jw-row-9-sheet--one\"><\/span>\r\n      <span class=\"jw-row-9-sheet jw-row-9-sheet--two\"><\/span>\r\n      <span class=\"jw-row-9-sheet jw-row-9-sheet--three\"><\/span>\r\n      <span class=\"jw-row-9-sheet jw-row-9-sheet--four\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"jw-host-inner\">\r\n      <div class=\"jw-host-table\">\r\n        <div class=\"jw-host-cell\">\r\n          <span class=\"jw-host-eyebrow\">Planning &amp; pricing<\/span>\r\n          <h2 id=\"jw-host-price\">Clear project scope first, with drafting fees based on the work the drawing set actually requires.<\/h2>\r\n          <p class=\"jw-host-lead\" style=\"color:rgba(255,255,255,.82);\">Project size, available base files, measurement quality, number of required views, detail development, revision cycles, submission requirements, and deliverable formats can all change the work involved. Elite CAD Drafting Services reviews the scope before project-specific pricing is established.<\/p>\r\n\r\n          <ul class=\"jw-host-checks\">\r\n            <li>Pricing based on the actual drafting scope and available source information<\/li>\r\n            <li>Required sheets, views, details, revisions, and deliverables discussed up front<\/li>\r\n            <li>Core deliverables can be separated from optional views or later-phase additions<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"jw-host-cell\">\r\n          <div class=\"jw-price-card\">\r\n            <span class=\"jw-host-eyebrow\">Illustrative Planning Figure<\/span>\r\n            <div class=\"jw-price\"><sup>$<\/sup><span data-jw-count=\"8500\" data-jw-start=\"12000\" data-jw-duration=\"5600\" data-jw-easing=\"linear\" data-jw-decimals=\"0\">12000<\/span><\/div>\r\n            <div class=\"jw-price-term\">template example only \u2014 not a published fee or quotation<\/div>\r\n            <p style=\"color:rgba(255,255,255,.8);font-size:.94rem;\">The animated $8,500 figure is retained from the master template solely as an illustrative planning example. It does not state a price for Elite CAD Drafting Services. Actual fees must be based on the agreed drafting scope, source information, required deliverables, revisions, schedule, and project conditions.<\/p>\r\n            <a class=\"jw-host-btn\" href=\"#jw-contact\">Discuss Project Scope<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 8 -->\r\n  <section id=\"jw-package\" class=\"jw-host-row jw-row-8\" data-jw-row=\"8\" aria-labelledby=\"jw-host-package\">\r\n    <div class=\"jw-host-inner\">\r\n      <div class=\"jw-host-table\">\r\n        <div class=\"jw-host-cell\">\r\n          <div class=\"jw-package-photo\">\r\n            <img data-jw-image-slot=\"image-11\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-5-2026-07_04_50-PM_optimized.webp\" alt=\"Project team reviewing architectural floor plans with a scale ruler and calculator\" 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\">Coordinated deliverables<\/span>\r\n          <h2 id=\"jw-host-package\">The major views, references, notes, and details come together in one coordinated drawing set.<\/h2>\r\n          <p>Elite CAD Drafting Services can organize the applicable plans, elevations, sections, details, existing-condition information, revisions, and issue-ready sheets under one coordinated drafting scope. Final contents and file formats are confirmed for the specific project.<\/p>\r\n\r\n          <div class=\"jw-feature-grid\">\r\n            <div class=\"jw-feature-row\">\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">P<\/span>\r\n                <strong>Floor Plans<\/strong>\r\n                <small>Overall layouts, dimensions, room relationships, and key plan notes<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">E<\/span>\r\n                <strong>Exterior Elevations<\/strong>\r\n                <small>Building faces, openings, heights, materials, and graphic references<\/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\">S<\/span>\r\n                <strong>Sections &amp; Details<\/strong>\r\n                <small>Cut views, assemblies, enlarged conditions, and construction relationships<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">A<\/span>\r\n                <strong>As-Built Documentation<\/strong>\r\n                <small>Existing-condition drawings developed from supplied field information<\/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\">R<\/span>\r\n                <strong>Revision Coordination<\/strong>\r\n                <small>Affected sheets updated while references and issue information stay aligned<\/small>\r\n              <\/div>\r\n\r\n              <div class=\"jw-feature\">\r\n                <span class=\"jw-feature-icon\">D<\/span>\r\n                <strong>Digital Deliverables<\/strong>\r\n                <small>Project-specific output formats and issue packages confirmed before delivery<\/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 clients usually want to know before starting an architectural drafting project.<\/h2>\r\n        <p>These answers provide general architectural drafting guidance from Elite CAD Drafting Services. Project scope, professional responsibilities, local review requirements, schedules, file formats, and company policies must be confirmed for the specific project during review.<\/p>\r\n        <div class=\"jw-faq-topic-table\">\r\n          <span class=\"jw-faq-topic\">Scope &amp; Scheduling<\/span>\r\n          <span class=\"jw-faq-topic\">Files &amp; Revisions<\/span>\r\n          <span class=\"jw-faq-topic\">Roles &amp; Deliverables<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"jw-faq-list\">\r\n        <details class=\"jw-faq-item\">\r\n          <summary>How is the drafting schedule determined?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Timing depends on the amount and quality of source information, project size, required views and details, review cycles, requested revisions, outside comments, and deliverable date. A realistic schedule can be discussed after the drafting scope and available materials are reviewed.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>What types of projects can architectural drafting support?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Drafting support may be appropriate for new residential concepts, additions, renovation drawings, existing-condition documentation, floor plans, elevations, sections, details, presentation drawings, permit-set support, and revision coordination. The exact scope must be confirmed for each project.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>What information should be provided before drafting begins?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Useful inputs can include measurements, sketches, photographs, surveys, reference plans, design notes, marked-up PDFs, product information, local submission comments, and a clear description of the intended deliverables. Missing information should be identified rather than guessed.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>Can existing plans or marked-up drawings be revised?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Existing drawings and markups may be incorporated when the files are usable and the requested changes are clearly defined. The revision scope should identify which sheets, views, notes, dimensions, and issue information are affected.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>Are drafting services the same as architectural or engineering approval?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>No. Drafting organizes and communicates project information, but licensing, professional seals, structural or engineering design, code interpretation, and approval responsibilities vary by project and jurisdiction. Required licensed professionals and local authorities should be confirmed separately.<\/p><\/div>\r\n        <\/details>\r\n\r\n        <details class=\"jw-faq-item\">\r\n          <summary>How does a client get started with Nathaniel Hargrove?<\/summary>\r\n          <div class=\"jw-faq-answer\"><p>Begin by sharing the project type, available files or measurements, desired drawings, intended use, known deadlines, and current questions. Nathaniel Hargrove can then review the information and help identify a practical drafting scope and next step.<\/p><\/div>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ROW 10 -->\r\n  <section id=\"jw-contact\" class=\"jw-host-row jw-host-row--dark jw-row-10\" data-jw-row=\"10\" aria-labelledby=\"jw-host-cta\">\r\n    <img class=\"jw-cta-bg\" data-jw-image-slot=\"image-12\" src=\"https:\/\/jwwebsites.com\/frederick-young\/wp-content\/uploads\/sites\/74\/2026\/08\/ChatGPT-Image-Aug-5-2026-07_12_28-PM_optimized.webp\" alt=\"Architectural professional preparing a drawing set at a wide drafting table\" 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; project review<\/span>\r\n      <h2 id=\"jw-host-cta\">Ready to review your drawing needs with Nathaniel Hargrove?<\/h2>\r\n      <p class=\"jw-host-lead\">Tell Elite CAD Drafting Services about the project type, the information already available, the drawings you need, and the decision or submission the set must support. Nathaniel Hargrove can help organize the drafting priorities and discuss the right next step.<\/p>\r\n      <div class=\"jw-cta-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\">Request a Project Review<\/span>\r\n            <span class=\"jw-reference-cta-sub\">ARCHITECTURAL DRAFTING INQUIRY<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        <div class=\"jw-cta-action-cell\">\r\n          <a class=\"jw-host-btn jw-host-btn--light\" href=\"#jw-faq\">Read the FAQs<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    \"use strict\";\r\n\r\n    var root = document.getElementById(\"jw-hosting-page\");\r\n    if (!root || root.getAttribute(\"data-jw-ready\") === \"true\") return;\r\n    root.setAttribute(\"data-jw-ready\", \"true\");\r\n\r\n    var cbsRowFive = root.querySelector(\".jw-row-5\");\r\n    var cbsRowFiveSource = root.querySelector(\".jw-row-5 .jw-cbs5-bg-source\");\r\n    if (cbsRowFive && cbsRowFiveSource) {\r\n      var syncCbsRowFiveBackground = function () {\r\n        var sourceUrl = cbsRowFiveSource.currentSrc || cbsRowFiveSource.src;\r\n        if (!sourceUrl) return;\r\n        cbsRowFive.style.setProperty(\"--jw-row5-bg\", 'url(\"' + sourceUrl.replace(\/\"\/g, \"\\\\\\\"\") + '\")');\r\n      };\r\n      syncCbsRowFiveBackground();\r\n      cbsRowFiveSource.addEventListener(\"load\", syncCbsRowFiveBackground, { once: true });\r\n    }\r\n\r\n    function setViewportWidth() {\r\n      root.style.setProperty(\"--jw-host-vw\", document.documentElement.clientWidth + \"px\");\r\n    }\r\n\r\n    function setCounter(counter, progress) {\r\n      var target = parseFloat(counter.getAttribute(\"data-jw-count\")) || 0;\r\n      var startValue = parseFloat(counter.getAttribute(\"data-jw-start\"));\r\n\r\n      if (isNaN(startValue)) {\r\n        startValue = 0;\r\n      }\r\n\r\n      var decimals = parseInt(counter.getAttribute(\"data-jw-decimals\"), 10) || 0;\r\n      var prefix = counter.getAttribute(\"data-jw-prefix\") || \"\";\r\n      var suffix = counter.getAttribute(\"data-jw-suffix\") || \"\";\r\n      var currentValue = startValue + ((target - startValue) * progress);\r\n\r\n      counter.textContent = prefix + currentValue.toFixed(decimals) + suffix;\r\n\r\n      var circle = counter.closest ? counter.closest(\".jw-turnaround-circle\") : null;\r\n      if (circle) {\r\n        \/* The ring reflects the displayed percentage itself. A 50% starting\r\n           value therefore begins with the circle half filled, then advances\r\n           smoothly with the visible count until it reaches 100%. *\/\r\n        var circleProgress = target !== 0 ? currentValue \/ target : progress;\r\n        circleProgress = Math.max(0, Math.min(1, circleProgress));\r\n        circle.style.setProperty(\"--jw-circle-progress\", (circleProgress * 360).toFixed(2) + \"deg\");\r\n\r\n        if (progress < 0.999) {\r\n          circle.classList.remove(\"jw-circle-message\");\r\n        }\r\n      }\r\n    }\r\n\r\n    function animateCounters(row) {\r\n      var counters = row.querySelectorAll(\"[data-jw-count]\");\r\n\r\n      counters.forEach(function (counter) {\r\n        if (counter.getAttribute(\"data-jw-running\") === \"true\") return;\r\n\r\n        counter.setAttribute(\"data-jw-running\", \"true\");\r\n\r\n        var duration = parseInt(counter.getAttribute(\"data-jw-duration\"), 10) || 1600;\r\n        var delay = parseInt(counter.getAttribute(\"data-jw-delay\"), 10) || 0;\r\n        var completeHold = parseInt(counter.getAttribute(\"data-jw-complete-hold\"), 10) || 0;\r\n        var easing = counter.getAttribute(\"data-jw-easing\") || \"ease-out\";\r\n        var circle = counter.closest ? counter.closest(\".jw-turnaround-circle\") : null;\r\n        var start = null;\r\n\r\n        if (circle) {\r\n          circle.classList.remove(\"jw-circle-message\");\r\n          setCounter(counter, 0);\r\n        }\r\n\r\n        function frame(time) {\r\n          if (!row.classList.contains(\"jw-host-visible\")) {\r\n            counter.setAttribute(\"data-jw-running\", \"false\");\r\n            return;\r\n          }\r\n\r\n          if (!start) {\r\n            start = time;\r\n          }\r\n\r\n          var elapsed = Math.min((time - start) \/ duration, 1);\r\n          var eased = easing === \"linear\" ? elapsed : 1 - Math.pow(1 - elapsed, 3);\r\n\r\n          setCounter(counter, eased);\r\n\r\n          if (elapsed < 1) {\r\n            window.requestAnimationFrame(frame);\r\n            return;\r\n          }\r\n\r\n          counter.setAttribute(\"data-jw-running\", \"false\");\r\n\r\n          if (circle && completeHold > 0) {\r\n            window.setTimeout(function () {\r\n              if (row.classList.contains(\"jw-host-visible\")) {\r\n                circle.classList.add(\"jw-circle-message\");\r\n              }\r\n            }, completeHold);\r\n          }\r\n        }\r\n\r\n        window.setTimeout(function () {\r\n          if (row.classList.contains(\"jw-host-visible\")) {\r\n            window.requestAnimationFrame(frame);\r\n          } else {\r\n            counter.setAttribute(\"data-jw-running\", \"false\");\r\n          }\r\n        }, delay);\r\n      });\r\n    }\r\n\r\n    function resetCounters(row) {\r\n      row.querySelectorAll(\"[data-jw-count]\").forEach(function (counter) {\r\n        counter.setAttribute(\"data-jw-running\", \"false\");\r\n\r\n        var circle = counter.closest ? counter.closest(\".jw-turnaround-circle\") : null;\r\n        if (circle) {\r\n          circle.classList.remove(\"jw-circle-message\");\r\n        }\r\n\r\n        setCounter(counter, 0);\r\n      });\r\n    }\r\n\r\n\r\n    \/* Same-page section links are handled by the anchor-safe sticky-menu\r\n       controller below so every menu and page CTA uses one deterministic\r\n       landing position. *\/\r\n\r\n    setViewportWidth();\r\n    window.addEventListener(\"resize\", setViewportWidth, { passive: true });\r\n\r\n    var rows = root.querySelectorAll(\".jw-host-row\");\r\n    var heroCopyBand = root.querySelector(\".jw-hero-copy-band\");\r\n    var reduceMotion = window.matchMedia &&\r\n      window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n    if (reduceMotion || !(\"IntersectionObserver\" in window)) {\r\n      rows.forEach(function (row) {\r\n        row.classList.add(\"jw-host-visible\");\r\n\r\n        row.querySelectorAll(\"[data-jw-count]\").forEach(function (counter) {\r\n          setCounter(counter, 1);\r\n        });\r\n      });\r\n\r\n      if (heroCopyBand) {\r\n        heroCopyBand.classList.add(\"jw-copy-band-visible\");\r\n      }\r\n\r\n    } else {\r\n      function handleRowEntries(entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add(\"jw-host-visible\");\r\n            animateCounters(entry.target);\r\n          } else {\r\n            entry.target.classList.remove(\"jw-host-visible\");\r\n            resetCounters(entry.target);\r\n          }\r\n        });\r\n      }\r\n\r\n      var observer = new IntersectionObserver(handleRowEntries, {\r\n        threshold: 0.16,\r\n        rootMargin: \"0px 0px -7% 0px\"\r\n      });\r\n\r\n      \/* Row 6 begins as it approaches the viewport so the smoother palette motion\r\n         motion is already active when the visitor reaches the section. *\/\r\n      var rowSixObserver = new IntersectionObserver(handleRowEntries, {\r\n        threshold: 0.03,\r\n        rootMargin: \"0px 0px 24% 0px\"\r\n      });\r\n\r\n\r\n      \/*\r\n         Row 4 mirrors the Creative Business System homepage feature trigger.\r\n         On that homepage the feature is row index 3, producing a 144ms base delay\r\n         after the same 0.16 \/ -4% \/ -10% intersection threshold is reached.\r\n      *\/\r\n      var rowFourTimer = 0;\r\n      var rowFourObserver = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          window.clearTimeout(rowFourTimer);\r\n\r\n          if (!entry.isIntersecting) {\r\n            entry.target.classList.remove(\"jw-host-visible\");\r\n            resetCounters(entry.target);\r\n            return;\r\n          }\r\n\r\n          rowFourTimer = window.setTimeout(function () {\r\n            entry.target.classList.add(\"jw-host-visible\");\r\n            animateCounters(entry.target);\r\n          }, 144);\r\n        });\r\n      }, {\r\n        threshold: 0.16,\r\n        rootMargin: \"-4% 0px -10% 0px\"\r\n      });\r\n\r\n      \/*\r\n         Row 5 uses its own later trigger so the full left-to-right entrance happens\r\n         while the visitor is actually looking at the section instead of too early.\r\n      *\/\r\n      var rowFiveObserver = new IntersectionObserver(handleRowEntries, {\r\n        threshold: 0.34,\r\n        rootMargin: \"0px 0px -4% 0px\"\r\n      });\r\n\r\n      \/*\r\n         Row 8 \/ complete-deliverable package waits approximately 0.5 second after entering\r\n         its normal viewport trigger before the existing feature-card cascade begins.\r\n         Leaving the row before the delay completes cancels the pending animation.\r\n      *\/\r\n      var rowEightTimer = 0;\r\n      var rowEightObserver = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          window.clearTimeout(rowEightTimer);\r\n\r\n          if (!entry.isIntersecting) {\r\n            entry.target.classList.remove(\"jw-host-visible\");\r\n            resetCounters(entry.target);\r\n            return;\r\n          }\r\n\r\n          rowEightTimer = window.setTimeout(function () {\r\n            entry.target.classList.add(\"jw-host-visible\");\r\n            animateCounters(entry.target);\r\n          }, 500);\r\n        });\r\n      }, {\r\n        threshold: 0.16,\r\n        rootMargin: \"0px 0px -7% 0px\"\r\n      });\r\n\r\n      \/*\r\n         Independent below-hero trigger.\r\n         This animation waits for actual downward scrolling into the\r\n         white copy band instead of firing with the hero row.\r\n      *\/\r\n      var heroCopyBandObserver = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add(\"jw-copy-band-visible\");\r\n          } else {\r\n            entry.target.classList.remove(\"jw-copy-band-visible\");\r\n          }\r\n        });\r\n      }, {\r\n        threshold: 0.32,\r\n        rootMargin: \"0px 0px -12% 0px\"\r\n      });\r\n\r\n      if (heroCopyBand) {\r\n        heroCopyBandObserver.observe(heroCopyBand);\r\n      }\r\n\r\n      rows.forEach(function (row) {\r\n        if (row.classList.contains(\"jw-row-4\")) {\r\n          rowFourObserver.observe(row);\r\n        } else if (row.classList.contains(\"jw-row-5\")) {\r\n          rowFiveObserver.observe(row);\r\n        } else if (row.classList.contains(\"jw-row-6\")) {\r\n          rowSixObserver.observe(row);\r\n        } else if (row.classList.contains(\"jw-row-8\")) {\r\n          rowEightObserver.observe(row);\r\n        } else {\r\n          observer.observe(row);\r\n        }\r\n      });\r\n    }\r\n\r\n\r\n    \/* Deterministic fixed-navigation controller + mobile dropdown.\r\n       The custom navigation is moved beneath a body-level portal whose ancestor\r\n       chain is free of transforms, filters, perspective, containment, and builder\r\n       width constraints. Live measurements keep the WordPress administrator bar,\r\n       navigation spacer, mobile menu, and anchor destinations aligned. *\/\r\n    (function initJwStickyTopNav() {\r\n      var nav = root.querySelector(\".jw-top-nav\");\r\n      var spacer = root.querySelector(\".jw-top-nav-spacer\");\r\n      if (!nav || !spacer) return;\r\n\r\n      var toggle = nav.querySelector(\".jw-top-nav-toggle\");\r\n      var linksPanel = nav.querySelector(\".jw-top-nav-links\");\r\n      var brand = nav.querySelector(\".jw-top-nav-brand\");\r\n      var mobileQuery = window.matchMedia ? window.matchMedia(\"(max-width: 620px)\") : null;\r\n      var portal = document.getElementById(\"jw-nav-portal\");\r\n      var recoveryFrame = 0;\r\n      var mutationFrame = 0;\r\n      var lastTop = -1;\r\n      var lastHeight = -1;\r\n      var lastAnchorOffset = -1;\r\n      var anchorDepth = 72; \/* 3\/4 CSS inch: land inside the destination row. *\/\r\n\r\n      if (!portal) {\r\n        portal = document.createElement(\"div\");\r\n        portal.id = \"jw-nav-portal\";\r\n        portal.setAttribute(\"data-jw-navigation-portal\", \"true\");\r\n        portal.setAttribute(\"aria-hidden\", \"false\");\r\n        document.body.appendChild(portal);\r\n      }\r\n\r\n      if (nav.parentNode !== portal) {\r\n        portal.appendChild(nav);\r\n      }\r\n\r\n      function isMobileNav() {\r\n        return mobileQuery ? mobileQuery.matches : window.innerWidth <= 620;\r\n      }\r\n\r\n      function getAdminBarHeight() {\r\n        var adminBar = document.getElementById(\"wpadminbar\");\r\n        if (!adminBar) return 0;\r\n\r\n        var rect = adminBar.getBoundingClientRect();\r\n        var style = window.getComputedStyle(adminBar);\r\n        if (style.display === \"none\" || style.visibility === \"hidden\" || rect.height <= 0) return 0;\r\n        return Math.max(0, Math.round(rect.height));\r\n      }\r\n\r\n      function getReservedMenuHeight() {\r\n        if (isMobileNav() && brand) {\r\n          return Math.max(1, Math.ceil(brand.getBoundingClientRect().height + 1));\r\n        }\r\n        return Math.max(1, Math.ceil(nav.getBoundingClientRect().height));\r\n      }\r\n\r\n      function setSharedVariable(name, value) {\r\n        root.style.setProperty(name, value);\r\n        nav.style.setProperty(name, value);\r\n        portal.style.setProperty(name, value);\r\n        document.documentElement.style.setProperty(name, value);\r\n      }\r\n\r\n      function setMobileMenu(open) {\r\n        if (!toggle) return;\r\n\r\n        var shouldOpen = !!open && isMobileNav();\r\n        nav.classList.toggle(\"jw-mobile-nav-open\", shouldOpen);\r\n        toggle.setAttribute(\"aria-expanded\", shouldOpen ? \"true\" : \"false\");\r\n        toggle.setAttribute(\"aria-label\", shouldOpen ? \"Close navigation menu\" : \"Open navigation menu\");\r\n\r\n        window.requestAnimationFrame(function () {\r\n          measure();\r\n          scheduleRecovery();\r\n        });\r\n      }\r\n\r\n      function measure() {\r\n        try {\r\n          if (nav.parentNode !== portal) portal.appendChild(nav);\r\n          nav.classList.add(\"jw-top-nav--fixed\");\r\n          spacer.classList.add(\"jw-top-nav-spacer--active\");\r\n\r\n          var topOffset = getAdminBarHeight();\r\n          setSharedVariable(\"--jw-admin-bar-offset\", topOffset + \"px\");\r\n          setSharedVariable(\"--jw-sticky-top\", topOffset + \"px\");\r\n\r\n          var menuHeight = getReservedMenuHeight();\r\n          var anchorOffset = topOffset + menuHeight;\r\n          var anchorScrollMargin = Math.max(0, anchorOffset - anchorDepth);\r\n\r\n          if (menuHeight !== lastHeight) {\r\n            setSharedVariable(\"--jw-sticky-menu-height\", menuHeight + \"px\");\r\n            spacer.style.height = menuHeight + \"px\";\r\n            spacer.style.minHeight = menuHeight + \"px\";\r\n            lastHeight = menuHeight;\r\n          }\r\n\r\n          if (topOffset !== lastTop) {\r\n            lastTop = topOffset;\r\n          }\r\n\r\n          if (anchorOffset !== lastAnchorOffset) {\r\n            setSharedVariable(\"--jw-anchor-offset\", anchorOffset + \"px\");\r\n            setSharedVariable(\"--jw-anchor-scroll-margin\", anchorScrollMargin + \"px\");\r\n            lastAnchorOffset = anchorOffset;\r\n          }\r\n        } catch (error) {\r\n          \/* Rendering must continue even if a delayed theme element is unavailable. *\/\r\n        }\r\n      }\r\n\r\n      function scrollToTarget(target, behavior) {\r\n        if (!target) return;\r\n        measure();\r\n\r\n        var offset = getAdminBarHeight() + getReservedMenuHeight();\r\n        var landingDepth = target.id === \"jw-home\" ? 0 : anchorDepth;\r\n        var targetTop = target.getBoundingClientRect().top + window.pageYOffset - offset + landingDepth;\r\n\r\n        window.scrollTo({\r\n          top: Math.max(0, Math.round(targetTop)),\r\n          behavior: behavior || \"auto\"\r\n        });\r\n      }\r\n\r\n      function alignCurrentHash(behavior) {\r\n        var hash = window.location.hash;\r\n        if (!hash || hash.indexOf(\"#jw-\") !== 0) return;\r\n\r\n        var target = document.querySelector(hash);\r\n        if (!target || !root.contains(target)) return;\r\n\r\n        setMobileMenu(false);\r\n        scrollToTarget(target, behavior || \"auto\");\r\n      }\r\n\r\n      function isPositivelyIdentifiedThemeNavigation(element) {\r\n        if (!(element instanceof Element)) return false;\r\n\r\n        if (element.matches(\"#masthead, #site-navigation, #masthead.site-header, .site-header#masthead, .main-navigation#site-navigation, #masthead-sticky-wrapper\")) {\r\n          return true;\r\n        }\r\n\r\n        if (element.closest(\"#masthead\") && !element.closest(\"#jw-hosting-page, #jw-nav-portal\")) {\r\n          return true;\r\n        }\r\n\r\n        return false;\r\n      }\r\n\r\n      function maySuppressThemeNavigation(element) {\r\n        var adminBar = document.getElementById(\"wpadminbar\");\r\n        if (!(element instanceof Element)) return false;\r\n        if (element === document.documentElement || element === document.body) return false;\r\n        if (element === root || element === nav || element === portal || element === spacer) return false;\r\n        if (element.contains(root) || root.contains(element)) return false;\r\n        if (element.contains(nav) || nav.contains(element)) return false;\r\n        if (element === adminBar || element.closest(\"#wpadminbar\")) return false;\r\n        if (!isPositivelyIdentifiedThemeNavigation(element)) return false;\r\n        return true;\r\n      }\r\n\r\n      function suppressThemeNavigationWithin(scope) {\r\n        try {\r\n          var candidates = [];\r\n          if (scope instanceof Element) candidates.push(scope);\r\n\r\n          var searchRoot = scope && scope.querySelectorAll ? scope : document;\r\n          searchRoot.querySelectorAll(\"#masthead, #site-navigation, #masthead.site-header, .site-header#masthead, .main-navigation#site-navigation, #masthead-sticky-wrapper\").forEach(function (candidate) {\r\n            candidates.push(candidate);\r\n          });\r\n\r\n          candidates.forEach(function (candidate) {\r\n            if (!maySuppressThemeNavigation(candidate)) return;\r\n            candidate.classList.add(\"jw-vantage-nav-suppressed\");\r\n            candidate.setAttribute(\"aria-hidden\", \"true\");\r\n          });\r\n        } catch (error) {\r\n          \/* A selector or delayed plugin node must never interrupt page rendering. *\/\r\n        }\r\n      }\r\n\r\n      function recoverFixedNavigation() {\r\n        recoveryFrame = 0;\r\n        try {\r\n          var expectedTop = getAdminBarHeight();\r\n          var computed = window.getComputedStyle(nav);\r\n          var rect = nav.getBoundingClientRect();\r\n          var failed = computed.position !== \"fixed\" || Math.abs(rect.top - expectedTop) > 2;\r\n\r\n          if (failed) {\r\n            nav.classList.add(\"jw-top-nav--fixed\");\r\n            if (nav.parentNode !== portal) portal.appendChild(nav);\r\n            nav.style.setProperty(\"position\", \"fixed\", \"important\");\r\n            nav.style.setProperty(\"top\", expectedTop + \"px\", \"important\");\r\n            nav.style.setProperty(\"right\", \"0\", \"important\");\r\n            nav.style.setProperty(\"left\", \"0\", \"important\");\r\n            nav.style.setProperty(\"width\", \"auto\", \"important\");\r\n            nav.style.setProperty(\"max-width\", \"none\", \"important\");\r\n            nav.style.setProperty(\"margin\", \"0\", \"important\");\r\n          }\r\n\r\n          measure();\r\n        } catch (error) {\r\n          \/* Recovery is best-effort and must remain fail-safe. *\/\r\n        }\r\n      }\r\n\r\n      function scheduleRecovery() {\r\n        if (recoveryFrame) return;\r\n        recoveryFrame = window.requestAnimationFrame(recoverFixedNavigation);\r\n      }\r\n\r\n      if (toggle && linksPanel) {\r\n        toggle.addEventListener(\"click\", function () {\r\n          setMobileMenu(toggle.getAttribute(\"aria-expanded\") !== \"true\");\r\n        });\r\n\r\n        document.addEventListener(\"click\", function (event) {\r\n          if (!isMobileNav() || !nav.classList.contains(\"jw-mobile-nav-open\")) return;\r\n          if (nav.contains(event.target)) return;\r\n          setMobileMenu(false);\r\n        });\r\n\r\n        document.addEventListener(\"keydown\", function (event) {\r\n          if (event.key !== \"Escape\" || !nav.classList.contains(\"jw-mobile-nav-open\")) return;\r\n          setMobileMenu(false);\r\n          toggle.focus();\r\n        });\r\n      }\r\n\r\n      document.addEventListener(\"click\", function (event) {\r\n        var link = event.target.closest ? event.target.closest('a[href^=\"#jw-\"]') : null;\r\n        if (!link || (!root.contains(link) && !nav.contains(link))) return;\r\n\r\n        var hash = link.getAttribute(\"href\");\r\n        if (!hash) return;\r\n\r\n        var target = document.querySelector(hash);\r\n        if (!target || !root.contains(target)) return;\r\n\r\n        event.preventDefault();\r\n        var reduceMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n\r\n        setMobileMenu(false);\r\n        scrollToTarget(target, reduceMotion ? \"auto\" : \"smooth\");\r\n\r\n        if (history.pushState) history.pushState(null, \"\", hash);\r\n        else location.hash = hash;\r\n      });\r\n\r\n      suppressThemeNavigationWithin(document);\r\n      measure();\r\n      scheduleRecovery();\r\n\r\n      if (window.location.hash) {\r\n        window.requestAnimationFrame(function () {\r\n          window.requestAnimationFrame(function () {\r\n            alignCurrentHash(\"auto\");\r\n          });\r\n        });\r\n      }\r\n\r\n      window.addEventListener(\"hashchange\", function () {\r\n        alignCurrentHash(\"auto\");\r\n      });\r\n\r\n      window.addEventListener(\"scroll\", scheduleRecovery, { passive: true });\r\n      window.addEventListener(\"resize\", function () {\r\n        if (!isMobileNav()) setMobileMenu(false);\r\n        measure();\r\n        suppressThemeNavigationWithin(document);\r\n        scheduleRecovery();\r\n      }, { passive: true });\r\n\r\n      window.addEventListener(\"orientationchange\", function () {\r\n        window.requestAnimationFrame(function () {\r\n          measure();\r\n          suppressThemeNavigationWithin(document);\r\n          scheduleRecovery();\r\n        });\r\n      }, { passive: true });\r\n\r\n      window.addEventListener(\"load\", function () {\r\n        measure();\r\n        suppressThemeNavigationWithin(document);\r\n        alignCurrentHash(\"auto\");\r\n        scheduleRecovery();\r\n      }, { once: true });\r\n\r\n      document.addEventListener(\"DOMContentLoaded\", function () {\r\n        measure();\r\n        suppressThemeNavigationWithin(document);\r\n        scheduleRecovery();\r\n      }, { once: true });\r\n\r\n      if (document.fonts && document.fonts.ready) {\r\n        document.fonts.ready.then(function () {\r\n          measure();\r\n          alignCurrentHash(\"auto\");\r\n          scheduleRecovery();\r\n        });\r\n      }\r\n\r\n      if (window.ResizeObserver) {\r\n        var navigationResizeObserver = new ResizeObserver(function () {\r\n          measure();\r\n          scheduleRecovery();\r\n        });\r\n        navigationResizeObserver.observe(nav);\r\n\r\n        var adminBar = document.getElementById(\"wpadminbar\");\r\n        if (adminBar) navigationResizeObserver.observe(adminBar);\r\n      }\r\n\r\n      if (window.MutationObserver) {\r\n        var mutationObserver = new MutationObserver(function (mutations) {\r\n          var addedNodes = [];\r\n          mutations.forEach(function (mutation) {\r\n            mutation.addedNodes.forEach(function (node) {\r\n              if (node instanceof Element) addedNodes.push(node);\r\n            });\r\n          });\r\n\r\n          if (!addedNodes.length || mutationFrame) return;\r\n          mutationFrame = window.requestAnimationFrame(function () {\r\n            mutationFrame = 0;\r\n            addedNodes.forEach(function (node) {\r\n              suppressThemeNavigationWithin(node);\r\n            });\r\n            measure();\r\n            scheduleRecovery();\r\n          });\r\n        });\r\n\r\n        mutationObserver.observe(document.body, { childList: true, subtree: true });\r\n      }\r\n    }());\r\n\r\n  }());\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Elite CAD Drafting Services Home About Us Services Project Types CAD Standards Workflow Drawing Package Turnaround Quality Control Planning &amp; Pricing Deliverables FAQs Contact Nathaniel HargroveDrafting. Architectural drafting organized for clarity, coordination, and confident project decisions. Request a Project Review Elite CAD Drafting Services Architectural drafting by Nathaniel Hargrove, built around the way your project [&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-1330","page","type-page","status-publish","hentry","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Workspace-37 -<\/title>\n<meta name=\"description\" content=\"Architectural drafting company specializing in residential and commercial drafting, custom home plans, CAD design, permit drawings, floor plans, and construction documents.\" \/>\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\/workspace-37\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Workspace-37 -\" \/>\n<meta property=\"og:description\" content=\"Architectural drafting company specializing in residential and commercial drafting, custom home plans, CAD design, permit drawings, floor plans, and construction documents.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jwwebsites.com\/frederick-young\/workspace-37\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-06T21:00:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/workspace-37\\\/\",\"url\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/workspace-37\\\/\",\"name\":\"Workspace-37 -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/#website\"},\"datePublished\":\"2026-08-05T06:07:21+00:00\",\"dateModified\":\"2026-08-06T21:00:26+00:00\",\"description\":\"Architectural drafting company specializing in residential and commercial drafting, custom home plans, CAD design, permit drawings, floor plans, and construction documents.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/workspace-37\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/workspace-37\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/workspace-37\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jwwebsites.com\\\/frederick-young\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Workspace-37\"}]},{\"@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":"Workspace-37 -","description":"Architectural drafting company specializing in residential and commercial drafting, custom home plans, CAD design, permit drawings, floor plans, and construction documents.","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\/workspace-37\/","og_locale":"en_US","og_type":"article","og_title":"Workspace-37 -","og_description":"Architectural drafting company specializing in residential and commercial drafting, custom home plans, CAD design, permit drawings, floor plans, and construction documents.","og_url":"https:\/\/jwwebsites.com\/frederick-young\/workspace-37\/","article_modified_time":"2026-08-06T21:00:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jwwebsites.com\/frederick-young\/workspace-37\/","url":"https:\/\/jwwebsites.com\/frederick-young\/workspace-37\/","name":"Workspace-37 -","isPartOf":{"@id":"https:\/\/jwwebsites.com\/frederick-young\/#website"},"datePublished":"2026-08-05T06:07:21+00:00","dateModified":"2026-08-06T21:00:26+00:00","description":"Architectural drafting company specializing in residential and commercial drafting, custom home plans, CAD design, permit drawings, floor plans, and construction documents.","breadcrumb":{"@id":"https:\/\/jwwebsites.com\/frederick-young\/workspace-37\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jwwebsites.com\/frederick-young\/workspace-37\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jwwebsites.com\/frederick-young\/workspace-37\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jwwebsites.com\/frederick-young\/"},{"@type":"ListItem","position":2,"name":"Workspace-37"}]},{"@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\/1330","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=1330"}],"version-history":[{"count":1,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1330\/revisions"}],"predecessor-version":[{"id":1332,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/pages\/1330\/revisions\/1332"}],"wp:attachment":[{"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/media?parent=1330"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/jwwebsites.com\/frederick-young\/wp-json\/wp\/v2\/folder?post=1330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}