:root{--ink:#080914;--panel:#101327;--panel2:#151a35;--text:#f5f3ff;--muted:#a9acc4;--line:#292e51;--violet:#7547ff;--purple:#5024c9;--blue:#48a7ff;--ice:#bfe3ff;--green:#67e6b0;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,sans-serif;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,#3a1f7a44,transparent 30%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.5}.site-header{height:82px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:600}.brand img{width:31px;height:31px;filter:drop-shadow(0 0 12px #7547ff77)}nav{display:flex;gap:30px}nav a,.text-link{color:var(--muted);text-decoration:none;font-size:14px}nav a:hover,.text-link:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 20px;border:0;border-radius:5px;background:linear-gradient(135deg,var(--violet),var(--purple));color:white;text-decoration:none;font:600 13px Inter;letter-spacing:.03em;cursor:pointer;box-shadow:0 12px 34px #4d24cc44}.button:hover{filter:brightness(1.15);transform:translateY(-1px)}.button-small{padding:11px 15px}.hero{max-width:var(--max);min-height:720px;margin:auto;padding:90px 28px 100px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;position:relative}.eyebrow{color:#aeb8e1;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.hero .eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:9px;box-shadow:0 0 14px var(--blue)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;line-height:1.12}h1{font-size:clamp(48px,6vw,82px);letter-spacing:-.055em}h1 em{font-style:normal;color:#a892ff}.lede{font-size:18px;color:var(--muted);max-width:600px;margin:28px 0 34px}.hero-actions{display:flex;align-items:center;gap:28px}.service-console{height:510px;position:relative;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#161932dd,#0c0f20ee);box-shadow:0 35px 100px #0008,inset 0 1px #ffffff12;overflow:hidden}.console-top{position:absolute;top:0;left:0;right:0;height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em;color:#7d84a5}.live{color:var(--green)}.live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.console-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);width:164px;height:164px;border:1px solid #795bff88;border-radius:50%;display:grid;place-content:center;text-align:center;background:#171432;box-shadow:0 0 80px #6639ed38}.console-core img{width:42px;margin:0 auto 9px}.console-core b{font:600 12px Manrope}.pulse{position:absolute;inset:-24px;border:1px solid #7248ff3d;border-radius:50%;animation:pulse 3s ease-out infinite}.console-node{position:absolute;width:140px;padding:14px 15px;border:1px solid #353b66;border-radius:8px;background:#13172d;box-shadow:0 15px 30px #0006}.console-node i{font-style:normal;font-size:9px;color:var(--blue)}.console-node b,.console-node span{display:block}.console-node b{font:600 14px Manrope}.console-node span{font-size:10px;color:var(--muted)}.n1{top:86px;left:38px}.n2{top:86px;right:38px}.n3{bottom:38px;left:38px}.n4{bottom:38px;right:38px}.service-console svg{position:absolute;inset:48px 0 0;width:100%;height:calc(100% - 48px)}.service-console path{fill:none;stroke:#5840a9;stroke-width:1;stroke-dasharray:5 7;animation:dash 10s linear infinite}.intro{max-width:var(--max);margin:auto;padding:120px 28px 70px;border-top:1px solid var(--line)}.intro h2,.support-band h2,.approach h2,.contact h2{font-size:clamp(39px,5vw,66px);letter-spacing:-.045em}.intro>p:last-child{max-width:570px;color:var(--muted);font-size:17px}.featured-services{max-width:var(--max);margin:auto;padding:0 28px}.feature{min-height:590px;padding:64px 0;display:grid;grid-template-columns:50px .9fr 1.1fr;gap:34px;align-items:center;border-top:1px solid var(--line)}.number{align-self:start;color:#6f7597;font-size:11px}.feature-copy{max-width:430px}.feature h3{font-size:42px;letter-spacing:-.035em}.feature-copy>p:not(.eyebrow){color:var(--muted)}.feature ul,.service-grid ul{padding:0;list-style:none;color:#d4d6e8;font-size:13px}.feature li,.service-grid li{padding:7px 0;border-bottom:1px solid #ffffff0c}.feature li:before,.service-grid li:before{content:"+";color:var(--blue);margin-right:10px}.feature-copy>a{display:inline-block;margin-top:18px;color:#baaaff;text-decoration:none;font-weight:600;font-size:13px}.visual{height:410px;position:relative;border:1px solid #30375d;border-radius:14px;background:#11152b;box-shadow:0 30px 60px #0007;overflow:hidden}.shop-bar{height:45px;display:flex;gap:6px;align-items:center;padding:0 14px;border-bottom:1px solid var(--line)}.shop-bar i{width:6px;height:6px;border-radius:50%;background:#4b5276}.shop-bar span{margin-left:10px;color:#747b9b;font-size:10px}.products{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:28px}.products>div{display:grid;gap:7px}.products span{height:170px;border-radius:7px;background:radial-gradient(circle at 65% 30%,#a18cff,#4626b7 28%,#171a34 70%)}.products>div:nth-child(2) span{background:radial-gradient(circle at 30% 30%,#7ec9ff,#235ca7 30%,#171a34 70%)}.products b{font-size:12px}.products small{color:var(--muted)}.cart{position:absolute;right:18px;bottom:20px;width:210px;padding:16px;background:#f6f5ff;color:#17172a;border-radius:8px;box-shadow:0 18px 40px #0008}.cart b,.cart span,.cart strong{display:block}.cart span{font-size:11px;color:#62657a}.cart strong{margin-top:11px;padding:8px;background:#6239dd;color:white;text-align:center;font-size:11px}.wireframe{background:radial-gradient(circle at 50% 0,#31266a,#101327 60%)}.screen{position:absolute;border:1px solid #515a8c;background:#f5f5fb;color:#17182a;border-radius:9px;box-shadow:0 30px 70px #0008}.desktop{width:78%;height:290px;left:8%;top:54px;padding:58px 34px}.desktop:before,.phone:before{content:"";position:absolute;left:0;right:0;top:0;height:27px;border-bottom:1px solid #d9daea}.screen b,.screen em{display:block;font:700 25px Manrope}.screen em{color:#6841df;font-style:normal}.screen button{margin:20px 0;border:0;background:#17182a;color:white;padding:10px}.desktop div{height:6px;background:#dadae6;margin:9px 0;width:75%}.phone{width:26%;height:245px;right:6%;bottom:25px;padding:52px 14px 20px}.phone b{font-size:14px}.phone button{border:0;background:#6841df;color:white;padding:8px;margin-top:17px}.service-grid{max-width:var(--max);margin:60px auto 0;padding:0 28px 130px;display:grid;grid-template-columns:1fr 1fr}.service-grid article{min-height:440px;padding:42px;border:1px solid var(--line);margin:-1px 0 0 -1px;background:#0e1122aa}.service-grid article>span{font-size:10px;color:#717897}.service-icon{width:54px;height:54px;margin:55px 0 25px;display:grid;place-items:center;border:1px solid #664adc;border-radius:50%;color:#b7a7ff;font-size:28px;box-shadow:0 0 30px #6740e62a}.service-grid h3{font-size:28px}.service-grid p{color:var(--muted);max-width:480px}.support-band{padding:110px max(28px,calc((100vw - var(--max))/2 + 28px));display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;background:linear-gradient(135deg,#271253,#17275c 55%,#102640);border-block:1px solid #826cff55}.support-band h2{font-size:48px}.capabilities{display:flex;align-content:center;flex-wrap:wrap;gap:10px}.capabilities span{padding:12px 16px;border:1px solid #ffffff25;border-radius:50px;background:#ffffff0b;color:#dfe3ff;font-size:13px}.approach{max-width:var(--max);margin:auto;padding:130px 28px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach ol{list-style:none;padding:0;margin:0}.approach li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:27px 0;border-top:1px solid var(--line)}.approach li>span{color:#8971ee;font-size:10px}.approach h3{font-size:20px}.approach li p{color:var(--muted);margin:8px 0}.contact{position:relative;padding:120px max(28px,calc((100vw - var(--max))/2 + 28px));display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;background:radial-gradient(circle at 20% 20%,#6234c966,transparent 34%),linear-gradient(135deg,#181348,#102553);border-top:1px solid #7f6aff55}.contact-copy>p:not(.eyebrow){color:#c1c8e3;max-width:510px}.contact-note{display:flex;gap:12px;align-items:center;margin-top:35px;color:#c8cde5;font-size:13px}.contact-note i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}form{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:30px;border:1px solid #ffffff26;border-radius:13px;background:#090c1e99;backdrop-filter:blur(14px)}label{display:grid;gap:7px;color:#c9cce3;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.wide{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid #3d4775;border-radius:4px;background:#111731;color:white;padding:13px;font:14px Inter;outline:none}input:focus,textarea:focus,select:focus{border-color:#9b82ff;box-shadow:0 0 0 3px #7547ff22}textarea{resize:vertical}.status{margin:0;text-transform:none;letter-spacing:0;color:#b8c1e2}footer{max-width:var(--max);min-height:100px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;color:#6e7493;font-size:10px;letter-spacing:.09em}footer .brand{font-size:12px;letter-spacing:0}@keyframes pulse{0%{transform:scale(.8);opacity:0}45%{opacity:1}100%{transform:scale(1.25);opacity:0}}@keyframes dash{to{stroke-dashoffset:-120}}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.service-console{height:470px}.feature{grid-template-columns:34px 1fr}.feature .visual{grid-column:2}.support-band,.approach,.contact{grid-template-columns:1fr}.support-band,.contact{gap:45px}.approach{gap:55px}.service-grid{grid-template-columns:1fr}}@media(max-width:600px){.site-header{height:70px;padding:0 18px}.brand span{font-size:12px}.site-header .button{display:none}.hero,.intro,.featured-services,.service-grid,.approach{padding-left:18px;padding-right:18px}.hero{min-height:auto;padding-bottom:70px;gap:40px}h1{font-size:45px}.hero-actions{align-items:flex-start;flex-direction:column}.service-console{height:420px}.console-node{width:112px;padding:10px}.n1,.n3{left:13px}.n2,.n4{right:13px}.console-core{width:126px;height:126px}.feature{grid-template-columns:1fr;padding:60px 0}.feature .number,.feature .visual{grid-column:1}.feature h3{font-size:35px}.visual{height:340px}.products{padding:18px}.products span{height:140px}.screen.desktop{width:87%;left:3%;padding-left:22px}.phone{width:30%;right:3%}.service-grid article{padding:30px;min-height:410px}.support-band,.contact{padding:80px 18px}.support-band h2{font-size:39px}.approach{padding-top:90px;padding-bottom:90px}.contact h2{font-size:43px}form{grid-template-columns:1fr;padding:20px}form label{grid-column:1}footer{padding:30px 18px;align-items:flex-start;gap:20px;flex-direction:column}}
