.hero-codetalis{min-height:680px;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(540px,1.22fr);gap:42px;align-items:center;padding:126px clamp(24px,8vw,140px) 76px;position:relative;overflow:hidden;background:#030914}.hero-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(#57baff0d 1px,transparent 1px),linear-gradient(90deg,#57baff0d 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent)}.hero-glow{position:absolute;right:4%;top:12%;width:45%;height:72%;background:radial-gradient(ellipse,#087dff2b 0%,#00d8ff13 35%,transparent 68%);filter:blur(12px);pointer-events:none}.hero-codetalis .hero-copy{width:auto;max-width:590px}.hero-codetalis .hero-kicker{display:flex;align-items:center;gap:12px;color:#78d9ff;letter-spacing:2px}.hero-codetalis .hero-kicker::before{content:'';display:block;width:36px;height:1px;background:#44cfff;box-shadow:0 0 12px #44cfff}.hero-codetalis h1{font:600 clamp(48px,4.2vw,72px)/1.02 'Space Grotesk';letter-spacing:0;margin:0}.hero-codetalis h1 em{color:#31bfff;font-style:normal}.hero-codetalis .hero-text{max-width:510px;margin:26px 0;color:#bed0e4;font-size:16px;line-height:1.6}.hero-codetalis .hero-button{border-radius:6px;padding:15px 20px;background:#078dff;color:#02101d;box-shadow:0 10px 28px #087dff38}.hero-codetalis .hero-button span{color:#02101d}.hero-codetalis .hero-outline{border-radius:6px;border-color:#4baeff66;background:#06132399}.hero-signals{display:flex;flex-wrap:wrap;gap:14px;margin-top:31px;color:#8da6bd;font-size:11px}.hero-signals span{display:flex;align-items:center;gap:7px}.hero-signals i{width:6px;height:6px;border-radius:50%;background:#56e4ae;box-shadow:0 0 10px #56e4ae}.hero-product{width:min(720px,100%);height:460px;position:relative;justify-self:end;perspective:1500px;transform-style:preserve-3d;--mouse-x:0;--mouse-y:0}.product-browser{position:absolute;inset:31px 38px 50px 12px;overflow:hidden;border:1px solid #559eea73;border-radius:20px;background:linear-gradient(145deg,#101d36,#07101f 65%);box-shadow:0 32px 70px #000a,0 0 36px #168aff20;transform:rotateY(calc(var(--mouse-x) * 2deg)) rotateX(calc(var(--mouse-y) * -2deg));transition:transform .35s ease}.browser-bar{height:51px;display:flex;align-items:center;gap:16px;padding:0 19px;border-bottom:1px solid #ffffff12;background:#0b1730;color:#8297b2;font-size:10px}.browser-dots{display:flex;gap:6px}.browser-dots i{width:8px;height:8px;border-radius:50%;background:#ff6d7d}.browser-dots i:nth-child(2){background:#f2c94c}.browser-dots i:nth-child(3){background:#4be2a4}.browser-bar b{margin-left:auto;padding:5px 8px;border:1px solid #4be2a455;color:#5ee8b0;font-size:9px;letter-spacing:1px}.browser-content{padding:25px 30px}.product-nav{display:flex;align-items:center;gap:21px;color:#8da2bc;font-size:10px}.product-nav strong{margin-right:auto;color:#e8f4ff;font-size:12px}.product-main{display:grid;grid-template-columns:1.02fr .98fr;gap:24px;align-items:end;padding:45px 0 24px}.product-main small,.floating-card small{color:#56cfff;font-size:9px;font-weight:700;letter-spacing:1.4px}.product-main h2{margin:10px 0;font:600 clamp(24px,2.2vw,34px)/1.06 'Space Grotesk';letter-spacing:0;color:#fff}.product-main h2 em{color:#43c9ff;font-style:normal}.product-main p{max-width:290px;margin:0 0 16px;color:#93a7bd;font-size:11px;line-height:1.55}.product-main button{border:0;border-radius:5px;padding:10px 13px;background:#05bdeb;color:#012334;font:600 10px 'DM Sans';cursor:pointer}.product-chart{min-height:185px;padding:17px;border:1px solid #ffffff15;border-radius:11px;background:#0a172b}.product-chart span{display:block;color:#8fa5bd;font-size:10px}.product-chart strong{display:inline-block;margin-top:7px;color:#fff;font:600 29px/1 'Space Grotesk'}.product-chart b{float:right;margin-top:13px;color:#4be2a4;font-size:11px}.product-chart svg{display:block;width:100%;height:89px;margin-top:12px}.product-chart path{fill:none;stroke:#42cffc;stroke-width:3;filter:drop-shadow(0 0 5px #42cffc)}.product-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding-top:18px;border-top:1px solid #ffffff12}.product-metrics div{padding:11px;border:1px solid #ffffff12;border-radius:7px;background:#091427}.product-metrics span{display:block;color:#8297ad;font-size:9px}.product-metrics strong{display:block;margin-top:5px;color:#55e3b0;font:600 16px 'Space Grotesk'}.floating-card{position:absolute;z-index:2;border:1px solid #75bff15c;border-radius:13px;background:#0a1629e8;box-shadow:0 18px 38px #0008,0 0 25px #078fff1a;backdrop-filter:blur(12px);transform:translate3d(calc(var(--mouse-x) * 10px),calc(var(--mouse-y) * 10px),30px);transition:transform .35s ease}.solution-card{top:18px;left:0;width:142px;padding:16px}.solution-card strong{display:block;margin:7px 0;color:#d9f2ff;font:600 13px 'Space Grotesk'}.solution-card span{color:#85a2bd;font-size:9px}.audit-card{bottom:0;left:160px;display:flex;align-items:center;gap:13px;width:218px;padding:14px}.audit-score{display:grid;place-items:center;width:44px;height:44px;border:2px solid #56e4ae;border-radius:50%;color:#68edbb;font:600 13px 'Space Grotesk';box-shadow:0 0 13px #56e4ae35}.audit-card span{display:block;margin-top:5px;color:#91a7bd;font-size:9px}.code-card{right:0;bottom:36px;width:166px;padding:15px}.code-card code{display:block;margin-top:9px;color:#a7d8ff;font:10px/1.65 'DM Sans';white-space:nowrap}.hero-codetalis~.trust-strip{position:relative;background:#050d18;border-top:1px solid #5acaff25}.services,.references,.system,.questions,.contact{position:relative}.services::before,.references::before,.system::before,.questions::before,.contact::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#52baff08 1px,transparent 1px);background-size:58px 100%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.service-grid article,.reference-stack article,.contact-form{position:relative;border-radius:7px;box-shadow:0 12px 34px #0002}.service-grid article:hover,.reference-stack article:hover{box-shadow:0 12px 36px #057fff1c;transform:translateY(-3px);transition:.25s}.contact-form{box-shadow:0 22px 54px #0007,0 0 30px #078fff12}@media(max-width:1100px){.hero-codetalis{grid-template-columns:minmax(300px,.9fr) minmax(460px,1.1fr);padding-inline:clamp(24px,5vw,70px)}.hero-product{height:410px}.product-browser{inset:38px 15px 42px 5px}.browser-content{padding:20px}.product-main{padding:30px 0 18px}.audit-card{left:100px}.code-card{right:-18px}.solution-card{left:-14px}}@media(max-width:820px){.hero-codetalis{min-height:780px;display:block;padding:118px 24px 42px}.hero-codetalis .hero-copy{max-width:620px}.hero-codetalis h1{font-size:clamp(42px,10vw,60px)}.hero-codetalis .hero-text{font-size:14px}.hero-product{height:350px;margin:36px auto 0}.product-browser{inset:25px 9px 35px}.browser-content{padding:16px}.product-main{gap:15px;padding:21px 0 15px}.product-main h2{font-size:24px}.product-chart{min-height:145px}.product-chart strong{font-size:23px}.product-chart svg{height:52px}.product-metrics{padding-top:12px}.floating-card{transform:none}.solution-card{top:0;left:-5px}.audit-card{bottom:0;left:36px}.code-card{right:-8px;bottom:18px}}@media(max-width:520px){.hero-codetalis{min-height:790px}.hero-signals{gap:9px;font-size:10px}.hero-product{height:292px}.product-browser{border-radius:13px}.browser-bar{height:38px;padding:0 12px}.browser-content{padding:12px}.product-nav{gap:9px;font-size:8px}.product-main{grid-template-columns:1fr .95fr;gap:10px;padding:17px 0 11px}.product-main h2{font-size:17px}.product-main p{font-size:8px;line-height:1.4}.product-main button{padding:7px 8px;font-size:8px}.product-chart{min-height:110px;padding:10px}.product-chart strong{font-size:17px}.product-chart b{font-size:8px}.product-chart svg{height:34px;margin-top:7px}.product-metrics{gap:5px;padding-top:8px}.product-metrics div{padding:7px}.product-metrics strong{font-size:10px}.floating-card{border-radius:8px}.solution-card{width:104px;padding:10px}.solution-card strong{font-size:10px}.solution-card span,.floating-card small{font-size:7px}.audit-card{left:18px;width:148px;padding:9px;gap:7px}.audit-score{width:31px;height:31px;font-size:10px}.audit-card span{font-size:7px}.code-card{width:112px;padding:9px}.code-card code{font-size:7px}.hero-codetalis .hero-actions{gap:10px}.hero-codetalis .hero-button,.hero-codetalis .hero-outline{padding:12px 14px;font-size:11px}}