*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--bg-darkest:#050B1A;--bg-dark:#06122B;--bg-card:#0A1A3F;--bg-card-hover:#0D2152;--bg-section:#081024;--accent:#00CFFF;--accent-glow:rgba(0,207,255,0.15);--accent-dim:rgba(0,207,255,0.08);--text-white:#FFFFFF;--text-light:#E2E8F0;--text-gray:#94A3B8;--text-muted:#94A3B8;--text-dim:#64748B;--border:rgba(255,255,255,0.08);--border-hover:rgba(0,207,255,0.3);--font-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-display:'Space Grotesk',var(--font-sans);--section-padding:100px 0;--container-max:1280px;--radius:16px;--radius-sm:10px;--transition:0.3s cubic-bezier(0.4,0,0.2,1)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-darkest);color:var(--text-light);line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none;transition:var(--transition)}img{max-width:100%;display:block}.gradient-text{background:linear-gradient(135deg,#00CFFF 0%,#00E5FF 50%,#7DD3FC 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-tag{display:inline-block;padding:6px 16px;background:var(--accent-dim);border:1px solid rgba(0,207,255,0.2);border-radius:100px;color:var(--accent);font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:20px}.section-tag-light{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:var(--text-white)}.section-header{text-align:center;max-width:720px;margin:0 auto 60px}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text-white);line-height:1.2;margin-bottom:16px}.section-desc{font-size:1.1rem;color:var(--text-gray);line-height:1.7}.section{padding:var(--section-padding);position:relative}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:100px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-family:var(--font-sans)}.btn-primary{background:linear-gradient(135deg,#00CFFF 0%,#0099CC 100%);color:var(--bg-dark);box-shadow:0 4px 20px rgba(0,207,255,0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(0,207,255,0.45)}.btn-ghost{background:transparent;color:var(--text-white);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:var(--transition);background:transparent}.navbar.scrolled{background:rgba(5,11,26,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:12px 0}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo img{height:36px;width:auto}.nav-menu{display:flex;align-items:center;gap:32px;list-style:none}.nav-link{font-size:0.95rem;font-weight:500;color:var(--text-light);transition:var(--transition);position:relative}.nav-link:hover{color:var(--accent)}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:var(--transition)}.nav-link:hover::after{width:100%}.nav-lang{position:relative}.lang-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);color:var(--text-light);padding:6px 14px;border-radius:100px;cursor:pointer;font-size:0.85rem;font-family:var(--font-sans);transition:var(--transition)}.lang-btn:hover{border-color:var(--accent);color:var(--accent)}.lang-dropdown{position:absolute;top:calc(100%+8px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:140px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition)}.lang-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:block;padding:10px 16px;font-size:0.9rem;color:var(--text-light);border-bottom:1px solid var(--border)}.lang-option:last-child{border-bottom:none}.lang-option:hover,.lang-option.active{background:var(--accent-dim);color:var(--accent)}.nav-search{display:flex;align-items:center}.search-btn{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);color:var(--text-muted);width:36px;height:36px;border-radius:50%;cursor:pointer;transition:var(--transition)}.search-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.search-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease}.search-overlay.show{opacity:1;visibility:visible}.search-overlay-bg{position:absolute;inset:0;background:rgba(3,9,22,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.search-modal{position:relative;width:90%;max-width:600px;z-index:1}.search-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 60px rgba(0,0,0,0.5)}.search-input{flex:1;background:none;border:none;color:var(--text-light);font-size:1.05rem;font-family:var(--font-sans);outline:none}.search-input::placeholder{color:var(--text-muted)}.search-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:var(--transition)}.search-close:hover{color:var(--text-light);background:rgba(255,255,255,0.06)}.search-results{margin-top:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-height:420px;overflow-y:auto}.search-hint{padding:24px;text-align:center;color:var(--text-muted);font-size:0.9rem}.search-result-item{display:block;padding:14px 20px;border-bottom:1px solid var(--border);transition:var(--transition)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--accent-dim)}.sr-title{font-weight:600;color:var(--text-light);font-size:0.95rem}.sr-url{font-size:0.78rem;color:var(--accent);margin-top:2px}.sr-desc{font-size:0.82rem;color:var(--text-muted);margin-top:4px}.search-no-results{padding:24px;text-align:center;color:var(--text-muted);font-size:0.9rem}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{width:24px;height:2px;background:var(--text-white);transition:var(--transition);border-radius:2px}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-dropdown{position:relative}.nav-dropdown>.nav-link{cursor:pointer}.nav-dropdown>.nav-link::after{content:'';display:inline-block;margin-left:6px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:var(--transition);vertical-align:middle}.nav-dropdown:hover>.nav-link::after{transform:rotate(-135deg);margin-top:4px}.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:rgba(10,26,63,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 0;list-style:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);z-index:1001;box-shadow:0 12px 40px rgba(0,0,0,0.4)}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li a{display:block;padding:10px 20px;font-size:0.88rem;color:var(--text-gray);transition:var(--transition);border-left:2px solid transparent}.dropdown-menu li a:hover{color:var(--accent);background:var(--accent-dim);border-left-color:var(--accent)}.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;overflow:clip;overflow-clip-margin:0}.hero-bg{position:absolute;inset:0;z-index:0;overflow:clip;overflow-clip-margin:0;background:linear-gradient(135deg,#06122B 0%,#0A1A3F 50%,#06122B 100%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,11,26,0.6) 0%,rgba(5,11,26,0.4) 50%,rgba(5,11,26,0.85) 100%);z-index:2}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero-video-fallback{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 20% 30%,rgba(0,207,255,0.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,207,255,0.06) 0%,transparent 40%),linear-gradient(135deg,#06122B 0%,#0A1A3F 50%,#06122B 100%)}.hero-video-fallback::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,207,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,207,255,0.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.hero-content{position:relative;z-index:2;max-width:var(--container-max);margin:0 auto;padding:120px 24px 80px;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:rgba(0,207,255,0.1);border:1px solid rgba(0,207,255,0.25);border-radius:100px;font-size:0.85rem;font-weight:500;color:var(--accent);margin-bottom:28px;backdrop-filter:blur(10px)}.badge-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(1.2)}}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,5rem);font-weight:700;color:var(--text-white);line-height:1.1;letter-spacing:-0.02em;margin-bottom:24px}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-light);max-width:560px;line-height:1.7;margin-bottom:40px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:80px}.hero-stats{display:flex;gap:60px}.hero-stat{display:flex;flex-direction:column}.stat-number{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-size:0.85rem;color:var(--text-gray);margin-top:4px}.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-dim);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em}.scroll-line{width:1px;height:40px;background:linear-gradient(180deg,var(--accent),transparent);animation:scrollDown 2s ease-in-out infinite}@keyframes scrollDown{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}.section-scenarios{background:var(--bg-dark)}.scenarios-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.scenario-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);position:relative}.scenario-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:var(--transition);z-index:2}.scenario-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px)}.scenario-card:hover::before{opacity:1}.scenario-image{aspect-ratio:4 / 3;overflow:hidden;position:relative;background:linear-gradient(135deg,#0A1A3F 0%,#06122B 100%)}.scenario-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(6,18,43,0.6) 100%);z-index:1}.scenario-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.scenario-card:hover .scenario-image img{transform:scale(1.05)}.scenario-image-contain img{object-fit:contain !important;padding:16px}.scenario-image-contain{aspect-ratio:4 / 3;background:linear-gradient(135deg,#0A1A3F 0%,#06122B 100%)}.scenario-card:hover .scenario-image-contain img{transform:scale(1.02)}.scenario-card h3{font-size:1.25rem;font-weight:600;color:var(--text-white);margin-bottom:12px;padding:24px 28px 0}.scenario-card p{font-size:0.92rem;color:var(--text-gray);line-height:1.6;padding:0 28px 28px}.scenario-icon{color:var(--accent);margin-bottom:20px;padding:0 28px}.section-products{background:var(--bg-darkest)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.products-grid-4{grid-template-columns:repeat(4,1fr)}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.product-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.3)}.product-image{aspect-ratio:1;background:linear-gradient(135deg,#0A1A3F 0%,#06122B 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-image::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,207,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,207,255,0.04) 1px,transparent 1px);background-size:30px 30px}.product-image img{width:100%;height:100%;object-fit:contain;z-index:1;transition:var(--transition)}.product-card:hover .product-image img{transform:scale(1.05)}.product-placeholder{color:var(--accent);opacity:0.7;transition:var(--transition);z-index:1}.product-card:hover .product-placeholder{opacity:1;transform:scale(1.1)}.product-info{padding:24px 20px}.product-model{display:inline-block;font-family:var(--font-display);font-size:0.75rem;font-weight:600;color:var(--accent);background:var(--accent-dim);padding:3px 10px;border-radius:100px;margin-bottom:8px;letter-spacing:0.05em}.product-info h3{font-size:1.05rem;font-weight:600;color:var(--text-white);margin-bottom:8px}.product-info p{font-size:0.85rem;color:var(--text-gray);margin-bottom:12px;line-height:1.5}.product-link{font-size:0.85rem;color:var(--accent);font-weight:500}.section-selling{background:var(--bg-section)}.selling-grid{max-width:1100px;margin:0 auto}.selling-item{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:80px}.selling-item:last-child{margin-bottom:0}.selling-item-reverse .selling-image{order:2}.selling-item-reverse .selling-content{order:1}.selling-image{aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#0A1A3F 0%,#06122B 100%);border:1px solid var(--border);position:relative}.selling-image img{width:100%;height:100%;object-fit:contain;-o-object-fit:contain;transition:var(--transition)}.selling-item:hover .selling-image img{transform:scale(1.03)}.selling-content{padding:0 8px}.selling-number{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--accent);opacity:0.3;line-height:1;margin-bottom:16px}.selling-content h3{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--text-white);margin-bottom:16px}.selling-content p{font-size:0.98rem;color:var(--text-gray);line-height:1.8}@media (max-width:768px){.selling-item{grid-template-columns:1fr;gap:24px;margin-bottom:48px}.selling-item-reverse .selling-image{order:1}.selling-item-reverse .selling-content{order:2}.selling-number{font-size:2rem}.selling-content h3{font-size:1.2rem}}.section-tech{background:var(--bg-section)}.tech-flow{display:flex;align-items:stretch;justify-content:center;gap:16px;margin-bottom:64px;flex-wrap:wrap}.flow-step{flex:1;min-width:180px;max-width:260px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;position:relative}.flow-number{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--accent);opacity:0.5;margin-bottom:12px}.flow-content h4{font-size:1.1rem;color:var(--text-white);margin-bottom:8px}.flow-content p{font-size:0.88rem;color:var(--text-gray)}.flow-arrow{display:flex;align-items:center;color:var(--accent);font-size:1.5rem;opacity:0.5}.tech-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.tech-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px 28px;transition:var(--transition)}.tech-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.tech-card-icon{color:var(--accent);margin-bottom:20px;display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--accent-dim);border-radius:var(--radius-sm)}.tech-card h3{font-size:1.15rem;color:var(--text-white);margin-bottom:12px}.tech-card p{font-size:0.9rem;color:var(--text-gray);line-height:1.7}.tech-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.cap-item{display:flex;align-items:flex-start;gap:12px}.cap-icon{font-size:1.5rem;flex-shrink:0}.cap-text strong{display:block;color:var(--text-white);font-size:0.95rem;margin-bottom:4px}.cap-text span{font-size:0.82rem;color:var(--text-gray)}.cloud-arch-image{max-width:900px;margin:0 auto 48px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:linear-gradient(135deg,#0A1A3F 0%,#06122B 100%)}.cloud-arch-image img{width:100%;height:auto;display:block}.cloud-video-wrapper{max-width:900px;margin:0 auto 32px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#000}.cloud-video{width:100%;display:block;max-height:500px;object-fit:cover}.cloud-arch-compact{max-width:700px;margin:0 auto;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:linear-gradient(135deg,#0A1A3F 0%,#06122B 100%)}.cloud-arch-compact img{max-height:280px;object-fit:contain;padding:16px}.cloud-modes{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:40px auto 0}.cloud-mode-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px 32px;transition:var(--transition);position:relative}.cloud-mode-card-hot{border-color:var(--accent);background:linear-gradient(135deg,rgba(0,207,255,0.06),rgba(0,207,255,0.02))}.cloud-mode-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.cloud-mode-num{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent);opacity:0.5}.cloud-mode-header h3{font-size:1.3rem;color:var(--text-white);font-weight:600}.cloud-mode-badge{font-size:0.72rem;padding:3px 10px;border-radius:100px;background:var(--bg-dark);color:var(--text-dim);font-weight:500}.cloud-mode-badge-hot{background:var(--accent);color:var(--bg-dark);font-weight:600}.cloud-mode-intro{font-size:0.92rem;color:var(--text-gray);line-height:1.7;margin-bottom:24px}.cloud-mode-features{margin-bottom:24px}.cloud-feature{padding:7px 0;font-size:0.88rem;color:var(--text-light);display:flex;align-items:center;gap:10px}.cf-check{color:var(--accent);font-weight:bold;flex-shrink:0}.cf-cross{color:#64748B;font-weight:bold;flex-shrink:0}.cloud-mode-use{font-size:0.82rem;color:var(--text-dim);padding-top:16px;border-top:1px solid var(--border);line-height:1.5}.cloud-components{display:flex;align-items:stretch;justify-content:center;gap:12px;margin-bottom:64px;flex-wrap:wrap}.cloud-comp{flex:1;min-width:160px;max-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 20px;text-align:center;transition:var(--transition)}.cloud-comp:hover{border-color:var(--border-hover);transform:translateY(-4px)}.cloud-comp-icon{font-size:2rem;margin-bottom:12px}.cloud-comp h4{font-size:1rem;color:var(--text-white);margin-bottom:8px}.cloud-comp p{font-size:0.82rem;color:var(--text-gray);line-height:1.5}.cloud-comp-arrow{display:flex;align-items:center;color:var(--accent);font-size:1.3rem;opacity:0.5}.cloud-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:64px}.cloud-step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px}.cloud-step-num{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--accent);opacity:0.4;margin-bottom:12px}.cloud-step h4{font-size:1.05rem;color:var(--text-white);margin-bottom:8px}.cloud-step p{font-size:0.85rem;color:var(--text-gray);line-height:1.6}@media (max-width:768px){.cloud-components{flex-direction:column}.cloud-comp-arrow{transform:rotate(90deg);justify-content:center}.cloud-workflow{grid-template-columns:1fr}.cloud-modes{grid-template-columns:1fr}}.section-cases{background:var(--bg-dark)}.brand-wall{overflow:hidden;white-space:nowrap;margin-bottom:60px;padding:32px 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.brand-track{display:flex;align-items:center;gap:80px;animation:marquee 35s linear infinite;width:max-content}.brand-track:hover{animation-play-state:paused}.brand-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:50px;opacity:0.6;transition:var(--transition);cursor:default;filter:grayscale(100%)}.brand-logo img{max-height:50px;max-width:160px;width:auto;height:auto}.brand-logo:hover{opacity:1;filter:grayscale(0%)}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.case-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.case-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}.case-card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.case-video-placeholder{aspect-ratio:16 / 10;background:linear-gradient(135deg,#0A1A3F 0%,#06122B 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.case-video-wrapper{aspect-ratio:16 / 10;background:linear-gradient(135deg,#0A1A3F 0%,#06122B 100%);overflow:hidden;position:relative}.case-video{width:100%;height:100%;object-fit:cover;display:block}.case-video-placeholder::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,207,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,207,255,0.04) 1px,transparent 1px);background-size:30px 30px}.play-btn{width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--bg-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:1;box-shadow:0 0 30px rgba(0,207,255,0.4)}.play-btn:hover{transform:scale(1.15);box-shadow:0 0 40px rgba(0,207,255,0.6)}.case-info{padding:24px 20px}.case-tag{display:inline-block;padding:4px 12px;background:var(--accent-dim);color:var(--accent);border-radius:100px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px}.case-info h3{font-size:1.1rem;color:var(--text-white);margin-bottom:8px}.case-info p{font-size:0.88rem;color:var(--text-gray)}.section-solution{background:var(--bg-section)}.solution-flow{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:60px;flex-wrap:wrap}.solution-side{display:flex;flex-direction:column;align-items:center;gap:16px}.solution-label{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-dim);font-weight:600}.solution-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;border-radius:var(--radius);min-width:280px;text-align:center}.solution-box-image{width:100%;max-width:320px;height:auto;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#0A1A3F 0%,#06122B 100%);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.solution-box-image:hover{border-color:var(--border-hover);transform:translateY(-4px)}.solution-box-image img{width:100%;height:100%;object-fit:contain;padding:12px}.solution-printer{background:var(--bg-card);border:1px solid var(--border-hover);color:var(--accent)}.solution-printer span{color:var(--text-white);font-weight:600}.solution-result{background:linear-gradient(135deg,rgba(0,207,255,0.1),rgba(0,207,255,0.05));border:1px solid var(--accent);color:var(--accent)}.solution-result span{color:var(--text-white);font-weight:600}.solution-materials{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:280px}.material-chip{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;font-size:0.85rem;color:var(--text-light);transition:var(--transition)}.material-chip:hover{border-color:var(--border-hover);color:var(--accent)}.solution-plus,.solution-equals{font-size:2rem;color:var(--accent);font-weight:300}.solution-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.solution-feature{text-align:center;padding:28px}.solution-feature h4{font-size:1.1rem;color:var(--text-white);margin-bottom:8px}.solution-feature p{font-size:0.88rem;color:var(--text-gray)}.section-vision{position:relative;overflow:hidden;min-height:500px;padding:120px 0;text-align:center;display:flex;align-items:center;justify-content:center}.vision-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.vision-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,11,26,0.85) 0%,rgba(5,11,26,0.6) 50%,rgba(5,11,26,0.85) 100%)}.vision-content{position:relative;z-index:2;max-width:700px}.vision-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--text-white);line-height:1.15;margin-bottom:24px;letter-spacing:-0.02em}.vision-text{font-size:1.15rem;color:var(--text-light);line-height:1.7;margin-bottom:40px}.vision-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer{background:var(--bg-darkest);border-top:1px solid var(--border);padding:64px 0 32px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.footer-brand p{color:var(--text-gray);font-size:0.9rem;margin:16px 0 20px;max-width:320px;line-height:1.6}.footer-social{display:flex;gap:12px}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-gray);transition:var(--transition)}.footer-social a:hover{background:var(--accent-dim);border-color:var(--border-hover);color:var(--accent)}.footer-col h4{font-size:0.95rem;color:var(--text-white);margin-bottom:16px;font-weight:600}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{font-size:0.88rem;color:var(--text-gray)}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;text-align:center}.footer-bottom p{font-size:0.82rem;color:var(--text-dim)}.hero-fullscreen{position:relative;min-height:70vh;min-height:70dvh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:clip;overflow-clip-margin:0;padding:120px 0 80px}.hero-fullscreen .hero-bg-img{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;will-change:transform;transform:translateY(0)}.hero-fullscreen .hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,11,26,0.88) 0%,rgba(6,18,43,0.7) 40%,rgba(6,18,43,0.85) 100%)}.hero-fullscreen .hero-overlay-light{background:linear-gradient(180deg,rgba(5,11,26,0.75) 0%,rgba(6,18,43,0.55) 50%,rgba(6,18,43,0.8) 100%)}.hero-fullscreen .hero-content{position:relative;z-index:2;max-width:720px;padding:0 24px}.hero-fullscreen .hero-content h1{font-family:var(--font-display);font-size:clamp(2.4rem,5.5vw,4rem);color:var(--text-white);margin-bottom:20px;letter-spacing:-0.02em;line-height:1.15}.hero-fullscreen .hero-content p{font-size:1.15rem;color:var(--text-gray);line-height:1.8;margin-bottom:32px}.hero-fullscreen .hero-stats-row{display:flex;justify-content:center;gap:48px;margin-top:40px;flex-wrap:wrap}.hero-fullscreen .hero-stat-item{text-align:center}.hero-fullscreen .hero-stat-item .stat-num{font-family:var(--font-display);font-size:2.6rem;font-weight:700;color:var(--accent);line-height:1}.hero-fullscreen .hero-stat-item .stat-label{font-size:0.85rem;color:var(--text-dim);margin-top:8px;text-transform:uppercase;letter-spacing:0.08em}.card-tilt{transition:transform 0.1s ease-out;transform-style:preserve-3d;perspective:1000px}.btn-magnetic{transition:transform 0.3s cubic-bezier(0.16,1,0.3,1)}.reveal{opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}.reveal-delay-3{transition-delay:0.3s}.reveal-delay-4{transition-delay:0.4s}.reveal-delay-5{transition-delay:0.5s}.reveal-delay-6{transition-delay:0.6s}.counter-num{font-variant-numeric:tabular-nums}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(0,207,255,0.1)}50%{box-shadow:0 0 40px rgba(0,207,255,0.25)}}.border-glow{position:relative;overflow:hidden}.border-glow::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:borderSlide 3s ease-in-out infinite}@keyframes borderSlide{0%{left:-100%}100%{left:100%}}[data-aos]{opacity:0;transition:opacity 0.6s ease,transform 0.6s ease}[data-aos="fade-up"]{transform:translateY(30px)}[data-aos="fade-right"]{transform:translateX(-30px)}[data-aos].aos-animate{opacity:1;transform:translate(0,0)}.img-hover-scale{transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}.img-hover-scale:hover{transform:scale(1.03)}@media (max-width:1024px){.scenarios-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.tech-cards,.solution-features{grid-template-columns:1fr}.tech-capabilities{grid-template-columns:repeat(2,1fr)}.case-videos{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}}@media (max-width:768px){:root{--section-padding:64px 0}.nav-menu{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;height:100dvh;background:var(--bg-dark);flex-direction:column;justify-content:center;gap:24px;padding:40px;transition:right 0.3s ease;border-left:1px solid var(--border)}.nav-menu.active{right:0}.nav-toggle{display:flex}.hero-stats{flex-wrap:wrap;gap:32px}.stat-number{font-size:2rem}.scenarios-grid,.products-grid,.case-videos{grid-template-columns:1fr}.tech-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.solution-flow{flex-direction:column}.tech-capabilities{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:32px}.section-header{margin-bottom:40px}}@media (max-width:480px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;justify-content:center}.vision-actions{flex-direction:column}.vision-actions .btn{width:100%;justify-content:center}}.pain-card .pc-icon,.opp-card .oc-icon,.safety-card .sc-icon,.occasion-card .occ-icon,.wf-step .step-icon{color:var(--accent);display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,rgba(0,207,255,0.12),rgba(0,207,255,0.04));border:1px solid rgba(0,207,255,0.18);margin-bottom:14px;box-shadow:0 8px 24px rgba(0,207,255,0.08)}.pain-card .pc-icon svg,.opp-card .oc-icon svg,.safety-card .sc-icon svg,.occasion-card .occ-icon svg,.wf-step .step-icon svg{width:28px;height:28px;stroke:currentColor}.gallery-item{background:linear-gradient(145deg,var(--bg-card) 0%,rgba(10,26,63,0.6) 100%);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:1;transition:var(--transition);font-size:2.2rem}.gallery-item:hover{transform:translateY(-4px);border-color:var(--border-hover);background:linear-gradient(145deg,var(--bg-card-hover) 0%,rgba(10,26,63,0.8) 100%);box-shadow:0 12px 32px rgba(0,0,0,0.25)}

/* ================================
   PERFORMANCE OPTIMIZATIONS
   ================================ */

/* Critical above-the-fold: reduce paint complexity */
.hero, .hero-bg, .hero-video, .hero-overlay {
    contain: layout paint style;
}

/* Section content: contain repaints */
.section, .footer, .navbar {
    contain: layout style;
}

/* Brand wall: isolate animation */
.brand-wall {
    contain: layout paint style;
    will-change: transform;
}

/* Images: intrinsic sizing to prevent CLS */
img {
    width: auto;
    max-width: 100%;
    height: auto;
}

/* Product/scenario images: fixed aspect ratio containers prevent CLS */
.product-image, .scenario-image, .case-video-wrapper,
.selling-image, .solution-box-image {
    overflow: hidden;
}

/* Video: preload none, show poster */
video {
    background-color: #06122B;
}

/* Font: use system fonts while web fonts load */
font-face {
    font-display: swap;
}

/* Reduce layout thrashing on scroll */
.navbar {
    will-change: background-color;
}

/* Content visibility for below-fold sections */
.section-cases, .section-solution, .section-vision {
    content-visibility: auto;
    contain-intrinsic-size: 600px;
}

/* Print: hide non-essential elements */
@media print {
    .navbar, .nav-toggle, .search-overlay, .hero-scroll,
    .brand-wall, .case-videos, .footer-social, video {
        display: none !important;
    }
    body {
        background: white !important;
        color: black !important;
    }
}

/* === img-perf-optimizations === */
/* Picture element: transparent wrapper */
picture { display: contents; }
/* Async decode: prevent render blocking */
img { -webkit-touch-callout: none; -webkit-user-drag: none; user-drag: none; }
/* Smooth fade-in animation for lazy images (CSS-only, no JS dependency) */
@keyframes imgFadeIn { from { opacity: 0; } to { opacity: 1; } }
img[loading="lazy"] { animation: imgFadeIn 0.3s ease; }
/* High-DPI rendering quality */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  img { image-rendering: -webkit-optimize-contrast; }
}
/* Content visibility: skip rendering below-fold until needed */
section:not([class*="hero"]),
.brand-section, .solution-section, .faq-section, .blog-section,
.download-section, .warranty-section, .support-section, .contact-section,
.brochure-section, .blank-section, .compare-section, .gallery-section,
.newsletter-section, .easy-section, .con-section, .about-section,
.details-section, .cta-section, .dl-section {
  content-visibility: auto;
  contain-intrinsic-size: auto 500px;
}
/* Image containers: prevent overflow + aspect ratio for CLS prevention */
.product-card-img, .gallery-item, .brand-logo, .selling-image, .solution-box-image,
.product-image, .scenario-image, .ink-visual-img, .acc-product-image {
  overflow: hidden;
  position: relative;
}
/* Mobile: prevent image stretch on flex containers */
@media (max-width: 768px) {
  picture { width: 100%; }
  img { max-width: 100%; height: auto; }
}
/* Safari: optimize image rendering on retina */
@supports (-webkit-touch-callout: none) {
  img { -webkit-backface-visibility: hidden; }
}
/* Print: ensure images fit */
@media print { img { max-width: 100% !important; page-break-inside: avoid; } }
/* === end img-perf-optimizations === */