@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap');

:root{
  --bg:#020c20;--bg2:#061c40;--panel:rgba(7,29,63,.7);--line:rgba(76,174,255,.38);
  --blue:#087fff;--cyan:#42c7ff;--white:#f5f8ff;--muted:#9fb2cf;--silver:#d8dee8;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
.page-shell{min-height:100vh;position:relative;background:
 radial-gradient(circle at 76% 14%,rgba(0,116,255,.18),transparent 30%),
 radial-gradient(circle at 12% 54%,rgba(0,98,255,.12),transparent 27%),
 linear-gradient(135deg,#020918 0%,#031735 48%,#021024 100%);isolation:isolate}
.grid-overlay{position:absolute;inset:0;opacity:.25;pointer-events:none;background-image:
 linear-gradient(rgba(70,150,230,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(70,150,230,.08) 1px,transparent 1px);
 background-size:50px 50px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.ambient{position:absolute;width:500px;height:500px;border:1px solid rgba(36,143,255,.08);border-radius:50%;pointer-events:none}
.ambient-1{right:-220px;top:300px;box-shadow:0 0 0 80px rgba(20,100,220,.025),0 0 0 160px rgba(20,100,220,.018)}
.ambient-2{left:-300px;top:760px;box-shadow:0 0 0 100px rgba(20,100,220,.02)}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(120,180,255,.16);position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:54px;height:54px;display:grid;place-items:center}
.brand-mark svg{width:100%;height:100%}
.gear-ring{fill:none;stroke:#dce4ef;stroke-width:4}
.brand-copy strong{display:block;font-family:Rajdhani,sans-serif;font-size:25px;letter-spacing:4px}
.brand-copy strong span{display:block;color:var(--cyan);font-size:10px;letter-spacing:5px;text-align:center;margin-top:-2px}
.top-contact{font-size:12px;color:#bcd1ed;text-transform:uppercase;letter-spacing:1.6px}
.status-dot{display:inline-block;width:7px;height:7px;background:#27c4ff;border-radius:50%;box-shadow:0 0 14px #27c4ff;margin-right:8px}
.hero{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:20px;padding:72px 0 48px;position:relative}
.hero-copy{position:relative;z-index:2}
.eyebrow{font-size:11px;letter-spacing:2.2px;color:#8fc7f4;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.eyebrow span{width:30px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
h1{font-family:Rajdhani,sans-serif;text-transform:uppercase;font-size:clamp(58px,6.5vw,94px);line-height:.84;letter-spacing:-2px;margin:24px 0 24px;max-width:720px}
h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 35px rgba(44,174,255,.25)}
.lead{max-width:600px;color:#afc0d8;font-size:16px;line-height:1.8;margin:0 0 28px}
.launch-card{display:flex;align-items:center;gap:18px;width:min(100%,650px);padding:16px 20px;border:1px solid rgba(74,184,255,.65);background:linear-gradient(90deg,rgba(8,83,170,.32),rgba(4,25,57,.42));box-shadow:0 0 30px rgba(0,126,255,.09),inset 0 0 22px rgba(40,150,255,.05);clip-path:polygon(0 0,98% 0,100% 50%,98% 100%,0 100%,2% 50%)}
.launch-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border:1px solid #4cc5ff;border-radius:50%;box-shadow:0 0 22px rgba(43,183,255,.22)}
.launch-icon svg{width:34px;fill:none;stroke:#9fe0ff;stroke-width:2}
.launch-label{font-size:10px;letter-spacing:2px;color:#74b7e8;text-transform:uppercase}
.launch-title{font-family:Rajdhani,sans-serif;font-size:38px;font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1}
.launch-sub{font-size:11px;color:#9cb5d2;margin-top:5px}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;max-width:760px}
.btn{border:1px solid rgba(62,174,255,.7);min-height:76px;padding:12px 15px;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;transition:.25s;position:relative;overflow:hidden}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 35px rgba(0,114,255,.18)}
.btn-primary{background:linear-gradient(135deg,#0c73dc,#06418f)}
.btn-secondary{background:linear-gradient(135deg,#e8edf3,#9da7b7);color:#0b2345;border-color:#d9e2ef}
.btn-icon{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:19px;flex:0 0 38px}
.btn b{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.4px}
.btn small{display:block;margin-top:4px;opacity:.72;font-size:10px}
.arrow{margin-left:auto;font-size:26px;font-weight:300}
.hero-art{height:570px;position:relative;display:flex;align-items:center;justify-content:center}
.blueprint{width:650px;max-width:100%;color:#67bfff;opacity:.32;filter:drop-shadow(0 0 10px rgba(32,158,255,.12))}
.blueprint svg{width:100%;height:auto}
.gear{position:absolute;border:13px solid rgba(188,207,230,.17);border-radius:50%;box-shadow:inset 0 0 0 6px rgba(1,16,40,.8),0 0 0 2px rgba(83,172,245,.15)}
.gear:before,.gear:after{content:"";position:absolute;inset:-28px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(174,198,225,.22) 0deg 7deg,transparent 7deg 30deg);mask:radial-gradient(circle,transparent 0 60%,#000 61% 72%,transparent 73%)}
.gear:after{inset:26%;border:4px solid rgba(93,182,255,.2);background:none;mask:none}
.gear-a{width:210px;height:210px;left:-15px;top:60px;animation:spin 26s linear infinite}
.gear-b{width:150px;height:150px;right:5px;top:170px;animation:spin 18s linear infinite reverse}
.gear-c{width:110px;height:110px;right:80px;bottom:30px;animation:spin 13s linear infinite}
.vertical-line{position:absolute;right:35px;top:0;height:100%;width:1px;background:linear-gradient(transparent,rgba(54,164,255,.5),transparent)}
@keyframes spin{to{transform:rotate(360deg)}}
.trust-strip{height:46px;border:1px solid var(--line);border-radius:24px;display:grid;place-items:center;color:#b6d9f8;font-size:11px;letter-spacing:2.1px;background:rgba(4,29,62,.55);box-shadow:0 0 25px rgba(0,128,255,.06)}
.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;border:1px solid rgba(91,164,224,.32);background:rgba(4,20,45,.52)}
.feature-grid article{min-height:118px;padding:20px 12px;text-align:center;border-right:1px solid rgba(91,164,224,.22);display:flex;flex-direction:column;align-items:center;justify-content:center}
.feature-grid article:last-child{border-right:0}
.feature-icon{font-size:28px;color:#d8e3ef;margin-bottom:9px;text-shadow:0 0 18px rgba(72,184,255,.25)}
.feature-grid b{font-size:11px;text-transform:uppercase;letter-spacing:1px}
.feature-grid small{color:#7fa5cb;font-size:9px;text-transform:uppercase;letter-spacing:1.2px;margin-top:5px}
.industries{padding:82px 0 40px}
.section-heading span,.contact-head span{font-size:10px;letter-spacing:3px;color:var(--cyan);text-transform:uppercase}
.section-heading h2,.contact-head h2{font-family:Rajdhani,sans-serif;font-size:38px;text-transform:uppercase;letter-spacing:1px;margin:9px 0 25px}
.industry-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.industry-grid div{min-height:120px;padding:18px 12px;border:1px solid rgba(80,164,232,.24);background:linear-gradient(160deg,rgba(8,38,79,.65),rgba(2,17,38,.5));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.25s}
.industry-grid div:hover{border-color:rgba(70,188,255,.7);transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,102,220,.12)}
.industry-grid span{font-size:30px;color:#a9bdd5;margin-bottom:12px}
.industry-grid b{font-size:10px;line-height:1.35;text-transform:uppercase;letter-spacing:1px}
.certifications{padding:30px 0 80px}
.certs{display:grid;grid-template-columns:repeat(4,1fr) 1.5fr;border-top:1px solid rgba(160,180,205,.22);border-bottom:1px solid rgba(160,180,205,.22);background:linear-gradient(90deg,rgba(184,196,210,.15),rgba(60,75,95,.1));}
.cert{padding:20px 15px;display:flex;align-items:center;gap:10px;border-right:1px solid rgba(130,160,190,.2)}
.cert>span{width:38px;height:38px;border:1px solid rgba(220,230,240,.4);border-radius:50%;display:grid;place-items:center}
.cert b{font-size:11px}
.cert small{display:block;color:#8196ae;font-size:8px;margin-top:3px}
.cert-message{display:flex;align-items:center;justify-content:center;text-align:center;font-family:Rajdhani,sans-serif;font-size:16px;letter-spacing:2px;color:#d6e1ee;line-height:1.2}
.cert-message strong{color:#44b9ff}
.contact{padding:10px 0 78px}
.contact-head{text-align:center}
.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.contact-grid>a,.contact-grid>div{display:flex;align-items:center;gap:13px;border:1px solid rgba(67,164,235,.24);padding:17px;background:rgba(5,24,51,.55)}
.contact-grid i{font-style:normal;width:39px;height:39px;border:1px solid rgba(70,182,255,.45);border-radius:50%;display:grid;place-items:center;color:#9ddcff}
.contact-grid small{display:block;color:#6f9ac1;text-transform:uppercase;letter-spacing:1px;font-size:8px;margin-bottom:3px}
.contact-grid span{font-size:11px;color:#d2dfef}
footer{border-top:1px solid rgba(109,159,205,.2);background:rgba(1,10,26,.55)}
.footer-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;color:#6884a4;font-size:10px}
.socials{display:flex;gap:8px}.socials a{width:34px;height:34px;border:1px solid rgba(78,168,232,.3);border-radius:50%;display:grid;place-items:center;color:#9fc6e7;font-size:11px}
dialog{border:0;padding:0;background:transparent;color:var(--white);width:min(650px,calc(100% - 28px))}
dialog::backdrop{background:rgba(0,5,16,.82);backdrop-filter:blur(8px)}
.modal-card{position:relative;background:linear-gradient(145deg,#061b3c,#020c20);border:1px solid rgba(71,180,255,.5);padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.close{position:absolute;right:14px;top:10px;background:none;border:0;color:#9fb4cd;font-size:28px;cursor:pointer}
.modal-kicker{font-size:9px;letter-spacing:2px;color:var(--cyan)}
.modal-card h2{font-family:Rajdhani;font-size:40px;text-transform:uppercase;margin:7px 0}
.modal-card p{color:#8da7c4;font-size:12px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0}
.form-grid label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#8eb4d6}
.form-grid .full{grid-column:1/-1}
input,textarea{display:block;width:100%;margin-top:7px;border:1px solid rgba(87,164,218,.3);background:#020e22;color:white;padding:12px 13px;outline:none}
input:focus,textarea:focus{border-color:#39baff;box-shadow:0 0 0 3px rgba(25,157,255,.08)}
.modal-submit{width:100%;border:1px solid #36baff;background:#086dcc;color:#fff;padding:14px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.form-note{display:block;color:#647f9f;font-size:9px;margin-top:12px}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#0b2c55;border:1px solid #36baff;padding:12px 18px;font-size:11px;opacity:0;pointer-events:none;transition:.3s;z-index:20}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1000px){
 .hero{grid-template-columns:1fr;padding-top:55px}.hero-art{position:absolute;right:-150px;top:130px;width:560px;opacity:.35;z-index:0}.hero-copy{max-width:760px}
 .industry-grid{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:repeat(2,1fr)}.certs{grid-template-columns:repeat(2,1fr)}.cert-message{padding:20px;grid-column:1/-1}
}
@media(max-width:700px){
 .container{width:min(calc(100% - 28px),var(--max))}
 .topbar{height:72px}.top-contact{font-size:8px;letter-spacing:1px}.brand-mark{width:43px;height:43px}.brand-copy strong{font-size:20px;letter-spacing:2px}.brand-copy strong span{font-size:8px;letter-spacing:3px}
 .hero{min-height:auto;padding:52px 0 38px}.hero-art{right:-220px;top:190px;width:500px;opacity:.16}.eyebrow{font-size:8px;letter-spacing:1.4px}
 h1{font-size:58px;letter-spacing:-1px}.lead{font-size:13px;line-height:1.7}
 .launch-card{padding:13px 14px}.launch-icon{width:48px;height:48px;flex-basis:48px}.launch-title{font-size:30px}.launch-sub{font-size:9px}
 .actions{grid-template-columns:1fr}.btn{min-height:68px}
 .trust-strip{font-size:8px;letter-spacing:1px;text-align:center;padding:0 12px}
 .feature-grid{grid-template-columns:repeat(2,1fr)}.feature-grid article:nth-child(2),.feature-grid article:nth-child(4){border-right:0}.feature-grid article:nth-child(5){grid-column:1/-1;border-right:0}
 .industries{padding:58px 0 28px}.section-heading h2,.contact-head h2{font-size:31px}.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-grid div{min-height:105px}
 .certifications{padding-bottom:58px}.certs{grid-template-columns:1fr 1fr}.cert{border-bottom:1px solid rgba(130,160,190,.2)}.cert-message{grid-column:1/-1;font-size:14px}
 .contact{padding-bottom:58px}.contact-grid{grid-template-columns:1fr}.footer-inner{padding:15px 0;gap:15px;align-items:flex-start}.socials{flex-shrink:0}
 .modal-card{padding:28px 18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}
}
@media(max-width:390px){h1{font-size:50px}.brand-copy strong{font-size:17px}.top-contact{display:none}}