@font-face{font-family:'Geist';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/geist-400.woff2') format('woff2');}
@font-face{font-family:'Geist';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/geist-500.woff2') format('woff2');}
@font-face{font-family:'Geist';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/geist-600.woff2') format('woff2');}
@font-face{font-family:'Geist';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/geist-700.woff2') format('woff2');}
@font-face{font-family:'GeistMono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/geistmono-500.woff2') format('woff2');}
@font-face{font-family:'ArchivoExp';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/archivo-exp-700.woff2') format('woff2');}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/fraunces-600.woff2') format('woff2');}
:root{
  --adv-blue:#2F5597; --adv-blue-deep:#24427A;
  --navy-950:#081020; --navy-900:#0C1730; --navy-850:#0F1B36; --navy-800:#12213D; --navy-700:#1B2E4E;
  --steel:#3C566E; --electric:#2E9BE0; --electric-2:#49B0EE;
  --grey:#767171; --slate:#54627A; --slate-2:#8A94A2;
  --ink:#0C1730; --body:#3A4658;
  --line:#E1E6EE; --cool:#F5F7FA; --cool-2:#EDF1F6; --paper:#F6F4EF; --paper-2:#EFEAE0;
  --white:#fff; --red:#D0342C; --green:#2D8A4E;
  --ff-sans:'Geist',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --ff-mono:'GeistMono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  --ff-exp:'ArchivoExp','Geist',system-ui,sans-serif;
  --ff-serif:'Fraunces',Georgia,'Times New Roman',serif;
  --maxw:1200px; --wide:1320px; --gutter:clamp(1.25rem,4.5vw,4.5rem);
  --sy:clamp(4rem,7vw,7rem); --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--white);color:var(--body);font-family:var(--ff-sans);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5{margin:0;line-height:1.05;color:var(--ink);font-weight:600;letter-spacing:-.015em;text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.wide{max-width:var(--wide);margin-inline:auto;padding-inline:var(--gutter)}
.mono{font-family:var(--ff-mono)}
.tnum{font-variant-numeric:tabular-nums}
.kick{font-family:var(--ff-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--adv-blue)}
:focus-visible{outline:2px solid var(--electric);outline-offset:3px;border-radius:3px}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;padding:.7rem 1.3rem;border-radius:9px;transition:transform .18s var(--ease),background .2s,box-shadow .2s;cursor:pointer;border:0}
.btn.p{background:var(--adv-blue);color:#fff;box-shadow:0 10px 24px -12px rgba(47,85,151,.7)}
.btn.p:hover{background:var(--adv-blue-deep);transform:translateY(-1px)}
.btn.s{border:1px solid var(--line);color:var(--ink);background:#fff}
.btn.s:hover{border-color:var(--adv-blue);color:var(--adv-blue)}
.btn.g{background:linear-gradient(180deg,#49B0EE,#2E9BE0);color:#04101d;font-weight:600;box-shadow:0 12px 30px -14px rgba(46,155,224,.8)}
.btn.g:hover{transform:translateY(-1px)}
.arrow{transition:transform .2s var(--ease)}
.btn:hover .arrow{transform:translateX(3px)}
.reveal{opacity:1}/* no-JS / crawlers: fully visible */
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .row{display:flex;align-items:center;gap:1.8rem;height:70px}
.nav .brand img{height:28px;width:auto}
.nav .links{display:flex;gap:1.6rem;margin-left:1rem}
.nav .links a{font-size:.9rem;color:var(--ink);font-weight:450;transition:color .2s}
.nav .links a:hover{color:var(--adv-blue)}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:1.1rem}
.lang{font-family:var(--ff-mono);font-size:.74rem;letter-spacing:.06em;color:var(--slate);border:1px solid var(--line);border-radius:7px;overflow:hidden;display:flex}
.lang button{border:0;background:transparent;font:inherit;color:var(--slate);padding:.32rem .55rem;cursor:pointer}
.lang button.on{background:var(--ink);color:#fff}
@media(max-width:940px){.nav .links{display:none}}

/* ---------- hero (real photo + navy scrim) ---------- */
.hero{position:relative;overflow:hidden;background:var(--navy-950);color:#fff}
.hero .bg{position:absolute;inset:0;
  background-image:
    linear-gradient(100deg,rgba(6,11,23,.94) 0%,rgba(8,15,31,.86) 30%,rgba(9,17,34,.52) 58%,rgba(9,17,34,.32) 100%),
    linear-gradient(0deg,rgba(6,11,23,.85) 0%,rgba(6,11,23,0) 32%),
    url('../img/refinery-goldenhour.jpg');
  background-size:cover;background-position:center 62%;background-repeat:no-repeat;background-blend-mode:multiply,normal,normal}
.hero .inner{position:relative;padding:clamp(3.5rem,8vw,7.5rem) 0 0}
.hero .kk{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--ff-mono);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:#bfe0f6;margin-bottom:1.7rem}
.hero .kk i{width:7px;height:7px;border-radius:50%;background:var(--electric-2);box-shadow:0 0 14px 2px rgba(73,176,238,.8)}
.hero h1{font-size:clamp(2.5rem,1.4rem+4.6vw,5.2rem);letter-spacing:-.03em;color:#fff;max-width:15ch;line-height:.98;text-shadow:0 2px 28px rgba(0,0,0,.35)}
.hero .lede{margin-top:1.5rem;max-width:52ch;font-size:clamp(1.05rem,1rem+.4vw,1.28rem);color:#cdd9ea}
.hero .cta{margin-top:2.2rem;display:flex;gap:.8rem;flex-wrap:wrap}
.hero .band{position:relative;margin-top:clamp(3rem,6vw,5rem);border-top:1px solid rgba(255,255,255,.14);background:rgba(6,12,26,.62);backdrop-filter:blur(3px)}
.hero .band .wide{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 2.5rem;padding:1.1rem var(--gutter)}
.hero .band .tag{font-family:var(--ff-exp);font-weight:700;font-size:1rem;letter-spacing:.02em;text-transform:uppercase;color:#fff}
.hero .band .tag b{color:var(--electric-2);font-weight:700}
.hero .band .sectors{margin-left:auto;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-family:var(--ff-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#8fa6c4}

/* ---------- section scaffolding ---------- */
.sec{padding:var(--sy) 0}
.sec.alt{background:var(--cool)}
.ey{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}
.ey .ln{width:26px;height:1px;background:var(--adv-blue)}
.head{max-width:64ch}
.head h2{font-size:clamp(1.7rem,1.2rem+1.8vw,2.7rem);letter-spacing:-.02em}
.head p{margin-top:1rem;color:var(--slate);font-size:1.06rem;max-width:56ch}

/* who we are */
.who{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media(max-width:860px){.who{grid-template-columns:1fr}}
.who .lead{font-size:clamp(1.25rem,1rem+1vw,1.7rem);line-height:1.32;color:var(--ink);font-weight:500;letter-spacing:-.01em}
.who .lead b{color:var(--adv-blue)}
.who p.sub{margin-top:1.2rem;color:var(--slate);max-width:52ch}
.who-media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;max-height:460px;box-shadow:0 30px 60px -30px rgba(12,23,48,.35)}
.who-media img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.who-media .cap{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.2rem;background:linear-gradient(0deg,rgba(6,12,26,.82),transparent);font-family:var(--ff-mono);font-size:.68rem;letter-spacing:.06em;color:#dbe6f4}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:clamp(2rem,4vw,3rem)}
@media(max-width:720px){.pillars{grid-template-columns:1fr}}
.pillars .pl{background:#fff;padding:1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}
.pillars .pl svg{width:28px;height:28px;color:var(--adv-blue);flex:none}
.pillars .pl h5{font-size:1rem;margin-bottom:.2rem}
.pillars .pl p{font-size:.86rem;color:var(--slate)}

/* solutions */
.sol-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.1rem;margin-top:2.6rem}
.card{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.5rem 1.5rem 1.6rem;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s,transform .25s}
.card:hover{border-color:#c9d5e6;box-shadow:0 24px 50px -30px rgba(12,23,48,.28);transform:translateY(-3px)}
.card .no{font-family:var(--ff-mono);font-size:.72rem;color:var(--adv-blue);letter-spacing:.1em}
.card .ic{width:40px;height:40px;color:var(--adv-blue);margin:.9rem 0 1rem}
.card h3{font-size:1.16rem;margin-bottom:.5rem}
.card p{font-size:.9rem;color:var(--slate);flex:1}
.card .tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.35rem}
.card .tags span{font-family:var(--ff-mono);font-size:.66rem;color:var(--steel);background:var(--cool-2);border-radius:6px;padding:.2rem .5rem}
.card .more{margin-top:1.1rem;font-family:var(--ff-mono);font-size:.72rem;letter-spacing:.06em;color:var(--adv-blue);display:inline-flex;gap:.4rem;align-items:center}
@media(max-width:900px){.sol-grid{grid-template-columns:repeat(2,1fr)}.card{grid-column:span 1}}
@media(max-width:560px){.sol-grid{grid-template-columns:1fr}.card{grid-column:span 1}}

/* flagship feature card — real photography, larger footprint */
.card.flagship{grid-column:span 6;display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:linear-gradient(165deg,#13294c,#0C1730);color:#fff;border-color:transparent;padding:0;overflow:hidden}
.card.flagship .txt{padding:clamp(1.8rem,3vw,2.8rem);display:flex;flex-direction:column}
.card.flagship .no{color:#8fa6c4}
.card.flagship h3{color:#fff;font-size:clamp(1.35rem,1.1rem+.8vw,1.7rem)}
.card.flagship p{color:#b9c8dd;font-size:.98rem}
.card.flagship .tags span{color:#bcd6ef;background:rgba(255,255,255,.08)}
.card.flagship .more{color:var(--electric-2);margin-top:1.4rem}
.card.flagship .ph{position:relative;min-height:260px}
.card.flagship .ph img{width:100%;height:100%;object-fit:cover;display:block}
.card.flagship .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(12,23,48,.55),rgba(12,23,48,0) 45%);pointer-events:none}
.card.flagship .ph .tag{position:absolute;left:1rem;bottom:1rem;font-family:var(--ff-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:#dbe6f4;background:rgba(6,12,26,.55);padding:.3rem .6rem;border-radius:6px;backdrop-filter:blur(3px)}
@media(max-width:760px){.card.flagship{grid-template-columns:1fr}.card.flagship .ph{min-height:200px;order:-1}}

.card.plat-feat{grid-column:span 6;background:linear-gradient(165deg,#13294c,#0C1730);color:#fff;border-color:transparent}
.card.plat-feat .no,.card.plat-feat h3{color:#fff}
.card.plat-feat .ic{color:var(--electric-2)}
.card.plat-feat p{color:#b9c8dd}
.card.plat-feat .tags span{color:#bcd6ef;background:rgba(255,255,255,.08)}
.card.plat-feat .more{color:var(--electric-2)}
@media(max-width:900px){.card.flagship,.card.plat-feat{grid-column:span 2}}
@media(max-width:560px){.card.flagship,.card.plat-feat{grid-column:span 1}}

/* digital section (real plant photo, deep-navy scrim) */
.digital{position:relative;overflow:hidden;background:#08101f;color:#cfe0f5}
.digital .bg{position:absolute;inset:0;
  background-image:linear-gradient(105deg,rgba(6,11,23,.95) 10%,rgba(8,15,31,.88) 45%,rgba(9,17,34,.72) 100%),url('../img/plant-tower.jpg');
  background-size:cover;background-position:center 30%;background-repeat:no-repeat;background-blend-mode:multiply,normal}
.digital .wide{position:relative;z-index:2}
.digital .ey .ln{background:var(--electric-2)}
.digital .kick{color:var(--electric-2)}
.digital h2{color:#fff}
.digital .head p{color:#a9c0de}
.digital .plat{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(120,150,200,.16);border:1px solid rgba(120,150,200,.16);border-radius:16px;overflow:hidden;margin-top:2.6rem}
@media(max-width:820px){.digital .plat{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.digital .plat{grid-template-columns:1fr}}
.digital .p{background:rgba(8,16,31,.78);padding:1.3rem 1.3rem 1.4rem;backdrop-filter:blur(2px);transition:background .25s}
.digital .p:hover{background:rgba(18,33,61,.9)}
.digital .p .pn{font-family:var(--ff-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#6f89ad}
.digital .p h4{color:#fff;font-size:1.02rem;margin:.5rem 0 .35rem}
.digital .p p{font-size:.83rem;color:#9db4d4}
.digital .foot{position:relative;z-index:2;margin-top:2.2rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:space-between}
.digital .foot .t{font-family:var(--ff-exp);font-weight:700;font-size:clamp(1.1rem,.9rem+1vw,1.7rem);text-transform:uppercase;color:#fff;letter-spacing:.01em}
.digital .foot .t b{color:var(--electric-2)}

/* results (real plant photo + counters) */
.results{background:var(--paper)}
.results .in{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media(max-width:860px){.results .in{grid-template-columns:1fr}}
.results .q{font-family:var(--ff-serif);font-weight:600;font-size:clamp(2.3rem,1.5rem+3.2vw,4rem);line-height:1.06;color:#211d18;letter-spacing:-.015em}
.results .q em{font-style:italic;color:var(--adv-blue)}
.results .sub{margin-top:1.1rem;color:#6a6156;max-width:44ch;font-size:1rem}
.results .lab{margin-top:1.3rem;font-family:var(--ff-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#9a744a}
.results-media{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/10;margin-top:1.6rem;box-shadow:0 30px 60px -30px rgba(12,23,48,.3)}
.results-media img{width:100%;height:100%;object-fit:cover;object-position:center 62%}
.results-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,17,34,.55),transparent 55%)}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--paper-2);border:1px solid var(--paper-2);border-radius:16px;overflow:hidden}
.kpis .k{background:var(--paper);padding:1.6rem 1.5rem}
.kpis .k b{font-family:var(--ff-mono);font-size:clamp(2rem,1.4rem+1.8vw,3rem);color:#211d18;letter-spacing:-.03em;display:block;line-height:1}
.kpis .k b.txt{font-size:clamp(1.4rem,1.1rem+.9vw,1.9rem)}
.kpis .k b em{color:var(--adv-blue);font-style:normal}
.kpis .k span{display:block;margin-top:.5rem;font-size:.82rem;color:#7a7062}

/* partners */
.partners .list{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.2rem}
.partners .b{flex:1 1 160px;border:1px solid var(--line);border-radius:12px;padding:1.2rem 1.3rem;background:#fff;display:flex;flex-direction:column;gap:.3rem;transition:border-color .2s}
.partners .b:hover{border-color:#c9d5e6}
.partners .b .nm{font-weight:600;color:var(--ink);letter-spacing:-.01em}
.partners .b .rl{font-family:var(--ff-mono);font-size:.68rem;color:var(--slate);letter-spacing:.04em}

/* why */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:2.6rem}
@media(max-width:820px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.why-grid{grid-template-columns:1fr}}
.why-grid .w{padding:1.4rem 0 .2rem;border-top:2px solid var(--ink)}
.why-grid .w svg{width:24px;height:24px;color:var(--adv-blue);margin-bottom:.8rem}
.why-grid .w h4{font-size:1.02rem;margin-bottom:.4rem}
.why-grid .w p{font-size:.86rem;color:var(--slate)}

/* cta band (replaces the old contact section on the homepage) */
.cta-band{background:var(--navy-900);color:#fff;text-align:center}
.cta-band .in{max-width:52ch;margin-inline:auto}
.cta-band h2{color:#fff;font-size:clamp(1.7rem,1.2rem+1.8vw,2.6rem)}
.cta-band .kick{color:var(--electric-2)}
.cta-band .row{margin-top:1.9rem;display:flex;flex-wrap:wrap;gap:1.1rem;justify-content:center;align-items:center}
.cta-band .mail{display:inline-flex;align-items:center;gap:.55rem;color:#c2d0e4;font-size:.92rem}
.cta-band .mail svg{width:18px;height:18px;color:var(--electric-2);flex:none}
.cta-band .mail:hover{color:#fff}

/* footer */
footer{background:var(--navy-950);color:#8ea3c2;padding:3.2rem 0 2.4rem}
footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(142,163,194,.16)}
@media(max-width:760px){footer .top{grid-template-columns:1fr}}
footer img{height:28px;margin-bottom:1rem}
footer .about{max-width:34ch;font-size:.85rem;color:#7d92b2}
footer h6{color:#cdd9ea;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .9rem;font-family:var(--ff-mono);font-weight:500}
footer .col a{display:block;font-size:.88rem;padding:.22rem 0;color:#9db0cd}
footer .col a:hover{color:#fff}
footer .legal{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;padding-top:1.5rem;font-family:var(--ff-mono);font-size:.7rem;letter-spacing:.04em;color:#6f84a4}
footer .legal .r{margin-left:auto}
footer .legal a:hover{color:#cdd9ea}