:root{
  --bg:#02060c;--panel:#07101a;--panel2:#0a1420;--text:#f6f8fb;--muted:#9ba7b5;
  --line:rgba(160,180,205,.16);--blue:#087cff;--blue2:#1358ff;--max:1180px;
  --shadow:0 20px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0%,rgba(8,124,255,.09),transparent 35%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}
.site-header{position:sticky;top:0;z-index:50;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:rgba(1,5,10,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand img{width:220px;height:auto;display:block}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a{font-size:13px;color:#e9eef5;position:relative;padding:31px 0}.site-header nav a:after{content:"";position:absolute;left:0;bottom:21px;width:0;height:2px;background:var(--blue);transition:.25s}.site-header nav a:hover:after,.site-header nav a.active:after{width:100%}.site-header nav a.active{color:#fff}.nav-cta,.footer-btn{border:1px solid var(--blue);background:transparent;color:#fff;padding:12px 22px;border-radius:28px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}
.section{padding:105px max(5%,calc((100% - var(--max))/2));position:relative}.hero{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;padding-top:75px}.hero:before{content:"";position:absolute;inset:auto -20% -55% 25%;height:450px;background:radial-gradient(circle,rgba(0,101,255,.24),transparent 65%);pointer-events:none}.eyebrow{color:#1686ff;letter-spacing:2px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:14px}.eyebrow:after{content:"";width:52px;height:2px;background:var(--blue)}.hero h1{font-size:clamp(44px,5vw,72px);line-height:1.03;letter-spacing:-2.5px;margin:25px 0}.hero h1 span{color:#087cff}.hero p{font-size:18px;color:#aab5c1;max-width:610px}.hero-actions{display:flex;gap:18px;margin-top:35px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:0 27px;border-radius:5px;font-weight:700;border:1px solid var(--blue);transition:.25s}.primary-btn{background:linear-gradient(135deg,#116df4,#0754cf);color:#fff}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(8,124,255,.28)}.secondary-btn{border-color:#536171;color:#fff}.secondary-btn:hover{border-color:var(--blue);color:#63aaff}.trust-row{display:flex;gap:14px;align-items:center;color:#617080;font-size:10px;letter-spacing:2px;margin-top:42px}.trust-row i{width:4px;height:4px;background:#087cff;border-radius:50%}
.hero-visual{height:500px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:390px;height:390px;background:radial-gradient(circle,rgba(0,112,255,.2),transparent 67%);filter:blur(15px)}.logo-orbit{position:absolute;width:430px;height:430px;border:1px solid rgba(22,134,255,.4);border-radius:50%;box-shadow:0 0 80px rgba(0,94,255,.1)}.hero-mark{position:relative;width:340px;filter:drop-shadow(0 0 24px rgba(0,117,255,.3));animation:float 6s ease-in-out infinite}.floating-card{position:absolute;background:rgba(7,15,25,.9);border:1px solid var(--line);padding:11px 15px;border-radius:8px;display:flex;gap:9px;align-items:center;box-shadow:var(--shadow);font-size:11px}.floating-card strong{color:#087cff}.card-one{left:6%;top:24%}.card-two{right:2%;top:14%}.card-three{right:9%;bottom:18%}@keyframes float{50%{transform:translateY(-12px)}}
.section-heading{text-align:center;max-width:760px;margin:0 auto 48px}.section-heading .eyebrow{justify-content:center}.section-heading h2,.about h2,.contact h2{font-size:clamp(32px,4vw,48px);margin:16px 0 10px;line-height:1.1}.section-heading p{color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.service-card{min-height:275px;background:linear-gradient(180deg,rgba(10,20,32,.88),rgba(4,10,17,.9));border:1px solid var(--line);border-radius:12px;padding:31px 22px;text-align:center;transition:.3s;display:flex;flex-direction:column;align-items:center}.service-card:hover{transform:translateY(-7px);border-color:rgba(8,124,255,.6);box-shadow:0 15px 40px rgba(0,0,0,.25)}.icon{color:#087cff;font-size:40px;height:58px;display:grid;place-items:center}.service-card h3{font-size:18px;margin:12px 0 8px}.service-card p{color:#9aa5b1;font-size:14px}.text-btn{margin-top:auto;border:0;background:none;color:#55a8ff;font-size:12px;font-weight:700}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;background:linear-gradient(180deg,rgba(5,12,20,.7),rgba(2,6,12,.4))}.about-art{min-height:440px;display:grid;place-items:center;position:relative}.about-ring{position:absolute;width:390px;height:390px;border-radius:50%;border:1px solid rgba(22,134,255,.45);box-shadow:0 0 100px rgba(0,100,255,.1)}.about-mark{width:270px;position:relative;filter:drop-shadow(0 0 35px rgba(0,105,255,.25))}.about-copy p{font-size:17px;color:var(--muted);max-width:650px}.stats{display:flex;gap:50px;margin:34px 0}.stats div{display:flex;flex-direction:column}.stats strong{font-size:32px;color:#fff}.stats span{font-size:12px;color:#778494}
.portfolio-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-auto-rows:250px;gap:18px}.project{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#07101a}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(8,124,255,.25),transparent 50%)}.project-large{grid-row:span 2;background:radial-gradient(circle at 75% 20%,#15437a,transparent 25%),linear-gradient(135deg,#07111d,#03070d)}.project-blue{background:linear-gradient(135deg,#0a3d75,#05101c)}.project-dark{background:linear-gradient(135deg,#10161e,#03060a)}.project-gradient{background:linear-gradient(135deg,#0b1e33,#0c3d74)}.project-overlay{position:absolute;inset:auto 0 0;padding:25px;background:linear-gradient(transparent,rgba(0,0,0,.88))}.project-overlay span{font-size:10px;color:#59aaff;letter-spacing:1.5px}.project-overlay h3{margin:7px 0 2px;font-size:21px}.project-overlay p{margin:0;color:#a9b3bf;font-size:12px}
.process{background:#030911}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-item{padding:28px;border-left:2px solid #0d4d9a;background:linear-gradient(90deg,rgba(8,124,255,.06),transparent)}.process-item span{color:#087cff;font-weight:700}.process-item h3{margin:13px 0 5px}.process-item p{color:var(--muted);font-size:14px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-grid article{border:1px solid var(--line);padding:28px;border-radius:12px;background:#060d15}.blog-grid article span{font-size:10px;color:#087cff;letter-spacing:2px}.blog-grid h3{font-size:21px}.blog-grid p{color:var(--muted);font-size:14px}.blog-grid a{color:#55a8ff;font-size:13px;font-weight:700}
.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:radial-gradient(circle at 85% 20%,rgba(0,104,255,.13),transparent 35%)}.contact-copy>p{color:var(--muted);font-size:17px;max-width:500px}.contact-details{margin-top:35px;display:grid;gap:20px}.contact-details div{display:flex;flex-direction:column}.contact-details span{font-size:11px;color:#6d7c8d;text-transform:uppercase;letter-spacing:1px}.contact-details a{color:#fff;margin-top:3px}.contact-details a:hover{color:#4fa6ff}.contact-form,.modal-card form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label,.modal-card label{font-size:12px;color:#8d9aaa;display:grid;gap:7px}.contact-form input,.contact-form select,.contact-form textarea,.modal-card input,.modal-card select,.modal-card textarea{width:100%;background:#050b12;color:#fff;border:1px solid var(--line);border-radius:6px;padding:13px 14px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{border-color:#087cff}.contact-form textarea,.modal-card textarea{min-height:135px;resize:vertical}.contact-form small{color:#637080;font-size:10px}
footer{border-top:1px solid var(--line);background:#01050a}.footer-main{max-width:var(--max);margin:auto;padding:55px 5%;display:grid;grid-template-columns:2fr 1fr 1.3fr 1.5fr;gap:40px}.footer-logo{width:205px}.footer-main p{color:#798594}.footer-main h4{margin-top:0}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-main a{color:#8f9aaa;font-size:13px}.footer-main a:hover{color:#4fa6ff}.footer-btn{margin-top:10px;width:max-content}.footer-bottom{border-top:1px solid var(--line);padding:18px 5%;display:flex;justify-content:space-between;color:#5e6b79;font-size:11px}
.modal{display:none;position:fixed;inset:0;z-index:100}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(760px,92vw);max-height:92vh;overflow:auto;background:#07101a;border:1px solid rgba(72,150,255,.35);border-radius:15px;padding:34px;box-shadow:0 30px 100px #000}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#fff;font-size:28px}.modal-card h2{font-size:34px;margin:10px 0 3px}.modal-subtitle{color:#8d9aaa;font-size:13px;margin-bottom:20px}.full{width:100%}.success-box{margin-top:16px;border:1px solid rgba(52,211,153,.4);background:rgba(16,185,129,.08);padding:18px;border-radius:8px;color:#a7f3d0}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#0b1622;border:1px solid #1e4f85;color:#fff;padding:14px 18px;border-radius:8px;transform:translateY(120px);opacity:0;transition:.3s;max-width:360px}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(3,1fr)}.site-header nav{gap:18px}.portfolio-grid{grid-template-columns:1fr 1fr}.project-large{grid-column:span 2}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-main>div:last-child{grid-column:span 3}}
@media(max-width:780px){.site-header{height:70px}.brand img{width:185px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#03080e;border-bottom:1px solid var(--line);padding:15px 5%;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:13px 0}.site-header nav a:after{bottom:5px}.nav-cta{margin-top:10px}.hero{grid-template-columns:1fr;padding-top:65px;text-align:left}.hero-visual{height:390px;order:-1}.hero-mark{width:240px}.logo-orbit{width:300px;height:300px}.floating-card{display:none}.hero h1{font-size:45px}.service-grid,.process-grid,.blog-grid{grid-template-columns:1fr}.about,.contact{grid-template-columns:1fr;gap:35px}.about-art{min-height:320px}.about-ring{width:280px;height:280px}.about-mark{width:200px}.portfolio-grid{grid-template-columns:1fr;grid-auto-rows:220px}.project-large{grid-column:auto;grid-row:span 1}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.form-row{grid-template-columns:1fr}.section{padding-top:75px;padding-bottom:75px}}
@media(max-width:450px){.hero-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.stats{gap:20px}.stats strong{font-size:25px}.modal-card{padding:25px 18px}}