:root { --font-geist-sans: Arial, Helvetica, sans-serif; --font-geist-mono: 'Courier New', monospace; --navy:#071a2e; --navy-2:#0d2946; --ink:#10233a; --gold:#d4a72c; --gold-light:#efcd71; --sand:#f3f0e8; --paper:#fbfaf6; --line:#dcd8cd; --muted:#607083; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-geist-sans),Arial,sans-serif; }
a { color:inherit; text-decoration:none; }

.site-header { position:absolute; z-index:20; top:0; left:0; right:0; display:flex; align-items:center; justify-content:space-between; max-width:1480px; margin:auto; padding:25px 42px; color:white; }
.brand { display:flex; align-items:center; gap:13px; }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; border:1px solid rgba(255,255,255,.38); color:var(--gold-light); font-family:var(--font-geist-mono),monospace; font-weight:700; letter-spacing:-.08em; }
.brand-name { display:flex; flex-direction:column; gap:2px; }
.brand-name strong { font-size:15px; letter-spacing:.01em; }
.brand-name small { color:#9db0c3; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.main-nav { display:flex; align-items:center; gap:36px; color:#c9d3dd; font-size:13px; }
.main-nav a { transition:color .2s ease; }
.main-nav a:hover { color:white; }
.header-cta { display:flex; align-items:center; gap:14px; padding:12px 17px; border:1px solid rgba(255,255,255,.25); font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.header-cta:hover { border-color:var(--gold); color:var(--gold-light); }

.hero { position:relative; min-height:790px; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr); overflow:hidden; background:radial-gradient(circle at 77% 45%,rgba(74,120,150,.18),transparent 31%),linear-gradient(122deg,var(--navy) 0%,#091e34 64%,#0d2b49 100%); color:white; }
.hero::before { content:""; position:absolute; inset:0; opacity:.06; background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to right,transparent 10%,black 85%); }
.hero-copy { z-index:2; display:flex; flex-direction:column; justify-content:center; padding:128px 48px 74px max(48px,calc((100vw - 1380px)/2)); }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 27px; color:var(--gold-light); font-family:var(--font-geist-mono),monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; }
.eyebrow>span { width:28px; height:1px; background:currentColor; }
.eyebrow.dark { color:#9a7417; }
.hero h1 { max-width:750px; margin:0; font-size:clamp(55px,6.1vw,91px); line-height:.99; letter-spacing:-.062em; font-weight:570; }
.hero h1 em { color:var(--gold-light); font-family:Georgia,serif; font-weight:400; }
.hero-lede { max-width:650px; margin:31px 0 0; color:#b6c4d1; font-size:17px; line-height:1.75; }
.hero-actions { display:flex; gap:12px; margin-top:36px; }
.button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:0 22px; border:1px solid transparent; font-size:12px; font-weight:650; letter-spacing:.07em; text-transform:uppercase; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-gold { background:var(--gold); color:#102033; }
.button-gold:hover { background:var(--gold-light); }
.button-ghost { border-color:rgba(255,255,255,.23); color:white; }
.button-ghost:hover { border-color:rgba(255,255,255,.55); }
.hero-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:670px; margin-top:55px; padding-top:22px; border-top:1px solid rgba(255,255,255,.13); }
.hero-proof div { display:flex; flex-direction:column; gap:6px; border-right:1px solid rgba(255,255,255,.13); padding:0 18px; }
.hero-proof div:first-child { padding-left:0; }
.hero-proof div:last-child { border:0; }
.hero-proof strong { color:#f5f7f9; font-family:var(--font-geist-mono),monospace; font-size:14px; }
.hero-proof span { color:#8195a8; font-size:11px; }

.hero-visual { position:relative; z-index:2; min-height:620px; }
.hero-visual::after { content:"BENTONITE"; position:absolute; right:-33px; top:45%; color:rgba(255,255,255,.045); font-size:93px; font-weight:700; letter-spacing:.12em; transform:rotate(90deg); }
.mineral-core { position:absolute; top:47%; left:45%; width:246px; height:246px; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:50%; background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.24),transparent 20%),radial-gradient(circle at 65% 70%,rgba(200,157,47,.55),transparent 34%),linear-gradient(145deg,#d7b263,#857049 50%,#38485a); box-shadow:0 35px 100px rgba(0,0,0,.38),inset -25px -25px 50px rgba(8,25,43,.36); transform:translate(-50%,-50%); }
.mineral-core::before { content:""; position:absolute; inset:10px; border:1px solid rgba(255,255,255,.18); border-radius:50%; }
.mineral-core span,.mineral-core small { color:rgba(255,255,255,.72); text-transform:uppercase; letter-spacing:.18em; font-size:9px; }
.mineral-core strong { margin:6px 0; font-family:Georgia,serif; font-size:33px; font-weight:400; }
.mineral-orbit { position:absolute; top:47%; left:45%; border:1px solid rgba(255,255,255,.13); border-radius:50%; transform:translate(-50%,-50%); }
.orbit-one { width:385px; height:385px; }
.orbit-two { width:570px; height:570px; border-style:dashed; opacity:.6; }
.route-card { position:absolute; min-width:165px; display:flex; align-items:center; gap:13px; padding:14px 16px; border:1px solid rgba(255,255,255,.16); background:rgba(7,26,46,.74); backdrop-filter:blur(10px); }
.route-origin { top:25%; left:4%; }
.route-global { right:8%; bottom:23%; }
.route-dot { width:8px; height:8px; border-radius:50%; background:#7594ac; box-shadow:0 0 0 5px rgba(117,148,172,.12); }
.route-dot.gold { background:var(--gold); box-shadow:0 0 0 5px rgba(212,167,44,.13); }
.route-card div { display:flex; flex-direction:column; gap:3px; }
.route-card small { color:#8499aa; font-size:9px; letter-spacing:.11em; text-transform:uppercase; }
.route-card strong { font-size:12px; }

.trust-bar { display:flex; align-items:center; justify-content:center; gap:35px; padding:20px 30px; border-bottom:1px solid var(--line); background:#ebe7dc; }
.trust-bar p { margin:0; color:#47586a; font-size:10px; font-weight:650; letter-spacing:.12em; text-transform:uppercase; }
.trust-bar span { width:3px; height:3px; border-radius:50%; background:var(--gold); }
.section { max-width:1380px; margin:0 auto; padding:110px 48px; }
.section-heading { display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:60px; margin-bottom:55px; }
.section-heading h2 { margin:0; color:var(--navy); font-size:clamp(42px,5vw,67px); line-height:1; letter-spacing:-.055em; font-weight:570; }
.section-heading>p { max-width:475px; margin:0 0 4px auto; color:var(--muted); font-size:15px; line-height:1.8; }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.product-card { min-height:390px; display:flex; flex-direction:column; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.38); transition:background .2s ease,transform .2s ease,box-shadow .2s ease; }
.product-card:hover { position:relative; z-index:2; background:white; transform:translateY(-5px); box-shadow:0 22px 55px rgba(18,40,61,.10); }
.product-topline { display:flex; justify-content:space-between; gap:12px; min-height:31px; }
.product-topline>span { color:#a27a18; font-family:var(--font-geist-mono),monospace; font-size:11px; }
.product-topline small { max-width:150px; color:#7a8792; font-size:9px; line-height:1.45; letter-spacing:.07em; text-align:right; text-transform:uppercase; }
.product-card h3 { min-height:58px; margin:22px 0 14px; color:var(--navy); font-size:23px; line-height:1.2; letter-spacing:-.025em; }
.product-card>p { margin:0; color:#617082; font-size:13px; line-height:1.68; }
.spec-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:20px; }
.spec-tags span { padding:6px 8px; background:#eeece5; color:#566473; font-family:var(--font-geist-mono),monospace; font-size:8px; letter-spacing:.05em; text-transform:uppercase; }
.product-card>a { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding-top:24px; border-top:1px solid #e4e0d7; color:var(--navy); font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.product-card>a span { color:#a27a18; font-size:16px; }
.spec-note { max-width:780px; margin:27px 0 0 auto; color:#7a8791; font-size:11px; line-height:1.65; text-align:right; }
.early-contact { display:grid; grid-template-columns:1.3fr .7fr; gap:55px; align-items:center; padding:80px max(48px,calc((100vw - 1284px)/2)); background:var(--navy); color:white; }
.early-contact h2 { max-width:800px; margin:0; font-size:clamp(35px,4.3vw,58px); line-height:1.08; letter-spacing:-.045em; }
.early-contact-actions { display:flex; flex-direction:column; gap:10px; }

@media (max-width:1100px) { .hero{grid-template-columns:1fr .72fr}.hero-visual{overflow:hidden}.mineral-core,.mineral-orbit{left:56%}.route-origin{left:1%}.product-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:760px) {
  .site-header{padding:19px 20px}.brand-name small,.main-nav,.header-cta{display:none}.hero{display:block;min-height:0}.hero-copy{padding:126px 22px 54px}.hero h1{font-size:clamp(48px,14vw,67px)}.hero-lede{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{gap:10px;margin-top:40px}.hero-proof div{padding:0 8px}.hero-proof strong{font-size:10px}.hero-proof span{font-size:8px}.hero-visual{min-height:430px}.mineral-core,.mineral-orbit{top:48%;left:50%}.mineral-core{width:195px;height:195px}.orbit-one{width:295px;height:295px}.orbit-two{width:410px;height:410px}.route-origin{top:10%;left:4%}.route-global{right:3%;bottom:8%}.trust-bar{justify-content:flex-start;gap:16px;overflow-x:auto}.trust-bar p{white-space:nowrap}.section{padding:78px 20px}.section-heading{grid-template-columns:1fr;gap:27px;margin-bottom:35px}.section-heading>p{margin:0}.product-grid{grid-template-columns:1fr}.product-card{min-height:340px}.spec-note{text-align:left}.early-contact{grid-template-columns:1fr;padding:65px 22px}
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*{transition:none!important} }
.applications{background:var(--navy);color:#fff;padding:100px 7vw}.applications h2,.process h2,.about h2,.contact-section h2{font-size:clamp(38px,4.3vw,58px);line-height:1.05;letter-spacing:-.045em;margin:20px 0}.application-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:end;margin-bottom:52px}.application-intro>div:last-child{padding-bottom:5px}.application-intro>div:last-child>p{color:#aab7c5;font-size:13px;line-height:1.85;max-width:600px;margin:0 0 27px}.application-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.application-card{display:grid;grid-template-columns:minmax(190px,.82fr) minmax(0,1.18fr);min-height:410px;border:1px solid #31445a;background:#0b223b;overflow:hidden}.application-card figure{position:relative;min-height:100%;margin:0;background:#182f48;overflow:hidden}.application-card figure:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,16,30,.72),transparent 44%);pointer-events:none}.application-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04);transition:transform .5s ease}.application-card:hover img{transform:scale(1.035)}.application-card figcaption{position:absolute;z-index:2;left:16px;right:16px;bottom:15px;color:#d5dde5;font:8px var(--font-geist-mono);letter-spacing:.08em;text-transform:uppercase}.application-card figcaption span{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border:1px solid #d2ad61;color:#e6c77c}.application-card-body{display:flex;flex-direction:column;padding:27px 26px}.application-card h3{margin:0 0 20px;font-size:22px;line-height:1.2;letter-spacing:-.025em}.application-card dl{margin:0}.application-card dl div{padding:12px 0;border-top:1px solid #2a4056}.application-card dt{margin-bottom:6px;color:#d7b96c;font:8px var(--font-geist-mono);letter-spacing:.12em;text-transform:uppercase}.application-card dd{margin:0;color:#aab7c4;font-size:10px;line-height:1.68}.application-card a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;border-top:1px solid #2a4056;color:#fff;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.application-card a span{color:#d7b96c;font-size:15px}.application-disclaimer{max-width:1030px;margin:28px 0 0 auto;color:#7f91a3;font-size:9px;line-height:1.7;text-align:right}.technical{background:#fff}.technical-wrap{display:grid;grid-template-columns:1.5fr .5fr;gap:42px}.parameter-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.parameter-grid div{padding:22px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.parameter-grid span{display:block;font:8px var(--font-geist-mono);color:#a77e37;margin-bottom:15px}.technical aside{background:var(--sand);padding:30px}.technical aside>small{font:8px var(--font-geist-mono);letter-spacing:.14em;color:#906c30}.technical blockquote{font:26px/1.35 Georgia;margin:30px 0}.technical aside p{font-size:11px;line-height:1.8;color:#707984}.process{padding:100px 7vw;background:#d9c8a6}.steps{display:grid;grid-template-columns:repeat(6,1fr);margin-top:48px;border-top:1px solid #a99776}.steps div{min-height:150px;padding:23px 17px;border-right:1px solid #b9a787}.steps span,.steps strong,.steps small{display:block}.steps span{font:9px var(--font-geist-mono);color:#6e5428}.steps strong{font-size:15px;margin:29px 0 8px}.steps small{font-size:9px;line-height:1.5;color:#676052}.shipping{display:grid;grid-template-columns:1fr 1fr;background:#f3ecdf;margin-top:48px}.shipping>div{display:flex;gap:20px;padding:24px 28px;border-right:1px solid #d1c7b6}.shipping>div>span{font-size:30px;color:#9d7633}.shipping p{margin:0;color:#6d6860;font-size:10px;line-height:1.6}.shipping small,.shipping strong{display:block}.shipping small{font:8px var(--font-geist-mono);color:#987333;letter-spacing:.13em}.shipping strong{font-size:12px;color:#172639;margin:7px 0}.about{display:grid;grid-template-columns:1.1fr .9fr;background:#f5f2eb}.about-copy{padding:88px 7vw;background:#0c2440;color:#fff}.about-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#aab6c5;max-width:640px}.about-facts{padding:75px 5vw;display:grid;grid-template-columns:1fr 1fr}.about-facts div{border-bottom:1px solid var(--line);padding:24px 0}.about-facts small,.about-facts strong{display:block}.about-facts small{font:8px var(--font-geist-mono);letter-spacing:.13em;color:#92703a}.about-facts strong{font-size:13px;margin-top:10px}.contact-section{padding:100px 7vw;background:var(--navy);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.contact-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#9ca9b8}.direct{margin-top:42px}.direct a{display:block;padding:17px 0;border-top:1px solid #33455a}.direct small,.direct strong{display:block}.direct small{font:8px var(--font-geist-mono);color:#c3a05a;letter-spacing:.14em}.direct strong{font-size:12px;margin-top:7px}.contact-section form{background:#f5f1e8;color:var(--ink);padding:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.contact-section label{display:block;font:8px var(--font-geist-mono);letter-spacing:.08em;text-transform:uppercase;color:#6d6b65}.contact-section input,.contact-section select,.contact-section textarea{width:100%;border:0;border-bottom:1px solid #bfb8aa;background:transparent;padding:11px 0;font:11px var(--font-geist-sans);color:var(--ink);outline:none;text-transform:none;letter-spacing:0}.contact-section input:focus,.contact-section select:focus,.contact-section textarea:focus{border-color:var(--gold)}.contact-section textarea{resize:vertical;margin-bottom:18px}.contact-section button{width:100%;border:0;background:var(--gold);padding:15px 20px;display:flex;justify-content:space-between;font-size:11px;font-weight:750;cursor:pointer}.privacy{font-size:8px;text-align:center;color:#7b7b74;margin:12px 0 0}footer{padding:55px 7vw 25px;background:#04101e;color:#fff}.footer-brand .brand-mark{background:#d2ac5d;color:#07172b}footer>p{font-size:11px;color:#8290a2;margin:25px 0}.footer-links{display:flex;gap:28px;border-top:1px solid #263447;padding:25px 0;font-size:10px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #263447;padding-top:22px;font:8px var(--font-geist-mono);color:#657386;letter-spacing:.08em}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:12;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#07331a;font-size:11px;font-weight:800;box-shadow:0 10px 30px #0005}
@media(max-width:1180px){.application-card{grid-template-columns:1fr}.application-card figure{min-height:250px}.application-card-body{min-height:390px}}
@media(max-width:1000px){.application-intro,.technical-wrap,.contact-section{grid-template-columns:1fr}.application-intro{gap:20px}.steps{grid-template-columns:repeat(3,1fr)}.about{grid-template-columns:1fr}.about-facts{padding:50px 7vw}.contact-section{gap:55px}}
@media(max-width:700px){.applications,.process,.contact-section{padding:75px 22px}.application-grid{grid-template-columns:1fr}.application-card figure{min-height:230px}.application-card-body{min-height:0;padding:24px 20px}.application-card a{margin-top:20px}.application-disclaimer{text-align:left}.parameter-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.shipping{grid-template-columns:1fr}.about-copy{padding:70px 22px}.about-facts{grid-template-columns:1fr;padding:48px 22px}.contact-section form{padding:24px 18px}.form-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-bottom{display:block;line-height:2}.footer-bottom span{display:block}}
