:root{
  --blue:#27AAE2;
  --blue-dark:#188FBE;
  --blue-pale:#EFF9FD;
  --steel:#AEB5BB;
  --ink:#202B33;
  --text:#55616B;
  --line:#DEE5E9;
  --off:#F6F8F9;
  --white:#FFFFFF;
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.58;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input,select,textarea{font:inherit}
.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:10px 14px;z-index:9999;border:1px solid var(--line)}
.topbar{display:none}
.header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{height:82px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:13px;flex:0 0 auto}.brand img{width:50px;height:50px;object-fit:contain}.brand-text strong{display:block;color:var(--blue);font-size:15px;letter-spacing:.055em;line-height:1.15;white-space:nowrap}.brand-text span{display:block;color:#68747D;font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-top:5px;white-space:nowrap}
.menu{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:13px;font-weight:650;white-space:nowrap;color:#34404A}.menu a:hover,.menu a[aria-current="page"],.dropdown.open>button{color:var(--blue)}
.dropdown{position:relative;display:flex;align-items:center;align-self:stretch}.dropdown>button{border:0;background:transparent;color:inherit;padding:0;height:100%;font-weight:650;cursor:pointer}.dropdown-menu{position:absolute;top:100%;left:-18px;min-width:230px;background:#fff;border:1px solid var(--line);padding:8px;box-shadow:0 18px 40px rgba(32,43,51,.10);visibility:hidden;opacity:0;transform:translateY(6px);pointer-events:none;transition:.16s ease}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu,.dropdown.open .dropdown-menu{visibility:visible;opacity:1;transform:none;pointer-events:auto}.dropdown-menu a{display:block;padding:10px 12px;font-weight:550}.dropdown-menu a:hover{background:var(--blue-pale)}
.lang{border-left:1px solid var(--line);padding-left:16px;color:var(--blue)!important;font-weight:800}.nav-cta{background:var(--blue);color:#fff!important;padding:12px 18px;border:1px solid var(--blue);font-weight:750}.nav-cta:hover{background:var(--blue-dark)}
.mobile-toggle,.mobile-lang{display:none}

.hero{border-bottom:1px solid var(--line);background:#fff}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:64px;align-items:stretch;min-height:620px;padding:58px 0}.hero-grid>div:first-child{display:flex;flex-direction:column;justify-content:center;padding-right:18px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.20em;font-weight:800;color:var(--blue);margin-bottom:18px}.eyebrow.gold{color:var(--blue)}
h1,h2,h3{margin:0 0 20px;line-height:1.06;letter-spacing:-.028em;color:var(--ink)}h1{font-size:clamp(48px,5.2vw,72px);font-weight:680;max-width:780px}h2{font-size:clamp(34px,3.8vw,52px);font-weight:670}h3{font-size:22px;font-weight:680}
.hero p{font-size:18px;line-height:1.62;color:var(--text);max-width:690px;margin:0 0 30px}.hero-art{margin:0;min-height:504px;height:100%;position:relative;overflow:hidden;background:var(--off)}.hero-art:before{display:none}.hero-art img{width:100%;height:100%;min-height:504px;object-fit:cover;object-position:55% center;margin:0;filter:saturate(.90) contrast(.98)}
.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 20px;border:1px solid transparent;font-size:13px;font-weight:750;transition:.15s ease}.btn-primary,.btn-dark{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover,.btn-dark:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.btn-light,.btn-outline{background:#fff;border-color:#BFCAD0;color:var(--ink)}.btn-light:hover,.btn-outline:hover{border-color:var(--blue);color:var(--blue)}
.trust-line{margin-top:32px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#6E7880}.trust-line span:before{content:"";display:inline-block;width:5px;height:5px;background:var(--blue);margin-right:9px;vertical-align:middle}

.section{padding:88px 0}.section-sm{padding:56px 0}.section-off{background:var(--off)}.section-navy{background:var(--blue-pale);color:var(--ink);border-top:1px solid #D9EFF8;border-bottom:1px solid #D9EFF8}.section-navy h2,.section-navy h3,.section-navy .step span,.section-navy .risk b{color:var(--ink)}.section-navy p,.section-navy .lead,.section-navy .step p,.section-navy .risk p{color:var(--text)!important}.section-navy .eyebrow{color:var(--blue)}
.intro-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:start}.lead{font-size:20px;line-height:1.55;color:#3F4B54;margin:0}.muted{color:var(--text)}.gold-rule{width:38px;height:2px;background:var(--blue);margin:22px 0}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border-top:1px solid var(--line)}.cap{padding:28px 26px 28px 0;border-right:1px solid var(--line);margin-right:26px;min-height:210px;background:transparent}.cap:last-child{border-right:0;margin-right:0}.cap .num{font-size:11px;letter-spacing:.14em;color:var(--blue);font-weight:800}.cap h3{font-size:20px;margin:36px 0 10px}.cap p{font-size:14px;color:var(--text);margin:0 0 16px}.cap a{font-size:13px;color:var(--blue);font-weight:700}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:74px;align-items:center}.product-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.product-list div{padding:17px 18px 17px 0;border-bottom:1px solid var(--line);font-weight:680}.product-list div:nth-child(odd){border-right:1px solid var(--line);padding-right:22px}.product-list div:nth-child(even){padding-left:22px}.product-list small{display:block;font-weight:450;color:var(--text);margin-top:2px;font-size:12px}
.process{display:grid;grid-template-columns:repeat(6,1fr);margin-top:42px;border-top:1px solid #C9E5F1;border-bottom:1px solid #C9E5F1}.step{padding:24px 18px;border-right:1px solid #C9E5F1}.step:last-child{border-right:0}.step b{display:block;color:var(--blue);font-size:11px;letter-spacing:.10em;margin-bottom:28px}.step span{font-weight:750}.step p{font-size:12px;margin:8px 0 0}
.case-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.case-card{border-left:3px solid var(--blue);background:var(--off);padding:34px 38px}.status{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-weight:800}.case-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;border-top:1px solid var(--line)}.case-stat{padding:18px 18px 18px 0;border-bottom:1px solid var(--line)}.case-stat:nth-child(odd){border-right:1px solid var(--line)}.case-stat:nth-child(even){padding-left:18px}.case-stat strong{display:block;font-size:18px}.case-stat span{font-size:12px;color:var(--text)}
.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid #C9E5F1}.risk{padding:22px 28px 22px 0;border-bottom:1px solid #C9E5F1;border-right:1px solid #C9E5F1;margin-right:28px}.risk:nth-child(3n){border-right:0;margin-right:0}.risk b{font-size:15px}.risk p{font-size:13px;margin:8px 0 0}
.cta-band{background:var(--blue);color:#fff}.cta-band .wrap{padding-top:42px;padding-bottom:42px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.cta-band .eyebrow{color:#fff;margin-bottom:8px;opacity:.88}.cta-band h3{color:#fff;margin:0;font-size:26px;max-width:760px}.cta-band .btn-dark{background:#fff;border-color:#fff;color:var(--ink)}.cta-band .btn-outline{border-color:rgba(255,255,255,.7);color:#fff;background:transparent}.cta-band .btn-outline:hover{background:#fff;color:var(--ink)}

.page-hero{padding:80px 0 58px;border-bottom:1px solid var(--line);background:#fff}.page-hero .wrap{max-width:1280px}.breadcrumb{font-size:11px;color:var(--blue);text-transform:uppercase;letter-spacing:.15em;font-weight:800;margin-bottom:22px}.page-hero h1{font-size:clamp(44px,5vw,66px);max-width:940px}.page-hero p{font-size:18px;color:var(--text);max-width:760px;margin:0}
.page-media{padding:0 0 56px}.page-media .wrap{max-width:1280px}.page-media figure{margin:0;height:420px;overflow:hidden;background:var(--off)}.page-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(.98)}.page-media figcaption{font-size:11px;color:#6F7981;margin-top:10px}
.content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.55fr);gap:76px}.sidebar{border-left:1px solid var(--line);padding-left:28px;position:sticky;top:116px;align-self:start}.sidebar h4{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#7A848B;margin:0 0 12px}.sidebar a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:650}.sidebar a:hover{color:var(--blue)}
.checklist{list-style:none;margin:24px 0;padding:0;border-top:1px solid var(--line)}.checklist li{position:relative;padding:13px 0 13px 24px;border-bottom:1px solid var(--line)}.checklist li:before{content:"";position:absolute;left:2px;top:22px;width:6px;height:6px;background:var(--blue)}.notice{margin:28px 0;padding:20px 22px;border-left:3px solid var(--blue);background:var(--blue-pale);font-size:13px;color:#44515A}
.table-wrap{overflow:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:14px 15px;border-bottom:1px solid var(--line);font-size:13px}th{background:var(--off);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{border:1px solid #C9D2D7;background:#fff;padding:13px 12px;color:var(--ink);border-radius:0}.field textarea{min-height:125px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(39,170,226,.16);border-color:var(--blue)}.form-note{font-size:11px;color:var(--text)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:32px}.metric{padding:20px 24px 20px 0;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{display:block;color:var(--blue);font-size:24px}.metric span{font-size:11px;color:var(--text)}.tag{display:inline-block;border:1px solid var(--line);padding:5px 8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 4px 5px 0}

.footer{background:#F4F6F7;border-top:1px solid var(--line);padding:58px 0 24px;color:#5B6670}.footer-grid{display:grid;grid-template-columns:1.35fr .65fr .8fr 1.2fr;gap:48px}.footer-logo{display:flex;align-items:center;gap:12px;color:var(--ink)}.footer-logo img{width:54px;height:54px;object-fit:contain}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px;color:var(--ink)}.footer a{display:block;padding:4px 0;font-size:12px}.footer a:hover{color:var(--blue)}.footer p{font-size:12px}.legal{margin-top:42px;padding-top:18px;border-top:1px solid #D8DEE2;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7A858D}

@media(max-width:1180px){
  .menu{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 16px 34px rgba(32,43,51,.08);padding:16px 24px 22px;flex-direction:column;align-items:stretch;gap:0}.menu.open{display:flex}.menu>a,.dropdown{padding:11px 0;border-bottom:1px solid var(--line)}.dropdown{display:block}.dropdown>button{width:100%;height:auto;text-align:left;display:flex;justify-content:space-between}.dropdown>button:after{content:"+";color:var(--blue);font-size:18px;font-weight:400}.dropdown.open>button:after{content:"−"}.dropdown-menu{display:none!important;position:static;visibility:visible;opacity:1;transform:none;pointer-events:auto;border:0;box-shadow:none;padding:6px 0 2px 14px}.dropdown.open .dropdown-menu{display:block!important}.lang{border-left:0;padding-left:0}.nav-cta{margin-top:12px;text-align:center;justify-content:center;border-bottom:0!important}.mobile-lang,.mobile-toggle{display:block}.mobile-lang{margin-left:auto;color:var(--blue);font-weight:800;border:1px solid var(--line);padding:7px 9px;font-size:12px}.mobile-toggle{margin-left:8px;width:42px;height:42px;background:#fff;border:1px solid var(--line);font-size:20px}.hero-grid{grid-template-columns:1fr 420px;gap:40px}.cap-grid{grid-template-columns:1fr 1fr}.cap:nth-child(2){border-right:0;margin-right:0}.cap:nth-child(-n+2){border-bottom:1px solid var(--line)}.process{grid-template-columns:repeat(3,1fr)}.step:nth-child(3){border-right:0}.step:nth-child(-n+3){border-bottom:1px solid #C9E5F1}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .wrap{width:min(calc(100% - 30px),var(--max))}.nav{height:72px}.brand img{width:44px;height:44px}.brand-text{display:none}.menu{top:72px}.hero-grid{grid-template-columns:1fr;min-height:0;padding:48px 0 0;gap:38px}.hero-grid>div:first-child{padding:0}.hero-art{height:390px;min-height:390px;margin:0 -15px}.hero-art img{min-height:390px}.intro-grid,.split,.case-grid,.content-grid{grid-template-columns:1fr;gap:38px}.section{padding:68px 0}.section-sm{padding:44px 0}.cap-grid{grid-template-columns:1fr}.cap,.cap:nth-child(2){margin:0;border-right:0;border-bottom:1px solid var(--line);padding:24px 0;min-height:auto}.cap h3{margin-top:24px}.process{grid-template-columns:1fr 1fr}.step{border-bottom:1px solid #C9E5F1}.step:nth-child(odd){border-right:1px solid #C9E5F1}.step:nth-child(even){border-right:0}.risk-grid{grid-template-columns:1fr 1fr}.risk,.risk:nth-child(3n){border-right:1px solid #C9E5F1;margin-right:20px}.risk:nth-child(even){border-right:0;margin-right:0}.cta-band .wrap{grid-template-columns:1fr}.page-hero{padding:60px 0 46px}.page-media{padding-bottom:42px}.page-media figure{height:300px}.sidebar{position:static;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.footer-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}
}
@media(max-width:560px){
  h1{font-size:42px}.hero p,.page-hero p{font-size:16px}.actions{display:grid}.btn{width:100%}.product-list,.case-stats,.risk-grid,.metric-grid{grid-template-columns:1fr}.product-list div,.product-list div:nth-child(odd),.product-list div:nth-child(even){border-right:0;padding:15px 0}.case-stat,.case-stat:nth-child(odd),.case-stat:nth-child(even){border-right:0;padding:16px 0}.process{grid-template-columns:1fr}.step,.step:nth-child(odd){border-right:0}.risk,.risk:nth-child(3n),.risk:nth-child(even){border-right:0;margin-right:0;padding-right:0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.legal{flex-direction:column}.hero-art{height:310px;min-height:310px}.hero-art img{min-height:310px}.page-media figure{height:240px}
}


/* ===== Faithful short-form editorial pass ===== */
:root{--max:1320px}
.menu{gap:14px;font-size:12px}
.menu>a{white-space:nowrap}
.nav{gap:24px}
.nav-cta{padding:11px 14px}
.editorial-intro{max-width:820px}
.editorial-intro p{font-size:18px;color:var(--text);margin:0}
.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--line);margin-top:28px}
.compact-item{padding:16px 20px 16px 0;border-bottom:1px solid var(--line);font-weight:650}
.compact-item:nth-child(odd){border-right:1px solid var(--line);margin-right:20px}
.compact-item:nth-child(even){padding-left:20px}
.compact-item small{display:block;font-size:12px;font-weight:450;color:var(--text);margin-top:3px}
.link-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:36px}
.link-row a{padding:20px 22px;border-right:1px solid var(--line);font-size:13px;font-weight:750;color:var(--ink)}
.link-row a:last-child{border-right:0}.link-row a:hover{color:var(--blue);background:var(--blue-pale)}
.detail-group{margin:28px 0 0;border-top:1px solid var(--line)}
details.detail{border-bottom:1px solid var(--line);padding:0}
details.detail summary{list-style:none;cursor:pointer;padding:17px 32px 17px 0;font-weight:750;font-size:14px;position:relative;color:var(--ink)}
details.detail summary::-webkit-details-marker{display:none}
details.detail summary:after{content:"+";position:absolute;right:2px;top:14px;font-size:21px;font-weight:400;color:var(--blue)}
details.detail[open] summary:after{content:"−"}
details.detail .detail-body{padding:0 0 20px;color:var(--text);font-size:14px}
details.detail .detail-body ul{margin:0;padding-left:20px;columns:2;column-gap:44px}
details.detail .detail-body li{break-inside:avoid;margin:0 0 8px}
.short-note{font-size:13px;color:var(--text);padding:16px 18px;background:var(--blue-pale);border-left:3px solid var(--blue);margin:24px 0}
.stat-line{display:flex;gap:26px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:26px 0}
.stat-line span{font-size:13px;color:var(--text)}.stat-line strong{color:var(--ink)}
.page-hero{padding-top:68px;padding-bottom:48px}.page-hero p{max-width:820px}
.section{padding:72px 0}.section-sm{padding:44px 0}
.content-grid{gap:60px}
.hero-grid{min-height:570px;padding:48px 0}
.hero p{font-size:17px;max-width:720px}
.hero h1{font-size:clamp(46px,5vw,70px)}
.source-kicker{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.doc-list{columns:2;column-gap:44px;padding-left:20px;margin:0}.doc-list li{break-inside:avoid;margin-bottom:8px}
@media(max-width:1340px){
  .menu{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 16px 34px rgba(32,43,51,.08);padding:16px 24px 22px;flex-direction:column;align-items:stretch;gap:0}.menu.open{display:flex}.menu>a{padding:11px 0;border-bottom:1px solid var(--line)}.lang{border-left:0;padding-left:0}.nav-cta{margin-top:12px;text-align:center;justify-content:center;border-bottom:0!important}.mobile-lang,.mobile-toggle{display:block}.mobile-lang{margin-left:auto;color:var(--blue);font-weight:800;border:1px solid var(--line);padding:7px 9px;font-size:12px}.mobile-toggle{margin-left:8px;width:42px;height:42px;background:#fff;border:1px solid var(--line);font-size:20px}
}
@media(max-width:820px){.menu{top:72px}.link-row{grid-template-columns:1fr 1fr}.link-row a:nth-child(2){border-right:0}.link-row a:nth-child(-n+2){border-bottom:1px solid var(--line)}details.detail .detail-body ul,.doc-list{columns:1}.compact-grid{grid-template-columns:1fr}.compact-item,.compact-item:nth-child(odd),.compact-item:nth-child(even){border-right:0;margin-right:0;padding:14px 0}.section{padding:60px 0}.page-hero{padding:54px 0 40px}}
@media(max-width:560px){.link-row{grid-template-columns:1fr}.link-row a{border-right:0;border-bottom:1px solid var(--line)}.link-row a:last-child{border-bottom:0}.stat-line{display:grid;gap:8px}}

/* Tender submission form */
.form-kicker{margin-top:14px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--blue)}
.form-grid .field.full:first-child .form-kicker{margin-top:0;padding-top:0;border-top:0}
.hidden-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}


/* ===== Trust-first credibility layer ===== */
.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:#69757D}
.hero-trust span{display:inline-flex;align-items:center;gap:8px}
.hero-trust span:before{content:"";width:6px;height:6px;background:var(--blue);display:inline-block}
.trust-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:34px}
.trust-card{padding:24px 24px 24px 0;border-right:1px solid var(--line);margin-right:24px}
.trust-card:last-child{border-right:0;margin-right:0}
.trust-card .trust-num{display:block;font-size:10px;letter-spacing:.14em;color:var(--blue);font-weight:800;margin-bottom:24px}
.trust-card h3{font-size:18px;margin:0 0 9px}
.trust-card p{font-size:13px;color:var(--text);margin:0}
.role-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:38px;background:#fff}
.role-col{padding:28px 30px}.role-col+ .role-col{border-left:1px solid var(--line);background:var(--off)}
.role-col h3{font-size:18px;margin-bottom:14px}.role-col ul{list-style:none;margin:0;padding:0}.role-col li{padding:8px 0 8px 18px;position:relative;border-bottom:1px solid var(--line);font-size:13px;color:var(--text)}
.role-col li:last-child{border-bottom:0}.role-col li:before{content:"";position:absolute;left:0;top:16px;width:5px;height:5px;background:var(--blue)}
.verification-band{background:var(--ink);color:#fff}.verification-band .wrap{padding-top:42px;padding-bottom:42px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}.verification-band .eyebrow{color:#8EDAF7;margin-bottom:8px}.verification-band h3{color:#fff;margin:0;font-size:25px}.verification-band p{color:#C8D1D7;margin:8px 0 0;max-width:760px;font-size:14px}.verification-band .btn-outline{color:#fff;border-color:#7C8992;background:transparent}.verification-band .btn-outline:hover{background:#fff;color:var(--ink);border-color:#fff}
.trust-note{margin-top:34px;border-left:3px solid var(--blue);padding:20px 22px;background:var(--blue-pale)}
.trust-note h3{font-size:18px;margin:0 0 8px}.trust-note p{font-size:13px;color:var(--text);margin:0 0 14px}
.due-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}.due-list{border-top:1px solid var(--line);margin-top:24px}.due-item{padding:16px 0;border-bottom:1px solid var(--line)}.due-item strong{display:block;font-size:14px;margin-bottom:3px}.due-item span{font-size:13px;color:var(--text)}
.role-badge{display:inline-flex;padding:6px 9px;border:1px solid var(--line);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--blue);margin-bottom:18px;background:#fff}
.form-safety{margin:20px 0 0;padding:16px 18px;background:var(--off);border:1px solid var(--line);font-size:12px;color:var(--text)}
@media(max-width:900px){.trust-grid{grid-template-columns:1fr 1fr}.trust-card:nth-child(2){border-right:0;margin-right:0}.trust-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.role-panel,.due-grid{grid-template-columns:1fr}.role-col+ .role-col{border-left:0;border-top:1px solid var(--line)}.verification-band .wrap{grid-template-columns:1fr}}
@media(max-width:560px){.trust-grid{grid-template-columns:1fr}.trust-card,.trust-card:nth-child(2){border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding-right:0}.trust-card:last-child{border-bottom:0}.hero-trust{display:grid;gap:8px}.verification-band .actions{display:block}.verification-band .btn{width:100%}}


/* ===== Art-directed institutional system ===== */
:root{
  --navy:#0C2433;
  --navy-2:#153747;
  --cyan:#27AAE2;
  --cyan-dark:#168DBD;
  --cyan-pale:#EAF7FC;
  --ink:#17242D;
  --text:#52616B;
  --steel:#9DA8AF;
  --line:#D8E0E4;
  --off:#F4F6F7;
  --white:#FFFFFF;
  --max:1320px;
}
body{color:var(--ink);background:#FCFCFB;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif}
.header{background:rgba(252,252,251,.97);border-bottom-color:#DDE3E6}
.brand-text strong{color:var(--navy)}
.brand-text span{color:#74818A}
.menu{color:#2E3B44}
.menu a:hover,.menu a[aria-current="page"]{color:var(--cyan)}
.lang{color:var(--cyan)!important}
.nav-cta{background:var(--navy);border-color:var(--navy)}
.nav-cta:hover{background:var(--cyan);border-color:var(--cyan)}
.eyebrow{color:var(--cyan);letter-spacing:.18em}
h1,h2,h3{color:var(--ink)}
.btn-primary{background:var(--cyan);border-color:var(--cyan)}
.btn-primary:hover{background:var(--cyan-dark);border-color:var(--cyan-dark)}
.btn-dark{background:var(--navy);border-color:var(--navy)}
.btn-dark:hover{background:var(--navy-2);border-color:var(--navy-2)}
.btn-light,.btn-outline{background:transparent;border-color:#AEB9BF;color:var(--ink)}
.btn-light:hover,.btn-outline:hover{border-color:var(--navy);color:var(--navy);background:#fff}
.text-link{display:inline-block;margin-top:24px;color:var(--navy);font-size:13px;font-weight:800;letter-spacing:.01em}.text-link:hover{color:var(--cyan)}

/* Homepage hero: typography + branded transaction panel, no generic stock image */
.hero-editorial{background:#FCFCFB;border-bottom:0;min-height:auto}
.hero-editorial-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);gap:72px;align-items:stretch;padding:82px 0 72px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding-right:22px}
.hero-editorial h1{font-size:clamp(52px,5.6vw,78px);max-width:820px;letter-spacing:-.04em;line-height:1.00}
.hero-editorial p{font-size:17px;line-height:1.65;max-width:720px;margin:0 0 14px;color:var(--text)}
.hero-editorial .actions{margin-top:18px}
.hero-editorial .hero-trust{margin-top:32px;border-top:1px solid var(--line);padding-top:20px;gap:22px;color:#66737B}
.hero-editorial .hero-trust span:before{background:var(--cyan)}
.scope-panel{background:var(--navy);color:#fff;padding:38px 38px 30px;display:flex;flex-direction:column;min-height:520px}
.scope-kicker{text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:800;color:#8FD9F4}
.scope-region{font-size:clamp(40px,4.4vw,64px);line-height:1;letter-spacing:-.035em;margin:22px 0 auto;font-weight:650}
.scope-list{border-top:1px solid rgba(255,255,255,.18);margin-top:34px}
.scope-list a{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.scope-list span{font-size:10px;color:#79C9E6;letter-spacing:.12em}.scope-list b{font-size:14px;font-weight:650;color:#fff}.scope-list a:hover b{color:#8EDAF7}
.scope-foot{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#93A8B5;margin-top:22px}

/* Low-noise pathway strip */
.pathways{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.pathways-row{display:flex;align-items:center;gap:0;min-height:58px;overflow:auto}
.pathways-row span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#78848B;padding-right:28px;white-space:nowrap}
.pathways-row a{font-size:12px;font-weight:750;color:var(--navy);padding:0 24px;border-left:1px solid var(--line);white-space:nowrap}.pathways-row a:hover{color:var(--cyan)}

/* One deliberate, asymmetric West Africa image section */
.operational-section{padding:96px 0}
.operational-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:stretch;background:var(--navy)}
.operational-copy{padding:58px 50px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.operational-copy h2{color:#fff;font-size:clamp(36px,4vw,54px)}
.operational-copy .lead{color:#D3DEE4;font-size:18px}
.operational-copy .text-link{color:#8EDAF7}.operational-copy .text-link:hover{color:#fff}
.operational-media{margin:0;min-height:470px;position:relative;overflow:hidden;background:#122F3F}
.operational-media img{width:100%;height:100%;min-height:470px;object-fit:cover;object-position:center 54%;filter:saturate(.78) contrast(1.03)}
.operational-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,36,51,.20),transparent 35%);pointer-events:none}
.operational-media figcaption{position:absolute;right:18px;bottom:14px;color:rgba(255,255,255,.82);font-size:10px;letter-spacing:.03em;background:rgba(12,36,51,.78);padding:7px 9px;z-index:2}

/* Replace repeated card grids with a vertical method sequence */
.method-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}
.method-intro{position:sticky;top:120px}.method-intro h2{max-width:480px}.method-intro .lead{font-size:18px}
.method-steps{border-top:1px solid #C9D1D6}
.method-step{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #C9D1D6}
.method-step>span{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--cyan);padding-top:5px}.method-step h3{font-size:20px;margin:0 0 7px}.method-step p{margin:0;color:var(--text);font-size:14px;max-width:640px}

/* Petroleum: clean, not another boxed grid */
.petroleum-section{background:#fff}
.petroleum-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}
.petroleum-layout .actions{margin-top:28px}
.petroleum-list{display:flex;flex-wrap:wrap;align-content:flex-start;border-top:1px solid var(--line);padding-top:10px}
.petroleum-list span{font-size:14px;font-weight:700;padding:14px 20px 14px 0;margin-right:20px;border-bottom:1px solid var(--line);min-width:calc(50% - 20px);color:#293740}

/* Transaction case becomes the strong dark editorial moment */
.case-feature{background:var(--navy);color:#fff;padding:82px 0}
.case-feature-grid{display:grid;grid-template-columns:1fr .72fr .9fr;gap:56px;align-items:start}
.case-feature h2{color:#fff;font-size:clamp(38px,4vw,54px)}.case-feature p{color:#C7D3D9;max-width:520px}
.case-feature .eyebrow{color:#8EDAF7}.text-link.light{color:#8EDAF7}.text-link.light:hover{color:#fff}
.case-feature-metric{border-left:1px solid rgba(255,255,255,.23);padding-left:38px;align-self:stretch}
.case-feature-metric strong{display:block;font-size:clamp(64px,7vw,104px);line-height:.88;letter-spacing:-.055em;font-weight:620;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.case-feature-metric span{display:block;margin-top:18px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8FA5B1}
.case-feature-details{border-top:1px solid rgba(255,255,255,.20)}
.case-feature-details div{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.16)}.case-feature-details b{display:block;font-size:14px;color:#fff}.case-feature-details span{display:block;font-size:11px;color:#9FB0BA;margin-top:3px}

/* Role clarity without a boxed two-card pattern */
.role-section{background:#FCFCFB}
.role-intro{margin-bottom:40px}
.role-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding-top:30px}
.role-split>div{position:relative;padding-top:16px}.role-split>div:first-child:before,.role-split>div:last-child:before{content:"";position:absolute;top:-31px;left:0;width:74px;height:3px;background:var(--cyan)}
.role-split>div:last-child:before{background:var(--navy)}
.role-split ul{list-style:none;margin:12px 0 0;padding:0}.role-split li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--text)}
.role-badge{background:transparent;border:0;padding:0;color:var(--navy);font-size:10px;letter-spacing:.14em}

/* Verification is quieter; final CTA owns the dark brand color */
.verification-light{background:var(--off);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.verification-light .wrap{padding-top:42px;padding-bottom:42px}.verification-light .eyebrow{color:var(--cyan)}.verification-light h3{color:var(--ink)}.verification-light p{color:var(--text)}.verification-light .btn-outline{color:var(--navy);border-color:#9BA8B0;background:transparent}.verification-light .btn-outline:hover{background:#fff;border-color:var(--navy)}
.cta-navy{background:var(--navy)}.cta-navy .btn-dark{background:#fff;color:var(--navy);border-color:#fff}.cta-navy .btn-outline{color:#fff;border-color:#6E8490}.cta-navy .btn-outline:hover{background:#fff;color:var(--navy)}

/* Inner pages: more editorial, less boxed */
.page-hero{background:#FCFCFB;padding:78px 0 54px;border-top:0;border-bottom:1px solid var(--line)}
.page-hero .wrap{position:relative;padding-left:26px}.page-hero .wrap:before{content:"";position:absolute;left:0;top:2px;bottom:4px;width:3px;background:var(--cyan)}
.page-hero h1{font-size:clamp(46px,5.4vw,70px);letter-spacing:-.04em}.page-hero p{color:var(--text);max-width:820px}
.breadcrumb{color:var(--navy)}
.section-off{background:var(--off)}
.sidebar{border-left-color:#C9D1D5}.sidebar a:hover{color:var(--cyan)}
.compact-grid{border-top-color:#C9D1D5}.compact-item{border-bottom-color:#C9D1D5}.compact-item:nth-child(odd){border-right:0}.compact-item:nth-child(even){padding-left:0}.compact-grid{column-gap:40px}
.detail-group{border-top-color:#C9D1D5}details.detail{border-bottom-color:#C9D1D5}details.detail summary:after{color:var(--cyan)}
.short-note,.trust-note{background:var(--cyan-pale);border-left-color:var(--cyan)}
.form-kicker{color:var(--navy)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);outline-color:rgba(39,170,226,.16)}
.footer{background:#081D2B}
.footer a:hover{color:#fff}

@media(max-width:1180px){
  .hero-editorial-grid{grid-template-columns:1fr .78fr;gap:40px}.scope-panel{min-height:500px;padding:32px 28px}.hero-editorial h1{font-size:clamp(50px,6vw,68px)}
  .operational-grid{grid-template-columns:.85fr 1.15fr}.operational-copy{padding:44px 36px}
  .case-feature-grid{grid-template-columns:1fr 1fr}.case-feature-details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.case-feature-details div:nth-child(odd){padding-right:24px;border-right:1px solid rgba(255,255,255,.16)}.case-feature-details div:nth-child(even){padding-left:24px}
}
@media(max-width:900px){
  .hero-editorial-grid,.operational-grid,.method-grid,.petroleum-layout,.case-feature-grid,.role-split{grid-template-columns:1fr}
  .hero-editorial-grid{gap:30px;padding:58px 0 52px}.scope-panel{min-height:auto}.scope-region{margin-bottom:34px}.method-intro{position:static}.method-grid{gap:34px}.operational-media{min-height:360px}.operational-media img{min-height:360px}.case-feature-metric{border-left:0;border-top:1px solid rgba(255,255,255,.20);padding:28px 0 0}.case-feature-details{display:block}.case-feature-details div:nth-child(odd),.case-feature-details div:nth-child(even){padding-left:0;padding-right:0;border-right:0}.role-split{gap:42px}.role-split>div:last-child:before{top:-1px}.role-split>div:last-child{padding-top:30px;border-top:1px solid var(--line)}
  .pathways-row span{display:none}.pathways-row a:first-of-type{border-left:0;padding-left:0}.pathways-row{min-height:54px}
}
@media(max-width:560px){
  .hero-editorial h1{font-size:43px}.hero-editorial p{font-size:16px}.scope-panel{padding:28px 24px}.scope-region{font-size:44px}.scope-list a{grid-template-columns:34px 1fr}.pathways-row{gap:0}.pathways-row a{padding:0 16px}.operational-section{padding:58px 0}.operational-copy{padding:34px 26px}.operational-media,.operational-media img{min-height:280px}.method-step{grid-template-columns:42px 1fr}.petroleum-list span{min-width:100%;margin-right:0}.case-feature{padding:60px 0}.case-feature-metric strong{font-size:72px}.page-hero .wrap{padding-left:18px}
}


/* --- Interior art-direction rollout --- */
.inner-hero .hero-editorial-grid{padding:68px 0 60px;gap:62px}
.inner-hero .hero-copy{padding-right:10px}
.inner-hero h1{font-size:clamp(46px,5vw,68px);max-width:850px}
.inner-hero .scope-panel{min-height:410px;padding:34px 34px 28px}
.inner-hero .scope-region{font-size:clamp(34px,3.5vw,50px);margin-top:18px;margin-bottom:auto}
.scope-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.scope-list>div span{font-size:10px;color:#79C9E6;letter-spacing:.12em}.scope-list>div b{font-size:14px;font-weight:650;color:#fff}
.inner-stat{margin-top:18px;border-top:1px solid rgba(255,255,255,.18);padding-top:28px}
.inner-stat strong{display:block;font-size:clamp(64px,6.8vw,96px);line-height:.86;letter-spacing:-.055em;font-weight:620;color:#fff}
.inner-stat span{display:block;margin-top:16px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8FA5B1}
.inner-navy-band{padding:62px 0}
.inner-navy-band .inner-band-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.inner-navy-band h3{color:#fff;font-size:clamp(28px,3vw,40px);margin-bottom:12px}.inner-navy-band p{color:#C7D3D9;max-width:760px;margin:0}.inner-navy-band .eyebrow{color:#8EDAF7;margin-bottom:10px}
.inner-navy-band .btn-outline{color:#fff;border-color:#728792}.inner-navy-band .btn-outline:hover{background:#fff;color:var(--navy);border-color:#fff}
.experience-feature{padding:68px 0}
.experience-feature .case-feature-grid{grid-template-columns:.9fr .72fr 1fr}
.experience-feature .case-feature-metric{padding-left:30px}
.logistics-photo-section{padding:0 0 68px;background:#FCFCFB}
.logistics-feature{margin:0;display:grid;grid-template-columns:1.2fr .8fr;background:var(--navy);min-height:420px;overflow:hidden}
.logistics-feature img{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.03)}
.logistics-caption{padding:42px 38px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.logistics-caption .eyebrow{color:#8EDAF7}.logistics-caption h3{color:#fff;font-size:30px;margin-bottom:12px}.logistics-caption p{color:#C7D3D9;margin:0;font-size:14px}
.inner-cta .wrap{padding-top:48px;padding-bottom:48px}.inner-cta h3{color:#fff;font-size:clamp(25px,2.5vw,34px);max-width:780px}.inner-cta .eyebrow{color:#8EDAF7;margin-bottom:8px}
@media(max-width:900px){
  .inner-hero .hero-editorial-grid{gap:28px;padding:54px 0 48px}.inner-hero .scope-panel{min-height:auto}.inner-navy-band .inner-band-grid{grid-template-columns:1fr}.logistics-feature{grid-template-columns:1fr}.logistics-feature img{min-height:340px}.logistics-caption{padding:32px 28px}.experience-feature .case-feature-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .inner-hero h1{font-size:42px}.inner-hero .scope-panel{padding:26px 22px}.inner-stat strong{font-size:70px}.inner-navy-band{padding:52px 0}.logistics-photo-section{padding-bottom:52px}.logistics-feature img{min-height:270px}.logistics-caption h3{font-size:25px}
}


/* --- Contained hero video: global network without sacrificing institutional hierarchy --- */
.hero-video-edition .hero-editorial-grid{align-items:center}
.hero-video-panel{background:var(--navy);color:#fff;padding:12px;box-shadow:0 28px 56px rgba(12,36,51,.14)}
.hero-video-frame{position:relative;overflow:hidden;background:#DCEBED;aspect-ratio:16/10;min-height:440px}
.hero-video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,36,51,.02) 45%,rgba(12,36,51,.68) 100%);pointer-events:none}
.hero-video-label{position:absolute;left:28px;right:28px;bottom:24px;z-index:2}
.hero-video-label span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#BCEAFB;font-weight:800;margin-bottom:5px}
.hero-video-label strong{display:block;color:#fff;font-size:clamp(32px,3.4vw,48px);line-height:1;letter-spacing:-.035em;font-weight:620}
.hero-video-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:15px 14px 5px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#8FA5B1}
.hero-video-meta span{color:#D9E7EC;font-weight:700}
.hero-video-meta b{margin-left:auto;color:#75D0F1;font-size:10px;font-weight:750;letter-spacing:.08em}
@media(max-width:1180px){.hero-video-frame{min-height:390px}.hero-video-meta b{width:100%;margin-left:0}}
@media(max-width:900px){.hero-video-panel{order:-1}.hero-video-frame{min-height:0;aspect-ratio:16/9}.hero-video-label{left:22px;right:22px;bottom:20px}.hero-video-meta{padding-bottom:8px}}
@media(max-width:560px){.hero-video-panel{padding:8px}.hero-video-label{left:18px;right:18px;bottom:16px}.hero-video-label strong{font-size:34px}.hero-video-meta{gap:10px;padding:12px 10px 4px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-video-frame video{animation:none}}


/* --- Commodities video art direction --- */
.commodity-hero .hero-editorial-grid{padding-top:70px;padding-bottom:66px}
.commodity-story-section{background:#fff}
.commodity-story-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:72px;align-items:center}
.commodity-video-card{margin:0;background:var(--navy);padding:10px;box-shadow:0 24px 52px rgba(12,36,51,.12)}
.commodity-video-card video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center;background:#162D36}
.commodity-story-copy h2{max-width:520px}
.commodity-story-copy .compact-grid{margin-top:30px}
.commodity-industrial-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:86px;align-items:start}
.commodity-industrial-grid>div:first-child{padding-top:2px}
.commodity-industrial-grid .muted{max-width:520px;font-size:15px}
@media(max-width:900px){.commodity-story-grid,.commodity-industrial-grid{grid-template-columns:1fr;gap:38px}.commodity-video-card{order:-1}.commodity-story-section{padding-top:62px}}
@media(max-width:560px){.commodity-hero .hero-editorial-grid{padding-top:50px;padding-bottom:48px}.commodity-video-card{padding:7px}.commodity-video-card video{aspect-ratio:16/9}}

/* --- Energy video art direction --- */
.energy-story-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:68px;align-items:center}
.energy-video-card{margin:0;background:var(--navy);padding:10px;box-shadow:0 24px 52px rgba(12,36,51,.12)}
.energy-video-card video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center;background:#162D36}
.energy-products-copy .product-list{margin-top:30px}
.energy-hero .hero-video-label strong{max-width:520px}
@media(max-width:900px){.energy-story-grid{grid-template-columns:1fr;gap:38px}.energy-video-card{order:-1}.energy-story-section{padding-top:62px}}
@media(max-width:560px){.energy-hero .hero-editorial-grid{padding-top:50px;padding-bottom:48px}.energy-video-card{padding:7px}.energy-video-card video{aspect-ratio:16/9}}

/* --- Tender video art direction --- */
.tender-hero .hero-video-label strong{max-width:520px}
@media(max-width:560px){.tender-hero .hero-editorial-grid{padding-top:50px;padding-bottom:48px}}


/* ===== Official Rise Above Group brand assets ===== */
.brand{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.brand .brand-logo-full{display:block;width:238px;height:auto;max-height:52px;object-fit:contain;object-position:left center}
.brand .brand-logo-icon{display:none;width:48px;height:auto;object-fit:contain}
.brand-text{display:none!important}
.footer-logo.footer-brandmark{display:inline-flex;align-items:center;background:#fff;padding:10px 14px;margin:0 0 16px;border:1px solid rgba(255,255,255,.16)}
.footer-logo.footer-brandmark .footer-logo-full{display:block;width:218px;height:auto;max-height:48px;object-fit:contain}
@media(max-width:1180px){
  .brand .brand-logo-full{width:224px;max-height:48px}
}
@media(max-width:820px){
  .brand .brand-logo-full{display:none}
  .brand .brand-logo-icon{display:block;width:48px;height:auto}
  .footer-logo.footer-brandmark .footer-logo-full{width:200px}
}
@media(max-width:560px){
  .brand .brand-logo-icon{width:44px}
  .footer-logo.footer-brandmark{padding:9px 11px}
  .footer-logo.footer-brandmark .footer-logo-full{width:186px}
}


/* ===== Official logo palette refinement =====
   Derived from the supplied Rise Above Group artwork.
   Dominant logo blue: #002A54. Near-black wordmark is retained as ink.
   This pass changes color only; layout, spacing, content and media remain intact.
*/
:root{
  --navy:#002A54;
  --navy-2:#001D3B;
  --cyan:#2E5F8C;
  --cyan-dark:#17486F;
  --cyan-pale:#EEF3F7;
  --blue:#002A54;
  --blue-dark:#001D3B;
  --blue-pale:#EEF3F7;
  --ink:#090E13;
  --text:#55626C;
  --steel:#87939C;
  --line:#D8E0E5;
  --off:#F4F6F7;
  --white:#FFFFFF;
}
body{background:#FBFBFA;color:var(--ink)}
.header{background:rgba(251,251,250,.98);border-bottom-color:#D8E0E5}
.menu{color:#2D3942}
.menu a:hover,.menu a[aria-current="page"],.dropdown.open>button{color:var(--navy)}
.dropdown-menu a:hover{background:var(--cyan-pale);color:var(--navy)}
.lang,.mobile-lang{color:var(--navy)!important}
.nav-cta{background:var(--navy);border-color:var(--navy);color:#fff!important}
.nav-cta:hover{background:var(--ink);border-color:var(--ink)}
.eyebrow,.eyebrow.gold{color:var(--cyan)}
.btn-primary,.btn-dark{background:var(--navy);border-color:var(--navy);color:#fff}
.btn-primary:hover,.btn-dark:hover{background:var(--ink);border-color:var(--ink)}
.btn-light,.btn-outline{border-color:#AEB9C1;color:var(--navy)}
.btn-light:hover,.btn-outline:hover{border-color:var(--navy);color:var(--navy);background:#fff}
.text-link{color:var(--navy)}
.text-link:hover{color:var(--cyan)}
.hero-trust span:before,.trust-line span:before{background:var(--navy)}
.section-navy{background:var(--cyan-pale);border-top-color:#D9E3EA;border-bottom-color:#D9E3EA}
.section-navy .eyebrow{color:var(--navy)}
.gold-rule{background:var(--navy)}
.cap .num,.cap a,.step b,.status,.metric strong,.checklist li:before{color:var(--navy)}
.checklist li:before{background:var(--navy)}
.process,.step,.risk-grid,.risk{border-color:#D5E0E8}
.case-card{border-left-color:var(--navy)}
.cta-band,.cta-navy{background:var(--navy)}
.page-hero .wrap:before{background:var(--navy)}
.breadcrumb{color:var(--navy)}
.short-note,.trust-note{background:var(--cyan-pale);border-left-color:var(--navy)}
.role-col li:before{background:var(--navy)}
.role-badge,.form-kicker{color:var(--navy)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy);outline:2px solid rgba(0,42,84,.12)}

/* Dark institutional moments now match the official blue rather than cyan-led UI. */
.scope-panel,.case-feature,.logistics-feature,.hero-video-panel,.commodity-video-card,.energy-video-card{background:var(--navy)}
.scope-kicker,.case-feature .eyebrow,.text-link.light,.inner-navy-band .eyebrow,.logistics-caption .eyebrow,.inner-cta .eyebrow,.verification-band .eyebrow{color:#B9CDDC}
.scope-list span,.scope-list>div span{color:#8EACC2}
.scope-list a:hover b{color:#D5E2EB}
.operational-copy .text-link{color:#B9CDDC}
.operational-copy .text-link:hover{color:#fff}
.operational-media{background:#0A3357}
.operational-media:after{background:linear-gradient(90deg,rgba(0,42,84,.28),transparent 38%)}
.operational-media figcaption{background:rgba(0,42,84,.82)}
.method-step>span{color:var(--navy)}
.role-split>div:first-child:before{background:var(--navy)}
.role-split>div:last-child:before{background:var(--ink)}
.verification-light .eyebrow{color:var(--navy)}
.verification-light .btn-outline{color:var(--navy)}
.verification-band{background:var(--ink)}
.footer{background:#05090D}
.footer a:hover{color:#fff}

/* Video labels use a muted steel-blue derived from the official navy. */
.hero-video-frame{background:#E5EBEF}
.hero-video-overlay{background:linear-gradient(180deg,rgba(0,42,84,.02) 42%,rgba(0,42,84,.76) 100%)}
.hero-video-label span{color:#C3D5E2}
.hero-video-meta{color:#9BABB6}
.hero-video-meta span{color:#E0E8ED}
.hero-video-meta b{color:#9EBBD0}
.energy-video-card video,.commodity-video-card video{background:#0B2D49}

/* Active/interactive details: one restrained secondary blue only. */
.sidebar a:hover,.pathways-row a:hover,details.detail summary:after{color:var(--navy)}
.mobile-toggle:focus-visible,.mobile-lang:focus-visible,.menu a:focus-visible,.btn:focus-visible{outline:2px solid rgba(0,42,84,.28);outline-offset:3px}


/* ===== Balanced institutional navy refinement =====
   Visual reference: user-approved footer direction.
   Official logo blue remains the brand accent; large dark surfaces use a softer
   blue-teal institutional navy instead of near-black.
*/
:root{
  --brand-blue:#002A54;
  --brand-blue-hover:#0C2433;
  --navy:#0C2433;
  --navy-2:#153747;
  --navy-deep:#071E2B;
  --ink:#18242D;
  --text:#5D6871;
  --steel:#87939C;
  --line:#D8E0E5;
  --off:#F4F6F7;
  --cyan:#2E5F8C;
  --cyan-dark:#234F73;
  --cyan-pale:#EEF3F7;
  --blue:var(--brand-blue);
  --blue-dark:var(--navy);
  --blue-pale:var(--cyan-pale);
}
body{background:#FBFBFA;color:var(--ink)}

/* Light UI remains logo-led, but never falls to black on hover. */
.nav-cta,.btn-primary,.btn-dark{background:var(--brand-blue);border-color:var(--brand-blue)}
.nav-cta:hover,.btn-primary:hover,.btn-dark:hover{background:var(--navy);border-color:var(--navy)}
.menu a:hover,.menu a[aria-current="page"],.dropdown.open>button,.lang,.mobile-lang,.text-link,.breadcrumb,
.cap .num,.cap a,.step b,.status,.metric strong,.form-kicker,.role-badge{color:var(--brand-blue)!important}
.btn-light,.btn-outline{color:var(--brand-blue)}
.btn-light:hover,.btn-outline:hover{border-color:var(--brand-blue);color:var(--brand-blue)}
.hero-trust span:before,.trust-line span:before,.gold-rule,.checklist li:before,.page-hero .wrap:before,
.role-split>div:first-child:before{background:var(--brand-blue)}
.case-card,.short-note,.trust-note{border-left-color:var(--brand-blue)}
.short-note,.trust-note,.section-navy{background:var(--cyan-pale)}

/* All major dark surfaces share the warmer navy family from the reference. */
.scope-panel,.case-feature,.logistics-feature,.hero-video-panel,.commodity-video-card,.energy-video-card,
.cta-navy,.cta-band,.verification-band{background:var(--navy)}
.inner-navy-band{background:var(--navy)!important}
.operational-copy{background:var(--navy)}
.operational-media{background:var(--navy-2)}
.operational-media:after{background:linear-gradient(90deg,rgba(12,36,51,.34),transparent 42%)}
.operational-media figcaption{background:rgba(12,36,51,.86)}
.hero-video-overlay{background:linear-gradient(180deg,rgba(12,36,51,.02) 42%,rgba(12,36,51,.78) 100%)}
.energy-video-card video,.commodity-video-card video{background:var(--navy-2)}
.role-split>div:last-child:before{background:var(--navy-2)}

/* Keep dark sections readable without stark pure-white/black contrast. */
.scope-kicker,.case-feature .eyebrow,.inner-navy-band .eyebrow,.inner-cta .eyebrow,
.logistics-caption .eyebrow,.verification-band .eyebrow,.hero-video-label span{color:#A9C7D8!important}
.scope-list span,.scope-list>div span,.hero-video-meta b{color:#86AEC4!important}
.scope-region,.scope-list b,.scope-list>div b,.inner-stat strong,.case-feature h2,.case-feature h3,
.inner-navy-band h3,.inner-cta h3,.logistics-caption h3,.cta-band h3{color:#FFFFFF}
.case-feature p,.inner-navy-band p,.logistics-caption p,.verification-band p{color:#C6D3DA}

/* The closing sequence now mirrors the supplied reference: light confidence block,
   navy transaction CTA, then a slightly deeper navy footer — no black. */
.verification-light{background:#F4F6F7;border-color:#DCE3E7}
.verification-light .eyebrow{color:#2E6F98!important}
.verification-light .btn-outline{color:var(--navy);border-color:#A9B6BE}
.verification-light .btn-outline:hover{background:#fff;border-color:var(--navy);color:var(--navy)}
.footer{
  background:var(--navy-deep);
  color:#91A4AF;
  border-top:1px solid #405966;
  padding-top:60px;
}
.footer-grid{border:0}
.footer h4{color:#DCE6EB}
.footer p{color:#91A4AF}
.footer a{color:#9EAFB8}
.footer a:hover{color:#FFFFFF}
.footer .legal{border-top-color:#4C6571;color:#8296A1}
.footer-logo.footer-brandmark{
  display:flex;
  align-items:center;
  gap:12px;
  background:transparent;
  border:0;
  padding:0;
  margin:0 0 18px;
}
.footer-logo.footer-brandmark .footer-logo-icon{
  display:block;
  width:40px;
  height:40px;
  object-fit:contain;
  flex:0 0 auto;
}
.footer-logo.footer-brandmark strong{
  color:#F4F7F8;
  font-size:13px;
  letter-spacing:.06em;
  font-weight:700;
  white-space:nowrap;
}
.footer-logo.footer-brandmark .footer-logo-full{display:none!important}

/* Prevent any remaining large near-black UI moments from resurfacing. */
.cta-band .btn-dark,.cta-navy .btn-dark{background:#fff;border-color:#fff;color:var(--navy)}
.cta-band .btn-outline,.cta-navy .btn-outline{color:#fff;border-color:#6E8490;background:transparent}
.cta-band .btn-outline:hover,.cta-navy .btn-outline:hover{background:#fff;border-color:#fff;color:var(--navy)}

/* Forms and focus states stay tied to the logo blue. */
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-blue);outline:2px solid rgba(0,42,84,.12)}
.mobile-toggle:focus-visible,.mobile-lang:focus-visible,.menu a:focus-visible,.btn:focus-visible{outline:2px solid rgba(0,42,84,.28);outline-offset:3px}

@media(max-width:560px){
  .footer-logo.footer-brandmark .footer-logo-icon{width:36px;height:36px}
  .footer-logo.footer-brandmark strong{font-size:12px;white-space:normal}
}
/* Official icon needs a neutral field on the deep footer because the supplied mark is itself dark navy. */
.footer-logo.footer-brandmark .footer-logo-icon{
  background:#F7F9FA;
  padding:6px;
  border:1px solid rgba(255,255,255,.18);
}


/* ===== Full responsive QA / mobile optimization pass =====
   2026-08-11
   Keeps desktop art direction intact while making phone/tablet behavior compact,
   touch-friendly, overflow-safe and easier to scan. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
img,video,iframe,svg{max-width:100%}
.hero-editorial-grid>*,.content-grid>*,.split>*,.case-grid>*,.role-split>*,.footer-grid>*,.energy-story-grid>*,.commodity-story-grid>*,.commodity-industrial-grid>*{min-width:0}

/* Menu safety on laptops/tablets/phones. */
@media(max-width:1340px){
  .menu{
    max-height:calc(100dvh - 82px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}

@media(max-width:820px){
  .nav{height:70px}
  .menu{top:70px;max-height:calc(100dvh - 70px);padding:10px 20px max(18px,env(safe-area-inset-bottom))}
  .mobile-lang,.mobile-toggle{height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:0}
  .mobile-lang{font-size:13px}
  .mobile-toggle{font-size:21px}
  .menu>a{padding:12px 0;font-size:14px;line-height:1.35}
  .nav-cta{min-height:46px;margin-top:12px;padding:0 14px!important}
  .cta-band .wrap{padding-top:36px;padding-bottom:36px}
  .footer{padding-top:46px}
  .footer-grid{gap:32px 28px}
  .legal{margin-top:30px}
}

@media(max-width:560px){
  :root{--mobile-pad:16px}
  .wrap{width:calc(100% - (var(--mobile-pad) * 2))}
  .nav{height:68px;gap:12px}
  .brand .brand-logo-icon{width:42px}
  .menu{top:68px;max-height:calc(100dvh - 68px);padding-left:var(--mobile-pad);padding-right:var(--mobile-pad)}
  .menu>a{font-size:15px;padding:13px 0}

  /* Type scale and section rhythm: keep impact without oversized mobile blocks. */
  h1,.hero-editorial h1,.page-hero h1{font-size:clamp(36px,10.5vw,43px);line-height:1.025;letter-spacing:-.035em}
  h2{font-size:clamp(28px,8.2vw,34px);line-height:1.08}
  h3{font-size:20px}
  .eyebrow{font-size:10px;letter-spacing:.17em;margin-bottom:14px}
  .hero-editorial-grid,.inner-hero .hero-editorial-grid{padding:42px 0 44px;gap:24px}
  .hero-editorial p,.hero p,.page-hero p{font-size:16px;line-height:1.55}
  .section{padding:52px 0}
  .section-sm{padding:38px 0}
  .intro-grid,.split,.case-grid,.content-grid{gap:30px}
  .lead{font-size:18px}

  /* Media blocks stay contained and predictable on small screens. */
  .hero-video-panel,.commodity-video-card,.energy-video-card{padding:6px;box-shadow:0 14px 30px rgba(12,36,51,.10)}
  .hero-video-frame,.commodity-video-card video,.energy-video-card video{aspect-ratio:16/9;min-height:0}
  .hero-video-label{left:16px;right:16px;bottom:14px}
  .hero-video-label strong{font-size:clamp(28px,8vw,34px);line-height:1.02}
  .hero-video-label span{font-size:9px}
  .hero-video-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:11px 9px 5px;line-height:1.35}
  .hero-video-meta b{grid-column:1/-1;width:auto;margin:2px 0 0}
  .page-media figure{height:auto;aspect-ratio:16/10}
  .page-media img{height:100%}
  .operational-media,.operational-media img{min-height:250px}

  /* Information components: prevent spreadsheet-like density and overflow. */
  .cap{padding:20px 0}
  .cap h3{margin-top:18px}
  .method-step{grid-template-columns:36px minmax(0,1fr);gap:14px}
  .case-feature{padding:48px 0}
  .case-feature-metric{padding-top:24px}
  .case-feature-metric strong{font-size:clamp(58px,18vw,72px);white-space:nowrap}
  .case-feature-metric span{margin-top:12px;line-height:1.4}
  .scope-panel{padding:24px 20px}
  .scope-region{font-size:40px}
  .scope-list a,.scope-list>div{grid-template-columns:30px minmax(0,1fr)}
  .compact-item{font-size:14px}
  details.detail summary{min-height:52px;padding:15px 38px 15px 0;display:flex;align-items:center;line-height:1.35}
  details.detail summary:after{top:50%;transform:translateY(-50%)}
  .sidebar a{padding:12px 0}
  .notice,.short-note,.trust-note{padding:17px 18px}

  /* Forms: 16px prevents Safari from zooming into controls. */
  .form-grid{gap:14px}
  .field{min-width:0}
  .field label{font-size:13px}
  .field input,.field select,.field textarea{font-size:16px;line-height:1.35;width:100%;max-width:100%;min-height:48px;padding:12px}
  .field textarea{min-height:120px}
  .field input[type="file"]{font-size:14px;padding:10px 8px;min-height:48px}
  .form-note{font-size:11px;line-height:1.5}
  .table-wrap{max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  table{min-width:620px}

  /* Buttons become thumb-friendly but not visually oversized. */
  .actions{gap:9px}
  .btn{min-height:48px;padding:0 16px;font-size:13px}
  .cta-band .wrap{padding-top:30px;padding-bottom:30px;gap:20px}
  .cta-band h3{font-size:23px;line-height:1.15}

  /* Compact mobile footer: brand full-width, link groups side-by-side, legal copy last. */
  .footer{
    padding:34px 0 max(18px,env(safe-area-inset-bottom));
  }
  .footer .wrap{width:calc(100% - 32px)}
  .footer-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:0 22px;
  }
  .footer-grid>div:first-child{
    grid-column:1/-1;
    padding-bottom:22px;
    border-bottom:1px solid rgba(255,255,255,.18);
  }
  .footer-grid>div:nth-child(2),.footer-grid>div:nth-child(3){
    padding:22px 0 18px;
  }
  .footer-grid>div:nth-child(4){
    grid-column:1/-1;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.18);
  }
  .footer-logo.footer-brandmark{margin-bottom:13px;gap:10px}
  .footer-logo.footer-brandmark .footer-logo-icon{width:34px;height:34px;padding:5px}
  .footer-logo.footer-brandmark strong{font-size:12px;line-height:1.25;letter-spacing:.055em;white-space:nowrap}
  .footer p{font-size:11.5px;line-height:1.5;margin:0 0 12px;color:#A8B7BF}
  .footer-grid>div:first-child>p:first-of-type{max-width:34rem}
  .footer-grid>div:first-child>p:last-child{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin:12px 0 0}
  .footer-grid>div:first-child>p:last-child br{display:none}
  .footer-grid>div:first-child>p:last-child a{display:inline-flex;padding:2px 0}
  .footer h4{font-size:10px;letter-spacing:.14em;margin:0 0 10px}
  .footer a{font-size:11.5px;line-height:1.4;padding:4px 0;overflow-wrap:anywhere}
  .footer-grid>div:nth-child(4) h4{margin-bottom:8px}
  .footer-grid>div:nth-child(4) p{font-size:10.5px;line-height:1.5;margin:0;max-width:none}
  .legal{
    margin-top:20px;
    padding-top:14px;
    gap:5px;
    font-size:9.5px;
    line-height:1.45;
  }
  .legal span{display:block}
}

/* Extra-narrow phones: keep footer readable rather than forcing two cramped columns. */
@media(max-width:350px){
  .footer-grid{grid-template-columns:1fr}
  .footer-grid>div:nth-child(2),.footer-grid>div:nth-child(3),.footer-grid>div:nth-child(4){grid-column:1/-1}
  .footer-grid>div:nth-child(2){padding-bottom:8px}
  .footer-grid>div:nth-child(3){padding-top:10px}
  .footer-grid>div:nth-child(4){margin-top:10px}
  .footer-logo.footer-brandmark strong{white-space:normal}
}

@media(max-width:1340px){body.menu-open{overflow:hidden}}


/* ===== Verified company contact details ===== */
.company-facts{
  display:grid;
  grid-template-columns:1.35fr .8fr .8fr 1.05fr;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
  margin:32px 0 0;
}
.company-fact{
  padding:18px 20px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff;
  min-width:0;
}
.company-fact span{
  display:block;
  margin-bottom:7px;
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.company-fact strong,.company-fact a{
  color:var(--ink);
  font-size:14px;
  line-height:1.45;
  font-style:normal;
}
.company-fact a:hover{color:var(--brand-blue)}
.footer-contact{
  margin:13px 0 0;
  color:#9EAFB8;
  font-size:11px;
  line-height:1.55;
  font-style:normal;
}
.footer-contact a{display:inline;padding:0}
.footer-contact .footer-office-label{color:#C9D5DB;font-weight:700}

@media(max-width:900px){
  .company-facts{grid-template-columns:1fr 1fr}
  .company-fact:first-child{grid-column:auto}
}
@media(max-width:560px){
  .company-facts{grid-template-columns:1fr;margin-top:24px}
  .company-fact,.company-fact:first-child{grid-column:1/-1;padding:15px 16px}
  .company-fact strong,.company-fact a{font-size:13px}
  .footer-contact{font-size:10.5px;line-height:1.5;margin-top:11px}
}


/* ===== Launch legal pages & form acknowledgment ===== */
.legal-page-hero{padding-bottom:56px}
.legal-document{max-width:900px;margin:0 auto}
.legal-document .legal-meta{font-size:12px;color:var(--muted);margin:-4px 0 34px}
.legal-document section{padding:30px 0;border-top:1px solid var(--line)}
.legal-document section:first-of-type{border-top:0;padding-top:0}
.legal-document h2{font-size:clamp(24px,3vw,34px);margin:0 0 14px;letter-spacing:-.02em}
.legal-document h3{font-size:18px;margin:24px 0 9px}
.legal-document p,.legal-document li{font-size:15px;line-height:1.72;color:#495761}
.legal-document p{margin:0 0 14px}
.legal-document ul{margin:12px 0 18px;padding-left:22px}
.legal-document li{margin:7px 0}
.legal-document a{color:var(--brand-blue);text-decoration:underline;text-underline-offset:2px}
.legal-contact-box{margin-top:34px;padding:22px 24px;border-left:3px solid var(--brand-blue);background:var(--off)}
.legal-contact-box address{font-style:normal;color:var(--ink);line-height:1.7;font-size:14px}
.footer-legal-links{display:flex;gap:8px 18px;flex-wrap:wrap;margin-top:12px}
.footer-legal-links a{display:inline-flex!important;padding:2px 0!important;color:#C9D5DB!important;font-weight:650}
.footer-legal-links a:hover{color:#fff!important}
.consent-field{margin-top:2px}
.consent-check{display:grid!important;grid-template-columns:20px minmax(0,1fr);gap:11px;align-items:start;font-weight:500!important;color:#4B5963!important;line-height:1.55}
.consent-check input[type="checkbox"]{width:18px!important;height:18px!important;min-height:0!important;margin:3px 0 0!important;padding:0!important;accent-color:var(--brand-blue);box-shadow:none!important}
.consent-check span{font-size:12.5px}
.consent-check a{color:var(--brand-blue);text-decoration:underline;text-underline-offset:2px;font-weight:700}
.consent-check a:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}
@media(max-width:560px){
  .legal-page-hero{padding-bottom:42px}
  .legal-document section{padding:24px 0}
  .legal-document p,.legal-document li{font-size:14px;line-height:1.68}
  .legal-contact-box{padding:18px}
  .footer-legal-links{gap:6px 14px;margin-top:10px}
  .footer-legal-links a{font-size:10.5px!important}
  .consent-check{grid-template-columns:19px minmax(0,1fr);gap:9px}
  .consent-check span{font-size:12px}
}


/* Netlify form anti-spam: CAPTCHA + honeypot */
.captcha-field{margin-top:.25rem}
.captcha-label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin-bottom:.65rem}
.netlify-recaptcha{min-height:78px;max-width:100%}
@media (max-width:380px){
  .netlify-recaptcha{transform:scale(.88);transform-origin:left top;width:113.64%;margin-bottom:-9px}
}
@media (max-width:330px){
  .netlify-recaptcha{transform:scale(.82);width:121.96%;margin-bottom:-14px}
}


/* --- Production QA: accessible video controls and compact upload guidance --- */
.hero-video-frame,.energy-video-card,.commodity-video-card{position:relative}
.video-toggle{position:absolute;z-index:5;top:12px;right:12px;min-width:58px;min-height:36px;padding:7px 10px;border:1px solid rgba(255,255,255,.55);background:rgba(7,30,43,.78);color:#fff;font:inherit;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(5px)}
.video-toggle:hover{background:rgba(7,30,43,.96)}
.video-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.upload-note{margin:4px 0 0!important;line-height:1.5}
@media(max-width:560px){.video-toggle{top:9px;right:9px;min-width:54px;min-height:34px;padding:6px 9px;font-size:9px}}
@media(prefers-reduced-motion:reduce){video{animation:none!important}}

.sidebar .sidebar-heading{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px;color:var(--ink);font-weight:750}


/* --- Public contact CTA: no public-facing email address until alias is enabled --- */
.footer-contact-cta{font-weight:800!important;color:#fff!important;text-decoration:none}
.footer-contact-cta:hover{color:#D9E7EF!important}
.footer-contact-cta span{display:inline-block;margin-left:3px;transition:transform .18s ease}
.footer-contact-cta:hover span{transform:translateX(2px)}
.company-fact a span{display:inline-block;margin-left:3px}

/* Google Apps Script form response target */
.form-response-frame{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}
form[data-google-sheet-form="true"] button[aria-busy="true"]{
  cursor:wait;
  opacity:.72;
}


/* Cloudflare Turnstile */
.turnstile-field{display:flex;flex-direction:column;align-items:flex-start;gap:8px;overflow:visible}
.turnstile-label{font-weight:600}
.turnstile-field .cf-turnstile{max-width:100%}

.privacy-form-note{margin-top:-2px}.privacy-form-note .form-note{margin:0}.privacy-form-note a{text-decoration:underline;text-underline-offset:2px}.legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}