:root{--bg-main:#030817;--bg-secondary:#050c1c;--bg-card:#071329;--bg-card-hover:#0a1934;--text-main:#f5f7ff;--text-secondary:#9aa9c2;--text-muted:#63718b;--accent:#4d7cff;--accent-light:#7ba4ff;--accent-purple:#775cff;--accent-cyan:#2ed7e8;--border:#648cc82e;--border-light:#78a0dc4d;--max-width:1320px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-main)}body{background:var(--bg-main);color:var(--text-main);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-light);outline-offset:4px}a{color:inherit;text-decoration:none}.site{background:radial-gradient(circle at 80% 20%, #2952aa14, transparent 30%), var(--bg-main);min-height:100vh}.navbar{z-index:1000;-webkit-backdrop-filter:blur(18px);background:#030817b8;border-bottom:1px solid #0000;width:100%;height:82px;transition:background .3s,border-color .3s,box-shadow .3s;position:fixed;top:0;left:0}.navbar-scrolled{border-bottom-color:var(--border);background:#030817f0;box-shadow:0 10px 40px #0003}.nav-container{width:min(var(--max-width), calc(100% - 48px));justify-content:space-between;align-items:center;gap:30px;height:100%;margin:auto;display:flex}.logo-button{background:0 0;align-items:center;display:flex}.navbar-logo{object-fit:contain;width:155px;height:auto;display:block}.nav-menu{align-items:center;gap:34px;display:flex}.nav-menu button{color:#aebbd0;background:0 0;font-size:14px;font-weight:500;transition:color .25s;position:relative}.nav-menu button:after{content:"";background:var(--accent-light);width:0;height:1px;transition:width .25s;position:absolute;bottom:-8px;left:0}.nav-menu button:hover{color:#fff}.nav-menu button:hover:after{width:100%}.talk-button,.primary-button{color:#fff;background:linear-gradient(110deg,#4079ff,#7357ff);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:14px 23px;font-weight:600;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 10px 35px #4960ff40}.talk-button:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 45px #4960ff66}.mobile-menu-button,.mobile-talk-button{display:none}.hero-section{background:radial-gradient(circle at 82% 52%,#1f4caa38,#0000 30%),radial-gradient(circle at 10% 90%,#4a3dbe1f,#0000 28%);min-height:100vh;padding-top:82px;position:relative;overflow:hidden}.hero-grid{opacity:.45;background-image:linear-gradient(#4664a01c 1px,#0000 1px),linear-gradient(90deg,#4664a01c 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.hero-container{width:min(var(--max-width), calc(100% - 48px));grid-template-columns:minmax(0,1fr) minmax(450px,.9fr);align-items:center;gap:50px;min-height:calc(100vh - 82px);margin:auto;display:grid;position:relative}.hero-content{z-index:2;padding:70px 0;position:relative}.section-label{color:#8fb9ef;letter-spacing:.16em;background:#0f204373;border:1px solid #5282d266;border-radius:999px;align-items:center;gap:9px;padding:8px 14px;font-size:11px;font-weight:700;display:inline-flex}.label-dot{background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 12px var(--accent-cyan);border-radius:50%;animation:2s infinite pulseDot}@keyframes pulseDot{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.hero-content h1{letter-spacing:-.065em;max-width:760px;margin-top:28px;font-size:clamp(58px,6.5vw,104px);font-weight:750;line-height:.92}.hero-content h1 span{color:#6fa0ff;background:linear-gradient(100deg,#9dbdff,#4e9cff,#42cfe5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-content p{max-width:620px;color:var(--text-secondary);margin-top:32px;font-size:18px;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.primary-button{min-height:50px}.primary-button span,.secondary-button span{font-size:20px;transition:transform .25s}.primary-button:hover span,.secondary-button:hover span{transform:translate(4px)}.secondary-button{color:#dce6f7;background:0 0;border:1px solid #6991cd59;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:13px 23px;transition:background .25s,border-color .25s,transform .25s;display:inline-flex}.secondary-button:hover{background:#1e396866;border-color:#78aaf099;transform:translateY(-2px)}.scroll-indicator{color:#526684;letter-spacing:.2em;align-items:center;gap:10px;margin-top:45px;font-size:10px;display:flex}.scroll-indicator span{background:var(--accent-cyan);width:28px;height:1px}.hero-visual{justify-content:center;align-items:center;min-height:550px;display:flex}.orbit-system{aspect-ratio:1;justify-content:center;align-items:center;width:min(520px,90vw);display:flex;position:relative}.orbit{border:1px solid #3a86d259;border-radius:50%;width:82%;height:42%;position:absolute;transform:rotate(-25deg)}.orbit-one{animation:14s linear infinite orbitRotate}.orbit-two{width:70%;height:65%;animation:18s linear infinite orbitRotateReverse;transform:rotate(60deg)}.orbit-three{width:92%;height:58%;animation:22s linear infinite orbitRotate;transform:rotate(120deg)}@keyframes orbitRotate{0%{transform:rotate(-25deg)}to{transform:rotate(335deg)}}@keyframes orbitRotateReverse{0%{transform:rotate(60deg)}to{transform:rotate(-300deg)}}.orbit-core{color:#fff;background:linear-gradient(135deg,#3f77ff,#7551f3);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:25px;font-weight:700;animation:4s ease-in-out infinite corePulse;display:flex;position:relative;box-shadow:0 0 40px #466eff80,0 0 100px #3558ff40}@keyframes corePulse{0%,to{transform:scale(1);box-shadow:0 0 40px #466eff80,0 0 100px #3558ff40}50%{transform:scale(1.06);box-shadow:0 0 55px #466effa6,0 0 130px #3558ff4d}}.orbit-node{color:#78a5db;letter-spacing:.12em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030c1ebf;border:1px solid #4882d259;border-radius:999px;padding:7px 13px;font-size:10px;font-weight:600;position:absolute}.node-ai{top:15%;right:12%}.node-gis{top:47%;left:5%}.node-iot{top:58%;right:5%}.node-data{bottom:13%;left:25%}.floating-particle{background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 15px var(--accent-cyan);border-radius:50%;animation:4s ease-in-out infinite floatParticle;position:absolute}.particle-one{top:28%;left:30%}.particle-two{animation-delay:1s;top:62%;right:24%}.particle-three{animation-delay:2s;bottom:22%;left:55%}@keyframes floatParticle{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-18px)}}.hero-glow{filter:blur(100px);pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute}.hero-glow-one{background:#1d4caa1f;top:35%;right:-180px}.hero-glow-two{background:#462abe1a;bottom:-250px;left:-250px}.section{padding:150px 0;position:relative;overflow:hidden}.section-container{width:min(var(--max-width), calc(100% - 48px));margin:auto}.section-heading{max-width:850px;margin-bottom:70px}.section-number{color:#6d88ae;letter-spacing:.22em;margin-bottom:18px;font-size:10px;font-weight:700}.section-heading h2{letter-spacing:-.05em;font-size:clamp(40px,5vw,72px);line-height:1}.section-heading h2 span{color:#6f9fff}.section-heading p{max-width:700px;color:var(--text-secondary);margin-top:25px;font-size:17px;line-height:1.75}.about-section{border-top:1px solid var(--border);background:radial-gradient(circle at 80% 40%,#24468c1f,#0000 30%)}.about-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;gap:70px;display:grid}.about-main p{color:#a8b6ca;max-width:720px;margin-bottom:25px;font-size:21px;line-height:1.7}.about-values{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,1fr);display:grid}.value-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(145deg,#08162e99,#040c1c66);min-height:190px;padding:25px}.value-card span{color:#4f78ae;margin-bottom:35px;font-size:11px;display:block}.value-card strong{margin-bottom:10px;font-size:17px;display:block}.value-card p{color:#70829f;font-size:13px;line-height:1.6}.services-section{background:linear-gradient(#0000,#05112859,#0000)}.services-heading{text-align:center;margin-left:auto;margin-right:auto}.services-heading p{margin-left:auto;margin-right:auto}.services-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;width:100%;display:grid}.service-card{text-align:left;min-width:0;min-height:310px;color:var(--text-main);border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(145deg,#091831b3,#040d1eb3);padding:30px;transition:transform .35s,background .35s,border-color .35s;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-cyan));width:0;height:2px;transition:width .4s;position:absolute;top:0;left:0}.service-card:hover{background:linear-gradient(145deg,#0c2142e6,#051024e6);border-color:#5587d259;transform:translateY(-7px)}.service-card:hover:before{width:100%}.card-top{justify-content:space-between;align-items:center;display:flex}.card-number{color:#536b8d;letter-spacing:.12em;font-size:11px}.card-icon{color:#6ea7ff;background:#142f5a4d;border:1px solid #4f84d34d;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .3s,background .3s;display:flex}.service-card:hover .card-icon{background:#2c5aa066;transform:rotate(8deg)scale(1.08)}.card-content{margin-top:70px}.card-content h3{letter-spacing:-.025em;max-width:300px;font-size:21px;line-height:1.15}.card-content p{color:#7f91ac;max-width:340px;margin-top:18px;font-size:14px;line-height:1.7}.card-arrow{color:#63a0ff;font-size:24px;transition:transform .3s;position:absolute;bottom:27px;right:30px}.service-card:hover .card-arrow{transform:translate(6px)}.products-section{background:radial-gradient(circle at 80% 30%,#2849961a,#0000 35%)}.products-list{border-top:1px solid var(--border);width:100%}.product-row{text-align:left;width:100%;min-height:240px;color:var(--text-main);border-bottom:1px solid var(--border);background:linear-gradient(90deg,#07122859,#050c1c33);grid-template-columns:90px minmax(0,1fr) 80px;align-items:center;gap:30px;padding:45px 35px;transition:background .35s,padding .35s;display:grid;position:relative}.product-row:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-cyan));width:2px;height:0;transition:height .4s;position:absolute;top:0;left:0}.product-row:hover{background:linear-gradient(90deg,#0c2043cc,#050f2280);padding-left:45px}.product-row:hover:before{height:100%}.product-number{color:#536b8d;letter-spacing:.15em;font-size:12px}.product-category{color:#6591c6;letter-spacing:.18em;font-size:10px;font-weight:700}.product-info h3{letter-spacing:-.04em;margin-top:12px;font-size:clamp(27px,3vw,44px)}.product-info p{color:#8394ad;max-width:720px;margin-top:14px;font-size:15px;line-height:1.7}.product-arrow{color:#6ca5ff;border:1px solid #4c84d559;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .3s,background .3s;display:flex}.product-row:hover .product-arrow{background:#345ea04d;transform:translate(5px)rotate(5deg)}.industries-section{border-top:1px solid var(--border)}.industries-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.industry-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(145deg,#08152b8c,#040c1c59);min-height:250px;padding:30px;transition:transform .3s,background .3s;position:relative}.industry-card:hover{background:#0a1c39bf;transform:translateY(-5px)}.industry-number{color:#536d92;letter-spacing:.15em;font-size:11px}.industry-card h3{margin-top:55px;font-size:22px}.industry-card p{color:#7587a3;max-width:310px;margin-top:14px;font-size:14px;line-height:1.7}.industry-line{background:var(--accent);width:35px;height:1px;transition:width .3s;position:absolute;bottom:30px;left:30px}.industry-card:hover .industry-line{width:75px}.cta-section{text-align:center;border-top:1px solid var(--border);padding:180px 24px;position:relative;overflow:hidden}.cta-glow{filter:blur(30px);pointer-events:none;background:radial-gradient(#2e55b433,#0000 70%);width:500px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content{max-width:750px;margin:auto;position:relative}.cta-content h2{letter-spacing:-.07em;font-size:clamp(55px,7vw,100px)}.cta-content p{color:#8798b2;max-width:600px;margin:25px auto 35px;font-size:17px;line-height:1.7}.contact-section{border-top:1px solid var(--border);background:radial-gradient(circle at 70% 40%,#26489421,#0000 35%)}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.75fr);align-items:center;gap:100px;display:grid}.contact-content h2{letter-spacing:-.06em;max-width:700px;font-size:clamp(48px,5vw,78px);line-height:.98}.contact-content h2 span{color:#6b9cff}.contact-content>p{color:#8596af;max-width:650px;margin-top:25px;font-size:17px;line-height:1.7}.contact-details{gap:16px;margin-top:45px;display:grid}.contact-item{width:fit-content;color:inherit;align-items:center;gap:18px;transition:transform .25s;display:flex}.contact-item:hover{transform:translate(5px)}.contact-icon{color:#75a8ff;background:#0f234473;border:1px solid #487dce4d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-item small{color:#536a8c;letter-spacing:.15em;margin-bottom:5px;font-size:10px;display:block}.contact-item strong{color:#d9e3f3;font-size:15px}.contact-card{border:1px solid var(--border);background:linear-gradient(145deg,#091b38d9,#040d1ee6);flex-direction:column;justify-content:flex-end;min-height:430px;padding:45px;display:flex;position:relative;overflow:hidden}.contact-card:before{content:"";pointer-events:none;border:1px solid #5787d11f;position:absolute;inset:20px}.contact-card-glow{filter:blur(25px);background:radial-gradient(circle,#3b66d04d,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.contact-card-label{color:#6e99ca;letter-spacing:.15em;margin-bottom:20px;font-size:10px;position:relative}.contact-card h3{letter-spacing:-.04em;font-size:38px;line-height:1.05;position:relative}.contact-card p{color:#7589a6;margin:20px 0 30px;position:relative}.contact-card .secondary-button{width:fit-content;position:relative}.footer{border-top:1px solid var(--border);background:#020613}.footer-container{width:min(var(--max-width), calc(100% - 48px));margin:auto;padding:60px 0 30px}.footer-logo{width:170px;display:block}.footer-container>p{color:#647692;margin-top:16px;font-size:13px}.footer-links{flex-wrap:wrap;gap:25px;margin-top:35px;display:flex}.footer-links button{color:#8291aa;background:0 0;font-size:13px;transition:color .25s}.footer-links button:hover{color:#fff}.footer-bottom{border-top:1px solid var(--border);color:#465773;justify-content:space-between;gap:20px;margin-top:60px;padding-top:25px;font-size:11px;display:flex}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(14px);background:#01050fd1;justify-content:center;align-items:center;padding:25px;animation:.25s modalFade;display:flex;position:fixed;inset:0}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.detail-modal{background:radial-gradient(circle at 85% 15%,#385bb829,#0000 30%),#071226;border:1px solid #5b89d34d;width:min(760px,100%);max-height:90vh;padding:55px;animation:.35s cubic-bezier(.22,1,.36,1) modalUp;position:relative;overflow-y:auto;box-shadow:0 40px 100px #0000008c}@keyframes modalUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{color:#aebbd0;border:1px solid var(--border);background:#192d508c;border-radius:50%;width:42px;height:42px;font-size:25px;transition:background .25s,color .25s;position:absolute;top:20px;right:20px}.modal-close:hover{color:#fff;background:#3c5a9180}.modal-number{color:#5475a5;letter-spacing:.15em;font-size:12px}.modal-label{color:#6c9ee0;letter-spacing:.2em;margin-top:25px;font-size:10px;font-weight:700}.detail-modal h2{letter-spacing:-.05em;margin-top:15px;font-size:clamp(35px,5vw,58px);line-height:1}.modal-description{color:#8ea0ba;margin-top:25px;font-size:16px;line-height:1.75}.modal-divider{background:var(--border);height:1px;margin:35px 0}.detail-modal h4{color:#6f86a8;letter-spacing:.18em;font-size:10px}.modal-features{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.modal-feature{color:#b8c7db;border:1px solid var(--border);background:#0e1f3b80;align-items:center;gap:10px;min-height:48px;padding:12px 15px;font-size:13px;display:flex}.modal-feature span{color:#6da2ff;font-weight:700}.modal-action{margin-top:35px}.reveal{opacity:1;transform:translate(0,0)}.reveal.animate-in{animation:.75s cubic-bezier(.22,1,.36,1) both revealUp}@keyframes revealUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translate(0,0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#020611}::-webkit-scrollbar-thumb{background:#20365d;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#36558a}@media (width<=1000px){.nav-menu{gap:18px}.nav-menu button{font-size:12px}.hero-container{text-align:center;grid-template-columns:1fr;padding-top:50px}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-content p{margin-left:auto;margin-right:auto}.hero-visual{min-height:400px}.services-grid,.industries-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid,.contact-grid{grid-template-columns:1fr;gap:60px}}@media (width<=700px){.nav-container,.section-container,.hero-container,.footer-container{width:min(100% - 32px, var(--max-width))}.navbar{height:72px}.navbar-logo{width:125px}.desktop-talk{display:none}.mobile-menu-button{border:1px solid var(--border);background:#14264680;border-radius:9px;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:9px;display:flex}.mobile-menu-button span{background:#b9c9e1;width:100%;height:2px;transition:transform .25s,opacity .25s}.mobile-menu-active span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-active span:nth-child(2){opacity:0}.mobile-menu-active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-menu{border:1px solid var(--border);opacity:0;visibility:hidden;background:#050d1dfa;flex-direction:column;align-items:stretch;gap:0;padding:10px;transition:opacity .25s,visibility .25s,transform .25s;display:flex;position:absolute;top:72px;left:16px;right:16px;transform:translateY(-10px);box-shadow:0 25px 70px #00000073}.nav-menu-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu button{text-align:left;width:100%;padding:15px;font-size:14px}.nav-menu button:after{display:none}.mobile-talk-button{border-radius:10px;display:block;text-align:center!important;color:#fff!important;background:linear-gradient(100deg,#427dff,#7358ff)!important;margin-top:8px!important}.hero-section{padding-top:72px}.hero-container{grid-template-columns:1fr;gap:10px;min-height:auto}.hero-content{padding:75px 0 20px}.hero-content h1{font-size:clamp(48px,14vw,72px);line-height:.94}.hero-content p{font-size:15px}.hero-buttons{justify-content:center;width:100%}.hero-buttons .primary-button,.hero-buttons .secondary-button{width:100%}.hero-visual{min-height:370px}.orbit-system{width:min(390px,95vw)}.orbit-core{width:90px;height:90px;font-size:20px}.section{padding:95px 0}.section-heading{margin-bottom:45px}.section-heading h2{font-size:42px}.section-heading p{font-size:15px}.about-main p{font-size:17px}.about-values,.services-grid,.industries-grid{grid-template-columns:1fr}.service-card{min-height:260px;padding:25px}.card-content{margin-top:55px}.card-content h3{font-size:20px}.product-row{grid-template-columns:45px minmax(0,1fr);gap:15px;min-height:210px;padding:30px 20px}.product-arrow{position:absolute;top:30px;right:20px}.product-info{padding-right:45px}.product-info h3{font-size:30px}.product-info p{font-size:14px}.industry-card{min-height:220px}.cta-section{padding:120px 20px}.cta-content h2{font-size:58px}.contact-grid{gap:50px}.contact-content h2{font-size:48px}.contact-card{min-height:370px;padding:30px}.contact-card h3{font-size:31px}.footer-bottom{flex-direction:column;gap:10px;line-height:1.6}.modal-overlay{padding:12px}.detail-modal{max-height:94vh;padding:35px 25px}.detail-modal h2{font-size:38px}.modal-features{grid-template-columns:1fr}}@media (width<=420px){.hero-content h1{font-size:47px}.section-heading h2{font-size:36px}.cta-content h2{font-size:50px}.contact-content h2{font-size:40px}.navbar-logo{width:112px}.orbit-system{width:330px}.orbit-node{padding:5px 8px;font-size:8px}}
