.breath-monitor-page .product-hero{min-height:80vh;background:linear-gradient(135deg,#0d3a5c 0%,#1a5a96 50%,#2d7dd2 100%);position:relative}.breath-monitor-page .product-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(45,125,210,0.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(26,90,150,0.1) 0%,transparent 50%);pointer-events:none}.breath-monitor-page .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}.breath-monitor-page .patent-badge-inline{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(180deg,#e6b800 0%,#f5d442 12%,#daa520 50%,#f5d442 88%,#e6b800 100%);border-radius:10px;padding:14px 20px;margin:24px 0;position:relative;box-shadow:0 1px 0 #fff8dc,0 3px 6px rgba(0,0,0,0.2),0 6px 12px rgba(0,0,0,0.12),inset 0 2px 3px rgba(255,255,255,0.5),inset 0 -2px 3px rgba(139,90,0,0.2);overflow:hidden}.breath-monitor-page .patent-badge-inline::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.15) 60%,transparent 100%);border-radius:10px 10px 50% 50%;pointer-events:none}.breath-monitor-page .patent-badge-inline::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient( 45deg,transparent 40%,rgba(255,255,255,0.3) 45%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.3) 55%,transparent 60% );animation:breath-shine 4s ease-in-out infinite;pointer-events:none}@keyframes breath-shine{0%,100%{transform:translateX(-100%) rotate(0deg)}50%{transform:translateX(100%) rotate(0deg)}}.breath-monitor-page .patent-badge-inline > i{font-size:28px;flex-shrink:0;color:#704d00;text-shadow:0 1px 0 rgba(255,248,220,0.6);filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.15));position:relative;z-index:1}.breath-monitor-page .patent-badge-inline .patent-label{font-size:16px;font-weight:700;color:#5c3d00;text-shadow:0 1px 0 rgba(255,255,255,0.4);letter-spacing:2px;position:relative;z-index:1}.breath-monitor-page .app-mode-card{background:#fff;border-radius:16px;padding:35px 30px;height:100%;border:1px solid #e8edf5;transition:all 0.3s ease;text-align:center}.breath-monitor-page .app-mode-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.1);border-color:#1a5a96}.breath-monitor-page .app-mode-icon{width:80px;height:80px;background:linear-gradient(135deg,#1a5a96 0%,#2d7dd2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 24px rgba(26,90,150,0.25)}.breath-monitor-page .app-mode-icon i{font-size:32px;color:#fff}.breath-monitor-page .app-mode-card h4{font-size:20px;font-weight:600;color:#1a1a2e;margin-bottom:12px}.breath-monitor-page .app-mode-card p{font-size:14px;color:#6b7280;line-height:1.7;margin-bottom:20px}.breath-monitor-page .app-mode-feature{display:flex;flex-direction:column;gap:8px}.breath-monitor-page .app-mode-feature span{font-size:13px;color:#1a5a96;display:flex;align-items:center;justify-content:center;gap:6px}.breath-monitor-page .app-mode-feature span i{color:#2ecc71}.breath-monitor-page .bg-gradient-dark{background:linear-gradient(135deg,#0a2540 0%,#1a5a96 100%)}.breath-monitor-page .advantage-card-dark{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:16px;padding:30px;height:100%;transition:all 0.3s ease;text-align:center}.breath-monitor-page .advantage-card-dark:hover{background:rgba(255,255,255,0.12);transform:translateY(-5px);border-color:rgba(45,125,210,0.5)}.breath-monitor-page .advantage-card-dark .advantage-icon{width:70px;height:70px;background:rgba(255,255,255,0.15);border:2px solid rgba(255,255,255,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.breath-monitor-page .advantage-card-dark .advantage-icon i{font-size:28px;color:#fff}.breath-monitor-page .advantage-card-dark h4{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px}.breath-monitor-page .advantage-card-dark p{font-size:14px;color:rgba(255,255,255,0.8);line-height:1.7;margin-bottom:0}.breath-monitor-page .scenarios-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:40px}.breath-monitor-page .scenario-card{background:#fff;border-radius:16px;padding:28px 20px;text-align:center;border:1px solid #e8edf5;box-shadow:0 4px 16px rgba(0,0,0,0.06);transition:all 0.3s ease}.breath-monitor-page .scenario-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(26,90,150,0.12);border-color:#1a5a96}.breath-monitor-page .scenario-card-icon{width:56px;height:56px;background:linear-gradient(135deg,#1a5a96 0%,#2d7dd2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.breath-monitor-page .scenario-card-icon i{font-size:24px;color:#fff}.breath-monitor-page .scenario-card p{font-size:15px;color:#1a1a2e;font-weight:500;line-height:1.5;margin:0}.breath-monitor-page .benefits-section{padding:0;background:none}.breath-monitor-page .benefits-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:24px}.breath-monitor-page .benefit-item{display:flex;align-items:center;gap:10px;font-size:15px;color:#4a4a68}.breath-monitor-page .benefit-item i{color:#f5a623;font-size:14px;flex-shrink:0}@media (max-width:1200px){.breath-monitor-page .scenarios-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.breath-monitor-page .scenarios-cards{grid-template-columns:repeat(2,1fr);gap:16px}.breath-monitor-page .scenario-card{padding:24px 16px}.breath-monitor-page .benefits-grid{flex-direction:column;align-items:center}}@media (max-width:480px){.breath-monitor-page .scenarios-cards{grid-template-columns:1fr}}.breath-monitor-page .specs-section{padding:100px 0;background:#f8fafc}.breath-monitor-page .specs-wrapper{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,0.08)}.breath-monitor-page .spec-group{margin-bottom:30px}.breath-monitor-page .spec-group:last-child{margin-bottom:0}.breath-monitor-page .spec-group h4{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:20px;display:flex;align-items:center;gap:10px}.breath-monitor-page .spec-group h4 i{color:#1a5a96}.breath-monitor-page .spec-table{width:100%;border-collapse:collapse}.breath-monitor-page .spec-table tr{border-bottom:1px solid #e8edf5}.breath-monitor-page .spec-table tr:last-child{border-bottom:none}.breath-monitor-page .spec-table td{padding:14px 0;font-size:14px}.breath-monitor-page .spec-table td:first-child{color:#6b7280;width:40%}.breath-monitor-page .spec-table td:last-child{color:#1a1a2e;font-weight:500}.breath-monitor-page .metric-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px}.breath-monitor-page .metric-card{background:#fff;border-radius:16px;padding:30px 24px;text-align:center;border:1px solid #e8edf5;transition:all 0.3s ease}.breath-monitor-page .metric-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(26,90,150,0.12);border-color:#1a5a96}.breath-monitor-page .metric-card .metric-icon{width:60px;height:60px;background:linear-gradient(135deg,#e8f4fc 0%,#d4e9f7 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.breath-monitor-page .metric-card .metric-icon i{font-size:24px;color:#1a5a96}.breath-monitor-page .metric-card .metric-value{font-size:36px;font-weight:800;color:#1a5a96;line-height:1;margin-bottom:8px}.breath-monitor-page .metric-card .metric-label{font-size:14px;color:#64748b;font-weight:500}.breath-monitor-page .cta-section{padding:100px 0;background:linear-gradient(135deg,#0a2540 0%,#1a5a96 100%);text-align:center}.breath-monitor-page .cta-content h3{font-size:36px;font-weight:700;color:#fff;margin-bottom:12px}.breath-monitor-page .cta-content p{font-size:18px;color:rgba(255,255,255,0.8);margin-bottom:40px}.breath-monitor-page .cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.breath-monitor-page .btn-cta{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:#fff;color:#0d3a5c;border-radius:50px;font-size:16px;font-weight:600;transition:all 0.3s}.breath-monitor-page .btn-cta:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(255,255,255,0.2);color:#0d3a5c}.breath-monitor-page .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}.breath-monitor-page .btn-cta-outline:hover{background:rgba(255,255,255,0.1);border-color:#fff;color:#fff}@media (max-width:1200px){.breath-monitor-page .metric-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:991px){.breath-monitor-page .patent-badge-inline{max-width:100%}.breath-monitor-page .app-mode-card{padding:30px 25px}.breath-monitor-page .app-mode-icon{width:70px;height:70px}.breath-monitor-page .app-mode-icon i{font-size:28px}.breath-monitor-page .specs-wrapper{padding:30px 20px}}@media (max-width:767px){.breath-monitor-page .hero-tagline-en{font-size:16px}.breath-monitor-page .patent-badge-inline{flex-direction:column;text-align:center;padding:20px}.breath-monitor-page .patent-badge-inline > i{margin:0 auto}.breath-monitor-page .patent-badge-inline .patent-info{align-items:center}.breath-monitor-page .app-mode-card{padding:25px 20px}.breath-monitor-page .app-mode-icon{width:60px;height:60px}.breath-monitor-page .app-mode-icon i{font-size:24px}.breath-monitor-page .solution-block{padding:25px}.breath-monitor-page .solution-block-header h3{font-size:18px}.breath-monitor-page .advantage-card-dark{padding:25px}.breath-monitor-page .advantage-card-dark .advantage-icon{width:60px;height:60px}.breath-monitor-page .advantage-card-dark .advantage-icon i{font-size:24px}.breath-monitor-page .metric-cards{grid-template-columns:1fr 1fr;gap:16px}.breath-monitor-page .metric-card{padding:24px 16px}.breath-monitor-page .metric-card .metric-value{font-size:28px}.breath-monitor-page .cta-content h3{font-size:28px}.breath-monitor-page .cta-buttons{flex-direction:column;align-items:center}.breath-monitor-page .btn-cta,.breath-monitor-page .btn-cta-outline{width:100%;max-width:300px;justify-content:center}}@media (max-width:480px){.breath-monitor-page .hero-tagline-en{font-size:var(--mobile-font-size-xs);letter-spacing:1px}.breath-monitor-page .patent-badge-inline{padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);margin:var(--mobile-spacing-sm) 0;gap:var(--mobile-spacing-xs)}.breath-monitor-page .patent-badge-inline > i{font-size:var(--mobile-font-size-2xl)}.breath-monitor-page .feature-card{padding:var(--mobile-spacing-md)}.breath-monitor-page .feature-icon{width:48px;height:48px}.breath-monitor-page .feature-icon i{font-size:20px}.breath-monitor-page .feature-card h4{font-size:var(--mobile-font-size-base)}.breath-monitor-page .feature-card p{font-size:var(--mobile-font-size-sm)}.breath-monitor-page .metric-cards{grid-template-columns:1fr;gap:var(--mobile-spacing-md)}.breath-monitor-page .metric-card{padding:var(--mobile-spacing-md)}.breath-monitor-page .metric-card .metric-value{font-size:var(--mobile-font-size-4xl)}.breath-monitor-page .metric-card .metric-label{font-size:var(--mobile-font-size-sm)}.breath-monitor-page .cta-content h3{font-size:var(--mobile-font-size-2xl)}.breath-monitor-page .cta-content p{font-size:var(--mobile-font-size-sm)}.breath-monitor-page .cta-buttons{gap:var(--mobile-spacing-sm)}.breath-monitor-page .btn-cta,.breath-monitor-page .btn-cta-outline{width:100%;max-width:100%;padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);font-size:var(--mobile-font-size-sm)}}@media (hover:none) and (pointer:coarse){.breath-monitor-page .feature-card:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,0.08)}.breath-monitor-page .feature-card:active{transform:scale(0.99)}.breath-monitor-page .metric-card:hover{transform:none;box-shadow:0 4px 12px rgba(0,0,0,0.06)}.breath-monitor-page .metric-card:active{transform:scale(0.99)}.breath-monitor-page .btn-cta:hover,.breath-monitor-page .btn-cta-outline:hover{transform:none}.breath-monitor-page .btn-cta:active,.breath-monitor-page .btn-cta-outline:active{transform:scale(0.98);opacity:0.9}}