:root{--bg:#020713;--panel:#071222;--panel2:#0a1729;--text:#f6f8fc;--muted:#a8b4c7;--line:rgba(180,204,255,.15);--blue:#7197ff;--gold:#caa06a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.site{overflow:hidden;background:radial-gradient(circle at 78% 8%,rgba(82,131,230,.25),transparent 34%),#020713}.header{height:86px;padding:0 52px;display:flex;align-items:center;gap:36px;position:relative;z-index:20}.brand img{width:235px;display:block}.nav{display:flex;gap:34px;flex:1;justify-content:center}.nav a{font-size:11px;letter-spacing:.13em;font-weight:700;color:rgba(255,255,255,.82)}.lang{display:flex;gap:8px;align-items:center;color:rgba(255,255,255,.45);font-size:12px}.lang button{border:0;background:transparent;color:rgba(255,255,255,.55);font:inherit;font-weight:700;cursor:pointer;padding:4px}.lang button.active{color:#fff}.hero{min-height:610px;position:relative;display:grid;grid-template-columns:46% 54%;align-items:center;padding:42px 58px 74px}.earth{position:absolute;inset:0;overflow:hidden}.earth:before{content:"";position:absolute;right:-165px;top:65px;width:1080px;height:585px;border-radius:50%;transform:rotate(-7deg);background:linear-gradient(160deg,rgba(14,22,34,.04),rgba(5,14,26,.72) 58%,#020713 100%),radial-gradient(circle at 34% 45%,rgba(221,143,70,.7) 0 1px,transparent 2px),radial-gradient(circle at 58% 50%,rgba(221,143,70,.65) 0 1px,transparent 2px),repeating-linear-gradient(15deg,rgba(222,148,78,.13) 0 1px,transparent 1px 30px),linear-gradient(145deg,#244b72,#193553 35%,#101d2d 68%,#060a12);box-shadow:inset 0 22px 40px rgba(110,181,255,.65),0 -4px 14px rgba(96,172,255,.65)}.earth:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020713 0%,rgba(2,7,19,.90) 30%,rgba(2,7,19,.38) 60%,rgba(2,7,19,.08) 100%)}.atmosphere{position:absolute;right:-82px;top:72px;width:1060px;height:585px;border-radius:50%;border-top:3px solid rgba(111,190,255,.9);transform:rotate(-7deg)}.glow-a,.glow-b{position:absolute;border-radius:50%;filter:blur(24px);opacity:.42}.glow-a{right:270px;top:250px;width:360px;height:120px;background:rgba(210,135,58,.48)}.glow-b{right:35px;top:185px;width:300px;height:100px;background:rgba(98,146,255,.4)}.hero-copy{position:relative;z-index:2;max-width:620px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;color:rgba(255,255,255,.66);text-transform:uppercase;margin:0 0 26px}.hero h1{font-size:59px;line-height:1.04;letter-spacing:-.058em;font-weight:300;margin:0;color:#fff}.hero p:not(.eyebrow){margin:25px 0 0;max-width:520px;font-size:18px;line-height:1.58;color:rgba(255,255,255,.84)}.hero-actions{display:flex;gap:14px;margin-top:42px}.btn{height:48px;border-radius:4px;padding:0 22px;display:inline-flex;align-items:center;font-size:12px;font-weight:800;letter-spacing:.09em}.primary{background:#fff;color:#07111f}.secondary{border:1px solid rgba(255,255,255,.38);color:#fff}.dashboard-shell{position:relative;z-index:3;justify-self:end;width:min(100%,652px);border:1px solid rgba(116,158,235,.24);border-radius:10px;box-shadow:0 32px 90px rgba(0,0,0,.64)}.dashboard-shell img{display:block;width:100%;border-radius:10px}.section{position:relative;z-index:5;padding:82px 58px;border-top:1px solid rgba(255,255,255,.08)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:30px}.section-head h2,.company h2{font-size:34px;line-height:1.15;font-weight:300;letter-spacing:-.035em;margin:0;max-width:760px}.kicker{margin:0;color:#94a4bc;font-size:11px;letter-spacing:.22em;font-weight:800;text-transform:uppercase}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.app-card{min-height:205px;padding:28px;background:linear-gradient(180deg,rgba(13,28,49,.82),rgba(7,15,27,.88));border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.app-card span{font-size:12px;color:var(--gold);font-weight:800}.app-card h3,.tech-grid h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-.01em}.app-card p,.tech-grid p,.industry-card p,.lead,.company p,.footer p,.footer a{color:rgba(255,255,255,.68);font-size:14px;line-height:1.55}.industries{padding-top:74px}.industry-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.industry-card{min-height:260px;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:#071222}.industry-card:before{content:"";position:absolute;inset:0;opacity:.76;background:linear-gradient(180deg,transparent 0%,rgba(2,7,19,.88) 76%)}.industry-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 26%),linear-gradient(135deg,rgba(88,129,214,.34),rgba(202,160,106,.18));mix-blend-mode:screen}.mining{background:linear-gradient(135deg,#1c2734,#8a674a)}.lithium{background:linear-gradient(135deg,#12304a,#3b92a4)}.energy{background:linear-gradient(135deg,#112944,#596f95)}.environment{background:linear-gradient(135deg,#09231f,#59714d)}.geothermal{background:linear-gradient(135deg,#291c19,#a36a48)}.industry-card h3,.industry-card p{position:relative;z-index:2}.industry-card h3{margin:0 0 8px;font-size:22px}.split{display:grid;grid-template-columns:38% 1fr;gap:70px;align-items:center}.lead{font-size:17px;max-width:490px}.workflow{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.workflow div{border:1px solid var(--line);background:rgba(9,21,38,.72);padding:17px 18px;border-radius:4px;font-weight:700;letter-spacing:.04em}.workflow i{width:30px;height:1px;background:rgba(255,255,255,.35)}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tech-grid article{padding:28px;border:1px solid var(--line);background:rgba(7,18,34,.74);min-height:175px}.company{background:linear-gradient(90deg,rgba(9,21,38,.82),rgba(2,7,19,.1))}.company p{font-size:18px}.final-cta{padding:74px 58px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08)}.final-cta h2{font-size:42px;font-weight:300;letter-spacing:-.04em;margin:0}.footer{padding:52px 58px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:42px;border-top:1px solid rgba(255,255,255,.10);background:#030813}.footer img{width:210px}.footer strong{display:block;margin-bottom:15px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.footer a{display:block;margin:7px 0}.footer p{margin:8px 0}@media(max-width:1180px){.nav{gap:18px}.hero{grid-template-columns:1fr;gap:36px}.dashboard-shell{justify-self:start}.app-grid,.tech-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr}.footer{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.header{padding:0 22px}.brand img{width:190px}.nav{display:none}.hero{padding:35px 24px 55px}.hero h1{font-size:44px}.hero-actions,.final-cta{flex-direction:column;align-items:flex-start}.section,.final-cta,.footer{padding-left:24px;padding-right:24px}.app-grid,.tech-grid,.industry-grid,.footer{grid-template-columns:1fr}.industry-card{min-height:220px}.workflow i{display:none}.section-head{display:block}.section-head h2{margin-top:14px}}


/* === SATERREX v4 visual corrections === */
.app-card{min-height:168px;padding:26px 28px;justify-content:flex-start;gap:30px}
.app-card p{margin:0;max-width:250px}

.industries{padding-top:78px;padding-bottom:86px;background:linear-gradient(180deg,rgba(5,12,24,.22),rgba(2,7,19,.96))}
.industry-grid{gap:16px}
.industry-card{min-height:300px;border-color:rgba(180,204,255,.20);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.industry-card:before{opacity:1;background:linear-gradient(180deg,rgba(2,7,19,.05) 0%,rgba(2,7,19,.32) 42%,rgba(2,7,19,.90) 100%)}
.industry-card:after{background:linear-gradient(135deg,rgba(113,151,255,.13),rgba(202,160,106,.08));mix-blend-mode:normal}
.industry-card h3{font-size:23px;margin-bottom:10px;text-shadow:0 2px 18px rgba(0,0,0,.75)}
.industry-card p{font-size:14px;max-width:230px;text-shadow:0 2px 16px rgba(0,0,0,.85)}
.mining{background-image:url('assets/industry-mining.jpg')}
.lithium{background-image:url('assets/industry-lithium.jpg')}
.energy{background-image:url('assets/industry-energy.jpg')}
.environment{background-image:url('assets/industry-environment.jpg')}
.geothermal{background-image:url('assets/industry-geothermal.jpg')}

.split{grid-template-columns:35% 1fr;gap:56px;padding-top:72px;padding-bottom:72px}
.workflow{display:grid;grid-template-columns:repeat(5,minmax(96px,1fr));gap:0;align-items:center;position:relative}
.workflow:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:rgba(255,255,255,.22);z-index:0}
.workflow div{position:relative;z-index:1;text-align:center;background:#071222;border-color:rgba(180,204,255,.22);padding:17px 14px;white-space:nowrap}
.workflow i{display:none}
.workflow div:last-child{border-color:rgba(202,160,106,.45);box-shadow:0 0 0 1px rgba(202,160,106,.08) inset}

.technology{padding-top:72px;padding-bottom:80px;background:linear-gradient(180deg,#020713,#040b18)}
.tech-grid article{min-height:150px;padding:25px 26px}
.tech-grid p{margin-bottom:0}

.company{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;padding-top:72px;padding-bottom:72px;background:linear-gradient(90deg,rgba(9,21,38,.82),rgba(2,7,19,.30))}
.company h2{font-size:32px;max-width:780px}
.company p{font-size:17px;margin-bottom:0}.company-action{display:flex;align-items:center;justify-content:flex-end;gap:28px}.company-action h3{font-size:30px;line-height:1.15;font-weight:300;letter-spacing:-.035em;margin:0;max-width:410px}.company-action .btn{flex:0 0 auto}
.final-cta{display:none}
.footer{padding-top:46px;padding-bottom:46px}

@media(max-width:1180px){.workflow{grid-template-columns:repeat(5,minmax(80px,1fr))}.company{grid-template-columns:1fr}.company-action{justify-content:flex-start}.industry-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-card{min-height:155px}.workflow{display:flex;flex-direction:column;align-items:stretch}.workflow:before{display:none}.workflow div{text-align:left}.industry-grid{grid-template-columns:1fr}.company-action{display:block}.company-action .btn{margin-top:22px}}
