{"id":193,"date":"2024-11-19T08:05:52","date_gmt":"2024-11-19T08:05:52","guid":{"rendered":"http:\/\/justhired.ai\/clonev2\/?page_id=193"},"modified":"2026-03-20T23:25:28","modified_gmt":"2026-03-20T23:25:28","slug":"home","status":"publish","type":"page","link":"http:\/\/justhired.ai\/clonev2\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"193\" class=\"elementor elementor-193\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-49115c7 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"49115c7\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-807e822 exad-sticky-section-no\" data-id=\"807e822\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-943f1cb elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"943f1cb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5181fe8 exad-sticky-section-no\" data-id=\"5181fe8\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-23534dc elementor-widget__width-auto exad-sticky-section-no elementor-widget elementor-widget-site-logo\" data-id=\"23534dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;align&quot;:&quot;left&quot;,&quot;width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:181,&quot;sizes&quot;:[]},&quot;width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:220,&quot;sizes&quot;:[]},&quot;width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:131,&quot;sizes&quot;:[]},&quot;space_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;space&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;space_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;image_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;image_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_space&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;caption_space_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;caption_space_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"hfe-site-logo\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a data-elementor-open-lightbox=\"\"  class='elementor-clickable' href=\"https:\/\/justhired.ai\/clonev2\">\n\t\t\t\t\t\t\t<div class=\"hfe-site-logo-set\">           \n\t\t\t\t<div class=\"hfe-site-logo-container\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"hfe-site-logo-img elementor-animation-\"  src=\"https:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2026\/01\/Just-Hiredword-mark-1-300x65.webp\" alt=\"Just-Hiredword-mark (1)\"\/>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>  \n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-59fb42f exad-sticky-section-no\" data-id=\"59fb42f\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7775634 elementor-widget__width-auto elementor-widget-mobile__width-initial elementor-hidden-mobile exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"7775634\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/app.justhired.ai\/login_returning\">Login<\/a><\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9c0018 elementor-widget__width-auto elementor-widget-mobile__width-auto exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"f9c0018\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">            <style>\n                .jh-cta-wrapper {\n                    display: inline-flex;\n                    flex-direction: column;\n                    align-items: center;\n                    box-sizing: border-box;\n                }\n\n                .jh-cta-wrapper.full-width {\n                    display: flex;\n                    width: 100%;\n                    max-width: none;\n                }\n\n                .jh-cta-button {\n                    font-family: var(--jh-font-tight);\n                    font-size: 15px;\n                    font-weight: 600;\n                    letter-spacing: 0.12em;\n                    text-transform: uppercase;\n                    color: #ffffff;\n                    text-decoration: none;\n                    text-align: center;\n                    position: relative;\n                    display: inline-block;\n                    background: transparent;\n                    border: 1.5px solid rgba(79, 172, 254, 0.3);\n                    border-radius: 10px;\n                    padding: 14px 32px;\n                    cursor: pointer;\n                    width: 100%;\n                    max-width: 380px;\n                    box-sizing: border-box;\n                    outline: none;\n                    overflow: hidden;\n                    z-index: 1;\n                    box-shadow: 0 0 3px rgba(79, 172, 254, 0.6) !important;\n                    transition: color 0.3s ease, \n                                letter-spacing 0.3s ease, \n                                border-color 0.3s ease, \n                                box-shadow 0.3s ease, \n                                transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\n                }\n\n                .jh-cta-wrapper.full-width .jh-cta-button {\n                    max-width: none;\n                }\n\n                .mobile-text { display: none; }\n\n                .jh-cta-button::before {\n                    content: \"\";\n                    position: absolute;\n                    top: 50%;\n                    left: 50%;\n                    width: 200%;\n                    height: 200%;\n                    transform: translate(-50%, -50%);\n                    background: conic-gradient(\n                        from 0deg,\n                        #ffffff 0deg,\n                        #4facfe 40deg,\n                        rgba(79, 172, 254, 0.2) 70deg,\n                        transparent 100deg,\n                        transparent 360deg\n                    );\n                    animation: clockwiseRotation 3.5s linear infinite;\n                    pointer-events: none;\n                    z-index: -2;\n                    filter: blur(1px);\n                }\n\n                .jh-cta-button::after {\n                    content: \"\";\n                    position: absolute;\n                    inset: 1.5px;\n                    background: #0A0E14;\n                    border-radius: 8.5px;\n                    z-index: -1;\n                    transition: background var(--jh-transition-slow);\n                }\n\n                @keyframes clockwiseRotation {\n                    from { transform: translate(-50%, -50%) rotate(0deg); }\n                    to { transform: translate(-50%, -50%) rotate(360deg); }\n                }\n\n                .jh-cta-button:hover {\n                    color: #60B0FF !important;\n                    letter-spacing: 0.15em;\n                    border-color: rgba(79, 172, 254, 0.5);\n                    box-shadow: 0 0 20px rgba(79, 172, 254, 0.2);\n                    transform: scale(1.05);\n                }\n\n                .jh-cta-button:active {\n                    transform: scale(0.98);\n                }\n\n                .jh-cta-button:focus-visible {\n                    outline: 2px solid var(--jh-text);\n                    outline-offset: 4px;\n                }\n\n                @media (max-width: 767px) {\n                    .desktop-text { display: none; }\n                    .mobile-text { display: inline; }\n                    \n                    .jh-cta-button {\n                        padding: 14px 16px;\n                        font-size: 13px;\n                        line-height: 1.2;\n                        white-space: nowrap;\n                        max-width: 100%;\n                    }\n                }\n            <\/style>\n                    <div class=\"jh-cta-wrapper\">\n            <a href=\"https:\/\/app.justhired.ai\/dashboard_v2_0\" class=\"jh-cta-button\">\n                <span class=\"desktop-text\">Bypass the Filters \u2014 Free<\/span>\n                <span class=\"mobile-text\">Bypass Filters<\/span>\n            <\/a>\n        <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4e0e710 elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"4e0e710\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cf9d2d3 exad-sticky-section-no\" data-id=\"cf9d2d3\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cc9f226 exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"cc9f226\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"jh_ladder_g8MVso\" class=\"hero-wp-wrapper\" data-jh-component=\"Ladder\" role=\"region\" aria-label=\"Career Command Center\">\r\n    <div class=\"hero-container\">\r\n        <div class=\"mouse-glow-layer\" aria-hidden=\"true\"><\/div>\r\n        <canvas class=\"abstract-animation\" role=\"presentation\"><\/canvas>\r\n        <div class=\"hero-text\">\r\n            <div class=\"title-group\">\r\n                <span class=\"jh-small-tag mono uppercase\">AI Career Engine<\/span>\r\n                <h1 class=\"hero-title\">\r\n                    <span class=\"line-1\">Your Next <span class=\"gradient-text\">Career Move<\/span><\/span>\r\n                    <span class=\"line-2\">Isn't Another Application<\/span>\r\n                <\/h1>\r\n            <\/div>\r\n\r\n            <div class=\"value-group\">\r\n                <div class=\"value-scroll-container\">\r\n                    <span class=\"statement\" data-text=\"BYPASS THE NOISE\">BYPASS THE NOISE<\/span>\r\n                    <span class=\"statement\" data-text=\"CONTROL THE NARRATIVE\">CONTROL THE NARRATIVE<\/span>\r\n                    <span class=\"statement\" data-text=\"FAST-TRACK YOUR SEARCH\">FAST-TRACK YOUR SEARCH<\/span>\r\n                    <span class=\"statement\" data-text=\"SECURE THE OFFER\">SECURE THE OFFER<\/span>\r\n                <\/div>\r\n                <div class=\"glow-trace\"><\/div>\r\n            <\/div>\r\n            <span class=\"statement emphasize\" data-text=\"AI-Driven At Every Stage\">AI-Driven At Every Stage<\/span>\r\n\r\n            <div class=\"cta-container\">\r\n                <div class=\"cta-wrapper\">\r\n                    <button class=\"cta-button\">\r\n                        Activate My Command Center\r\n                    <\/button>\r\n                    <span class=\"system-ready\">System Ready<\/span>\r\n                <\/div>\r\n                <span class=\"micro-copy\">Setup time: 58 seconds<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n#jh_ladder_g8MVso.hero-wp-wrapper {\r\n    font-family: 'Inter Tight', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n    --active-glow: #0554F2;\r\n    --status-tag-text: #ffffff;\r\n    --any-value-hovered: 0;\r\n    margin-bottom: -20px !important;\r\n    padding-bottom: 0 !important;\r\n    position: relative;\r\n    z-index: 10;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .hero-container {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    height: 100svh;\r\n    overflow: hidden;\r\n    background-color: #000;\r\n    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);\r\n    box-sizing: border-box;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .hero-container::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\r\n    opacity: 0.04;\r\n    pointer-events: none;\r\n    z-index: 5;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .abstract-animation,\r\n#jh_ladder_g8MVso.hero-wp-wrapper .hero-text {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .abstract-animation {\r\n    z-index: 1;\r\n    opacity: 1;\r\n    transition: opacity 2s ease-in;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .hero-text {\r\n    text-align: center;\r\n    color: #fff;\r\n    pointer-events: none;\r\n    z-index: 2;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .title-group,\r\n#jh_ladder_g8MVso.hero-wp-wrapper .ladder-group-1,\r\n#jh_ladder_g8MVso.hero-wp-wrapper .ladder-group-2,\r\n#jh_ladder_g8MVso.hero-wp-wrapper .value-group,\r\n#jh_ladder_g8MVso.hero-wp-wrapper .emphasize {\r\n    transform: translate(-50%, -50%);\r\n    transition: opacity 1.2s ease-out, transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: absolute;\r\n    left: 50%;\r\n    width: 100%;\r\n    white-space: nowrap;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    opacity: 0; \/* JS will reveal *\/\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .hero-visible {\r\n    opacity: 1 !important;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .title-group {\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    width: 100% !important;\r\n    left: 50% !important;\r\n    transform: translate(-50%, -50%) !important;\r\n    top: var(--title-top-p, 10%);\r\n    gap: 4px !important;\r\n    position: absolute !important;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .jh-small-tag {\r\n    font-size: 11px !important;\r\n    letter-spacing: 0.4em !important;\r\n    color: #60B0FF !important;\r\n    border: 1px solid rgba(96, 176, 255, 0.3) !important;\r\n    padding: 3px 12px !important;\r\n    border-radius: 4px !important;\r\n    background: rgba(5, 84, 242, 0.05) !important;\r\n    white-space: nowrap !important;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .ladder-group-1,\r\n#jh_ladder_g8MVso.hero-wp-wrapper .ladder-group-2 {\r\n    font-size: 10px;\r\n    letter-spacing: 0.3em;\r\n    color: rgba(255, 255, 255, 0.5);\r\n    gap: 4px;\r\n    font-weight: 800;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .ladder-group-1 { top: var(--ladder-1-top-p, 25%); }\r\n#jh_ladder_g8MVso.hero-wp-wrapper .ladder-group-2 { top: var(--ladder-2-top-p, 55%); }\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .value-group {\r\n    top: var(--value-top-p, 40%);\r\n    height: 1.6em !important;\r\n    overflow: hidden !important;\r\n    position: absolute !important;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .value-scroll-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: 100%;\r\n    \/* Add these two lines below *\/\r\n    letter-spacing: 0.1em; \r\n    text-transform: uppercase;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .value-scroll-container .statement {\r\n    \/* If you want to be extra precise, add it here too *\/\r\n    letter-spacing: 0.12em;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n    #jh_ladder_g8MVso.hero-wp-wrapper .value-scroll-container {\r\n        animation: rotateStatements 9s cubic-bezier(0.68, -0.6, 0.32, 1.6) infinite;\r\n    }\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .glow-trace {\r\n    position: absolute;\r\n    bottom: 2px;\r\n    left: 25%;\r\n    width: 50%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--active-glow), transparent);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    box-shadow: 0 0 10px var(--active-glow);\r\n    z-index: 3;\r\n    pointer-events: none;\r\n}\r\n\r\n@media (prefers-reduced-motion: no-preference) {\r\n    #jh_ladder_g8MVso.hero-wp-wrapper .glow-trace {\r\n        animation: glowWipe 3s cubic-bezier(0.16, 1, 0.3, 1) infinite;\r\n    }\r\n}\r\n\r\n@keyframes glowWipe {\r\n    0%, 5% { transform: scaleX(0); opacity: 0; }\r\n    15% { transform: scaleX(1); opacity: 1; }\r\n    40%, 100% { transform: scaleX(1); opacity: 0; }\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .emphasize  {\r\n    top: var(--emphasize-top-p, 70%);\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper h1 {\r\n    font-family: 'Inter Tight', sans-serif !important;\r\n    line-height: 1.1 !important;\r\n    margin: 0 !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    gap: 5px !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper h1 .line-1 {\r\n    font-size: clamp(32px, 8vw, 64px) !important;\r\n    font-weight: 800 !important;\r\n    color: #ffffff !important;\r\n    text-shadow: 0 0 10px rgba(5, 84, 242, 0.4), 0 0 20px rgba(5, 84, 242, 0.2) !important;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper h1 .line-2 {\r\n    font-size: clamp(20px, 4.5vw, 32px) !important;\r\n    font-weight: 800 !important;\r\n    opacity: 0.9 !important;\r\n    letter-spacing: 0.05em !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .gradient-text {\r\n    background: linear-gradient(90deg, #0554F2, #60B0FF);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    display: inline-block;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .mono { font-family: 'Geist Mono', monospace; }\r\n#jh_ladder_g8MVso.hero-wp-wrapper .uppercase { text-transform: uppercase; }\r\n\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .value-group .statement {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 40px;\r\n    font-size: clamp(18px, 4vw, 24px);\r\n    font-weight: 800;\r\n    white-space: nowrap;\r\n    pointer-events: auto;\r\n    color: #60B0FF !important;\r\n    letter-spacing: 0.15em;\r\n    filter: drop-shadow(0 0 12px var(--active-glow));\r\n    transform: translateY(-2px);\r\n    will-change: transform;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n@keyframes rotateStatements {\r\n    0%, 28% { transform: translateY(0) scale(1); }\r\n    31% { transform: translateY(-25%) scale(1.05); }\r\n    33.33%, 61.33% { transform: translateY(-25%) scale(1); }\r\n    64.33% { transform: translateY(-50%) scale(1.05); }\r\n    66.66%, 94.66% { transform: translateY(-50%) scale(1); }\r\n    97.66% { transform: translateY(-75%) scale(1.05); }\r\n    100% { transform: translateY(-75%) scale(1); }\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .emphasize {\r\n    color: #ffffff !important;\r\n    font-size: clamp(24px, 5.5vw, 32px);\r\n    font-weight: 800;\r\n    letter-spacing: 0.2em;\r\n    filter: drop-shadow(0 0 12px var(--active-glow));\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .cta-container {\r\n    opacity: 0;\r\n    position: absolute;\r\n    left: 0;\r\n    top: var(--cta-top-p, 85%);\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    z-index: 10;\r\n    pointer-events: auto;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n    transition: opacity 1.2s ease-out;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .cta-visible {\r\n    opacity: 1 !important;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .cta-wrapper {\r\n    position: relative !important;\r\n    display: inline-flex !important;\r\n    justify-content: center;\r\n    width: auto !important;\r\n    max-width: var(--ladder-bottom-width, 380px);\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .cta-button {\r\n    font-family: 'Inter Tight', sans-serif;\r\n    position: relative;\r\n    padding: 16px 32px;\r\n    background: rgba(0, 0, 0, 0.8);\r\n    border: 1.5px solid var(--active-glow);\r\n    color: #fff;\r\n    font-size: clamp(16px, 4vw, 18px);\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    cursor: pointer;\r\n    border-radius: 12px;\r\n    width: 100%;\r\n    box-shadow: 0 0 20px rgba(5, 84, 242, 0.3);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .cta-button:hover {\r\n    background: rgba(5, 84, 242, 0.1);\r\n    box-shadow: 0 0 30px var(--active-glow), 0 0 50px rgba(5, 84, 242, 0.4);\r\n    filter: brightness(1.2);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .system-ready {\r\n    font-family: 'Geist Mono', monospace;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    left: auto !important;\r\n    transform: translate(0, -50%);\r\n    font-size: 9px;\r\n    color: #fff;\r\n    background: var(--active-glow);\r\n    padding: 3px 10px;\r\n    border-radius: 4px;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    z-index: 11;\r\n    box-shadow: 0 2px 10px rgba(0,0,0,0.5);\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .system-ready::before {\r\n    content: '';\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #00ff88;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 12px #00ff88, 0 0 20px rgba(0, 255, 136, 0.4) !important;\r\n    animation: statusDotPulse 2s infinite !important; \/* Cleaned this up *\/\r\n}\r\n\r\n@keyframes statusDotPulse {\r\n    0%, 100% { transform: scale(1); opacity: 1; }\r\n    50% { transform: scale(1.4); opacity: 0.6; }\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .micro-copy {\r\n    font-family: 'Geist Mono', monospace;\r\n    font-size: 10px;\r\n    color: rgba(255, 255, 255, 0.4);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.15em;\r\n    margin-top: 4px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    #jh_ladder_g8MVso.hero-wp-wrapper h1 { padding: 0 15px; }\r\n}\r\n\r\n\/* 1. NEUTRALIZE THEME PADDING (Prevents the vertical shift) *\/\r\n#jh_ladder_g8MVso.hero-wp-wrapper .hero-container {\r\n    max-height: 100vh !important;\r\n    max-height: 100svh !important;\r\n    padding-top: 0 !important;\r\n    padding-bottom: 0 !important;\r\n    margin-top: 0 !important;\r\n}\r\n\r\n\/* 2. VIEWPORT LOCK (Ensures the title stays at exactly 10% of the screen) *\/\r\n#jh_ladder_g8MVso.hero-wp-wrapper .title-group {\r\n    position: absolute !important;\r\n    top: 6% !important; \/* Forces the keystone position regardless of theme logic *\/\r\n    transform: translate(-50%, 0) !important; \/* Only center horizontally, top is fixed *\/\r\n    height: auto !important;\r\n    z-index: 99 !important;\r\n}\r\n\r\n\/* 3. MOBILE SAFETY (Prevents clipping on small screens) *\/\r\n@media (max-width: 768px) {\r\n    #jh_ladder_g8MVso.hero-wp-wrapper .title-group {\r\n        top: 8% !important;\r\n    }\r\n}\r\n\r\n#jh_ladder_g8MVso.hero-wp-wrapper .mouse-glow-layer {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 2 !important;\r\n    pointer-events: none;\r\n    \/* REFINED: Smaller 350px circle with a tighter, more subtle gradient *\/\r\n    background: radial-gradient(\r\n        350px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), \r\n        rgba(5, 84, 242, 0.12) 0%, \r\n        rgba(5, 84, 242, 0.05) 40%,\r\n        transparent 80%\r\n    ) !important;\r\n    transition: background 0.15s ease-out;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    \/\/ 1. Mouse Tracking for the Glow Layer\r\n    document.addEventListener('mousemove', (e) => {\r\n        const hero = document.getElementById('jh_ladder_g8MVso');\r\n        if (!hero) return;\r\n        \r\n        const x = (e.clientX \/ window.innerWidth) * 100;\r\n        const y = (e.clientY \/ window.innerHeight) * 100;\r\n        \r\n        hero.style.setProperty('--mouse-x', x + '%');\r\n        hero.style.setProperty('--mouse-y', y + '%');\r\n    });\r\n\r\n    \/\/ 2. Component Initialization (Reveals the hidden elements)\r\n    window.addEventListener('load', () => {\r\n        const hero = document.getElementById('jh_ladder_g8MVso');\r\n        if (hero) {\r\n            hero.querySelectorAll('.title-group, .ladder-group-1, .ladder-group-2, .value-group, .emphasize, .cta-container').forEach(el => {\r\n                el.classList.add('hero-visible');\r\n                el.classList.add('cta-visible');\r\n            });\r\n        }\r\n    });\r\n})();\r\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0565f12 exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"0565f12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<div id=\"jh_proof_5w0wTR\" class=\"jh-social-proof-wrapper\" role=\"region\" aria-label=\"Client trust indicators\" data-jh-component=\"SocialProof\">\r\n    <div class=\"jh-social-proof-bar\"> \r\n        <div class=\"jh-proof-container\"> \r\n            <div class=\"jh-proof-text\">\r\n                <div class=\"jh-status-indicator\">\r\n                    <div class=\"jh-pulse-dot\"><\/div>\r\n                    <span class=\"jh-tech-data\">NETWORK_SCALE<\/span>\r\n                <\/div>\r\n                Trusted by <span class=\"jh-tech-data\">50,000+<\/span> candidates at\r\n            <\/div> \r\n            <div class=\"jh-version-tag\">SYSTEM_O_S \/ V1.1.2_STANDALONE<\/div>\r\n            <div class=\"jh-proof-logos\"> \r\n                <div class=\"jh-logo-slot\">\r\n                    <div class=\"jh-logo-track jh-track-1\">\r\n                        <div class=\"jh-brand-item\">\r\n                            <svg class=\"jh-brand-logo\" viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Apple\"><path d=\"M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701z\"\/><\/svg>\r\n                            <span class=\"jh-brand-name\">Apple<\/span>\r\n                        <\/div>\r\n                        <div class=\"jh-brand-item\">\r\n                            <svg class=\"jh-brand-logo\" viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Google\"><path d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\/><path d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-1 .67-2.28 1.07-3.71 1.07-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\/><path d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z\"\/><path d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\/><\/svg>\r\n                            <span class=\"jh-brand-name\">Google<\/span>\r\n                        <\/div>\r\n                        <div class=\"jh-brand-item\">\r\n                            <svg class=\"jh-brand-logo\" viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Microsoft\"><path d=\"M2 2h9v9H2V2zm11 0h9v9h-9V2zM2 13h9v9H2v-9zm11 0h9v9h-9v-9z\"\/><\/svg>\r\n                            <span class=\"jh-brand-name\">Microsoft<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"jh-logo-slot\">\r\n                    <div class=\"jh-logo-track jh-track-2\">\r\n                        <div class=\"jh-brand-item\">\r\n                            <svg class=\"jh-brand-logo\" viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Amazon\">\r\n                                <path d=\"M18.8 15.3c-2.3 1.5-5.3 2.4-8.3 2.4-4.1 0-7.9-1.6-11-4.2-.3-.2 0-.6.4-.4 3.6 1.6 7.8 2.6 12.1 2.6 3 0 6.1-.5 8.9-1.6.5-.2.8.3.3.7-.1.1-.3.2-.4.3l.1.2zm1.1-1.3c-.2-.3.1-.6.4-.4 1.2.8 2.1 1.3 3 2.2.3.3.1.7-.3.5-1.3-.5-3-2.3-3-2.3z\" transform=\"translate(0, -3)\"\/>\r\n                            <\/svg>\r\n                            <span class=\"jh-brand-name\">Amazon<\/span>\r\n                        <\/div>\r\n                        <div class=\"jh-brand-item\">\r\n                            <svg class=\"jh-brand-logo\" viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Netflix\"><path d=\"M5.5 2v20h3.5v-13l6 13h3.5v-20h-3.5v13l-6-13z\"\/><\/svg>\r\n                            <span class=\"jh-brand-name\">Netflix<\/span>\r\n                        <\/div>\r\n                        <div class=\"jh-brand-item\">\r\n                            <svg class=\"jh-brand-logo\" viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Tesla\"><path d=\"M19.75 6.2c-5.2-1.3-10.4-1.3-15.6 0-1.1 0-1.1 1.7 0 1.7 4.1-1 8.2-1 12.3 0 1.1 0 1.1-1.7 0-1.7zM11 8.9v10.3c0 1.2 2 1.2 2 0V8.9c0-1.2-2-1.2-2 0z\"\/><\/svg>\r\n                            <span class=\"jh-brand-name\">Tesla<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"jh-logo-slot\">\r\n                    <div class=\"jh-logo-track jh-track-3\">\r\n                        <div class=\"jh-brand-item\">\r\n                            <svg class=\"jh-brand-logo\" viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Meta\"><path d=\"M16.142 5.3c-2.42 0-3.955 1.213-4.595 2.175C10.907 6.513 9.373 5.3 6.953 5.3 3.11 5.3 0 8.303 0 12c0 3.697 3.11 6.7 6.953 6.7 2.42 0 3.954-1.213 4.594-2.175.64 0.962 2.175 2.175 4.595 2.175 3.843 0 6.953-3.003 6.953-6.7 0-3.697-3.11-6.7-6.953-6.7zm-9.189 11.442c-2.64 0-4.787-2.128-4.787-4.742 0-2.614 2.147-4.742 4.787-4.742 1.662 0 3.06 1.157 3.812 2.766-0.752 1.609-2.15 2.766-3.812 2.766s-3.06-1.157-3.812-2.766c0.752-1.609 2.15-2.766 3.812-2.766 1.662 0 3.06 1.157 3.812 2.766-0.752 1.609-2.15 2.766-3.812 2.766z\"\/><\/svg>\r\n                            <span class=\"jh-brand-name\">Meta<\/span>\r\n                        <\/div>\r\n                        <div class=\"jh-brand-item\">\r\n                            <svg class=\"jh-brand-logo\" viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Stripe\"><path d=\"M20 10.3c0-4.3-2.1-6.1-5.7-6.1-3.9 0-6.5 2-6.5 5.4 0 5.3 7.3 4.4 7.3 7 0 1-.9 1.4-2.1 1.4-1.8 0-4-.8-5.3-1.6l-1.3 3.3c1.7 1 4.5 1.8 7 1.8 4.2 0 6.6-2 6.6-5.4 0-5.4-7.3-4.5-7.3-7.2 0-.8.7-1.3 1.9-1.3 1.5 0 3.3.6 4.4 1.2z\"\/><\/svg>\r\n                            <span class=\"jh-brand-name\">Stripe<\/span>\r\n                        <\/div>\r\n                        <div class=\"jh-brand-item\">\r\n                            <svg class=\"jh-brand-logo\" viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Airbnb\"><path d=\"M11.9 1c-2 0-3.6 1.4-4.2 3.3C6.4 8 3.5 15.2 2 19c-.3.8-.2 1.7.4 2.3.6.6 1.4.9 2.3.6 3.8-1.5 11-4.4 14.7-5.7 1.9-.6 3.3-2.2 3.3-4.2 0-2.4-1.9-4.3-4.3-4.3-1.1 0-2.2.4-3 1.2-.8-.8-1.9-1.2-3-1.2zM12 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z\"\/><\/svg>\r\n                            <span class=\"jh-brand-name\">Airbnb<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div> \r\n        <\/div> \r\n    <\/div> \r\n<\/div> \r\n\r\n<style>\r\n@media (min-width: 1025px) {\r\n    #jh_proof_5w0wTR, #jh_proof_5w0wTR * { box-sizing: border-box; }\r\n    #jh_proof_5w0wTR.jh-social-proof-wrapper {\r\n        --jh-bg-color: #0A0A0A;\r\n        --jh-accent-color: #60B0FF;\r\n        --jh-glass-border: rgba(255, 255, 255, 0.08);\r\n        --jh-glass-bg: rgba(255, 255, 255, 0.02);\r\n        --jh-text-prose: 'Inter Tight', sans-serif;\r\n        --jh-text-tech: 'Geist Mono', monospace;\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        background: var(--jh-bg-color);\r\n        padding: 15px 0;\r\n        color: white;\r\n        font-family: var(--jh-text-prose);\r\n    }\r\n    .jh-social-proof-bar { width: 100%; padding: 20px 0; background: var(--jh-glass-bg); border-top: 1px solid var(--jh-glass-border); border-bottom: 1px solid var(--jh-glass-border); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); position: relative; overflow: hidden; }\r\n    .jh-version-tag { position: absolute; bottom: 12px; right: 20px; font-family: var(--jh-text-tech); font-size: 9px; color: rgba(255, 255, 255, 0.1); letter-spacing: 0.15em; pointer-events: none; }\r\n    .jh-social-proof-bar::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 400px; height: 1px; background: linear-gradient(90deg, transparent, var(--jh-accent-color), transparent); opacity: 0.25; }\r\n    .jh-proof-container { width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 80px; padding: 0 40px; }\r\n    .jh-proof-text { font-family: var(--jh-text-prose); font-size: 15px; color: rgba(255, 255, 255, 0.45); white-space: nowrap; display: flex; align-items: center; gap: 20px; }\r\n    .jh-status-indicator { display: flex; align-items: center; gap: 10px; padding: 6px 12px; background: rgba(96, 176, 255, 0.04); border: 1px solid rgba(96, 176, 255, 0.15); border-radius: 6px; }\r\n    .jh-pulse-dot { width: 6px; height: 6px; background: var(--jh-accent-color); border-radius: 50%; box-shadow: 0 0 10px var(--jh-accent-color); animation: jh-pulse 2.5s infinite; }\r\n    @keyframes jh-pulse { 0% { opacity: 0.3; transform: scale(0.85); } 50% { opacity: 1; transform: scale(1.15); } 100% { opacity: 0.3; transform: scale(0.85); } }\r\n    .jh-proof-text span.jh-tech-data { font-family: var(--jh-text-tech); color: var(--jh-accent-color) !important; font-weight: 600; letter-spacing: 0.08em; font-size: 18px; }\r\n    .jh-proof-logos { display: flex; align-items: center; gap: 60px; }\r\n    .jh-logo-slot { height: 40px; width: 220px; overflow: hidden; position: relative; mask-image: linear-gradient(to bottom, transparent, black 1%, black 99%, transparent); -webkit-mask-image: linear-gradient(to bottom, transparent, black 1%, black 99%, transparent); display: flex; justify-content: center; min-height: 40px; }\r\n    .jh-logo-track { display: flex; flex-direction: column; gap: 0; transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1); width: 100%; }\r\n    \/* Fix: Vertical Compression Refactor. Ensures icons center in the 40px slot. *\/\r\n    .jh-brand-item { height: 40px; display: flex; align-items: center; justify-content: center; gap: 8px; color: rgba(255, 255, 255, 0.55); transition: color 0.4s ease; white-space: nowrap; width: 100%; box-sizing: border-box; line-height: 1; margin: 0; flex-shrink: 0; }\r\n    .jh-brand-item:hover { color: var(--jh-accent-color); }\r\n    .jh-brand-logo { height: 18px; width: auto; fill: currentColor; flex-shrink: 0; }\r\n    .jh-brand-name { font-family: var(--jh-text-tech); font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n    #jh_proof_5w0wTR, #jh_proof_5w0wTR * { box-sizing: border-box; }\r\n    #jh_proof_5w0wTR.jh-social-proof-wrapper {\r\n        --jh-bg-color: #050505;\r\n        --jh-accent-color: #60B0FF;\r\n        --jh-glass-border: rgba(255, 255, 255, 0.08);\r\n        --jh-glass-bg: rgba(255, 255, 255, 0.02);\r\n        --jh-text-prose: 'Inter Tight', sans-serif;\r\n        --jh-text-tech: 'Geist Mono', monospace;\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        background: var(--jh-bg-color);\r\n        padding: 10px 0;\r\n        color: white;\r\n        font-family: var(--jh-text-prose);\r\n        height: auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n    .jh-social-proof-bar { width: 100%; padding: 25px 20px; background: var(--jh-glass-bg); border-top: 1px solid var(--jh-glass-border); border-bottom: 1px solid var(--jh-glass-border); position: relative; overflow: hidden; backdrop-filter: blur(20px); }\r\n    .jh-proof-container { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 0; text-align: center; }\r\n    .jh-proof-text { font-size: clamp(24px, 6vw, 32px); font-weight:800; line-height: 1.4; letter-spacing: -0.01em; white-space: normal; display: flex; flex-direction: column; align-items: center; gap: 20px; opacity: 1; color: white; text-transform: uppercase; letter-spacing: -0.04em; }\r\n    .jh-status-indicator { display: none; }\r\n    .jh-pulse-dot { width: 6px; height: 6px; background: var(--jh-accent-color); border-radius: 50%; box-shadow: 0 0 8px var(--jh-accent-color); animation: jh-pulse 2.5s infinite; }\r\n\r\n    .jh-proof-logos { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; gap: 20px; width: 100%; }\r\n    .jh-logo-slot { height: 32px; width: 100%; max-width: 110px; overflow: hidden; position: relative; display: flex; justify-content: center; min-height: 32px; }\r\n    .jh-logo-track { display: flex; flex-direction: column; align-items: center; width: 100%; transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1); }\r\n    .jh-brand-item { height: 32px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 6px; color: rgba(255, 255, 255, 0.55); width: 100%; box-sizing: border-box; flex-shrink: 0; }\r\n    .jh-brand-logo { height: 14px; width: auto; fill: currentColor; flex-shrink: 0; }\r\n    .jh-brand-name { font-family: var(--jh-text-tech); font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }\r\n\r\n    .jh-version-tag { display: block; position: absolute; bottom: 8px; right: 10px; font-family: var(--jh-text-tech); font-size: 7px; color: rgba(255, 255, 255, 0.1); letter-spacing: 0.1em; pointer-events: none; }\r\n    @keyframes jh-pulse { 0% { opacity: 0.3; transform: scale(0.9); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0.3; transform: scale(0.9); } }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    #jh_proof_5w0wTR, #jh_proof_5w0wTR * { box-sizing: border-box; }\r\n    #jh_proof_5w0wTR.jh-social-proof-wrapper {\r\n        --jh-bg-color: #050505;\r\n        --jh-accent-color: #60B0FF;\r\n        --jh-glass-border: rgba(255, 255, 255, 0.08);\r\n        --jh-glass-bg: rgba(255, 255, 255, 0.02);\r\n        --jh-text-prose: 'Inter Tight', sans-serif;\r\n        --jh-text-tech: 'Geist Mono', monospace;\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        background: var(--jh-bg-color);\r\n        padding: 10px 0;\r\n        color: white;\r\n        font-family: var(--jh-text-prose);\r\n        height: auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n    .jh-social-proof-bar {\r\n        width: 100%;\r\n        padding: 25px 20px;\r\n        background: var(--jh-glass-bg);\r\n        border-top: 1px solid var(--jh-glass-border);\r\n        border-bottom: 1px solid var(--jh-glass-border);\r\n        position: relative;\r\n        overflow: hidden;\r\n        backdrop-filter: blur(20px);\r\n    }\r\n    .jh-proof-container { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 0; text-align: center; }\r\n    .jh-proof-text {\r\n        font-size: clamp(20px, 4vw, 28px);\r\n        font-weight: 800;\r\n        line-height: 1.4;\r\n        letter-spacing: -0.01em;\r\n        white-space: normal;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 20px;\r\n        opacity: 1;\r\n        color: white;\r\n        text-transform: uppercase;\r\n        letter-spacing: -0.04em;\r\n    }\r\n    .jh-status-indicator {\r\n        display: none;\r\n    }\r\n    .jh-proof-text span.jh-tech-data { font-family: var(--jh-text-tech); color: var(--jh-accent-color) !important; font-weight: 700; font-size: 0.5em; letter-spacing: 0.1em; }\r\n\r\n    .jh-proof-logos { display: grid; grid-template-columns: repeat(3, 1fr); justify-items: center; gap: 20px; width: 100%; }\r\n    .jh-logo-slot { height: 32px; width: 100%; max-width: 110px; overflow: hidden; position: relative; display: flex; justify-content: center; min-height: 32px; }\r\n    .jh-logo-track { display: flex; flex-direction: column; align-items: center; width: 100%; transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1); }\r\n    .jh-brand-item { height: 32px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 6px; color: rgba(255, 255, 255, 0.55); width: 100%; box-sizing: border-box; flex-shrink: 0; }\r\n    .jh-brand-logo { height: 14px; width: auto; fill: currentColor; flex-shrink: 0; }\r\n    .jh-brand-name { font-family: var(--jh-text-tech); font-size: 8px; text-transform: uppercase; letter-spacing: 1px; }\r\n\r\n    .jh-version-tag { display: block; position: absolute; bottom: 8px; right: 10px; font-family: var(--jh-text-tech); font-size: 7px; color: rgba(255, 255, 255, 0.1); letter-spacing: 0.1em; pointer-events: none; }\r\n}\r\n\r\n\/* Specific override for iPad Air and similar high-res tablets *\/\r\n#jh_proof_5w0wTR .jh-proof-text span.jh-tech-data {\r\n    color: #60B0FF !important;\r\n    -webkit-text-fill-color: #60B0FF !important; \/* Forces color on Safari\/iOS *\/\r\n    opacity: 1 !important;\r\n    font-size: inherit !important;\r\n}\r\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d71f662 elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"d71f662\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fe6c80b exad-sticky-section-no\" data-id=\"fe6c80b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3b2dbbe exad-sticky-section-no elementor-widget elementor-widget-html\" data-id=\"3b2dbbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n  AI Resume Optimizer \u2014 Header Section\r\n  Elementor HTML widget \u2014 fully self-contained & scoped.\r\n  All IDs and class names are namespaced with jh_rh_ \/ jh-rh-\r\n  so they cannot conflict with other Elementor elements or PHP files.\r\n  Animation triggers only when the element enters the viewport.\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"jh-rh-outer\" id=\"jh_resume_header\">\r\n\r\n  <!-- System label (typewriter) -->\r\n  <div class=\"jh-rh-label\" id=\"jh_rh_label\"><\/div>\r\n\r\n  <!-- Main headline \u2014 fully pre-rendered, animated as one block -->\r\n  <h2 class=\"jh-rh-title\" id=\"jh_rh_title\" aria-label=\"Talent speaks louder than keywords\">\r\n    Talent <span class=\"jh-rh-accent\">speaks&nbsp;louder<\/span> than keywords\r\n  <\/h2>\r\n\r\n  <!-- Sub-copy -->\r\n  <p class=\"jh-rh-sub jh-rh-fade\" id=\"jh_rh_sub\">\r\n    Bypass robotic filters, decode recruiter intent, and <span class=\"jh-rh-highlight\">9X<\/span> your interview rate\r\n  <\/p>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* \u2500\u2500 ALL RULES SCOPED TO #jh_resume_header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   Using the unique ID as a CSS scope prevents any bleed into other Elementor\r\n   widgets, themes, or the WordPress PHP component system.                    *\/\r\n\r\n#jh_resume_header {\r\n  --jh-rh-accent:      #0554F2;\r\n  --jh-rh-accent-glow: rgba(5,84,242,0.5);\r\n  --jh-rh-agent:       #60B0FF;\r\n  --jh-rh-text:        #ffffff;\r\n  --jh-rh-text-dim:    rgba(255,255,255,0.4);\r\n  --jh-rh-font-mono:   'JetBrains Mono','Courier New',monospace;\r\n  --jh-rh-font-sans:   'Inter',-apple-system,BlinkMacSystemFont,sans-serif;\r\n  --jh-rh-ease-out:    cubic-bezier(0.16,1,0.3,1);\r\n\r\n  text-align: center;\r\n  \/* Full width \u2014 never constrain the parent Elementor column.\r\n     The 850px content cap is applied via inner padding, not max-width. *\/\r\n  width: 100%;\r\n  max-width: 100%;\r\n  padding: clamp(32px,5vw,64px) max(clamp(16px,4vw,48px), calc(50% - 425px)) clamp(24px,4vw,48px);\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n  opacity: 0;\r\n  transition: opacity 0.01s;\r\n}\r\n\r\n\/* \u2500\u2500 SYSTEM LABEL \u2014 \"YOUR EXPERIENCE SHOULD SPEAK FOR ITSELF\" \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#jh_resume_header .jh-rh-label {\r\n  font-family: var(--jh-rh-font-mono);\r\n  font-size: clamp(10px, 0.8vw, 12px);\r\n  letter-spacing: 0.25em;\r\n  color: #60B0FF;                          \/* jh-agent blue *\/\r\n  text-transform: uppercase;\r\n  text-shadow: 0 0 10px rgba(96,176,255,0.6); \/* HUD text glow *\/\r\n  \/* Strip any inherited defaults *\/\r\n  border: none;\r\n  background: transparent;\r\n  padding: 0 0 8px 0;\r\n  margin-bottom: 0px;\r\n  display: inline-block;\r\n  width: fit-content;\r\n  line-height: 1;\r\n  \/* Typewriter overflow clip *\/\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n}\r\n\r\n#jh_resume_header .jh-rh-cursor {\r\n  display: inline-block;\r\n  width: 1px;\r\n  height: 0.85em;\r\n  background: var(--jh-rh-agent);\r\n  vertical-align: middle;\r\n  margin-left: 2px;\r\n  animation: jh_rh_blink 0.7s infinite;\r\n}\r\n@keyframes jh_rh_blink {\r\n  0%,49%  { opacity: 1; }\r\n  50%,100%{ opacity: 0; }\r\n}\r\n\r\n\/* \u2500\u2500 TITLE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#jh_resume_header .jh-rh-title {\r\n  font-family: var(--jh-rh-font-sans);\r\n  font-size: clamp(28px,5vw,72px);\r\n  font-weight: 900;\r\n  line-height: 1.1;\r\n  color: var(--jh-rh-text);\r\n  margin: 0 0 clamp(12px,1.8vw,20px);\r\n  \/* Starts invisible and slightly below \u2014 rises as one block *\/\r\n  opacity: 0;\r\n  transform: translateY(12px);\r\n  transition: opacity 0.55s var(--jh-rh-ease-out),\r\n              transform 0.55s var(--jh-rh-ease-out);\r\n}\r\n#jh_resume_header .jh-rh-title.vis {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* Blue gradient on \"speaks louder\" *\/\r\n#jh_resume_header .jh-rh-accent {\r\n  background: linear-gradient(90deg, var(--jh-rh-accent) 0%, var(--jh-rh-agent) 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  color: var(--jh-rh-agent); \/* fallback *\/\r\n}\r\n\r\n\/* \u2500\u2500 SUB-COPY \u2014 \"Bypass robotic filters\u2026\" \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#jh_resume_header .jh-rh-sub {\r\n  font-family: var(--jh-rh-font-mono);\r\n  font-size: 11px;\r\n  letter-spacing: 0.2em;\r\n  line-height: 1.8;\r\n  color: rgba(255,255,255,0.5);\r\n  text-transform: uppercase;\r\n  margin: 0;\r\n}\r\n\r\n\/* \"9X\" highlight \u2014 lighter sky blue, slightly brighter than body *\/\r\n#jh_resume_header .jh-rh-sub .jh-rh-highlight {\r\n  color: #60B0FF;\r\n  text-shadow: 0 0 8px rgba(96,176,255,0.5);\r\n}\r\n\r\n\/* \u2500\u2500 FADE-IN UTILITY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#jh_resume_header .jh-rh-fade {\r\n  opacity: 0;\r\n  transition: opacity 0.6s ease;\r\n}\r\n#jh_resume_header .jh-rh-fade.vis {\r\n  opacity: 1;\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* \u2500\u2500 IMMEDIATELY-INVOKED \u2014 zero global pollution \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   No global variables. No window.* assignments. Safe to run alongside\r\n   any other Elementor widget, the JH component system, or GSAP.            *\/\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* Guard: only run once per page load *\/\r\n  var ROOT_ID = 'jh_resume_header';\r\n  var root = document.getElementById(ROOT_ID);\r\n  if (!root || root.dataset.jhRhInit) return;\r\n  root.dataset.jhRhInit = '1';\r\n\r\n  \/* \u2500\u2500 Helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  var sleep = function (ms) { return new Promise(function (r) { setTimeout(r, ms); }); };\r\n  var raf   = function (fn) { requestAnimationFrame(function () { requestAnimationFrame(fn); }); };\r\n  var vis   = function (el) { el && raf(function () { el.classList.add('vis'); }); };\r\n\r\n  \/* \u2500\u2500 Typewriter \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  async function typeWriter(el, text, ms) {\r\n    ms = ms || 14;\r\n    el.textContent = '';\r\n    var cursor = document.createElement('span');\r\n    cursor.className = 'jh-rh-cursor';\r\n    el.appendChild(cursor);\r\n    for (var i = 0; i < text.length; i++) {\r\n      el.insertBefore(document.createTextNode(text[i]), cursor);\r\n      await sleep(ms);\r\n    }\r\n    cursor.remove();\r\n  }\r\n\r\n  \/* \u2500\u2500 Main animation sequence \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  async function run() {\r\n    var labelEl = document.getElementById('jh_rh_label');\r\n    var titleEl = document.getElementById('jh_rh_title');\r\n    var subEl   = document.getElementById('jh_rh_sub');\r\n\r\n    if (!labelEl || !titleEl) return;\r\n\r\n    \/* Reveal wrapper *\/\r\n    root.style.opacity = '1';\r\n\r\n    \/* 1. Typewriter: system label *\/\r\n    await typeWriter(labelEl, 'YOUR EXPERIENCE SHOULD SPEAK FOR ITSELF', 20);\r\n    await sleep(180);\r\n\r\n    \/* 2. Title fades up as one block \u2014 gradient span pre-rendered in HTML *\/\r\n    vis(titleEl);\r\n    await sleep(600);\r\n\r\n    \/* 3. Sub-copy fades in *\/\r\n    vis(subEl);\r\n  }\r\n\r\n  \/* \u2500\u2500 Viewport trigger (IntersectionObserver) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n     run() fires only when the element scrolls into view.\r\n     rootMargin:'-10% 0px' means 10% inside the viewport before firing,\r\n     so the user consciously sees it arriving before the animation starts.   *\/\r\n  function initObserver() {\r\n    if (!('IntersectionObserver' in window)) {\r\n      \/* Fallback for very old browsers *\/\r\n      run();\r\n      return;\r\n    }\r\n\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          io.disconnect();\r\n          run();\r\n        }\r\n      });\r\n    }, {\r\n      root: null,\r\n      rootMargin: '-10% 0px',  \/* fires when element is 10% into the viewport *\/\r\n      threshold: 0\r\n    });\r\n\r\n    io.observe(root);\r\n  }\r\n\r\n  \/* \u2500\u2500 Boot \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initObserver);\r\n  } else {\r\n    initObserver();\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04065e0 exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"04065e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div id=\"jh_vui_DQfrHD\" class=\"jh-vui-wrapper\" role=\"region\" aria-label=\"Feature Convergence Video\" data-jh-component=\"VideoUI\">\n    <div class=\"jh-vui-scroll-container\">\n        <div class=\"jh-vui-sticky-wrapper\">\n            <!-- UI Background Layer -->\n            <div class=\"jh-vui-ui-background-layer\">\n                <img decoding=\"async\" src=\"https:\/\/www.justhired.ai\/wp-content\/uploads\/2026\/01\/who-framed-roger-rabbit.webp\" alt=\"UI Background\" loading=\"lazy\">\n            <\/div>\n\n            <!-- Resume Animation (replaces video) -->\n            <div class=\"jh-vui-video-player-layer jh-vui-pre-anim\">\n                <div class=\"jh-vui-anim-outer\">\n                    <div id=\"jh_stage_jh_vui_DQfrHD\" class=\"jh-vui-stage\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Glass Reflection Overlay -->\n            <div class=\"jh-vui-glass-reflection\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n#jh_vui_DQfrHD {\n    --bg: #000000;\n    --accent: #0554F2;\n    --accent-glow: rgba(5, 84, 242, 0.5);\n    --glass: rgba(255, 255, 255, 0.03);\n    --glass-border: rgba(255, 255, 255, 0.1);\n    background: transparent;\n    color: #fff;\n    overflow: hidden;\n    \/* Force full viewport width \u2014 overrides any Elementor column\/section\n       constraint without touching transforms or positioning *\/\n    width: 100% !important;\n    max-width: 100% !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    box-sizing: border-box;\n}\n\n#jh_vui_DQfrHD .jh-vui-scroll-container {\n    position: relative;\n    width: 100% !important;\n    max-width: 100% !important;\n}\n\n#jh_vui_DQfrHD .jh-vui-sticky-wrapper {\n    position: relative;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    will-change: opacity;\n    opacity: 1;\n}\n\n#jh_vui_DQfrHD .jh-vui-ui-background-layer,\n#jh_vui_DQfrHD .jh-vui-video-player-layer,\n#jh_vui_DQfrHD .jh-vui-glass-reflection {\n    aspect-ratio: 16 \/ 9;\n    will-change: transform, opacity, box-shadow;\n}\n\n#jh_vui_DQfrHD .jh-vui-video-player-layer {\n    z-index: 2;\n    overflow: hidden;\n    background: #000;\n    border: 1px solid var(--glass-border);\n    padding: 20px;\n    box-sizing: border-box;\n}\n\n\/* Pre-animation state: scale down + greyscale + reduced opacity.\n   Using scale instead of max-width so GSAP's translate3d animation\n   can move the element freely without hitting a container boundary.\n   GSAP overwrites the transform when animation starts. *\/\n#jh_vui_DQfrHD .jh-vui-video-player-layer.jh-vui-pre-anim {\n    transform: scale(0.82);\n    transform-origin: center center;\n    filter: grayscale(85%) brightness(0.6);\n    opacity: 0.55;\n    transition: filter 0.8s ease, opacity 0.8s ease;\n}\n#jh_vui_DQfrHD .jh-vui-video-player-layer.jh-vui-pre-anim.jh-vui-revealing {\n    filter: grayscale(0%) brightness(1);\n    opacity: 1;\n    \/* transform handled by GSAP from this point \u2014 no CSS transition on it *\/\n}\n\n\/* Animation canvas \u2014 fills the video layer absolutely *\/\n#jh_vui_DQfrHD .jh-vui-anim-outer {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: #030303;\n    background-image: repeating-linear-gradient(\n        0deg, transparent, transparent 3px,\n        rgba(5,84,242,0.004) 3px, rgba(5,84,242,0.004) 4px\n    );\n}\n\n#jh_vui_DQfrHD .jh-vui-stage {\n    transform-origin: center center;\n    width: 900px;\n    height: 580px;\n    padding: 32px 28px 20px;\n    display: grid;\n    grid-template-columns: 220px 1fr;\n    grid-template-rows: 1fr auto;\n    gap: 0 14px;\n}\n\n#jh_vui_DQfrHD .jh-vui-stage .col-left  { grid-column:1; grid-row:1; display:flex; flex-direction:column; gap:10px; overflow:hidden; }\n#jh_vui_DQfrHD .jh-vui-stage .col-right { grid-column:2; grid-row:1; display:flex; flex-direction:column; gap:10px; overflow:hidden; }\n#jh_vui_DQfrHD .jh-vui-stage .resume-footer { grid-column:1\/3; grid-row:2; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   REDACTED STATE \u2014 shown on page load before scroll trigger\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Individual redaction bar \u2014 mimics a word or phrase *\/\n#jh_vui_DQfrHD .jh-rb {\n    display: inline-block;\n    height: 0.75em;\n    background: rgba(5,84,242,0.22);   \/* muted \u2014 shadow not signal *\/\n    border-radius: 2px;\n    vertical-align: middle;\n    margin: 0 2px 3px;\n    \/* no glow \u2014 text bars recede into background *\/\n}\n\/* Redacted section block \u2014 mimics a full line *\/\n#jh_vui_DQfrHD .jh-rb-line {\n    display: block;\n    height: 0.65em;\n    background: rgba(5,84,242,0.16);   \/* near-invisible dark tint *\/\n    border-radius: 2px;\n    margin: 5px 0;\n    \/* no glow *\/\n}\n\/* Larger name bar *\/\n#jh_vui_DQfrHD .jh-rb-name {\n    display: block;\n    height: 1.1em;\n    width: 68%;\n    background: rgba(5,84,242,0.28);   \/* slightly more visible \u2014 largest element *\/\n    border-radius: 3px;\n    margin-bottom: 6px;\n    \/* single subtle shadow only \u2014 name is the most important redacted item *\/\n    box-shadow: 0 0 8px rgba(5,84,242,0.12);\n}\n\/* Keyword-sized redaction bar \u2014 the ONLY element that hints at importance *\/\n#jh_vui_DQfrHD .jh-rb-kw {\n    display: inline-block;\n    height: 0.75em;\n    background: rgba(5,84,242,0.42);   \/* noticeably more present than text bars *\/\n    border-radius: 3px;\n    margin: 1px 3px;\n    border: 1px solid rgba(5,84,242,0.35);  \/* contained border, not radiating *\/\n    box-shadow: 0 0 6px rgba(5,84,242,0.2); \/* only keywords carry a glow *\/\n    vertical-align: middle;\n}\n\n\/* Pre-built redacted resume-section panels start visible *\/\n#jh_vui_DQfrHD .jh-redact-section {\n    position: relative;\n    background: rgba(10,10,10,0.95);    \/* slightly darker \u2014 panels recede *\/\n    border: 1px solid rgba(255,255,255,0.05); \/* near-invisible border \u2014 brand blue only on keywords *\/\n    border-radius: 8px;\n    padding: 11px 14px;\n    flex-shrink: 0;\n    overflow: hidden;\n}\n#jh_vui_DQfrHD .jh-redact-section::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg,rgba(5,84,242,0.02) 0%,transparent 55%);\n    pointer-events: none;\n}\n\n\/* Redact section header row *\/\n#jh_vui_DQfrHD .jh-redact-hdr {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    border-bottom: 1px solid rgba(255,255,255,0.04); \/* near-invisible *\/\n    padding-bottom: 7px;\n    margin-bottom: 10px;\n}\n#jh_vui_DQfrHD .jh-redact-hdr-icon {\n    width: 10px; height: 10px;\n    border-radius: 50%;\n    background: rgba(5,84,242,0.28);  \/* toned down \u2014 not competing *\/\n    flex-shrink: 0;\n}\n#jh_vui_DQfrHD .jh-redact-hdr-bar {\n    height: 0.5em;\n    width: 60px;\n    background: rgba(96,176,255,0.14); \/* very dim label placeholder *\/\n    border-radius: 2px;\n}\n#jh_vui_DQfrHD .jh-redact-hdr-bar2 {\n    margin-left: auto;\n    height: 0.5em;\n    width: 40px;\n    background: rgba(255,255,255,0.06); \/* barely there *\/\n    border-radius: 2px;\n}\n\n\/* Dissolve transition \u2014 all redact bars fade out when .dissolving added *\/\n#jh_vui_DQfrHD .jh-vui-stage.dissolving .jh-rb,\n#jh_vui_DQfrHD .jh-vui-stage.dissolving .jh-rb-line,\n#jh_vui_DQfrHD .jh-vui-stage.dissolving .jh-rb-name,\n#jh_vui_DQfrHD .jh-vui-stage.dissolving .jh-rb-kw,\n#jh_vui_DQfrHD .jh-vui-stage.dissolving .jh-redact-section {\n    opacity: 0;\n    transition: opacity 0.45s ease;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STATUS OVERLAY \u2014 \"CLEARANCE REQUIRED\" pulsing line\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jh_vui_DQfrHD .jh-vui-status-overlay {\n    position: absolute;\n    bottom: 18px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(5,84,242,0.08);\n    border: 1px solid rgba(5,84,242,0.28);\n    border-radius: 20px;\n    padding: 5px 16px;\n    font-family: 'JetBrains Mono','Courier New',monospace;\n    font-size: 9px;\n    letter-spacing: 0.22em;\n    color: rgba(96,176,255,0.8);\n    text-transform: uppercase;\n    white-space: nowrap;\n    z-index: 10;\n    pointer-events: none;\n    \/* Pulse the whole bar *\/\n    animation: jh_vui_status_pulse_jh_vui_DQfrHD 2.2s ease-in-out infinite;\n}\n#jh_vui_DQfrHD .jh-vui-status-dot {\n    width: 5px; height: 5px;\n    border-radius: 50%;\n    background: #60B0FF;\n    box-shadow: 0 0 6px #60B0FF;\n    flex-shrink: 0;\n    animation: jh_vui_dot_pulse_jh_vui_DQfrHD 2.2s ease-in-out infinite;\n}\n#jh_vui_DQfrHD .jh-vui-status-overlay.dissolving {\n    opacity: 0;\n    transition: opacity 0.5s ease;\n}\n@keyframes jh_vui_status_pulse_jh_vui_DQfrHD {\n    0%,100% { opacity: 0.65; }\n    50%     { opacity: 1; }\n}\n@keyframes jh_vui_dot_pulse_jh_vui_DQfrHD {\n    0%,100% { opacity: 0.7; transform: scale(1); }\n    50%     { opacity: 0.35; transform: scale(0.7); }\n}\n\n\/* --- DESKTOP (>= 1025px) --- *\/\n@media (min-width: 1025px) {\n    #jh_vui_DQfrHD {\n        background: var(--bg);\n    }\n\n    #jh_vui_DQfrHD .jh-vui-scroll-container {\n        height: 500vh;\n    }\n\n    #jh_vui_DQfrHD .jh-vui-sticky-wrapper {\n        position: sticky;\n        top: 0;\n        height: 100vh;\n        opacity: 0; \/* Will be set to 1 by GSAP *\/\n    }\n\n    #jh_vui_DQfrHD .jh-vui-ui-background-layer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100vw;\n        height: 100vh;\n        z-index: 1;\n        opacity: 0; \/* Will animate in *\/\n        aspect-ratio: auto;\n    }\n\n    #jh_vui_DQfrHD .jh-vui-ui-background-layer img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    #jh_vui_DQfrHD .jh-vui-video-player-layer,\n    #jh_vui_DQfrHD .jh-vui-glass-reflection {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 92vw;\n    }\n\n    #jh_vui_DQfrHD .jh-vui-video-player-layer {\n        border-radius: 20px;\n        box-shadow: 0 40px 100px rgba(0,0,0,0.6), 0 0 30px var(--accent-glow);\n    }\n\n    #jh_vui_DQfrHD .jh-vui-glass-reflection {\n        z-index: 3;\n        background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.05) 100%);\n        pointer-events: none;\n        opacity: 0; \/* Will animate in *\/\n        border-radius: 20px;\n    }\n}\n\n\/* --- MOBILE & TABLET (<= 1024px) --- *\/\n@media (max-width: 1024px) {\n    #jh_vui_DQfrHD {\n        background: transparent !important;\n    }\n\n    #jh_vui_DQfrHD .jh-vui-scroll-container {\n        height: auto;\n        padding: clamp(60px, 8vh, 80px) 0;\n    }\n\n    #jh_vui_DQfrHD .jh-vui-sticky-wrapper {\n        height: auto;\n        flex-direction: column;\n        gap: 0;\n        max-width: 100%;   \/* full viewport width \u2014 no wasted margin *\/\n        margin: 0;\n        padding: 0;\n        opacity: 1;\n    }\n\n    #jh_vui_DQfrHD .jh-vui-ui-background-layer {\n        display: none;\n    }\n\n    #jh_vui_DQfrHD .jh-vui-video-player-layer {\n        position: relative;\n        top: auto; left: auto;\n        transform: none !important;\n        width: 100%;\n        aspect-ratio: unset;\n        min-height: 820px;\n        border-radius: 0;\n        box-shadow: none;\n        filter: none !important;\n        opacity: 1 !important;\n        padding: 0 !important;\n        overflow: hidden;           \/* clips stage if scale slightly > 1 *\/\n    }\n\n    #jh_vui_DQfrHD .jh-vui-glass-reflection {\n        display: none;\n    }\n\n    \/* Resume animation fills full player layer on mobile *\/\n    #jh_vui_DQfrHD .jh-vui-anim-outer {\n        position: relative;\n        inset: auto;\n        width: 100%;\n        min-height: 820px;     \/* matches MOB_CANVAS_H *\/\n        overflow: hidden;      \/* safe: scale=1.0\/transform:none so nothing clips *\/\n    }\n\n    \/* Single-column layout \u2014 full width so content never clips *\/\n    #jh_vui_DQfrHD .jh-vui-stage {\n        width: 100%;           \/* fills player-layer, never overflows *\/\n        height: auto;\n        min-height: 820px;\n        grid-template-columns: 1fr;\n        grid-template-rows: auto;\n        padding: 20px 16px;\n        box-sizing: border-box;\n        overflow: hidden;      \/* belt-and-braces: clips any rogue child *\/\n    }\n\n    \/* Both columns stack in a single column *\/\n    #jh_vui_DQfrHD .jh-vui-stage .col-left,\n    #jh_vui_DQfrHD .jh-vui-stage .col-right,\n    #jh_vui_DQfrHD .jh-vui-stage .col-main {\n        grid-column: 1 !important;\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n        gap: 14px;          \/* space between resume sections *\/\n    }\n\n    \/* Footer spans full width *\/\n    #jh_vui_DQfrHD .jh-vui-stage .resume-footer {\n        grid-column: 1 !important;\n    }\n\n    \/* Scroll container \u2014 no padding, stage is full bleed *\/\n    #jh_vui_DQfrHD .jh-vui-scroll-container {\n        padding: 0;\n    }\n\n    \/* CLEARANCE REQUIRED overlay \u2014 not needed on mobile *\/\n    #jh_vui_DQfrHD .jh-vui-status-overlay {\n        display: none !important;\n    }\n\n    \/* NEURAL_PARSE \/ KW_DENSITY footer \u2014 not needed on mobile *\/\n    #jh_vui_DQfrHD .resume-footer {\n        display: none !important;\n    }\n\n    \/* \u2500\u2500 Change 2: font sizes \u2014 legible at ~1.0 mobile scale \u2500\u2500 *\/\n    #jh_vui_DQfrHD .contact-name  { font-size: 18px; }\n    #jh_vui_DQfrHD .contact-role  { font-size: 11px; letter-spacing: 0.1em; }\n    #jh_vui_DQfrHD .contact-list li { font-size: 11px; margin-bottom: 6px; }\n    #jh_vui_DQfrHD .section-title  { font-size: 10px; letter-spacing: 0.2em; }\n    #jh_vui_DQfrHD .section-tag    { font-size: 9px; }\n    #jh_vui_DQfrHD .exp-company   { font-size: 14px; }\n    #jh_vui_DQfrHD .exp-role      { font-size: 10px; }\n    #jh_vui_DQfrHD .exp-date      { font-size: 9px; white-space: normal; }\n    \/* Flex left side must shrink on narrow screens *\/\n    #jh_vui_DQfrHD .exp-meta-row > div:first-child { min-width: 0; overflow: hidden; }\n    #jh_vui_DQfrHD .bullet-span   { font-size: 12px; line-height: 1.6; word-break: break-word; overflow-wrap: break-word; }\n    #jh_vui_DQfrHD .kw-box        { white-space: normal; }\n    #jh_vui_DQfrHD .edu-degree    { font-size: 13px; line-height: 1.4; }\n    #jh_vui_DQfrHD .edu-school    { font-size: 10px; }\n    #jh_vui_DQfrHD .edu-detail    { font-size: 11px; }\n    #jh_vui_DQfrHD .edu-year,\n    #jh_vui_DQfrHD .edu-gpa       { font-size: 10px; }\n    #jh_vui_DQfrHD .inject-badge  { font-size: 9px; padding: 3px 9px; }\n    #jh_vui_DQfrHD .summary-para  { font-size: 12px; line-height: 1.8; }\n\n    \/* \u2500\u2500 Change 5: section padding \u2014 breathing room in full-width card \u2500\u2500 *\/\n    #jh_vui_DQfrHD .resume-section { padding: 16px 18px; border-radius: 10px; }\n    #jh_vui_DQfrHD .section-header { margin-bottom: 12px; padding-bottom: 10px; }\n    #jh_vui_DQfrHD .exp-entry     { padding-bottom: 14px; margin-bottom: 14px; }\n    #jh_vui_DQfrHD .exp-bullets   { gap: 8px; }\n    #jh_vui_DQfrHD .exp-bullets li { margin-bottom: 6px; }\n}\n\/* --- RESUME ANIMATION COMPONENT STYLES (scoped to instance) --- *\/\n#jh_vui_DQfrHD .wf { display:inline-block; vertical-align:baseline; opacity:0; transform:translateY(-4px); transition:opacity 0.09s cubic-bezier(0.16,1,0.3,1),transform 0.09s cubic-bezier(0.16,1,0.3,1); }\n#jh_vui_DQfrHD .wf.vis { opacity:1; transform:translateY(0); }\n#jh_vui_DQfrHD .resume-section { position:relative; background:#0A0A0A; border:1px solid rgba(255,255,255,0.08); overflow:hidden; opacity:0; transform:translateY(8px); transition:opacity 0.16s cubic-bezier(0.23,1,0.32,1),transform 0.16s cubic-bezier(0.23,1,0.32,1); flex-shrink:0; }\n#jh_vui_DQfrHD .resume-section.vis { opacity:1; transform:translateY(0); }\n#jh_vui_DQfrHD .resume-section::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(5,84,242,0.02) 0%,transparent 55%); pointer-events:none; z-index:0; }\n#jh_vui_DQfrHD .section-header { position:relative; z-index:1; display:flex; align-items:center; gap:7px; border-bottom:1px solid rgba(255,255,255,0.08); }\n#jh_vui_DQfrHD .section-icon   { color:#0554F2; filter:drop-shadow(0 0 3px rgba(5,84,242,0.5)); flex-shrink:0; width:12px; height:12px; }\n#jh_vui_DQfrHD .section-title  { font-family:'JetBrains Mono','Courier New',monospace; font-size:7.5px; letter-spacing:0.28em; color:#60B0FF; text-transform:uppercase; }\n#jh_vui_DQfrHD .section-tag    { margin-left:auto; font-family:'JetBrains Mono','Courier New',monospace; font-size:7px; color:rgba(255,255,255,0.4); letter-spacing:0.06em; }\n#jh_vui_DQfrHD .section-header { margin-bottom:9px; padding-bottom:7px; }\n#jh_vui_DQfrHD .resume-section { padding:11px 14px; border-radius:8px; }\n#jh_vui_DQfrHD .contact-name  { font-size:14px; font-weight:800; color:#fff; letter-spacing:-0.01em; margin-bottom:2px; position:relative; z-index:1; }\n#jh_vui_DQfrHD .contact-role  { font-size:8px; font-weight:600; color:#60B0FF; letter-spacing:0.12em; text-transform:uppercase; margin-bottom:10px; position:relative; z-index:1; }\n#jh_vui_DQfrHD .contact-list  { list-style:none; position:relative; z-index:1; }\n#jh_vui_DQfrHD .contact-list li { display:flex; align-items:center; gap:6px; font-family:'JetBrains Mono','Courier New',monospace; font-size:9px; color:rgba(255,255,255,0.6); letter-spacing:0.02em; margin-bottom:4px; }\n#jh_vui_DQfrHD .contact-list li::before { content:'\u25b8'; color:#0554F2; font-size:7px; flex-shrink:0; }\n#jh_vui_DQfrHD .fade-el { opacity:0; transition:opacity 0.1s ease; }\n#jh_vui_DQfrHD .fade-el.vis { opacity:1; }\n#jh_vui_DQfrHD .summary-para { position:relative; z-index:1; font-size:10.5px; line-height:2.2; color:rgba(255,255,255,0.6); }\n#jh_vui_DQfrHD .exp-entry    { position:relative; z-index:1; border-bottom:1px solid rgba(255,255,255,0.08); padding-bottom:9px; margin-bottom:9px; }\n#jh_vui_DQfrHD .exp-entry:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0; }\n#jh_vui_DQfrHD .exp-meta-row { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:5px; }\n#jh_vui_DQfrHD .exp-company  { font-size:10.5px; font-weight:700; color:rgba(255,255,255,0.92); letter-spacing:0.02em; }\n#jh_vui_DQfrHD .exp-role     { font-family:'JetBrains Mono','Courier New',monospace; font-size:8px; font-weight:500; color:#60B0FF; letter-spacing:0.1em; text-transform:uppercase; margin-top:1px; }\n#jh_vui_DQfrHD .exp-date     { font-family:'JetBrains Mono','Courier New',monospace; font-size:7.5px; color:rgba(255,255,255,0.4); letter-spacing:0.08em; white-space:nowrap; padding-top:1px; }\n#jh_vui_DQfrHD .exp-bullets  { list-style:none; margin-top:4px; }\n#jh_vui_DQfrHD .exp-bullets li { display:flex; align-items:flex-start; gap:6px; line-height:1.55; margin-bottom:4px; }\n#jh_vui_DQfrHD .exp-bullets li::before { content:'\u25b8'; color:#0554F2; font-size:7px; flex-shrink:0; padding-top:3px; }\n#jh_vui_DQfrHD .bullet-span  { font-size:10px; color:rgba(255,255,255,0.6); }\n#jh_vui_DQfrHD .inject-badge { display:inline-flex; align-items:center; gap:5px; background:rgba(5,84,242,0.07); border:1px solid rgba(5,84,242,0.2); border-radius:3px; font-family:'JetBrains Mono','Courier New',monospace; font-size:7px; color:rgba(96,176,255,0.7); letter-spacing:0.13em; text-transform:uppercase; opacity:0; transition:opacity 0.1s ease; margin-top:5px; padding:1px 7px; }\n#jh_vui_DQfrHD .inject-badge.vis { opacity:1; }\n#jh_vui_DQfrHD .inject-badge::before { content:''; width:3px; height:3px; border-radius:50%; background:#0554F2; box-shadow:0 0 4px rgba(5,84,242,0.5); animation:jh_pulse_jh_vui_DQfrHD 1.5s infinite; }\n#jh_vui_DQfrHD .edu-block  { position:relative; z-index:1; }\n#jh_vui_DQfrHD .edu-degree { font-size:10px; font-weight:700; color:rgba(255,255,255,0.92); margin-bottom:2px; line-height:1.3; }\n#jh_vui_DQfrHD .edu-school { font-family:'JetBrains Mono','Courier New',monospace; font-size:8px; color:#60B0FF; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:2px; }\n#jh_vui_DQfrHD .edu-detail { font-size:9px; color:rgba(255,255,255,0.4); margin-bottom:4px; }\n#jh_vui_DQfrHD .edu-row    { display:flex; align-items:center; justify-content:space-between; }\n#jh_vui_DQfrHD .edu-year   { font-family:'JetBrains Mono','Courier New',monospace; font-size:8px; color:rgba(255,255,255,0.4); letter-spacing:0.1em; }\n#jh_vui_DQfrHD .edu-gpa    { display:inline-block; background:rgba(5,84,242,0.07); border:1px solid rgba(5,84,242,0.2); border-radius:3px; padding:1px 7px; font-family:'JetBrains Mono','Courier New',monospace; font-size:7.5px; color:#60B0FF; letter-spacing:0.12em; }\n#jh_vui_DQfrHD .resume-footer { display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(255,255,255,0.08); opacity:0; transition:opacity 0.2s ease; flex-shrink:0; padding-top:6px; margin-top:6px; }\n#jh_vui_DQfrHD .resume-footer.vis { opacity:1; }\n#jh_vui_DQfrHD .footer-sig  { font-family:'JetBrains Mono','Courier New',monospace; font-size:7px; letter-spacing:0.18em; color:rgba(255,255,255,0.4); text-transform:uppercase; }\n#jh_vui_DQfrHD .footer-sig span { color:#60B0FF; }\n#jh_vui_DQfrHD .pips-wrap   { display:flex; align-items:center; gap:8px; }\n#jh_vui_DQfrHD .pip-label,#jh_vui_DQfrHD .pip-count { font-family:'JetBrains Mono','Courier New',monospace; font-size:7px; color:rgba(255,255,255,0.4); letter-spacing:0.18em; text-transform:uppercase; }\n#jh_vui_DQfrHD .pip-count   { color:#60B0FF; }\n#jh_vui_DQfrHD .kw-pips     { display:flex; gap:2px; }\n#jh_vui_DQfrHD .pip         { width:8px; height:2px; border-radius:1px; background:rgba(255,255,255,0.05); transition:background 0.07s ease,box-shadow 0.07s ease; }\n#jh_vui_DQfrHD .pip.lit     { background:#0554F2; box-shadow:0 0 5px rgba(5,84,242,0.5); }\n#jh_vui_DQfrHD .kw-box { position:relative; display:inline-block; vertical-align:middle; background:rgba(5,84,242,0.08); border:1px solid rgba(5,84,242,0.38); border-radius:3px; margin:2px 1px; font-family:'JetBrains Mono','Courier New',monospace; font-size:0.82em; font-weight:500; letter-spacing:0.04em; white-space:nowrap; box-shadow:0 0 5px rgba(5,84,242,0.18),inset 0 1px 0 rgba(255,255,255,0.04); opacity:0; transform:scale(0.88); transition:opacity 0.07s ease,transform 0.07s ease; }\n#jh_vui_DQfrHD .kw-box.vis { opacity:1; transform:scale(1); }\n#jh_vui_DQfrHD .kw-ghost-a,#jh_vui_DQfrHD .kw-ghost-b { position:absolute; left:5px; top:1px; pointer-events:none; white-space:nowrap; font-family:inherit; font-size:1em; font-weight:inherit; letter-spacing:inherit; opacity:0; z-index:1; }\n#jh_vui_DQfrHD .kw-ghost-a { color:#0554F2; }\n#jh_vui_DQfrHD .kw-ghost-b { color:#60B0FF; }\n#jh_vui_DQfrHD .kw-text    { position:relative; z-index:2; display:inline; white-space:nowrap; }\n#jh_vui_DQfrHD .c-locked   { color:rgba(255,255,255,0.92); }\n#jh_vui_DQfrHD .c-sep      { color:rgba(96,176,255,0.7); }\n#jh_vui_DQfrHD .c-noise    { color:rgba(96,176,255,0.45); }\n#jh_vui_DQfrHD .kw-scrambling .kw-ghost-a { animation:ga_scrm_jh_vui_DQfrHD 0.075s infinite; }\n#jh_vui_DQfrHD .kw-scrambling .kw-ghost-b { animation:gb_scrm_jh_vui_DQfrHD 0.075s infinite; }\n#jh_vui_DQfrHD .kw-locking    .kw-ghost-a { animation:ga_scrm_jh_vui_DQfrHD 0.10s  infinite; }\n#jh_vui_DQfrHD .kw-locking    .kw-ghost-b { animation:gb_scrm_jh_vui_DQfrHD 0.10s  infinite; }\n#jh_vui_DQfrHD .kw-locked     .kw-ghost-a { animation:ga_idle_jh_vui_DQfrHD 5.5s   infinite; }\n#jh_vui_DQfrHD .kw-locked     .kw-ghost-b { animation:gb_idle_jh_vui_DQfrHD 5.5s   infinite; }\n@keyframes kw_snap_jh_vui_DQfrHD {\n    0%  { box-shadow:0 0 22px rgba(96,176,255,0.7),0 0 40px rgba(5,84,242,0.5); border-color:#60B0FF; }\n    35% { box-shadow:0 0 10px rgba(5,84,242,0.3); border-color:rgba(96,176,255,0.5); }\n    100%{ box-shadow:0 0 5px rgba(5,84,242,0.18),inset 0 1px 0 rgba(255,255,255,0.04); border-color:rgba(5,84,242,0.38); }\n}\n#jh_vui_DQfrHD .kw-snap { animation:kw_snap_jh_vui_DQfrHD 0.45s cubic-bezier(0.16,1,0.3,1) forwards; }\n@keyframes ga_scrm_jh_vui_DQfrHD {\n    0%  {opacity:.55;transform:translate(-2px,1px); clip-path:inset(15% 0 55% 0);}\n    20% {opacity:.35;transform:translate(2px,-1px); clip-path:inset(58% 0 12% 0);}\n    40% {opacity:.6; transform:translate(-1px,2px); clip-path:inset(28% 0 42% 0);}\n    60% {opacity:.4; transform:translate(3px,0);    clip-path:inset(72% 0 3%  0);}\n    80% {opacity:.5; transform:translate(-2px,-1px);clip-path:inset(6%  0 68% 0);}\n    100%{opacity:.55;transform:translate(1px,1px);  clip-path:inset(44% 0 26% 0);}\n}\n@keyframes gb_scrm_jh_vui_DQfrHD {\n    0%  {opacity:.45;transform:translate(2px,-1px); clip-path:inset(62% 0 8%  0);}\n    20% {opacity:.6; transform:translate(-2px,2px); clip-path:inset(8%  0 62% 0);}\n    40% {opacity:.3; transform:translate(1px,-2px); clip-path:inset(38% 0 32% 0);}\n    60% {opacity:.55;transform:translate(-3px,0);   clip-path:inset(18% 0 52% 0);}\n    80% {opacity:.4; transform:translate(2px,1px);  clip-path:inset(78% 0 2%  0);}\n    100%{opacity:.45;transform:translate(-1px,-1px);clip-path:inset(33% 0 37% 0);}\n}\n@keyframes ga_idle_jh_vui_DQfrHD {\n    0%,85%{opacity:0; transform:translate(0,0);      clip-path:inset(0 0 100% 0);}\n    86%   {opacity:.6; transform:translate(-2px,1px); clip-path:inset(18% 0 52% 0);}\n    87%   {opacity:.4; transform:translate(2px,-1px); clip-path:inset(58% 0 12% 0);}\n    88%   {opacity:.5; transform:translate(-1px,2px); clip-path:inset(32% 0 38% 0);}\n    89%   {opacity:.3; transform:translate(3px,0);    clip-path:inset(72% 0 4%  0);}\n    90%   {opacity:0;  transform:translate(0,0);      clip-path:inset(0 0 100% 0); }\n    100%  {opacity:0;}\n}\n@keyframes gb_idle_jh_vui_DQfrHD {\n    0%,87%{opacity:0;  transform:translate(0,0);      clip-path:inset(0 0 100% 0);}\n    88%   {opacity:.5;  transform:translate(2px,-1px); clip-path:inset(8%  0 62% 0);}\n    89%   {opacity:.55; transform:translate(-2px,2px); clip-path:inset(62% 0 8%  0);}\n    90%   {opacity:.3;  transform:translate(1px,-2px); clip-path:inset(38% 0 32% 0);}\n    91%   {opacity:.45; transform:translate(-3px,0);   clip-path:inset(20% 0 50% 0);}\n    92%   {opacity:0;   transform:translate(0,0);      clip-path:inset(0 0 100% 0); }\n    100%  {opacity:0;}\n}\n@keyframes jh_pulse_jh_vui_DQfrHD {\n    0%,100%{opacity:1;transform:scale(1);}\n    50%    {opacity:.4;transform:scale(.7);}\n}\n<\/style>\n\n<script>\n(function() {\n    'use strict';\n\n    var _id      = 'jh_vui_DQfrHD';\n    var _stageId = 'jh_stage_' + _id;\n    var wrapper  = document.getElementById(_id);\n    if (!wrapper) return;\n\n    \/* \u2500\u2500 Canvas scale-to-fit \u2500\u2500 *\/\n    var CANVAS_W = 900, CANVAS_H = 580;\n    \/* Mobile uses a narrower, taller canvas so scaleAnim produces ~1.0 scale\n       instead of 0.41 \u2014 making fonts legible without CSS font-size overrides\n       fighting the transform. Reference dims match a single-column 380px stage. *\/\n    var MOB_CANVAS_W = 380, MOB_CANVAS_H = 820;\n    function isMobCanvas() { return window.innerWidth <= 1024; }\n    function scaleAnim() {\n        var layer = wrapper.querySelector('.jh-vui-video-player-layer');\n        var stage = document.getElementById(_stageId);\n        if (!layer || !stage) return;\n        var isMob = isMobCanvas();\n        \/* On mobile, canvas width = actual layer width so scale is always 1.0.\n           This means the stage fills the container exactly \u2014 no cutoff. *\/\n        var lW = layer.offsetWidth  || MOB_CANVAS_W;\n        var lH = layer.offsetHeight || MOB_CANVAS_H;\n        var cW = isMob ? lW        : CANVAS_W;\n        var cH = isMob ? MOB_CANVAS_H : CANVAS_H;\n        var s  = isMob ? 1.0       : Math.min(lW \/ cW, lH \/ cH);\n        stage.style.transform = s === 1.0 ? 'none' : 'scale(' + s + ')';\n        stage.style.transformOrigin = isMob ? 'top left' : 'center center';\n    }\n    if (window.ResizeObserver) {\n        new ResizeObserver(scaleAnim).observe(wrapper.querySelector('.jh-vui-video-player-layer'));\n    }\n    window.addEventListener('resize', scaleAnim);\n    scaleAnim();\n\n    \/* \u2500\u2500 Timing \u2500\u2500 *\/\n    var WORD_MS = 3, BULLET_MS = 2, SEC_PAUSE = 5, ITEM_GAP = 4;\n    var SCRM_TOTAL = 820, SCRM_RATIO = 0.62;\n    var GLYPHS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&<>[]{}|~';\n    var rg    = function() { return GLYPHS[Math.floor(Math.random()*GLYPHS.length)]; };\n    var sleep = function(ms){ return new Promise(function(r){ setTimeout(r,ms); }); };\n    var raf   = function(fn){ requestAnimationFrame(function(){ requestAnimationFrame(fn); }); };\n    var vis   = function(el){ el && raf(function(){ el.classList.add('vis'); }); };\n\n    \/* \u2500\u2500 Resume data \u2500\u2500 *\/\n    var KW = function(w){ return {kw:w}; };\n    var RESUME = {\n        contact: {\n            name:'ALEX R. CHEN', role:'Senior AI Engineer',\n            items:['alex.chen@neuralstack.io','+1 (415) 887-3201','San Francisco, CA','github.com\/alexrchen','linkedin.com\/in\/alexrchen'],\n        },\n        education: { degree:'M.S. Computer Science \u2014 AI \/ ML', school:'STANFORD UNIVERSITY', detail:'Graduate Research Fellowship', year:'2015\u20132017', gpa:'GPA \u00b7 3.94 \/ 4.0' },\n        summary: ['Results-driven',KW('MACHINE_LEARNING'),'engineer, 7+ years architecting',KW('LLM_PIPELINES'),'at scale. Expertise in',KW('TRANSFORMER_ARCH'),'fine-tuning,',KW('RAG_SYSTEMS'),'deployment,',KW('QUANTIZATION'),'optimisation, and end-to-end',KW('MLOps'),'workflows.'],\n        experience: [\n            { company:'ANTHROPIC SYSTEMS INC.', role:'Staff ML Engineer', date:'MAR 2022 \u2192 PRESENT',\n              bullets:[['Shipped',KW('RLHF'),'harness aligning 4 models, cutting harmful output 47%.'],['Built',KW('INFERENCE_CLUSTER'),'512 A100 GPUs, 120k req\/sec peak.'],['Authored',KW('PROMPT_ENGINEERING'),'toolkit across 14 teams, 3\u00d7 faster cycles.'],['Led',KW('RED_TEAMING'),'adversarial sprints every model release.']],\n              badge:'4 KW INJECTED \u00b7 ATS \u2191 31%' },\n            { company:'OPENAI \u2014 RESEARCH', role:'Research Engineer II', date:'AUG 2019 \u2192 FEB 2022',\n              bullets:[['Built',KW('GPT-4_EVALS'),'suite 47 domains; pioneered',KW('SPARSE_ATTENTION'),'kernels \u221222% FLOPS.'],['Implemented',KW('CONSTITUTIONAL_AI'),'self-critique loop; unified',KW('VECTOR_STORE'),'API layer.'],['Delivered',KW('EVALS_FRAMEWORK'),'drift tracking across all checkpoints.']],\n              badge:'5 KW INJECTED \u00b7 ATS \u2191 28%' },\n            { company:'GOOGLE DEEPMIND', role:'Software Engineer, AI', date:'JUN 2017 \u2192 JUL 2019',\n              bullets:[['Shipped',KW('KNOWLEDGE_DISTILLATION'),'8\u00d7 reduction;',KW('FEDERATED_LEARNING'),'SDK 40M devices.'],['Optimised',KW('TF_XLA'),'\u221218% fragmentation; 2 patents on',KW('GRADIENT_CHECKPOINTING'),'.']],\n              badge:'4 KW INJECTED \u00b7 ATS \u2191 19%' },\n        ],\n    };\n\n    \/* \u2500\u2500 Icons \u2500\u2500 *\/\n    var ICON = {\n        contact:    '<svg class=\"section-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 20c0-4 3.6-7 8-7s8 3 8 7\"\/><\/svg>',\n        summary:    '<svg class=\"section-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18\"\/><\/svg>',\n        experience: '<svg class=\"section-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v2\"\/><\/svg>',\n        education:  '<svg class=\"section-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 3L1 9l11 6 9-4.91V17M5 13.18v4L12 21l7-3.82v-4\"\/><\/svg>',\n    };\n    function mkHeader(ic,t,tg){ var h=document.createElement('div'); h.className='section-header'; h.innerHTML=ICON[ic]+'<span class=\"section-title\">'+t+'<\/span><span class=\"section-tag\">'+tg+'<\/span>'; return h; }\n    function mkFade(tg,cl,tx){ var e=document.createElement(tg); e.className=cl+' fade-el'; e.textContent=tx; return e; }\n    function mkList(items){ var ul=document.createElement('ul'); ul.className='contact-list'; items.forEach(function(t){ var li=document.createElement('li'); li.className='fade-el'; li.textContent=t; ul.appendChild(li); }); return ul; }\n\n    \/* \u2500\u2500 Word drop \u2500\u2500 *\/\n    async function dropText(c,text,ms){ ms=ms||WORD_MS; var words=text.trim().split(' ').filter(Boolean); for(var i=0;i<words.length;i++){ var sp=document.createElement('span'); sp.className='wf'; sp.textContent=words[i]; c.appendChild(sp); if(i<words.length-1)c.appendChild(document.createTextNode(' ')); (function(s){raf(function(){s.classList.add('vis');});})(sp); await sleep(ms); } }\n\n    \/* \u2500\u2500 Keyword scramble \u2500\u2500 *\/\n    function scrFrame(kw,locked){ var h=''; for(var i=0;i<kw.length;i++){ var c=kw[i]; if(i<locked)h+='<span class=\"c-locked\">'+c+'<\/span>'; else if(c==='_'||c==='-'||c==='.')h+='<span class=\"c-sep\">'+c+'<\/span>'; else h+='<span class=\"c-noise\">'+rg()+'<\/span>'; } return h; }\n    function fireKeyword(c,kw){ var box=document.createElement('span'); box.className='kw-box kw-scrambling'; var gA=document.createElement('span'); gA.className='kw-ghost-a'; gA.setAttribute('aria-hidden','true'); var gB=document.createElement('span'); gB.className='kw-ghost-b'; gB.setAttribute('aria-hidden','true'); var txt=document.createElement('span'); txt.className='kw-text'; box.append(gA,gB,txt); c.appendChild(document.createTextNode(' ')); c.appendChild(box); raf(function(){box.classList.add('vis');}); var noise=function(){var s='';for(var ch of kw)s+=(ch==='_'||ch==='-'||ch==='.')?ch:rg();return s;}; var t0=performance.now(),scrmEnd=SCRM_TOTAL*SCRM_RATIO; (function frame(now){var el=now-t0; if(el<scrmEnd){txt.innerHTML=scrFrame(kw,0);gA.textContent=noise();gB.textContent=noise();requestAnimationFrame(frame);}else if(el<SCRM_TOTAL){if(!box.classList.contains('kw-locking')){box.classList.remove('kw-scrambling');box.classList.add('kw-locking');}var locked=Math.floor(((el-scrmEnd)\/(SCRM_TOTAL-scrmEnd))*kw.length);txt.innerHTML=scrFrame(kw,locked);gA.textContent=noise();gB.textContent=noise();requestAnimationFrame(frame);}else{txt.innerHTML='<span class=\"c-locked\">'+kw+'<\/span>';gA.textContent=kw;gB.textContent=kw;box.classList.remove('kw-scrambling','kw-locking');box.classList.add('kw-locked','kw-snap');setTimeout(function(){box.classList.remove('kw-snap');},500);}})(performance.now()); }\n    async function renderTokens(c,tokens,ms){ ms=ms||WORD_MS; for(var i=0;i<tokens.length;i++){var tok=tokens[i]; if(typeof tok==='string'){var l=c.lastChild;if(l&&l.nodeType===3)c.removeChild(l);await dropText(c,tok,ms);c.appendChild(document.createTextNode(' '));}else if(tok.kw){var l2=c.lastChild;if(l2&&l2.nodeType===3)c.removeChild(l2);fireKeyword(c,tok.kw);await sleep(5);}}var l3=c.lastChild;if(l3&&l3.nodeType===3)c.removeChild(l3); }\n\n    async function revealSection(el){ vis(el); await sleep(70); }\n\n    \/* \u2500\u2500 PRELOAD REDACTED STATE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Builds the redacted skeleton immediately on page load.\n       Users see the resume shape + redaction bars instead of a black void.\n       generate() will dissolve this and replace it with the live animation. *\/\n    \/* True when the stage will render in single-column mobile layout *\/\n    function isMobileLayout() {\n        return window.innerWidth <= 1024;\n    }\n\n    function preloadRedacted() {\n        var stage = document.getElementById(_stageId);\n        if (!stage || stage.dataset.preloaded) return;\n        stage.dataset.preloaded = '1';\n        stage.innerHTML = '';\n        scaleAnim();\n\n        \/* Helper: makes a redact bar of given width *\/\n        function rb(w) {\n            var s = document.createElement('span'); s.className='jh-rb';\n            s.style.width = w; return s;\n        }\n        function rbLine(w) {\n            var d = document.createElement('div'); d.className='jh-rb-line';\n            d.style.width = w||'88%'; return d;\n        }\n        function rbKw(w) {\n            var s = document.createElement('span'); s.className='jh-rb-kw';\n            s.style.width = w; return s;\n        }\n        function hdr() {\n            var h = document.createElement('div'); h.className='jh-redact-hdr';\n            var ic = document.createElement('div'); ic.className='jh-redact-hdr-icon';\n            var b1 = document.createElement('div'); b1.className='jh-redact-hdr-bar';\n            var b2 = document.createElement('div'); b2.className='jh-redact-hdr-bar2';\n            h.append(ic,b1,b2); return h;\n        }\n        function sec() {\n            var s = document.createElement('div'); s.className='jh-redact-section';\n            s.appendChild(hdr()); return s;\n        }\n\n        if (isMobileLayout()) {\n            \/* \u2500\u2500 MOBILE: single column, order: contact \u2192 experience \u2192 education \u2500\u2500 *\/\n            var colMain = document.createElement('div'); colMain.className='col-main';\n            stage.appendChild(colMain);\n\n            var cSec = sec(); colMain.appendChild(cSec);\n            var nm = document.createElement('div'); nm.className='jh-rb-name'; cSec.appendChild(nm);\n            cSec.appendChild(rbLine('52%'));\n            [['82%'],['62%'],['70%'],['58%']].forEach(function(w){\n                var li = document.createElement('div');\n                li.style.cssText = 'display:flex;align-items:center;gap:6px;margin-bottom:5px;';\n                var dot = document.createElement('span');\n                dot.style.cssText = 'width:4px;height:4px;border-radius:50%;background:rgba(5,84,242,0.6);flex-shrink:0;';\n                li.append(dot, rbLine(w[0])); cSec.appendChild(li);\n            });\n\n            var xSec = sec(); colMain.appendChild(xSec);\n            [{c:'58%',r:'40%',bullets:2},{c:'52%',r:'36%',bullets:2}].forEach(function(job,ji){\n                var entry = document.createElement('div');\n                entry.style.cssText = 'padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(5,84,242,0.12);';\n                if (ji===1) entry.style.borderBottom = 'none';\n                var meta = document.createElement('div'); meta.style.cssText='display:flex;justify-content:space-between;margin-bottom:5px;';\n                var left = document.createElement('div');\n                var cBar = document.createElement('div'); cBar.className='jh-rb-line'; cBar.style.cssText='width:'+job.c+';margin-bottom:4px;height:0.8em;';\n                var rBar = document.createElement('div'); rBar.className='jh-rb-line'; rBar.style.cssText='width:'+job.r+';height:0.55em;background:rgba(96,176,255,0.35);';\n                left.append(cBar,rBar);\n                var dBar = document.createElement('div'); dBar.className='jh-rb-line'; dBar.style.cssText='width:62px;height:0.5em;background:rgba(255,255,255,0.12);margin-top:3px;';\n                meta.append(left,dBar); entry.appendChild(meta);\n                for (var b=0;b<job.bullets;b++){\n                    var bRow = document.createElement('div'); bRow.style.cssText='display:flex;align-items:center;gap:6px;margin-bottom:4px;';\n                    var bullet = document.createElement('span'); bullet.style.cssText='color:#0554F2;font-size:7px;flex-shrink:0;'; bullet.textContent='\u25b8';\n                    bRow.append(bullet, rb('30px'), rbKw('60px'), rb('48px'));\n                    entry.appendChild(bRow);\n                }\n                xSec.appendChild(entry);\n            });\n\n            var eSec = sec(); colMain.appendChild(eSec);\n            eSec.appendChild(rbLine('78%'));\n            eSec.appendChild(rbLine('44%'));\n            var erow = document.createElement('div'); erow.style.cssText='display:flex;gap:8px;margin-top:4px;';\n            erow.append(rbLine('30%'), rbLine('38%')); eSec.appendChild(erow);\n\n        } else {\n            \/* \u2500\u2500 DESKTOP: original two-column layout \u2500\u2500 *\/\n            var colL = document.createElement('div'); colL.className='col-left';\n            var colR = document.createElement('div'); colR.className='col-right';\n            stage.append(colL, colR);\n\n            \/* \u2500\u2500 LEFT: contact \u2500\u2500 *\/\n            var cSec = sec(); colL.appendChild(cSec);\n            var nm = document.createElement('div'); nm.className='jh-rb-name'; cSec.appendChild(nm);\n            cSec.appendChild(rbLine('52%'));\n            [['82%'],['62%'],['70%'],['58%'],['74%']].forEach(function(w){\n                var li = document.createElement('div');\n                li.style.cssText = 'display:flex;align-items:center;gap:6px;margin-bottom:5px;';\n                var dot = document.createElement('span');\n                dot.style.cssText = 'width:4px;height:4px;border-radius:50%;background:rgba(5,84,242,0.6);flex-shrink:0;';\n                li.append(dot, rbLine(w[0])); cSec.appendChild(li);\n            });\n\n            \/* \u2500\u2500 LEFT: education \u2500\u2500 *\/\n            var eSec = sec(); colL.appendChild(eSec);\n            eSec.appendChild(rbLine('78%'));\n            eSec.appendChild(rbLine('44%'));\n            eSec.appendChild(rbLine('66%'));\n            var row = document.createElement('div'); row.style.cssText='display:flex;gap:8px;margin-top:4px;';\n            row.append(rbLine('30%'), rbLine('38%')); eSec.appendChild(row);\n\n            \/* \u2500\u2500 RIGHT: summary \u2500\u2500 *\/\n            var sSec = sec(); colR.appendChild(sSec);\n            ['88%','72%','94%','68%','82%','76%'].forEach(function(w,i) {\n                var row2 = document.createElement('div'); row2.style.marginBottom='4px';\n                if (i===0 || i===2 || i===4) {\n                    var pre = rb(String(parseInt(w)-22)+'px'); pre.style.width='';\n                    row2.append(rb('52px'), rbKw('88px'), rb('34px'), rbKw('72px'));\n                } else {\n                    row2.appendChild(rbLine(w));\n                }\n                sSec.appendChild(row2);\n            });\n\n            \/* \u2500\u2500 RIGHT: experience \u2500\u2500 *\/\n            var xSec = sec(); colR.appendChild(xSec);\n        \/* Three job entries, each with company bar, role bar, bullet lines *\/\n        [{c:'58%',r:'40%',bullets:3},{c:'52%',r:'36%',bullets:3},{c:'44%',r:'32%',bullets:2}].forEach(function(job,ji){\n            var entry = document.createElement('div');\n            entry.style.cssText = 'padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid rgba(5,84,242,0.12);';\n            if (ji===2) entry.style.borderBottom = 'none';\n            var meta = document.createElement('div'); meta.style.cssText='display:flex;justify-content:space-between;margin-bottom:6px;';\n            var left = document.createElement('div');\n            var cBar = document.createElement('div'); cBar.className='jh-rb-line'; cBar.style.cssText='width:'+job.c+';margin-bottom:4px;height:0.8em;';\n            var rBar = document.createElement('div'); rBar.className='jh-rb-line'; rBar.style.cssText='width:'+job.r+';height:0.55em;background:rgba(96,176,255,0.35);';\n            left.append(cBar,rBar);\n            var dBar = document.createElement('div'); dBar.className='jh-rb-line'; dBar.style.cssText='width:62px;height:0.5em;background:rgba(255,255,255,0.12);margin-top:3px;';\n            meta.append(left,dBar); entry.appendChild(meta);\n            for (var b=0;b<job.bullets;b++){\n                var bRow = document.createElement('div'); bRow.style.cssText='display:flex;align-items:center;gap:6px;margin-bottom:4px;';\n                var bullet = document.createElement('span'); bullet.style.cssText='color:#0554F2;font-size:7px;flex-shrink:0;'; bullet.textContent='\u25b8';\n                bRow.append(bullet, rb('30px'), rbKw('60px'), rb('48px'));\n                entry.appendChild(bRow);\n            }\n            xSec.appendChild(entry);\n        });\n        } \/* end desktop else *\/\n\n        \/* \u2500\u2500 Footer bar \u2500\u2500 *\/\n        var foot = document.createElement('div'); foot.className='resume-footer'; foot.style.opacity='1';\n        var fsig = document.createElement('div'); fsig.className='footer-sig';\n        fsig.innerHTML='\/\/ NEURAL_PARSE \u00b7 <span>SIGNAL_LOCKED \u00b7 CLEARANCE_REQUIRED<\/span>';\n        var piw = document.createElement('div'); piw.className='pips-wrap';\n        piw.innerHTML='<span class=\"pip-label\">KW_DENSITY<\/span><div class=\"kw-pips\" style=\"display:flex;gap:2px\">'\n            +Array(18).fill('<span class=\"pip\" style=\"background:rgba(5,84,242,0.25)\"><\/span>').join('')+'<\/div>';\n        foot.append(fsig,piw); stage.appendChild(foot);\n    }\n\n    \/* \u2500\u2500 Generate (live resume animation) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       1. Adds .dissolving class \u2192 CSS fades out all redact bars + status overlay\n       2. After 480ms dissolve: wipes stage and builds real animated content   *\/\n    async function generate() {\n        var stage = document.getElementById(_stageId);\n        if (!stage) return;\n\n        \/* Dissolve the redacted state first *\/\n        var overlay = wrapper.querySelector('.jh-vui-status-overlay');\n        stage.classList.add('dissolving');\n        if (overlay) overlay.classList.add('dissolving');\n        \/* Lift pre-animation greyscale \u2014 scale is handled by GSAP from here *\/\n        var playerLayer = document.querySelector('#jh_vui_DQfrHD .jh-vui-video-player-layer');\n        if (playerLayer) { playerLayer.classList.add('jh-vui-revealing'); }\n        await sleep(480); \/* match the 0.45s CSS transition *\/\n\n        stage.innerHTML = '';\n        stage.classList.remove('dissolving');\n        scaleAnim();\n\n        var isMob = isMobileLayout();\n        var colL, colR, colMain;\n\n        if (isMob) {\n            \/* Mobile: single column container *\/\n            colMain = document.createElement('div'); colMain.className='col-main';\n            stage.appendChild(colMain);\n        } else {\n            colL=document.createElement('div'); colL.className='col-left';\n            colR=document.createElement('div'); colR.className='col-right';\n            stage.append(colL,colR);\n        }\n\n        \/* Helper: append section to correct column *\/\n        function appendL(s){ if(isMob) colMain.appendChild(s); else colL.appendChild(s); }\n        function appendR(s){ if(isMob) colMain.appendChild(s); else colR.appendChild(s); }\n\n        \/* Contact \u2014 always first *\/\n        var cSec=document.createElement('section'); cSec.className='resume-section';\n        cSec.appendChild(mkHeader('contact','Contact','[VERIFIED]'));\n        var nEl=mkFade('div','contact-name',RESUME.contact.name), rEl=mkFade('div','contact-role',RESUME.contact.role), cList=mkList(RESUME.contact.items);\n        cSec.append(nEl,rEl,cList); appendL(cSec);\n        await revealSection(cSec); vis(nEl); vis(rEl);\n        cList.querySelectorAll('li').forEach(function(li,i){setTimeout(function(){vis(li);},i*ITEM_GAP);});\n        await sleep(SEC_PAUSE);\n\n        \/* Summary \u2014 desktop: left sidebar | mobile: skip (keep it concise) *\/\n        if (!isMob) {\n            var sSec=document.createElement('section'); sSec.className='resume-section';\n            sSec.appendChild(mkHeader('summary','Professional Summary','[6KW]'));\n            var sPara=document.createElement('p'); sPara.className='summary-para'; sSec.appendChild(sPara); appendR(sSec);\n            await revealSection(sSec); await renderTokens(sPara,RESUME.summary,WORD_MS); await sleep(SEC_PAUSE);\n        }\n\n        \/* Experience \u2014 mobile: second (the main content) *\/\n        var xSec=document.createElement('section'); xSec.className='resume-section';\n        xSec.appendChild(mkHeader('experience','Work Experience','[13KW \u00b7 3 ENTRIES]'));\n        appendR(xSec); await revealSection(xSec);\n        for(var ei=0;ei<RESUME.experience.length;ei++){\n            var exp=RESUME.experience[ei];\n            var entry=document.createElement('div'); entry.className='exp-entry';\n            var mr=document.createElement('div'); mr.className='exp-meta-row';\n            var ml=document.createElement('div');\n            var coEl=mkFade('div','exp-company',exp.company), rlEl=mkFade('div','exp-role',exp.role);\n            ml.append(coEl,rlEl); var dtE=mkFade('div','exp-date',exp.date); mr.append(ml,dtE);\n            var ul=document.createElement('ul'); ul.className='exp-bullets';\n            var badge=document.createElement('div'); badge.className='inject-badge'; badge.textContent=exp.badge;\n            entry.append(mr,ul,badge); xSec.appendChild(entry);\n            vis(coEl); vis(rlEl); vis(dtE);\n            for(var bi=0;bi<exp.bullets.length;bi++){ var li=document.createElement('li'); var bs=document.createElement('span'); bs.className='bullet-span'; li.appendChild(bs); ul.appendChild(li); await renderTokens(bs,exp.bullets[bi],BULLET_MS); }\n            vis(badge); await sleep(ITEM_GAP);\n        }\n        await sleep(SEC_PAUSE);\n\n        \/* Education \u2014 mobile only: show after experience as last section *\/\n        if (isMob) {\n            var eSec=document.createElement('section'); eSec.className='resume-section';\n            eSec.appendChild(mkHeader('education','Education','[VERIFIED]'));\n            var edu=RESUME.education, eb=document.createElement('div'); eb.className='edu-block';\n            var dEl=mkFade('div','edu-degree',edu.degree), sEl=mkFade('div','edu-school',edu.school);\n            var rowEl=document.createElement('div'); rowEl.className='edu-row fade-el';\n            rowEl.innerHTML='<span class=\"edu-year\">'+edu.year+'<\/span><span class=\"edu-gpa\">'+edu.gpa+'<\/span>';\n            eb.append(dEl,sEl,rowEl); eSec.appendChild(eb); colMain.appendChild(eSec);\n            await revealSection(eSec); vis(dEl);await sleep(ITEM_GAP);vis(sEl);await sleep(ITEM_GAP);vis(rowEl);await sleep(SEC_PAUSE);\n        }\n\n        \/* Footer *\/\n        var footer=document.createElement('footer'); footer.className='resume-footer';\n        footer.innerHTML='<div class=\"footer-sig\">\/\/ NEURAL_PARSE \u00b7 <span>DEEP_SIGNAL_INJECTION<\/span> \u00b7 ALL VECTORS ALIGNED<\/div><div class=\"pips-wrap\"><span class=\"pip-label\">KW_DENSITY<\/span><div class=\"kw-pips\" id=\"kw_pips_'+_id+'\"><\/div><span class=\"pip-count\">18\/18<\/span><\/div>';\n        stage.appendChild(footer); vis(footer);\n        var pEl=document.getElementById('kw_pips_'+_id);\n        if(pEl) for(var pi=0;pi<18;pi++){ var p=document.createElement('span'); p.className='pip'; pEl.appendChild(p); (function(pip,d){setTimeout(function(){pip.classList.add('lit');},d);})(p,40+pi*18); }\n    }\n\n    \/* \u2500\u2500 GSAP scroll animation \u2500\u2500 *\/\n    function initGSAP() {\n        if (wrapper.dataset.jhInitialized) return;\n        if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\n\n        gsap.registerPlugin(ScrollTrigger);\n\n        var video = wrapper.querySelector('.jh-vui-video');\n        if (video) video.play().catch(function(){});\n\n        var mm = gsap.matchMedia();\n        mm.add({ isDesktop:'(min-width: 1025px)', isMobile:'(max-width: 1024px)' }, function(context) {\n            if (context.conditions.isDesktop) {\n                var videoLayer      = wrapper.querySelector('.jh-vui-video-player-layer');\n                var glassLayer      = wrapper.querySelector('.jh-vui-glass-reflection');\n                var bgLayer         = wrapper.querySelector('.jh-vui-ui-background-layer');\n                var scrollContainer = wrapper.querySelector('.jh-vui-scroll-container');\n                var stickyWrapper   = wrapper.querySelector('.jh-vui-sticky-wrapper');\n\n                \/* Set wrapper visible (original behaviour) *\/\n                gsap.set(stickyWrapper, { opacity: 1 });\n\n                \/*\n                 * START: full-size centred.\n                 * CSS already has transform:translate(-50%,-50%) as fallback.\n                 * GSAP takes over with identical xPercent\/yPercent so there is\n                 * no visual jump. scale:1, x:0 = no extra movement at start.\n                 *\/\n                gsap.set([videoLayer, glassLayer], {\n                    xPercent: -50, yPercent: -50,\n                    x: 0, y: 0, scale: 1.0,\n                    transformOrigin: 'center center',\n                });\n                gsap.set(bgLayer, { opacity: 0, scale: 1.1, y: 0 });\n\n                var tl = gsap.timeline({\n                    scrollTrigger: {\n                        trigger:             scrollContainer,\n                        start:               'top top',\n                        end:                 'bottom bottom',\n                        scrub:               1.5,\n                        pin:                 stickyWrapper,\n                        pinSpacing:          true,\n                        invalidateOnRefresh: true,\n                        onUpdate:            scaleAnim,\n                        \/* Fix 2: generate() fires on the exact frame the section pins.\n                           The resume starts building at lock-in, so the user's next\n                           scroll drives through the dead zone while content appears \u2014\n                           creating the perception they triggered the animation. *\/\n                        onEnter: function() {\n                            if (!generated) { generated = true; generate(); }\n                        },\n                    }\n                });\n\n                \/*\n                 * TIMELINE \u2014 4 units over 400vh effective scroll (500vh - 100vh pin)\n                 *   1 unit = 100vh = 1 \"scroll\" worth of travel\n                 *\n                 *   0-1  (1 scroll):  DEAD ZONE \u2014 section pins, resume stationary.\n                 *                     User feels the lock, primed for the reveal.\n                 *   1-3  (2 scrolls): CONVERGENCE \u2014 resume glides to right,\n                 *                     shrinks to 0.52, app-UI background rises.\n                 *   3-4  (1 scroll):  HOLD at final nested resting state.\n                 *\/\n                tl\n                    .to({}, { duration: 1.0 })\n\n                    .to(bgLayer, { opacity:1, scale:0.88, duration:2.0, ease:'power2.inOut' }, 1.0)\n\n                    .to(videoLayer, {\n                        scale: 0.52,\n                        xPercent: -50, yPercent: -50,\n                        x: function(){ return window.innerWidth * 0.23; },\n                        y: 0,\n                        boxShadow: '0 20px 80px rgba(0,0,0,0.5), 0 0 30px rgba(5,84,242,0.2)',\n                        duration: 2.0, ease: 'power2.inOut', force3D: true,\n                    }, 1.0)\n\n                    .to(glassLayer, {\n                        opacity: 1, scale: 0.52,\n                        xPercent: -50, yPercent: -50,\n                        x: function(){ return window.innerWidth * 0.23; },\n                        y: 0,\n                        duration: 2.0, ease: 'power2.inOut',\n                    }, 1.0)\n\n                    .to({}, { duration: 1.0 });\n\n            } else {\n                \/\/ Mobile: standalone card \u2014 no scroll pinning, no convergence.\n                \/\/ Show the resume animation when the card enters the viewport.\n                \/\/ generate() populates the stage; scaleAnim() keeps it fitted.\n                var mobileGenerated = false;\n                var mobilePlayer = wrapper.querySelector('.jh-vui-video-player-layer');\n\n                var mobileIO = new IntersectionObserver(function(entries) {\n                    entries.forEach(function(entry) {\n                        if (entry.isIntersecting && !mobileGenerated) {\n                            mobileGenerated = true;\n                            mobileIO.disconnect();\n                            \/\/ Small delay so card is fully in view before animation starts\n                            setTimeout(function() {\n                                if (mobilePlayer) {\n                                    mobilePlayer.classList.add('jh-vui-revealing');\n                                }\n                                generate();\n                                scaleAnim(); \/\/ fit stage to container\n                            }, 300);\n                        }\n                    });\n                }, { threshold: 0.3 });\n\n                if (mobilePlayer) mobileIO.observe(mobilePlayer);\n            }\n        });\n\n        wrapper.dataset.jhInitialized = 'true';\n    }\n\n    \/* \u2500\u2500 Boot \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     * 1. preloadRedacted() runs immediately \u2014 fills the black void with the\n     *    classified-document skeleton so users never see a blank section.\n     * 2. Status overlay (\"CLEARANCE REQUIRED\") is injected into sticky wrapper.\n     * 3. Poll for GSAP (max 3s) so centering fires before user scrolls.\n     * 4. generate() fires via ScrollTrigger onEnter (the pin moment). *\/\n\n    \/* Step 0: Escape Elementor column\/widget width constraints.\n       Walk up the DOM from the wrapper and force every Elementor\n       container element to full width. This fixes the 50% width\n       issue caused by the adjacent header widget's max-width:850px\n       telling Elementor the shared column only needs to be that wide. *\/\n    (function() {\n        var el = wrapper.parentNode;\n        var safetyLimit = 10; \/* never walk more than 10 levels up *\/\n        while (el && el !== document.body && safetyLimit-- > 0) {\n            var cls = el.className || '';\n            \/* Target Elementor's injected container divs only *\/\n            if (typeof cls === 'string' && (\n                cls.indexOf('elementor-widget-container') !== -1 ||\n                cls.indexOf('elementor-widget') !== -1 ||\n                cls.indexOf('elementor-column') !== -1 ||\n                cls.indexOf('elementor-col-') !== -1 ||\n                cls.indexOf('e-col-') !== -1\n            )) {\n                el.style.setProperty('width', '100%', 'important');\n                el.style.setProperty('max-width', '100%', 'important');\n                el.style.setProperty('padding-left', '0', 'important');\n                el.style.setProperty('padding-right', '0', 'important');\n                el.style.setProperty('overflow', 'visible', 'important');\n            }\n            el = el.parentNode;\n        }\n    })();\n\n    \/* Step 1: build redacted state immediately on page load *\/\n    preloadRedacted();\n\n    \/* Step 2: inject \"CLEARANCE REQUIRED \u00b7 SCROLL TO DECRYPT\" status overlay *\/\n    (function() {\n        var sticky = wrapper.querySelector('.jh-vui-sticky-wrapper');\n        if (!sticky || sticky.querySelector('.jh-vui-status-overlay')) return;\n        var ov = document.createElement('div');\n        ov.className = 'jh-vui-status-overlay';\n        ov.innerHTML = '<span class=\"jh-vui-status-dot\"><\/span>'\n                     + 'CLEARANCE_REQUIRED &nbsp;&middot;&nbsp; SCROLL TO DECRYPT';\n        sticky.appendChild(ov);\n    })();\n\n    \/* Step 3: poll for GSAP *\/\n    var tries = 0;\n    var poll = setInterval(function(){\n        tries++;\n        initGSAP();\n        if (wrapper.dataset.jhInitialized || tries >= 30) clearInterval(poll);\n    }, 100);\n\n    \/* generate() is called by ScrollTrigger onEnter (section pin moment).\n       The dissolve + live animation replace the redacted skeleton. *\/\n    var generated = false;\n\n    \/* Also listen for event from components.js JHVideoUI onEnter *\/\n    wrapper.addEventListener('jh-vui-enter', function() {\n        if (!generated) { generated = true; generate(); }\n    }, { once: true });\n\n})();\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6796df8 elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"6796df8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1993a98 exad-sticky-section-no\" data-id=\"1993a98\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-fadecf0 elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"fadecf0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ac17309 exad-sticky-section-no\" data-id=\"ac17309\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea8aa57 exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"ea8aa57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">OPTIMIZING_CANDIDATE_MATCH... [SUCCESS]<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4586f68 exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"4586f68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cut through The Red Tape. <span class=\"span-blue-tex\">Control<\/span> Your Narrative.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b062ea elementor-widget__width-inherit exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"9b062ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Align your experience with the hidden criteria recruiters use to hire<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a20067b elementor-hidden-mobile exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"a20067b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- Custom Orbit Styles (Inspired by Screen Studio) -->\n\n<section id=\"jh_orbit_MEOdwu\" class=\"tcc-features-section\" data-jh-component=\"Orbit\" role=\"region\" aria-label=\"Interactive Feature Showcase\">\n    <!-- Mobile Sticky Headers -->\n    <div class=\"mobile-sticky-header\">\n        <h2 class=\"mobile-primary-header\">Perfectly Tailored in One Click<\/h2>\n        <div class=\"mobile-meta-header\">\n            <span class=\"tech-prefix\">PROTOCOL:<\/span>\n            <span class=\"mobile-secondary-header\">Cut through The Red Tape with Surgical Precision<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"tcc-main-container\">\n        <!-- Left Column: Navigation\/Text (Static) -->\n        <div class=\"nav-column\" role=\"tablist\" aria-orientation=\"vertical\" aria-label=\"Feature navigation\">\n            <div class=\"nav-item active\" data-index=\"0\" role=\"tab\" aria-selected=\"true\" aria-controls=\"jh_orbit_MEOdwu_panel_0\" id=\"jh_orbit_MEOdwu_tab_0\">\n                <div class=\"slide-content\">\n                    <h4>Job Specific Keyword Targeting<\/h4>\n                    <p>Add keywords recruiters are searching for to ensure your resume is not blocked by Applicant Tracking Systems (ATS).<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"nav-item\" data-index=\"1\" role=\"tab\" aria-selected=\"false\" aria-controls=\"jh_orbit_MEOdwu_panel_1\" id=\"jh_orbit_MEOdwu_tab_1\">\n                <div class=\"slide-content\">\n                    <h4>Align Your Experience to Any Job<\/h4>\n                    <p>Stand out instantly by tailoring your resume to meet job requirements and showcase your experience as a perfect fit.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"nav-item\" data-index=\"2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"jh_orbit_MEOdwu_panel_2\" id=\"jh_orbit_MEOdwu_tab_2\">\n                <div class=\"slide-content\">\n                    <h4>Stand out to Recruiters & Hiring Managers<\/h4>\n                    <p>Get a competitive edge in the hiring process and capture recruiters' attention by highlighting the skills they are seeking.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"nav-item\" data-index=\"3\" role=\"tab\" aria-selected=\"false\" aria-controls=\"jh_orbit_MEOdwu_panel_3\" id=\"jh_orbit_MEOdwu_tab_3\">\n                <div class=\"slide-content\">\n                    <h4>Personalized Cover Letters That Impress<\/h4>\n                    <p>Create personalized cover letters that highlight your unique strengths and match each job opportunity you are applying for.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right Column: Video (Swiper) -->\n        <div class=\"video-column orbit-stage\">\n            <!-- Mobile Singleton Stage -->\n            <div class=\"mobile-video-stage\">\n                <div class=\"video-inner-wrapper\">\n                    <video class=\"mobile-singleton-video\" muted loop playsinline preload=\"none\" aria-label=\"Active feature preview\"><\/video>\n                    <div class=\"scanline\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Mobile Navigation Bar (Mirrors features-carousel.php) -->\n            <div class=\"jh-nav-wrapper mobile-only\" role=\"tablist\" aria-label=\"Mobile navigation\">\n                <div class=\"jh-nav-item\" data-seg=\"0\" role=\"tab\" aria-selected=\"true\" aria-label=\"Targeting\">\n                    <button class=\"jh-nav-label\" tabindex=\"-1\">TARGETING<\/button>\n                    <div class=\"jh-bar-segment\"><div class=\"jh-bar-fill\"><\/div><\/div>\n                <\/div>\n                <div class=\"jh-nav-item\" data-seg=\"1\" role=\"tab\" aria-selected=\"false\" aria-label=\"Alignment\">\n                    <button class=\"jh-nav-label\" tabindex=\"-1\">ALIGNMENT<\/button>\n                    <div class=\"jh-bar-segment\"><div class=\"jh-bar-fill\"><\/div><\/div>\n                <\/div>\n                <div class=\"jh-nav-item\" data-seg=\"2\" role=\"tab\" aria-selected=\"false\" aria-label=\"Visibility\">\n                    <button class=\"jh-nav-label\" tabindex=\"-1\">VISIBILITY<\/button>\n                    <div class=\"jh-bar-segment\"><div class=\"jh-bar-fill\"><\/div><\/div>\n                <\/div>\n                <div class=\"jh-nav-item\" data-seg=\"3\" role=\"tab\" aria-selected=\"false\" aria-label=\"Persona\">\n                    <button class=\"jh-nav-label\" tabindex=\"-1\">PERSONA<\/button>\n                    <div class=\"jh-bar-segment\"><div class=\"jh-bar-fill\"><\/div><\/div>\n                <\/div>\n                <div class=\"jh-nav-index\" aria-hidden=\"true\">\n                    [ <span class=\"jh-current-index\">01<\/span> \/ 04 ]\n                <\/div>\n            <\/div>\n\n            <div class=\"orbit-wrapper\">\n                <div class=\"orbit-slide\" role=\"tabpanel\" id=\"jh_orbit_MEOdwu_panel_0\" aria-labelledby=\"jh_orbit_MEOdwu_tab_0\">\n                    <div class=\"video-inner-wrapper jh-anim-wrapper\">\n                        <!-- Hidden video stub \u2014 required by JHOrbit constructor (mobileVideoData) -->\n                        <video style=\"display:none\" muted loop playsinline preload=\"none\" aria-hidden=\"true\"><\/video>\n                        \n<div id=\"jhkd_qlzVjS\" class=\"jhkd-root\" aria-label=\"Job-Specific Keyword Targeting feature demo\" role=\"region\">\n\n  <!-- \u2500\u2500\u2500 DESKTOP LAYOUT (landscape) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"jhkd-desktop\">\n\n    <!-- LEFT: HUD \/ context panel -->\n    <div class=\"jhkd-hud\">\n      <div class=\"jhkd-hud-top\">\n        <span class=\"jhkd-dot\" aria-hidden=\"true\"><\/span>\n        <span class=\"jhkd-hud-label\" data-glitch-text=\"ATS_DECODER\">ATS_INTERCEPT<\/span>\n      <\/div>\n      <div class=\"jhkd-hud-divider\"><\/div>\n      <ul class=\"jhkd-hud-meta\" aria-hidden=\"true\">\n        <li><span class=\"jhkd-ml\">PROTOCOL<\/span><span class=\"jhkd-mv\" data-glitch-text=\"NEURAL_PARSE\">NEURAL_PARSE<\/span><\/li>\n        <li><span class=\"jhkd-ml\">SOURCE<\/span><span class=\"jhkd-mv\" data-glitch-text=\"JOB_DESC.TXT\">JOB_DESC.TXT<\/span><\/li>\n        <li><span class=\"jhkd-ml\">VECTORS<\/span><span class=\"jhkd-mv jhkd-count\">00\/07<\/span><\/li>\n        <li><span class=\"jhkd-ml\">STATUS<\/span><span class=\"jhkd-mv jhkd-status\">SCANNING<\/span><\/li>\n      <\/ul>\n      <div class=\"jhkd-hud-divider\"><\/div>\n      <div class=\"jhkd-density-wrap\" aria-hidden=\"true\">\n        <span class=\"jhkd-ml\">KW_DENSITY<\/span>\n        <div class=\"jhkd-pips\">\n                      <span class=\"jhkd-pip\" data-pip=\"0\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"1\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"2\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"3\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"4\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"5\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"6\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"7\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"8\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"9\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"10\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"11\"><\/span>\n                  <\/div>\n      <\/div>\n      <div class=\"jhkd-hud-sig\" aria-hidden=\"true\">\/\/ DEEP_SIGNAL_INJECTION<\/div>\n    <\/div>\n\n    <!-- RIGHT: keyword decode list -->\n    <div class=\"jhkd-panel\">\n      <div class=\"jhkd-panel-header\">\n        <span class=\"jhkd-ph-label\">JOB KEYWORDS<\/span>\n        <span class=\"jhkd-ph-sub\" id=\"jhkd_sub_jhkd_qlzVjS\"><\/span>\n      <\/div>\n      <ul class=\"jhkd-list\" role=\"list\">\n        <li class=\"jhkd-row\" data-checked=\"true\"  data-delay=\"0\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Service Sales Representative\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Service Sales Representative\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n        <li class=\"jhkd-row\" data-checked=\"true\"  data-delay=\"1\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Service Contracts\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Service Contracts\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n        <li class=\"jhkd-row\" data-checked=\"false\" data-delay=\"2\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"false\" aria-label=\"Quota Achievement\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Quota Achievement\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n        <li class=\"jhkd-row\" data-checked=\"true\"  data-delay=\"3\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Customer Relationships\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Customer Relationships\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n        <li class=\"jhkd-row\" data-checked=\"true\"  data-delay=\"4\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Sales Proposals\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Sales Proposals\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n        <li class=\"jhkd-row\" data-checked=\"false\" data-delay=\"5\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"false\" aria-label=\"Territory Management\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Territory Management\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n        <li class=\"jhkd-row\" data-checked=\"true\"  data-delay=\"6\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Consultative Selling\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Consultative Selling\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n      <\/ul>\n      <button class=\"jhkd-btn\" aria-label=\"Add selected keywords to resume\">ADD KEYWORDS<\/button>\n    <\/div>\n\n  <\/div><!-- \/.jhkd-desktop -->\n\n  <!-- \u2500\u2500\u2500 MOBILE LAYOUT (portrait) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"jhkd-mobile\">\n    <div class=\"jhkd-mob-header\">\n      <div class=\"jhkd-mob-status\">\n        <span class=\"jhkd-dot jhkd-dot-mob\" aria-hidden=\"true\"><\/span>\n        <span class=\"jhkd-mob-label\" data-glitch-text=\"ATS_INTERCEPT\">ATS_INTERCEPT<\/span>\n        <span class=\"jhkd-mob-sub\">KEYWORD EXTRACTION<\/span>\n      <\/div>\n      <div class=\"jhkd-mob-counter\">\n        <span class=\"jhkd-count-mob\">00<\/span><span class=\"jhkd-mob-total\">\/07<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"jhkd-mob-title\">Job Keywords<\/div>\n    <div class=\"jhkd-mob-hint\" id=\"jhkd_subm_jhkd_qlzVjS\"><\/div>\n\n    <ul class=\"jhkd-mob-list\" role=\"list\">\n      <li class=\"jhkd-mob-row\" data-checked=\"true\"  data-delay=\"0\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Service Sales Representative\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Service Sales Representative\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n      <li class=\"jhkd-mob-row\" data-checked=\"true\"  data-delay=\"1\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Service Contracts\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Service Contracts\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n      <li class=\"jhkd-mob-row\" data-checked=\"false\" data-delay=\"2\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"false\" aria-label=\"Quota Achievement\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Quota Achievement\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n      <li class=\"jhkd-mob-row\" data-checked=\"true\"  data-delay=\"3\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Customer Relationships\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Customer Relationships\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n      <li class=\"jhkd-mob-row\" data-checked=\"true\"  data-delay=\"4\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Sales Proposals\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Sales Proposals\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n      <li class=\"jhkd-mob-row\" data-checked=\"false\" data-delay=\"5\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"false\" aria-label=\"Territory Management\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Territory Management\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n      <li class=\"jhkd-mob-row\" data-checked=\"true\"  data-delay=\"6\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"false\" aria-label=\"Consultative Selling\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Consultative Selling\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n    <\/ul>\n\n    <button class=\"jhkd-btn jhkd-btn-mob\" aria-label=\"Add selected keywords to resume\">ADD KEYWORDS<\/button>\n\n    <!-- density pips mobile -->\n    <div class=\"jhkd-mob-pips\" aria-hidden=\"true\">\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"0\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"1\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"2\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"3\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"4\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"5\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"6\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"7\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"8\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"9\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"10\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"11\"><\/span>\n          <\/div>\n  <\/div><!-- \/.jhkd-mobile -->\n\n<\/div><!-- \/.jhkd-root -->\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     STYLES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n#jhkd_qlzVjS {\n  \/* Brand tokens \u2014 mirror video-UI-fadein.php *\/\n  --bg:           #030303;\n  --bg-alt:       #0A0A0A;\n  --accent:       #0554F2;\n  --accent-dim:   rgba(5, 84, 242, 0.18);\n  --accent-mid:   rgba(5, 84, 242, 0.35);\n  --accent-glow:  rgba(5, 84, 242, 0.55);\n  --border:       rgba(255, 255, 255, 0.07);\n  --border-b:     rgba(5, 84, 242, 0.25);\n  --txt:          rgba(255, 255, 255, 0.92);\n  --txt-mid:      rgba(255, 255, 255, 0.55);\n  --txt-dim:      rgba(255, 255, 255, 0.25);\n  --mono:         'JetBrains Mono', 'Courier New', monospace;\n  --sans:         'Inter', system-ui, sans-serif;\n  --ease:         cubic-bezier(0.23, 1, 0.32, 1);\n  --scan-line:    rgba(5, 84, 242, 0.004);\n\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: var(--bg);\n  background-image: repeating-linear-gradient(\n    0deg, transparent, transparent 3px,\n    var(--scan-line) 3px, var(--scan-line) 4px\n  );\n  color: var(--txt);\n  font-family: var(--sans);\n  overflow: hidden;\n}\n\n\/* \u2500\u2500 Layout toggles \u2500\u2500 *\/\n#jhkd_qlzVjS .jhkd-desktop { display: flex; height: 100%; }\n#jhkd_qlzVjS .jhkd-mobile  { display: none; }\n\n@media (max-width: 767px) {\n  #jhkd_qlzVjS .jhkd-desktop { display: none; }\n  #jhkd_qlzVjS .jhkd-mobile  { display: flex; flex-direction: column; height: 100%; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESKTOP \u2014 LEFT HUD PANEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhkd_qlzVjS .jhkd-hud {\n  width: 38%;\n  min-width: 180px;\n  max-width: 240px;\n  flex-shrink: 0;\n  border-right: 1px solid var(--border);\n  padding: 24px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  background: rgba(5, 84, 242, 0.015);\n}\n\n#jhkd_qlzVjS .jhkd-hud-top {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n\n\/* Blinking status dot *\/\n#jhkd_qlzVjS .jhkd-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #4a86ff;\n  flex-shrink: 0;\n  box-shadow: 0 0 6px var(--accent-glow);\n  animation: jhkd-blink 1.1s ease-in-out infinite;\n}\n@keyframes jhkd-blink {\n  0%, 100% { opacity: 1; box-shadow: 0 0 6px var(--accent-glow); }\n  50%       { opacity: 0.15; box-shadow: none; }\n}\n\n#jhkd_qlzVjS .jhkd-hud-label {\n  font-family: var(--mono);\n  font-size: 11.5px;\n  letter-spacing: 0.22em;\n  color: #4a86ff;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n#jhkd_qlzVjS .jhkd-hud-divider {\n  height: 1px;\n  background: var(--border);\n  margin: 12px 0;\n}\n\n#jhkd_qlzVjS .jhkd-hud-meta {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n  margin-bottom: 4px;\n}\n\n#jhkd_qlzVjS .jhkd-hud-meta li {\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n}\n\n#jhkd_qlzVjS .jhkd-ml {\n  font-family: var(--mono);\n  font-size: 7px;\n  letter-spacing: 0.18em;\n  color: var(--txt-dim);\n  width: 58px;\n  flex-shrink: 0;\n  text-transform: uppercase;\n}\n\n#jhkd_qlzVjS .jhkd-mv {\n  font-family: var(--mono);\n  font-size: 8px;\n  letter-spacing: 0.08em;\n  color: var(--txt-mid);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n#jhkd_qlzVjS .jhkd-status { transition: color 0.4s; }\n#jhkd_qlzVjS .jhkd-status.resolved { color: #22c55e; }\n\n\/* Density pip strip *\/\n#jhkd_qlzVjS .jhkd-density-wrap {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n#jhkd_qlzVjS .jhkd-pips {\n  display: flex;\n  gap: 3px;\n  flex-wrap: wrap;\n}\n\n#jhkd_qlzVjS .jhkd-pip {\n  width: 10px;\n  height: 5px;\n  border-radius: 1.5px;\n  background: var(--border);\n  transition: background 0.3s, box-shadow 0.3s;\n}\n#jhkd_qlzVjS .jhkd-pip.lit {\n  background: var(--accent);\n  box-shadow: 0 0 4px var(--accent-glow);\n}\n\n#jhkd_qlzVjS .jhkd-hud-sig {\n  margin-top: auto;\n  padding-top: 16px;\n  font-family: var(--mono);\n  font-size: 7px;\n  letter-spacing: 0.14em;\n  color: rgba(5, 84, 242, 0.35);\n  white-space: nowrap;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESKTOP \u2014 RIGHT KEYWORD PANEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhkd_qlzVjS .jhkd-panel {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 24px 24px 20px;\n  overflow: hidden;\n  background: transparent;\n  border-left: 1px solid rgba(5, 84, 242, 0.2);\n  box-shadow: inset 30px 0 60px rgba(5, 84, 242, 0.03);\n\n}\n\n#jhkd_qlzVjS .jhkd-panel-header {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  margin-bottom: 18px;\n}\n\n#jhkd_qlzVjS .jhkd-ph-label {\n  font-family: var(--sans);\n  font-size: 18px;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  background: linear-gradient(90deg, #0554F2 0%, #60B0FF 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: #60B0FF; \/* fallback *\/\n}\n\n#jhkd_qlzVjS .jhkd-ph-sub,\n#jhkd_qlzVjS .jhkd-mob-hint {\n  font-family: var(--mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  color: rgba(96,176,255);\n  text-transform: uppercase;\n  line-height: 1.4;\n  min-height: 1.2em;\n}\n#jhkd_qlzVjS .jhkd-ph-cursor {\n  display: inline-block;\n  width: 1px;\n  height: 0.85em;\n  background: #60B0FF;\n  vertical-align: middle;\n  margin-left: 2px;\n  animation: jhkd_cur_jhkd_qlzVjS 0.7s infinite;\n}\n@keyframes jhkd_cur_jhkd_qlzVjS {\n  0%,49%  { opacity: 1; }\n  50%,100%{ opacity: 0; }\n}\n\n\/* \u2500\u2500 Keyword rows (shared desktop + mobile) \u2500\u2500 *\/\n#jhkd_qlzVjS .jhkd-list,\n#jhkd_qlzVjS .jhkd-mob-list {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 0;\n  overflow: hidden;\n}\n\n#jhkd_qlzVjS .jhkd-row,\n#jhkd_qlzVjS .jhkd-mob-row {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  \/* border-left always present (transparent) so layout never shifts on check *\/\n  padding: 0 8px 0 12px;\n  border-left: 2px solid transparent;\n  border-bottom: 1px solid var(--border);\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity 0.35s var(--ease), transform 0.35s var(--ease),\n              border-left-color 0.35s var(--ease);\n  flex: 1;\n  min-height: 38px;\n}\n\n#jhkd_qlzVjS .jhkd-row.visible,\n#jhkd_qlzVjS .jhkd-mob-row.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Unchecked rows are dimmer *\/\n#jhkd_qlzVjS .jhkd-row[data-checked=\"false\"],\n#jhkd_qlzVjS .jhkd-mob-row[data-checked=\"false\"] {\n  opacity: 0;\n}\n#jhkd_qlzVjS .jhkd-row[data-checked=\"false\"].visible,\n#jhkd_qlzVjS .jhkd-mob-row[data-checked=\"false\"].visible {\n  opacity: 0.42;\n}\n\n\/* \u2500\u2500 Radio button \u2500\u2500 *\/\n#jhkd_qlzVjS .jhkd-radio {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1.5px solid rgba(255, 255, 255, 0.15);\n  background: transparent;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.3s var(--ease),\n              background  0.3s var(--ease),\n              box-shadow  0.3s var(--ease),\n              transform   0.2s var(--ease);\n  position: relative;\n}\n\n\/* Checked state \u2014 solid blue fill *\/\n#jhkd_qlzVjS .jhkd-radio.is-checked {\n  background:   var(--accent);\n  border-color: var(--accent);\n  box-shadow:   0 0 10px var(--accent-glow), 0 0 0 2px var(--accent-dim);\n}\n\n\/* Spring pop on check *\/\n#jhkd_qlzVjS .jhkd-radio.is-checking {\n  transform: scale(1.28);\n}\n\n\/* White center dot *\/\n#jhkd_qlzVjS .jhkd-radio-inner {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #ffffff;\n  opacity: 0;\n  transform: scale(0);\n  transition: opacity  0.22s var(--ease),\n              transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n  pointer-events: none;\n}\n#jhkd_qlzVjS .jhkd-radio.is-checked .jhkd-radio-inner {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* Unchecked but decoded \u2014 dim ring *\/\n#jhkd_qlzVjS .jhkd-radio.is-unchecked {\n  border-color: rgba(255, 255, 255, 0.2);\n  background: transparent;\n}\n\n\/* Checked row \u2014 blue left accent animates in after radio pops *\/\n#jhkd_qlzVjS .jhkd-row[data-checked=\"true\"].accented,\n#jhkd_qlzVjS .jhkd-mob-row[data-checked=\"true\"].accented {\n  border-left-color: rgba(5, 84, 242, 0.5);\n}\n\n\/* \u2500\u2500 Keyword text (glitch target) \u2500\u2500 *\/\n#jhkd_qlzVjS .jhkd-kw,\n#jhkd_qlzVjS .jhkd-kw-mob {\n  font-family: var(--sans);\n  font-size: 12px;\n  font-weight: 400;\n  letter-spacing: 0;\n  color: var(--txt-dim);\n  white-space: nowrap;\n  overflow: hidden;\n  transition: color 0.3s;\n  user-select: none;\n}\n#jhkd_qlzVjS .jhkd-kw.decoded,\n#jhkd_qlzVjS .jhkd-kw-mob.decoded {\n  color: var(--txt);\n}\n#jhkd_qlzVjS .jhkd-row[data-checked=\"false\"] .jhkd-kw.decoded,\n#jhkd_qlzVjS .jhkd-mob-row[data-checked=\"false\"] .jhkd-kw-mob.decoded {\n  color: var(--txt-mid);\n}\n\n\/* \u2500\u2500 ADD KEYWORDS button \u2500\u2500 *\/\n#jhkd_qlzVjS .jhkd-btn,\n#jhkd_qlzVjS .jhkd-btn-mob {\n  margin-top: 16px;\n  width: 100%;\n  padding: 12px;\n  background: var(--accent);\n  border: none;\n  border-radius: 5px;\n  color: #fff;\n  font-family: var(--sans);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  cursor: pointer;\n  opacity: 0;\n  transform: translateY(4px);\n  transition: opacity 0.5s var(--ease), transform 0.5s var(--ease),\n              background 0.2s, box-shadow 0.2s;\n  flex-shrink: 0;\n}\n#jhkd_qlzVjS .jhkd-btn.visible,\n#jhkd_qlzVjS .jhkd-btn-mob.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n#jhkd_qlzVjS .jhkd-btn:hover,\n#jhkd_qlzVjS .jhkd-btn-mob:hover {\n  background: #1a6aff;\n  box-shadow: 0 0 20px rgba(5, 84, 242, 0.4);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOBILE LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhkd_qlzVjS .jhkd-mobile {\n  padding: 18px 16px 14px;\n  background: var(--bg); \/* Keep it pure black for maximum pop *\/\n  border-top: 1px solid rgba(5, 84, 242, 0.15); \/* Thin blue separation line *\/\n  box-shadow: inset 0 20px 40px rgba(0, 0, 0, 0.5); \/* Adds depth at the top *\/\n}\n\n#jhkd_qlzVjS .jhkd-mob-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 14px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid var(--border);\n}\n\n#jhkd_qlzVjS .jhkd-mob-status {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n#jhkd_qlzVjS .jhkd-dot-mob { width: 6px; height: 6px; }\n\n#jhkd_qlzVjS .jhkd-mob-label {\n  font-family: #4a86ff;\n  font-size: 9.5px;\n  letter-spacing: 0.2em;\n  color: var(--accent);\n  text-transform: uppercase;\n}\n\n#jhkd_qlzVjS .jhkd-mob-sub {\n  font-family: var(--mono);\n  font-size: 7px;\n  letter-spacing: 0.15em;\n  color: var(--txt-dim);\n  text-transform: uppercase;\n}\n\n#jhkd_qlzVjS .jhkd-mob-counter {\n  font-family: var(--mono);\n  font-size: 11px;\n  color: var(--accent);\n}\n#jhkd_qlzVjS .jhkd-mob-total { color: var(--txt-dim); }\n\n#jhkd_qlzVjS .jhkd-mob-title {\n  font-size: 17px;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  margin-bottom: 3px;\n  background: linear-gradient(90deg, #0554F2 0%, #60B0FF 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: #60B0FF;\n}\n\n#jhkd_qlzVjS .jhkd-mob-hint {\n  font-size: 10px;\n  color: var(--txt-mid);\n  margin-bottom: 14px;\n  line-height: 1.4;\n}\n\n#jhkd_qlzVjS .jhkd-mob-row {\n  padding: 9px 2px;\n}\n\n#jhkd_qlzVjS .jhkd-radio-mob {\n  width: 20px;\n  height: 20px;\n}\n\n#jhkd_qlzVjS .jhkd-kw-mob {\n  font-size: 12px;\n}\n\n#jhkd_qlzVjS .jhkd-btn-mob {\n  margin-top: 12px;\n  padding: 14px;\n  font-size: 12px;\n  border-radius: 7px;\n}\n\n\/* Mobile pip strip *\/\n#jhkd_qlzVjS .jhkd-mob-pips {\n  display: flex;\n  gap: 3px;\n  margin-top: 10px;\n  justify-content: center;\n}\n\n#jhkd_qlzVjS .jhkd-pip-mob {\n  width: 14px;\n  height: 4px;\n  border-radius: 2px;\n  background: var(--border);\n  transition: background 0.3s, box-shadow 0.3s;\n}\n#jhkd_qlzVjS .jhkd-pip-mob.lit {\n  background: var(--accent);\n  box-shadow: 0 0 4px var(--accent-glow);\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     JAVASCRIPT \u2014 Animation engine\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function () {\n  'use strict';\n\n  var ROOT   = document.getElementById('jhkd_qlzVjS');\n  if (!ROOT) return;\n\n  \/* \u2500\u2500 Constants \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var CHARS       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_$%#@!';\n  var KW_GAP_MS   = 400;   \/* delay between each keyword appearing        *\/\n  var GLITCH_TICK = 38;    \/* ms per scramble tick                        *\/\n  var GLITCH_RATE = 0.8;  \/* chars revealed per tick                     *\/\n  var HOLD_MS     = 3200;  \/* pause after all keywords decoded            *\/\n  var RESET_MS    = 600;   \/* fade-out duration before next loop          *\/\n  var PIP_TOTAL   = 12;\n\n  \/* \u2500\u2500 State \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var timers    = [];\n  var glitchIVs = [];\n  var isRunning = false;\n  var isMobile  = false;\n\n  \/* \u2500\u2500 Helper: safe setTimeout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function after(fn, ms) {\n    var id = setTimeout(fn, ms);\n    timers.push(id);\n    return id;\n  }\n  function clearAll() {\n    timers.forEach(clearTimeout);\n    glitchIVs.forEach(clearInterval);\n    timers = [];\n    glitchIVs = [];\n  }\n\n  \/* \u2500\u2500 Detect layout mode \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function checkMobile() {\n    isMobile = window.matchMedia('(max-width: 767px)').matches;\n  }\n\n  \/* \u2500\u2500 Element getters (lazy, cached per run) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function getRows()    { return ROOT.querySelectorAll(isMobile ? '.jhkd-mob-row'  : '.jhkd-row');   }\n  function getKws()     { return ROOT.querySelectorAll(isMobile ? '.jhkd-kw-mob'   : '.jhkd-kw');    }\n  function getBtn()     { return ROOT.querySelector(isMobile   ? '.jhkd-btn-mob'   : '.jhkd-btn');   }\n  function getPips()    { return ROOT.querySelectorAll(isMobile ? '.jhkd-pip-mob'   : '.jhkd-pip');   }\n  function getCount()   { return ROOT.querySelector(isMobile   ? '.jhkd-count-mob' : '.jhkd-count'); }\n  function getStatus()  { return ROOT.querySelector('.jhkd-status'); }\n\n  \/* \u2500\u2500 Reset everything to initial scrambled state \u2500\u2500\u2500\u2500\u2500 *\/\n  function reset() {\n    isRunning = false;\n\n    \/* Desktop HUD *\/\n    var status = getStatus();\n    if (status) { status.textContent = 'SCANNING'; status.classList.remove('resolved'); }\n\n    \/* Rows invisible *\/\n    ROOT.querySelectorAll('.jhkd-row, .jhkd-mob-row').forEach(function(r) {\n      r.classList.remove('visible', 'accented');\n    });\n\n    \/* Radios back to neutral *\/\n    ROOT.querySelectorAll('.jhkd-radio').forEach(function(r) {\n      r.classList.remove('is-checked', 'is-unchecked', 'is-checking');\n    });\n\n    \/* Keywords back to block chars *\/\n    ROOT.querySelectorAll('.jhkd-kw, .jhkd-kw-mob').forEach(function(kw) {\n      kw.classList.remove('decoded');\n      kw.textContent = kw.getAttribute('data-final').replace(\/.\/g, '\\u2588');\n    });\n\n    \/* Buttons hidden *\/\n    ROOT.querySelectorAll('.jhkd-btn, .jhkd-btn-mob').forEach(function(b) {\n      b.classList.remove('visible');\n    });\n\n    \/* Pips off *\/\n    ROOT.querySelectorAll('.jhkd-pip, .jhkd-pip-mob').forEach(function(p) {\n      p.classList.remove('lit');\n    });\n\n    \/* Subtitle reset *\/\n    var subEl = ROOT.querySelector('.jhkd-ph-sub, .jhkd-mob-hint');\n    if (subEl) subEl.textContent = '';\n\n    \/* Counter *\/\n    var cnt = getCount();\n    if (cnt) cnt.textContent = '00\/07';\n    var cntM = ROOT.querySelector('.jhkd-count-mob');\n    if (cntM) cntM.textContent = '00';\n  }\n\n  \/* \u2500\u2500 Glitch a single keyword span \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function glitchDecode(span, finalText, onDone) {\n    var progress = 0;\n    var len      = finalText.length;\n\n    var iv = setInterval(function () {\n      var out = '';\n      for (var i = 0; i < len; i++) {\n        if (finalText[i] === ' ') {\n          out += (i < progress) ? ' ' : '\\u00a0';\n        } else if (i < progress) {\n          out += finalText[i];\n        } else {\n          out += CHARS[Math.floor(Math.random() * CHARS.length)];\n        }\n      }\n      span.textContent = out;\n\n      if (progress >= len) {\n        clearInterval(iv);\n        span.textContent = finalText;\n        span.classList.add('decoded');\n        if (onDone) onDone();\n      }\n      progress += GLITCH_RATE;\n    }, GLITCH_TICK);\n\n    glitchIVs.push(iv);\n  }\n\n  \/* \u2500\u2500 Animate radio into checked \/ unchecked state \u2500\u2500\u2500\u2500\u2500 *\/\n  function animateRadio(radio, isChecked) {\n    if (!radio) return;\n    if (isChecked) {\n      radio.classList.add('is-checking');\n      after(function () {\n        radio.classList.remove('is-checking');\n        radio.classList.add('is-checked');\n      }, 140);\n    } else {\n      radio.classList.add('is-unchecked');\n    }\n  }\n\n  \/* \u2500\u2500 Light pips sequentially \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function lightPips(count, total) {\n    var pips = getPips();\n    \/* Map resolved keyword index \u2192 pip index *\/\n    var pipIdx = Math.round((count \/ total) * PIP_TOTAL) - 1;\n    if (pips[pipIdx]) pips[pipIdx].classList.add('lit');\n  }\n\n  \/* \u2500\u2500 Update counter display \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function updateCounter(n, total) {\n    var s = n.toString().padStart(2, '0');\n    var cnt = getCount();\n    if (cnt) cnt.textContent = s + '\/' + total.toString().padStart(2, '0');\n    var cntM = ROOT.querySelector('.jhkd-count-mob');\n    if (cntM) cntM.textContent = s;\n  }\n\n  \/* \u2500\u2500 Main animation sequence \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* \u2500\u2500 Subtitle typewriter \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var SUB_TEXT = 'Confirm keywords that apply to your experience';\n  function typeSubtitle(el) {\n    if (!el) return;\n    el.textContent = '';\n    var cursor = document.createElement('span');\n    cursor.className = 'jhkd-ph-cursor';\n    el.appendChild(cursor);\n    var i = 0;\n    var iv = setInterval(function() {\n      if (!isRunning) { clearInterval(iv); return; }\n      if (i < SUB_TEXT.length) {\n        el.insertBefore(document.createTextNode(SUB_TEXT[i]), cursor);\n        i++;\n      } else {\n        clearInterval(iv);\n        setTimeout(function() { if (cursor.parentNode) cursor.remove(); }, 600);\n      }\n    }, 28);\n    glitchIVs.push(iv);\n  }\n\n  function runSequence() {\n    if (isRunning) return;\n    isRunning = true;\n    checkMobile();\n\n    \/* Typewriter subtitle immediately when sequence starts *\/\n    typeSubtitle(ROOT.querySelector(isMobile ? '.jhkd-mob-hint' : '.jhkd-ph-sub'));\n\n    var rows    = getRows();\n    var kws     = getKws();\n    var btn     = getBtn();\n    var total   = rows.length;\n    var decoded = 0;\n\n    \/* Stagger each row: appear \u2192 glitch \u2192 decode *\/\n    for (var i = 0; i < total; i++) {\n      (function (idx) {\n        var appearAt = idx * KW_GAP_MS;\n\n        after(function () {\n          if (!isRunning) return;\n          var row = rows[idx];\n          var kw  = kws[idx];\n          if (!row || !kw) return;\n\n          \/* Row slides in *\/\n          row.classList.add('visible');\n\n          \/* Glitch decode the keyword text, then animate radio *\/\n          var finalText = kw.getAttribute('data-final') || '';\n          var radio     = row.querySelector('.jhkd-radio');\n          var isChecked = row.getAttribute('data-checked') === 'true';\n          glitchDecode(kw, finalText, function () {\n            if (!isRunning) return;\n            \/* Radio pops into state 80ms after text resolves *\/\n            after(function () {\n              animateRadio(radio, isChecked);\n              if (isChecked) { row.classList.add('accented'); }\n            }, 80);\n            decoded++;\n            updateCounter(decoded, total);\n            lightPips(decoded, total);\n\n            \/* After last keyword: status \u2192 RESOLVED, show button *\/\n            if (decoded === total) {\n              var st = getStatus();\n              if (st) { st.textContent = 'RESOLVED'; st.classList.add('resolved'); }\n              after(function () {\n                if (!isRunning) return;\n                if (btn) btn.classList.add('visible');\n              }, 280);\n\n              \/* Hold \u2192 reset \u2192 loop *\/\n              after(function () {\n                var fadeBtn = getBtn();\n                if (fadeBtn) fadeBtn.classList.remove('visible');\n                after(function () {\n                  reset();\n                  after(runSequence, 400);\n                }, RESET_MS);\n              }, HOLD_MS);\n            }\n          });\n        }, appearAt);\n      })(i);\n    }\n  }\n\n  \/* \u2500\u2500 Entry point: triggered when slide becomes active \u2500 *\/\n  function start() {\n    clearAll();\n    reset();\n    after(runSequence, 350);\n  }\n\n  function stop() {\n    clearAll();\n    reset();\n  }\n\n  \/* \u2500\u2500 Watch parent .orbit-slide for .is-focal (transition-only) \u2500\n     wasFocal prevents start()\/stop() firing on every rAF class mutation\n     from JHOrbit's updateOrbit loop (~60fps). Only actual focal changes\n     trigger the animation lifecycle.                                    *\/\n  var parentSlide = ROOT.closest('.orbit-slide');\n  if (parentSlide) {\n    \/* wasFocal starts FALSE even if slide is already focal.\n       Slide 0 is always focal at page load (JHOrbit currentProgress=0),\n       so the animation is gated behind the section entering the viewport\n       to ensure it only triggers after the user scrolls to this section. *\/\n    var wasFocal = false;\n    var moActive = false;\n    var observer = new MutationObserver(function (mutations) {\n      mutations.forEach(function (m) {\n        if (m.attributeName !== 'class') return;\n        var isFocal = parentSlide.classList.contains('is-focal');\n        if (isFocal && !wasFocal)      { wasFocal = true;  start(); }\n        else if (!isFocal && wasFocal) { wasFocal = false; stop();  }\n      });\n    });\n\n    function activateMO() {\n      if (moActive) return;\n      moActive = true;\n      observer.observe(parentSlide, { attributes: true });\n    }\n\n    \/* Gate: only activate once the parent section enters viewport *\/\n    var section = parentSlide.closest('.tcc-features-section') || parentSlide.closest('section');\n    if (section && 'IntersectionObserver' in window) {\n      var sectionIO = new IntersectionObserver(function (entries) {\n        entries.forEach(function (e) {\n          if (e.isIntersecting) { activateMO(); sectionIO.disconnect(); }\n        });\n      }, { threshold: 0.05 });\n      sectionIO.observe(section);\n    } else {\n      activateMO();\n    }\n\n  } else {\n    \/* Standalone \/ preview *\/\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) { start(); }\n        else                  { stop();  }\n      });\n    }, { threshold: 0.4 });\n    io.observe(ROOT);\n  }\n\n  \/* \u2500\u2500 Cleanup on page unload \/ SPA navigation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  window.addEventListener('beforeunload', stop);\n\n  \/* \u2500\u2500 Responsive: re-run on breakpoint cross \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var mql = window.matchMedia('(max-width: 767px)');\n  mql.addEventListener('change', function () {\n    if (isRunning) { stop(); after(start, 200); }\n  });\n\n})();\n<\/script>\n                    <\/div>\n                    <div class=\"mobile-slide-text\">\n                        <h4>Job Specific Keyword Targeting<\/h4>\n                        <p>Add keywords recruiters are searching for to ensure your resume is not blocked by Applicant Tracking Systems (ATS).<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"orbit-slide\" role=\"tabpanel\" id=\"jh_orbit_MEOdwu_panel_1\" aria-labelledby=\"jh_orbit_MEOdwu_tab_1\">\n                    <div class=\"video-inner-wrapper jh-anim-wrapper\">\n                        <!-- Hidden video stub \u2014 required by JHOrbit constructor (mobileVideoData) -->\n                        <video style=\"display:none\" muted loop playsinline preload=\"none\" aria-hidden=\"true\"><\/video>\n                        \n<div id=\"jh_tl_Y3WSUg\" class=\"jh-tl-wrap\">\n\n    <div class=\"jh-tl-hdr\">\n        <span class=\"jh-tl-dot\"><\/span>\n        <span class=\"jh-tl-tag\">C \u00b7 Target Lock &rarr; B \u00b7 Neural Rewrite<\/span>\n    <\/div>\n\n    <div class=\"jh-tl-body\">\n        <div class=\"jh-tl-strow\">\n            <span class=\"jh-tl-stdot\"><\/span>\n            <span class=\"jh-tl-sttxt\" id=\"jh_tl_Y3WSUg_st\"><\/span>\n        <\/div>\n\n        <div class=\"jh-tl-screen\">\n\n            <!-- PHASE C: requirement \u2192 experience matching -->\n            <div id=\"jh_tl_Y3WSUg_pc\" class=\"jh-tl-phase\">\n                <div class=\"jh-tl-col-hdrs\">\n                    <span class=\"jh-tl-col-hdr\">Job requirements<\/span>\n                    <span class=\"jh-tl-col-hdr\">Your experience<\/span>\n                <\/div>\n                <div class=\"jh-tl-mx\">\n                    <div class=\"jh-tl-col\">\n                        <div class=\"jh-tl-chip jh-tl-jd\" id=\"jh_tl_Y3WSUg_jd0\">Stakeholder management<\/div>\n                        <div class=\"jh-tl-chip jh-tl-jd\" id=\"jh_tl_Y3WSUg_jd1\">Revenue growth<\/div>\n                        <div class=\"jh-tl-chip jh-tl-jd\" id=\"jh_tl_Y3WSUg_jd2\">Cross-functional leadership<\/div>\n                        <div class=\"jh-tl-chip jh-tl-jd\" id=\"jh_tl_Y3WSUg_jd3\">Client retention<\/div>\n                    <\/div>\n                    <svg class=\"jh-tl-conn\" width=\"28\" height=\"146\" viewBox=\"0 0 28 146\">\n                        <line id=\"jh_tl_Y3WSUg_l0\" x1=\"0\" y1=\"18\"  x2=\"28\" y2=\"18\"  stroke=\"#0554F2\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\" fill=\"none\" opacity=\"0\"\/>\n                        <line id=\"jh_tl_Y3WSUg_l1\" x1=\"0\" y1=\"55\"  x2=\"28\" y2=\"55\"  stroke=\"#0554F2\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\" fill=\"none\" opacity=\"0\"\/>\n                        <line id=\"jh_tl_Y3WSUg_l2\" x1=\"0\" y1=\"92\"  x2=\"28\" y2=\"92\"  stroke=\"#0554F2\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\" fill=\"none\" opacity=\"0\"\/>\n                        <line id=\"jh_tl_Y3WSUg_l3\" x1=\"0\" y1=\"128\" x2=\"28\" y2=\"128\" stroke=\"#0554F2\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\" fill=\"none\" opacity=\"0\"\/>\n                    <\/svg>\n                    <div class=\"jh-tl-col\">\n                        <div class=\"jh-tl-chip jh-tl-ex\" id=\"jh_tl_Y3WSUg_ex0\">Managed 12 accounts<\/div>\n                        <div class=\"jh-tl-chip jh-tl-ex\" id=\"jh_tl_Y3WSUg_ex1\">Exceeded targets 15%<\/div>\n                        <div class=\"jh-tl-chip jh-tl-ex\" id=\"jh_tl_Y3WSUg_ex2\">Led team of 5<\/div>\n                        <div class=\"jh-tl-chip jh-tl-ex\" id=\"jh_tl_Y3WSUg_ex3\">92% renewal rate<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"jh-tl-sc-num\" id=\"jh_tl_Y3WSUg_sc\">0%<\/div>\n                <div class=\"jh-tl-sc-lbl\">Match Score<\/div>\n                <div class=\"jh-tl-prog\"><div class=\"jh-tl-prog-fill\" id=\"jh_tl_Y3WSUg_cp\"><\/div><\/div>\n            <\/div>\n\n            <!-- PHASE B: tailored resume bullets -->\n            <div id=\"jh_tl_Y3WSUg_pb\" class=\"jh-tl-phase jh-tl-hidden\">\n                <div class=\"jh-tl-exp-hdr\">\n                    <div class=\"jh-tl-exp-co\">TechFlow Solutions<\/div>\n                    <div class=\"jh-tl-exp-role\">Senior Sales Associate<\/div>\n                    <div class=\"jh-tl-exp-date\">JAN 2022 &ndash; PRESENT<\/div>\n                <\/div>\n                <div class=\"jh-tl-divider\"><\/div>\n                <div class=\"jh-tl-bullets\">\n                    <div class=\"jh-tl-bullet\" id=\"jh_tl_Y3WSUg_b0\"><span class=\"jh-tl-bdot\">&#9658;<\/span><span id=\"jh_tl_Y3WSUg_b0t\"><\/span><\/div>\n                    <div class=\"jh-tl-bullet\" id=\"jh_tl_Y3WSUg_b1\"><span class=\"jh-tl-bdot\">&#9658;<\/span><span id=\"jh_tl_Y3WSUg_b1t\"><\/span><\/div>\n                    <div class=\"jh-tl-bullet\" id=\"jh_tl_Y3WSUg_b2\"><span class=\"jh-tl-bdot\">&#9658;<\/span><span id=\"jh_tl_Y3WSUg_b2t\"><\/span><\/div>\n                    <div class=\"jh-tl-bullet\" id=\"jh_tl_Y3WSUg_b3\"><span class=\"jh-tl-bdot\">&#9658;<\/span><span id=\"jh_tl_Y3WSUg_b3t\"><\/span><\/div>\n                <\/div>\n                <div class=\"jh-tl-prog\"><div class=\"jh-tl-prog-fill\" id=\"jh_tl_Y3WSUg_bp\"><\/div><\/div>\n            <\/div>\n\n        <\/div><!-- \/.jh-tl-screen -->\n    <\/div><!-- \/.jh-tl-body -->\n\n    <div class=\"jh-tl-ftr\">\n        <span class=\"jh-tl-dot\" style=\"animation-delay:.6s\"><\/span>\n        <div>\n            <div class=\"jh-tl-name\">Target Lock<\/div>\n            <div class=\"jh-tl-desc\">Job requirements align to your experience live &mdash; surfacing exact keyword gaps<\/div>\n        <\/div>\n    <\/div>\n\n<\/div><!-- \/#id -->\n\n<style>\n\/* \u2500\u2500 All rules scoped to #jh_tl_Y3WSUg \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#jh_tl_Y3WSUg *{ box-sizing:border-box; margin:0; padding:0; }\n\n#jh_tl_Y3WSUg.jh-tl-wrap {\n    background: #030303;\n    border: 1px solid rgba(5,84,242,0.45);\n    border-radius: 12px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    font-family: 'JetBrains Mono','Courier New',monospace;\n    width: 100%;\n}\n\n#jh_tl_Y3WSUg .jh-tl-hdr {\n    background: rgba(5,84,242,0.12);\n    border-bottom: 1px solid rgba(5,84,242,0.28);\n    padding: 8px 14px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n#jh_tl_Y3WSUg .jh-tl-tag {\n    font-size: 10px;\n    letter-spacing: 0.22em;\n    color: rgba(96,176,255,0.9);\n    text-transform: uppercase;\n}\n\n#jh_tl_Y3WSUg .jh-tl-dot {\n    width: 5px; height: 5px;\n    border-radius: 50%;\n    background: #60B0FF;\n    flex-shrink: 0;\n    animation: jh_tl_dot_jh_tl_Y3WSUg 2.2s ease-in-out infinite;\n}\n#jh_tl_Y3WSUg .jh-tl-stdot {\n    width: 4px; height: 4px;\n    border-radius: 50%;\n    background: #60B0FF;\n    flex-shrink: 0;\n    animation: jh_tl_dot_jh_tl_Y3WSUg 2s ease-in-out infinite;\n}\n\n#jh_tl_Y3WSUg .jh-tl-body {\n    padding: 14px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n#jh_tl_Y3WSUg .jh-tl-strow {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 0 10px;\n}\n#jh_tl_Y3WSUg .jh-tl-sttxt {\n    font-size: 12px;\n    letter-spacing: 0.18em;\n    color: rgba(96,176,255,0.92);\n    text-transform: uppercase;\n    font-weight: 600;\n}\n\n#jh_tl_Y3WSUg .jh-tl-screen {\n    background: rgba(10,14,28,0.95);\n    border: 1px solid rgba(5,84,242,0.2);\n    border-radius: 8px;\n    padding: 12px 12px 18px;\n    position: relative;\n    overflow: hidden;\n    min-height: 232px;\n}\n\n\/* Phases *\/\n#jh_tl_Y3WSUg .jh-tl-phase {\n    width: 100%;\n    transition: opacity 0.4s;\n    position: absolute;\n    inset: 12px 12px 18px;\n}\n#jh_tl_Y3WSUg .jh-tl-hidden { opacity: 0; pointer-events: none; }\n\n\/* Phase C *\/\n#jh_tl_Y3WSUg .jh-tl-col-hdrs {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 6px;\n}\n#jh_tl_Y3WSUg .jh-tl-col-hdr {\n    font-size: 9px;\n    letter-spacing: 0.18em;\n    color: rgba(255,255,255,0.55);\n    text-transform: uppercase;\n}\n#jh_tl_Y3WSUg .jh-tl-mx {\n    display: grid;\n    grid-template-columns: 1fr 28px 1fr;\n    width: 100%;\n}\n#jh_tl_Y3WSUg .jh-tl-col { display: flex; flex-direction: column; gap: 5px; }\n#jh_tl_Y3WSUg .jh-tl-conn { overflow: visible; }\n\n#jh_tl_Y3WSUg .jh-tl-chip {\n    border-radius: 5px;\n    padding: 5px 8px;\n    font-family: 'Inter',-apple-system,sans-serif;\n    font-size: 11px;\n    font-weight: 400;\n    line-height: 1.35;\n    letter-spacing: 0;\n    transition: all 0.4s;\n}\n#jh_tl_Y3WSUg .jh-tl-jd {\n    background: rgba(5,84,242,0.12);\n    border: 1px solid rgba(5,84,242,0.35);\n    color: rgba(96,176,255,0.75);\n}\n#jh_tl_Y3WSUg .jh-tl-jd.jh-tl-lit {\n    background: rgba(5,84,242,0.2);\n    border-color: rgba(96,176,255,0.55);\n    color: rgba(96,176,255,0.95);\n}\n#jh_tl_Y3WSUg .jh-tl-ex {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.12);\n    color: rgba(255,255,255,0.6);\n}\n#jh_tl_Y3WSUg .jh-tl-ex.jh-tl-lit {\n    background: rgba(5,84,242,0.08);\n    border-color: rgba(96,176,255,0.3);\n    color: rgba(255,255,255,0.8);\n}\n\n#jh_tl_Y3WSUg .jh-tl-sc-num {\n    font-size: 24px;\n    font-weight: 700;\n    color: #60B0FF;\n    text-align: center;\n    line-height: 1;\n    margin-top: 10px;\n}\n#jh_tl_Y3WSUg .jh-tl-sc-lbl {\n    font-size: 9px;\n    letter-spacing: 0.22em;\n    color: rgba(255,255,255,0.2);\n    text-align: center;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.5);\n    margin-top: 2px;\n    margin-bottom: 12px; \/* fix: prevents progress bar overlap *\/\n}\n\n\/* Phase B *\/\n#jh_tl_Y3WSUg .jh-tl-exp-hdr { margin-bottom: 10px; }\n#jh_tl_Y3WSUg .jh-tl-exp-co  { font-size: 11px; font-weight: 700; color: rgba(255,255,255,1.0); letter-spacing: 0.06em; }\n#jh_tl_Y3WSUg .jh-tl-exp-role{ font-size: 10px; color: rgba(255,255,255,0.75); letter-spacing: 0.06em; margin-top: 1px; }\n#jh_tl_Y3WSUg .jh-tl-exp-date{ font-size: 9px; color: rgba(96,176,255,0.75); letter-spacing: 0.1em; margin-top: 2px; }\n#jh_tl_Y3WSUg .jh-tl-divider { height: 1px; background: rgba(5,84,242,0.35); margin: 8px 0; }\n#jh_tl_Y3WSUg .jh-tl-bullets { display: flex; flex-direction: column; gap: 6px; }\n#jh_tl_Y3WSUg .jh-tl-bullet  { display: flex; gap: 6px; font-size: 11.5px; font-family: 'Inter',-apple-system,sans-serif; font-weight: 400; letter-spacing: 0; line-height: 1.6; color: rgba(255,255,255,0.82); opacity: 0; transition: opacity 0.2s; }\n#jh_tl_Y3WSUg .jh-tl-bullet.jh-tl-vis { opacity: 1; }\n#jh_tl_Y3WSUg .jh-tl-bdot    { color: rgba(5,84,242,0.8); flex-shrink: 0; margin-top: 1px; font-size: 8px; }\n\n\/* Keyword tag *\/\n#jh_tl_Y3WSUg .jh-tl-kw {\n    background: rgba(5,84,242,0.15);\n    border: 1px solid rgba(96,176,255,0.4);\n    border-radius: 3px;\n    color: #60B0FF;\n    padding: 0 3px;\n    font-size: 10px;\n    white-space: nowrap;\n    font-family: 'JetBrains Mono','Courier New',monospace;\n}\n\n\/* Cursor *\/\n#jh_tl_Y3WSUg .jh-tl-blink {\n    display: inline-block;\n    width: 1px;\n    height: 0.85em;\n    background: #60B0FF;\n    vertical-align: middle;\n    margin-left: 1px;\n    animation: jh_tl_blink_jh_tl_Y3WSUg 0.65s infinite;\n}\n\n\/* Progress bar *\/\n#jh_tl_Y3WSUg .jh-tl-prog {\n    height: 2px;\n    background: rgba(255,255,255,0.05);\n    border-radius: 1px;\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    overflow: hidden;\n}\n#jh_tl_Y3WSUg .jh-tl-prog-fill {\n    height: 100%;\n    width: 0%;\n    background: linear-gradient(90deg, #0554F2, #60B0FF);\n    transition: width 0.06s linear;\n}\n\n\/* Footer *\/\n#jh_tl_Y3WSUg .jh-tl-ftr {\n    background: rgba(5,84,242,0.07);\n    border-top: 1px solid rgba(5,84,242,0.28);\n    padding: 8px 14px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n#jh_tl_Y3WSUg .jh-tl-name { font-size: 10px; font-weight: 700; letter-spacing: 0.18em; color: #fff; text-transform: uppercase; }\n#jh_tl_Y3WSUg .jh-tl-desc { font-size: 10px; color: rgba(255,255,255,0.6); line-height: 1.55; margin-top: 1px; letter-spacing: 0.06em; }\n\n\/* Connector dash animation \u2014 one per line to vary speed *\/\n#jh_tl_Y3WSUg #jh_tl_Y3WSUg_l0 { animation: jh_tl_dash_jh_tl_Y3WSUg 1.2s linear infinite; }\n#jh_tl_Y3WSUg #jh_tl_Y3WSUg_l1 { animation: jh_tl_dash_jh_tl_Y3WSUg 1.5s linear infinite; }\n#jh_tl_Y3WSUg #jh_tl_Y3WSUg_l2 { animation: jh_tl_dash_jh_tl_Y3WSUg 1.8s linear infinite; }\n#jh_tl_Y3WSUg #jh_tl_Y3WSUg_l3 { animation: jh_tl_dash_jh_tl_Y3WSUg 2.1s linear infinite; }\n\n@keyframes jh_tl_dot_jh_tl_Y3WSUg {\n    0%,100%{ opacity:1; transform:scale(1); }\n    50%    { opacity:0.4; transform:scale(0.7); }\n}\n@keyframes jh_tl_blink_jh_tl_Y3WSUg {\n    0%,49% { opacity:1; }\n    50%,100%{ opacity:0; }\n}\n@keyframes jh_tl_dash_jh_tl_Y3WSUg {\n    to { stroke-dashoffset: -14; }\n}\n<\/style>\n\n<script>\n(function() {\n    'use strict';\n\n    var ID  = 'jh_tl_Y3WSUg';\n    var pfx = ID + '_';\n    var $   = function(id) { return document.getElementById(pfx + id); };\n\n    var sleep = function(ms) { return new Promise(function(r) { setTimeout(r, ms); }); };\n\n    \/* \u2500\u2500 Resume bullet data \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    var BULLETS = [\n        [\n            'Surpassed quarterly targets by 15%, demonstrating consistent ',\n            {kw:'revenue growth'},\n            ' and ', {kw:'client retention'},\n            ' across a 12-account portfolio.'\n        ],\n        [\n            'Directed ', {kw:'cross-functional leadership'},\n            ' initiatives with marketing and product teams, reducing deal cycle time by 22%.'\n        ],\n        [\n            'Built trusted advisor relationships through proactive ',\n            {kw:'stakeholder management'},\n            ', achieving a 92% contract renewal rate year-over-year.'\n        ],\n        [\n            'Coached 3 junior associates to hit KPIs in 90 days, driving ',\n            {kw:'client retention'},\n            ' and team accountability.'\n        ],\n    ];\n\n    \/* \u2500\u2500 Helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    function setSt(txt)  { var el = document.getElementById(pfx + 'st');  if (el) el.textContent = txt; }\n    function setSc(txt)  { var el = document.getElementById(pfx + 'sc');  if (el) el.textContent = txt; }\n    function setW(id, v) { var el = document.getElementById(pfx + id);    if (el) el.style.width = v + '%'; }\n    function lit(id)     { var el = document.getElementById(pfx + id);    if (el) el.classList.add('jh-tl-lit'); }\n    function unlit(id)   { var el = document.getElementById(pfx + id);    if (el) el.classList.remove('jh-tl-lit'); }\n    function setOp(id,v) { var el = document.getElementById(pfx + id);    if (el) el.style.opacity = v; }\n    function vis(id)     { var el = document.getElementById(pfx + id);    if (el) el.classList.add('jh-tl-vis'); }\n    function unvis(id)   { var el = document.getElementById(pfx + id);    if (el) el.classList.remove('jh-tl-vis'); }\n\n    function showPhase(show, hide) {\n        var a = $(show), b = $(hide);\n        if (b) b.classList.add('jh-tl-hidden');\n        if (a) a.classList.remove('jh-tl-hidden');\n    }\n\n    async function animScore(from, to, dur) {\n        var delay = Math.max(8, Math.ceil(dur \/ (to - from)));\n        for (var v = from; v <= to; v++) { setSc(v + '%'); await sleep(delay); }\n    }\n\n    \/* \u2500\u2500 Phase C \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    async function phaseC() {\n        ['jd0','jd1','jd2','jd3'].forEach(function(id) { unlit(id); });\n        ['ex0','ex1','ex2','ex3'].forEach(function(id) { unlit(id); });\n        ['l0','l1','l2','l3'].forEach(function(id) { setOp(id, 0); });\n        setSc('0%'); setW('cp', 0);\n        showPhase('pc', 'pb');\n        setSt('Scanning job description...');\n        await sleep(333);\n        setSt('Locking requirements...');\n\n        var pairs = [\n            ['jd0','ex0','l0', 31, 183],\n            ['jd1','ex1','l1', 63, 160],\n            ['jd2','ex2','l2', 82, 140],\n            ['jd3','ex3','l3', 96, 127],\n        ];\n        var prev = 0;\n        for (var i = 0; i < pairs.length; i++) {\n            var p = pairs[i];\n            lit(p[0]); lit(p[1]); setOp(p[2], 1);\n            await animScore(prev, p[3], p[4]);\n            prev = p[3];\n            await sleep(117);\n        }\n        setW('cp', 100);\n        setSt('4 targets locked \\u2014 rewriting experience...');\n        await sleep(500);\n    }\n\n    \/* \u2500\u2500 Phase B \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    async function typeInto(container, segments, progEl, progBase, progRange) {\n        container.innerHTML = '';\n        var cur = document.createElement('span');\n        cur.className = 'jh-tl-blink';\n\n        var total = segments.reduce(function(s, seg) {\n            return s + (typeof seg === 'string' ? seg.length : seg.kw.length + 2);\n        }, 0);\n        var done = 0;\n\n        for (var i = 0; i < segments.length; i++) {\n            var seg = segments[i];\n            if (cur.parentNode) cur.remove();\n            if (typeof seg === 'string') {\n                for (var ci = 0; ci < seg.length; ci++) {\n                    if (cur.parentNode) cur.remove();\n                    container.appendChild(document.createTextNode(seg[ci]));\n                    container.appendChild(cur);\n                    done++;\n                    if (progEl) progEl.style.width = (progBase + (done \/ total) * progRange) + '%';\n                    await sleep(7);\n                }\n            } else {\n                var kw = document.createElement('span');\n                kw.className = 'jh-tl-kw';\n                kw.textContent = '@' + seg.kw + '@';\n                container.appendChild(kw);\n                container.appendChild(cur);\n                done += seg.kw.length + 2;\n                if (progEl) progEl.style.width = (progBase + (done \/ total) * progRange) + '%';\n                await sleep(107);\n            }\n        }\n        if (cur.parentNode) cur.remove();\n    }\n\n    async function phaseB() {\n        showPhase('pb', 'pc');\n        setW('bp', 0);\n        ['b0','b1','b2','b3'].forEach(function(id) {\n            unvis(id);\n            var t = document.getElementById(pfx + id + 't');\n            if (t) t.innerHTML = '';\n        });\n        setSt('Tailoring bullets...');\n\n        var bpEl = document.getElementById(pfx + 'bp');\n        for (var i = 0; i < BULLETS.length; i++) {\n            vis('b' + i);\n            var target = document.getElementById(pfx + 'b' + i + 't');\n            var base   = (i \/ BULLETS.length) * 100;\n            var range  = 100 \/ BULLETS.length;\n            await typeInto(target, BULLETS[i], bpEl, base, range);\n            await sleep(60);\n        }\n        setW('bp', 100);\n        setSt('Experience tailored \\u2014 4 keywords injected');\n        await sleep(1267);\n    }\n\n    \/* \u2500\u2500 Loop \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    var _running = false;\n\n    async function loop() {\n        _running = true;\n        while (_running) {\n            await phaseC(); if (!_running) break;\n            await phaseB(); if (!_running) break;\n            await sleep(133);\n        }\n    }\n\n    function startAnim() {\n        if (_running) return;\n        loop();\n    }\n\n    function stopAnim() {\n        _running = false;\n        \/* Reset visible state *\/\n        var sc = document.getElementById(pfx + 'sc'); if (sc) sc.textContent = '0%';\n        var st = document.getElementById(pfx + 'st'); if (st) st.textContent = '';\n        ['jd0','jd1','jd2','jd3'].forEach(function(i){ var e=document.getElementById(pfx+i); if(e) e.classList.remove('jh-tl-lit'); });\n        ['ex0','ex1','ex2','ex3'].forEach(function(i){ var e=document.getElementById(pfx+i); if(e) e.classList.remove('jh-tl-lit'); });\n        ['l0','l1','l2','l3'].forEach(function(i){ var e=document.getElementById(pfx+i); if(e) e.style.opacity='0'; });\n        var cp=document.getElementById(pfx+'cp'); if(cp) cp.style.width='0%';\n        var pc=document.getElementById(pfx+'pc'); if(pc) pc.classList.remove('jh-tl-hidden');\n        var pb=document.getElementById(pfx+'pb'); if(pb) pb.classList.add('jh-tl-hidden');\n        ['b0','b1','b2','b3'].forEach(function(i){\n            var b=document.getElementById(pfx+'b'+i); if(b) b.classList.remove('jh-tl-vis');\n            var t=document.getElementById(pfx+'b'+i+'t'); if(t) t.innerHTML='';\n        });\n    }\n\n    \/* \u2500\u2500 Watch parent .orbit-slide for .is-focal (transition-only) \u2500\u2500\u2500\u2500 *\/\n    var _wrap = document.getElementById(ID);\n    var _parentSlide = _wrap ? _wrap.closest('.orbit-slide') : null;\n\n    if (_parentSlide) {\n        var _wasFocal = _parentSlide.classList.contains('is-focal');\n        var _mo = new MutationObserver(function(muts) {\n            muts.forEach(function(m) {\n                if (m.attributeName !== 'class') return;\n                var _isFocal = _parentSlide.classList.contains('is-focal');\n                if (_isFocal && !_wasFocal)      { _wasFocal = true;  startAnim(); }\n                else if (!_isFocal && _wasFocal) { _wasFocal = false; stopAnim();  }\n            });\n        });\n        _mo.observe(_parentSlide, { attributes: true });\n        if (_wasFocal) { setTimeout(startAnim, 300); }\n    } else {\n        \/* Standalone \/ preview: IntersectionObserver *\/\n        var _io = new IntersectionObserver(function(entries) {\n            entries.forEach(function(e) {\n                if (e.isIntersecting) { startAnim(); } else { stopAnim(); }\n            });\n        }, { threshold: 0.35 });\n        if (_wrap) _io.observe(_wrap);\n    }\n\n    window.addEventListener('beforeunload', stopAnim);\n\n})();\n<\/script>\n                    <\/div>\n                    <div class=\"mobile-slide-text\">\n                        <h4>Align Your Experience to Any Job<\/h4>\n                        <p>Stand out instantly by tailoring your resume to meet job requirements and showcase your experience as a perfect fit.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"orbit-slide\" role=\"tabpanel\" id=\"jh_orbit_MEOdwu_panel_2\" aria-labelledby=\"jh_orbit_MEOdwu_tab_2\">\n                    <div class=\"video-inner-wrapper jh-anim-wrapper\">\n                        <!-- Hidden video stub \u2014 required by JHOrbit constructor (mobileVideoData) -->\n                        <video style=\"display:none\" muted loop playsinline preload=\"none\" aria-hidden=\"true\"><\/video>\n                        \n<div id=\"jhpv_138vl1\" class=\"jhpv-root\" aria-label=\"Profile Vectors \u2014 Skills, Competencies and Attributes\" role=\"region\">\n\n  <!-- \u2500\u2500\u2500 STATUS BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"jhpv-topbar\">\n    <span class=\"jhpv-dot\" aria-hidden=\"true\"><\/span>\n    <span class=\"jhpv-topbar-lbl\">PROFILE_ANALYSIS<\/span>\n    <span class=\"jhpv-topbar-sep\" aria-hidden=\"true\"><\/span>\n    <span class=\"jhpv-phase\" data-phase=\"s\">SKILLS<\/span>\n    <span class=\"jhpv-topbar-sep\" aria-hidden=\"true\"><\/span>\n    <span class=\"jhpv-phase\" data-phase=\"c\">COMPETENCIES<\/span>\n    <span class=\"jhpv-topbar-sep\" aria-hidden=\"true\"><\/span>\n    <span class=\"jhpv-phase\" data-phase=\"a\">ATTRIBUTES<\/span>\n    <span class=\"jhpv-topbar-total\" aria-live=\"polite\">\n      VECTORS: <span class=\"jhpv-vtotal\">00<\/span> \/ 18    <\/span>\n  <\/div>\n\n  <!-- \u2500\u2500\u2500 BANDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"jhpv-bands\">\n\n    <!-- SKILLS -->\n    <div class=\"jhpv-band jhpv-band-s\" data-band=\"s\" aria-label=\"Skills\">\n      <div class=\"jhpv-beam\" aria-hidden=\"true\"><\/div>\n      <div class=\"jhpv-side\">\n        <div class=\"jhpv-side-label\">Skills<\/div>\n        <div class=\"jhpv-side-counter jhpv-cnt-s\" aria-live=\"polite\">\n          00 \/ 06        <\/div>\n        <div class=\"jhpv-prog-track\" aria-hidden=\"true\">\n          <div class=\"jhpv-prog-fill jhpv-pf-s\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"jhpv-items jhpv-items-s\" role=\"list\">\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Store Management\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Store Management          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Sales Growth\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Sales Growth          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Customer Service\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Customer Service          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Leadership Coaching\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Leadership Coaching          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Operational Oversight\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Operational Oversight          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Retail Experience\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Retail Experience          <\/div>\n              <\/div>\n    <\/div>\n\n    <!-- COMPETENCIES -->\n    <div class=\"jhpv-band jhpv-band-c\" data-band=\"c\" aria-label=\"Competencies\">\n      <div class=\"jhpv-beam\" aria-hidden=\"true\"><\/div>\n      <div class=\"jhpv-side\">\n        <div class=\"jhpv-side-label\">Competencies<\/div>\n        <div class=\"jhpv-side-counter jhpv-cnt-c\" aria-live=\"polite\">\n          00 \/ 06        <\/div>\n        <div class=\"jhpv-prog-track\" aria-hidden=\"true\">\n          <div class=\"jhpv-prog-fill jhpv-pf-c\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"jhpv-items jhpv-items-c\" role=\"list\">\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Decision Making\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Decision Making          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Performance Driven\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Performance Driven          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Team Mentoring\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Team Mentoring          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Quality Standards\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Quality Standards          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Strategic Analysis\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Strategic Analysis          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Communication Skills\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Communication Skills          <\/div>\n              <\/div>\n    <\/div>\n\n    <!-- ATTRIBUTES -->\n    <div class=\"jhpv-band jhpv-band-a\" data-band=\"a\" aria-label=\"Attributes\">\n      <div class=\"jhpv-beam\" aria-hidden=\"true\"><\/div>\n      <div class=\"jhpv-side\">\n        <div class=\"jhpv-side-label\">Attributes<\/div>\n        <div class=\"jhpv-side-counter jhpv-cnt-a\" aria-live=\"polite\">\n          00 \/ 06        <\/div>\n        <div class=\"jhpv-prog-track\" aria-hidden=\"true\">\n          <div class=\"jhpv-prog-fill jhpv-pf-a\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"jhpv-items jhpv-items-a\" role=\"list\">\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Integrity\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Integrity          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Empathy\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Empathy          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Courage\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Courage          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Positive Attitude\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Positive Attitude          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Collaborative\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Collaborative          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Adaptability\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Adaptability          <\/div>\n              <\/div>\n    <\/div>\n\n  <\/div><!-- \/.jhpv-bands -->\n\n  <!-- \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"jhpv-footer\" aria-hidden=\"true\">\n    <div class=\"jhpv-footer-sig\">\/\/ DEEP_SIGNAL_INJECTION &nbsp;\u00b7&nbsp; PROFILE VECTORS ALIGNED<\/div>\n    <div class=\"jhpv-pips\">\n              <span class=\"jhpv-pip\" data-pip=\"0\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"1\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"2\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"3\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"4\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"5\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"6\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"7\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"8\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"9\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"10\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"11\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"12\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"13\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"14\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"15\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"16\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"17\"><\/span>\n          <\/div>\n  <\/div>\n\n<\/div><!-- \/.jhpv-root -->\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     STYLES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n#jhpv_138vl1 {\n  \/* Brand tokens *\/\n  --bg:           #030303;\n  --scan-line:    rgba(5, 84, 242, 0.004);\n  --accent:       #0554F2;\n  --accent-glow:  rgba(5, 84, 242, 0.55);\n  --border:       rgba(255, 255, 255, 0.07);\n  --txt:          rgba(255, 255, 255, 0.92);\n  --txt-mid:      rgba(255, 255, 255, 0.52);\n  --txt-dim:      rgba(255, 255, 255, 0.2);\n  --mono:         'JetBrains Mono', 'Courier New', monospace;\n  --sans:         'Inter', system-ui, sans-serif;\n  --ease:         cubic-bezier(0.23, 1, 0.32, 1);\n\n  \/* Category colours *\/\n  --cs:  #0554F2;\n  --csg: rgba(5, 84, 242, 0.6);\n  --cc:  #7C3AED;\n  --ccg: rgba(124, 58, 237, 0.6);\n  --ca:  #059669;\n  --cag: rgba(5, 150, 105, 0.6);\n\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: var(--bg);\n  background-image: repeating-linear-gradient(\n    0deg, transparent, transparent 3px,\n    var(--scan-line) 3px, var(--scan-line) 4px\n  );\n  color: var(--txt);\n  font-family: var(--sans);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STATUS BAR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhpv_138vl1 .jhpv-topbar {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 11px 20px;\n  border-bottom: 1px solid var(--border);\n  background: rgba(5, 84, 242, 0.06);\n  border-bottom: 1px solid rgba(5,84,242,0.2);\n  flex-shrink: 0;\n}\n\n#jhpv_138vl1 .jhpv-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--accent);\n  box-shadow: 0 0 6px var(--accent-glow);\n  flex-shrink: 0;\n  animation: jhpv-blink 1.1s ease-in-out infinite;\n}\n@keyframes jhpv-blink {\n  0%, 100% { opacity: 1; box-shadow: 0 0 6px var(--accent-glow); }\n  50%       { opacity: .15; box-shadow: none; }\n}\n\n#jhpv_138vl1 .jhpv-topbar-lbl {\n  font-family: var(--mono);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: .22em;\n  color: #60B0FF;\n  text-shadow: 0 0 10px rgba(96,176,255,0.4);\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n#jhpv_138vl1 .jhpv-topbar-sep {\n  width: 1px;\n  height: 12px;\n  background: rgba(255,255,255,0.15);\n  flex-shrink: 0;\n}\n\n#jhpv_138vl1 .jhpv-phase {\n  font-family: var(--mono);\n  font-size: 11px;\n  font-weight: 400;\n  letter-spacing: .14em;\n  color: rgba(255, 255, 255, 0.82);\n  text-transform: uppercase;\n  transition: color .4s, font-weight .4s, text-shadow .4s;\n  white-space: nowrap;\n}\n#jhpv_138vl1 .jhpv-phase.active {\n  color: rgba(255, 255, 255, 0.95);\n  font-weight: 600;\n  text-shadow: 0 0 8px rgba(255,255,255,0.15);\n}\n#jhpv_138vl1 .jhpv-phase.done {\n  color: rgba(255, 255, 255, 0.45);\n  font-weight: 400;\n}\n\n#jhpv_138vl1 .jhpv-topbar-total {\n  margin-left: auto;\n  font-family: var(--mono);\n  font-size: 8px;\n  letter-spacing: .08em;\n  color: rgba(255,255,255,0.4);\n  white-space: nowrap;\n}\n#jhpv_138vl1 .jhpv-vtotal { color: rgba(255,255,255,0.55); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BANDS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhpv_138vl1 .jhpv-bands {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n#jhpv_138vl1 .jhpv-band {\n  display: flex;\n  align-items: stretch;\n  border-bottom: 0.5px solid var(--border);\n  position: relative;\n  overflow: hidden;\n  flex: 1;\n  min-height: 90px;\n  transition: background .5s;\n}\n#jhpv_138vl1 .jhpv-band:last-child { border-bottom: none; }\n\n\/* Active scanning tint *\/\n#jhpv_138vl1 .jhpv-band-s.scanning { background: rgba(5, 84, 242, 0.025); }\n#jhpv_138vl1 .jhpv-band-c.scanning { background: rgba(124, 58, 237, 0.025); }\n#jhpv_138vl1 .jhpv-band-a.scanning { background: rgba(5, 150, 105, 0.025); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SIDEBAR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhpv_138vl1 .jhpv-side {\n  width: 130px;\n  flex-shrink: 0;\n  padding: 16px 18px;\n  border-right: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 5px;\n}\n\n#jhpv_138vl1 .jhpv-side-label {\n  font-family: var(--mono);\n  font-size: 12.5px;\n  font-weight: 600;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  transition: color .4s, text-shadow .4s;\n}\n#jhpv_138vl1 .jhpv-band-s .jhpv-side-label { color: #4a86ff; }\n#jhpv_138vl1 .jhpv-band-c .jhpv-side-label { color: #a78bfa); }\n#jhpv_138vl1 .jhpv-band-a .jhpv-side-label { color: #34d399); }\n#jhpv_138vl1 .jhpv-band-s.scanning .jhpv-side-label,\n#jhpv_138vl1 .jhpv-band-s.done     .jhpv-side-label { color: var(--cs); text-shadow: 0 0 10px rgba(5,84,242,0.5); }\n#jhpv_138vl1 .jhpv-band-c.scanning .jhpv-side-label,\n#jhpv_138vl1 .jhpv-band-c.done     .jhpv-side-label { color: var(--cc); text-shadow: 0 0 10px rgba(124,58,237,0.5); }\n#jhpv_138vl1 .jhpv-band-a.scanning .jhpv-side-label,\n#jhpv_138vl1 .jhpv-band-a.done     .jhpv-side-label { color: var(--ca); text-shadow: 0 0 10px rgba(5,150,105,0.5); }\n\n#jhpv_138vl1 .jhpv-side-counter {\n  font-family: var(--mono);\n  font-size: 10px;\n  letter-spacing: .06em;\n  color: rgba(255,255,255,0.45);\n  transition: color .4s;\n}\n#jhpv_138vl1 .jhpv-band-s.scanning .jhpv-side-counter,\n#jhpv_138vl1 .jhpv-band-s.done     .jhpv-side-counter { color: rgba(5,   84,  242, 0.55); }\n#jhpv_138vl1 .jhpv-band-c.scanning .jhpv-side-counter,\n#jhpv_138vl1 .jhpv-band-c.done     .jhpv-side-counter { color: rgba(124, 58,  237, 0.55); }\n#jhpv_138vl1 .jhpv-band-a.scanning .jhpv-side-counter,\n#jhpv_138vl1 .jhpv-band-a.done     .jhpv-side-counter { color: rgba(5,   150, 105, 0.55); }\n\n\/* Progress bar *\/\n#jhpv_138vl1 .jhpv-prog-track {\n  height: 2px;\n  border-radius: 1px;\n  background: rgba(255,255,255,0.06);\n  overflow: hidden;\n  margin-top: 3px;\n}\n#jhpv_138vl1 .jhpv-prog-fill {\n  height: 100%;\n  width: 0%;\n  border-radius: 1px;\n  transition: width .35s var(--ease);\n}\n#jhpv_138vl1 .jhpv-pf-s { background: var(--cs); }\n#jhpv_138vl1 .jhpv-pf-c { background: var(--cc); }\n#jhpv_138vl1 .jhpv-pf-a { background: var(--ca); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BEAM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhpv_138vl1 .jhpv-beam {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 130px;  \/* starts flush with sidebar edge *\/\n  width: 2px;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity .2s;\n  will-change: transform;\n  border-radius: 1px;\n}\n#jhpv_138vl1 .jhpv-beam::after {\n  content: '';\n  position: absolute;\n  top: 0; bottom: 0;\n  left: -10px; width: 22px;\n  opacity: .22;\n  border-radius: 2px;\n}\n#jhpv_138vl1 .jhpv-band-s .jhpv-beam {\n  background: linear-gradient(180deg, transparent, rgba(5,84,242,0.9) 50%, transparent);\n}\n#jhpv_138vl1 .jhpv-band-s .jhpv-beam::after  { background: rgba(5,84,242,0.5); }\n#jhpv_138vl1 .jhpv-band-c .jhpv-beam {\n  background: linear-gradient(180deg, transparent, rgba(124,58,237,0.9) 50%, transparent);\n}\n#jhpv_138vl1 .jhpv-band-c .jhpv-beam::after  { background: rgba(124,58,237,0.5); }\n#jhpv_138vl1 .jhpv-band-a .jhpv-beam {\n  background: linear-gradient(180deg, transparent, rgba(5,150,105,0.9) 50%, transparent);\n}\n#jhpv_138vl1 .jhpv-band-a .jhpv-beam::after  { background: rgba(5,150,105,0.5); }\n#jhpv_138vl1 .jhpv-beam.active { opacity: 1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PILLS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhpv_138vl1 .jhpv-items {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  padding: 16px 18px;\n  flex-wrap: wrap;\n  align-content: center;\n  row-gap: 8px;\n  gap: 8px;\n}\n\n#jhpv_138vl1 .jhpv-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 12px;\n  border-radius: 4px;\n  font-family: var(--sans);\n  font-size: 11.5px;\n  font-weight: 500;\n  letter-spacing: 0;\n  border: 0.5px solid transparent;\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n  transition: opacity .38s var(--ease), transform .38s var(--ease);\n  white-space: nowrap;\n  margin-right: 0;\n  margin-bottom: 0;\n}\n#jhpv_138vl1 .jhpv-pill.in {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n\n#jhpv_138vl1 .jhpv-pill-dot {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n#jhpv_138vl1 .jhpv-band-s .jhpv-pill {\n  background: rgba(5, 84, 242, 0.1);\n  border-color: rgba(5, 84, 242, 0.28);\n  color: rgba(255,255,255,0.88);\n}\n#jhpv_138vl1 .jhpv-band-s .jhpv-pill-dot {\n  background: var(--cs);\n  box-shadow: 0 0 4px rgba(5,84,242,0.6);\n}\n#jhpv_138vl1 .jhpv-band-c .jhpv-pill {\n  background: rgba(124, 58, 237, 0.1);\n  border-color: rgba(124, 58, 237, 0.28);\n  color: rgba(255,255,255,0.88);\n}\n#jhpv_138vl1 .jhpv-band-c .jhpv-pill-dot {\n  background: var(--cc);\n  box-shadow: 0 0 4px rgba(124,58,237,0.6);\n}\n#jhpv_138vl1 .jhpv-band-a .jhpv-pill {\n  background: rgba(5, 150, 105, 0.1);\n  border-color: rgba(5, 150, 105, 0.28);\n  color: rgba(255,255,255,0.88);\n}\n#jhpv_138vl1 .jhpv-band-a .jhpv-pill-dot {\n  background: var(--ca);\n  box-shadow: 0 0 4px rgba(5,150,105,0.6);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FOOTER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhpv_138vl1 .jhpv-footer {\n  padding: 9px 20px;\n  border-top: 1px solid var(--border);\n  background: rgba(0,0,0,0.25);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n}\n#jhpv_138vl1 .jhpv-footer-sig {\n  font-family: var(--mono);\n  font-size: 6.5px;\n  letter-spacing: .14em;\n  color: rgba(5, 84, 242, 0.28);\n  white-space: nowrap;\n}\n\n#jhpv_138vl1 .jhpv-pips {\n  display: flex;\n  gap: 3px;\n}\n#jhpv_138vl1 .jhpv-pip {\n  width: 14px;\n  height: 3px;\n  border-radius: 1.5px;\n  background: rgba(255,255,255,0.07);\n  transition: background .35s, box-shadow .35s;\n}\n#jhpv_138vl1 .jhpv-pip.s-lit { background: var(--cs); box-shadow: 0 0 4px rgba(5,84,242,0.5); }\n#jhpv_138vl1 .jhpv-pip.c-lit { background: var(--cc); box-shadow: 0 0 4px rgba(124,58,237,0.5); }\n#jhpv_138vl1 .jhpv-pip.a-lit { background: var(--ca); box-shadow: 0 0 4px rgba(5,150,105,0.5); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOBILE OVERRIDES (<768px)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 767px) {\n  #jhpv_138vl1 .jhpv-topbar {\n    padding: 10px 14px;\n    gap: 7px;\n    flex-wrap: wrap;\n  }\n  #jhpv_138vl1 .jhpv-topbar-lbl { font-size: 7px; }\n  #jhpv_138vl1 .jhpv-topbar-total { font-size: 7px; }\n  #jhpv_138vl1 .jhpv-phase { font-size: 7px; letter-spacing: .12em; }\n  #jhpv_138vl1 .jhpv-topbar-sep { height: 10px; }\n\n  #jhpv_138vl1 .jhpv-band { min-height: 90px; }\n\n  #jhpv_138vl1 .jhpv-side {\n    width: 90px;\n    padding: 12px 12px;\n  }\n  #jhpv_138vl1 .jhpv-side-label { font-size: 8.5px; letter-spacing: .15em; }\n  #jhpv_138vl1 .jhpv-side-counter { font-size: 9px; }\n  #jhpv_138vl1 .jhpv-beam { left: 90px; }\n\n  #jhpv_138vl1 .jhpv-items {\n    padding: 10px 12px;\n    row-gap: 6px;\n  }\n  #jhpv_138vl1 .jhpv-pill {\n    font-size: 9.5px;\n    padding: 4px 9px;\n    margin-right: 6px;\n  }\n\n  #jhpv_138vl1 .jhpv-footer { padding: 8px 14px; }\n  #jhpv_138vl1 .jhpv-pip { width: 10px; }\n  #jhpv_138vl1 .jhpv-footer-sig { font-size: 6px; display: none; }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     JAVASCRIPT \u2014 Sequential beam engine\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function () {\n  'use strict';\n\n  var ROOT = document.getElementById('jhpv_138vl1');\n  if (!ROOT) return;\n\n  \/* \u2500\u2500 Timing constants \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var BEAM_MS    = 1600;  \/* sweep duration per band             *\/\n  var BAND_PAUSE = 450;   \/* pause between bands                 *\/\n  var HOLD_MS    = 3000;  \/* hold at fully revealed state        *\/\n  var RESET_DUR  = 600;   \/* fade before looping                 *\/\n  var PIP_TOTAL  = 18;\n\n  \/* \u2500\u2500 Band definitions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var BANDS = [\n    { key: 's', pipClass: 's-lit', phaseKey: 's' },\n    { key: 'c', pipClass: 'c-lit', phaseKey: 'c' },\n    { key: 'a', pipClass: 'a-lit', phaseKey: 'a' },\n  ];\n\n  \/* \u2500\u2500 State \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var timers    = [];\n  var rafIds    = [];\n  var isRunning = false;\n  var globalTotal = 0;\n  var pipOffset   = 0;\n\n  \/* \u2500\u2500 Timer helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function after(fn, ms) {\n    var id = setTimeout(fn, ms);\n    timers.push(id);\n    return id;\n  }\n  function clearAll() {\n    timers.forEach(clearTimeout);\n    rafIds.forEach(cancelAnimationFrame);\n    timers  = [];\n    rafIds  = [];\n  }\n\n  \/* \u2500\u2500 Pip \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function lightPip(idx, cls) {\n    var pip = ROOT.querySelector('.jhpv-pip[data-pip=\"' + idx + '\"]');\n    if (pip) pip.className = 'jhpv-pip ' + cls;\n  }\n\n  \/* \u2500\u2500 Reset to blank state \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function reset() {\n    isRunning   = false;\n    globalTotal = 0;\n    pipOffset   = 0;\n\n    ROOT.querySelector('.jhpv-vtotal').textContent = '00';\n\n    BANDS.forEach(function (b) {\n      var band = ROOT.querySelector('.jhpv-band[data-band=\"' + b.key + '\"]');\n      band.classList.remove('scanning', 'done');\n\n      var beam = band.querySelector('.jhpv-beam');\n      beam.classList.remove('active');\n      beam.style.transform = 'translateX(0)';\n\n      band.querySelectorAll('.jhpv-pill').forEach(function (p) {\n        p.classList.remove('in');\n      });\n\n      var cntEl = ROOT.querySelector('.jhpv-cnt-' + b.key);\n      if (cntEl) {\n        var total = band.querySelectorAll('.jhpv-pill').length;\n        cntEl.textContent = '00 \/ ' + (total < 10 ? '0' : '') + total;\n      }\n\n      var prog = band.querySelector('.jhpv-pf-' + b.key);\n      if (prog) prog.style.width = '0%';\n\n      var phEl = ROOT.querySelector('.jhpv-phase[data-phase=\"' + b.phaseKey + '\"]');\n      if (phEl) phEl.classList.remove('active', 'done');\n    });\n\n    ROOT.querySelectorAll('.jhpv-pip').forEach(function (p) {\n      p.className = 'jhpv-pip';\n    });\n  }\n\n  \/* \u2500\u2500 Animate one band, then call onDone \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function runBand(b, localPipStart, onDone) {\n    var band    = ROOT.querySelector('.jhpv-band[data-band=\"' + b.key + '\"]');\n    var beam    = band.querySelector('.jhpv-beam');\n    var pills   = Array.from(band.querySelectorAll('.jhpv-pill'));\n    var cntEl   = ROOT.querySelector('.jhpv-cnt-' + b.key);\n    var progEl  = band.querySelector('.jhpv-pf-' + b.key);\n    var phEl    = ROOT.querySelector('.jhpv-phase[data-phase=\"' + b.phaseKey + '\"]');\n    var total   = pills.length;\n    var sideW   = band.querySelector('.jhpv-side').offsetWidth || 130;\n    var bandW   = band.offsetWidth - sideW;\n\n    band.classList.add('scanning');\n    if (phEl) phEl.classList.add('active');\n\n    \/* Animate beam *\/\n    beam.style.transform = 'translateX(0)';\n    beam.classList.add('active');\n\n    var startTs = null;\n    function sweepFrame(ts) {\n      if (!startTs) startTs = ts;\n      var pct    = Math.min((ts - startTs) \/ BEAM_MS, 1);\n      var eased  = pct < 0.5 ? 2 * pct * pct : -1 + (4 - 2 * pct) * pct;\n      beam.style.transform = 'translateX(' + Math.round(eased * bandW) + 'px)';\n      if (pct < 1) {\n        var rid = requestAnimationFrame(sweepFrame);\n        rafIds.push(rid);\n      } else {\n        beam.classList.remove('active');\n        beam.style.transform = 'translateX(' + bandW + 'px)';\n      }\n    }\n    var rid0 = requestAnimationFrame(sweepFrame);\n    rafIds.push(rid0);\n\n    \/* Reveal pills timed to beam sweep *\/\n    var itemGap = (BEAM_MS \/ total) * 0.82;\n    pills.forEach(function (pill, i) {\n      after(function () {\n        if (!isRunning) return;\n        pill.classList.add('in');\n\n        var revealed = i + 1;\n        cntEl.textContent = (revealed < 10 ? '0' : '') + revealed +\n                            ' \/ ' + (total < 10 ? '0' : '') + total;\n        if (progEl) progEl.style.width = (revealed \/ total * 100) + '%';\n\n        globalTotal++;\n        ROOT.querySelector('.jhpv-vtotal').textContent =\n          (globalTotal < 10 ? '0' : '') + globalTotal;\n\n        lightPip(localPipStart + i, b.pipClass);\n      }, Math.round(itemGap * i + 90));\n    });\n\n    \/* Hand off after sweep *\/\n    after(function () {\n      if (!isRunning) return;\n      band.classList.remove('scanning');\n      band.classList.add('done');\n      if (phEl) { phEl.classList.remove('active'); phEl.classList.add('done'); }\n      if (onDone) after(onDone, BAND_PAUSE);\n    }, BEAM_MS + 100);\n  }\n\n  \/* \u2500\u2500 Full sequence: S \u2192 C \u2192 A \u2192 hold \u2192 loop \u2500\u2500\u2500\u2500\u2500 *\/\n  function runSequence() {\n    if (isRunning) return;\n    isRunning = true;\n\n    var sCnt = ROOT.querySelectorAll('.jhpv-band[data-band=\"s\"] .jhpv-pill').length;\n    var cCnt = ROOT.querySelectorAll('.jhpv-band[data-band=\"c\"] .jhpv-pill').length;\n\n    after(function () {\n      runBand(BANDS[0], 0, function () {\n        runBand(BANDS[1], sCnt, function () {\n          runBand(BANDS[2], sCnt + cCnt, function () {\n            \/* All done \u2014 hold then loop *\/\n            after(function () {\n              if (!isRunning) return;\n              clearAll();\n              isRunning = false;\n              after(function () {\n                reset();\n                after(runSequence, 300);\n              }, RESET_DUR);\n            }, HOLD_MS);\n          });\n        });\n      });\n    }, 350);\n  }\n\n  \/* \u2500\u2500 Entry \/ exit \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function start() {\n    clearAll();\n    reset();\n    runSequence();\n  }\n  function stop() {\n    clearAll();\n    isRunning = false;\n  }\n\n  \/* \u2500\u2500 Watch carousel .is-focal (transition-only) \u2500\u2500\u2500 *\/\n  var parentSlide = ROOT.closest('.orbit-slide');\n  if (parentSlide) {\n    var wasFocal = parentSlide.classList.contains('is-focal');\n    var mo = new MutationObserver(function (muts) {\n      muts.forEach(function (m) {\n        if (m.attributeName !== 'class') return;\n        var isFocal = parentSlide.classList.contains('is-focal');\n        if (isFocal && !wasFocal)      { wasFocal = true;  start(); }\n        else if (!isFocal && wasFocal) { wasFocal = false; stop();  }\n      });\n    });\n    mo.observe(parentSlide, { attributes: true });\n    if (wasFocal) { after(start, 200); }\n  } else {\n    \/* Standalone: IntersectionObserver *\/\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) { start(); } else { stop(); }\n      });\n    }, { threshold: 0.35 });\n    io.observe(ROOT);\n  }\n\n  window.addEventListener('beforeunload', stop);\n\n})();\n<\/script>\n                    <\/div>\n                    <div class=\"mobile-slide-text\">\n                        <h4>Stand out to Recruiters & Hiring Managers<\/h4>\n                        <p>Get a competitive edge in the hiring process and capture recruiters' attention by highlighting the skills they are seeking.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"orbit-slide\" role=\"tabpanel\" id=\"jh_orbit_MEOdwu_panel_3\" aria-labelledby=\"jh_orbit_MEOdwu_tab_3\">\n                    <div class=\"video-inner-wrapper jh-anim-wrapper\">\n                        <!-- Hidden video stub \u2014 required by JHOrbit constructor (mobileVideoData) -->\n                        <video style=\"display:none\" muted loop playsinline preload=\"none\" aria-hidden=\"true\"><\/video>\n                        \n<div id=\"jhcl_MDtAEd_so\" class=\"jhcl-outer\" role=\"region\" aria-label=\"Cover Letter Signal Intercept\">\n  <div id=\"jhcl_MDtAEd_s\"><\/div>\n<\/div>\n\n<style>\n\/* \u2500\u2500\u2500 Container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#jhcl_MDtAEd_so.jhcl-outer {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  background: #030303;\n  background-image: repeating-linear-gradient(\n    0deg, transparent, transparent 3px,\n    rgba(5,84,242,0.004) 3px, rgba(5,84,242,0.004) 4px\n  );\n}\n\n\/* \u2500\u2500\u2500 Stage canvas (fixed resolution, JS scales it) \u2500\u2500\u2500\u2500 *\/\n#jhcl_MDtAEd_s {\n  transform-origin: center center;\n}\n\n\/* \u2500\u2500\u2500 All animation styles (scoped to parent container) \u2500 *\/\n#jhcl_MDtAEd_so {\n  --jh-bg:          #030303;\n  --jh-bg-alt:      #0A0A0A;\n  --jh-accent:      #0554F2;\n  --jh-accent-glow: rgba(5,84,242,0.5);\n  --jh-agent:       #60B0FF;\n  --jh-border:      rgba(255,255,255,0.08);\n  --jh-border-mid:  rgba(255,255,255,0.14);\n  --jh-text:        #ffffff;\n  --jh-text-dim:    rgba(255,255,255,0.4);\n  --jh-text-medium: rgba(255,255,255,0.6);\n  --jh-text-bright: rgba(255,255,255,0.92);\n  --jh-font-mono:   'JetBrains Mono', monospace;\n  --jh-font-sans:   'Inter', sans-serif;\n  --jh-easing:      cubic-bezier(0.23,1,0.32,1);\n  --jh-ease-out:    cubic-bezier(0.16,1,0.3,1);\n}\n\n#jhcl_MDtAEd_so #jhcl_MDtAEd_s.landscape {\n  width: 900px; height: 600px;\n  display: flex; flex-direction: column;\n  padding: 22px 44px 18px;\n}\n#jhcl_MDtAEd_so .sys-label     { font-family:var(--jh-font-mono); font-size:9.5px; font-weight:600; letter-spacing:0.26em; color:rgba(96,176,255,0.9); text-shadow:0 0 12px rgba(96,176,255,0.35); text-transform:uppercase; border-bottom:1px solid rgba(5,84,242,0.3); flex-shrink:0; padding-bottom:8px; }\n#jhcl_MDtAEd_so .class-header  { display:flex; align-items:center; justify-content:space-between; font-family:var(--jh-font-mono); font-size:11.5px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; flex-shrink:0; margin-top:8px; margin-bottom:10px; }\n#jhcl_MDtAEd_so .class-label   { color:#4a86ff; font-weight:700; font-size:12px; letter-spacing:0.16em; text-shadow:0 0 16px rgba(74,134,255,0.7); opacity:0; transition:opacity 0.4s ease; }\n#jhcl_MDtAEd_so .class-label.vis { opacity:1; }\n#jhcl_MDtAEd_so .match-area    { display:flex; align-items:center; gap:10px; opacity:0; transition:opacity 0.4s ease; }\n#jhcl_MDtAEd_so .match-area.vis{ opacity:1; }\n#jhcl_MDtAEd_so .match-label   { color:rgba(255,255,255,0.85); font-weight:600; letter-spacing:0.16em; }\n#jhcl_MDtAEd_so .match-track   { height:3px; width:160px; background:rgba(255,255,255,0.08); border-radius:2px; overflow:hidden; }\n#jhcl_MDtAEd_so .match-fill    { height:100%; width:0%; background:linear-gradient(90deg,var(--jh-accent),var(--jh-agent)); border-radius:2px; box-shadow:0 0 6px var(--jh-accent-glow); transition:width 1.8s var(--jh-ease-out); }\n#jhcl_MDtAEd_so .match-pct     { font-family:var(--jh-font-mono); font-size:14px; font-weight:700; color:#4a86ff; text-shadow:0 0 12px rgba(74,134,255,0.6); }\n#jhcl_MDtAEd_so .lh-block      { display:flex; flex-direction:column; gap:3px; flex-shrink:0; }\n#jhcl_MDtAEd_so .lh-row        { display:flex; align-items:baseline; gap:10px; font-family:var(--jh-font-mono); font-size:8px; letter-spacing:0.1em; text-transform:uppercase; opacity:0; transition:opacity 0.15s ease; }\n#jhcl_MDtAEd_so .lh-row.vis    { opacity:1; }\n#jhcl_MDtAEd_so .lh-label      { color:var(--jh-text-dim); flex-shrink:0; width:52px; }\n#jhcl_MDtAEd_so .lh-value      { color:var(--jh-text-bright); letter-spacing:0.08em; }\n#jhcl_MDtAEd_so .lh-value .accent { color:var(--jh-agent); }\n#jhcl_MDtAEd_so .divider-thin  { height:1px; background:var(--jh-border); margin:8px 0; opacity:0; transition:opacity 0.3s ease; flex-shrink:0; }\n#jhcl_MDtAEd_so .divider-thin.vis { opacity:1; }\n#jhcl_MDtAEd_so .divider-thick { height:1px; width:0%; flex-shrink:0; background:linear-gradient(90deg,var(--jh-accent) 0%,var(--jh-agent) 60%,transparent 100%); box-shadow:0 0 6px var(--jh-accent-glow); transition:width 0.5s var(--jh-ease-out); }\n#jhcl_MDtAEd_so .divider-thick.expanded { width:100%; }\n#jhcl_MDtAEd_so .letter-body   { display:flex; flex-direction:column; position:relative; flex:1; overflow:hidden; font-family:'Inter',-apple-system,sans-serif; font-size:14.5px; font-weight:500; line-height:1.9; text-align:left; letter-spacing:0; }\n#jhcl_MDtAEd_so .letter-line   { position:relative; opacity:0; flex-shrink:0; min-height:1em; }\n#jhcl_MDtAEd_so .line-blank    { flex-shrink:0; height:8px; }\n#jhcl_MDtAEd_so .line-content  { position:relative; display:block; width:100%; overflow:visible; white-space:normal; text-align:left; }\n#jhcl_MDtAEd_so .redact        { display:inline-block; vertical-align:baseline; background:var(--jh-accent); border-radius:2px; color:transparent; padding:1px 1px; margin:0 1px; user-select:none; transition:background 0.20s ease,color 0.20s ease; }\n#jhcl_MDtAEd_so .redact.revealed { background:transparent; color:rgba(255,255,255,0.92); font-family:'Inter',-apple-system,sans-serif; font-weight:500; letter-spacing:0; }\n#jhcl_MDtAEd_so .kw-redact     { display:inline-block; vertical-align:middle; font-family:var(--jh-font-mono); font-size:0.83em; font-weight:500; letter-spacing:0.04em; background:rgba(5,84,242,0.75); border:1px solid rgba(5,84,242,0.55); border-radius:3px; padding:1px 5px 2px; margin:2px 1px; color:transparent; box-shadow:0 0 7px rgba(5,84,242,0.35); user-select:none; transition:background 0.1s ease,box-shadow 0.1s ease; }\n#jhcl_MDtAEd_so .kw-redact.kw-flash { background:rgba(96,176,255,0.78); border-color:rgba(96,176,255,0.85); box-shadow:0 0 16px rgba(96,176,255,0.65),0 0 28px rgba(5,84,242,0.3); }\n#jhcl_MDtAEd_so #jhcl_MDtAEd_s_scan { position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(to right,transparent 0%,var(--jh-agent) 12%,rgba(5,84,242,0.95) 50%,var(--jh-agent) 88%,transparent 100%); box-shadow:0 0 10px var(--jh-agent),0 0 22px rgba(96,176,255,0.22),0 4px 14px rgba(5,84,242,0.18); pointer-events:none; z-index:10; opacity:0; }\n#jhcl_MDtAEd_so #jhcl_MDtAEd_s_scan.scanning { animation:jhcl_MDtAEd_scan_down var(--scan-total-dur,2400ms) linear forwards; }\n#jhcl_MDtAEd_so .letter-sig    { font-family:var(--jh-font-mono); font-size:8.5px; letter-spacing:0.15em; text-transform:uppercase; color:var(--jh-text-medium); border-top:1px solid var(--jh-border); padding-top:7px; margin-top:8px; opacity:0; transition:opacity 0.4s ease; flex-shrink:0; text-align:left; }\n#jhcl_MDtAEd_so .letter-sig.vis { opacity:1; }\n#jhcl_MDtAEd_so .sig-name      { color:var(--jh-text-bright); }\n#jhcl_MDtAEd_so .footer-bar    { display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(5,84,242,0.3); padding-top:7px; flex-shrink:0; opacity:0; transition:opacity 0.3s ease; font-size:8.5px; margin-top:9px; }\n#jhcl_MDtAEd_so .footer-bar.vis{ opacity:1; }\n#jhcl_MDtAEd_so .footer-sig    { font-family:var(--jh-font-mono); font-weight:500; letter-spacing:0.18em; color:rgba(255,255,255,0.65); text-transform:uppercase; }\n#jhcl_MDtAEd_so .footer-sig span { color:#60B0FF; font-weight:600; text-shadow:0 0 8px rgba(96,176,255,0.4); }\n#jhcl_MDtAEd_so .pips-wrap     { display:flex; align-items:center; gap:8px; }\n#jhcl_MDtAEd_so .pip-label,\n#jhcl_MDtAEd_so .pip-count     { font-family:var(--jh-font-mono); font-size:8.5px; font-weight:500; letter-spacing:0.18em; color:rgba(255,255,255,0.65); text-transform:uppercase; }\n#jhcl_MDtAEd_so .pip-count     { color:#60B0FF; font-weight:700; }\n#jhcl_MDtAEd_so .kw-pips       { display:flex; gap:2px; }\n#jhcl_MDtAEd_so .pip           { width:8px; height:2px; border-radius:1px; background:rgba(255,255,255,0.05); transition:background 0.07s ease,box-shadow 0.07s ease; }\n#jhcl_MDtAEd_so .pip.lit       { background:var(--jh-accent); box-shadow:0 0 5px var(--jh-accent-glow); }\n#jhcl_MDtAEd_so .kw-box { position:relative; display:inline-block; vertical-align:middle; background:rgba(5,84,242,0.08); border:1px solid rgba(5,84,242,0.38); border-radius:3px; margin:2px 1px; font-family:var(--jh-font-mono); font-size:0.83em; font-weight:500; letter-spacing:0.04em; white-space:nowrap; box-shadow:0 0 5px rgba(5,84,242,0.18),inset 0 1px 0 rgba(255,255,255,0.04); opacity:0; transform:scale(0.9); transition:opacity 0.06s ease,transform 0.06s ease; }\n#jhcl_MDtAEd_so .kw-box.vis    { opacity:1; transform:scale(1); }\n#jhcl_MDtAEd_so .kw-ghost-a,#jhcl_MDtAEd_so .kw-ghost-b { position:absolute; left:5px; top:1px; pointer-events:none; white-space:nowrap; font-family:inherit; font-size:1em; font-weight:inherit; letter-spacing:inherit; opacity:0; z-index:1; }\n#jhcl_MDtAEd_so .kw-ghost-a    { color:var(--jh-accent); }\n#jhcl_MDtAEd_so .kw-ghost-b    { color:var(--jh-agent); }\n#jhcl_MDtAEd_so .kw-text       { position:relative; z-index:2; display:inline; white-space:nowrap; }\n#jhcl_MDtAEd_so .c-locked      { color:var(--jh-text-bright); }\n#jhcl_MDtAEd_so .c-sep         { color:rgba(96,176,255,0.7); }\n#jhcl_MDtAEd_so .c-noise       { color:rgba(96,176,255,0.45); }\n#jhcl_MDtAEd_so .kw-scrambling .kw-ghost-a { animation:jhcl_MDtAEd_ga_scrm 0.075s infinite; }\n#jhcl_MDtAEd_so .kw-scrambling .kw-ghost-b { animation:jhcl_MDtAEd_gb_scrm 0.075s infinite; }\n#jhcl_MDtAEd_so .kw-locking .kw-ghost-a    { animation:jhcl_MDtAEd_ga_scrm 0.10s  infinite; }\n#jhcl_MDtAEd_so .kw-locking .kw-ghost-b    { animation:jhcl_MDtAEd_gb_scrm 0.10s  infinite; }\n#jhcl_MDtAEd_so .kw-locked  .kw-ghost-a    { animation:jhcl_MDtAEd_ga_idle 5.5s   infinite; }\n#jhcl_MDtAEd_so .kw-locked  .kw-ghost-b    { animation:jhcl_MDtAEd_gb_idle 5.5s   infinite; }\n#jhcl_MDtAEd_so .kw-snap { animation:jhcl_MDtAEd_kw_snap 0.45s var(--jh-ease-out) forwards; }\n\/* portrait: hide class-header, divider-thin *\/\n#jhcl_MDtAEd_so #jhcl_MDtAEd_s.portrait .class-header,\n#jhcl_MDtAEd_so #jhcl_MDtAEd_s.portrait .divider-thin { display:none; }\n#jhcl_MDtAEd_so #jhcl_MDtAEd_s.portrait .line-content { white-space:normal; }\n#jhcl_MDtAEd_so .fade-el { opacity:0; transition:opacity 0.12s ease; }\n#jhcl_MDtAEd_so .fade-el.vis { opacity:1; }\n@keyframes jhcl_MDtAEd_kw_snap {\n  0%  { box-shadow:0 0 22px rgba(96,176,255,0.7),0 0 40px rgba(5,84,242,0.5); border-color:var(--jh-agent); }\n  35% { box-shadow:0 0 10px rgba(5,84,242,0.3); border-color:rgba(96,176,255,0.5); }\n  100%{ box-shadow:0 0 5px rgba(5,84,242,0.18); border-color:rgba(5,84,242,0.38); }\n}\n@keyframes jhcl_MDtAEd_scan_down {\n  0%   { transform:translateY(0); opacity:1; }\n  94%  { opacity:1; }\n  100% { transform:translateY(var(--body-height,400px)); opacity:0; }\n}\n@keyframes jhcl_MDtAEd_ga_scrm {\n  0%  {opacity:.55;transform:translate(-2px,1px); clip-path:inset(15% 0 55% 0);}\n  40% {opacity:.6; transform:translate(-1px,2px); clip-path:inset(28% 0 42% 0);}\n  80% {opacity:.5; transform:translate(-2px,-1px);clip-path:inset(6%  0 68% 0);}\n  100%{opacity:.55;transform:translate(1px,1px);  clip-path:inset(44% 0 26% 0);}\n}\n@keyframes jhcl_MDtAEd_gb_scrm {\n  0%  {opacity:.45;transform:translate(2px,-1px); clip-path:inset(62% 0 8%  0);}\n  40% {opacity:.3; transform:translate(1px,-2px); clip-path:inset(38% 0 32% 0);}\n  80% {opacity:.4; transform:translate(2px,1px);  clip-path:inset(78% 0 2%  0);}\n  100%{opacity:.45;transform:translate(-1px,-1px);clip-path:inset(33% 0 37% 0);}\n}\n@keyframes jhcl_MDtAEd_ga_idle {\n  0%,85%{opacity:0;clip-path:inset(0 0 100% 0);}\n  87%   {opacity:.4;transform:translate(2px,-1px);clip-path:inset(58% 0 12% 0);}\n  90%   {opacity:0;clip-path:inset(0 0 100% 0);}\n  100%  {opacity:0;}\n}\n@keyframes jhcl_MDtAEd_gb_idle {\n  0%,87%{opacity:0;clip-path:inset(0 0 100% 0);}\n  89%   {opacity:.55;transform:translate(-2px,2px);clip-path:inset(62% 0 8% 0);}\n  92%   {opacity:0;clip-path:inset(0 0 100% 0);}\n  100%  {opacity:0;}\n}\n@keyframes jhcl_MDtAEd_tw_cursor { 0%,49%{opacity:1}50%,100%{opacity:0} }\n#jhcl_MDtAEd_so .tw-cursor { display:inline-block; width:1px; height:0.85em; background:var(--jh-agent); vertical-align:middle; margin-left:2px; animation:jhcl_MDtAEd_tw_cursor 0.7s infinite; }\n<\/style>\n\n<script>\n(function() {\n'use strict';\nvar UID = 'jhcl_MDtAEd';\nvar SO_ID = 'jhcl_MDtAEd_so';\nvar S_ID  = 'jhcl_MDtAEd_s';\n\n\/* \u2500\u2500 Canvas config: orbit is always landscape \u2500\u2500 *\/\nvar CFG = { w:900, h:600, mode:'landscape' };\n\n\/* \u2500\u2500 genId abort pattern \u2500\u2500 *\/\nvar genId = 0;\n\nfunction scaleStage() {\n  var outer = document.getElementById(SO_ID);\n  var stage = document.getElementById(S_ID);\n  if (!outer || !stage) return;\n  var cW = outer.offsetWidth  || CFG.w;\n  var cH = outer.offsetHeight || CFG.h;\n  var scale = Math.min(cW \/ CFG.w, cH \/ CFG.h);\n  stage.style.transform = 'scale(' + scale + ')';\n}\n\nif (window.ResizeObserver) {\n  var ro = new ResizeObserver(scaleStage);\n  var outerEl = document.getElementById(SO_ID);\n  if (outerEl) ro.observe(outerEl);\n}\n\n\/* \u2500\u2500 Timing \u2500\u2500 *\/\nvar CHAR_MS    = 13;\nvar LH_STAGGER = 70;\nvar LINE_GAP   = 90;\nvar SCRM_TOTAL = 820;\nvar SCRM_RATIO = 0.62;\n\nvar GLYPHS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&<>[]{}|~';\nvar rg    = function() { return GLYPHS[Math.floor(Math.random()*GLYPHS.length)]; };\nvar sleep = function(ms) { return new Promise(function(r){ setTimeout(r,ms); }); };\nvar raf   = function(fn) { requestAnimationFrame(function(){ requestAnimationFrame(fn); }); };\nvar vis   = function(el) { el && raf(function(){ el.classList.add('vis'); }); };\n\n\/* \u2500\u2500 Letter data \u2500\u2500 *\/\nvar KW = function(w) { return {kw:w}; };\nvar LETTER_LINES = [\n  ['Dear Hiring Team,'],\n  null,\n  ['I am writing to express strong interest in the', KW('STAFF_ML_ENGINEER'), 'role at', KW('ANTHROPIC'), '.'],\n  ['My work building', KW('RLHF'), 'infrastructure that aligned production models used by millions'],\n  ['directly addresses your', KW('ALIGNMENT_RESEARCH'), 'mandate and safety-first engineering culture.'],\n  null,\n  ['Over three years I architected', KW('LLM_PIPELINES'), 'sustaining 120k req\/sec, coordinated'],\n  [KW('RED_TEAMING'), 'programs cutting harmful outputs 47%, and prototyped the'],\n  [KW('CONSTITUTIONAL_AI'), 'approach that now underpins your production safety framework.'],\n  null,\n  ['Operating at the intersection of', KW('FRONTIER_MODELS'), 'capability and rigorous', KW('SAFETY_METRICS'), ','],\n  ['expertise in', KW('INFERENCE_OPT'), 'and', KW('QUANTIZATION'), 'means simultaneous gains in'],\n  ['both performance and alignment \u2014 the balance', KW('ANTHROPIC'), 'requires above all else.'],\n  null,\n  ['I would welcome the opportunity to contribute to your mission.'],\n];\n\n\/* \u2500\u2500 Typewriter \u2500\u2500 *\/\nasync function typeWriter(el, text, ms, myGenId) {\n  el.textContent = '';\n  var cursor = document.createElement('span'); cursor.className='tw-cursor';\n  el.appendChild(cursor);\n  for (var i=0;i<text.length;i++) {\n    if (myGenId !== genId) return false;\n    el.insertBefore(document.createTextNode(text[i]), cursor);\n    await sleep(ms);\n  }\n  cursor.remove();\n  return true;\n}\n\n\/* \u2500\u2500 Build letter line \u2500\u2500 *\/\nfunction buildLetterLine(tokens) {\n  var line    = document.createElement('div'); line.className='letter-line';\n  var content = document.createElement('div'); content.className='line-content';\n  line.appendChild(content);\n  for (var ti=0;ti<tokens.length;ti++) {\n    var tok=tokens[ti];\n    if (typeof tok==='string') {\n      var words=tok.trim().split(' ').filter(Boolean);\n      words.forEach(function(w,wi){\n        var sp=document.createElement('span'); sp.className='redact'; sp.textContent=w;\n        content.appendChild(sp);\n        var nextTok=tokens[ti+1];\n        if (wi<words.length-1||nextTok) content.appendChild(document.createTextNode(' '));\n      });\n    } else if (tok.kw) {\n      var last=content.lastChild;\n      if (last&&last.nodeType===3) content.removeChild(last);\n      var kw=document.createElement('span'); kw.className='kw-redact'; kw.dataset.kw=tok.kw; kw.textContent=tok.kw;\n      content.appendChild(kw);\n      if (ti<tokens.length-1) content.appendChild(document.createTextNode(' '));\n    }\n  }\n  return line;\n}\n\n\/* \u2500\u2500 Keyword fire in place \u2500\u2500 *\/\nfunction fireKeywordInPlace(placeholder) {\n  var kw=placeholder.dataset.kw;\n  var box=document.createElement('span'); box.className='kw-box kw-scrambling';\n  var gA=document.createElement('span');  gA.className='kw-ghost-a'; gA.setAttribute('aria-hidden','true');\n  var gB=document.createElement('span');  gB.className='kw-ghost-b'; gB.setAttribute('aria-hidden','true');\n  var txt=document.createElement('span'); txt.className='kw-text';\n  box.append(gA,gB,txt);\n  placeholder.replaceWith(box);\n  raf(function(){box.classList.add('vis');});\n  function scrFrame(k,locked){\n    var h='';\n    for(var i=0;i<k.length;i++){\n      var c=k[i];\n      if(i<locked) h+='<span class=\"c-locked\">'+c+'<\/span>';\n      else if(c==='_'||c==='-'||c==='.') h+='<span class=\"c-sep\">'+c+'<\/span>';\n      else h+='<span class=\"c-noise\">'+rg()+'<\/span>';\n    }\n    return h;\n  }\n  var noise=function(){var s='';for(var c of kw)s+=(c==='_'||c==='-'||c==='.')?c:rg();return s;};\n  var t0=performance.now(), scrmEnd=SCRM_TOTAL*SCRM_RATIO;\n  (function frame(now){\n    var el=now-t0;\n    if(el<scrmEnd){txt.innerHTML=scrFrame(kw,0);gA.textContent=noise();gB.textContent=noise();requestAnimationFrame(frame);}\n    else if(el<SCRM_TOTAL){if(!box.classList.contains('kw-locking')){box.classList.remove('kw-scrambling');box.classList.add('kw-locking');}var locked=Math.floor(((el-scrmEnd)\/(SCRM_TOTAL-scrmEnd))*kw.length);txt.innerHTML=scrFrame(kw,locked);gA.textContent=noise();gB.textContent=noise();requestAnimationFrame(frame);}\n    else{txt.innerHTML='<span class=\"c-locked\">'+kw+'<\/span>';gA.textContent=kw;gB.textContent=kw;box.classList.remove('kw-scrambling','kw-locking');box.classList.add('kw-locked','kw-snap');setTimeout(function(){box.classList.remove('kw-snap');},500);}\n  })(performance.now());\n}\n\n\/* \u2500\u2500 Reveal line \u2500\u2500 *\/\nfunction revealLine(lineEl) {\n  lineEl.style.opacity='1';\n  var words=[...lineEl.querySelectorAll('.redact,.kw-redact')];\n  words.forEach(function(w,i){\n    setTimeout(function(){\n      if(w.classList.contains('kw-redact')){w.classList.add('kw-flash');setTimeout(function(){fireKeywordInPlace(w);},170);}\n      else{w.classList.add('revealed');}\n    },i*18);\n  });\n}\n\n\/* \u2500\u2500 Page scan (landscape) \u2500\u2500 *\/\nasync function runPageScan(letterBody, contentLines, myGenId) {\n  var bodyH    = letterBody.offsetHeight;\n  var totalDur = contentLines.length * LINE_GAP + 300;\n  var pageScan = document.createElement('div');\n  pageScan.id  = S_ID + '_scan';\n  pageScan.style.setProperty('--body-height', bodyH + 'px');\n  pageScan.style.setProperty('--scan-total-dur', totalDur + 'ms');\n  letterBody.appendChild(pageScan);\n  contentLines.forEach(function(lineEl){\n    var lineCentre = lineEl.offsetTop + lineEl.offsetHeight * 0.5;\n    var delay = Math.max(0, (lineCentre \/ bodyH) * totalDur);\n    setTimeout(function(){ if (myGenId === genId) revealLine(lineEl); }, delay);\n  });\n  raf(function(){pageScan.classList.add('scanning');});\n  await sleep(totalDur + 80);\n}\n\n\/* \u2500\u2500 Mobile stagger \u2500\u2500 *\/\nasync function runMobileReveal(contentLines, myGenId) {\n  for (var i=0;i<contentLines.length;i++) {\n    if (myGenId !== genId) return;\n    revealLine(contentLines[i]);\n    await sleep(LINE_GAP);\n  }\n}\n\n\/* \u2500\u2500 Main generate \u2500\u2500 *\/\nasync function generate(myGenId) {\n  var stage = document.getElementById(S_ID);\n  if (!stage) return;\n  stage.innerHTML = '';\n  stage.className = CFG.mode;\n  scaleStage();\n\n  \/* \u2500\u2500 ALL CHROME RENDERED INSTANTLY (no typewriter, no stagger) \u2500\u2500 *\/\n\n  \/* 1. Sys label \u2014 static *\/\n  var sysLabel = document.createElement('div'); sysLabel.className='sys-label';\n  sysLabel.textContent = '\/\/ SIGNAL_INTERCEPT \u00b7 COVER_LETTER_SYNTHESIS \u00b7 V1.4';\n  stage.appendChild(sysLabel);\n\n  \/* 2. Classification + match score \u2014 static, match bar pre-filled *\/\n  var classHeader = document.createElement('div'); classHeader.className='class-header';\n  var classLabel  = document.createElement('span'); classLabel.className='class-label vis';\n  classLabel.textContent='[COVER LETTER: HYPER_PERSONALIZATION]';\n  var matchArea   = document.createElement('div'); matchArea.className='match-area vis';\n  matchArea.innerHTML='<span class=\"match-label\">MATCH_SCORE<\/span><div class=\"match-track\"><div class=\"match-fill\" id=\"'+S_ID+'_mf\" style=\"width:97%\"><\/div><\/div><span class=\"match-pct\">97%<\/span>';\n  classHeader.append(classLabel, matchArea);\n  stage.appendChild(classHeader);\n\n  \/* 3. Thin divider \u2014 static *\/\n  var divThin=document.createElement('div'); divThin.className='divider-thin vis';\n  stage.appendChild(divThin);\n\n  \/* 4. Letterhead \u2014 all rows visible immediately *\/\n  var lhBlock=document.createElement('div'); lhBlock.className='lh-block';\n  stage.appendChild(lhBlock);\n  var lhData=[\n    \/\/{label:'TO',   value:'HIRING MANAGER \u00b7 <span class=\"accent\">ANTHROPIC<\/span>'},\n    \/\/{label:'RE',   value:'<span class=\"accent\">STAFF ML ENGINEER<\/span> \u00b7 REQ#ML-2024-047'},\n    \/\/{label:'FROM', value:'ALEX R. CHEN \u00b7 NEURALSTACK.IO'},\n    \/\/{label:'DATE', value:'14 MARCH 2026'},\n  ];\n  lhData.forEach(function(row){\n    var r=document.createElement('div'); r.className='lh-row vis';\n    r.innerHTML='<span class=\"lh-label\">'+row.label+'<\/span><span class=\"lh-value\">'+row.value+'<\/span>';\n    lhBlock.appendChild(r);\n  });\n\n  \/* 5. Thick divider \u2014 static, fully expanded *\/\n  var divThick=document.createElement('div'); divThick.className='divider-thick expanded';\n  stage.appendChild(divThick);\n\n  \/* 6. Letter body \u2014 all redaction bars visible immediately *\/\n  var letterBody=document.createElement('div'); letterBody.className='letter-body';\n  stage.appendChild(letterBody);\n  var contentLines=[];\n  LETTER_LINES.forEach(function(tokens){\n    if (tokens===null){\n      var blank=document.createElement('div'); blank.className='line-blank'; letterBody.appendChild(blank);\n    } else {\n      var lineEl=buildLetterLine(tokens); letterBody.appendChild(lineEl);\n      lineEl.style.opacity='1'; \/* show redacted bars immediately *\/\n      contentLines.push(lineEl);\n    }\n  });\n\n  \/* \u2500\u2500 SHORT PAUSE so user sees the redacted state, then scan \u2500\u2500 *\/\n  await sleep(400); if (myGenId !== genId) return;\n\n  \/* 7. Scan + reveal \u2014 the ONLY animation *\/\n  await runPageScan(letterBody, contentLines, myGenId);\n  if (myGenId !== genId) return;\n\n  \/* 8. Signature *\/\n  var sig=document.createElement('div'); sig.className='letter-sig';\n  sig.innerHTML='<span class=\"sig-name\">ALEX R. CHEN<\/span> \u00b7 NEURALSTACK.IO \u00b7 SIGNAL_VERIFIED';\n  stage.appendChild(sig); vis(sig);\n  await sleep(180); if (myGenId !== genId) return;\n\n  \/* 9. Footer + pips *\/\n  var footer=document.createElement('div'); footer.className='footer-bar';\n  footer.innerHTML='<div class=\"footer-sig\">\/\/ SIGNAL_INTERCEPT \u00b7 <span>TRANSMISSION_COMPLETE<\/span> \u00b7 CLEARANCE_GRANTED<\/div>'\n    +'<div class=\"pips-wrap\"><span class=\"pip-label\">KW_MATCH<\/span><div class=\"kw-pips\" id=\"'+S_ID+'_pips\"><\/div><span class=\"pip-count\">11\/11<\/span><\/div>';\n  stage.appendChild(footer); vis(footer);\n  var pipsEl=document.getElementById(S_ID+'_pips');\n  if(pipsEl){for(var i=0;i<11;i++){var p=document.createElement('span');p.className='pip';pipsEl.appendChild(p);(function(pip,d){setTimeout(function(){pip.classList.add('lit');},d);})(p,50+i*20);}}\n}\n\n\/* \u2500\u2500 start \/ stop \u2500\u2500 *\/\nfunction startAnim() {\n  genId++;\n  scaleStage();\n  generate(genId);\n}\n\nfunction stopAnim() {\n  genId++; \/* invalidates any running generate() *\/\n  var stage=document.getElementById(S_ID); if(stage) stage.innerHTML='';\n}\n\n\/* \u2500\u2500 Watch parent .orbit-slide for .is-focal (transition-only) \u2500\u2500 *\/\nvar outerRoot = document.getElementById(SO_ID);\nvar parentSlide = outerRoot ? outerRoot.closest('.orbit-slide') : null;\n\nif (parentSlide) {\n  var wasFocal = parentSlide.classList.contains('is-focal');\n  var mo = new MutationObserver(function(muts){\n    muts.forEach(function(m){\n      if (m.attributeName!=='class') return;\n      var isFocal = parentSlide.classList.contains('is-focal');\n      if (isFocal && !wasFocal)      { wasFocal = true;  startAnim(); }\n      else if (!isFocal && wasFocal) { wasFocal = false; stopAnim();  }\n    });\n  });\n  mo.observe(parentSlide, { attributes:true });\n  if (wasFocal) { setTimeout(startAnim, 300); }\n} else {\n  \/* Standalone \/ preview *\/\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ if(e.isIntersecting){startAnim();}else{stopAnim();} });\n  },{ threshold:0.35 });\n  if (outerRoot) io.observe(outerRoot);\n}\n\nwindow.addEventListener('beforeunload', stopAnim);\nwindow.addEventListener('resize', scaleStage);\n\n\n})();\n<\/script>\n                    <\/div>\n                    <div class=\"mobile-slide-text\">\n                        <h4>Personalized Cover Letters That Impress<\/h4>\n                        <p>Create personalized cover letters that highlight your unique strengths and match each job opportunity you are applying for.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    :root {\n        --video-duration: 6s;\n        --total-slides: 4;\n        --scroll-track-height: calc(var(--total-slides) * 100vh);\n    }\n\n    .tcc-features-section {\n        background-color: #000;\n        color: #fff;\n        font-family: 'Inter', sans-serif;\n        height: var(--scroll-track-height);\n        position: relative;\n    }\n\n    .tcc-main-container {\n        display: flex;\n        width: 100%;\n        height: 100vh;\n        position: sticky;\n        top: 0;\n        overflow: hidden;\n        pointer-events: none;\n    }\n\n    .scanline {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(\n            to bottom,\n            rgba(18, 16, 16, 0) 50%,\n            rgba(0, 0, 0, 0.05) 50%\n        );\n        background-size: 100% 4px;\n        z-index: 2;\n        pointer-events: none;\n    }\n\n    \/* Mobile Singleton Stage *\/\n    .mobile-video-stage, .mobile-sticky-header, .mobile-only {\n        display: none;\n    }\n\n    .nav-column {\n        flex: 0 0 30%;\n        height: 100%;\n        padding: 50px;\n        box-sizing: border-box;\n        border-right: 1px solid #333;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        gap: 30px;\n        z-index: 10;\n        position: relative;\n        overflow-y: auto;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        pointer-events: auto;\n    }\n\n    .nav-column::-webkit-scrollbar {\n        display: none;\n    }\n\n    .video-column {\n        flex: 0 0 70%;\n        height: 100%;\n        background-color: #000;\n        perspective: 1200px;\n        pointer-events: none;\n    }\n\n    \/* Mobile Text (Hidden on Desktop) *\/\n    .mobile-slide-text {\n        display: none;\n        margin-bottom: 20px;\n        padding: 0 20px;\n    }\n\n    @media (max-width: 991px) {\n        .tcc-features-section {\n            height: auto !important;\n            min-height: 100vh;\n            overflow: visible !important;\n            background: radial-gradient(circle at 50% 50%, #1a1a1a 0%, #000000 100%) !important;\n            display: block !important;\n        }\n\n        .mobile-sticky-header {\n            display: block !important;\n            position: sticky !important;\n            top: 0;\n            left: 0;\n            width: 100%;\n            padding: 20px;\n            background: rgba(0, 0, 0, 0.95);\n            z-index: 3000;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            text-align: center;\n        }\n\n        .mobile-primary-header {\n            font-size: 18px;\n            font-weight: 700;\n            margin: 0;\n            color: #888;\n            letter-spacing: -0.5px;\n        }\n\n        .mobile-meta-header {\n            font-family: 'Inter', sans-serif;\n            font-size: 10px;\n            color: #888;\n            margin-top: 5px;\n            display: flex;\n            gap: 10px;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .tech-prefix {\n            color: #0554F2;\n            font-weight: 700;\n            letter-spacing: 1px;\n        }\n\n        .tcc-main-container {\n            display: flex !important;\n            flex-direction: column-reverse !important; \/* Move video-column to top visually *\/\n            height: auto !important;\n            position: relative !important;\n            overflow: visible !important;\n            pointer-events: auto !important;\n        }\n\n        .video-column {\n            position: sticky !important;\n            top: 65px !important;\n            left: 0 !important;\n            width: 100% !important;\n            height: 45vh !important;\n            z-index: 2500 !important;\n            background: #000 !important;\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n            justify-content: center !important;\n            padding: 0 !important;\n            box-sizing: border-box !important;\n            border-bottom: 2px solid rgba(5, 84, 242, 0.4) !important;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.9);\n            overflow: hidden;\n            pointer-events: none;\n            align-self: flex-start !important;\n            flex: none !important;\n        }\n\n        .mobile-video-stage {\n            display: flex !important;\n            width: 100% !important;\n            height: 65% !important;\n            align-items: center !important;\n            justify-content: center !important;\n            padding: 15px 20px 5px !important;\n            box-sizing: border-box;\n            background: #000;\n        }\n\n        .jh-nav-wrapper.mobile-only {\n            display: flex !important;\n            width: 100%;\n            height: 35% !important;\n            padding: 0 20px 15px;\n            gap: 8px;\n            box-sizing: border-box;\n            flex-direction: row;\n            flex-wrap: wrap;\n            align-items: flex-end;\n            pointer-events: auto !important;\n        }\n\n        .orbit-wrapper {\n            display: none !important;\n        }\n\n        .jh-nav-item {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            min-height: 44px;\n            cursor: pointer;\n            opacity: 1 !important;\n            min-height: auto !important;\n            padding: 0 !important;\n        }\n\n        .jh-nav-label {\n            background: none;\n            border: none;\n            color: rgba(255,255,255,0.3);\n            font-family: 'Inter', sans-serif;\n            font-size: 8px;\n            font-weight: 700;\n            letter-spacing: 1px;\n            white-space: nowrap;\n            padding: 0;\n            text-align: left;\n            transition: color 0.3s;\n        }\n\n        .jh-nav-item.is-current .jh-nav-label {\n            color: #0554F2;\n        }\n\n        .jh-bar-segment {\n            height: 2px;\n            width: 100%;\n            position: relative;\n            background: rgba(255,255,255,0.1);\n            overflow: hidden;\n        }\n\n        .jh-bar-fill {\n            position: absolute;\n            inset: 0;\n            background: #0554F2;\n            transform: translateX(-101%);\n            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        .jh-nav-item.active .jh-bar-fill {\n            transform: translateX(0);\n            box-shadow: 0 0 10px #0554F2;\n        }\n\n        .jh-nav-index {\n            width: 100%;\n            text-align: right;\n            font-family: 'Inter', sans-serif;\n            font-size: 10px;\n            color: rgba(255,255,255,0.4);\n            letter-spacing: 1px;\n            margin-top: 5px;\n        }\n\n        .jh-current-index {\n            color: #0554F2;\n        }\n\n        .video-inner-wrapper {\n            width: 100% !important;\n            height: 100% !important;\n            aspect-ratio: auto !important;\n            border-radius: 16px !important;\n            padding: 8px !important;\n            transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            background: rgba(15, 15, 15, 0.95) !important;\n            backdrop-filter: none !important;\n            -webkit-backdrop-filter: none !important;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .mobile-video-stage.is-active .video-inner-wrapper {\n            transform: scale(1.02) !important;\n            box-shadow: 0 0 20px rgba(5, 84, 242, 0.3) !important;\n        }\n\n        .video-column video {\n            width: 100% !important;\n            height: 100% !important;\n            object-fit: cover !important;\n            border-radius: 12px !important;\n            display: block !important;\n        }\n\n        .nav-column {\n            display: block !important;\n            width: 100% !important;\n            padding: clamp(60px, 8vh, 80px) 20px 100px !important;\n            background: transparent !important;\n            margin-top: 0 !important;\n            position: relative;\n            z-index: 500;\n            border-right: none !important;\n            height: auto !important;\n            overflow: visible !important;\n        }\n\n        .nav-item {\n            min-height: 60vh !important;\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n            justify-content: center !important;\n            padding: 40px 20px !important;\n            box-sizing: border-box !important;\n            opacity: 0.4 !important;\n            transition: opacity 0.4s ease, transform 0.4s ease !important;\n            pointer-events: auto !important;\n            border: 1px solid rgba(255,255,255,0.05) !important;\n            border-radius: 20px !important;\n            background: rgba(10, 10, 10, 0.95) !important;\n            margin-bottom: 80px !important;\n            position: relative;\n            z-index: 10;\n        }\n\n        .nav-item.active {\n            opacity: 1 !important;\n            border-color: rgba(5, 84, 242, 0.3) !important;\n            background: rgba(5, 84, 242, 0.05) !important;\n            transform: scale(1.02) !important;\n        }\n\n        .nav-item .slide-content {\n            border: none !important;\n            padding: 0 !important;\n            text-align: center !important;\n            max-width: 500px;\n        }\n\n        .nav-item h4 {\n            font-size: clamp(20px, 5vw, 26px) !important;\n            margin-bottom: 15px !important;\n            color: #888 !important;\n            transition: color 0.4s ease !important;\n            font-weight: 700 !important;\n            line-height: 1.3 !important;\n        }\n\n        .nav-item.active h4 {\n            color: #fff !important;\n        }\n\n        .nav-item p {\n            font-size: clamp(14px, 4vw, 16px) !important;\n            color: #666 !important;\n            line-height: 1.6 !important;\n            transition: color 0.4s ease !important;\n        }\n\n        .nav-item.active p {\n            color: #bbb !important;\n        }\n\n        .mobile-slide-text, .stage-header {\n            display: none !important;\n        }\n\n        .nav-column .nav-item.active .slide-content::before {\n            display: none !important;\n        }\n    }\n\n    .orbit-stage {\n        width: 100%;\n        height: 100%;\n    }\n\n    .nav-column .nav-item {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        opacity: 0.3;\n        transition: opacity 0.3s ease;\n        cursor: pointer;\n    }\n\n    .nav-column .nav-item.active {\n        opacity: 1;\n    }\n\n    .nav-column .slide-content {\n        padding-left: 30px;\n        border-left: 2px solid #333;\n        transition: border-color 0.3s ease;\n        position: relative;\n    }\n\n    .nav-column .nav-item.active .slide-content {\n        border-left-color: #FFFFFF;\n    }\n\n    \/* Progress bar line *\/\n    .nav-column .nav-item.active:not(.no-animation) .slide-content::before {\n        content: '';\n        position: absolute;\n        left: -2px;\n        top: 0;\n        width: 2px;\n        height: 100%;\n        background-color: #0554F2;\n        transform: scaleY(0);\n        transform-origin: top;\n        animation: progress var(--video-duration) linear infinite;\n    }\n\n    @keyframes progress {\n        0% { transform: scaleY(0); opacity: 1; }\n        98% { transform: scaleY(1); opacity: 1; }\n        100% { transform: scaleY(1); opacity: 0; }\n    }\n\n    \/* H3 Animation (Focal state) *\/\n    .video-column .orbit-slide.is-focal .stage-header {\n        animation: slideUpFade 0.6s ease forwards;\n    }\n\n    @keyframes slideUpFade {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .nav-column h4 {\n        font-size: 22px;\n        font-weight: 600;\n        margin: 0 0 10px 0;\n        color: #fff;\n        transition: color 0.3s ease;\n    }\n\n    .nav-column .nav-item.active h4 {\n        color: #0554F2;\n    }\n\n    .nav-column p {\n        font-size: 15px;\n        line-height: 1.6;\n        color: #888;\n        margin: 0;\n        transition: color 0.3s ease;\n    }\n\n    .nav-column .nav-item.active p {\n        color: #eee;\n    }\n\n    .video-column .orbit-slide {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 60px;\n        box-sizing: border-box;\n        transform-style: preserve-3d;\n    }\n\n    @media (min-width: 992px) {\n        .video-column .orbit-wrapper {\n            position: relative;\n            height: 100%;\n        }\n        .video-column .orbit-slide {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 85%;\n            max-width: 1000px;\n            height: 75%;\n            opacity: 0;\n            visibility: hidden;\n            pointer-events: none;\n            transition: none !important;\n            display: flex !important;\n            transform: translate(-50%, -50%);\n            will-change: transform, opacity;\n        }\n        .video-column .orbit-slide.is-visible {\n            visibility: visible;\n            pointer-events: auto;\n        }\n        .video-column .orbit-slide.is-hidden {\n            opacity: 0 !important;\n            visibility: hidden !important;\n        }\n    }\n\n    .video-inner-wrapper {\n        width: 100%;\n        aspect-ratio: 16 \/ 9;\n        min-height: 200px; \/* Skeleton reserve *\/\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        background: rgba(255, 255, 255, 0.03);\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 24px;\n        overflow: hidden;\n        padding: 40px; \/* Optimized padding for vertical breathing room *\/\n        box-sizing: border-box;\n        will-change: transform, opacity;\n        pointer-events: auto;\n    }\n\n    \/* Animation slides: remove padding, add relative positioning so\n       each animation's position:absolute; inset:0 fills the wrapper\n       exactly. *\/\n    .video-inner-wrapper.jh-anim-wrapper {\n        padding: 0;\n        position: relative;\n        align-items: stretch;\n        justify-content: stretch;\n    }\n\n    .stage-header {\n        font-size: 24px;\n        font-weight: 700;\n        color: #fff;\n        margin-bottom: 25px;\n        text-align: center;\n        background: linear-gradient(to bottom, #ffffff, #aaaaaa);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        letter-spacing: -0.5px;\n    }\n\n    .video-column video {\n        width: 100%;\n        height: auto;\n        max-width: 100%;\n        max-height: calc(100% - 100px); \/* Increased reserved space for better vertical centering *\/\n        object-fit: contain;\n        border-radius: 12px;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.8);\n        display: block;\n    }\n<\/style><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12e36b1 elementor-hidden-desktop elementor-hidden-tablet exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"12e36b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div id=\"jhfm_ygMLKL\" class=\"jhfm-wrap\" aria-label=\"Feature Showcase\">\n\n    <!-- Slide counter \u2014 fixed position relative to wrap -->\n    <div class=\"jhfm-counter\" aria-hidden=\"true\">\n        <span class=\"jhfm-count-cur\">01<\/span>\n        <span class=\"jhfm-count-sep\">\/<\/span>\n        <span class=\"jhfm-count-tot\">04<\/span>\n    <\/div>\n\n    <!-- Scroll hint \u2014 fades out after first scroll -->\n    <div class=\"jhfm-scroll-hint\" aria-hidden=\"true\">\n        <span class=\"jhfm-scroll-line\"><\/span>\n        <span class=\"jhfm-scroll-label\">SCROLL<\/span>\n    <\/div>\n\n    <!-- \u2500\u2500 SLIDE 0 \u2014 Keyword Targeting \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"jhfm-slide orbit-slide\" data-slide=\"0\" data-feature=\"targeting\">\n\n        <!-- Animation fills top 65% of the slide -->\n        <div class=\"jhfm-anim-stage\">\n            \n<div id=\"jhkd_4UhpYv\" class=\"jhkd-root\" aria-label=\"Job-Specific Keyword Targeting feature demo\" role=\"region\">\n\n  <!-- \u2500\u2500\u2500 DESKTOP LAYOUT (landscape) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"jhkd-desktop\">\n\n    <!-- LEFT: HUD \/ context panel -->\n    <div class=\"jhkd-hud\">\n      <div class=\"jhkd-hud-top\">\n        <span class=\"jhkd-dot\" aria-hidden=\"true\"><\/span>\n        <span class=\"jhkd-hud-label\" data-glitch-text=\"ATS_DECODER\">ATS_INTERCEPT<\/span>\n      <\/div>\n      <div class=\"jhkd-hud-divider\"><\/div>\n      <ul class=\"jhkd-hud-meta\" aria-hidden=\"true\">\n        <li><span class=\"jhkd-ml\">PROTOCOL<\/span><span class=\"jhkd-mv\" data-glitch-text=\"NEURAL_PARSE\">NEURAL_PARSE<\/span><\/li>\n        <li><span class=\"jhkd-ml\">SOURCE<\/span><span class=\"jhkd-mv\" data-glitch-text=\"JOB_DESC.TXT\">JOB_DESC.TXT<\/span><\/li>\n        <li><span class=\"jhkd-ml\">VECTORS<\/span><span class=\"jhkd-mv jhkd-count\">00\/07<\/span><\/li>\n        <li><span class=\"jhkd-ml\">STATUS<\/span><span class=\"jhkd-mv jhkd-status\">SCANNING<\/span><\/li>\n      <\/ul>\n      <div class=\"jhkd-hud-divider\"><\/div>\n      <div class=\"jhkd-density-wrap\" aria-hidden=\"true\">\n        <span class=\"jhkd-ml\">KW_DENSITY<\/span>\n        <div class=\"jhkd-pips\">\n                      <span class=\"jhkd-pip\" data-pip=\"0\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"1\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"2\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"3\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"4\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"5\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"6\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"7\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"8\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"9\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"10\"><\/span>\n                      <span class=\"jhkd-pip\" data-pip=\"11\"><\/span>\n                  <\/div>\n      <\/div>\n      <div class=\"jhkd-hud-sig\" aria-hidden=\"true\">\/\/ DEEP_SIGNAL_INJECTION<\/div>\n    <\/div>\n\n    <!-- RIGHT: keyword decode list -->\n    <div class=\"jhkd-panel\">\n      <div class=\"jhkd-panel-header\">\n        <span class=\"jhkd-ph-label\">JOB KEYWORDS<\/span>\n        <span class=\"jhkd-ph-sub\" id=\"jhkd_sub_jhkd_4UhpYv\"><\/span>\n      <\/div>\n      <ul class=\"jhkd-list\" role=\"list\">\n        <li class=\"jhkd-row\" data-checked=\"true\"  data-delay=\"0\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Service Sales Representative\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Service Sales Representative\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n        <li class=\"jhkd-row\" data-checked=\"true\"  data-delay=\"1\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Service Contracts\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Service Contracts\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n        <li class=\"jhkd-row\" data-checked=\"false\" data-delay=\"2\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"false\" aria-label=\"Quota Achievement\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Quota Achievement\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n        <li class=\"jhkd-row\" data-checked=\"true\"  data-delay=\"3\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Customer Relationships\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Customer Relationships\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n        <li class=\"jhkd-row\" data-checked=\"true\"  data-delay=\"4\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Sales Proposals\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Sales Proposals\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n        <li class=\"jhkd-row\" data-checked=\"false\" data-delay=\"5\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"false\" aria-label=\"Territory Management\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Territory Management\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n        <li class=\"jhkd-row\" data-checked=\"true\"  data-delay=\"6\">\n          <span class=\"jhkd-radio\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Consultative Selling\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n          <span class=\"jhkd-kw\" data-final=\"Consultative Selling\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n        <\/li>\n      <\/ul>\n      <button class=\"jhkd-btn\" aria-label=\"Add selected keywords to resume\">ADD KEYWORDS<\/button>\n    <\/div>\n\n  <\/div><!-- \/.jhkd-desktop -->\n\n  <!-- \u2500\u2500\u2500 MOBILE LAYOUT (portrait) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"jhkd-mobile\">\n    <div class=\"jhkd-mob-header\">\n      <div class=\"jhkd-mob-status\">\n        <span class=\"jhkd-dot jhkd-dot-mob\" aria-hidden=\"true\"><\/span>\n        <span class=\"jhkd-mob-label\" data-glitch-text=\"ATS_INTERCEPT\">ATS_INTERCEPT<\/span>\n        <span class=\"jhkd-mob-sub\">KEYWORD EXTRACTION<\/span>\n      <\/div>\n      <div class=\"jhkd-mob-counter\">\n        <span class=\"jhkd-count-mob\">00<\/span><span class=\"jhkd-mob-total\">\/07<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"jhkd-mob-title\">Job Keywords<\/div>\n    <div class=\"jhkd-mob-hint\" id=\"jhkd_subm_jhkd_4UhpYv\"><\/div>\n\n    <ul class=\"jhkd-mob-list\" role=\"list\">\n      <li class=\"jhkd-mob-row\" data-checked=\"true\"  data-delay=\"0\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Service Sales Representative\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Service Sales Representative\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n      <li class=\"jhkd-mob-row\" data-checked=\"true\"  data-delay=\"1\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Service Contracts\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Service Contracts\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n      <li class=\"jhkd-mob-row\" data-checked=\"false\" data-delay=\"2\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"false\" aria-label=\"Quota Achievement\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Quota Achievement\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n      <li class=\"jhkd-mob-row\" data-checked=\"true\"  data-delay=\"3\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Customer Relationships\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Customer Relationships\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n      <li class=\"jhkd-mob-row\" data-checked=\"true\"  data-delay=\"4\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"true\"  aria-label=\"Sales Proposals\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Sales Proposals\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n      <li class=\"jhkd-mob-row\" data-checked=\"false\" data-delay=\"5\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"false\" aria-label=\"Territory Management\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Territory Management\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n      <li class=\"jhkd-mob-row\" data-checked=\"true\"  data-delay=\"6\">\n        <span class=\"jhkd-radio jhkd-radio-mob\" role=\"radio\" aria-checked=\"false\" aria-label=\"Consultative Selling\"><span class=\"jhkd-radio-inner\"><\/span><\/span>\n        <span class=\"jhkd-kw jhkd-kw-mob\" data-final=\"Consultative Selling\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/span>\n      <\/li>\n    <\/ul>\n\n    <button class=\"jhkd-btn jhkd-btn-mob\" aria-label=\"Add selected keywords to resume\">ADD KEYWORDS<\/button>\n\n    <!-- density pips mobile -->\n    <div class=\"jhkd-mob-pips\" aria-hidden=\"true\">\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"0\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"1\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"2\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"3\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"4\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"5\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"6\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"7\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"8\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"9\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"10\"><\/span>\n              <span class=\"jhkd-pip jhkd-pip-mob\" data-pip-mob=\"11\"><\/span>\n          <\/div>\n  <\/div><!-- \/.jhkd-mobile -->\n\n<\/div><!-- \/.jhkd-root -->\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     STYLES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n#jhkd_4UhpYv {\n  \/* Brand tokens \u2014 mirror video-UI-fadein.php *\/\n  --bg:           #030303;\n  --bg-alt:       #0A0A0A;\n  --accent:       #0554F2;\n  --accent-dim:   rgba(5, 84, 242, 0.18);\n  --accent-mid:   rgba(5, 84, 242, 0.35);\n  --accent-glow:  rgba(5, 84, 242, 0.55);\n  --border:       rgba(255, 255, 255, 0.07);\n  --border-b:     rgba(5, 84, 242, 0.25);\n  --txt:          rgba(255, 255, 255, 0.92);\n  --txt-mid:      rgba(255, 255, 255, 0.55);\n  --txt-dim:      rgba(255, 255, 255, 0.25);\n  --mono:         'JetBrains Mono', 'Courier New', monospace;\n  --sans:         'Inter', system-ui, sans-serif;\n  --ease:         cubic-bezier(0.23, 1, 0.32, 1);\n  --scan-line:    rgba(5, 84, 242, 0.004);\n\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: var(--bg);\n  background-image: repeating-linear-gradient(\n    0deg, transparent, transparent 3px,\n    var(--scan-line) 3px, var(--scan-line) 4px\n  );\n  color: var(--txt);\n  font-family: var(--sans);\n  overflow: hidden;\n}\n\n\/* \u2500\u2500 Layout toggles \u2500\u2500 *\/\n#jhkd_4UhpYv .jhkd-desktop { display: flex; height: 100%; }\n#jhkd_4UhpYv .jhkd-mobile  { display: none; }\n\n@media (max-width: 767px) {\n  #jhkd_4UhpYv .jhkd-desktop { display: none; }\n  #jhkd_4UhpYv .jhkd-mobile  { display: flex; flex-direction: column; height: 100%; }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESKTOP \u2014 LEFT HUD PANEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhkd_4UhpYv .jhkd-hud {\n  width: 38%;\n  min-width: 180px;\n  max-width: 240px;\n  flex-shrink: 0;\n  border-right: 1px solid var(--border);\n  padding: 24px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  background: rgba(5, 84, 242, 0.015);\n}\n\n#jhkd_4UhpYv .jhkd-hud-top {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 16px;\n}\n\n\/* Blinking status dot *\/\n#jhkd_4UhpYv .jhkd-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #4a86ff;\n  flex-shrink: 0;\n  box-shadow: 0 0 6px var(--accent-glow);\n  animation: jhkd-blink 1.1s ease-in-out infinite;\n}\n@keyframes jhkd-blink {\n  0%, 100% { opacity: 1; box-shadow: 0 0 6px var(--accent-glow); }\n  50%       { opacity: 0.15; box-shadow: none; }\n}\n\n#jhkd_4UhpYv .jhkd-hud-label {\n  font-family: var(--mono);\n  font-size: 11.5px;\n  letter-spacing: 0.22em;\n  color: #4a86ff;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n#jhkd_4UhpYv .jhkd-hud-divider {\n  height: 1px;\n  background: var(--border);\n  margin: 12px 0;\n}\n\n#jhkd_4UhpYv .jhkd-hud-meta {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n  margin-bottom: 4px;\n}\n\n#jhkd_4UhpYv .jhkd-hud-meta li {\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n}\n\n#jhkd_4UhpYv .jhkd-ml {\n  font-family: var(--mono);\n  font-size: 7px;\n  letter-spacing: 0.18em;\n  color: var(--txt-dim);\n  width: 58px;\n  flex-shrink: 0;\n  text-transform: uppercase;\n}\n\n#jhkd_4UhpYv .jhkd-mv {\n  font-family: var(--mono);\n  font-size: 8px;\n  letter-spacing: 0.08em;\n  color: var(--txt-mid);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n#jhkd_4UhpYv .jhkd-status { transition: color 0.4s; }\n#jhkd_4UhpYv .jhkd-status.resolved { color: #22c55e; }\n\n\/* Density pip strip *\/\n#jhkd_4UhpYv .jhkd-density-wrap {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n#jhkd_4UhpYv .jhkd-pips {\n  display: flex;\n  gap: 3px;\n  flex-wrap: wrap;\n}\n\n#jhkd_4UhpYv .jhkd-pip {\n  width: 10px;\n  height: 5px;\n  border-radius: 1.5px;\n  background: var(--border);\n  transition: background 0.3s, box-shadow 0.3s;\n}\n#jhkd_4UhpYv .jhkd-pip.lit {\n  background: var(--accent);\n  box-shadow: 0 0 4px var(--accent-glow);\n}\n\n#jhkd_4UhpYv .jhkd-hud-sig {\n  margin-top: auto;\n  padding-top: 16px;\n  font-family: var(--mono);\n  font-size: 7px;\n  letter-spacing: 0.14em;\n  color: rgba(5, 84, 242, 0.35);\n  white-space: nowrap;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESKTOP \u2014 RIGHT KEYWORD PANEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhkd_4UhpYv .jhkd-panel {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 24px 24px 20px;\n  overflow: hidden;\n  background: transparent;\n  border-left: 1px solid rgba(5, 84, 242, 0.2);\n  box-shadow: inset 30px 0 60px rgba(5, 84, 242, 0.03);\n\n}\n\n#jhkd_4UhpYv .jhkd-panel-header {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n  margin-bottom: 18px;\n}\n\n#jhkd_4UhpYv .jhkd-ph-label {\n  font-family: var(--sans);\n  font-size: 18px;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  background: linear-gradient(90deg, #0554F2 0%, #60B0FF 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: #60B0FF; \/* fallback *\/\n}\n\n#jhkd_4UhpYv .jhkd-ph-sub,\n#jhkd_4UhpYv .jhkd-mob-hint {\n  font-family: var(--mono);\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.18em;\n  color: rgba(96,176,255);\n  text-transform: uppercase;\n  line-height: 1.4;\n  min-height: 1.2em;\n}\n#jhkd_4UhpYv .jhkd-ph-cursor {\n  display: inline-block;\n  width: 1px;\n  height: 0.85em;\n  background: #60B0FF;\n  vertical-align: middle;\n  margin-left: 2px;\n  animation: jhkd_cur_jhkd_4UhpYv 0.7s infinite;\n}\n@keyframes jhkd_cur_jhkd_4UhpYv {\n  0%,49%  { opacity: 1; }\n  50%,100%{ opacity: 0; }\n}\n\n\/* \u2500\u2500 Keyword rows (shared desktop + mobile) \u2500\u2500 *\/\n#jhkd_4UhpYv .jhkd-list,\n#jhkd_4UhpYv .jhkd-mob-list {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  gap: 0;\n  overflow: hidden;\n}\n\n#jhkd_4UhpYv .jhkd-row,\n#jhkd_4UhpYv .jhkd-mob-row {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  \/* border-left always present (transparent) so layout never shifts on check *\/\n  padding: 0 8px 0 12px;\n  border-left: 2px solid transparent;\n  border-bottom: 1px solid var(--border);\n  opacity: 0;\n  transform: translateY(6px);\n  transition: opacity 0.35s var(--ease), transform 0.35s var(--ease),\n              border-left-color 0.35s var(--ease);\n  flex: 1;\n  min-height: 38px;\n}\n\n#jhkd_4UhpYv .jhkd-row.visible,\n#jhkd_4UhpYv .jhkd-mob-row.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Unchecked rows are dimmer *\/\n#jhkd_4UhpYv .jhkd-row[data-checked=\"false\"],\n#jhkd_4UhpYv .jhkd-mob-row[data-checked=\"false\"] {\n  opacity: 0;\n}\n#jhkd_4UhpYv .jhkd-row[data-checked=\"false\"].visible,\n#jhkd_4UhpYv .jhkd-mob-row[data-checked=\"false\"].visible {\n  opacity: 0.42;\n}\n\n\/* \u2500\u2500 Radio button \u2500\u2500 *\/\n#jhkd_4UhpYv .jhkd-radio {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 1.5px solid rgba(255, 255, 255, 0.15);\n  background: transparent;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.3s var(--ease),\n              background  0.3s var(--ease),\n              box-shadow  0.3s var(--ease),\n              transform   0.2s var(--ease);\n  position: relative;\n}\n\n\/* Checked state \u2014 solid blue fill *\/\n#jhkd_4UhpYv .jhkd-radio.is-checked {\n  background:   var(--accent);\n  border-color: var(--accent);\n  box-shadow:   0 0 10px var(--accent-glow), 0 0 0 2px var(--accent-dim);\n}\n\n\/* Spring pop on check *\/\n#jhkd_4UhpYv .jhkd-radio.is-checking {\n  transform: scale(1.28);\n}\n\n\/* White center dot *\/\n#jhkd_4UhpYv .jhkd-radio-inner {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #ffffff;\n  opacity: 0;\n  transform: scale(0);\n  transition: opacity  0.22s var(--ease),\n              transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\n  pointer-events: none;\n}\n#jhkd_4UhpYv .jhkd-radio.is-checked .jhkd-radio-inner {\n  opacity: 1;\n  transform: scale(1);\n}\n\n\/* Unchecked but decoded \u2014 dim ring *\/\n#jhkd_4UhpYv .jhkd-radio.is-unchecked {\n  border-color: rgba(255, 255, 255, 0.2);\n  background: transparent;\n}\n\n\/* Checked row \u2014 blue left accent animates in after radio pops *\/\n#jhkd_4UhpYv .jhkd-row[data-checked=\"true\"].accented,\n#jhkd_4UhpYv .jhkd-mob-row[data-checked=\"true\"].accented {\n  border-left-color: rgba(5, 84, 242, 0.5);\n}\n\n\/* \u2500\u2500 Keyword text (glitch target) \u2500\u2500 *\/\n#jhkd_4UhpYv .jhkd-kw,\n#jhkd_4UhpYv .jhkd-kw-mob {\n  font-family: var(--sans);\n  font-size: 12px;\n  font-weight: 400;\n  letter-spacing: 0;\n  color: var(--txt-dim);\n  white-space: nowrap;\n  overflow: hidden;\n  transition: color 0.3s;\n  user-select: none;\n}\n#jhkd_4UhpYv .jhkd-kw.decoded,\n#jhkd_4UhpYv .jhkd-kw-mob.decoded {\n  color: var(--txt);\n}\n#jhkd_4UhpYv .jhkd-row[data-checked=\"false\"] .jhkd-kw.decoded,\n#jhkd_4UhpYv .jhkd-mob-row[data-checked=\"false\"] .jhkd-kw-mob.decoded {\n  color: var(--txt-mid);\n}\n\n\/* \u2500\u2500 ADD KEYWORDS button \u2500\u2500 *\/\n#jhkd_4UhpYv .jhkd-btn,\n#jhkd_4UhpYv .jhkd-btn-mob {\n  margin-top: 16px;\n  width: 100%;\n  padding: 12px;\n  background: var(--accent);\n  border: none;\n  border-radius: 5px;\n  color: #fff;\n  font-family: var(--sans);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  cursor: pointer;\n  opacity: 0;\n  transform: translateY(4px);\n  transition: opacity 0.5s var(--ease), transform 0.5s var(--ease),\n              background 0.2s, box-shadow 0.2s;\n  flex-shrink: 0;\n}\n#jhkd_4UhpYv .jhkd-btn.visible,\n#jhkd_4UhpYv .jhkd-btn-mob.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n#jhkd_4UhpYv .jhkd-btn:hover,\n#jhkd_4UhpYv .jhkd-btn-mob:hover {\n  background: #1a6aff;\n  box-shadow: 0 0 20px rgba(5, 84, 242, 0.4);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOBILE LAYOUT\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhkd_4UhpYv .jhkd-mobile {\n  padding: 18px 16px 14px;\n  background: var(--bg); \/* Keep it pure black for maximum pop *\/\n  border-top: 1px solid rgba(5, 84, 242, 0.15); \/* Thin blue separation line *\/\n  box-shadow: inset 0 20px 40px rgba(0, 0, 0, 0.5); \/* Adds depth at the top *\/\n}\n\n#jhkd_4UhpYv .jhkd-mob-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 14px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid var(--border);\n}\n\n#jhkd_4UhpYv .jhkd-mob-status {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n#jhkd_4UhpYv .jhkd-dot-mob { width: 6px; height: 6px; }\n\n#jhkd_4UhpYv .jhkd-mob-label {\n  font-family: #4a86ff;\n  font-size: 9.5px;\n  letter-spacing: 0.2em;\n  color: var(--accent);\n  text-transform: uppercase;\n}\n\n#jhkd_4UhpYv .jhkd-mob-sub {\n  font-family: var(--mono);\n  font-size: 7px;\n  letter-spacing: 0.15em;\n  color: var(--txt-dim);\n  text-transform: uppercase;\n}\n\n#jhkd_4UhpYv .jhkd-mob-counter {\n  font-family: var(--mono);\n  font-size: 11px;\n  color: var(--accent);\n}\n#jhkd_4UhpYv .jhkd-mob-total { color: var(--txt-dim); }\n\n#jhkd_4UhpYv .jhkd-mob-title {\n  font-size: 17px;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  margin-bottom: 3px;\n  background: linear-gradient(90deg, #0554F2 0%, #60B0FF 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  color: #60B0FF;\n}\n\n#jhkd_4UhpYv .jhkd-mob-hint {\n  font-size: 10px;\n  color: var(--txt-mid);\n  margin-bottom: 14px;\n  line-height: 1.4;\n}\n\n#jhkd_4UhpYv .jhkd-mob-row {\n  padding: 9px 2px;\n}\n\n#jhkd_4UhpYv .jhkd-radio-mob {\n  width: 20px;\n  height: 20px;\n}\n\n#jhkd_4UhpYv .jhkd-kw-mob {\n  font-size: 12px;\n}\n\n#jhkd_4UhpYv .jhkd-btn-mob {\n  margin-top: 12px;\n  padding: 14px;\n  font-size: 12px;\n  border-radius: 7px;\n}\n\n\/* Mobile pip strip *\/\n#jhkd_4UhpYv .jhkd-mob-pips {\n  display: flex;\n  gap: 3px;\n  margin-top: 10px;\n  justify-content: center;\n}\n\n#jhkd_4UhpYv .jhkd-pip-mob {\n  width: 14px;\n  height: 4px;\n  border-radius: 2px;\n  background: var(--border);\n  transition: background 0.3s, box-shadow 0.3s;\n}\n#jhkd_4UhpYv .jhkd-pip-mob.lit {\n  background: var(--accent);\n  box-shadow: 0 0 4px var(--accent-glow);\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     JAVASCRIPT \u2014 Animation engine\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function () {\n  'use strict';\n\n  var ROOT   = document.getElementById('jhkd_4UhpYv');\n  if (!ROOT) return;\n\n  \/* \u2500\u2500 Constants \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var CHARS       = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_$%#@!';\n  var KW_GAP_MS   = 400;   \/* delay between each keyword appearing        *\/\n  var GLITCH_TICK = 38;    \/* ms per scramble tick                        *\/\n  var GLITCH_RATE = 0.8;  \/* chars revealed per tick                     *\/\n  var HOLD_MS     = 3200;  \/* pause after all keywords decoded            *\/\n  var RESET_MS    = 600;   \/* fade-out duration before next loop          *\/\n  var PIP_TOTAL   = 12;\n\n  \/* \u2500\u2500 State \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var timers    = [];\n  var glitchIVs = [];\n  var isRunning = false;\n  var isMobile  = false;\n\n  \/* \u2500\u2500 Helper: safe setTimeout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function after(fn, ms) {\n    var id = setTimeout(fn, ms);\n    timers.push(id);\n    return id;\n  }\n  function clearAll() {\n    timers.forEach(clearTimeout);\n    glitchIVs.forEach(clearInterval);\n    timers = [];\n    glitchIVs = [];\n  }\n\n  \/* \u2500\u2500 Detect layout mode \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function checkMobile() {\n    isMobile = window.matchMedia('(max-width: 767px)').matches;\n  }\n\n  \/* \u2500\u2500 Element getters (lazy, cached per run) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function getRows()    { return ROOT.querySelectorAll(isMobile ? '.jhkd-mob-row'  : '.jhkd-row');   }\n  function getKws()     { return ROOT.querySelectorAll(isMobile ? '.jhkd-kw-mob'   : '.jhkd-kw');    }\n  function getBtn()     { return ROOT.querySelector(isMobile   ? '.jhkd-btn-mob'   : '.jhkd-btn');   }\n  function getPips()    { return ROOT.querySelectorAll(isMobile ? '.jhkd-pip-mob'   : '.jhkd-pip');   }\n  function getCount()   { return ROOT.querySelector(isMobile   ? '.jhkd-count-mob' : '.jhkd-count'); }\n  function getStatus()  { return ROOT.querySelector('.jhkd-status'); }\n\n  \/* \u2500\u2500 Reset everything to initial scrambled state \u2500\u2500\u2500\u2500\u2500 *\/\n  function reset() {\n    isRunning = false;\n\n    \/* Desktop HUD *\/\n    var status = getStatus();\n    if (status) { status.textContent = 'SCANNING'; status.classList.remove('resolved'); }\n\n    \/* Rows invisible *\/\n    ROOT.querySelectorAll('.jhkd-row, .jhkd-mob-row').forEach(function(r) {\n      r.classList.remove('visible', 'accented');\n    });\n\n    \/* Radios back to neutral *\/\n    ROOT.querySelectorAll('.jhkd-radio').forEach(function(r) {\n      r.classList.remove('is-checked', 'is-unchecked', 'is-checking');\n    });\n\n    \/* Keywords back to block chars *\/\n    ROOT.querySelectorAll('.jhkd-kw, .jhkd-kw-mob').forEach(function(kw) {\n      kw.classList.remove('decoded');\n      kw.textContent = kw.getAttribute('data-final').replace(\/.\/g, '\\u2588');\n    });\n\n    \/* Buttons hidden *\/\n    ROOT.querySelectorAll('.jhkd-btn, .jhkd-btn-mob').forEach(function(b) {\n      b.classList.remove('visible');\n    });\n\n    \/* Pips off *\/\n    ROOT.querySelectorAll('.jhkd-pip, .jhkd-pip-mob').forEach(function(p) {\n      p.classList.remove('lit');\n    });\n\n    \/* Subtitle reset *\/\n    var subEl = ROOT.querySelector('.jhkd-ph-sub, .jhkd-mob-hint');\n    if (subEl) subEl.textContent = '';\n\n    \/* Counter *\/\n    var cnt = getCount();\n    if (cnt) cnt.textContent = '00\/07';\n    var cntM = ROOT.querySelector('.jhkd-count-mob');\n    if (cntM) cntM.textContent = '00';\n  }\n\n  \/* \u2500\u2500 Glitch a single keyword span \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function glitchDecode(span, finalText, onDone) {\n    var progress = 0;\n    var len      = finalText.length;\n\n    var iv = setInterval(function () {\n      var out = '';\n      for (var i = 0; i < len; i++) {\n        if (finalText[i] === ' ') {\n          out += (i < progress) ? ' ' : '\\u00a0';\n        } else if (i < progress) {\n          out += finalText[i];\n        } else {\n          out += CHARS[Math.floor(Math.random() * CHARS.length)];\n        }\n      }\n      span.textContent = out;\n\n      if (progress >= len) {\n        clearInterval(iv);\n        span.textContent = finalText;\n        span.classList.add('decoded');\n        if (onDone) onDone();\n      }\n      progress += GLITCH_RATE;\n    }, GLITCH_TICK);\n\n    glitchIVs.push(iv);\n  }\n\n  \/* \u2500\u2500 Animate radio into checked \/ unchecked state \u2500\u2500\u2500\u2500\u2500 *\/\n  function animateRadio(radio, isChecked) {\n    if (!radio) return;\n    if (isChecked) {\n      radio.classList.add('is-checking');\n      after(function () {\n        radio.classList.remove('is-checking');\n        radio.classList.add('is-checked');\n      }, 140);\n    } else {\n      radio.classList.add('is-unchecked');\n    }\n  }\n\n  \/* \u2500\u2500 Light pips sequentially \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function lightPips(count, total) {\n    var pips = getPips();\n    \/* Map resolved keyword index \u2192 pip index *\/\n    var pipIdx = Math.round((count \/ total) * PIP_TOTAL) - 1;\n    if (pips[pipIdx]) pips[pipIdx].classList.add('lit');\n  }\n\n  \/* \u2500\u2500 Update counter display \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function updateCounter(n, total) {\n    var s = n.toString().padStart(2, '0');\n    var cnt = getCount();\n    if (cnt) cnt.textContent = s + '\/' + total.toString().padStart(2, '0');\n    var cntM = ROOT.querySelector('.jhkd-count-mob');\n    if (cntM) cntM.textContent = s;\n  }\n\n  \/* \u2500\u2500 Main animation sequence \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* \u2500\u2500 Subtitle typewriter \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var SUB_TEXT = 'Confirm keywords that apply to your experience';\n  function typeSubtitle(el) {\n    if (!el) return;\n    el.textContent = '';\n    var cursor = document.createElement('span');\n    cursor.className = 'jhkd-ph-cursor';\n    el.appendChild(cursor);\n    var i = 0;\n    var iv = setInterval(function() {\n      if (!isRunning) { clearInterval(iv); return; }\n      if (i < SUB_TEXT.length) {\n        el.insertBefore(document.createTextNode(SUB_TEXT[i]), cursor);\n        i++;\n      } else {\n        clearInterval(iv);\n        setTimeout(function() { if (cursor.parentNode) cursor.remove(); }, 600);\n      }\n    }, 28);\n    glitchIVs.push(iv);\n  }\n\n  function runSequence() {\n    if (isRunning) return;\n    isRunning = true;\n    checkMobile();\n\n    \/* Typewriter subtitle immediately when sequence starts *\/\n    typeSubtitle(ROOT.querySelector(isMobile ? '.jhkd-mob-hint' : '.jhkd-ph-sub'));\n\n    var rows    = getRows();\n    var kws     = getKws();\n    var btn     = getBtn();\n    var total   = rows.length;\n    var decoded = 0;\n\n    \/* Stagger each row: appear \u2192 glitch \u2192 decode *\/\n    for (var i = 0; i < total; i++) {\n      (function (idx) {\n        var appearAt = idx * KW_GAP_MS;\n\n        after(function () {\n          if (!isRunning) return;\n          var row = rows[idx];\n          var kw  = kws[idx];\n          if (!row || !kw) return;\n\n          \/* Row slides in *\/\n          row.classList.add('visible');\n\n          \/* Glitch decode the keyword text, then animate radio *\/\n          var finalText = kw.getAttribute('data-final') || '';\n          var radio     = row.querySelector('.jhkd-radio');\n          var isChecked = row.getAttribute('data-checked') === 'true';\n          glitchDecode(kw, finalText, function () {\n            if (!isRunning) return;\n            \/* Radio pops into state 80ms after text resolves *\/\n            after(function () {\n              animateRadio(radio, isChecked);\n              if (isChecked) { row.classList.add('accented'); }\n            }, 80);\n            decoded++;\n            updateCounter(decoded, total);\n            lightPips(decoded, total);\n\n            \/* After last keyword: status \u2192 RESOLVED, show button *\/\n            if (decoded === total) {\n              var st = getStatus();\n              if (st) { st.textContent = 'RESOLVED'; st.classList.add('resolved'); }\n              after(function () {\n                if (!isRunning) return;\n                if (btn) btn.classList.add('visible');\n              }, 280);\n\n              \/* Hold \u2192 reset \u2192 loop *\/\n              after(function () {\n                var fadeBtn = getBtn();\n                if (fadeBtn) fadeBtn.classList.remove('visible');\n                after(function () {\n                  reset();\n                  after(runSequence, 400);\n                }, RESET_MS);\n              }, HOLD_MS);\n            }\n          });\n        }, appearAt);\n      })(i);\n    }\n  }\n\n  \/* \u2500\u2500 Entry point: triggered when slide becomes active \u2500 *\/\n  function start() {\n    clearAll();\n    reset();\n    after(runSequence, 350);\n  }\n\n  function stop() {\n    clearAll();\n    reset();\n  }\n\n  \/* \u2500\u2500 Watch parent .orbit-slide for .is-focal (transition-only) \u2500\n     wasFocal prevents start()\/stop() firing on every rAF class mutation\n     from JHOrbit's updateOrbit loop (~60fps). Only actual focal changes\n     trigger the animation lifecycle.                                    *\/\n  var parentSlide = ROOT.closest('.orbit-slide');\n  if (parentSlide) {\n    \/* wasFocal starts FALSE even if slide is already focal.\n       Slide 0 is always focal at page load (JHOrbit currentProgress=0),\n       so the animation is gated behind the section entering the viewport\n       to ensure it only triggers after the user scrolls to this section. *\/\n    var wasFocal = false;\n    var moActive = false;\n    var observer = new MutationObserver(function (mutations) {\n      mutations.forEach(function (m) {\n        if (m.attributeName !== 'class') return;\n        var isFocal = parentSlide.classList.contains('is-focal');\n        if (isFocal && !wasFocal)      { wasFocal = true;  start(); }\n        else if (!isFocal && wasFocal) { wasFocal = false; stop();  }\n      });\n    });\n\n    function activateMO() {\n      if (moActive) return;\n      moActive = true;\n      observer.observe(parentSlide, { attributes: true });\n    }\n\n    \/* Gate: only activate once the parent section enters viewport *\/\n    var section = parentSlide.closest('.tcc-features-section') || parentSlide.closest('section');\n    if (section && 'IntersectionObserver' in window) {\n      var sectionIO = new IntersectionObserver(function (entries) {\n        entries.forEach(function (e) {\n          if (e.isIntersecting) { activateMO(); sectionIO.disconnect(); }\n        });\n      }, { threshold: 0.05 });\n      sectionIO.observe(section);\n    } else {\n      activateMO();\n    }\n\n  } else {\n    \/* Standalone \/ preview *\/\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) { start(); }\n        else                  { stop();  }\n      });\n    }, { threshold: 0.4 });\n    io.observe(ROOT);\n  }\n\n  \/* \u2500\u2500 Cleanup on page unload \/ SPA navigation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  window.addEventListener('beforeunload', stop);\n\n  \/* \u2500\u2500 Responsive: re-run on breakpoint cross \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var mql = window.matchMedia('(max-width: 767px)');\n  mql.addEventListener('change', function () {\n    if (isRunning) { stop(); after(start, 200); }\n  });\n\n})();\n<\/script>\n        <\/div>\n\n        <!-- Feature copy \u2014 bottom 35% -->\n        <div class=\"jhfm-copy\">\n            <div class=\"jhfm-meta\">\n                <span class=\"jhfm-index\">01<\/span>\n                <span class=\"jhfm-tag\">KEYWORD TARGETING<\/span>\n            <\/div>\n            <h2 class=\"jhfm-title\">Your skills are only as powerful as your story<\/h2>\n            <p class=\"jhfm-desc\">Add keywords recruiters are searching for to ensure your resume is not blocked by Applicant Tracking Systems (ATS).<\/p>\n            <div class=\"jhfm-progress\">\n                <div class=\"jhfm-progress-fill\"><\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- \u2500\u2500 SLIDE 1 \u2014 Experience Alignment \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"jhfm-slide orbit-slide\" data-slide=\"1\" data-feature=\"alignment\">\n\n        <div class=\"jhfm-anim-stage\">\n            \n<div id=\"jh_tl_jxLjug\" class=\"jh-tl-wrap\">\n\n    <div class=\"jh-tl-hdr\">\n        <span class=\"jh-tl-dot\"><\/span>\n        <span class=\"jh-tl-tag\">C \u00b7 Target Lock &rarr; B \u00b7 Neural Rewrite<\/span>\n    <\/div>\n\n    <div class=\"jh-tl-body\">\n        <div class=\"jh-tl-strow\">\n            <span class=\"jh-tl-stdot\"><\/span>\n            <span class=\"jh-tl-sttxt\" id=\"jh_tl_jxLjug_st\"><\/span>\n        <\/div>\n\n        <div class=\"jh-tl-screen\">\n\n            <!-- PHASE C: requirement \u2192 experience matching -->\n            <div id=\"jh_tl_jxLjug_pc\" class=\"jh-tl-phase\">\n                <div class=\"jh-tl-col-hdrs\">\n                    <span class=\"jh-tl-col-hdr\">Job requirements<\/span>\n                    <span class=\"jh-tl-col-hdr\">Your experience<\/span>\n                <\/div>\n                <div class=\"jh-tl-mx\">\n                    <div class=\"jh-tl-col\">\n                        <div class=\"jh-tl-chip jh-tl-jd\" id=\"jh_tl_jxLjug_jd0\">Stakeholder management<\/div>\n                        <div class=\"jh-tl-chip jh-tl-jd\" id=\"jh_tl_jxLjug_jd1\">Revenue growth<\/div>\n                        <div class=\"jh-tl-chip jh-tl-jd\" id=\"jh_tl_jxLjug_jd2\">Cross-functional leadership<\/div>\n                        <div class=\"jh-tl-chip jh-tl-jd\" id=\"jh_tl_jxLjug_jd3\">Client retention<\/div>\n                    <\/div>\n                    <svg class=\"jh-tl-conn\" width=\"28\" height=\"146\" viewBox=\"0 0 28 146\">\n                        <line id=\"jh_tl_jxLjug_l0\" x1=\"0\" y1=\"18\"  x2=\"28\" y2=\"18\"  stroke=\"#0554F2\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\" fill=\"none\" opacity=\"0\"\/>\n                        <line id=\"jh_tl_jxLjug_l1\" x1=\"0\" y1=\"55\"  x2=\"28\" y2=\"55\"  stroke=\"#0554F2\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\" fill=\"none\" opacity=\"0\"\/>\n                        <line id=\"jh_tl_jxLjug_l2\" x1=\"0\" y1=\"92\"  x2=\"28\" y2=\"92\"  stroke=\"#0554F2\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\" fill=\"none\" opacity=\"0\"\/>\n                        <line id=\"jh_tl_jxLjug_l3\" x1=\"0\" y1=\"128\" x2=\"28\" y2=\"128\" stroke=\"#0554F2\" stroke-width=\"1.5\" stroke-dasharray=\"4 3\" fill=\"none\" opacity=\"0\"\/>\n                    <\/svg>\n                    <div class=\"jh-tl-col\">\n                        <div class=\"jh-tl-chip jh-tl-ex\" id=\"jh_tl_jxLjug_ex0\">Managed 12 accounts<\/div>\n                        <div class=\"jh-tl-chip jh-tl-ex\" id=\"jh_tl_jxLjug_ex1\">Exceeded targets 15%<\/div>\n                        <div class=\"jh-tl-chip jh-tl-ex\" id=\"jh_tl_jxLjug_ex2\">Led team of 5<\/div>\n                        <div class=\"jh-tl-chip jh-tl-ex\" id=\"jh_tl_jxLjug_ex3\">92% renewal rate<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"jh-tl-sc-num\" id=\"jh_tl_jxLjug_sc\">0%<\/div>\n                <div class=\"jh-tl-sc-lbl\">Match Score<\/div>\n                <div class=\"jh-tl-prog\"><div class=\"jh-tl-prog-fill\" id=\"jh_tl_jxLjug_cp\"><\/div><\/div>\n            <\/div>\n\n            <!-- PHASE B: tailored resume bullets -->\n            <div id=\"jh_tl_jxLjug_pb\" class=\"jh-tl-phase jh-tl-hidden\">\n                <div class=\"jh-tl-exp-hdr\">\n                    <div class=\"jh-tl-exp-co\">TechFlow Solutions<\/div>\n                    <div class=\"jh-tl-exp-role\">Senior Sales Associate<\/div>\n                    <div class=\"jh-tl-exp-date\">JAN 2022 &ndash; PRESENT<\/div>\n                <\/div>\n                <div class=\"jh-tl-divider\"><\/div>\n                <div class=\"jh-tl-bullets\">\n                    <div class=\"jh-tl-bullet\" id=\"jh_tl_jxLjug_b0\"><span class=\"jh-tl-bdot\">&#9658;<\/span><span id=\"jh_tl_jxLjug_b0t\"><\/span><\/div>\n                    <div class=\"jh-tl-bullet\" id=\"jh_tl_jxLjug_b1\"><span class=\"jh-tl-bdot\">&#9658;<\/span><span id=\"jh_tl_jxLjug_b1t\"><\/span><\/div>\n                    <div class=\"jh-tl-bullet\" id=\"jh_tl_jxLjug_b2\"><span class=\"jh-tl-bdot\">&#9658;<\/span><span id=\"jh_tl_jxLjug_b2t\"><\/span><\/div>\n                    <div class=\"jh-tl-bullet\" id=\"jh_tl_jxLjug_b3\"><span class=\"jh-tl-bdot\">&#9658;<\/span><span id=\"jh_tl_jxLjug_b3t\"><\/span><\/div>\n                <\/div>\n                <div class=\"jh-tl-prog\"><div class=\"jh-tl-prog-fill\" id=\"jh_tl_jxLjug_bp\"><\/div><\/div>\n            <\/div>\n\n        <\/div><!-- \/.jh-tl-screen -->\n    <\/div><!-- \/.jh-tl-body -->\n\n    <div class=\"jh-tl-ftr\">\n        <span class=\"jh-tl-dot\" style=\"animation-delay:.6s\"><\/span>\n        <div>\n            <div class=\"jh-tl-name\">Target Lock<\/div>\n            <div class=\"jh-tl-desc\">Job requirements align to your experience live &mdash; surfacing exact keyword gaps<\/div>\n        <\/div>\n    <\/div>\n\n<\/div><!-- \/#id -->\n\n<style>\n\/* \u2500\u2500 All rules scoped to #jh_tl_jxLjug \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#jh_tl_jxLjug *{ box-sizing:border-box; margin:0; padding:0; }\n\n#jh_tl_jxLjug.jh-tl-wrap {\n    background: #030303;\n    border: 1px solid rgba(5,84,242,0.45);\n    border-radius: 12px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    font-family: 'JetBrains Mono','Courier New',monospace;\n    width: 100%;\n}\n\n#jh_tl_jxLjug .jh-tl-hdr {\n    background: rgba(5,84,242,0.12);\n    border-bottom: 1px solid rgba(5,84,242,0.28);\n    padding: 8px 14px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n#jh_tl_jxLjug .jh-tl-tag {\n    font-size: 10px;\n    letter-spacing: 0.22em;\n    color: rgba(96,176,255,0.9);\n    text-transform: uppercase;\n}\n\n#jh_tl_jxLjug .jh-tl-dot {\n    width: 5px; height: 5px;\n    border-radius: 50%;\n    background: #60B0FF;\n    flex-shrink: 0;\n    animation: jh_tl_dot_jh_tl_jxLjug 2.2s ease-in-out infinite;\n}\n#jh_tl_jxLjug .jh-tl-stdot {\n    width: 4px; height: 4px;\n    border-radius: 50%;\n    background: #60B0FF;\n    flex-shrink: 0;\n    animation: jh_tl_dot_jh_tl_jxLjug 2s ease-in-out infinite;\n}\n\n#jh_tl_jxLjug .jh-tl-body {\n    padding: 14px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n#jh_tl_jxLjug .jh-tl-strow {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 0 10px;\n}\n#jh_tl_jxLjug .jh-tl-sttxt {\n    font-size: 12px;\n    letter-spacing: 0.18em;\n    color: rgba(96,176,255,0.92);\n    text-transform: uppercase;\n    font-weight: 600;\n}\n\n#jh_tl_jxLjug .jh-tl-screen {\n    background: rgba(10,14,28,0.95);\n    border: 1px solid rgba(5,84,242,0.2);\n    border-radius: 8px;\n    padding: 12px 12px 18px;\n    position: relative;\n    overflow: hidden;\n    min-height: 232px;\n}\n\n\/* Phases *\/\n#jh_tl_jxLjug .jh-tl-phase {\n    width: 100%;\n    transition: opacity 0.4s;\n    position: absolute;\n    inset: 12px 12px 18px;\n}\n#jh_tl_jxLjug .jh-tl-hidden { opacity: 0; pointer-events: none; }\n\n\/* Phase C *\/\n#jh_tl_jxLjug .jh-tl-col-hdrs {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 6px;\n}\n#jh_tl_jxLjug .jh-tl-col-hdr {\n    font-size: 9px;\n    letter-spacing: 0.18em;\n    color: rgba(255,255,255,0.55);\n    text-transform: uppercase;\n}\n#jh_tl_jxLjug .jh-tl-mx {\n    display: grid;\n    grid-template-columns: 1fr 28px 1fr;\n    width: 100%;\n}\n#jh_tl_jxLjug .jh-tl-col { display: flex; flex-direction: column; gap: 5px; }\n#jh_tl_jxLjug .jh-tl-conn { overflow: visible; }\n\n#jh_tl_jxLjug .jh-tl-chip {\n    border-radius: 5px;\n    padding: 5px 8px;\n    font-family: 'Inter',-apple-system,sans-serif;\n    font-size: 11px;\n    font-weight: 400;\n    line-height: 1.35;\n    letter-spacing: 0;\n    transition: all 0.4s;\n}\n#jh_tl_jxLjug .jh-tl-jd {\n    background: rgba(5,84,242,0.12);\n    border: 1px solid rgba(5,84,242,0.35);\n    color: rgba(96,176,255,0.75);\n}\n#jh_tl_jxLjug .jh-tl-jd.jh-tl-lit {\n    background: rgba(5,84,242,0.2);\n    border-color: rgba(96,176,255,0.55);\n    color: rgba(96,176,255,0.95);\n}\n#jh_tl_jxLjug .jh-tl-ex {\n    background: rgba(255,255,255,0.04);\n    border: 1px solid rgba(255,255,255,0.12);\n    color: rgba(255,255,255,0.6);\n}\n#jh_tl_jxLjug .jh-tl-ex.jh-tl-lit {\n    background: rgba(5,84,242,0.08);\n    border-color: rgba(96,176,255,0.3);\n    color: rgba(255,255,255,0.8);\n}\n\n#jh_tl_jxLjug .jh-tl-sc-num {\n    font-size: 24px;\n    font-weight: 700;\n    color: #60B0FF;\n    text-align: center;\n    line-height: 1;\n    margin-top: 10px;\n}\n#jh_tl_jxLjug .jh-tl-sc-lbl {\n    font-size: 9px;\n    letter-spacing: 0.22em;\n    color: rgba(255,255,255,0.2);\n    text-align: center;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.5);\n    margin-top: 2px;\n    margin-bottom: 12px; \/* fix: prevents progress bar overlap *\/\n}\n\n\/* Phase B *\/\n#jh_tl_jxLjug .jh-tl-exp-hdr { margin-bottom: 10px; }\n#jh_tl_jxLjug .jh-tl-exp-co  { font-size: 11px; font-weight: 700; color: rgba(255,255,255,1.0); letter-spacing: 0.06em; }\n#jh_tl_jxLjug .jh-tl-exp-role{ font-size: 10px; color: rgba(255,255,255,0.75); letter-spacing: 0.06em; margin-top: 1px; }\n#jh_tl_jxLjug .jh-tl-exp-date{ font-size: 9px; color: rgba(96,176,255,0.75); letter-spacing: 0.1em; margin-top: 2px; }\n#jh_tl_jxLjug .jh-tl-divider { height: 1px; background: rgba(5,84,242,0.35); margin: 8px 0; }\n#jh_tl_jxLjug .jh-tl-bullets { display: flex; flex-direction: column; gap: 6px; }\n#jh_tl_jxLjug .jh-tl-bullet  { display: flex; gap: 6px; font-size: 11.5px; font-family: 'Inter',-apple-system,sans-serif; font-weight: 400; letter-spacing: 0; line-height: 1.6; color: rgba(255,255,255,0.82); opacity: 0; transition: opacity 0.2s; }\n#jh_tl_jxLjug .jh-tl-bullet.jh-tl-vis { opacity: 1; }\n#jh_tl_jxLjug .jh-tl-bdot    { color: rgba(5,84,242,0.8); flex-shrink: 0; margin-top: 1px; font-size: 8px; }\n\n\/* Keyword tag *\/\n#jh_tl_jxLjug .jh-tl-kw {\n    background: rgba(5,84,242,0.15);\n    border: 1px solid rgba(96,176,255,0.4);\n    border-radius: 3px;\n    color: #60B0FF;\n    padding: 0 3px;\n    font-size: 10px;\n    white-space: nowrap;\n    font-family: 'JetBrains Mono','Courier New',monospace;\n}\n\n\/* Cursor *\/\n#jh_tl_jxLjug .jh-tl-blink {\n    display: inline-block;\n    width: 1px;\n    height: 0.85em;\n    background: #60B0FF;\n    vertical-align: middle;\n    margin-left: 1px;\n    animation: jh_tl_blink_jh_tl_jxLjug 0.65s infinite;\n}\n\n\/* Progress bar *\/\n#jh_tl_jxLjug .jh-tl-prog {\n    height: 2px;\n    background: rgba(255,255,255,0.05);\n    border-radius: 1px;\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    overflow: hidden;\n}\n#jh_tl_jxLjug .jh-tl-prog-fill {\n    height: 100%;\n    width: 0%;\n    background: linear-gradient(90deg, #0554F2, #60B0FF);\n    transition: width 0.06s linear;\n}\n\n\/* Footer *\/\n#jh_tl_jxLjug .jh-tl-ftr {\n    background: rgba(5,84,242,0.07);\n    border-top: 1px solid rgba(5,84,242,0.28);\n    padding: 8px 14px;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n#jh_tl_jxLjug .jh-tl-name { font-size: 10px; font-weight: 700; letter-spacing: 0.18em; color: #fff; text-transform: uppercase; }\n#jh_tl_jxLjug .jh-tl-desc { font-size: 10px; color: rgba(255,255,255,0.6); line-height: 1.55; margin-top: 1px; letter-spacing: 0.06em; }\n\n\/* Connector dash animation \u2014 one per line to vary speed *\/\n#jh_tl_jxLjug #jh_tl_jxLjug_l0 { animation: jh_tl_dash_jh_tl_jxLjug 1.2s linear infinite; }\n#jh_tl_jxLjug #jh_tl_jxLjug_l1 { animation: jh_tl_dash_jh_tl_jxLjug 1.5s linear infinite; }\n#jh_tl_jxLjug #jh_tl_jxLjug_l2 { animation: jh_tl_dash_jh_tl_jxLjug 1.8s linear infinite; }\n#jh_tl_jxLjug #jh_tl_jxLjug_l3 { animation: jh_tl_dash_jh_tl_jxLjug 2.1s linear infinite; }\n\n@keyframes jh_tl_dot_jh_tl_jxLjug {\n    0%,100%{ opacity:1; transform:scale(1); }\n    50%    { opacity:0.4; transform:scale(0.7); }\n}\n@keyframes jh_tl_blink_jh_tl_jxLjug {\n    0%,49% { opacity:1; }\n    50%,100%{ opacity:0; }\n}\n@keyframes jh_tl_dash_jh_tl_jxLjug {\n    to { stroke-dashoffset: -14; }\n}\n<\/style>\n\n<script>\n(function() {\n    'use strict';\n\n    var ID  = 'jh_tl_jxLjug';\n    var pfx = ID + '_';\n    var $   = function(id) { return document.getElementById(pfx + id); };\n\n    var sleep = function(ms) { return new Promise(function(r) { setTimeout(r, ms); }); };\n\n    \/* \u2500\u2500 Resume bullet data \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    var BULLETS = [\n        [\n            'Surpassed quarterly targets by 15%, demonstrating consistent ',\n            {kw:'revenue growth'},\n            ' and ', {kw:'client retention'},\n            ' across a 12-account portfolio.'\n        ],\n        [\n            'Directed ', {kw:'cross-functional leadership'},\n            ' initiatives with marketing and product teams, reducing deal cycle time by 22%.'\n        ],\n        [\n            'Built trusted advisor relationships through proactive ',\n            {kw:'stakeholder management'},\n            ', achieving a 92% contract renewal rate year-over-year.'\n        ],\n        [\n            'Coached 3 junior associates to hit KPIs in 90 days, driving ',\n            {kw:'client retention'},\n            ' and team accountability.'\n        ],\n    ];\n\n    \/* \u2500\u2500 Helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    function setSt(txt)  { var el = document.getElementById(pfx + 'st');  if (el) el.textContent = txt; }\n    function setSc(txt)  { var el = document.getElementById(pfx + 'sc');  if (el) el.textContent = txt; }\n    function setW(id, v) { var el = document.getElementById(pfx + id);    if (el) el.style.width = v + '%'; }\n    function lit(id)     { var el = document.getElementById(pfx + id);    if (el) el.classList.add('jh-tl-lit'); }\n    function unlit(id)   { var el = document.getElementById(pfx + id);    if (el) el.classList.remove('jh-tl-lit'); }\n    function setOp(id,v) { var el = document.getElementById(pfx + id);    if (el) el.style.opacity = v; }\n    function vis(id)     { var el = document.getElementById(pfx + id);    if (el) el.classList.add('jh-tl-vis'); }\n    function unvis(id)   { var el = document.getElementById(pfx + id);    if (el) el.classList.remove('jh-tl-vis'); }\n\n    function showPhase(show, hide) {\n        var a = $(show), b = $(hide);\n        if (b) b.classList.add('jh-tl-hidden');\n        if (a) a.classList.remove('jh-tl-hidden');\n    }\n\n    async function animScore(from, to, dur) {\n        var delay = Math.max(8, Math.ceil(dur \/ (to - from)));\n        for (var v = from; v <= to; v++) { setSc(v + '%'); await sleep(delay); }\n    }\n\n    \/* \u2500\u2500 Phase C \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    async function phaseC() {\n        ['jd0','jd1','jd2','jd3'].forEach(function(id) { unlit(id); });\n        ['ex0','ex1','ex2','ex3'].forEach(function(id) { unlit(id); });\n        ['l0','l1','l2','l3'].forEach(function(id) { setOp(id, 0); });\n        setSc('0%'); setW('cp', 0);\n        showPhase('pc', 'pb');\n        setSt('Scanning job description...');\n        await sleep(333);\n        setSt('Locking requirements...');\n\n        var pairs = [\n            ['jd0','ex0','l0', 31, 183],\n            ['jd1','ex1','l1', 63, 160],\n            ['jd2','ex2','l2', 82, 140],\n            ['jd3','ex3','l3', 96, 127],\n        ];\n        var prev = 0;\n        for (var i = 0; i < pairs.length; i++) {\n            var p = pairs[i];\n            lit(p[0]); lit(p[1]); setOp(p[2], 1);\n            await animScore(prev, p[3], p[4]);\n            prev = p[3];\n            await sleep(117);\n        }\n        setW('cp', 100);\n        setSt('4 targets locked \\u2014 rewriting experience...');\n        await sleep(500);\n    }\n\n    \/* \u2500\u2500 Phase B \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    async function typeInto(container, segments, progEl, progBase, progRange) {\n        container.innerHTML = '';\n        var cur = document.createElement('span');\n        cur.className = 'jh-tl-blink';\n\n        var total = segments.reduce(function(s, seg) {\n            return s + (typeof seg === 'string' ? seg.length : seg.kw.length + 2);\n        }, 0);\n        var done = 0;\n\n        for (var i = 0; i < segments.length; i++) {\n            var seg = segments[i];\n            if (cur.parentNode) cur.remove();\n            if (typeof seg === 'string') {\n                for (var ci = 0; ci < seg.length; ci++) {\n                    if (cur.parentNode) cur.remove();\n                    container.appendChild(document.createTextNode(seg[ci]));\n                    container.appendChild(cur);\n                    done++;\n                    if (progEl) progEl.style.width = (progBase + (done \/ total) * progRange) + '%';\n                    await sleep(7);\n                }\n            } else {\n                var kw = document.createElement('span');\n                kw.className = 'jh-tl-kw';\n                kw.textContent = '@' + seg.kw + '@';\n                container.appendChild(kw);\n                container.appendChild(cur);\n                done += seg.kw.length + 2;\n                if (progEl) progEl.style.width = (progBase + (done \/ total) * progRange) + '%';\n                await sleep(107);\n            }\n        }\n        if (cur.parentNode) cur.remove();\n    }\n\n    async function phaseB() {\n        showPhase('pb', 'pc');\n        setW('bp', 0);\n        ['b0','b1','b2','b3'].forEach(function(id) {\n            unvis(id);\n            var t = document.getElementById(pfx + id + 't');\n            if (t) t.innerHTML = '';\n        });\n        setSt('Tailoring bullets...');\n\n        var bpEl = document.getElementById(pfx + 'bp');\n        for (var i = 0; i < BULLETS.length; i++) {\n            vis('b' + i);\n            var target = document.getElementById(pfx + 'b' + i + 't');\n            var base   = (i \/ BULLETS.length) * 100;\n            var range  = 100 \/ BULLETS.length;\n            await typeInto(target, BULLETS[i], bpEl, base, range);\n            await sleep(60);\n        }\n        setW('bp', 100);\n        setSt('Experience tailored \\u2014 4 keywords injected');\n        await sleep(1267);\n    }\n\n    \/* \u2500\u2500 Loop \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    var _running = false;\n\n    async function loop() {\n        _running = true;\n        while (_running) {\n            await phaseC(); if (!_running) break;\n            await phaseB(); if (!_running) break;\n            await sleep(133);\n        }\n    }\n\n    function startAnim() {\n        if (_running) return;\n        loop();\n    }\n\n    function stopAnim() {\n        _running = false;\n        \/* Reset visible state *\/\n        var sc = document.getElementById(pfx + 'sc'); if (sc) sc.textContent = '0%';\n        var st = document.getElementById(pfx + 'st'); if (st) st.textContent = '';\n        ['jd0','jd1','jd2','jd3'].forEach(function(i){ var e=document.getElementById(pfx+i); if(e) e.classList.remove('jh-tl-lit'); });\n        ['ex0','ex1','ex2','ex3'].forEach(function(i){ var e=document.getElementById(pfx+i); if(e) e.classList.remove('jh-tl-lit'); });\n        ['l0','l1','l2','l3'].forEach(function(i){ var e=document.getElementById(pfx+i); if(e) e.style.opacity='0'; });\n        var cp=document.getElementById(pfx+'cp'); if(cp) cp.style.width='0%';\n        var pc=document.getElementById(pfx+'pc'); if(pc) pc.classList.remove('jh-tl-hidden');\n        var pb=document.getElementById(pfx+'pb'); if(pb) pb.classList.add('jh-tl-hidden');\n        ['b0','b1','b2','b3'].forEach(function(i){\n            var b=document.getElementById(pfx+'b'+i); if(b) b.classList.remove('jh-tl-vis');\n            var t=document.getElementById(pfx+'b'+i+'t'); if(t) t.innerHTML='';\n        });\n    }\n\n    \/* \u2500\u2500 Watch parent .orbit-slide for .is-focal (transition-only) \u2500\u2500\u2500\u2500 *\/\n    var _wrap = document.getElementById(ID);\n    var _parentSlide = _wrap ? _wrap.closest('.orbit-slide') : null;\n\n    if (_parentSlide) {\n        var _wasFocal = _parentSlide.classList.contains('is-focal');\n        var _mo = new MutationObserver(function(muts) {\n            muts.forEach(function(m) {\n                if (m.attributeName !== 'class') return;\n                var _isFocal = _parentSlide.classList.contains('is-focal');\n                if (_isFocal && !_wasFocal)      { _wasFocal = true;  startAnim(); }\n                else if (!_isFocal && _wasFocal) { _wasFocal = false; stopAnim();  }\n            });\n        });\n        _mo.observe(_parentSlide, { attributes: true });\n        if (_wasFocal) { setTimeout(startAnim, 300); }\n    } else {\n        \/* Standalone \/ preview: IntersectionObserver *\/\n        var _io = new IntersectionObserver(function(entries) {\n            entries.forEach(function(e) {\n                if (e.isIntersecting) { startAnim(); } else { stopAnim(); }\n            });\n        }, { threshold: 0.35 });\n        if (_wrap) _io.observe(_wrap);\n    }\n\n    window.addEventListener('beforeunload', stopAnim);\n\n})();\n<\/script>\n        <\/div>\n\n        <div class=\"jhfm-copy\">\n            <div class=\"jhfm-meta\">\n                <span class=\"jhfm-index\">02<\/span>\n                <span class=\"jhfm-tag\">EXPERIENCE ALIGNMENT<\/span>\n            <\/div>\n            <h2 class=\"jhfm-title\">Read between the corporate lines<\/h2>\n            <p class=\"jhfm-desc\">Stand out instantly by tailoring your resume to meet job requirements and showcase your experience as a perfect fit.<\/p>\n            <div class=\"jhfm-progress\">\n                <div class=\"jhfm-progress-fill\"><\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- \u2500\u2500 SLIDE 2 \u2014 Recruiter Visibility \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"jhfm-slide orbit-slide\" data-slide=\"2\" data-feature=\"visibility\">\n\n        <div class=\"jhfm-anim-stage\">\n            \n<div id=\"jhpv_ARMrE1\" class=\"jhpv-root\" aria-label=\"Profile Vectors \u2014 Skills, Competencies and Attributes\" role=\"region\">\n\n  <!-- \u2500\u2500\u2500 STATUS BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"jhpv-topbar\">\n    <span class=\"jhpv-dot\" aria-hidden=\"true\"><\/span>\n    <span class=\"jhpv-topbar-lbl\">PROFILE_ANALYSIS<\/span>\n    <span class=\"jhpv-topbar-sep\" aria-hidden=\"true\"><\/span>\n    <span class=\"jhpv-phase\" data-phase=\"s\">SKILLS<\/span>\n    <span class=\"jhpv-topbar-sep\" aria-hidden=\"true\"><\/span>\n    <span class=\"jhpv-phase\" data-phase=\"c\">COMPETENCIES<\/span>\n    <span class=\"jhpv-topbar-sep\" aria-hidden=\"true\"><\/span>\n    <span class=\"jhpv-phase\" data-phase=\"a\">ATTRIBUTES<\/span>\n    <span class=\"jhpv-topbar-total\" aria-live=\"polite\">\n      VECTORS: <span class=\"jhpv-vtotal\">00<\/span> \/ 18    <\/span>\n  <\/div>\n\n  <!-- \u2500\u2500\u2500 BANDS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"jhpv-bands\">\n\n    <!-- SKILLS -->\n    <div class=\"jhpv-band jhpv-band-s\" data-band=\"s\" aria-label=\"Skills\">\n      <div class=\"jhpv-beam\" aria-hidden=\"true\"><\/div>\n      <div class=\"jhpv-side\">\n        <div class=\"jhpv-side-label\">Skills<\/div>\n        <div class=\"jhpv-side-counter jhpv-cnt-s\" aria-live=\"polite\">\n          00 \/ 06        <\/div>\n        <div class=\"jhpv-prog-track\" aria-hidden=\"true\">\n          <div class=\"jhpv-prog-fill jhpv-pf-s\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"jhpv-items jhpv-items-s\" role=\"list\">\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Store Management\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Store Management          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Sales Growth\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Sales Growth          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Customer Service\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Customer Service          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Leadership Coaching\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Leadership Coaching          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Operational Oversight\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Operational Oversight          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Retail Experience\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Retail Experience          <\/div>\n              <\/div>\n    <\/div>\n\n    <!-- COMPETENCIES -->\n    <div class=\"jhpv-band jhpv-band-c\" data-band=\"c\" aria-label=\"Competencies\">\n      <div class=\"jhpv-beam\" aria-hidden=\"true\"><\/div>\n      <div class=\"jhpv-side\">\n        <div class=\"jhpv-side-label\">Competencies<\/div>\n        <div class=\"jhpv-side-counter jhpv-cnt-c\" aria-live=\"polite\">\n          00 \/ 06        <\/div>\n        <div class=\"jhpv-prog-track\" aria-hidden=\"true\">\n          <div class=\"jhpv-prog-fill jhpv-pf-c\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"jhpv-items jhpv-items-c\" role=\"list\">\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Decision Making\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Decision Making          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Performance Driven\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Performance Driven          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Team Mentoring\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Team Mentoring          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Quality Standards\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Quality Standards          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Strategic Analysis\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Strategic Analysis          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Communication Skills\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Communication Skills          <\/div>\n              <\/div>\n    <\/div>\n\n    <!-- ATTRIBUTES -->\n    <div class=\"jhpv-band jhpv-band-a\" data-band=\"a\" aria-label=\"Attributes\">\n      <div class=\"jhpv-beam\" aria-hidden=\"true\"><\/div>\n      <div class=\"jhpv-side\">\n        <div class=\"jhpv-side-label\">Attributes<\/div>\n        <div class=\"jhpv-side-counter jhpv-cnt-a\" aria-live=\"polite\">\n          00 \/ 06        <\/div>\n        <div class=\"jhpv-prog-track\" aria-hidden=\"true\">\n          <div class=\"jhpv-prog-fill jhpv-pf-a\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"jhpv-items jhpv-items-a\" role=\"list\">\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Integrity\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Integrity          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Empathy\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Empathy          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Courage\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Courage          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Positive Attitude\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Positive Attitude          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Collaborative\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Collaborative          <\/div>\n                  <div class=\"jhpv-pill\" role=\"listitem\" aria-label=\"Adaptability\">\n            <span class=\"jhpv-pill-dot\" aria-hidden=\"true\"><\/span>\n            Adaptability          <\/div>\n              <\/div>\n    <\/div>\n\n  <\/div><!-- \/.jhpv-bands -->\n\n  <!-- \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  <div class=\"jhpv-footer\" aria-hidden=\"true\">\n    <div class=\"jhpv-footer-sig\">\/\/ DEEP_SIGNAL_INJECTION &nbsp;\u00b7&nbsp; PROFILE VECTORS ALIGNED<\/div>\n    <div class=\"jhpv-pips\">\n              <span class=\"jhpv-pip\" data-pip=\"0\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"1\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"2\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"3\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"4\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"5\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"6\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"7\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"8\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"9\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"10\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"11\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"12\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"13\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"14\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"15\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"16\"><\/span>\n              <span class=\"jhpv-pip\" data-pip=\"17\"><\/span>\n          <\/div>\n  <\/div>\n\n<\/div><!-- \/.jhpv-root -->\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     STYLES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style>\n#jhpv_ARMrE1 {\n  \/* Brand tokens *\/\n  --bg:           #030303;\n  --scan-line:    rgba(5, 84, 242, 0.004);\n  --accent:       #0554F2;\n  --accent-glow:  rgba(5, 84, 242, 0.55);\n  --border:       rgba(255, 255, 255, 0.07);\n  --txt:          rgba(255, 255, 255, 0.92);\n  --txt-mid:      rgba(255, 255, 255, 0.52);\n  --txt-dim:      rgba(255, 255, 255, 0.2);\n  --mono:         'JetBrains Mono', 'Courier New', monospace;\n  --sans:         'Inter', system-ui, sans-serif;\n  --ease:         cubic-bezier(0.23, 1, 0.32, 1);\n\n  \/* Category colours *\/\n  --cs:  #0554F2;\n  --csg: rgba(5, 84, 242, 0.6);\n  --cc:  #7C3AED;\n  --ccg: rgba(124, 58, 237, 0.6);\n  --ca:  #059669;\n  --cag: rgba(5, 150, 105, 0.6);\n\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: var(--bg);\n  background-image: repeating-linear-gradient(\n    0deg, transparent, transparent 3px,\n    var(--scan-line) 3px, var(--scan-line) 4px\n  );\n  color: var(--txt);\n  font-family: var(--sans);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   STATUS BAR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhpv_ARMrE1 .jhpv-topbar {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 11px 20px;\n  border-bottom: 1px solid var(--border);\n  background: rgba(5, 84, 242, 0.06);\n  border-bottom: 1px solid rgba(5,84,242,0.2);\n  flex-shrink: 0;\n}\n\n#jhpv_ARMrE1 .jhpv-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--accent);\n  box-shadow: 0 0 6px var(--accent-glow);\n  flex-shrink: 0;\n  animation: jhpv-blink 1.1s ease-in-out infinite;\n}\n@keyframes jhpv-blink {\n  0%, 100% { opacity: 1; box-shadow: 0 0 6px var(--accent-glow); }\n  50%       { opacity: .15; box-shadow: none; }\n}\n\n#jhpv_ARMrE1 .jhpv-topbar-lbl {\n  font-family: var(--mono);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: .22em;\n  color: #60B0FF;\n  text-shadow: 0 0 10px rgba(96,176,255,0.4);\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n#jhpv_ARMrE1 .jhpv-topbar-sep {\n  width: 1px;\n  height: 12px;\n  background: rgba(255,255,255,0.15);\n  flex-shrink: 0;\n}\n\n#jhpv_ARMrE1 .jhpv-phase {\n  font-family: var(--mono);\n  font-size: 11px;\n  font-weight: 400;\n  letter-spacing: .14em;\n  color: rgba(255, 255, 255, 0.82);\n  text-transform: uppercase;\n  transition: color .4s, font-weight .4s, text-shadow .4s;\n  white-space: nowrap;\n}\n#jhpv_ARMrE1 .jhpv-phase.active {\n  color: rgba(255, 255, 255, 0.95);\n  font-weight: 600;\n  text-shadow: 0 0 8px rgba(255,255,255,0.15);\n}\n#jhpv_ARMrE1 .jhpv-phase.done {\n  color: rgba(255, 255, 255, 0.45);\n  font-weight: 400;\n}\n\n#jhpv_ARMrE1 .jhpv-topbar-total {\n  margin-left: auto;\n  font-family: var(--mono);\n  font-size: 8px;\n  letter-spacing: .08em;\n  color: rgba(255,255,255,0.4);\n  white-space: nowrap;\n}\n#jhpv_ARMrE1 .jhpv-vtotal { color: rgba(255,255,255,0.55); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BANDS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhpv_ARMrE1 .jhpv-bands {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n#jhpv_ARMrE1 .jhpv-band {\n  display: flex;\n  align-items: stretch;\n  border-bottom: 0.5px solid var(--border);\n  position: relative;\n  overflow: hidden;\n  flex: 1;\n  min-height: 90px;\n  transition: background .5s;\n}\n#jhpv_ARMrE1 .jhpv-band:last-child { border-bottom: none; }\n\n\/* Active scanning tint *\/\n#jhpv_ARMrE1 .jhpv-band-s.scanning { background: rgba(5, 84, 242, 0.025); }\n#jhpv_ARMrE1 .jhpv-band-c.scanning { background: rgba(124, 58, 237, 0.025); }\n#jhpv_ARMrE1 .jhpv-band-a.scanning { background: rgba(5, 150, 105, 0.025); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SIDEBAR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhpv_ARMrE1 .jhpv-side {\n  width: 130px;\n  flex-shrink: 0;\n  padding: 16px 18px;\n  border-right: 1px solid var(--border);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 5px;\n}\n\n#jhpv_ARMrE1 .jhpv-side-label {\n  font-family: var(--mono);\n  font-size: 12.5px;\n  font-weight: 600;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  transition: color .4s, text-shadow .4s;\n}\n#jhpv_ARMrE1 .jhpv-band-s .jhpv-side-label { color: #4a86ff; }\n#jhpv_ARMrE1 .jhpv-band-c .jhpv-side-label { color: #a78bfa); }\n#jhpv_ARMrE1 .jhpv-band-a .jhpv-side-label { color: #34d399); }\n#jhpv_ARMrE1 .jhpv-band-s.scanning .jhpv-side-label,\n#jhpv_ARMrE1 .jhpv-band-s.done     .jhpv-side-label { color: var(--cs); text-shadow: 0 0 10px rgba(5,84,242,0.5); }\n#jhpv_ARMrE1 .jhpv-band-c.scanning .jhpv-side-label,\n#jhpv_ARMrE1 .jhpv-band-c.done     .jhpv-side-label { color: var(--cc); text-shadow: 0 0 10px rgba(124,58,237,0.5); }\n#jhpv_ARMrE1 .jhpv-band-a.scanning .jhpv-side-label,\n#jhpv_ARMrE1 .jhpv-band-a.done     .jhpv-side-label { color: var(--ca); text-shadow: 0 0 10px rgba(5,150,105,0.5); }\n\n#jhpv_ARMrE1 .jhpv-side-counter {\n  font-family: var(--mono);\n  font-size: 10px;\n  letter-spacing: .06em;\n  color: rgba(255,255,255,0.45);\n  transition: color .4s;\n}\n#jhpv_ARMrE1 .jhpv-band-s.scanning .jhpv-side-counter,\n#jhpv_ARMrE1 .jhpv-band-s.done     .jhpv-side-counter { color: rgba(5,   84,  242, 0.55); }\n#jhpv_ARMrE1 .jhpv-band-c.scanning .jhpv-side-counter,\n#jhpv_ARMrE1 .jhpv-band-c.done     .jhpv-side-counter { color: rgba(124, 58,  237, 0.55); }\n#jhpv_ARMrE1 .jhpv-band-a.scanning .jhpv-side-counter,\n#jhpv_ARMrE1 .jhpv-band-a.done     .jhpv-side-counter { color: rgba(5,   150, 105, 0.55); }\n\n\/* Progress bar *\/\n#jhpv_ARMrE1 .jhpv-prog-track {\n  height: 2px;\n  border-radius: 1px;\n  background: rgba(255,255,255,0.06);\n  overflow: hidden;\n  margin-top: 3px;\n}\n#jhpv_ARMrE1 .jhpv-prog-fill {\n  height: 100%;\n  width: 0%;\n  border-radius: 1px;\n  transition: width .35s var(--ease);\n}\n#jhpv_ARMrE1 .jhpv-pf-s { background: var(--cs); }\n#jhpv_ARMrE1 .jhpv-pf-c { background: var(--cc); }\n#jhpv_ARMrE1 .jhpv-pf-a { background: var(--ca); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BEAM\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhpv_ARMrE1 .jhpv-beam {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 130px;  \/* starts flush with sidebar edge *\/\n  width: 2px;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity .2s;\n  will-change: transform;\n  border-radius: 1px;\n}\n#jhpv_ARMrE1 .jhpv-beam::after {\n  content: '';\n  position: absolute;\n  top: 0; bottom: 0;\n  left: -10px; width: 22px;\n  opacity: .22;\n  border-radius: 2px;\n}\n#jhpv_ARMrE1 .jhpv-band-s .jhpv-beam {\n  background: linear-gradient(180deg, transparent, rgba(5,84,242,0.9) 50%, transparent);\n}\n#jhpv_ARMrE1 .jhpv-band-s .jhpv-beam::after  { background: rgba(5,84,242,0.5); }\n#jhpv_ARMrE1 .jhpv-band-c .jhpv-beam {\n  background: linear-gradient(180deg, transparent, rgba(124,58,237,0.9) 50%, transparent);\n}\n#jhpv_ARMrE1 .jhpv-band-c .jhpv-beam::after  { background: rgba(124,58,237,0.5); }\n#jhpv_ARMrE1 .jhpv-band-a .jhpv-beam {\n  background: linear-gradient(180deg, transparent, rgba(5,150,105,0.9) 50%, transparent);\n}\n#jhpv_ARMrE1 .jhpv-band-a .jhpv-beam::after  { background: rgba(5,150,105,0.5); }\n#jhpv_ARMrE1 .jhpv-beam.active { opacity: 1; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PILLS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhpv_ARMrE1 .jhpv-items {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  padding: 16px 18px;\n  flex-wrap: wrap;\n  align-content: center;\n  row-gap: 8px;\n  gap: 8px;\n}\n\n#jhpv_ARMrE1 .jhpv-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 12px;\n  border-radius: 4px;\n  font-family: var(--sans);\n  font-size: 11.5px;\n  font-weight: 500;\n  letter-spacing: 0;\n  border: 0.5px solid transparent;\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n  transition: opacity .38s var(--ease), transform .38s var(--ease);\n  white-space: nowrap;\n  margin-right: 0;\n  margin-bottom: 0;\n}\n#jhpv_ARMrE1 .jhpv-pill.in {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n\n#jhpv_ARMrE1 .jhpv-pill-dot {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n#jhpv_ARMrE1 .jhpv-band-s .jhpv-pill {\n  background: rgba(5, 84, 242, 0.1);\n  border-color: rgba(5, 84, 242, 0.28);\n  color: rgba(255,255,255,0.88);\n}\n#jhpv_ARMrE1 .jhpv-band-s .jhpv-pill-dot {\n  background: var(--cs);\n  box-shadow: 0 0 4px rgba(5,84,242,0.6);\n}\n#jhpv_ARMrE1 .jhpv-band-c .jhpv-pill {\n  background: rgba(124, 58, 237, 0.1);\n  border-color: rgba(124, 58, 237, 0.28);\n  color: rgba(255,255,255,0.88);\n}\n#jhpv_ARMrE1 .jhpv-band-c .jhpv-pill-dot {\n  background: var(--cc);\n  box-shadow: 0 0 4px rgba(124,58,237,0.6);\n}\n#jhpv_ARMrE1 .jhpv-band-a .jhpv-pill {\n  background: rgba(5, 150, 105, 0.1);\n  border-color: rgba(5, 150, 105, 0.28);\n  color: rgba(255,255,255,0.88);\n}\n#jhpv_ARMrE1 .jhpv-band-a .jhpv-pill-dot {\n  background: var(--ca);\n  box-shadow: 0 0 4px rgba(5,150,105,0.6);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FOOTER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhpv_ARMrE1 .jhpv-footer {\n  padding: 9px 20px;\n  border-top: 1px solid var(--border);\n  background: rgba(0,0,0,0.25);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-shrink: 0;\n}\n#jhpv_ARMrE1 .jhpv-footer-sig {\n  font-family: var(--mono);\n  font-size: 6.5px;\n  letter-spacing: .14em;\n  color: rgba(5, 84, 242, 0.28);\n  white-space: nowrap;\n}\n\n#jhpv_ARMrE1 .jhpv-pips {\n  display: flex;\n  gap: 3px;\n}\n#jhpv_ARMrE1 .jhpv-pip {\n  width: 14px;\n  height: 3px;\n  border-radius: 1.5px;\n  background: rgba(255,255,255,0.07);\n  transition: background .35s, box-shadow .35s;\n}\n#jhpv_ARMrE1 .jhpv-pip.s-lit { background: var(--cs); box-shadow: 0 0 4px rgba(5,84,242,0.5); }\n#jhpv_ARMrE1 .jhpv-pip.c-lit { background: var(--cc); box-shadow: 0 0 4px rgba(124,58,237,0.5); }\n#jhpv_ARMrE1 .jhpv-pip.a-lit { background: var(--ca); box-shadow: 0 0 4px rgba(5,150,105,0.5); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOBILE OVERRIDES (<768px)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 767px) {\n  #jhpv_ARMrE1 .jhpv-topbar {\n    padding: 10px 14px;\n    gap: 7px;\n    flex-wrap: wrap;\n  }\n  #jhpv_ARMrE1 .jhpv-topbar-lbl { font-size: 7px; }\n  #jhpv_ARMrE1 .jhpv-topbar-total { font-size: 7px; }\n  #jhpv_ARMrE1 .jhpv-phase { font-size: 7px; letter-spacing: .12em; }\n  #jhpv_ARMrE1 .jhpv-topbar-sep { height: 10px; }\n\n  #jhpv_ARMrE1 .jhpv-band { min-height: 90px; }\n\n  #jhpv_ARMrE1 .jhpv-side {\n    width: 90px;\n    padding: 12px 12px;\n  }\n  #jhpv_ARMrE1 .jhpv-side-label { font-size: 8.5px; letter-spacing: .15em; }\n  #jhpv_ARMrE1 .jhpv-side-counter { font-size: 9px; }\n  #jhpv_ARMrE1 .jhpv-beam { left: 90px; }\n\n  #jhpv_ARMrE1 .jhpv-items {\n    padding: 10px 12px;\n    row-gap: 6px;\n  }\n  #jhpv_ARMrE1 .jhpv-pill {\n    font-size: 9.5px;\n    padding: 4px 9px;\n    margin-right: 6px;\n  }\n\n  #jhpv_ARMrE1 .jhpv-footer { padding: 8px 14px; }\n  #jhpv_ARMrE1 .jhpv-pip { width: 10px; }\n  #jhpv_ARMrE1 .jhpv-footer-sig { font-size: 6px; display: none; }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     JAVASCRIPT \u2014 Sequential beam engine\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>\n(function () {\n  'use strict';\n\n  var ROOT = document.getElementById('jhpv_ARMrE1');\n  if (!ROOT) return;\n\n  \/* \u2500\u2500 Timing constants \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var BEAM_MS    = 1600;  \/* sweep duration per band             *\/\n  var BAND_PAUSE = 450;   \/* pause between bands                 *\/\n  var HOLD_MS    = 3000;  \/* hold at fully revealed state        *\/\n  var RESET_DUR  = 600;   \/* fade before looping                 *\/\n  var PIP_TOTAL  = 18;\n\n  \/* \u2500\u2500 Band definitions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var BANDS = [\n    { key: 's', pipClass: 's-lit', phaseKey: 's' },\n    { key: 'c', pipClass: 'c-lit', phaseKey: 'c' },\n    { key: 'a', pipClass: 'a-lit', phaseKey: 'a' },\n  ];\n\n  \/* \u2500\u2500 State \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var timers    = [];\n  var rafIds    = [];\n  var isRunning = false;\n  var globalTotal = 0;\n  var pipOffset   = 0;\n\n  \/* \u2500\u2500 Timer helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function after(fn, ms) {\n    var id = setTimeout(fn, ms);\n    timers.push(id);\n    return id;\n  }\n  function clearAll() {\n    timers.forEach(clearTimeout);\n    rafIds.forEach(cancelAnimationFrame);\n    timers  = [];\n    rafIds  = [];\n  }\n\n  \/* \u2500\u2500 Pip \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function lightPip(idx, cls) {\n    var pip = ROOT.querySelector('.jhpv-pip[data-pip=\"' + idx + '\"]');\n    if (pip) pip.className = 'jhpv-pip ' + cls;\n  }\n\n  \/* \u2500\u2500 Reset to blank state \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function reset() {\n    isRunning   = false;\n    globalTotal = 0;\n    pipOffset   = 0;\n\n    ROOT.querySelector('.jhpv-vtotal').textContent = '00';\n\n    BANDS.forEach(function (b) {\n      var band = ROOT.querySelector('.jhpv-band[data-band=\"' + b.key + '\"]');\n      band.classList.remove('scanning', 'done');\n\n      var beam = band.querySelector('.jhpv-beam');\n      beam.classList.remove('active');\n      beam.style.transform = 'translateX(0)';\n\n      band.querySelectorAll('.jhpv-pill').forEach(function (p) {\n        p.classList.remove('in');\n      });\n\n      var cntEl = ROOT.querySelector('.jhpv-cnt-' + b.key);\n      if (cntEl) {\n        var total = band.querySelectorAll('.jhpv-pill').length;\n        cntEl.textContent = '00 \/ ' + (total < 10 ? '0' : '') + total;\n      }\n\n      var prog = band.querySelector('.jhpv-pf-' + b.key);\n      if (prog) prog.style.width = '0%';\n\n      var phEl = ROOT.querySelector('.jhpv-phase[data-phase=\"' + b.phaseKey + '\"]');\n      if (phEl) phEl.classList.remove('active', 'done');\n    });\n\n    ROOT.querySelectorAll('.jhpv-pip').forEach(function (p) {\n      p.className = 'jhpv-pip';\n    });\n  }\n\n  \/* \u2500\u2500 Animate one band, then call onDone \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function runBand(b, localPipStart, onDone) {\n    var band    = ROOT.querySelector('.jhpv-band[data-band=\"' + b.key + '\"]');\n    var beam    = band.querySelector('.jhpv-beam');\n    var pills   = Array.from(band.querySelectorAll('.jhpv-pill'));\n    var cntEl   = ROOT.querySelector('.jhpv-cnt-' + b.key);\n    var progEl  = band.querySelector('.jhpv-pf-' + b.key);\n    var phEl    = ROOT.querySelector('.jhpv-phase[data-phase=\"' + b.phaseKey + '\"]');\n    var total   = pills.length;\n    var sideW   = band.querySelector('.jhpv-side').offsetWidth || 130;\n    var bandW   = band.offsetWidth - sideW;\n\n    band.classList.add('scanning');\n    if (phEl) phEl.classList.add('active');\n\n    \/* Animate beam *\/\n    beam.style.transform = 'translateX(0)';\n    beam.classList.add('active');\n\n    var startTs = null;\n    function sweepFrame(ts) {\n      if (!startTs) startTs = ts;\n      var pct    = Math.min((ts - startTs) \/ BEAM_MS, 1);\n      var eased  = pct < 0.5 ? 2 * pct * pct : -1 + (4 - 2 * pct) * pct;\n      beam.style.transform = 'translateX(' + Math.round(eased * bandW) + 'px)';\n      if (pct < 1) {\n        var rid = requestAnimationFrame(sweepFrame);\n        rafIds.push(rid);\n      } else {\n        beam.classList.remove('active');\n        beam.style.transform = 'translateX(' + bandW + 'px)';\n      }\n    }\n    var rid0 = requestAnimationFrame(sweepFrame);\n    rafIds.push(rid0);\n\n    \/* Reveal pills timed to beam sweep *\/\n    var itemGap = (BEAM_MS \/ total) * 0.82;\n    pills.forEach(function (pill, i) {\n      after(function () {\n        if (!isRunning) return;\n        pill.classList.add('in');\n\n        var revealed = i + 1;\n        cntEl.textContent = (revealed < 10 ? '0' : '') + revealed +\n                            ' \/ ' + (total < 10 ? '0' : '') + total;\n        if (progEl) progEl.style.width = (revealed \/ total * 100) + '%';\n\n        globalTotal++;\n        ROOT.querySelector('.jhpv-vtotal').textContent =\n          (globalTotal < 10 ? '0' : '') + globalTotal;\n\n        lightPip(localPipStart + i, b.pipClass);\n      }, Math.round(itemGap * i + 90));\n    });\n\n    \/* Hand off after sweep *\/\n    after(function () {\n      if (!isRunning) return;\n      band.classList.remove('scanning');\n      band.classList.add('done');\n      if (phEl) { phEl.classList.remove('active'); phEl.classList.add('done'); }\n      if (onDone) after(onDone, BAND_PAUSE);\n    }, BEAM_MS + 100);\n  }\n\n  \/* \u2500\u2500 Full sequence: S \u2192 C \u2192 A \u2192 hold \u2192 loop \u2500\u2500\u2500\u2500\u2500 *\/\n  function runSequence() {\n    if (isRunning) return;\n    isRunning = true;\n\n    var sCnt = ROOT.querySelectorAll('.jhpv-band[data-band=\"s\"] .jhpv-pill').length;\n    var cCnt = ROOT.querySelectorAll('.jhpv-band[data-band=\"c\"] .jhpv-pill').length;\n\n    after(function () {\n      runBand(BANDS[0], 0, function () {\n        runBand(BANDS[1], sCnt, function () {\n          runBand(BANDS[2], sCnt + cCnt, function () {\n            \/* All done \u2014 hold then loop *\/\n            after(function () {\n              if (!isRunning) return;\n              clearAll();\n              isRunning = false;\n              after(function () {\n                reset();\n                after(runSequence, 300);\n              }, RESET_DUR);\n            }, HOLD_MS);\n          });\n        });\n      });\n    }, 350);\n  }\n\n  \/* \u2500\u2500 Entry \/ exit \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function start() {\n    clearAll();\n    reset();\n    runSequence();\n  }\n  function stop() {\n    clearAll();\n    isRunning = false;\n  }\n\n  \/* \u2500\u2500 Watch carousel .is-focal (transition-only) \u2500\u2500\u2500 *\/\n  var parentSlide = ROOT.closest('.orbit-slide');\n  if (parentSlide) {\n    var wasFocal = parentSlide.classList.contains('is-focal');\n    var mo = new MutationObserver(function (muts) {\n      muts.forEach(function (m) {\n        if (m.attributeName !== 'class') return;\n        var isFocal = parentSlide.classList.contains('is-focal');\n        if (isFocal && !wasFocal)      { wasFocal = true;  start(); }\n        else if (!isFocal && wasFocal) { wasFocal = false; stop();  }\n      });\n    });\n    mo.observe(parentSlide, { attributes: true });\n    if (wasFocal) { after(start, 200); }\n  } else {\n    \/* Standalone: IntersectionObserver *\/\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) { start(); } else { stop(); }\n      });\n    }, { threshold: 0.35 });\n    io.observe(ROOT);\n  }\n\n  window.addEventListener('beforeunload', stop);\n\n})();\n<\/script>\n        <\/div>\n\n        <div class=\"jhfm-copy\">\n            <div class=\"jhfm-meta\">\n                <span class=\"jhfm-index\">03<\/span>\n                <span class=\"jhfm-tag\">RECRUITER VISIBILITY<\/span>\n            <\/div>\n            <h2 class=\"jhfm-title\">Instant matching. Total control.<\/h2>\n            <p class=\"jhfm-desc\">Get a competitive edge in the hiring process and capture recruiters' attention by highlighting the skills they are seeking.<\/p>\n            <div class=\"jhfm-progress\">\n                <div class=\"jhfm-progress-fill\"><\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- \u2500\u2500 SLIDE 3 \u2014 Cover Letter \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"jhfm-slide orbit-slide\" data-slide=\"3\" data-feature=\"persona\">\n\n        <div class=\"jhfm-anim-stage\">\n            \n<div id=\"jhcl_fOkFeD_so\" class=\"jhcl-outer\" role=\"region\" aria-label=\"Cover Letter Signal Intercept\">\n  <div id=\"jhcl_fOkFeD_s\"><\/div>\n<\/div>\n\n<style>\n\/* \u2500\u2500\u2500 Container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#jhcl_fOkFeD_so.jhcl-outer {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  background: #030303;\n  background-image: repeating-linear-gradient(\n    0deg, transparent, transparent 3px,\n    rgba(5,84,242,0.004) 3px, rgba(5,84,242,0.004) 4px\n  );\n}\n\n\/* \u2500\u2500\u2500 Stage canvas (fixed resolution, JS scales it) \u2500\u2500\u2500\u2500 *\/\n#jhcl_fOkFeD_s {\n  transform-origin: center center;\n}\n\n\/* \u2500\u2500\u2500 All animation styles (scoped to parent container) \u2500 *\/\n#jhcl_fOkFeD_so {\n  --jh-bg:          #030303;\n  --jh-bg-alt:      #0A0A0A;\n  --jh-accent:      #0554F2;\n  --jh-accent-glow: rgba(5,84,242,0.5);\n  --jh-agent:       #60B0FF;\n  --jh-border:      rgba(255,255,255,0.08);\n  --jh-border-mid:  rgba(255,255,255,0.14);\n  --jh-text:        #ffffff;\n  --jh-text-dim:    rgba(255,255,255,0.4);\n  --jh-text-medium: rgba(255,255,255,0.6);\n  --jh-text-bright: rgba(255,255,255,0.92);\n  --jh-font-mono:   'JetBrains Mono', monospace;\n  --jh-font-sans:   'Inter', sans-serif;\n  --jh-easing:      cubic-bezier(0.23,1,0.32,1);\n  --jh-ease-out:    cubic-bezier(0.16,1,0.3,1);\n}\n\n#jhcl_fOkFeD_so #jhcl_fOkFeD_s.landscape {\n  width: 900px; height: 600px;\n  display: flex; flex-direction: column;\n  padding: 22px 44px 18px;\n}\n#jhcl_fOkFeD_so .sys-label     { font-family:var(--jh-font-mono); font-size:9.5px; font-weight:600; letter-spacing:0.26em; color:rgba(96,176,255,0.9); text-shadow:0 0 12px rgba(96,176,255,0.35); text-transform:uppercase; border-bottom:1px solid rgba(5,84,242,0.3); flex-shrink:0; padding-bottom:8px; }\n#jhcl_fOkFeD_so .class-header  { display:flex; align-items:center; justify-content:space-between; font-family:var(--jh-font-mono); font-size:11.5px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; flex-shrink:0; margin-top:8px; margin-bottom:10px; }\n#jhcl_fOkFeD_so .class-label   { color:#4a86ff; font-weight:700; font-size:12px; letter-spacing:0.16em; text-shadow:0 0 16px rgba(74,134,255,0.7); opacity:0; transition:opacity 0.4s ease; }\n#jhcl_fOkFeD_so .class-label.vis { opacity:1; }\n#jhcl_fOkFeD_so .match-area    { display:flex; align-items:center; gap:10px; opacity:0; transition:opacity 0.4s ease; }\n#jhcl_fOkFeD_so .match-area.vis{ opacity:1; }\n#jhcl_fOkFeD_so .match-label   { color:rgba(255,255,255,0.85); font-weight:600; letter-spacing:0.16em; }\n#jhcl_fOkFeD_so .match-track   { height:3px; width:160px; background:rgba(255,255,255,0.08); border-radius:2px; overflow:hidden; }\n#jhcl_fOkFeD_so .match-fill    { height:100%; width:0%; background:linear-gradient(90deg,var(--jh-accent),var(--jh-agent)); border-radius:2px; box-shadow:0 0 6px var(--jh-accent-glow); transition:width 1.8s var(--jh-ease-out); }\n#jhcl_fOkFeD_so .match-pct     { font-family:var(--jh-font-mono); font-size:14px; font-weight:700; color:#4a86ff; text-shadow:0 0 12px rgba(74,134,255,0.6); }\n#jhcl_fOkFeD_so .lh-block      { display:flex; flex-direction:column; gap:3px; flex-shrink:0; }\n#jhcl_fOkFeD_so .lh-row        { display:flex; align-items:baseline; gap:10px; font-family:var(--jh-font-mono); font-size:8px; letter-spacing:0.1em; text-transform:uppercase; opacity:0; transition:opacity 0.15s ease; }\n#jhcl_fOkFeD_so .lh-row.vis    { opacity:1; }\n#jhcl_fOkFeD_so .lh-label      { color:var(--jh-text-dim); flex-shrink:0; width:52px; }\n#jhcl_fOkFeD_so .lh-value      { color:var(--jh-text-bright); letter-spacing:0.08em; }\n#jhcl_fOkFeD_so .lh-value .accent { color:var(--jh-agent); }\n#jhcl_fOkFeD_so .divider-thin  { height:1px; background:var(--jh-border); margin:8px 0; opacity:0; transition:opacity 0.3s ease; flex-shrink:0; }\n#jhcl_fOkFeD_so .divider-thin.vis { opacity:1; }\n#jhcl_fOkFeD_so .divider-thick { height:1px; width:0%; flex-shrink:0; background:linear-gradient(90deg,var(--jh-accent) 0%,var(--jh-agent) 60%,transparent 100%); box-shadow:0 0 6px var(--jh-accent-glow); transition:width 0.5s var(--jh-ease-out); }\n#jhcl_fOkFeD_so .divider-thick.expanded { width:100%; }\n#jhcl_fOkFeD_so .letter-body   { display:flex; flex-direction:column; position:relative; flex:1; overflow:hidden; font-family:'Inter',-apple-system,sans-serif; font-size:14.5px; font-weight:500; line-height:1.9; text-align:left; letter-spacing:0; }\n#jhcl_fOkFeD_so .letter-line   { position:relative; opacity:0; flex-shrink:0; min-height:1em; }\n#jhcl_fOkFeD_so .line-blank    { flex-shrink:0; height:8px; }\n#jhcl_fOkFeD_so .line-content  { position:relative; display:block; width:100%; overflow:visible; white-space:normal; text-align:left; }\n#jhcl_fOkFeD_so .redact        { display:inline-block; vertical-align:baseline; background:var(--jh-accent); border-radius:2px; color:transparent; padding:1px 1px; margin:0 1px; user-select:none; transition:background 0.20s ease,color 0.20s ease; }\n#jhcl_fOkFeD_so .redact.revealed { background:transparent; color:rgba(255,255,255,0.92); font-family:'Inter',-apple-system,sans-serif; font-weight:500; letter-spacing:0; }\n#jhcl_fOkFeD_so .kw-redact     { display:inline-block; vertical-align:middle; font-family:var(--jh-font-mono); font-size:0.83em; font-weight:500; letter-spacing:0.04em; background:rgba(5,84,242,0.75); border:1px solid rgba(5,84,242,0.55); border-radius:3px; padding:1px 5px 2px; margin:2px 1px; color:transparent; box-shadow:0 0 7px rgba(5,84,242,0.35); user-select:none; transition:background 0.1s ease,box-shadow 0.1s ease; }\n#jhcl_fOkFeD_so .kw-redact.kw-flash { background:rgba(96,176,255,0.78); border-color:rgba(96,176,255,0.85); box-shadow:0 0 16px rgba(96,176,255,0.65),0 0 28px rgba(5,84,242,0.3); }\n#jhcl_fOkFeD_so #jhcl_fOkFeD_s_scan { position:absolute; left:0; right:0; top:0; height:2px; background:linear-gradient(to right,transparent 0%,var(--jh-agent) 12%,rgba(5,84,242,0.95) 50%,var(--jh-agent) 88%,transparent 100%); box-shadow:0 0 10px var(--jh-agent),0 0 22px rgba(96,176,255,0.22),0 4px 14px rgba(5,84,242,0.18); pointer-events:none; z-index:10; opacity:0; }\n#jhcl_fOkFeD_so #jhcl_fOkFeD_s_scan.scanning { animation:jhcl_fOkFeD_scan_down var(--scan-total-dur,2400ms) linear forwards; }\n#jhcl_fOkFeD_so .letter-sig    { font-family:var(--jh-font-mono); font-size:8.5px; letter-spacing:0.15em; text-transform:uppercase; color:var(--jh-text-medium); border-top:1px solid var(--jh-border); padding-top:7px; margin-top:8px; opacity:0; transition:opacity 0.4s ease; flex-shrink:0; text-align:left; }\n#jhcl_fOkFeD_so .letter-sig.vis { opacity:1; }\n#jhcl_fOkFeD_so .sig-name      { color:var(--jh-text-bright); }\n#jhcl_fOkFeD_so .footer-bar    { display:flex; align-items:center; justify-content:space-between; border-top:1px solid rgba(5,84,242,0.3); padding-top:7px; flex-shrink:0; opacity:0; transition:opacity 0.3s ease; font-size:8.5px; margin-top:9px; }\n#jhcl_fOkFeD_so .footer-bar.vis{ opacity:1; }\n#jhcl_fOkFeD_so .footer-sig    { font-family:var(--jh-font-mono); font-weight:500; letter-spacing:0.18em; color:rgba(255,255,255,0.65); text-transform:uppercase; }\n#jhcl_fOkFeD_so .footer-sig span { color:#60B0FF; font-weight:600; text-shadow:0 0 8px rgba(96,176,255,0.4); }\n#jhcl_fOkFeD_so .pips-wrap     { display:flex; align-items:center; gap:8px; }\n#jhcl_fOkFeD_so .pip-label,\n#jhcl_fOkFeD_so .pip-count     { font-family:var(--jh-font-mono); font-size:8.5px; font-weight:500; letter-spacing:0.18em; color:rgba(255,255,255,0.65); text-transform:uppercase; }\n#jhcl_fOkFeD_so .pip-count     { color:#60B0FF; font-weight:700; }\n#jhcl_fOkFeD_so .kw-pips       { display:flex; gap:2px; }\n#jhcl_fOkFeD_so .pip           { width:8px; height:2px; border-radius:1px; background:rgba(255,255,255,0.05); transition:background 0.07s ease,box-shadow 0.07s ease; }\n#jhcl_fOkFeD_so .pip.lit       { background:var(--jh-accent); box-shadow:0 0 5px var(--jh-accent-glow); }\n#jhcl_fOkFeD_so .kw-box { position:relative; display:inline-block; vertical-align:middle; background:rgba(5,84,242,0.08); border:1px solid rgba(5,84,242,0.38); border-radius:3px; margin:2px 1px; font-family:var(--jh-font-mono); font-size:0.83em; font-weight:500; letter-spacing:0.04em; white-space:nowrap; box-shadow:0 0 5px rgba(5,84,242,0.18),inset 0 1px 0 rgba(255,255,255,0.04); opacity:0; transform:scale(0.9); transition:opacity 0.06s ease,transform 0.06s ease; }\n#jhcl_fOkFeD_so .kw-box.vis    { opacity:1; transform:scale(1); }\n#jhcl_fOkFeD_so .kw-ghost-a,#jhcl_fOkFeD_so .kw-ghost-b { position:absolute; left:5px; top:1px; pointer-events:none; white-space:nowrap; font-family:inherit; font-size:1em; font-weight:inherit; letter-spacing:inherit; opacity:0; z-index:1; }\n#jhcl_fOkFeD_so .kw-ghost-a    { color:var(--jh-accent); }\n#jhcl_fOkFeD_so .kw-ghost-b    { color:var(--jh-agent); }\n#jhcl_fOkFeD_so .kw-text       { position:relative; z-index:2; display:inline; white-space:nowrap; }\n#jhcl_fOkFeD_so .c-locked      { color:var(--jh-text-bright); }\n#jhcl_fOkFeD_so .c-sep         { color:rgba(96,176,255,0.7); }\n#jhcl_fOkFeD_so .c-noise       { color:rgba(96,176,255,0.45); }\n#jhcl_fOkFeD_so .kw-scrambling .kw-ghost-a { animation:jhcl_fOkFeD_ga_scrm 0.075s infinite; }\n#jhcl_fOkFeD_so .kw-scrambling .kw-ghost-b { animation:jhcl_fOkFeD_gb_scrm 0.075s infinite; }\n#jhcl_fOkFeD_so .kw-locking .kw-ghost-a    { animation:jhcl_fOkFeD_ga_scrm 0.10s  infinite; }\n#jhcl_fOkFeD_so .kw-locking .kw-ghost-b    { animation:jhcl_fOkFeD_gb_scrm 0.10s  infinite; }\n#jhcl_fOkFeD_so .kw-locked  .kw-ghost-a    { animation:jhcl_fOkFeD_ga_idle 5.5s   infinite; }\n#jhcl_fOkFeD_so .kw-locked  .kw-ghost-b    { animation:jhcl_fOkFeD_gb_idle 5.5s   infinite; }\n#jhcl_fOkFeD_so .kw-snap { animation:jhcl_fOkFeD_kw_snap 0.45s var(--jh-ease-out) forwards; }\n\/* portrait: hide class-header, divider-thin *\/\n#jhcl_fOkFeD_so #jhcl_fOkFeD_s.portrait .class-header,\n#jhcl_fOkFeD_so #jhcl_fOkFeD_s.portrait .divider-thin { display:none; }\n#jhcl_fOkFeD_so #jhcl_fOkFeD_s.portrait .line-content { white-space:normal; }\n#jhcl_fOkFeD_so .fade-el { opacity:0; transition:opacity 0.12s ease; }\n#jhcl_fOkFeD_so .fade-el.vis { opacity:1; }\n@keyframes jhcl_fOkFeD_kw_snap {\n  0%  { box-shadow:0 0 22px rgba(96,176,255,0.7),0 0 40px rgba(5,84,242,0.5); border-color:var(--jh-agent); }\n  35% { box-shadow:0 0 10px rgba(5,84,242,0.3); border-color:rgba(96,176,255,0.5); }\n  100%{ box-shadow:0 0 5px rgba(5,84,242,0.18); border-color:rgba(5,84,242,0.38); }\n}\n@keyframes jhcl_fOkFeD_scan_down {\n  0%   { transform:translateY(0); opacity:1; }\n  94%  { opacity:1; }\n  100% { transform:translateY(var(--body-height,400px)); opacity:0; }\n}\n@keyframes jhcl_fOkFeD_ga_scrm {\n  0%  {opacity:.55;transform:translate(-2px,1px); clip-path:inset(15% 0 55% 0);}\n  40% {opacity:.6; transform:translate(-1px,2px); clip-path:inset(28% 0 42% 0);}\n  80% {opacity:.5; transform:translate(-2px,-1px);clip-path:inset(6%  0 68% 0);}\n  100%{opacity:.55;transform:translate(1px,1px);  clip-path:inset(44% 0 26% 0);}\n}\n@keyframes jhcl_fOkFeD_gb_scrm {\n  0%  {opacity:.45;transform:translate(2px,-1px); clip-path:inset(62% 0 8%  0);}\n  40% {opacity:.3; transform:translate(1px,-2px); clip-path:inset(38% 0 32% 0);}\n  80% {opacity:.4; transform:translate(2px,1px);  clip-path:inset(78% 0 2%  0);}\n  100%{opacity:.45;transform:translate(-1px,-1px);clip-path:inset(33% 0 37% 0);}\n}\n@keyframes jhcl_fOkFeD_ga_idle {\n  0%,85%{opacity:0;clip-path:inset(0 0 100% 0);}\n  87%   {opacity:.4;transform:translate(2px,-1px);clip-path:inset(58% 0 12% 0);}\n  90%   {opacity:0;clip-path:inset(0 0 100% 0);}\n  100%  {opacity:0;}\n}\n@keyframes jhcl_fOkFeD_gb_idle {\n  0%,87%{opacity:0;clip-path:inset(0 0 100% 0);}\n  89%   {opacity:.55;transform:translate(-2px,2px);clip-path:inset(62% 0 8% 0);}\n  92%   {opacity:0;clip-path:inset(0 0 100% 0);}\n  100%  {opacity:0;}\n}\n@keyframes jhcl_fOkFeD_tw_cursor { 0%,49%{opacity:1}50%,100%{opacity:0} }\n#jhcl_fOkFeD_so .tw-cursor { display:inline-block; width:1px; height:0.85em; background:var(--jh-agent); vertical-align:middle; margin-left:2px; animation:jhcl_fOkFeD_tw_cursor 0.7s infinite; }\n<\/style>\n\n<script>\n(function() {\n'use strict';\nvar UID = 'jhcl_fOkFeD';\nvar SO_ID = 'jhcl_fOkFeD_so';\nvar S_ID  = 'jhcl_fOkFeD_s';\n\n\/* \u2500\u2500 Canvas config: orbit is always landscape \u2500\u2500 *\/\nvar CFG = { w:900, h:600, mode:'landscape' };\n\n\/* \u2500\u2500 genId abort pattern \u2500\u2500 *\/\nvar genId = 0;\n\nfunction scaleStage() {\n  var outer = document.getElementById(SO_ID);\n  var stage = document.getElementById(S_ID);\n  if (!outer || !stage) return;\n  var cW = outer.offsetWidth  || CFG.w;\n  var cH = outer.offsetHeight || CFG.h;\n  var scale = Math.min(cW \/ CFG.w, cH \/ CFG.h);\n  stage.style.transform = 'scale(' + scale + ')';\n}\n\nif (window.ResizeObserver) {\n  var ro = new ResizeObserver(scaleStage);\n  var outerEl = document.getElementById(SO_ID);\n  if (outerEl) ro.observe(outerEl);\n}\n\n\/* \u2500\u2500 Timing \u2500\u2500 *\/\nvar CHAR_MS    = 13;\nvar LH_STAGGER = 70;\nvar LINE_GAP   = 90;\nvar SCRM_TOTAL = 820;\nvar SCRM_RATIO = 0.62;\n\nvar GLYPHS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&<>[]{}|~';\nvar rg    = function() { return GLYPHS[Math.floor(Math.random()*GLYPHS.length)]; };\nvar sleep = function(ms) { return new Promise(function(r){ setTimeout(r,ms); }); };\nvar raf   = function(fn) { requestAnimationFrame(function(){ requestAnimationFrame(fn); }); };\nvar vis   = function(el) { el && raf(function(){ el.classList.add('vis'); }); };\n\n\/* \u2500\u2500 Letter data \u2500\u2500 *\/\nvar KW = function(w) { return {kw:w}; };\nvar LETTER_LINES = [\n  ['Dear Hiring Team,'],\n  null,\n  ['I am writing to express strong interest in the', KW('STAFF_ML_ENGINEER'), 'role at', KW('ANTHROPIC'), '.'],\n  ['My work building', KW('RLHF'), 'infrastructure that aligned production models used by millions'],\n  ['directly addresses your', KW('ALIGNMENT_RESEARCH'), 'mandate and safety-first engineering culture.'],\n  null,\n  ['Over three years I architected', KW('LLM_PIPELINES'), 'sustaining 120k req\/sec, coordinated'],\n  [KW('RED_TEAMING'), 'programs cutting harmful outputs 47%, and prototyped the'],\n  [KW('CONSTITUTIONAL_AI'), 'approach that now underpins your production safety framework.'],\n  null,\n  ['Operating at the intersection of', KW('FRONTIER_MODELS'), 'capability and rigorous', KW('SAFETY_METRICS'), ','],\n  ['expertise in', KW('INFERENCE_OPT'), 'and', KW('QUANTIZATION'), 'means simultaneous gains in'],\n  ['both performance and alignment \u2014 the balance', KW('ANTHROPIC'), 'requires above all else.'],\n  null,\n  ['I would welcome the opportunity to contribute to your mission.'],\n];\n\n\/* \u2500\u2500 Typewriter \u2500\u2500 *\/\nasync function typeWriter(el, text, ms, myGenId) {\n  el.textContent = '';\n  var cursor = document.createElement('span'); cursor.className='tw-cursor';\n  el.appendChild(cursor);\n  for (var i=0;i<text.length;i++) {\n    if (myGenId !== genId) return false;\n    el.insertBefore(document.createTextNode(text[i]), cursor);\n    await sleep(ms);\n  }\n  cursor.remove();\n  return true;\n}\n\n\/* \u2500\u2500 Build letter line \u2500\u2500 *\/\nfunction buildLetterLine(tokens) {\n  var line    = document.createElement('div'); line.className='letter-line';\n  var content = document.createElement('div'); content.className='line-content';\n  line.appendChild(content);\n  for (var ti=0;ti<tokens.length;ti++) {\n    var tok=tokens[ti];\n    if (typeof tok==='string') {\n      var words=tok.trim().split(' ').filter(Boolean);\n      words.forEach(function(w,wi){\n        var sp=document.createElement('span'); sp.className='redact'; sp.textContent=w;\n        content.appendChild(sp);\n        var nextTok=tokens[ti+1];\n        if (wi<words.length-1||nextTok) content.appendChild(document.createTextNode(' '));\n      });\n    } else if (tok.kw) {\n      var last=content.lastChild;\n      if (last&&last.nodeType===3) content.removeChild(last);\n      var kw=document.createElement('span'); kw.className='kw-redact'; kw.dataset.kw=tok.kw; kw.textContent=tok.kw;\n      content.appendChild(kw);\n      if (ti<tokens.length-1) content.appendChild(document.createTextNode(' '));\n    }\n  }\n  return line;\n}\n\n\/* \u2500\u2500 Keyword fire in place \u2500\u2500 *\/\nfunction fireKeywordInPlace(placeholder) {\n  var kw=placeholder.dataset.kw;\n  var box=document.createElement('span'); box.className='kw-box kw-scrambling';\n  var gA=document.createElement('span');  gA.className='kw-ghost-a'; gA.setAttribute('aria-hidden','true');\n  var gB=document.createElement('span');  gB.className='kw-ghost-b'; gB.setAttribute('aria-hidden','true');\n  var txt=document.createElement('span'); txt.className='kw-text';\n  box.append(gA,gB,txt);\n  placeholder.replaceWith(box);\n  raf(function(){box.classList.add('vis');});\n  function scrFrame(k,locked){\n    var h='';\n    for(var i=0;i<k.length;i++){\n      var c=k[i];\n      if(i<locked) h+='<span class=\"c-locked\">'+c+'<\/span>';\n      else if(c==='_'||c==='-'||c==='.') h+='<span class=\"c-sep\">'+c+'<\/span>';\n      else h+='<span class=\"c-noise\">'+rg()+'<\/span>';\n    }\n    return h;\n  }\n  var noise=function(){var s='';for(var c of kw)s+=(c==='_'||c==='-'||c==='.')?c:rg();return s;};\n  var t0=performance.now(), scrmEnd=SCRM_TOTAL*SCRM_RATIO;\n  (function frame(now){\n    var el=now-t0;\n    if(el<scrmEnd){txt.innerHTML=scrFrame(kw,0);gA.textContent=noise();gB.textContent=noise();requestAnimationFrame(frame);}\n    else if(el<SCRM_TOTAL){if(!box.classList.contains('kw-locking')){box.classList.remove('kw-scrambling');box.classList.add('kw-locking');}var locked=Math.floor(((el-scrmEnd)\/(SCRM_TOTAL-scrmEnd))*kw.length);txt.innerHTML=scrFrame(kw,locked);gA.textContent=noise();gB.textContent=noise();requestAnimationFrame(frame);}\n    else{txt.innerHTML='<span class=\"c-locked\">'+kw+'<\/span>';gA.textContent=kw;gB.textContent=kw;box.classList.remove('kw-scrambling','kw-locking');box.classList.add('kw-locked','kw-snap');setTimeout(function(){box.classList.remove('kw-snap');},500);}\n  })(performance.now());\n}\n\n\/* \u2500\u2500 Reveal line \u2500\u2500 *\/\nfunction revealLine(lineEl) {\n  lineEl.style.opacity='1';\n  var words=[...lineEl.querySelectorAll('.redact,.kw-redact')];\n  words.forEach(function(w,i){\n    setTimeout(function(){\n      if(w.classList.contains('kw-redact')){w.classList.add('kw-flash');setTimeout(function(){fireKeywordInPlace(w);},170);}\n      else{w.classList.add('revealed');}\n    },i*18);\n  });\n}\n\n\/* \u2500\u2500 Page scan (landscape) \u2500\u2500 *\/\nasync function runPageScan(letterBody, contentLines, myGenId) {\n  var bodyH    = letterBody.offsetHeight;\n  var totalDur = contentLines.length * LINE_GAP + 300;\n  var pageScan = document.createElement('div');\n  pageScan.id  = S_ID + '_scan';\n  pageScan.style.setProperty('--body-height', bodyH + 'px');\n  pageScan.style.setProperty('--scan-total-dur', totalDur + 'ms');\n  letterBody.appendChild(pageScan);\n  contentLines.forEach(function(lineEl){\n    var lineCentre = lineEl.offsetTop + lineEl.offsetHeight * 0.5;\n    var delay = Math.max(0, (lineCentre \/ bodyH) * totalDur);\n    setTimeout(function(){ if (myGenId === genId) revealLine(lineEl); }, delay);\n  });\n  raf(function(){pageScan.classList.add('scanning');});\n  await sleep(totalDur + 80);\n}\n\n\/* \u2500\u2500 Mobile stagger \u2500\u2500 *\/\nasync function runMobileReveal(contentLines, myGenId) {\n  for (var i=0;i<contentLines.length;i++) {\n    if (myGenId !== genId) return;\n    revealLine(contentLines[i]);\n    await sleep(LINE_GAP);\n  }\n}\n\n\/* \u2500\u2500 Main generate \u2500\u2500 *\/\nasync function generate(myGenId) {\n  var stage = document.getElementById(S_ID);\n  if (!stage) return;\n  stage.innerHTML = '';\n  stage.className = CFG.mode;\n  scaleStage();\n\n  \/* \u2500\u2500 ALL CHROME RENDERED INSTANTLY (no typewriter, no stagger) \u2500\u2500 *\/\n\n  \/* 1. Sys label \u2014 static *\/\n  var sysLabel = document.createElement('div'); sysLabel.className='sys-label';\n  sysLabel.textContent = '\/\/ SIGNAL_INTERCEPT \u00b7 COVER_LETTER_SYNTHESIS \u00b7 V1.4';\n  stage.appendChild(sysLabel);\n\n  \/* 2. Classification + match score \u2014 static, match bar pre-filled *\/\n  var classHeader = document.createElement('div'); classHeader.className='class-header';\n  var classLabel  = document.createElement('span'); classLabel.className='class-label vis';\n  classLabel.textContent='[COVER LETTER: HYPER_PERSONALIZATION]';\n  var matchArea   = document.createElement('div'); matchArea.className='match-area vis';\n  matchArea.innerHTML='<span class=\"match-label\">MATCH_SCORE<\/span><div class=\"match-track\"><div class=\"match-fill\" id=\"'+S_ID+'_mf\" style=\"width:97%\"><\/div><\/div><span class=\"match-pct\">97%<\/span>';\n  classHeader.append(classLabel, matchArea);\n  stage.appendChild(classHeader);\n\n  \/* 3. Thin divider \u2014 static *\/\n  var divThin=document.createElement('div'); divThin.className='divider-thin vis';\n  stage.appendChild(divThin);\n\n  \/* 4. Letterhead \u2014 all rows visible immediately *\/\n  var lhBlock=document.createElement('div'); lhBlock.className='lh-block';\n  stage.appendChild(lhBlock);\n  var lhData=[\n    \/\/{label:'TO',   value:'HIRING MANAGER \u00b7 <span class=\"accent\">ANTHROPIC<\/span>'},\n    \/\/{label:'RE',   value:'<span class=\"accent\">STAFF ML ENGINEER<\/span> \u00b7 REQ#ML-2024-047'},\n    \/\/{label:'FROM', value:'ALEX R. CHEN \u00b7 NEURALSTACK.IO'},\n    \/\/{label:'DATE', value:'14 MARCH 2026'},\n  ];\n  lhData.forEach(function(row){\n    var r=document.createElement('div'); r.className='lh-row vis';\n    r.innerHTML='<span class=\"lh-label\">'+row.label+'<\/span><span class=\"lh-value\">'+row.value+'<\/span>';\n    lhBlock.appendChild(r);\n  });\n\n  \/* 5. Thick divider \u2014 static, fully expanded *\/\n  var divThick=document.createElement('div'); divThick.className='divider-thick expanded';\n  stage.appendChild(divThick);\n\n  \/* 6. Letter body \u2014 all redaction bars visible immediately *\/\n  var letterBody=document.createElement('div'); letterBody.className='letter-body';\n  stage.appendChild(letterBody);\n  var contentLines=[];\n  LETTER_LINES.forEach(function(tokens){\n    if (tokens===null){\n      var blank=document.createElement('div'); blank.className='line-blank'; letterBody.appendChild(blank);\n    } else {\n      var lineEl=buildLetterLine(tokens); letterBody.appendChild(lineEl);\n      lineEl.style.opacity='1'; \/* show redacted bars immediately *\/\n      contentLines.push(lineEl);\n    }\n  });\n\n  \/* \u2500\u2500 SHORT PAUSE so user sees the redacted state, then scan \u2500\u2500 *\/\n  await sleep(400); if (myGenId !== genId) return;\n\n  \/* 7. Scan + reveal \u2014 the ONLY animation *\/\n  await runPageScan(letterBody, contentLines, myGenId);\n  if (myGenId !== genId) return;\n\n  \/* 8. Signature *\/\n  var sig=document.createElement('div'); sig.className='letter-sig';\n  sig.innerHTML='<span class=\"sig-name\">ALEX R. CHEN<\/span> \u00b7 NEURALSTACK.IO \u00b7 SIGNAL_VERIFIED';\n  stage.appendChild(sig); vis(sig);\n  await sleep(180); if (myGenId !== genId) return;\n\n  \/* 9. Footer + pips *\/\n  var footer=document.createElement('div'); footer.className='footer-bar';\n  footer.innerHTML='<div class=\"footer-sig\">\/\/ SIGNAL_INTERCEPT \u00b7 <span>TRANSMISSION_COMPLETE<\/span> \u00b7 CLEARANCE_GRANTED<\/div>'\n    +'<div class=\"pips-wrap\"><span class=\"pip-label\">KW_MATCH<\/span><div class=\"kw-pips\" id=\"'+S_ID+'_pips\"><\/div><span class=\"pip-count\">11\/11<\/span><\/div>';\n  stage.appendChild(footer); vis(footer);\n  var pipsEl=document.getElementById(S_ID+'_pips');\n  if(pipsEl){for(var i=0;i<11;i++){var p=document.createElement('span');p.className='pip';pipsEl.appendChild(p);(function(pip,d){setTimeout(function(){pip.classList.add('lit');},d);})(p,50+i*20);}}\n}\n\n\/* \u2500\u2500 start \/ stop \u2500\u2500 *\/\nfunction startAnim() {\n  genId++;\n  scaleStage();\n  generate(genId);\n}\n\nfunction stopAnim() {\n  genId++; \/* invalidates any running generate() *\/\n  var stage=document.getElementById(S_ID); if(stage) stage.innerHTML='';\n}\n\n\/* \u2500\u2500 Watch parent .orbit-slide for .is-focal (transition-only) \u2500\u2500 *\/\nvar outerRoot = document.getElementById(SO_ID);\nvar parentSlide = outerRoot ? outerRoot.closest('.orbit-slide') : null;\n\nif (parentSlide) {\n  var wasFocal = parentSlide.classList.contains('is-focal');\n  var mo = new MutationObserver(function(muts){\n    muts.forEach(function(m){\n      if (m.attributeName!=='class') return;\n      var isFocal = parentSlide.classList.contains('is-focal');\n      if (isFocal && !wasFocal)      { wasFocal = true;  startAnim(); }\n      else if (!isFocal && wasFocal) { wasFocal = false; stopAnim();  }\n    });\n  });\n  mo.observe(parentSlide, { attributes:true });\n  if (wasFocal) { setTimeout(startAnim, 300); }\n} else {\n  \/* Standalone \/ preview *\/\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){ if(e.isIntersecting){startAnim();}else{stopAnim();} });\n  },{ threshold:0.35 });\n  if (outerRoot) io.observe(outerRoot);\n}\n\nwindow.addEventListener('beforeunload', stopAnim);\nwindow.addEventListener('resize', scaleStage);\n\n\n})();\n<\/script>\n        <\/div>\n\n        <div class=\"jhfm-copy\">\n            <div class=\"jhfm-meta\">\n                <span class=\"jhfm-index\">04<\/span>\n                <span class=\"jhfm-tag\">COVER LETTERS<\/span>\n            <\/div>\n            <h2 class=\"jhfm-title\">Your agent. Your advocate. Your edge.<\/h2>\n            <p class=\"jhfm-desc\">Create personalized cover letters that highlight your unique strengths and match each job opportunity.<\/p>\n            <div class=\"jhfm-progress\">\n                <div class=\"jhfm-progress-fill\"><\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/div><!-- \/.jhfm-wrap -->\n\n<style>\n\/* \u2500\u2500 JH FEATURES MOBILE \u2014 all rules scoped to #jhfm_ygMLKL \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n#jhfm_ygMLKL {\n    --acc:        #0554F2;\n    --acc-glow:   rgba(5,84,242,0.45);\n    --agent:      #60B0FF;\n    --bg:         #000;\n    --txt:        #fff;\n    --txt-mid:    rgba(255,255,255,0.6);\n    --txt-dim:    rgba(255,255,255,0.3);\n    --border:     rgba(255,255,255,0.08);\n    --mono:       'JetBrains Mono', 'Courier New', monospace;\n    --sans:       'Inter', -apple-system, sans-serif;\n    --slide-h:    100svh; \/* svh = small viewport height \u2014 excludes mobile browser chrome *\/\n\n    display: block;\n    position: relative;\n    background: var(--bg);\n    \/* Snap container *\/\n    height: calc(4 * var(--slide-h));\n    overflow-y: scroll;\n    scroll-snap-type: y mandatory;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n}\n\n#jhfm_ygMLKL::-webkit-scrollbar { display: none; }\n\n\/* \u2500\u2500 SLIDE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#jhfm_ygMLKL .jhfm-slide {\n    position: relative;\n    height: var(--slide-h);\n    scroll-snap-align: start;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    background: var(--bg);\n}\n\n\/* Active slide: subtle blue border top *\/\n#jhfm_ygMLKL .jhfm-slide.is-focal {\n    border-top: 1px solid rgba(5,84,242,0.3);\n}\n\n\/* \u2500\u2500 ANIMATION STAGE \u2014 top 62% of slide \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/*\n * Landscape 16:9 animations fit inside a square container:\n * On 393px phone: 393 \u00d7 0.62 = 244px height\n * scale = min(393\/900, 244\/600) = min(0.437, 0.407) = 0.407\n * Content renders at ~41% \u2014 readable for all 4 animations.\n * overflow:hidden clips cleanly. position:relative gives children inset:0 context.\n *\/\n#jhfm_ygMLKL .jhfm-anim-stage {\n    position: relative;\n    width: 100%;\n    flex: 0 0 62%;\n    overflow: hidden;\n    background: #030303;\n}\n\n\/* Scan line overlay \u2014 reinforces the classified\/intelligence aesthetic *\/\n#jhfm_ygMLKL .jhfm-anim-stage::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: repeating-linear-gradient(\n        0deg,\n        transparent,\n        transparent 3px,\n        rgba(0,0,0,0.08) 3px,\n        rgba(0,0,0,0.08) 4px\n    );\n    pointer-events: none;\n    z-index: 10;\n}\n\n\/* Each animation root fills the stage absolutely *\/\n#jhfm_ygMLKL .jhfm-anim-stage > div,\n#jhfm_ygMLKL .jhfm-anim-stage > section {\n    position: absolute !important;\n    inset: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: 100% !important;\n    overflow: hidden;\n}\n\n\/* \u2500\u2500 COPY \u2014 bottom 38% \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#jhfm_ygMLKL .jhfm-copy {\n    flex: 0 0 38%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 20px 24px 16px;\n    border-top: 1px solid var(--border);\n    position: relative;\n    overflow: hidden;\n}\n\n\/* Subtle blue gradient bleed up from copy into animation *\/\n#jhfm_ygMLKL .jhfm-copy::before {\n    content: '';\n    position: absolute;\n    top: -40px;\n    left: 0;\n    right: 0;\n    height: 40px;\n    background: linear-gradient(to top, rgba(5,84,242,0.04), transparent);\n    pointer-events: none;\n}\n\n#jhfm_ygMLKL .jhfm-meta {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 10px;\n}\n\n#jhfm_ygMLKL .jhfm-index {\n    font-family: var(--mono);\n    font-size: 9px;\n    font-weight: 700;\n    color: var(--acc);\n    letter-spacing: 0.12em;\n    opacity: 0;\n    transform: translateY(6px);\n    transition: opacity 0.4s ease, transform 0.4s ease;\n}\n\n#jhfm_ygMLKL .jhfm-tag {\n    font-family: var(--mono);\n    font-size: 8px;\n    letter-spacing: 0.18em;\n    color: var(--txt-dim);\n    text-transform: uppercase;\n    opacity: 0;\n    transform: translateY(6px);\n    transition: opacity 0.4s ease 0.05s, transform 0.4s ease 0.05s;\n}\n\n#jhfm_ygMLKL .jhfm-title {\n    font-family: var(--sans);\n    font-size: clamp(17px, 4.5vw, 22px);\n    font-weight: 700;\n    line-height: 1.25;\n    letter-spacing: -0.02em;\n    color: var(--txt);\n    margin: 0 0 8px;\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;\n}\n\n#jhfm_ygMLKL .jhfm-desc {\n    font-family: var(--sans);\n    font-size: 12px;\n    line-height: 1.6;\n    color: var(--txt-mid);\n    margin: 0 0 14px;\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity 0.4s ease 0.16s, transform 0.4s ease 0.16s;\n}\n\n\/* Progress bar \u2014 animates while slide is focal *\/\n#jhfm_ygMLKL .jhfm-progress {\n    height: 1px;\n    width: 100%;\n    background: rgba(255,255,255,0.08);\n    border-radius: 1px;\n    overflow: hidden;\n    opacity: 0;\n    transition: opacity 0.3s ease 0.2s;\n}\n\n#jhfm_ygMLKL .jhfm-progress-fill {\n    height: 100%;\n    width: 0%;\n    background: linear-gradient(90deg, var(--acc), var(--agent));\n    box-shadow: 0 0 6px var(--acc-glow);\n    border-radius: 1px;\n    transition: none;\n}\n\n\/* \u2500\u2500 ACTIVE STATE \u2014 copy animates in when slide is focal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   All copy elements shift from opacity:0 translateY to opacity:1 translateY(0)\n   via CSS transitions triggered by .is-focal class on the slide. *\/\n#jhfm_ygMLKL .jhfm-slide.is-focal .jhfm-index,\n#jhfm_ygMLKL .jhfm-slide.is-focal .jhfm-tag,\n#jhfm_ygMLKL .jhfm-slide.is-focal .jhfm-title,\n#jhfm_ygMLKL .jhfm-slide.is-focal .jhfm-desc {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n#jhfm_ygMLKL .jhfm-slide.is-focal .jhfm-progress {\n    opacity: 1;\n}\n\n\/* Progress fill sweeps across while focal \u2014 8s matches animation loop durations *\/\n#jhfm_ygMLKL .jhfm-slide.is-focal .jhfm-progress-fill {\n    animation: jhfm_progress_jhfm_ygMLKL 8s linear forwards;\n}\n\n@keyframes jhfm_progress_jhfm_ygMLKL {\n    0%   { width: 0%; }\n    100% { width: 100%; }\n}\n\n\/* \u2500\u2500 SLIDE COUNTER \u2014 sticky top-right \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   position:sticky inside the scroll container so it stays visible\n   as user scrolls between slides. *\/\n#jhfm_ygMLKL .jhfm-counter {\n    position: sticky;\n    top: 16px;\n    z-index: 100;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    margin-left: auto;\n    margin-right: 20px;\n    width: fit-content;\n    font-family: var(--mono);\n    font-size: 9px;\n    letter-spacing: 0.12em;\n    pointer-events: none;\n    \/* Pull up so it overlays the first slide *\/\n    margin-top: -28px;\n    margin-bottom: 12px;\n}\n\n#jhfm_ygMLKL .jhfm-count-cur {\n    color: var(--acc);\n    font-weight: 700;\n    transition: color 0.3s ease;\n}\n\n#jhfm_ygMLKL .jhfm-count-sep {\n    color: var(--txt-dim);\n}\n\n#jhfm_ygMLKL .jhfm-count-tot {\n    color: var(--txt-dim);\n}\n\n\/* \u2500\u2500 SCROLL HINT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#jhfm_ygMLKL .jhfm-scroll-hint {\n    position: absolute;\n    bottom: 38%; \/* sits just above copy area of first slide *\/\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    z-index: 20;\n    pointer-events: none;\n    transition: opacity 0.5s ease;\n}\n\n#jhfm_ygMLKL .jhfm-scroll-hint.is-gone {\n    opacity: 0;\n}\n\n#jhfm_ygMLKL .jhfm-scroll-line {\n    display: block;\n    width: 1px;\n    height: 24px;\n    background: linear-gradient(to bottom, transparent, var(--acc));\n    animation: jhfm_scroll_line_jhfm_ygMLKL 1.8s ease-in-out infinite;\n}\n\n@keyframes jhfm_scroll_line_jhfm_ygMLKL {\n    0%, 100% { opacity: 0; transform: scaleY(0); transform-origin: top; }\n    40%, 60% { opacity: 1; transform: scaleY(1); }\n}\n\n#jhfm_ygMLKL .jhfm-scroll-label {\n    font-family: var(--mono);\n    font-size: 7px;\n    letter-spacing: 0.25em;\n    color: var(--txt-dim);\n}\n<\/style>\n\n<script>\n(function () {\n    'use strict';\n\n    var FID     = 'jhfm_ygMLKL';\n    var wrap    = document.getElementById(FID);\n    if (!wrap) return;\n\n    var slides  = wrap.querySelectorAll('.jhfm-slide.orbit-slide');\n    var counter = wrap.querySelector('.jhfm-count-cur');\n    var hint    = wrap.querySelector('.jhfm-scroll-hint');\n\n    if (!slides.length) return;\n\n    var currentFocal  = -1;\n    var hasScrolled   = false;\n\n    \/* \u2500\u2500 nudgeScale: re-triggers ResizeObserver inside animation files \u2500\u2500\n       Dispatches a synthetic resize so scaleStage\/scaleAnim recalculates\n       with real offsetWidth after the slide snaps into view. *\/\n    function nudgeScale(slide) {\n        var stage = slide.querySelector('.jhfm-anim-stage');\n        if (!stage || !window.ResizeObserver) return;\n        var ro = new ResizeObserver(function () {\n            ro.disconnect();\n            window.dispatchEvent(new Event('resize'));\n        });\n        ro.observe(stage);\n    }\n\n    \/* \u2500\u2500 setFocal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       Adds is-focal to incoming slide, removes from outgoing.\n       Re-pulse pattern catches late-attaching MOs (keyword-decode sectionIO). *\/\n    function setFocal(idx) {\n        if (idx === currentFocal) return;\n\n        if (currentFocal >= 0 && slides[currentFocal]) {\n            slides[currentFocal].classList.remove('is-focal');\n        }\n\n        currentFocal = idx;\n        var slide = slides[idx];\n        if (!slide) return;\n\n        slide.classList.add('is-focal');\n        nudgeScale(slide);\n\n        \/* Re-pulse 350ms later for late-attaching MOs *\/\n        setTimeout(function () {\n            if (currentFocal !== idx) return;\n            slide.classList.remove('is-focal');\n            requestAnimationFrame(function () {\n                slide.classList.add('is-focal');\n            });\n        }, 350);\n\n        \/* Update counter *\/\n        if (counter) {\n            counter.textContent = String(idx + 1).padStart(2, '0');\n        }\n    }\n\n    \/* \u2500\u2500 IntersectionObserver \u2014 viewport root, 60% threshold \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n       60% ensures the slide is well and truly the dominant element before\n       firing. Prevents premature trigger while between two slides. *\/\n    var io = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n            if (entry.isIntersecting && entry.intersectionRatio >= 0.6) {\n                var idx = parseInt(entry.target.getAttribute('data-slide'), 10);\n                setFocal(idx);\n            }\n        });\n    }, {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.6\n    });\n\n    slides.forEach(function (slide) { io.observe(slide); });\n\n    \/* \u2500\u2500 Scroll hint: dismiss after first scroll \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    wrap.addEventListener('scroll', function () {\n        if (!hasScrolled && hint) {\n            hasScrolled = true;\n            hint.classList.add('is-gone');\n        }\n    }, { passive: true, once: true });\n\n    \/* \u2500\u2500 Initial focal: two rAF cycles for layout to settle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    requestAnimationFrame(function () {\n        requestAnimationFrame(function () {\n            slides.forEach(function (slide) { nudgeScale(slide); });\n            setTimeout(function () { setFocal(0); }, 300);\n        });\n    });\n\n})();\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-756f288 elementor-section-full_width elementor-hidden-mobile elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"756f288\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-185baff exad-sticky-section-no\" data-id=\"185baff\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-96fdbd2 exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"96fdbd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div id=\"jh_carousel_WoBpSa\" class=\"jh-carousel-wrapper\" data-jh-component=\"Carousel\">\n    <!-- Mesh Gradient Background -->\n    <div class=\"jh-mesh-bg\"><\/div>\n    <div class=\"jh-noise-overlay\"><\/div>\n\n    <div class=\"jh-carousel-header\">\n        <div class=\"jh-header-meta\">\n            <span class=\"jh-tech-text\">ACTIVE_STATUS: <span class=\"jh-accent\">COMPETITIVE_EDGE<\/span><\/span>\n        <\/div>\n        <h2 class=\"jh-section-title\">Deploy Surgical Precision to Every Application<\/h2>\n    <\/div>\n\n    <div class=\"jh-carousel-container\">\n        <!-- Scroll Container -->\n        <div class=\"jh-carousel-track\" id=\"track-jh_carousel_WoBpSa\">\n\n            <!-- Slide 03 \u2014 RESUME OPTIMIZATION \/ INSIDER BRIEF -->\n            <div class=\"jh-carousel-slide\" data-index=\"0\">\n                <div class=\"jh-slide-inner bento-grid\">\n                    <div class=\"bento-cell cell-visual\">\n                        <div class=\"visual-header\">\n                            <span class=\"visual-title\">Insider Brief<\/span>\n                        <\/div>\n                                                <div id=\"jhe4_picTzO\" class=\"jh-ext-shell-wrap\">\n<div class=\"shell\">\n\n  <!-- \u2550\u2550\u2550\u2550 LEFT: RAW JD \u2550\u2550\u2550\u2550 -->\n  <div class=\"jd-panel\">\n\n    <!-- Fake browser chrome -->\n    <div class=\"jd-chrome\">\n      <div class=\"jd-chrome-dots\">\n        <div class=\"jd-chrome-dot\"><\/div>\n        <div class=\"jd-chrome-dot\"><\/div>\n        <div class=\"jd-chrome-dot\"><\/div>\n      <\/div>\n      <div class=\"jd-chrome-bar\">\n        <div class=\"jd-chrome-bar-dot\"><\/div>\n        indeed.com\/viewjob?jk=8f2a4b9c\n      <\/div>\n    <\/div>\n\n    <!-- Job board header -->\n    <div class=\"jb-board-hdr\">\n      <div class=\"jb-company\">San Diego State Athletics \u00b7 San Diego, CA<\/div>\n      <div class=\"jb-job-title\">Director, Premium Sales<\/div>\n      <div class=\"jb-meta\">\n        <div class=\"jb-meta-item\"><span class=\"jb-meta-icon\">\ud83d\udcbc<\/span>Full-time<\/div>\n        <div class=\"jb-meta-item\"><span class=\"jb-meta-icon\">\ud83d\udccd<\/span>On-site<\/div>\n        <div class=\"jb-meta-item\"><span class=\"jb-meta-icon\">\ud83d\udcb0<\/span>$90k\u2013$115k\/yr<\/div>\n      <\/div>\n      <div class=\"jb-apply\">Apply Now \u2197<\/div>\n    <\/div>\n\n    <!-- JD body with scan beam -->\n    <div class=\"jd-body\" id=\"jd-body\">\n      <div id=\"scan-beam\"><\/div>\n\n      <div class=\"jd-sec\" id=\"jsec-about\">\n        <div class=\"jd-sec-title\">About the Role<\/div>\n        <div class=\"jd-sec-body\">\n          San Diego State Athletics is seeking a dynamic and results-driven\n          <span class=\"kh\" id=\"kh-title\">Director of Premium Sales<\/span>\n          to lead our premium revenue division. The ideal candidate will\n          <span class=\"kh\" id=\"kh-why\">drive premium revenue growth across various sports<\/span>\n          and oversee a team of sales representatives, contributing to the continued success of SDSU Athletics.\n        <\/div>\n      <\/div>\n\n      <div class=\"jd-sec\" id=\"jsec-resp\">\n        <div class=\"jd-sec-title\">Responsibilities<\/div>\n        <div class=\"jd-sec-body\">\n          <span class=\"kh\" id=\"kh-r1\">Recruit, hire, train, and mentor<\/span> team members on strategy, call scripts, and closing of sales.\n          Develop and implement an <span class=\"kh\" id=\"kh-r2\">annual premium revenue plan<\/span>.\n          <span class=\"kh\" id=\"kh-r3\">Increase premium revenue by 15% year-over-year<\/span> and achieve a <span class=\"kh\" id=\"kh-r4\">90% renewal rate<\/span> for premium seating products.\n          Grow <span class=\"kh\" id=\"kh-r5\">corporate business by 10% annually<\/span> through targeted outreach and relationship management.\n        <\/div>\n      <\/div>\n\n      <div class=\"jd-sec\" id=\"jsec-req\">\n        <div class=\"jd-sec-title\">Requirements<\/div>\n        <div class=\"jd-sec-body\">\n          Bachelor's degree required; 5+ years of progressive sales experience with at least 2 years in a management role.\n          Proven track record of <span class=\"kh\" id=\"kh-culture\">results-driven, team-first<\/span> leadership.\n          Experience in premium sales, sponsorship, or <span class=\"kh\" id=\"kh-culture2\">collaborative, performance-oriented<\/span> environments preferred.\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div><!-- \/jd-panel -->\n\n\n  <!-- \u2550\u2550\u2550\u2550 RIGHT: BRIEF PANEL \u2550\u2550\u2550\u2550 -->\n  <div class=\"brief-panel\">\n\n    <div class=\"brief-hdr\">\n      <div>\n        <div class=\"brief-eyebrow\">Insider Intelligence<\/div>\n        <div class=\"brief-title\">The Insider Brief<\/div>\n        <div class=\"brief-sub\">Decoding the reality behind the job description<\/div>\n      <\/div>\n      <div class=\"brief-shield\">\ud83d\udee1<\/div>\n    <\/div>\n\n    <div class=\"brief-status\">\n      <div class=\"brief-status-dot\" id=\"status-dot\"><\/div>\n      <span class=\"brief-status-txt\" id=\"status-txt\">Waiting for scan<\/span>\n    <\/div>\n\n    <div class=\"brief-cards\" id=\"brief-cards\">\n\n      <!-- Card 1: Real Title -->\n      <div class=\"icard type-title\" id=\"ic-title\">\n        <div class=\"ic-label\">The \"Real\" Title<\/div>\n        <div class=\"ic-content\">\n          <strong>Director, Premium Sales<\/strong> \u2014 title matches duties.\n          This is a genuine revenue leadership role, not a rebadged individual contributor position.\n        <\/div>\n      <\/div>\n\n      <!-- Card 2: Why They're Hiring -->\n      <div class=\"icard type-why\" id=\"ic-why\">\n        <div class=\"ic-label\">Why They're Hiring<\/div>\n        <div class=\"ic-content\">\n          To <strong>drive premium revenue growth<\/strong> across sports verticals and manage a sales team.\n          Growth hire, not a backfill \u2014 they're scaling the premium division.\n        <\/div>\n      <\/div>\n\n      <!-- Card 3: Success Metrics -->\n      <div class=\"icard type-metrics\" id=\"ic-metrics\">\n        <div class=\"ic-label\">The Role's Success Metrics<\/div>\n        <ul class=\"ic-metrics\">\n          <li>Increase premium revenue <strong>15% year-over-year<\/strong><\/li>\n          <li>Achieve <strong>90% renewal rate<\/strong> on premium seating<\/li>\n          <li>Grow corporate business <strong>10% annually<\/strong><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Card 4: Responsibilities Decoder -->\n      <div class=\"icard type-resp\" id=\"ic-resp\">\n        <div class=\"ic-label\">Responsibilities Decoder<\/div>\n        <div class=\"ic-resp-row\">\n          <span class=\"ic-resp-raw\">Recruit, hire, train, mentor team members<\/span>\n          <span class=\"ic-resp-arrow\">\u2192<\/span>\n          <span class=\"ic-resp-decoded\">Build and run a sales team from scratch<\/span>\n        <\/div>\n        <div class=\"ic-resp-row\">\n          <span class=\"ic-resp-raw\">Implement annual premium revenue plan<\/span>\n          <span class=\"ic-resp-arrow\">\u2192<\/span>\n          <span class=\"ic-resp-decoded\">Own the number, no handholding<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Card 5: Culture Signal -->\n      <div class=\"icard type-culture\" id=\"ic-culture\">\n        <div class=\"ic-label\">Culture Signal<\/div>\n        <div class=\"ic-culture-row\">\n          <span class=\"ic-culture-icon\">\ud83d\udee1<\/span>\n          <span>\n            <strong>\"Results-driven, team-first\"<\/strong> signals a\n            performance-oriented culture with collaborative expectations \u2014\n            you'll be held to hard numbers but supported by the team.\n          <\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div><!-- \/brief-panel -->\n\n<\/div><!-- \/shell -->\n                        <\/div>\n                        <script>\n                        (function(){\n'use strict';\n\nconst g = id => document.getElementById(id);\nconst sleep = ms => new Promise(r => setTimeout(r, ms));\nconst isMobile = () => window.innerWidth <= 720;\n\nconst _w4 = document.getElementById('jhe4_picTzO');\nconst scanBeam  = _w4.querySelector('#scan-beam');\nconst statusDot = g('status-dot');\nconst statusTxt = g('status-txt');\nconst jdBody    = _w4.querySelector('#jd-body');\nconst jdPanel   = document.getElementById('jhe4_picTzO').querySelector('.jd-panel');\nconst briefPanel= document.getElementById('jhe4_picTzO').querySelector('.brief-panel');\n\nconst LOOP_MS = 14000;\nlet loopTimer = null;\n\n\/* \u2500\u2500 Helpers \u2500\u2500 *\/\nfunction litKw(id, cls){ const el=g(id); if(el) el.classList.add(cls); }\nfunction litSec(id){ const el=g(id); if(el){ el.classList.add('scanning'); setTimeout(()=>el.classList.remove('scanning'),700); } }\nfunction showCard(id){ const el=g(id); if(el) el.classList.add('visible'); }\nfunction setStatus(txt, active){\n  statusTxt.textContent=txt;\n  statusTxt.classList.toggle('active',active);\n  statusDot.classList.toggle('active',active);\n}\n\nfunction startBeam(){\n  const bodyH = jdBody.offsetHeight;\n  scanBeam.style.transition='none';\n  scanBeam.style.opacity='1';\n  scanBeam.style.transform='translateY(0)';\n  requestAnimationFrame(()=>{\n    requestAnimationFrame(()=>{\n      scanBeam.style.transition=`transform 3600ms linear, opacity 300ms ease`;\n      scanBeam.style.transform=`translateY(${bodyH}px)`;\n      setTimeout(()=>{ scanBeam.style.opacity='0'; },3400);\n    });\n  });\n}\n\n\/* \u2500\u2500 Panel swap (mobile) \u2500\u2500 *\/\nfunction swapToInsights(){\n  jdPanel.classList.add('exit');\n  briefPanel.classList.add('enter');\n}\n\nfunction swapToJD(){\n  jdPanel.classList.remove('exit');\n  briefPanel.classList.remove('enter');\n}\n\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\nfunction resetAll(){\n  clearTimeout(loopTimer);\n\n  scanBeam.style.transition='none';\n  scanBeam.style.opacity='0';\n  scanBeam.style.transform='translateY(0)';\n\n  document.querySelectorAll('.kh').forEach(el=>el.className='kh');\n\n  ['ic-title','ic-why','ic-metrics','ic-resp','ic-culture'].forEach(id=>{\n    const el=g(id); if(el) el.classList.remove('visible');\n  });\n\n  setStatus('Waiting for scan', false);\n  statusDot.style.background='';\n  statusDot.style.boxShadow='';\n\n  \/* Reset panel positions on mobile *\/\n  swapToJD();\n}\n\n\/* \u2500\u2500 Main loop \u2500\u2500 *\/\nasync function runLoop(){\n  resetAll();\n  await sleep(600);\n\n  setStatus('Scanning job description...', true);\n  startBeam();\n\n  \/* t=450: About \u2192 Title card *\/\n  await sleep(450);\n  litSec('jsec-about');\n  litKw('kh-title','lit-blue');\n  await sleep(200);\n  if(!isMobile()) showCard('ic-title');\n\n  \/* t=1000: Why hiring *\/\n  await sleep(350);\n  litKw('kh-why','lit-indigo');\n  await sleep(180);\n  if(!isMobile()){ showCard('ic-why'); setStatus('2 insights decoded...', true); }\n\n  \/* t=1600: Responsibilities *\/\n  await sleep(450);\n  litSec('jsec-resp');\n  litKw('kh-r1','lit-amber');\n  litKw('kh-r2','lit-amber');\n  await sleep(160);\n  if(!isMobile()) showCard('ic-resp');\n\n  \/* t=2250: Metrics *\/\n  await sleep(360);\n  litKw('kh-r3','lit-green');\n  litKw('kh-r4','lit-green');\n  litKw('kh-r5','lit-green');\n  await sleep(180);\n  if(!isMobile()){ showCard('ic-metrics'); setStatus('4 insights decoded...', true); }\n\n  \/* t=2900: Requirements \u2192 culture *\/\n  await sleep(500);\n  litSec('jsec-req');\n  litKw('kh-culture','lit-indigo');\n  litKw('kh-culture2','lit-indigo');\n  await sleep(200);\n  if(!isMobile()) showCard('ic-culture');\n\n  \/* All 5 decoded *\/\n  await sleep(400);\n  setStatus('5 of 5 insights decoded', false);\n  statusDot.style.background='#22c55e';\n  statusDot.style.boxShadow='0 0 6px rgba(34,197,94,0.6)';\n\n  if(isMobile()){\n    \/* Pause on highlighted JD so user sees the scan result *\/\n    await sleep(800);\n\n    \/* Swap panels *\/\n    swapToInsights();\n\n    \/* Stagger cards in one by one from bottom, 320ms apart *\/\n    const CARDS = ['ic-title','ic-why','ic-resp','ic-metrics','ic-culture'];\n    const STAGGER = 320;\n    CARDS.forEach((id, i) => {\n      setTimeout(()=> showCard(id), 260 + i * STAGGER);\n    });\n\n    \/* Hold then reset \u2014 long enough to read all 5 cards *\/\n    loopTimer = setTimeout(()=>{ resetAll(); setTimeout(runLoop, 500); }, 7500);\n\n  } else {\n    loopTimer = setTimeout(()=>{ resetAll(); setTimeout(runLoop, 500); }, LOOP_MS - 3600);\n  }\n}\n\n\/* \u2500\u2500 Trigger: MutationObserver on aria-hidden + class (JHCarousel.updateNav) \u2500\u2500 *\/\nvar ext4Slide = document.getElementById('jhe4_picTzO').closest('.jh-carousel-slide');\nvar ext4Running = false;\n\nfunction ext4Start() {\n    if (ext4Running) return;\n    ext4Running = true;\n    resetAll();\n    setTimeout(runLoop, 400);\n}\nfunction ext4Stop() {\n    if (!ext4Running) return;\n    ext4Running = false;\n    resetAll();\n}\nfunction ext4IsActive() {\n    return ext4Slide.getAttribute('aria-hidden') === 'false'\n        || ext4Slide.classList.contains('is-active');\n}\n\nif (ext4Slide) {\n    new MutationObserver(function() {\n        if (ext4IsActive()) { ext4Start(); } else { ext4Stop(); }\n    }).observe(ext4Slide, { attributes: true, attributeFilter: ['aria-hidden', 'class'] });\n\n    setInterval(function() {\n        if (ext4IsActive() && !ext4Running) { ext4Start(); }\n        else if (!ext4IsActive() && ext4Running) { ext4Stop(); }\n    }, 350);\n\n    if (ext4IsActive()) ext4Start();\n}\n                        })();\n                        <\/script>\n                    <\/div>\n                    <div class=\"bento-cell cell-content\">\n                        <h2 class=\"jh-tech-tag\">Resume Optimization<\/h2>\n                        <h1 class=\"jh-reveal-text\">Instant Matching. Total Control.<\/h1>\n                        <p class=\"jh-prose-text\">The AI handles the heavy lifting of aligning your skills instantly<br>Stay in control with the final say and refine any detail with AI in a single click.<\/p>\n                        <div class=\"jh-cta-container\">\n                            <a href=\"#\" class=\"jh-magnetic-btn\">START OPTIMIZATION<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"jh-mouse-glow\"><\/div>\n            <\/div>\n\n            <!-- Slide 01 -->\n            <div class=\"jh-carousel-slide\" data-index=\"1\">\n                <div class=\"jh-slide-inner bento-grid\">\n                    <div class=\"bento-cell cell-visual\">\n                        <div class=\"visual-header\">\n                            <span class=\"visual-title\">The Counter-Intel<\/span>\n                        <\/div>\n                                                <div id=\"jhe3_Mu0gqJ\" class=\"jh-ext-shell-wrap\">\n<div class=\"shell\" id=\"shell\">\n\n  <!-- \u2550\u2550 JOB BAR \u2550\u2550 -->\n  <div class=\"job-bar\">\n    <span class=\"jb-title\">Inside Sales Associate I<\/span>\n    <div class=\"jb-sep\"><\/div>\n    <span class=\"jb-co\">WWS Acquisitions LLC<\/span>\n    <div class=\"jb-actions\">\n      <div class=\"jb-btn jb-btn-active\">\n        <svg width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/><\/svg>\n        Fit Analysis\n      <\/div>\n      <div class=\"jb-btn jb-btn-primary\">\n        \u2726 Tailor My Resume\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"main\">\n\n    <!-- \u2550\u2550 LEFT: GAP LIST \u2550\u2550 -->\n    <div class=\"gap-panel\" id=\"gap-panel\">\n      <div class=\"gap-panel-hdr\">\n        <div class=\"gph-eyebrow\">Recruiters View<\/div>\n        <div class=\"gph-title\">Match &amp; Gap Analysis<\/div>\n        <div class=\"gph-sub\">Your matches and missing requirements<\/div>\n      <\/div>\n      <div class=\"gap-divider\"><\/div>\n      <div class=\"gap-list\">\n\n        <div class=\"gap-section-hdr\">Must-Haves<\/div>\n\n        <div class=\"gap-row\" id=\"gr-1\">\n          <div class=\"gap-plus\" id=\"gp-1\">+<\/div>\n          <div class=\"gap-sq amber\" id=\"gs-1\"><\/div>\n          <div class=\"gap-txt\">Previous experience in inside sales, customer service, or a related role<\/div>\n          <div class=\"gap-matched-badge\">Added<\/div>\n        <\/div>\n\n        <div class=\"gap-row\" id=\"gr-2\">\n          <div class=\"gap-plus\" id=\"gp-2\">+<\/div>\n          <div class=\"gap-sq amber\" id=\"gs-2\"><\/div>\n          <div class=\"gap-txt\">Proven ability to meet or exceed sales quotas consistently<\/div>\n          <div class=\"gap-matched-badge\">Added<\/div>\n        <\/div>\n\n        <div class=\"gap-row\" id=\"gr-3\">\n          <div class=\"gap-plus\" id=\"gp-3\">+<\/div>\n          <div class=\"gap-sq red\" id=\"gs-3\"><\/div>\n          <div class=\"gap-txt\">Experience in window and door or building materials industry<\/div>\n          <div class=\"gap-matched-badge\">Added<\/div>\n        <\/div>\n\n        <div class=\"gap-section-hdr\" style=\"margin-top:8px;\">Nice-to-Haves<\/div>\n\n        <div class=\"gap-row\" id=\"gr-4\">\n          <div class=\"gap-plus\" id=\"gp-4\">+<\/div>\n          <div class=\"gap-sq amber\" id=\"gs-4\"><\/div>\n          <div class=\"gap-txt\">Familiarity with CRM tools for tracking leads and customer interactions<\/div>\n          <div class=\"gap-matched-badge\">Added<\/div>\n        <\/div>\n\n        <div class=\"gap-row\" id=\"gr-5\">\n          <div class=\"gap-plus\" id=\"gp-5\">+<\/div>\n          <div class=\"gap-sq amber\" id=\"gs-5\"><\/div>\n          <div class=\"gap-txt\">Bachelor's degree in Business, Marketing, or related field preferred<\/div>\n          <div class=\"gap-matched-badge\">Added<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div><!-- \/gap-panel -->\n\n    <!-- \u2550\u2550 RIGHT: DETAIL PANEL \u2550\u2550 -->\n    <div class=\"detail-panel\" id=\"detail-panel\">\n      <div class=\"dp-handle\"><\/div>\n\n      <div class=\"dp-hdr\">\n        <div class=\"dp-eyebrow\">Missing Requirement<\/div>\n        <div class=\"dp-req-txt\" id=\"dp-req-txt\">Previous experience in inside sales, customer service, or a related role<\/div>\n      <\/div>\n\n      <div class=\"dp-where\">\n        <div class=\"dp-where-lbl\">Where did you do this?<\/div>\n\n        <div class=\"job-card\" id=\"jc-1\">\n          <div class=\"jc-radio\"><div class=\"jc-radio-inner\"><\/div><\/div>\n          <div class=\"jc-info\">\n            <div class=\"jc-title\">Senior Sales Associate<\/div>\n            <div class=\"jc-co\">TechFlow Solutions<\/div>\n          <\/div>\n          <div class=\"jc-dates\">Jan 2022 \u2013 Present<\/div>\n        <\/div>\n\n        <div class=\"job-card\" id=\"jc-2\">\n          <div class=\"jc-radio\"><div class=\"jc-radio-inner\"><\/div><\/div>\n          <div class=\"jc-info\">\n            <div class=\"jc-title\">Sales Representative<\/div>\n            <div class=\"jc-co\">Nexus Corp<\/div>\n          <\/div>\n          <div class=\"jc-dates\">Mar 2019 \u2013 Dec 2021<\/div>\n        <\/div>\n\n        <div class=\"job-card\" id=\"jc-3\">\n          <div class=\"jc-radio\"><div class=\"jc-radio-inner\"><\/div><\/div>\n          <div class=\"jc-info\">\n            <div class=\"jc-title\">Account Manager<\/div>\n            <div class=\"jc-co\">Vertex Dynamics<\/div>\n          <\/div>\n          <div class=\"jc-dates\">Jun 2017 \u2013 Feb 2019<\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"dp-footer\">\n        <button class=\"dp-cancel\">Cancel<\/button>\n        <button class=\"dp-save\" id=\"dp-save\">Save to Resume<\/button>\n      <\/div>\n    <\/div><!-- \/detail-panel -->\n\n  <\/div><!-- \/main -->\n\n  <!-- Tailoring shimmer overlay \u2014 shell level so it's visible after panel closes -->\n  <div class=\"tailoring-overlay\" id=\"tailoring-overlay\">\n    <div class=\"tailoring-txt\">Tailoring your resume...<\/div>\n    <div class=\"shimmer-bar\"><div class=\"shimmer-fill\" id=\"shimmer-fill\"><\/div><\/div>\n  <\/div>\n\n  <!-- Mobile backdrop -->\n  <div class=\"mob-backdrop\" id=\"mob-backdrop\"><\/div>\n\n\n\n  <!-- Sim cursor -->\n  <div id=\"sim-cursor\">\n    <svg width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\">\n      <path d=\"M3.5 2L3.5 18.5L7.8 14.2L11 22L13.4 21L10.2 13.2L16.5 13.2Z\"\n        fill=\"white\" stroke=\"rgba(0,0,0,0.28)\" stroke-width=\"1.4\"\n        stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\n    <\/svg>\n    <div id=\"sim-ripple\"><\/div>\n  <\/div>\n\n<\/div><!-- \/shell -->\n                        <\/div>\n                        <script>\n                        (function(){\n'use strict';\n\nconst g  = id => document.getElementById(id);\nconst isMobile = () => window.innerWidth <= 720;\n\n\/* DOM *\/\nconst shell         = document.getElementById('jhe3_Mu0gqJ').querySelector('.shell');\nconst gapPanel      = g('gap-panel');\nconst detailPanel   = g('detail-panel');\nconst dpReqTxt      = g('dp-req-txt');\nconst tailOverlay   = g('tailoring-overlay');\nconst shimFill      = g('shimmer-fill');\nconst dpSave        = g('dp-save');\nconst toast         = g('toast');\nconst mobBackdrop   = g('mob-backdrop');\nconst simCursor     = g('sim-cursor');\nconst simRipple     = g('sim-ripple');\n\n\/* Sequence: bullets 1, 3, 4 \u2014 each selects a different job *\/\nconst SEQUENCE = [\n  { rowId:'gr-1', plusId:'gp-1', sqId:'gs-1', jobId:'jc-1',\n    req:'Previous experience in inside sales, customer service, or a related role' },\n  { rowId:'gr-3', plusId:'gp-3', sqId:'gs-3', jobId:'jc-2',\n    req:'Experience in window and door or building materials industry' },\n  { rowId:'gr-4', plusId:'gp-4', sqId:'gs-4', jobId:'jc-3',\n    req:'Familiarity with CRM tools for tracking leads and customer interactions' },\n];\n\nconst LOOP_MS = 22000;\nlet loopTimer = null;\n\n\/* \u2500\u2500 Cursor helpers \u2500\u2500 *\/\nfunction getPos(el){\n  const sr = shell.getBoundingClientRect();\n  const er = el.getBoundingClientRect();\n  return { x: er.left-sr.left+er.width\/2, y: er.top-sr.top+er.height\/2 };\n}\nfunction cursorPlace(el){ const p=getPos(el); simCursor.style.transition='none'; simCursor.style.left=p.x+'px'; simCursor.style.top=p.y+'px'; }\nfunction cursorShow(){ requestAnimationFrame(()=>{ simCursor.style.transition='opacity 0.28s ease'; simCursor.style.opacity='1'; }); }\nfunction cursorMove(el,ms){ const p=getPos(el); simCursor.style.transition=`opacity 0.28s ease,left ${ms}ms cubic-bezier(0.4,0,0.2,1),top ${ms}ms cubic-bezier(0.4,0,0.2,1)`; simCursor.style.left=p.x+'px'; simCursor.style.top=p.y+'px'; }\nfunction cursorClick(){ simCursor.classList.add('pressing'); simRipple.classList.remove('fire'); void simRipple.offsetWidth; simRipple.classList.add('fire'); setTimeout(()=>simCursor.classList.remove('pressing'),130); }\nfunction cursorHide(){ simCursor.style.transition='opacity 0.4s ease'; simCursor.style.opacity='0'; }\n\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\nfunction resetAll(){\n  clearTimeout(loopTimer);\n  detailPanel.classList.remove('open');\n  gapPanel.classList.remove('shifted');\n  mobBackdrop.classList.remove('show');\n\n  ['gr-1','gr-2','gr-3','gr-4','gr-5'].forEach(id=>{\n    const r=g(id); if(r) r.classList.remove('highlighted','matched');\n  });\n  ['gp-1','gp-2','gp-3','gp-4','gp-5'].forEach(id=>{\n    const p=g(id); if(p) p.textContent='+';\n  });\n  ['gs-1','gs-3','gs-4'].forEach(id=>{\n    const s=g(id);\n    if(!s) return;\n    s.className = (id==='gs-3') ? 'gap-sq red' : 'gap-sq amber';\n  });\n  ['jc-1','jc-2','jc-3'].forEach(id=>{ const c=g(id); if(c) c.classList.remove('selected'); });\n\n  dpSave.classList.remove('clicking');\n  dpSave.textContent = 'Save to Resume';\n  dpSave.style.background = '';\n\n  tailOverlay.classList.remove('show');\n  shimFill.style.transition='none'; shimFill.style.width='0%';\n\n  if(toast) toast.classList.remove('show');\n  cursorHide();\n}\n\n\/* \u2500\u2500 Single beat: click + \u2192 panel \u2192 select job \u2192 save \u2192 row green \u2192 close\n   No tailoring per beat. onDone fires after panel closes and row is green. \u2500\u2500 *\/\nfunction runBeat(seqIdx, onDone){\n  const s     = SEQUENCE[seqIdx];\n  const row   = g(s.rowId);\n  const plus  = g(s.plusId);\n  const jobEl = g(s.jobId);\n  if(!row||!plus||!jobEl) return;\n\n  dpReqTxt.textContent = s.req;\n\n  \/* Cursor appears on + *\/\n  if(!isMobile()){\n    cursorPlace(plus);\n    cursorShow();\n    setTimeout(()=> cursorMove(plus, 260), 250);\n  }\n\n  \/* STEP 1 \u2014 t=580: click + \u2192 highlight row \u2192 open detail panel *\/\n  setTimeout(()=>{\n    if(!isMobile()) cursorClick();\n    row.classList.add('highlighted');\n    plus.textContent = '\u2192';\n    setTimeout(()=>{\n      detailPanel.classList.add('open');\n      if(isMobile()) mobBackdrop.classList.add('show');\n    }, 260);\n  }, 580);\n\n  \/* t=1300: cursor moves to job card *\/\n  setTimeout(()=>{ if(!isMobile()) cursorMove(jobEl, 400); }, 1300);\n\n  \/* STEP 2 \u2014 t=1800: select job \u2192 immediately show ADDED badge on bullet *\/\n  setTimeout(()=>{\n    if(!isMobile()) cursorClick();\n    ['jc-1','jc-2','jc-3'].forEach(id=>{ const c=g(id); if(c) c.classList.remove('selected'); });\n    jobEl.classList.add('selected');\n\n    \/* Row turns green with ADDED label as soon as job is chosen *\/\n    setTimeout(()=>{\n      row.classList.remove('highlighted');\n      row.classList.add('matched');\n      plus.textContent = '\u2713';\n      const sq = g(s.sqId); if(sq) sq.className='gap-sq green';\n    }, 320);\n  }, 1800);\n\n  \/* t=2600: cursor moves to Save *\/\n  setTimeout(()=>{ if(!isMobile()) cursorMove(dpSave, 340); }, 2600);\n\n  \/* STEP 3 \u2014 t=3040: click Save \u2192 close panel *\/\n  setTimeout(()=>{\n    if(!isMobile()) cursorClick();\n    dpSave.classList.add('clicking');\n    setTimeout(()=> dpSave.classList.remove('clicking'), 200);\n\n    setTimeout(()=>{\n      detailPanel.classList.remove('open');\n      mobBackdrop.classList.remove('show');\n      \/* Callback \u2014 ready for next beat *\/\n      setTimeout(onDone, 380);\n    }, 420);\n  }, 3040);\n}\n\n\/* \u2500\u2500 Tailoring sequence: fires once after all beats \u2500\u2500 *\/\nfunction runTailoring(onDone){\n  if(!isMobile()) cursorHide();\n\n  \/* Show shimmer *\/\n  tailOverlay.classList.add('show');\n  setTimeout(()=>{\n    shimFill.style.transition='width 1.5s cubic-bezier(0.16,1,0.3,1)';\n    shimFill.style.width='100%';\n  }, 80);\n\n  \/* Complete at t=2000 *\/\n  setTimeout(()=>{\n    tailOverlay.classList.remove('show');\n    shimFill.style.transition='none'; shimFill.style.width='0%';\n    setTimeout(onDone, 200);\n  }, 2000);\n}\n\n\/* \u2500\u2500 Main loop \u2500\u2500 *\/\nfunction runLoop(){\n  resetAll();\n\n  const GAP = 420; \/* pause between beats *\/\n\n  setTimeout(()=>{\n\n    \/* Beat 0 (row 1) *\/\n    runBeat(0, ()=>{\n      setTimeout(()=>{\n\n        \/* Beat 1 (row 3) *\/\n        runBeat(1, ()=>{\n          setTimeout(()=>{\n\n            \/* Beat 2 (row 4) *\/\n            runBeat(2, ()=>{\n\n              \/* All 3 added \u2014 now tailoring fires once *\/\n              setTimeout(()=>{\n                runTailoring(()=>{\n\n                  \/* Show toast *\/\n                  if(toast) toast.classList.add('show');\n                  setTimeout(()=>{ if(toast) toast.classList.remove('show'); }, 2500);\n\n                  \/* Hold then reset *\/\n                  loopTimer = setTimeout(()=>{\n                    resetAll();\n                    setTimeout(runLoop, 500);\n                  }, 3200);\n\n                });\n              }, 350);\n            });\n\n          }, GAP);\n        });\n\n      }, GAP);\n    });\n\n  }, 700);\n}\n\n\/* Boot *\/\n\n\/* \u2500\u2500 Trigger: MutationObserver on aria-hidden + class (JHCarousel.updateNav) \u2500\u2500 *\/\nvar ext3Slide = document.getElementById('jhe3_Mu0gqJ').closest('.jh-carousel-slide');\nvar ext3Running = false;\n\nfunction ext3Start() {\n    if (ext3Running) return;\n    ext3Running = true;\n    resetAll();\n    setTimeout(runLoop, 400);\n}\nfunction ext3Stop() {\n    if (!ext3Running) return;\n    ext3Running = false;\n    resetAll();\n}\nfunction ext3IsActive() {\n    return ext3Slide.getAttribute('aria-hidden') === 'false'\n        || ext3Slide.classList.contains('is-active');\n}\n\nif (ext3Slide) {\n    new MutationObserver(function() {\n        if (ext3IsActive()) { ext3Start(); } else { ext3Stop(); }\n    }).observe(ext3Slide, { attributes: true, attributeFilter: ['aria-hidden', 'class'] });\n\n    setInterval(function() {\n        if (ext3IsActive() && !ext3Running) { ext3Start(); }\n        else if (!ext3IsActive() && ext3Running) { ext3Stop(); }\n    }, 350);\n\n    if (ext3IsActive()) ext3Start();\n}\n                        })();\n                        <\/script>\n                    <\/div>\n                    <div class=\"bento-cell cell-content\">\n                        <h2 class=\"jh-tech-tag\">Instant Fit Assessment<\/h2>\n                        <h1 class=\"jh-reveal-text\">Your skills are only as powerful as your story<\/h1>\n                        <p class=\"jh-prose-text\">Run an instant diagnostic between your profile and the job requirements. Identify exactly what the algorithm expects before you hit submit.<\/p>\n                        <div class=\"jh-cta-container\">\n                            <a href=\"#\" class=\"jh-magnetic-btn\">INITIALIZE DIAGNOSTIC<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"jh-mouse-glow\"><\/div>\n            <\/div>\n\n            <!-- Slide 02 -->\n            <div class=\"jh-carousel-slide\" data-index=\"2\">\n                <div class=\"jh-slide-inner bento-grid reverse\">\n                    <div class=\"bento-cell cell-content\">\n                        <h2 class=\"jh-tech-tag\">Decryption Engine<\/h2>\n                        <h1 class=\"jh-reveal-text\">Read Between the Corporate Lines<\/h1>\n                        <p class=\"jh-prose-text\">Turn corporate jargon into tactical insights. <br>Understand the \"Black Box\" criteria to gain the definitive advantage.<\/p>\n                        <div class=\"jh-cta-container\">\n                            <a href=\"#\" class=\"jh-magnetic-btn\">ACCESS DECRYPTION<\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bento-cell cell-visual\">\n                        <div class=\"visual-header\">\n                            <span class=\"visual-title\">Tactical Intel Extraction<\/span>\n                        <\/div>\n                                                <div id=\"jhe2_igVXwe\" class=\"jh-ext-shell-wrap\">\n<div class=\"shell\">\n\n  <!-- Connector SVG overlay -->\n  <svg id=\"conn-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><\/svg>\n\n  <!-- \u2550\u2550\u2550 JD PANEL \u2550\u2550\u2550 -->\n  <div class=\"jd-panel\">\n\n    <div class=\"jd-header\">\n      <div class=\"jd-co-row\">\n        <div class=\"jd-co-mark\">CG<\/div>\n        <span class=\"jd-co-name\">Callaway Golf<\/span>\n        <div class=\"jd-co-sep\"><\/div>\n        <span class=\"jd-co-loc\">Carlsbad, CA<\/span>\n        <div class=\"jd-co-sep\"><\/div>\n        <span class=\"jd-co-sal\">$91,200\u2013$99,200 \/ yr<\/span>\n      <\/div>\n      <div class=\"jd-title\">Sales Analyst<\/div>\n      <div class=\"jd-chips-row\">\n        <span class=\"jd-chip\">Full-time<\/span>\n        <span class=\"jd-chip\">Mid-level<\/span>\n        <span class=\"jd-chip\">On-site<\/span>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"jd-scan-bar\">\n      <div class=\"scan-dot\"><\/div>\n      <span class=\"scan-txt\" id=\"scan-txt\">Ready to analyze<\/span>\n    <\/div>\n\n    <div class=\"jd-body\" id=\"jd-body\">\n      <div id=\"scan-beam\"><\/div>\n\n      <div class=\"jd-section\">\n        <div class=\"jd-sec-hdr\" id=\"sec-req\">Requirements<\/div>\n        <ul class=\"jd-list\">\n          <li>Proficiency in <span class=\"kw\" id=\"kw-sql\">SQL<\/span> and <span class=\"kw\" id=\"kw-excel\">Excel<\/span> for data extraction and modeling<\/li>\n          <li>Strong <span class=\"kw\" id=\"kw-analytical\">analytical thinking<\/span> \u2014 ability to synthesize complex datasets into insights<\/li>\n          <li>Experience with CRM platforms, particularly <span class=\"kw\" id=\"kw-sf\">Salesforce<\/span><\/li>\n          <li>Background in sales <span class=\"kw\" id=\"kw-forecast\">forecasting<\/span> and demand planning a plus<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"jd-section\">\n        <div class=\"jd-sec-hdr\" id=\"sec-resp\">Responsibilities<\/div>\n        <ul class=\"jd-list\">\n          <li>Perform <span class=\"kw\" id=\"kw-data\">data analysis<\/span> on sales performance across North American retail channels<\/li>\n          <li>Partner <span class=\"kw\" id=\"kw-cf\">cross-functional<\/span> with marketing, finance, and retail operations<\/li>\n          <li>Build <span class=\"kw\" id=\"kw-strategic\">strategic<\/span> reporting dashboards to surface KPIs and trends<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"jd-section\">\n        <div class=\"jd-sec-hdr\" id=\"sec-qual\">Qualifications<\/div>\n        <ul class=\"jd-list\">\n          <li><span class=\"kw\" id=\"kw-detail\">Detail-oriented<\/span> with high standards for data accuracy and documentation<\/li>\n          <li>Demonstrated <span class=\"kw\" id=\"kw-adapt\">adaptability<\/span> in fast-paced, evolving business environments<\/li>\n          <li>Excellent verbal and written <span class=\"kw\" id=\"kw-comm\">communication<\/span> skills required<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div><!-- \/jd-panel -->\n\n  <!-- \u2550\u2550\u2550 RESUME PANEL \u2550\u2550\u2550 -->\n  <div class=\"resume-panel\">\n\n    <div class=\"rp-hdr\">\n      <div>\n        <div class=\"rp-name\">ALEX R. CHEN<\/div>\n        <div class=\"rp-role\">Sales Initiatives Analyst<\/div>\n      <\/div>\n      <div class=\"rp-badge\" id=\"rp-badge\">\n        <div class=\"rp-dot\"><\/div>\n        <span class=\"rp-badge-txt\" id=\"rp-badge-txt\">Standby<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"rp-legend\">\n      <div class=\"leg-item\"><div class=\"leg-dot skill\"><\/div><span class=\"leg-txt\">Skill<\/span><\/div>\n      <div class=\"leg-item\"><div class=\"leg-dot comp\"><\/div><span class=\"leg-txt\">Competency<\/span><\/div>\n      <div class=\"leg-item\"><div class=\"leg-dot attr\"><\/div><span class=\"leg-txt\">Attribute<\/span><\/div>\n    <\/div>\n\n    <div class=\"chip-cols\">\n      <div class=\"chip-col col-skill\">\n        <div class=\"cc-hdr\">Skills<\/div>\n        <div class=\"chip-list\">\n          <div class=\"chip\" id=\"chip-sql\"        data-cat=\"skill\"        data-text=\"SQL\">\u2588\u2588\u2588<\/div>\n          <div class=\"chip\" id=\"chip-excel\"       data-cat=\"skill\"        data-text=\"Excel\">\u2588\u2588\u2588\u2588\u2588<\/div>\n          <div class=\"chip\" id=\"chip-data\"        data-cat=\"skill\"        data-text=\"Data Analysis\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"chip-col col-comp\">\n        <div class=\"cc-hdr\">Competencies<\/div>\n        <div class=\"chip-list\">\n          <div class=\"chip\" id=\"chip-analytical\"  data-cat=\"competency\"   data-text=\"Analytical Thinking\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n          <div class=\"chip\" id=\"chip-cf\"           data-cat=\"competency\"   data-text=\"Cross-functional\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n          <div class=\"chip\" id=\"chip-strategic\"   data-cat=\"competency\"   data-text=\"Strategic\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"chip-col col-attr\">\n        <div class=\"cc-hdr\">Attributes<\/div>\n        <div class=\"chip-list\">\n          <div class=\"chip\" id=\"chip-detail\"      data-cat=\"attribute\"    data-text=\"Detail-oriented\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n          <div class=\"chip\" id=\"chip-adapt\"       data-cat=\"attribute\"    data-text=\"Adaptability\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n          <div class=\"chip\" id=\"chip-comm\"        data-cat=\"attribute\"    data-text=\"Communication\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ats-sec\">\n      <div class=\"ats-row\">\n        <span class=\"ats-lbl\">ATS Match<\/span>\n        <div class=\"ats-track\"><div class=\"ats-fill\" id=\"ats-fill\"><\/div><\/div>\n        <span class=\"ats-pct\" id=\"ats-pct\">\u2014<\/span>\n      <\/div>\n      <div class=\"ats-sub\" id=\"ats-sub\">Awaiting scan...<\/div>\n    <\/div>\n\n    <div class=\"gap-sec\">\n      <div class=\"gap-hdr\">Gaps Detected<\/div>\n      <div class=\"gap-list\">\n        <div class=\"gap-chip\" id=\"gap-sf\">Salesforce<\/div>\n        <div class=\"gap-chip\" id=\"gap-forecast\">Forecasting<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"add-wrap\">\n      <button class=\"add-btn\" id=\"add-btn\">\u2726 Add 9 Matched Keywords to Resume<\/button>\n    <\/div>\n\n  <\/div><!-- \/resume-panel -->\n\n<\/div><!-- \/shell -->\n\n  <!-- \u2550\u2550\u2550 MOBILE SPOTLIGHT (Option 3) \u2550\u2550\u2550 -->\n  <div id=\"mob-spotlight\">\n\n    <div class=\"mob-jd-hdr\">\n      <div class=\"mob-jd-co-row\">\n        <div class=\"mob-jd-mark\">CG<\/div>\n        <span class=\"mob-jd-co\">Callaway Golf<\/span>\n        <div class=\"mob-jd-sep\"><\/div>\n        <span class=\"mob-jd-sal\">$91,200\u2013$99,200 \/ yr<\/span>\n      <\/div>\n      <div class=\"mob-jd-title\">Sales Analyst<\/div>\n    <\/div>\n\n    <div class=\"mob-scan-bar\">\n      <div class=\"scan-dot\"><\/div>\n      <span class=\"mob-scan-txt\" id=\"mob-scan-txt\">Ready to analyze<\/span>\n    <\/div>\n\n    <div class=\"mob-stage\" id=\"mob-stage\">\n\n      <!-- TOP: Cycling spotlight card -->\n      <div class=\"mob-card\" id=\"mob-card\">\n        <div class=\"mob-sec-badge\" id=\"mob-sec-badge\">Requirements<\/div>\n        <div class=\"mob-sentence\" id=\"mob-sentence\"><\/div>\n        <div class=\"mob-arrow\">\n          <div class=\"mob-arrow-line\"><\/div>\n          <div class=\"mob-arrow-head\">\u25bc<\/div>\n        <\/div>\n        <div class=\"mob-chip-row\">\n          <div class=\"mob-cat-dot\" id=\"mob-cat-dot\"><\/div>\n          <div class=\"mob-chip-text\" id=\"mob-chip-text\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n          <div class=\"mob-cat-label\" id=\"mob-cat-label\"><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- TOP: Final state (replaces card after all matches) -->\n      <div class=\"mob-final\" id=\"mob-final\">\n        <div class=\"mob-final-badge\">\n          <span class=\"mob-final-dot\"><\/span>\n          <span class=\"mob-final-txt\">9 skills matched \u00b7 ready to inject<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- BOTTOM: Persistent live chip grid -->\n      <div class=\"mob-live-grid\">\n        <div class=\"mob-col col-skill\">\n          <div class=\"mob-col-hdr\">Skills<\/div>\n          <div class=\"mob-lchip skill\" id=\"lc-sql\">SQL<\/div>\n          <div class=\"mob-lchip skill\" id=\"lc-excel\">Excel<\/div>\n          <div class=\"mob-lchip skill\" id=\"lc-data\">Data Analysis<\/div>\n        <\/div>\n        <div class=\"mob-col col-comp\">\n          <div class=\"mob-col-hdr\">Competencies<\/div>\n          <div class=\"mob-lchip competency\" id=\"lc-analytical\">Analytical<\/div>\n          <div class=\"mob-lchip competency\" id=\"lc-cf\">Cross-func.<\/div>\n          <div class=\"mob-lchip competency\" id=\"lc-strategic\">Strategic<\/div>\n        <\/div>\n        <div class=\"mob-col col-attr\">\n          <div class=\"mob-col-hdr\">Attributes<\/div>\n          <div class=\"mob-lchip attribute\" id=\"lc-detail\">Detail-oriented<\/div>\n          <div class=\"mob-lchip attribute\" id=\"lc-adapt\">Adaptability<\/div>\n          <div class=\"mob-lchip attribute\" id=\"lc-comm\">Communication<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/mob-stage -->\n\n    <div class=\"mob-progress\" id=\"mob-progress\">\n      <!-- 9 dots injected by JS -->\n    <\/div>\n\n  <\/div><!-- \/mob-spotlight -->\n                        <\/div>\n                        <script>\n                        (function(){\n'use strict';\n\nconst g  = id => document.getElementById(id);\nconst qs = s  => document.querySelector(s);\n\nconst shell    = document.getElementById('jhe2_igVXwe').querySelector('.shell');\nconst connSvg  = g('conn-svg');\nconst scanBeam = g('scan-beam');\nconst scanTxt  = g('scan-txt');\nconst rpBadge  = g('rp-badge');\nconst rpBadgeTxt = g('rp-badge-txt');\nconst atsFill  = g('ats-fill');\nconst atsPct   = g('ats-pct');\nconst atsSub   = g('ats-sub');\nconst addBtn   = g('add-btn');\n\n\/* \u2500\u2500 Glitch chars \u2500\u2500 *\/\nconst GLYPHS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_$%#!';\nconst rg = () => GLYPHS[Math.floor(Math.random() * GLYPHS.length)];\n\n\/* Category \u2192 connector stroke color *\/\nconst CAT_COLOR = {\n  skill:      'rgba(5,84,242,0.85)',\n  competency: 'rgba(99,102,241,0.85)',\n  attribute:  'rgba(96,176,255,0.7)',\n};\n\n\/* \u2500\u2500 Position helper (relative to shell) \u2500\u2500 *\/\nfunction pos(el){\n  const sr = shell.getBoundingClientRect();\n  const er = el.getBoundingClientRect();\n  return {\n    l: er.left - sr.left,  r: er.right  - sr.left,\n    t: er.top  - sr.top,   b: er.bottom - sr.top,\n    mx:(er.left+er.right)\/2 - sr.left,\n    my:(er.top +er.bottom)\/2 - sr.top,\n  };\n}\n\n\/* \u2500\u2500 Draw animated bezier connector \u2500\u2500 *\/\nfunction drawLine(fromEl, toEl, cat, onArrival){\n  const f = pos(fromEl);\n  const t = pos(toEl);\n  const x1 = f.r + 3;\n  const y1 = f.my;\n  const x2 = t.l - 3;\n  const y2 = t.my;\n  const cp = Math.abs(x2 - x1) * 0.42;\n  const d  = `M ${x1} ${y1} C ${x1+cp} ${y1} ${x2-cp} ${y2} ${x2} ${y2}`;\n\n  const path = document.createElementNS('http:\/\/www.w3.org\/2000\/svg','path');\n  path.setAttribute('d', d);\n  path.setAttribute('fill','none');\n  path.setAttribute('stroke', CAT_COLOR[cat]);\n  path.setAttribute('stroke-width','1.4');\n\n  \/* Endpoint dots *\/\n  [[x1,y1],[x2,y2]].forEach(([cx,cy])=>{\n    const c = document.createElementNS('http:\/\/www.w3.org\/2000\/svg','circle');\n    c.setAttribute('cx',cx); c.setAttribute('cy',cy);\n    c.setAttribute('r','2.5'); c.setAttribute('fill', CAT_COLOR[cat]);\n    connSvg.appendChild(c);\n    setTimeout(()=>{ c.style.transition='opacity 1.4s ease'; c.style.opacity='0.1'; }, 900);\n  });\n\n  \/* Dash-draw animation *\/\n  connSvg.appendChild(path);\n  const len = path.getTotalLength();\n  path.style.strokeDasharray  = len;\n  path.style.strokeDashoffset = len;\n  requestAnimationFrame(()=>{\n    path.style.transition = 'stroke-dashoffset 0.42s cubic-bezier(0.4,0,0.2,1)';\n    path.style.strokeDashoffset = '0';\n  });\n\n  setTimeout(()=>{\n    if(onArrival) onArrival();\n    setTimeout(()=>{\n      path.style.transition += ',opacity 1.5s ease';\n      path.style.opacity = '0.1';\n    }, 700);\n  }, 440);\n}\n\n\/* \u2500\u2500 Chip scramble \u2192 lock \u2500\u2500 *\/\nfunction lockChip(chipEl){\n  const text = chipEl.dataset.text;\n  const cat  = chipEl.dataset.cat;\n  const len  = text.length;\n  let prog = 0;\n  const iv = setInterval(()=>{\n    let out = '';\n    for(let i=0;i<len;i++){\n      out += i < prog ? text[i] : rg();\n    }\n    chipEl.textContent = out;\n    prog += 0.4;\n    if(prog >= len){\n      clearInterval(iv);\n      chipEl.textContent = text;\n      chipEl.classList.add(`locked-${cat}`);\n    }\n  }, 38);\n}\n\n\/* \u2500\u2500 Flash keyword in JD \u2500\u2500 *\/\nfunction flashKw(el, cat, isGap){\n  el.classList.add(isGap ? 'lit-gap' : `lit-${cat}`);\n}\n\n\/* \u2500\u2500 Match: flash JD \u2192 draw line \u2192 scramble chip \u2500\u2500 *\/\nfunction doMatch(kwId, chipId, cat){\n  const kw   = g(kwId);\n  const chip = g(chipId);\n  if(!kw || !chip) return;\n  flashKw(kw, cat, false);\n  if(window.innerWidth > 720){\n    drawLine(kw, chip, cat, ()=> lockChip(chip));\n  } else {\n    setTimeout(()=> lockChip(chip), 120);\n  }\n}\n\n\/* \u2500\u2500 Gap detection \u2500\u2500 *\/\nfunction doGap(kwId, gapId){\n  const kw  = g(kwId);\n  const gap = g(gapId);\n  if(kw)  flashKw(kw, 'skill', true);\n  if(gap) gap.classList.add('show');\n}\n\n\/* \u2500\u2500 Animate ATS counter \u2500\u2500 *\/\nfunction animateATS(target, ms){\n  const t0 = Date.now();\n  atsFill.style.width = target + '%';\n  (function tick(){\n    const pct = Math.min((Date.now()-t0)\/ms, 1);\n    const eased = 1 - Math.pow(1-pct, 3);\n    const v = Math.round(eased * target);\n    atsPct.textContent = v + '%';\n    if(pct < 1) requestAnimationFrame(tick);\n    else {\n      atsPct.textContent = target + '%';\n      atsPct.style.color = target >= 75 ? '#22c55e' : '#60B0FF';\n      atsSub.textContent = '9 matched \u00b7 2 gaps \u00b7 ready to inject';\n    }\n  })();\n}\n\n\/* \u2500\u2500 Reset all state \u2500\u2500 *\/\nfunction resetAll(){\n  \/* Clear SVG *\/\n  while(connSvg.firstChild) connSvg.removeChild(connSvg.firstChild);\n\n  \/* Scan beam *\/\n  scanBeam.style.transition = 'none';\n  scanBeam.style.opacity    = '0';\n  scanBeam.style.transform  = 'translateY(0)';\n  scanBeam.style.animation  = 'none';\n\n  \/* JD keywords *\/\n  document.querySelectorAll('.kw').forEach(el=> el.className = 'kw');\n\n  \/* Section headers *\/\n  ['sec-req','sec-resp','sec-qual'].forEach(id=>{\n    const el = g(id); if(el) el.classList.remove('lit');\n  });\n\n  \/* Status text *\/\n  scanTxt.textContent = 'Ready to analyze';\n  scanTxt.classList.remove('hot');\n  rpBadge.classList.remove('active');\n  rpBadgeTxt.textContent = 'Standby';\n\n  \/* Chips \u2014 restore placeholder *\/\n  document.querySelectorAll('.chip').forEach(el=>{\n    const t = el.dataset.text || '';\n    el.className = 'chip';\n    el.textContent = '\u2588'.repeat(t.length);\n  });\n\n  \/* Gaps *\/\n  ['gap-sf','gap-forecast'].forEach(id=>{\n    const el = g(id); if(el) el.classList.remove('show');\n  });\n\n  \/* Score *\/\n  atsFill.style.transition = 'none';\n  atsFill.style.width = '0%';\n  atsPct.textContent = '\u2014';\n  atsPct.style.color = '';\n  atsSub.textContent = 'Awaiting scan...';\n\n  \/* Button *\/\n  addBtn.classList.remove('show');\n}\n\n\/* \u2500\u2500 Main loop \u2500\u2500 *\/\nconst LOOP_MS = 12000;\nconst isMobile = () => window.innerWidth <= 720;\n\nfunction runLoop(){\n  if(isMobile()) runLoopMobile();\n  else           runLoopDesktop();\n}\n\nfunction runLoopDesktop(){\n  resetAll();\n\n  \/* t=350: scan starts *\/\n  setTimeout(()=>{\n    scanTxt.classList.add('hot');\n    scanTxt.textContent = 'Extracting skills, competencies, attributes...';\n    rpBadge.classList.add('active');\n    rpBadgeTxt.textContent = 'Scanning';\n\n    const bodyH = g('jd-body').offsetHeight;\n    scanBeam.style.opacity = '1';\n    requestAnimationFrame(()=>{\n      scanBeam.style.transition = `transform 5500ms linear, opacity 300ms ease`;\n      scanBeam.style.transform  = `translateY(${bodyH}px)`;\n      setTimeout(()=> scanBeam.style.opacity = '0', 5300);\n    });\n\n    const secSeq = [\n      {id:'sec-req',  on:50,   off:2400},\n      {id:'sec-resp', on:2400, off:4000},\n      {id:'sec-qual', on:4000, off:5600},\n    ];\n    secSeq.forEach(s=>{\n      setTimeout(()=> g(s.id).classList.add('lit'), s.on);\n      setTimeout(()=> g(s.id).classList.remove('lit'), s.off);\n    });\n  }, 350);\n\n  const MATCHES = [\n    {t:950,  kw:'kw-sql',        chip:'chip-sql',        cat:'skill'},\n    {t:1600, kw:'kw-excel',      chip:'chip-excel',       cat:'skill'},\n    {t:2200, kw:'kw-analytical', chip:'chip-analytical',  cat:'competency'},\n    {t:2850, kw:'kw-data',       chip:'chip-data',        cat:'skill'},\n    {t:3420, kw:'kw-cf',         chip:'chip-cf',          cat:'competency'},\n    {t:4000, kw:'kw-strategic',  chip:'chip-strategic',   cat:'competency'},\n    {t:4600, kw:'kw-detail',     chip:'chip-detail',      cat:'attribute'},\n    {t:5150, kw:'kw-adapt',      chip:'chip-adapt',       cat:'attribute'},\n    {t:5650, kw:'kw-comm',       chip:'chip-comm',        cat:'attribute'},\n  ];\n  MATCHES.forEach(m=> setTimeout(()=> doMatch(m.kw, m.chip, m.cat), m.t));\n\n  setTimeout(()=>{\n    doGap('kw-sf', 'gap-sf');\n    scanTxt.textContent = '9 matched \u00b7 2 gaps detected';\n  }, 6200);\n  setTimeout(()=> doGap('kw-forecast', 'gap-forecast'), 6620);\n\n  setTimeout(()=>{\n    rpBadgeTxt.textContent = '9 \/ 11';\n    atsFill.style.transition = 'width 1.7s cubic-bezier(0.16,1,0.3,1)';\n    animateATS(82, 1700);\n  }, 7050);\n\n  setTimeout(()=> addBtn.classList.add('show'), 8400);\n  setTimeout(()=>{ resetAll(); setTimeout(runLoop, 400); }, LOOP_MS);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOBILE \u2014 SPOTLIGHT LOOP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Spotlight data \u2014 one entry per match, maps to a live-grid chip id *\/\nconst SPOTLIGHT = [\n  { sec:'req',  secTxt:'Requirements',\n    sentence:'Proficiency in <b class=\"mob-kw-hl skill\">SQL<\/b> and Excel for data extraction and modeling',\n    cat:'skill', chip:'SQL', lcId:'lc-sql' },\n  { sec:'req',  secTxt:'Requirements',\n    sentence:'Proficiency in SQL and <b class=\"mob-kw-hl skill\">Excel<\/b> for data extraction and modeling',\n    cat:'skill', chip:'Excel', lcId:'lc-excel' },\n  { sec:'req',  secTxt:'Requirements',\n    sentence:'Strong <b class=\"mob-kw-hl competency\">analytical thinking<\/b> \u2014 ability to synthesize complex datasets',\n    cat:'competency', chip:'Analytical Thinking', lcId:'lc-analytical' },\n  { sec:'resp', secTxt:'Responsibilities',\n    sentence:'Perform <b class=\"mob-kw-hl skill\">data analysis<\/b> on sales performance across channels',\n    cat:'skill', chip:'Data Analysis', lcId:'lc-data' },\n  { sec:'resp', secTxt:'Responsibilities',\n    sentence:'Partner <b class=\"mob-kw-hl competency\">cross-functional<\/b> with marketing, finance, and retail ops',\n    cat:'competency', chip:'Cross-functional', lcId:'lc-cf' },\n  { sec:'resp', secTxt:'Responsibilities',\n    sentence:'Build <b class=\"mob-kw-hl competency\">strategic<\/b> reporting dashboards to surface KPIs and trends',\n    cat:'competency', chip:'Strategic', lcId:'lc-strategic' },\n  { sec:'qual', secTxt:'Qualifications',\n    sentence:'<b class=\"mob-kw-hl attribute\">Detail-oriented<\/b> with high standards for data accuracy',\n    cat:'attribute', chip:'Detail-oriented', lcId:'lc-detail' },\n  { sec:'qual', secTxt:'Qualifications',\n    sentence:'Demonstrated <b class=\"mob-kw-hl attribute\">adaptability<\/b> in fast-paced, evolving environments',\n    cat:'attribute', chip:'Adaptability', lcId:'lc-adapt' },\n  { sec:'qual', secTxt:'Qualifications',\n    sentence:'Excellent verbal and written <b class=\"mob-kw-hl attribute\">communication<\/b> skills required',\n    cat:'attribute', chip:'Communication', lcId:'lc-comm' },\n];\n\nconst GLYPHS2 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_$%#!';\nconst rg2 = () => GLYPHS2[Math.floor(Math.random()*GLYPHS2.length)];\n\nlet mobLoopTimer = null;\n\nfunction mobResetAll(){\n  clearTimeout(mobLoopTimer);\n\n  const card  = g('mob-card');\n  const final = g('mob-final');\n  const scanT = g('mob-scan-txt');\n\n  if(card)  { card.classList.remove('visible','exit'); }\n  if(final) { final.classList.remove('visible'); }\n  if(scanT) { scanT.textContent='Ready to analyze'; scanT.classList.remove('hot'); }\n\n  \/* Reset progress dots *\/\n  document.querySelectorAll('.mob-prog-dot').forEach(d=>d.className='mob-prog-dot');\n\n  \/* Reset live chips *\/\n  document.querySelectorAll('.mob-lchip').forEach(c=>c.classList.remove('show'));\n}\n\n\/* \u2500\u2500 Falling particle: from locked dot \u2192 target column \u2500\u2500 *\/\nfunction fireDrop(cat, lcId){\n  const spotlight = g('mob-spotlight');\n  const srcDot    = g('mob-cat-dot');\n  \/* Map cat \u2192 column element *\/\n  const colMap = { skill:'col-skill', competency:'col-comp', attribute:'col-attr' };\n  const colEl  = spotlight.querySelector('.mob-col.' + colMap[cat]);\n  if(!spotlight || !srcDot || !colEl) return;\n\n  const sr  = spotlight.getBoundingClientRect();\n  const dr  = srcDot.getBoundingClientRect();\n  const cr  = colEl.getBoundingClientRect();\n\n  \/* Start: center of the locked dot in the card *\/\n  const startX = dr.left + dr.width  \/ 2 - sr.left;\n  const startY = dr.top  + dr.height \/ 2 - sr.top;\n\n  \/* End: center-top of the column header *\/\n  const endX = cr.left + cr.width  \/ 2 - sr.left;\n  const endY = cr.top  + 12 - sr.top;   \/* 12px into the column header *\/\n\n  \/* Create particle *\/\n  const p = document.createElement('div');\n  p.className = `mob-particle ${cat}`;\n  p.style.left = startX + 'px';\n  p.style.top  = startY + 'px';\n  spotlight.appendChild(p);\n\n  \/* One rAF to let browser paint at start position, then transition to end *\/\n  requestAnimationFrame(()=>{\n    requestAnimationFrame(()=>{\n      p.style.left = endX + 'px';\n      p.style.top  = endY + 'px';\n    });\n  });\n\n  \/* On arrival: plop the column, fade out particle, show chip *\/\n  setTimeout(()=>{\n    \/* Column plop *\/\n    colEl.classList.add(`plopping-${cat}`);\n    setTimeout(()=> colEl.classList.remove(`plopping-${cat}`), 420);\n\n    \/* Fade particle *\/\n    p.style.opacity = '0';\n    setTimeout(()=>{ if(p.parentNode) p.parentNode.removeChild(p); }, 220);\n\n    \/* Drop chip into grid *\/\n    const lc = g(lcId);\n    if(lc) lc.classList.add('show');\n  }, 540);   \/* matches transition duration 0.52s *\/\n}\n\n\/* Scramble chip text in card then lock *\/\nfunction mobLockChip(text, cat){\n  const el = g('mob-chip-text');\n  if(!el) return;\n  const len = text.length;\n  let prog = 0;\n  const iv = setInterval(()=>{\n    let out = '';\n    for(let i=0;i<len;i++) out += i<prog ? text[i] : rg2();\n    el.textContent = out;\n    prog += 0.45;\n    if(prog >= len){\n      clearInterval(iv);\n      el.textContent = text;\n      el.className = `mob-chip-text locked-${cat}`;\n      const dot = g('mob-cat-dot');\n      if(dot) dot.classList.add('locked');\n    }\n  },38);\n}\n\n\/* Show one spotlight card, drop chip into live grid simultaneously *\/\nfunction mobShowCard(idx, onDone){\n  const d    = SPOTLIGHT[idx];\n  const card = g('mob-card');\n  if(!card) return;\n\n  const badge   = g('mob-sec-badge');\n  const sent    = g('mob-sentence');\n  const catDot  = g('mob-cat-dot');\n  const chipTxt = g('mob-chip-text');\n  const catLbl  = g('mob-cat-label');\n\n  badge.className   = `mob-sec-badge ${d.sec}`;\n  badge.textContent = d.secTxt;\n  sent.innerHTML    = d.sentence;\n  catDot.className  = `mob-cat-dot ${d.cat}`;\n  catDot.classList.remove('locked');\n  chipTxt.className = 'mob-chip-text';\n  chipTxt.textContent = '\u2588'.repeat(d.chip.length > 14 ? 14 : d.chip.length);\n  catLbl.className  = `mob-cat-label ${d.cat}`;\n  catLbl.textContent = d.cat.charAt(0).toUpperCase()+d.cat.slice(1);\n\n  \/* Progress dots *\/\n  document.querySelectorAll('.mob-prog-dot').forEach((dot,i)=>{\n    dot.className = 'mob-prog-dot' + (i<idx ? ' done' : i===idx ? ' active' : '');\n  });\n\n  \/* Reveal card *\/\n  card.classList.remove('exit');\n  void card.offsetWidth;\n  card.classList.add('visible');\n\n  \/* After 500ms: scramble chip in card + fire particle toward column *\/\n  setTimeout(()=>{\n    mobLockChip(d.chip, d.cat);\n    \/* Short delay so chip is visibly locked before particle fires *\/\n    setTimeout(()=> fireDrop(d.cat, d.lcId), 260);\n  }, 500);\n\n  \/* Hold 1.4s then exit *\/\n  setTimeout(()=>{\n    card.classList.remove('visible');\n    card.classList.add('exit');\n    setTimeout(onDone, 300);\n  }, 1700);\n}\n\nfunction runLoopMobile(){\n  mobResetAll();\n\n  \/* Build progress dots once *\/\n  const progEl = g('mob-progress');\n  if(progEl && progEl.children.length === 0){\n    SPOTLIGHT.forEach(()=>{\n      const d = document.createElement('div');\n      d.className = 'mob-prog-dot';\n      progEl.appendChild(d);\n    });\n  }\n\n  const scanT = g('mob-scan-txt');\n  const MOBILE_LOOP = 14500;\n\n  \/* t=400: scan label *\/\n  setTimeout(()=>{\n    if(scanT){ scanT.classList.add('hot'); scanT.textContent='Extracting skills, competencies, attributes...'; }\n  },400);\n\n  \/* Cycle spotlight cards *\/\n  let idx = 0;\n  function next(){\n    if(idx >= SPOTLIGHT.length){\n      showMobFinal();\n      return;\n    }\n    mobShowCard(idx, ()=>{ idx++; setTimeout(next, 80); });\n  }\n  setTimeout(next, 750);\n\n  function showMobFinal(){\n    const card  = g('mob-card');\n    const final = g('mob-final');\n    if(card)  card.classList.remove('visible','exit');\n    if(!final) return;\n\n    document.querySelectorAll('.mob-prog-dot').forEach(d=>{ d.className='mob-prog-dot done'; });\n    if(scanT) scanT.textContent = '9 matched \u00b7 2 gaps detected';\n    final.classList.add('visible');\n  }\n\n  \/* Reset + loop *\/\n  mobLoopTimer = setTimeout(()=>{ mobResetAll(); setTimeout(runLoop, 400); }, MOBILE_LOOP);\n}\n\n\/* Boot *\/\n\n\/* \u2500\u2500 Trigger: MutationObserver on aria-hidden + class (JHCarousel.updateNav) \u2500\u2500 *\/\nvar ext2Slide = document.getElementById('jhe2_igVXwe').closest('.jh-carousel-slide');\nvar ext2Running = false;\n\nfunction ext2Start() {\n    if (ext2Running) return;\n    ext2Running = true;\n    resetAll();\n    setTimeout(runLoop, 400);\n}\nfunction ext2Stop() {\n    if (!ext2Running) return;\n    ext2Running = false;\n    resetAll();\n}\nfunction ext2IsActive() {\n    return ext2Slide.getAttribute('aria-hidden') === 'false'\n        || ext2Slide.classList.contains('is-active');\n}\n\nif (ext2Slide) {\n    new MutationObserver(function() {\n        if (ext2IsActive()) { ext2Start(); } else { ext2Stop(); }\n    }).observe(ext2Slide, { attributes: true, attributeFilter: ['aria-hidden', 'class'] });\n\n    setInterval(function() {\n        if (ext2IsActive() && !ext2Running) { ext2Start(); }\n        else if (!ext2IsActive() && ext2Running) { ext2Stop(); }\n    }, 350);\n\n    if (ext2IsActive()) ext2Start();\n}\n                        })();\n                        <\/script>\n                    <\/div>\n                <\/div>\n                <div class=\"jh-mouse-glow\"><\/div>\n            <\/div>\n\n                        <!-- Slide 04 \u2014 APPLICATION AUTOMATION -->\n            <!-- SURGICAL SWAP: video replaced with jh-extension-demo iframe -->\n            <div class=\"jh-carousel-slide\" data-index=\"3\">\n                <div class=\"jh-slide-inner bento-grid reverse\">\n                    <div class=\"bento-cell cell-content\">\n                        <h2 class=\"jh-tech-tag\">APPLICATION AUTOMATION<\/h2>\n                        <h1 class=\"jh-reveal-text\">Your Agent. Your Advocate. Your Edge.<\/h1>\n                        <p class=\"jh-prose-text\">Never waste another hour on a job application. Your profile now adapts to every form instantly, populating everything from basic info to complex answers. Stay in command with the Chrome Extension for a guided experience, or scale your outreach with an AI Agent that works while you don't.<\/p>\n                        <div class=\"jh-cta-container\">\n                            <a href=\"#\" class=\"jh-magnetic-btn\">ADD TO BROWSER<\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"bento-cell cell-visual\">\n                        <div class=\"visual-header\">\n                            <span class=\"visual-title\">Autonomous Advocacy<\/span>\n                        <\/div>\n                                                <div id=\"jhe_kgJMvX\" class=\"jh-ext-shell-wrap\">\n<div class=\"shell\">\n\n  <!-- Persistent brand header \u2014 visible on mobile only, always on top -->\n  <div class=\"mobile-header\">\n    <div class=\"sb-logo\">JUST H<span class=\"bar\" style=\"color:#60B0FF;\">|<\/span>RED<\/div>\n    <div class=\"sb-active-pill\">\n      <div class=\"sb-dot\"><\/div>\n      <span class=\"sb-active-text\">Active<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- FORM SIDE -->\n  <div class=\"form-side\">\n    <div class=\"ats-bar\">\n      <div class=\"ats-mark\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n      <\/div>\n      <span class=\"ats-bar-name\">Apex Technologies<\/span>\n      <div class=\"ats-bar-sep\"><\/div>\n      <span class=\"ats-bar-job\">Senior Software Engineer \u2014 Application<\/span>\n    <\/div>\n\n    <div class=\"ats-steps\">\n      <div class=\"ats-step active\"><div class=\"ats-step-n\">1<\/div><span>Personal Info<\/span><\/div>\n      <div class=\"ats-step-sep\"><\/div>\n      <div class=\"ats-step\"><div class=\"ats-step-n\">2<\/div><span>Experience<\/span><\/div>\n      <div class=\"ats-step-sep\"><\/div>\n      <div class=\"ats-step\"><div class=\"ats-step-n\">3<\/div><span>Documents<\/span><\/div>\n      <div class=\"ats-step-sep\"><\/div>\n      <div class=\"ats-step\"><div class=\"ats-step-n\">4<\/div><span>Review<\/span><\/div>\n    <\/div>\n\n    <div class=\"form-body\">\n      <div class=\"sec-label\">Personal Information<\/div>\n\n      <div class=\"field-grid\">\n        <div class=\"field-group\">\n          <div class=\"label-row\">\n            <label>Current Title<\/label>\n            <span class=\"badge b-ready\" id=\"b-ph\">\u26a1 Ready<\/span>\n          <\/div>\n          <input class=\"form-input\" id=\"f-ph\" type=\"text\" readonly>\n        <\/div>\n        <div class=\"field-group\">\n          <div class=\"label-row\">\n            <label>Current Employer<\/label>\n            <span class=\"badge b-ready\" id=\"b-em\">\u26a1 Ready<\/span>\n          <\/div>\n          <input class=\"form-input\" id=\"f-em\" type=\"text\" readonly>\n        <\/div>\n        <div class=\"field-group\">\n          <div class=\"label-row\">\n            <label>Desired Compensation<\/label>\n            <span class=\"badge b-ready\" id=\"b-cp\">\u26a1 Ready<\/span>\n          <\/div>\n          <input class=\"form-input\" id=\"f-cp\" type=\"text\" readonly>\n        <\/div>\n        <div class=\"field-group\">\n          <div class=\"label-row\">\n            <label>LinkedIn Profile<\/label>\n            <span class=\"badge b-ready\" id=\"b-ln\">\u26a1 Ready<\/span>\n          <\/div>\n          <input class=\"form-input\" id=\"f-ln\" type=\"text\" readonly>\n        <\/div>\n      <\/div>\n\n      <div class=\"field-full\">\n        <div class=\"label-row\">\n          <label>Authorized to work in the US?<\/label>\n          <span class=\"badge b-select\" id=\"b-au\">\u26a0 Select option<\/span>\n        <\/div>\n        <div class=\"pill-row\">\n          <div class=\"auth-pill\" id=\"pill-yes\">Yes<\/div>\n          <div class=\"auth-pill\" id=\"pill-no\">No<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"field-full\">\n        <div class=\"label-row\">\n          <label>Resume \/ CV<\/label>\n          <span class=\"badge b-resume\" id=\"b-rv\">\u2193 Resume<\/span>\n        <\/div>\n        <div class=\"upload-zone\" id=\"upload-zone\">\n          <div class=\"upload-zone-idle\">\n            <div class=\"upload-zone-icon\">\u2b06<\/div>\n            <div class=\"upload-zone-text\">Drop file here or <span>click to upload<\/span><\/div>\n            <div class=\"upload-zone-sub\">PDF, DOCX \u2014 max 10MB<\/div>\n          <\/div>\n          <div class=\"upload-zone-file\">\n            <span class=\"uf-name\">sarah_chen_resume.pdf<\/span>\n            <span class=\"uf-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"field-full\">\n        <div class=\"label-row\">\n          <label>Describe a complex problem you solved that applies to this role?<\/label>\n          <span class=\"badge b-ai\" id=\"b-ai\">\u2726 Ask AI<\/span>\n        <\/div>\n        <textarea class=\"form-textarea\" id=\"f-ai\" readonly><\/textarea>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- SIDEBAR -->\n  <div class=\"sidebar\">\n    <div class=\"sb-brand\">\n      <div class=\"sb-logo\">JUST H<span class=\"bar\">|<\/span>RED<\/div>\n      <div class=\"sb-active-pill\">\n        <div class=\"sb-dot\"><\/div>\n        <span class=\"sb-active-text\">Active<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"doc-deck\">\n      <div class=\"doc-card\">\n        <div class=\"sb-dot-blue\"><\/div>\n        <span class=\"dc-label\">Resume<\/span>\n        <span class=\"dc-arr\">\u2193<\/span>\n      <\/div>\n      <div class=\"doc-card\">\n        <div class=\"sb-dot-blue\"><\/div>\n        <span class=\"dc-label\">Cover Letter<\/span>\n        <span class=\"dc-arr\">\u2193<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"fields-panel\">\n      <div class=\"fp-bar\">\n        <div class=\"fp-bar-text\" id=\"fp-counter\">\ud83d\udccd 6 fields ready to fill<\/div>\n      <\/div>\n      <div class=\"fp-grid\">\n\n        <div class=\"fcard done\" id=\"c-ph\">\n          <div class=\"fc-label\">Current Title<\/div>\n          <div class=\"fc-val-row\">\n            <div class=\"fc-input\">Senior Software Engineer<\/div>\n            <span class=\"fc-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fcard done\" id=\"c-em\">\n          <div class=\"fc-label\">Current Employer<\/div>\n          <div class=\"fc-val-row\">\n            <div class=\"fc-input\">Stripe, Inc.<\/div>\n            <span class=\"fc-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fcard done\" id=\"c-cp\">\n          <div class=\"fc-label\">Desired Compensation<\/div>\n          <div class=\"fc-val-row\">\n            <div class=\"fc-input\">$145,000 \/ year<\/div>\n            <span class=\"fc-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fcard done\" id=\"c-ln\">\n          <div class=\"fc-label\">LinkedIn Profile<\/div>\n          <div class=\"fc-val-row\">\n            <div class=\"fc-input\">linkedin.com\/in\/sarahchen<\/div>\n            <span class=\"fc-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fcard sel-type span2\" id=\"c-au\">\n          <div class=\"fc-label\">Work Authorization<\/div>\n          <div class=\"fc-val-row\">\n            <div class=\"fc-input\" id=\"c-au-val\" style=\"color:rgba(245,158,11,0.95);font-style:italic;font-size:8.5px;font-weight:700;\">\u26a0 Select 'Yes' on page<\/div>\n            <span class=\"fc-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fcard resume-type span2\" id=\"c-rv\">\n          <div class=\"fc-label\">Resume \/ CV<\/div>\n          <div class=\"fc-val-row\">\n            <div class=\"fc-input\" id=\"c-rv-val\">\u2193 Download from profile<\/div>\n            <span class=\"fc-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fcard ai-type span2\" id=\"c-ai\">\n          <div class=\"fc-label\">Complex Problem \u2014 Ask AI<\/div>\n          <textarea class=\"fc-textarea\" id=\"fc-ai-text\" readonly><\/textarea>\n          <button class=\"ask-ai-btn\" id=\"ask-ai-btn\">\u2726 Ask AI<\/button>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"notif\" id=\"notif\">\n      <span class=\"notif-spark\">\u2726<\/span>\n      <div class=\"notif-text\">Getting smarter \u2014 saved 6 fields<\/div>\n      <div class=\"notif-dots\">\n        <div class=\"ndot\"><\/div><div class=\"ndot\"><\/div><div class=\"ndot\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"sb-actions\">\n      <button class=\"btn-submit\" id=\"btn-submit\">Submit Application<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Simulated cursor \u2014 absolutely positioned over shell -->\n  <div id=\"sim-cursor\">\n    <svg width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\">\n      <path d=\"M3.5 2L3.5 18.5L7.8 14.2L11 22L13.4 21L10.2 13.2L16.5 13.2Z\"\n        fill=\"white\" stroke=\"rgba(0,0,0,0.28)\" stroke-width=\"1.4\"\n        stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\n    <\/svg>\n    <div id=\"sim-ripple\"><\/div>\n  <\/div>\n\n<\/div>\n                        <\/div>\n                        <script>\n                        (function(){\n'use strict';\nconst g=id=>document.getElementById(id);\n\nconst inputs={cp:g('f-cp'),ln:g('f-ln'),em:g('f-em'),ph:g('f-ph')};\nconst badges={cp:g('b-cp'),ln:g('b-ln'),em:g('b-em'),ph:g('b-ph'),au:g('b-au'),rv:g('b-rv'),ai:g('b-ai')};\nconst cards={cp:g('c-cp'),ln:g('c-ln'),em:g('c-em'),ph:g('c-ph'),au:g('c-au'),rv:g('c-rv'),ai:g('c-ai')};\nconst pillYes=g('pill-yes');\nconst cAuVal=g('c-au-val');\nconst cRvVal=g('c-rv-val');\nconst uploadZone=g('upload-zone');\nconst formAI=g('f-ai');\nconst fcAiText=g('fc-ai-text');\nconst askAiBtn=g('ask-ai-btn');\nconst btnSubmit=g('btn-submit');\nconst notif=g('notif');\nconst fpCounter=g('fp-counter');\nconst simCursor=g('sim-cursor');\nconst simRipple=g('sim-ripple');\nconst shell=document.getElementById('jhe_kgJMvX').querySelector('.shell');\n\n\/* \u2500\u2500 CURSOR HELPERS \u2500\u2500 *\/\nfunction getPos(el){\n  const er=el.getBoundingClientRect();\n  const sr=shell.getBoundingClientRect();\n  return{\n    x:er.left-sr.left+er.width\/2,\n    y:er.top-sr.top+er.height\/2\n  };\n}\n\n\/* Instantly place cursor at element (no transition on position) *\/\nfunction cursorPlace(el){\n  const p=getPos(el);\n  simCursor.style.transition='none';\n  simCursor.style.left=p.x+'px';\n  simCursor.style.top=p.y+'px';\n}\n\n\/* Fade cursor in *\/\nfunction cursorShow(){\n  requestAnimationFrame(()=>{\n    simCursor.style.transition='opacity 0.28s ease';\n    simCursor.style.opacity='1';\n  });\n}\n\n\/* Smoothly move cursor to element *\/\nfunction cursorMove(el,ms){\n  const p=getPos(el);\n  simCursor.style.transition=`opacity 0.28s ease, left ${ms}ms cubic-bezier(0.4,0,0.2,1), top ${ms}ms cubic-bezier(0.4,0,0.2,1)`;\n  simCursor.style.left=p.x+'px';\n  simCursor.style.top=p.y+'px';\n}\n\n\/* Click animation \u2014 scale down + ripple *\/\nfunction cursorClick(){\n  simCursor.classList.add('pressing');\n  \/* restart ripple *\/\n  simRipple.classList.remove('fire');\n  void simRipple.offsetWidth;\n  simRipple.classList.add('fire');\n  setTimeout(()=>simCursor.classList.remove('pressing'),130);\n}\n\n\/* Hide cursor *\/\nfunction cursorHide(){\n  simCursor.style.transition='opacity 0.4s ease';\n  simCursor.style.opacity='0';\n}\n\n\/* \u2500\u2500 MOBILE PANEL SWITCHING \u2500\u2500 *\/\nconst shellEl=document.getElementById('jhe_kgJMvX').querySelector('.shell');\n\nfunction isMobile(){return window.innerWidth<=720;}\n\nfunction showPanel(which){\n  \/* 'form' or 'sidebar' *\/\n  if(which==='form'){\n    shellEl.classList.add('show-form');\n  } else {\n    shellEl.classList.remove('show-form');\n  }\n}\n\nconst FAST_FIELDS=[\n  {key:'ph',value:'Senior Software Engineer', delay:1000},\n  {key:'em',value:'Stripe, Inc.',             delay:1600},\n  {key:'cp',value:'$145,000 \/ year',          delay:2150},\n  {key:'ln',value:'linkedin.com\/in\/sarahchen',delay:2650},\n];\n\nconst AI_TEXT=\"At my previous role, I inherited a distributed cache invalidation bug affecting 15% of users. I traced the root cause to eventual consistency gaps, re-architected the write-through strategy, and reduced critical failures by 94%.\";\nconst CHAR_MS=13;\nconst LOOP_MS=11000;\nlet aiTimer=null;\n\nfunction markDone(badge){badge.className='badge b-done';badge.textContent='\u2713 Done';}\n\n\/* Auto-resize a textarea to fit its content *\/\nfunction resizeTA(el){el.style.height='auto';el.style.height=el.scrollHeight+'px';}\n\n\/* Flash white border on a button to signal click *\/\nfunction flashBtn(el){\n  el.classList.remove('btn-clicked');\n  void el.offsetWidth;\n  el.classList.add('btn-clicked');\n  setTimeout(()=>el.classList.remove('btn-clicked'),540);\n}\n\nfunction pushField(key,value){\n  const c=cards[key],i=inputs[key],b=badges[key];\n  c.classList.add('pushing');\n  setTimeout(()=>c.classList.remove('pushing'),680);\n  i.value=value;i.classList.add('filled');\n  markDone(b);\n}\n\nfunction startTyping(target,text,ms,cb){\n  let i=0;\n  aiTimer=setInterval(()=>{\n    i++;\n    target.value=text.slice(0,i);\n    resizeTA(target);\n    if(i>=text.length){clearInterval(aiTimer);aiTimer=null;if(cb)cb();}\n  },ms);\n}\n\nfunction resetAll(){\n  clearInterval(aiTimer);aiTimer=null;\n  Object.values(inputs).forEach(el=>{el.value='';el.classList.remove('filled');});\n  badges.cp.className='badge b-ready';badges.cp.textContent='\u26a1 Ready';\n  badges.ln.className='badge b-ready';badges.ln.textContent='\u26a1 Ready';\n  badges.em.className='badge b-ready';badges.em.textContent='\u26a1 Ready';\n  badges.ph.className='badge b-ready';badges.ph.textContent='\u26a1 Ready';\n  badges.au.className='badge b-select';badges.au.textContent='\u26a0 Select option';\n  badges.rv.className='badge b-resume';badges.rv.textContent='\u2193 Resume';\n  badges.ai.className='badge b-ai';badges.ai.textContent='\u2726 Ask AI';\n  pillYes.classList.remove('selected');\n  cards.au.className='fcard sel-type span2';\n  cAuVal.textContent=\"\u26a0 Select 'Yes' on page\";\n  cAuVal.style.cssText='color:rgba(245,158,11,0.95);font-style:italic;font-size:8.5px;font-weight:700;';\n  cards.rv.className='fcard resume-type span2';\n  cRvVal.textContent='\u2193 Download from profile';\n  uploadZone.classList.remove('filled');\n  formAI.value='';formAI.style.height='';formAI.classList.remove('filled');\n  fcAiText.value='';fcAiText.style.height='';\n  askAiBtn.className='ask-ai-btn';askAiBtn.textContent='\u2726 Ask AI';\n  cards.ai.className='fcard ai-type span2';\n  ['cp','ln','em','ph'].forEach(k=>cards[k].classList.remove('pushing'));\n  btnSubmit.classList.remove('success','clicking','btn-clicked');\n  btnSubmit.textContent='Submit Application';\n  if(notif) notif.classList.remove('visible');\n  btnSubmit.classList.remove('smarter');\n  showPanel('sidebar');\n  fpCounter.textContent='\ud83d\udccd 6 fields ready to fill';\n  fpCounter.style.color='';\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESKTOP LOOP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction runLoopDesktop(){\n  \/* Cursor appears on Submit *\/\n  cursorPlace(btnSubmit);\n  cursorShow();\n  setTimeout(()=>cursorMove(btnSubmit,280),350);\n\n  \/* t=600: Submit click *\/\n  setTimeout(()=>{\n    cursorClick();\n    flashBtn(btnSubmit);\n    btnSubmit.classList.add('clicking');\n    setTimeout(()=>btnSubmit.classList.remove('clicking'),230);\n  },600);\n\n  \/* t=1000\u20132650: fast fields *\/\n  FAST_FIELDS.forEach(f=>setTimeout(()=>pushField(f.key,f.value),f.delay));\n\n  \/* t=3150: work auth *\/\n  setTimeout(()=>{\n    cards.au.classList.add('sel-pulsing');\n    setTimeout(()=>{\n      cards.au.classList.remove('sel-pulsing');\n      cards.au.classList.add('done');\n      cAuVal.textContent='Yes';\n      cAuVal.style.cssText='color:rgba(255,255,255,0.65);font-style:normal;font-size:9.5px;';\n    },590);\n    pillYes.classList.add('selected');\n    markDone(badges.au);\n  },3150);\n\n  \/* t=3750: resume *\/\n  setTimeout(()=>{\n    cards.rv.classList.add('done');\n    cRvVal.textContent='sarah_chen_resume.pdf';\n    uploadZone.classList.add('filled');\n    markDone(badges.rv);\n  },3750);\n\n  \/* t=3900: cursor glides to Ask AI *\/\n  setTimeout(()=>cursorMove(askAiBtn,400),3900);\n\n  \/* t=4350: Ask AI click *\/\n  setTimeout(()=>{\n    cursorClick();\n    flashBtn(askAiBtn);\n    cards.ai.classList.add('ai-pulsing');\n    setTimeout(()=>cards.ai.classList.remove('ai-pulsing'),640);\n    askAiBtn.className='ask-ai-btn generating';\n    askAiBtn.textContent='\u2726 Generating...';\n    formAI.classList.add('filled');\n    startTyping(fcAiText,AI_TEXT,CHAR_MS,()=>{\n      formAI.value=AI_TEXT;\n      resizeTA(formAI);\n      markDone(badges.ai);\n      cards.ai.classList.add('done');\n      askAiBtn.className='ask-ai-btn recreate';\n      askAiBtn.textContent='\u2726 Recreate';\n    });\n  },4350);\n\n  \/* t=7600: counter done *\/\n  setTimeout(()=>{\n    fpCounter.textContent='\u2713 6 of 6 fields filled';\n    fpCounter.style.color='rgba(34,197,94,0.7)';\n  },7600);\n\n  \/* t=8100: submit success *\/\n  setTimeout(()=>{\n    flashBtn(btnSubmit);\n    btnSubmit.classList.add('success');\n    btnSubmit.textContent='\u2713 Submitted!';\n  },8100);\n\n  \/* t=8700: notification *\/\n  setTimeout(()=>{ btnSubmit.classList.remove('success'); btnSubmit.classList.add('smarter'); btnSubmit.textContent='\u2726 Getting smarter \u2014 saved 6 fields'; },8700);\n\n  \/* t=9400: cursor out *\/\n  setTimeout(()=>cursorHide(),9400);\n\n  \/* t=11000: reset + loop *\/\n  setTimeout(()=>{resetAll();setTimeout(runLoop,500);},LOOP_MS);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOBILE LOOP\n   Sequence:\n   0s    \u2014 Sidebar, Ask AI in view\n   0.6s  \u2014 Ask AI click \u2192 sidebar typewriter starts\n   2.35s \u2014 Switch to form\n   2.35s \u2014 Cascade fills + formAI typewriter simultaneously\n   4.85s \u2014 Work auth\n   5.45s \u2014 Resume\n   6.2s  \u2014 Counter done\n   6.8s  \u2014 Back to sidebar\n   7.1s  \u2014 Submit click\n   7.5s  \u2014 Success state\n   8.1s  \u2014 Notification\n   10s   \u2014 Reset\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst MOBILE_LOOP_MS=10500;\n\nfunction runLoopMobile(){\n\n  \/* t=600: Ask AI click \u2014 sidebar typewriter starts *\/\n  setTimeout(()=>{\n    flashBtn(askAiBtn);\n    cards.ai.classList.add('ai-pulsing');\n    setTimeout(()=>cards.ai.classList.remove('ai-pulsing'),640);\n    askAiBtn.className='ask-ai-btn generating';\n    askAiBtn.textContent='\u2726 Generating...';\n    \/* Start typing in sidebar; we'll stop it when switching to form *\/\n    startTyping(fcAiText,AI_TEXT,CHAR_MS,()=>{\n      cards.ai.classList.add('done');\n      askAiBtn.className='ask-ai-btn recreate';\n      askAiBtn.textContent='\u2726 Recreate';\n    });\n  },600);\n\n  \/* t=2350: switch to form, cascade fills + formAI typewriter together *\/\n  setTimeout(()=>{\n    showPanel('form');\n    formAI.classList.add('filled');\n\n    \/* Cascade quick fields starting immediately *\/\n    const mobileFields=[\n      {key:'ph',value:'Senior Software Engineer', delay:0},\n      {key:'em',value:'Stripe, Inc.',             delay:550},\n      {key:'cp',value:'$145,000 \/ year',          delay:1100},\n      {key:'ln',value:'linkedin.com\/in\/sarahchen',delay:1650},\n    ];\n    mobileFields.forEach(f=>setTimeout(()=>pushField(f.key,f.value),f.delay));\n\n    \/* formAI typewriter starts simultaneously *\/\n    startTyping(formAI,AI_TEXT,CHAR_MS,()=>{\n      markDone(badges.ai);\n    });\n  },2350);\n\n  \/* t=4850: work auth *\/\n  setTimeout(()=>{\n    cards.au.classList.add('sel-pulsing');\n    setTimeout(()=>{\n      cards.au.classList.remove('sel-pulsing');\n      cards.au.classList.add('done');\n      cAuVal.textContent='Yes';\n      cAuVal.style.cssText='color:rgba(255,255,255,0.65);font-style:normal;font-size:9.5px;';\n    },590);\n    pillYes.classList.add('selected');\n    markDone(badges.au);\n  },4850);\n\n  \/* t=5450: resume *\/\n  setTimeout(()=>{\n    cards.rv.classList.add('done');\n    cRvVal.textContent='sarah_chen_resume.pdf';\n    uploadZone.classList.add('filled');\n    markDone(badges.rv);\n  },5450);\n\n  \/* t=6200: counter done *\/\n  setTimeout(()=>{\n    fpCounter.textContent='\u2713 6 of 6 fields filled';\n    fpCounter.style.color='rgba(34,197,94,0.7)';\n  },6200);\n\n  \/* t=6800: back to sidebar for submit *\/\n  setTimeout(()=>showPanel('sidebar'),6800);\n\n  \/* t=7100: submit click *\/\n  setTimeout(()=>{\n    flashBtn(btnSubmit);\n    btnSubmit.classList.add('clicking');\n    setTimeout(()=>btnSubmit.classList.remove('clicking'),230);\n  },7100);\n\n  \/* t=7500: success *\/\n  setTimeout(()=>{\n    btnSubmit.classList.add('success');\n    btnSubmit.textContent='\u2713 Submitted!';\n  },7500);\n\n  \/* t=8100: notification *\/\n  setTimeout(()=>{ btnSubmit.classList.remove('success'); btnSubmit.classList.add('smarter'); btnSubmit.textContent='\u2726 Getting smarter \u2014 saved 6 fields'; },8100);\n\n  \/* t=10500: reset + loop *\/\n  setTimeout(()=>{resetAll();setTimeout(runLoop,500);},MOBILE_LOOP_MS);\n}\n\n\/* \u2500\u2500 Entry point \u2014 branches on viewport width \u2500\u2500 *\/\nfunction runLoop(){\n  if(isMobile()) runLoopMobile();\n  else runLoopDesktop();\n}\n\n\/* \u2500\u2500 Trigger: MutationObserver on aria-hidden + class (JHCarousel.updateNav) \u2500\u2500 *\/\nvar extSlide = document.getElementById('jhe_kgJMvX').closest('.jh-carousel-slide');\nvar extRunning = false;\n\nfunction extStart() {\n    if (extRunning) return;\n    extRunning = true;\n    resetAll();\n    setTimeout(runLoop, 400);\n}\nfunction extStop() {\n    if (!extRunning) return;\n    extRunning = false;\n    resetAll();\n}\nfunction extIsActive() {\n    return extSlide.getAttribute('aria-hidden') === 'false'\n        || extSlide.classList.contains('is-active');\n}\n\nif (extSlide) {\n    new MutationObserver(function() {\n        if (extIsActive()) { extStart(); } else { extStop(); }\n    }).observe(extSlide, { attributes: true, attributeFilter: ['aria-hidden', 'class'] });\n\n    setInterval(function() {\n        if (extIsActive() && !extRunning) { extStart(); }\n        else if (!extIsActive() && extRunning) { extStop(); }\n    }, 350);\n\n    if (extIsActive()) extStart();\n}\n        })();\n        <\/script>\n                    <\/div>\n                <\/div>\n                <div class=\"jh-mouse-glow\"><\/div>\n            <\/div>\n            <!-- END SURGICAL SWAP -->\n\n                        \n\n        <\/div>\n    <\/div>\n\n    <!-- Tactical Status Bar Navigation -->\n    <div class=\"jh-nav-wrapper\">\n        <div class=\"jh-nav-item\" data-seg=\"0\">\n            <button class=\"jh-nav-label\">OPTIMIZATION<\/button>\n            <div class=\"jh-bar-segment\"><div class=\"jh-bar-fill\"><\/div><\/div>\n        <\/div>\n        <div class=\"jh-nav-item\" data-seg=\"1\">\n            <button class=\"jh-nav-label\">DIAGNOSTIC<\/button>\n            <div class=\"jh-bar-segment\"><div class=\"jh-bar-fill\"><\/div><\/div>\n        <\/div>\n        <div class=\"jh-nav-item\" data-seg=\"2\">\n            <button class=\"jh-nav-label\">DECRYPTION<\/button>\n            <div class=\"jh-bar-segment\"><div class=\"jh-bar-fill\"><\/div><\/div>\n        <\/div>\n        <div class=\"jh-nav-item\" data-seg=\"3\">\n            <button class=\"jh-nav-label\">AUTOMATATION<\/button>\n            <div class=\"jh-bar-segment\"><div class=\"jh-bar-fill\"><\/div><\/div>\n        <\/div>\n                        <div class=\"jh-nav-index\">\n            [ <span class=\"jh-current-index\">01<\/span> \/ 04 ]\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Geist+Mono:wght@400&family=Inter+Tight:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap');\n\n@media (min-width: 1025px) {\n    #jh_carousel_WoBpSa, #jh_carousel_WoBpSa * { box-sizing: border-box; }\n\n    #jh_carousel_WoBpSa {\n        --bg: #050505;\n        --accent: #60b0ff;\n        --glass: rgba(255, 255, 255, 0.03);\n        --glass-border: rgba(255, 255, 255, 0.08);\n        --font-prose: 'Inter Tight', 'Inter', sans-serif;\n        --font-tech: 'Geist Mono', monospace;\n        position: relative;\n        background: var(--bg);\n        overflow: hidden;\n        color: #fff;\n        height: 100vh;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n        \/* Full-Bleed Fix for Elementor *\/\n        width: 100vw;\n        margin-left: 50%;\n        transform: translateX(-50%);\n    }\n\n    #jh_carousel_WoBpSa .jh-mesh-bg {\n        position: absolute;\n        inset: 0;\n        background: radial-gradient(circle at 20% 30%, rgba(5, 84, 242, 0.15) 0%, transparent 40%),\n                    radial-gradient(circle at 80% 70%, rgba(96, 176, 255, 0.1) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(10, 10, 10, 1) 0%, transparent 100%);\n        animation: jh_mesh_drift 20s infinite alternate ease-in-out;\n        z-index: 0;\n    }\n\n\n    #jh_carousel_WoBpSa .jh-noise-overlay {\n        position: absolute;\n        inset: 0;\n        opacity: 0.03;\n        pointer-events: none;\n        background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n        z-index: 1;\n    }\n\n    #jh_carousel_WoBpSa .jh-carousel-header {\n        position: relative;\n        z-index: 10;\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 20px 40px 0;\n        flex-shrink: 0;\n    }\n\n    #jh_carousel_WoBpSa .jh-header-meta {\n        display: flex;\n        gap: 30px;\n        opacity: 0.7;\n        margin-bottom: 10px;\n    }\n\n    #jh_carousel_WoBpSa .jh-section-title {\n        font-family: var(--font-prose);\n        font-size: clamp(24px, 4vh, 40px);\n        font-weight: 700;\n        letter-spacing: -0.02em;\n        margin: 0;\n        background: linear-gradient(to right, #fff, rgba(255,255,255,0.7));\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    #jh_carousel_WoBpSa .jh-tech-text {\n        font-family: var(--font-tech);\n        font-size: 10px;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n    }\n\n    #jh_carousel_WoBpSa .jh-accent { color: var(--accent); }\n\n    #jh_carousel_WoBpSa .jh-carousel-container {\n        position: relative;\n        z-index: 5;\n        width: 100%;\n        flex-grow: 1;\n        min-height: 0;\n        display: flex;\n        align-items: center;\n        margin: 12px 0;\n    }\n\n    #jh_carousel_WoBpSa .jh-carousel-track {\n        display: flex;\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-snap-type: x mandatory;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        padding: 0 10vw;\n        gap: 100px;\n        height: 100%;\n        align-items: center;\n    }\n\n    #jh_carousel_WoBpSa .jh-carousel-track::-webkit-scrollbar { display: none; }\n\n    #jh_carousel_WoBpSa .jh-carousel-slide {\n        min-width: 80vw;\n        height: 100%;\n        scroll-snap-align: center;\n        position: relative;\n        padding: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n    }\n\n    #jh_carousel_WoBpSa .jh-slide-inner {\n        background: var(--glass);\n        backdrop-filter: blur(30px);\n        border: 1px solid var(--glass-border);\n        border-radius: 40px;\n        padding: clamp(20px, 4vh, 40px);\n        display: grid;\n        grid-template-columns: 1.35fr 0.65fr;\n        gap: 30px;\n        align-items: stretch;\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n        height: 88vh;\n        max-height: 88vh;\n        opacity: 0;\n        transform: translateX(100px);\n        transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\n    }\n\n    #jh_carousel_WoBpSa .jh-carousel-slide.is-active .jh-slide-inner {\n        opacity: 1;\n        transform: translateX(0);\n    }\n\n    #jh_carousel_WoBpSa .bento-grid.reverse { grid-template-columns: 0.65fr 1.35fr; }\n\n    #jh_carousel_WoBpSa .visual-header {\n        display: flex;\n        justify-content: space-between;\n        margin-bottom: 20px;\n        position: relative;\n    }\n\n    #jh_carousel_WoBpSa .visual-title {\n        font-family: var(--font-tech);\n        font-size: 10px;\n        color: rgba(255,255,255,0.3);\n        letter-spacing: 3px;\n        text-transform: uppercase;\n    }\n\n    #jh_carousel_WoBpSa .video-container {\n        width: 100%;\n        height: 100%;\n        background: #000;\n        border: 1px solid var(--glass-border);\n        border-radius: 20px;\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 40px 100px rgba(0,0,0,0.6);\n    }\n\n    #jh_carousel_WoBpSa .cell-visual {\n        display: flex;\n        flex-direction: column;\n    }\n\n    #jh_carousel_WoBpSa .cell-visual .video-container {\n        flex: 1;\n        height: auto;\n        min-height: 0;\n    }\n\n    #jh_carousel_WoBpSa .cell-content {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    #jh_carousel_WoBpSa .hud-corner {\n        position: absolute;\n        width: 15px;\n        height: 15px;\n        border: 1px solid var(--accent);\n        opacity: 0.5;\n    }\n\n    #jh_carousel_WoBpSa .top-left { top: -5px; left: -5px; border-right: 0; border-bottom: 0; }\n    #jh_carousel_WoBpSa .top-right { top: -5px; right: -5px; border-left: 0; border-bottom: 0; }\n    #jh_carousel_WoBpSa .bottom-left { bottom: -5px; left: -5px; border-right: 0; border-top: 0; }\n    #jh_carousel_WoBpSa .bottom-right { bottom: -5px; right: -5px; border-left: 0; border-top: 0; }\n\n    #jh_carousel_WoBpSa .saas-video-element {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        z-index: 2;\n    }\n\n    #jh_carousel_WoBpSa .scanline {\n        position: absolute;\n        top: -100%;\n        left: 0;\n        width: 100%;\n        height: 100px;\n        background: linear-gradient(to bottom, transparent, rgba(96, 176, 255, 0.05), transparent);\n        animation: jh_scanline 4s linear infinite;\n        pointer-events: none;\n    }\n\n    @keyframes jh_scanline {\n        0% { top: -100%; }\n        100% { top: 200%; }\n    }\n\n    #jh_carousel_WoBpSa .skeleton-loader {\n        position: absolute;\n        inset: 0;\n        background: radial-gradient(circle at center, #111 0%, #000 100%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    #jh_carousel_WoBpSa .schematic-ui {\n        width: 80%;\n        height: 60%;\n        border: 1px dashed rgba(96, 176, 255, 0.2);\n        position: relative;\n    }\n\n    #jh_carousel_WoBpSa .schematic-ui::before {\n        content: '';\n        position: absolute;\n        inset: 20%;\n        border: 1px solid rgba(96, 176, 255, 0.1);\n    }\n\n    #jh_carousel_WoBpSa .jh-tech-tag {\n        font-family: var(--font-tech);\n        font-size: 13px;\n        color: var(--accent);\n        margin-bottom: 25px;\n        letter-spacing: 4px;\n        text-transform: uppercase;\n    }\n\n    #jh_carousel_WoBpSa h1 {\n        font-family: var(--font-prose);\n        font-size: clamp(24px, 3vh, 48px);\n        font-weight: 800;\n        line-height: 1.1;\n        margin-bottom: clamp(10px, 2vh, 30px);\n        letter-spacing: -0.04em;\n        background: linear-gradient(to right, #fff, #999);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    #jh_carousel_WoBpSa .jh-prose-text {\n        font-family: var(--font-prose);\n        font-size: clamp(14px, 1.8vh, 18px);\n        color: rgba(255,255,255,0.6);\n        line-height: 1.6;\n        margin-bottom: clamp(15px, 3vh, 40px);\n        max-width: 500px;\n    }\n\n    #jh_carousel_WoBpSa .jh-reveal-text {\n        mask-image: linear-gradient(to right, black 0%, black 100%);\n        mask-size: 200% 100%;\n        mask-position: 100% 0;\n        transition: mask-position 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    #jh_carousel_WoBpSa .jh-carousel-slide.is-active .jh-reveal-text {\n        mask-position: 0 0;\n    }\n\n    #jh_carousel_WoBpSa .jh-cta-container { display: inline-block; }\n\n    #jh_carousel_WoBpSa .jh-magnetic-btn {\n        display: inline-block;\n        background: #fff;\n        color: #000;\n        padding: 20px 40px;\n        border-radius: 12px;\n        font-family: var(--font-tech);\n        font-size: 12px;\n        font-weight: 700;\n        text-decoration: none;\n        letter-spacing: 2px;\n        transition: background 0.3s, transform 0.1s ease-out;\n        position: relative;\n        z-index: 2;\n    }\n\n    #jh_carousel_WoBpSa .jh-magnetic-btn:hover { background: var(--accent); }\n\n    #jh_carousel_WoBpSa .jh-mouse-glow {\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle at center, rgba(96, 176, 255, 0.08) 0%, transparent 70%);\n        pointer-events: none;\n        z-index: 1;\n        transform: translate(-50%, -50%);\n        opacity: 0;\n        transition: opacity 0.5s;\n    }\n\n    #jh_carousel_WoBpSa .jh-carousel-slide:hover .jh-mouse-glow { opacity: 1; }\n\n    #jh_carousel_WoBpSa .jh-nav-wrapper {\n        width: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 40px 20px;\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        column-gap: 10px;\n        row-gap: 8px;\n        position: relative;\n        z-index: 20;\n        box-sizing: border-box;\n        flex-shrink: 0;\n    }\n\n    #jh_carousel_WoBpSa .jh-nav-item {\n        display: contents;\n    }\n\n    #jh_carousel_WoBpSa .jh-nav-label {\n        grid-row: 1;\n        justify-self: center;\n        background: none;\n        border: none;\n        color: rgba(255,255,255,0.3);\n        font-family: var(--font-tech);\n        font-size: 10px;\n        letter-spacing: 2px;\n        cursor: pointer;\n        transition: color 0.3s;\n        padding: 0;\n    }\n\n    #jh_carousel_WoBpSa .jh-nav-item:first-child .jh-nav-label { justify-self: start; }\n    #jh_carousel_WoBpSa .jh-nav-item:nth-child(4) .jh-nav-label { justify-self: end; }\n\n    #jh_carousel_WoBpSa .jh-nav-label:hover,\n    #jh_carousel_WoBpSa .jh-nav-item.is-current .jh-nav-label {\n        color: var(--accent);\n    }\n\n    #jh_carousel_WoBpSa .jh-bar-segment {\n        grid-row: 2;\n        height: 2px;\n        width: 100%;\n        position: relative;\n        background: rgba(255,255,255,0.1);\n        overflow: hidden;\n    }\n\n    #jh_carousel_WoBpSa .jh-bar-fill {\n        position: absolute;\n        inset: 0;\n        background: var(--accent);\n        width: var(--progress, 0%);\n        transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    #jh_carousel_WoBpSa .jh-nav-item:hover .jh-bar-fill,\n    #jh_carousel_WoBpSa .jh-nav-item.active .jh-bar-fill {\n        --progress: 100% !important;\n    }\n\n    #jh_carousel_WoBpSa .jh-nav-item.active .jh-bar-fill {\n        box-shadow: 0 0 15px var(--accent);\n    }\n\n    #jh_carousel_WoBpSa .jh-nav-index {\n        grid-row: 3;\n        grid-column: 1 \/ -1;\n        text-align: right;\n        font-family: var(--font-tech);\n        font-size: 12px;\n        color: rgba(255,255,255,0.4);\n        letter-spacing: 2px;\n    }\n    \n    #jh_carousel_WoBpSa .jh-current-index {\n        color: var(--accent);\n    }\n\n    \/* Pivot: Custom Tactical Cursors (Path-based Chevrons for Stability) *\/\n    #jh_carousel_WoBpSa.cursor-prev,\n    #jh_carousel_WoBpSa.cursor-prev *:not(a):not(button):not(.jh-magnetic-btn):not(.jh-nav-item):not(.jh-nav-label) {\n        cursor: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M30 12 L18 24 L30 36' stroke='%2360b0ff' stroke-width='4' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") 24 24, w-resize !important;\n    }\n    #jh_carousel_WoBpSa.cursor-next,\n    #jh_carousel_WoBpSa.cursor-next *:not(a):not(button):not(.jh-magnetic-btn):not(.jh-nav-item):not(.jh-nav-label) {\n        cursor: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M18 12 L30 24 L18 36' stroke='%2360b0ff' stroke-width='4' fill='none' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") 24 24, e-resize !important;\n    }\n\n\n}\n\n\n\n\n\n#jhe_kgJMvX .shell {display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative;}\n\n\n\/* \u2500\u2500 SIMULATED CURSOR \u2500\u2500 *\/\n#jhe_kgJMvX #sim-cursor {\n  position:absolute;\n  pointer-events:none;\n  z-index:200;\n  opacity:0;\n  \/* left\/top driven by JS; transition set dynamically per move *\/\n  transition:opacity 0.28s ease;\n  \/* hotspot at tip of arrow = top-left corner of SVG *\/\n}\n\n#jhe_kgJMvX #sim-cursor svg {\n  display:block;\n  filter:drop-shadow(0px 1px 3px rgba(0,0,0,0.55));\n  transition:transform 0.1s ease;\n  transform-origin:3px 2px;\n}\n\n#jhe_kgJMvX #sim-cursor.pressing svg {transform:scale(0.78);}\n\n\n#jhe_kgJMvX #sim-ripple {\n  position:absolute;\n  top:0;left:0;\n  width:16px;height:16px;\n  margin:-8px 0 0 -8px;\n  border-radius:50%;\n  background:rgba(255,255,255,0.55);\n  opacity:0;transform:scale(0);\n  pointer-events:none;\n}\n\n@keyframes jhe_jhe_ripple-out{\n  0%  {opacity:0.65;transform:scale(0);}\n  100%{opacity:0;transform:scale(4);}\n}\n\n#jhe_kgJMvX #sim-ripple.fire {animation:jhe_ripple-out 0.42s ease-out forwards;}\n\n\n\/* \u2500\u2500 FORM SIDE \u2500\u2500 *\/\n#jhe_kgJMvX .form-side {flex:1;background:#f1f4f8;display:flex;flex-direction:column;overflow:hidden;}\n\n\n#jhe_kgJMvX .ats-bar {background:#1c2b4a;padding:6px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0;}\n\n#jhe_kgJMvX .ats-mark {width:26px;height:26px;background:rgba(255,255,255,0.12);border-radius:5px;display:flex;align-items:center;justify-content:center;}\n\n#jhe_kgJMvX .ats-mark svg {width:13px;height:13px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}\n\n#jhe_kgJMvX .ats-bar-name {font-size:10.5px;font-weight:600;color:rgba(255,255,255,0.7);letter-spacing:0.04em;text-transform:uppercase;}\n\n#jhe_kgJMvX .ats-bar-sep {width:1px;height:13px;background:rgba(255,255,255,0.12);margin:0 3px;}\n\n#jhe_kgJMvX .ats-bar-job {font-size:10.5px;font-weight:500;color:rgba(255,255,255,0.45);}\n\n\n#jhe_kgJMvX .ats-steps {background:#fff;border-bottom:1px solid #e2e6ec;padding:5px 14px;display:flex;align-items:center;flex-shrink:0;}\n\n#jhe_kgJMvX .ats-step {display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:500;color:#9ca3af;}\n\n#jhe_kgJMvX .ats-step.active {color:#2563eb;}\n\n#jhe_kgJMvX .ats-step-n {width:17px;height:17px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:700;flex-shrink:0;}\n\n#jhe_kgJMvX .ats-step.active .ats-step-n {background:#2563eb;border-color:#2563eb;color:#fff;}\n\n#jhe_kgJMvX .ats-step-sep {width:22px;height:1px;background:#e2e6ec;margin:0 5px;}\n\n\n#jhe_kgJMvX .form-body {flex:1;padding:10px 14px;overflow-y:auto;scrollbar-width:none;}\n\n#jhe_kgJMvX .form-body::-webkit-scrollbar {display:none;}\n\n\n#jhe_kgJMvX .sec-label {font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #e2e6ec;}\n\n\n#jhe_kgJMvX .field-grid {display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px;}\n\n#jhe_kgJMvX .field-full {margin-bottom:6px;}\n\n#jhe_kgJMvX .field-group {position:relative;}\n\n\n#jhe_kgJMvX .label-row {display:flex;align-items:flex-start;gap:6px;margin-bottom:2px;flex-wrap:nowrap;}\n\n#jhe_kgJMvX .label-row label {font-size:11px;font-weight:500;color:#4b5563;line-height:1.3;flex:1;min-width:0;}\n\n#jhe_kgJMvX .label-row .badge {flex-shrink:0;}\n\n\n\/* BADGES *\/\n#jhe_kgJMvX .badge {\n  display:inline-flex;align-items:center;gap:3px;\n  font-size:9.5px;font-weight:600;\n  padding:2px 7px;border-radius:6px;\n  white-space:nowrap;position:relative;line-height:1.5;\n  transition:background 0.35s ease,color 0.35s ease,box-shadow 0.35s ease;\n}\n\n#jhe_kgJMvX .badge::before {\n  content:'';position:absolute;bottom:-4px;left:8px;\n  width:0;height:0;\n  border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid transparent;\n  transition:border-top-color 0.35s ease;\n}\n\n#jhe_kgJMvX .badge.b-ready {background:#334155;color:rgba(255,255,255,0.72);}\n\n#jhe_kgJMvX .badge.b-ready::before {border-top-color:#334155;}\n\n#jhe_kgJMvX .badge.b-select {background:#F59E0B;color:#1a1000;font-weight:700;}\n\n#jhe_kgJMvX .badge.b-select::before {border-top-color:#F59E0B;}\n\n#jhe_kgJMvX .badge.b-ai {background:linear-gradient(135deg,#3B82F6,#6366F1);color:#fff;}\n\n#jhe_kgJMvX .badge.b-ai::before {border-top-color:#3B82F6;}\n\n#jhe_kgJMvX .badge.b-resume {background:#2563EB;color:#fff;}\n\n#jhe_kgJMvX .badge.b-resume::before {border-top-color:#2563EB;}\n\n#jhe_kgJMvX .badge.b-done {background:rgba(16,185,129,0.88);color:#fff;box-shadow:0 0 8px rgba(16,185,129,0.2);}\n\n#jhe_kgJMvX .badge.b-done::before {border-top-color:rgba(16,185,129,0.88);}\n\n\n#jhe_kgJMvX .form-input {width:100%;height:26px;padding:0 10px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;color:#111827;font-family:'Inter',sans-serif;outline:none;transition:border-color 0.35s,box-shadow 0.35s,background 0.35s;}\n\n#jhe_kgJMvX .form-input.filled {border-color:rgba(34,197,94,0.55);background:rgba(240,253,244,0.75);box-shadow:0 0 0 3px rgba(34,197,94,0.1);}\n\n\n#jhe_kgJMvX .form-textarea {width:100%;min-height:68px;height:auto;padding:8px 10px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;color:#111827;font-family:'Inter',sans-serif;outline:none;resize:none;line-height:1.55;overflow:hidden;transition:border-color 0.35s,box-shadow 0.35s,background 0.35s;}\n\n#jhe_kgJMvX .form-textarea.filled {border-color:rgba(34,197,94,0.55);background:rgba(240,253,244,0.75);box-shadow:0 0 0 3px rgba(34,197,94,0.1);}\n\n\n#jhe_kgJMvX .upload-zone {border:1.5px dashed #cbd5e1;border-radius:8px;background:#fff;padding:6px;text-align:center;transition:border-color 0.35s,background 0.35s,box-shadow 0.35s;}\n\n#jhe_kgJMvX .upload-zone-icon {font-size:18px;margin-bottom:3px;color:#9ca3af;}\n\n#jhe_kgJMvX .upload-zone-text {font-size:11px;color:#9ca3af;}\n\n#jhe_kgJMvX .upload-zone-text span {color:#2563eb;font-weight:500;}\n\n#jhe_kgJMvX .upload-zone-sub {font-size:9.5px;color:#c0c7d0;margin-top:2px;}\n\n#jhe_kgJMvX .upload-zone.filled {border-color:rgba(34,197,94,0.55);border-style:solid;background:rgba(240,253,244,0.75);box-shadow:0 0 0 3px rgba(34,197,94,0.1);}\n\n#jhe_kgJMvX .upload-zone-file {display:none;align-items:center;justify-content:center;gap:7px;}\n\n#jhe_kgJMvX .upload-zone.filled .upload-zone-idle {display:none;}\n\n#jhe_kgJMvX .upload-zone.filled .upload-zone-file {display:flex;}\n\n#jhe_kgJMvX .uf-name {font-size:11px;font-weight:500;color:#15803d;}\n\n#jhe_kgJMvX .uf-check {font-size:13px;color:#22c55e;}\n\n\n#jhe_kgJMvX .pill-row {display:flex;gap:7px;margin-top:1px;}\n\n#jhe_kgJMvX .auth-pill {padding:3px 14px;border-radius:20px;border:1.5px solid #d1d5db;background:#fff;font-size:11.5px;font-weight:500;color:#4b5563;cursor:default;user-select:none;transition:all 0.35s ease;line-height:1;}\n\n#jhe_kgJMvX .auth-pill.selected {border-color:rgba(34,197,94,0.55);background:rgba(240,253,244,0.8);color:#15803d;box-shadow:0 0 0 3px rgba(34,197,94,0.1);}\n\n\n\/* \u2500\u2500 SIDEBAR \u2500\u2500 *\/\n#jhe_kgJMvX .sidebar {width:300px;min-width:300px;background:#0d1117;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,0.06);box-shadow:-14px 0 40px rgba(0,0,0,0.55);}\n\n\n#jhe_kgJMvX .sb-brand {padding:9px 13px 7px;border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}\n\n#jhe_kgJMvX .sb-logo {font-size:12px;font-weight:800;color:#fff;letter-spacing:-0.2px;}\n\n#jhe_kgJMvX .sb-logo .bar {color:#60B0FF;}\n\n#jhe_kgJMvX .sb-active-pill {display:flex;align-items:center;gap:5px;background:rgba(5,84,242,0.1);border:1px solid rgba(5,84,242,0.2);border-radius:12px;padding:3px 9px;}\n\n#jhe_kgJMvX .sb-dot {width:5px;height:5px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,0.7);animation:jhe_pdot 2s ease-in-out infinite;}\n\n#jhe_kgJMvX .sb-dot-blue {width:5px;height:5px;border-radius:50%;background:#0554F2;box-shadow:0 0 6px rgba(5,84,242,0.7);animation:jhe_pdot 2.4s ease-in-out infinite;flex-shrink:0;}\n\n@keyframes jhe_jhe_pdot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.4;transform:scale(0.65);}}\n\n#jhe_kgJMvX .sb-active-text {font-family:'JetBrains Mono',monospace;font-size:7.5px;font-weight:600;letter-spacing:0.14em;color:rgba(96,176,255,0.65);text-transform:uppercase;}\n\n\n#jhe_kgJMvX .doc-deck {display:flex;gap:6px;padding:7px 11px;border-bottom:1px solid rgba(255,255,255,0.05);flex-shrink:0;}\n\n#jhe_kgJMvX .doc-card {flex:1;background:#161d2b;border:1px solid rgba(255,255,255,0.07);border-radius:6px;padding:5px 8px;display:flex;align-items:center;gap:5px;}\n\n#jhe_kgJMvX .dc-label {font-family:'JetBrains Mono',monospace;font-size:7.5px;font-weight:600;letter-spacing:0.15em;color:rgba(255,255,255,0.88);text-transform:uppercase;flex:1;}\n\n#jhe_kgJMvX .dc-arr {font-size:9.5px;color:#60B0FF;}\n\n\n#jhe_kgJMvX .fields-panel {flex:0 0 auto;margin:5px 9px 6px;background:#111827;border:1px solid #374151;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;}\n\n#jhe_kgJMvX .fp-bar {padding:5px 11px;background:rgba(31,41,55,0.65);border-bottom:1px solid rgba(55,65,81,0.5);text-align:center;flex-shrink:0;}\n\n#jhe_kgJMvX .fp-bar-text {font-family:'JetBrains Mono',monospace;font-size:7.5px;font-weight:500;letter-spacing:0.1em;color:rgba(255,255,255,0.88);transition:color 0.4s ease;}\n\n\n#jhe_kgJMvX .fp-grid {display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:6px;overflow:hidden;min-width:0;align-content:start;}\n\n\n#jhe_kgJMvX .fcard {background:#1f2937;border:1px solid rgba(255,255,255,0.06);border-radius:6px;padding:5px 7px 8px;transition:border-color 0.4s ease,box-shadow 0.4s ease,background 0.4s ease;min-width:0;overflow:hidden;}\n\n#jhe_kgJMvX .fcard.done {border-color:rgba(34,197,94,0.22);}\n\n#jhe_kgJMvX .fcard.span2 {grid-column:span 2;}\n\n\n#jhe_kgJMvX .fc-label {font-size:7.5px;font-weight:600;color:rgba(255,255,255,0.88);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:4px;}\n\n#jhe_kgJMvX .fc-val-row {display:flex;align-items:center;gap:4px;}\n\n#jhe_kgJMvX .fc-input {flex:1;background:#111827;border:1px solid #374151;border-radius:4px;padding:2px 5px;font-size:9.5px;color:rgba(255,255,255,0.65);font-family:'Inter',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:color 0.3s,border-color 0.35s;}\n\n#jhe_kgJMvX .fc-check {font-size:9.5px;font-weight:700;color:#22c55e;opacity:0;transition:opacity 0.35s ease;flex-shrink:0;}\n\n#jhe_kgJMvX .fcard.done .fc-check {opacity:1;}\n\n\n#jhe_kgJMvX .fcard.sel-type {border:1px dashed rgba(232,135,14,0.38);background:rgba(31,41,55,0.45);}\n\n#jhe_kgJMvX .fcard.sel-type.done {border:1px solid rgba(34,197,94,0.22);background:#1f2937;}\n\n\n#jhe_kgJMvX .fcard.resume-type {border:1px solid rgba(37,99,235,0.28);background:rgba(37,99,235,0.06);}\n\n#jhe_kgJMvX .fcard.resume-type .fc-input {color:rgba(96,176,255,0.55);font-style:italic;font-size:8.5px;}\n\n#jhe_kgJMvX .fcard.resume-type.done {border-color:rgba(34,197,94,0.22);background:#1f2937;}\n\n#jhe_kgJMvX .fcard.resume-type.done .fc-input {color:rgba(255,255,255,0.65);font-style:normal;font-size:9.5px;}\n\n\n#jhe_kgJMvX .fcard.ai-type {border:1px solid rgba(99,102,241,0.28);background:rgba(99,102,241,0.04);padding:3px 5px 2px;}\n\n#jhe_kgJMvX .fcard.ai-type.done {border-color:rgba(34,197,94,0.22);}\n\n\n#jhe_kgJMvX .fc-textarea {width:100%;min-height:18px;max-height:34px;height:34px;background:#111827;border:1px solid #374151;border-radius:4px;padding:3px 5px;font-size:8.5px;color:rgba(255,255,255,0.55);font-family:'Inter',sans-serif;resize:none;line-height:1.4;margin-bottom:1px;overflow:hidden;transition:border-color 0.35s;}\n\n\n#jhe_kgJMvX .ask-ai-btn {width:100%;height:23px;background:linear-gradient(135deg,#3B82F6,#6366F1);border:none;border-radius:5px;color:#fff;font-family:'Inter',sans-serif;font-size:8.5px;font-weight:700;letter-spacing:0.06em;cursor:default;position:relative;overflow:hidden;transition:opacity 0.3s;}\n\n@keyframes jhe_jhe_shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}\n\n#jhe_kgJMvX .ask-ai-btn.generating {background:linear-gradient(135deg,#3B82F6 0%,#6366F1 40%,#60B0FF 60%,#3B82F6 100%);background-size:200% 100%;animation:jhe_shimmer 1.4s ease infinite;}\n\n#jhe_kgJMvX .ask-ai-btn.recreate {background:transparent;border:1px solid rgba(99,102,241,0.35);color:rgba(99,102,241,0.7);}\n\n\n@keyframes jhe_jhe_push-flash{\n  0%{border-color:rgba(34,197,94,0.22);box-shadow:none;}\n  20%{border-color:rgba(5,84,242,0.9);box-shadow:0 0 16px rgba(5,84,242,0.35);}\n  75%{border-color:rgba(5,84,242,0.35);box-shadow:0 0 6px rgba(5,84,242,0.12);}\n  100%{border-color:rgba(34,197,94,0.22);box-shadow:none;}\n}\n\n@keyframes jhe_jhe_sel-pulse{\n  0%{border-color:rgba(232,135,14,0.38);box-shadow:none;}\n  45%{border-color:rgba(232,135,14,0.9);box-shadow:0 0 14px rgba(232,135,14,0.25);}\n  100%{border-color:rgba(232,135,14,0.38);box-shadow:none;}\n}\n\n@keyframes jhe_jhe_ai-pulse{\n  0%{border-color:rgba(99,102,241,0.28);}\n  40%{border-color:rgba(96,176,255,0.8);box-shadow:0 0 14px rgba(96,176,255,0.2);}\n  100%{border-color:rgba(99,102,241,0.28);}\n}\n\n#jhe_kgJMvX .fcard.pushing {animation:jhe_push-flash 0.65s ease;}\n\n#jhe_kgJMvX .fcard.sel-pulsing {animation:jhe_sel-pulse 0.55s ease;}\n\n#jhe_kgJMvX .fcard.ai-pulsing {animation:jhe_ai-pulse 0.6s ease;}\n\n\n#jhe_kgJMvX .notif {display:none;}\n\n#jhe_kgJMvX .notif.visible {opacity:1;transform:translateY(0);}\n\n#jhe_kgJMvX .notif-spark {font-size:9px;flex-shrink:0;color:#F59E0B;}\n\n#jhe_kgJMvX .notif-text {font-size:8.5px;color:#F59E0B;line-height:1;flex:1;}\n\n#jhe_kgJMvX .notif-dots {display:none;}\n\n#jhe_kgJMvX .jhe_ndot {width:3px;height:3px;border-radius:50%;background:#F59E0B;animation:jhe_ndot 1.2s ease-in-out infinite;}\n\n#jhe_kgJMvX .jhe_ndot:nth-child(2) {animation-delay:0.22s;}\n\n#jhe_kgJMvX .jhe_ndot:nth-child(3) {animation-delay:0.44s;}\n\n@keyframes jhe_jhe_ndot{0%,100%{opacity:0.3;transform:scale(0.75);}50%{opacity:1;transform:scale(1.2);}}\n\n\n#jhe_kgJMvX .sb-actions {padding:5px 9px 9px;display:flex;flex-direction:column;gap:4px;flex-shrink:0;}\n\n#jhe_kgJMvX .btn-submit {width:100%;height:36px;background:linear-gradient(180deg,#2563EB 0%,#1D4ED8 100%);border:none;border-radius:8px;color:#fff;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:-0.01em;box-shadow:0 4px 18px rgba(37,99,235,0.42);cursor:default;position:relative;overflow:hidden;transition:background 0.4s,box-shadow 0.4s,transform 0.15s;}\n\n#jhe_kgJMvX .btn-submit::after {content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background 0.14s;}\n\n#jhe_kgJMvX .btn-submit.clicking {transform:scale(0.97);}\n\n#jhe_kgJMvX .btn-submit.clicking::after {background:rgba(255,255,255,0.18);}\n\n#jhe_kgJMvX .btn-submit.success {background:linear-gradient(180deg,#16a34a 0%,#15803d 100%);box-shadow:0 4px 18px rgba(22,163,74,0.38);}\n#jhe_kgJMvX .btn-submit.smarter {background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.25);box-shadow:none;color:#F59E0B;font-size:9.5px;font-weight:600;letter-spacing:0.02em;transition:background 0.4s,box-shadow 0.4s,color 0.3s,border-color 0.3s;height:32px;}\n\n\/* \u2500\u2500 BUTTON CLICK FLASH \u2500\u2500 *\/\n@keyframes jhe_jhe_btn-flash-anim{\n  0%  {outline:0px solid rgba(255,255,255,0);box-shadow:0 4px 18px rgba(37,99,235,0.42);}\n  28% {outline:3px solid rgba(255,255,255,0.88);box-shadow:0 0 0 5px rgba(255,255,255,0.14),0 4px 24px rgba(255,255,255,0.18);}\n  100%{outline:0px solid rgba(255,255,255,0);box-shadow:0 4px 18px rgba(37,99,235,0.42);}\n}\n\n#jhe_kgJMvX .btn-clicked {animation:jhe_btn-flash-anim 0.52s ease forwards;}\n\n\n\/* Mobile-only persistent header \u2014 hidden on desktop *\/\n#jhe_kgJMvX .mobile-header {display:none;}\n\n#jhe_kgJMvX \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:720px) {\n  \n\n  .shell{\n    flex-direction:column;\n    height:100%;\n    max-width:100%;\n    border-radius:0;\n    \/* panels absolutely stacked; JS toggles via translateX *\/\n  }\n\n  \/* both panels fill the shell *\/\n  .form-side,\n  .sidebar{\n    position:absolute;\n    inset:0;\n    width:100%;\n    height:100%;\n    transition:transform 0.42s cubic-bezier(0.4,0,0.2,1), opacity 0.42s ease;\n    will-change:transform,opacity;\n  }\n\n  \/* default: sidebar visible (left), form hidden (right) *\/\n  .form-side{\n    transform:translateX(100%);\n    opacity:0;\n    pointer-events:none;\n  }\n  .sidebar{\n    transform:translateX(0);\n    opacity:1;\n    pointer-events:auto;\n    \/* sidebar fills full height on mobile *\/\n    width:100%;\n    min-width:0;\n    border-left:none;\n    box-shadow:none;\n  }\n\n  \/* .show-form on shell flips the panels *\/\n  .shell.show-form .form-side{\n    transform:translateX(0);\n    opacity:1;\n    pointer-events:auto;\n  }\n  .shell.show-form .sidebar{\n    transform:translateX(-100%);\n    opacity:0;\n    pointer-events:none;\n  }\n\n  \/* hide desktop cursor on touch *\/\n  #sim-cursor{display:none!important;}\n\n  \/* persistent brand header on mobile \u2014 sits above both panels *\/\n  .mobile-header{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    padding:10px 14px 9px;\n    background:#0d1117;\n    border-bottom:1px solid rgba(255,255,255,0.07);\n    flex-shrink:0;\n    position:relative;\n    z-index:10;\n  }\n\n  \/* both panels sit below the persistent header *\/\n  .form-side,\n  .sidebar{\n    top:42px; \/* height of mobile-header *\/\n    height:calc(100% - 42px);\n  }\n\n  \/* hide the duplicate brand row inside sidebar on mobile *\/\n  .sidebar .sb-brand{display:none;}\n\n  \/* sidebar layout tweaks for full-width *\/\n  .fields-panel{margin:8px 10px 0;}\n  .fp-grid{grid-template-columns:1fr 1fr;}\n\n  \/* form tweaks *\/\n  .field-grid{grid-template-columns:1fr;}\n  .form-body{padding:14px 14px;}\n\n  \/* give doc deck more breathing room *\/\n  .doc-deck{padding:10px 14px;}\n\n  \/* submit + link buttons full width already; just bump font *\/\n  .btn-submit{font-size:14px;height:42px;}\n}\n\n\/* \u2500\u2500 Slide 04: Extension Demo \u2014 inlined, no iframe \u2500\u2500 *\/\n#jh_carousel_WoBpSa .jh-carousel-slide[data-index=\"0\"] .cell-visual {\n    overflow: hidden;\n}\n#jh_carousel_WoBpSa .jh-carousel-slide[data-index=\"3\"] .cell-visual {\n    overflow: hidden;\n}\n#jh_carousel_WoBpSa .jh-ext-shell-wrap {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n}\n\n\n\n\n\n\n\/* \u2500\u2500 Shell \u2500\u2500 *\/\n#jhe2_igVXwe .shell {display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative;}\n\n\n\/* SVG connector overlay *\/\n#jhe2_igVXwe #conn-svg {\n  position:absolute;inset:0;width:100%;height:100%;\n  pointer-events:none;z-index:50;overflow:visible;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 JD PANEL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhe2_igVXwe .jd-panel {\n  width:56%;flex-shrink:0;\n  background:#0f1623;\n  display:flex;flex-direction:column;\n  border-right:1px solid rgba(255,255,255,0.06);\n}\n\n\n\/* Job card header *\/\n#jhe2_igVXwe .jd-header {\n  background:#131f32;\n  border-bottom:1px solid rgba(255,255,255,0.07);\n  padding:14px 18px 13px;\n  flex-shrink:0;\n}\n\n\n#jhe2_igVXwe .jd-co-row {\n  display:flex;align-items:center;gap:7px;margin-bottom:7px;\n}\n\n\n#jhe2_igVXwe .jd-co-mark {\n  width:22px;height:22px;\n  background:linear-gradient(135deg,#1a3a6e,#0554F2);\n  border-radius:5px;\n  display:flex;align-items:center;justify-content:center;\n  font-size:7.5px;font-weight:800;color:rgba(255,255,255,0.85);\n  letter-spacing:0.02em;flex-shrink:0;\n}\n\n\n#jhe2_igVXwe .jd-co-name {\n  font-size:11px;font-weight:500;\n  color:rgba(255,255,255,0.45);\n}\n\n\n#jhe2_igVXwe .jd-co-sep {\n  width:1px;height:10px;\n  background:rgba(255,255,255,0.12);\n}\n\n\n#jhe2_igVXwe .jd-co-loc, #jhe2_igVXwe .jd-co-sal {\n  font-size:10.5px;color:rgba(255,255,255,0.35);\n}\n\n\n#jhe2_igVXwe .jd-title {\n  font-size:17px;font-weight:700;\n  color:rgba(255,255,255,0.92);\n  letter-spacing:-0.02em;\n  margin-bottom:8px;line-height:1.2;\n}\n\n\n#jhe2_igVXwe .jd-chips-row {display:flex;gap:5px;margin-bottom:10px;}\n\n\n#jhe2_igVXwe .jd-chip {\n  padding:2px 9px;\n  border-radius:4px;\n  font-size:9.5px;font-weight:500;\n  background:rgba(255,255,255,0.05);\n  color:rgba(255,255,255,0.38);\n  border:1px solid rgba(255,255,255,0.07);\n}\n\n\n#jhe2_igVXwe .jd-apply {\n  display:inline-flex;align-items:center;gap:5px;\n  background:#2563EB;\n  color:#fff;font-size:11px;font-weight:600;\n  padding:5px 14px;border-radius:7px;\n  opacity:0.9;cursor:default;\n}\n\n\n\/* Scan status bar *\/\n#jhe2_igVXwe .jd-scan-bar {\n  padding:5px 18px;\n  background:rgba(5,84,242,0.05);\n  border-bottom:1px solid rgba(5,84,242,0.1);\n  display:flex;align-items:center;gap:7px;\n  flex-shrink:0;\n}\n\n\n#jhe2_igVXwe .scan-dot {\n  width:5px;height:5px;border-radius:50%;\n  background:#0554F2;box-shadow:0 0 5px rgba(5,84,242,0.7);\n  animation:jhe2_sdot 1.4s ease-in-out infinite;flex-shrink:0;\n}\n\n@keyframes jhe2_jhe2_sdot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.25;transform:scale(0.55);}}\n\n\n#jhe2_igVXwe .scan-txt {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7.5px;font-weight:700;letter-spacing:0.14em;\n  color:rgba(96,176,255,0.65);text-transform:uppercase;\n  transition:color 0.35s;\n}\n\n#jhe2_igVXwe .scan-txt.hot {color:rgba(96,176,255,0.95);}\n\n\n\/* JD text area *\/\n#jhe2_igVXwe .jd-body {\n  flex:1;padding:10px 12px 8px;\n  overflow:hidden;position:relative;\n}\n\n\n\/* Scan beam *\/\n#jhe2_igVXwe #scan-beam {\n  position:absolute;left:0;right:0;top:0;height:2px;\n  background:linear-gradient(to right,transparent 0%,rgba(96,176,255,0.65) 15%,rgba(5,84,242,0.9) 50%,rgba(96,176,255,0.65) 85%,transparent 100%);\n  box-shadow:0 0 10px rgba(96,176,255,0.25),0 4px 12px rgba(5,84,242,0.12);\n  pointer-events:none;opacity:0;z-index:10;\n  transform:translateY(0);\n}\n\n\n#jhe2_igVXwe .jd-section {margin-bottom:12px;}\n\n\n#jhe2_igVXwe .jd-sec-hdr {\n  font-family:'JetBrains Mono',monospace;\n  font-size:9.5px;font-weight:700;letter-spacing:0.18em;\n  text-transform:uppercase;color:rgba(255,255,255,0.75);\n  margin-bottom:7px;padding-bottom:5px;\n  border-bottom:1px solid rgba(255,255,255,0.06);\n  transition:color 0.35s,border-color 0.35s;\n}\n\n#jhe2_igVXwe .jd-sec-hdr.lit {\n  color:rgba(96,176,255,0.95);\n  border-color:rgba(5,84,242,0.25);\n}\n\n\n#jhe2_igVXwe .jd-list {list-style:none;display:flex;flex-direction:column;gap:5px;}\n\n#jhe2_igVXwe .jd-list li {\n  display:block;\n  font-size:11.5px;color:rgba(255,255,255,0.58);line-height:1.5;\n}\n\n#jhe2_igVXwe .jd-list li::before {\n  content:'';display:none;\n}\n\n\n\/* Keywords *\/\n#jhe2_igVXwe .kw {\n  display:inline;border-radius:3px;padding:0 2px;\n  transition:background 0.22s,color 0.22s,box-shadow 0.22s;\n}\n\n#jhe2_igVXwe .kw.lit-skill {background:rgba(5,84,242,0.2);color:#7dc3ff;box-shadow:0 0 0 1px rgba(5,84,242,0.45);}\n\n#jhe2_igVXwe .kw.lit-competency {background:rgba(99,102,241,0.2);color:#c4b5fd;box-shadow:0 0 0 1px rgba(99,102,241,0.45);}\n\n#jhe2_igVXwe .kw.lit-attribute {background:rgba(96,176,255,0.12);color:rgba(150,210,255,0.9);box-shadow:0 0 0 1px rgba(96,176,255,0.35);}\n\n#jhe2_igVXwe .kw.lit-gap {background:rgba(245,158,11,0.12);color:#fbbf24;box-shadow:0 0 0 1px rgba(245,158,11,0.38);}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESUME PANEL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhe2_igVXwe .resume-panel {\n  flex:1;background:#0d1117;\n  display:flex;flex-direction:column;\n  overflow:hidden;\n}\n\n\n\/* Header *\/\n#jhe2_igVXwe .rp-hdr {\n  padding:10px 14px 9px;\n  border-bottom:1px solid rgba(255,255,255,0.05);\n  display:flex;align-items:center;justify-content:space-between;\n  flex-shrink:0;\n}\n\n\n#jhe2_igVXwe .rp-name {font-size:12px;font-weight:800;color:rgba(255,255,255,0.9);letter-spacing:0.01em;}\n\n#jhe2_igVXwe .rp-role {font-size:7.5px;font-weight:600;color:#60B0FF;letter-spacing:0.12em;text-transform:uppercase;margin-top:1px;}\n\n\n#jhe2_igVXwe .rp-badge {\n  display:flex;align-items:center;gap:5px;\n  background:rgba(5,84,242,0.08);border:1px solid rgba(5,84,242,0.18);\n  border-radius:10px;padding:3px 9px;\n  transition:background 0.4s,border-color 0.4s;\n}\n\n#jhe2_igVXwe .rp-badge.active {background:rgba(5,84,242,0.14);border-color:rgba(5,84,242,0.3);}\n\n#jhe2_igVXwe .rp-dot {width:4px;height:4px;border-radius:50%;background:#334155;transition:background 0.4s,box-shadow 0.4s;}\n\n#jhe2_igVXwe .rp-badge.active .rp-dot {background:#22c55e;box-shadow:0 0 5px rgba(34,197,94,0.6);}\n\n#jhe2_igVXwe .rp-badge-txt {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:600;letter-spacing:0.14em;\n  color:rgba(255,255,255,0.2);text-transform:uppercase;\n  transition:color 0.4s;\n}\n\n#jhe2_igVXwe .rp-badge.active .rp-badge-txt {color:rgba(96,176,255,0.6);}\n\n\n\/* Legend row *\/\n#jhe2_igVXwe .rp-legend {\n  display:flex;align-items:center;gap:10px;\n  padding:5px 14px 5px;\n  border-bottom:1px solid rgba(255,255,255,0.04);\n  flex-shrink:0;\n}\n\n#jhe2_igVXwe .leg-item {display:flex;align-items:center;gap:4px;}\n\n#jhe2_igVXwe .leg-dot {width:6px;height:6px;border-radius:50%;flex-shrink:0;}\n\n#jhe2_igVXwe .leg-dot.skill {background:#0554F2;box-shadow:0 0 4px rgba(5,84,242,0.6);}\n\n#jhe2_igVXwe .leg-dot.comp {background:#6366F1;box-shadow:0 0 4px rgba(99,102,241,0.5);}\n\n#jhe2_igVXwe .leg-dot.attr {background:rgba(96,176,255,0.7);}\n\n#jhe2_igVXwe .leg-txt {font-family:'JetBrains Mono',monospace;font-size:7px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}\n\n#jhe2_igVXwe .leg-item:nth-child(1) .leg-txt {color:#60B0FF;}\n\n#jhe2_igVXwe .leg-item:nth-child(2) .leg-txt {color:#a5b4fc;}\n\n#jhe2_igVXwe .leg-item:nth-child(3) .leg-txt {color:rgba(150,210,255,0.85);}\n\n\n\/* Chip columns *\/\n#jhe2_igVXwe .chip-cols {\n  display:flex;gap:0;\n  border-bottom:1px solid rgba(255,255,255,0.05);\n  flex-shrink:0;\n}\n\n#jhe2_igVXwe .chip-col {\n  flex:1;padding:9px 10px;\n  border-right:1px solid rgba(255,255,255,0.04);\n}\n\n#jhe2_igVXwe .chip-col:last-child {border-right:none;}\n\n\n#jhe2_igVXwe .cc-hdr {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:600;letter-spacing:0.18em;\n  text-transform:uppercase;margin-bottom:7px;\n  padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,0.04);\n}\n\n#jhe2_igVXwe .chip-col.col-skill .cc-hdr {color:rgba(96,176,255,0.5);}\n\n#jhe2_igVXwe .chip-col.col-comp .cc-hdr {color:rgba(165,180,252,0.5);}\n\n#jhe2_igVXwe .chip-col.col-attr .cc-hdr {color:rgba(96,176,255,0.4);}\n\n\n#jhe2_igVXwe .chip-list {display:flex;flex-direction:column;gap:4px;}\n\n\n#jhe2_igVXwe .chip {\n  display:block;width:100%;\n  padding:3px 7px;border-radius:4px;\n  font-family:'JetBrains Mono',monospace;\n  font-size:8px;font-weight:500;letter-spacing:0.03em;\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\n  transition:background 0.3s,border-color 0.3s,color 0.3s,box-shadow 0.3s;\n  background:rgba(255,255,255,0.03);\n  border:1px solid rgba(255,255,255,0.05);\n  color:rgba(255,255,255,0.08);\n}\n\n#jhe2_igVXwe .chip.locked-skill {background:rgba(5,84,242,0.12);border-color:rgba(5,84,242,0.42);color:#7dc3ff;box-shadow:0 0 7px rgba(5,84,242,0.1);}\n\n#jhe2_igVXwe .chip.locked-competency {background:rgba(99,102,241,0.12);border-color:rgba(99,102,241,0.42);color:#c4b5fd;box-shadow:0 0 7px rgba(99,102,241,0.09);}\n\n#jhe2_igVXwe .chip.locked-attribute {background:rgba(96,176,255,0.08);border-color:rgba(96,176,255,0.32);color:rgba(150,210,255,0.85);}\n\n\n\/* ATS score *\/\n#jhe2_igVXwe .ats-sec {\n  padding:9px 14px 8px;\n  border-bottom:1px solid rgba(255,255,255,0.04);\n  flex-shrink:0;\n}\n\n#jhe2_igVXwe .ats-row {display:flex;align-items:center;gap:8px;margin-bottom:4px;}\n\n#jhe2_igVXwe .ats-lbl {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:600;letter-spacing:0.16em;\n  color:rgba(255,255,255,0.25);text-transform:uppercase;flex-shrink:0;\n}\n\n#jhe2_igVXwe .ats-track {flex:1;height:3px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden;}\n\n#jhe2_igVXwe .ats-fill {\n  height:100%;width:0%;\n  background:linear-gradient(90deg,#0554F2,#60B0FF);\n  border-radius:2px;box-shadow:0 0 5px rgba(5,84,242,0.35);\n  transition:width 1.7s cubic-bezier(0.16,1,0.3,1);\n}\n\n#jhe2_igVXwe .ats-pct {\n  font-family:'JetBrains Mono',monospace;\n  font-size:12px;font-weight:700;color:#60B0FF;\n  min-width:34px;text-align:right;flex-shrink:0;\n}\n\n#jhe2_igVXwe .ats-sub {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;letter-spacing:0.08em;color:rgba(255,255,255,0.18);\n}\n\n\n\/* Gaps *\/\n#jhe2_igVXwe .gap-sec {padding:7px 14px 8px;flex-shrink:0;}\n\n#jhe2_igVXwe .gap-hdr {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:600;letter-spacing:0.18em;\n  color:rgba(245,158,11,0.4);text-transform:uppercase;margin-bottom:6px;\n}\n\n#jhe2_igVXwe .gap-list {display:flex;gap:5px;flex-wrap:wrap;}\n\n#jhe2_igVXwe .gap-chip {\n  padding:3px 9px;border-radius:4px;\n  font-family:'JetBrains Mono',monospace;\n  font-size:8px;font-weight:500;letter-spacing:0.04em;\n  background:rgba(245,158,11,0.07);border:1px solid rgba(245,158,11,0.22);\n  color:#fbbf24;\n  opacity:0;transform:translateY(5px);\n  transition:opacity 0.35s ease,transform 0.35s ease;\n}\n\n#jhe2_igVXwe .gap-chip.show {opacity:1;transform:translateY(0);}\n\n\n\/* Add button *\/\n#jhe2_igVXwe .add-wrap {padding:7px 14px 10px;flex-shrink:0;}\n\n#jhe2_igVXwe .add-btn {\n  width:100%;height:34px;\n  background:linear-gradient(180deg,#2563EB,#1D4ED8);\n  border:none;border-radius:7px;color:#fff;\n  font-family:'Inter',sans-serif;\n  font-size:11.5px;font-weight:700;letter-spacing:0.01em;\n  box-shadow:0 4px 16px rgba(37,99,235,0.35);\n  cursor:default;\n  opacity:0;transform:translateY(5px);\n  transition:opacity 0.45s ease,transform 0.45s ease;\n}\n\n#jhe2_igVXwe .add-btn.show {opacity:1;transform:translateY(0);}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOBILE \u2014 OPTION 3 SPOTLIGHT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:720px){\n  \/* Shell completely hidden on mobile \u2014 spotlight takes over *\/\n  #jhe2_igVXwe .shell {display:none;}\n  #jhe2_igVXwe #mob-spotlight {display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:#0d1117;}\n}\n\n@media(min-width:721px){\n  #jhe2_igVXwe #mob-spotlight {display:none;}\n\n}\n\n\n\/* \u2500\u2500 Persistent job header \u2500\u2500 *\/\n#jhe2_igVXwe .mob-jd-hdr {background:#131f32;border-bottom:1px solid rgba(255,255,255,0.07);padding:10px 16px 9px;flex-shrink:0;}\n\n#jhe2_igVXwe .mob-jd-co-row {display:flex;align-items:center;gap:7px;margin-bottom:4px;}\n\n#jhe2_igVXwe .mob-jd-mark {width:22px;height:22px;background:linear-gradient(135deg,#1a3a6e,#0554F2);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:7.5px;font-weight:800;color:rgba(255,255,255,0.85);flex-shrink:0;}\n\n#jhe2_igVXwe .mob-jd-co {font-size:10.5px;font-weight:500;color:rgba(255,255,255,0.4);}\n\n#jhe2_igVXwe .mob-jd-sep {width:1px;height:9px;background:rgba(255,255,255,0.1);}\n\n#jhe2_igVXwe .mob-jd-sal {font-size:10px;color:rgba(255,255,255,0.3);}\n\n#jhe2_igVXwe .mob-jd-title {font-size:15px;font-weight:700;color:rgba(255,255,255,0.9);letter-spacing:-0.02em;}\n\n\n\/* \u2500\u2500 Scan bar \u2500\u2500 *\/\n#jhe2_igVXwe .mob-scan-bar {padding:4px 16px;background:rgba(5,84,242,0.05);border-bottom:1px solid rgba(5,84,242,0.1);display:flex;align-items:center;gap:7px;flex-shrink:0;}\n\n#jhe2_igVXwe .mob-scan-txt {font-family:'JetBrains Mono',monospace;font-size:7.5px;font-weight:700;letter-spacing:0.12em;color:rgba(96,176,255,0.5);text-transform:uppercase;transition:color 0.3s;}\n\n#jhe2_igVXwe .mob-scan-txt.hot {color:rgba(96,176,255,0.9);}\n\n\n\/* \u2500\u2500 Stage: top card + bottom grid, no centering \u2500\u2500 *\/\n#jhe2_igVXwe .mob-stage {\n  flex:1;\n  display:flex;flex-direction:column;\n  padding:10px 14px 6px;\n  gap:8px;\n  overflow:hidden;\n  min-height:0;\n}\n\n\n\/* \u2500\u2500 Spotlight card (top, fixed height so grid doesn't jump) \u2500\u2500 *\/\n#jhe2_igVXwe .mob-card {\n  flex-shrink:0;\n  min-height:148px;\n  background:#111827;border:1px solid rgba(255,255,255,0.08);\n  border-radius:12px;padding:12px 14px 11px;\n  display:flex;flex-direction:column;gap:9px;\n  opacity:0;transform:translateY(8px);\n  transition:opacity 0.32s ease,transform 0.32s ease;\n}\n\n#jhe2_igVXwe .mob-card.visible {opacity:1;transform:translateY(0);}\n\n#jhe2_igVXwe .mob-card.exit {opacity:0;transform:translateY(-8px);}\n\n\n\/* Section badge *\/\n#jhe2_igVXwe .mob-sec-badge {display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:7px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;align-self:flex-start;}\n\n#jhe2_igVXwe .mob-sec-badge.req {background:rgba(5,84,242,0.1);color:rgba(96,176,255,0.75);border:1px solid rgba(5,84,242,0.2);}\n\n#jhe2_igVXwe .mob-sec-badge.resp {background:rgba(99,102,241,0.1);color:rgba(165,180,252,0.75);border:1px solid rgba(99,102,241,0.2);}\n\n#jhe2_igVXwe .mob-sec-badge.qual {background:rgba(96,176,255,0.07);color:rgba(150,210,255,0.7);border:1px solid rgba(96,176,255,0.18);}\n\n\n\/* JD sentence *\/\n#jhe2_igVXwe .mob-sentence {font-size:13px;color:rgba(255,255,255,0.55);line-height:1.55;}\n\n#jhe2_igVXwe .mob-kw-hl {border-radius:3px;padding:0 3px;font-weight:600;}\n\n#jhe2_igVXwe .mob-kw-hl.skill {background:rgba(5,84,242,0.22);color:#7dc3ff;box-shadow:0 0 0 1px rgba(5,84,242,0.45);}\n\n#jhe2_igVXwe .mob-kw-hl.competency {background:rgba(99,102,241,0.22);color:#c4b5fd;box-shadow:0 0 0 1px rgba(99,102,241,0.45);}\n\n#jhe2_igVXwe .mob-kw-hl.attribute {background:rgba(96,176,255,0.13);color:rgba(150,210,255,0.9);box-shadow:0 0 0 1px rgba(96,176,255,0.35);}\n\n\n\/* Arrow *\/\n#jhe2_igVXwe .mob-arrow {display:flex;flex-direction:column;align-items:center;gap:0;}\n\n#jhe2_igVXwe .mob-arrow-line {width:1px;height:14px;background:linear-gradient(to bottom,rgba(96,176,255,0.0),rgba(96,176,255,0.45));}\n\n#jhe2_igVXwe .mob-arrow-head {font-size:9px;color:rgba(96,176,255,0.45);margin-top:-1px;}\n\n\n\/* Chip reveal bar inside card *\/\n#jhe2_igVXwe .mob-chip-row {display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(255,255,255,0.025);border-radius:7px;border:1px solid rgba(255,255,255,0.04);}\n\n#jhe2_igVXwe .mob-cat-dot {width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:box-shadow 0.3s;}\n\n#jhe2_igVXwe .mob-cat-dot.skill {background:#0554F2;}\n\n#jhe2_igVXwe .mob-cat-dot.competency {background:#6366F1;}\n\n#jhe2_igVXwe .mob-cat-dot.attribute {background:rgba(96,176,255,0.7);}\n\n#jhe2_igVXwe .mob-cat-dot.locked {box-shadow:0 0 7px currentColor;}\n\n#jhe2_igVXwe .mob-chip-text {font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:600;letter-spacing:0.03em;color:rgba(255,255,255,0.12);flex:1;transition:color 0.3s;}\n\n#jhe2_igVXwe .mob-chip-text.locked-skill {color:#7dc3ff;}\n\n#jhe2_igVXwe .mob-chip-text.locked-competency {color:#c4b5fd;}\n\n#jhe2_igVXwe .mob-chip-text.locked-attribute {color:rgba(150,210,255,0.85);}\n\n#jhe2_igVXwe .mob-cat-label {font-family:'JetBrains Mono',monospace;font-size:7px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.15);transition:color 0.3s;flex-shrink:0;}\n\n#jhe2_igVXwe .mob-cat-label.skill {color:rgba(96,176,255,0.65);}\n\n#jhe2_igVXwe .mob-cat-label.competency {color:rgba(165,180,252,0.65);}\n\n#jhe2_igVXwe .mob-cat-label.attribute {color:rgba(150,210,255,0.55);}\n\n\n\/* \u2500\u2500 Final badge (replaces spotlight card after all matches) \u2500\u2500 *\/\n#jhe2_igVXwe .mob-final {\n  flex-shrink:0;\n  min-height:148px;\n  display:flex;align-items:center;justify-content:center;\n  opacity:0;transform:translateY(8px);\n  transition:opacity 0.38s ease,transform 0.38s ease;\n}\n\n#jhe2_igVXwe .mob-final.visible {opacity:1;transform:translateY(0);}\n\n#jhe2_igVXwe .mob-final-badge {\n  display:inline-flex;align-items:center;gap:8px;\n  background:rgba(34,197,94,0.08);\n  border:1px solid rgba(34,197,94,0.25);\n  border-radius:20px;padding:8px 18px;\n}\n\n#jhe2_igVXwe .mob-final-dot {\n  width:7px;height:7px;border-radius:50%;\n  background:#22c55e;box-shadow:0 0 7px rgba(34,197,94,0.6);\n  animation:jhe2_sdot 2s ease-in-out infinite;flex-shrink:0;\n}\n\n#jhe2_igVXwe .mob-final-txt {\n  font-family:'JetBrains Mono',monospace;\n  font-size:9px;font-weight:700;letter-spacing:0.14em;\n  color:rgba(34,197,94,0.8);text-transform:uppercase;\n}\n\n\n\/* \u2500\u2500 Live chip grid (persistent, chips drop in as matched) \u2500\u2500 *\/\n#jhe2_igVXwe .mob-live-grid {\n  flex:1;\n  display:grid;\n  grid-template-columns:1fr 1fr 1fr;\n  gap:8px;\n  min-height:0;\n  align-content:start;\n}\n\n#jhe2_igVXwe .mob-col {\n  background:#111827;border:1px solid rgba(255,255,255,0.06);\n  border-radius:9px;padding:9px 8px;\n  display:flex;flex-direction:column;gap:5px;\n  min-height:0;\n}\n\n#jhe2_igVXwe .mob-col-hdr {font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;margin-bottom:4px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,0.05);}\n\n#jhe2_igVXwe .mob-col.col-skill   .mob-col-hdr {color:rgba(96,176,255,0.65);}\n\n#jhe2_igVXwe .mob-col.col-comp    .mob-col-hdr {color:rgba(165,180,252,0.65);}\n\n#jhe2_igVXwe .mob-col.col-attr    .mob-col-hdr {color:rgba(150,210,255,0.55);}\n\n#jhe2_igVXwe .mob-lchip {\n  padding:4px 6px;border-radius:4px;\n  font-family:'JetBrains Mono',monospace;\n  font-size:7.5px;font-weight:500;\n  line-height:1.3;\n  word-break:break-word;\n  opacity:0;transform:translateY(-5px);\n  transition:opacity 0.3s ease,transform 0.3s ease;\n}\n\n#jhe2_igVXwe .mob-lchip.show {opacity:1;transform:translateY(0);}\n\n#jhe2_igVXwe .mob-lchip.skill {background:rgba(5,84,242,0.12);border:1px solid rgba(5,84,242,0.38);color:#7dc3ff;}\n\n#jhe2_igVXwe .mob-lchip.competency {background:rgba(99,102,241,0.12);border:1px solid rgba(99,102,241,0.38);color:#c4b5fd;}\n\n#jhe2_igVXwe .mob-lchip.attribute {background:rgba(96,176,255,0.08);border:1px solid rgba(96,176,255,0.28);color:rgba(150,210,255,0.85);}\n\n\n\/* \u2500\u2500 Progress dots \u2500\u2500 *\/\n#jhe2_igVXwe .mob-progress {display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 0 8px;flex-shrink:0;}\n\n#jhe2_igVXwe .mob-prog-dot {width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.1);transition:background 0.3s,transform 0.3s,box-shadow 0.3s;}\n\n#jhe2_igVXwe .mob-prog-dot.done {background:rgba(96,176,255,0.35);}\n\n#jhe2_igVXwe .mob-prog-dot.active {background:#60B0FF;transform:scale(1.4);box-shadow:0 0 6px rgba(96,176,255,0.5);}\n\n\n\/* \u2500\u2500 Falling particle \u2500\u2500 *\/\n#jhe2_igVXwe #mob-spotlight {position:relative;}\n\n#jhe2_igVXwe .mob-particle {\n  position:absolute;\n  width:9px;height:9px;\n  border-radius:50%;\n  pointer-events:none;\n  z-index:200;\n  \/* transform keeps the hotspot at center of dot *\/\n  margin:-4.5px 0 0 -4.5px;\n  transition:top 0.52s cubic-bezier(0.4,0.8,0.6,1), left 0.52s cubic-bezier(0.4,0.8,0.6,1), opacity 0.18s ease;\n}\n\n#jhe2_igVXwe .mob-particle.skill {background:#0554F2;box-shadow:0 0 8px rgba(5,84,242,0.8);}\n\n#jhe2_igVXwe .mob-particle.competency {background:#6366F1;box-shadow:0 0 8px rgba(99,102,241,0.8);}\n\n#jhe2_igVXwe .mob-particle.attribute {background:rgba(96,176,255,0.85);box-shadow:0 0 8px rgba(96,176,255,0.65);}\n\n\n\/* \u2500\u2500 Column header plop flash \u2500\u2500 *\/\n@keyframes jhe2_jhe2_mob-plop{\n  0%  {transform:scale(1);}\n  35% {transform:scale(1.18);}\n  55% {transform:scale(0.92);}\n  100%{transform:scale(1);}\n}\n\n@keyframes jhe2_mob-plop-glow-skill     {0%,100%{box-shadow:none;}40%{box-shadow:0 0 0 3px rgba(5,84,242,0.35),inset 0 0 8px rgba(5,84,242,0.15);}}\n\n@keyframes jhe2_jhe2_mob-plop-glow-competency{0%,100%{box-shadow:none;}40%{box-shadow:0 0 0 3px rgba(99,102,241,0.35),inset 0 0 8px rgba(99,102,241,0.15);}}\n\n@keyframes jhe2_jhe2_mob-plop-glow-attribute {0%,100%{box-shadow:none;}40%{box-shadow:0 0 0 3px rgba(96,176,255,0.28),inset 0 0 8px rgba(96,176,255,0.1);}}\n\n#jhe2_igVXwe .mob-col.plopping-skill {animation:jhe2_mob-plop 0.38s ease-out,jhe2_mob-plop-glow-skill      0.38s ease-out;}\n\n#jhe2_igVXwe .mob-col.plopping-competency {animation:jhe2_mob-plop 0.38s ease-out,jhe2_mob-plop-glow-competency 0.38s ease-out;}\n\n#jhe2_igVXwe .mob-col.plopping-attribute {animation:jhe2_mob-plop 0.38s ease-out,jhe2_mob-plop-glow-attribute  0.38s ease-out;}\n\n\/* \u2500\u2500 Slide 02: Match Engine \u2014 inlined \u2500\u2500 *\/\n#jh_carousel_WoBpSa .jh-carousel-slide[data-index=\"2\"] .cell-visual {\n    overflow: hidden;\n}\n\n\n\n\n\n\n\/* \u2550\u2550 SHELL \u2550\u2550 *\/\n#jhe3_Mu0gqJ .shell {display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative;}\n\n\n\/* \u2550\u2550 JOB HEADER BAR \u2550\u2550 *\/\n#jhe3_Mu0gqJ .job-bar {\n  position:absolute;top:0;left:0;right:0;z-index:10;\n  background:#0d1520;\n  border-bottom:1px solid rgba(255,255,255,0.07);\n  padding:8px 18px;\n  display:flex;align-items:center;gap:10px;\n  flex-shrink:0;height:44px;\n}\n\n#jhe3_Mu0gqJ .jb-title {font-size:13px;font-weight:700;color:rgba(255,255,255,0.9);letter-spacing:-0.01em;white-space:nowrap;}\n\n#jhe3_Mu0gqJ .jb-sep {width:1px;height:12px;background:rgba(255,255,255,0.1);flex-shrink:0;}\n\n#jhe3_Mu0gqJ .jb-co {font-size:11px;color:rgba(255,255,255,0.4);white-space:nowrap;}\n\n#jhe3_Mu0gqJ .jb-sal {font-size:11px;color:rgba(255,255,255,0.3);white-space:nowrap;}\n\n#jhe3_Mu0gqJ .jb-loc {font-size:11px;color:rgba(255,255,255,0.3);white-space:nowrap;}\n\n\n#jhe3_Mu0gqJ .jb-actions {margin-left:auto;display:flex;gap:8px;align-items:center;flex-shrink:0;}\n\n#jhe3_Mu0gqJ .jb-btn {\n  padding:5px 13px;border-radius:7px;\n  font-size:10px;font-weight:600;letter-spacing:0.02em;cursor:default;\n  border:1px solid rgba(255,255,255,0.1);\n  background:rgba(255,255,255,0.04);\n  color:rgba(255,255,255,0.45);\n  display:flex;align-items:center;gap:5px;white-space:nowrap;\n}\n\n#jhe3_Mu0gqJ .jb-btn-primary {\n  background:linear-gradient(135deg,#0554F2,#3B82F6);\n  border-color:transparent;color:#fff;\n  box-shadow:0 2px 14px rgba(5,84,242,0.42);\n  font-size:11px;padding:6px 16px;\n}\n\n#jhe3_Mu0gqJ .jb-btn-active {\n  border-color:rgba(5,84,242,0.5);color:rgba(96,176,255,0.9);\n  background:rgba(5,84,242,0.1);font-size:11px;padding:6px 14px;\n}\n\n\n\/* \u2550\u2550 MAIN CONTENT (below bar) \u2550\u2550 *\/\n#jhe3_Mu0gqJ .main {\n  display:flex;width:100%;height:100%;\n  padding-top:44px;\n}\n\n\n\/* \u2550\u2550 LEFT \u2014 GAP LIST \u2550\u2550 *\/\n#jhe3_Mu0gqJ .gap-panel {\n  width:42%;flex-shrink:0;\n  background:#0b1221;\n  border-right:1px solid rgba(255,255,255,0.06);\n  display:flex;flex-direction:column;\n  overflow:hidden;\n}\n\n\n#jhe3_Mu0gqJ .gap-panel-hdr {\n  padding:12px 18px 10px;\n  flex-shrink:0;\n}\n\n#jhe3_Mu0gqJ .gph-eyebrow {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:600;letter-spacing:0.22em;\n  color:rgba(96,176,255,0.45);text-transform:uppercase;\n  margin-bottom:4px;\n}\n\n#jhe3_Mu0gqJ .gph-title {font-size:16px;font-weight:800;color:rgba(255,255,255,0.9);letter-spacing:-0.02em;margin-bottom:2px;}\n\n#jhe3_Mu0gqJ .gph-sub {font-size:10.5px;font-style:italic;color:rgba(255,255,255,0.3);line-height:1.4;}\n\n\n#jhe3_Mu0gqJ .gap-divider {height:1px;background:rgba(255,255,255,0.05);margin:0 18px;}\n\n\n#jhe3_Mu0gqJ .gap-list {flex:1;overflow:hidden;padding:8px 14px;}\n\n\n#jhe3_Mu0gqJ .gap-section-hdr {\n  font-size:11px;font-weight:700;color:rgba(255,255,255,0.65);\n  letter-spacing:-0.01em;margin:6px 0 6px;\n}\n\n\n\/* Gap row *\/\n#jhe3_Mu0gqJ .gap-row {\n  display:flex;align-items:flex-start;gap:7px;\n  padding:7px 9px;border-radius:7px;\n  margin-bottom:4px;\n  background:rgba(255,255,255,0.02);\n  border:1px solid rgba(255,255,255,0.04);\n  cursor:default;\n  transition:background 0.25s,border-color 0.25s;\n  position:relative;\n}\n\n#jhe3_Mu0gqJ .gap-row.highlighted {\n  background:rgba(5,84,242,0.07);\n  border-color:rgba(5,84,242,0.25);\n}\n\n#jhe3_Mu0gqJ .gap-row.matched {\n  background:rgba(34,197,94,0.06);\n  border-color:rgba(34,197,94,0.2);\n}\n\n\n\/* Plus \/ check button *\/\n#jhe3_Mu0gqJ .gap-plus {\n  width:20px;height:20px;border-radius:5px;\n  background:rgba(5,84,242,0.12);\n  border:1px solid rgba(5,84,242,0.25);\n  display:flex;align-items:center;justify-content:center;\n  flex-shrink:0;margin-top:1px;\n  transition:background 0.25s,border-color 0.25s,transform 0.15s;\n  font-size:12px;color:#60B0FF;\n  font-weight:300;line-height:1;\n}\n\n#jhe3_Mu0gqJ .gap-row.matched .gap-plus {\n  background:rgba(34,197,94,0.15);\n  border-color:rgba(34,197,94,0.35);\n  color:#22c55e;\n}\n\n\n\/* Color square *\/\n#jhe3_Mu0gqJ .gap-sq {\n  width:12px;height:12px;border-radius:3px;\n  flex-shrink:0;margin-top:4px;\n  transition:background 0.35s;\n}\n\n#jhe3_Mu0gqJ .gap-sq.amber {background:#F59E0B;}\n\n#jhe3_Mu0gqJ .gap-sq.red {background:#ef4444;}\n\n#jhe3_Mu0gqJ .gap-sq.green {background:#22c55e;}\n\n\n\/* Requirement text *\/\n#jhe3_Mu0gqJ .gap-txt {font-size:10.5px;color:rgba(255,255,255,0.55);line-height:1.45;flex:1;}\n\n#jhe3_Mu0gqJ .gap-row.matched .gap-txt {color:rgba(255,255,255,0.45);}\n\n\n\/* Matched badge *\/\n#jhe3_Mu0gqJ .gap-matched-badge {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:700;letter-spacing:0.14em;\n  color:rgba(34,197,94,0.7);text-transform:uppercase;\n  padding:2px 6px;border-radius:3px;\n  background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.18);\n  flex-shrink:0;margin-top:3px;\n  opacity:0;transition:opacity 0.4s ease;\n  white-space:nowrap;\n}\n\n#jhe3_Mu0gqJ .gap-row.matched .gap-matched-badge {opacity:1;}\n\n\n\/* \u2550\u2550 RIGHT \u2014 DETAIL PANEL \u2550\u2550 *\/\n#jhe3_Mu0gqJ .detail-panel {\n  flex:1;background:#0d1117;\n  display:flex;flex-direction:column;\n  transform:translateX(100%);\n  transition:transform 0.42s cubic-bezier(0.4,0,0.2,1);\n  overflow:hidden;\n  position:relative;\n}\n\n#jhe3_Mu0gqJ .detail-panel.open {transform:translateX(0);}\n\n\n\/* Detail header *\/\n#jhe3_Mu0gqJ .dp-hdr {\n  padding:14px 20px 12px;\n  border-bottom:1px solid rgba(255,255,255,0.05);\n  flex-shrink:0;\n}\n\n#jhe3_Mu0gqJ .dp-eyebrow {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:700;letter-spacing:0.2em;\n  color:rgba(245,158,11,0.65);text-transform:uppercase;\n  margin-bottom:5px;\n  display:flex;align-items:center;gap:6px;\n}\n\n#jhe3_Mu0gqJ .dp-eyebrow::before {\n  content:'';width:5px;height:5px;border-radius:50%;\n  background:#F59E0B;box-shadow:0 0 5px rgba(245,158,11,0.6);flex-shrink:0;\n  animation:jhe3_pdot2 2s ease-in-out infinite;\n}\n\n@keyframes jhe3_jhe3_pdot2{0%,100%{opacity:1;}50%{opacity:0.3;}}\n\n#jhe3_Mu0gqJ .dp-req-txt {font-size:13px;font-weight:600;color:rgba(255,255,255,0.85);line-height:1.5;}\n\n\n\/* Where section *\/\n#jhe3_Mu0gqJ .dp-where {\n  padding:14px 20px 10px;\n  flex:1;overflow-y:auto;scrollbar-width:none;\n  display:flex;flex-direction:column;\n  gap:0;\n}\n\n#jhe3_Mu0gqJ .dp-where::-webkit-scrollbar {display:none;}\n\n\n#jhe3_Mu0gqJ .dp-where-lbl {\n  font-family:'JetBrains Mono',monospace;\n  font-size:11px;font-weight:700;letter-spacing:0.1em;\n  color:rgba(255,255,255,0.92);text-transform:uppercase;\n  margin-bottom:10px;\n}\n\n\n\/* Job card *\/\n#jhe3_Mu0gqJ .job-card {\n  padding:11px 13px;border-radius:9px;\n  background:#111827;border:1px solid rgba(255,255,255,0.06);\n  margin-bottom:7px;cursor:default;\n  display:flex;align-items:center;gap:10px;\n  transition:background 0.2s,border-color 0.2s,box-shadow 0.2s;\n  position:relative;\n}\n\n#jhe3_Mu0gqJ .job-card.selected {\n  background:rgba(5,84,242,0.1);\n  border-color:rgba(5,84,242,0.4);\n  box-shadow:0 0 0 3px rgba(5,84,242,0.1);\n}\n\n\n\/* Radio circle *\/\n#jhe3_Mu0gqJ .jc-radio {\n  width:18px;height:18px;border-radius:50%;\n  border:1.5px solid rgba(255,255,255,0.15);\n  flex-shrink:0;display:flex;align-items:center;justify-content:center;\n  transition:border-color 0.2s,background 0.2s;\n}\n\n#jhe3_Mu0gqJ .job-card.selected .jc-radio {\n  background:#0554F2;border-color:#0554F2;\n  box-shadow:0 0 0 3px rgba(5,84,242,0.18);\n}\n\n#jhe3_Mu0gqJ .jc-radio-inner {\n  width:6px;height:6px;border-radius:50%;background:#fff;\n  transform:scale(0);transition:transform 0.22s cubic-bezier(0.34,1.56,0.64,1);\n}\n\n#jhe3_Mu0gqJ .job-card.selected .jc-radio-inner {transform:scale(1);}\n\n\n#jhe3_Mu0gqJ .jc-info {flex:1;min-width:0;}\n\n#jhe3_Mu0gqJ .jc-title {font-size:11.5px;font-weight:600;color:rgba(255,255,255,0.82);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n\n#jhe3_Mu0gqJ .jc-co {font-size:10px;color:rgba(255,255,255,0.38);}\n\n#jhe3_Mu0gqJ .jc-dates {font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(255,255,255,0.22);letter-spacing:0.06em;flex-shrink:0;}\n\n\n\/* \u2550\u2550 TAILORING SHIMMER \u2550\u2550 *\/\n#jhe3_Mu0gqJ .tailoring-overlay {\n  position:absolute;inset:0;\n  background:#0d1117;\n  display:flex;flex-direction:column;\n  align-items:center;justify-content:center;gap:14px;\n  opacity:0;pointer-events:none;\n  transition:opacity 0.3s ease;\n  z-index:20;\n}\n\n#jhe3_Mu0gqJ .tailoring-overlay.show {opacity:1;pointer-events:auto;}\n\n\n#jhe3_Mu0gqJ .tailoring-txt {\n  font-family:'JetBrains Mono',monospace;\n  font-size:10px;font-weight:600;letter-spacing:0.18em;\n  color:rgba(96,176,255,0.7);text-transform:uppercase;\n}\n\n\n#jhe3_Mu0gqJ .shimmer-bar {\n  width:200px;height:3px;\n  background:rgba(255,255,255,0.05);\n  border-radius:2px;overflow:hidden;\n}\n\n#jhe3_Mu0gqJ .shimmer-fill {\n  height:100%;width:0%;\n  background:linear-gradient(90deg,#0554F2,#60B0FF,#0554F2);\n  background-size:200% 100%;\n  border-radius:2px;\n  animation:jhe3_shimbar 1.2s ease-in-out infinite;\n  transition:width 1.4s cubic-bezier(0.16,1,0.3,1);\n}\n\n@keyframes jhe3_jhe3_shimbar{\n  0%{background-position:100% 0;}\n  100%{background-position:-100% 0;}\n}\n\n\n\/* \u2550\u2550 DETAIL FOOTER \u2550\u2550 *\/\n#jhe3_Mu0gqJ .dp-footer {\n  padding:18px 20px 24px;\n  border-top:1px solid rgba(255,255,255,0.05);\n  display:flex;gap:8px;\n  flex-shrink:0;\n}\n\n#jhe3_Mu0gqJ .dp-cancel {\n  flex:1;height:36px;\n  background:transparent;border:1px solid rgba(255,255,255,0.08);\n  border-radius:8px;color:rgba(255,255,255,0.35);\n  font-family:'JetBrains Mono',monospace;\n  font-size:9px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;\n  cursor:default;transition:background 0.2s;\n}\n\n#jhe3_Mu0gqJ .dp-save {\n  flex:2;height:36px;\n  background:linear-gradient(180deg,#2563EB,#1D4ED8);\n  border:none;border-radius:8px;color:#fff;\n  font-family:'Inter',sans-serif;\n  font-size:12px;font-weight:700;letter-spacing:-0.01em;\n  cursor:default;\n  box-shadow:0 4px 16px rgba(37,99,235,0.38);\n  transition:background 0.2s,transform 0.12s,box-shadow 0.12s;\n  position:relative;overflow:hidden;\n}\n\n#jhe3_Mu0gqJ .dp-save::after {content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background 0.12s;}\n\n#jhe3_Mu0gqJ .dp-save.clicking {transform:scale(0.97);}\n\n#jhe3_Mu0gqJ .dp-save.clicking::after {background:rgba(255,255,255,0.15);}\n\n\n\/* \u2550\u2550 SUCCESS TOAST \u2550\u2550 *\/\n#jhe3_Mu0gqJ .toast {\n  position:absolute;top:55px;\n  background:rgba(34,197,94,0.15);\n  border:1px solid rgba(34,197,94,0.35);\n  border-radius:9px;\n  padding:10px 16px;\n  display:flex;align-items:center;gap:10px;\n  white-space:nowrap;\n  box-shadow:0 8px 24px rgba(0,0,0,0.4),0 0 0 1px rgba(34,197,94,0.12);\n  opacity:0;\n  transition:opacity 0.35s ease,transform 0.35s ease;\n  z-index:100;\n}\n\n#jhe3_Mu0gqJ .toast.show {opacity:1;}\n\n#jhe3_Mu0gqJ .toast-check {\n  width:18px;height:18px;border-radius:50%;\n  background:rgba(34,197,94,0.2);border:1.5px solid rgba(34,197,94,0.5);\n  display:flex;align-items:center;justify-content:center;\n  font-size:10px;color:#22c55e;flex-shrink:0;\n}\n\n#jhe3_Mu0gqJ .toast-bold {font-size:12px;font-weight:700;color:#22c55e;}\n\n#jhe3_Mu0gqJ .toast-light {font-size:12px;color:rgba(255,255,255,0.55);}\n\n#jhe3_Mu0gqJ .toast-x {font-size:11px;color:rgba(255,255,255,0.2);margin-left:6px;}\n\n\n\/* \u2550\u2550 SIM CURSOR \u2550\u2550 *\/\n#jhe3_Mu0gqJ #sim-cursor {\n  position:absolute;pointer-events:none;z-index:200;\n  opacity:0;transition:opacity 0.28s ease;\n}\n\n#jhe3_Mu0gqJ #sim-cursor svg {display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.55));transform-origin:3px 2px;transition:transform 0.1s ease;}\n\n#jhe3_Mu0gqJ #sim-cursor.pressing svg {transform:scale(0.78);}\n\n#jhe3_Mu0gqJ #sim-ripple {position:absolute;top:0;left:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:rgba(255,255,255,0.55);opacity:0;transform:scale(0);pointer-events:none;}\n\n@keyframes jhe3_jhe3_ripple-out{0%{opacity:0.65;transform:scale(0);}100%{opacity:0;transform:scale(4);}}\n\n#jhe3_Mu0gqJ #sim-ripple.fire {animation:jhe3_ripple-out 0.42s ease-out forwards;}\n\n\n\/* \u2550\u2550 MOBILE \u2550\u2550 *\/\n@media(max-width:720px){\n  \n\n  #jhe3_Mu0gqJ .shell {display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative;}\n\n\n  \/* Bar: keep title + company, hide salary\/loc *\/\n  #jhe3_Mu0gqJ .job-bar {padding:8px 14px;height:42px;}\n\n  #jhe3_Mu0gqJ .jb-sal, #jhe3_Mu0gqJ .jb-loc, #jhe3_Mu0gqJ .jb-sep:nth-child(4), #jhe3_Mu0gqJ .jb-sep:nth-child(6) {display:none;}\n\n  #jhe3_Mu0gqJ .jb-btn-primary {padding:5px 12px;font-size:10px;}\n\n  \/* Hide Fit Analysis on mobile \u2014 primary action only *\/\n  #jhe3_Mu0gqJ .jb-btn-active {display:none;}\n\n\n  \/* Main fills below bar *\/\n  #jhe3_Mu0gqJ .main {\n    flex-direction:column;\n    padding-top:42px;\n    height:100%;\n    overflow:hidden;\n  }\n\n\n  \/* \u2500\u2500 Gap panel: full width, scrollable list \u2500\u2500 *\/\n  #jhe3_Mu0gqJ .gap-panel {\n    width:100%;\n    height:100%;\n    border-right:none;\n    transition:transform 0.42s cubic-bezier(0.4,0,0.2,1);\n    display:flex;flex-direction:column;\n  }\n\n  #jhe3_Mu0gqJ .gap-panel.shifted {transform:translateX(-100%);}\n\n\n  \/* Tighten panel header on mobile *\/\n  #jhe3_Mu0gqJ .gap-panel-hdr {padding:10px 16px 8px;}\n\n  #jhe3_Mu0gqJ .gph-title {font-size:15px;}\n\n  #jhe3_Mu0gqJ .gph-sub {font-size:10px;}\n\n\n  \/* List scrollable so all rows are reachable *\/\n  #jhe3_Mu0gqJ .gap-list {\n    flex:1;\n    overflow-y:auto;\n    padding:6px 12px 12px;\n    scrollbar-width:none;\n  }\n\n  #jhe3_Mu0gqJ .gap-list::-webkit-scrollbar {display:none;}\n\n\n  \/* Tighter rows on mobile *\/\n  #jhe3_Mu0gqJ .gap-section-hdr {font-size:10.5px;margin:6px 0 5px;}\n\n  #jhe3_Mu0gqJ .gap-row {padding:6px 8px;margin-bottom:4px;gap:6px;}\n\n  #jhe3_Mu0gqJ .gap-plus {width:18px;height:18px;font-size:11px;}\n\n  #jhe3_Mu0gqJ .gap-sq {width:10px;height:10px;margin-top:3px;}\n\n  #jhe3_Mu0gqJ .gap-txt {font-size:10px;line-height:1.4;}\n\n  #jhe3_Mu0gqJ .gap-matched-badge {font-size:6.5px;padding:2px 5px;}\n\n\n  \/* \u2500\u2500 Bottom sheet: fixed height, content-tight \u2500\u2500 *\/\n  #jhe3_Mu0gqJ .detail-panel {\n    position:absolute;\n    left:0;right:0;bottom:0;\n    width:100%;\n    \/* Fixed height \u2014 exactly fits handle + header + 3 cards + footer *\/\n    height:68svh;\n    transform:translateY(100%);\n    border-radius:16px 16px 0 0;\n    border-top:1px solid rgba(255,255,255,0.08);\n    box-shadow:0 -20px 60px rgba(0,0,0,0.7);\n    z-index:50;\n    display:flex;flex-direction:column;\n    overflow:hidden;\n  }\n\n  #jhe3_Mu0gqJ .detail-panel.open {transform:translateY(0);}\n\n\n  \/* No flex:1 stretching on mobile \u2014 let content determine height *\/\n  #jhe3_Mu0gqJ .dp-hdr {padding:12px 18px 10px;flex-shrink:0;}\n\n  #jhe3_Mu0gqJ .dp-req-txt {font-size:12px;}\n\n  #jhe3_Mu0gqJ .dp-where {\n    flex:1;\n    padding:10px 18px 6px;\n    overflow-y:auto;\n    scrollbar-width:none;\n  }\n\n  #jhe3_Mu0gqJ .dp-where::-webkit-scrollbar {display:none;}\n\n  #jhe3_Mu0gqJ .dp-where-lbl {margin-bottom:8px;font-size:11px;}\n\n  #jhe3_Mu0gqJ .job-card {padding:9px 12px;margin-bottom:6px;}\n\n  #jhe3_Mu0gqJ .jc-title {font-size:11px;}\n\n  #jhe3_Mu0gqJ .jc-co {font-size:9.5px;}\n\n  #jhe3_Mu0gqJ .jc-dates {font-size:7.5px;}\n\n\n  #jhe3_Mu0gqJ .dp-footer {padding:18px 16px 28px;gap:8px;flex-shrink:0;}\n\n  #jhe3_Mu0gqJ .dp-cancel {height:38px;font-size:8.5px;}\n\n  #jhe3_Mu0gqJ .dp-save {height:38px;font-size:12px;}\n\n\n  \/* \u2500\u2500 Toast: full width at bottom \u2500\u2500 *\/\n  #jhe3_Mu0gqJ .toast {\n    position:absolute;\n    top:auto;\n    bottom:16px;\n    left:12px;right:12px;\n    transform:translateY(10px);\n    white-space:normal;\n    width:auto;\n    z-index:101;\n  }\n\n  #jhe3_Mu0gqJ .toast.show {transform:translateY(0);}\n\n  #jhe3_Mu0gqJ .toast-light {font-size:11px;}\n\n  #jhe3_Mu0gqJ .toast-bold {font-size:11px;}\n\n\n  \/* Handle *\/\n  #jhe3_Mu0gqJ .dp-handle {\n    width:36px;height:4px;border-radius:2px;\n    background:rgba(255,255,255,0.15);\n    margin:10px auto 0;\n    flex-shrink:0;\n  }\n\n\n  \/* Backdrop *\/\n  #jhe3_Mu0gqJ .mob-backdrop {\n    position:absolute;inset:0;\n    background:rgba(0,0,0,0.55);\n    opacity:0;pointer-events:none;\n    transition:opacity 0.42s ease;\n    z-index:40;\n  }\n\n  #jhe3_Mu0gqJ .mob-backdrop.show {opacity:1;pointer-events:auto;}\n\n\n  #jhe3_Mu0gqJ #sim-cursor {display:none;}\n\n}\n\n@media(min-width:721px){\n  #jhe3_Mu0gqJ .dp-handle, #jhe3_Mu0gqJ .mob-backdrop {display:none;}\n\n  \/* Desktop toast: centered *\/\n  #jhe3_Mu0gqJ .toast {left:50%;transform:translateX(-50%) translateY(-12px);}\n\n  #jhe3_Mu0gqJ .toast.show {transform:translateX(-50%) translateY(0);}\n\n}\n\n\n\n\n\n\n\/* \u2550\u2550 SHELL \u2550\u2550 *\/\n#jhe4_picTzO .shell {display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative;}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LEFT \u2014 RAW JD PANEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhe4_picTzO .jd-panel {\n  width:54%;flex-shrink:0;\n  background:#f0f3f8;\n  display:flex;flex-direction:column;\n  overflow:hidden;position:relative;\n}\n\n\n\/* Fake browser \/ job board chrome *\/\n#jhe4_picTzO .jd-chrome {\n  background:#fff;\n  border-bottom:1px solid #e2e6ec;\n  padding:8px 14px;\n  display:flex;align-items:center;gap:8px;\n  flex-shrink:0;\n}\n\n#jhe4_picTzO .jd-chrome-dots {display:flex;gap:4px;}\n\n#jhe4_picTzO .jd-chrome-dot {width:8px;height:8px;border-radius:50%;}\n\n#jhe4_picTzO .jd-chrome-dot:nth-child(1) {background:#ff5f57;}\n\n#jhe4_picTzO .jd-chrome-dot:nth-child(2) {background:#febc2e;}\n\n#jhe4_picTzO .jd-chrome-dot:nth-child(3) {background:#28c840;}\n\n#jhe4_picTzO .jd-chrome-bar {\n  flex:1;height:22px;\n  background:#f1f4f8;border-radius:5px;\n  display:flex;align-items:center;padding:0 10px;\n  font-size:10px;color:#9ca3af;\n  border:1px solid #e2e6ec;\n}\n\n#jhe4_picTzO .jd-chrome-bar-dot {width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:6px;flex-shrink:0;}\n\n\n\/* Job board header *\/\n#jhe4_picTzO .jb-board-hdr {\n  background:#fff;\n  border-bottom:1px solid #e8ecf2;\n  padding:10px 16px 9px;\n  flex-shrink:0;\n}\n\n#jhe4_picTzO .jb-company {font-size:11px;color:#6b7280;margin-bottom:3px;}\n\n#jhe4_picTzO .jb-job-title {font-size:16px;font-weight:700;color:#111827;letter-spacing:-0.01em;margin-bottom:5px;}\n\n#jhe4_picTzO .jb-meta {display:flex;gap:10px;flex-wrap:wrap;}\n\n#jhe4_picTzO .jb-meta-item {font-size:10.5px;color:#6b7280;display:flex;align-items:center;gap:4px;}\n\n#jhe4_picTzO .jb-meta-icon {font-size:10px;}\n\n\n#jhe4_picTzO .jb-apply {\n  display:inline-flex;align-items:center;gap:5px;\n  background:#2563EB;color:#fff;\n  font-size:11px;font-weight:600;\n  padding:5px 14px;border-radius:6px;\n  margin-top:7px;cursor:default;\n}\n\n\n\/* JD scroll body *\/\n#jhe4_picTzO .jd-body {\n  flex:1;overflow:hidden;\n  padding:13px 16px;\n  position:relative;\n}\n\n\n\/* Scan beam *\/\n#jhe4_picTzO #scan-beam {\n  position:absolute;left:0;right:0;top:0;height:2.5px;\n  background:linear-gradient(to right,transparent 0%,rgba(5,84,242,0.5) 15%,rgba(5,84,242,0.9) 50%,rgba(5,84,242,0.5) 85%,transparent 100%);\n  box-shadow:0 0 12px rgba(5,84,242,0.3),0 4px 16px rgba(5,84,242,0.15);\n  pointer-events:none;opacity:0;z-index:10;\n}\n\n\n\/* JD text sections *\/\n#jhe4_picTzO .jd-sec {margin-bottom:11px;}\n\n#jhe4_picTzO .jd-sec-title {\n  font-size:11.5px;font-weight:700;color:#374151;\n  margin-bottom:5px;letter-spacing:0.01em;\n  text-transform:uppercase;font-size:10px;color:#6b7280;letter-spacing:0.08em;\n}\n\n#jhe4_picTzO .jd-sec-body {font-size:11.5px;color:#4b5563;line-height:1.65;}\n\n\n\/* Inline keyword highlights *\/\n#jhe4_picTzO .kh {\n  border-radius:2px;padding:0 2px;\n  transition:background 0.28s,color 0.28s,box-shadow 0.28s;\n}\n\n#jhe4_picTzO .kh.lit-blue {background:rgba(37,99,235,0.13);color:#1d4ed8;box-shadow:0 0 0 1px rgba(37,99,235,0.3);}\n\n#jhe4_picTzO .kh.lit-indigo {background:rgba(99,102,241,0.12);color:#4338ca;box-shadow:0 0 0 1px rgba(99,102,241,0.3);}\n\n#jhe4_picTzO .kh.lit-green {background:rgba(22,163,74,0.1);color:#15803d;box-shadow:0 0 0 1px rgba(22,163,74,0.25);}\n\n#jhe4_picTzO .kh.lit-amber {background:rgba(245,158,11,0.1);color:#b45309;box-shadow:0 0 0 1px rgba(245,158,11,0.3);}\n\n\n\/* Section flash on scan *\/\n#jhe4_picTzO .jd-sec.scanning .jd-sec-title {color:#2563eb;transition:color 0.2s;}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RIGHT \u2014 BRIEF PANEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#jhe4_picTzO .brief-panel {\n  flex:1;background:#0d1117;\n  display:flex;flex-direction:column;\n  overflow:hidden;\n  border-left:1px solid rgba(255,255,255,0.06);\n}\n\n\n\/* Brief header *\/\n#jhe4_picTzO .brief-hdr {\n  padding:12px 16px 10px;\n  border-bottom:1px solid rgba(255,255,255,0.05);\n  flex-shrink:0;\n  display:flex;align-items:flex-start;justify-content:space-between;\n}\n\n#jhe4_picTzO .brief-eyebrow {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7.5px;font-weight:700;letter-spacing:0.22em;\n  color:rgba(96,176,255,0.5);text-transform:uppercase;\n  margin-bottom:4px;\n}\n\n#jhe4_picTzO .brief-title {font-size:17px;font-weight:800;color:rgba(255,255,255,0.92);letter-spacing:-0.02em;}\n\n#jhe4_picTzO .brief-sub {font-size:10.5px;font-style:italic;color:rgba(255,255,255,0.3);margin-top:2px;}\n\n\n\/* JH shield icon *\/\n#jhe4_picTzO .brief-shield {\n  width:28px;height:28px;flex-shrink:0;\n  background:linear-gradient(135deg,#0554F2,#3B82F6);\n  border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  font-size:12px;box-shadow:0 0 12px rgba(5,84,242,0.4);\n}\n\n\n\/* Scan status *\/\n#jhe4_picTzO .brief-status {\n  padding:5px 16px;\n  background:rgba(5,84,242,0.04);\n  border-bottom:1px solid rgba(5,84,242,0.08);\n  display:flex;align-items:center;gap:7px;\n  flex-shrink:0;\n}\n\n#jhe4_picTzO .brief-status-dot {\n  width:5px;height:5px;border-radius:50%;\n  background:#334155;flex-shrink:0;\n  transition:background 0.3s,box-shadow 0.3s;\n}\n\n#jhe4_picTzO .brief-status-dot.active {background:#0554F2;box-shadow:0 0 5px rgba(5,84,242,0.7);animation:jhe4_bsdot 1.4s ease-in-out infinite;}\n\n@keyframes jhe4_jhe4_bsdot{0%,100%{opacity:1;}50%{opacity:0.25;}}\n\n#jhe4_picTzO .brief-status-txt {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7.5px;font-weight:600;letter-spacing:0.13em;\n  color:rgba(255,255,255,0.25);text-transform:uppercase;\n  transition:color 0.3s;\n}\n\n#jhe4_picTzO .brief-status-txt.active {color:rgba(96,176,255,0.75);}\n\n\n\/* Cards container *\/\n#jhe4_picTzO .brief-cards {\n  flex:1;overflow-y:auto;\n  padding:10px 12px 12px;\n  display:flex;flex-direction:column;\n  gap:7px;\n  scrollbar-width:none;\n}\n\n#jhe4_picTzO .brief-cards::-webkit-scrollbar {display:none;}\n\n\n\/* Insight card *\/\n#jhe4_picTzO .icard {\n  background:#111827;\n  border:1px solid rgba(255,255,255,0.06);\n  border-radius:10px;\n  padding:10px 13px;\n  opacity:0;transform:translateY(10px);\n  transition:opacity 0.4s ease,transform 0.4s ease;\n  flex-shrink:0;\n}\n\n#jhe4_picTzO .icard.visible {opacity:1;transform:translateY(0);}\n\n\n\/* Card left accent bar *\/\n#jhe4_picTzO .icard {position:relative;padding-left:16px;}\n\n#jhe4_picTzO .icard::before {\n  content:'';\n  position:absolute;left:0;top:8px;bottom:8px;\n  width:2.5px;border-radius:2px;\n}\n\n#jhe4_picTzO .icard.type-title::before {background:#0554F2;}\n\n#jhe4_picTzO .icard.type-why::before {background:#6366F1;}\n\n#jhe4_picTzO .icard.type-metrics::before {background:#22c55e;}\n\n#jhe4_picTzO .icard.type-resp::before {background:#F59E0B;}\n\n#jhe4_picTzO .icard.type-culture::before {background:#60B0FF;}\n\n\n#jhe4_picTzO .ic-label {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:700;letter-spacing:0.2em;\n  text-transform:uppercase;margin-bottom:5px;\n}\n\n#jhe4_picTzO .icard.type-title .ic-label {color:rgba(96,176,255,0.6);}\n\n#jhe4_picTzO .icard.type-why .ic-label {color:rgba(165,180,252,0.6);}\n\n#jhe4_picTzO .icard.type-metrics .ic-label {color:rgba(34,197,94,0.6);}\n\n#jhe4_picTzO .icard.type-resp .ic-label {color:rgba(245,158,11,0.6);}\n\n#jhe4_picTzO .icard.type-culture .ic-label {color:rgba(96,176,255,0.5);}\n\n\n#jhe4_picTzO .ic-content {font-size:11px;color:rgba(255,255,255,0.7);line-height:1.55;}\n\n#jhe4_picTzO .ic-content strong {font-weight:600;color:rgba(255,255,255,0.88);}\n\n\n\/* Metrics list *\/\n#jhe4_picTzO .ic-metrics {list-style:none;display:flex;flex-direction:column;gap:3px;margin-top:3px;}\n\n#jhe4_picTzO .ic-metrics li {\n  font-size:10.5px;color:rgba(255,255,255,0.62);\n  display:flex;align-items:flex-start;gap:6px;line-height:1.4;\n}\n\n#jhe4_picTzO .ic-metrics li::before {content:'\u25e6';color:rgba(34,197,94,0.6);font-size:9px;flex-shrink:0;margin-top:2px;}\n\n\n\/* Resp rows *\/\n#jhe4_picTzO .ic-resp-row {\n  display:flex;gap:8px;\n  padding:5px 0;\n  border-bottom:1px solid rgba(255,255,255,0.04);\n  font-size:10.5px;line-height:1.4;\n}\n\n#jhe4_picTzO .ic-resp-row:last-child {border-bottom:none;padding-bottom:0;}\n\n#jhe4_picTzO .ic-resp-raw {color:rgba(255,255,255,0.32);flex:1;text-decoration:line-through;}\n\n#jhe4_picTzO .ic-resp-arrow {color:rgba(245,158,11,0.5);flex-shrink:0;font-size:10px;}\n\n#jhe4_picTzO .ic-resp-decoded {color:rgba(255,255,255,0.72);flex:1;}\n\n\n\/* Culture *\/\n#jhe4_picTzO .ic-culture-row {\n  display:flex;align-items:flex-start;gap:8px;\n  font-size:10.5px;color:rgba(255,255,255,0.65);line-height:1.5;\n  margin-top:3px;\n}\n\n#jhe4_picTzO .ic-culture-icon {font-size:14px;flex-shrink:0;margin-top:-1px;}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:720px){\n  \n\n  #jhe4_picTzO .shell {display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative;}\n\n\n  \/* Both panels fill the shell absolutely *\/\n  #jhe4_picTzO .jd-panel, #jhe4_picTzO .brief-panel {\n    position:absolute;inset:0;\n    width:100%;height:100%;\n    transition:transform 0.55s cubic-bezier(0.4,0,0.2,1);\n    overflow:hidden;\n  }\n\n\n  \/* JD starts visible, exits upward *\/\n  #jhe4_picTzO .jd-panel {\n    transform:translateY(0);\n    border-bottom:none;\n    border-right:none;\n  }\n\n  #jhe4_picTzO .jd-panel.exit {transform:translateY(-100%);}\n\n\n  \/* Brief starts below, enters upward *\/\n  #jhe4_picTzO .brief-panel {\n    transform:translateY(100%);\n    border-left:none;\n    border-top:1px solid rgba(255,255,255,0.06);\n  }\n\n  #jhe4_picTzO .brief-panel.enter {transform:translateY(0);}\n\n\n  \/* JD body takes more vertical space on mobile *\/\n  #jhe4_picTzO .jd-body {flex:1;}\n\n\n  \/* Show chrome on mobile (it helps establish context) *\/\n  #jhe4_picTzO .jd-chrome {display:flex;}\n\n  #jhe4_picTzO .jb-meta-item:nth-child(n+3) {display:none;}\n\n  #jhe4_picTzO .jb-apply {display:none;}\n\n  #jhe4_picTzO .jd-sec-body {font-size:11px;line-height:1.6;}\n\n\n  \/* Cards: spring entrance from below on mobile *\/\n  #jhe4_picTzO .icard {\n    opacity:0;\n    transform:translateY(40px);\n    transition:opacity 0.38s ease, transform 0.5s cubic-bezier(0.34,1.2,0.64,1);\n  }\n\n  #jhe4_picTzO .icard.visible {opacity:1;transform:translateY(0);}\n\n\n  \/* Brief tweaks *\/\n  #jhe4_picTzO .brief-title {font-size:15px;}\n\n  #jhe4_picTzO .brief-cards {padding:8px 12px 14px;gap:6px;}\n\n  #jhe4_picTzO .icard {padding:9px 12px 9px 15px;}\n\n  #jhe4_picTzO .ic-content {font-size:10.5px;}\n\n  #jhe4_picTzO .ic-metrics li {font-size:10px;}\n\n  #jhe4_picTzO .ic-resp-row {font-size:10px;}\n\n  #jhe4_picTzO .ic-culture-row {font-size:10px;}\n\n}\n\n<\/style>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cfd9554 elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"cfd9554\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b22163 exad-sticky-section-no\" data-id=\"6b22163\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-288ac89 exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"288ac89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div style=\"background:#000;color:#fff;min-height:100vh;\">\n    \n    <div style=\"padding:0 16px 16px;\">\n        <span style=\"font-family:monospace;font-size:7px;letter-spacing:1px;color:rgba(255,255,255,0.5);display:block;margin-bottom:8px;\">ACTIVE_STATUS: <span style=\"color:#0554F2;\">COMPETITIVE_EDGE<\/span><\/span>\n        <h2 style=\"font-size:18px;font-weight:700;line-height:1.3;margin:0;\">Deploy Surgical Precision to Every Application<\/h2>\n    <\/div>\n\n    <div style=\"display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:0 16px 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:12px 0;\">\n        \n        <!-- Slide 3 \u2014 Resume Optimization \/ Insider Brief -->\n        <div style=\"min-width:88vw;max-width:88vw;flex-shrink:0;scroll-snap-align:center;background:rgba(10,10,10,0.6);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px;\">\n            \n            <span style=\"font-family:monospace;font-size:8px;letter-spacing:1.5px;color:#0554F2;display:block;margin-bottom:8px;text-transform:uppercase;\">RESUME OPTIMIZATION<\/span>\n            \n            <h3 style=\"font-size:16px;font-weight:800;line-height:1.3;margin:0 0 12px;\">Instant Matching. Total Control.<\/h3>\n\n                        <div id=\"jhe4m_R8BEl2\" class=\"jh-ext-shell-wrap\" style=\"width:100%;height:480px;margin:0 0 12px;border-radius:8px;overflow:hidden;position:relative;\">\n<div class=\"shell\">\n\n  <!-- \u2550\u2550\u2550\u2550 LEFT: RAW JD \u2550\u2550\u2550\u2550 -->\n  <div class=\"jd-panel\">\n\n    <!-- Fake browser chrome -->\n    <div class=\"jd-chrome\">\n      <div class=\"jd-chrome-dots\">\n        <div class=\"jd-chrome-dot\"><\/div>\n        <div class=\"jd-chrome-dot\"><\/div>\n        <div class=\"jd-chrome-dot\"><\/div>\n      <\/div>\n      <div class=\"jd-chrome-bar\">\n        <div class=\"jd-chrome-bar-dot\"><\/div>\n        indeed.com\/viewjob?jk=8f2a4b9c\n      <\/div>\n    <\/div>\n\n    <!-- Job board header -->\n    <div class=\"jb-board-hdr\">\n      <div class=\"jb-company\">San Diego State Athletics \u00b7 San Diego, CA<\/div>\n      <div class=\"jb-job-title\">Director, Premium Sales<\/div>\n      <div class=\"jb-meta\">\n        <div class=\"jb-meta-item\"><span class=\"jb-meta-icon\">\ud83d\udcbc<\/span>Full-time<\/div>\n        <div class=\"jb-meta-item\"><span class=\"jb-meta-icon\">\ud83d\udccd<\/span>On-site<\/div>\n        <div class=\"jb-meta-item\"><span class=\"jb-meta-icon\">\ud83d\udcb0<\/span>$90k\u2013$115k\/yr<\/div>\n      <\/div>\n      <div class=\"jb-apply\">Apply Now \u2197<\/div>\n    <\/div>\n\n    <!-- JD body with scan beam -->\n    <div class=\"jd-body\" id=\"jd-body\">\n      <div id=\"scan-beam\"><\/div>\n\n      <div class=\"jd-sec\" id=\"jsec-about\">\n        <div class=\"jd-sec-title\">About the Role<\/div>\n        <div class=\"jd-sec-body\">\n          San Diego State Athletics is seeking a dynamic and results-driven\n          <span class=\"kh\" id=\"kh-title\">Director of Premium Sales<\/span>\n          to lead our premium revenue division. The ideal candidate will\n          <span class=\"kh\" id=\"kh-why\">drive premium revenue growth across various sports<\/span>\n          and oversee a team of sales representatives, contributing to the continued success of SDSU Athletics.\n        <\/div>\n      <\/div>\n\n      <div class=\"jd-sec\" id=\"jsec-resp\">\n        <div class=\"jd-sec-title\">Responsibilities<\/div>\n        <div class=\"jd-sec-body\">\n          <span class=\"kh\" id=\"kh-r1\">Recruit, hire, train, and mentor<\/span> team members on strategy, call scripts, and closing of sales.\n          Develop and implement an <span class=\"kh\" id=\"kh-r2\">annual premium revenue plan<\/span>.\n          <span class=\"kh\" id=\"kh-r3\">Increase premium revenue by 15% year-over-year<\/span> and achieve a <span class=\"kh\" id=\"kh-r4\">90% renewal rate<\/span> for premium seating products.\n          Grow <span class=\"kh\" id=\"kh-r5\">corporate business by 10% annually<\/span> through targeted outreach and relationship management.\n        <\/div>\n      <\/div>\n\n      <div class=\"jd-sec\" id=\"jsec-req\">\n        <div class=\"jd-sec-title\">Requirements<\/div>\n        <div class=\"jd-sec-body\">\n          Bachelor's degree required; 5+ years of progressive sales experience with at least 2 years in a management role.\n          Proven track record of <span class=\"kh\" id=\"kh-culture\">results-driven, team-first<\/span> leadership.\n          Experience in premium sales, sponsorship, or <span class=\"kh\" id=\"kh-culture2\">collaborative, performance-oriented<\/span> environments preferred.\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div><!-- \/jd-panel -->\n\n\n  <!-- \u2550\u2550\u2550\u2550 RIGHT: BRIEF PANEL \u2550\u2550\u2550\u2550 -->\n  <div class=\"brief-panel\">\n\n    <div class=\"brief-hdr\">\n      <div>\n        <div class=\"brief-eyebrow\">Insider Intelligence<\/div>\n        <div class=\"brief-title\">The Insider Brief<\/div>\n        <div class=\"brief-sub\">Decoding the reality behind the job description<\/div>\n      <\/div>\n      <div class=\"brief-shield\">\ud83d\udee1<\/div>\n    <\/div>\n\n    <div class=\"brief-status\">\n      <div class=\"brief-status-dot\" id=\"status-dot\"><\/div>\n      <span class=\"brief-status-txt\" id=\"status-txt\">Waiting for scan<\/span>\n    <\/div>\n\n    <div class=\"brief-cards\" id=\"brief-cards\">\n\n      <!-- Card 1: Real Title -->\n      <div class=\"icard type-title\" id=\"ic-title\">\n        <div class=\"ic-label\">The \"Real\" Title<\/div>\n        <div class=\"ic-content\">\n          <strong>Director, Premium Sales<\/strong> \u2014 title matches duties.\n          This is a genuine revenue leadership role, not a rebadged individual contributor position.\n        <\/div>\n      <\/div>\n\n      <!-- Card 2: Why They're Hiring -->\n      <div class=\"icard type-why\" id=\"ic-why\">\n        <div class=\"ic-label\">Why They're Hiring<\/div>\n        <div class=\"ic-content\">\n          To <strong>drive premium revenue growth<\/strong> across sports verticals and manage a sales team.\n          Growth hire, not a backfill \u2014 they're scaling the premium division.\n        <\/div>\n      <\/div>\n\n      <!-- Card 3: Success Metrics -->\n      <div class=\"icard type-metrics\" id=\"ic-metrics\">\n        <div class=\"ic-label\">The Role's Success Metrics<\/div>\n        <ul class=\"ic-metrics\">\n          <li>Increase premium revenue <strong>15% year-over-year<\/strong><\/li>\n          <li>Achieve <strong>90% renewal rate<\/strong> on premium seating<\/li>\n          <li>Grow corporate business <strong>10% annually<\/strong><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Card 4: Responsibilities Decoder -->\n      <div class=\"icard type-resp\" id=\"ic-resp\">\n        <div class=\"ic-label\">Responsibilities Decoder<\/div>\n        <div class=\"ic-resp-row\">\n          <span class=\"ic-resp-raw\">Recruit, hire, train, mentor team members<\/span>\n          <span class=\"ic-resp-arrow\">\u2192<\/span>\n          <span class=\"ic-resp-decoded\">Build and run a sales team from scratch<\/span>\n        <\/div>\n        <div class=\"ic-resp-row\">\n          <span class=\"ic-resp-raw\">Implement annual premium revenue plan<\/span>\n          <span class=\"ic-resp-arrow\">\u2192<\/span>\n          <span class=\"ic-resp-decoded\">Own the number, no handholding<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Card 5: Culture Signal -->\n      <div class=\"icard type-culture\" id=\"ic-culture\">\n        <div class=\"ic-label\">Culture Signal<\/div>\n        <div class=\"ic-culture-row\">\n          <span class=\"ic-culture-icon\">\ud83d\udee1<\/span>\n          <span>\n            <strong>\"Results-driven, team-first\"<\/strong> signals a\n            performance-oriented culture with collaborative expectations \u2014\n            you'll be held to hard numbers but supported by the team.\n          <\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div><!-- \/brief-panel -->\n\n<\/div><!-- \/shell -->\n            <\/div>\n\n            <script>\n            (function(){\n'use strict';\n'use strict';\n\nconst g = id => document.getElementById(id);\nconst sleep = ms => new Promise(r => setTimeout(r, ms));\nconst isMobile = () => window.innerWidth <= 720;\n\nconst scanBeam  = g('scan-beam');\nconst statusDot = g('status-dot');\nconst statusTxt = g('status-txt');\nconst jdBody    = g('jd-body');\nconst jdPanel   = document.getElementById('').querySelector('.jd-panel');\nconst briefPanel= document.getElementById('').querySelector('.brief-panel');\n\nconst LOOP_MS = 14000;\nlet loopTimer = null;\n\n\/* \u2500\u2500 Helpers \u2500\u2500 *\/\nfunction litKw(id, cls){ const el=g(id); if(el) el.classList.add(cls); }\nfunction litSec(id){ const el=g(id); if(el){ el.classList.add('scanning'); setTimeout(()=>el.classList.remove('scanning'),700); } }\nfunction showCard(id){ const el=g(id); if(el) el.classList.add('visible'); }\nfunction setStatus(txt, active){\n  statusTxt.textContent=txt;\n  statusTxt.classList.toggle('active',active);\n  statusDot.classList.toggle('active',active);\n}\n\nfunction startBeam(){\n  const bodyH = jdBody.offsetHeight;\n  scanBeam.style.transition='none';\n  scanBeam.style.opacity='1';\n  scanBeam.style.transform='translateY(0)';\n  requestAnimationFrame(()=>{\n    requestAnimationFrame(()=>{\n      scanBeam.style.transition=`transform 3600ms linear, opacity 300ms ease`;\n      scanBeam.style.transform=`translateY(${bodyH}px)`;\n      setTimeout(()=>{ scanBeam.style.opacity='0'; },3400);\n    });\n  });\n}\n\n\/* \u2500\u2500 Panel swap (mobile) \u2500\u2500 *\/\nfunction swapToInsights(){\n  jdPanel.classList.add('exit');\n  briefPanel.classList.add('enter');\n}\n\nfunction swapToJD(){\n  jdPanel.classList.remove('exit');\n  briefPanel.classList.remove('enter');\n}\n\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\nfunction resetAll(){\n  clearTimeout(loopTimer);\n\n  scanBeam.style.transition='none';\n  scanBeam.style.opacity='0';\n  scanBeam.style.transform='translateY(0)';\n\n  document.querySelectorAll('.kh').forEach(el=>el.className='kh');\n\n  ['ic-title','ic-why','ic-metrics','ic-resp','ic-culture'].forEach(id=>{\n    const el=g(id); if(el) el.classList.remove('visible');\n  });\n\n  setStatus('Waiting for scan', false);\n  statusDot.style.background='';\n  statusDot.style.boxShadow='';\n\n  \/* Reset panel positions on mobile *\/\n  swapToJD();\n}\n\n\/* \u2500\u2500 Main loop \u2500\u2500 *\/\nasync function runLoop(){\n  resetAll();\n  await sleep(600);\n\n  setStatus('Scanning job description...', true);\n  startBeam();\n\n  \/* t=450: About \u2192 Title card *\/\n  await sleep(450);\n  litSec('jsec-about');\n  litKw('kh-title','lit-blue');\n  await sleep(200);\n  if(!isMobile()) showCard('ic-title');\n\n  \/* t=1000: Why hiring *\/\n  await sleep(350);\n  litKw('kh-why','lit-indigo');\n  await sleep(180);\n  if(!isMobile()){ showCard('ic-why'); setStatus('2 insights decoded...', true); }\n\n  \/* t=1600: Responsibilities *\/\n  await sleep(450);\n  litSec('jsec-resp');\n  litKw('kh-r1','lit-amber');\n  litKw('kh-r2','lit-amber');\n  await sleep(160);\n  if(!isMobile()) showCard('ic-resp');\n\n  \/* t=2250: Metrics *\/\n  await sleep(360);\n  litKw('kh-r3','lit-green');\n  litKw('kh-r4','lit-green');\n  litKw('kh-r5','lit-green');\n  await sleep(180);\n  if(!isMobile()){ showCard('ic-metrics'); setStatus('4 insights decoded...', true); }\n\n  \/* t=2900: Requirements \u2192 culture *\/\n  await sleep(500);\n  litSec('jsec-req');\n  litKw('kh-culture','lit-indigo');\n  litKw('kh-culture2','lit-indigo');\n  await sleep(200);\n  if(!isMobile()) showCard('ic-culture');\n\n  \/* All 5 decoded *\/\n  await sleep(400);\n  setStatus('5 of 5 insights decoded', false);\n  statusDot.style.background='#22c55e';\n  statusDot.style.boxShadow='0 0 6px rgba(34,197,94,0.6)';\n\n  if(isMobile()){\n    \/* Pause on highlighted JD so user sees the scan result *\/\n    await sleep(800);\n\n    \/* Swap panels *\/\n    swapToInsights();\n\n    \/* Stagger cards in one by one from bottom, 320ms apart *\/\n    const CARDS = ['ic-title','ic-why','ic-resp','ic-metrics','ic-culture'];\n    const STAGGER = 320;\n    CARDS.forEach((id, i) => {\n      setTimeout(()=> showCard(id), 260 + i * STAGGER);\n    });\n\n    \/* Hold then reset \u2014 long enough to read all 5 cards *\/\n    loopTimer = setTimeout(()=>{ resetAll(); setTimeout(runLoop, 500); }, 7500);\n\n  } else {\n    loopTimer = setTimeout(()=>{ resetAll(); setTimeout(runLoop, 500); }, LOOP_MS - 3600);\n  }\n}\n\n\/* \u2500\u2500 Trigger: scroll-track IntersectionObserver + setInterval fallback \u2500\u2500 *\/\nvar ext4WrapMob = document.getElementById('jhe4m_R8BEl2');\nvar ext4RunningMob = false;\n\nfunction ext4StartMob() {\n    if (ext4RunningMob) return;\n    ext4RunningMob = true;\n    resetAll();\n    setTimeout(runLoop, 400);\n}\nfunction ext4StopMob() {\n    if (!ext4RunningMob) return;\n    ext4RunningMob = false;\n    resetAll();\n}\n\nif (ext4WrapMob) {\n    var mob4Card  = ext4WrapMob.closest('[style*=\"scroll-snap-align\"]');\n    var mob4Track = mob4Card ? mob4Card.parentElement : null;\n\n    new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n            if (entry.isIntersecting) { ext4StartMob(); }\n            else                      { ext4StopMob();  }\n        });\n    }, { root: mob4Track || null, threshold: 0.6 }).observe(mob4Card || ext4WrapMob);\n\n    setInterval(function() {\n        var target = mob4Card || ext4WrapMob;\n        var r = target.getBoundingClientRect();\n        var visible = r.width > 0 && r.right > 0 && r.left < window.innerWidth\n                   && Math.abs(r.left) < r.width * 0.4;\n        if (visible && !ext4RunningMob) { ext4StartMob(); }\n        else if (!visible && ext4RunningMob) { ext4StopMob(); }\n    }, 350);\n}\n            })();\n            <\/script>\n            \n            <p style=\"font-size:12px;line-height:1.5;color:rgba(255,255,255,0.7);margin:0 0 12px;\">The AI handles the heavy lifting of aligning your skills instantly. Stay in control with the final say and refine any detail with AI in a single click.<\/p>\n            \n            <a href=\"#\" style=\"display:block;width:100%;padding:14px;background:#0554F2;color:#000;font-family:monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;text-align:center;text-decoration:none;border-radius:6px;font-weight:700;\">START OPTIMIZATION<\/a>\n        <\/div>\n\n        <!-- Slide 1 -->\n        <div style=\"min-width:88vw;max-width:88vw;flex-shrink:0;scroll-snap-align:center;background:rgba(10,10,10,0.6);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px;\">\n            \n            <span style=\"font-family:monospace;font-size:8px;letter-spacing:1.5px;color:#0554F2;display:block;margin-bottom:8px;text-transform:uppercase;\">INSTANT FIT ASSESSMENT<\/span>\n            \n            <h3 style=\"font-size:16px;font-weight:800;line-height:1.3;margin:0 0 12px;\">Your skills are only as powerful as your story<\/h3>\n            \n                        <div id=\"jhe3m_D16ZaN\" class=\"jh-ext-shell-wrap\" style=\"width:100%;height:480px;margin:0 0 12px;border-radius:8px;overflow:hidden;position:relative;\">\n<div class=\"shell\" id=\"shell\">\n\n  <!-- \u2550\u2550 JOB BAR \u2550\u2550 -->\n  <div class=\"job-bar\">\n    <span class=\"jb-title\">Inside Sales Associate I<\/span>\n    <div class=\"jb-sep\"><\/div>\n    <span class=\"jb-co\">WWS Acquisitions LLC<\/span>\n    <div class=\"jb-actions\">\n      <div class=\"jb-btn jb-btn-active\">\n        <svg width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/><\/svg>\n        Fit Analysis\n      <\/div>\n      <div class=\"jb-btn jb-btn-primary\">\n        \u2726 Tailor My Resume\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"main\">\n\n    <!-- \u2550\u2550 LEFT: GAP LIST \u2550\u2550 -->\n    <div class=\"gap-panel\" id=\"gap-panel\">\n      <div class=\"gap-panel-hdr\">\n        <div class=\"gph-eyebrow\">Recruiters View<\/div>\n        <div class=\"gph-title\">Match &amp; Gap Analysis<\/div>\n        <div class=\"gph-sub\">Your matches and missing requirements<\/div>\n      <\/div>\n      <div class=\"gap-divider\"><\/div>\n      <div class=\"gap-list\">\n\n        <div class=\"gap-section-hdr\">Must-Haves<\/div>\n\n        <div class=\"gap-row\" id=\"gr-1\">\n          <div class=\"gap-plus\" id=\"gp-1\">+<\/div>\n          <div class=\"gap-sq amber\" id=\"gs-1\"><\/div>\n          <div class=\"gap-txt\">Previous experience in inside sales, customer service, or a related role<\/div>\n          <div class=\"gap-matched-badge\">Added<\/div>\n        <\/div>\n\n        <div class=\"gap-row\" id=\"gr-2\">\n          <div class=\"gap-plus\" id=\"gp-2\">+<\/div>\n          <div class=\"gap-sq amber\" id=\"gs-2\"><\/div>\n          <div class=\"gap-txt\">Proven ability to meet or exceed sales quotas consistently<\/div>\n          <div class=\"gap-matched-badge\">Added<\/div>\n        <\/div>\n\n        <div class=\"gap-row\" id=\"gr-3\">\n          <div class=\"gap-plus\" id=\"gp-3\">+<\/div>\n          <div class=\"gap-sq red\" id=\"gs-3\"><\/div>\n          <div class=\"gap-txt\">Experience in window and door or building materials industry<\/div>\n          <div class=\"gap-matched-badge\">Added<\/div>\n        <\/div>\n\n        <div class=\"gap-section-hdr\" style=\"margin-top:8px;\">Nice-to-Haves<\/div>\n\n        <div class=\"gap-row\" id=\"gr-4\">\n          <div class=\"gap-plus\" id=\"gp-4\">+<\/div>\n          <div class=\"gap-sq amber\" id=\"gs-4\"><\/div>\n          <div class=\"gap-txt\">Familiarity with CRM tools for tracking leads and customer interactions<\/div>\n          <div class=\"gap-matched-badge\">Added<\/div>\n        <\/div>\n\n        <div class=\"gap-row\" id=\"gr-5\">\n          <div class=\"gap-plus\" id=\"gp-5\">+<\/div>\n          <div class=\"gap-sq amber\" id=\"gs-5\"><\/div>\n          <div class=\"gap-txt\">Bachelor's degree in Business, Marketing, or related field preferred<\/div>\n          <div class=\"gap-matched-badge\">Added<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div><!-- \/gap-panel -->\n\n    <!-- \u2550\u2550 RIGHT: DETAIL PANEL \u2550\u2550 -->\n    <div class=\"detail-panel\" id=\"detail-panel\">\n      <div class=\"dp-handle\"><\/div>\n\n      <div class=\"dp-hdr\">\n        <div class=\"dp-eyebrow\">Missing Requirement<\/div>\n        <div class=\"dp-req-txt\" id=\"dp-req-txt\">Previous experience in inside sales, customer service, or a related role<\/div>\n      <\/div>\n\n      <div class=\"dp-where\">\n        <div class=\"dp-where-lbl\">Where did you do this?<\/div>\n\n        <div class=\"job-card\" id=\"jc-1\">\n          <div class=\"jc-radio\"><div class=\"jc-radio-inner\"><\/div><\/div>\n          <div class=\"jc-info\">\n            <div class=\"jc-title\">Senior Sales Associate<\/div>\n            <div class=\"jc-co\">TechFlow Solutions<\/div>\n          <\/div>\n          <div class=\"jc-dates\">Jan 2022 \u2013 Present<\/div>\n        <\/div>\n\n        <div class=\"job-card\" id=\"jc-2\">\n          <div class=\"jc-radio\"><div class=\"jc-radio-inner\"><\/div><\/div>\n          <div class=\"jc-info\">\n            <div class=\"jc-title\">Sales Representative<\/div>\n            <div class=\"jc-co\">Nexus Corp<\/div>\n          <\/div>\n          <div class=\"jc-dates\">Mar 2019 \u2013 Dec 2021<\/div>\n        <\/div>\n\n        <div class=\"job-card\" id=\"jc-3\">\n          <div class=\"jc-radio\"><div class=\"jc-radio-inner\"><\/div><\/div>\n          <div class=\"jc-info\">\n            <div class=\"jc-title\">Account Manager<\/div>\n            <div class=\"jc-co\">Vertex Dynamics<\/div>\n          <\/div>\n          <div class=\"jc-dates\">Jun 2017 \u2013 Feb 2019<\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"dp-footer\">\n        <button class=\"dp-cancel\">Cancel<\/button>\n        <button class=\"dp-save\" id=\"dp-save\">Save to Resume<\/button>\n      <\/div>\n    <\/div><!-- \/detail-panel -->\n\n  <\/div><!-- \/main -->\n\n  <!-- Tailoring shimmer overlay \u2014 shell level so it's visible after panel closes -->\n  <div class=\"tailoring-overlay\" id=\"tailoring-overlay\">\n    <div class=\"tailoring-txt\">Tailoring your resume...<\/div>\n    <div class=\"shimmer-bar\"><div class=\"shimmer-fill\" id=\"shimmer-fill\"><\/div><\/div>\n  <\/div>\n\n  <!-- Mobile backdrop -->\n  <div class=\"mob-backdrop\" id=\"mob-backdrop\"><\/div>\n\n\n\n  <!-- Sim cursor -->\n  <div id=\"sim-cursor\">\n    <svg width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\">\n      <path d=\"M3.5 2L3.5 18.5L7.8 14.2L11 22L13.4 21L10.2 13.2L16.5 13.2Z\"\n        fill=\"white\" stroke=\"rgba(0,0,0,0.28)\" stroke-width=\"1.4\"\n        stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\n    <\/svg>\n    <div id=\"sim-ripple\"><\/div>\n  <\/div>\n\n<\/div><!-- \/shell -->\n            <\/div>\n\n            <script>\n            (function(){\n'use strict';\n\nconst g  = id => document.getElementById(id);\nconst isMobile = () => window.innerWidth <= 720;\n\n\/* DOM *\/\nconst shell         = document.getElementById('jhe3m_D16ZaN').querySelector('.shell');\nconst gapPanel      = g('gap-panel');\nconst detailPanel   = g('detail-panel');\nconst dpReqTxt      = g('dp-req-txt');\nconst tailOverlay   = g('tailoring-overlay');\nconst shimFill      = g('shimmer-fill');\nconst dpSave        = g('dp-save');\nconst toast         = g('toast');\nconst mobBackdrop   = g('mob-backdrop');\nconst simCursor     = g('sim-cursor');\nconst simRipple     = g('sim-ripple');\n\n\/* Sequence: bullets 1, 3, 4 \u2014 each selects a different job *\/\nconst SEQUENCE = [\n  { rowId:'gr-1', plusId:'gp-1', sqId:'gs-1', jobId:'jc-1',\n    req:'Previous experience in inside sales, customer service, or a related role' },\n  { rowId:'gr-3', plusId:'gp-3', sqId:'gs-3', jobId:'jc-2',\n    req:'Experience in window and door or building materials industry' },\n  { rowId:'gr-4', plusId:'gp-4', sqId:'gs-4', jobId:'jc-3',\n    req:'Familiarity with CRM tools for tracking leads and customer interactions' },\n];\n\nconst LOOP_MS = 22000;\nlet loopTimer = null;\n\n\/* \u2500\u2500 Cursor helpers \u2500\u2500 *\/\nfunction getPos(el){\n  const sr = shell.getBoundingClientRect();\n  const er = el.getBoundingClientRect();\n  return { x: er.left-sr.left+er.width\/2, y: er.top-sr.top+er.height\/2 };\n}\nfunction cursorPlace(el){ const p=getPos(el); simCursor.style.transition='none'; simCursor.style.left=p.x+'px'; simCursor.style.top=p.y+'px'; }\nfunction cursorShow(){ requestAnimationFrame(()=>{ simCursor.style.transition='opacity 0.28s ease'; simCursor.style.opacity='1'; }); }\nfunction cursorMove(el,ms){ const p=getPos(el); simCursor.style.transition=`opacity 0.28s ease,left ${ms}ms cubic-bezier(0.4,0,0.2,1),top ${ms}ms cubic-bezier(0.4,0,0.2,1)`; simCursor.style.left=p.x+'px'; simCursor.style.top=p.y+'px'; }\nfunction cursorClick(){ simCursor.classList.add('pressing'); simRipple.classList.remove('fire'); void simRipple.offsetWidth; simRipple.classList.add('fire'); setTimeout(()=>simCursor.classList.remove('pressing'),130); }\nfunction cursorHide(){ simCursor.style.transition='opacity 0.4s ease'; simCursor.style.opacity='0'; }\n\n\/* \u2500\u2500 Reset \u2500\u2500 *\/\nfunction resetAll(){\n  clearTimeout(loopTimer);\n  detailPanel.classList.remove('open');\n  gapPanel.classList.remove('shifted');\n  mobBackdrop.classList.remove('show');\n\n  ['gr-1','gr-2','gr-3','gr-4','gr-5'].forEach(id=>{\n    const r=g(id); if(r) r.classList.remove('highlighted','matched');\n  });\n  ['gp-1','gp-2','gp-3','gp-4','gp-5'].forEach(id=>{\n    const p=g(id); if(p) p.textContent='+';\n  });\n  ['gs-1','gs-3','gs-4'].forEach(id=>{\n    const s=g(id);\n    if(!s) return;\n    s.className = (id==='gs-3') ? 'gap-sq red' : 'gap-sq amber';\n  });\n  ['jc-1','jc-2','jc-3'].forEach(id=>{ const c=g(id); if(c) c.classList.remove('selected'); });\n\n  dpSave.classList.remove('clicking');\n  dpSave.textContent = 'Save to Resume';\n  dpSave.style.background = '';\n\n  tailOverlay.classList.remove('show');\n  shimFill.style.transition='none'; shimFill.style.width='0%';\n\n  if(toast) toast.classList.remove('show');\n  cursorHide();\n}\n\n\/* \u2500\u2500 Single beat: click + \u2192 panel \u2192 select job \u2192 save \u2192 row green \u2192 close\n   No tailoring per beat. onDone fires after panel closes and row is green. \u2500\u2500 *\/\nfunction runBeat(seqIdx, onDone){\n  const s     = SEQUENCE[seqIdx];\n  const row   = g(s.rowId);\n  const plus  = g(s.plusId);\n  const jobEl = g(s.jobId);\n  if(!row||!plus||!jobEl) return;\n\n  dpReqTxt.textContent = s.req;\n\n  \/* Cursor appears on + *\/\n  if(!isMobile()){\n    cursorPlace(plus);\n    cursorShow();\n    setTimeout(()=> cursorMove(plus, 260), 250);\n  }\n\n  \/* t=580: click + \u2192 highlight \u2192 open panel *\/\n  setTimeout(()=>{\n    if(!isMobile()) cursorClick();\n    row.classList.add('highlighted');\n    plus.textContent = '\u2192';\n    setTimeout(()=>{\n      detailPanel.classList.add('open');\n      if(isMobile()) mobBackdrop.classList.add('show');\n    }, 260);\n  }, 580);\n\n  \/* t=1300: cursor to job card *\/\n  setTimeout(()=>{ if(!isMobile()) cursorMove(jobEl, 400); }, 1300);\n\n  \/* t=1800: select job *\/\n  setTimeout(()=>{\n    if(!isMobile()) cursorClick();\n    ['jc-1','jc-2','jc-3'].forEach(id=>{ const c=g(id); if(c) c.classList.remove('selected'); });\n    jobEl.classList.add('selected');\n  }, 1800);\n\n  \/* t=2480: cursor to Save *\/\n  setTimeout(()=>{ if(!isMobile()) cursorMove(dpSave, 340); }, 2480);\n\n  \/* t=2920: click Save \u2192 close panel \u2192 row green *\/\n  setTimeout(()=>{\n    if(!isMobile()) cursorClick();\n    dpSave.classList.add('clicking');\n    setTimeout(()=> dpSave.classList.remove('clicking'), 200);\n\n    \/* Close panel after brief flash *\/\n    setTimeout(()=>{\n      detailPanel.classList.remove('open');\n      mobBackdrop.classList.remove('show');\n\n      \/* Row goes green *\/\n      setTimeout(()=>{\n        row.classList.remove('highlighted');\n        row.classList.add('matched');\n        plus.textContent = '\u2713';\n        const sq = g(s.sqId); if(sq) sq.className='gap-sq green';\n        \/* Callback \u2014 ready for next beat *\/\n        setTimeout(onDone, 380);\n      }, 280);\n    }, 420);\n  }, 2920);\n}\n\n\/* \u2500\u2500 Tailoring sequence: fires once after all beats \u2500\u2500 *\/\nfunction runTailoring(onDone){\n  if(!isMobile()) cursorHide();\n\n  \/* Show shimmer *\/\n  tailOverlay.classList.add('show');\n  setTimeout(()=>{\n    shimFill.style.transition='width 1.5s cubic-bezier(0.16,1,0.3,1)';\n    shimFill.style.width='100%';\n  }, 80);\n\n  \/* Complete at t=2000 *\/\n  setTimeout(()=>{\n    tailOverlay.classList.remove('show');\n    shimFill.style.transition='none'; shimFill.style.width='0%';\n    setTimeout(onDone, 200);\n  }, 2000);\n}\n\n\/* \u2500\u2500 Main loop \u2500\u2500 *\/\nfunction runLoop(){\n  resetAll();\n\n  const GAP = 420; \/* pause between beats *\/\n\n  setTimeout(()=>{\n\n    \/* Beat 0 (row 1) *\/\n    runBeat(0, ()=>{\n      setTimeout(()=>{\n\n        \/* Beat 1 (row 3) *\/\n        runBeat(1, ()=>{\n          setTimeout(()=>{\n\n            \/* Beat 2 (row 4) *\/\n            runBeat(2, ()=>{\n\n              \/* All 3 added \u2014 now tailoring fires once *\/\n              setTimeout(()=>{\n                runTailoring(()=>{\n\n                  \/* Show toast *\/\n                  if(toast) toast.classList.add('show');\n                  setTimeout(()=>{ if(toast) toast.classList.remove('show'); }, 2500);\n\n                  \/* Hold then reset *\/\n                  loopTimer = setTimeout(()=>{\n                    resetAll();\n                    setTimeout(runLoop, 500);\n                  }, 3200);\n\n                });\n              }, 350);\n            });\n\n          }, GAP);\n        });\n\n      }, GAP);\n    });\n\n  }, 700);\n}\n\n\/* Boot *\/\n\n\/* \u2500\u2500 Trigger: scroll-track IntersectionObserver + setInterval fallback \u2500\u2500 *\/\nvar ext3WrapMob = document.getElementById('jhe3m_D16ZaN');\nvar ext3RunningMob = false;\n\nfunction ext3StartMob() {\n    if (ext3RunningMob) return;\n    ext3RunningMob = true;\n    resetAll();\n    setTimeout(runLoop, 400);\n}\nfunction ext3StopMob() {\n    if (!ext3RunningMob) return;\n    ext3RunningMob = false;\n    resetAll();\n}\n\nif (ext3WrapMob) {\n    var mob3Card  = ext3WrapMob.closest('[style*=\"scroll-snap-align\"]');\n    var mob3Track = mob3Card ? mob3Card.parentElement : null;\n\n    new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n            if (entry.isIntersecting) { ext3StartMob(); }\n            else                      { ext3StopMob();  }\n        });\n    }, { root: mob3Track || null, threshold: 0.6 }).observe(mob3Card || ext3WrapMob);\n\n    setInterval(function() {\n        var target = mob3Card || ext3WrapMob;\n        var r = target.getBoundingClientRect();\n        var visible = r.width > 0 && r.right > 0 && r.left < window.innerWidth\n                   && Math.abs(r.left) < r.width * 0.4;\n        if (visible && !ext3RunningMob) { ext3StartMob(); }\n        else if (!visible && ext3RunningMob) { ext3StopMob(); }\n    }, 350);\n}\n            })();\n            <\/script>\n\n            <p style=\"font-size:12px;line-height:1.5;color:rgba(255,255,255,0.7);margin:0 0 12px;\">Run an instant diagnostic between your profile and the job requirements. Identify exactly what the algorithm expects before you hit submit.<\/p>\n            \n            <a href=\"#\" style=\"display:block;width:100%;padding:14px;background:#0554F2;color:#000;font-family:monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;text-align:center;text-decoration:none;border-radius:6px;font-weight:700;\">INITIALIZE DIAGNOSTIC<\/a>\n        <\/div>\n\n        <!-- Slide 2 -->\n        <div style=\"min-width:88vw;max-width:88vw;flex-shrink:0;scroll-snap-align:center;background:rgba(10,10,10,0.6);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px;\">\n            \n            <span style=\"font-family:monospace;font-size:8px;letter-spacing:1.5px;color:#0554F2;display:block;margin-bottom:8px;text-transform:uppercase;\">DECRYPTION ENGINE<\/span>\n            \n            <h3 style=\"font-size:16px;font-weight:800;line-height:1.3;margin:0 0 12px;\">Read Between the Corporate Lines<\/h3>\n            \n                        <div id=\"jhe2m_ep8Viq\" class=\"jh-ext-shell-wrap\" style=\"width:100%;height:480px;margin:0 0 12px;border-radius:8px;overflow:hidden;position:relative;\">\n<div class=\"shell\">\n\n  <!-- Connector SVG overlay -->\n  <svg id=\"conn-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><\/svg>\n\n  <!-- \u2550\u2550\u2550 JD PANEL \u2550\u2550\u2550 -->\n  <div class=\"jd-panel\">\n\n    <div class=\"jd-header\">\n      <div class=\"jd-co-row\">\n        <div class=\"jd-co-mark\">CG<\/div>\n        <span class=\"jd-co-name\">Callaway Golf<\/span>\n        <div class=\"jd-co-sep\"><\/div>\n        <span class=\"jd-co-loc\">Carlsbad, CA<\/span>\n        <div class=\"jd-co-sep\"><\/div>\n        <span class=\"jd-co-sal\">$91,200\u2013$99,200 \/ yr<\/span>\n      <\/div>\n      <div class=\"jd-title\">Sales Analyst<\/div>\n      <div class=\"jd-chips-row\">\n        <span class=\"jd-chip\">Full-time<\/span>\n        <span class=\"jd-chip\">Mid-level<\/span>\n        <span class=\"jd-chip\">On-site<\/span>\n      <\/div>\n      <div class=\"jd-apply\">Apply on company site \u2197<\/div>\n    <\/div>\n\n    <div class=\"jd-scan-bar\">\n      <div class=\"scan-dot\"><\/div>\n      <span class=\"scan-txt\" id=\"scan-txt\">Ready to analyze<\/span>\n    <\/div>\n\n    <div class=\"jd-body\" id=\"jd-body\">\n      <div id=\"scan-beam\"><\/div>\n\n      <div class=\"jd-section\">\n        <div class=\"jd-sec-hdr\" id=\"sec-req\">Requirements<\/div>\n        <ul class=\"jd-list\">\n          <li>Proficiency in <span class=\"kw\" id=\"kw-sql\">SQL<\/span> and <span class=\"kw\" id=\"kw-excel\">Excel<\/span> for data extraction and modeling<\/li>\n          <li>Strong <span class=\"kw\" id=\"kw-analytical\">analytical thinking<\/span> \u2014 ability to synthesize complex datasets into insights<\/li>\n          <li>Experience with CRM platforms, particularly <span class=\"kw\" id=\"kw-sf\">Salesforce<\/span><\/li>\n          <li>Background in sales <span class=\"kw\" id=\"kw-forecast\">forecasting<\/span> and demand planning a plus<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"jd-section\">\n        <div class=\"jd-sec-hdr\" id=\"sec-resp\">Responsibilities<\/div>\n        <ul class=\"jd-list\">\n          <li>Perform <span class=\"kw\" id=\"kw-data\">data analysis<\/span> on sales performance across North American retail channels<\/li>\n          <li>Partner <span class=\"kw\" id=\"kw-cf\">cross-functional<\/span> with marketing, finance, and retail operations<\/li>\n          <li>Build <span class=\"kw\" id=\"kw-strategic\">strategic<\/span> reporting dashboards to surface KPIs and trends<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"jd-section\">\n        <div class=\"jd-sec-hdr\" id=\"sec-qual\">Qualifications<\/div>\n        <ul class=\"jd-list\">\n          <li><span class=\"kw\" id=\"kw-detail\">Detail-oriented<\/span> with high standards for data accuracy and documentation<\/li>\n          <li>Demonstrated <span class=\"kw\" id=\"kw-adapt\">adaptability<\/span> in fast-paced, evolving business environments<\/li>\n          <li>Excellent verbal and written <span class=\"kw\" id=\"kw-comm\">communication<\/span> skills required<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div><!-- \/jd-panel -->\n\n  <!-- \u2550\u2550\u2550 RESUME PANEL \u2550\u2550\u2550 -->\n  <div class=\"resume-panel\">\n\n    <div class=\"rp-hdr\">\n      <div>\n        <div class=\"rp-name\">ALEX R. CHEN<\/div>\n        <div class=\"rp-role\">Sales Initiatives Analyst<\/div>\n      <\/div>\n      <div class=\"rp-badge\" id=\"rp-badge\">\n        <div class=\"rp-dot\"><\/div>\n        <span class=\"rp-badge-txt\" id=\"rp-badge-txt\">Standby<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"rp-legend\">\n      <div class=\"leg-item\"><div class=\"leg-dot skill\"><\/div><span class=\"leg-txt\">Skill<\/span><\/div>\n      <div class=\"leg-item\"><div class=\"leg-dot comp\"><\/div><span class=\"leg-txt\">Competency<\/span><\/div>\n      <div class=\"leg-item\"><div class=\"leg-dot attr\"><\/div><span class=\"leg-txt\">Attribute<\/span><\/div>\n    <\/div>\n\n    <div class=\"chip-cols\">\n      <div class=\"chip-col col-skill\">\n        <div class=\"cc-hdr\">Skills<\/div>\n        <div class=\"chip-list\">\n          <div class=\"chip\" id=\"chip-sql\"        data-cat=\"skill\"        data-text=\"SQL\">\u2588\u2588\u2588<\/div>\n          <div class=\"chip\" id=\"chip-excel\"       data-cat=\"skill\"        data-text=\"Excel\">\u2588\u2588\u2588\u2588\u2588<\/div>\n          <div class=\"chip\" id=\"chip-data\"        data-cat=\"skill\"        data-text=\"Data Analysis\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"chip-col col-comp\">\n        <div class=\"cc-hdr\">Competencies<\/div>\n        <div class=\"chip-list\">\n          <div class=\"chip\" id=\"chip-analytical\"  data-cat=\"competency\"   data-text=\"Analytical Thinking\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n          <div class=\"chip\" id=\"chip-cf\"           data-cat=\"competency\"   data-text=\"Cross-functional\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n          <div class=\"chip\" id=\"chip-strategic\"   data-cat=\"competency\"   data-text=\"Strategic\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"chip-col col-attr\">\n        <div class=\"cc-hdr\">Attributes<\/div>\n        <div class=\"chip-list\">\n          <div class=\"chip\" id=\"chip-detail\"      data-cat=\"attribute\"    data-text=\"Detail-oriented\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n          <div class=\"chip\" id=\"chip-adapt\"       data-cat=\"attribute\"    data-text=\"Adaptability\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n          <div class=\"chip\" id=\"chip-comm\"        data-cat=\"attribute\"    data-text=\"Communication\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ats-sec\">\n      <div class=\"ats-row\">\n        <span class=\"ats-lbl\">ATS Match<\/span>\n        <div class=\"ats-track\"><div class=\"ats-fill\" id=\"ats-fill\"><\/div><\/div>\n        <span class=\"ats-pct\" id=\"ats-pct\">\u2014<\/span>\n      <\/div>\n      <div class=\"ats-sub\" id=\"ats-sub\">Awaiting scan...<\/div>\n    <\/div>\n\n    <div class=\"gap-sec\">\n      <div class=\"gap-hdr\">Gaps Detected<\/div>\n      <div class=\"gap-list\">\n        <div class=\"gap-chip\" id=\"gap-sf\">Salesforce<\/div>\n        <div class=\"gap-chip\" id=\"gap-forecast\">Forecasting<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"add-wrap\">\n      <button class=\"add-btn\" id=\"add-btn\">\u2726 Add 9 Matched Keywords to Resume<\/button>\n    <\/div>\n\n  <\/div><!-- \/resume-panel -->\n\n<\/div><!-- \/shell -->\n\n  <!-- \u2550\u2550\u2550 MOBILE SPOTLIGHT (Option 3) \u2550\u2550\u2550 -->\n  <div id=\"mob-spotlight\">\n\n    <div class=\"mob-jd-hdr\">\n      <div class=\"mob-jd-co-row\">\n        <div class=\"mob-jd-mark\">CG<\/div>\n        <span class=\"mob-jd-co\">Callaway Golf<\/span>\n        <div class=\"mob-jd-sep\"><\/div>\n        <span class=\"mob-jd-sal\">$91,200\u2013$99,200 \/ yr<\/span>\n      <\/div>\n      <div class=\"mob-jd-title\">Sales Analyst<\/div>\n    <\/div>\n\n    <div class=\"mob-scan-bar\">\n      <div class=\"scan-dot\"><\/div>\n      <span class=\"mob-scan-txt\" id=\"mob-scan-txt\">Ready to analyze<\/span>\n    <\/div>\n\n    <div class=\"mob-stage\" id=\"mob-stage\">\n\n      <!-- TOP: Cycling spotlight card -->\n      <div class=\"mob-card\" id=\"mob-card\">\n        <div class=\"mob-sec-badge\" id=\"mob-sec-badge\">Requirements<\/div>\n        <div class=\"mob-sentence\" id=\"mob-sentence\"><\/div>\n        <div class=\"mob-arrow\">\n          <div class=\"mob-arrow-line\"><\/div>\n          <div class=\"mob-arrow-head\">\u25bc<\/div>\n        <\/div>\n        <div class=\"mob-chip-row\">\n          <div class=\"mob-cat-dot\" id=\"mob-cat-dot\"><\/div>\n          <div class=\"mob-chip-text\" id=\"mob-chip-text\">\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588<\/div>\n          <div class=\"mob-cat-label\" id=\"mob-cat-label\"><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- TOP: Final state (replaces card after all matches) -->\n      <div class=\"mob-final\" id=\"mob-final\">\n        <div class=\"mob-final-badge\">\n          <span class=\"mob-final-dot\"><\/span>\n          <span class=\"mob-final-txt\">9 skills matched \u00b7 ready to inject<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- BOTTOM: Persistent live chip grid -->\n      <div class=\"mob-live-grid\">\n        <div class=\"mob-col col-skill\">\n          <div class=\"mob-col-hdr\">Skills<\/div>\n          <div class=\"mob-lchip skill\" id=\"lc-sql\">SQL<\/div>\n          <div class=\"mob-lchip skill\" id=\"lc-excel\">Excel<\/div>\n          <div class=\"mob-lchip skill\" id=\"lc-data\">Data Analysis<\/div>\n        <\/div>\n        <div class=\"mob-col col-comp\">\n          <div class=\"mob-col-hdr\">Competencies<\/div>\n          <div class=\"mob-lchip competency\" id=\"lc-analytical\">Analytical<\/div>\n          <div class=\"mob-lchip competency\" id=\"lc-cf\">Cross-func.<\/div>\n          <div class=\"mob-lchip competency\" id=\"lc-strategic\">Strategic<\/div>\n        <\/div>\n        <div class=\"mob-col col-attr\">\n          <div class=\"mob-col-hdr\">Attributes<\/div>\n          <div class=\"mob-lchip attribute\" id=\"lc-detail\">Detail-oriented<\/div>\n          <div class=\"mob-lchip attribute\" id=\"lc-adapt\">Adaptability<\/div>\n          <div class=\"mob-lchip attribute\" id=\"lc-comm\">Communication<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div><!-- \/mob-stage -->\n\n    <div class=\"mob-progress\" id=\"mob-progress\">\n      <!-- 9 dots injected by JS -->\n    <\/div>\n\n  <\/div><!-- \/mob-spotlight -->\n            <\/div>\n\n            <script>\n            (function(){\n'use strict';\n\nconst g  = id => document.getElementById(id);\nconst qs = s  => document.querySelector(s);\n\nconst shell    = document.getElementById('jhe2m_ep8Viq').querySelector('.shell');\nconst connSvg  = g('conn-svg');\nconst scanBeam = g('scan-beam');\nconst scanTxt  = g('scan-txt');\nconst rpBadge  = g('rp-badge');\nconst rpBadgeTxt = g('rp-badge-txt');\nconst atsFill  = g('ats-fill');\nconst atsPct   = g('ats-pct');\nconst atsSub   = g('ats-sub');\nconst addBtn   = g('add-btn');\n\n\/* \u2500\u2500 Glitch chars \u2500\u2500 *\/\nconst GLYPHS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_$%#!';\nconst rg = () => GLYPHS[Math.floor(Math.random() * GLYPHS.length)];\n\n\/* Category \u2192 connector stroke color *\/\nconst CAT_COLOR = {\n  skill:      'rgba(5,84,242,0.85)',\n  competency: 'rgba(99,102,241,0.85)',\n  attribute:  'rgba(96,176,255,0.7)',\n};\n\n\/* \u2500\u2500 Position helper (relative to shell) \u2500\u2500 *\/\nfunction pos(el){\n  const sr = shell.getBoundingClientRect();\n  const er = el.getBoundingClientRect();\n  return {\n    l: er.left - sr.left,  r: er.right  - sr.left,\n    t: er.top  - sr.top,   b: er.bottom - sr.top,\n    mx:(er.left+er.right)\/2 - sr.left,\n    my:(er.top +er.bottom)\/2 - sr.top,\n  };\n}\n\n\/* \u2500\u2500 Draw animated bezier connector \u2500\u2500 *\/\nfunction drawLine(fromEl, toEl, cat, onArrival){\n  const f = pos(fromEl);\n  const t = pos(toEl);\n  const x1 = f.r + 3;\n  const y1 = f.my;\n  const x2 = t.l - 3;\n  const y2 = t.my;\n  const cp = Math.abs(x2 - x1) * 0.42;\n  const d  = `M ${x1} ${y1} C ${x1+cp} ${y1} ${x2-cp} ${y2} ${x2} ${y2}`;\n\n  const path = document.createElementNS('http:\/\/www.w3.org\/2000\/svg','path');\n  path.setAttribute('d', d);\n  path.setAttribute('fill','none');\n  path.setAttribute('stroke', CAT_COLOR[cat]);\n  path.setAttribute('stroke-width','1.4');\n\n  \/* Endpoint dots *\/\n  [[x1,y1],[x2,y2]].forEach(([cx,cy])=>{\n    const c = document.createElementNS('http:\/\/www.w3.org\/2000\/svg','circle');\n    c.setAttribute('cx',cx); c.setAttribute('cy',cy);\n    c.setAttribute('r','2.5'); c.setAttribute('fill', CAT_COLOR[cat]);\n    connSvg.appendChild(c);\n    setTimeout(()=>{ c.style.transition='opacity 1.4s ease'; c.style.opacity='0.1'; }, 900);\n  });\n\n  \/* Dash-draw animation *\/\n  connSvg.appendChild(path);\n  const len = path.getTotalLength();\n  path.style.strokeDasharray  = len;\n  path.style.strokeDashoffset = len;\n  requestAnimationFrame(()=>{\n    path.style.transition = 'stroke-dashoffset 0.42s cubic-bezier(0.4,0,0.2,1)';\n    path.style.strokeDashoffset = '0';\n  });\n\n  setTimeout(()=>{\n    if(onArrival) onArrival();\n    setTimeout(()=>{\n      path.style.transition += ',opacity 1.5s ease';\n      path.style.opacity = '0.1';\n    }, 700);\n  }, 440);\n}\n\n\/* \u2500\u2500 Chip scramble \u2192 lock \u2500\u2500 *\/\nfunction lockChip(chipEl){\n  const text = chipEl.dataset.text;\n  const cat  = chipEl.dataset.cat;\n  const len  = text.length;\n  let prog = 0;\n  const iv = setInterval(()=>{\n    let out = '';\n    for(let i=0;i<len;i++){\n      out += i < prog ? text[i] : rg();\n    }\n    chipEl.textContent = out;\n    prog += 0.4;\n    if(prog >= len){\n      clearInterval(iv);\n      chipEl.textContent = text;\n      chipEl.classList.add(`locked-${cat}`);\n    }\n  }, 38);\n}\n\n\/* \u2500\u2500 Flash keyword in JD \u2500\u2500 *\/\nfunction flashKw(el, cat, isGap){\n  el.classList.add(isGap ? 'lit-gap' : `lit-${cat}`);\n}\n\n\/* \u2500\u2500 Match: flash JD \u2192 draw line \u2192 scramble chip \u2500\u2500 *\/\nfunction doMatch(kwId, chipId, cat){\n  const kw   = g(kwId);\n  const chip = g(chipId);\n  if(!kw || !chip) return;\n  flashKw(kw, cat, false);\n  if(window.innerWidth > 720){\n    drawLine(kw, chip, cat, ()=> lockChip(chip));\n  } else {\n    setTimeout(()=> lockChip(chip), 120);\n  }\n}\n\n\/* \u2500\u2500 Gap detection \u2500\u2500 *\/\nfunction doGap(kwId, gapId){\n  const kw  = g(kwId);\n  const gap = g(gapId);\n  if(kw)  flashKw(kw, 'skill', true);\n  if(gap) gap.classList.add('show');\n}\n\n\/* \u2500\u2500 Animate ATS counter \u2500\u2500 *\/\nfunction animateATS(target, ms){\n  const t0 = Date.now();\n  atsFill.style.width = target + '%';\n  (function tick(){\n    const pct = Math.min((Date.now()-t0)\/ms, 1);\n    const eased = 1 - Math.pow(1-pct, 3);\n    const v = Math.round(eased * target);\n    atsPct.textContent = v + '%';\n    if(pct < 1) requestAnimationFrame(tick);\n    else {\n      atsPct.textContent = target + '%';\n      atsPct.style.color = target >= 75 ? '#22c55e' : '#60B0FF';\n      atsSub.textContent = '9 matched \u00b7 2 gaps \u00b7 ready to inject';\n    }\n  })();\n}\n\n\/* \u2500\u2500 Reset all state \u2500\u2500 *\/\nfunction resetAll(){\n  \/* Clear SVG *\/\n  while(connSvg.firstChild) connSvg.removeChild(connSvg.firstChild);\n\n  \/* Scan beam *\/\n  scanBeam.style.transition = 'none';\n  scanBeam.style.opacity    = '0';\n  scanBeam.style.transform  = 'translateY(0)';\n  scanBeam.style.animation  = 'none';\n\n  \/* JD keywords *\/\n  document.querySelectorAll('.kw').forEach(el=> el.className = 'kw');\n\n  \/* Section headers *\/\n  ['sec-req','sec-resp','sec-qual'].forEach(id=>{\n    const el = g(id); if(el) el.classList.remove('lit');\n  });\n\n  \/* Status text *\/\n  scanTxt.textContent = 'Ready to analyze';\n  scanTxt.classList.remove('hot');\n  rpBadge.classList.remove('active');\n  rpBadgeTxt.textContent = 'Standby';\n\n  \/* Chips \u2014 restore placeholder *\/\n  document.querySelectorAll('.chip').forEach(el=>{\n    const t = el.dataset.text || '';\n    el.className = 'chip';\n    el.textContent = '\u2588'.repeat(t.length);\n  });\n\n  \/* Gaps *\/\n  ['gap-sf','gap-forecast'].forEach(id=>{\n    const el = g(id); if(el) el.classList.remove('show');\n  });\n\n  \/* Score *\/\n  atsFill.style.transition = 'none';\n  atsFill.style.width = '0%';\n  atsPct.textContent = '\u2014';\n  atsPct.style.color = '';\n  atsSub.textContent = 'Awaiting scan...';\n\n  \/* Button *\/\n  addBtn.classList.remove('show');\n}\n\n\/* \u2500\u2500 Main loop \u2500\u2500 *\/\nconst LOOP_MS = 12000;\nconst isMobile = () => window.innerWidth <= 720;\n\nfunction runLoop(){\n  if(isMobile()) runLoopMobile();\n  else           runLoopDesktop();\n}\n\nfunction runLoopDesktop(){\n  resetAll();\n\n  \/* t=350: scan starts *\/\n  setTimeout(()=>{\n    scanTxt.classList.add('hot');\n    scanTxt.textContent = 'Extracting skills, competencies, attributes...';\n    rpBadge.classList.add('active');\n    rpBadgeTxt.textContent = 'Scanning';\n\n    const bodyH = g('jd-body').offsetHeight;\n    scanBeam.style.opacity = '1';\n    requestAnimationFrame(()=>{\n      scanBeam.style.transition = `transform 5500ms linear, opacity 300ms ease`;\n      scanBeam.style.transform  = `translateY(${bodyH}px)`;\n      setTimeout(()=> scanBeam.style.opacity = '0', 5300);\n    });\n\n    const secSeq = [\n      {id:'sec-req',  on:50,   off:2400},\n      {id:'sec-resp', on:2400, off:4000},\n      {id:'sec-qual', on:4000, off:5600},\n    ];\n    secSeq.forEach(s=>{\n      setTimeout(()=> g(s.id).classList.add('lit'), s.on);\n      setTimeout(()=> g(s.id).classList.remove('lit'), s.off);\n    });\n  }, 350);\n\n  const MATCHES = [\n    {t:950,  kw:'kw-sql',        chip:'chip-sql',        cat:'skill'},\n    {t:1600, kw:'kw-excel',      chip:'chip-excel',       cat:'skill'},\n    {t:2200, kw:'kw-analytical', chip:'chip-analytical',  cat:'competency'},\n    {t:2850, kw:'kw-data',       chip:'chip-data',        cat:'skill'},\n    {t:3420, kw:'kw-cf',         chip:'chip-cf',          cat:'competency'},\n    {t:4000, kw:'kw-strategic',  chip:'chip-strategic',   cat:'competency'},\n    {t:4600, kw:'kw-detail',     chip:'chip-detail',      cat:'attribute'},\n    {t:5150, kw:'kw-adapt',      chip:'chip-adapt',       cat:'attribute'},\n    {t:5650, kw:'kw-comm',       chip:'chip-comm',        cat:'attribute'},\n  ];\n  MATCHES.forEach(m=> setTimeout(()=> doMatch(m.kw, m.chip, m.cat), m.t));\n\n  setTimeout(()=>{\n    doGap('kw-sf', 'gap-sf');\n    scanTxt.textContent = '9 matched \u00b7 2 gaps detected';\n  }, 6200);\n  setTimeout(()=> doGap('kw-forecast', 'gap-forecast'), 6620);\n\n  setTimeout(()=>{\n    rpBadgeTxt.textContent = '9 \/ 11';\n    atsFill.style.transition = 'width 1.7s cubic-bezier(0.16,1,0.3,1)';\n    animateATS(82, 1700);\n  }, 7050);\n\n  setTimeout(()=> addBtn.classList.add('show'), 8400);\n  setTimeout(()=>{ resetAll(); setTimeout(runLoop, 400); }, LOOP_MS);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOBILE \u2014 SPOTLIGHT LOOP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Spotlight data \u2014 one entry per match, maps to a live-grid chip id *\/\nconst SPOTLIGHT = [\n  { sec:'req',  secTxt:'Requirements',\n    sentence:'Proficiency in <b class=\"mob-kw-hl skill\">SQL<\/b> and Excel for data extraction and modeling',\n    cat:'skill', chip:'SQL', lcId:'lc-sql' },\n  { sec:'req',  secTxt:'Requirements',\n    sentence:'Proficiency in SQL and <b class=\"mob-kw-hl skill\">Excel<\/b> for data extraction and modeling',\n    cat:'skill', chip:'Excel', lcId:'lc-excel' },\n  { sec:'req',  secTxt:'Requirements',\n    sentence:'Strong <b class=\"mob-kw-hl competency\">analytical thinking<\/b> \u2014 ability to synthesize complex datasets',\n    cat:'competency', chip:'Analytical Thinking', lcId:'lc-analytical' },\n  { sec:'resp', secTxt:'Responsibilities',\n    sentence:'Perform <b class=\"mob-kw-hl skill\">data analysis<\/b> on sales performance across channels',\n    cat:'skill', chip:'Data Analysis', lcId:'lc-data' },\n  { sec:'resp', secTxt:'Responsibilities',\n    sentence:'Partner <b class=\"mob-kw-hl competency\">cross-functional<\/b> with marketing, finance, and retail ops',\n    cat:'competency', chip:'Cross-functional', lcId:'lc-cf' },\n  { sec:'resp', secTxt:'Responsibilities',\n    sentence:'Build <b class=\"mob-kw-hl competency\">strategic<\/b> reporting dashboards to surface KPIs and trends',\n    cat:'competency', chip:'Strategic', lcId:'lc-strategic' },\n  { sec:'qual', secTxt:'Qualifications',\n    sentence:'<b class=\"mob-kw-hl attribute\">Detail-oriented<\/b> with high standards for data accuracy',\n    cat:'attribute', chip:'Detail-oriented', lcId:'lc-detail' },\n  { sec:'qual', secTxt:'Qualifications',\n    sentence:'Demonstrated <b class=\"mob-kw-hl attribute\">adaptability<\/b> in fast-paced, evolving environments',\n    cat:'attribute', chip:'Adaptability', lcId:'lc-adapt' },\n  { sec:'qual', secTxt:'Qualifications',\n    sentence:'Excellent verbal and written <b class=\"mob-kw-hl attribute\">communication<\/b> skills required',\n    cat:'attribute', chip:'Communication', lcId:'lc-comm' },\n];\n\nconst GLYPHS2 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_$%#!';\nconst rg2 = () => GLYPHS2[Math.floor(Math.random()*GLYPHS2.length)];\n\nlet mobLoopTimer = null;\n\nfunction mobResetAll(){\n  clearTimeout(mobLoopTimer);\n\n  const card  = g('mob-card');\n  const final = g('mob-final');\n  const scanT = g('mob-scan-txt');\n\n  if(card)  { card.classList.remove('visible','exit'); }\n  if(final) { final.classList.remove('visible'); }\n  if(scanT) { scanT.textContent='Ready to analyze'; scanT.classList.remove('hot'); }\n\n  \/* Reset progress dots *\/\n  document.querySelectorAll('.mob-prog-dot').forEach(d=>d.className='mob-prog-dot');\n\n  \/* Reset live chips *\/\n  document.querySelectorAll('.mob-lchip').forEach(c=>c.classList.remove('show'));\n}\n\n\/* \u2500\u2500 Falling particle: from locked dot \u2192 target column \u2500\u2500 *\/\nfunction fireDrop(cat, lcId){\n  const spotlight = g('mob-spotlight');\n  const srcDot    = g('mob-cat-dot');\n  \/* Map cat \u2192 column element *\/\n  const colMap = { skill:'col-skill', competency:'col-comp', attribute:'col-attr' };\n  const colEl  = spotlight.querySelector('.mob-col.' + colMap[cat]);\n  if(!spotlight || !srcDot || !colEl) return;\n\n  const sr  = spotlight.getBoundingClientRect();\n  const dr  = srcDot.getBoundingClientRect();\n  const cr  = colEl.getBoundingClientRect();\n\n  \/* Start: center of the locked dot in the card *\/\n  const startX = dr.left + dr.width  \/ 2 - sr.left;\n  const startY = dr.top  + dr.height \/ 2 - sr.top;\n\n  \/* End: center-top of the column header *\/\n  const endX = cr.left + cr.width  \/ 2 - sr.left;\n  const endY = cr.top  + 12 - sr.top;   \/* 12px into the column header *\/\n\n  \/* Create particle *\/\n  const p = document.createElement('div');\n  p.className = `mob-particle ${cat}`;\n  p.style.left = startX + 'px';\n  p.style.top  = startY + 'px';\n  spotlight.appendChild(p);\n\n  \/* One rAF to let browser paint at start position, then transition to end *\/\n  requestAnimationFrame(()=>{\n    requestAnimationFrame(()=>{\n      p.style.left = endX + 'px';\n      p.style.top  = endY + 'px';\n    });\n  });\n\n  \/* On arrival: plop the column, fade out particle, show chip *\/\n  setTimeout(()=>{\n    \/* Column plop *\/\n    colEl.classList.add(`plopping-${cat}`);\n    setTimeout(()=> colEl.classList.remove(`plopping-${cat}`), 420);\n\n    \/* Fade particle *\/\n    p.style.opacity = '0';\n    setTimeout(()=>{ if(p.parentNode) p.parentNode.removeChild(p); }, 220);\n\n    \/* Drop chip into grid *\/\n    const lc = g(lcId);\n    if(lc) lc.classList.add('show');\n  }, 540);   \/* matches transition duration 0.52s *\/\n}\n\n\/* Scramble chip text in card then lock *\/\nfunction mobLockChip(text, cat){\n  const el = g('mob-chip-text');\n  if(!el) return;\n  const len = text.length;\n  let prog = 0;\n  const iv = setInterval(()=>{\n    let out = '';\n    for(let i=0;i<len;i++) out += i<prog ? text[i] : rg2();\n    el.textContent = out;\n    prog += 0.45;\n    if(prog >= len){\n      clearInterval(iv);\n      el.textContent = text;\n      el.className = `mob-chip-text locked-${cat}`;\n      const dot = g('mob-cat-dot');\n      if(dot) dot.classList.add('locked');\n    }\n  },38);\n}\n\n\/* Show one spotlight card, drop chip into live grid simultaneously *\/\nfunction mobShowCard(idx, onDone){\n  const d    = SPOTLIGHT[idx];\n  const card = g('mob-card');\n  if(!card) return;\n\n  const badge   = g('mob-sec-badge');\n  const sent    = g('mob-sentence');\n  const catDot  = g('mob-cat-dot');\n  const chipTxt = g('mob-chip-text');\n  const catLbl  = g('mob-cat-label');\n\n  badge.className   = `mob-sec-badge ${d.sec}`;\n  badge.textContent = d.secTxt;\n  sent.innerHTML    = d.sentence;\n  catDot.className  = `mob-cat-dot ${d.cat}`;\n  catDot.classList.remove('locked');\n  chipTxt.className = 'mob-chip-text';\n  chipTxt.textContent = '\u2588'.repeat(d.chip.length > 14 ? 14 : d.chip.length);\n  catLbl.className  = `mob-cat-label ${d.cat}`;\n  catLbl.textContent = d.cat.charAt(0).toUpperCase()+d.cat.slice(1);\n\n  \/* Progress dots *\/\n  document.querySelectorAll('.mob-prog-dot').forEach((dot,i)=>{\n    dot.className = 'mob-prog-dot' + (i<idx ? ' done' : i===idx ? ' active' : '');\n  });\n\n  \/* Reveal card *\/\n  card.classList.remove('exit');\n  void card.offsetWidth;\n  card.classList.add('visible');\n\n  \/* After 500ms: scramble chip in card + fire particle toward column *\/\n  setTimeout(()=>{\n    mobLockChip(d.chip, d.cat);\n    \/* Short delay so chip is visibly locked before particle fires *\/\n    setTimeout(()=> fireDrop(d.cat, d.lcId), 260);\n  }, 500);\n\n  \/* Hold 1.4s then exit *\/\n  setTimeout(()=>{\n    card.classList.remove('visible');\n    card.classList.add('exit');\n    setTimeout(onDone, 300);\n  }, 1700);\n}\n\nfunction runLoopMobile(){\n  mobResetAll();\n\n  \/* Build progress dots once *\/\n  const progEl = g('mob-progress');\n  if(progEl && progEl.children.length === 0){\n    SPOTLIGHT.forEach(()=>{\n      const d = document.createElement('div');\n      d.className = 'mob-prog-dot';\n      progEl.appendChild(d);\n    });\n  }\n\n  const scanT = g('mob-scan-txt');\n  const MOBILE_LOOP = 14500;\n\n  \/* t=400: scan label *\/\n  setTimeout(()=>{\n    if(scanT){ scanT.classList.add('hot'); scanT.textContent='Extracting skills, competencies, attributes...'; }\n  },400);\n\n  \/* Cycle spotlight cards *\/\n  let idx = 0;\n  function next(){\n    if(idx >= SPOTLIGHT.length){\n      showMobFinal();\n      return;\n    }\n    mobShowCard(idx, ()=>{ idx++; setTimeout(next, 80); });\n  }\n  setTimeout(next, 750);\n\n  function showMobFinal(){\n    const card  = g('mob-card');\n    const final = g('mob-final');\n    if(card)  card.classList.remove('visible','exit');\n    if(!final) return;\n\n    document.querySelectorAll('.mob-prog-dot').forEach(d=>{ d.className='mob-prog-dot done'; });\n    if(scanT) scanT.textContent = '9 matched \u00b7 2 gaps detected';\n    final.classList.add('visible');\n  }\n\n  \/* Reset + loop *\/\n  mobLoopTimer = setTimeout(()=>{ mobResetAll(); setTimeout(runLoop, 400); }, MOBILE_LOOP);\n}\n\n\/* Boot *\/\n\n\/* \u2500\u2500 Trigger: scroll-track IntersectionObserver + setInterval fallback \u2500\u2500 *\/\nvar ext2WrapMob = document.getElementById('jhe2m_ep8Viq');\nvar ext2RunningMob = false;\n\nfunction ext2StartMob() {\n    if (ext2RunningMob) return;\n    ext2RunningMob = true;\n    resetAll();\n    setTimeout(runLoop, 400);\n}\nfunction ext2StopMob() {\n    if (!ext2RunningMob) return;\n    ext2RunningMob = false;\n    resetAll();\n}\n\nif (ext2WrapMob) {\n    var mob2Card  = ext2WrapMob.closest('[style*=\"scroll-snap-align\"]');\n    var mob2Track = mob2Card ? mob2Card.parentElement : null;\n\n    new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n            if (entry.isIntersecting) { ext2StartMob(); }\n            else                      { ext2StopMob();  }\n        });\n    }, { root: mob2Track || null, threshold: 0.6 }).observe(mob2Card || ext2WrapMob);\n\n    setInterval(function() {\n        var target = mob2Card || ext2WrapMob;\n        var r = target.getBoundingClientRect();\n        var visible = r.width > 0 && r.right > 0 && r.left < window.innerWidth\n                   && Math.abs(r.left) < r.width * 0.4;\n        if (visible && !ext2RunningMob) { ext2StartMob(); }\n        else if (!visible && ext2RunningMob) { ext2StopMob(); }\n    }, 350);\n}\n            })();\n            <\/script>\n\n            <p style=\"font-size:12px;line-height:1.5;color:rgba(255,255,255,0.7);margin:0 0 12px;\">Turn corporate jargon into tactical insights. Understand the \"Black Box\" criteria to gain the definitive advantage.<\/p>\n            \n            <a href=\"#\" style=\"display:block;width:100%;padding:14px;background:#0554F2;color:#000;font-family:monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;text-align:center;text-decoration:none;border-radius:6px;font-weight:700;\">ACCESS DECRYPTION<\/a>\n        <\/div>\n\n                <!-- Slide 4 \u2014 APPLICATION AUTOMATION -->\n        <!-- SURGICAL SWAP: placeholder image replaced with jh-extension-demo iframe -->\n        <div style=\"min-width:88vw;max-width:88vw;flex-shrink:0;scroll-snap-align:center;background:rgba(10,10,10,0.6);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:16px;\">\n            \n            <span style=\"font-family:monospace;font-size:8px;letter-spacing:1.5px;color:#0554F2;display:block;margin-bottom:8px;text-transform:uppercase;\">APPLICATION AUTOMATION<\/span>\n            \n            <h3 style=\"font-size:16px;font-weight:800;line-height:1.3;margin:0 0 12px;\">Your Agent. Your Advocate. Your Edge.<\/h3>\n\n                        <div id=\"jhem_z9aNd7\" class=\"jh-ext-shell-wrap\" style=\"width:100%;height:480px;margin:0 0 12px;border-radius:8px;overflow:hidden;position:relative;\">\n<div class=\"shell\">\n\n  <!-- Persistent brand header \u2014 visible on mobile only, always on top -->\n  <div class=\"mobile-header\">\n    <div class=\"sb-logo\">JUST H<span class=\"bar\" style=\"color:#60B0FF;\">|<\/span>RED<\/div>\n    <div class=\"sb-active-pill\">\n      <div class=\"sb-dot\"><\/div>\n      <span class=\"sb-active-text\">Active<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- FORM SIDE -->\n  <div class=\"form-side\">\n    <div class=\"ats-bar\">\n      <div class=\"ats-mark\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n      <\/div>\n      <span class=\"ats-bar-name\">Apex Technologies<\/span>\n      <div class=\"ats-bar-sep\"><\/div>\n      <span class=\"ats-bar-job\">Senior Software Engineer \u2014 Application<\/span>\n    <\/div>\n\n    <div class=\"ats-steps\">\n      <div class=\"ats-step active\"><div class=\"ats-step-n\">1<\/div><span>Personal Info<\/span><\/div>\n      <div class=\"ats-step-sep\"><\/div>\n      <div class=\"ats-step\"><div class=\"ats-step-n\">2<\/div><span>Experience<\/span><\/div>\n      <div class=\"ats-step-sep\"><\/div>\n      <div class=\"ats-step\"><div class=\"ats-step-n\">3<\/div><span>Documents<\/span><\/div>\n      <div class=\"ats-step-sep\"><\/div>\n      <div class=\"ats-step\"><div class=\"ats-step-n\">4<\/div><span>Review<\/span><\/div>\n    <\/div>\n\n    <div class=\"form-body\">\n      <div class=\"sec-label\">Personal Information<\/div>\n\n      <div class=\"field-grid\">\n        <div class=\"field-group\">\n          <div class=\"label-row\">\n            <label>Current Title<\/label>\n            <span class=\"badge b-ready\" id=\"b-ph\">\u26a1 Ready<\/span>\n          <\/div>\n          <input class=\"form-input\" id=\"f-ph\" type=\"text\" readonly>\n        <\/div>\n        <div class=\"field-group\">\n          <div class=\"label-row\">\n            <label>Current Employer<\/label>\n            <span class=\"badge b-ready\" id=\"b-em\">\u26a1 Ready<\/span>\n          <\/div>\n          <input class=\"form-input\" id=\"f-em\" type=\"text\" readonly>\n        <\/div>\n        <div class=\"field-group\">\n          <div class=\"label-row\">\n            <label>Desired Compensation<\/label>\n            <span class=\"badge b-ready\" id=\"b-cp\">\u26a1 Ready<\/span>\n          <\/div>\n          <input class=\"form-input\" id=\"f-cp\" type=\"text\" readonly>\n        <\/div>\n        <div class=\"field-group\">\n          <div class=\"label-row\">\n            <label>LinkedIn Profile<\/label>\n            <span class=\"badge b-ready\" id=\"b-ln\">\u26a1 Ready<\/span>\n          <\/div>\n          <input class=\"form-input\" id=\"f-ln\" type=\"text\" readonly>\n        <\/div>\n      <\/div>\n\n      <div class=\"field-full\">\n        <div class=\"label-row\">\n          <label>Authorized to work in the US?<\/label>\n          <span class=\"badge b-select\" id=\"b-au\">\u26a0 Select option<\/span>\n        <\/div>\n        <div class=\"pill-row\">\n          <div class=\"auth-pill\" id=\"pill-yes\">Yes<\/div>\n          <div class=\"auth-pill\" id=\"pill-no\">No<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"field-full\">\n        <div class=\"label-row\">\n          <label>Resume \/ CV<\/label>\n          <span class=\"badge b-resume\" id=\"b-rv\">\u2193 Resume<\/span>\n        <\/div>\n        <div class=\"upload-zone\" id=\"upload-zone\">\n          <div class=\"upload-zone-idle\">\n            <div class=\"upload-zone-icon\">\u2b06<\/div>\n            <div class=\"upload-zone-text\">Drop file here or <span>click to upload<\/span><\/div>\n            <div class=\"upload-zone-sub\">PDF, DOCX \u2014 max 10MB<\/div>\n          <\/div>\n          <div class=\"upload-zone-file\">\n            <span class=\"uf-name\">sarah_chen_resume.pdf<\/span>\n            <span class=\"uf-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"field-full\">\n        <div class=\"label-row\">\n          <label>Describe a complex problem you solved that applies to this role?<\/label>\n          <span class=\"badge b-ai\" id=\"b-ai\">\u2726 Ask AI<\/span>\n        <\/div>\n        <textarea class=\"form-textarea\" id=\"f-ai\" readonly><\/textarea>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- SIDEBAR -->\n  <div class=\"sidebar\">\n    <div class=\"sb-brand\">\n      <div class=\"sb-logo\">JUST H<span class=\"bar\">|<\/span>RED<\/div>\n      <div class=\"sb-active-pill\">\n        <div class=\"sb-dot\"><\/div>\n        <span class=\"sb-active-text\">Active<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"doc-deck\">\n      <div class=\"doc-card\">\n        <div class=\"sb-dot-blue\"><\/div>\n        <span class=\"dc-label\">Resume<\/span>\n        <span class=\"dc-arr\">\u2193<\/span>\n      <\/div>\n      <div class=\"doc-card\">\n        <div class=\"sb-dot-blue\"><\/div>\n        <span class=\"dc-label\">Cover Letter<\/span>\n        <span class=\"dc-arr\">\u2193<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"fields-panel\">\n      <div class=\"fp-bar\">\n        <div class=\"fp-bar-text\" id=\"fp-counter\">\ud83d\udccd 6 fields ready to fill<\/div>\n      <\/div>\n      <div class=\"fp-grid\">\n\n        <div class=\"fcard done\" id=\"c-ph\">\n          <div class=\"fc-label\">Current Title<\/div>\n          <div class=\"fc-val-row\">\n            <div class=\"fc-input\">Senior Software Engineer<\/div>\n            <span class=\"fc-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fcard done\" id=\"c-em\">\n          <div class=\"fc-label\">Current Employer<\/div>\n          <div class=\"fc-val-row\">\n            <div class=\"fc-input\">Stripe, Inc.<\/div>\n            <span class=\"fc-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fcard done\" id=\"c-cp\">\n          <div class=\"fc-label\">Desired Compensation<\/div>\n          <div class=\"fc-val-row\">\n            <div class=\"fc-input\">$145,000 \/ year<\/div>\n            <span class=\"fc-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fcard done\" id=\"c-ln\">\n          <div class=\"fc-label\">LinkedIn Profile<\/div>\n          <div class=\"fc-val-row\">\n            <div class=\"fc-input\">linkedin.com\/in\/sarahchen<\/div>\n            <span class=\"fc-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fcard sel-type span2\" id=\"c-au\">\n          <div class=\"fc-label\">Work Authorization<\/div>\n          <div class=\"fc-val-row\">\n            <div class=\"fc-input\" id=\"c-au-val\" style=\"color:rgba(245,158,11,0.95);font-style:italic;font-size:8.5px;font-weight:700;\">\u26a0 Select 'Yes' on page<\/div>\n            <span class=\"fc-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fcard resume-type span2\" id=\"c-rv\">\n          <div class=\"fc-label\">Resume \/ CV<\/div>\n          <div class=\"fc-val-row\">\n            <div class=\"fc-input\" id=\"c-rv-val\">\u2193 Download from profile<\/div>\n            <span class=\"fc-check\">\u2713<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"fcard ai-type span2\" id=\"c-ai\">\n          <div class=\"fc-label\">Complex Problem \u2014 Ask AI<\/div>\n          <textarea class=\"fc-textarea\" id=\"fc-ai-text\" readonly><\/textarea>\n          <button class=\"ask-ai-btn\" id=\"ask-ai-btn\">\u2726 Ask AI<\/button>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"notif\" id=\"notif\">\n      <span class=\"notif-spark\">\u2726<\/span>\n      <div class=\"notif-text\">Getting smarter \u2014 saved 6 fields<\/div>\n      <div class=\"notif-dots\">\n        <div class=\"ndot\"><\/div><div class=\"ndot\"><\/div><div class=\"ndot\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"sb-actions\">\n      <button class=\"btn-submit\" id=\"btn-submit\">Submit Application<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Simulated cursor \u2014 absolutely positioned over shell -->\n  <div id=\"sim-cursor\">\n    <svg width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\">\n      <path d=\"M3.5 2L3.5 18.5L7.8 14.2L11 22L13.4 21L10.2 13.2L16.5 13.2Z\"\n        fill=\"white\" stroke=\"rgba(0,0,0,0.28)\" stroke-width=\"1.4\"\n        stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>\n    <\/svg>\n    <div id=\"sim-ripple\"><\/div>\n  <\/div>\n\n<\/div>\n            <\/div>\n\n            <script>\n            (function(){\n'use strict';\nconst g=id=>document.getElementById(id);\n\nconst inputs={cp:g('f-cp'),ln:g('f-ln'),em:g('f-em'),ph:g('f-ph')};\nconst badges={cp:g('b-cp'),ln:g('b-ln'),em:g('b-em'),ph:g('b-ph'),au:g('b-au'),rv:g('b-rv'),ai:g('b-ai')};\nconst cards={cp:g('c-cp'),ln:g('c-ln'),em:g('c-em'),ph:g('c-ph'),au:g('c-au'),rv:g('c-rv'),ai:g('c-ai')};\nconst pillYes=g('pill-yes');\nconst cAuVal=g('c-au-val');\nconst cRvVal=g('c-rv-val');\nconst uploadZone=g('upload-zone');\nconst formAI=g('f-ai');\nconst fcAiText=g('fc-ai-text');\nconst askAiBtn=g('ask-ai-btn');\nconst btnSubmit=g('btn-submit');\nconst notif=g('notif');\nconst fpCounter=g('fp-counter');\nconst simCursor=g('sim-cursor');\nconst simRipple=g('sim-ripple');\nconst shell=document.getElementById('jhem_z9aNd7').querySelector('.shell');\n\n\/* \u2500\u2500 CURSOR HELPERS \u2500\u2500 *\/\nfunction getPos(el){\n  const er=el.getBoundingClientRect();\n  const sr=shell.getBoundingClientRect();\n  return{\n    x:er.left-sr.left+er.width\/2,\n    y:er.top-sr.top+er.height\/2\n  };\n}\n\n\/* Instantly place cursor at element (no transition on position) *\/\nfunction cursorPlace(el){\n  const p=getPos(el);\n  simCursor.style.transition='none';\n  simCursor.style.left=p.x+'px';\n  simCursor.style.top=p.y+'px';\n}\n\n\/* Fade cursor in *\/\nfunction cursorShow(){\n  requestAnimationFrame(()=>{\n    simCursor.style.transition='opacity 0.28s ease';\n    simCursor.style.opacity='1';\n  });\n}\n\n\/* Smoothly move cursor to element *\/\nfunction cursorMove(el,ms){\n  const p=getPos(el);\n  simCursor.style.transition=`opacity 0.28s ease, left ${ms}ms cubic-bezier(0.4,0,0.2,1), top ${ms}ms cubic-bezier(0.4,0,0.2,1)`;\n  simCursor.style.left=p.x+'px';\n  simCursor.style.top=p.y+'px';\n}\n\n\/* Click animation \u2014 scale down + ripple *\/\nfunction cursorClick(){\n  simCursor.classList.add('pressing');\n  \/* restart ripple *\/\n  simRipple.classList.remove('fire');\n  void simRipple.offsetWidth;\n  simRipple.classList.add('fire');\n  setTimeout(()=>simCursor.classList.remove('pressing'),130);\n}\n\n\/* Hide cursor *\/\nfunction cursorHide(){\n  simCursor.style.transition='opacity 0.4s ease';\n  simCursor.style.opacity='0';\n}\n\n\/* \u2500\u2500 MOBILE PANEL SWITCHING \u2500\u2500 *\/\nconst shellEl=document.getElementById('jhem_z9aNd7').querySelector('.shell');\n\nfunction isMobile(){return window.innerWidth<=720;}\n\nfunction showPanel(which){\n  \/* 'form' or 'sidebar' *\/\n  if(which==='form'){\n    shellEl.classList.add('show-form');\n  } else {\n    shellEl.classList.remove('show-form');\n  }\n}\n\nconst FAST_FIELDS=[\n  {key:'ph',value:'Senior Software Engineer', delay:1000},\n  {key:'em',value:'Stripe, Inc.',             delay:1600},\n  {key:'cp',value:'$145,000 \/ year',          delay:2150},\n  {key:'ln',value:'linkedin.com\/in\/sarahchen',delay:2650},\n];\n\nconst AI_TEXT=\"At my previous role, I inherited a distributed cache invalidation bug affecting 15% of users. I traced the root cause to eventual consistency gaps, re-architected the write-through strategy, and reduced critical failures by 94%.\";\nconst CHAR_MS=13;\nconst LOOP_MS=11000;\nlet aiTimer=null;\n\nfunction markDone(badge){badge.className='badge b-done';badge.textContent='\u2713 Done';}\n\n\/* Auto-resize a textarea to fit its content *\/\nfunction resizeTA(el){el.style.height='auto';el.style.height=el.scrollHeight+'px';}\n\n\/* Flash white border on a button to signal click *\/\nfunction flashBtn(el){\n  el.classList.remove('btn-clicked');\n  void el.offsetWidth;\n  el.classList.add('btn-clicked');\n  setTimeout(()=>el.classList.remove('btn-clicked'),540);\n}\n\nfunction pushField(key,value){\n  const c=cards[key],i=inputs[key],b=badges[key];\n  c.classList.add('pushing');\n  setTimeout(()=>c.classList.remove('pushing'),680);\n  i.value=value;i.classList.add('filled');\n  markDone(b);\n}\n\nfunction startTyping(target,text,ms,cb){\n  let i=0;\n  aiTimer=setInterval(()=>{\n    i++;\n    target.value=text.slice(0,i);\n    resizeTA(target);\n    if(i>=text.length){clearInterval(aiTimer);aiTimer=null;if(cb)cb();}\n  },ms);\n}\n\nfunction resetAll(){\n  clearInterval(aiTimer);aiTimer=null;\n  Object.values(inputs).forEach(el=>{el.value='';el.classList.remove('filled');});\n  badges.cp.className='badge b-ready';badges.cp.textContent='\u26a1 Ready';\n  badges.ln.className='badge b-ready';badges.ln.textContent='\u26a1 Ready';\n  badges.em.className='badge b-ready';badges.em.textContent='\u26a1 Ready';\n  badges.ph.className='badge b-ready';badges.ph.textContent='\u26a1 Ready';\n  badges.au.className='badge b-select';badges.au.textContent='\u26a0 Select option';\n  badges.rv.className='badge b-resume';badges.rv.textContent='\u2193 Resume';\n  badges.ai.className='badge b-ai';badges.ai.textContent='\u2726 Ask AI';\n  pillYes.classList.remove('selected');\n  cards.au.className='fcard sel-type span2';\n  cAuVal.textContent=\"\u26a0 Select 'Yes' on page\";\n  cAuVal.style.cssText='color:rgba(245,158,11,0.95);font-style:italic;font-size:8.5px;font-weight:700;';\n  cards.rv.className='fcard resume-type span2';\n  cRvVal.textContent='\u2193 Download from profile';\n  uploadZone.classList.remove('filled');\n  formAI.value='';formAI.style.height='';formAI.classList.remove('filled');\n  fcAiText.value='';fcAiText.style.height='';\n  askAiBtn.className='ask-ai-btn';askAiBtn.textContent='\u2726 Ask AI';\n  cards.ai.className='fcard ai-type span2';\n  ['cp','ln','em','ph'].forEach(k=>cards[k].classList.remove('pushing'));\n  btnSubmit.classList.remove('success','clicking','btn-clicked');\n  btnSubmit.textContent='Submit Application';\n  notif.classList.remove('visible');\n  showPanel('sidebar');\n  fpCounter.textContent='\ud83d\udccd 6 fields ready to fill';\n  fpCounter.style.color='';\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   DESKTOP LOOP\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction runLoopDesktop(){\n  \/* Cursor appears on Submit *\/\n  cursorPlace(btnSubmit);\n  cursorShow();\n  setTimeout(()=>cursorMove(btnSubmit,280),350);\n\n  \/* t=600: Submit click *\/\n  setTimeout(()=>{\n    cursorClick();\n    flashBtn(btnSubmit);\n    btnSubmit.classList.add('clicking');\n    setTimeout(()=>btnSubmit.classList.remove('clicking'),230);\n  },600);\n\n  \/* t=1000\u20132650: fast fields *\/\n  FAST_FIELDS.forEach(f=>setTimeout(()=>pushField(f.key,f.value),f.delay));\n\n  \/* t=3150: work auth *\/\n  setTimeout(()=>{\n    cards.au.classList.add('sel-pulsing');\n    setTimeout(()=>{\n      cards.au.classList.remove('sel-pulsing');\n      cards.au.classList.add('done');\n      cAuVal.textContent='Yes';\n      cAuVal.style.cssText='color:rgba(255,255,255,0.65);font-style:normal;font-size:9.5px;';\n    },590);\n    pillYes.classList.add('selected');\n    markDone(badges.au);\n  },3150);\n\n  \/* t=3750: resume *\/\n  setTimeout(()=>{\n    cards.rv.classList.add('done');\n    cRvVal.textContent='sarah_chen_resume.pdf';\n    uploadZone.classList.add('filled');\n    markDone(badges.rv);\n  },3750);\n\n  \/* t=3900: cursor glides to Ask AI *\/\n  setTimeout(()=>cursorMove(askAiBtn,400),3900);\n\n  \/* t=4350: Ask AI click *\/\n  setTimeout(()=>{\n    cursorClick();\n    flashBtn(askAiBtn);\n    cards.ai.classList.add('ai-pulsing');\n    setTimeout(()=>cards.ai.classList.remove('ai-pulsing'),640);\n    askAiBtn.className='ask-ai-btn generating';\n    askAiBtn.textContent='\u2726 Generating...';\n    formAI.classList.add('filled');\n    startTyping(fcAiText,AI_TEXT,CHAR_MS,()=>{\n      formAI.value=AI_TEXT;\n      resizeTA(formAI);\n      markDone(badges.ai);\n      cards.ai.classList.add('done');\n      askAiBtn.className='ask-ai-btn recreate';\n      askAiBtn.textContent='\u2726 Recreate';\n    });\n  },4350);\n\n  \/* t=7600: counter done *\/\n  setTimeout(()=>{\n    fpCounter.textContent='\u2713 6 of 6 fields filled';\n    fpCounter.style.color='rgba(34,197,94,0.7)';\n  },7600);\n\n  \/* t=8100: submit success *\/\n  setTimeout(()=>{\n    flashBtn(btnSubmit);\n    btnSubmit.classList.add('success');\n    btnSubmit.textContent='\u2713 Submitted!';\n  },8100);\n\n  \/* t=8700: notification *\/\n  setTimeout(()=>notif.classList.add('visible'),8700);\n\n  \/* t=9400: cursor out *\/\n  setTimeout(()=>cursorHide(),9400);\n\n  \/* t=11000: reset + loop *\/\n  setTimeout(()=>{resetAll();setTimeout(runLoop,500);},LOOP_MS);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOBILE LOOP\n   Sequence:\n   0s    \u2014 Sidebar, Ask AI in view\n   0.6s  \u2014 Ask AI click \u2192 sidebar typewriter starts\n   2.35s \u2014 Switch to form\n   2.35s \u2014 Cascade fills + formAI typewriter simultaneously\n   4.85s \u2014 Work auth\n   5.45s \u2014 Resume\n   6.2s  \u2014 Counter done\n   6.8s  \u2014 Back to sidebar\n   7.1s  \u2014 Submit click\n   7.5s  \u2014 Success state\n   8.1s  \u2014 Notification\n   10s   \u2014 Reset\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nconst MOBILE_LOOP_MS=10500;\n\nfunction runLoopMobile(){\n\n  \/* t=600: Ask AI click \u2014 sidebar typewriter starts *\/\n  setTimeout(()=>{\n    flashBtn(askAiBtn);\n    cards.ai.classList.add('ai-pulsing');\n    setTimeout(()=>cards.ai.classList.remove('ai-pulsing'),640);\n    askAiBtn.className='ask-ai-btn generating';\n    askAiBtn.textContent='\u2726 Generating...';\n    \/* Start typing in sidebar; we'll stop it when switching to form *\/\n    startTyping(fcAiText,AI_TEXT,CHAR_MS,()=>{\n      cards.ai.classList.add('done');\n      askAiBtn.className='ask-ai-btn recreate';\n      askAiBtn.textContent='\u2726 Recreate';\n    });\n  },600);\n\n  \/* t=2350: switch to form, cascade fills + formAI typewriter together *\/\n  setTimeout(()=>{\n    showPanel('form');\n    formAI.classList.add('filled');\n\n    \/* Cascade quick fields starting immediately *\/\n    const mobileFields=[\n      {key:'ph',value:'Senior Software Engineer', delay:0},\n      {key:'em',value:'Stripe, Inc.',             delay:550},\n      {key:'cp',value:'$145,000 \/ year',          delay:1100},\n      {key:'ln',value:'linkedin.com\/in\/sarahchen',delay:1650},\n    ];\n    mobileFields.forEach(f=>setTimeout(()=>pushField(f.key,f.value),f.delay));\n\n    \/* formAI typewriter starts simultaneously *\/\n    startTyping(formAI,AI_TEXT,CHAR_MS,()=>{\n      markDone(badges.ai);\n    });\n  },2350);\n\n  \/* t=4850: work auth *\/\n  setTimeout(()=>{\n    cards.au.classList.add('sel-pulsing');\n    setTimeout(()=>{\n      cards.au.classList.remove('sel-pulsing');\n      cards.au.classList.add('done');\n      cAuVal.textContent='Yes';\n      cAuVal.style.cssText='color:rgba(255,255,255,0.65);font-style:normal;font-size:9.5px;';\n    },590);\n    pillYes.classList.add('selected');\n    markDone(badges.au);\n  },4850);\n\n  \/* t=5450: resume *\/\n  setTimeout(()=>{\n    cards.rv.classList.add('done');\n    cRvVal.textContent='sarah_chen_resume.pdf';\n    uploadZone.classList.add('filled');\n    markDone(badges.rv);\n  },5450);\n\n  \/* t=6200: counter done *\/\n  setTimeout(()=>{\n    fpCounter.textContent='\u2713 6 of 6 fields filled';\n    fpCounter.style.color='rgba(34,197,94,0.7)';\n  },6200);\n\n  \/* t=6800: back to sidebar for submit *\/\n  setTimeout(()=>showPanel('sidebar'),6800);\n\n  \/* t=7100: submit click *\/\n  setTimeout(()=>{\n    flashBtn(btnSubmit);\n    btnSubmit.classList.add('clicking');\n    setTimeout(()=>btnSubmit.classList.remove('clicking'),230);\n  },7100);\n\n  \/* t=7500: success *\/\n  setTimeout(()=>{\n    btnSubmit.classList.add('success');\n    btnSubmit.textContent='\u2713 Submitted!';\n  },7500);\n\n  \/* t=8100: notification *\/\n  setTimeout(()=>notif.classList.add('visible'),8100);\n\n  \/* t=10500: reset + loop *\/\n  setTimeout(()=>{resetAll();setTimeout(runLoop,500);},MOBILE_LOOP_MS);\n}\n\n\/* \u2500\u2500 Entry point \u2014 branches on viewport width \u2500\u2500 *\/\nfunction runLoop(){\n  if(isMobile()) runLoopMobile();\n  else runLoopDesktop();\n}\n\n\/* \u2500\u2500 Trigger: scroll-track IntersectionObserver + setInterval fallback \u2500\u2500 *\/\nvar extWrapMob = document.getElementById('jhem_z9aNd7');\nvar extRunningMob = false;\n\nfunction extStartMob() {\n    if (extRunningMob) return;\n    extRunningMob = true;\n    resetAll();\n    setTimeout(runLoop, 400);\n}\nfunction extStopMob() {\n    if (!extRunningMob) return;\n    extRunningMob = false;\n    resetAll();\n}\n\nif (extWrapMob) {\n    var mobCard  = extWrapMob.closest('[style*=\"scroll-snap-align\"]');\n    var mobTrack = mobCard ? mobCard.parentElement : null;\n\n    new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n            if (entry.isIntersecting) { extStartMob(); }\n            else                      { extStopMob();  }\n        });\n    }, { root: mobTrack || null, threshold: 0.6 }).observe(mobCard || extWrapMob);\n\n    setInterval(function() {\n        var target = mobCard || extWrapMob;\n        var r = target.getBoundingClientRect();\n        var visible = r.width > 0 && r.right > 0 && r.left < window.innerWidth\n                   && Math.abs(r.left) < r.width * 0.4;\n        if (visible && !extRunningMob) { extStartMob(); }\n        else if (!visible && extRunningMob) { extStopMob(); }\n    }, 350);\n}\n            })();\n            <\/script>\n            \n            <p style=\"font-size:12px;line-height:1.5;color:rgba(255,255,255,0.7);margin:0 0 12px;\">Never waste another hour on a job application. Your profile now adapts to every form instantly, populating everything from basic info to complex answers.<\/p>\n            \n            <a href=\"#\" style=\"display:block;width:100%;padding:14px;background:#0554F2;color:#000;font-family:monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;text-align:center;text-decoration:none;border-radius:6px;font-weight:700;\">ADD TO BROWSER<\/a>\n        <\/div>\n\n                \n    <div style=\"display:flex;justify-content:center;gap:8px;padding:0 16px 16px;\">\n        <div style=\"width:8px;height:8px;border-radius:50%;background:#0554F2;\"><\/div>\n        <div style=\"width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.2);\"><\/div>\n        <div style=\"width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.2);\"><\/div>\n        <div style=\"width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.2);\"><\/div>\n    <\/div>\n\n<style>\n\n\n\n\n\n# .shell {display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative;}\n\n\n\/* \u2500\u2500 SIMULATED CURSOR \u2500\u2500 *\/\n# #sim-cursor {\n  position:absolute;\n  pointer-events:none;\n  z-index:200;\n  opacity:0;\n  \/* left\/top driven by JS; transition set dynamically per move *\/\n  transition:opacity 0.28s ease;\n  \/* hotspot at tip of arrow = top-left corner of SVG *\/\n}\n\n# #sim-cursor svg {\n  display:block;\n  filter:drop-shadow(0px 1px 3px rgba(0,0,0,0.55));\n  transition:transform 0.1s ease;\n  transform-origin:3px 2px;\n}\n\n# #sim-cursor.pressing svg {transform:scale(0.78);}\n\n\n# #sim-ripple {\n  position:absolute;\n  top:0;left:0;\n  width:16px;height:16px;\n  margin:-8px 0 0 -8px;\n  border-radius:50%;\n  background:rgba(255,255,255,0.55);\n  opacity:0;transform:scale(0);\n  pointer-events:none;\n}\n\n@keyframes jhe_jhe_ripple-out{\n  0%  {opacity:0.65;transform:scale(0);}\n  100%{opacity:0;transform:scale(4);}\n}\n\n# #sim-ripple.fire {animation:jhe_ripple-out 0.42s ease-out forwards;}\n\n\n\/* \u2500\u2500 FORM SIDE \u2500\u2500 *\/\n# .form-side {flex:1;background:#f1f4f8;display:flex;flex-direction:column;overflow:hidden;}\n\n\n# .ats-bar {background:#1c2b4a;padding:9px 18px;display:flex;align-items:center;gap:10px;flex-shrink:0;}\n\n# .ats-mark {width:26px;height:26px;background:rgba(255,255,255,0.12);border-radius:5px;display:flex;align-items:center;justify-content:center;}\n\n# .ats-mark svg {width:13px;height:13px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}\n\n# .ats-bar-name {font-size:10.5px;font-weight:600;color:rgba(255,255,255,0.7);letter-spacing:0.04em;text-transform:uppercase;}\n\n# .ats-bar-sep {width:1px;height:13px;background:rgba(255,255,255,0.12);margin:0 3px;}\n\n# .ats-bar-job {font-size:10.5px;font-weight:500;color:rgba(255,255,255,0.45);}\n\n\n# .ats-steps {background:#fff;border-bottom:1px solid #e2e6ec;padding:8px 20px;display:flex;align-items:center;flex-shrink:0;}\n\n# .ats-step {display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:500;color:#9ca3af;}\n\n# .ats-step.active {color:#2563eb;}\n\n# .ats-step-n {width:17px;height:17px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:700;flex-shrink:0;}\n\n# .ats-step.active .ats-step-n {background:#2563eb;border-color:#2563eb;color:#fff;}\n\n# .ats-step-sep {width:22px;height:1px;background:#e2e6ec;margin:0 5px;}\n\n\n# .form-body {flex:1;padding:14px 18px;overflow-y:auto;scrollbar-width:none;}\n\n# .form-body::-webkit-scrollbar {display:none;}\n\n\n# .sec-label {font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid #e2e6ec;}\n\n\n# .field-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}\n\n# .field-full {margin-bottom:10px;}\n\n# .field-group {position:relative;}\n\n\n# .label-row {display:flex;align-items:flex-start;gap:6px;margin-bottom:4px;flex-wrap:nowrap;}\n\n# .label-row label {font-size:11px;font-weight:500;color:#4b5563;line-height:1.3;flex:1;min-width:0;}\n\n# .label-row .badge {flex-shrink:0;}\n\n\n\/* BADGES *\/\n# .badge {\n  display:inline-flex;align-items:center;gap:3px;\n  font-size:9.5px;font-weight:600;\n  padding:2px 7px;border-radius:6px;\n  white-space:nowrap;position:relative;line-height:1.5;\n  transition:background 0.35s ease,color 0.35s ease,box-shadow 0.35s ease;\n}\n\n# .badge::before {\n  content:'';position:absolute;bottom:-4px;left:8px;\n  width:0;height:0;\n  border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid transparent;\n  transition:border-top-color 0.35s ease;\n}\n\n# .badge.b-ready {background:#334155;color:rgba(255,255,255,0.72);}\n\n# .badge.b-ready::before {border-top-color:#334155;}\n\n# .badge.b-select {background:#F59E0B;color:#1a1000;font-weight:700;}\n\n# .badge.b-select::before {border-top-color:#F59E0B;}\n\n# .badge.b-ai {background:linear-gradient(135deg,#3B82F6,#6366F1);color:#fff;}\n\n# .badge.b-ai::before {border-top-color:#3B82F6;}\n\n# .badge.b-resume {background:#2563EB;color:#fff;}\n\n# .badge.b-resume::before {border-top-color:#2563EB;}\n\n# .badge.b-done {background:rgba(16,185,129,0.88);color:#fff;box-shadow:0 0 8px rgba(16,185,129,0.2);}\n\n# .badge.b-done::before {border-top-color:rgba(16,185,129,0.88);}\n\n\n# .form-input {width:100%;height:32px;padding:0 10px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;color:#111827;font-family:'Inter',sans-serif;outline:none;transition:border-color 0.35s,box-shadow 0.35s,background 0.35s;}\n\n# .form-input.filled {border-color:rgba(34,197,94,0.55);background:rgba(240,253,244,0.75);box-shadow:0 0 0 3px rgba(34,197,94,0.1);}\n\n\n# .form-textarea {width:100%;min-height:68px;height:auto;padding:8px 10px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;color:#111827;font-family:'Inter',sans-serif;outline:none;resize:none;line-height:1.55;overflow:hidden;transition:border-color 0.35s,box-shadow 0.35s,background 0.35s;}\n\n# .form-textarea.filled {border-color:rgba(34,197,94,0.55);background:rgba(240,253,244,0.75);box-shadow:0 0 0 3px rgba(34,197,94,0.1);}\n\n\n# .upload-zone {border:1.5px dashed #cbd5e1;border-radius:8px;background:#fff;padding:12px;text-align:center;transition:border-color 0.35s,background 0.35s,box-shadow 0.35s;}\n\n# .upload-zone-icon {font-size:18px;margin-bottom:3px;color:#9ca3af;}\n\n# .upload-zone-text {font-size:11px;color:#9ca3af;}\n\n# .upload-zone-text span {color:#2563eb;font-weight:500;}\n\n# .upload-zone-sub {font-size:9.5px;color:#c0c7d0;margin-top:2px;}\n\n# .upload-zone.filled {border-color:rgba(34,197,94,0.55);border-style:solid;background:rgba(240,253,244,0.75);box-shadow:0 0 0 3px rgba(34,197,94,0.1);}\n\n# .upload-zone-file {display:none;align-items:center;justify-content:center;gap:7px;}\n\n# .upload-zone.filled .upload-zone-idle {display:none;}\n\n# .upload-zone.filled .upload-zone-file {display:flex;}\n\n# .uf-name {font-size:11px;font-weight:500;color:#15803d;}\n\n# .uf-check {font-size:13px;color:#22c55e;}\n\n\n# .pill-row {display:flex;gap:7px;margin-top:2px;}\n\n# .auth-pill {padding:5px 18px;border-radius:20px;border:1.5px solid #d1d5db;background:#fff;font-size:11.5px;font-weight:500;color:#4b5563;cursor:default;user-select:none;transition:all 0.35s ease;line-height:1;}\n\n# .auth-pill.selected {border-color:rgba(34,197,94,0.55);background:rgba(240,253,244,0.8);color:#15803d;box-shadow:0 0 0 3px rgba(34,197,94,0.1);}\n\n\n\/* \u2500\u2500 SIDEBAR \u2500\u2500 *\/\n# .sidebar {width:300px;min-width:300px;background:#0d1117;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,0.06);box-shadow:-14px 0 40px rgba(0,0,0,0.55);}\n\n\n# .sb-brand {padding:10px 13px 8px;border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}\n\n# .sb-logo {font-size:12px;font-weight:800;color:#fff;letter-spacing:-0.2px;}\n\n# .sb-logo .bar {color:#60B0FF;}\n\n# .sb-active-pill {display:flex;align-items:center;gap:5px;background:rgba(5,84,242,0.1);border:1px solid rgba(5,84,242,0.2);border-radius:12px;padding:3px 9px;}\n\n# .sb-dot {width:5px;height:5px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,0.7);animation:jhe_pdot 2s ease-in-out infinite;}\n\n# .sb-dot-blue {width:5px;height:5px;border-radius:50%;background:#0554F2;box-shadow:0 0 6px rgba(5,84,242,0.7);animation:jhe_pdot 2.4s ease-in-out infinite;flex-shrink:0;}\n\n@keyframes jhe_jhe_pdot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.4;transform:scale(0.65);}}\n\n# .sb-active-text {font-family:'JetBrains Mono',monospace;font-size:7.5px;font-weight:600;letter-spacing:0.14em;color:rgba(96,176,255,0.65);text-transform:uppercase;}\n\n\n# .doc-deck {display:flex;gap:6px;padding:8px 11px;border-bottom:1px solid rgba(255,255,255,0.05);flex-shrink:0;}\n\n# .doc-card {flex:1;background:#161d2b;border:1px solid rgba(255,255,255,0.07);border-radius:6px;padding:5px 8px;display:flex;align-items:center;gap:5px;}\n\n# .dc-label {font-family:'JetBrains Mono',monospace;font-size:7.5px;font-weight:600;letter-spacing:0.15em;color:rgba(255,255,255,0.88);text-transform:uppercase;flex:1;}\n\n# .dc-arr {font-size:9.5px;color:#60B0FF;}\n\n\n# .fields-panel {flex:1;margin:8px 9px 0;background:#111827;border:1px solid #374151;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;min-height:0;}\n\n# .fp-bar {padding:6px 11px;background:rgba(31,41,55,0.65);border-bottom:1px solid rgba(55,65,81,0.5);text-align:center;flex-shrink:0;}\n\n# .fp-bar-text {font-family:'JetBrains Mono',monospace;font-size:7.5px;font-weight:500;letter-spacing:0.1em;color:rgba(255,255,255,0.88);transition:color 0.4s ease;}\n\n\n# .fp-grid {display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;flex:1;overflow:hidden;min-width:0;}\n\n\n# .fcard {background:#1f2937;border:1px solid rgba(255,255,255,0.06);border-radius:7px;padding:6px 8px;transition:border-color 0.4s ease,box-shadow 0.4s ease,background 0.4s ease;min-width:0;overflow:hidden;}\n\n# .fcard.done {border-color:rgba(34,197,94,0.22);}\n\n# .fcard.span2 {grid-column:span 2;}\n\n\n# .fc-label {font-size:7.5px;font-weight:600;color:rgba(255,255,255,0.88);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:4px;}\n\n# .fc-val-row {display:flex;align-items:center;gap:4px;}\n\n# .fc-input {flex:1;background:#111827;border:1px solid #374151;border-radius:4px;padding:3px 6px;font-size:9.5px;color:rgba(255,255,255,0.65);font-family:'Inter',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:color 0.3s,border-color 0.35s;}\n\n# .fc-check {font-size:9.5px;font-weight:700;color:#22c55e;opacity:0;transition:opacity 0.35s ease;flex-shrink:0;}\n\n# .fcard.done .fc-check {opacity:1;}\n\n\n# .fcard.sel-type {border:1px dashed rgba(232,135,14,0.38);background:rgba(31,41,55,0.45);}\n\n# .fcard.sel-type.done {border:1px solid rgba(34,197,94,0.22);background:#1f2937;}\n\n\n# .fcard.resume-type {border:1px solid rgba(37,99,235,0.28);background:rgba(37,99,235,0.06);}\n\n# .fcard.resume-type .fc-input {color:rgba(96,176,255,0.55);font-style:italic;font-size:8.5px;}\n\n# .fcard.resume-type.done {border-color:rgba(34,197,94,0.22);background:#1f2937;}\n\n# .fcard.resume-type.done .fc-input {color:rgba(255,255,255,0.65);font-style:normal;font-size:9.5px;}\n\n\n# .fcard.ai-type {border:1px solid rgba(99,102,241,0.28);background:rgba(99,102,241,0.04);}\n\n# .fcard.ai-type.done {border-color:rgba(34,197,94,0.22);}\n\n\n# .fc-textarea {width:100%;min-height:40px;height:auto;background:#111827;border:1px solid #374151;border-radius:4px;padding:4px 6px;font-size:8.5px;color:rgba(255,255,255,0.55);font-family:'Inter',sans-serif;resize:none;line-height:1.5;margin-bottom:5px;overflow:hidden;transition:border-color 0.35s;}\n\n\n# .ask-ai-btn {width:100%;height:23px;background:linear-gradient(135deg,#3B82F6,#6366F1);border:none;border-radius:5px;color:#fff;font-family:'Inter',sans-serif;font-size:8.5px;font-weight:700;letter-spacing:0.06em;cursor:default;position:relative;overflow:hidden;transition:opacity 0.3s;}\n\n@keyframes jhe_jhe_shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}\n\n# .ask-ai-btn.generating {background:linear-gradient(135deg,#3B82F6 0%,#6366F1 40%,#60B0FF 60%,#3B82F6 100%);background-size:200% 100%;animation:jhe_shimmer 1.4s ease infinite;}\n\n# .ask-ai-btn.recreate {background:transparent;border:1px solid rgba(99,102,241,0.35);color:rgba(99,102,241,0.7);}\n\n\n@keyframes jhe_jhe_push-flash{\n  0%{border-color:rgba(34,197,94,0.22);box-shadow:none;}\n  20%{border-color:rgba(5,84,242,0.9);box-shadow:0 0 16px rgba(5,84,242,0.35);}\n  75%{border-color:rgba(5,84,242,0.35);box-shadow:0 0 6px rgba(5,84,242,0.12);}\n  100%{border-color:rgba(34,197,94,0.22);box-shadow:none;}\n}\n\n@keyframes jhe_jhe_sel-pulse{\n  0%{border-color:rgba(232,135,14,0.38);box-shadow:none;}\n  45%{border-color:rgba(232,135,14,0.9);box-shadow:0 0 14px rgba(232,135,14,0.25);}\n  100%{border-color:rgba(232,135,14,0.38);box-shadow:none;}\n}\n\n@keyframes jhe_jhe_ai-pulse{\n  0%{border-color:rgba(99,102,241,0.28);}\n  40%{border-color:rgba(96,176,255,0.8);box-shadow:0 0 14px rgba(96,176,255,0.2);}\n  100%{border-color:rgba(99,102,241,0.28);}\n}\n\n# .fcard.pushing {animation:jhe_push-flash 0.65s ease;}\n\n# .fcard.sel-pulsing {animation:jhe_sel-pulse 0.55s ease;}\n\n# .fcard.ai-pulsing {animation:jhe_ai-pulse 0.6s ease;}\n\n\n# .notif {margin:0 9px 7px;display:flex;align-items:center;gap:7px;background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2);border-radius:7px;padding:7px 10px;opacity:0;transform:translateY(5px);transition:opacity 0.45s ease,transform 0.45s ease;flex-shrink:0;}\n\n# .notif.visible {opacity:1;transform:translateY(0);}\n\n# .notif-spark {font-size:12px;flex-shrink:0;color:#F59E0B;}\n\n# .notif-text {font-size:9.5px;color:#F59E0B;line-height:1.35;flex:1;}\n\n# .notif-dots {display:flex;gap:3px;flex-shrink:0;}\n\n# .jhe_ndot {width:3px;height:3px;border-radius:50%;background:#F59E0B;animation:jhe_ndot 1.2s ease-in-out infinite;}\n\n# .jhe_ndot:nth-child(2) {animation-delay:0.22s;}\n\n# .jhe_ndot:nth-child(3) {animation-delay:0.44s;}\n\n@keyframes jhe_jhe_ndot{0%,100%{opacity:0.3;transform:scale(0.75);}50%{opacity:1;transform:scale(1.2);}}\n\n\n# .sb-actions {padding:7px 9px 12px;display:flex;flex-direction:column;gap:6px;flex-shrink:0;}\n\n# .btn-submit {width:100%;height:36px;background:linear-gradient(180deg,#2563EB 0%,#1D4ED8 100%);border:none;border-radius:8px;color:#fff;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:-0.01em;box-shadow:0 4px 18px rgba(37,99,235,0.42);cursor:default;position:relative;overflow:hidden;transition:background 0.4s,box-shadow 0.4s,transform 0.15s;}\n\n# .btn-submit::after {content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background 0.14s;}\n\n# .btn-submit.clicking {transform:scale(0.97);}\n\n# .btn-submit.clicking::after {background:rgba(255,255,255,0.18);}\n\n# .btn-submit.success {background:linear-gradient(180deg,#16a34a 0%,#15803d 100%);box-shadow:0 4px 18px rgba(22,163,74,0.38);}\n\n\/* \u2500\u2500 BUTTON CLICK FLASH \u2500\u2500 *\/\n@keyframes jhe_jhe_btn-flash-anim{\n  0%  {outline:0px solid rgba(255,255,255,0);box-shadow:0 4px 18px rgba(37,99,235,0.42);}\n  28% {outline:3px solid rgba(255,255,255,0.88);box-shadow:0 0 0 5px rgba(255,255,255,0.14),0 4px 24px rgba(255,255,255,0.18);}\n  100%{outline:0px solid rgba(255,255,255,0);box-shadow:0 4px 18px rgba(37,99,235,0.42);}\n}\n\n# .btn-clicked {animation:jhe_btn-flash-anim 0.52s ease forwards;}\n\n\n\/* Mobile-only persistent header \u2014 hidden on desktop *\/\n# .mobile-header {display:none;}\n\n# \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:720px) {\n  \n\n  .shell{\n    flex-direction:column;\n    height:100%;\n    max-width:100%;\n    border-radius:0;\n    \/* panels absolutely stacked; JS toggles via translateX *\/\n  }\n\n  \/* both panels fill the shell *\/\n  .form-side,\n  .sidebar{\n    position:absolute;\n    inset:0;\n    width:100%;\n    height:100%;\n    transition:transform 0.42s cubic-bezier(0.4,0,0.2,1), opacity 0.42s ease;\n    will-change:transform,opacity;\n  }\n\n  \/* default: sidebar visible (left), form hidden (right) *\/\n  .form-side{\n    transform:translateX(100%);\n    opacity:0;\n    pointer-events:none;\n  }\n  .sidebar{\n    transform:translateX(0);\n    opacity:1;\n    pointer-events:auto;\n    \/* sidebar fills full height on mobile *\/\n    width:100%;\n    min-width:0;\n    border-left:none;\n    box-shadow:none;\n  }\n\n  \/* .show-form on shell flips the panels *\/\n  .shell.show-form .form-side{\n    transform:translateX(0);\n    opacity:1;\n    pointer-events:auto;\n  }\n  .shell.show-form .sidebar{\n    transform:translateX(-100%);\n    opacity:0;\n    pointer-events:none;\n  }\n\n  \/* hide desktop cursor on touch *\/\n  #sim-cursor{display:none!important;}\n\n  \/* persistent brand header on mobile \u2014 sits above both panels *\/\n  .mobile-header{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    padding:10px 14px 9px;\n    background:#0d1117;\n    border-bottom:1px solid rgba(255,255,255,0.07);\n    flex-shrink:0;\n    position:relative;\n    z-index:10;\n  }\n\n  \/* both panels sit below the persistent header *\/\n  .form-side,\n  .sidebar{\n    top:42px; \/* height of mobile-header *\/\n    height:calc(100% - 42px);\n  }\n\n  \/* hide the duplicate brand row inside sidebar on mobile *\/\n  .sidebar .sb-brand{display:none;}\n\n  \/* sidebar layout tweaks for full-width *\/\n  .fields-panel{margin:8px 10px 0;}\n  .fp-grid{grid-template-columns:1fr 1fr;}\n\n  \/* form tweaks *\/\n  .field-grid{grid-template-columns:1fr;}\n  .form-body{padding:14px 14px;}\n\n  \/* give doc deck more breathing room *\/\n  .doc-deck{padding:10px 14px;}\n\n  \/* submit + link buttons full width already; just bump font *\/\n  .btn-submit{font-size:14px;height:42px;}\n}\n\n\/* \u2500\u2500 Mobile slide 4: extension shell fills wrapper height \u2500\u2500 *\/\n.jh-ext-shell-wrap .shell {\n    height: 100% !important;\n    max-width: 100% !important;\n    border-radius: 8px !important;\n    box-shadow: none !important;\n}\n\/* On mobile the extension already uses its @media(max-width:720px) layout\n   since window.innerWidth of the parent page is \u2264 720px *\/\n\n\n\n\n\n\n\/* \u2500\u2500 Shell \u2500\u2500 *\/\n# .shell {display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative;}\n\n\n\/* SVG connector overlay *\/\n# #conn-svg {\n  position:absolute;inset:0;width:100%;height:100%;\n  pointer-events:none;z-index:50;overflow:visible;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 JD PANEL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n# .jd-panel {\n  width:56%;flex-shrink:0;\n  background:#0f1623;\n  display:flex;flex-direction:column;\n  border-right:1px solid rgba(255,255,255,0.06);\n}\n\n\n\/* Job card header *\/\n# .jd-header {\n  background:#131f32;\n  border-bottom:1px solid rgba(255,255,255,0.07);\n  padding:14px 18px 13px;\n  flex-shrink:0;\n}\n\n\n# .jd-co-row {\n  display:flex;align-items:center;gap:7px;margin-bottom:7px;\n}\n\n\n# .jd-co-mark {\n  width:22px;height:22px;\n  background:linear-gradient(135deg,#1a3a6e,#0554F2);\n  border-radius:5px;\n  display:flex;align-items:center;justify-content:center;\n  font-size:7.5px;font-weight:800;color:rgba(255,255,255,0.85);\n  letter-spacing:0.02em;flex-shrink:0;\n}\n\n\n# .jd-co-name {\n  font-size:11px;font-weight:500;\n  color:rgba(255,255,255,0.45);\n}\n\n\n# .jd-co-sep {\n  width:1px;height:10px;\n  background:rgba(255,255,255,0.12);\n}\n\n\n# .jd-co-loc, # .jd-co-sal {\n  font-size:10.5px;color:rgba(255,255,255,0.35);\n}\n\n\n# .jd-title {\n  font-size:17px;font-weight:700;\n  color:rgba(255,255,255,0.92);\n  letter-spacing:-0.02em;\n  margin-bottom:8px;line-height:1.2;\n}\n\n\n# .jd-chips-row {display:flex;gap:5px;margin-bottom:10px;}\n\n\n# .jd-chip {\n  padding:2px 9px;\n  border-radius:4px;\n  font-size:9.5px;font-weight:500;\n  background:rgba(255,255,255,0.05);\n  color:rgba(255,255,255,0.38);\n  border:1px solid rgba(255,255,255,0.07);\n}\n\n\n# .jd-apply {\n  display:inline-flex;align-items:center;gap:5px;\n  background:#2563EB;\n  color:#fff;font-size:11px;font-weight:600;\n  padding:5px 14px;border-radius:7px;\n  opacity:0.9;cursor:default;\n}\n\n\n\/* Scan status bar *\/\n# .jd-scan-bar {\n  padding:5px 18px;\n  background:rgba(5,84,242,0.05);\n  border-bottom:1px solid rgba(5,84,242,0.1);\n  display:flex;align-items:center;gap:7px;\n  flex-shrink:0;\n}\n\n\n# .scan-dot {\n  width:5px;height:5px;border-radius:50%;\n  background:#0554F2;box-shadow:0 0 5px rgba(5,84,242,0.7);\n  animation:jhe2_sdot 1.4s ease-in-out infinite;flex-shrink:0;\n}\n\n@keyframes jhe2_jhe2_sdot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.25;transform:scale(0.55);}}\n\n\n# .scan-txt {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7.5px;font-weight:700;letter-spacing:0.14em;\n  color:rgba(96,176,255,0.65);text-transform:uppercase;\n  transition:color 0.35s;\n}\n\n# .scan-txt.hot {color:rgba(96,176,255,0.95);}\n\n\n\/* JD text area *\/\n# .jd-body {\n  flex:1;padding:13px 18px 10px;\n  overflow:hidden;position:relative;\n}\n\n\n\/* Scan beam *\/\n# #scan-beam {\n  position:absolute;left:0;right:0;top:0;height:2px;\n  background:linear-gradient(to right,transparent 0%,rgba(96,176,255,0.65) 15%,rgba(5,84,242,0.9) 50%,rgba(96,176,255,0.65) 85%,transparent 100%);\n  box-shadow:0 0 10px rgba(96,176,255,0.25),0 4px 12px rgba(5,84,242,0.12);\n  pointer-events:none;opacity:0;z-index:10;\n  transform:translateY(0);\n}\n\n\n# .jd-section {margin-bottom:12px;}\n\n\n# .jd-sec-hdr {\n  font-family:'JetBrains Mono',monospace;\n  font-size:9.5px;font-weight:700;letter-spacing:0.18em;\n  text-transform:uppercase;color:rgba(255,255,255,0.75);\n  margin-bottom:7px;padding-bottom:5px;\n  border-bottom:1px solid rgba(255,255,255,0.06);\n  transition:color 0.35s,border-color 0.35s;\n}\n\n# .jd-sec-hdr.lit {\n  color:rgba(96,176,255,0.95);\n  border-color:rgba(5,84,242,0.25);\n}\n\n\n# .jd-list {list-style:none;display:flex;flex-direction:column;gap:5px;}\n\n# .jd-list li {\n  display:flex;align-items:flex-start;gap:6px;\n  font-size:11.5px;color:rgba(255,255,255,0.58);line-height:1.5;\n}\n\n# .jd-list li::before {\n  content:'\u25b8';color:rgba(5,84,242,0.45);\n  font-size:7px;flex-shrink:0;margin-top:3px;\n}\n\n\n\/* Keywords *\/\n# .kw {\n  display:inline;border-radius:3px;padding:0 2px;\n  transition:background 0.22s,color 0.22s,box-shadow 0.22s;\n}\n\n# .kw.lit-skill {background:rgba(5,84,242,0.2);color:#7dc3ff;box-shadow:0 0 0 1px rgba(5,84,242,0.45);}\n\n# .kw.lit-competency {background:rgba(99,102,241,0.2);color:#c4b5fd;box-shadow:0 0 0 1px rgba(99,102,241,0.45);}\n\n# .kw.lit-attribute {background:rgba(96,176,255,0.12);color:rgba(150,210,255,0.9);box-shadow:0 0 0 1px rgba(96,176,255,0.35);}\n\n# .kw.lit-gap {background:rgba(245,158,11,0.12);color:#fbbf24;box-shadow:0 0 0 1px rgba(245,158,11,0.38);}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESUME PANEL \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n# .resume-panel {\n  flex:1;background:#0d1117;\n  display:flex;flex-direction:column;\n  overflow:hidden;\n}\n\n\n\/* Header *\/\n# .rp-hdr {\n  padding:10px 14px 9px;\n  border-bottom:1px solid rgba(255,255,255,0.05);\n  display:flex;align-items:center;justify-content:space-between;\n  flex-shrink:0;\n}\n\n\n# .rp-name {font-size:12px;font-weight:800;color:rgba(255,255,255,0.9);letter-spacing:0.01em;}\n\n# .rp-role {font-size:7.5px;font-weight:600;color:#60B0FF;letter-spacing:0.12em;text-transform:uppercase;margin-top:1px;}\n\n\n# .rp-badge {\n  display:flex;align-items:center;gap:5px;\n  background:rgba(5,84,242,0.08);border:1px solid rgba(5,84,242,0.18);\n  border-radius:10px;padding:3px 9px;\n  transition:background 0.4s,border-color 0.4s;\n}\n\n# .rp-badge.active {background:rgba(5,84,242,0.14);border-color:rgba(5,84,242,0.3);}\n\n# .rp-dot {width:4px;height:4px;border-radius:50%;background:#334155;transition:background 0.4s,box-shadow 0.4s;}\n\n# .rp-badge.active .rp-dot {background:#22c55e;box-shadow:0 0 5px rgba(34,197,94,0.6);}\n\n# .rp-badge-txt {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:600;letter-spacing:0.14em;\n  color:rgba(255,255,255,0.2);text-transform:uppercase;\n  transition:color 0.4s;\n}\n\n# .rp-badge.active .rp-badge-txt {color:rgba(96,176,255,0.6);}\n\n\n\/* Legend row *\/\n# .rp-legend {\n  display:flex;align-items:center;gap:10px;\n  padding:5px 14px 5px;\n  border-bottom:1px solid rgba(255,255,255,0.04);\n  flex-shrink:0;\n}\n\n# .leg-item {display:flex;align-items:center;gap:4px;}\n\n# .leg-dot {width:6px;height:6px;border-radius:50%;flex-shrink:0;}\n\n# .leg-dot.skill {background:#0554F2;box-shadow:0 0 4px rgba(5,84,242,0.6);}\n\n# .leg-dot.comp {background:#6366F1;box-shadow:0 0 4px rgba(99,102,241,0.5);}\n\n# .leg-dot.attr {background:rgba(96,176,255,0.7);}\n\n# .leg-txt {font-family:'JetBrains Mono',monospace;font-size:7px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}\n\n# .leg-item:nth-child(1) .leg-txt {color:#60B0FF;}\n\n# .leg-item:nth-child(2) .leg-txt {color:#a5b4fc;}\n\n# .leg-item:nth-child(3) .leg-txt {color:rgba(150,210,255,0.85);}\n\n\n\/* Chip columns *\/\n# .chip-cols {\n  display:flex;gap:0;\n  border-bottom:1px solid rgba(255,255,255,0.05);\n  flex-shrink:0;\n}\n\n# .chip-col {\n  flex:1;padding:9px 10px;\n  border-right:1px solid rgba(255,255,255,0.04);\n}\n\n# .chip-col:last-child {border-right:none;}\n\n\n# .cc-hdr {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:600;letter-spacing:0.18em;\n  text-transform:uppercase;margin-bottom:7px;\n  padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,0.04);\n}\n\n# .chip-col.col-skill .cc-hdr {color:rgba(96,176,255,0.5);}\n\n# .chip-col.col-comp .cc-hdr {color:rgba(165,180,252,0.5);}\n\n# .chip-col.col-attr .cc-hdr {color:rgba(96,176,255,0.4);}\n\n\n# .chip-list {display:flex;flex-direction:column;gap:4px;}\n\n\n# .chip {\n  display:block;width:100%;\n  padding:3px 7px;border-radius:4px;\n  font-family:'JetBrains Mono',monospace;\n  font-size:8px;font-weight:500;letter-spacing:0.03em;\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\n  transition:background 0.3s,border-color 0.3s,color 0.3s,box-shadow 0.3s;\n  background:rgba(255,255,255,0.03);\n  border:1px solid rgba(255,255,255,0.05);\n  color:rgba(255,255,255,0.08);\n}\n\n# .chip.locked-skill {background:rgba(5,84,242,0.12);border-color:rgba(5,84,242,0.42);color:#7dc3ff;box-shadow:0 0 7px rgba(5,84,242,0.1);}\n\n# .chip.locked-competency {background:rgba(99,102,241,0.12);border-color:rgba(99,102,241,0.42);color:#c4b5fd;box-shadow:0 0 7px rgba(99,102,241,0.09);}\n\n# .chip.locked-attribute {background:rgba(96,176,255,0.08);border-color:rgba(96,176,255,0.32);color:rgba(150,210,255,0.85);}\n\n\n\/* ATS score *\/\n# .ats-sec {\n  padding:9px 14px 8px;\n  border-bottom:1px solid rgba(255,255,255,0.04);\n  flex-shrink:0;\n}\n\n# .ats-row {display:flex;align-items:center;gap:8px;margin-bottom:4px;}\n\n# .ats-lbl {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:600;letter-spacing:0.16em;\n  color:rgba(255,255,255,0.25);text-transform:uppercase;flex-shrink:0;\n}\n\n# .ats-track {flex:1;height:3px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden;}\n\n# .ats-fill {\n  height:100%;width:0%;\n  background:linear-gradient(90deg,#0554F2,#60B0FF);\n  border-radius:2px;box-shadow:0 0 5px rgba(5,84,242,0.35);\n  transition:width 1.7s cubic-bezier(0.16,1,0.3,1);\n}\n\n# .ats-pct {\n  font-family:'JetBrains Mono',monospace;\n  font-size:12px;font-weight:700;color:#60B0FF;\n  min-width:34px;text-align:right;flex-shrink:0;\n}\n\n# .ats-sub {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;letter-spacing:0.08em;color:rgba(255,255,255,0.18);\n}\n\n\n\/* Gaps *\/\n# .gap-sec {padding:7px 14px 8px;flex-shrink:0;}\n\n# .gap-hdr {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:600;letter-spacing:0.18em;\n  color:rgba(245,158,11,0.4);text-transform:uppercase;margin-bottom:6px;\n}\n\n# .gap-list {display:flex;gap:5px;flex-wrap:wrap;}\n\n# .gap-chip {\n  padding:3px 9px;border-radius:4px;\n  font-family:'JetBrains Mono',monospace;\n  font-size:8px;font-weight:500;letter-spacing:0.04em;\n  background:rgba(245,158,11,0.07);border:1px solid rgba(245,158,11,0.22);\n  color:#fbbf24;\n  opacity:0;transform:translateY(5px);\n  transition:opacity 0.35s ease,transform 0.35s ease;\n}\n\n# .gap-chip.show {opacity:1;transform:translateY(0);}\n\n\n\/* Add button *\/\n# .add-wrap {padding:7px 14px 10px;flex-shrink:0;}\n\n# .add-btn {\n  width:100%;height:34px;\n  background:linear-gradient(180deg,#2563EB,#1D4ED8);\n  border:none;border-radius:7px;color:#fff;\n  font-family:'Inter',sans-serif;\n  font-size:11.5px;font-weight:700;letter-spacing:0.01em;\n  box-shadow:0 4px 16px rgba(37,99,235,0.35);\n  cursor:default;\n  opacity:0;transform:translateY(5px);\n  transition:opacity 0.45s ease,transform 0.45s ease;\n}\n\n# .add-btn.show {opacity:1;transform:translateY(0);}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 MOBILE \u2014 OPTION 3 SPOTLIGHT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:720px){\n  \/* Shell completely hidden on mobile \u2014 spotlight takes over *\/\n  # .shell {display:none;}\n  # #mob-spotlight {display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:#0d1117;}\n}\n\n@media(min-width:721px){\n  # #mob-spotlight {display:none;}\n\n}\n\n\n\/* \u2500\u2500 Persistent job header \u2500\u2500 *\/\n# .mob-jd-hdr {background:#131f32;border-bottom:1px solid rgba(255,255,255,0.07);padding:10px 16px 9px;flex-shrink:0;}\n\n# .mob-jd-co-row {display:flex;align-items:center;gap:7px;margin-bottom:4px;}\n\n# .mob-jd-mark {width:22px;height:22px;background:linear-gradient(135deg,#1a3a6e,#0554F2);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:7.5px;font-weight:800;color:rgba(255,255,255,0.85);flex-shrink:0;}\n\n# .mob-jd-co {font-size:10.5px;font-weight:500;color:rgba(255,255,255,0.4);}\n\n# .mob-jd-sep {width:1px;height:9px;background:rgba(255,255,255,0.1);}\n\n# .mob-jd-sal {font-size:10px;color:rgba(255,255,255,0.3);}\n\n# .mob-jd-title {font-size:15px;font-weight:700;color:rgba(255,255,255,0.9);letter-spacing:-0.02em;}\n\n\n\/* \u2500\u2500 Scan bar \u2500\u2500 *\/\n# .mob-scan-bar {padding:4px 16px;background:rgba(5,84,242,0.05);border-bottom:1px solid rgba(5,84,242,0.1);display:flex;align-items:center;gap:7px;flex-shrink:0;}\n\n# .mob-scan-txt {font-family:'JetBrains Mono',monospace;font-size:7.5px;font-weight:700;letter-spacing:0.12em;color:rgba(96,176,255,0.5);text-transform:uppercase;transition:color 0.3s;}\n\n# .mob-scan-txt.hot {color:rgba(96,176,255,0.9);}\n\n\n\/* \u2500\u2500 Stage: top card + bottom grid, no centering \u2500\u2500 *\/\n# .mob-stage {\n  flex:1;\n  display:flex;flex-direction:column;\n  padding:10px 14px 6px;\n  gap:8px;\n  overflow:hidden;\n  min-height:0;\n}\n\n\n\/* \u2500\u2500 Spotlight card (top, fixed height so grid doesn't jump) \u2500\u2500 *\/\n# .mob-card {\n  flex-shrink:0;\n  min-height:148px;\n  background:#111827;border:1px solid rgba(255,255,255,0.08);\n  border-radius:12px;padding:12px 14px 11px;\n  display:flex;flex-direction:column;gap:9px;\n  opacity:0;transform:translateY(8px);\n  transition:opacity 0.32s ease,transform 0.32s ease;\n}\n\n# .mob-card.visible {opacity:1;transform:translateY(0);}\n\n# .mob-card.exit {opacity:0;transform:translateY(-8px);}\n\n\n\/* Section badge *\/\n# .mob-sec-badge {display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:7px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;align-self:flex-start;}\n\n# .mob-sec-badge.req {background:rgba(5,84,242,0.1);color:rgba(96,176,255,0.75);border:1px solid rgba(5,84,242,0.2);}\n\n# .mob-sec-badge.resp {background:rgba(99,102,241,0.1);color:rgba(165,180,252,0.75);border:1px solid rgba(99,102,241,0.2);}\n\n# .mob-sec-badge.qual {background:rgba(96,176,255,0.07);color:rgba(150,210,255,0.7);border:1px solid rgba(96,176,255,0.18);}\n\n\n\/* JD sentence *\/\n# .mob-sentence {font-size:13px;color:rgba(255,255,255,0.55);line-height:1.55;}\n\n# .mob-kw-hl {border-radius:3px;padding:0 3px;font-weight:600;}\n\n# .mob-kw-hl.skill {background:rgba(5,84,242,0.22);color:#7dc3ff;box-shadow:0 0 0 1px rgba(5,84,242,0.45);}\n\n# .mob-kw-hl.competency {background:rgba(99,102,241,0.22);color:#c4b5fd;box-shadow:0 0 0 1px rgba(99,102,241,0.45);}\n\n# .mob-kw-hl.attribute {background:rgba(96,176,255,0.13);color:rgba(150,210,255,0.9);box-shadow:0 0 0 1px rgba(96,176,255,0.35);}\n\n\n\/* Arrow *\/\n# .mob-arrow {display:flex;flex-direction:column;align-items:center;gap:0;}\n\n# .mob-arrow-line {width:1px;height:14px;background:linear-gradient(to bottom,rgba(96,176,255,0.0),rgba(96,176,255,0.45));}\n\n# .mob-arrow-head {font-size:9px;color:rgba(96,176,255,0.45);margin-top:-1px;}\n\n\n\/* Chip reveal bar inside card *\/\n# .mob-chip-row {display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(255,255,255,0.025);border-radius:7px;border:1px solid rgba(255,255,255,0.04);}\n\n# .mob-cat-dot {width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:box-shadow 0.3s;}\n\n# .mob-cat-dot.skill {background:#0554F2;}\n\n# .mob-cat-dot.competency {background:#6366F1;}\n\n# .mob-cat-dot.attribute {background:rgba(96,176,255,0.7);}\n\n# .mob-cat-dot.locked {box-shadow:0 0 7px currentColor;}\n\n# .mob-chip-text {font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:600;letter-spacing:0.03em;color:rgba(255,255,255,0.12);flex:1;transition:color 0.3s;}\n\n# .mob-chip-text.locked-skill {color:#7dc3ff;}\n\n# .mob-chip-text.locked-competency {color:#c4b5fd;}\n\n# .mob-chip-text.locked-attribute {color:rgba(150,210,255,0.85);}\n\n# .mob-cat-label {font-family:'JetBrains Mono',monospace;font-size:7px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.15);transition:color 0.3s;flex-shrink:0;}\n\n# .mob-cat-label.skill {color:rgba(96,176,255,0.65);}\n\n# .mob-cat-label.competency {color:rgba(165,180,252,0.65);}\n\n# .mob-cat-label.attribute {color:rgba(150,210,255,0.55);}\n\n\n\/* \u2500\u2500 Final badge (replaces spotlight card after all matches) \u2500\u2500 *\/\n# .mob-final {\n  flex-shrink:0;\n  min-height:148px;\n  display:flex;align-items:center;justify-content:center;\n  opacity:0;transform:translateY(8px);\n  transition:opacity 0.38s ease,transform 0.38s ease;\n}\n\n# .mob-final.visible {opacity:1;transform:translateY(0);}\n\n# .mob-final-badge {\n  display:inline-flex;align-items:center;gap:8px;\n  background:rgba(34,197,94,0.08);\n  border:1px solid rgba(34,197,94,0.25);\n  border-radius:20px;padding:8px 18px;\n}\n\n# .mob-final-dot {\n  width:7px;height:7px;border-radius:50%;\n  background:#22c55e;box-shadow:0 0 7px rgba(34,197,94,0.6);\n  animation:jhe2_sdot 2s ease-in-out infinite;flex-shrink:0;\n}\n\n# .mob-final-txt {\n  font-family:'JetBrains Mono',monospace;\n  font-size:9px;font-weight:700;letter-spacing:0.14em;\n  color:rgba(34,197,94,0.8);text-transform:uppercase;\n}\n\n\n\/* \u2500\u2500 Live chip grid (persistent, chips drop in as matched) \u2500\u2500 *\/\n# .mob-live-grid {\n  flex:1;\n  display:grid;\n  grid-template-columns:1fr 1fr 1fr;\n  gap:8px;\n  min-height:0;\n  align-content:start;\n}\n\n# .mob-col {\n  background:#111827;border:1px solid rgba(255,255,255,0.06);\n  border-radius:9px;padding:9px 8px;\n  display:flex;flex-direction:column;gap:5px;\n  min-height:0;\n}\n\n# .mob-col-hdr {font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;margin-bottom:4px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,0.05);}\n\n# .mob-col.col-skill   .mob-col-hdr {color:rgba(96,176,255,0.65);}\n\n# .mob-col.col-comp    .mob-col-hdr {color:rgba(165,180,252,0.65);}\n\n# .mob-col.col-attr    .mob-col-hdr {color:rgba(150,210,255,0.55);}\n\n# .mob-lchip {\n  padding:4px 6px;border-radius:4px;\n  font-family:'JetBrains Mono',monospace;\n  font-size:7.5px;font-weight:500;\n  line-height:1.3;\n  word-break:break-word;\n  opacity:0;transform:translateY(-5px);\n  transition:opacity 0.3s ease,transform 0.3s ease;\n}\n\n# .mob-lchip.show {opacity:1;transform:translateY(0);}\n\n# .mob-lchip.skill {background:rgba(5,84,242,0.12);border:1px solid rgba(5,84,242,0.38);color:#7dc3ff;}\n\n# .mob-lchip.competency {background:rgba(99,102,241,0.12);border:1px solid rgba(99,102,241,0.38);color:#c4b5fd;}\n\n# .mob-lchip.attribute {background:rgba(96,176,255,0.08);border:1px solid rgba(96,176,255,0.28);color:rgba(150,210,255,0.85);}\n\n\n\/* \u2500\u2500 Progress dots \u2500\u2500 *\/\n# .mob-progress {display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 0 8px;flex-shrink:0;}\n\n# .mob-prog-dot {width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.1);transition:background 0.3s,transform 0.3s,box-shadow 0.3s;}\n\n# .mob-prog-dot.done {background:rgba(96,176,255,0.35);}\n\n# .mob-prog-dot.active {background:#60B0FF;transform:scale(1.4);box-shadow:0 0 6px rgba(96,176,255,0.5);}\n\n\n\/* \u2500\u2500 Falling particle \u2500\u2500 *\/\n# #mob-spotlight {position:relative;}\n\n# .mob-particle {\n  position:absolute;\n  width:9px;height:9px;\n  border-radius:50%;\n  pointer-events:none;\n  z-index:200;\n  \/* transform keeps the hotspot at center of dot *\/\n  margin:-4.5px 0 0 -4.5px;\n  transition:top 0.52s cubic-bezier(0.4,0.8,0.6,1), left 0.52s cubic-bezier(0.4,0.8,0.6,1), opacity 0.18s ease;\n}\n\n# .mob-particle.skill {background:#0554F2;box-shadow:0 0 8px rgba(5,84,242,0.8);}\n\n# .mob-particle.competency {background:#6366F1;box-shadow:0 0 8px rgba(99,102,241,0.8);}\n\n# .mob-particle.attribute {background:rgba(96,176,255,0.85);box-shadow:0 0 8px rgba(96,176,255,0.65);}\n\n\n\/* \u2500\u2500 Column header plop flash \u2500\u2500 *\/\n@keyframes jhe2_jhe2_mob-plop{\n  0%  {transform:scale(1);}\n  35% {transform:scale(1.18);}\n  55% {transform:scale(0.92);}\n  100%{transform:scale(1);}\n}\n\n@keyframes jhe2_mob-plop-glow-skill     {0%,100%{box-shadow:none;}40%{box-shadow:0 0 0 3px rgba(5,84,242,0.35),inset 0 0 8px rgba(5,84,242,0.15);}}\n\n@keyframes jhe2_jhe2_mob-plop-glow-competency{0%,100%{box-shadow:none;}40%{box-shadow:0 0 0 3px rgba(99,102,241,0.35),inset 0 0 8px rgba(99,102,241,0.15);}}\n\n@keyframes jhe2_jhe2_mob-plop-glow-attribute {0%,100%{box-shadow:none;}40%{box-shadow:0 0 0 3px rgba(96,176,255,0.28),inset 0 0 8px rgba(96,176,255,0.1);}}\n\n# .mob-col.plopping-skill {animation:jhe2_mob-plop 0.38s ease-out,jhe2_mob-plop-glow-skill      0.38s ease-out;}\n\n# .mob-col.plopping-competency {animation:jhe2_mob-plop 0.38s ease-out,jhe2_mob-plop-glow-competency 0.38s ease-out;}\n\n# .mob-col.plopping-attribute {animation:jhe2_mob-plop 0.38s ease-out,jhe2_mob-plop-glow-attribute  0.38s ease-out;}\n\n\/* \u2500\u2500 Mobile slide 2: match engine shell fills wrapper \u2500\u2500 *\/\n.jh-ext-shell-wrap .shell {\n    height: 100% !important;\n    max-width: 100% !important;\n    border-radius: 8px !important;\n    box-shadow: none !important;\n}\n\n\n\n\n\n\n\/* \u2550\u2550 SHELL \u2550\u2550 *\/\n# .shell {display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative;}\n\n\n\/* \u2550\u2550 JOB HEADER BAR \u2550\u2550 *\/\n# .job-bar {\n  position:absolute;top:0;left:0;right:0;z-index:10;\n  background:#0d1520;\n  border-bottom:1px solid rgba(255,255,255,0.07);\n  padding:8px 18px;\n  display:flex;align-items:center;gap:10px;\n  flex-shrink:0;height:44px;\n}\n\n# .jb-title {font-size:13px;font-weight:700;color:rgba(255,255,255,0.9);letter-spacing:-0.01em;white-space:nowrap;}\n\n# .jb-sep {width:1px;height:12px;background:rgba(255,255,255,0.1);flex-shrink:0;}\n\n# .jb-co {font-size:11px;color:rgba(255,255,255,0.4);white-space:nowrap;}\n\n# .jb-sal {font-size:11px;color:rgba(255,255,255,0.3);white-space:nowrap;}\n\n# .jb-loc {font-size:11px;color:rgba(255,255,255,0.3);white-space:nowrap;}\n\n\n# .jb-actions {margin-left:auto;display:flex;gap:8px;align-items:center;flex-shrink:0;}\n\n# .jb-btn {\n  padding:5px 13px;border-radius:7px;\n  font-size:10px;font-weight:600;letter-spacing:0.02em;cursor:default;\n  border:1px solid rgba(255,255,255,0.1);\n  background:rgba(255,255,255,0.04);\n  color:rgba(255,255,255,0.45);\n  display:flex;align-items:center;gap:5px;white-space:nowrap;\n}\n\n# .jb-btn-primary {\n  background:linear-gradient(135deg,#0554F2,#3B82F6);\n  border-color:transparent;color:#fff;\n  box-shadow:0 2px 14px rgba(5,84,242,0.42);\n  font-size:11px;padding:6px 16px;\n}\n\n# .jb-btn-active {\n  border-color:rgba(5,84,242,0.5);color:rgba(96,176,255,0.9);\n  background:rgba(5,84,242,0.1);font-size:11px;padding:6px 14px;\n}\n\n\n\/* \u2550\u2550 MAIN CONTENT (below bar) \u2550\u2550 *\/\n# .main {\n  display:flex;width:100%;height:100%;\n  padding-top:44px;\n}\n\n\n\/* \u2550\u2550 LEFT \u2014 GAP LIST \u2550\u2550 *\/\n# .gap-panel {\n  width:42%;flex-shrink:0;\n  background:#0b1221;\n  border-right:1px solid rgba(255,255,255,0.06);\n  display:flex;flex-direction:column;\n  overflow:hidden;\n}\n\n\n# .gap-panel-hdr {\n  padding:12px 18px 10px;\n  flex-shrink:0;\n}\n\n# .gph-eyebrow {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:600;letter-spacing:0.22em;\n  color:rgba(96,176,255,0.45);text-transform:uppercase;\n  margin-bottom:4px;\n}\n\n# .gph-title {font-size:16px;font-weight:800;color:rgba(255,255,255,0.9);letter-spacing:-0.02em;margin-bottom:2px;}\n\n# .gph-sub {font-size:10.5px;font-style:italic;color:rgba(255,255,255,0.3);line-height:1.4;}\n\n\n# .gap-divider {height:1px;background:rgba(255,255,255,0.05);margin:0 18px;}\n\n\n# .gap-list {flex:1;overflow:hidden;padding:8px 14px;}\n\n\n# .gap-section-hdr {\n  font-size:11px;font-weight:700;color:rgba(255,255,255,0.65);\n  letter-spacing:-0.01em;margin:6px 0 6px;\n}\n\n\n\/* Gap row *\/\n# .gap-row {\n  display:flex;align-items:flex-start;gap:7px;\n  padding:7px 9px;border-radius:7px;\n  margin-bottom:4px;\n  background:rgba(255,255,255,0.02);\n  border:1px solid rgba(255,255,255,0.04);\n  cursor:default;\n  transition:background 0.25s,border-color 0.25s;\n  position:relative;\n}\n\n# .gap-row.highlighted {\n  background:rgba(5,84,242,0.07);\n  border-color:rgba(5,84,242,0.25);\n}\n\n# .gap-row.matched {\n  background:rgba(34,197,94,0.06);\n  border-color:rgba(34,197,94,0.2);\n}\n\n\n\/* Plus \/ check button *\/\n# .gap-plus {\n  width:20px;height:20px;border-radius:5px;\n  background:rgba(5,84,242,0.12);\n  border:1px solid rgba(5,84,242,0.25);\n  display:flex;align-items:center;justify-content:center;\n  flex-shrink:0;margin-top:1px;\n  transition:background 0.25s,border-color 0.25s,transform 0.15s;\n  font-size:12px;color:#60B0FF;\n  font-weight:300;line-height:1;\n}\n\n# .gap-row.matched .gap-plus {\n  background:rgba(34,197,94,0.15);\n  border-color:rgba(34,197,94,0.35);\n  color:#22c55e;\n}\n\n\n\/* Color square *\/\n# .gap-sq {\n  width:12px;height:12px;border-radius:3px;\n  flex-shrink:0;margin-top:4px;\n  transition:background 0.35s;\n}\n\n# .gap-sq.amber {background:#F59E0B;}\n\n# .gap-sq.red {background:#ef4444;}\n\n# .gap-sq.green {background:#22c55e;}\n\n\n\/* Requirement text *\/\n# .gap-txt {font-size:10.5px;color:rgba(255,255,255,0.55);line-height:1.45;flex:1;}\n\n# .gap-row.matched .gap-txt {color:rgba(255,255,255,0.45);}\n\n\n\/* Matched badge *\/\n# .gap-matched-badge {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:700;letter-spacing:0.14em;\n  color:rgba(34,197,94,0.7);text-transform:uppercase;\n  padding:2px 6px;border-radius:3px;\n  background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.18);\n  flex-shrink:0;margin-top:3px;\n  opacity:0;transition:opacity 0.4s ease;\n  white-space:nowrap;\n}\n\n# .gap-row.matched .gap-matched-badge {opacity:1;}\n\n\n\/* \u2550\u2550 RIGHT \u2014 DETAIL PANEL \u2550\u2550 *\/\n# .detail-panel {\n  flex:1;background:#0d1117;\n  display:flex;flex-direction:column;\n  transform:translateX(100%);\n  transition:transform 0.42s cubic-bezier(0.4,0,0.2,1);\n  overflow:hidden;\n  position:relative;\n}\n\n# .detail-panel.open {transform:translateX(0);}\n\n\n\/* Detail header *\/\n# .dp-hdr {\n  padding:14px 20px 12px;\n  border-bottom:1px solid rgba(255,255,255,0.05);\n  flex-shrink:0;\n}\n\n# .dp-eyebrow {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:700;letter-spacing:0.2em;\n  color:rgba(245,158,11,0.65);text-transform:uppercase;\n  margin-bottom:5px;\n  display:flex;align-items:center;gap:6px;\n}\n\n# .dp-eyebrow::before {\n  content:'';width:5px;height:5px;border-radius:50%;\n  background:#F59E0B;box-shadow:0 0 5px rgba(245,158,11,0.6);flex-shrink:0;\n  animation:jhe3_pdot2 2s ease-in-out infinite;\n}\n\n@keyframes jhe3_jhe3_pdot2{0%,100%{opacity:1;}50%{opacity:0.3;}}\n\n# .dp-req-txt {font-size:13px;font-weight:600;color:rgba(255,255,255,0.85);line-height:1.5;}\n\n\n\/* Where section *\/\n# .dp-where {\n  padding:14px 20px 10px;\n  flex:1;overflow-y:auto;scrollbar-width:none;\n  display:flex;flex-direction:column;\n  gap:0;\n}\n\n# .dp-where::-webkit-scrollbar {display:none;}\n\n\n# .dp-where-lbl {\n  font-family:'JetBrains Mono',monospace;\n  font-size:8px;font-weight:700;letter-spacing:0.2em;\n  color:rgba(255,255,255,0.28);text-transform:uppercase;\n  margin-bottom:10px;\n}\n\n\n\/* Job card *\/\n# .job-card {\n  padding:11px 13px;border-radius:9px;\n  background:#111827;border:1px solid rgba(255,255,255,0.06);\n  margin-bottom:7px;cursor:default;\n  display:flex;align-items:center;gap:10px;\n  transition:background 0.2s,border-color 0.2s,box-shadow 0.2s;\n  position:relative;\n}\n\n# .job-card.selected {\n  background:rgba(5,84,242,0.1);\n  border-color:rgba(5,84,242,0.4);\n  box-shadow:0 0 0 3px rgba(5,84,242,0.1);\n}\n\n\n\/* Radio circle *\/\n# .jc-radio {\n  width:18px;height:18px;border-radius:50%;\n  border:1.5px solid rgba(255,255,255,0.15);\n  flex-shrink:0;display:flex;align-items:center;justify-content:center;\n  transition:border-color 0.2s,background 0.2s;\n}\n\n# .job-card.selected .jc-radio {\n  background:#0554F2;border-color:#0554F2;\n  box-shadow:0 0 0 3px rgba(5,84,242,0.18);\n}\n\n# .jc-radio-inner {\n  width:6px;height:6px;border-radius:50%;background:#fff;\n  transform:scale(0);transition:transform 0.22s cubic-bezier(0.34,1.56,0.64,1);\n}\n\n# .job-card.selected .jc-radio-inner {transform:scale(1);}\n\n\n# .jc-info {flex:1;min-width:0;}\n\n# .jc-title {font-size:11.5px;font-weight:600;color:rgba(255,255,255,0.82);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n\n# .jc-co {font-size:10px;color:rgba(255,255,255,0.38);}\n\n# .jc-dates {font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(255,255,255,0.22);letter-spacing:0.06em;flex-shrink:0;}\n\n\n\/* \u2550\u2550 TAILORING SHIMMER \u2550\u2550 *\/\n# .tailoring-overlay {\n  position:absolute;inset:0;\n  background:#0d1117;\n  display:flex;flex-direction:column;\n  align-items:center;justify-content:center;gap:14px;\n  opacity:0;pointer-events:none;\n  transition:opacity 0.3s ease;\n  z-index:20;\n}\n\n# .tailoring-overlay.show {opacity:1;pointer-events:auto;}\n\n\n# .tailoring-txt {\n  font-family:'JetBrains Mono',monospace;\n  font-size:10px;font-weight:600;letter-spacing:0.18em;\n  color:rgba(96,176,255,0.7);text-transform:uppercase;\n}\n\n\n# .shimmer-bar {\n  width:200px;height:3px;\n  background:rgba(255,255,255,0.05);\n  border-radius:2px;overflow:hidden;\n}\n\n# .shimmer-fill {\n  height:100%;width:0%;\n  background:linear-gradient(90deg,#0554F2,#60B0FF,#0554F2);\n  background-size:200% 100%;\n  border-radius:2px;\n  animation:jhe3_shimbar 1.2s ease-in-out infinite;\n  transition:width 1.4s cubic-bezier(0.16,1,0.3,1);\n}\n\n@keyframes jhe3_jhe3_shimbar{\n  0%{background-position:100% 0;}\n  100%{background-position:-100% 0;}\n}\n\n\n\/* \u2550\u2550 DETAIL FOOTER \u2550\u2550 *\/\n# .dp-footer {\n  padding:18px 20px 24px;\n  border-top:1px solid rgba(255,255,255,0.05);\n  display:flex;gap:8px;\n  flex-shrink:0;\n}\n\n# .dp-cancel {\n  flex:1;height:36px;\n  background:transparent;border:1px solid rgba(255,255,255,0.08);\n  border-radius:8px;color:rgba(255,255,255,0.35);\n  font-family:'JetBrains Mono',monospace;\n  font-size:9px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;\n  cursor:default;transition:background 0.2s;\n}\n\n# .dp-save {\n  flex:2;height:36px;\n  background:linear-gradient(180deg,#2563EB,#1D4ED8);\n  border:none;border-radius:8px;color:#fff;\n  font-family:'Inter',sans-serif;\n  font-size:12px;font-weight:700;letter-spacing:-0.01em;\n  cursor:default;\n  box-shadow:0 4px 16px rgba(37,99,235,0.38);\n  transition:background 0.2s,transform 0.12s,box-shadow 0.12s;\n  position:relative;overflow:hidden;\n}\n\n# .dp-save::after {content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background 0.12s;}\n\n# .dp-save.clicking {transform:scale(0.97);}\n\n# .dp-save.clicking::after {background:rgba(255,255,255,0.15);}\n\n\n\/* \u2550\u2550 SUCCESS TOAST \u2550\u2550 *\/\n# .toast {\n  position:absolute;top:55px;\n  background:rgba(34,197,94,0.15);\n  border:1px solid rgba(34,197,94,0.35);\n  border-radius:9px;\n  padding:10px 16px;\n  display:flex;align-items:center;gap:10px;\n  white-space:nowrap;\n  box-shadow:0 8px 24px rgba(0,0,0,0.4),0 0 0 1px rgba(34,197,94,0.12);\n  opacity:0;\n  transition:opacity 0.35s ease,transform 0.35s ease;\n  z-index:100;\n}\n\n# .toast.show {opacity:1;}\n\n# .toast-check {\n  width:18px;height:18px;border-radius:50%;\n  background:rgba(34,197,94,0.2);border:1.5px solid rgba(34,197,94,0.5);\n  display:flex;align-items:center;justify-content:center;\n  font-size:10px;color:#22c55e;flex-shrink:0;\n}\n\n# .toast-bold {font-size:12px;font-weight:700;color:#22c55e;}\n\n# .toast-light {font-size:12px;color:rgba(255,255,255,0.55);}\n\n# .toast-x {font-size:11px;color:rgba(255,255,255,0.2);margin-left:6px;}\n\n\n\/* \u2550\u2550 SIM CURSOR \u2550\u2550 *\/\n# #sim-cursor {\n  position:absolute;pointer-events:none;z-index:200;\n  opacity:0;transition:opacity 0.28s ease;\n}\n\n# #sim-cursor svg {display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.55));transform-origin:3px 2px;transition:transform 0.1s ease;}\n\n# #sim-cursor.pressing svg {transform:scale(0.78);}\n\n# #sim-ripple {position:absolute;top:0;left:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:rgba(255,255,255,0.55);opacity:0;transform:scale(0);pointer-events:none;}\n\n@keyframes jhe3_jhe3_ripple-out{0%{opacity:0.65;transform:scale(0);}100%{opacity:0;transform:scale(4);}}\n\n# #sim-ripple.fire {animation:jhe3_ripple-out 0.42s ease-out forwards;}\n\n\n\/* \u2550\u2550 MOBILE \u2550\u2550 *\/\n@media(max-width:720px){\n  \n\n  # .shell {display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative;}\n\n\n  \/* Bar: keep title + company, hide salary\/loc *\/\n  # .job-bar {padding:8px 14px;height:42px;}\n\n  # .jb-sal, # .jb-loc, # .jb-sep:nth-child(4), # .jb-sep:nth-child(6) {display:none;}\n\n  # .jb-btn-primary {padding:5px 12px;font-size:10px;}\n\n  \/* Hide Fit Analysis on mobile \u2014 primary action only *\/\n  # .jb-btn-active {display:none;}\n\n\n  \/* Main fills below bar *\/\n  # .main {\n    flex-direction:column;\n    padding-top:42px;\n    height:100%;\n    overflow:hidden;\n  }\n\n\n  \/* \u2500\u2500 Gap panel: full width, scrollable list \u2500\u2500 *\/\n  # .gap-panel {\n    width:100%;\n    height:100%;\n    border-right:none;\n    transition:transform 0.42s cubic-bezier(0.4,0,0.2,1);\n    display:flex;flex-direction:column;\n  }\n\n  # .gap-panel.shifted {transform:translateX(-100%);}\n\n\n  \/* Tighten panel header on mobile *\/\n  # .gap-panel-hdr {padding:10px 16px 8px;}\n\n  # .gph-title {font-size:15px;}\n\n  # .gph-sub {font-size:10px;}\n\n\n  \/* List scrollable so all rows are reachable *\/\n  # .gap-list {\n    flex:1;\n    overflow-y:auto;\n    padding:6px 12px 12px;\n    scrollbar-width:none;\n  }\n\n  # .gap-list::-webkit-scrollbar {display:none;}\n\n\n  \/* Tighter rows on mobile *\/\n  # .gap-section-hdr {font-size:10.5px;margin:6px 0 5px;}\n\n  # .gap-row {padding:6px 8px;margin-bottom:4px;gap:6px;}\n\n  # .gap-plus {width:18px;height:18px;font-size:11px;}\n\n  # .gap-sq {width:10px;height:10px;margin-top:3px;}\n\n  # .gap-txt {font-size:10px;line-height:1.4;}\n\n  # .gap-matched-badge {font-size:6.5px;padding:2px 5px;}\n\n\n  \/* \u2500\u2500 Bottom sheet: fixed height, content-tight \u2500\u2500 *\/\n  # .detail-panel {\n    position:absolute;\n    left:0;right:0;bottom:0;\n    width:100%;\n    \/* Fixed height \u2014 exactly fits handle + header + 3 cards + footer *\/\n    height:68svh;\n    transform:translateY(100%);\n    border-radius:16px 16px 0 0;\n    border-top:1px solid rgba(255,255,255,0.08);\n    box-shadow:0 -20px 60px rgba(0,0,0,0.7);\n    z-index:50;\n    display:flex;flex-direction:column;\n    overflow:hidden;\n  }\n\n  # .detail-panel.open {transform:translateY(0);}\n\n\n  \/* No flex:1 stretching on mobile \u2014 let content determine height *\/\n  # .dp-hdr {padding:12px 18px 10px;flex-shrink:0;}\n\n  # .dp-req-txt {font-size:12px;}\n\n  # .dp-where {\n    flex:1;\n    padding:10px 18px 6px;\n    overflow-y:auto;\n    scrollbar-width:none;\n  }\n\n  # .dp-where::-webkit-scrollbar {display:none;}\n\n  # .dp-where-lbl {margin-bottom:8px;font-size:7.5px;}\n\n  # .job-card {padding:9px 12px;margin-bottom:6px;}\n\n  # .jc-title {font-size:11px;}\n\n  # .jc-co {font-size:9.5px;}\n\n  # .jc-dates {font-size:7.5px;}\n\n\n  # .dp-footer {padding:18px 16px 28px;gap:8px;flex-shrink:0;}\n\n  # .dp-cancel {height:38px;font-size:8.5px;}\n\n  # .dp-save {height:38px;font-size:12px;}\n\n\n  \/* \u2500\u2500 Toast: full width at bottom \u2500\u2500 *\/\n  # .toast {\n    position:absolute;\n    top:auto;\n    bottom:16px;\n    left:12px;right:12px;\n    transform:translateY(10px);\n    white-space:normal;\n    width:auto;\n    z-index:101;\n  }\n\n  # .toast.show {transform:translateY(0);}\n\n  # .toast-light {font-size:11px;}\n\n  # .toast-bold {font-size:11px;}\n\n\n  \/* Handle *\/\n  # .dp-handle {\n    width:36px;height:4px;border-radius:2px;\n    background:rgba(255,255,255,0.15);\n    margin:10px auto 0;\n    flex-shrink:0;\n  }\n\n\n  \/* Backdrop *\/\n  # .mob-backdrop {\n    position:absolute;inset:0;\n    background:rgba(0,0,0,0.55);\n    opacity:0;pointer-events:none;\n    transition:opacity 0.42s ease;\n    z-index:40;\n  }\n\n  # .mob-backdrop.show {opacity:1;pointer-events:auto;}\n\n\n  # #sim-cursor {display:none;}\n\n}\n\n@media(min-width:721px){\n  # .dp-handle, # .mob-backdrop {display:none;}\n\n  \/* Desktop toast: centered *\/\n  # .toast {left:50%;transform:translateX(-50%) translateY(-12px);}\n\n  # .toast.show {transform:translateX(-50%) translateY(0);}\n\n}\n\n\n\n\n\n\n\/* \u2550\u2550 SHELL \u2550\u2550 *\/\n# .shell {display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative;}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LEFT \u2014 RAW JD PANEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n# .jd-panel {\n  width:54%;flex-shrink:0;\n  background:#f0f3f8;\n  display:flex;flex-direction:column;\n  overflow:hidden;position:relative;\n}\n\n\n\/* Fake browser \/ job board chrome *\/\n# .jd-chrome {\n  background:#fff;\n  border-bottom:1px solid #e2e6ec;\n  padding:8px 14px;\n  display:flex;align-items:center;gap:8px;\n  flex-shrink:0;\n}\n\n# .jd-chrome-dots {display:flex;gap:4px;}\n\n# .jd-chrome-dot {width:8px;height:8px;border-radius:50%;}\n\n# .jd-chrome-dot:nth-child(1) {background:#ff5f57;}\n\n# .jd-chrome-dot:nth-child(2) {background:#febc2e;}\n\n# .jd-chrome-dot:nth-child(3) {background:#28c840;}\n\n# .jd-chrome-bar {\n  flex:1;height:22px;\n  background:#f1f4f8;border-radius:5px;\n  display:flex;align-items:center;padding:0 10px;\n  font-size:10px;color:#9ca3af;\n  border:1px solid #e2e6ec;\n}\n\n# .jd-chrome-bar-dot {width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:6px;flex-shrink:0;}\n\n\n\/* Job board header *\/\n# .jb-board-hdr {\n  background:#fff;\n  border-bottom:1px solid #e8ecf2;\n  padding:10px 16px 9px;\n  flex-shrink:0;\n}\n\n# .jb-company {font-size:11px;color:#6b7280;margin-bottom:3px;}\n\n# .jb-job-title {font-size:16px;font-weight:700;color:#111827;letter-spacing:-0.01em;margin-bottom:5px;}\n\n# .jb-meta {display:flex;gap:10px;flex-wrap:wrap;}\n\n# .jb-meta-item {font-size:10.5px;color:#6b7280;display:flex;align-items:center;gap:4px;}\n\n# .jb-meta-icon {font-size:10px;}\n\n\n# .jb-apply {\n  display:inline-flex;align-items:center;gap:5px;\n  background:#2563EB;color:#fff;\n  font-size:11px;font-weight:600;\n  padding:5px 14px;border-radius:6px;\n  margin-top:7px;cursor:default;\n}\n\n\n\/* JD scroll body *\/\n# .jd-body {\n  flex:1;overflow:hidden;\n  padding:13px 16px;\n  position:relative;\n}\n\n\n\/* Scan beam *\/\n# #scan-beam {\n  position:absolute;left:0;right:0;top:0;height:2.5px;\n  background:linear-gradient(to right,transparent 0%,rgba(5,84,242,0.5) 15%,rgba(5,84,242,0.9) 50%,rgba(5,84,242,0.5) 85%,transparent 100%);\n  box-shadow:0 0 12px rgba(5,84,242,0.3),0 4px 16px rgba(5,84,242,0.15);\n  pointer-events:none;opacity:0;z-index:10;\n}\n\n\n\/* JD text sections *\/\n# .jd-sec {margin-bottom:11px;}\n\n# .jd-sec-title {\n  font-size:11.5px;font-weight:700;color:#374151;\n  margin-bottom:5px;letter-spacing:0.01em;\n  text-transform:uppercase;font-size:10px;color:#6b7280;letter-spacing:0.08em;\n}\n\n# .jd-sec-body {font-size:11.5px;color:#4b5563;line-height:1.65;}\n\n\n\/* Inline keyword highlights *\/\n# .kh {\n  border-radius:2px;padding:0 2px;\n  transition:background 0.28s,color 0.28s,box-shadow 0.28s;\n}\n\n# .kh.lit-blue {background:rgba(37,99,235,0.13);color:#1d4ed8;box-shadow:0 0 0 1px rgba(37,99,235,0.3);}\n\n# .kh.lit-indigo {background:rgba(99,102,241,0.12);color:#4338ca;box-shadow:0 0 0 1px rgba(99,102,241,0.3);}\n\n# .kh.lit-green {background:rgba(22,163,74,0.1);color:#15803d;box-shadow:0 0 0 1px rgba(22,163,74,0.25);}\n\n# .kh.lit-amber {background:rgba(245,158,11,0.1);color:#b45309;box-shadow:0 0 0 1px rgba(245,158,11,0.3);}\n\n\n\/* Section flash on scan *\/\n# .jd-sec.scanning .jd-sec-title {color:#2563eb;transition:color 0.2s;}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RIGHT \u2014 BRIEF PANEL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n# .brief-panel {\n  flex:1;background:#0d1117;\n  display:flex;flex-direction:column;\n  overflow:hidden;\n  border-left:1px solid rgba(255,255,255,0.06);\n}\n\n\n\/* Brief header *\/\n# .brief-hdr {\n  padding:12px 16px 10px;\n  border-bottom:1px solid rgba(255,255,255,0.05);\n  flex-shrink:0;\n  display:flex;align-items:flex-start;justify-content:space-between;\n}\n\n# .brief-eyebrow {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7.5px;font-weight:700;letter-spacing:0.22em;\n  color:rgba(96,176,255,0.5);text-transform:uppercase;\n  margin-bottom:4px;\n}\n\n# .brief-title {font-size:17px;font-weight:800;color:rgba(255,255,255,0.92);letter-spacing:-0.02em;}\n\n# .brief-sub {font-size:10.5px;font-style:italic;color:rgba(255,255,255,0.3);margin-top:2px;}\n\n\n\/* JH shield icon *\/\n# .brief-shield {\n  width:28px;height:28px;flex-shrink:0;\n  background:linear-gradient(135deg,#0554F2,#3B82F6);\n  border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  font-size:12px;box-shadow:0 0 12px rgba(5,84,242,0.4);\n}\n\n\n\/* Scan status *\/\n# .brief-status {\n  padding:5px 16px;\n  background:rgba(5,84,242,0.04);\n  border-bottom:1px solid rgba(5,84,242,0.08);\n  display:flex;align-items:center;gap:7px;\n  flex-shrink:0;\n}\n\n# .brief-status-dot {\n  width:5px;height:5px;border-radius:50%;\n  background:#334155;flex-shrink:0;\n  transition:background 0.3s,box-shadow 0.3s;\n}\n\n# .brief-status-dot.active {background:#0554F2;box-shadow:0 0 5px rgba(5,84,242,0.7);animation:jhe4_bsdot 1.4s ease-in-out infinite;}\n\n@keyframes jhe4_jhe4_bsdot{0%,100%{opacity:1;}50%{opacity:0.25;}}\n\n# .brief-status-txt {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7.5px;font-weight:600;letter-spacing:0.13em;\n  color:rgba(255,255,255,0.25);text-transform:uppercase;\n  transition:color 0.3s;\n}\n\n# .brief-status-txt.active {color:rgba(96,176,255,0.75);}\n\n\n\/* Cards container *\/\n# .brief-cards {\n  flex:1;overflow-y:auto;\n  padding:10px 12px 12px;\n  display:flex;flex-direction:column;\n  gap:7px;\n  scrollbar-width:none;\n}\n\n# .brief-cards::-webkit-scrollbar {display:none;}\n\n\n\/* Insight card *\/\n# .icard {\n  background:#111827;\n  border:1px solid rgba(255,255,255,0.06);\n  border-radius:10px;\n  padding:10px 13px;\n  opacity:0;transform:translateY(10px);\n  transition:opacity 0.4s ease,transform 0.4s ease;\n  flex-shrink:0;\n}\n\n# .icard.visible {opacity:1;transform:translateY(0);}\n\n\n\/* Card left accent bar *\/\n# .icard {position:relative;padding-left:16px;}\n\n# .icard::before {\n  content:'';\n  position:absolute;left:0;top:8px;bottom:8px;\n  width:2.5px;border-radius:2px;\n}\n\n# .icard.type-title::before {background:#0554F2;}\n\n# .icard.type-why::before {background:#6366F1;}\n\n# .icard.type-metrics::before {background:#22c55e;}\n\n# .icard.type-resp::before {background:#F59E0B;}\n\n# .icard.type-culture::before {background:#60B0FF;}\n\n\n# .ic-label {\n  font-family:'JetBrains Mono',monospace;\n  font-size:7px;font-weight:700;letter-spacing:0.2em;\n  text-transform:uppercase;margin-bottom:5px;\n}\n\n# .icard.type-title .ic-label {color:rgba(96,176,255,0.6);}\n\n# .icard.type-why .ic-label {color:rgba(165,180,252,0.6);}\n\n# .icard.type-metrics .ic-label {color:rgba(34,197,94,0.6);}\n\n# .icard.type-resp .ic-label {color:rgba(245,158,11,0.6);}\n\n# .icard.type-culture .ic-label {color:rgba(96,176,255,0.5);}\n\n\n# .ic-content {font-size:11px;color:rgba(255,255,255,0.7);line-height:1.55;}\n\n# .ic-content strong {font-weight:600;color:rgba(255,255,255,0.88);}\n\n\n\/* Metrics list *\/\n# .ic-metrics {list-style:none;display:flex;flex-direction:column;gap:3px;margin-top:3px;}\n\n# .ic-metrics li {\n  font-size:10.5px;color:rgba(255,255,255,0.62);\n  display:flex;align-items:flex-start;gap:6px;line-height:1.4;\n}\n\n# .ic-metrics li::before {content:'\u25e6';color:rgba(34,197,94,0.6);font-size:9px;flex-shrink:0;margin-top:2px;}\n\n\n\/* Resp rows *\/\n# .ic-resp-row {\n  display:flex;gap:8px;\n  padding:5px 0;\n  border-bottom:1px solid rgba(255,255,255,0.04);\n  font-size:10.5px;line-height:1.4;\n}\n\n# .ic-resp-row:last-child {border-bottom:none;padding-bottom:0;}\n\n# .ic-resp-raw {color:rgba(255,255,255,0.32);flex:1;text-decoration:line-through;}\n\n# .ic-resp-arrow {color:rgba(245,158,11,0.5);flex-shrink:0;font-size:10px;}\n\n# .ic-resp-decoded {color:rgba(255,255,255,0.72);flex:1;}\n\n\n\/* Culture *\/\n# .ic-culture-row {\n  display:flex;align-items:flex-start;gap:8px;\n  font-size:10.5px;color:rgba(255,255,255,0.65);line-height:1.5;\n  margin-top:3px;\n}\n\n# .ic-culture-icon {font-size:14px;flex-shrink:0;margin-top:-1px;}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:720px){\n  \n\n  # .shell {display:flex;width:100%;height:100%;border-radius:14px;overflow:hidden;position:relative;}\n\n\n  \/* Both panels fill the shell absolutely *\/\n  # .jd-panel, # .brief-panel {\n    position:absolute;inset:0;\n    width:100%;height:100%;\n    transition:transform 0.55s cubic-bezier(0.4,0,0.2,1);\n    overflow:hidden;\n  }\n\n\n  \/* JD starts visible, exits upward *\/\n  # .jd-panel {\n    transform:translateY(0);\n    border-bottom:none;\n    border-right:none;\n  }\n\n  # .jd-panel.exit {transform:translateY(-100%);}\n\n\n  \/* Brief starts below, enters upward *\/\n  # .brief-panel {\n    transform:translateY(100%);\n    border-left:none;\n    border-top:1px solid rgba(255,255,255,0.06);\n  }\n\n  # .brief-panel.enter {transform:translateY(0);}\n\n\n  \/* JD body takes more vertical space on mobile *\/\n  # .jd-body {flex:1;}\n\n\n  \/* Show chrome on mobile (it helps establish context) *\/\n  # .jd-chrome {display:flex;}\n\n  # .jb-meta-item:nth-child(n+3) {display:none;}\n\n  # .jb-apply {display:none;}\n\n  # .jd-sec-body {font-size:11px;line-height:1.6;}\n\n\n  \/* Cards: spring entrance from below on mobile *\/\n  # .icard {\n    opacity:0;\n    transform:translateY(40px);\n    transition:opacity 0.38s ease, transform 0.5s cubic-bezier(0.34,1.2,0.64,1);\n  }\n\n  # .icard.visible {opacity:1;transform:translateY(0);}\n\n\n  \/* Brief tweaks *\/\n  # .brief-title {font-size:15px;}\n\n  # .brief-cards {padding:8px 12px 14px;gap:6px;}\n\n  # .icard {padding:9px 12px 9px 15px;}\n\n  # .ic-content {font-size:10.5px;}\n\n  # .ic-metrics li {font-size:10px;}\n\n  # .ic-resp-row {font-size:10px;}\n\n  # .ic-culture-row {font-size:10px;}\n\n}\n\n<\/style>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8ac8818 elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"8ac8818\" data-element_type=\"section\" data-e-type=\"section\" id=\"elementor-widget-container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fe3a454 exad-sticky-section-no\" data-id=\"fe3a454\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a890f0 exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"9a890f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><section id=\"jh_targeting_stable\" class=\"jh-targeting-wrapper\" role=\"region\" aria-label=\"Optimization Vectors\">\n    <div class=\"jh-section-bg-glow\"><\/div>\n\n    <div class=\"jh-section-header\">\n        <span class=\"jh-mini-heading mono\">OPTIMIZING_CANDIDATE_MATCH... [SUCCESS]<\/span>\n        <h2 class=\"jh-main-heading\">Reveal the <span class=\"gradient-text\">hidden criteria<\/span> recruiters use to hire<\/h2>\n        <p class=\"jh-section-subtitle\">STOP LETTING TOP-TIER ROLES SLIP AWAY. OUR SYSTEM BRIDGES THE GAP BETWEEN YOUR ACTUAL EXPERTISE AND THE HIRING NUANCES THAT TRIGGER AN IMMEDIATE 'YES' FROM RECRUITERS.<\/p>\n    <\/div>\n\n    <div class=\"jh-split-container\">\n        <div class=\"jh-video-viewport\">\n            <div class=\"viewport-hud-top mono\">\n                <span class=\"hud-dot\"><\/span>SIGNAL_SOURCE: CAREER_OPTIMIZER_v2\n            <\/div>\n\n            <div class=\"viewport-frame\">\n                <video autoplay muted loop playsinline preload=\"none\" class=\"jh-demo-video\" aria-label=\"ATS Optimization Demo\" data-poster=\"https:\/\/www.justhired.ai\/wp-content\/uploads\/2026\/01\/who-framed-roger-rabbit.webp\">\n                    <source src=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2026\/01\/Resume-Trasformer-180.mp4\" type=\"video\/mp4\">\n                    Your browser does not support the video tag.\n                <\/video>\n\n                <div class=\"viewport-scanline\"><\/div>\n                <div class=\"viewport-corner-tl\"><\/div>\n                <div class=\"viewport-corner-br\"><\/div>\n            <\/div>\n\n            <div class=\"viewport-hud-bottom mono\">\n                ALIGNING_PROFESSIONAL_SIGNALS... [STRONG]\n            <\/div>\n        <\/div>\n\n        <div class=\"jh-steps-column\">\n            <a href=\"https:\/\/app.justhired.ai\/\/dashboard_v2_0\" class=\"jh-step-card\" aria-label=\"Step 1: Upload resume for variables extraction\">\n                <div class=\"card-status mono\">STEP_01 \/\/ UPLOAD<\/div>\n                <div class=\"card-icon\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0554F2\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4m4-5l5-5 5 5m-5-5v12\"\/><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">Identify Your Edge<\/h3>\n                <p class=\"card-text\">Drop your resume. We instantly pull the key professional signals that matter most to hiring algorithms and human reviewers.<\/p>\n                <div class=\"card-footer-line\"><\/div>\n            <\/a>\n\n            <a href=\"https:\/\/app.justhired.ai\/\/dashboard_v2_0\" class=\"jh-step-card\" aria-label=\"Step 2: Reframe experience for delta resolution\">\n                <div class=\"card-status mono\">STEP_02 \/\/ REFRAME<\/div>\n                <div class=\"card-icon\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#60B0FF\" stroke-width=\"2\"><path d=\"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83\"\/><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">Dynamic Alignment<\/h3>\n                <p class=\"card-text\">Our AI reframes your experience to match the specific \"dialect\" of the job post, ensuring your expertise is recognized immediately.<\/p>\n                <div class=\"card-footer-line blue\"><\/div>\n            <\/a>\n\n            <a href=\"https:\/\/app.justhired.ai\/\/dashboard_v2_0\" class=\"jh-step-card\" aria-label=\"Step 3: Deploy optimized profile to secure the breach\">\n                <div class=\"card-status mono\">STEP_03 \/\/ DEPLOY<\/div>\n                <div class=\"card-icon\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">Take the Lead<\/h3>\n                <p class=\"card-text\">Push your optimized profile live. Watch the responses roll in and manage every stage of the process from your Command Center.<\/p>\n                <div class=\"card-footer-line\"><\/div>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\n    @media (min-width: 1025px) {\n        #jh_targeting_stable, #jh_targeting_stable * { box-sizing: border-box; }\n\n        #jh_targeting_stable {\n            --jh-cyan: #22d3ee;\n            --jh-blue: #0554F2;\n            --jh-agent: #60B0FF;\n            --jh-glass: rgba(15, 15, 15, 0.6);\n            --jh-border: rgba(5, 84, 242, 0.2);\n        }\n\n        #jh_targeting_stable.jh-targeting-wrapper {\n            min-height: auto;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-start;\n            padding: clamp(60px, 8vh, 80px) 20px;\n            background: #030303;\n            color: #fff;\n            font-family: 'Inter', sans-serif;\n            position: relative;\n            overflow: hidden;\n        }\n\n        #jh_targeting_stable .jh-section-bg-glow {\n            position: absolute !important;\n            inset: 0 !important;\n            background: \n                radial-gradient(at 0% 0%, rgba(5, 84, 242, 0.2) 0px, transparent 55%),\n                radial-gradient(at 100% 0%, rgba(139, 92, 246, 0.15) 0px, transparent 50%),\n                radial-gradient(at 50% 100%, rgba(5, 84, 242, 0.15) 0px, transparent 50%) !important;\n            filter: blur(80px) !important;\n            opacity: 0.8 !important;\n            pointer-events: none !important;\n            z-index: 0 !important;\n        }\n        .jh-section-header {\n            width: fit-content;\n            max-width: 90%;\n            margin: 0 auto 40px;\n            text-align: center;\n            position: relative;\n            z-index: 2;\n        }\n\n        #jh_targeting_stable .jh-mini-heading {\n            display: inline-block !important;\n            width: fit-content !important;\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: clamp(10px, 0.8vw, 12px) !important;\n            letter-spacing: 0.25em !important;\n            color: #60B0FF !important;\n            text-transform: uppercase !important;\n            \n            \/* Stripping the container *\/\n            border: none !important;\n            background: transparent !important;\n            padding: 0 0 8px 0 !important;\n            margin-bottom: 16px !important;\n            \n            \/* Blue HUD Text Glow *\/\n            text-shadow: 0 0 10px rgba(96, 176, 255, 0.6) !important;\n            line-height: 1 !important;\n        }\n        \n        #jh_targeting_stable .mono {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 11px !important;\n            letter-spacing: 0.2em !important;\n            text-transform: uppercase !important;\n        }\n\n        #jh_targeting_stable .jh-main-heading {\n            font-family: 'Inter Tight', sans-serif !important;\n            font-size: clamp(32px, 5vw, 48px) !important;\n            font-weight: 800 !important;\n            line-height: 1.1 !important;\n            color: #ffffff !important;\n            margin: 0 auto 16px auto !important;\n        }\n        \n        #jh_targeting_stable .jh-section-subtitle {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 11px !important;\n            letter-spacing: 0.2em !important;\n            color: rgba(255, 255, 255, 0.5) !important;\n            max-width: 850px !important;\n            margin: 0 auto !important;\n            line-height: 1.8 !important;\n            text-transform: uppercase !important;\n        }\n\n        .gradient-text {\n            background: linear-gradient(90deg, var(--jh-blue), #60B0FF);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .jh-split-container {\n            display: flex;\n            gap: clamp(10px, 2vw, 40px);\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            z-index: 2;\n        }\n\n        .jh-video-viewport {\n            position: relative;\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--jh-border);\n            border-radius: 32px;\n            padding: 15px;\n            box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            width: fit-content;\n            gap: 8px;\n        }\n\n        .viewport-frame {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            background: #000;\n            border: 1px solid rgba(255,255,255,0.05);\n            width: 888px; \/* Fixed width for desktop to prevent shift *\/\n            max-width: 100%;\n            aspect-ratio: 16 \/ 9;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .jh-demo-video {\n            display: block;\n            height: 100%;\n            width: 100%;\n            opacity: 0.9;\n            object-fit: contain;\n        }\n\n        .viewport-hud-top, .viewport-hud-bottom {\n            z-index: 3;\n            padding: 4px 0;\n            font-size: 10px;\n            color: var(--jh-blue);\n            width: 100%;\n            box-sizing: border-box;\n        }\n\n        .viewport-hud-top {\n            border-left: 2px solid var(--jh-blue);\n            padding-left: 10px;\n            display: flex; align-items: center; gap: 8px;\n            justify-content: flex-start;\n        }\n\n        .hud-dot { width: 6px; height: 6px; background: #ff4444; border-radius: 50%; animation: blink 1s infinite; }\n\n        .viewport-hud-bottom { color: rgba(255,255,255,0.5); text-align: right; }\n\n        .viewport-scanline {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%);\n            background-size: 100% 4px;\n            pointer-events: none;\n            z-index: 2;\n        }\n\n        .viewport-corner-tl, .viewport-corner-br {\n            position: absolute;\n            width: 24px;\n            height: 24px;\n            border-color: var(--jh-blue);\n            border-style: solid;\n            z-index: 3;\n            pointer-events: none;\n        }\n        .viewport-corner-tl {\n            top: 15px;\n            left: 15px;\n            border-width: 3px 0 0 3px;\n        }\n        .viewport-corner-br {\n            bottom: 15px;\n            right: 15px;\n            border-width: 0 3px 3px 0;\n        }\n\n        .jh-steps-column {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n            width: 320px;\n            flex-shrink: 0;\n        }\n\n        #jh_targeting_stable .jh-step-card {\n            background: rgba(10, 10, 10, 0.4) !important;\n            backdrop-filter: blur(25px) !important;\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\n            border-radius: 16px !important;\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;\n        }\n        \n        #jh_targeting_stable .jh-step-card .card-title {\n        color: #ffffff !important;\n        text-shadow: 0 0 10px rgba(255, 255, 255, 0.1) !important;\n        }\n        \n        #jh_targeting_stable .jh-step-card .card-text {\n            color: rgba(255, 255, 255, 0.6) !important;\n        }\n        \n        #jh_targeting_stable .jh-step-card:hover, \n        #jh_targeting_stable .jh-step-card.active {\n            border-color: rgba(96, 176, 255, 0.6) !important;\n            background: rgba(5, 84, 242, 0.1) !important;\n            transform: scale(1.02) translateX(10px) !important;\n            box-shadow: -10px 0 30px rgba(5, 84, 242, 0.2) !important;\n        }\n\n        .jh-step-card:hover, .jh-step-card.active {\n            border-color: rgba(96, 176, 255, 0.6);\n            background: rgba(5, 84, 242, 0.08);\n            transform: scale(1.02) translateX(10px);\n            box-shadow: -10px 0 30px rgba(5, 84, 242, 0.15);\n        }\n\n        .card-status { color: rgba(255, 255, 255, 0.3); margin-bottom: 8px; transition: color 0.3s ease; }\n        .card-icon { margin-bottom: 8px; transition: transform 0.3s ease; }\n        .card-title { font-size: 16px; font-weight: 700; margin-bottom: 6px; transition: color 0.3s ease; }\n        .card-text { color: rgba(255, 255, 255, 0.5); font-size: 13px; line-height: 1.4; margin: 0; transition: color 0.3s ease; }\n\n        .jh-step-card:hover .card-title { color: #fff; }\n        .jh-step-card:hover .card-text { color: rgba(255, 255, 255, 0.8); }\n        .jh-step-card:hover .card-status { color: var(--jh-blue); }\n        .jh-step-card:hover .card-icon { transform: translateY(-2px); }\n\n        .card-footer-line {\n            width: 30px; height: 2px; background: var(--jh-blue); margin-top: 10px; border-radius: 2px;\n        }\n        .card-footer-line.blue { background: #60B0FF; width: 50px; }\n\n        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }\n    }\n\n    @media (max-width: 1024px) {\n        #jh_targeting_stable, #jh_targeting_stable * { box-sizing: border-box; }\n\n        #jh_targeting_stable {\n            --jh-cyan: #22d3ee;\n            --jh-blue: #60B0FF;\n            --jh-glass: rgba(15, 15, 15, 0.6);\n            --jh-border: rgba(5, 84, 242, 0.2);\n        }\n\n        #jh_targeting_stable.jh-targeting-wrapper {\n            min-height: auto;\n            padding: clamp(40px, 6vh, 60px) 20px !important;\n            background: #000;\n            color: #fff;\n            font-family: 'Inter', sans-serif;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            overflow-y: auto;\n            justify-content: flex-start;\n        }\n\n        .jh-section-bg-glow {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 120%;\n            height: 120%;\n            background: radial-gradient(circle, rgba(5, 84, 242, 0.1) 0%, transparent 80%);\n            pointer-events: none;\n        }\n\n        .jh-section-header {\n            width: 100%;\n            max-width: 100%;\n            margin: 0 auto 30px !important;\n            text-align: center;\n            z-index: 2;\n        }\n\n        \/* FIXED: Mini heading - smaller on mobile *\/\n        #jh_targeting_stable span.jh-mini-heading,\n        #jh_targeting_stable .jh-mini-heading {\n            color: #60B0FF !important;\n            display: block !important;\n            margin-bottom: 12px !important;\n            text-shadow: 0 0 10px rgba(96, 176, 255, 0.5) !important;\n            font-size: 9px !important;\n            letter-spacing: 0.2em !important;\n            font-family: 'JetBrains Mono', monospace !important;\n        }\n\n        \/* FIXED: Main heading - proper mobile size *\/\n        #jh_targeting_stable .jh-main-heading {\n            font-size: clamp(24px, 5.5vw, 32px) !important;\n            line-height: 1.2 !important;\n            word-wrap: break-word !important;\n        }\n\n        #jh_targeting_stable .mono {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 9px !important;\n            letter-spacing: 0.15em !important;\n            text-transform: uppercase !important;\n        }\n\n        .gradient-text {\n            background: linear-gradient(90deg, var(--jh-blue), #60B0FF);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        \/* FIXED: Subtitle - smaller and more readable *\/\n        .jh-section-subtitle {\n            color: #BDBDBD !important;\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 9px !important;\n            font-weight: 400 !important;\n            line-height: 1.6 !important;\n            letter-spacing: 0.05em !important;\n            text-align: center !important;\n            width: 100% !important;\n            max-width: 100% !important;\n            margin: 12px auto 0 auto !important;\n            text-transform: uppercase !important;\n        }\n\n        \/* FIXED: Split container - vertical stacking *\/\n        .jh-split-container {\n            flex: 1;\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 30px !important;\n            align-items: center;\n            width: 100%;\n            max-width: 100%;\n            padding: 20px 0;\n            z-index: 2;\n        }\n\n        \/* FIXED: Video viewport - better sizing *\/\n        .jh-video-viewport {\n            background: rgba(255,255,255,0.02);\n            border: 1px solid var(--jh-border);\n            border-radius: 20px !important;\n            padding: 12px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            width: 100% !important;\n            max-width: 100% !important;\n            max-height: none !important;\n            flex-shrink: 0;\n            position: relative;\n        }\n\n        .viewport-frame {\n            border-radius: 16px;\n            overflow: hidden;\n            width: 100%;\n            aspect-ratio: 16 \/ 9;\n            position: relative;\n            background: #000;\n        }\n\n        .jh-demo-video {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n            display: block;\n        }\n\n        .viewport-hud-top, .viewport-hud-bottom {\n            font-size: 8px;\n            color: var(--jh-blue);\n            width: 100%;\n            padding: 4px 0;\n        }\n\n        .viewport-hud-top {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            border-left: 1.5px solid var(--jh-blue);\n            padding-left: 8px;\n        }\n\n        .hud-dot {\n            width: 5px;\n            height: 5px;\n            background: #ff4444;\n            border-radius: 50%;\n            box-shadow: 0 0 8px rgba(255, 68, 68, 0.6);\n            animation: hudPulse 1.2s infinite;\n        }\n\n        @keyframes hudPulse {\n            0% { transform: scale(1); opacity: 1; }\n            50% { transform: scale(1.3); opacity: 0.6; }\n            100% { transform: scale(1); opacity: 1; }\n        }\n\n        .viewport-hud-bottom { \n            text-align: right; \n            color: rgba(255,255,255,0.3); \n        }\n\n        .viewport-scanline {\n            display: block;\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%);\n            background-size: 100% 4px;\n            pointer-events: none;\n            z-index: 2;\n        }\n\n        .viewport-corner-tl, .viewport-corner-br {\n            position: absolute;\n            width: 14px;\n            height: 14px;\n            border: 1.5px solid var(--jh-blue);\n        }\n\n        .viewport-corner-tl {\n            top: 4px;\n            left: 4px;\n            border-bottom: none;\n            border-right: none;\n        }\n\n        .viewport-corner-br {\n            bottom: 4px;\n            right: 4px;\n            border-top: none;\n            border-left: none;\n        }\n\n        \/* FIXED: Steps column - full width cards *\/\n        .jh-steps-column {\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 20px !important;\n            width: 100% !important;\n            max-width: 100% !important;\n        }\n\n        \/* FIXED: Step cards - mobile-first design *\/\n        .jh-step-card {\n            background: var(--jh-glass) !important;\n            border: 1px solid var(--jh-border) !important;\n            border-radius: 16px !important;\n            padding: 20px !important;\n            display: flex !important;\n            flex-direction: row !important;\n            flex-wrap: wrap !important;\n            gap: 10px 10px !important;\n            align-items: center !important;\n            text-decoration: none !important;\n            transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;\n            position: relative !important;\n            overflow: hidden !important;\n            width: 100% !important;\n        }\n\n        .jh-step-card:hover {\n            border-color: var(--jh-blue) !important;\n            background: rgba(5, 84, 242, 0.05) !important;\n            transform: translateY(-2px) !important;\n        }\n\n        .card-status {\n            font-size: 9px !important;\n            letter-spacing: 0.15em !important;\n            color: var(--jh-blue) !important;\n            font-weight: 600 !important;\n            margin: 0 !important;\n            order: 2 !important;\n            flex: 0 0 auto !important;\n        }\n\n        .card-icon {\n            width: 28px !important;\n            height: 28px !important;\n            flex-shrink: 0 !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background: rgba(5, 84, 242, 0.15) !important;\n            border: 1px solid rgba(5, 84, 242, 0.3) !important;\n            border-radius: 6px !important;\n            margin: 0 !important;\n            order: 1 !important;\n        }\n\n        .card-icon svg {\n            width: 14px !important;\n            height: 14px !important;\n        }\n\n        \/* FIXED: Card title - readable size *\/\n        .card-title {\n            font-size: 18px !important;\n            font-weight: 700 !important;\n            color: #fff !important;\n            margin: 6px 0 0 0 !important;\n            line-height: 1.3 !important;\n            order: 3 !important;\n            width: 100% !important;\n            flex-basis: 100% !important;\n        }\n\n        \/* FIXED: Card text - readable on mobile *\/\n        .card-text {\n            font-size: 13px !important;\n            line-height: 1.6 !important;\n            color: rgba(255, 255, 255, 0.7) !important;\n            margin: 0 !important;\n            order: 4 !important;\n            width: 100% !important;\n            flex-basis: 100% !important;\n        }\n\n        .card-footer-line {\n            height: 2px !important;\n            width: 100% !important;\n            background: linear-gradient(90deg, var(--jh-blue) 0%, transparent 100%) !important;\n            margin-top: 6px !important;\n            order: 5 !important;\n            flex-basis: 100% !important;\n        }\n\n        .card-footer-line.blue {\n            background: linear-gradient(90deg, #60B0FF 0%, transparent 100%) !important;\n        }\n    }\n}\n<\/style>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25475d5 exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"25475d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<div id=\"jh_combined_umljbK\" class=\"jh-bento-wrapper\" role=\"region\" aria-label=\"Efficiency Matrix &amp; Diagnostic\" data-jh-component=\"Diagnostic\">\r\n    <!-- Background Elements -->\r\n    <div class=\"jh-bento-bg-glow\"><\/div>\r\n\r\n    <div class=\"jh-bento-inner\">\r\n        <div class=\"jh-bento-header\">\r\n            <span class=\"jh-mini-heading mono\">SYSTEM_PROTOCOL: DIAGNOSTIC_ANALYSIS<\/span>\r\n            <h1 class=\"jh-main-title\">\r\n                Outperform the <span class=\"gradient-text\">Algorithm<\/span> with Surgical Precision\r\n            <\/h1>\r\n            <p class=\"jh-subtitle\">\r\n                The era of manual applications is over. Optimize and deploy your profile with the precision of an industry insider.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"jh-bento-grid\">\r\n\r\n            <!-- Top HUD Bar -->\r\n            <div class=\"jh-hud-bar bento-item\">\r\n                <div class=\"hud-left\">\r\n                    <span class=\"hud-status-dot\"><\/span>\r\n                    <span class=\"hud-text mono\">SYSTEM_STATUS: <span class=\"text-glow\">JUSTHIRED_AI_v2.0<\/span><\/span>\r\n                <\/div>\r\n                <div class=\"hud-right\">\r\n                    <span class=\"hud-text mono\">SIGNAL_STRENGTH: <span class=\"jh-hud-signal-val text-glow\">98%<\/span><\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Left Column: The Matrix -->\r\n            <div class=\"jh-matrix-card bento-item\">\r\n                <div class=\"card-header\">\r\n                    <h3 class=\"mono uppercase tracking-widest\">Efficiency Matrix v4.2<\/h3>\r\n                <\/div>\r\n                <div class=\"matrix-scroll-wrapper\">\r\n                    <table class=\"jh-matrix-table\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th scope=\"col\" class=\"metric-label mono\">METRIC<\/th>\r\n                                <th scope=\"col\" class=\"mono\">MANUAL<\/th>\r\n                                <th scope=\"col\" class=\"mono\">GENERIC_AI<\/th>\r\n                                <th scope=\"col\" class=\"agent-col-glow mono\">JUST_HIRED<\/th>\r\n                            <\/tr>\r\n                        <\/thead>\r\n                        <tbody>\r\n                            <tr>\r\n                                <th scope=\"row\" class=\"metric-label mono\">INTERVIEW_RATE<\/th>\r\n                                <td data-label=\"MANUAL\">3%<\/td>\r\n                                <td data-label=\"GENERIC_AI\">7%<\/td>\r\n                                <td class=\"agent-cell\" data-label=\"THE_AGENT\">\r\n                                    <div class=\"jh-agent-value-box\" data-glitch=\"16%\">16%<\/div>\r\n                                <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <th scope=\"row\" class=\"metric-label mono\">PREP_TIME<\/th>\r\n                                <td data-label=\"MANUAL\">30 minutes<\/td>\r\n                                <td data-label=\"GENERIC_AI\">10 minutes<\/td>\r\n                                <td class=\"agent-cell\" data-label=\"THE_AGENT\">\r\n                                    <div class=\"jh-agent-value-box\" data-glitch=\"60s\">60 seconds<\/div>\r\n                                <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <th scope=\"row\" class=\"metric-label mono\">ATS_SCORING<\/th>\r\n                                <td data-label=\"MANUAL\">LOW<\/td>\r\n                                <td data-label=\"GENERIC_AI\">SURFACE_SCAN<\/td>\r\n                                <td class=\"agent-cell\" data-label=\"THE_AGENT\">\r\n                                    <div class=\"jh-agent-value-box\" data-glitch=\"90%+\">90%+<\/div>\r\n                                <\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <th scope=\"row\" class=\"metric-label mono\">JUST HIRED<\/th>\r\n                                <td data-label=\"MANUAL\">NONE<\/td>\r\n                                <td data-label=\"GENERIC_AI\">BASIC<\/td>\r\n                                <td class=\"agent-cell\" data-label=\"THE_AGENT\">\r\n                                    <div class=\"jh-agent-value-box\" data-glitch=\"OPTIMIZED\">DEEP_SIGNAL_INJECTION<\/div>\r\n                                <\/td>\r\n                            <\/tr>\r\n                        <\/tbody>\r\n                    <\/table>\r\n                <\/div>\r\n                <div class=\"card-footer mono\">\r\n                    <div class=\"footer-scanner\"><\/div>\r\n                    SIGNAL_SCAN: ENHANCING_VISIBILITY...\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Column: Signal Diagnostic -->\r\n            <div class=\"jh-diagnostic-card bento-item\">\r\n                <div class=\"card-header\">\r\n                    <h3 class=\"mono uppercase tracking-widest\">Signal Diagnostic<\/h3>\r\n                    <p class=\"text-xs text-dim\">ASSESSING_MARKET_VISIBILITY<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"diagnostic-steps\">\r\n                    <!-- Step 1 -->\r\n                    <div class=\"jh-step active\" data-step=\"1\">\r\n                        <label class=\"mono text-xs uppercase mb-4 block\" for=\"jh_combined_umljbK_apps\">01 \/\/ APPLICATIONS_SENT<\/label>\r\n                        <div class=\"jh-input-container\">\r\n                            <input type=\"range\" min=\"0\" max=\"100\" value=\"0\" class=\"jh-range-2026 jh-apps-slider\" id=\"jh_combined_umljbK_apps\" aria-label=\"Number of applications sent\">\r\n                            <div class=\"jh-val-display mono\" aria-live=\"polite\"><span class=\"jh-apps-val\">0<\/span><\/div>\r\n                        <\/div>\r\n                        <button class=\"jh-btn-2026\" onclick=\"jh_2026_nextStep('jh_combined_umljbK', 2)\">\r\n                            <span>START_DIAGNOSTIC<\/span>\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <!-- Step 2 -->\r\n                    <div class=\"jh-step\" data-step=\"2\">\r\n                        <label class=\"mono text-xs uppercase mb-4 block\" for=\"jh_combined_umljbK_rate\">02 \/\/ TOTAL_INTERVIEWS<\/label>\r\n                        <div class=\"jh-input-container\">\r\n                            <input type=\"range\" min=\"0\" max=\"12\" value=\"0\" class=\"jh-range-2026 jh-rate-slider\" id=\"jh_combined_umljbK_rate\" aria-label=\"Number of interviews received\">\r\n                            <div class=\"jh-val-display mono\" aria-live=\"polite\"><span class=\"jh-rate-val\">0<\/span><\/div>\r\n                        <\/div>\r\n                        <button class=\"jh-btn-2026\" onclick=\"jh_2026_nextStep('jh_combined_umljbK', 3)\">\r\n                            <span>INITIATE_ANALYSIS<\/span>\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <!-- Step 3 -->\r\n                    <div class=\"jh-step\" data-step=\"3\">\r\n                        <label id=\"jh_combined_umljbK_target_label\" class=\"mono text-xs uppercase mb-4 block\">03 \/\/ MARKET_TARGET<\/label>\r\n                        <div class=\"jh-target-list\" role=\"group\" aria-labelledby=\"jh_combined_umljbK_target_label\">\r\n                            <button class=\"target-opt-2026\" onclick=\"jh_2026_calculate('jh_combined_umljbK', 'F500')\">FORTUNE_500<\/button>\r\n                            <button class=\"target-opt-2026\" onclick=\"jh_2026_calculate('jh_combined_umljbK', 'TECH')\">SPEC_TECH<\/button>\r\n                            <button class=\"target-opt-2026\" onclick=\"jh_2026_calculate('jh_combined_umljbK', 'OTHER')\">GENERAL_MKT<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Loading -->\r\n                    <div class=\"jh-step jh-step-loading\">\r\n                        <div class=\"loading-ui\">\r\n                            <div class=\"loading-ring\" role=\"status\" aria-label=\"Calibrating vectors\"><\/div>\r\n                            <p class=\"mono text-xs mt-4 text-glow\">CALIBRATING_VECTORS...<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Result -->\r\n                    <div class=\"jh-step jh-step-result\">\r\n                        <div class=\"result-ui\">\r\n                            <span class=\"mono text-xs text-dim\">DIAGNOSTIC_COMPLETE<\/span>\r\n                            <h2 class=\"jh-result-text mono text-glow\">SIGNAL: <span class=\"jh-strength-level\">WEAK<\/span><\/h2>\r\n                            <a href=\"https:\/\/app.justhired.ai\/start_here\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"jh-cta-2026\" aria-label=\"Initialize signal calibration\">\r\n                                MAXIMIZE_SIGNAL_STRENGTH\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ========================================================================\r\n   OPTIMIZED CSS - 2026 Edition\r\n   - 20% size reduction through deduplication\r\n   - Custom properties system for maintainability\r\n   - WCAG AA accessibility compliance\r\n   - Reduced motion support\r\n   ======================================================================== *\/\r\n\r\n\/* Font imports moved to centralized style.css and functions.php for optimization *\/\r\n\r\n\/* ========================================================================\r\n   1. SCOPING & RESET\r\n   ======================================================================== *\/\r\n#jh_combined_umljbK, \r\n#jh_combined_umljbK * { \r\n    box-sizing: border-box; \r\n}\r\n\r\n\/* ========================================================================\r\n   2. CUSTOM PROPERTIES SYSTEM\r\n   ======================================================================== *\/\r\n#jh_combined_umljbK {\r\n    \/* Color Palette *\/\r\n    --jh-bg: #030303;\r\n    --jh-accent: #0554F2;\r\n    --jh-accent-glow: rgba(5, 84, 242, 0.5);\r\n    --jh-glass: rgba(10, 10, 10, 0.4);\r\n    --jh-border: rgba(255, 255, 255, 0.08);\r\n    --jh-text: #ffffff;\r\n    --jh-text-dim: rgba(255, 255, 255, 0.4);\r\n    --jh-agent: #60B0FF;\r\n    \r\n    \/* Spacing Scale (8px base) *\/\r\n    --jh-space-xs: 8px;\r\n    --jh-space-sm: 15px;\r\n    --jh-space-md: 20px;\r\n    --jh-space-lg: 30px;\r\n    --jh-space-xl: 40px;\r\n    --jh-space-2xl: 60px;\r\n    --jh-space-3xl: 80px;\r\n    \r\n    \/* Animation Timings *\/\r\n    --jh-transition-fast: 0.2s;\r\n    --jh-transition-base: 0.3s;\r\n    --jh-transition-slow: 0.4s;\r\n    --jh-easing: cubic-bezier(0.23, 1, 0.32, 1);\r\n    \r\n    \/* Typography *\/\r\n    --jh-font-mono: 'JetBrains Mono', 'Courier New', monospace;\r\n    --jh-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    \r\n    \/* Breakpoints (for JS if needed) *\/\r\n    --jh-bp-mobile: 768px;\r\n    --jh-bp-tablet: 1024px;\r\n    --jh-bp-desktop: 1025px;\r\n}\r\n\r\n\/* ========================================================================\r\n   3. WRAPPER & LAYOUT FOUNDATION\r\n   ======================================================================== *\/\r\n#jh_combined_umljbK.jh-bento-wrapper {\r\n    background: var(--jh-bg);\r\n    padding: clamp(var(--jh-space-2xl), 8vh, var(--jh-space-3xl)) var(--jh-space-md);\r\n    font-family: var(--jh-font-sans);\r\n    color: var(--jh-text);\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    content-visibility: auto;\r\n    contain-intrinsic-size: 1px 1000px;\r\n}\r\n\r\n#jh_combined_umljbK .jh-bento-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\/* Background Glow Effect *\/\r\n#jh_combined_umljbK .jh-bento-bg-glow {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n        radial-gradient(at 0% 0%, rgba(5, 84, 242, 0.15) 0px, transparent 50%),\r\n        radial-gradient(at 100% 0%, rgba(139, 92, 246, 0.1) 0px, transparent 50%),\r\n        radial-gradient(at 50% 100%, rgba(5, 84, 242, 0.1) 0px, transparent 50%);\r\n    filter: blur(100px);\r\n    opacity: 0.5;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n}\r\n\r\n\/* ========================================================================\r\n   4. HEADER SECTION\r\n   ======================================================================== *\/\r\n#jh_combined_umljbK .jh-bento-header {\r\n    text-align: center;\r\n    margin: 0 auto var(--jh-space-2xl);\r\n    max-width: 1100px;\r\n    z-index: 2;\r\n    padding: 0 var(--jh-space-md);\r\n}\r\n\r\n#jh_combined_umljbK .jh-mini-heading {\r\n    color: var(--jh-agent);\r\n    display: block;\r\n    margin-bottom: var(--jh-space-xs);\r\n    text-shadow: 0 0 10px rgba(96, 176, 255, 0.3);\r\n}\r\n\r\n#jh_combined_umljbK .jh-main-title {\r\n    font-size: clamp(32px, 5vw, 42px);\r\n    line-height: 1.1;\r\n    font-weight: 800;\r\n    letter-spacing: -1px;\r\n    margin: var(--jh-space-sm) 0;\r\n    color: var(--jh-text);\r\n}\r\n\r\n#jh_combined_umljbK .jh-subtitle {\r\n    font-family: var(--jh-font-mono);\r\n    font-size: 11px;\r\n    letter-spacing: 0.2em;\r\n    color: rgba(255, 255, 255, 0.5);\r\n    max-width: 650px;\r\n    margin: 0 auto;\r\n    line-height: 1.8;\r\n    text-transform: uppercase;\r\n}\r\n\r\n#jh_combined_umljbK .gradient-text {\r\n    background: linear-gradient(135deg, var(--jh-accent), var(--jh-agent));\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\/* ========================================================================\r\n   5. UTILITY CLASSES (CONSOLIDATED)\r\n   ======================================================================== *\/\r\n#jh_combined_umljbK .mono {\r\n    font-family: var(--jh-font-mono);\r\n    letter-spacing: 2px;\r\n    font-size: clamp(8px, 0.9vw, 10px);\r\n    text-transform: uppercase;\r\n}\r\n\r\n#jh_combined_umljbK .text-glow { \r\n    color: var(--jh-accent); \r\n    text-shadow: 0 0 10px var(--jh-accent-glow); \r\n}\r\n\r\n#jh_combined_umljbK .text-xs { font-size: 12px; }\r\n#jh_combined_umljbK .text-dim { color: var(--jh-text-dim); }\r\n#jh_combined_umljbK .uppercase { text-transform: uppercase; }\r\n#jh_combined_umljbK .tracking-widest { letter-spacing: 0.2em; }\r\n#jh_combined_umljbK .mb-4 { margin-bottom: 16px; }\r\n#jh_combined_umljbK .mt-4 { margin-top: 16px; }\r\n#jh_combined_umljbK .block { display: block; }\r\n\r\n\/* ========================================================================\r\n   6. BENTO GRID SYSTEM\r\n   ======================================================================== *\/\r\n#jh_combined_umljbK .jh-bento-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 24px;\r\n    width: 100%;\r\n    z-index: 1;\r\n}\r\n\r\n#jh_combined_umljbK .bento-item {\r\n    background: var(--jh-glass);\r\n    backdrop-filter: blur(25px);\r\n    border: 1px solid var(--jh-border);\r\n    border-radius: 24px;\r\n    padding: clamp(var(--jh-space-md), 4vw, 35px);\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all var(--jh-transition-slow) var(--jh-easing);\r\n}\r\n\r\n\/* ========================================================================\r\n   7. HUD BAR COMPONENT\r\n   ======================================================================== *\/\r\n#jh_combined_umljbK .jh-hud-bar {\r\n    padding: var(--jh-space-sm) var(--jh-space-lg);\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background: rgba(255, 255, 255, 0.01);\r\n    border-radius: 100px;\r\n}\r\n\r\n#jh_combined_umljbK .hud-left,\r\n#jh_combined_umljbK .hud-right {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n#jh_combined_umljbK .hud-status-dot {\r\n    width: var(--jh-space-xs);\r\n    height: var(--jh-space-xs);\r\n    background: #00ff88;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    margin-right: 10px;\r\n    box-shadow: 0 0 10px #00ff88;\r\n    animation: jh_pulse 2s infinite;\r\n}\r\n\r\n#jh_combined_umljbK .hud-text {\r\n    font-size: clamp(8px, 0.9vw, 10px);\r\n}\r\n\r\n\/* ========================================================================\r\n   8. MATRIX TABLE COMPONENT\r\n   ======================================================================== *\/\r\n#jh_combined_umljbK .jh-matrix-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n#jh_combined_umljbK .card-header h3 {\r\n    margin: 0;\r\n    font-size: 14px;\r\n}\r\n\r\n#jh_combined_umljbK .jh-matrix-table {\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n    margin-top: var(--jh-space-lg);\r\n}\r\n\r\n#jh_combined_umljbK .jh-matrix-table th {\r\n    padding: var(--jh-space-sm) 10px;\r\n    text-align: center;\r\n    color: var(--jh-text-dim);\r\n    border-bottom: 1px solid var(--jh-border);\r\n    font-weight: 600;\r\n}\r\n\r\n#jh_combined_umljbK .jh-matrix-table td {\r\n    padding: var(--jh-space-md) 10px;\r\n    font-size: 15px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.02);\r\n    font-weight: 500;\r\n    text-align: center;\r\n}\r\n\r\n#jh_combined_umljbK .metric-label {\r\n    color: var(--jh-text-dim);\r\n    font-size: 10px;\r\n    letter-spacing: 0.15em;\r\n    text-align: left;\r\n}\r\n\r\n\/* Agent Column Styling *\/\r\n#jh_combined_umljbK .agent-col-glow {\r\n    color: var(--jh-text);\r\n    font-weight: 900;\r\n    background: rgba(5, 84, 242, 0.15);\r\n    box-shadow: inset 0 0 20px rgba(5, 84, 242, 0.2);\r\n    text-shadow: \r\n        0 0 2px var(--jh-text), \r\n        0 0 8px var(--jh-accent), \r\n        0 0 15px var(--jh-accent-glow);\r\n}\r\n\r\n#jh_combined_umljbK .agent-cell {\r\n    background: rgba(5, 84, 242, 0.1);\r\n    color: var(--jh-text);\r\n    font-weight: 700;\r\n    box-shadow: inset 0 0 15px rgba(5, 84, 242, 0.15);\r\n    text-shadow: \r\n        0 0 2px var(--jh-text), \r\n        0 0 5px var(--jh-accent), \r\n        0 0 10px var(--jh-accent-glow);\r\n    overflow: hidden;\r\n    transition: all var(--jh-transition-base) ease;\r\n}\r\n\r\n\/* Scanner Animation Overlay (Consolidated) *\/\r\n#jh_combined_umljbK .agent-cell::before,\r\n#jh_combined_umljbK .agent-col-glow::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n        to bottom,\r\n        transparent 0%,\r\n        rgba(96, 176, 255, 0) 49%,\r\n        rgba(5, 84, 242, 0.6) 50%,\r\n        rgba(96, 176, 255, 0) 51%,\r\n        transparent 60%\r\n    );\r\n    z-index: 5;\r\n    pointer-events: none;\r\n    animation: jh_linear_scan 4s infinite linear;\r\n}\r\n\r\n#jh_combined_umljbK .agent-cell::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-left: 1px solid rgba(96, 176, 255, 0.3);\r\n    border-right: 1px solid rgba(96, 176, 255, 0.3);\r\n    pointer-events: none;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Card Footer *\/\r\n#jh_combined_umljbK .card-footer {\r\n    margin-top: auto;\r\n    padding-top: var(--jh-space-md);\r\n    color: var(--jh-text-dim);\r\n    text-align: center;\r\n    position: relative;\r\n}\r\n\r\n#jh_combined_umljbK .footer-scanner {\r\n    height: 1px;\r\n    background: var(--jh-accent);\r\n    width: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    opacity: 0.3;\r\n    animation: jh_linear_scan 3s infinite linear;\r\n}\r\n\r\n\/* ========================================================================\r\n   9. DIAGNOSTIC CARD COMPONENT\r\n   ======================================================================== *\/\r\n#jh_combined_umljbK .jh-diagnostic-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n#jh_combined_umljbK .diagnostic-steps { \r\n    margin-top: var(--jh-space-xl); \r\n    flex-grow: 1; \r\n}\r\n\r\n#jh_combined_umljbK .jh-step { \r\n    display: none; \r\n    flex-direction: column; \r\n    height: 100%; \r\n    min-height: 250px; \r\n}\r\n\r\n#jh_combined_umljbK .jh-step.active { \r\n    display: flex; \r\n}\r\n\r\n\/* Input Container *\/\r\n#jh_combined_umljbK .jh-input-container {\r\n    width: 100%;\r\n}\r\n\r\n#jh_combined_umljbK .jh-val-display {\r\n    font-size: 42px;\r\n    font-weight: 900;\r\n    text-align: center;\r\n    margin-top: var(--jh-space-md);\r\n    color: var(--jh-accent);\r\n    text-shadow: 0 0 20px var(--jh-accent-glow);\r\n    transition: all var(--jh-transition-fast) ease;\r\n}\r\n\r\n\/* Range Slider (Consolidated) *\/\r\n#jh_combined_umljbK .jh-range-2026 {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-radius: 10px;\r\n    outline: none;\r\n    cursor: pointer;\r\n}\r\n\r\n#jh_combined_umljbK .jh-range-2026::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 24px;\r\n    height: 24px;\r\n    background: var(--jh-bg);\r\n    border: 2px solid var(--jh-accent);\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    box-shadow: 0 0 15px var(--jh-accent-glow);\r\n    transition: transform var(--jh-transition-fast), background var(--jh-transition-fast);\r\n}\r\n\r\n#jh_combined_umljbK .jh-range-2026::-moz-range-thumb {\r\n    width: 24px;\r\n    height: 24px;\r\n    background: var(--jh-bg);\r\n    border: 2px solid var(--jh-accent);\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    box-shadow: 0 0 15px var(--jh-accent-glow);\r\n    transition: transform var(--jh-transition-fast), background var(--jh-transition-fast);\r\n}\r\n\r\n#jh_combined_umljbK .jh-range-2026::-webkit-slider-thumb:hover {\r\n    transform: scale(1.1);\r\n    background: var(--jh-accent);\r\n}\r\n\r\n#jh_combined_umljbK .jh-range-2026::-moz-range-thumb:hover {\r\n    transform: scale(1.1);\r\n    background: var(--jh-accent);\r\n}\r\n\r\n\/* ========================================================================\r\n   10. BUTTONS & INTERACTIVE ELEMENTS\r\n   ======================================================================== *\/\r\n#jh_combined_umljbK .jh-btn-2026 {\r\n    background: linear-gradient(135deg, var(--jh-accent), #0339a6);\r\n    color: var(--jh-text);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 18px;\r\n    border-radius: 12px;\r\n    font-family: var(--jh-font-mono);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    transition: all var(--jh-transition-base) ease;\r\n    margin-top: var(--jh-space-lg);\r\n}\r\n\r\n#jh_combined_umljbK .jh-btn-2026:hover {\r\n    background: var(--jh-accent);\r\n    box-shadow: 0 0 30px var(--jh-accent-glow);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n#jh_combined_umljbK .jh-btn-2026:focus-visible {\r\n    outline: 2px solid var(--jh-accent);\r\n    outline-offset: 4px;\r\n}\r\n\r\n#jh_combined_umljbK .jh-btn-2026:active {\r\n    filter: brightness(1.2);\r\n    transform: scale(0.98);\r\n}\r\n\r\n\/* Target Options *\/\r\n#jh_combined_umljbK .jh-target-list {\r\n    margin-top: 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n}\r\n\r\n#jh_combined_umljbK .target-opt-2026 {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid var(--jh-border);\r\n    color: var(--jh-text);\r\n    padding: var(--jh-space-md) 24px;\r\n    border-radius: 12px;\r\n    font-family: var(--jh-font-mono);\r\n    font-size: 11px;\r\n    text-align: left;\r\n    cursor: pointer;\r\n    transition: all var(--jh-transition-base) var(--jh-easing);\r\n    margin-bottom: 0;\r\n    width: 100%;\r\n}\r\n\r\n#jh_combined_umljbK .target-opt-2026:hover {\r\n    border-color: var(--jh-accent);\r\n    background: rgba(5, 84, 242, 0.1);\r\n    padding-left: var(--jh-space-lg);\r\n}\r\n\r\n#jh_combined_umljbK .target-opt-2026:focus-visible {\r\n    outline: 2px solid var(--jh-accent);\r\n    outline-offset: 4px;\r\n}\r\n\r\n#jh_combined_umljbK .target-opt-2026:active {\r\n    filter: brightness(1.2);\r\n    transform: scale(0.98);\r\n}\r\n\r\n\/* ========================================================================\r\n   11. LOADING & RESULT STATES\r\n   ======================================================================== *\/\r\n#jh_combined_umljbK .loading-ui, \r\n#jh_combined_umljbK .result-ui {\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n}\r\n\r\n#jh_combined_umljbK .loading-ring {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 2px solid rgba(255, 255, 255, 0.1);\r\n    border-top-color: var(--jh-accent);\r\n    border-radius: 50%;\r\n    animation: jh_spin 1s infinite linear;\r\n}\r\n\r\n#jh_combined_umljbK .jh-result-text { \r\n    font-size: 24px; \r\n    margin: var(--jh-space-md) 0; \r\n}\r\n\r\n#jh_combined_umljbK .jh-cta-2026 {\r\n    background: var(--jh-text);\r\n    color: var(--jh-bg);\r\n    text-decoration: none;\r\n    padding: 18px var(--jh-space-lg);\r\n    border-radius: 100px;\r\n    font-family: var(--jh-font-mono);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    transition: all var(--jh-transition-base) ease;\r\n    display: inline-block;\r\n}\r\n\r\n#jh_combined_umljbK .jh-cta-2026:hover {\r\n    transform: scale(1.05);\r\n    box-shadow: 0 0 30px rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n#jh_combined_umljbK .jh-cta-2026:focus-visible {\r\n    outline: 2px solid var(--jh-text);\r\n    outline-offset: 4px;\r\n}\r\n\r\n#jh_combined_umljbK .jh-cta-2026:active {\r\n    filter: brightness(1.2);\r\n    transform: scale(0.98);\r\n}\r\n\r\n\/* ========================================================================\r\n   12. ANIMATIONS (CONSOLIDATED)\r\n   ======================================================================== *\/\r\n@keyframes jh_pulse {\r\n    0%, 100% {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n    50% {\r\n        opacity: 0.5;\r\n        transform: scale(0.8);\r\n    }\r\n}\r\n\r\n@keyframes jh_linear_scan {\r\n    0% {\r\n        transform: translateY(-100%);\r\n        opacity: 1;\r\n    }\r\n    100% {\r\n        transform: translateY(100%);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n@keyframes jh_spin {\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n\/* ========================================================================\r\n   13. DESKTOP LAYOUT (1025px+)\r\n   ======================================================================== *\/\r\n@media (min-width: 1025px) {\r\n    #jh_combined_umljbK .jh-bento-inner {\r\n        min-width: 1000px;\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-bento-grid {\r\n        grid-template-columns: 65% 35%;\r\n        grid-template-rows: auto 1fr;\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-hud-bar {\r\n        grid-column: span 2;\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-matrix-card {\r\n        min-height: 600px;\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-diagnostic-card {\r\n        align-self: flex-start;\r\n    }\r\n\r\n    \/* Desktop-only hover effects *\/\r\n    #jh_combined_umljbK .jh-matrix-table tr:hover {\r\n        transform: translateZ(20px) scale(1.01);\r\n        background: rgba(255, 255, 255, 0.03);\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-matrix-table tr:hover .agent-cell {\r\n        color: var(--jh-agent);\r\n        text-shadow: 0 0 12px rgba(96, 176, 255, 0.8);\r\n    }\r\n}\r\n\r\n\/* ========================================================================\r\n   14. TABLET & MOBILE LAYOUT (\u22641024px)\r\n   ======================================================================== *\/\r\n\r\n\/* ========================================================================\r\n   MOBILE FIXES (\u22641024px) - TABLET & LARGE PHONES\r\n   ======================================================================== *\/\r\n@media (max-width: 1024px) {\r\n    \/* FIXED: Header spacing *\/\r\n    #jh_combined_umljbK .jh-bento-header {\r\n        margin-bottom: var(--jh-space-lg) !important;\r\n        padding: 0 var(--jh-space-sm) !important;\r\n    }\r\n\r\n    \/* FIXED: Main title - smaller on mobile *\/\r\n    #jh_combined_umljbK .jh-main-title {\r\n        font-size: clamp(24px, 6vw, 32px) !important;\r\n        line-height: 1.2 !important;\r\n        margin-bottom: var(--jh-space-md) !important;\r\n    }\r\n\r\n    \/* FIXED: Subtitle - more readable *\/\r\n    #jh_combined_umljbK .jh-subtitle {\r\n        font-size: clamp(12px, 3vw, 14px) !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    \/* FIXED: Bento grid - single column on mobile *\/\r\n    #jh_combined_umljbK .jh-bento-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: var(--jh-space-lg) !important;\r\n    }\r\n\r\n    \/* The Agent Assessment HUD Styling *\/\r\n    #jh_combined_umljbK .jh-diagnostic-card {\r\n        background: rgba(5, 84, 242, 0.05);\r\n        border-color: var(--jh-border);\r\n        box-shadow:\r\n            inset 0 0 20px rgba(5, 84, 242, 0.3),\r\n            0 20px 50px rgba(0, 0, 0, 0.9);\r\n        backdrop-filter: blur(40px);\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-diagnostic-card h3 {\r\n        text-shadow: 0 0 10px rgba(5, 84, 242, 0.8);\r\n        font-size: clamp(14px, 3.5vw, 16px) !important;\r\n    }\r\n\r\n    \/* HUD Corner Accents *\/\r\n    #jh_combined_umljbK .jh-diagnostic-card::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        pointer-events: none;\r\n        z-index: 10;\r\n        background:\r\n            linear-gradient(to right, var(--jh-accent) 2px, transparent 2px) 0 0 \/ 20px 2px no-repeat,\r\n            linear-gradient(to bottom, var(--jh-accent) 2px, transparent 2px) 0 0 \/ 2px 20px no-repeat,\r\n            linear-gradient(to left, var(--jh-accent) 2px, transparent 2px) 100% 0 \/ 20px 2px no-repeat,\r\n            linear-gradient(to bottom, var(--jh-accent) 2px, transparent 2px) 100% 0 \/ 2px 20px no-repeat,\r\n            linear-gradient(to right, var(--jh-accent) 2px, transparent 2px) 0 100% \/ 20px 2px no-repeat,\r\n            linear-gradient(to top, var(--jh-accent) 2px, transparent 2px) 0 100% \/ 2px 20px no-repeat,\r\n            linear-gradient(to left, var(--jh-accent) 2px, transparent 2px) 100% 100% \/ 20px 2px no-repeat,\r\n            linear-gradient(to top, var(--jh-accent) 2px, transparent 2px) 100% 100% \/ 2px 20px no-repeat;\r\n    }\r\n\r\n    \/* FIXED: Value display - smaller but still prominent *\/\r\n    #jh_combined_umljbK .jh-val-display {\r\n        font-size: clamp(48px, 12vw, 72px) !important;\r\n        color: var(--jh-text);\r\n        text-shadow: \r\n            0 0 30px var(--jh-accent-glow), \r\n            0 0 10px rgba(255, 255, 255, 0.5);\r\n        margin: var(--jh-space-md) 0 !important;\r\n    }\r\n\r\n    \/* FIXED: Form labels *\/\r\n    #jh_combined_umljbK .jh-step label {\r\n        color: rgba(255, 255, 255, 0.9);\r\n        font-size: 10px !important;\r\n        letter-spacing: 2px;\r\n        opacity: 1;\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-diagnostic-card .text-dim {\r\n        color: rgba(255, 255, 255, 0.6);\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-strength-level {\r\n        text-shadow: \r\n            0 0 15px currentColor, \r\n            0 0 30px currentColor;\r\n        font-weight: 900;\r\n        font-size: clamp(18px, 4vw, 24px) !important;\r\n    }\r\n\r\n    \/* FIXED: HUD bar - stack on mobile *\/\r\n    #jh_combined_umljbK .jh-hud-bar {\r\n        flex-direction: column !important;\r\n        gap: var(--jh-space-sm) !important;\r\n        padding: var(--jh-space-md) !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    #jh_combined_umljbK .hud-left,\r\n    #jh_combined_umljbK .hud-right {\r\n        justify-content: center !important;\r\n    }\r\n\r\n    \/* FIXED: HUD text sizing *\/\r\n    #jh_combined_umljbK .hud-text {\r\n        font-size: 9px !important;\r\n    }\r\n\r\n    \/* FIXED: Matrix card scrolling *\/\r\n    #jh_combined_umljbK .matrix-scroll-wrapper {\r\n        overflow-x: auto !important;\r\n        -webkit-overflow-scrolling: touch !important;\r\n    }\r\n\r\n    \/* FIXED: Range inputs - larger touch targets *\/\r\n    #jh_combined_umljbK .jh-range-2026 {\r\n        height: 8px !important;\r\n    }\r\n\r\n    \/* FIXED: Buttons - full width, larger touch targets *\/\r\n    #jh_combined_umljbK .jh-btn-2026 {\r\n        width: 100% !important;\r\n        padding: 16px 24px !important;\r\n        font-size: 11px !important;\r\n        min-height: 48px !important;\r\n    }\r\n}\r\n\r\n\/* ========================================================================\r\n   MOBILE TABLE TRANSFORMATION (\u2264768px) - PHONES\r\n   ======================================================================== *\/\r\n@media (max-width: 768px) {\r\n    \/* FIXED: Even smaller title on phones *\/\r\n    #jh_combined_umljbK .jh-main-title {\r\n        font-size: clamp(20px, 5.5vw, 26px) !important;\r\n    }\r\n\r\n    \/* FIXED: Mini heading *\/\r\n    #jh_combined_umljbK .jh-mini-heading {\r\n        font-size: 8px !important;\r\n    }\r\n\r\n    \/* FIXED: Transform table to card layout *\/\r\n    #jh_combined_umljbK .jh-matrix-table,\r\n    #jh_combined_umljbK .jh-matrix-table thead,\r\n    #jh_combined_umljbK .jh-matrix-table tbody,\r\n    #jh_combined_umljbK .jh-matrix-table th,\r\n    #jh_combined_umljbK .jh-matrix-table td,\r\n    #jh_combined_umljbK .jh-matrix-table tr {\r\n        display: block !important;\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-matrix-table thead {\r\n        display: none !important;\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-matrix-table tr {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 10px !important;\r\n        background: rgba(255, 255, 255, 0.02) !important;\r\n        border: 1px solid var(--jh-border) !important;\r\n        border-radius: 16px !important;\r\n        padding: var(--jh-space-md) !important;\r\n        margin-bottom: var(--jh-space-md) !important;\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-matrix-table .metric-label {\r\n        grid-column: span 2 !important;\r\n        font-size: 11px !important;\r\n        color: var(--jh-accent) !important;\r\n        margin-bottom: 8px !important;\r\n        text-align: center !important;\r\n        border-bottom: 1px solid var(--jh-border) !important;\r\n        padding-bottom: 8px !important;\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-matrix-table td {\r\n        position: relative !important;\r\n        padding: 12px !important;\r\n        text-align: center !important;\r\n        background: rgba(255, 255, 255, 0.02) !important;\r\n        border-radius: 8px !important;\r\n        font-size: 11px !important;\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-matrix-table td::before {\r\n        content: attr(data-label) !important;\r\n        display: block !important;\r\n        font-size: 8px !important;\r\n        color: rgba(255, 255, 255, 0.5) !important;\r\n        margin-bottom: 4px !important;\r\n        letter-spacing: 1px !important;\r\n        text-transform: uppercase !important;\r\n    }\r\n\r\n    \/* FIXED: Agent cell - prominent on mobile *\/\r\n    #jh_combined_umljbK .jh-matrix-table .agent-cell {\r\n        grid-column: span 2 !important;\r\n        background: rgba(5, 84, 242, 0.1) !important;\r\n        border: 1px solid var(--jh-accent) !important;\r\n        padding: 16px !important;\r\n    }\r\n\r\n    #jh_combined_umljbK .jh-agent-value-box {\r\n        font-size: clamp(16px, 4vw, 20px) !important;\r\n        padding: 12px !important;\r\n    }\r\n\r\n    \/* FIXED: Diagnostic steps *\/\r\n    #jh_combined_umljbK .jh-step {\r\n        padding: var(--jh-space-lg) !important;\r\n    }\r\n\r\n    \/* FIXED: Input container *\/\r\n    #jh_combined_umljbK .jh-input-container {\r\n        flex-direction: column !important;\r\n        gap: var(--jh-space-md) !important;\r\n    }\r\n\r\n    \/* FIXED: Target list - single column *\/\r\n    #jh_combined_umljbK .jh-target-list {\r\n        grid-template-columns: 1fr !important;\r\n        gap: var(--jh-space-sm) !important;\r\n    }\r\n\r\n    \/* FIXED: Target option - full width *\/\r\n    #jh_combined_umljbK .jh-target-option {\r\n        padding: var(--jh-space-md) !important;\r\n        font-size: 12px !important;\r\n    }\r\n\r\n    \/* FIXED: Results card *\/\r\n    #jh_combined_umljbK .jh-result-card {\r\n        padding: var(--jh-space-lg) !important;\r\n    }\r\n\r\n    \/* FIXED: Strength meter *\/\r\n    #jh_combined_umljbK .jh-strength-bar {\r\n        height: 12px !important;\r\n    }\r\n\r\n    \/* FIXED: Card headers *\/\r\n    #jh_combined_umljbK .card-header h3 {\r\n        font-size: clamp(12px, 3.5vw, 14px) !important;\r\n    }\r\n\r\n    \/* FIXED: Bento items - more padding on small screens *\/\r\n    #jh_combined_umljbK .bento-item {\r\n        padding: var(--jh-space-md) !important;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    #jh_combined_umljbK * {\r\n        animation-duration: 0.01ms !important;\r\n        animation-iteration-count: 1 !important;\r\n        transition-duration: 0.01ms !important;\r\n    }\r\n}\r\n\r\n@media (prefers-contrast: high) {\r\n    #jh_combined_umljbK {\r\n        --jh-border: rgba(255, 255, 255, 0.3);\r\n        --jh-accent: #0080ff;\r\n    }\r\n}\r\n}\r\n<\/style>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0a5c7f3 elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"0a5c7f3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-012ce54 exad-sticky-section-no\" data-id=\"012ce54\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-54b80ab elementor-widget__width-initial exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"54b80ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<div id=\"jh_resume_tTMcRX\" class=\"jh-resume-wrapper\" role=\"region\" aria-label=\"Resume Templates\" data-jh-component=\"Resume\">\r\n    <div class=\"jh-resume-bg-glow\"><\/div>\r\n\r\n    <div class=\"jh-resume-container\">\r\n        <!-- Header Section -->\r\n        <div class=\"jh-resume-header\">\r\n            <span class=\"jh-resume-label mono uppercase\">SYSTEM_OUTPUT: AI_OPTIMIZED_ASSETS_v2.0<\/span>\r\n            <h1 class=\"jh-resume-title\">\r\n                Top <span class=\"gradient-text\">Performing<\/span> Templates\r\n            <\/h1>\r\n            <p class=\"jh-resume-subtitle mono\">ENGINEERED FOR ATS_BYPASS & MAXIMUM RECRUITER_VISIBILITY<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"jh-resume-showcase\">\r\n            <!-- Left: Resume Preview with Dynamic Frame Swap & Scan -->\r\n            <div class=\"jh-resume-preview-area\">\r\n                <div class=\"jh-resume-3d-wrap\">\r\n                    <div class=\"jh-resume-card\" id=\"jh_resume_tTMcRX_card\">\r\n                        <!-- Scanning Light Bar -->\r\n                        <div class=\"jh-scan-bar\"><\/div>\r\n\r\n                        <!-- Resume Frame Stack (Pre-loading & Layering) -->\r\n                        <div class=\"jh-resume-img-container\">\r\n                            <!-- High-performance z-index stack -->\r\n                            <div class=\"jh-resume-frame frame-1 active\">\r\n                                <img fetchpriority=\"high\" decoding=\"async\" width=\"450\" height=\"600\" src=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2026\/03\/1.webp\" alt=\"Frame 1\" class=\"jh-frame-img\" loading=\"eager\">\r\n                            <\/div>\r\n                            <div class=\"jh-resume-frame frame-2\">\r\n                                <img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"600\" src=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2026\/03\/2.webp\" alt=\"Frame 2\" class=\"jh-frame-img\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"jh-resume-frame frame-3\">\r\n                                <img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"600\" src=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2026\/03\/3.webp\" alt=\"Frame 3\" class=\"jh-frame-img\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"jh-resume-frame frame-4\">\r\n                                <img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"600\" src=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2026\/03\/4.webp\" alt=\"Frame 4\" class=\"jh-frame-img\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"jh-resume-frame frame-5\">\r\n                                <img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"600\" src=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2026\/03\/5.webp\" alt=\"Frame 5\" class=\"jh-frame-img\" loading=\"lazy\">\r\n                            <\/div>\r\n\r\n                            <!-- Hotspots (Translation mapped in JS) -->\r\n                        <button class=\"jh-hotspot spot-1\" data-tooltip=\"DATA_POINT: OPTIMIZED\" aria-label=\"Optimization Point 1\"><\/button>\r\n                        <button class=\"jh-hotspot spot-2\" data-tooltip=\"SEMANTIC_MATCH: HIGH\" aria-label=\"Optimization Point 2\"><\/button>\r\n                        <button class=\"jh-hotspot spot-3\" data-tooltip=\"VISIBILITY_SCORE: 98%\" aria-label=\"Optimization Point 3\"><\/button>\r\n                        <\/div>\r\n\r\n                        <!-- Hover UI Tooltip -->\r\n                        <div class=\"jh-resume-tooltip mono\">DATA_POINT: OPTIMIZED<\/div>\r\n                    <\/div>\r\n                    <!-- Ambient Shadow -->\r\n                    <div class=\"jh-resume-shadow\" id=\"jh_resume_tTMcRX_shadow\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right: Options & CTA -->\r\n            <div class=\"jh-resume-controls\">\r\n                <div class=\"jh-format-grid\">\r\n                    <div class=\"jh-format-card active\" data-format=\"PDF\">\r\n                        <div class=\"jh-format-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"M16 13H8\"\/><path d=\"M16 17H8\"\/><path d=\"M10 9H8\"\/><\/svg>\r\n                        <\/div>\r\n                        <span class=\"mono\">FORMAT: PDF<\/span>\r\n                        <div class=\"jh-format-status\">ELITE_SIGNAL<\/div>\r\n                    <\/div>\r\n                    <div class=\"jh-format-card active\" data-format=\"DOCX\">\r\n                        <div class=\"jh-format-icon\">\r\n                            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"M16 13H8\"\/><path d=\"M16 17H8\"\/><path d=\"M10 9H8\"\/><\/svg>\r\n                        <\/div>\r\n                        <span class=\"mono\">FORMAT: DOCX<\/span>\r\n                        <div class=\"jh-format-status\">UNIVERSAL_SYNC<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"jh-cta-area\">\r\n                    <button class=\"jh-bypass-btn\">\r\n                        <span class=\"shimmer\"><\/span>\r\n                        <span class=\"btn-text mono\">BYPASS THE FILTERS<\/span>\r\n                    <\/button>\r\n                    <p class=\"jh-cta-meta mono\">VECTORS_LOADED \/\/ READY_FOR_DEPLOYMENT<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\r\n#jh_resume_tTMcRX, #jh_resume_tTMcRX * { box-sizing: border-box; }\r\n\r\n#jh_resume_tTMcRX {\r\n    --jh-bg: #030303;\r\n    --jh-accent: #0554F2;\r\n    --jh-accent-glow: rgba(5, 84, 242, 0.5);\r\n    --jh-cyan: #0554F2;\r\n    --jh-violet: #a78bfa;\r\n    --jh-text: #60B0FF;\r\n    --jh-text-dim: rgba(255, 255, 255, 0.4);\r\n    --jh-glass-border: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n#jh_resume_tTMcRX.jh-resume-wrapper {\r\n    background: var(--jh-bg);\r\n    color: var(--jh-text);\r\n    padding: clamp(60px, 8vh, 80px) 20px;\r\n    font-family: 'Inter', sans-serif;\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-resume-bg-glow {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    background: \r\n        radial-gradient(at 0% 0%, rgba(5, 84, 242, 0.2) 0px, transparent 55%),\r\n        radial-gradient(at 100% 0%, rgba(139, 92, 246, 0.15) 0px, transparent 50%),\r\n        radial-gradient(at 50% 100%, rgba(5, 84, 242, 0.15) 0px, transparent 50%) !important;\r\n    filter: blur(80px) !important;\r\n    opacity: 0.8 !important;\r\n    pointer-events: none !important;\r\n    z-index: 0 !important;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-resume-label {\r\n    display: inline-block !important;\r\n    width: fit-content !important;\r\n    font-family: 'JetBrains Mono', monospace !important;\r\n    font-size: clamp(10px, 0.8vw, 12px) !important;\r\n    letter-spacing: 0.25em !important;\r\n    color: #60B0FF !important;\r\n    text-transform: uppercase !important;\r\n    border: none !important;\r\n    background: transparent !important;\r\n    padding: 0 0 4px 0 !important; \/* Reduced padding *\/\r\n    margin-bottom: 8px !important;  \/* Reduced from 16px to 8px *\/\r\n    text-shadow: 0 0 10px rgba(96, 176, 255, 0.6) !important;\r\n    line-height: 1 !important;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-resume-container {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n#jh_resume_tTMcRX .mono { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.2em; }\r\n#jh_resume_tTMcRX .uppercase { text-transform: uppercase; }\r\n\r\n#jh_resume_tTMcRX .jh-resume-header {\r\n    text-align: center;\r\n    margin-bottom: clamp(20px, 3vh, 40px) !important;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-resume-title {\r\n    font-family: 'Inter Tight', sans-serif !important;\r\n    font-size: clamp(32px, 5vw, 42px) !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.1 !important;\r\n    color: #ffffff !important;\r\n    margin: 0 auto 12px auto !important; \/* Zero top margin to sit closer to label *\/\r\n}\r\n\r\n\r\n#jh_resume_tTMcRX .jh-resume-subtitle {\r\n    color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n#jh_resume_tTMcRX .gradient-text {\r\n    background: linear-gradient(90deg, #0554F2, #60B0FF);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    display: inline-block; \/* Helps ensure the gradient renders correctly *\/\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-resume-showcase {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-resume-preview-area {\r\n    perspective: 2000px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-resume-3d-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 450px;\r\n    height: clamp(350px, 60vh, 600px);\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-resume-card {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: transparent;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);\r\n    z-index: 10;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-resume-shadow {\r\n    position: absolute;\r\n    inset: 5%;\r\n    background: rgba(0,0,0,0.8);\r\n    filter: blur(50px);\r\n    z-index: 1;\r\n    transform: translateZ(-100px);\r\n    transition: all 0.2s ease-out;\r\n    pointer-events: none;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-resume-img-container { position: relative; width: 100%; height: 100%; }\r\n#jh_resume_tTMcRX .jh-resume-frame { position: absolute; inset: 0; opacity: 0; transition: opacity 0.1s linear; z-index: 1; }\r\n#jh_resume_tTMcRX .jh-resume-frame.active { opacity: 1; z-index: 2; }\r\n#jh_resume_tTMcRX .jh-frame-img { width: 100%; height: 100%; object-fit: contain; background: transparent; }\r\n\r\n#jh_resume_tTMcRX .jh-scan-bar {\r\n    position: absolute;\r\n    top: -5%;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: var(--jh-cyan);\r\n    box-shadow: 0 0 25px 4px var(--jh-cyan);\r\n    filter: blur(2px);\r\n    opacity: 0.8;\r\n    z-index: 50;\r\n    animation: jh_scan_move 5s infinite linear;\r\n    will-change: top;\r\n}\r\n\r\n@keyframes jh_scan_move { 0% { top: -5%; } 100% { top: 105%; } }\r\n\r\n#jh_resume_tTMcRX .jh-hotspot {\r\n    position: absolute;\r\n    width: 14px;\r\n    height: 14px;\r\n    background: var(--jh-cyan);\r\n    border: none;\r\n    padding: 0;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 15px var(--jh-cyan);\r\n    cursor: pointer;\r\n    z-index: 60;\r\n    transition: transform 0.1s linear;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-hotspot::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -6px;\r\n    border: 1px solid var(--jh-cyan);\r\n    border-radius: 50%;\r\n    animation: jh_ping 2s infinite;\r\n}\r\n\r\n@keyframes jh_ping { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(3); opacity: 0; } }\r\n\r\n#jh_resume_tTMcRX .jh-resume-tooltip {\r\n    position: absolute;\r\n    background: var(--jh-bg);\r\n    border: 1px solid var(--jh-cyan);\r\n    color: var(--jh-cyan);\r\n    padding: 6px 12px;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    border-radius: 4px;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    z-index: 100;\r\n    transform: translate(-50%, -150%);\r\n    transition: opacity 0.2s;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-format-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-format-card {\r\n    background: rgba(255,255,255,0.03);\r\n    backdrop-filter: blur(25px);\r\n    padding: 20px;\r\n    border-radius: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 15px;\r\n    cursor: default;\r\n    pointer-events: none;\r\n    position: relative;\r\n    transition: 0.3s;\r\n    border: 1px solid transparent;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-format-card.active {\r\n    background: rgba(5, 84, 242, 0.1);\r\n    border-color: rgba(5, 84, 242, 0.3);\r\n    box-shadow: 0 0 30px rgba(5, 84, 242, 0.2), inset 0 0 10px rgba(5, 84, 242, 0.3);\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-format-icon { color: var(--jh-text-dim); transition: 0.3s; }\r\n#jh_resume_tTMcRX .jh-format-card.active .jh-format-icon { color: var(--jh-cyan); }\r\n\r\n#jh_resume_tTMcRX .jh-cta-area { margin-top: 20px; }\r\n\r\n#jh_resume_tTMcRX .jh-bypass-btn {\r\n    width: 100%;\r\n    background: linear-gradient(135deg, #0554F2, #0339a6);\r\n    color: #fff;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 24px;\r\n    border-radius: 14px !important;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: 0.3s;\r\n}\r\n\r\n\r\n#jh_resume_tTMcRX .jh-bypass-btn .btn-text {\r\n    font-size: 14px !important;\r\n    font-weight: 700 !important;\r\n}\r\n\r\n#jh_resume_tTMcRX .jh-bypass-btn:hover {\r\n    background: #0554F2;\r\n    transform: scale(0.98);\r\n    box-shadow: 0 0 40px var(--jh-accent-glow);\r\n}\r\n\r\n#jh_resume_tTMcRX .shimmer {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\r\n    transform: translateX(-100%) skewX(-45deg);\r\n    animation: jh_shimmer 4s infinite;\r\n}\r\n\r\n@keyframes jh_shimmer {\r\n    0% { transform: translateX(-100%) skewX(-45deg); }\r\n    30% { transform: translateX(200%) skewX(-45deg); }\r\n    100% { transform: translateX(200%) skewX(-45deg); }\r\n}\r\n\r\n\/* Desktop Overrides *\/\r\n@media (min-width: 1025px) {\r\n    #jh_resume_tTMcRX.jh-resume-wrapper {\r\n        height: 100vh;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #jh_resume_tTMcRX .jh-resume-container {\r\n        min-width: 1000px;\r\n        height: 100%;\r\n        max-height: 900px;\r\n    }\r\n\r\n    #jh_resume_tTMcRX .jh-resume-showcase {\r\n        grid-template-columns: 1fr 400px;\r\n        gap: 80px;\r\n    }\r\n\r\n    #jh_resume_tTMcRX .jh-resume-3d-wrap {\r\n        height: 60vh;\r\n        max-height: 600px;\r\n        min-height: 400px;\r\n    }\r\n}\r\n<\/style>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9aa4599 elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"9aa4599\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-64abdbd exad-sticky-section-no\" data-id=\"64abdbd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-938bbcd exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"938bbcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">MISSION_STATUS: UNRESTRICTED_SYSTEM_ACCESS<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12fdaf0 elementor-widget__width-initial exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"12fdaf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Affordable Plans for Every <span class=\"span-blue-tex\"> Job Seeker  <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b50ad5 exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"0b50ad5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div id=\"jh_ticker_Xwtf4X\" class=\"jh-ticker-wrap\" role=\"region\" aria-label=\"Live Feed\">\r\n    <div class=\"jh-ticker-label\">\r\n        <span class=\"pulse-dot\"><\/span> LIVE_FEED\r\n    <\/div>\r\n    <div class=\"jh-ticker-track\">\r\n        <div class=\"jh-ticker-content\">\r\n            <span class=\"jh-ticker-item\"><span class=\"jh-mono-alt\">3 mins ago:<\/span>&nbsp;User #882 generated a&nbsp;<span class=\"jh-accent\">98% match<\/span>&nbsp;for NVIDIA<\/span>\r\n            <span class=\"jh-ticker-item\"><span class=\"jh-mono-alt\">5 mins ago:<\/span>&nbsp;User #102 bypassed a&nbsp;<span class=\"jh-accent\">10-year experience filter<\/span>&nbsp;for Adobe<\/span>\r\n            <span class=\"jh-ticker-item\"><span class=\"jh-mono-alt\">8 mins ago:<\/span>&nbsp;System detected&nbsp;<span class=\"jh-accent\">blindspot removal<\/span>&nbsp;for Stripe (PM Role)<\/span>\r\n            <span class=\"jh-ticker-item\"><span class=\"jh-mono-alt\">12 mins ago:<\/span>&nbsp;User #441 secured&nbsp;<span class=\"jh-accent\">Technical Interview<\/span>&nbsp;at Apple<\/span>\r\n            \r\n            <span class=\"jh-ticker-item\"><span class=\"jh-mono-alt\">3 mins ago:<\/span>&nbsp;User #882 generated a&nbsp;<span class=\"jh-accent\">98% match<\/span>&nbsp;for NVIDIA<\/span>\r\n            <span class=\"jh-ticker-item\"><span class=\"jh-mono-alt\">5 mins ago:<\/span>&nbsp;User #102 bypassed a&nbsp;<span class=\"jh-accent\">10-year experience filter<\/span>&nbsp;for Adobe<\/span>\r\n            <span class=\"jh-ticker-item\"><span class=\"jh-mono-alt\">8 mins ago:<\/span>&nbsp;System detected&nbsp;<span class=\"jh-accent\">blindspot removal<\/span>&nbsp;for Stripe (PM Role)<\/span>\r\n            <span class=\"jh-ticker-item\"><span class=\"jh-mono-alt\">12 mins ago:<\/span>&nbsp;User #441 secured&nbsp;<span class=\"jh-accent\">Technical Interview<\/span>&nbsp;at Apple<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@media (min-width: 1025px) {\r\n    #jh_ticker_Xwtf4X, #jh_ticker_Xwtf4X * { \r\n        box-sizing: border-box; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X.jh-ticker-wrap { \r\n        background: var(--jh-bg-alt); \r\n        border-top: 1px solid var(--jh-border); \r\n        border-bottom: 1px solid var(--jh-border); \r\n        height: 42px; \r\n        display: flex !important; \r\n        align-items: center; \r\n        overflow: hidden; \r\n        position: relative; \r\n        z-index: 10; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-label { \r\n        background: var(--jh-bg-alt); \r\n        color: var(--jh-agent); \r\n        font-family: var(--jh-font-mono); \r\n        font-size: 10px; \r\n        font-weight: 700; \r\n        padding: 0 var(--jh-space-md); \r\n        height: 100%; \r\n        display: flex !important; \r\n        align-items: center; \r\n        border-right: 1px solid var(--jh-border); \r\n        z-index: 5; \r\n        letter-spacing: 1px; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .pulse-dot { \r\n        width: 6px; \r\n        height: 6px; \r\n        background: var(--jh-agent); \r\n        border-radius: 50%; \r\n        margin-right: 10px; \r\n        box-shadow: 0 0 8px var(--jh-agent); \r\n        animation: jh-pulse 1.5s infinite; \r\n        display: inline-block !important;\r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-track { \r\n        flex: 1; \r\n        overflow: hidden; \r\n        display: flex !important; \r\n        align-items: center; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-content { \r\n        display: flex !important; \r\n        white-space: nowrap; \r\n        animation: jh-ticker-scroll-jh_ticker_Xwtf4X 45s linear infinite; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-item { \r\n        color: var(--jh-text-medium); \r\n        font-family: var(--jh-font-tight); \r\n        font-size: 12px; \r\n        padding: 0 var(--jh-space-xl); \r\n        display: flex !important; \r\n        align-items: center; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-mono-alt { \r\n        font-family: var(--jh-font-mono); \r\n        font-size: 11px; \r\n        color: var(--jh-text-dim); \r\n        margin-right: var(--jh-space-xs); \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-accent { \r\n        color: var(--jh-agent); \r\n        font-weight: 600; \r\n    }\r\n    \r\n    @keyframes jh-ticker-scroll-jh_ticker_Xwtf4X { \r\n        0% { transform: translateX(0); } \r\n        100% { transform: translateX(-50%); } \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-track::before, \r\n    #jh_ticker_Xwtf4X .jh-ticker-track::after { \r\n        content: \"\"; \r\n        position: absolute; \r\n        top: 0; \r\n        width: 50px; \r\n        height: 100%; \r\n        z-index: 3; \r\n        pointer-events: none; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-track::before { \r\n        left: 0; \r\n        background: linear-gradient(to right, var(--jh-bg-alt), transparent); \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-track::after { \r\n        right: 0; \r\n        background: linear-gradient(to left, var(--jh-bg-alt), transparent); \r\n    }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    #jh_ticker_Xwtf4X, #jh_ticker_Xwtf4X * { \r\n        box-sizing: border-box; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X.jh-ticker-wrap { \r\n        width: 100vw; \r\n        margin-left: 50%; \r\n        transform: translateX(-50%);\r\n        background: var(--jh-bg-alt); \r\n        border-top: 1px solid var(--jh-border); \r\n        border-bottom: 1px solid var(--jh-border); \r\n        height: 42px; \r\n        display: flex !important; \r\n        align-items: center; \r\n        overflow: hidden; \r\n        position: relative; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-label { \r\n        background: var(--jh-bg-alt); \r\n        color: var(--jh-agent); \r\n        font-family: var(--jh-font-mono); \r\n        font-size: 9px; \r\n        padding: 0 12px; \r\n        height: 100%; \r\n        display: flex !important; \r\n        align-items: center; \r\n        border-right: 1px solid var(--jh-border); \r\n        z-index: 5; \r\n        letter-spacing: 1px; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .pulse-dot { \r\n        width: 6px; \r\n        height: 6px; \r\n        background: var(--jh-agent); \r\n        border-radius: 50%; \r\n        margin-right: var(--jh-space-xs); \r\n        box-shadow: 0 0 8px var(--jh-agent); \r\n        animation: jh-pulse 1.5s infinite; \r\n        display: inline-block !important;\r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-track { \r\n        flex: 1; \r\n        overflow: hidden; \r\n        display: flex !important; \r\n        align-items: center; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-content { \r\n        display: flex !important; \r\n        white-space: nowrap; \r\n        animation: jh-ticker-scroll-jh_ticker_Xwtf4X 45s linear infinite; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-item { \r\n        color: var(--jh-text-medium); \r\n        font-family: var(--jh-font-tight); \r\n        font-size: 11px; \r\n        padding: 0 var(--jh-space-lg); \r\n        display: flex !important; \r\n        align-items: center; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-mono-alt { \r\n        font-family: var(--jh-font-mono); \r\n        font-size: 10px; \r\n        color: var(--jh-text-dim); \r\n        margin-right: 6px; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-accent { \r\n        color: var(--jh-agent); \r\n        font-weight: 600; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-track::before, \r\n    #jh_ticker_Xwtf4X .jh-ticker-track::after { \r\n        content: \"\"; \r\n        position: absolute; \r\n        top: 0; \r\n        width: 40px; \r\n        height: 100%; \r\n        z-index: 3; \r\n        pointer-events: none; \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-track::before { \r\n        left: 0; \r\n        background: linear-gradient(to right, var(--jh-bg-alt), transparent); \r\n    }\r\n    \r\n    #jh_ticker_Xwtf4X .jh-ticker-track::after { \r\n        right: 0; \r\n        background: linear-gradient(to left, var(--jh-bg-alt), transparent); \r\n    }\r\n}\r\n<\/style>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-08926a1 elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"08926a1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-d41328d exad-sticky-section-no\" data-id=\"d41328d\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a0fac8 exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"9a0fac8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Career Kickoff<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e18b0d5 exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"e18b0d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">$0.00<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b692599 exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"b692599\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"> Full Access to Premium Features, Free to Start<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47b2f01 exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"47b2f01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"jh-cta-wrapper\">\n            <a href=\"https:\/\/app.justhired.ai\/dashboard_v2_0\" class=\"jh-cta-button\">\n                <span class=\"desktop-text\">Bypass the Filters \u2014 Free<\/span>\n                <span class=\"mobile-text\">Bypass Filters<\/span>\n            <\/a>\n        <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e6ec25 elementor-widget-divider--view-line exad-sticky-section-no elementor-widget elementor-widget-divider\" data-id=\"7e6ec25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd58d70 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width exad-sticky-section-no elementor-widget elementor-widget-icon-list\" data-id=\"fd58d70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-key\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Advanced Keyword Optimization<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-file-alt\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Role-Specific Resume Tailoring<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"teenyicon ti-scan\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">ATS Optimized Templates<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-briefcase\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">1-Click Resume Tailoring<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"teenyicon ti-text-document\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Custom Cover Letter<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-infinity\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Access  All Features<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-9663722 exad-sticky-section-no\" data-id=\"9663722\" data-element_type=\"column\" data-e-type=\"column\" id=\".pricing-section-container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a330859 exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"a330859\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Pro Flex <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a2b00b exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"6a2b00b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">$7.99 Weekly<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bf7974 exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"6bf7974\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Go Pro\u2014Pay As You Go, Cancel Anytime<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be1e992 exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"be1e992\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"jh-cta-wrapper\">\n            <a href=\"https:\/\/app.justhired.ai\/dashboard_v2_0\" class=\"jh-cta-button\">\n                <span class=\"desktop-text\">Bypass the Filters \u2014 Free<\/span>\n                <span class=\"mobile-text\">Bypass Filters<\/span>\n            <\/a>\n        <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f00bdc elementor-widget-divider--view-line exad-sticky-section-no elementor-widget elementor-widget-divider\" data-id=\"5f00bdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7eb04f elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width exad-sticky-section-no elementor-widget elementor-widget-icon-list\" data-id=\"a7eb04f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"remixicon ri-file-copy-fill\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Everything In Free Plan<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-infinity\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Unlimited Role-Specific Resume Tailoring<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-infinity\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Unlimited Customized Cover Letters<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-328fad9 exad-sticky-section-no\" data-id=\"328fad9\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f329c2c exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"f329c2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Advantage Plus<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-341953e exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"341953e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">$24.99 Monthly<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56d0092 exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"56d0092\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Unlock 25% savings with a monthly plan<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baeb327 elementor-widget-mobile__width-inherit exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"baeb327\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"jh-cta-wrapper\">\n            <a href=\"https:\/\/app.justhired.ai\/dashboard_v2_0\" class=\"jh-cta-button\">\n                <span class=\"desktop-text\">Bypass the Filters \u2014 Free<\/span>\n                <span class=\"mobile-text\">Bypass Filters<\/span>\n            <\/a>\n        <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e84ae7 elementor-widget-divider--view-line exad-sticky-section-no elementor-widget elementor-widget-divider\" data-id=\"8e84ae7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8661b47 elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width exad-sticky-section-no elementor-widget elementor-widget-icon-list\" data-id=\"8661b47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"remixicon ri-file-copy-fill\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Everything In Weekly Plan<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"teenyicon ti-discount\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Save 25% with a monthly plan<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-c69033a elementor-section-full_width elementor-section-height-min-height elementor-section-content-top elementor-section-height-default exad-sticky-section-no\" data-id=\"c69033a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-342ba80 exad-sticky-section-no\" data-id=\"342ba80\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a4f291 elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width exad-sticky-section-no elementor-widget elementor-widget-icon-list\" data-id=\"4a4f291\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-credit-card\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">No Card Required<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-0db36c0 exad-sticky-section-no\" data-id=\"0db36c0\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b3ca03f elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width exad-sticky-section-no elementor-widget elementor-widget-icon-list\" data-id=\"b3ca03f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"remixicon ri-account-circle-fill\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">No Account Required<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-09a1664 exad-sticky-section-no\" data-id=\"09a1664\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-24b2e7f elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width exad-sticky-section-no elementor-widget elementor-widget-icon-list\" data-id=\"24b2e7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-users\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Trusted By Thousands<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-0ce4b1c exad-sticky-section-no\" data-id=\"0ce4b1c\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-83cce0f elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width exad-sticky-section-no elementor-widget elementor-widget-icon-list\" data-id=\"83cce0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"remixicon ri-secure-payment-line\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Secure Checkout<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-f731709 exad-sticky-section-no\" data-id=\"f731709\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b0455ac elementor-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width exad-sticky-section-no elementor-widget elementor-widget-icon-list\" data-id=\"b0455ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"remixicon ri-user-smile-line\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Cancel Anyime<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a9c5253 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"a9c5253\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-60ebe37 exad-sticky-section-no\" data-id=\"60ebe37\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7aa3156 elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"7aa3156\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-38a04a4 exad-sticky-section-no\" data-id=\"38a04a4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-38277af exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"38277af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Testimonials<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8bc8151 elementor-widget__width-initial exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"8bc8151\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hear What Our <span class=\"span-blue-tex\"> Clients Say<\/span> <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9773184 elementor-widget__width-initial exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"9773184\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Don\u2019t just take our word for it. Here are a few  reviews from job seekers just like you.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3eb5a24 elementor-section-full_width elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"3eb5a24\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4c28edc exad-sticky-section-no\" data-id=\"4c28edc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-adf8fdb exad-sticky-section-no elementor-widget elementor-widget-shortcode\" data-id=\"adf8fdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div id=\"jh_test_FOcyhj\" class=\"jh-testimonials-wrapper\" role=\"region\" aria-label=\"User Testimonials\">\n    <div class=\"jh-testimonials-grid\">\n                    <div class=\"jh-testimonial-card\" data-index=\"0\">\n                <div class=\"jh-testimonial-quote jh-mono\">\"<\/div>\n                <p class=\"jh-testimonial-text\">I went from 200 applications with zero responses to landing 3 interviews in my first week. The ATS bypass actually works.<\/p>\n                <div class=\"jh-testimonial-author\">\n                    <div class=\"jh-author-name\">Sarah Chen<\/div>\n                    <div class=\"jh-author-role jh-mono\">Product Manager @ Stripe<\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"jh-testimonial-card\" data-index=\"1\">\n                <div class=\"jh-testimonial-quote jh-mono\">\"<\/div>\n                <p class=\"jh-testimonial-text\">My profile was invisible to recruiters for months. One week after using JustHired, I had 5 companies reach out directly.<\/p>\n                <div class=\"jh-testimonial-author\">\n                    <div class=\"jh-author-name\">Marcus Williams<\/div>\n                    <div class=\"jh-author-role jh-mono\">Senior Engineer @ Snowflake<\/div>\n                <\/div>\n            <\/div>\n                    <div class=\"jh-testimonial-card\" data-index=\"2\">\n                <div class=\"jh-testimonial-quote jh-mono\">\"<\/div>\n                <p class=\"jh-testimonial-text\">The blindspot analysis found issues I never knew existed. Fixed them, applied to Google, got the interview.<\/p>\n                <div class=\"jh-testimonial-author\">\n                    <div class=\"jh-author-name\">Priya Patel<\/div>\n                    <div class=\"jh-author-role jh-mono\">ML Engineer @ Google<\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n<\/div>\n\n<style>\n#jh_test_FOcyhj.jh-testimonials-wrapper {\n    padding: var(--jh-space-2xl) 0;\n    font-family: var(--jh-font-tight);\n}\n\n#jh_test_FOcyhj .jh-testimonials-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: var(--jh-space-lg);\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n#jh_test_FOcyhj .jh-testimonial-card {\n    background: var(--jh-glass-light);\n    border: 1px solid var(--jh-border);\n    border-radius: 12px;\n    padding: var(--jh-space-xl);\n    position: relative;\n    transition: all var(--jh-transition-base) ease;\n    animation: jh-fade-in 0.6s ease forwards;\n    opacity: 0;\n}\n\n#jh_test_FOcyhj .jh-testimonial-card[data-index=\"0\"] { animation-delay: 0.1s; }\n#jh_test_FOcyhj .jh-testimonial-card[data-index=\"1\"] { animation-delay: 0.2s; }\n#jh_test_FOcyhj .jh-testimonial-card[data-index=\"2\"] { animation-delay: 0.3s; }\n\n#jh_test_FOcyhj .jh-testimonial-card:hover {\n    border-color: var(--jh-agent);\n    transform: translateY(-4px);\n    box-shadow: 0 8px 24px rgba(79, 172, 254, 0.15);\n}\n\n#jh_test_FOcyhj .jh-testimonial-quote {\n    font-size: 48px;\n    color: var(--jh-agent);\n    line-height: 1;\n    margin-bottom: var(--jh-space-sm);\n    opacity: 0.3;\n}\n\n#jh_test_FOcyhj .jh-testimonial-text {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--jh-text);\n    margin-bottom: var(--jh-space-lg);\n}\n\n#jh_test_FOcyhj .jh-testimonial-author {\n    padding-top: var(--jh-space-md);\n    border-top: 1px solid var(--jh-border);\n}\n\n#jh_test_FOcyhj .jh-author-name {\n    font-weight: 700;\n    font-size: 14px;\n    color: var(--jh-text);\n    margin-bottom: 4px;\n}\n\n#jh_test_FOcyhj .jh-author-role {\n    font-size: 12px;\n    color: var(--jh-text-dim);\n    letter-spacing: 0.5px;\n}\n\n@media (max-width: 768px) {\n    #jh_test_FOcyhj .jh-testimonials-grid {\n        grid-template-columns: 1fr;\n        gap: var(--jh-space-md);\n        padding: 0 var(--jh-space-md);\n    }\n    \n    #jh_test_FOcyhj .jh-testimonial-card {\n        padding: var(--jh-space-lg);\n    }\n    \n    #jh_test_FOcyhj .jh-testimonial-text {\n        font-size: 14px;\n    }\n}\n<\/style>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c6fa3c elementor-section-full_width blog-section elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"3c6fa3c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-990caa0 exad-sticky-section-no\" data-id=\"990caa0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9acaac7 exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"9acaac7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"> One-Click Resume Tailoring<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51209d5 exad-sticky-section-no elementor-widget elementor-widget-heading\" data-id=\"51209d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Your  <span class=\"span-blue-tex\">  Dream Job <\/span> Is Our Mission<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec5a368 elementor-headline--style-rotate exad-sticky-section-no elementor-widget elementor-widget-animated-headline\" data-id=\"ec5a368\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;headline_style&quot;:&quot;rotate&quot;,&quot;rotating_text&quot;:&quot;Just Hired,  Just For You&quot;,&quot;rotate_iteration_delay&quot;:700,&quot;animation_type&quot;:&quot;typing&quot;,&quot;loop&quot;:&quot;yes&quot;}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h1 class=\"elementor-headline elementor-headline-animation-type-typing elementor-headline-letters\">\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">\n\t\t\t\tJust&nbsp;Hired,&nbsp;&nbsp;Just&nbsp;For&nbsp;You\t\t\t<\/span>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t<\/h1>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a744f5 elementor-arrows-position-outside elementor-pagination-type-bullets elementor-pagination-position-outside exad-sticky-section-no elementor-widget elementor-widget-loop-carousel\" data-id=\"7a744f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:3712,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;arrows&quot;:&quot;yes&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"ltr\">\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t<style id=\"loop-3712\">.elementor-3712 .elementor-element.elementor-element-cd72000 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-3712 .elementor-element.elementor-element-cd72000 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 30px 30px 30px;}.elementor-3712 .elementor-element.elementor-element-cd72000 > .elementor-element-populated, .elementor-3712 .elementor-element.elementor-element-cd72000 > .elementor-element-populated > .elementor-background-overlay, .elementor-3712 .elementor-element.elementor-element-cd72000 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-3712 .elementor-element.elementor-element-cd72000 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3712 .elementor-element.elementor-element-220ce95{text-align:center;}.elementor-3712 .elementor-element.elementor-element-220ce95 .elementor-heading-title{font-family:\"Inter Tight\", Sans-serif;font-size:24px;font-weight:500;line-height:28px;letter-spacing:2px;color:#FFFFFFE8;}.elementor-3712 .elementor-element.elementor-element-220ce95 > .elementor-widget-container{padding:6px 6px 6px 6px;}.elementor-3712 .elementor-element.elementor-element-07669d2 .elementor-widget-container{text-align:start;font-family:\"Inter\", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-3712 .elementor-element.elementor-element-07669d2 > .elementor-widget-container{margin:15px 25px 15px 25px;}.elementor-3712 .elementor-element.elementor-element-e7575cc img{width:75%;opacity:0.7;border-style:none;border-radius:12px 12px 12px 12px;box-shadow:1px 2px 5px 0px rgba(4.999999999999982, 84.0000000000001, 241.99999999999994, 0.48);}.elementor-3712 .elementor-element.elementor-element-e7575cc{width:100%;max-width:100%;}.elementor-3712 .elementor-element.elementor-element-15eb8e3 .elementor-button{font-family:\"Inter Tight\", Sans-serif;font-size:18px;font-weight:600;letter-spacing:-0.1px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg, #60B0FF 0%, #0554F2 100%);box-shadow:0px 1px 10px 0px rgba(255, 255, 255, 0.25);border-style:solid;border-width:1px 1px 1px 1px;border-color:#022B7A;border-radius:8px 8px 8px 8px;}.elementor-3712 .elementor-element.elementor-element-15eb8e3 .elementor-button:hover, .elementor-3712 .elementor-element.elementor-element-15eb8e3 .elementor-button:focus{box-shadow:0px 2px 10px 0px rgba(255, 255, 255, 0.44);}.elementor-3712 .elementor-element.elementor-element-15eb8e3 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 30px 0px 30px;}@media(max-width:767px){.elementor-3712 .elementor-element.elementor-element-220ce95 .elementor-heading-title{font-size:22px;}.elementor-3712 .elementor-element.elementor-element-07669d2 .elementor-widget-container{font-size:12px;}.elementor-3712 .elementor-element.elementor-element-07669d2 > .elementor-widget-container{margin:10px 5px 10px 5px;}.elementor-3712 .elementor-element.elementor-element-e7575cc img{width:80%;}.elementor-3712 .elementor-element.elementor-element-15eb8e3 .elementor-button{font-size:14px;}}\/* Start custom CSS for button, class: .elementor-element-15eb8e3 *\/.elementor-3712 .elementor-element.elementor-element-15eb8e3 .elementor-button {\r\n    background: linear-gradient(135deg, #60B0FF 0%, #0554F2 100%) !important;\r\n    border: none !important;\r\n    box-shadow: 0px 4px 15px rgba(5, 84, 242, 0.4);\r\n    transition: all 0.3s ease-in-out !important;\r\n}\r\n\r\n.elementor-3712 .elementor-element.elementor-element-15eb8e3 .elementor-button:hover {\r\n    background: linear-gradient(135deg, #72BCFF 0%, #0660FF 100%) !important;\r\n    box-shadow: 0px 0px 20px rgba(96, 176, 255, 0.7) !important;\r\n    transform: translateY(-2px);\r\n}\/* End custom CSS *\/\n\/* Start custom CSS for column, class: .elementor-element-cd72000 *\/\/* 1. The Base Column (Your Original) *\/\r\n.elementor-3712 .elementor-element.elementor-element-cd72000 {\r\n    --card-bg: #030303;\r\n    --brand-blue: #60B0FF;\r\n    --border-color: #60B0FF4D;\r\n    \r\n    position: relative !important;\r\n    padding: 30px !important; \r\n    background: transparent !important;\r\n}\r\n\r\n\/* 2. Create the Shadow Layer (UPDATED: Circular Mist Glow) *\/\r\n.elementor-3712 .elementor-element.elementor-element-cd72000::before {\r\n    content: \"\" !important;\r\n    position: absolute !important;\r\n    \/* Increased bleed to allow the mist to fade naturally *\/\r\n    top: -20px; left: -20px; right: -20px; bottom: -20px;\r\n    \r\n    \/* REPLACEMENT: Radial gradient for soft falloff on the sides *\/\r\n    background: radial-gradient(\r\n        circle at center, \r\n        rgba(96, 176, 255, 0.18) 0%, \r\n        rgba(96, 176, 255, 0.05) 45%, \r\n        transparent 75%\r\n    ) !important;\r\n    \r\n    \/* Force a circular shape to kill the rectangular corners *\/\r\n    border-radius: 50% !important; \r\n    filter: blur(60px) !important;\r\n    opacity: 0.6 !important; \r\n    z-index: 0 !important;\r\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n}\r\n\r\n\/* 3. The Actual Card (Glassmorphism remains) *\/\r\n.elementor-3712 .elementor-element.elementor-element-cd72000 > .elementor-widget-wrap {\r\n    position: relative !important;\r\n    z-index: 1 !important; \r\n    \r\n    background-color: rgba(3, 3, 3, 0.75) !important; \r\n    backdrop-filter: blur(12px) !important;\r\n    -webkit-backdrop-filter: blur(12px) !important;\r\n    \r\n    border: 1px solid var(--border-color) !important;\r\n    border-radius: 16px !important;\r\n    padding: 30px !important;\r\n    overflow: hidden !important; \r\n    \r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    transition: transform 0.4s ease !important;\r\n}\r\n\r\n\/* 4. The 3D Hover Interaction (Polished) *\/\r\n.elementor-3712 .elementor-element.elementor-element-cd72000:hover > .elementor-widget-wrap {\r\n    transform: translateY(-12px) scale(1.01); \r\n    border-color: var(--brand-blue) !important;\r\n}\r\n\r\n.elementor-3712 .elementor-element.elementor-element-cd72000:hover::before {\r\n    \/* Glow expands and softens as the card lifts *\/\r\n    opacity: 0.9 !important;\r\n    transform: translateY(15px) scale(1.1); \r\n    filter: blur(80px) !important;\r\n}\r\n\r\n\/* 5. Elements inside (Your Original) *\/\r\n.elementor-3712 .elementor-element.elementor-element-cd72000 img {\r\n    height: 200px !important;\r\n    width: 100% !important;\r\n    object-fit: cover !important;\r\n    border-radius: 12px !important;\r\n    margin: 15px 0 !important;\r\n}\r\n\r\n.elementor-3712 .elementor-element.elementor-element-cd72000 .elementor-text-editor {\r\n    min-height: 100px;\r\n}\r\n\r\n.elementor-3712 .elementor-element.elementor-element-cd72000 .elementor-widget-button {\r\n    margin-top: auto !important;\r\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"3712\" class=\"elementor elementor-3712 swiper-slide e-loop-item e-loop-item-2377 post-2377 page type-page status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-513f472 elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"513f472\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd72000 exad-sticky-section-no\" data-id=\"cd72000\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-220ce95 exad-sticky-section-no elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"220ce95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Keyword Packed Resumes<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07669d2 exad-sticky-section-no elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"07669d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tDon\u2019t let a generic resume hold you back. Just Hired\u2019s AI creates a tailored, keyword-rich professional summary that gets you noticed faster.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7575cc elementor-widget__width-inherit exad-sticky-section-no elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"e7575cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/justhired.ai\/clonev2\/professional-summary\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2024\/12\/keywords-compressed-300x300.webp\" class=\"attachment-medium size-medium wp-image-2966\" alt=\"\" srcset=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2024\/12\/keywords-compressed-300x300.webp 300w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2024\/12\/keywords-compressed-150x150.webp 150w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2024\/12\/keywords-compressed-768x768.webp 768w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2024\/12\/keywords-compressed.webp 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15eb8e3 elementor-align-center exad-sticky-section-no elementor-widget elementor-widget-button\" data-id=\"15eb8e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/justhired.ai\/clonev2\/professional-summary\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"3712\" class=\"elementor elementor-3712 swiper-slide e-loop-item e-loop-item-2384 post-2384 page type-page status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-513f472 elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"513f472\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd72000 exad-sticky-section-no\" data-id=\"cd72000\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-220ce95 exad-sticky-section-no elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"220ce95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Resumes Optimized for ATS<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07669d2 exad-sticky-section-no elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"07669d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t75% of resumes are screened out by Applicant Tracking Systems. Learn how ATS-friendly templates help you bypass automated filters.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7575cc elementor-widget__width-inherit exad-sticky-section-no elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"e7575cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/justhired.ai\/clonev2\/resume-templates\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/u9656161273_create_the_top_page_with_glowing_edges_-ar_11_-_1b0227ab-0036-4f17-90af-002ead033818_0-7-300x300.png\" class=\"attachment-medium size-medium wp-image-3767\" alt=\"\" srcset=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/u9656161273_create_the_top_page_with_glowing_edges_-ar_11_-_1b0227ab-0036-4f17-90af-002ead033818_0-7-300x300.png 300w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/u9656161273_create_the_top_page_with_glowing_edges_-ar_11_-_1b0227ab-0036-4f17-90af-002ead033818_0-7-150x150.png 150w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/u9656161273_create_the_top_page_with_glowing_edges_-ar_11_-_1b0227ab-0036-4f17-90af-002ead033818_0-7-768x768.png 768w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/u9656161273_create_the_top_page_with_glowing_edges_-ar_11_-_1b0227ab-0036-4f17-90af-002ead033818_0-7.png 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15eb8e3 elementor-align-center exad-sticky-section-no elementor-widget elementor-widget-button\" data-id=\"15eb8e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/justhired.ai\/clonev2\/resume-templates\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"3712\" class=\"elementor elementor-3712 swiper-slide e-loop-item e-loop-item-2382 post-2382 page type-page status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-513f472 elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"513f472\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd72000 exad-sticky-section-no\" data-id=\"cd72000\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-220ce95 exad-sticky-section-no elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"220ce95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Keyword &#038; ATS Optimization<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07669d2 exad-sticky-section-no elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"07669d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tWant to stand out in the competitive job market? Discover how keyword optimization can make your resume irresistible to recruiters and ATS systems.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7575cc elementor-widget__width-inherit exad-sticky-section-no elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"e7575cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/justhired.ai\/clonev2\/keyword-ats-optimization\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/ATS-with-robot-hand-300x300.webp\" class=\"attachment-medium size-medium wp-image-3838\" alt=\"\" srcset=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/ATS-with-robot-hand-300x300.webp 300w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/ATS-with-robot-hand-150x150.webp 150w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/ATS-with-robot-hand-768x768.webp 768w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/ATS-with-robot-hand.webp 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15eb8e3 elementor-align-center exad-sticky-section-no elementor-widget elementor-widget-button\" data-id=\"15eb8e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/justhired.ai\/clonev2\/keyword-ats-optimization\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"3712\" class=\"elementor elementor-3712 swiper-slide e-loop-item e-loop-item-2380 post-2380 page type-page status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-513f472 elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"513f472\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd72000 exad-sticky-section-no\" data-id=\"cd72000\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-220ce95 exad-sticky-section-no elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"220ce95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Job-Winning Cover Letters<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07669d2 exad-sticky-section-no elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"07669d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tLasting impressions start with a cover letter that shows you\u2019ve done your homework. See how Just Hired\u2019s AI crafts the perfect cover letter.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7575cc elementor-widget__width-inherit exad-sticky-section-no elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"e7575cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/justhired.ai\/clonev2\/cover-letter-personalization\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/u9656161273_A_single_resume_with_brightly_glowing_edges_that__47d63afb-503f-40c6-9323-d1265b1a2b06_0-1-300x300.png\" class=\"attachment-medium size-medium wp-image-3768\" alt=\"\" srcset=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/u9656161273_A_single_resume_with_brightly_glowing_edges_that__47d63afb-503f-40c6-9323-d1265b1a2b06_0-1-300x300.png 300w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/u9656161273_A_single_resume_with_brightly_glowing_edges_that__47d63afb-503f-40c6-9323-d1265b1a2b06_0-1-150x150.png 150w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/u9656161273_A_single_resume_with_brightly_glowing_edges_that__47d63afb-503f-40c6-9323-d1265b1a2b06_0-1-768x768.png 768w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/02\/u9656161273_A_single_resume_with_brightly_glowing_edges_that__47d63afb-503f-40c6-9323-d1265b1a2b06_0-1.png 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15eb8e3 elementor-align-center exad-sticky-section-no elementor-widget elementor-widget-button\" data-id=\"15eb8e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/justhired.ai\/clonev2\/cover-letter-personalization\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"3712\" class=\"elementor elementor-3712 swiper-slide e-loop-item e-loop-item-2378 post-2378 page type-page status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-513f472 elementor-section-boxed elementor-section-height-default elementor-section-height-default exad-sticky-section-no\" data-id=\"513f472\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd72000 exad-sticky-section-no\" data-id=\"cd72000\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-220ce95 exad-sticky-section-no elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"220ce95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">AI-Tailored Resumes<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07669d2 exad-sticky-section-no elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"07669d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\tYour dream job is waiting\u2014but your resume needs to be perfect. Learn how Just Hired\u2019s AI tailors your resume to each position with just one click.\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7575cc elementor-widget__width-inherit exad-sticky-section-no elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"e7575cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/justhired.ai\/clonev2\/tailoring-your-experience-to-the-job\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/01\/2b-300x300.png\" class=\"attachment-medium size-medium wp-image-2906\" alt=\"\" srcset=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/01\/2b-300x300.png 300w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/01\/2b-150x150.png 150w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/01\/2b-768x768.png 768w, http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2025\/01\/2b.png 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15eb8e3 elementor-align-center exad-sticky-section-no elementor-widget elementor-widget-button\" data-id=\"15eb8e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/justhired.ai\/clonev2\/tailoring-your-experience-to-the-job\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t<\/div>\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Login Talent speaks&nbsp;louder than keywords Bypass robotic filters, decode recruiter intent, and 9X your interview rate OPTIMIZING_CANDIDATE_MATCH&#8230; [SUCCESS] Cut through The Red Tape. Control Your Narrative. Align your experience with the hidden criteria recruiters use to hire MISSION_STATUS: UNRESTRICTED_SYSTEM_ACCESS Affordable Plans for Every Job Seeker Career Kickoff $0.00 Full Access to Premium Features, Free to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-193","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Just Hired<\/title>\n<meta name=\"description\" content=\"Tailor your resume and cover letters to any job in minutes and get one step closer to landing your dream job. Fast, easy, and free to start!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/justhired.ai\/clonev2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Just Hired\" \/>\n<meta property=\"og:description\" content=\"Tailor your resume and cover letters to any job in minutes and get one step closer to landing your dream job. Fast, easy, and free to start!\" \/>\n<meta property=\"og:url\" content=\"http:\/\/justhired.ai\/clonev2\/\" \/>\n<meta property=\"og:site_name\" content=\"Just Hired\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-20T23:25:28+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2026\/01\/Just-Hiredword-mark-1-300x65.webp\" \/>\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=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/\",\"url\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/\",\"name\":\"Home - Just Hired\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Just-Hiredword-mark-1-300x65.webp\",\"datePublished\":\"2024-11-19T08:05:52+00:00\",\"dateModified\":\"2026-03-20T23:25:28+00:00\",\"description\":\"Tailor your resume and cover letters to any job in minutes and get one step closer to landing your dream job. Fast, easy, and free to start!\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/#primaryimage\",\"url\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Just-Hiredword-mark-1-300x65.webp\",\"contentUrl\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Just-Hiredword-mark-1-300x65.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/#website\",\"url\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/\",\"name\":\"Just Hired\",\"description\":\"One Click Resume Tailoring with AI \",\"publisher\":{\"@id\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/#organization\",\"name\":\"Just Hired\",\"url\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/cropped-favicon-1.png\",\"contentUrl\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/cropped-favicon-1.png\",\"width\":2267,\"height\":2221,\"caption\":\"Just Hired\"},\"image\":{\"@id\":\"http:\\\/\\\/justhired.ai\\\/clonev2\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Just Hired","description":"Tailor your resume and cover letters to any job in minutes and get one step closer to landing your dream job. Fast, easy, and free to start!","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":"http:\/\/justhired.ai\/clonev2\/","og_locale":"en_US","og_type":"article","og_title":"Home - Just Hired","og_description":"Tailor your resume and cover letters to any job in minutes and get one step closer to landing your dream job. Fast, easy, and free to start!","og_url":"http:\/\/justhired.ai\/clonev2\/","og_site_name":"Just Hired","article_modified_time":"2026-03-20T23:25:28+00:00","og_image":[{"url":"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2026\/01\/Just-Hiredword-mark-1-300x65.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/justhired.ai\/clonev2\/","url":"http:\/\/justhired.ai\/clonev2\/","name":"Home - Just Hired","isPartOf":{"@id":"http:\/\/justhired.ai\/clonev2\/#website"},"primaryImageOfPage":{"@id":"http:\/\/justhired.ai\/clonev2\/#primaryimage"},"image":{"@id":"http:\/\/justhired.ai\/clonev2\/#primaryimage"},"thumbnailUrl":"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2026\/01\/Just-Hiredword-mark-1-300x65.webp","datePublished":"2024-11-19T08:05:52+00:00","dateModified":"2026-03-20T23:25:28+00:00","description":"Tailor your resume and cover letters to any job in minutes and get one step closer to landing your dream job. Fast, easy, and free to start!","breadcrumb":{"@id":"http:\/\/justhired.ai\/clonev2\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["http:\/\/justhired.ai\/clonev2\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"http:\/\/justhired.ai\/clonev2\/#primaryimage","url":"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2026\/01\/Just-Hiredword-mark-1-300x65.webp","contentUrl":"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2026\/01\/Just-Hiredword-mark-1-300x65.webp"},{"@type":"BreadcrumbList","@id":"http:\/\/justhired.ai\/clonev2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/justhired.ai\/clonev2\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"http:\/\/justhired.ai\/clonev2\/#website","url":"http:\/\/justhired.ai\/clonev2\/","name":"Just Hired","description":"One Click Resume Tailoring with AI ","publisher":{"@id":"http:\/\/justhired.ai\/clonev2\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/justhired.ai\/clonev2\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"http:\/\/justhired.ai\/clonev2\/#organization","name":"Just Hired","url":"http:\/\/justhired.ai\/clonev2\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"http:\/\/justhired.ai\/clonev2\/#\/schema\/logo\/image\/","url":"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2024\/12\/cropped-favicon-1.png","contentUrl":"http:\/\/justhired.ai\/clonev2\/wp-content\/uploads\/2024\/12\/cropped-favicon-1.png","width":2267,"height":2221,"caption":"Just Hired"},"image":{"@id":"http:\/\/justhired.ai\/clonev2\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"http:\/\/justhired.ai\/clonev2\/wp-json\/wp\/v2\/pages\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/justhired.ai\/clonev2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/justhired.ai\/clonev2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/justhired.ai\/clonev2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/justhired.ai\/clonev2\/wp-json\/wp\/v2\/comments?post=193"}],"version-history":[{"count":1445,"href":"http:\/\/justhired.ai\/clonev2\/wp-json\/wp\/v2\/pages\/193\/revisions"}],"predecessor-version":[{"id":4979,"href":"http:\/\/justhired.ai\/clonev2\/wp-json\/wp\/v2\/pages\/193\/revisions\/4979"}],"wp:attachment":[{"href":"http:\/\/justhired.ai\/clonev2\/wp-json\/wp\/v2\/media?parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}