:root{--bg-canvas: #fbfbfa;--bg-surface: #ffffff;--bg-subtle: #f4f3f0;--bg-muted: #eceae5;--ink-900: #0f1715;--ink-800: #1b2623;--ink-700: #2d3b37;--ink-600: #4a5954;--ink-400: #7b8a85;--ink-300: #a9b5b0;--ink-100: #e3e8e6;--accent-brass: #b58d3d;--accent-brass-light: #d8af60;--accent-brass-subtle: rgba(181, 141, 61, .12);--accent-forest: #143229;--accent-forest-light: #204b3e;--border-light: rgba(15, 23, 21, .08);--border-medium: rgba(15, 23, 21, .14);--border-focus: rgba(181, 141, 61, .5);--font-display: "Cinzel", serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-arabic: "Amiri", serif;--max-w: 1160px;--header-h: 76px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-subtle: 0 4px 20px rgba(15, 23, 21, .04);--shadow-hover: 0 12px 32px rgba(15, 23, 21, .08);--transition: .25s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-canvas);color:var(--ink-800);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:var(--transition)}button,input,select,textarea{font:inherit;color:inherit;border:none;outline:none}button{cursor:pointer;background:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-w);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:#fbfbfaeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:100;transition:background var(--transition),border-color var(--transition)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:100%}.brand-group{display:flex;align-items:center;gap:12px}.brand-logo-img{width:42px;height:42px;border-radius:var(--radius-sm);object-fit:contain;background:var(--accent-forest);box-shadow:0 2px 8px #0000001f;flex-shrink:0}.brand-monogram{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-forest);color:var(--accent-brass-light);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.05em}.brand-title{display:flex;flex-direction:column}.brand-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:.06em;color:var(--ink-900);text-transform:uppercase;line-height:1.1}.brand-tagline{font-family:var(--font-arabic);font-size:.82rem;color:var(--ink-600);letter-spacing:.02em}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{font-size:.9rem;font-weight:500;color:var(--ink-600);padding:6px 0;position:relative}.nav-link:hover,.nav-link.active{color:var(--ink-900)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--accent-brass);transition:width var(--transition)}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-action{display:flex;align-items:center;gap:14px}.btn-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:var(--radius-full);background:var(--accent-forest);color:#fff;font-size:.86rem;font-weight:600;letter-spacing:.02em;transition:all var(--transition)}.btn-pill:hover{background:var(--accent-forest-light);transform:translateY(-1px)}.btn-mobile-toggle{display:none;padding:8px;color:var(--ink-900)}.hero{padding-top:calc(var(--header-h) + 64px);padding-bottom:72px}.hero-inner{display:flex;flex-direction:column;gap:48px}.hero-text-block{max-width:860px}.hero-pill-tag{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--accent-forest);background:var(--bg-subtle);border:1px solid var(--border-light);padding:6px 14px;border-radius:var(--radius-full);margin-bottom:24px;letter-spacing:.04em;text-transform:uppercase}.hero-pill-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-brass)}.hero-h1{font-family:var(--font-display);font-size:clamp(2.3rem,4.5vw,3.8rem);font-weight:700;line-height:1.18;color:var(--ink-900);margin-bottom:22px;letter-spacing:-.01em}.hero-h1 span{color:var(--accent-brass)}.hero-p{font-size:1.15rem;line-height:1.7;color:var(--ink-600);max-width:680px;margin-bottom:32px}.hero-btns{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn-dark{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--ink-900);color:#fff;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;transition:all var(--transition)}.btn-dark:hover{background:var(--accent-forest);transform:translateY(-2px)}.btn-light{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--ink-800);border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;transition:all var(--transition)}.btn-light:hover{border-color:var(--accent-brass);color:var(--accent-brass)}.hero-image-wrap{width:100%;height:440px;border-radius:var(--radius-md);overflow:hidden;position:relative;border:1px solid var(--border-light)}.hero-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-image-caption{position:absolute;bottom:20px;left:24px;background:#0f1715d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-size:.84rem;letter-spacing:.02em}.metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:32px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.metric-item{display:flex;flex-direction:column}.metric-val{font-family:var(--font-display);font-size:1.85rem;font-weight:700;color:var(--ink-900);line-height:1.1}.metric-lbl{font-size:.84rem;color:var(--ink-400);margin-top:6px;text-transform:uppercase;letter-spacing:.05em}.section{padding:88px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:32px}.section-label{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-brass);display:block;margin-bottom:10px}.section-h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--ink-900);line-height:1.25}.section-summary{max-width:440px;color:var(--ink-600);font-size:.98rem;line-height:1.65}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-text p{font-size:1.05rem;color:var(--ink-600);line-height:1.75;margin-bottom:24px}.about-pillars{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.pillar-item{border-left:2px solid var(--accent-brass);padding-left:16px}.pillar-item h4{font-size:.95rem;font-weight:700;color:var(--ink-900);margin-bottom:4px}.pillar-item p{font-size:.84rem;color:var(--ink-600);line-height:1.5;margin:0}.about-media-box{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light);height:420px}.about-media-box img{width:100%;height:100%;object-fit:cover}.product-tabs{display:flex;gap:8px;margin-bottom:36px;border-bottom:1px solid var(--border-light);padding-bottom:12px;overflow-x:auto}.tab-btn{padding:8px 16px;font-size:.88rem;font-weight:600;color:var(--ink-400);border-radius:var(--radius-sm);transition:all var(--transition)}.tab-btn:hover{color:var(--ink-900)}.tab-btn.active{color:var(--ink-900);background:var(--bg-subtle)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-item{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);display:flex;flex-direction:column}.product-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-subtle);transform:translateY(-3px)}.product-thumb{height:220px;background:var(--bg-subtle);position:relative;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-item:hover .product-thumb img{transform:scale(1.05)}.product-category-tag{position:absolute;top:14px;left:14px;background:#fffffff0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:var(--radius-full);font-size:.74rem;font-weight:600;letter-spacing:.04em;color:var(--ink-700);border:1px solid var(--border-light)}.product-body{padding:26px 24px;display:flex;flex-direction:column;flex-grow:1}.product-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.product-category-tag-inline{display:inline-block;background:var(--bg-subtle);padding:4px 12px;border-radius:var(--radius-full);font-size:.74rem;font-weight:600;letter-spacing:.04em;color:var(--ink-700);border:1px solid var(--border-light)}.product-brand-tag{font-size:.76rem;color:var(--accent-brass);font-weight:600}.product-title{font-family:var(--font-display);font-size:1.18rem;font-weight:700;color:var(--ink-900);margin-bottom:10px;line-height:1.35}.product-desc{font-size:.9rem;color:var(--ink-600);line-height:1.65;margin-bottom:0;flex-grow:1}.product-meta-row{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--border-light);font-size:.82rem;color:var(--ink-400)}.product-meta-row strong{color:var(--ink-800)}.product-actions{display:flex;gap:10px;margin-top:16px}.btn-spec{flex:1;padding:9px;text-align:center;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;color:var(--ink-700);transition:all var(--transition)}.btn-spec:hover{background:var(--ink-900);color:#fff;border-color:var(--ink-900)}.btn-inquire{padding:9px 14px;background:var(--accent-brass-subtle);border:1px solid var(--accent-brass);color:var(--accent-brass);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;transition:all var(--transition)}.btn-inquire:hover{background:var(--accent-brass);color:#fff}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.advantage-card{padding:32px 28px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);position:relative}.advantage-num{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent-brass);margin-bottom:14px;display:block}.advantage-title{font-size:1.15rem;font-weight:700;color:var(--ink-900);margin-bottom:10px}.advantage-text{font-size:.9rem;color:var(--ink-600);line-height:1.65}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:48px;box-shadow:var(--shadow-subtle)}.contact-info-panel h3{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--ink-900);margin-bottom:12px}.contact-info-panel p{color:var(--ink-600);font-size:.95rem;line-height:1.7;margin-bottom:32px}.info-items{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.info-item{display:flex;align-items:flex-start;gap:14px}.info-icon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--ink-700);flex-shrink:0}.info-text strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-400);margin-bottom:2px}.info-text span,.info-text a{font-size:.95rem;color:var(--ink-900);line-height:1.4}.info-text a:hover{color:var(--accent-brass)}.direct-wa-box{padding:16px 20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between}.direct-wa-box a{color:#15803d;font-weight:600;font-size:.88rem;display:flex;align-items:center;gap:8px}.form-panel h4{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--ink-900);margin-bottom:6px}.form-panel p{font-size:.88rem;color:var(--ink-400);margin-bottom:24px}.minimal-form{display:flex;flex-direction:column;gap:16px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.8rem;font-weight:600;color:var(--ink-700);text-transform:uppercase;letter-spacing:.04em}.input-clean{width:100%;padding:12px 14px;background:var(--bg-canvas);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--ink-900);font-size:.92rem;transition:border-color var(--transition)}.input-clean:focus{border-color:var(--ink-900);background:#fff}textarea.input-clean{min-height:100px;resize:vertical}.btn-submit{padding:14px;background:var(--ink-900);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:.92rem;letter-spacing:.02em;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.btn-submit:hover{background:var(--accent-forest)}.site-footer{border-top:1px solid var(--border-light);padding:40px 0;background:var(--bg-canvas)}.footer-inner{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--ink-400)}.footer-nav{display:flex;gap:24px}.footer-nav a:hover{color:var(--ink-900)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f171599;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-card{background:#fff;border-radius:var(--radius-md);max-width:580px;width:100%;padding:36px;position:relative;box-shadow:0 20px 40px #00000026;border:1px solid var(--border-medium)}.modal-close{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--ink-600)}.modal-title{font-family:var(--font-display);font-size:1.5rem;color:var(--ink-900);margin-bottom:6px}.modal-tag{font-size:.8rem;font-weight:600;color:var(--accent-brass);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;display:block}.modal-desc{font-size:.92rem;color:var(--ink-600);line-height:1.6;margin-bottom:24px}.spec-table{width:100%;border-collapse:collapse;font-size:.88rem;margin-bottom:24px}.spec-table td{padding:10px 0;border-bottom:1px solid var(--border-light)}.spec-table td:first-child{color:var(--ink-400);width:40%}.spec-table td:last-child{color:var(--ink-900);font-weight:600}.toast-box{position:fixed;bottom:24px;right:24px;background:var(--ink-900);color:#fff;padding:14px 22px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;box-shadow:0 10px 30px #0003;z-index:300;transform:translateY(20px);opacity:0;transition:all .25s ease}.toast-box.show{transform:translateY(0);opacity:1}@media(max-width:992px){.products-grid{grid-template-columns:repeat(2,1fr)}.about-split{grid-template-columns:1fr;gap:40px}.about-media-box{height:320px}.advantage-grid{grid-template-columns:1fr;gap:20px}.contact-grid{grid-template-columns:1fr;padding:32px 24px}.metrics-strip{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.nav-links{display:none}.btn-mobile-toggle{display:block}.section-head{flex-direction:column;align-items:flex-start;gap:12px}.hero-h1{font-size:2.2rem}.products-grid,.form-row-2{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:16px;text-align:center}}.page-hero{padding-top:calc(var(--header-h) + 52px);padding-bottom:52px;background:var(--bg-canvas);border-bottom:1px solid var(--border-light)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--ink-400);margin-bottom:18px;text-transform:uppercase;letter-spacing:.05em}.breadcrumb a{color:var(--ink-400)}.breadcrumb a:hover{color:var(--ink-900)}.breadcrumb span{color:var(--accent-brass)}.page-title{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;color:var(--ink-900);line-height:1.2;margin-bottom:14px}.page-subtitle{font-size:1.1rem;color:var(--ink-600);max-width:680px;line-height:1.65}.map-container{width:100%;height:380px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-medium);margin-top:32px}.map-container iframe{width:100%;height:100%;border:0;display:block}.cert-badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.cert-card{padding:24px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);text-align:center}.cert-card h4{font-size:.95rem;font-weight:700;color:var(--ink-900);margin-top:10px;margin-bottom:4px}.cert-card p{font-size:.8rem;color:var(--ink-400)}@media(max-width:768px){.cert-badges-grid{grid-template-columns:repeat(2,1fr)}}