.oxygen-robot-hero{background:linear-gradient(135deg,#0a2540 0%,#1a5a96 50%,#2d7dd2 100%);min-height:80vh}.oxygen-robot-hero .hero-bg-pattern{background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.05) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(45,125,210,0.1) 0%,transparent 30%)}.oxygen-robot-hero .hero-brand{margin-bottom:20px}.oxygen-robot-hero .brand-logo{font-size:14px;font-weight:700;letter-spacing:3px;color:rgba(255,255,255,0.8);text-transform:uppercase}.oxygen-robot-hero .hero-text h1{color:#fff;font-size:56px}.oxygen-robot-hero .hero-tagline{color:rgba(255,255,255,0.7)}.oxygen-robot-hero .hero-divider{background:linear-gradient(90deg,#fff,rgba(255,255,255,0.3))}.oxygen-robot-hero .hero-features{display:flex;gap:30px;margin-bottom:40px}.oxygen-robot-hero .hero-feature-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:rgba(255,255,255,0.1);border-radius:50px;border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease}.oxygen-robot-hero .hero-feature-item:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3)}.oxygen-robot-hero .hero-feature-item i{font-size:18px;color:#fff}.oxygen-robot-hero .hero-feature-item span{font-size:15px;font-weight:600;color:#fff;white-space:nowrap}.oxygen-robot-hero .btn-primary-glow{background:#fff;color:#0a2540;box-shadow:0 4px 20px rgba(255,255,255,0.2)}.oxygen-robot-hero .btn-primary-glow:hover{background:#fff;box-shadow:0 12px 40px rgba(255,255,255,0.3);color:#0a2540}.oxygen-robot-hero .btn-outline-light{color:#fff;border-color:rgba(255,255,255,0.3)}.oxygen-robot-hero .btn-outline-light:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.6);color:#fff}.oxygen-robot-hero .product-placeholder{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.25)}.oxygen-robot-hero .product-placeholder i{color:rgba(255,255,255,0.25)}.oxygen-robot-hero .product-placeholder span{color:rgba(255,255,255,0.4)}.selling-points-section{padding:100px 0;background:#fff}.selling-points-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.selling-point-card{background:#f8fafc;border-radius:16px;padding:40px 30px;transition:all 0.3s ease;border:1px solid #e2e8f0}.selling-point-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.08)}.selling-point-card.featured{background:linear-gradient(135deg,#1a5a96 0%,#2d7dd2 100%);border:none}.selling-point-card.featured .card-icon,.selling-point-card.featured h3,.selling-point-card.featured .card-highlight,.selling-point-card.featured .card-features li{color:#fff}.selling-point-card.featured .card-icon{background:rgba(255,255,255,0.15)}.selling-point-card .card-icon{width:70px;height:70px;background:rgba(26,90,150,0.1);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.selling-point-card .card-icon i{font-size:28px;color:#1a5a96}.selling-point-card.featured .card-icon i{color:#fff}.selling-point-card h3{font-size:22px;font-weight:700;color:#0a2540;margin-bottom:12px}.selling-point-card .card-highlight{font-size:14px;color:#64748b;margin-bottom:20px;line-height:1.6}.selling-point-card .card-features{list-style:none;padding:0;margin:0}.selling-point-card .card-features li{font-size:14px;color:#475569;padding:8px 0;padding-left:20px;position:relative}.selling-point-card .card-features li::before{content:"✓";position:absolute;left:0;color:#1a5a96;font-weight:600}.selling-point-card.featured .card-features li::before{color:rgba(255,255,255,0.8)}.core-tech-section{padding:100px 0;background:#fff}.core-tech-section .section-header.light .section-label{color:#1a5a96}.core-tech-section .section-header.light h2{color:#0a2540}.tech-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.tech-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:40px 30px;transition:all 0.3s ease}.tech-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.08)}.tech-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#1a5a96 0%,#2d7dd2 100%);border-radius:8px;font-size:14px;font-weight:700;color:#fff;letter-spacing:1px;margin-bottom:20px}.tech-card h4{font-size:18px;font-weight:600;color:#0a2540;margin-bottom:16px;line-height:1.4}.tech-card p{font-size:14px;color:#64748b;line-height:1.7}.visualization-section{padding:100px 0;background:#f8fafc}.visualization-features{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.vis-feature{text-align:center;padding:40px 20px;background:#fff;border-radius:16px;transition:all 0.3s ease;border:1px solid #e2e8f0}.vis-feature:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.06)}.vis-icon{width:80px;height:80px;background:linear-gradient(135deg,#e8f4fd 0%,#dbeafe 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.vis-icon i{font-size:32px;color:#1a5a96}.vis-feature h4{font-size:18px;font-weight:600;color:#0a2540;margin-bottom:12px}.vis-feature p{font-size:14px;color:#64748b;line-height:1.6}.scenarios-section{padding:100px 0;background:#fff}.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.scenario-card{text-align:center;padding:50px 30px;background:linear-gradient(135deg,#f0f7ff 0%,#e8f4fd 100%);border-radius:20px;transition:all 0.3s ease}.scenario-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(26,90,150,0.15)}.scenario-icon{width:100px;height:100px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 20px rgba(26,90,150,0.1)}.scenario-icon i{font-size:40px;color:#1a5a96;line-height:1;display:flex;align-items:center;justify-content:center}.scenario-card h4{font-size:20px;font-weight:600;color:#0a2540;margin-bottom:12px}.scenario-card p{font-size:14px;color:#64748b;line-height:1.6}.specs-section{padding:100px 0;background:#f8fafc}.specs-table-wrapper{max-width:800px;margin:0 auto}.specs-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.05)}.specs-table th,.specs-table td{padding:20px 30px;text-align:left;border-bottom:1px solid #e2e8f0}.specs-table th{width:40%;font-size:15px;font-weight:600;color:#0a2540;background:#f8fafc}.specs-table td{font-size:15px;color:#475569}.specs-table tr:last-child th,.specs-table tr:last-child td{border-bottom:none}@media (max-width:991px){.tech-cards,.scenarios-grid{grid-template-columns:1fr;gap:20px}.visualization-features{grid-template-columns:repeat(2,1fr)}.oxygen-robot-hero .hero-text h1{font-size:42px}.oxygen-robot-hero .hero-features{flex-wrap:wrap;gap:15px}}@media (max-width:767px){.core-tech-section,.visualization-section,.scenarios-section{padding:60px 0}.visualization-features{grid-template-columns:1fr}.oxygen-robot-hero .hero-text h1{font-size:32px}.oxygen-robot-hero .hero-features{flex-direction:column;gap:12px}.oxygen-robot-hero .hero-feature-item{justify-content:center}.tech-card,.vis-feature,.scenario-card{padding:30px 20px}}@media (max-width:480px){.oxygen-robot-hero{padding:var(--mobile-spacing-xl) 0 var(--mobile-spacing-lg);min-height:auto}.oxygen-robot-hero .hero-tagline-en{font-size:var(--mobile-font-size-xs);letter-spacing:1px}.oxygen-robot-hero .hero-text h1{font-size:var(--mobile-font-size-3xl);line-height:1.2}.oxygen-robot-hero .hero-desc{font-size:var(--mobile-font-size-sm);margin-bottom:var(--mobile-spacing-md)}.oxygen-robot-hero .hero-features{gap:var(--mobile-spacing-xs)}.oxygen-robot-hero .hero-feature-item{font-size:var(--mobile-font-size-xs);padding:var(--mobile-spacing-xs) 0}.oxygen-robot-hero .hero-feature-item i{font-size:10px}.tech-card{padding:var(--mobile-spacing-md);border-radius:var(--mobile-radius-lg)}.tech-icon{width:48px;height:48px;margin-bottom:var(--mobile-spacing-sm)}.tech-icon i{font-size:20px}.tech-card h4{font-size:var(--mobile-font-size-base)}.tech-card p{font-size:var(--mobile-font-size-sm)}.vis-feature{padding:var(--mobile-spacing-md);border-radius:var(--mobile-radius-lg)}.vis-icon{width:56px;height:56px;margin-bottom:var(--mobile-spacing-sm)}.vis-icon i{font-size:24px}.vis-feature h4{font-size:var(--mobile-font-size-base)}.vis-feature p{font-size:var(--mobile-font-size-sm)}.scenario-card{padding:var(--mobile-spacing-md);border-radius:var(--mobile-radius-lg)}.scenario-icon{width:56px;height:56px;margin-bottom:var(--mobile-spacing-md)}.scenario-icon i{font-size:24px}.scenario-card h4{font-size:var(--mobile-font-size-base)}.scenario-card p{font-size:var(--mobile-font-size-sm)}}@media (hover:none) and (pointer:coarse){.tech-card:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,0.06)}.tech-card:active{transform:scale(0.99)}.vis-feature:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,0.06)}.vis-feature:active{transform:scale(0.99)}.scenario-card:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,0.06)}.scenario-card:active{transform:scale(0.99)}}