*{box-sizing:border-box}:root{--navy:#07182b;--blue:#0f66d0;--ink:#12243a;--muted:#66788c;--line:#dce5ee}
html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid #e9eef4}.brand{display:flex;align-items:center;gap:12px}.logo-mark{width:38px;height:38px;border:2px solid var(--blue);transform:rotate(45deg);display:grid;place-items:center}.logo-mark span{width:10px;height:10px;background:var(--blue)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:19px;letter-spacing:.08em}.brand-copy small{font-size:8px;letter-spacing:.17em;margin-top:5px;color:#6f8093}.main-nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}.lang-btn{border:0;background:none;font-weight:800;cursor:pointer}.nav-cta{background:var(--blue);color:#fff;padding:13px 19px;border-radius:5px}.menu-toggle{display:none;border:0;background:none;font-size:25px}
.hero{min-height:660px;position:relative;overflow:hidden;background:linear-gradient(105deg,#061627 0%,#0b315a 56%,#0c5cb5 100%);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:80px 7vw;color:#fff}.hero-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px}.hero-glow{position:absolute;border-radius:50%;filter:blur(18px);opacity:.35}.hero-glow.one{width:430px;height:430px;background:#0b8cff;right:5%;top:12%}.hero-glow.two{width:300px;height:300px;background:#17288e;right:30%;bottom:-10%}.hero-copy,.hero-panel{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.2em;font-weight:800;color:#4b8cff}.hero .eyebrow{color:#a8c8ff}.hero h1{font-size:64px;line-height:1.03;margin:18px 0 24px}.hero h1 span{color:#4d95ff}.hero-text{font-size:18px;line-height:1.75;max-width:680px;color:#d9e5f1}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-block;padding:15px 23px;border-radius:5px;font-weight:800;border:0;cursor:pointer}.btn-primary{background:#0f66d0;color:#fff}.btn-outline{border:1px solid rgba(255,255,255,.7);color:#fff}.hero-panel{justify-self:end;width:min(420px,100%);display:grid;grid-template-columns:1fr 1fr;background:rgba(4,20,39,.62);border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden}.metric{padding:28px 24px;min-height:155px;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);display:flex;gap:14px}.metric:nth-child(2n){border-right:0}.metric:nth-child(n+3){border-bottom:0}.metric-icon{font-size:27px;color:#86b7ff}.metric div{display:flex;flex-direction:column;gap:8px}.metric small{color:#a9bbcf;line-height:1.5}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:0 7vw;border-bottom:1px solid var(--line)}.trust-strip div{padding:26px 24px;border-right:1px solid var(--line);display:flex;align-items:center;gap:14px}.trust-strip div:last-child{border-right:0}.trust-strip span{color:#9aacbf;font-size:12px}.section{padding:95px 8vw}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:15px}.section h2{font-size:43px;line-height:1.15;margin:12px 0 25px}.about-copy p{color:var(--muted);line-height:1.85}.centered{text-align:center}
.products-section{background:linear-gradient(180deg,#f7f9fb,#eef3f7)}.category-head{display:flex;gap:18px;align-items:flex-start;margin:55px 0 22px}.category-head.second{margin-top:75px}.category-head>span{font-size:11px;font-weight:900;color:#0f66d0;letter-spacing:.15em;padding-top:7px}.category-head h3{font-size:28px;margin:0 0 7px}.category-head p{margin:0;color:#6c7e91}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:#fff;border:1px solid #e3e9ef;border-radius:14px;overflow:hidden;box-shadow:0 15px 35px rgba(13,43,72,.06);transition:.28s}.product-card:hover{transform:translateY(-6px)}.product-visual{height:230px;position:relative;overflow:hidden;display:grid;place-items:center}.visual-meg{background:linear-gradient(145deg,#dcecf6,#8eb5cc)}.visual-benzoate{background:linear-gradient(145deg,#eceff1,#c7ced4)}.visual-stearic{background:linear-gradient(145deg,#d6d7d7,#8d9398)}.visual-amine{background:linear-gradient(145deg,#c8e1df,#7ba7a1)}.visual-amine2{background:linear-gradient(145deg,#d5e6f2,#7fa1bf)}.visual-amine3{background:linear-gradient(145deg,#ddd7ea,#9a8db4)}.product-code{position:absolute;right:18px;top:16px;color:rgba(255,255,255,.72);font-size:42px;font-weight:900}.beaker{width:88px;height:105px;border:4px solid rgba(255,255,255,.82);border-top:0;border-radius:0 0 18px 18px;position:relative}.beaker:before{content:"";position:absolute;left:-12px;right:-12px;top:-12px;height:10px;border:4px solid rgba(255,255,255,.82);border-radius:20px}.beaker span{position:absolute;left:7px;right:7px;bottom:8px;height:52px;background:rgba(71,150,192,.72)}.powder-bowl{width:130px;height:48px;background:#f6f7f8;border-radius:0 0 80px 80px;position:relative}.powder-bowl:before{content:"";position:absolute;width:105px;height:60px;left:12px;top:-35px;background:#fff;border-radius:50%}.flakes{width:145px;height:90px;background:radial-gradient(ellipse at center,#f7f7f7 0 16%,transparent 17%),radial-gradient(ellipse at 25% 40%,#ececec 0 13%,transparent 14%),radial-gradient(ellipse at 75% 60%,#f5f5f5 0 12%,transparent 13%),radial-gradient(ellipse at 45% 80%,#ddd 0 14%,transparent 15%)}.molecule{width:92px;height:92px;border:2px solid rgba(255,255,255,.85);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:24px;font-weight:800;position:relative}.molecule:before,.molecule:after{content:"";position:absolute;width:55px;height:2px;background:rgba(255,255,255,.7)}.molecule:before{transform:rotate(45deg);left:-42px}.molecule:after{transform:rotate(-45deg);right:-42px}.product-body{padding:28px}.tag{font-size:10px;letter-spacing:.16em;color:#5980ad;font-weight:800}.product-body h3{font-size:22px;margin:15px 0 4px}.subtitle{color:#6f8092;font-weight:600}.product-body>p:not(.subtitle){color:#697b8d;line-height:1.7;min-height:56px}.product-actions{display:flex;justify-content:space-between;gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid #edf1f4}.product-actions a{font-size:13px;font-weight:800;color:#0e5cb7}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature{padding:34px;border-right:1px solid var(--line)}.feature:last-child{border-right:0}.feature span{font-size:11px;color:#0f66d0;font-weight:900}.feature p{color:var(--muted);line-height:1.7}
.quote-section{padding:85px 8vw;background:linear-gradient(110deg,#06182b,#0c3158);color:#fff;display:grid;grid-template-columns:1fr 1.1fr;gap:7vw}.light-kicker{color:#79aef8}.quote-copy h2{font-size:42px;line-height:1.18}.quote-copy p{color:#c0cfde;line-height:1.75}.contact-mini{display:flex;flex-direction:column;gap:10px;margin-top:30px}.quote-form{background:#fff;padding:24px;border-radius:12px;display:grid;gap:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:14px 15px;border:1px solid #d7e0e8;background:#fbfcfd;border-radius:5px}.wide{width:100%}
footer{background:#051322;color:#b8c7d6;padding:60px 8vw 28px;display:grid;grid-template-columns:1.2fr .8fr .9fr 1.4fr;gap:45px}.light{color:#fff}.light .logo-mark{border-color:#fff}.light .logo-mark span{background:#fff}.footer-brand p{max-width:280px;line-height:1.7}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col strong{color:#fff}.footer-col a,.footer-col p{font-size:14px;line-height:1.6}footer small{grid-column:1/-1;border-top:1px solid #203247;padding-top:22px;margin-top:16px}
.detail-hero{padding:90px 8vw;background:linear-gradient(110deg,#07182b,#0c3158);color:#fff}.detail-hero .back{color:#9fc2f5;font-weight:700}.detail-hero h1{font-size:52px}.detail-body{padding:80px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.detail-card{background:#f5f8fb;padding:32px;border:1px solid #e1e8ef}.detail-list{display:grid;gap:12px;color:#5f7286}.detail-note{font-size:13px;color:#7a8b9c}
@media(max-width:980px){.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:22px 6vw;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr}.hero-panel{justify-self:start;margin-top:45px}.trust-strip{grid-template-columns:1fr 1fr}.about-grid,.quote-section,.detail-body{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.site-header{height:72px;padding:0 20px}.main-nav{top:72px}.hero{padding:65px 22px}.hero h1{font-size:43px}.hero-panel{grid-template-columns:1fr}.trust-strip,.feature-grid{grid-template-columns:1fr}.section{padding:65px 22px}.section h2,.quote-copy h2{font-size:34px}.quote-section{padding:65px 22px}.form-row{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding:50px 22px 25px}}