@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--color-deep-navy: #0B1F33;--color-primary-navy: #103A5C;--color-steel-blue: #315D7A;--color-light-steel: #EAF0F6;--color-gold-accent: #B69455;--color-gold-hover: #9E7F44;--color-bg-light: #F8FAFC;--color-bg-warm: #F4F6F8;--color-white: #FFFFFF;--color-text-main: #1A2530;--color-text-muted: #52606D;--color-text-light: #8C9BA5;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--max-width: 1240px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(11, 31, 51, .05);--shadow-md: 0 4px 16px rgba(11, 31, 51, .08);--shadow-lg: 0 12px 32px rgba(11, 31, 51, .12);--transition-fast: .2s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--color-bg-light);color:var(--color-text-main);line-height:1.6;font-weight:400;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{color:var(--color-deep-navy);font-weight:700;line-height:1.25;letter-spacing:-.02em}h1{font-size:clamp(2.25rem,4vw,3.5rem);font-weight:800}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}h4{font-size:1.125rem}p{color:var(--color-text-muted);font-size:1rem;line-height:1.65}.eyebrow{display:inline-block;font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-steel-blue);margin-bottom:12px}.eyebrow-gold{color:var(--color-gold-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-align:center;white-space:nowrap}.btn-primary{background-color:var(--color-primary-navy);color:var(--color-white);border-color:var(--color-primary-navy)}.btn-primary:hover{background-color:var(--color-deep-navy);border-color:var(--color-deep-navy);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:transparent;color:var(--color-deep-navy);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-light-steel);border-color:var(--color-steel-blue);color:var(--color-primary-navy)}.btn-gold{background-color:var(--color-gold-accent);color:var(--color-white);border-color:var(--color-gold-accent)}.btn-gold:hover{background-color:var(--color-gold-hover);border-color:var(--color-gold-hover);color:var(--color-white)}.btn-outline-white{background-color:transparent;color:var(--color-white);border-color:#ffffff4d}.btn-outline-white:hover{background-color:#ffffff1a;border-color:var(--color-white)}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-full{width:100%}.header-topbar{background-color:var(--color-deep-navy);color:#ffffffd9;font-size:.8125rem;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.topbar-content{display:flex;justify-content:space-between;align-items:center}.topbar-info{display:flex;gap:24px}.topbar-item{display:inline-flex;align-items:center;gap:6px}a.topbar-item:hover{color:var(--color-white);text-decoration:underline}.header{position:sticky;top:0;z-index:1000;background-color:var(--color-white);border-bottom:1px solid var(--color-border);transition:box-shadow var(--transition-fast),background-color var(--transition-fast)}.header.scrolled{box-shadow:var(--shadow-md)}.navbar{display:flex;justify-content:space-between;align-items:center;height:80px}.logo-link{display:flex;align-items:center;gap:12px}.logo-img{height:68px;width:auto;object-fit:contain}.logo-text{font-size:1.25rem;font-weight:800;color:var(--color-deep-navy);letter-spacing:-.01em}.nav-menu{display:flex;align-items:center;gap:36px}.nav-link{font-size:.9375rem;font-weight:600;color:var(--color-text-muted);padding:8px 0;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-primary-navy)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-gold-accent);border-radius:2px}.mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--color-deep-navy)}.mobile-toggle svg{width:28px;height:28px}.mobile-nav{display:none;position:fixed;top:80px;left:0;width:100%;background-color:var(--color-white);border-bottom:1px solid var(--color-border);padding:24px;box-shadow:var(--shadow-lg);z-index:999;flex-direction:column;gap:16px}.mobile-nav.open{display:flex}.mobile-nav .nav-link{font-size:1.125rem;padding:10px 0;border-bottom:1px solid var(--color-bg-warm)}.hero{padding:80px 0 100px;background:linear-gradient(135deg,#f8fafc,#eef2f6);position:relative;overflow:hidden;border-bottom:1px solid var(--color-border)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{max-width:580px}.hero-title{margin-bottom:20px;color:var(--color-deep-navy)}.hero-subtitle{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:36px;line-height:1.7}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-visual-wrapper{position:relative}.hero-composition{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:center}.hero-card-main{grid-column:1 / span 9;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-lg);position:relative;z-index:2}.hero-card-main img{width:100%;height:280px;object-fit:contain;background-color:var(--color-bg-warm);border-radius:var(--radius-md)}.hero-card-sub{grid-column:7 / span 6;margin-top:-80px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:12px;box-shadow:var(--shadow-md);position:relative;z-index:3}.hero-card-sub img{width:100%;height:180px;object-fit:contain;background-color:var(--color-bg-warm);border-radius:var(--radius-md)}.hero-badge-tag{display:inline-block;margin-top:8px;font-size:.8125rem;font-weight:700;color:var(--color-steel-blue);text-transform:uppercase;letter-spacing:.05em}.section{padding:90px 0}.section-alt{background-color:var(--color-bg-warm)}.section-dark{background-color:var(--color-deep-navy);color:var(--color-white)}.section-dark h2,.section-dark h3{color:var(--color-white)}.section-dark p{color:#ffffffbf}.section-header{text-align:center;max-width:680px;margin:0 auto 60px}.section-header p{font-size:1.0625rem;margin-top:12px}.section-header-left{text-align:left;max-width:100%;margin-bottom:40px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.intro-content p{margin-bottom:20px;font-size:1.0625rem}.intro-highlights{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.highlight-box{background-color:var(--color-white);padding:20px;border-radius:var(--radius-md);border:1px solid var(--color-border);border-left:4px solid var(--color-primary-navy)}.highlight-box h4{font-size:1rem;margin-bottom:6px;color:var(--color-deep-navy)}.highlight-box p{font-size:.875rem;color:var(--color-text-muted);margin-bottom:0}.intro-image-container{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:var(--color-white);padding:16px}.intro-image-container img{width:100%;height:380px;object-fit:contain;background-color:var(--color-bg-warm);border-radius:var(--radius-md)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-card{background-color:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-steel-blue)}.product-card-img{height:240px;width:100%;object-fit:contain;background-color:var(--color-bg-warm);padding:20px;border-bottom:1px solid var(--color-border)}.product-card-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.product-card-title{font-size:1.25rem;margin-bottom:10px;color:var(--color-deep-navy)}.product-card-desc{font-size:.9375rem;color:var(--color-text-muted);margin-bottom:20px;flex-grow:1}.product-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.pillar-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:32px 24px;transition:border-color var(--transition-fast)}.pillar-card:hover{border-color:var(--color-gold-accent)}.pillar-icon{width:48px;height:48px;background-color:var(--color-light-steel);color:var(--color-primary-navy);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.pillar-icon svg{width:24px;height:24px}.pillar-title{font-size:1.125rem;margin-bottom:12px;color:var(--color-deep-navy)}.pillar-desc{font-size:.875rem;color:var(--color-text-muted)}.values-strip{background-color:var(--color-deep-navy);padding:48px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.values-flex{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:30px}.value-item{display:flex;align-items:center;gap:16px}.value-bullet{width:10px;height:10px;background-color:var(--color-gold-accent);border-radius:2px}.value-text{font-size:1.125rem;font-weight:700;letter-spacing:.08em;color:var(--color-white);text-transform:uppercase}.cta-banner{background:linear-gradient(135deg,var(--color-primary-navy) 0%,var(--color-deep-navy) 100%);padding:70px 0;color:var(--color-white);border-radius:var(--radius-lg);margin:60px 0;text-align:center}.cta-banner-content{max-width:680px;margin:0 auto}.cta-banner h2{color:var(--color-white);margin-bottom:16px}.cta-banner p{color:#ffffffd9;font-size:1.125rem;margin-bottom:32px}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.page-hero{background-color:var(--color-deep-navy);color:var(--color-white);padding:72px 0;border-bottom:1px solid rgba(255,255,255,.1)}.page-hero-content{max-width:760px}.page-hero h1{color:var(--color-white);margin-bottom:16px}.page-hero p{color:#ffffffd9;font-size:1.125rem;line-height:1.6}.product-detail-item{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px;margin-bottom:40px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.product-detail-item:nth-child(2n){grid-template-columns:1.2fr 1fr}.product-detail-item:nth-child(2n) .product-detail-gallery{order:2}.product-detail-gallery{display:flex;flex-direction:column;gap:16px}.product-main-img-box{background-color:var(--color-bg-warm);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:24px;display:flex;align-items:center;justify-content:center}.product-main-img-box img{max-height:320px;width:auto;object-fit:contain}.product-sub-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.product-sub-img-box{background-color:var(--color-bg-warm);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:12px;display:flex;align-items:center;justify-content:center}.product-sub-img-box img{height:140px;width:auto;object-fit:contain}.product-detail-info h2{font-size:1.75rem;margin-bottom:12px;color:var(--color-deep-navy)}.product-use-cases{margin:24px 0;background-color:var(--color-bg-light);padding:20px;border-radius:var(--radius-md);border-left:3px solid var(--color-steel-blue)}.product-use-cases h4{font-size:.9375rem;margin-bottom:8px;color:var(--color-deep-navy)}.product-use-cases ul{padding-left:20px;list-style-type:disc}.product-use-cases li{font-size:.875rem;color:var(--color-text-muted);margin-bottom:4px}.about-story-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-bottom:60px}.about-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.about-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:28px}.about-card h3{font-size:1.25rem;margin-bottom:12px;color:var(--color-deep-navy)}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.contact-info-card{background-color:var(--color-deep-navy);color:var(--color-white);border-radius:var(--radius-lg);padding:40px;height:100%}.contact-info-card h3{color:var(--color-white);margin-bottom:24px;font-size:1.5rem}.contact-info-list{display:flex;flex-direction:column;gap:28px;margin-bottom:40px}.contact-info-item{display:flex;align-items:flex-start;gap:16px}.contact-info-icon{width:40px;height:40px;background-color:#ffffff1a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-gold-accent)}.contact-info-icon svg{width:20px;height:20px}.contact-info-text label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#fff9;margin-bottom:4px}.contact-info-text p,.contact-info-text a{color:var(--color-white);font-size:1rem;font-weight:500;margin-bottom:0}.contact-info-text a:hover{color:var(--color-gold-accent)}.contact-tagline-box{border-top:1px solid rgba(255,255,255,.15);padding-top:24px;margin-top:auto}.contact-tagline-box p{color:var(--color-gold-accent);font-weight:700;letter-spacing:.05em;font-size:.875rem;margin:0}.contact-form-container{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-sm)}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--color-deep-navy);margin-bottom:8px}.form-group label span{color:#dc2626}.form-control{width:100%;padding:12px 16px;font-size:.9375rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-light);color:var(--color-text-main);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-primary-navy);box-shadow:0 0 0 3px #103a5c1a;background-color:var(--color-white)}textarea.form-control{resize:vertical;min-height:120px}.form-notice{font-size:.8125rem;color:var(--color-text-light);margin-top:12px;display:flex;align-items:center;gap:6px}.footer{background-color:var(--color-deep-navy);color:#fffc;padding-top:80px;border-top:1px solid rgba(255,255,255,.1)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{height:44px;width:auto;object-fit:contain}.footer-tagline{color:var(--color-gold-accent);font-weight:700;font-size:.875rem;letter-spacing:.05em}.footer-desc{font-size:.875rem;color:#ffffffb3;line-height:1.6}.footer-col h4{color:var(--color-white);font-size:1rem;margin-bottom:20px;position:relative}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links a{font-size:.875rem;color:#ffffffb3}.footer-links a:hover{color:var(--color-white);padding-left:4px}.footer-contact-list{display:flex;flex-direction:column;gap:14px;font-size:.875rem}.footer-contact-item{display:flex;align-items:flex-start;gap:10px}.footer-contact-item svg{width:18px;height:18px;color:var(--color-gold-accent);flex-shrink:0;margin-top:2px}.footer-contact-item a{color:#fffc}.footer-contact-item a:hover{color:var(--color-white);text-decoration:underline}.footer-bottom{padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:#ffffff80}.footer-bottom a{color:#ffffff80}.footer-bottom a:hover{color:var(--color-white)}@media (max-width: 1024px){.logo-img{height:56px}.hero-grid,.intro-grid,.about-story-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.hero-content{max-width:100%}.products-grid,.pillars-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.product-detail-item,.product-detail-item:nth-child(2n){grid-template-columns:1fr}.product-detail-item:nth-child(2n) .product-detail-gallery{order:0}}@media (max-width: 768px){.logo-img{height:48px}.header-topbar,.nav-menu,.header-cta{display:none}.mobile-toggle{display:block}.section{padding:60px 0}.products-grid,.pillars-grid,.form-row{grid-template-columns:1fr}.values-flex{flex-direction:column;align-items:flex-start;gap:16px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.about-highlights{grid-template-columns:1fr}}@media (max-width: 480px){.hero-card-main{grid-column:1 / span 12}.hero-card-sub{display:none}.intro-highlights{grid-template-columns:1fr}}