*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#050912;--panel:#091321;--panel2:#0c1828;--white:#f5f8ff;--muted:#8e9db1;--blue:#0987ff;--cyan:#50bcff;--line:rgba(255,255,255,.09);--max:1180px}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--white);line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.ambient{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-2}.ambient-a{width:500px;height:500px;right:-250px;top:-200px;background:rgba(0,112,255,.1)}.ambient-b{width:400px;height:400px;left:-280px;top:42%;background:rgba(0,110,255,.05)}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.header{height:82px;position:fixed;inset:0 0 auto;z-index:100;background:rgba(5,9,18,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo-link img{width:205px;display:block}
.nav-links{display:flex;align-items:center;gap:30px;color:#aebacc;font-size:12px}.nav-links a{transition:.2s}.nav-links a:hover{color:#fff}.nav-button{padding:11px 17px;border:1px solid rgba(80,188,255,.38);border-radius:7px;color:#fff!important}
.menu{display:none;background:none;border:0}.menu i{display:block;width:25px;height:2px;background:#fff;margin:5px}
.hero{min-height:820px;padding-top:82px;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-lines{position:absolute;inset:82px 0 0;background:radial-gradient(circle at 76% 47%,rgba(9,135,255,.14),transparent 29%),linear-gradient(120deg,transparent 48%,rgba(80,188,255,.035) 48.1%,transparent 48.35%)}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.kicker,.label{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#63a9e6}.kicker span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 13px var(--blue);margin-right:8px}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;line-height:1.04}h1{font-size:clamp(70px,9vw,112px);letter-spacing:-6px;margin:23px 0}h1 span{color:var(--cyan)}.hero-text{max-width:560px;color:var(--muted);font-size:17px}
.actions{display:flex;gap:12px;margin-top:33px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:7px;font-size:12px;font-weight:700;transition:.25s}.btn b{font-size:16px}.primary{background:linear-gradient(135deg,#087af0,#16a1ff);box-shadow:0 14px 38px rgba(9,135,255,.2)}.primary:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(9,135,255,.3)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.02)}.secondary:hover{border-color:rgba(80,188,255,.35)}
.hero-points{display:flex;gap:12px;align-items:center;margin-top:55px;color:#62758c;font-size:9px;letter-spacing:1.6px}.hero-points em{color:#328fd2;font-style:normal}
.hero-art{height:510px;position:relative;display:flex;align-items:center;justify-content:center}.ring{position:absolute;border:1px solid rgba(80,188,255,.13);border-radius:50%}.ring-1{width:460px;height:460px}.ring-2{width:350px;height:350px;border-color:rgba(80,188,255,.21)}.ring-3{width:230px;height:230px;border-color:rgba(80,188,255,.08)}
.shield{width:225px;height:255px;clip-path:polygon(50% 0,93% 16%,87% 62%,50% 100%,13% 62%,7% 16%);background:linear-gradient(145deg,#118dff,#06152b 64%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 80px rgba(9,135,255,.17);z-index:2}.shield:after{content:"";position:absolute;width:180px;height:205px;background:#07111f;clip-path:polygon(50% 0,93% 16%,87% 62%,50% 100%,13% 62%,7% 16%);z-index:-1}
.shield-top{font-size:8px;letter-spacing:2px;color:#64c2ff}.shield strong{font-family:"Space Grotesk";font-size:63px;letter-spacing:-5px;color:#fff}.shield small{font-size:7px;letter-spacing:3px;color:#83a9c9}
.float-tag{position:absolute;z-index:3;padding:11px 13px;background:rgba(7,16,29,.9);border:1px solid rgba(80,188,255,.18);border-radius:7px;box-shadow:0 15px 40px rgba(0,0,0,.3);font-size:9px;letter-spacing:1.5px;color:#9caabd}.float-tag span{color:#51b9ff;margin-right:12px}.tag-a{top:74px;right:0}.tag-b{bottom:85px;left:0}.tag-c{bottom:25px;right:30px}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.01)}.trust{display:flex;justify-content:center;align-items:center;gap:24px;padding:17px;color:#61728a;font-size:9px;letter-spacing:2px}.trust i{width:4px;height:4px;border-radius:50%;background:#198fe8}
.section{padding:125px 0}.about{background:linear-gradient(180deg,transparent,rgba(8,19,33,.45),transparent)}.about-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:80px}.about h2,.section-head h2,.contact h2{font-size:clamp(42px,5.2vw,68px);letter-spacing:-3.5px;margin:16px 0 27px}.about h2 span,.section-head h2 span,.contact h2 span{color:var(--cyan)}.about-copy p{max-width:760px;font-size:16px;color:#a8b4c4}.about-copy .muted{color:#718197;font-size:13px;margin-top:17px}.stat-row{display:flex;gap:70px;margin-top:48px}.stat-row div{display:flex;flex-direction:column}.stat-row b{font-family:"Space Grotesk";color:#52baff;font-size:20px}.stat-row small{font-size:9px;color:#6c7d93;text-transform:uppercase;letter-spacing:1.5px}
.section-head{margin-bottom:48px}.section-head p{max-width:360px;color:#74839a;font-size:12px;margin-left:auto;margin-top:-55px}.services{background:#07101c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:80px 1fr auto;gap:25px;align-items:center;padding:42px 0;border-bottom:1px solid var(--line);transition:.3s}.service:hover{padding-left:12px;padding-right:12px;background:rgba(255,255,255,.015)}.service-no{font-family:"Space Grotesk";font-size:12px;color:#4daee9}.service-main{max-width:780px}.service-icon{color:#53bcff;font-size:26px;margin-bottom:8px}.service h3{font-size:32px;letter-spacing:-1.2px}.service h3 span{color:#50bcff}.service p{color:#8190a4;font-size:13px;max-width:680px;margin:10px 0 17px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips b{font-size:9px;font-weight:500;color:#91a1b5;border:1px solid var(--line);border-radius:20px;padding:5px 9px}.service>a{font-size:10px;font-weight:700;color:#59bfff;white-space:nowrap}.service>a span{font-size:16px;margin-left:6px}
.approach{background:radial-gradient(circle at 80% 20%,rgba(9,135,255,.07),transparent 25%)}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.step{min-height:230px;padding:26px;border-right:1px solid var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step b{font-family:"Space Grotesk";font-size:11px;color:#52baff}.step h3{font-size:24px;margin-top:55px;margin-bottom:12px}.step p{font-size:11px;color:#74839a}
.portfolio{background:#07101c;border-top:1px solid var(--line)}.portfolio-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.project{background:#091522;border:1px solid var(--line);border-radius:10px;overflow:hidden}.project-big{grid-row:span 2}.project-art{height:230px;display:flex;align-items:center;justify-content:center;position:relative;font-family:"Space Grotesk";font-size:36px;letter-spacing:5px;color:rgba(255,255,255,.75)}.project-big .project-art{height:480px}.project-art span{position:absolute;top:20px;right:20px;font-size:10px;letter-spacing:1px;color:#54b9ff}.project-art:after{content:"";width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%;position:absolute}.web{background:radial-gradient(circle at 25% 30%,#0e86f5,transparent 25%),linear-gradient(135deg,#0b2b4d,#06101b)}.security{background:radial-gradient(circle at 70% 35%,#0d6cb8,transparent 30%),linear-gradient(135deg,#152337,#080f18)}.marketing{background:radial-gradient(circle at 40% 70%,#0e75b9,transparent 28%),linear-gradient(135deg,#0a2238,#060d15)}.project-info{padding:19px 21px;display:flex;justify-content:space-between;align-items:center}.project-info small{font-size:8px;letter-spacing:1.5px;color:#559dd2}.project-info h3{font-size:15px;margin-top:6px}.project-info b{color:#51b9ff;font-size:18px}
.cta{padding:20px 0 105px}.cta-box{padding:58px;border:1px solid rgba(80,188,255,.18);border-radius:14px;background:radial-gradient(circle at 80% 10%,rgba(9,135,255,.14),transparent 28%),#091625;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-family:"Space Grotesk";font-size:48px;letter-spacing:-2px;margin-top:14px}.cta h2 span{color:#50bcff}
.contact{padding-top:70px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-copy>p{color:#78879c;font-size:14px;max-width:540px}.contact-list{margin-top:42px;display:grid;gap:20px}.contact-list div{display:flex;flex-direction:column}.contact-list small{font-size:8px;letter-spacing:1.6px;color:#4d9bd0}.contact-list strong,.contact-list a{font-size:13px;color:#d8e0eb;margin-top:4px}
.form{background:#091523;border:1px solid var(--line);padding:28px;border-radius:11px;display:grid;gap:15px}.form label{font-size:9px;letter-spacing:1.2px;color:#7d8da3}.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;background:#050b14;border:1px solid rgba(255,255,255,.09);color:#eef5ff;border-radius:6px;padding:12px;font:inherit;font-size:12px;outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:rgba(80,188,255,.5)}.form textarea{resize:vertical}.form>small{font-size:9px;color:#617189}
.footer{border-top:1px solid var(--line);background:#03070d;margin-top:50px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding:45px 0}.footer-top img{width:190px}.footer-top p{font-size:9px;color:#60718a;letter-spacing:2px;margin-top:7px}.footer-nav{display:flex;gap:25px;font-size:10px;color:#718097}.footer-bottom{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;color:#536176;font-size:9px}
.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-links{gap:16px}.hero-inner{grid-template-columns:1fr}.hero{padding:120px 0 70px}.hero-art{height:420px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.steps{grid-template-columns:repeat(2,1fr)}.service{grid-template-columns:55px 1fr}.service>a{grid-column:2}.portfolio-grid{grid-template-columns:1fr}.project-big{grid-row:auto}.project-big .project-art{height:330px}}
@media(max-width:700px){.container{width:calc(100% - 30px)}.header{height:70px}.logo-link img{width:165px}.menu{display:block}.nav-links{display:none;position:absolute;top:70px;left:15px;right:15px;flex-direction:column;align-items:stretch;background:#091321;border:1px solid var(--line);padding:16px;border-radius:9px}.nav-links.open{display:flex}.nav-button{text-align:center}.hero{padding-top:100px}.hero-inner{gap:20px}h1{font-size:62px;letter-spacing:-4px}.hero-text{font-size:14px}.hero-points{font-size:8px;gap:7px;margin-top:40px}.hero-art{height:350px}.ring-1{width:330px;height:330px}.ring-2{width:255px;height:255px}.ring-3{width:175px;height:175px}.shield{width:170px;height:195px}.shield strong{font-size:48px}.tag-a{top:35px}.tag-b{bottom:55px}.tag-c{right:0;bottom:5px}.trust{justify-content:flex-start;overflow:auto;white-space:nowrap;font-size:7px;gap:14px}.section{padding:85px 0}.about h2,.section-head h2,.contact h2{font-size:43px;letter-spacing:-2px}.stat-row{gap:35px}.section-head p{margin:15px 0 0}.service{display:block;padding:32px 0}.service-no{margin-bottom:14px}.service h3{font-size:27px}.service>a{display:inline-block;margin-top:20px}.steps{grid-template-columns:1fr}.step{min-height:190px}.step h3{margin-top:40px}.cta-box{display:block;padding:34px 25px}.cta h2{font-size:37px}.cta .btn{margin-top:25px}.footer-top,.footer-bottom{display:block}.footer-nav{margin-top:24px;flex-wrap:wrap}.footer-bottom span{display:block;margin-top:7px}}