:root{--color-primary: #1B3A8A;--color-primary-dark: #142D6E;--color-primary-deep: #0E2152;--color-primary-light: #4A7FD4;--color-accent: #E87722;--color-bg-page: #FFFFFF;--color-bg-light: #F0F4FA;--color-bg-sky: #D6E4F5;--color-bg-card: #F5F8FF;--color-white: #FFFFFF;--color-text: #1A1A2E;--color-text-secondary: #4B5563;--color-text-muted: #6B7280;--color-border: #E5E7EB;--color-success: #10B981;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--max-width: 1280px;--header-height: 68px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(10, 25, 60, .08);--shadow-md: 0 2px 10px rgba(10, 25, 60, .1);--shadow-lg: 0 6px 24px rgba(10, 25, 60, .14);--transition: .25s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg-page);line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:72px 0}.section--light{background:var(--color-bg-light)}.section--sky{background:linear-gradient(180deg,var(--color-bg-sky),#EAF2FC)}.section-head{text-align:center;margin-bottom:48px}.section-head .kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--color-accent);margin-bottom:10px}.section-head h2{font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--color-primary);line-height:1.1}.section-head p{margin-top:14px;color:var(--color-text-secondary);max-width:640px;margin-left:auto;margin-right:auto;font-size:16px}.header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,var(--color-primary-deep),var(--color-primary));color:#fff;box-shadow:0 2px 12px #0a193c59}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:var(--header-height);display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:2px;font-size:22px}.logo-mark{width:38px;height:38px;background:#fff;border-radius:10px;display:grid;place-items:center;color:var(--color-primary)}.logo small{display:block;font-size:9px;font-weight:600;letter-spacing:1.5px;opacity:.75;line-height:1}.nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav a{padding:8px 14px;font-size:14.5px;font-weight:600;letter-spacing:.5px;border-radius:8px;color:#ffffffd9;transition:var(--transition)}.nav a:hover{background:#ffffff1f;color:#fff}.nav a.active{background:var(--color-accent);color:#fff}.header-search{display:flex;align-items:center;background:#ffffff24;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 8px 6px 14px;gap:8px;transition:var(--transition)}.header-search:focus-within{background:#fff;border-color:#fff}.header-search:focus-within input{color:var(--color-text)}.header-search:focus-within svg{color:var(--color-primary)}.header-search input{background:transparent;border:none;outline:none;color:#fff;width:150px;font-size:13.5px}.header-search input::placeholder{color:#ffffffb3}.header-search button{background:var(--color-accent);border:none;color:#fff;border-radius:999px;width:30px;height:30px;display:grid;place-items:center;transition:var(--transition)}.header-search button:hover{filter:brightness(1.12)}.burger{display:none;background:none;border:none;color:#fff;margin-left:auto}.mobile-nav{display:none;flex-direction:column;background:var(--color-primary-deep);padding:12px 24px 20px;gap:4px;border-top:1px solid rgba(255,255,255,.12)}.mobile-nav a{color:#fff;padding:12px 8px;border-radius:8px;font-weight:600}.mobile-nav a:hover,.mobile-nav a.active{background:#ffffff1f}.mobile-nav .header-search{margin-top:10px}.mobile-nav .header-search input{width:100%}.hero{position:relative;height:clamp(320px,42vw,560px);overflow:hidden;background:var(--color-bg-sky)}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1s ease}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0e215200 55%,#0e21528c);pointer-events:none}.hero-caption{position:absolute;left:0;right:0;bottom:0;padding:26px 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:var(--max-width);margin:0 auto}.hero-caption h1{color:#fff;font-size:clamp(22px,3.2vw,40px);font-weight:800;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.35);line-height:1.15}.hero-caption p{color:#ffffffeb;font-size:15px;text-shadow:0 1px 8px rgba(0,0,0,.4);max-width:460px}.hero-dots{position:absolute;right:24px;top:20px;display:flex;gap:8px}.hero-dots button{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:transparent;padding:0;transition:var(--transition)}.hero-dots button.active{background:#fff;transform:scale(1.25)}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0e215273;border:none;color:#fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-arrow:hover{background:var(--color-accent)}.hero-arrow.prev{left:16px}.hero-arrow.next{right:16px}.styles-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.style-item{text-align:center;padding:26px 12px 20px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition)}.style-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.style-item .icon{height:76px;display:grid;place-items:center;color:var(--color-primary)}.style-item p{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-text-secondary);margin-top:6px}.stats-bar{background:linear-gradient(120deg,var(--color-bg-sky),#BDD6F5 60%,var(--color-bg-sky));border-top:1px solid rgba(27,58,138,.12);border-bottom:1px solid rgba(27,58,138,.12)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:44px 0}.stat{text-align:center}.stat strong{display:block;font-size:clamp(34px,4.4vw,52px);font-weight:800;color:var(--color-primary);line-height:1.1}.stat span{display:block;margin-top:6px;font-size:15px;color:var(--color-text-secondary);letter-spacing:.5px}.about-hero{position:relative;min-height:560px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.about-hero .bg{position:absolute;top:0;right:0;bottom:0;left:0}.about-hero .bg img{width:100%;height:100%;object-fit:cover}.about-hero .shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0e2152b8,#0e215259 55%,#0e2152c7)}.about-hero .content{position:relative;z-index:2;padding:96px 24px 60px;max-width:var(--max-width);width:100%;margin:0 auto}.about-hero h2{color:#fff;font-size:clamp(34px,5vw,60px);font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}.about-hero .sub{color:#ffffffe6;font-size:16px;letter-spacing:1px;text-transform:uppercase;margin-bottom:40px}.about-insets{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:860px}.about-insets figure{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);border:2px solid rgba(255,255,255,.85)}.about-insets img{width:100%;height:190px;object-fit:cover;transition:var(--transition)}.about-insets figure:hover img{transform:scale(1.05)}.company-block{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.company-copy h3{font-size:clamp(22px,2.6vw,32px);color:var(--color-primary);font-weight:800;margin-bottom:6px}.company-copy .tagline{color:var(--color-accent);font-weight:700;letter-spacing:.5px;margin-bottom:18px}.strength{margin:18px 0}.strength h4{color:var(--color-primary);font-size:16.5px;margin-bottom:4px;display:flex;align-items:center;gap:8px}.strength p{color:var(--color-text-secondary);font-size:15px}.company-video{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2)}.company-video img{width:100%;height:380px;object-fit:cover}.company-video .play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0e215259;transition:var(--transition)}.company-video .play:hover{background:#0e215280}.company-video .play .btn{width:72px;height:72px;border-radius:50%;background:var(--color-accent);color:#fff;display:grid;place-items:center;box-shadow:0 6px 24px #e8772280;transition:var(--transition)}.company-video .play:hover .btn{transform:scale(1.1)}.company-video .note{position:absolute;bottom:0;left:0;right:0;padding:10px 16px;background:#0e2152bf;color:#fff;font-size:13px;display:flex;align-items:center;gap:8px}.cert-wall{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:#fff;border:1px solid var(--color-border)}.cert-wall img{width:100%;height:460px;object-fit:cover}.cert-wall figcaption{padding:12px 18px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px}.cert-real-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.cert-real-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.cert-real-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.cert-real-card img{width:100%;height:260px;object-fit:contain;background:#fff;padding:18px}.cert-real-card figcaption{padding:10px 14px;font-size:13.5px;font-weight:600;color:var(--color-primary);text-align:center;border-top:1px solid var(--color-border)}.adv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.adv-card{display:grid;grid-template-columns:200px 1fr;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:var(--transition)}.adv-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.adv-card:after{content:"";position:absolute;top:0;right:0;border-style:solid;border-width:0 34px 34px 0;border-color:transparent var(--color-bg-sky) transparent transparent}.adv-card .photo{background:#fff;display:grid;place-items:center;padding:14px}.adv-card .photo img{width:100%;height:100%;object-fit:contain}.adv-card .info{padding:24px 22px}.adv-card .info h3{color:var(--color-primary);font-size:22px;font-weight:800;letter-spacing:1px;margin-bottom:12px}.adv-card .info ul{list-style:none}.adv-card .info li{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:15px;color:var(--color-text-secondary)}.adv-card .info li svg{color:var(--color-accent);flex-shrink:0}.cta-banner{position:relative;overflow:hidden;text-align:center;padding:88px 24px;background:linear-gradient(100deg,var(--color-primary-deep),var(--color-primary) 55%,var(--color-primary-light))}.cta-banner h2{color:#fff;font-size:clamp(28px,4vw,52px);font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.cta-banner p{color:#ffffffd9;font-size:16px;margin-bottom:30px}.cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:15px;border:none;transition:var(--transition)}.btn--accent{background:var(--color-accent);color:#fff;box-shadow:0 4px 16px #e8772266}.btn--accent:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn--white{background:#fff;color:var(--color-primary)}.btn--white:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn--ghost{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--ghost:hover{background:var(--color-primary);color:#fff}.btn--ghost-light{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}.btn--ghost-light:hover{background:#fff;color:var(--color-primary)}.btn--sm{padding:9px 18px;font-size:13.5px}.products-layout{display:grid;grid-template-columns:250px 1fr;gap:32px;align-items:start}.sidebar{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px 14px;position:sticky;top:calc(var(--header-height) + 16px)}.sidebar h4{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);padding:8px 12px 10px}.sidebar button{display:block;width:100%;text-align:left;padding:10px 12px;background:none;border:none;border-radius:8px;font-size:14.5px;color:var(--color-text-secondary);transition:var(--transition)}.sidebar button:hover{background:var(--color-bg-light);color:var(--color-primary)}.sidebar button.active{background:var(--color-primary);color:#fff;font-weight:600}.sidebar .count{float:right;opacity:.65;font-size:12.5px}.pills{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.pill{padding:7px 18px;border-radius:999px;border:1.5px solid var(--color-primary-light);background:#fff;color:var(--color-primary);font-size:13.5px;font-weight:600;transition:var(--transition)}.pill:hover{background:var(--color-bg-light)}.pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card .thumb{position:relative;background:#fff;height:220px;display:grid;place-items:center;overflow:hidden}.product-card .thumb img{width:100%;height:100%;object-fit:contain;transition:var(--transition)}.product-card:hover .thumb img{transform:scale(1.05)}.product-card .tag{position:absolute;top:10px;left:10px;background:var(--color-accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:999px}.product-card .tag--ce{background:var(--color-primary)}.product-card .body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.product-card .title{font-size:14px;font-weight:600;line-height:1.45;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px;margin-bottom:10px}.product-card .price{font-size:17px;font-weight:800;color:var(--color-primary)}.product-card .price small{font-size:12px;color:var(--color-text-muted);font-weight:500}.product-card .moq{font-size:12.5px;color:var(--color-text-muted);margin:3px 0 12px}.product-card .actions{display:flex;gap:8px;margin-top:auto}.product-card .actions .btn{flex:1;justify-content:center}.page-hero{background:linear-gradient(110deg,var(--color-primary-deep),var(--color-primary) 60%,var(--color-primary-light));color:#fff;padding:64px 24px;text-align:center}.page-hero h1{font-size:clamp(30px,4.4vw,52px);font-weight:800;letter-spacing:3px;text-transform:uppercase}.page-hero p{color:#ffffffd9;max-width:620px;margin:12px auto 0}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 40px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:34px 38px;box-shadow:var(--shadow-sm)}.overview-grid .row{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px dashed var(--color-border)}.overview-grid .row:last-child{border-bottom:none}.overview-grid .k{color:var(--color-text-muted);font-size:14px;flex-shrink:0}.overview-grid .v{color:var(--color-text);font-weight:600;font-size:14.5px;text-align:right}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;display:flex;gap:14px;align-items:flex-start;transition:var(--transition)}.service-item:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.service-item svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.service-item strong{color:var(--color-primary);font-size:15.5px}.service-item p{color:var(--color-text-secondary);font-size:13.5px;margin-top:3px}.factory-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}.factory-gallery figure{border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);position:relative}.factory-gallery figure img{width:100%;height:320px;object-fit:cover;transition:var(--transition)}.factory-gallery figure:hover img{transform:scale(1.04)}.factory-gallery figure:first-child{grid-column:1 / -1}.factory-gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 16px 12px;background:linear-gradient(transparent,#0e2152bf);color:#fff;font-size:13.5px;font-weight:600}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}.contact-info .item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--color-border)}.contact-info .item:last-child{border-bottom:none}.contact-info .item svg{color:var(--color-primary);flex-shrink:0;margin-top:3px}.contact-info .item strong{display:block;color:var(--color-text);font-size:15px}.contact-info .item span{color:var(--color-text-secondary);font-size:14px}.contact-form{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow-sm)}.contact-form .field{margin-bottom:16px}.contact-form label{display:block;font-size:13.5px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.contact-form input,.contact-form textarea{width:100%;padding:11px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:14.5px;outline:none;transition:var(--transition);background:var(--color-bg-light)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-primary);background:#fff}.contact-form textarea{resize:vertical;min-height:130px}.contact-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-note{font-size:12.5px;color:var(--color-text-muted);margin-top:12px;display:flex;gap:6px;align-items:center}.footer{background:var(--color-primary-deep);color:#fffc;padding:56px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:40px}.footer h5{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.footer p,.footer li{font-size:14px;line-height:1.9}.footer ul{list-style:none}.footer a:hover{color:#fff}.footer .logo{margin-bottom:14px}.footer .bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;text-align:center;font-size:13px;color:#ffffff8c}.floating-cta{position:fixed;right:18px;bottom:22px;z-index:90;display:flex;flex-direction:column;gap:10px}.floating-cta a,.floating-cta button{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:none;font-weight:700;font-size:13.5px;color:#fff;box-shadow:var(--shadow-lg);transition:var(--transition)}.floating-cta .f-inquiry{background:var(--color-accent)}.floating-cta .f-chat{background:var(--color-primary)}.floating-cta a:hover,.floating-cta button:hover{transform:translateY(-3px);filter:brightness(1.1)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(2,1fr)}.cert-real-grid{grid-template-columns:repeat(3,1fr)}.cert-wall img{height:360px}.styles-grid{grid-template-columns:repeat(5,1fr);gap:12px}}@media (max-width: 860px){.nav,.header .header-search{display:none}.burger{display:grid}.mobile-nav.open{display:flex}.section{padding:52px 0}.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.company-block{grid-template-columns:1fr;gap:28px}.cert-real-grid{grid-template-columns:repeat(2,1fr)}.adv-grid,.products-layout{grid-template-columns:1fr}.sidebar{position:static}.sidebar h4{display:none}.sidebar .cat-list{display:flex;flex-wrap:wrap;gap:6px}.sidebar button{width:auto}.sidebar .count{display:none}.services-grid{grid-template-columns:1fr}.factory-gallery figure img{height:240px}.contact-layout{grid-template-columns:1fr}.overview-grid{grid-template-columns:1fr;padding:24px}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.styles-grid{grid-template-columns:repeat(2,1fr)}.styles-grid .style-item:last-child{grid-column:1 / -1}.product-grid,.cert-real-grid{grid-template-columns:1fr}.cert-wall img{height:240px}.about-insets{grid-template-columns:1fr}.about-insets img{height:170px}.adv-card{grid-template-columns:1fr}.adv-card .photo img{max-height:180px}.company-video img{height:260px}.contact-form .row2{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:26px}.hero-caption{flex-direction:column;align-items:flex-start;gap:8px}.floating-cta{right:12px;bottom:16px}.floating-cta a,.floating-cta button{padding:10px 14px;font-size:12.5px}}