{"id":708,"date":"2026-07-24T09:14:21","date_gmt":"2026-07-24T13:14:21","guid":{"rendered":"https:\/\/www.itrealizer.com\/?page_id=708"},"modified":"2026-08-10T07:54:15","modified_gmt":"2026-08-10T11:54:15","slug":"__trashed","status":"publish","type":"page","link":"https:\/\/www.itrealizer.com\/","title":{"rendered":""},"content":{"rendered":"\n<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <meta name=\"description\" content=\"IT Realizer designs, installs, and supports business networks, structured cabling, Wi-Fi, voice, surveillance, audiovisual, and server infrastructure across New York.\">\n  <meta name=\"theme-color\" content=\"#071512\">\n  <title>IT Realizer | Business Technology Design &amp; Integration<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600&amp;family=Manrope:wght@500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n  <style>\n    :root {\n      --ink: #06110f;\n      --ink-2: #0a1c18;\n      --ink-3: #102822;\n      --green: #37d7a5;\n      --green-deep: #1daa7e;\n      --mint: #9bf1d6;\n      --orange: #ff8f62;\n      --paper: #ffffff;\n      --fog: #f1f6f4;\n      --line: #dae7e2;\n      --slate: #586a64;\n      --slate-light: #9db2aa;\n      --max: 1240px;\n      --shadow: 0 28px 78px rgba(6, 31, 25, .15);\n    }\n\n    * { box-sizing: border-box; }\n    html { scroll-behavior: smooth; scroll-padding-top: 92px; }\n    body { margin: 0; color: var(--ink); background: var(--paper); font-family: \"DM Sans\", system-ui, sans-serif; line-height: 1.65; -webkit-font-smoothing: antialiased; }\n    body.menu-open, body.modal-open { overflow: hidden; }\n    img { display: block; width: 100%; }\n    a { color: inherit; text-decoration: none; }\n    button, input, select, textarea { font: inherit; }\n    button { color: inherit; }\n    :focus-visible { outline: 3px solid rgba(55, 215, 165, .5); outline-offset: 4px; }\n\n    .skip { position: fixed; top: 12px; left: 12px; z-index: 1000; padding: 10px 16px; color: var(--ink); background: var(--green); border-radius: 7px; transform: translateY(-150%); }\n    .skip:focus { transform: none; }\n    .progress { position: fixed; inset: 0 auto auto 0; z-index: 999; width: 0; height: 3px; background: linear-gradient(90deg, var(--green), var(--mint), var(--orange)); }\n    .container { width: min(calc(100% - 44px), var(--max)); margin-inline: auto; }\n    .section { padding: 118px 0; }\n    .section--fog { background: var(--fog); }\n    .section--dark { color: #f7fffc; background: var(--ink); }\n    .section-head { display: grid; grid-template-columns: 1.1fr .72fr; align-items: end; gap: 65px; margin-bottom: 58px; }\n    .label { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--green-deep); font: 700 .71rem\/1 \"Manrope\", sans-serif; letter-spacing: .16em; text-transform: uppercase; }\n    .label::before { content: \"\"; width: 25px; height: 2px; background: currentColor; }\n    .section--dark .label { color: var(--green); }\n    .title { max-width: 840px; margin: 0; font: 700 clamp(2.25rem, 4.6vw, 4.8rem)\/1.02 \"Manrope\", sans-serif; letter-spacing: -.055em; }\n    .intro { max-width: 630px; margin: 0; color: var(--slate); font-size: 1.05rem; }\n    .section--dark .intro { color: var(--slate-light); }\n\n    .button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 15px 24px; border: 1px solid transparent; border-radius: 7px; cursor: pointer; font: 700 .75rem\/1 \"Manrope\", sans-serif; letter-spacing: .08em; text-transform: uppercase; transition: transform .2s ease, background .2s ease, box-shadow .2s ease, border-color .2s ease; }\n    .button:hover { transform: translateY(-2px); }\n    .button--primary { color: var(--ink); background: var(--green); box-shadow: 0 14px 34px rgba(55, 215, 165, .2); }\n    .button--primary:hover { background: #51e4b7; box-shadow: 0 18px 40px rgba(55, 215, 165, .29); }\n    .button--outline { color: #fff; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.03); }\n    .button--outline:hover { border-color: var(--mint); background: rgba(55,215,165,.08); }\n    .button .arrow { font-size: 1.08rem; transition: transform .2s ease; }\n    .button:hover .arrow { transform: translateX(3px); }\n\n    \/* Header *\/\n    .utility { color: #a6bab3; background: #020906; border-bottom: 1px solid rgba(255,255,255,.07); }\n    .utility-inner { display: flex; align-items: center; justify-content: space-between; min-height: 34px; gap: 24px; font-size: .7rem; }\n    .availability { display: inline-flex; align-items: center; gap: 9px; }\n    .live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(55,215,165,.1); animation: breathe 2.3s ease infinite; }\n    .utility-links { display: flex; gap: 22px; }\n    .utility a:hover { color: #fff; }\n    .header { position: fixed; top: 34px; left: 0; right: 0; z-index: 100; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1); transition: top .25s ease, background .25s ease, box-shadow .25s ease; }\n    .header.scrolled { top: 0; background: rgba(4, 15, 12, .94); box-shadow: 0 12px 40px rgba(0,0,0,.22); backdrop-filter: blur(16px); }\n    .nav-wrap { display: flex; align-items: center; justify-content: space-between; min-height: 78px; gap: 32px; }\n    .brand { display: flex; align-items: center; gap: 13px; flex-shrink: 0; }\n    .brand-logo, .footer-logo { display: inline-flex; align-items: center; gap: 10px; width: auto; height: auto; padding: 0; background: transparent; }\n    .logo-symbol { position: relative; width: 40px; height: 40px; flex: 0 0 40px; overflow: hidden; border: 1px solid rgba(155,241,214,.45); border-radius: 9px; background: linear-gradient(145deg, var(--mint), var(--green)); box-shadow: 0 9px 24px rgba(55,215,165,.2); }\n    .logo-symbol::before { content: \"\"; position: absolute; left: 9px; top: 9px; width: 6px; height: 6px; border-radius: 2px; background: var(--ink); box-shadow: 16px 0 0 var(--ink), 0 16px 0 var(--ink), 16px 16px 0 var(--ink); }\n    .logo-symbol::after { content: \"\"; position: absolute; left: 12px; top: 12px; width: 14px; height: 14px; border: 2px solid rgba(6,17,15,.78); transform: rotate(45deg); }\n    .logo-name { display: inline-flex; align-items: baseline; gap: 5px; white-space: nowrap; font: 800 1.03rem\/1 \"Manrope\", sans-serif; letter-spacing: -.035em; }\n    .logo-name b { color: #fff; }\n    .logo-name strong { color: var(--green); }\n    .brand-separator { width: 1px; height: 35px; background: rgba(255,255,255,.17); }\n    .brand-copy strong { display: block; font: 700 .71rem\/1.2 \"Manrope\", sans-serif; letter-spacing: .07em; text-transform: uppercase; }\n    .brand-copy span { color: #8ca59c; font-size: .61rem; }\n    .nav { display: flex; align-items: center; gap: 3px; }\n    .nav > a:not(.nav-cta) { position: relative; padding: 11px 13px; color: #b1c4bd; font: 600 .71rem\/1 \"Manrope\", sans-serif; letter-spacing: .05em; text-transform: uppercase; }\n    .nav > a:not(.nav-cta)::after { content: \"\"; position: absolute; left: 13px; right: 13px; bottom: 3px; height: 2px; background: var(--green); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }\n    .nav > a:hover, .nav > a.active { color: #fff; }\n    .nav > a:hover::after, .nav > a.active::after { transform: scaleX(1); }\n    .nav-cta { margin-left: 9px; padding: 13px 17px; color: var(--ink); border-radius: 6px; background: var(--green); font: 700 .7rem\/1 \"Manrope\", sans-serif; letter-spacing: .05em; }\n    .nav-cta:hover { background: #58e6ba; }\n    .menu { display: none; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(255,255,255,.2); border-radius: 6px; background: transparent; cursor: pointer; }\n    .menu span, .menu::before, .menu::after { content: \"\"; display: block; width: 18px; height: 2px; margin: 4px auto; background: #fff; transition: transform .2s ease, opacity .2s ease; }\n    .menu[aria-expanded=\"true\"] span { opacity: 0; }\n    .menu[aria-expanded=\"true\"]::before { transform: translateY(6px) rotate(45deg); }\n    .menu[aria-expanded=\"true\"]::after { transform: translateY(-6px) rotate(-45deg); }\n\n    \/* Hero *\/\n    .hero { position: relative; min-height: 870px; overflow: hidden; isolation: isolate; color: #fff; background: var(--ink); }\n    .hero::before { content: \"\"; position: absolute; inset: 0; z-index: -3; background: radial-gradient(circle at 77% 40%, rgba(55,215,165,.18), transparent 27%), radial-gradient(circle at 9% 86%, rgba(255,143,98,.08), transparent 23%), linear-gradient(132deg, #04100d 0%, #09241d 54%, #071512 100%); }\n    .hero::after { content: \"\"; position: absolute; inset: 0; z-index: -2; opacity: .26; background-image: linear-gradient(rgba(131,201,179,.11) 1px, transparent 1px), linear-gradient(90deg, rgba(131,201,179,.11) 1px, transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(#000 25%, transparent 95%); }\n    .hero-orb { position: absolute; z-index: -1; width: 530px; height: 530px; border-radius: 50%; background: rgba(55,215,165,.08); filter: blur(75px); pointer-events: none; transform: translate(-50%,-50%); }\n    .hero-inner { display: grid; grid-template-columns: 1.04fr .96fr; align-items: center; gap: 72px; min-height: 870px; padding-top: 132px; padding-bottom: 78px; }\n    .hero-tag { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 27px; padding: 8px 12px; color: #b8ddcf; border: 1px solid rgba(55,215,165,.26); border-radius: 5px; background: rgba(55,215,165,.07); font: 600 .67rem\/1 \"Manrope\", sans-serif; letter-spacing: .09em; text-transform: uppercase; }\n    .hero-tag b { color: var(--green); }\n    .hero h1 { max-width: 800px; margin: 0; color: #fff; font: 700 clamp(3.25rem, 6.5vw, 6.7rem)\/.96 \"Manrope\", sans-serif; letter-spacing: -.07em; }\n    .hero h1 span { color: var(--green); }\n    .hero-copy { max-width: 650px; margin: 28px 0 0; color: #adc2ba; font-size: clamp(1rem, 1.45vw, 1.14rem); }\n    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 35px; }\n    .hero-proof { display: flex; align-items: center; gap: 18px; margin-top: 37px; color: #789289; font-size: .75rem; }\n    .hero-proof strong { color: #d8e9e3; font-weight: 600; }\n    .proof-line { width: 42px; height: 1px; background: #3a534a; }\n\n    \/* Architecture panel *\/\n    .architecture { position: relative; padding: 16px; border: 1px solid rgba(152,209,191,.18); border-radius: 14px; background: rgba(10,31,25,.73); box-shadow: 0 45px 110px rgba(0,0,0,.34); backdrop-filter: blur(14px); transform: perspective(1300px) rotateY(-3.5deg) rotateX(1deg); }\n    .architecture::after { content: \"\"; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: linear-gradient(135deg, rgba(155,241,214,.35), transparent 30%, rgba(255,143,98,.16)); }\n    .arch-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 5px 4px 15px; }\n    .arch-title { display: flex; align-items: center; gap: 9px; font: 700 .7rem\/1 \"Manrope\", sans-serif; letter-spacing: .08em; text-transform: uppercase; }\n    .arch-state { color: var(--mint); font-size: .67rem; }\n    .blueprint { position: relative; min-height: 392px; overflow: hidden; border: 1px solid rgba(150,205,188,.13); border-radius: 9px; background: #071b16; }\n    .blueprint::before { content: \"\"; position: absolute; inset: 0; opacity: .48; background-image: linear-gradient(rgba(137,194,176,.11) 1px, transparent 1px), linear-gradient(90deg, rgba(137,194,176,.11) 1px, transparent 1px); background-size: 40px 40px; }\n    .hub { position: absolute; left: 50%; top: 48%; display: grid; place-items: center; width: 76px; height: 76px; color: var(--ink); border-radius: 18px; background: var(--green); box-shadow: 0 0 48px rgba(55,215,165,.3); transform: translate(-50%,-50%); font: 800 .65rem\/1.1 \"Manrope\", sans-serif; letter-spacing: .06em; text-align: center; }\n    .hub::after { content: \"\"; position: absolute; inset: -11px; border: 1px solid rgba(55,215,165,.25); border-radius: 24px; animation: hubPulse 2.6s ease infinite; }\n    .system { position: absolute; display: grid; gap: 3px; width: 122px; padding: 13px; color: #cbe2da; border: 1px solid rgba(155,241,214,.2); border-radius: 7px; background: rgba(13,47,38,.84); box-shadow: 0 12px 28px rgba(0,0,0,.15); }\n    .system small { color: #6e988a; font: 600 .55rem\/1 \"Manrope\", sans-serif; letter-spacing: .08em; text-transform: uppercase; }\n    .system strong { font: 700 .69rem\/1.2 \"Manrope\", sans-serif; }\n    .sys-data { left: 8%; top: 13%; }\n    .sys-wifi { right: 8%; top: 13%; }\n    .sys-voice { left: 8%; bottom: 13%; }\n    .sys-security { right: 8%; bottom: 13%; }\n    .connector { position: absolute; height: 2px; background: linear-gradient(90deg, transparent, var(--green), transparent); opacity: .62; transform-origin: left; }\n    .con-1 { left: 27%; top: 30%; width: 28%; transform: rotate(26deg); }\n    .con-2 { left: 50%; top: 48%; width: 29%; transform: rotate(-31deg); }\n    .con-3 { left: 26%; top: 69%; width: 30%; transform: rotate(-27deg); }\n    .con-4 { left: 50%; top: 49%; width: 29%; transform: rotate(31deg); }\n    .signal { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 15px var(--orange); animation: signal 3.8s ease-in-out infinite; }\n    .sig-1 { left: 32%; top: 34%; }\n    .sig-2 { right: 31%; top: 34%; animation-delay: -1.25s; }\n    .sig-3 { left: 34%; bottom: 31%; animation-delay: -2.4s; }\n    .blueprint-caption { position: absolute; left: 17px; bottom: 12px; color: #57786d; font: 600 .58rem\/1 \"Manrope\", sans-serif; letter-spacing: .08em; text-transform: uppercase; }\n    .arch-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 10px; }\n    .arch-metric { padding: 14px; border: 1px solid rgba(153,211,192,.11); border-radius: 7px; background: rgba(4,17,13,.62); }\n    .arch-metric small { display: block; color: #628076; font: 600 .56rem\/1 \"Manrope\", sans-serif; letter-spacing: .08em; text-transform: uppercase; }\n    .arch-metric strong { display: block; margin-top: 8px; color: #eefaf6; font: 700 .93rem\/1 \"Manrope\", sans-serif; }\n\n    \/* Ticker & stats *\/\n    .ticker { overflow: hidden; color: #a9bfb7; background: #081a15; border-block: 1px solid rgba(255,255,255,.06); }\n    .ticker-track { display: flex; width: max-content; animation: ticker 31s linear infinite; }\n    .ticker-set { display: flex; flex-shrink: 0; }\n    .ticker-item { display: flex; align-items: center; gap: 18px; padding: 20px 28px; font: 600 .68rem\/1 \"Manrope\", sans-serif; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }\n    .ticker-item::after { content: \"+\"; color: var(--green); font-size: 1rem; }\n    .stats { color: #fff; background: var(--ink-2); }\n    .stats-grid { display: grid; grid-template-columns: 1.2fr repeat(3, 1fr); }\n    .stats-copy, .stat { min-height: 166px; padding: 36px 31px; border-right: 1px solid rgba(170,214,199,.13); }\n    .stats-copy { padding-left: 0; }\n    .stats-copy p { max-width: 320px; margin: 0; color: #8ca69d; font-size: .85rem; }\n    .stat strong { display: block; font: 700 clamp(2.3rem, 4vw, 3.7rem)\/1 \"Manrope\", sans-serif; letter-spacing: -.06em; }\n    .stat span { display: block; margin-top: 11px; color: #789288; font: 600 .65rem\/1.45 \"Manrope\", sans-serif; letter-spacing: .08em; text-transform: uppercase; }\n\n    \/* Solutions *\/\n    .solutions { display: grid; grid-template-columns: .8fr 1.2fr; min-height: 650px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: var(--shadow); }\n    .solution-nav { padding: 24px; background: var(--ink-2); }\n    .solution-button { position: relative; display: grid; grid-template-columns: 35px 1fr auto; align-items: center; width: 100%; min-height: 76px; padding: 14px; color: #829b92; border: 0; border-bottom: 1px solid rgba(255,255,255,.07); background: transparent; cursor: pointer; text-align: left; transition: color .2s ease, background .2s ease; }\n    .solution-button::before { content: \"\"; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--green); transform: scaleY(0); transition: transform .2s ease; }\n    .solution-button:hover { color: #fff; background: rgba(255,255,255,.03); }\n    .solution-button.active { color: #fff; background: rgba(55,215,165,.08); }\n    .solution-button.active::before { transform: scaleY(1); }\n    .solution-num { color: var(--green); font: 700 .64rem\/1 \"Manrope\", sans-serif; }\n    .solution-name { font: 600 .81rem\/1.2 \"Manrope\", sans-serif; }\n    .solution-arrow { color: #4e6e63; }\n    .solution-stage { position: relative; min-height: 650px; }\n    .solution-panel { position: absolute; inset: 0; display: grid; grid-template-rows: .98fr 1.02fr; opacity: 0; visibility: hidden; transform: translateX(16px); transition: opacity .35s ease, visibility .35s ease, transform .35s ease; }\n    .solution-panel.active { position: relative; opacity: 1; visibility: visible; transform: none; }\n    .solution-media { position: relative; overflow: hidden; min-height: 325px; background: var(--ink-3); }\n    .solution-media::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(6,17,15,.46)); }\n    .solution-media img { height: 100%; object-fit: cover; }\n    .solution-content { display: grid; grid-template-columns: 1fr .8fr; align-items: start; gap: 40px; padding: 42px 48px; }\n    .solution-code { color: var(--green-deep); font: 700 .65rem\/1 \"Manrope\", sans-serif; letter-spacing: .12em; text-transform: uppercase; }\n    .solution-content h3 { margin: 13px 0 0; font: 700 clamp(1.8rem, 3.2vw, 3rem)\/1.06 \"Manrope\", sans-serif; letter-spacing: -.045em; }\n    .solution-content p { margin: 0; color: var(--slate); font-size: .91rem; }\n    .solution-list { display: grid; gap: 9px; margin: 20px 0 0; padding: 0; list-style: none; }\n    .solution-list li { display: flex; gap: 9px; align-items: center; font-size: .81rem; }\n    .solution-list li::before { content: \"\"; width: 6px; height: 6px; border: 2px solid var(--green-deep); border-radius: 50%; }\n\n    \/* About *\/\n    .about-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 90px; }\n    .about-media { position: relative; min-height: 650px; }\n    .about-image { position: absolute; inset: 0 62px 86px 0; overflow: hidden; border-radius: 10px; box-shadow: var(--shadow); }\n    .about-image img { height: 100%; object-fit: cover; }\n    .about-image::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 54%, rgba(6,17,15,.36)); }\n    .about-badge { position: absolute; right: 0; bottom: 0; width: 245px; padding: 29px; color: var(--ink); border-radius: 9px; background: var(--green); box-shadow: 0 22px 48px rgba(55,215,165,.24); }\n    .about-badge strong { display: block; font: 800 3.3rem\/.95 \"Manrope\", sans-serif; letter-spacing: -.07em; }\n    .about-badge span { display: block; margin-top: 8px; font: 700 .7rem\/1.45 \"Manrope\", sans-serif; letter-spacing: .08em; text-transform: uppercase; }\n    .about-copy .title { font-size: clamp(2.3rem, 4.1vw, 4.15rem); }\n    .about-copy > p:not(.label) { color: var(--slate); }\n    .principles { display: grid; margin: 31px 0 36px; border-top: 1px solid var(--line); }\n    .principle { display: grid; grid-template-columns: 42px 1fr; gap: 15px; padding: 19px 0; border-bottom: 1px solid var(--line); }\n    .principle i { color: var(--green-deep); font: 700 .75rem\/1.65 \"Manrope\", sans-serif; font-style: normal; }\n    .principle strong { display: block; font: 700 .91rem\/1.3 \"Manrope\", sans-serif; }\n    .principle span { display: block; margin-top: 4px; color: var(--slate); font-size: .84rem; }\n\n    \/* Process *\/\n    .process-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(170,214,199,.18); }\n    .process-step { position: relative; padding: 36px 29px 0 0; }\n    .process-step::before { content: \"\"; position: absolute; top: -5px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 6px rgba(55,215,165,.09); }\n    .process-step:not(:last-child)::after { content: \"\"; position: absolute; top: -1px; left: 12px; right: 8px; height: 1px; background: linear-gradient(90deg, var(--green), rgba(170,214,199,.18)); }\n    .process-num { color: var(--green); font: 700 .65rem\/1 \"Manrope\", sans-serif; letter-spacing: .12em; }\n    .process-step h3 { margin: 17px 0 0; font: 700 1.14rem\/1.2 \"Manrope\", sans-serif; }\n    .process-step p { margin: 11px 0 0; color: #87a097; font-size: .86rem; }\n\n    \/* Projects *\/\n    .project-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 220px; gap: 14px; }\n    .project { position: relative; overflow: hidden; min-width: 0; padding: 0; border: 0; border-radius: 9px; background: var(--ink-3); cursor: zoom-in; text-align: left; }\n    .project:nth-child(1) { grid-column: span 7; grid-row: span 2; }\n    .project:nth-child(2), .project:nth-child(3) { grid-column: span 5; }\n    .project:nth-child(4), .project:nth-child(5), .project:nth-child(6) { grid-column: span 4; }\n    .project img { height: 100%; object-fit: cover; transition: transform .55s ease, filter .4s ease; }\n    .project::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(4,14,11,.88)); }\n    .project:hover img { transform: scale(1.045); filter: saturate(1.12); }\n    .project-info { position: absolute; inset: auto 0 0; z-index: 2; padding: 24px; color: #fff; }\n    .project-info small { color: var(--mint); font: 600 .61rem\/1 \"Manrope\", sans-serif; letter-spacing: .11em; text-transform: uppercase; }\n    .project-info strong { display: block; margin-top: 8px; font: 700 clamp(1rem, 2vw, 1.45rem)\/1.15 \"Manrope\", sans-serif; }\n    .client-band { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 39px; }\n    .client-band span { padding: 9px 13px; color: #536760; border: 1px solid var(--line); border-radius: 5px; background: #fff; font: 600 .66rem\/1 \"Manrope\", sans-serif; letter-spacing: .04em; }\n\n    \/* Lightbox *\/\n    .lightbox { position: fixed; inset: 0; z-index: 500; display: grid; place-items: center; padding: 35px; color: #fff; background: rgba(2,9,7,.94); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; }\n    .lightbox.open { opacity: 1; visibility: visible; }\n    .lightbox-figure { width: min(1040px, 100%); margin: 0; }\n    .lightbox img { max-height: 76vh; object-fit: contain; border-radius: 8px; background: #071512; }\n    .lightbox figcaption { margin-top: 14px; color: #c7d9d2; text-align: center; }\n    .lightbox-close { position: absolute; top: 22px; right: 24px; width: 48px; height: 48px; color: #fff; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(255,255,255,.05); cursor: pointer; font-size: 1.35rem; }\n\n    \/* Contact *\/\n    .contact-shell { position: relative; overflow: hidden; border: 1px solid rgba(170,214,199,.15); border-radius: 14px; background: var(--ink-2); }\n    .contact-shell::before { content: \"\"; position: absolute; right: -170px; top: -190px; width: 500px; height: 500px; border: 1px solid rgba(55,215,165,.11); border-radius: 50%; box-shadow: 0 0 0 85px rgba(55,215,165,.02), 0 0 0 170px rgba(55,215,165,.015); }\n    .contact-grid { position: relative; display: grid; grid-template-columns: .82fr 1.18fr; }\n    .contact-copy { padding: 62px; border-right: 1px solid rgba(170,214,199,.13); }\n    .contact-copy h2 { margin: 0; font: 700 clamp(2.3rem, 4.2vw, 4.25rem)\/1 \"Manrope\", sans-serif; letter-spacing: -.055em; }\n    .contact-copy > p { color: #90a89f; }\n    .contact-meta { margin-top: 36px; border-top: 1px solid rgba(170,214,199,.13); }\n    .contact-row { padding: 17px 0; border-bottom: 1px solid rgba(170,214,199,.13); }\n    .contact-row small { display: block; color: #69857b; font: 600 .61rem\/1 \"Manrope\", sans-serif; letter-spacing: .1em; text-transform: uppercase; }\n    .contact-row a, .contact-row address { display: block; margin-top: 7px; color: #effbf7; font-size: .92rem; font-style: normal; }\n    .contact-row a:hover { color: var(--green); }\n    .contact-form { padding: 62px; background: rgba(2,10,7,.28); }\n    .contact-form h3 { margin: 0 0 25px; font: 700 1.3rem\/1.2 \"Manrope\", sans-serif; }\n    .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }\n    .field { display: grid; gap: 7px; }\n    .field--full { grid-column: 1 \/ -1; }\n    .field label { color: #9db2aa; font: 600 .65rem\/1 \"Manrope\", sans-serif; letter-spacing: .07em; text-transform: uppercase; }\n    .field input, .field select, .field textarea { width: 100%; color: #fff; border: 1px solid rgba(170,214,199,.16); border-radius: 6px; background: rgba(255,255,255,.04); transition: border-color .2s ease, background .2s ease; }\n    .field input, .field select { height: 50px; padding: 0 14px; }\n    .field select { color-scheme: dark; }\n    .field textarea { min-height: 122px; padding: 13px 14px; resize: vertical; }\n    .field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: var(--green); background: rgba(55,215,165,.05); }\n    .contact-form .button { width: 100%; margin-top: 19px; border: 0; }\n    .form-note { margin: 11px 0 0; color: #607b71; font-size: .68rem; text-align: center; }\n\n    .footer { color: #708a80; background: #020906; border-top: 1px solid rgba(255,255,255,.06); }\n    .footer-main { display: grid; grid-template-columns: 1.35fr repeat(3, .7fr); gap: 50px; padding: 58px 0 45px; }\n    .footer-logo .logo-name { font-size: 1.12rem; }\n    .footer-brand p { max-width: 330px; margin: 18px 0 0; font-size: .79rem; }\n    .footer-col h3 { margin: 0 0 17px; color: #d7e8e2; font: 700 .69rem\/1 \"Manrope\", sans-serif; letter-spacing: .1em; text-transform: uppercase; }\n    .footer-col a { display: block; width: max-content; margin: 9px 0; font-size: .77rem; }\n    .footer-col a:hover { color: #fff; }\n    .footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 21px 0; border-top: 1px solid rgba(255,255,255,.06); font-size: .69rem; }\n    .back-top { color: #a6bab3; font-weight: 600; }\n\n    [data-reveal] { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; }\n    [data-reveal].visible { opacity: 1; transform: none; }\n    @keyframes breathe { 50% { opacity: .55; box-shadow: 0 0 0 8px rgba(55,215,165,.035); } }\n    @keyframes hubPulse { 50% { transform: scale(1.1); opacity: .4; } }\n    @keyframes signal { 0%,100% { transform: translate(0,0); opacity: .3; } 50% { transform: translate(68px,23px); opacity: 1; } }\n    @keyframes ticker { to { transform: translateX(-50%); } }\n\n    @media (max-width: 1040px) {\n      .hero { min-height: auto; }\n      .hero-inner { grid-template-columns: 1fr; min-height: auto; gap: 58px; padding-top: 182px; }\n      .architecture { max-width: 730px; transform: none; }\n      .stats-grid { grid-template-columns: repeat(3, 1fr); }\n      .stats-copy { grid-column: 1 \/ -1; min-height: auto; padding: 27px 0; border-bottom: 1px solid rgba(170,214,199,.13); }\n      .solutions { grid-template-columns: 290px 1fr; }\n      .solution-content { grid-template-columns: 1fr; gap: 15px; }\n      .about-grid { gap: 55px; }\n      .contact-copy, .contact-form { padding: 45px; }\n    }\n\n    @media (max-width: 860px) {\n      .utility-links { display: none; }\n      .menu { display: block; z-index: 2; }\n      .nav { position: fixed; inset: 0; display: grid; place-content: center; gap: 6px; padding: 100px 28px 40px; background: rgba(2,9,6,.985); opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity .22s ease, visibility .22s ease, transform .22s ease; }\n      .nav.open { opacity: 1; visibility: visible; transform: none; }\n      .nav > a:not(.nav-cta) { padding: 14px 24px; font-size: .95rem; text-align: center; }\n      .nav > a:not(.nav-cta)::after { display: none; }\n      .nav-cta { margin: 12px 0 0; padding: 16px 24px; text-align: center; }\n      .section { padding: 88px 0; }\n      .section-head { grid-template-columns: 1fr; gap: 24px; }\n      .stats-copy, .stat { padding: 30px 20px; }\n      .solutions { display: block; }\n      .solution-nav { display: flex; overflow-x: auto; padding: 12px; }\n      .solution-button { flex: 0 0 205px; min-height: 62px; border-right: 1px solid rgba(255,255,255,.07); border-bottom: 0; }\n      .solution-stage, .solution-panel { min-height: auto; }\n      .solution-content { padding: 36px 30px; }\n      .about-grid { grid-template-columns: 1fr; }\n      .about-media { min-height: 540px; }\n      .process-grid { grid-template-columns: repeat(2, 1fr); gap: 44px 20px; }\n      .project-grid { grid-auto-rows: 190px; }\n      .contact-grid { grid-template-columns: 1fr; }\n      .contact-copy { border-right: 0; border-bottom: 1px solid rgba(170,214,199,.13); }\n      .footer-main { grid-template-columns: 1.4fr 1fr 1fr; }\n      .footer-brand { grid-column: 1 \/ -1; }\n    }\n\n    @media (max-width: 620px) {\n      .container { width: min(calc(100% - 30px), var(--max)); }\n      .utility-inner { justify-content: center; }\n      .brand-copy, .brand-separator { display: none; }\n      .brand-logo { gap: 8px; }\n      .logo-symbol { width: 36px; height: 36px; flex-basis: 36px; }\n      .logo-symbol::before { left: 8px; top: 8px; box-shadow: 14px 0 0 var(--ink), 0 14px 0 var(--ink), 14px 14px 0 var(--ink); }\n      .logo-symbol::after { left: 11px; top: 11px; width: 12px; height: 12px; }\n      .logo-name { font-size: .94rem; }\n      .hero-inner { padding-top: 158px; padding-bottom: 62px; }\n      .hero h1 { font-size: clamp(3rem, 15vw, 4.7rem); }\n      .hero-actions { display: grid; grid-template-columns: 1fr; }\n      .hero-proof { align-items: flex-start; }\n      .proof-line { display: none; }\n      .architecture { padding: 10px; }\n      .blueprint { min-height: 360px; }\n      .system { width: 105px; padding: 10px; }\n      .sys-data, .sys-voice { left: 4%; }\n      .sys-wifi, .sys-security { right: 4%; }\n      .arch-metrics { grid-template-columns: 1fr; }\n      .arch-metric { display: flex; align-items: center; justify-content: space-between; }\n      .arch-metric strong { margin: 0; }\n      .stats-grid { grid-template-columns: 1fr; }\n      .stat { min-height: auto; border-right: 0; border-bottom: 1px solid rgba(170,214,199,.13); }\n      .solution-nav { display: grid; overflow: visible; }\n      .solution-button { min-width: 0; min-height: 56px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); }\n      .solution-media { min-height: 260px; }\n      .solution-content { padding: 30px 22px; }\n      .about-media { min-height: 450px; }\n      .about-image { inset: 0 28px 65px 0; }\n      .about-badge { width: 210px; padding: 23px; }\n      .about-badge strong { font-size: 2.75rem; }\n      .process-grid { grid-template-columns: 1fr; border-top: 0; }\n      .process-step { padding: 0 0 0 35px; }\n      .process-step::before { top: 6px; }\n      .process-step:not(:last-child)::after { top: 14px; bottom: -41px; left: 4px; width: 1px; height: auto; background: linear-gradient(var(--green), rgba(170,214,199,.18)); }\n      .project-grid { grid-template-columns: 1fr; grid-auto-rows: 275px; }\n      .project:nth-child(n) { grid-column: auto; grid-row: auto; }\n      .lightbox { padding: 18px; }\n      .contact-copy, .contact-form { padding: 33px 22px; }\n      .form-grid { grid-template-columns: 1fr; }\n      .field--full { grid-column: auto; }\n      .footer-main { grid-template-columns: 1fr 1fr; gap: 35px; }\n      .footer-brand { grid-column: 1 \/ -1; }\n      .footer-bottom { align-items: flex-start; flex-direction: column; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      html { scroll-behavior: auto; }\n      *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }\n      [data-reveal] { opacity: 1; transform: none; }\n      .hero-orb { display: none; }\n    }\n\n    \/* Modern business refinement *\/\n    .section { padding: 106px 0; }\n    .title { max-width: 760px; font-size: clamp(2.2rem, 4.15vw, 4.25rem); letter-spacing: -.045em; }\n    .section-head { gap: clamp(32px, 5vw, 72px); }\n    .button { min-height: 56px; border-radius: 9px; letter-spacing: .065em; }\n    .hero h1 { max-width: 760px; font-size: clamp(3.2rem, 5.8vw, 6rem); letter-spacing: -.06em; }\n    .hero-copy { max-width: 700px; font-size: clamp(1.03rem, 1.35vw, 1.16rem); }\n    .hero-proof strong { color: #fff; }\n    .architecture, .contact-shell { border-radius: 18px; }\n    .solution-stage, .about-image { border-radius: 16px; overflow: hidden; }\n    .contact-form h3 { letter-spacing: -.025em; }\n    @media (max-width: 860px) { .section { padding: 82px 0; } }\n    @media (max-width: 620px) {\n      .section { padding: 72px 0; }\n      .hero h1 { font-size: clamp(2.85rem, 13.5vw, 4.25rem); }\n      .hero-copy { margin-top: 22px; }\n    }\n\n    \/* Business delivery framework *\/\n    .delivery-board { transform: perspective(1300px) rotateY(-2deg) rotateX(.5deg); }\n    .delivery-body { position: relative; min-height: 392px; overflow: hidden; border: 1px solid rgba(150,205,188,.14); border-radius: 11px; background: linear-gradient(145deg, rgba(10,38,30,.98), rgba(5,22,17,.98)); }\n    .delivery-body::before { content: \"\"; position: absolute; inset: 0; opacity: .3; background-image: linear-gradient(rgba(137,194,176,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(137,194,176,.09) 1px, transparent 1px); background-size: 40px 40px; }\n    .outcome-card { position: relative; z-index: 1; padding: 24px 24px 21px; border-bottom: 1px solid rgba(155,241,214,.13); background: linear-gradient(100deg, rgba(55,215,165,.13), rgba(55,215,165,.025)); }\n    .outcome-card span { color: var(--mint); font: 700 .56rem\/1 \"Manrope\", sans-serif; letter-spacing: .12em; text-transform: uppercase; }\n    .outcome-card strong { display: block; margin-top: 8px; color: #fff; font: 700 clamp(1.2rem, 2vw, 1.55rem)\/1.16 \"Manrope\", sans-serif; letter-spacing: -.035em; }\n    .outcome-card p { max-width: 470px; margin: 8px 0 0; color: #91aaa1; font-size: .72rem; line-height: 1.5; }\n    .delivery-steps { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 0; padding: 14px; list-style: none; }\n    .delivery-step { display: grid; grid-template-columns: 32px 1fr; gap: 11px; min-height: 106px; padding: 15px; border: 1px solid rgba(155,241,214,.12); border-radius: 9px; background: rgba(5,22,17,.72); transition: transform .2s ease, border-color .2s ease, background .2s ease; }\n    .delivery-step:hover { transform: translateY(-2px); border-color: rgba(55,215,165,.34); background: rgba(12,43,34,.9); }\n    .delivery-step i { display: grid; place-items: center; align-self: start; width: 30px; height: 30px; color: var(--ink); border-radius: 8px; background: var(--green); font: 800 .58rem\/1 \"Manrope\", sans-serif; font-style: normal; }\n    .delivery-step div { min-width: 0; }\n    .delivery-step small { display: block; color: #6f9588; font: 700 .52rem\/1 \"Manrope\", sans-serif; letter-spacing: .1em; text-transform: uppercase; }\n    .delivery-step strong { display: block; margin-top: 6px; color: #f4fcf9; font: 700 .78rem\/1.15 \"Manrope\", sans-serif; }\n    .delivery-step p { margin: 7px 0 0; color: #79958b; font-size: .62rem; line-height: 1.4; }\n    @media (max-width: 620px) {\n      .delivery-board { transform: none; }\n      .delivery-body { min-height: auto; }\n      .outcome-card { padding: 22px 19px 18px; }\n      .delivery-steps { grid-template-columns: 1fr; padding: 11px; }\n      .delivery-step { min-height: auto; }\n    }\n  \n\/* form-contrast-fix *\/\n.contact-form input,\n.contact-form textarea,\n.contact-form select {\n  color: #f7fffc !important;\n  -webkit-text-fill-color: #f7fffc !important;\n  caret-color: #39ddb2;\n  color-scheme: dark;\n}\n.contact-form select option {\n  color: #10231d !important;\n  background: #ffffff !important;\n  -webkit-text-fill-color: #10231d !important;\n}\n.contact-form input:-webkit-autofill,\n.contact-form input:-webkit-autofill:hover,\n.contact-form input:-webkit-autofill:focus {\n  -webkit-text-fill-color: #f7fffc !important;\n  -webkit-box-shadow: 0 0 0 1000px #133229 inset !important;\n  box-shadow: 0 0 0 1000px #133229 inset !important;\n  caret-color: #f7fffc;\n}\n\n\/* direct-contact-delivery *\/\n.form-status {\n  min-height: 1.5em;\n  margin: 14px 0 0;\n  font-size: .86rem;\n  line-height: 1.5;\n  text-align: center;\n  color: rgba(255,255,255,.72);\n}\n.form-status--success { color: #62efc8; }\n.form-status--error { color: #ffad93; }\n.form-honeypot {\n  position: absolute !important;\n  left: -10000px !important;\n  width: 1px !important;\n  height: 1px !important;\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n.contact-form button:disabled { opacity: .65; cursor: wait; }\n\n<\/style>\n<\/head>\n<body>\n  <a class=\"skip\" href=\"#main\">Skip to content<\/a>\n  <div class=\"progress\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"utility\">\n    <div class=\"container utility-inner\">\n      <span class=\"availability\"><i class=\"live-dot\" aria-hidden=\"true\"><\/i>Business technology consulting \u00b7 New York<\/span>\n      <div class=\"utility-links\"><a href=\"mailto:service@itrealizer.com\">service@itrealizer.com<\/a><a href=\"tel:+17185142888\">+1 718 514 2888<\/a><\/div>\n    <\/div>\n  <\/div>\n\n  <header class=\"header\">\n    <div class=\"container nav-wrap\">\n      <a class=\"brand\" href=\"#home\" aria-label=\"IT Realizer home\">\n        <span class=\"brand-logo\" aria-hidden=\"true\"><i class=\"logo-symbol\"><\/i><span class=\"logo-name\"><b>IT<\/b><strong>REALIZER<\/strong><\/span><\/span>\n        <i class=\"brand-separator\" aria-hidden=\"true\"><\/i>\n        <span class=\"brand-copy\"><strong>Business Technology<\/strong><span>Design \u00b7 Deployment \u00b7 Support<\/span><\/span>\n      <\/a>\n      <button class=\"menu\" type=\"button\" aria-expanded=\"false\" aria-controls=\"main-nav\" aria-label=\"Open navigation\"><span><\/span><\/button>\n      <nav class=\"nav\" id=\"main-nav\" aria-label=\"Primary navigation\">\n        <a href=\"#home\">Overview<\/a><a href=\"#solutions\">Services<\/a><a href=\"#about\">About<\/a><a href=\"#projects\">Projects<\/a><a href=\"#contact\">Contact<\/a>\n        <a class=\"nav-cta\" href=\"tel:+17185142888\">Request a consultation<\/a>\n      <\/nav>\n    <\/div>\n  <\/header>\n\n  <main id=\"main\">\n    <section class=\"hero\" id=\"home\" aria-labelledby=\"hero-title\">\n      <div class=\"hero-orb\" aria-hidden=\"true\"><\/div>\n      <div class=\"container hero-inner\">\n        <div data-reveal>\n          <div class=\"hero-tag\"><b>\u25cf<\/b> Business technology consulting &amp; integration<\/div>\n          <h1 id=\"hero-title\">Business technology. <span>Designed. Deployed. Supported.<\/span><\/h1>\n          <p class=\"hero-copy\">IT Realizer designs, installs, and supports the critical systems behind modern workplaces\u2014networks, structured cabling, Wi-Fi, voice, surveillance, audiovisual, and servers.<\/p>\n          <div class=\"hero-actions\">\n            <a class=\"button button--primary\" href=\"#contact\">Request a consultation <span class=\"arrow\">\u2192<\/span><\/a>\n            <a class=\"button button--outline\" href=\"#solutions\">View services<\/a>\n          <\/div>\n          <div class=\"hero-proof\"><strong>Serving New York since 2008<\/strong><span class=\"proof-line\"><\/span><span>35+ years of combined experience \u00b7 One accountable technology partner<\/span><\/div>\n        <\/div>\n\n        <div class=\"architecture delivery-board\" data-reveal aria-label=\"IT Realizer technology delivery framework\">\n          <div class=\"arch-top\"><span class=\"arch-title\"><i class=\"live-dot\" aria-hidden=\"true\"><\/i>Technology delivery framework<\/span><span class=\"arch-state\">Strategy to support<\/span><\/div>\n          <div class=\"delivery-body\">\n            <div class=\"outcome-card\">\n              <span>Business outcome<\/span>\n              <strong>Reliable. Secure. Ready to scale.<\/strong>\n              <p>One coordinated technology environment aligned with how your organization operates.<\/p>\n            <\/div>\n            <ol class=\"delivery-steps\">\n              <li class=\"delivery-step\"><i>01<\/i><div><small>Discover<\/small><strong>Assess &amp; align<\/strong><p>Requirements, risks, locations, timing, and growth.<\/p><\/div><\/li>\n              <li class=\"delivery-step\"><i>02<\/i><div><small>Design<\/small><strong>Plan the solution<\/strong><p>Architecture, pathways, equipment, coverage, and scope.<\/p><\/div><\/li>\n              <li class=\"delivery-step\"><i>03<\/i><div><small>Deploy<\/small><strong>Build &amp; verify<\/strong><p>Install, configure, test, label, and document.<\/p><\/div><\/li>\n              <li class=\"delivery-step\"><i>04<\/i><div><small>Support<\/small><strong>Maintain &amp; evolve<\/strong><p>Resolve issues and scale with the business.<\/p><\/div><\/li>\n            <\/ol>\n          <\/div>\n          <div class=\"arch-metrics\">\n            <div class=\"arch-metric\"><small>Accountability<\/small><strong>One team<\/strong><\/div>\n            <div class=\"arch-metric\"><small>Delivery<\/small><strong>End to end<\/strong><\/div>\n            <div class=\"arch-metric\"><small>Relationship<\/small><strong>Long term<\/strong><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <div class=\"ticker\" aria-label=\"IT Realizer capabilities\">\n      <div class=\"ticker-track\">\n        <div class=\"ticker-set\"><span class=\"ticker-item\">Network design<\/span><span class=\"ticker-item\">CAT5 &amp; CAT6<\/span><span class=\"ticker-item\">Fiber optics<\/span><span class=\"ticker-item\">Wi-Fi heatmaps<\/span><span class=\"ticker-item\">VoIP systems<\/span><span class=\"ticker-item\">Video surveillance<\/span><span class=\"ticker-item\">Audio &amp; video<\/span><span class=\"ticker-item\">Application servers<\/span><\/div>\n        <div class=\"ticker-set\" aria-hidden=\"true\"><span class=\"ticker-item\">Network design<\/span><span class=\"ticker-item\">CAT5 &amp; CAT6<\/span><span class=\"ticker-item\">Fiber optics<\/span><span class=\"ticker-item\">Wi-Fi heatmaps<\/span><span class=\"ticker-item\">VoIP systems<\/span><span class=\"ticker-item\">Video surveillance<\/span><span class=\"ticker-item\">Audio &amp; video<\/span><span class=\"ticker-item\">Application servers<\/span><\/div>\n      <\/div>\n    <\/div>\n\n    <section class=\"stats\" aria-label=\"IT Realizer facts\">\n      <div class=\"container stats-grid\">\n        <div class=\"stats-copy\"><p>Business-focused design, disciplined implementation, and dependable support from one experienced team.<\/p><\/div>\n        <div class=\"stat\"><strong><span data-count=\"35\">35<\/span>+<\/strong><span>Years of combined experience<\/span><\/div>\n        <div class=\"stat\"><strong><span data-count=\"2008\">2008<\/span><\/strong><span>Company founded<\/span><\/div>\n        <div class=\"stat\"><strong><span data-count=\"7\">7<\/span><\/strong><span>Integrated technology disciplines<\/span><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section section--fog\" id=\"solutions\" aria-labelledby=\"services-title\">\n      <div class=\"container\">\n        <div class=\"section-head\" data-reveal>\n          <div><p class=\"label\">Integrated services<\/p><h2 class=\"title\" id=\"services-title\">One experienced partner. Every critical system.<\/h2><\/div>\n          <p class=\"intro\">Plan, deploy, and support your technology environment as one coordinated system\u2014from the network core to every connected endpoint.<\/p>\n        <\/div>\n\n        <div class=\"solutions\" data-reveal>\n          <div class=\"solution-nav\" role=\"tablist\" aria-label=\"IT Realizer services\">\n            <button class=\"solution-button active\" role=\"tab\" id=\"tab-design\" aria-controls=\"panel-design\" aria-selected=\"true\" data-tab=\"design\"><span class=\"solution-num\">01<\/span><span class=\"solution-name\">Network design<\/span><span class=\"solution-arrow\">\u2192<\/span><\/button>\n            <button class=\"solution-button\" role=\"tab\" id=\"tab-cabling\" aria-controls=\"panel-cabling\" aria-selected=\"false\" data-tab=\"cabling\"><span class=\"solution-num\">02<\/span><span class=\"solution-name\">Cabling &amp; wiring<\/span><span class=\"solution-arrow\">\u2192<\/span><\/button>\n            <button class=\"solution-button\" role=\"tab\" id=\"tab-wifi\" aria-controls=\"panel-wifi\" aria-selected=\"false\" data-tab=\"wifi\"><span class=\"solution-num\">03<\/span><span class=\"solution-name\">Wi-Fi networks<\/span><span class=\"solution-arrow\">\u2192<\/span><\/button>\n            <button class=\"solution-button\" role=\"tab\" id=\"tab-phone\" aria-controls=\"panel-phone\" aria-selected=\"false\" data-tab=\"phone\"><span class=\"solution-num\">04<\/span><span class=\"solution-name\">Phone systems<\/span><span class=\"solution-arrow\">\u2192<\/span><\/button>\n            <button class=\"solution-button\" role=\"tab\" id=\"tab-security\" aria-controls=\"panel-security\" aria-selected=\"false\" data-tab=\"security\"><span class=\"solution-num\">05<\/span><span class=\"solution-name\">Surveillance systems<\/span><span class=\"solution-arrow\">\u2192<\/span><\/button>\n          <\/div>\n\n          <div class=\"solution-stage\">\n            <article class=\"solution-panel active\" id=\"panel-design\" role=\"tabpanel\" aria-labelledby=\"tab-design\" data-panel=\"design\">\n              <div class=\"solution-media\"><img decoding=\"async\" src=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/20160423_013102.jpg\" alt=\"Business network design and equipment\" loading=\"lazy\"><\/div>\n              <div class=\"solution-content\"><div><span class=\"solution-code\">Strategy \/ 01<\/span><h3>Network design that supports the operation.<\/h3><\/div><div><p>Translate business requirements into an efficient, cost-conscious technology architecture built for current needs and future change.<\/p><ul class=\"solution-list\"><li>Infrastructure assessment<\/li><li>Network topology and pathways<\/li><li>Equipment and service planning<\/li><\/ul><\/div><\/div>\n            <\/article>\n            <article class=\"solution-panel\" id=\"panel-cabling\" role=\"tabpanel\" aria-labelledby=\"tab-cabling\" data-panel=\"cabling\" hidden>\n              <div class=\"solution-media\"><img decoding=\"async\" src=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/20171122_150522-1.jpg\" alt=\"Structured copper and fiber cabling\" loading=\"lazy\"><\/div>\n              <div class=\"solution-content\"><div><span class=\"solution-code\">Infrastructure \/ 02<\/span><h3>Commercial-grade cabling and wiring.<\/h3><\/div><div><p>Install, terminate, test, and organize UTP, STP, CAT5, CAT6, and multimode or single-mode fiber throughout the business facility.<\/p><ul class=\"solution-list\"><li>Copper and fiber installation<\/li><li>Testing and termination<\/li><li>Racks, cabinets, and pathways<\/li><\/ul><\/div><\/div>\n            <\/article>\n            <article class=\"solution-panel\" id=\"panel-wifi\" role=\"tabpanel\" aria-labelledby=\"tab-wifi\" data-panel=\"wifi\" hidden>\n              <div class=\"solution-media\"><img decoding=\"async\" src=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/IMAG1080.jpg\" alt=\"Wireless network equipment installation\" loading=\"lazy\"><\/div>\n              <div class=\"solution-content\"><div><span class=\"solution-code\">Wireless \/ 03<\/span><h3>Wi-Fi coverage planned before deployment.<\/h3><\/div><div><p>Create wireless heatmaps, design access-point placement, and install the network foundation for consistent business connectivity.<\/p><ul class=\"solution-list\"><li>Wireless heatmap creation<\/li><li>Access point design<\/li><li>Installation and configuration<\/li><\/ul><\/div><\/div>\n            <\/article>\n            <article class=\"solution-panel\" id=\"panel-phone\" role=\"tabpanel\" aria-labelledby=\"tab-phone\" data-panel=\"phone\" hidden>\n              <div class=\"solution-media\"><img decoding=\"async\" src=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/C360_2011-04-27-21-53-00_org.jpg\" alt=\"Business phone and communication equipment\" loading=\"lazy\"><\/div>\n              <div class=\"solution-content\"><div><span class=\"solution-code\">Communications \/ 04<\/span><h3>Phone systems for the office or the cloud.<\/h3><\/div><div><p>Deploy traditional and VoIP communication solutions with on-site, cloud-based, or blended architectures.<\/p><ul class=\"solution-list\"><li>Traditional phone systems<\/li><li>VoIP and cloud voice<\/li><li>Office and multi-site solutions<\/li><\/ul><\/div><\/div>\n            <\/article>\n            <article class=\"solution-panel\" id=\"panel-security\" role=\"tabpanel\" aria-labelledby=\"tab-security\" data-panel=\"security\" hidden>\n              <div class=\"solution-media\"><img decoding=\"async\" src=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/20170320_095453.jpg\" alt=\"Business surveillance camera system\" loading=\"lazy\"><\/div>\n              <div class=\"solution-content\"><div><span class=\"solution-code\">Security \/ 05<\/span><h3>High-definition surveillance across the facility.<\/h3><\/div><div><p>Design and install Ultra HD IP, TVI, and CVI camera systems supported by a reliable network and organized cabling.<\/p><ul class=\"solution-list\"><li>IP network cameras<\/li><li>TVI and CVI systems<\/li><li>Recording and connectivity<\/li><\/ul><\/div><\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section\" id=\"about\" aria-labelledby=\"about-title\">\n      <div class=\"container about-grid\">\n        <div class=\"about-media\" data-reveal>\n          <div class=\"about-image\"><img decoding=\"async\" src=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/20161014_113035.jpg\" alt=\"IT Realizer network infrastructure work\" loading=\"lazy\"><\/div>\n          <div class=\"about-badge\"><strong>35+<\/strong><span>Years of combined telecommunications experience<\/span><\/div>\n        <\/div>\n        <div class=\"about-copy\" data-reveal>\n          <p class=\"label\">About IT Realizer<\/p>\n          <h2 class=\"title\" id=\"about-title\">Engineering expertise. Business accountability.<\/h2>\n          <p>Founded in 2008 by telecommunications engineers, IT Realizer helps organizations plan and deliver reliable technology infrastructure. Every engagement combines practical design, careful execution, clear communication, and long-term support.<\/p>\n          <div class=\"principles\">\n            <div class=\"principle\"><i>01<\/i><div><strong>Designed around operations<\/strong><span>Every recommendation starts with business requirements, budget, risk, and long-term value.<\/span><\/div><\/div>\n            <div class=\"principle\"><i>02<\/i><div><strong>One accountable partner<\/strong><span>One experienced team coordinates design, materials, installation, testing, and support.<\/span><\/div><\/div>\n            <div class=\"principle\"><i>03<\/i><div><strong>Built, tested, documented<\/strong><span>Infrastructure is installed carefully, verified thoroughly, and handed over clearly.<\/span><\/div><\/div>\n          <\/div>\n          <a class=\"button button--primary\" href=\"#contact\">Plan a consultation<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section section--dark\" aria-labelledby=\"process-title\">\n      <div class=\"container\">\n        <div class=\"section-head\" data-reveal><div><p class=\"label\">How projects move<\/p><h2 class=\"title\" id=\"process-title\">From requirement to reality.<\/h2><\/div><p class=\"intro\">A clear delivery path aligns network design, field work, equipment, and ongoing service around the business objective.<\/p><\/div>\n        <div class=\"process-grid\">\n          <article class=\"process-step\" data-reveal><span class=\"process-num\">PHASE 01<\/span><h3>Discover<\/h3><p>Review business needs, locations, systems, constraints, project timing, and future growth.<\/p><\/article>\n          <article class=\"process-step\" data-reveal><span class=\"process-num\">PHASE 02<\/span><h3>Design<\/h3><p>Define architecture, pathways, materials, equipment interfaces, coverage, and scope.<\/p><\/article>\n          <article class=\"process-step\" data-reveal><span class=\"process-num\">PHASE 03<\/span><h3>Deploy<\/h3><p>Install, terminate, configure, test, label, and coordinate the complete working environment.<\/p><\/article>\n          <article class=\"process-step\" data-reveal><span class=\"process-num\">PHASE 04<\/span><h3>Support<\/h3><p>Maintain the environment, resolve issues, and help the infrastructure evolve with the organization.<\/p><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section section--fog\" id=\"projects\" aria-labelledby=\"projects-title\">\n      <div class=\"container\">\n        <div class=\"section-head\" data-reveal><div><p class=\"label\">Selected field work<\/p><h2 class=\"title\" id=\"projects-title\">Real systems. Real environments.<\/h2><\/div><p class=\"intro\">Explore examples from IT Realizer\u2019s portfolio across structured networks, equipment spaces, communications, and surveillance projects.<\/p><\/div>\n        <div class=\"project-grid\">\n          <button class=\"project\" type=\"button\" data-reveal data-full=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/20170320_095453.jpg\" data-caption=\"Business surveillance system\"><img decoding=\"async\" src=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/20170320_095453.jpg\" alt=\"Installed business surveillance camera system\" loading=\"lazy\"><span class=\"project-info\"><small>Surveillance<\/small><strong>Business security deployment<\/strong><\/span><\/button>\n          <button class=\"project\" type=\"button\" data-reveal data-full=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/IMG_20121023_210128.jpg\" data-caption=\"Structured network infrastructure\"><img decoding=\"async\" src=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/IMG_20121023_210128.jpg\" alt=\"Structured network cabling project\" loading=\"lazy\"><span class=\"project-info\"><small>Infrastructure<\/small><strong>Structured network systems<\/strong><\/span><\/button>\n          <button class=\"project\" type=\"button\" data-reveal data-full=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/IMAG1080.jpg\" data-caption=\"Wireless network installation\"><img decoding=\"async\" src=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/IMAG1080.jpg\" alt=\"Wireless networking project\" loading=\"lazy\"><span class=\"project-info\"><small>Wireless<\/small><strong>Wi-Fi deployment<\/strong><\/span><\/button>\n          <button class=\"project\" type=\"button\" data-reveal data-full=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/C360_2011-04-27-21-53-00_org.jpg\" data-caption=\"Communications equipment installation\"><img decoding=\"async\" src=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/C360_2011-04-27-21-53-00_org.jpg\" alt=\"Communications equipment and wiring\" loading=\"lazy\"><span class=\"project-info\"><small>Communications<\/small><strong>Voice system infrastructure<\/strong><\/span><\/button>\n          <button class=\"project\" type=\"button\" data-reveal data-full=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/IMAG2716.jpg\" data-caption=\"Network equipment room\"><img decoding=\"async\" src=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/IMAG2716.jpg\" alt=\"Network equipment room project\" loading=\"lazy\"><span class=\"project-info\"><small>Network core<\/small><strong>Equipment room delivery<\/strong><\/span><\/button>\n          <button class=\"project\" type=\"button\" data-reveal data-full=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/20171122_150522.jpg\" data-caption=\"Commercial cabling and termination\"><img decoding=\"async\" src=\"https:\/\/itrealizer.com\/wp-content\/uploads\/2019\/11\/20171122_150522.jpg\" alt=\"Commercial cabling installation\" loading=\"lazy\"><span class=\"project-info\"><small>Cabling<\/small><strong>Commercial installation<\/strong><\/span><\/button>\n        <\/div>\n        <div class=\"client-band\" data-reveal aria-label=\"Clients and project environments listed by IT Realizer\"><span>AA Admirals Club<\/span><span>Louis Vuitton<\/span><span>Herm\u00e8s<\/span><span>True Religion<\/span><span>Guess<\/span><span>Burger King<\/span><span>McDonald\u2019s<\/span><span>ShopRite<\/span><span>Home Depot<\/span><span>BJ\u2019s Wholesale<\/span><span>RiteAid<\/span><span>BMW<\/span><span>Mercedes-Benz<\/span><span>Range Rover<\/span><span>Schools<\/span><span>Houses of worship<\/span><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"section section--dark\" id=\"contact\" aria-labelledby=\"contact-title\">\n      <div class=\"container contact-shell\" data-reveal>\n        <div class=\"contact-grid\">\n          <div class=\"contact-copy\">\n            <p class=\"label\">Plan your next project<\/p>\n            <h2 id=\"contact-title\">Let\u2019s build the right solution.<\/h2>\n            <p>Planning a new office, relocation, network refresh, communications upgrade, or security project? Tell us what the business needs and we\u2019ll help define the right next step.<\/p>\n            <div class=\"contact-meta\">\n              <div class=\"contact-row\"><small>Phone<\/small><a href=\"tel:+17185142888\">+1 718 514 2888<\/a><\/div>\n              <div class=\"contact-row\"><small>Email<\/small><a href=\"mailto:service@itrealizer.com\">service@itrealizer.com<\/a><\/div>\n              <div class=\"contact-row\"><small>Location<\/small><address>Brooklyn, NY 11204 \u00b7 New York, USA<\/address><\/div>\n              <div class=\"contact-row\"><small>Fax<\/small><a href=\"tel:+19144650202\">+1 914 465 0202<\/a><\/div>\n            <\/div>\n          <\/div>\n          <form class=\"contact-form\" id=\"contact-form\">\n            <h3>Request a consultation<\/h3>\n            <div class=\"form-grid\">\n              <div class=\"field\"><label for=\"name\">Name<\/label><input id=\"name\" name=\"name\" autocomplete=\"name\" required><\/div>\n              <div class=\"field\"><label for=\"company\">Company<\/label><input id=\"company\" name=\"company\" autocomplete=\"organization\"><\/div>\n              <div class=\"field\"><label for=\"email\">Business email<\/label><input id=\"email\" name=\"email\" type=\"email\" autocomplete=\"email\" required><\/div>\n              <div class=\"field\"><label for=\"phone\">Phone<\/label><input id=\"phone\" name=\"phone\" type=\"tel\" autocomplete=\"tel\"><\/div>\n              <div class=\"field field--full\"><label for=\"service\">Primary need<\/label><select id=\"service\" name=\"service\"><option>Network design<\/option><option>Cabling and wiring<\/option><option>Wi-Fi network<\/option><option>Phone system<\/option><option>Surveillance system<\/option><option>Audio, video, or server services<\/option><option>Office relocation or multiple services<\/option><\/select><\/div>\n              <div class=\"field field--full\"><label for=\"message\">Project overview<\/label><textarea id=\"message\" name=\"message\" required><\/textarea><\/div>\n            <\/div>\n            <button class=\"button button--primary\" type=\"submit\">Start your project <span class=\"arrow\">\u2192<\/span><\/button>\n            <p class=\"form-note\">Your request will be sent securely to our service team.<\/p>\n          <\/form>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"footer\">\n    <div class=\"container footer-main\">\n      <div class=\"footer-brand\"><span class=\"footer-logo\" aria-label=\"IT Realizer\"><i class=\"logo-symbol\" aria-hidden=\"true\"><\/i><span class=\"logo-name\"><b>IT<\/b><strong>REALIZER<\/strong><\/span><\/span><p>Business technology infrastructure\u2014from strategy and design through deployment and support.<\/p><\/div>\n      <div class=\"footer-col\"><h3>Services<\/h3><a href=\"#solutions\">Network design<\/a><a href=\"#solutions\">Cabling &amp; wiring<\/a><a href=\"#solutions\">Wi-Fi networks<\/a><a href=\"#solutions\">Voice &amp; security<\/a><\/div>\n      <div class=\"footer-col\"><h3>Company<\/h3><a href=\"#about\">About<\/a><a href=\"#projects\">Projects<\/a><a href=\"#contact\">Contact<\/a><\/div>\n      <div class=\"footer-col\"><h3>Connect<\/h3><a href=\"tel:+17185142888\">718-514-2888<\/a><a href=\"mailto:service@itrealizer.com\">Email service<\/a><a href=\"#contact\">Plan a consultation<\/a><\/div>\n    <\/div>\n    <div class=\"container footer-bottom\"><span>\u00a9 <span id=\"year\"><\/span> IT Realizer \u00b7 Brooklyn, New York<\/span><a class=\"back-top\" href=\"#home\">Back to top \u2191<\/a><\/div>\n  <\/footer>\n\n  <div class=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Project image\" aria-hidden=\"true\">\n    <button class=\"lightbox-close\" type=\"button\" aria-label=\"Close project image\">\u00d7<\/button>\n    <figure class=\"lightbox-figure\"><img decoding=\"async\" src=\"\" alt=\"\"><figcaption><\/figcaption><\/figure>\n  <\/div>\n\n  <script>\n    (() => {\n      const header = document.querySelector('.header');\n      const utility = document.querySelector('.utility');\n      const progress = document.querySelector('.progress');\n      const menu = document.querySelector('.menu');\n      const nav = document.querySelector('.nav');\n      const navLinks = [...document.querySelectorAll('.nav a[href^=\"#\"]')];\n      const sections = [...document.querySelectorAll('main section[id]')];\n      const reduced = matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n      const closeMenu = () => {\n        nav.classList.remove('open'); menu.setAttribute('aria-expanded','false'); menu.setAttribute('aria-label','Open navigation'); document.body.classList.remove('menu-open');\n      };\n      menu.addEventListener('click', () => {\n        const open = !nav.classList.contains('open'); nav.classList.toggle('open', open); menu.setAttribute('aria-expanded', String(open)); menu.setAttribute('aria-label', open ? 'Close navigation' : 'Open navigation'); document.body.classList.toggle('menu-open', open);\n      });\n      navLinks.forEach(link => link.addEventListener('click', closeMenu));\n\n      const onScroll = () => {\n        const y = scrollY; const scrolled = y > 40; header.classList.toggle('scrolled', scrolled); utility.style.visibility = scrolled ? 'hidden' : 'visible';\n        const max = document.documentElement.scrollHeight - innerHeight; progress.style.width = `${max > 0 ? y \/ max * 100 : 0}%`;\n        const marker = y + 190; let current = 'home'; sections.forEach(section => { if (section.offsetTop <= marker) current = section.id; });\n        navLinks.forEach(link => link.classList.toggle('active', link.hash === `#${current}`));\n      };\n      addEventListener('scroll', onScroll, { passive: true }); onScroll();\n\n      if (!reduced) {\n        const orb = document.querySelector('.hero-orb'); document.querySelector('.hero').addEventListener('pointermove', event => { orb.style.left = `${event.clientX}px`; orb.style.top = `${event.clientY}px`; });\n      }\n\n      const revealItems = document.querySelectorAll('[data-reveal]');\n      if (reduced || !('IntersectionObserver' in window)) revealItems.forEach(item => item.classList.add('visible'));\n      else {\n        const revealObserver = new IntersectionObserver(entries => entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObserver.unobserve(entry.target); } }), { threshold: .12, rootMargin: '0px 0px -35px' });\n        revealItems.forEach(item => revealObserver.observe(item));\n      }\n\n      const tabs = [...document.querySelectorAll('[data-tab]')]; const panels = [...document.querySelectorAll('[data-panel]')];\n      const activate = tab => {\n        tabs.forEach(button => { const active = button === tab; button.classList.toggle('active', active); button.setAttribute('aria-selected', String(active)); button.tabIndex = active ? 0 : -1; });\n        panels.forEach(panel => { const active = panel.dataset.panel === tab.dataset.tab; panel.classList.toggle('active', active); panel.hidden = !active; });\n      };\n      tabs.forEach((tab, index) => {\n        tab.addEventListener('click', () => activate(tab));\n        tab.addEventListener('keydown', event => { if (!['ArrowRight','ArrowLeft','ArrowDown','ArrowUp'].includes(event.key)) return; event.preventDefault(); const forward = ['ArrowRight','ArrowDown'].includes(event.key); const next = tabs[(index + (forward ? 1 : -1) + tabs.length) % tabs.length]; activate(next); next.focus(); });\n      });\n\n      const counters = document.querySelectorAll('[data-count]');\n      const countUp = element => {\n        const target = Number(element.dataset.count); const duration = target > 100 ? 1400 : 900; const start = performance.now();\n        const tick = now => { const p = Math.min((now - start) \/ duration, 1); element.textContent = Math.round(target * (1 - Math.pow(1 - p, 3))); if (p < 1) requestAnimationFrame(tick); };\n        requestAnimationFrame(tick);\n      };\n      if (reduced || !('IntersectionObserver' in window)) counters.forEach(el => el.textContent = el.dataset.count);\n      else { const countObserver = new IntersectionObserver(entries => entries.forEach(entry => { if (entry.isIntersecting) { countUp(entry.target); countObserver.unobserve(entry.target); } }), { threshold: .5 }); counters.forEach(el => countObserver.observe(el)); }\n\n      const lightbox = document.querySelector('.lightbox'); const lightboxImage = lightbox.querySelector('img'); const lightboxCaption = lightbox.querySelector('figcaption'); const lightboxClose = lightbox.querySelector('.lightbox-close'); let previousFocus;\n      const closeLightbox = () => { lightbox.classList.remove('open'); lightbox.setAttribute('aria-hidden','true'); document.body.classList.remove('modal-open'); if (previousFocus) previousFocus.focus(); };\n      document.querySelectorAll('.project').forEach(project => project.addEventListener('click', () => { previousFocus = project; lightboxImage.src = project.dataset.full; lightboxImage.alt = project.querySelector('img').alt; lightboxCaption.textContent = project.dataset.caption; lightbox.classList.add('open'); lightbox.setAttribute('aria-hidden','false'); document.body.classList.add('modal-open'); lightboxClose.focus(); }));\n      lightboxClose.addEventListener('click', closeLightbox); lightbox.addEventListener('click', event => { if (event.target === lightbox) closeLightbox(); }); addEventListener('keydown', event => { if (event.key === 'Escape' && lightbox.classList.contains('open')) closeLightbox(); });\n\n      const contactForm = document.getElementById('contact-form');\n      const formStatus = document.createElement('p');\n      formStatus.className = 'form-status';\n      formStatus.setAttribute('role', 'status');\n      formStatus.setAttribute('aria-live', 'polite');\n      contactForm.appendChild(formStatus);\n\n      const formHoneypot = document.createElement('input');\n      formHoneypot.type = 'text';\n      formHoneypot.name = 'website';\n      formHoneypot.tabIndex = -1;\n      formHoneypot.autocomplete = 'off';\n      formHoneypot.className = 'form-honeypot';\n      formHoneypot.setAttribute('aria-hidden', 'true');\n      contactForm.appendChild(formHoneypot);\n\n      contactForm.addEventListener('submit', async event => {\n        event.preventDefault();\n        const submitButton = contactForm.querySelector('button[type=\"submit\"]');\n        const originalButtonMarkup = submitButton.innerHTML;\n        submitButton.disabled = true;\n        submitButton.textContent = 'Sending...';\n        formStatus.className = 'form-status';\n        formStatus.textContent = 'Sending your request...';\n        const data = new FormData(contactForm);\n        data.append('action', 'itr_contact_send');\n\n        try {\n          const response = await fetch('\/wp-admin\/admin-ajax.php', {\n            method: 'POST',\n            body: data,\n            credentials: 'same-origin',\n            headers: { 'X-Requested-With': 'XMLHttpRequest' }\n          });\n          const result = await response.json();\n          const responseMessage = result && result.data && result.data.message\n            ? result.data.message\n            : 'Your request could not be sent. Please try again.';\n          if (!response.ok || !result.success) throw new Error(responseMessage);\n          formStatus.className = 'form-status form-status--success';\n          formStatus.textContent = responseMessage;\n          contactForm.reset();\n        } catch (error) {\n          formStatus.className = 'form-status form-status--error';\n          formStatus.textContent = error.message || 'Your request could not be sent. Please call or email us directly.';\n        } finally {\n          submitButton.disabled = false;\n          submitButton.innerHTML = originalButtonMarkup;\n        }\n      });\n      document.getElementById('year').textContent = new Date().getFullYear();\n    })();\n  <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>IT Realizer | Business Technology Design &amp; Integration Skip to content Business technology consulting \u00b7 New York service@itrealizer.com+1 718 514 2888 ITREALIZER Business TechnologyDesign \u00b7 Deployment \u00b7 Support OverviewServicesAboutProjectsContact Request a consultation \u25cf Business technology consulting &amp; integration Business technology. Designed. Deployed. Supported. IT Realizer designs, installs, and supports the critical systems behind modern workplaces\u2014networks, [&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":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-708","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/www.itrealizer.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"IT Realizer | Business Technology Design &amp; Integration Skip to content Business technology consulting \u00b7 New York service@itrealizer.com+1 718 514 2888 ITREALIZER Business TechnologyDesign \u00b7 Deployment \u00b7 Support OverviewServicesAboutProjectsContact Request a consultation \u25cf Business technology consulting &amp; integration Business technology. Designed. Deployed. Supported. IT Realizer designs, installs, and supports the critical systems behind modern workplaces\u2014networks,&hellip;","_links":{"self":[{"href":"https:\/\/www.itrealizer.com\/index.php?rest_route=\/wp\/v2\/pages\/708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itrealizer.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.itrealizer.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.itrealizer.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itrealizer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=708"}],"version-history":[{"count":8,"href":"https:\/\/www.itrealizer.com\/index.php?rest_route=\/wp\/v2\/pages\/708\/revisions"}],"predecessor-version":[{"id":718,"href":"https:\/\/www.itrealizer.com\/index.php?rest_route=\/wp\/v2\/pages\/708\/revisions\/718"}],"wp:attachment":[{"href":"https:\/\/www.itrealizer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}