:root{--navy:#0b2e59;--navy-deep:#08213f;--orange:#f47b20;--orange-hover:#d96a13;--white:#fff;--bg-alt:#f7f8fa;--surface:#f3f5f7;--text-primary:#1f2937;--text-secondary:#6b7280;--border:#e5e7eb;--divider:#d6dce5;--success:#16a34a;--error:#dc2626;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--container:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--white);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:500;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--divider);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--navy);color:#fff}.navbar{z-index:1000;background:var(--white);border-bottom:1px solid var(--border);transition:box-shadow .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:0 2px 12px #00000014}.nav-container{max-width:var(--container);justify-content:space-between;align-items:center;gap:24px;height:72px;margin:0 auto;padding:0 32px;display:flex}.nav-logo{color:var(--navy);transition:var(--transition);align-items:center;gap:12px;font-size:1rem;font-weight:600;display:flex}.nav-logo:hover{opacity:.85}.logo-icon svg{display:block}.nav-brand strong{color:var(--orange);font-weight:700}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition);padding:6px 0;font-size:.9rem;font-weight:500}.nav-link:hover{color:var(--orange)}.nav-search{width:280px;position:relative}.search-box{background:var(--bg-alt);border:1px solid var(--border);transition:var(--transition);border-radius:8px;align-items:center;gap:10px;padding:8px 14px;display:flex}.search-box.focused{background:var(--white);border-color:var(--navy);box-shadow:0 0 0 3px #0b2e5914}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.88rem;font-weight:500}.search-box input::placeholder{color:var(--text-secondary)}.search-icon{color:var(--text-secondary);flex-shrink:0}.search-results{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.search-item{transition:var(--transition);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;display:flex}.search-item:hover{background:var(--bg-alt)}.search-item-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.search-item-name{color:var(--text-primary);font-size:.88rem;font-weight:600;display:block}.search-item-cat{color:var(--text-secondary);margin-top:2px;font-size:.75rem;display:block}.btn{border-radius:var(--radius);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{background:var(--orange-hover);transform:translateY(-2px);box-shadow:0 4px 16px #f47b204d}.btn-secondary{background:var(--white);color:var(--navy);border:1px solid var(--navy)}.btn-secondary:hover{background:var(--bg-alt)}.btn-outline{color:var(--navy);border:1px solid var(--border);background:0 0}.btn-outline:hover{background:var(--bg-alt);border-color:var(--navy)}.btn-block{justify-content:center;width:100%}.btn-lg{padding:14px 32px;font-size:.95rem}.home{min-height:100vh}.hero-section{text-align:center;background:var(--bg-alt);padding:160px 32px 120px;position:relative;overflow:hidden}.hero-bg-pattern{pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#0b2e590a 0%,#0000 70%);position:absolute;inset:0}.hero-bg-pattern:before{content:"";opacity:.6;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230B2E59' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-brand{justify-content:center;align-items:center;gap:20px;margin-bottom:32px;display:flex}.hero-title{letter-spacing:-.02em;color:var(--navy);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1}.hero-title .accent{color:var(--orange)}.hero-tagline{color:var(--text-secondary);margin-top:8px;font-size:clamp(.95rem,2vw,1.15rem);font-weight:500}.hero-desc{color:var(--text-secondary);max-width:640px;margin:0 auto 40px;font-size:1.05rem;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-stats{border-top:1px solid var(--border);justify-content:center;gap:48px;margin-top:64px;padding-top:48px;display:flex}.stat-item{text-align:center}.stat-value{color:var(--orange);font-size:2.2rem;font-weight:800;display:block}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.section-title{letter-spacing:-.02em;color:var(--navy);margin-bottom:16px;padding-bottom:12px;font-size:2.2rem;font-weight:800;display:inline-block;position:relative}.section-title:after{content:"";background:var(--orange);border-radius:2px;width:48px;height:3px;position:absolute;bottom:0;left:0}.section-title span{color:var(--orange)}.section-subtitle{color:var(--text-secondary);margin-bottom:48px;font-size:1rem}.about-section{max-width:var(--container);margin:0 auto;padding:120px 32px}.about-grid{grid-template-columns:1fr 400px;align-items:start;gap:64px;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:20px;font-size:1rem;line-height:1.8}.about-features{flex-direction:column;gap:20px;margin-top:32px;display:flex}.about-feature{align-items:flex-start;gap:16px;display:flex}.about-feature-icon{border-radius:var(--radius);width:48px;height:48px;color:var(--navy);background:#0b2e590f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-feature h4{color:var(--text-primary);margin-bottom:4px;font-weight:600}.about-feature p{color:var(--text-secondary);font-size:.88rem}.about-visual{position:sticky;top:100px}.about-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px}.about-card-header{color:var(--navy);align-items:center;gap:12px;margin-bottom:24px;display:flex}.about-card-header h3{color:var(--navy);font-size:1.1rem}.expertise-list{list-style:none}.expertise-list li{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:10px 0;font-size:.92rem}.expertise-list li:last-child{border-bottom:none}.expertise-list li:before{content:"";background:var(--orange);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:12px;display:inline-block}.products-wrapper{padding:0 0 80px;overflow:hidden}.products-section{text-align:center;background:var(--white);padding:120px 0}.products-section .section-title{margin-bottom:8px}.carousel-wrapper{align-items:center;gap:0;display:flex;position:relative}.carousel-container{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;position:relative;overflow:auto hidden}.carousel-container::-webkit-scrollbar{display:none}.carousel-container.dragging{cursor:grabbing;scroll-behavior:auto}.carousel-track{gap:24px;width:max-content;padding:20px 32px;display:flex}.product-card{border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--border);width:300px;transition:var(--transition);cursor:pointer;flex-shrink:0;display:block;overflow:hidden}.product-card:hover{box-shadow:var(--shadow);border-color:var(--navy)}.product-card-visual{background:var(--bg-alt);flex-direction:column;justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.product-card-image{object-fit:cover;opacity:.9;width:100%;height:100%;transition:var(--transition);position:absolute;inset:0}.product-card:hover .product-card-image{opacity:1}.product-card-molecule{display:none}.product-card-category{text-transform:uppercase;letter-spacing:.08em;color:var(--navy);background:#ffffffeb;border-radius:4px;padding:4px 10px;font-size:.7rem;font-weight:600;position:absolute;bottom:12px;left:16px}.product-card-info{text-align:left;padding:20px}.product-card-info h3{color:var(--navy);margin-bottom:8px;font-size:1rem;font-weight:700;line-height:1.3}.product-card-info p{color:var(--text-secondary);margin-bottom:16px;font-size:.82rem;line-height:1.5}.product-card-link{color:var(--orange);transition:var(--transition);align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.product-card:hover .product-card-link{gap:10px}.carousel-arrow{z-index:10;background:var(--white);border:1px solid var(--border);width:44px;height:44px;color:var(--navy);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute}.carousel-arrow:hover{background:var(--navy);border-color:var(--navy);color:#fff}.carousel-arrow.left{left:0}.carousel-arrow.right{right:0}.carousel-hint{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:.82rem}.why-section{max-width:var(--container);text-align:center;margin:0 auto;padding:120px 32px}.why-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;display:grid}.why-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);text-align:left;padding:32px 24px}.why-card:hover{border-color:var(--navy);box-shadow:var(--shadow)}.why-icon{margin-bottom:16px;font-size:2rem;display:block}.why-card h3{color:var(--navy);margin-bottom:8px;font-size:1rem;font-weight:700}.why-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.cta-section{border-radius:var(--radius-lg);background:var(--navy);text-align:center;margin:0 32px 80px;padding:80px 40px}.cta-content h2{color:#fff;margin-bottom:12px;font-size:2rem;font-weight:800}.cta-content p{color:#ffffffb3;margin-bottom:32px;font-size:1.05rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cta-actions .btn-primary{background:var(--orange)}.cta-actions .btn-primary:hover{background:var(--orange-hover)}.cta-actions .btn-secondary{color:#fff;background:0 0;border-color:#ffffff4d}.cta-actions .btn-secondary:hover{background:#ffffff1a}.brochure-section{max-width:900px;margin:0 auto;padding:0 32px 80px}.brochure-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:32px;padding:40px;display:flex}.brochure-card:hover{box-shadow:var(--shadow)}.brochure-icon{border-radius:var(--radius-lg);width:80px;height:80px;color:var(--navy);background:#0b2e590f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brochure-info{flex:1}.brochure-info h3{color:var(--navy);margin-bottom:8px;font-size:1.2rem;font-weight:700}.brochure-info p{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.contact-section{max-width:var(--container);margin:0 auto;padding:120px 32px}.contact-grid{grid-template-columns:1fr 1.2fr;gap:64px;margin-top:48px;display:grid}.contact-info h3{color:var(--navy);margin-bottom:12px;font-size:1.3rem}.contact-info>p{color:var(--text-secondary);margin-bottom:32px;line-height:1.7}.contact-details{flex-direction:column;gap:24px;display:flex}.contact-row{align-items:flex-start;gap:16px;display:flex}.contact-row svg{color:var(--navy);flex-shrink:0;margin-top:2px}.contact-row strong{color:var(--text-primary);margin-bottom:4px;font-size:.9rem;font-weight:600;display:block}.contact-row span{color:var(--text-secondary);font-size:.9rem}.contact-row .location-link{color:var(--text-secondary);transition:var(--transition);font-size:.9rem;text-decoration:none}.contact-row .location-link:hover{color:var(--navy);text-decoration:underline}.address-row{flex-wrap:wrap}.address-content{flex:1;min-width:200px}.map-preview{width:120px;height:90px;transition:var(--transition);border-radius:8px;flex-shrink:0;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001f}.map-preview:hover{cursor:pointer;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.map-preview iframe{width:100%;height:100%;display:block}.map-placeholder{background:linear-gradient(135deg,#e8edf3,#d1d9e6);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.map-overlay{color:#fff;text-align:center;background:#0b2e59d9;justify-content:center;align-items:center;gap:4px;padding:4px 0;font-size:.65rem;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.contact-form-wrap h3{color:var(--navy);margin-bottom:24px;font-size:1.3rem}.contact-form{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form input,.contact-form textarea{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:12px 16px;font-family:inherit;font-size:.9rem;font-weight:500}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px #0b2e590f}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-secondary)}.contact-form textarea{resize:vertical}.footer{background:var(--navy-deep);border-top:1px solid #ffffff0f;padding:80px 32px 0}.footer-grid{max-width:var(--container);grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:48px;margin:0 auto;display:grid}.footer-brand h3{color:#fff;margin:12px 0 8px;font-size:1.1rem;font-weight:700}.footer-brand p{color:#ffffff80;font-size:.88rem;line-height:1.6}.footer-brand .logo-icon{opacity:.8}.footer h4{text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:20px;font-size:.82rem;font-weight:700}.footer ul{list-style:none}.footer ul li{color:#fff9;transition:var(--transition);cursor:pointer;margin-bottom:10px;font-size:.88rem}.footer ul li:hover{color:var(--orange)}.footer-contact .contact-items{flex-direction:column;gap:16px;display:flex}.contact-item{align-items:flex-start;gap:12px;display:flex}.contact-item svg{color:var(--orange);flex-shrink:0;margin-top:2px}.contact-item span{color:#ffffff80;font-size:.88rem;line-height:1.5}.location-link{color:#ffffff80;transition:var(--transition);font-size:.88rem;line-height:1.5;text-decoration:none}.location-link:hover{color:var(--orange);text-decoration:underline}.footer-bottom{max-width:var(--container);text-align:center;color:#ffffff59;border-top:1px solid #ffffff14;margin:48px auto 0;padding:20px 0;font-size:.82rem}.footer-developed{color:#ffffff40;margin-top:8px;font-size:.75rem}.footer-developed strong{color:#ffffff59;font-weight:600}.footer-developed a{color:#ffffff40;transition:var(--transition)}.footer-developed a:hover{color:var(--orange)}.products-page{min-height:100vh;padding-top:72px}.products-page-hero{text-align:center;background:var(--bg-alt);border-bottom:1px solid var(--border);padding:80px 32px 40px}.products-page-hero h1{color:var(--navy);margin-bottom:12px;font-size:clamp(2rem,5vw,3rem);font-weight:800}.products-page-hero h1 span{color:var(--orange)}.products-page-hero p{color:var(--text-secondary);font-size:1.05rem}.products-page-content{max-width:var(--container);margin:0 auto;padding:48px 32px 120px}.products-filter{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.filter-btn{border-radius:var(--radius);background:var(--white);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:8px 20px;font-family:inherit;font-size:.88rem;font-weight:500}.filter-btn:hover{border-color:var(--navy);color:var(--navy)}.filter-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}.products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.product-detail-page{min-height:100vh;padding-top:72px}.product-image-section{margin-bottom:8px}.product-detail-image{object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-height:420px}.product-detail-hero{background:var(--navy);align-items:center;gap:48px;min-height:360px;padding:80px 32px 60px;display:flex;position:relative;overflow:hidden}.hero-molecule{opacity:.15;flex-shrink:0}.hero-text{z-index:1;position:relative}.back-link{color:#fff9;transition:var(--transition);align-items:center;gap:8px;margin-bottom:20px;font-size:.88rem;font-weight:500;display:inline-flex}.back-link:hover{color:#fff}.product-category-badge{text-transform:uppercase;letter-spacing:.1em;color:#fffc;background:#ffffff1f;border-radius:4px;margin-bottom:16px;padding:6px 14px;font-size:.72rem;font-weight:600;display:inline-block}.product-title{color:#fff;margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1}.product-short-desc{color:#ffffffa6;max-width:600px;font-size:1.05rem;line-height:1.6}.product-detail-body{max-width:var(--container);grid-template-columns:1fr 400px;gap:48px;margin:0 auto;padding:48px 32px 120px;display:grid}.product-main{flex-direction:column;gap:40px;display:flex}.product-desc-section h2,.product-features-section h2,.product-applications-section h2,.product-specs-section h2{border-bottom:1px solid var(--border);color:var(--navy);margin-bottom:20px;padding-bottom:12px;font-size:1.2rem;font-weight:700}.product-desc-section p{color:var(--text-secondary);font-size:1rem;line-height:1.9}.features-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.feature-item{color:var(--text-secondary);align-items:center;gap:12px;font-size:.9rem;display:flex}.feature-item svg{color:var(--success);flex-shrink:0}.applications-list{flex-wrap:wrap;gap:10px;display:flex}.application-tag{border-radius:var(--radius);background:var(--bg-alt);color:var(--navy);border:1px solid var(--border);padding:6px 16px;font-size:.82rem;font-weight:500}.specs-table{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:0;display:flex;overflow:hidden}.spec-row{border-bottom:1px solid var(--border);padding:14px 20px;display:flex}.spec-row:last-child{border-bottom:none}.spec-row:nth-child(odd){background:var(--bg-alt)}.spec-key{width:180px;color:var(--navy);flex-shrink:0;font-size:.88rem;font-weight:600}.spec-value{color:var(--text-secondary);font-size:.88rem}.product-sidebar{height:fit-content;position:sticky;top:96px}.inquiry-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px}.inquiry-card h3{color:var(--navy);margin-bottom:8px;font-size:1.2rem;font-weight:700}.inquiry-card>p{color:var(--text-secondary);margin-bottom:24px;font-size:.88rem;line-height:1.6}.inquiry-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-primary);font-size:.82rem;font-weight:600}.required{color:var(--error)}.form-group input,.form-group textarea{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);transition:var(--transition);outline:none;padding:11px 14px;font-family:inherit;font-size:.88rem;font-weight:500}.form-group input:focus,.form-group textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px #0b2e590f}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.form-group textarea{resize:vertical}.success-message{text-align:center;padding:20px 0}.success-message svg{color:var(--success);margin-bottom:16px}.success-message h4{color:var(--navy);margin-bottom:8px;font-size:1.2rem}.success-message p{color:var(--text-secondary);margin-bottom:24px;font-size:.88rem}.page-loading,.page-error{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:calc(100vh - 72px);display:flex}.page-error h2{color:var(--navy);font-size:1.5rem}.page-error p{color:var(--text-secondary)}.spinner{border:3px solid var(--border);border-top-color:var(--navy);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.spinner.large{border-width:4px;width:56px;height:56px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px;display:flex}.page-loading .spinner{margin-bottom:8px}.team-page{min-height:100vh;padding-top:72px}.team-hero{text-align:center;padding:100px 32px 80px;position:relative;overflow:hidden}.team-hero-bg{background:var(--bg-alt);position:absolute;inset:0}.team-hero-bg:before{content:"";opacity:.6;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230B2E59' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.team-hero-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.team-hero h1{color:var(--navy);margin-bottom:16px;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800}.team-hero h1 span{color:var(--orange)}.team-hero p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.team-story{text-align:center;max-width:900px;margin:0 auto;padding:80px 32px}.team-story-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--orange);background:#f47b2014;border-radius:4px;margin-bottom:20px;padding:6px 16px;font-size:.72rem;font-weight:700;display:inline-block}.team-story h2{color:var(--navy);margin-bottom:16px;font-size:2rem;font-weight:800}.team-story>p{color:var(--text-secondary);margin-bottom:48px;font-size:1.05rem;line-height:1.8}.team-timeline{justify-content:space-between;padding-top:24px;display:flex;position:relative}.team-timeline:before{content:"";background:var(--border);height:2px;position:absolute;top:32px;left:0;right:0}.timeline-item{text-align:center;flex:1;position:relative}.timeline-dot{background:var(--white);border:3px solid var(--navy);z-index:1;width:16px;height:16px;transition:var(--transition);border-radius:50%;margin:0 auto 16px;position:relative}.timeline-item.active .timeline-dot{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 4px #f47b2026}.timeline-content{padding:0 8px}.timeline-year{color:var(--orange);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.82rem;font-weight:700;display:block}.timeline-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.team-member{padding:80px 32px}.team-member.even{background:var(--bg-alt)}.team-member-container{grid-template-columns:380px 1fr;align-items:start;gap:64px;max-width:1100px;margin:0 auto;display:grid}.team-member.odd .team-member-container{grid-template-columns:1fr 380px}.team-member.odd .team-member-image-wrap{order:2}.team-member.odd .team-member-info{text-align:right;order:1}.team-member.odd .team-member-stats{justify-content:flex-end}.team-member.odd .team-member-bio p{text-align:right}.team-member.odd .team-member-quote{justify-content:flex-end}.team-member-image-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);position:relative;overflow:hidden}.team-member-image-bg{opacity:.1;background:var(--navy);position:absolute;inset:0}.team-member-image{object-fit:cover;z-index:1;width:100%;height:450px;display:block;position:relative}.team-member-image-badge{z-index:2;background:var(--navy);color:#fff;border-radius:var(--radius);padding:8px 18px;font-size:.82rem;font-weight:600;position:absolute;bottom:16px;left:16px}.team-member-tagline{text-transform:uppercase;letter-spacing:.08em;color:var(--orange);margin-bottom:12px;font-size:.82rem;font-weight:600;display:inline-block}.team-member-name{color:var(--navy);margin-bottom:8px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.1}.team-member-role{color:var(--text-secondary);margin-bottom:32px;font-size:1rem}.team-member-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:32px;margin-bottom:36px;padding:24px 0;display:flex}.team-stat{text-align:center}.team-stat-value{color:var(--orange);font-size:1.8rem;font-weight:800;display:block}.team-stat-label{color:var(--text-secondary);margin-top:4px;font-size:.78rem;display:block}.team-member-bio{margin-bottom:32px}.team-member-bio p{color:var(--text-secondary);margin-bottom:16px;font-size:1rem;line-height:1.9}.team-member-quote{background:var(--bg-alt);border-radius:var(--radius);border-left:3px solid var(--orange);align-items:flex-start;gap:12px;padding:20px 24px;display:flex}.team-member-quote svg{color:var(--orange);flex-shrink:0;margin-top:2px}.team-member-quote p{color:var(--text-secondary);margin:0;font-size:1rem;font-style:italic;line-height:1.7}.team-cta{text-align:center;background:var(--bg-alt);border-top:1px solid var(--border);padding:80px 32px}.team-cta-content{max-width:600px;margin:0 auto}.team-cta h2{color:var(--navy);margin-bottom:12px;font-size:2rem;font-weight:800}.team-cta p{color:var(--text-secondary);margin-bottom:32px;font-size:1.05rem}.team-cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.not-found-page{background:var(--bg-alt);justify-content:center;align-items:center;min-height:calc(100vh - 72px);padding-top:72px;display:flex}.not-found-content{text-align:center;padding:40px 32px}.not-found-code{justify-content:center;align-items:center;gap:16px;margin-bottom:32px;display:flex}.not-found-code>span{color:var(--navy);font-size:8rem;font-weight:900;line-height:1}.not-found-molecule{opacity:.3}.not-found-content h1{color:var(--navy);margin-bottom:12px;font-size:2rem;font-weight:800}.not-found-content p{color:var(--text-secondary);margin-bottom:32px;font-size:1.05rem}.not-found-actions{justify-content:center;gap:16px;display:flex}.related-products{max-width:1200px;margin:0 auto;padding:60px 5%}.related-products h2{color:var(--navy);margin-bottom:32px;font-size:1.8rem;font-weight:800}.related-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.lazy-image-wrap{width:100%;height:100%;position:relative;overflow:hidden}.lazy-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s}.lazy-image.loaded{opacity:1}.lazy-image-skeleton,.lazy-image-fallback{background:var(--bg-alt);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lazy-image-skeleton .spinner{border:2px solid var(--border);border-top-color:var(--navy);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--bg-alt) 25%, var(--border) 50%, var(--bg-alt) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.skeleton-image{height:200px}.skeleton-image-large{border-radius:var(--radius-lg);height:320px}.skeleton-badge{width:80px;height:24px;margin-bottom:12px}.skeleton-title{width:70%;height:24px;margin-bottom:12px}.skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-text.short{width:40%}.skeleton-hero{height:300px}.skeleton-card-box{border-radius:var(--radius-lg);height:300px}.skeleton-body{padding:20px}.skeleton-detail-body{grid-template-columns:1fr 400px;gap:32px;padding:40px 0;display:grid}.skeleton-main{flex-direction:column;gap:12px;display:flex}.skeleton-sidebar{flex-direction:column;gap:16px;display:flex}.skeleton-text-group{flex-direction:column;gap:12px;max-width:600px;display:flex}@media (width<=1024px){.about-grid{grid-template-columns:1fr}.about-visual{position:static}.why-grid{grid-template-columns:repeat(2,1fr)}.product-detail-body{grid-template-columns:1fr}.product-sidebar{position:static}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.nav-search,.nav-links{display:none}.hero-brand{flex-direction:column;gap:12px}.hero-stats{flex-wrap:wrap;gap:24px}.contact-grid,.features-grid,.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.product-detail-hero{text-align:center;flex-direction:column}.why-grid{grid-template-columns:1fr}.team-member-container{gap:40px;grid-template-columns:1fr!important}.team-member.odd .team-member-image-wrap{order:0}.team-member.odd .team-member-info{text-align:left;order:0}.team-member.odd .team-member-stats{justify-content:flex-start}.team-member.odd .team-member-bio p{text-align:left}.team-member.odd .team-member-quote{justify-content:flex-start}.team-member-image{height:350px}.team-timeline{flex-direction:column;gap:24px;padding-left:32px}.team-timeline:before{width:2px;height:auto;inset:0 auto 0 39px}.timeline-item{text-align:left}.timeline-dot{position:absolute;top:0;left:-32px}.team-member-stats{flex-wrap:wrap;gap:20px}.brochure-card{text-align:center;flex-direction:column;padding:32px 24px}.skeleton-detail-body{grid-template-columns:1fr}}@media (width<=480px){.hero-section{padding:120px 16px 80px}.hero-actions{flex-direction:column;align-items:center}.product-card{width:260px}.products-grid{grid-template-columns:1fr}}
