@import url('/assets/fonts.css');
:root{--bg:#080f1c;--panel:#111d30;--text:#edf4ff;--muted:#a5b5cb;--cyan:#51e3ec;--border:#26364b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a.button{cursor:pointer}a:hover{color:var(--cyan)}header{max-width:1440px;margin:auto;padding:28px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:24px}.brand{font-size:36px;font-weight:900;letter-spacing:-2px;line-height:1}.brand span{display:block;font-size:10px;letter-spacing:5px;margin-top:8px;font-weight:500}nav{display:flex;gap:32px;align-items:center;font-size:14px}.nav-pill{border:1px solid var(--border);padding:10px 18px;border-radius:24px}.hero{padding:70px 6% 60px;max-width:1440px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:30px;min-height:680px;align-items:center}.eyebrow{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 24px}h1,h2,h3{line-height:1.1;letter-spacing:-1.5px;margin:0}h1{font-size:clamp(44px,5.2vw,78px);font-weight:750}h1 span,h2 span{color:var(--cyan)}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:560px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button,button:not(.gallery-card){background:var(--cyan);border:0;padding:14px 22px;color:#06121c;border-radius:5px;font-weight:700;display:inline-block}.text-link{font-size:14px;border-bottom:1px solid var(--muted);padding-bottom:5px}.hero-bottom{display:flex;gap:25px;margin-top:48px;font-size:11px;letter-spacing:1.5px;color:var(--muted)}.hero-visual{height:560px;position:relative;background:radial-gradient(ellipse at center,#163c51 0%,#101d32 45%,#080f1c 75%);display:flex;justify-content:center;align-items:center}.hero-visual>img{height:91%;max-width:85%;object-fit:contain;position:relative;filter:drop-shadow(0 25px 25px #0009)}.orbit{width:420px;height:420px;border:1px solid #51e3ec30;border-radius:50%;position:absolute;transform:rotate(-20deg);box-shadow:0 0 0 40px #51e3ec06,0 0 0 80px #51e3ec04}.visual-label{position:absolute;top:0;left:8px;font-size:11px}.visual-card{position:absolute;bottom:40px;left:0;background:#0d2039e6;border:1px solid #3c6478;border-left:3px solid var(--cyan);padding:20px 26px;backdrop-filter:blur(8px)}.visual-card span{font-size:10px;letter-spacing:1.5px;color:var(--cyan)}.visual-card strong{display:block;font-size:22px;line-height:1.3;margin-top:9px}.visual-number{position:absolute;right:0;bottom:0;color:var(--muted);font-size:11px;letter-spacing:2px}.capability-strip{border-block:1px solid var(--border);background:#0d1727;padding:23px 6%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:14px}main>section:not(.hero){padding:100px 6%;max-width:1440px;margin:auto}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}h2{font-size:clamp(34px,4vw,52px)}.section-heading>p{max-width:370px;color:var(--muted);margin:0}.solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.solution-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#132035,#0c1525);padding:20px}.product-stage{height:280px;position:relative;background:radial-gradient(ellipse,#254052,transparent 65%);display:flex;justify-content:center;align-items:center}.product-stage img{height:90%;width:90%;object-fit:contain}.product-stage>span{position:absolute;top:0;left:0;color:#7289a0;font-size:12px}.solution-card h3{font-size:20px;letter-spacing:-.5px;margin:20px 0 12px}.solution-card p{font-size:14px;color:var(--muted);margin:0}.integration{border:1px solid var(--border);margin-top:24px;padding:30px;background:linear-gradient(90deg,#122c3b,#111d30);border-radius:12px}.integration .eyebrow{margin-bottom:12px}.integration h3{font-size:28px}.integration p:last-child{color:var(--muted);max-width:950px;margin-bottom:0}.about{display:grid;grid-template-columns:1.35fr 1fr;gap:100px;border-block:1px solid var(--border)}.about p:not(.eyebrow){color:var(--muted)}.experience{display:flex;flex-direction:column;justify-content:center}.experience>div{padding:26px 0;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--border)}.experience strong{font-size:64px;letter-spacing:-4px;color:var(--cyan);min-width:145px}.experience span{color:var(--muted);font-size:14px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery-card{padding:0;text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s}.gallery-card:hover{transform:translateY(-5px);border-color:var(--cyan)}.gallery-card>img{width:100%;height:280px;object-fit:cover;display:block}.gallery-card>div{padding:25px}.gallery-card span{font-size:10px;letter-spacing:2px;color:var(--cyan)}.gallery-card h3{font-size:24px;margin-top:12px}.gallery-card p{color:var(--muted);font-size:14px}.coverage{border-top:1px solid var(--border);background:radial-gradient(ellipse at right,#153140,#080f1c 70%)}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.region-grid h3{font-size:18px;letter-spacing:0}.region-grid p{color:var(--muted);font-size:14px}footer{border-top:1px solid var(--border);padding:36px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:13px}footer .brand{color:white;font-size:28px}dialog{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:12px;width:min(1000px,94vw);max-height:94vh;padding:24px}dialog::backdrop{background:#000d}dialog img{display:block;width:100%;height:65vh;object-fit:contain;margin:20px 0}dialog h3{font-size:24px}dialog p{color:var(--muted)}.close{float:right}.admin-main{max-width:1200px;margin:60px auto;padding:0 24px}.admin h1{font-size:48px;margin-bottom:30px}.panel{background:var(--panel);border:1px solid var(--border);padding:28px;border-radius:12px}.panel h2{font-size:24px;letter-spacing:-.5px;margin-bottom:24px}.login{max-width:480px}label{display:block;font-size:14px;font-weight:600;margin:18px 0}input,textarea{display:block;width:100%;margin-top:7px;padding:12px;background:#080f1c;color:var(--text);border:1px solid #43516b;border-radius:5px}input[type=file]{max-width:100%}.admin-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-bottom:50px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.admin-grid img{width:100%;height:180px;object-fit:cover}.secondary{background:#253851!important;color:var(--text)!important}.danger{background:#773741!important;color:white!important;margin-top:10px}.muted{color:var(--muted);font-size:14px}.notice{padding:16px;border:1px solid var(--cyan);border-radius:6px}.error{border-color:#ff7784;color:#ffacb5}.logout{margin-bottom:24px}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.hero-visual{height:460px}.orbit{width:280px;height:280px}.solutions-grid{grid-template-columns:repeat(2,1fr)}.about{gap:40px}.experience strong{font-size:48px;min-width:100px}.gallery-grid,.admin-grid{grid-template-columns:repeat(2,1fr)}nav{gap:16px}}
@media(max-width:650px){header{padding:24px 6%;align-items:flex-start;flex-wrap:wrap}nav{width:100%;font-size:13px;gap:16px;flex-wrap:wrap}.nav-pill{padding:0;border:0}.hero{grid-template-columns:1fr;padding-top:45px;gap:40px}.hero-visual{height:430px;max-width:100%}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-bottom{gap:16px;font-size:10px}.capability-strip{justify-content:flex-start;font-size:12px}.section-heading{display:block}.section-heading>p{margin-top:24px}main>section:not(.hero){padding:60px 6%}.solutions-grid,.gallery-grid,.about,.region-grid,.admin-columns,.admin-grid{grid-template-columns:1fr}.product-stage{height:300px}.experience strong{min-width:120px}.gallery-card>img{height:260px}footer{flex-wrap:wrap}.admin h1{font-size:38px}.panel{padding:22px}.orbit{max-width:80%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery-card{transition:none}}

.brand img{display:block;width:190px;height:auto;max-width:100%}footer .brand img{width:170px}@media(max-width:600px){header .brand img{width:145px}}
