@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f4f8ff;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}.theme-dark{--bg:#050a13;--panel:rgba(7,17,32,.88);--card:rgba(7,17,30,.78);--text:#F9F4FF;--muted:#a9b9ce;--border:rgba(70,151,255,.28);--accent:#087cff;--soft:#0a1a31;--shadow:rgba(0,94,255,.18);background-color:var(--bg);color:var(--text)}.theme-light{--bg:#F8F4FF;--panel:rgba(255,255,255,.94);--card:rgba(255,255,255,.84);--text:#101c31;--muted:#5d6b80;--border:rgba(37,99,235,.22);--accent:#A2E817A0;--soft:#e8f1ff;--shadow:rgba(20,80,170,.12);background-color:var(--bg);color:var(--text)}main{position:relative;min-height:100vh;overflow:hidden;transition:background .25s,color .25s;padding:0 max(4.5vw,20px)}.grid-pattern{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:32px 32px}.dot-pattern{background-image:radial-gradient(var(--border) 1.1px,transparent 1.1px);background-size:20px 20px}.diagonal-pattern{background-image:repeating-linear-gradient(135deg,transparent 0 18px,var(--border) 19px,transparent 20px 36px)}.orbit-pattern{background-image:radial-gradient(ellipse at center,transparent 0 23%,var(--border) 23.2% 23.5%,transparent 23.8% 39%,var(--border) 39.2% 39.5%,transparent 39.8%)}.star-pattern{background-image:radial-gradient(#C56956AF 1px,transparent 1.5px),radial-gradient(var(--border) 1px,transparent 1.5px);background-size:83px 83px,47px 47px;background-position:0 0,21px 32px}.light-pattern{background-image:linear-gradient(rgba(70,120,190,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(70,120,190,.16) 1px,transparent 1px);background-size:22px 22px}.ambient{position:absolute;border-radius:50%;filter:blur(75px);opacity:.22;pointer-events:none}.ambient-one{width:260px;height:260px;background:#006eff;top:100px;right:18%}.ambient-two{width:180px;height:180px;background:#04a;top:500px;left:-70px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:auto;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:22px;font-weight:900;letter-spacing:-.8px;white-space:nowrap}.brand-icon{display:grid;place-items:center;color:#4ba6ff}.blue{color:#1689ff}.nav{display:flex;align-items:center;gap:7px;padding:7px;border:1px solid var(--border);background:var(--panel);border-radius:30px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.nav a{font-size:12px;text-decoration:none;color:var(--muted);padding:11px 15px;border-radius:22px;transition:.2s}.nav a:first-child,.nav a:hover{background:#0071ff29;color:var(--text)}.contact-top,.btn-primary,.btn-outline,.footer-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:700;font-size:12px;border-radius:30px}.contact-top{background:#086eff;color:#fff;padding:13px 20px;box-shadow:0 0 28px var(--shadow)}.mobile-menu{display:none;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:9px}.theme-toggle{position:fixed;top:14px;left:14px;z-index:12;display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:10px 12px;border-radius:13px;box-shadow:0 10px 30px #0002;cursor:pointer;font:600 11px Inter}.pattern-panel{position:fixed;top:58px;left:14px;z-index:11;width:200px;padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:15px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 50px #0004}.panel-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:13px}.panel-head button{background:transparent;color:var(--text);border:0;cursor:pointer}.pattern-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pattern-choice{height:34px;border-radius:7px;border:1px solid var(--border);cursor:pointer;background-color:var(--bg);background-size:12px 12px}.pattern-choice.selected{outline:2px solid var(--accent);outline-offset:2px}.mode-switch{margin-top:15px;display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:var(--text);font:500 10px Inter;cursor:pointer}.mode-switch span:nth-child(2){flex:1;text-align:left}.switch{width:29px;height:16px;border-radius:20px;background:#7e8a9a;padding:2px}.switch i{display:block;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .2s}.switch.on{background:var(--accent)}.switch.on i{transform:translate(13px)}.hero{max-width:1320px;min-height:520px;margin:35px auto 20px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:10px;position:relative;z-index:1}.hero-copy{padding:18px 0}.eyebrow,.section-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--panel);border-radius:30px;padding:8px 13px;font-size:11px;font-weight:600;color:var(--muted)}.live-dot{width:7px;height:7px;background:#1689ff;border-radius:50%;box-shadow:0 0 10px #1689ff}.hero h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-4px;margin:22px 0 17px;font-weight:900}.hero h1 span{color:#1689ff;text-shadow:0 0 30px #087cff28}.hero h2{font-size:17px;line-height:1.5;max-width:590px;margin:0 0 10px}.hero h2 b{color:#1689ff}.hero-copy>p{max-width:560px;color:var(--muted);font-size:13px;line-height:1.8;margin:0}.hero-actions{display:flex;gap:12px;margin-top:24px}.btn-primary{background:#0875ff;color:#fff;padding:14px 21px;box-shadow:0 7px 24px #0074ff33}.btn-outline{border:1px solid var(--border);color:var(--text);padding:13px 19px;background:var(--panel)}.feature-row{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:12px;margin-top:34px;max-width:590px}.feature-row>div{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);padding:11px;border-radius:13px}.feature-row>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--soft);color:#1689ff}.feature-row svg{width:18px}.feature-row p{margin:0;display:flex;flex-direction:column;gap:4px}.feature-row b{font-size:10px}.feature-row small{font-size:9px;color:var(--muted)}.hero-visual{height:490px;position:relative;display:grid;place-items:center}.planet{width:260px;height:260px;border-radius:50%;position:relative;z-index:1;background:radial-gradient(circle at 32% 27%,#bfeaff 0,#4b9fff 13%,#1250b5 36%,#061b45 70%,#030b1b);box-shadow:inset -28px -20px 45px #0009,0 0 70px #087cff44;overflow:visible}.planet:before{content:"";position:absolute;top:25%;right:-40%;bottom:25%;left:-40%;height:45%;border:14px solid #1689ff;border-left-color:#b4e5ff;border-right-color:#3e95ff;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 18px #1689ff;z-index:2}.planet:after{content:"";position:absolute;top:32%;right:-35%;bottom:32%;left:-35%;height:30%;border:4px solid #b6e4ff;border-radius:50%;transform:rotate(-24deg);z-index:2}.planet-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-linear-gradient(170deg,transparent 0 13px,#9edbff33 14px 18px,transparent 19px 28px);opacity:.8}.planet-ring{position:absolute;top:-42px;right:-42px;bottom:-42px;left:-42px;border:1px solid #1989ff75;border-radius:50%;transform:rotate(-24deg) scaleY(.44)}.orbit-halo{position:absolute;border:1px solid #1386ff55;border-radius:50%;transform:rotate(-25deg) scaleY(.4)}.halo-a{width:460px;height:460px}.halo-b{width:390px;height:390px;border-style:dashed}.float-label{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--border);padding:12px;border-radius:13px;box-shadow:0 12px 40px #0002;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#1689ff}.float-label span{display:flex;flex-direction:column;gap:4px}.float-label b{font-size:10px;color:var(--text)}.float-label small{font-size:9px;color:var(--muted)}.label-api{top:65px;left:0}.label-digital{right:-4px;bottom:92px}.badge-wrap{position:absolute;top:60px;left:50%;z-index:4;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 15px 28px #007cff55)}.badge-wrap:active{cursor:grabbing}.lanyard{height:95px;width:75px;background:linear-gradient(90deg,#062a70,#0b72e8,#06245b);border:1px solid #60baff;border-radius:8px 8px 22px 22px;display:flex;justify-content:center;align-items:center;overflow:hidden;transform:rotate(7deg);margin-bottom:-4px}.lanyard span{font-size:7px;font-weight:900;letter-spacing:1px;writing-mode:vertical-rl;color:#d5edff}.lanyard-clip{width:26px;height:20px;border:3px solid #a4dfff;border-radius:5px;margin-bottom:-4px;z-index:2;background:#112640}.id-card{width:174px;min-height:245px;padding:13px;border-radius:15px;background:linear-gradient(145deg,#eaf7ff,#9bc9ff 50%,#e7f3ff);border:2px solid white;color:#102b57;box-shadow:inset 0 0 0 1px #6af,0 0 30px #188bff66;transform:rotate(-5deg)}.id-top{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:900}.id-top svg{color:#147aff}.avatar-orbit{margin:11px auto 8px;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff,#c0e5ff);border:2px solid white;color:#087cff}.id-name{display:block;text-align:center;font-size:10px}.id-card>small{display:block;text-align:center;font-size:7px;letter-spacing:1px;margin-top:4px}.id-line{height:1px;background:#85b9ed;margin:9px 0}.id-info{display:grid;grid-template-columns:42px 1fr;gap:5px;font-size:8px}.id-info span{color:#456b9e}.id-info b{font-weight:700}.online{color:#07824c}.barcode{text-align:center;letter-spacing:1px;margin-top:12px;font-size:12px;color:#17365f}.drag-hint{margin-top:12px;font-size:9px;display:flex;align-items:center;gap:5px;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:6px 9px}.signature{position:absolute;right:2px;top:45%;font-size:20px;color:#1689ff;font-style:italic;transform:rotate(-8deg);opacity:.9}.signature small{display:block;font-size:7px;letter-spacing:3px;font-style:normal;margin-top:8px}.stats{max-width:1200px;margin:25px auto 70px;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:12px;position:relative;z-index:1}.quote,.stat{border:1px solid var(--border);background:var(--panel);border-radius:15px;min-height:80px;display:flex;align-items:center;padding:16px;gap:12px}.quote>span{font-size:35px;color:#1689ff;font-weight:900}.quote p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.stat{display:grid;grid-template-columns:28px 1fr;column-gap:10px}.stat svg{grid-row:span 2;color:#1689ff;width:24px}.stat b{font-size:17px}.stat small{font-size:10px;color:var(--muted)}.projects-section{max-width:1320px;margin:0 auto 80px;position:relative;z-index:1}.section-heading{text-align:center;margin-bottom:28px}.section-pill{font-size:10px;color:#1689ff}.section-heading h2{font-size:35px;letter-spacing:-1.4px;margin:12px 0 7px}.section-heading h2 span{color:#1689ff}.section-heading p{font-size:12px;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{border:1px solid var(--border);background:var(--card);padding:13px;border-radius:19px;min-width:0;box-shadow:0 16px 50px #0001;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-top{display:flex;align-items:center;gap:8px;margin-bottom:11px}.number{background:#0875ff;color:#fff;border-radius:9px;padding:5px 8px;font-size:11px;font-weight:800}.type-pill,.live-pill{font-size:9px;border:1px solid var(--border);padding:5px 8px;border-radius:20px;color:var(--muted);white-space:nowrap}.live-pill{margin-left:auto;color:#18c99a;display:flex;align-items:center;gap:5px}.live-pill i{width:5px;height:5px;background:#38c99a;border-radius:50%}.project-top>a{color:var(--muted);display:flex}.project-art{height:170px;border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:10px;position:relative}.art-blue{background:linear-gradient(135deg,#0062e8,#063274 80%);color:#fff}.art-light{background:linear-gradient(140deg,#f5fbff,#c5e2ff);color:#0c2d5b}.art-dashboard{background:linear-gradient(135deg,#06142b,#102a4d);color:#dceaff}.mock-nav{height:22px;display:flex;align-items:center;gap:5px;font-size:7px;border-bottom:1px solid #ffffff35;padding-bottom:7px}.mock-nav span{margin-left:auto;font-size:6px;opacity:.75}.mock-nav i{width:8px;height:8px;border-radius:50%;background:#56b4ff}.mock-content{height:105px;display:flex;align-items:center;justify-content:space-between;padding:8px 4px}.mock-copy{max-width:70%;display:flex;flex-direction:column;gap:8px}.mock-copy strong{font-size:15px;line-height:1.25;letter-spacing:-.5px}.mock-copy small{font-size:7px;opacity:.8}.mock-cta{align-self:flex-start;background:#fff;color:#0875ff;padding:5px 9px;border-radius:6px;font-size:7px;font-weight:800}.art-light .mock-cta{background:#0875ff;color:#fff}.mock-device{width:62px;height:90px;border:2px solid #c5e6ff;border-radius:11px;background:#071a37;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#47a8ff;box-shadow:0 8px 20px #0004;transform:rotate(4deg)}.mock-device span{font-size:9px;font-weight:900}.mock-bottom{display:flex;gap:7px}.mock-bottom i{height:18px;flex:1;border-radius:5px;background:#ffffffdb}.art-light .mock-bottom i{background:#1689ff22;border:1px solid #1689ff33}.art-dashboard .mock-bottom i{background:linear-gradient(90deg,#087cff,#16375e);height:23px}.project-description{display:grid;grid-template-columns:38px 1fr 31px;gap:10px;align-items:start;margin:14px 0 12px}.project-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:#1689ff}.project-icon svg{width:20px}.project-description h3{font-size:14px;margin:2px 0 6px;letter-spacing:-.3px}.project-description p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.round-link{width:30px;height:30px;border:1px solid var(--border);color:#1689ff;border-radius:50%;display:grid;place-items:center}.round-link svg{width:15px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}.tags span{border:1px solid var(--border);border-radius:20px;padding:5px 8px;font-size:8px;color:var(--muted)}.project-link{display:flex;align-items:center;justify-content:center;gap:8px;background:#0875ff;color:#fff;border-radius:10px;padding:11px;text-decoration:none;font-size:10px;font-weight:700}.project-link:hover,.contact-top:hover,.btn-primary:hover{filter:brightness(1.12)}footer{border-top:1px solid var(--border);max-width:1320px;margin:auto;padding:28px 0 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;position:relative;z-index:1}footer .brand{font-size:17px}footer p{font-size:10px;color:var(--muted);margin-right:auto}footer .footer-link{color:#1689ff;font-size:10px}footer>small{width:100%;font-size:9px;color:var(--muted);text-align:center;padding-top:12px;border-top:1px solid var(--border)}@media(min-width:1400px){.hero{margin-top:55px}.hero-visual{height:540px}}@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;gap:0}.hero h1{font-size:56px}.hero-visual{transform:scale(.88);transform-origin:center}.signature{display:none}.feature-row{grid-template-columns:repeat(2,1fr)}.project-grid{gap:10px}.project-card{padding:10px}.project-art{height:145px}.mock-copy strong{font-size:12px}.stats{grid-template-columns:repeat(3,1fr)}.quote{grid-column:1/-1}.topbar{padding-left:160px}.nav a{padding:10px 9px}}@media(max-width:720px){main{padding:0 16px}.topbar{height:72px;padding-left:0;gap:10px}.brand{font-size:19px}.brand-icon svg{width:27px}.mobile-menu{display:block;margin-left:auto}.contact-top{font-size:0;padding:11px}.contact-top svg{width:17px}.nav{display:none;position:absolute;top:64px;right:0;left:0;border-radius:15px;flex-direction:column;align-items:stretch;padding:8px}.nav.open{display:flex}.nav a{padding:12px}.theme-toggle{top:auto;bottom:15px;left:15px;box-shadow:0 5px 22px #0004}.pattern-panel{top:auto;bottom:60px;left:15px}.hero{grid-template-columns:1fr;margin-top:18px;gap:0}.hero-copy{padding:18px 0 0}.hero h1{font-size:clamp(45px,13vw,68px);letter-spacing:-2.7px;margin-top:18px}.hero h2{font-size:15px}.hero-copy>p{font-size:12px}.hero-actions{gap:8px;flex-wrap:wrap}.btn-primary,.btn-outline{font-size:11px;padding:12px 14px}.feature-row{gap:8px;margin-top:24px}.feature-row>div{padding:9px}.feature-row b{font-size:9px}.feature-row small{font-size:8px}.hero-visual{height:370px;transform:none;margin-top:2px}.planet{width:190px;height:190px}.planet:before{border-width:10px}.halo-a{width:340px;height:340px}.halo-b{width:290px;height:290px}.badge-wrap{top:35px;left:46%;transform:scale(.82) translate(0)!important;transform-origin:top center}.float-label{padding:9px;gap:6px}.float-label svg{width:15px}.float-label b{font-size:8px}.float-label small{font-size:7px}.label-api{top:45px;left:-4px}.label-digital{right:-5px;bottom:55px}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:15px auto 55px}.quote{grid-column:1/-1}.stat{padding:12px;min-height:65px}.stat b{font-size:14px}.projects-section{margin-bottom:55px}.section-heading h2{font-size:30px}.section-heading p{font-size:10px;line-height:1.6}.project-grid{grid-template-columns:1fr;gap:14px}.project-card{padding:12px}.project-art{height:185px}.mock-content{height:120px}.mock-copy strong{font-size:17px}.project-description p{font-size:11px}.tags span{font-size:9px}footer{gap:10px}footer p{width:100%;order:3;margin:0}footer .footer-link{margin-left:auto}footer>small{line-height:1.7}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}