.metric-shell{--cell: 40px;--grid-color: #e6e6e6;--text-color: #000000;--bg-color: #ffffff;--ruler-bg: #f5f5f5;--highlight: #000000;--font-main: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "Courier New", Courier, monospace;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);height:100vh;width:100vw;overflow:hidden;display:grid;grid-template-columns:var(--cell) 1fr;grid-template-rows:var(--cell) 1fr;cursor:crosshair}.metric-shell,.metric-shell *{box-sizing:border-box}.metric-shell .ruler-corner{background:var(--bg-color);border-right:1px solid var(--text-color);border-bottom:1px solid var(--text-color);display:flex;align-items:center;justify-content:center;z-index:100}.metric-shell .ruler-corner-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.metric-shell .ruler-corner-logo{display:block;height:calc(var(--cell) * .5);width:auto;max-width:calc(var(--cell) * .75)}.metric-shell .ruler-x{grid-column:2;grid-row:1;display:flex;background:var(--bg-color);border-bottom:1px solid var(--text-color);overflow:hidden;-webkit-user-select:none;user-select:none}.metric-shell .ruler-y{grid-column:1;grid-row:2;display:flex;flex-direction:column;background:var(--bg-color);border-right:1px solid var(--text-color);overflow:hidden;-webkit-user-select:none;user-select:none}.metric-shell .tick-x,.metric-shell .tick-y{display:flex;align-items:center;justify-content:center;font-size:10px;font-family:var(--font-mono);color:#666;position:relative}.metric-shell .tick-x{flex:0 0 var(--cell);width:var(--cell);height:100%;border-right:1px solid var(--grid-color)}.metric-shell .tick-y{flex:0 0 var(--cell);height:var(--cell);width:100%;border-bottom:1px solid var(--grid-color)}.metric-shell .tick-x:hover,.metric-shell .tick-y:hover{background-color:var(--text-color);color:#fff}.metric-shell main{grid-column:2;grid-row:2;position:relative;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--cell) var(--cell);background-position:0 0;background-color:var(--bg-color);overflow-y:auto;overflow-x:hidden;padding:calc(var(--cell) * 1);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--text-color) var(--grid-color)}.metric-shell--sheet main{padding:0;overflow-y:auto;overflow-x:hidden;background-image:none}.metric-shell.metric-shell--sheet .metric-stage{position:relative;min-height:calc(var(--cell) * 45);width:calc(var(--cell) * 54);min-width:100%;padding:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--cell) var(--cell);background-position:0 0;background-color:var(--bg-color)}.metric-shell main::-webkit-scrollbar{width:8px}.metric-shell main::-webkit-scrollbar-track{background:var(--grid-color)}.metric-shell main::-webkit-scrollbar-thumb{background-color:var(--text-color);border:2px solid var(--grid-color)}.metric-shell .hero-notch{width:var(--cell);height:var(--cell);background:#000;box-shadow:calc(var(--cell) * -1) calc(var(--cell) * 1) 0 0 #000,calc(var(--cell) * -1) calc(var(--cell) * 2) 0 0 #000,calc(var(--cell) * -2) calc(var(--cell) * 2) 0 0 #000,calc(var(--cell) * -2) calc(var(--cell) * 3) 0 0 #000,calc(var(--cell) * -3) calc(var(--cell) * 3) 0 0 #000;position:absolute;top:var(--cell);z-index:0;pointer-events:none}.metric-shell .content-grid{display:grid;width:calc(var(--cell) * 35);max-width:100%;grid-template-columns:calc(var(--cell) * 7) var(--cell) 1fr;column-gap:0;row-gap:var(--cell);position:relative;z-index:10}.metric-shell.metric-shell--sheet .content-grid{width:calc(var(--cell) * 33);margin-left:var(--cell);padding-top:var(--cell)}.metric-shell h1{font-size:80px;line-height:.9;margin:0 0 var(--cell) 0;letter-spacing:-2px;font-weight:400;font-family:var(--font-main)}.metric-shell h2{font-size:clamp(12px,3.2vw,14px);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--text-color)}.metric-shell h3{font-size:14px;margin:0 0 8px;font-weight:400}.metric-shell p{font-size:clamp(13px,3.7vw,14px);line-height:1.5;margin:0;color:#333}.metric-shell .meta{font-family:var(--font-mono);font-size:10px;color:#666;margin-bottom:8px;display:block}.metric-shell .hero-section{grid-column:1 / -1;display:flex;flex-direction:column;justify-content:flex-start;height:calc(var(--cell) * 9);padding-top:var(--cell);position:relative}.metric-shell .hero-blocks{display:flex;flex-wrap:wrap;column-gap:var(--cell);row-gap:0;position:relative;z-index:1}.metric-shell .hero-block{background:var(--text-color);color:var(--bg-color);display:inline-flex;flex:0 0 auto;align-items:center;height:calc(var(--cell) * 3);padding:calc(var(--cell) * .5);font-size:calc(var(--cell) * 2);line-height:1;white-space:nowrap}.metric-shell .hero-block--mobile{display:none}.metric-shell .hero-description{background:#fff;border:1px solid #000;display:flex;align-items:center;padding:calc(var(--cell) * .5);margin-top:var(--cell);width:min(calc(var(--cell) * 12),100%);height:calc(var(--cell) * 3);overflow:hidden;position:relative;z-index:1}.metric-shell .cell-logo{pointer-events:none}.metric-shell .cell-logo__pixel{display:block;width:100%;height:100%;background:var(--text-color)}.metric-shell .cell-logo--sheet{position:absolute;display:grid}.metric-shell .cell-logo--top{display:none;grid-column:1 / -1;justify-self:start;margin:0}.metric-shell .nav-panel{grid-column:1;background:var(--bg-color);border:1px solid var(--text-color);padding:calc(var(--cell) * .5);height:calc(var(--cell) * 12);display:flex;flex-direction:column;gap:12px;position:sticky;top:0;overflow-y:auto;overflow-x:hidden}.metric-shell .nav-title{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-shell .nav-list{list-style:none;padding:0;margin:0}.metric-shell .nav-item{margin-bottom:12px}.metric-shell .nav-link{text-decoration:none;color:var(--text-color);font-size:14px;display:flex;justify-content:space-between;padding:0}.metric-shell .nav-group{display:flex;flex-direction:column;gap:12px}.metric-shell .nav-sublist{display:flex;flex-direction:column;gap:6px;padding-left:calc(var(--cell) * .5)}.metric-shell .nav-sublink{text-decoration:none;color:var(--text-color);font-size:12px;display:block;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-shell .nav-sublink--active{font-weight:600;text-decoration:underline}.metric-shell .nav-sublink:hover{text-decoration:underline}.metric-shell .nav-link--active{background:var(--text-color);color:var(--bg-color);text-decoration:none}.metric-shell .nav-link--active:hover{text-decoration:none}.metric-shell .nav-link:hover{text-decoration:underline}.metric-shell .nav-location{margin-top:var(--cell)}.metric-shell .projects-section{grid-column:3;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--cell)}.metric-shell .home-section{grid-column:3;display:flex;flex-direction:column;gap:var(--cell)}.metric-shell .section-band{margin:0;height:var(--cell);padding:0 calc(var(--cell) * .5);display:flex;align-items:center;background:var(--text-color);color:var(--bg-color);border:1px solid var(--text-color);font-size:clamp(12px,3.2vw,14px);letter-spacing:.5px;text-transform:uppercase;line-height:1}.metric-shell .project-card{background:var(--bg-color);border:1px solid var(--grid-color);height:calc(var(--cell) * 8);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--cell) * .5);transition:background-color .2s ease,border-color .2s ease}.metric-shell .project-card:hover{border-color:var(--text-color);background:#fff}.metric-shell a.project-card{color:inherit;text-decoration:none}.metric-shell a.project-card:focus-visible{outline:2px solid var(--text-color);outline-offset:3px}.metric-shell .card-visual{flex-grow:1;opacity:.1;margin-bottom:calc(var(--cell) * .5);border:1px solid #eee}.metric-shell .card-visual--svg{opacity:1;display:flex;align-items:center;justify-content:center;padding:0;background:#fff;overflow:hidden}.metric-shell .card-visual--svg svg{display:block;width:100%;height:100%}.metric-shell .card-visual--edge-ai{opacity:1;display:flex;align-items:center;justify-content:center;padding:calc(var(--cell) * .25);background:#fff;overflow:hidden}.metric-shell .card-visual--edge-ai svg,.metric-shell .card-visual--web-marketing svg{display:block;width:100%;height:100%}.metric-shell .card-visual--web-marketing{opacity:1;display:flex;align-items:center;justify-content:center;padding:calc(var(--cell) * .25);background:#fff;overflow:hidden}.metric-shell .edge-ai-node{fill:#000}.metric-shell .edge-ai-link{stroke:#ccc;stroke-width:1;stroke-linecap:round;fill:none}.metric-shell .edge-ai-pulse .edge-ai-link{stroke-dasharray:5 100;stroke-dashoffset:100;opacity:.2;animation:edge-ai-pulse 2s linear infinite}.metric-shell .edge-ai-chip-frame{stroke:#000;stroke-width:2}.metric-shell .edge-ai-pin{stroke:#000;stroke-width:1}.metric-shell .edge-ai-chip-blink{fill:#000;animation:edge-ai-chip 1s infinite alternate}.metric-shell .webmk-frame,.metric-shell .webmk-line,.metric-shell .webmk-draw-line{stroke:#000}.metric-shell .webmk-frame{stroke-width:2}.metric-shell .webmk-line{stroke-width:1}.metric-shell .webmk-dot{fill:#000}.metric-shell .webmk-panel{fill:#eee}.metric-shell .webmk-muted{stroke:#aaa;stroke-width:2}.metric-shell .webmk-grow-bar{fill:#666;transform-box:fill-box;transform-origin:center bottom;animation:webmk-grow 2s infinite alternate ease-in-out}.metric-shell .webmk-grow-bar--dark{fill:#333}.metric-shell .webmk-grow-bar--black{fill:#000}.metric-shell .webmk-draw-line{fill:none;stroke-width:2;stroke-dasharray:300;stroke-dashoffset:300;animation:webmk-draw-line 3s infinite ease-out}@keyframes edge-ai-pulse{0%{stroke-dashoffset:100;opacity:.2}50%{opacity:1}to{stroke-dashoffset:0;opacity:.2}}@keyframes edge-ai-chip{0%{fill:#fff}to{fill:#000}}@keyframes webmk-grow{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}@keyframes webmk-draw-line{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}@keyframes security-pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}@keyframes hw-repair-rotate{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes internal-sec-radar{0%{transform:scale(.5);opacity:.8}to{transform:scale(2);opacity:0}}@keyframes ai-edu-flow{0%{stroke-dashoffset:100;opacity:.2}50%{opacity:1}to{stroke-dashoffset:0;opacity:.2}}@keyframes sys-build-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes sec-infra-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sec-infra-flow{0%{stroke-dashoffset:10;opacity:.5}50%{opacity:1}to{stroke-dashoffset:0;opacity:.5}}@keyframes sec-infra-shield{0%,to{fill:#0000000d}50%{fill:#00000026}}@keyframes sec-infra-wifi{0%,to{opacity:.2}50%{opacity:1}}@keyframes poc-step-1{0%{opacity:0}10%,to{opacity:1}}@keyframes poc-step-2{0%,15%{stroke-dashoffset:35}25%,to{stroke-dashoffset:0}}@keyframes poc-step-3{0%,30%{opacity:0}40%,to{opacity:1}}@keyframes poc-step-4{0%,45%{stroke-dashoffset:35}55%,to{stroke-dashoffset:0}}@keyframes poc-step-5{0%,60%{transform:scale(0);opacity:0}70%,to{transform:scale(1);opacity:1}}@keyframes saas-line-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes saas-sync-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.metric-shell .security-pulse-target{transform-origin:center;animation:security-pulse 2s infinite ease-in-out}.metric-shell .hw-repair-target{transform-origin:center;animation:hw-repair-rotate 4s infinite ease-in-out}.metric-shell .internal-sec-radar-target{transform-origin:center;animation:internal-sec-radar 2.5s infinite ease-out}.metric-shell .ai-edu-flow-target{stroke-dasharray:10 20;stroke-dashoffset:100;animation:ai-edu-flow 3s linear infinite}.metric-shell .sys-build-blink-target{animation:sys-build-blink 1.5s infinite}.metric-shell .sec-infra-rotate{transform-origin:40px 60px;animation:sec-infra-rotate 10s linear infinite}.metric-shell .sec-infra-flow{stroke-dasharray:5 5;animation:sec-infra-flow 1s linear infinite}.metric-shell .sec-infra-shield{animation:sec-infra-shield 3s ease-in-out infinite}.metric-shell .sec-infra-wifi{animation:sec-infra-wifi 1.5s infinite}.metric-shell .poc-step-1{animation:poc-step-1 4s infinite}.metric-shell .poc-step-2{stroke-dasharray:35;stroke-dashoffset:35;animation:poc-step-2 4s infinite}.metric-shell .poc-step-3{animation:poc-step-3 4s infinite}.metric-shell .poc-step-4{stroke-dasharray:35;stroke-dashoffset:35;animation:poc-step-4 4s infinite}.metric-shell .poc-step-5{transform-origin:240px 60px;animation:poc-step-5 4s infinite}.metric-shell .saas-line-draw{stroke-dasharray:100;stroke-dashoffset:100;animation:saas-line-draw 3s infinite}.metric-shell .saas-sync-spin{transform-origin:center;animation:saas-sync-spin 4s linear infinite}.metric-shell .tag{display:inline-block;border:1px solid var(--grid-color);padding:2px 6px;font-size:10px;margin-right:4px;background:#fff}.metric-shell .info-block{border:1px solid var(--grid-color);padding:calc(var(--cell) * .5);min-height:calc(var(--cell) * 6);background:#fff;display:flex;flex-direction:column;gap:12px}.metric-shell .representative-photo-block{width:calc(var(--cell) * 6);height:calc(var(--cell) * 6);justify-self:start;align-self:start;overflow:hidden}.metric-shell .representative-photo{width:100%;height:100%;object-fit:cover;display:block}.metric-shell .contact-form{display:flex;flex-direction:column;gap:calc(var(--cell) * .5)}.metric-shell .contact-info-block{min-height:calc(var(--cell) * 14)}.metric-shell .form-field{display:flex;flex-direction:column;gap:calc(var(--cell) * .25)}.metric-shell .form-label{font-family:var(--font-mono);font-size:10px;color:#666;display:inline-flex;align-items:center;gap:calc(var(--cell) * .125)}.metric-shell .form-required{display:inline-flex;align-items:center;border:1px solid var(--text-color);padding:1px 6px;font-size:10px;line-height:1;color:var(--text-color);background:#fff;white-space:nowrap}.metric-shell .form-input,.metric-shell .form-textarea{border:1px solid var(--grid-color);padding:calc(var(--cell) * .25);font-size:14px;font-family:var(--font-main);background:#fff;color:var(--text-color)}.metric-shell .form-input{height:var(--cell);padding-block:0}.metric-shell .form-input:focus,.metric-shell .form-textarea:focus{outline:2px solid var(--text-color);outline-offset:2px}.metric-shell .form-textarea{height:calc(var(--cell) * 6);resize:none}.metric-shell .form-field--hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.metric-shell .turnstile-field{min-height:calc(var(--cell) * 2)}.metric-shell .contact-submit{align-self:flex-start;display:flex;align-items:center;justify-content:center;border:1px solid var(--text-color);background:var(--text-color);color:var(--bg-color);height:var(--cell);width:calc(var(--cell) * 2);padding:0;font-size:14px;cursor:pointer}.metric-shell .contact-submit:disabled{opacity:.6;cursor:not-allowed}.metric-shell .contact-submit:hover:not(:disabled){background:#111}.metric-shell .contact-success{font-size:13px;color:#0a6a22}.metric-shell .contact-error{font-size:13px;color:#b00020}.metric-shell .contact-required-note{font-size:12px;color:#666}.metric-shell a.info-block{color:inherit;text-decoration:none}.metric-shell a.info-block:hover{border-color:var(--text-color)}.metric-shell .info-block--cta p{color:#fff}.metric-shell .cta-arrow{font-size:calc(var(--cell) * 1.5);line-height:1}.metric-shell .cta-text{color:#fff}.metric-shell .bottom-grid{grid-column:1 / -1;margin-top:var(--cell);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--cell)}@media(min-width:1216px){.metric-shell.metric-shell--sheet .bottom-grid{grid-template-columns:calc(var(--cell) * 8) calc(var(--cell) * 7) calc(var(--cell) * 7) calc(var(--cell) * 8)}}.metric-shell .site-footer{grid-column:1 / -1;border:1px solid var(--text-color);background:var(--bg-color);padding:calc(var(--cell) * .5);display:grid;grid-template-columns:1fr 1fr auto;gap:calc(var(--cell) * .5);align-items:center;min-height:calc(var(--cell) * 3)}.metric-shell .footer-brand{display:flex;align-items:center;gap:12px;min-width:0}.metric-shell .footer-logo{height:26px;width:auto;flex:0 0 auto}.metric-shell .footer-company{margin:0;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.metric-shell .footer-nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.metric-shell .footer-nav a{font-size:13px;color:var(--text-color);text-decoration:none}.metric-shell .footer-nav a:hover{text-decoration:underline}.metric-shell .footer-legal{margin:0;font-size:12px;text-align:right;white-space:nowrap}.metric-shell .dash-placeholder{border:1px dashed var(--grid-color)}.metric-shell .stack,.metric-shell .markdown{display:flex;flex-direction:column;gap:12px}.metric-shell .markdown h2,.metric-shell .markdown h3,.metric-shell .markdown h4,.metric-shell .markdown p,.metric-shell .markdown ul,.metric-shell .markdown ol,.metric-shell .markdown pre{margin:0}.metric-shell .markdown ul,.metric-shell .markdown ol{padding-left:18px;display:flex;flex-direction:column;gap:6px}.metric-shell .markdown hr{width:100%;border:0;border-top:1px solid var(--grid-color)}.metric-shell .markdown a{color:var(--text-color);text-decoration:underline;text-underline-offset:.15em}.metric-shell .markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;background:#f3f3f3;padding:.15em .35em;border-radius:4px}.metric-shell .markdown pre{border:1px solid var(--grid-color);background:#f7f7f7;padding:12px;overflow:auto}.metric-shell .markdown pre code{background:transparent;padding:0;border-radius:0;display:block}.metric-shell .markdown img{max-width:100%;height:auto;display:block;border:1px solid var(--grid-color)}.metric-shell .service-detail-visual{flex-grow:0;width:100%;height:calc(var(--cell) * 4);margin-bottom:0;padding:0}.metric-shell .tag-row{display:flex;flex-wrap:wrap;gap:calc(var(--cell) * .125)}@media(max-width:1519px){.metric-shell{--cell: 36px}}@media(max-width:1367px){.metric-shell{--cell: 32px}}@media(max-width:1215px){.metric-shell{--cell: 24px}.metric-shell .hero-block{font-size:calc(var(--cell) * 1.5)}.metric-shell .content-grid{width:calc(var(--cell) * 35);max-width:100%;grid-template-columns:1fr}.metric-shell .projects-section{grid-column:1 / -1;grid-template-columns:1fr}.metric-shell .home-section{grid-column:1 / -1}.metric-shell .section-band{width:100%}.metric-shell .nav-panel{grid-column:1 / -1;height:calc(var(--cell) * 12);position:relative;margin-bottom:0}.metric-shell .bottom-grid{grid-template-columns:repeat(2,1fr)}.metric-shell .site-footer{grid-template-columns:1fr;justify-items:start}.metric-shell .footer-nav{justify-content:flex-start}.metric-shell .footer-legal{text-align:left}.metric-shell h1{font-size:48px}}@media(max-width:520px){.metric-shell{--cell: 24px}.metric-shell main{padding:var(--cell);overflow-x:hidden}.metric-shell--sheet main{padding:0}.metric-shell.metric-shell--sheet .metric-stage{width:calc(var(--cell) * 16);min-width:0}.metric-shell .cell-logo--sheet{display:none}.metric-shell .cell-logo--top{display:grid}.metric-shell.metric-shell--sheet .hero-section{padding-top:var(--cell)}.metric-shell .content-grid{width:calc(var(--cell) * 15 + 1px);max-width:100%;margin-inline:auto}.metric-shell.metric-shell--sheet .content-grid{width:calc(var(--cell) * 15);margin-inline:0;margin-left:var(--cell)}.metric-shell .hero-block{width:100%!important;font-size:calc(var(--cell) * 1.25)}.metric-shell .hero-block--desktop{display:none}.metric-shell .hero-block--mobile{display:inline-flex}.metric-shell .bottom-grid{grid-template-columns:1fr}.metric-shell .footer-logo{height:22px}.metric-shell .meta{font-size:11px}.metric-shell .projects-section--services .project-card{height:auto;min-height:calc(var(--cell) * 11)}.metric-shell .projects-section--services .card-visual{min-height:calc(var(--cell) * 5)}}html,body,#root{height:100%;width:100%}body{margin:0}