{"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-07-24T10:50:54","modified_gmt":"2026-07-24T14:50:54","slug":"__trashed","status":"publish","type":"page","link":"https:\/\/itrealizer.com\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n \n \n IT Realizer | Technology Designed Around Your Business<\/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&family=Manrope:wght@500;600;700;800&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 <\/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>Technology project consultations \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\">Talk to an advisor<\/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> Your telecommunications & IT advisor<\/div>\n <h1 id=\"hero-title\">Technology designed around <span>the business.<\/span><\/h1>\n <p class=\"hero-copy\">IT Realizer brings network, cabling, wireless, voice, surveillance, audiovisual, and server systems together\u2014from first design through production and long-term support.<\/p>\n <div class=\"hero-actions\">\n <a class=\"button button--primary\" href=\"#contact\">Plan a project <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>Founded in 2008<\/strong><span class=\"proof-line\"><\/span><span>35+ years of team experience \u00b7 Projects of every type and size<\/span><\/div>\n <\/div>\n\n <div class=\"architecture\" data-reveal aria-label=\"Integrated business technology architecture\">\n <div class=\"arch-top\"><span class=\"arch-title\"><i class=\"live-dot\" aria-hidden=\"true\"><\/i>Business infrastructure<\/span><span class=\"arch-state\">\u25cf Design to production<\/span><\/div>\n <div class=\"blueprint\">\n <i class=\"connector con-1\"><\/i><i class=\"connector con-2\"><\/i><i class=\"connector con-3\"><\/i><i class=\"connector con-4\"><\/i>\n <i class=\"signal sig-1\"><\/i><i class=\"signal sig-2\"><\/i><i class=\"signal sig-3\"><\/i>\n <div class=\"system sys-data\"><small>Foundation<\/small><strong>Data & Fiber<\/strong><\/div>\n <div class=\"system sys-wifi\"><small>Coverage<\/small><strong>Wi-Fi Network<\/strong><\/div>\n <div class=\"hub\">IT<br>CORE<\/div>\n <div class=\"system sys-voice\"><small>Communications<\/small><strong>Voice & AV<\/strong><\/div>\n <div class=\"system sys-security\"><small>Visibility<\/small><strong>Surveillance<\/strong><\/div>\n <span class=\"blueprint-caption\">Integrated technology architecture<\/span>\n <\/div>\n <div class=\"arch-metrics\">\n <div class=\"arch-metric\"><small>Scope<\/small><strong>Any business size<\/strong><\/div>\n <div class=\"arch-metric\"><small>Delivery<\/small><strong>End to end<\/strong><\/div>\n <div class=\"arch-metric\"><small>Priority<\/small><strong>Detail & quality<\/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 & 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 & 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 & 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 & 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>Engineering experience, close project ownership, and an infrastructure-first view of business technology.<\/p><\/div>\n <div class=\"stat\"><strong><span data-count=\"35\">0<\/span>+<\/strong><span>Years of team experience<\/span><\/div>\n <div class=\"stat\"><strong><span data-count=\"2008\">0<\/span><\/strong><span>Company founded<\/span><\/div>\n <div class=\"stat\"><strong><span data-count=\"5\">0<\/span><\/strong><span>Core 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 partner for the connected workplace.<\/h2><\/div>\n <p class=\"intro\">Build a stronger foundation, connect every endpoint, and keep communications and security working as one coordinated environment.<\/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 & 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\">Innovation grounded in engineering detail.<\/h2>\n <p>Founded in 2008 by telecommunications engineers, IT Realizer has completed projects across business types and sizes. The team is known for close attention to detail, thoughtful network design, and the ability to carry work from concept through production.<\/p>\n <div class=\"principles\">\n <div class=\"principle\"><i>01<\/i><div><strong>Business-first design<\/strong><span>Technology decisions begin with operational requirements, cost, and long-term value.<\/span><\/div><\/div>\n <div class=\"principle\"><i>02<\/i><div><strong>Full project ownership<\/strong><span>The same partner can guide design, materials, installation, testing, and support.<\/span><\/div><\/div>\n <div class=\"principle\"><i>03<\/i><div><strong>Detail without compromise<\/strong><span>Quality, customer service, and meticulous execution take priority throughout the project.<\/span><\/div><\/div>\n <\/div>\n <a class=\"button button--primary\" href=\"#contact\">Discuss your requirements<\/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\">Start a conversation<\/p>\n <h2 id=\"contact-title\">Make the next project real.<\/h2>\n <p>Planning an office, relocation, network refresh, communications upgrade, or security system? Share the requirement and IT Realizer will help define the 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 project 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\">Prepare email request <span class=\"arrow\">\u2192<\/span><\/button>\n <p class=\"form-note\">Submitting opens your email application with the project details prepared.<\/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 network, cabling, wireless, voice, surveillance, audiovisual, and server systems\u2014from design through production.<\/p><\/div>\n <div class=\"footer-col\"><h3>Services<\/h3><a href=\"#solutions\">Network design<\/a><a href=\"#solutions\">Cabling & wiring<\/a><a href=\"#solutions\">Wi-Fi networks<\/a><a href=\"#solutions\">Voice & 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\">Request 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 document.getElementById('contact-form').addEventListener('submit', event => {\n event.preventDefault(); const data = new FormData(event.currentTarget); const subject = `IT project request \u2014 ${data.get('company') || data.get('name')}`;\n const body = [`Name: ${data.get('name')}`, `Company: ${data.get('company') || 'Not provided'}`, `Email: ${data.get('email')}`, `Phone: ${data.get('phone') || 'Not provided'}`, `Primary need: ${data.get('service')}`, '', 'Project overview:', data.get('message')].join('\\n');\n location.href = `mailto:service@itrealizer.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\n });\n document.getElementById('year').textContent = new Date().getFullYear();\n })();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>IT Realizer | Technology Designed Around Your Business Skip to content Technology project consultations \u00b7 New York service@itrealizer.com+1 718 514 2888 ITREALIZER Business TechnologyDesign \u00b7 Deployment \u00b7 Support OverviewServicesAboutProjectsContact Talk to an advisor \u25cf Your telecommunications & IT advisor Technology designed around the business. IT Realizer brings network, cabling, wireless, voice, surveillance, audiovisual, and server […]<\/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:\/\/itrealizer.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"IT Realizer | Technology Designed Around Your Business Skip to content Technology project consultations \u00b7 New York service@itrealizer.com+1 718 514 2888 ITREALIZER Business TechnologyDesign \u00b7 Deployment \u00b7 Support OverviewServicesAboutProjectsContact Talk to an advisor \u25cf Your telecommunications & IT advisor Technology designed around the business. IT Realizer brings network, cabling, wireless, voice, surveillance, audiovisual, and server…","_links":{"self":[{"href":"https:\/\/itrealizer.com\/index.php?rest_route=\/wp\/v2\/pages\/708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itrealizer.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itrealizer.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itrealizer.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itrealizer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=708"}],"version-history":[{"count":3,"href":"https:\/\/itrealizer.com\/index.php?rest_route=\/wp\/v2\/pages\/708\/revisions"}],"predecessor-version":[{"id":711,"href":"https:\/\/itrealizer.com\/index.php?rest_route=\/wp\/v2\/pages\/708\/revisions\/711"}],"wp:attachment":[{"href":"https:\/\/itrealizer.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}