.product-hero{min-height:80vh;background:linear-gradient(135deg,#0a2540 0%,#1a5a96 50%,#2d7dd2 100%);position:relative;display:flex;flex-direction:column;justify-content:center;padding:100px 0 60px;overflow:hidden}.hero-bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;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%);pointer-events:none}.product-hero .container{position:relative;z-index:2}.hero-nav{font-size:14px;margin-bottom:60px;opacity:0.7}.hero-nav a{color:rgba(255,255,255,0.7);transition:color 0.3s}.hero-nav a:hover{color:#fff}.hero-nav span{color:rgba(255,255,255,0.5);margin:0 8px}.hero-nav .current{color:#fff}.hero-main{max-width:800px}.hero-main.hero-split{max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:60px}.hero-split .hero-text{flex:1;max-width:550px}.hero-image{flex:1.3;display:flex;align-items:center;justify-content:center}.hero-image img{max-width:100%;max-height:600px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 30px 80px rgba(0,0,0,0.4));transform:scale(1.15)}.hero-text h1{font-size:72px;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:0;line-height:1.1;margin-left:-4px;white-space:nowrap}.hero-text h1 .plus{font-size:32px;font-weight:600;vertical-align:super;margin-left:8px;opacity:0.9}.hero-tagline{font-size:20px;font-weight:600;color:rgba(255,255,255,0.7);margin-bottom:40px;letter-spacing:4px}.hero-tagline-en{font-size:20px;font-weight:500;color:rgba(255,255,255,0.7);letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.hero-divider{width:60px;height:3px;background:linear-gradient(90deg,#fff,rgba(255,255,255,0.3));margin-bottom:40px}.hero-slogan{font-size:36px;font-weight:600;color:#fff;line-height:1.5;margin-bottom:16px}.hero-desc{font-size:18px;color:rgba(255,255,255,0.8);margin-bottom:50px}.hero-cta{display:flex;gap:20px;flex-wrap:wrap}.btn-primary-glow{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:#fff;color:#0a2540;border-radius:50px;font-size:16px;font-weight:600;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 20px rgba(255,255,255,0.2)}.btn-primary-glow:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(255,255,255,0.3);color:#0a2540}.btn-primary-glow i{transition:transform 0.3s}.btn-primary-glow:hover i{transform:translateX(4px)}.btn-outline-light{display:inline-flex;align-items:center;gap:10px;padding:18px 36px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.3);border-radius:50px;font-size:16px;font-weight:500;transition:all 0.3s}.btn-outline-light:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.6);color:#fff}.btn-primary-dark{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#1a5a96;color:#fff;border-radius:8px;font-size:15px;font-weight:600;transition:all 0.3s ease}.btn-primary-dark:hover{background:#145082;transform:translateY(-2px);box-shadow:0 8px 20px rgba(26,90,150,0.25);color:#fff}.btn-outline-dark{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:transparent;color:#1a5a96;border:1.5px solid #d1d9e0;border-radius:8px;font-size:15px;font-weight:500;transition:all 0.3s}.btn-outline-dark:hover{border-color:#1a5a96;background:rgba(26,90,150,0.04);color:#1a5a96}.section-header{text-align:center;margin-bottom:60px}.section-header.light{color:#fff}.section-label{display:inline-block;font-size:13px;font-weight:700;letter-spacing:4px;color:#1a5a96;margin-bottom:16px;text-transform:uppercase}.section-header.light .section-label{color:rgba(255,255,255,0.7)}.section-header h2{font-size:36px;font-weight:700;color:#0a2540;letter-spacing:-0.5px}.section-header.light h2{color:#fff}.section-desc{font-size:16px;color:#6b7280;max-width:600px;margin:0 auto}.section-header.light .section-desc{color:rgba(255,255,255,0.8)}.cta-section{padding:100px 0;background:linear-gradient(135deg,#0a2540 0%,#1a5a96 100%);text-align:center}.cta-content h3{font-size:36px;font-weight:700;color:#fff;margin-bottom:12px}.cta-content p{font-size:18px;color:rgba(255,255,255,0.8);margin-bottom:40px}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn-cta{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:#fff;color:#0a2540;border-radius:50px;font-size:16px;font-weight:600;transition:all 0.3s}.btn-cta:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(255,255,255,0.2);color:#0a2540}.btn-cta-outline{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.3);border-radius:50px;font-size:16px;font-weight:500;transition:all 0.3s}.btn-cta-outline:hover{background:rgba(255,255,255,0.1);border-color:#fff;color:#fff}.back-nav{padding:40px 0;background:#f8fafc}.back-link{display:inline-flex;align-items:center;gap:10px;color:#64748b;font-size:15px;transition:all 0.3s}.back-link:hover{color:#1a5a96}.back-link i{transition:transform 0.3s}.back-link:hover i{transform:translateX(-4px)}.product-placeholder{width:300px;height:350px;background:rgba(255,255,255,0.08);border:2px dashed rgba(255,255,255,0.25);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.product-placeholder i{font-size:60px;color:rgba(255,255,255,0.25)}.product-placeholder span{color:rgba(255,255,255,0.4);font-size:14px}@media (max-width:991px){.hero-main.hero-split{flex-direction:column;text-align:center}.hero-split .hero-text{max-width:100%}.hero-image{max-width:400px;margin-top:40px}.hero-cta{justify-content:center}.hero-text h1{font-size:52px}.hero-slogan{font-size:28px}}@media (max-width:767px){.product-hero{min-height:auto;padding:calc(70px + 16px) 0 28px}.product-hero .container{display:flex;flex-direction:column;justify-content:center}.hero-main.hero-split{align-items:center;justify-content:flex-start;gap:24px}.hero-image{max-width:320px;margin-top:24px}.hero-image img{max-height:260px;transform:scale(1.05)}.hero-text h1{font-size:42px;letter-spacing:-1px;margin-bottom:10px;margin-left:0;text-align:center}.hero-text h1 .num{font-size:32px}.hero-text h1 .plus{font-size:16px}.hero-tagline{font-size:12px;letter-spacing:2px;margin-bottom:16px;opacity:0.7}.hero-tagline-en{font-size:12px}.hero-divider{width:36px;height:2px;margin-bottom:16px}.hero-slogan{font-size:16px;line-height:1.6;margin-bottom:10px;opacity:0.95}.hero-desc{font-size:13px;line-height:1.6;opacity:0.8}.hero-cta{flex-direction:column}.btn-primary-glow,.btn-outline-light{width:100%;justify-content:center;padding:16px 30px}.btn-primary-dark,.btn-outline-dark{width:100%;justify-content:center;padding:16px 30px}.section-header h2{font-size:28px}.cta-content h3{font-size:28px}.cta-buttons{flex-direction:column;align-items:center}.btn-cta,.btn-cta-outline{width:100%;max-width:300px;justify-content:center}}@media (max-width:480px){.product-hero{padding:calc(60px + 12px) 0 24px;min-height:auto}.hero-text h1{font-size:26px;letter-spacing:-0.5px;margin-bottom:8px}.hero-text h1 .num{font-size:30px}.hero-text h1 .plus{font-size:16px}.hero-tagline{font-size:12px;letter-spacing:1px;margin-bottom:10px;opacity:0.7}.hero-tagline-en{font-size:12px}.hero-divider{width:32px;margin-bottom:10px}.hero-slogan{font-size:18px;line-height:1.5;opacity:0.95}.hero-desc{font-size:13px;margin-bottom:20px;opacity:0.8}.hero-cta{gap:var(--mobile-spacing-sm)}.btn-primary-glow,.btn-outline-light,.btn-primary-dark,.btn-outline-dark{width:100%;justify-content:center;padding:var(--mobile-spacing-sm) var(--mobile-spacing-lg);font-size:var(--mobile-font-size-sm)}.section-header h2{font-size:var(--mobile-font-size-2xl)}.cta-content h3{font-size:var(--mobile-font-size-2xl)}.cta-content{padding:0 var(--mobile-spacing-md)}.cta-content h3{font-size:var(--mobile-font-size-2xl)}.cta-content p{font-size:var(--mobile-font-size-sm)}.cta-buttons{gap:var(--mobile-spacing-sm)}.btn-cta,.btn-cta-outline{max-width:100%}}@media (max-width:767px){.product-page .product-hero{padding-top:calc(70px + 40px)}.product-page .hero-text{text-align:center;margin:0 auto}.product-page .hero-text h1{font-size:2.5rem !important;line-height:1.15;margin:0 0 12px 0 !important;white-space:normal;overflow-wrap:break-word;word-break:break-word}.product-page .hero-tagline{font-size:0.9rem !important;margin-bottom:12px;letter-spacing:0.08em}.product-page .hero-slogan{font-size:1.2rem !important;line-height:1.5;margin-bottom:10px;white-space:normal}.product-page .hero-slogan br{display:none}.product-page .hero-desc{font-size:0.8rem !important}.product-page .hero-tagline,.product-page .hero-slogan,.product-page .hero-desc{white-space:normal}}@media (max-width:480px){.product-page .product-hero{padding-top:calc(70px + 32px)}.product-page .hero-text{text-align:center;margin:0 auto}.product-page .hero-text h1{font-size:2.2rem !important;margin:0 0 10px 0 !important;white-space:normal;overflow-wrap:break-word;word-break:break-word}.product-page .hero-tagline{font-size:0.85rem !important;margin-bottom:10px}.product-page .hero-slogan{font-size:1.15rem !important;line-height:1.5;white-space:normal}.product-page .hero-slogan br{display:none}.product-page .hero-desc{font-size:0.75rem !important}.product-page .hero-tagline,.product-page .hero-slogan,.product-page .hero-desc{white-space:normal}}@media (hover:none) and (pointer:coarse){.btn-primary-glow:hover,.btn-outline-light:hover,.btn-primary-dark:hover,.btn-outline-dark:hover{transform:none}.btn-primary-glow:active,.btn-outline-light:active,.btn-primary-dark:active,.btn-outline-dark:active{transform:scale(0.98);opacity:0.9}}