:root {
  color-scheme: dark;
  --bg: #0b0d10;
  --bg-soft: #101216;
  --panel: #16191e;
  --panel-2: #1e2228;
  --line: rgba(255, 255, 255, 0.12);
  --line-strong: rgba(255, 107, 0, 0.34);
  --ink: #ffffff;
  --muted: #a0a5b1;
  --cyan: #ff5500;
  --cyan-soft: #ff9a57;
  --magenta: #ff6b00;
  --orange: #ff5500;
  --green: #ff8a3d;
  --danger: #ff5b67;
  --max-width: 1440px;
  --header-height: 78px;
  --radius: 12px;
  font-family: Inter, Montserrat, "Segoe UI", Arial, sans-serif;
  background: var(--bg);
  color: var(--ink);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-snap-type: y proximity; background: var(--bg); }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--bg); color: var(--ink); }
body.menu-open { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
::selection { color: #0b0d10; background: var(--cyan); }

.skip-link { position: fixed; z-index: 200; top: 8px; left: 8px; padding: 12px 16px; color: #0b0d10; background: var(--cyan); transform: translateY(-140%); transition: transform .2s; }
.skip-link:focus { transform: none; }
.site-header { position: fixed; z-index: 80; top: 0; left: 0; right: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: var(--header-height); padding: 12px clamp(22px, 4vw, 68px); border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(8,11,14,.76); backdrop-filter: blur(20px); }
.brand { display: inline-flex; align-items: center; gap: 11px; justify-self: start; text-decoration: none; }
.brand-symbol { position: relative; display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: conic-gradient(from 210deg, var(--cyan), #ff8a3d 43%, var(--magenta) 75%, var(--cyan)); box-shadow: 0 0 30px rgba(255,85,0,.16); }
.brand-symbol::after { position: absolute; inset: 2px; border-radius: inherit; background: #0b1014; content: ""; }
.brand-symbol i { position: relative; z-index: 1; font-size: 20px; font-style: normal; font-weight: 500; }
.brand-name { font-size: 13px; font-weight: 800; line-height: .95; letter-spacing: .075em; }
.desktop-nav { display: flex; gap: 28px; align-items: center; }
.desktop-nav a { position: relative; color: #bbc5c9; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-decoration: none; }
.desktop-nav a::after { position: absolute; left: 0; right: 100%; bottom: -8px; height: 1px; background: var(--cyan); content: ""; transition: right .25s ease; }
.desktop-nav a:hover { color: #fff; }
.desktop-nav a:hover::after { right: 0; }
.header-cta { display: inline-flex; gap: 22px; align-items: center; justify-self: end; padding: 12px 16px; border: 1px solid rgba(255,85,0,.45); color: #ffffff; background: rgba(255,85,0,.055); font-size: 12px; font-weight: 800; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; transition: .25s ease; }
.header-cta:hover { background: var(--cyan); color: #0b0d10; box-shadow: 0 0 28px rgba(255,85,0,.25); }
.menu-button, .mobile-nav { display: none; }

.snap-section { position: relative; min-height: 100svh; padding: calc(var(--header-height) + 76px) clamp(22px, 5vw, 84px) 86px; overflow: hidden; scroll-snap-align: start; }
.snap-section::before { position: absolute; z-index: 0; top: var(--header-height); bottom: 0; left: clamp(22px, 4vw, 68px); width: 1px; background: linear-gradient(transparent, var(--line), transparent); content: ""; }
.snap-section::after { position: absolute; z-index: 0; top: var(--header-height); right: clamp(22px, 4vw, 68px); bottom: 0; width: 1px; background: linear-gradient(transparent, var(--line), transparent); content: ""; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; color: #b8c4c9; font-size: 11px; font-weight: 800; letter-spacing: .16em; line-height: 1.4; text-transform: uppercase; }
.eyebrow > span { display: block; width: 30px; height: 1px; background: linear-gradient(90deg, var(--cyan), var(--magenta)); box-shadow: 0 0 10px var(--cyan); }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { letter-spacing: -.055em; }
h1 { margin-bottom: 28px; font-size: clamp(48px, 4vw, 56px); line-height: .96; text-transform: uppercase; }
h2 { margin-bottom: 24px; font-size: clamp(42px, 5vw, 82px); line-height: .98; }
h1 em, h2 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(255,154,87,.8); text-shadow: 0 0 35px rgba(255,85,0,.14); }
.button { display: inline-flex; min-height: 52px; gap: 24px; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid transparent; font-size: 12px; font-weight: 800; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; transition: .25s ease; }
.button-primary { border-color: var(--cyan); color: #0b0d10; background: var(--cyan); box-shadow: 0 0 28px rgba(255,85,0,.16); }
.button-primary:hover { background: #ff7a24; box-shadow: 0 0 38px rgba(255,85,0,.38); transform: translateY(-2px); }
.button-ghost { border-color: var(--line-strong); color: #dce6e9; background: rgba(255,255,255,.025); }
.button-ghost:hover { border-color: var(--cyan); color: #fff; background: rgba(255,85,0,.08); }
.fine-print, .calc-disclaimer { color: #78888f; font-size: 11px; line-height: 1.6; }
.reveal { opacity: 0; transform: translateY(30px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity: 1; transform: none; }

/* Shared section headings */
.section-heading{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;max-width:var(--max-width);margin:0 auto 58px}.section-heading p:last-child{max-width:560px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}

/* Calculators */
.economics{background:linear-gradient(180deg,#080c0f,#0a1014)}.calculator-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;max-width:var(--max-width);margin:auto}.calculator{border:1px solid var(--line);background:#0e151a;box-shadow:0 30px 60px rgba(0,0,0,.25)}.calculator-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.015)}.calculator-head span{color:#64767d;font-size:8px;letter-spacing:.15em}.calculator-head h3{margin:7px 0 0;font-size:22px}.calc-status{padding:6px 8px;border:1px solid rgba(255,85,0,.35);color:var(--cyan);background:rgba(255,85,0,.06);font-size:8px;font-style:normal;letter-spacing:.15em}.calc-body{padding:24px}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calc-fields label{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:10px 12px;border:1px solid var(--line);color:#829299;background:#0a1014;font-size:11px}.calc-fields label>span{display:flex;align-items:center;gap:5px;color:#aebdc1;white-space:nowrap}.calc-fields input,.calc-fields select{max-width:96px;padding:6px;border:0;border-bottom:1px solid #42545a;outline:0;color:#fff;background:transparent;text-align:right}.calc-fields input:focus,.calc-fields select:focus{border-color:var(--cyan)}.subsidy-row{display:flex;justify-content:space-between;align-items:center;margin:15px 0;padding:14px;border:1px solid var(--line);background:rgba(255,85,0,.025)}.switch{display:flex;align-items:center;gap:10px;color:#a8b6ba;font-size:11px;cursor:pointer}.switch>input,.consent>input{position:absolute;opacity:0;pointer-events:none}.switch>i{position:relative;width:38px;height:20px;border:1px solid #3c4d53;border-radius:12px;background:#10191d}.switch>i::after{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#72848b;content:"";transition:.2s}.switch>input:checked+i{border-color:var(--cyan);background:rgba(255,85,0,.1)}.switch>input:checked+i::after{left:20px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.subsidy-value{color:#72838a;font-size:10px}.subsidy-value input{width:54px;margin-left:8px;padding:4px;border:1px solid var(--line);color:#fff;background:#0b1115;text-align:right}.subsidy-value input:disabled{opacity:.35}.calc-results{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1px;margin-top:16px;background:var(--line)}.calc-results>div{min-height:96px;padding:16px;background:#0a1115}.calc-results .result-primary{grid-row:1/3;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(255,85,0,.13),#0b1519)}.calc-results small{display:block;color:#607279;font-size:8px;letter-spacing:.12em}.calc-results strong{display:block;margin-top:8px;color:#e5f1f3;font-size:18px}.result-primary strong{color:var(--cyan);font-size:42px;letter-spacing:-.05em}.result-primary span{margin-top:6px;color:#6e8289;font-size:10px}.calc-disclaimer{margin:0;padding:0 24px 20px}.gas-fields{grid-template-columns:1fr}.gas-fields label>select{max-width:160px}.pressure-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.pressure-presets button{padding:9px;border:1px solid var(--line);color:#6f8188;background:transparent;font-size:8px;font-weight:800;letter-spacing:.12em}.pressure-presets button:hover{border-color:var(--cyan);color:var(--cyan)}.gas-result{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:15px;background:var(--line)}.gas-result>div{padding:18px;background:#0a1115}.gas-result small{display:block;color:#62757c;font-size:8px;letter-spacing:.12em}.gas-result strong{display:block;margin-top:8px;color:var(--cyan);font-size:22px}

/* Proof */
.proof{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center;background:radial-gradient(circle at 75% 50%,rgba(26,112,93,.12),transparent 34%),#090d10}.proof-lead{position:relative;z-index:2;padding-left:3vw}.proof-lead>p:not(.eyebrow){max-width:570px;color:var(--muted);font-size:17px;line-height:1.7}.teo-preview{position:relative;z-index:2;max-width:760px;padding:34px;color:#15241f;background:#f3f7f5;box-shadow:0 34px 80px rgba(0,0,0,.45);transform:rotate(1deg)}.teo-preview::before{position:absolute;inset:0 auto auto 0;width:100%;height:7px;background:var(--orange);content:""}.teo-header{display:flex;justify-content:space-between;color:#68766f;font-size:8px;letter-spacing:.14em}.teo-header i{font-style:normal}.teo-preview h3{margin:28px 0 22px;color:#113f34;font-size:28px}.teo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.teo-grid>div{min-height:125px;padding:20px;border:1px solid #dae5e0;border-radius:10px;background:#eaf1ee}.teo-grid .teo-accent{color:#fff;background:#123f34}.teo-grid small,.teo-grid strong,.teo-grid span{display:block}.teo-grid small{color:#71827a;font-size:8px;letter-spacing:.09em}.teo-accent small{color:rgba(255,255,255,.65)}.teo-grid strong{margin:12px 0 6px;color:#123f34;font-size:27px}.teo-accent strong{color:#fff}.teo-grid span{color:#6c7d75;font-size:10px}.teo-accent span{color:rgba(255,255,255,.65)}.teo-bars{margin-top:20px;padding:18px;border:1px solid #dbe5e1}.teo-bars>span{display:grid;grid-template-columns:45px 1fr 90px;gap:14px;align-items:center;margin:10px 0;color:#607168;font-size:9px}.teo-bars b{height:11px;border-radius:8px;background:#dfe8e4}.teo-bars i{display:block;width:var(--bar);height:100%;border-radius:inherit;background:var(--orange)}.teo-bars span:last-child i{background:#176c56}.teo-bars strong{text-align:right}.teo-preview>p:last-child{margin:18px 0 0;color:#8a9791;font-size:9px}

/* FAQ */
.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:start;background:#080c0f}.faq-heading{position:sticky;top:150px;padding-left:3vw}.faq-list{position:relative;z-index:2;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{display:grid;grid-template-columns:40px 1fr 30px;gap:12px;align-items:center;width:100%;padding:24px 0;border:0;color:#98a8ad;background:transparent;text-align:left}.faq-item button span{color:#52656c;font-size:9px}.faq-item button b{font-size:17px;font-weight:600}.faq-item button i{position:relative;width:24px;height:24px;border:1px solid #394b52;border-radius:50%}.faq-item button i::before,.faq-item button i::after{position:absolute;top:11px;left:6px;width:10px;height:1px;background:#9cabb0;content:"";transition:.25s}.faq-item button i::after{transform:rotate(90deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.faq-answer p{overflow:hidden;margin:0;padding:0 54px;color:#7d8d93;font-size:14px;line-height:1.75;transition:padding .35s}.faq-item.is-open button{color:#f0f7f8}.faq-item.is-open button span{color:var(--cyan)}.faq-item.is-open button i{border-color:var(--cyan)}.faq-item.is-open button i::after{transform:rotate(0)}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-item.is-open .faq-answer p{padding-bottom:26px}

/* Audit form */
.audit{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;background:radial-gradient(circle at 68% 45%,rgba(255,85,0,.1),transparent 33%),linear-gradient(135deg,#081014,#090b0d)}.audit-copy{position:relative;z-index:2;padding-left:3vw}.audit-copy>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:17px;line-height:1.7}.audit-points{display:grid;gap:10px;margin-top:30px;color:#a2b0b5;font-size:12px}.audit-points span{display:flex;align-items:center;gap:12px}.audit-points i{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--line);color:var(--cyan);font-size:8px;font-style:normal}.lead-form{position:relative;z-index:3;width:min(100%,680px);justify-self:end;padding:30px;border:1px solid var(--line-strong);background:rgba(12,18,23,.9);box-shadow:0 32px 80px rgba(0,0,0,.45);backdrop-filter:blur(15px)}.form-head{display:flex;justify-content:space-between;margin-bottom:24px;color:#63757b;font-size:8px;letter-spacing:.14em}.form-head i{color:var(--green);font-style:normal}.lead-form>label:not(.consent):not(.honeypot){display:block;margin-bottom:14px;color:#85969c;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.lead-form input[type="text"],.lead-form textarea{display:block;width:100%;margin-top:7px;padding:13px 0;border:0;border-bottom:1px solid #35464d;outline:0;color:#f2f7f8;background:transparent;font-size:14px;letter-spacing:0;text-transform:none;resize:vertical}.lead-form input:focus,.lead-form textarea:focus{border-color:var(--cyan)}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#4e5f66}.consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0;color:#708188;font-size:10px;line-height:1.5;cursor:pointer}.consent>i{position:relative;flex:0 0 17px;width:17px;height:17px;border:1px solid #43555c}.consent>input:checked+i{border-color:var(--cyan);background:var(--cyan)}.consent>input:checked+i::after{position:absolute;top:2px;left:5px;width:4px;height:8px;border-right:2px solid #0b0d10;border-bottom:2px solid #0b0d10;content:"";transform:rotate(45deg)}.consent a{color:#a7b8bd}.form-submit{width:100%;border:0;cursor:pointer}.form-submit:disabled{opacity:.55;cursor:wait}.form-submit span{flex:1}.form-status{min-height:18px;margin:12px 0 0;color:#9fb0b5;font-size:11px;text-align:center}.form-status.is-success{color:var(--green)}.form-status.is-error{color:#ff8b92}.honeypot{position:absolute!important;left:-9999px!important}

/* Footer */
.site-footer{position:relative;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;padding:72px clamp(22px,5vw,84px) 24px;border-top:1px solid var(--line);background:#070a0c}.footer-brand>p{max-width:360px;margin-top:22px;color:#73838a;font-size:12px;line-height:1.6}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer-nav>div{display:flex;flex-direction:column;gap:10px}.footer-nav strong{margin-bottom:8px;color:#586a71;font-size:9px;letter-spacing:.15em}.footer-nav a,.footer-nav span{color:#9ba9ae;font-size:12px;text-decoration:none}.footer-nav a:hover{color:var(--cyan)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:46px;padding-top:20px;border-top:1px solid var(--line);color:#506168;font-size:9px;letter-spacing:.12em}.footer-bottom i{font-style:normal}.footer-bottom a{text-decoration:none}

/* Inner pages */
.inner-page{min-height:100vh;background:radial-gradient(circle at 72% 28%,rgba(255,85,0,.08),transparent 28%),#080b0e}.inner-page .site-header{grid-template-columns:1fr 1fr}.knowledge-page{position:relative;min-height:100vh;padding:calc(var(--header-height) + 100px) clamp(22px,6vw,100px) 100px;overflow:hidden}.inner-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,85,0,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,85,0,.12) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.knowledge-page-head{position:relative;z-index:2;max-width:880px;margin-bottom:80px}.knowledge-page-head h1{font-size:clamp(54px,7vw,110px)}.knowledge-page-head>p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:17px;line-height:1.7}.knowledge-catalog{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:var(--max-width);background:var(--line)}.knowledge-catalog article{position:relative;min-height:270px;padding:26px;background:#0c1317}.knowledge-catalog article>span{position:absolute;top:22px;right:22px;color:#41535a;font-size:10px}.knowledge-catalog small{color:var(--cyan);font-size:8px;letter-spacing:.15em}.knowledge-catalog h2{margin:46px 0 14px;font-size:24px;letter-spacing:-.03em}.knowledge-catalog p{color:#7b8c92;font-size:12px;line-height:1.6}.knowledge-catalog article>i{position:absolute;bottom:22px;color:#55686f;font-size:8px;font-style:normal;letter-spacing:.14em}.inner-footer{display:flex;justify-content:space-between;padding:24px clamp(22px,6vw,100px);border-top:1px solid var(--line);color:#65767d;font-size:10px}.inner-footer a{text-decoration:none}.legal-content{max-width:960px;margin:auto;padding:calc(var(--header-height) + 90px) 28px 100px}.legal-content h1{font-size:clamp(46px,6vw,82px)}.legal-date{color:#65777d;font-size:11px}.legal-content section{padding:26px 0;border-top:1px solid var(--line)}.legal-content section h2{font-size:23px;letter-spacing:-.02em}.legal-content section p{color:#96a4a9;font-size:14px;line-height:1.75}.legal-content>.button{margin-top:30px}.not-found{display:grid;min-height:100vh;place-content:center;padding:28px;text-align:center}.not-found>span{color:var(--cyan);font-size:10px;letter-spacing:.2em}.not-found h1{margin:30px 0;font-size:clamp(52px,8vw,112px)}.not-found p{color:var(--muted)}.not-found .button{justify-self:center;margin-top:25px}

@media (max-width: 1180px){
  .site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.header-cta{margin-right:56px}.menu-button{position:absolute;right:24px;display:block;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:transparent}.menu-button i{position:absolute;left:9px;width:16px;height:1px;background:#d5e1e4}.menu-button i:first-child{top:13px}.menu-button i:last-child{top:21px}.menu-button[aria-expanded="true"] i:first-child{top:17px;transform:rotate(45deg)}.menu-button[aria-expanded="true"] i:last-child{top:17px;transform:rotate(-45deg)}.mobile-nav{position:fixed;z-index:79;top:var(--header-height);right:0;left:0;display:grid;gap:0;padding:12px 24px 30px;border-bottom:1px solid var(--line);background:rgba(8,11,14,.98);transform:translateY(-130%);transition:transform .35s}.mobile-nav.is-open{transform:none}.mobile-nav a{padding:16px 0;border-bottom:1px solid var(--line);text-decoration:none}.calculator-grid{grid-template-columns:1fr}
}

@media (max-width: 900px){
  html{scroll-snap-type:none}.snap-section{min-height:auto;padding-top:calc(var(--header-height) + 68px);padding-bottom:76px;scroll-snap-align:none}.section-heading{grid-template-columns:1fr;gap:10px}.product-grid{grid-template-columns:1fr}.technology,.trigeneration,.proof,.faq,.audit{grid-template-columns:1fr}.tech-copy,.tri-copy,.proof-lead,.faq-heading,.audit-copy{padding:0}.proof{gap:50px}.teo-preview{max-width:680px;margin:auto;transform:none}.faq-heading{position:static}.lead-form{justify-self:stretch;margin:auto}.site-footer{grid-template-columns:1fr}.footer-bottom{flex-wrap:wrap;gap:18px}.knowledge-catalog{grid-template-columns:1fr 1fr}
}

@media (max-width: 620px){
  :root{--header-height:66px}.site-header{padding:9px 16px}.brand-symbol{width:38px;height:38px}.brand-name{font-size:11px}.header-cta{display:none}.menu-button{right:16px}.snap-section{padding-right:18px;padding-left:18px}.eyebrow{font-size:9px}.hero-actions{display:grid}.calculator-head{padding:18px}.calc-body{padding:16px}.calc-fields{grid-template-columns:1fr}.subsidy-row{align-items:flex-start;gap:16px;flex-direction:column}.calc-results{grid-template-columns:1fr 1fr}.calc-results .result-primary{grid-column:1/-1;grid-row:auto}.calc-disclaimer{padding:0 16px 18px}.gas-result{grid-template-columns:1fr}.teo-preview{margin:0 -2px;padding:20px}.teo-preview h3{font-size:22px}.teo-grid{grid-template-columns:1fr}.teo-bars>span{grid-template-columns:36px 1fr 68px}.faq-item button{grid-template-columns:30px 1fr 26px}.faq-item button b{font-size:14px}.faq-answer p{padding-right:0;padding-left:42px}.lead-form{padding:20px}.footer-nav{grid-template-columns:1fr 1fr}.footer-bottom>span:nth-child(2){display:none}.knowledge-catalog{grid-template-columns:1fr}.inner-footer{gap:20px;flex-direction:column}.legal-content{padding-right:18px;padding-left:18px}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}
}

/* 2026 Dark Industrial / Premium Engineering redesign */
body {
  background: #0b0d10;
}

.site-header {
  min-height: 74px;
  border-bottom-color: #2a2e35;
  background: rgba(11,13,16,.91);
  box-shadow: 0 14px 40px rgba(0,0,0,.28);
}

.brand-symbol {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  clip-path: none;
}

.brand-symbol::after { display: none; }
.brand-symbol img { position: relative; z-index: 1; width: 30px; height: 30px; max-width: none; object-fit: contain; }
.brand-name { font-size: 12px; font-weight: 900; letter-spacing: .095em; }
.desktop-nav a { color: #a0a5b1; text-transform: uppercase; }

.header-cta {
  border-color: #ff5500;
  color: #0b0d10;
  background: #ff5500;
  box-shadow: 0 0 24px rgba(255,85,0,.12);
}

.header-cta:hover {
  color: #0b0d10;
  background: #ff7a24;
  box-shadow: 0 0 36px rgba(255,85,0,.42);
}

h1, h2, h3 {
  font-family: "Arial Black", "Segoe UI", Arial, sans-serif;
  font-weight: 900;
}

h1, h2 {
  text-transform: uppercase;
}

h1 em, h2 em {
  color: #ff5500;
  -webkit-text-stroke: 0;
  text-shadow: 0 0 28px rgba(255,85,0,.2);
}

.eyebrow { color: #a0a5b1; }
.eyebrow > span {
  width: 42px;
  height: 2px;
  background: #ff5500;
  box-shadow: 0 0 14px rgba(255,85,0,.62);
}

.button-primary {
  border-color: #ff5500;
  color: #0b0d10;
  background: #ff5500;
  box-shadow: 0 0 26px rgba(255,85,0,.18);
}

.button-primary:hover {
  background: #ff7a24;
  box-shadow: 0 0 42px rgba(255,85,0,.48);
}

.button-ghost {
  border-color: #3a3f47;
  color: #fff;
  background: rgba(11,13,16,.62);
}

.button-ghost:hover {
  border-color: #ff5500;
  background: rgba(255,85,0,.09);
}

/* Hero: full-bleed industrial equipment with restrained engineering overlay */
.hero {
  display: block;
  min-height: 100svh;
  padding-top: calc(var(--header-height) + clamp(58px, 7vh, 94px));
  background:
    linear-gradient(90deg, rgba(11,13,16,.99) 0%, rgba(11,13,16,.94) 34%, rgba(11,13,16,.5) 58%, rgba(11,13,16,.12) 78%),
    linear-gradient(0deg, #0b0d10 0%, transparent 25%, rgba(11,13,16,.18) 100%),
    url("/hero-industrial-v2.jpg") 62% center / cover no-repeat;
}

.hero-copy {
  position: relative;
  z-index: 3;
  width: min(63vw, 920px);
  max-width: none;
  padding-left: clamp(0px, 1.4vw, 22px);
}

.hero h1 {
  margin: 0 0 26px;
  font-size: clamp(58px, 6.7vw, 118px);
  line-height: .82;
  letter-spacing: -.065em;
}

.hero h1 span,
.hero h1 em {
  display: block;
  font-style: normal;
}

.hero h1 span:nth-child(2) { font-size: .79em; }
.hero h1 em { font-size: .82em; letter-spacing: -.05em; }
.hero-lead { max-width: 710px; color: #b4b8c1; font-size: clamp(16px,1.15vw,19px); line-height: 1.58; }
.hero-actions { gap: 10px; }

.hero-facts {
  grid-template-columns: 1.08fr .92fr 1fr;
  width: min(100%, 820px);
  max-width: none;
  margin-top: 42px;
  border-top-color: #343941;
  border-bottom: 1px solid #252a31;
  background: rgba(11,13,16,.58);
  backdrop-filter: blur(10px);
}

.hero-facts > div {
  min-height: 106px;
  padding: 22px 18px;
  border-right-color: #343941;
}

.hero-facts > div + div { padding-left: 22px; }
.hero-facts strong { color: #ff5500; font-size: clamp(34px,3.1vw,58px); font-weight: 900; }
.hero-facts strong small { font-size: .42em; }
.hero-facts span { color: #a0a5b1; font-weight: 700; letter-spacing: .06em; }
.hero-note { max-width: 700px; margin: 12px 0 0; color: #666c76; font-size: 9px; line-height: 1.5; }

.hero-live-panel {
  position: absolute;
  z-index: 4;
  right: clamp(28px,4.4vw,78px);
  bottom: 54px;
  width: min(30vw, 430px);
  border: 1px solid #343941;
  background: rgba(11,13,16,.84);
  box-shadow: 0 24px 70px rgba(0,0,0,.48), inset 0 0 32px rgba(255,85,0,.025);
  backdrop-filter: blur(13px);
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

.live-panel-head {
  display: flex;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid #2a2e35;
  color: #7f858f;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .13em;
}

.live-panel-head b { color: #ff6b00; font-size: 8px; }
.live-panel-head b i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #ff5500; box-shadow: 0 0 10px #ff5500; }
.live-panel-body { display: grid; grid-template-columns: 1fr .8fr; gap: 18px; align-items: center; padding: 17px; }
.live-readouts { display: grid; gap: 8px; }
.live-readouts span { display: flex; align-items: baseline; justify-content: space-between; padding-bottom: 6px; border-bottom: 1px solid #2a2e35; }
.live-readouts small { color: #737984; font-size: 7px; letter-spacing: .13em; }
.live-readouts strong { color: #fff; font-size: 15px; }
.scroll-cue { color: #797f89; }
.scroll-cue i { background: linear-gradient(#ff5500,transparent); }

/* Risk section */
.manifest {
  display: block;
  min-height: 100svh;
  background:
    linear-gradient(90deg, transparent 0 49.95%, rgba(255,255,255,.035) 50%, transparent 50.05%),
    #0b0d10;
}

.risk-heading {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 8vw;
  align-items: end;
  max-width: var(--max-width);
  margin: 0 auto 44px;
}

.risk-heading h2 { margin: 0; font-size: clamp(52px,5.8vw,92px); line-height: .88; }
.risk-metric { display: grid; grid-template-columns: auto 1fr; align-items: end; padding: 0 0 12px 24px; border-left: 2px solid #ff5500; }
.risk-metric strong { color: #ff5500; font-size: clamp(68px,7vw,116px); line-height: .72; letter-spacing: -.075em; }
.risk-metric span { padding-left: 12px; color: #fff; font-size: 15px; font-weight: 900; text-transform: uppercase; }
.risk-metric p { grid-column: 1/-1; max-width: 500px; margin: 22px 0 0; color: #a0a5b1; font-size: 14px; line-height: 1.55; }
.risk-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; max-width: var(--max-width); margin: 0 auto; }

.risk-card {
  position: relative;
  min-height: 330px;
  padding: 28px 24px 24px;
  overflow: hidden;
  border: 1px solid #2a2e35;
  background: linear-gradient(145deg,#1b1e23,#121418 68%);
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.risk-card::after { position: absolute; right: 0; bottom: 0; width: 58%; height: 1px; background: linear-gradient(90deg,transparent,#ff5500); content: ""; }
.risk-card:hover { border-color: rgba(255,85,0,.68); transform: translateY(-5px); box-shadow: 0 28px 54px rgba(0,0,0,.36), inset 0 0 34px rgba(255,85,0,.035); }
.risk-icon { display: grid; width: 50px; height: 50px; margin-bottom: 42px; place-items: center; border: 1px solid #ff5500; color: #ff5500; background: #121418; font-size: 26px; font-weight: 900; box-shadow: 0 0 20px rgba(255,85,0,.08); }
.risk-card small { position: absolute; top: 31px; right: 22px; color: #686e78; font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.risk-card h3 { margin-bottom: 14px; font-size: 24px; text-transform: uppercase; }
.risk-card p { color: #a0a5b1; font-size: 13px; line-height: 1.62; }
.risk-card b { position: absolute; right: 24px; bottom: 22px; left: 24px; padding-top: 12px; border-top: 1px solid #2d3138; color: #ff6b00; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.risk-statement { position: relative; z-index: 2; display: grid; grid-template-columns: .4fr 1.4fr auto; gap: 24px; align-items: center; max-width: var(--max-width); margin: 18px auto 0; padding: 20px 24px; border: 1px solid #343941; background: #16191e; }
.risk-statement span { color: #ff5500; font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.risk-statement strong { font-size: clamp(18px,1.6vw,26px); text-transform: uppercase; }
.risk-statement a { display: flex; gap: 28px; color: #fff; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.risk-statement a i { color: #ff5500; font-style: normal; }

/* Product tiers */
.products { background: linear-gradient(180deg,#101216,#0b0d10); }
.products .section-heading { margin-bottom: 46px; }
.products .section-heading h2 { font-size: clamp(46px,4.8vw,76px); }
.product-grid { gap: 16px; }
.product-card { min-height: 790px; border-color: #2a2e35; background: #16191e; clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%); }
.product-card:hover,.generation-card:hover { border-color: rgba(255,85,0,.72); box-shadow: 0 34px 74px rgba(0,0,0,.42), inset 0 0 50px rgba(255,85,0,.03); }
.product-level { display: flex; justify-content: space-between; padding: 13px 24px; border-bottom: 1px solid #2a2e35; color: #ff5500; background: #101216; font-size: 8px; font-weight: 900; letter-spacing: .15em; }
.product-level b { color: #767c86; }
.product-top { padding: 19px 24px; color: #fff; font-size: 10px; }
.product-top b { color: #ff6b00; font-size: 13px; text-transform: uppercase; }
.product-content { padding-top: 24px; }
.product-content > p { color: #ff5500; }
.product-content h3 { margin-bottom: 6px; font-size: clamp(34px,3.3vw,52px); text-transform: uppercase; }
.product-content > strong,.generation-card .product-content > strong { color: #a0a5b1; }
.product-content dl { display: grid; gap: 0; margin: 24px 0 0; }
.product-content dl div { display: grid; grid-template-columns: 110px 1fr; gap: 14px; padding: 12px 0; border-top: 1px solid #2a2e35; }
.product-content dt { color: #6f7580; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.product-content dd { margin: 0; color: #c5c8cf; font-size: 12px; line-height: 1.5; }
.product-card > a { position: relative; right: auto; bottom: auto; left: auto; margin: auto 28px 22px; border-top-color: #343941; color: #fff; background: #101216; }
.product-card > a:hover { color: #0b0d10; background: #ff5500; }
.product-card > a span { color: inherit; }

@media (max-width: 1180px) {
  .hero-copy { width: min(72vw,820px); }
  .hero-live-panel { width: min(34vw,380px); }
  .risk-grid { grid-template-columns: 1fr 1fr; }
  .risk-card { min-height: 290px; }
  .manifest { min-height: auto; }
}

@media (max-width: 900px) {
  .hero {
    padding-top: calc(var(--header-height) + 72px);
    background:
      linear-gradient(90deg,rgba(11,13,16,.98),rgba(11,13,16,.8) 62%,rgba(11,13,16,.42)),
      linear-gradient(0deg,#0b0d10 0%,transparent 42%),
      url("/hero-industrial-v2.jpg") 66% top / auto 72vh no-repeat,
      #0b0d10;
  }
  .hero-copy { width: 100%; }
  .hero h1 { font-size: clamp(54px,10.7vw,88px); }
  .hero-live-panel { position: relative; right: auto; bottom: auto; width: min(100%,520px); margin: 48px 0 0 auto; }
  .risk-heading { grid-template-columns: 1fr; gap: 34px; }
  .risk-metric { max-width: 620px; }
  .risk-grid { grid-template-columns: 1fr 1fr; }
  .risk-statement { grid-template-columns: 1fr; }
  .product-card { min-height: 760px; }
}

@media (max-width: 620px) {
  .site-header { min-height: var(--header-height); }
  .brand-symbol { width: 36px; height: 36px; }
  .hero { padding-top: calc(var(--header-height) + 58px); }
  .hero h1 { font-size: clamp(42px,13vw,64px); line-height: .86; }
  .hero h1 span:nth-child(2),.hero h1 em { font-size: .78em; }
  .hero-lead { font-size: 15px; }
  .hero-facts { grid-template-columns: repeat(3,1fr); }
  .hero-facts > div { display: block; min-height: 98px; padding: 16px 8px; }
  .hero-facts > div + div { padding-left: 8px; }
  .hero-facts strong { display: block; font-size: clamp(22px,7vw,31px); }
  .hero-facts span { display: block; margin-top: 8px; font-size: 7px; }
  .hero-live-panel { margin-top: 32px; }
  .live-panel-head { gap: 12px; }
  .live-panel-body { grid-template-columns: 1.2fr .8fr; padding: 12px; }
  .risk-heading h2 { font-size: clamp(44px,13vw,64px); }
  .risk-metric { padding-left: 16px; }
  .risk-metric strong { font-size: clamp(62px,20vw,88px); }
  .risk-grid { grid-template-columns: 1fr; }
  .risk-card { min-height: 300px; }
  .risk-statement { padding: 18px; }
  .product-card { min-height: 720px; }
  .product-level,.product-top { padding-right: 16px; padding-left: 16px; }
  .product-top { display: grid; gap: 8px; }
  .product-content dl div { grid-template-columns: 88px 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .live-panel-head b i { animation: none !important; }
}

/* Clean industrial catalog correction: no pseudo-cyberpunk graphics */
.snap-section::before,.snap-section::after { display: none; }
.brand-symbol { border-radius: 8px; clip-path: none; }

.hero {
  background:
    linear-gradient(90deg,rgba(11,13,16,.98) 0%,rgba(11,13,16,.9) 38%,rgba(11,13,16,.38) 67%,rgba(11,13,16,.12) 100%),
    linear-gradient(0deg,#0b0d10 0%,transparent 22%),
    url("/hero-industrial-v2.jpg") 62% center / cover no-repeat;
}

.hero-copy {
  width: min(52vw,720px);
  padding-left: 0;
}

.hero h1 {
  max-width: 700px;
  margin-bottom: 24px;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-size: clamp(48px,3.8vw,56px);
  font-weight: 900;
  line-height: .96;
  letter-spacing: -.035em;
}

.hero h1 span:nth-child(2),.hero h1 em { font-size: 1em; }
.hero-lead { max-width: 620px; font-size: 17px; }
.hero-facts { width: min(100%,700px); }
.hero-facts strong { font-size: clamp(30px,2.4vw,42px); }

.hero-live-panel {
  width: min(28vw,380px);
  border-radius: 12px;
  clip-path: none;
  background: rgba(18,21,28,.92);
}

.live-panel-head { padding: 14px 16px; }
.live-panel-head b i { animation: none; }
.live-panel-body { display: grid; grid-template-columns: 1fr; gap: 14px; padding: 18px; }
.live-metric > span { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; }
.live-metric small { color: #7f8490; font-size: 8px; font-weight: 800; letter-spacing: .09em; }
.live-metric strong { color: #fff; font-size: 14px; }
.live-metric > i { display: block; height: 3px; margin-top: 7px; overflow: hidden; border-radius: 2px; background: #2a2e35; }
.live-metric > i b { display: block; width: var(--value); height: 100%; border-radius: inherit; background: #ff5500; }

.risk-card,.product-card,.calculator,.lead-form,.teo-preview,.risk-statement {
  border-radius: 12px;
  clip-path: none;
}

.risk-card {
  border-color: #262930;
  background: #12151c;
}

.risk-card::after { display: none; }
.risk-icon { width: 44px; height: 44px; border: 0; background: transparent; box-shadow: none; }
.risk-icon img { width: 30px; height: 30px; filter: invert(42%) sepia(98%) saturate(4900%) hue-rotate(3deg) brightness(104%) contrast(105%); }
.risk-card b { border-top-color: #262930; }

.product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 780px;
  overflow: hidden;
  border-color: #262930;
  background: #12151c;
  transition: transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.product-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: var(--max-width); margin: 0 auto; }
.product-level { display: flex; justify-content: space-between; padding: 13px 24px; border-bottom: 1px solid #262930; color: #ff5500; font-size: 8px; font-weight: 900; letter-spacing: .15em; }
.product-level b { color: #767c86; }
.product-top { position: relative; z-index: 2; display: flex; justify-content: space-between; padding: 19px 24px; color: #fff; font-size: 10px; letter-spacing: .12em; }
.product-top b { color: #ff6b00; font-size: 13px; text-transform: uppercase; }
.product-level,.product-card > a { background: #0f1218; }
.product-photo {
  position: relative;
  height: 300px;
  margin: 0 24px;
  overflow: hidden;
  border: 1px solid #262930;
  border-radius: 10px;
  background-image: linear-gradient(0deg,rgba(11,13,16,.58),rgba(11,13,16,.08) 60%),url("/industrial-atlas-v1.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%,200% 200%;
}
.product-photo-element { background-position: center,0% 0%; }
.product-photo-generation { background-position: center,100% 0%; }
.product-content { position: relative; z-index: 2; padding: 24px 28px 18px; }
.product-content > p { margin-bottom: 4px; color: #ff5500; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.product-content h3 { margin-bottom: 6px; font-family: Inter,"Segoe UI",Arial,sans-serif; font-size: clamp(32px,3vw,46px); letter-spacing: -.035em; }
.product-content > strong { color: #9ea3b0; font-size: 11px; letter-spacing: .11em; text-transform: uppercase; }
.product-content dl { display: grid; gap: 0; margin: 24px 0 0; }
.product-content dl div { border-top-color: #262930; }
.product-content dt { color: #737984; font-size: 9px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.product-content dd { margin: 0; color: #c5c8cf; font-size: 12px; line-height: 1.5; }
.product-card > a { display: flex; justify-content: space-between; padding: 16px 0 0; border-top: 1px solid #262930; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.products > .fine-print { position: relative; z-index: 2; max-width: var(--max-width); margin: 18px auto 0; }

.technology {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 6vw;
  align-items: center;
  background: #0b0d10;
}
.tech-copy { position: relative; z-index: 2; padding-left: 3vw; }
.tech-copy > p:not(.eyebrow) { max-width: 640px; color: #9ea3b0; font-size: 17px; line-height: 1.7; }
.tech-list { border-top-color: #262930; }
.tech-item { display: grid; grid-template-columns: 42px 1fr; gap: 4px 10px; width: 100%; padding: 18px 8px; border: 0; border-bottom: 1px solid #262930; color: #7b808a; background: transparent; text-align: left; transition: .2s ease; }
.tech-item span { grid-row: 1/3; color: #ff5500; font-size: 10px; letter-spacing: .12em; }
.tech-item b { color: #fff; font-size: 15px; }
.tech-item small { font-size: 12px; line-height: 1.5; }
.tech-item.is-active,.tech-item:hover { background: #12151c; }
.tech-stage {
  position: relative;
  min-height: 620px;
  overflow: hidden;
  border-color: #262930;
  border-radius: 12px;
  background: #12151c;
  clip-path: none;
}
.tech-stage::before { display: none; }
.tech-photo { position: absolute; inset: 0 0 116px; background-image: linear-gradient(0deg,rgba(11,13,16,.52),transparent 48%),url("/industrial-atlas-v1.jpg"); background-repeat: no-repeat; background-size: 100% 100%,200% 200%; transition: background-position .35s ease; }
.tech-stage[data-tech-stage="foundry"] .tech-photo { background-position: center,0% 100%; }
.tech-stage[data-tech-stage="control"] .tech-photo,.tech-stage[data-tech-stage="diagnostics"] .tech-photo { background-position: center,100% 100%; }
.tech-caption { position: absolute; right: 0; bottom: 0; left: 0; display: none; min-height: 116px; gap: 18px; align-items: center; padding: 24px 26px; border-top: 1px solid #262930; background: #12151c; }
.tech-caption img { width: 30px; height: 30px; filter: invert(42%) sepia(98%) saturate(4900%) hue-rotate(3deg) brightness(104%) contrast(105%); }
.tech-caption small,.tech-caption strong { display: block; }
.tech-caption small { margin-bottom: 7px; color: #ff5500; font-size: 8px; font-weight: 900; letter-spacing: .11em; }
.tech-caption strong { color: #fff; font-size: 17px; }
.tech-stage[data-tech-stage="foundry"] .tech-caption-foundry,.tech-stage[data-tech-stage="control"] .tech-caption-control,.tech-stage[data-tech-stage="diagnostics"] .tech-caption-diagnostics { display: flex; }

.reliability { background: #101216; }
.reliability-panel { position: relative; z-index: 2; display: grid; grid-template-columns: 1.08fr .92fr; gap: 18px; max-width: var(--max-width); margin: 0 auto; }
.reliability-photo { min-height: 500px; border: 1px solid #262930; border-radius: 12px; background-image: linear-gradient(0deg,rgba(11,13,16,.5),transparent 52%),url("/industrial-atlas-v1.jpg"); background-repeat: no-repeat; background-position: center,100% 0%; background-size: 100% 100%,200% 200%; }
.reliability-list { display: grid; gap: 12px; }
.reliability-list article { display: grid; grid-template-columns: 44px 1fr; gap: 18px; padding: 24px; border: 1px solid #262930; border-radius: 12px; background: #12151c; }
.reliability-list img { width: 28px; height: 28px; filter: invert(42%) sepia(98%) saturate(4900%) hue-rotate(3deg) brightness(104%) contrast(105%); }
.reliability-list small,.reliability-list strong { display: block; }
.reliability-list small { color: #777d88; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.reliability-list strong { margin: 7px 0 10px; color: #fff; font-size: clamp(22px,2vw,31px); }
.reliability-list p { margin: 0; color: #9ea3b0; font-size: 12px; line-height: 1.6; }

.trigeneration { display: grid; grid-template-columns: .78fr 1.22fr; gap: 5vw; align-items: center; background: #0b0d10; }
.tri-copy { position: relative; z-index: 2; padding-left: 3vw; }
.tri-copy > p:not(.eyebrow) { max-width: 600px; color: #9ea3b0; font-size: 17px; line-height: 1.7; }
.tri-tabs { display: flex; gap: 6px; margin: 30px 0 20px; }
.tri-tabs button { padding: 11px 15px; border: 1px solid #262930; color: #858b96; background: transparent; font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.tri-tabs button.is-active { border-color: #ff5500; color: #0b0d10; background: #ff5500; }
.industry-copy { border-left-color: #ff5500; background: #12151c; }
.industry-copy { max-width: 580px; padding: 18px; border-left: 2px solid #ff5500; }
.industry-copy strong,.industry-copy span { display: block; }
.industry-copy strong { margin-bottom: 7px; }
.industry-copy span { color: #9ea3b0; font-size: 12px; line-height: 1.55; }
.energy-results { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.energy-results article { min-height: 230px; padding: 26px; border: 1px solid #262930; border-radius: 12px; background: #12151c; }
.energy-results img { width: 30px; height: 30px; margin-bottom: 38px; filter: invert(42%) sepia(98%) saturate(4900%) hue-rotate(3deg) brightness(104%) contrast(105%); }
.energy-results small,.energy-results strong { display: block; }
.energy-results small { color: #7a808b; font-size: 8px; font-weight: 900; letter-spacing: .11em; }
.energy-results strong { margin: 8px 0 12px; color: #ff5500; font-size: clamp(30px,3vw,46px); }
.energy-results p { margin: 0; color: #9ea3b0; font-size: 12px; line-height: 1.6; }

.economics { background: #101216; }
.calculator { border-color: #262930; background: #12151c; }
.calculator-head,.calc-fields label,.subsidy-row,.gas-result { border-color: #262930; }
.calc-fields label,.calc-results > div,.gas-result > div { background: #0f1218; }
.calc-results .result-primary { background: #171b23; }

.proof { background: #0b0d10; }
.teo-preview { color: #fff; border: 1px solid #262930; background: #12151c; box-shadow: 0 30px 70px rgba(0,0,0,.3); transform: none; }
.teo-header,.teo-preview > p:last-child { color: #7e8490; }
.teo-preview h3 { color: #fff; }
.teo-grid > div { border-color: #262930; border-radius: 10px; background: #0f1218; }
.teo-grid .teo-accent { background: #1a1e26; }
.teo-grid small,.teo-grid span,.teo-grid strong { color: #9ea3b0; }
.teo-grid strong,.teo-accent strong { color: #fff; }
.teo-bars { border-color: #262930; }
.teo-bars > span { color: #9ea3b0; }
.teo-bars b { background: #252932; }
.teo-bars span:last-child i { background: #ff5500; }

.presentation-section { display: grid; grid-template-columns: .78fr 1.22fr; gap: 6vw; align-items: center; background: #101216; }
.presentation-copy { position: relative; z-index: 2; padding-left: 3vw; }
.presentation-copy > p:not(.eyebrow) { max-width: 620px; color: #9ea3b0; font-size: 17px; line-height: 1.7; }
.presentation-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin: 30px 0; padding: 0; border: 1px solid #262930; background: #262930; list-style: none; }
.presentation-meta li { display: grid; gap: 6px; min-height: 82px; align-content: center; padding: 14px; color: #777d88; background: #12151c; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.presentation-meta b { color: #ff5500; font-size: 20px; letter-spacing: -.02em; }
.presentation-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.presentation-cover { position: relative; z-index: 2; display: block; overflow: hidden; padding: 10px; border: 1px solid #2a2e35; border-radius: 12px; color: #fff; background: #12151c; box-shadow: 0 34px 80px rgba(0,0,0,.36); text-decoration: none; transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease; }
.presentation-cover::after { position: absolute; inset: 10px 10px 66px; border: 1px solid rgba(255,85,0,.3); pointer-events: none; content: ""; }
.presentation-cover:hover { border-color: #ff5500; box-shadow: 0 38px 90px rgba(0,0,0,.45),0 0 32px rgba(255,85,0,.14); transform: translateY(-4px); }
.presentation-cover img { display: block; width: 100%; height: auto; aspect-ratio: 1376 / 768; object-fit: cover; border-radius: 7px; filter: saturate(.72) contrast(1.04); }
.presentation-cover > span { display: grid; grid-template-columns: 1fr auto auto; gap: 18px; align-items: center; min-height: 56px; padding: 0 12px; }
.presentation-cover i { color: #777d88; font-size: 8px; font-style: normal; letter-spacing: .14em; }
.presentation-cover b { font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
.presentation-cover strong { color: #ff5500; font-size: 22px; }

.presentation-page-body { background: #0b0d10; }
.presentation-page { min-height: 100vh; padding: calc(var(--header-height) + 50px) clamp(18px,4vw,68px) 60px; }
.presentation-page-head { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; max-width: 1600px; margin: 0 auto 30px; }
.presentation-page-head h1 { max-width: 950px; margin-bottom: 0; font-size: clamp(38px,4.6vw,68px); line-height: 1; }
.presentation-page-actions { display: flex; gap: 10px; }
.presentation-viewer { position: relative; max-width: 1600px; height: max(640px,calc(100vh - 270px)); margin: 0 auto; overflow: hidden; border: 1px solid #2a2e35; border-radius: 12px; background: #12151c url("/industrial-power-architecture-cover.jpg") center / cover no-repeat; box-shadow: 0 34px 80px rgba(0,0,0,.35); }
.presentation-viewer::before { position: absolute; inset: 0; background: rgba(11,13,16,.72); content: ""; }
.presentation-viewer iframe { position: relative; z-index: 1; display: block; width: 100%; height: 100%; border: 0; background: #12151c; }
.presentation-mobile-viewer { display: none; max-width: 1600px; margin: 0 auto; }
.presentation-slide-stage { position: relative; overflow: hidden; aspect-ratio: 1376 / 768; border: 1px solid #2a2e35; border-radius: 10px; outline: 0; background: #080a0d; touch-action: pan-y pinch-zoom; }
.presentation-slide-stage:focus-visible { border-color: #ff5500; box-shadow: 0 0 0 3px rgba(255,85,0,.18); }
.presentation-slide-stage > img { display: block; width: 100%; height: 100%; object-fit: contain; opacity: 1; transition: opacity .16s ease; user-select: none; -webkit-user-drag: none; }
.presentation-slide-stage > img.is-changing { opacity: .28; }
.presentation-slide-counter { position: absolute; right: 10px; bottom: 10px; display: flex; gap: 5px; align-items: baseline; padding: 7px 9px; border: 1px solid rgba(255,255,255,.14); border-radius: 7px; color: #8f95a1; background: rgba(11,13,16,.88); backdrop-filter: blur(10px); font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.presentation-slide-counter strong { color: #ff5500; font-size: 14px; }
.presentation-slide-controls { display: grid; grid-template-columns: minmax(90px,auto) minmax(140px,1fr) minmax(90px,auto); gap: 10px; align-items: stretch; padding: 12px 0 0; }
.presentation-slide-button { display: flex; gap: 8px; align-items: center; justify-content: center; min-height: 50px; padding: 0 16px; border: 1px solid #2a2e35; border-radius: 8px; color: #fff; background: #12151c; font: inherit; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: border-color .2s ease,color .2s ease,background .2s ease; }
.presentation-slide-button:hover { border-color: #ff5500; color: #ff6b00; background: #16191e; }
.presentation-slide-button:disabled { border-color: #20242a; color: #555b65; cursor: default; opacity: .62; }
.presentation-slide-button img,.presentation-slide-tools img { width: 17px; height: 17px; filter: invert(40%) sepia(100%) saturate(4662%) hue-rotate(2deg) brightness(105%) contrast(105%); }
.presentation-slide-meta { display: grid; gap: 8px; align-content: center; padding: 0 12px; border: 1px solid #262930; border-radius: 8px; background: #101216; text-align: center; }
.presentation-slide-meta strong { color: #a0a5b1; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.presentation-slide-progress { overflow: hidden; height: 3px; border-radius: 3px; background: #2a2e35; }
.presentation-slide-progress i { display: block; width: 6.6667%; height: 100%; border-radius: inherit; background: #ff5500; box-shadow: 0 0 12px rgba(255,85,0,.46); transition: width .25s ease; }
.presentation-slide-tools { display: flex; gap: 18px; align-items: center; justify-content: space-between; padding: 14px 2px 0; }
.presentation-slide-tools p { max-width: 620px; margin: 0; color: #777d88; font-size: 10px; line-height: 1.5; }
.presentation-slide-tools a { display: inline-flex; gap: 8px; align-items: center; color: #d8dbe1; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.presentation-slide-tools a:hover { color: #ff6b00; }
.presentation-mobile-noscript { padding: 14px; color: #a0a5b1; background: #12151c; }
.presentation-mobile-note { max-width: 1600px; margin: 12px auto 0; color: #777d88; font-size: 10px; line-height: 1.5; }
.lead-form input[type="email"] { display: block; width: 100%; margin-top: 7px; padding: 13px 0; border: 0; border-bottom: 1px solid #35464d; outline: 0; color: #f2f7f8; background: transparent; font-size: 14px; letter-spacing: 0; text-transform: none; }

@media (hover: none) and (pointer: coarse) {
  .presentation-desktop-viewer { display: none; }
  .presentation-mobile-viewer { display: block; }
  .presentation-mobile-note { display: none; }
}

.process { background: #101216; }
.process-track { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; max-width: var(--max-width); margin: 50px auto 0; padding: 0; list-style: none; }
.process-track::before { display: none; }
.process-track li,.process-track li:last-child { min-height: 310px; padding: 24px; border: 1px solid #262930; border-radius: 12px; background: #12151c; }
.process-icon { width: 48px; height: 48px; margin: 34px 0 28px; border: 0; border-radius: 10px; background: rgba(255,85,0,.1); box-shadow: none; transform: none; }
.process-icon img { width: 24px; height: 24px; filter: invert(42%) sepia(98%) saturate(4900%) hue-rotate(3deg) brightness(104%) contrast(105%); }
.process-track h3 { font-family: Inter,"Segoe UI",Arial,sans-serif; }

.knowledge-teaser { display: grid; grid-template-columns: 1fr 1.05fr 1fr; gap: 5vw; align-items: center; background: #0b0d10; }
.knowledge-photo { min-height: 0; aspect-ratio: 1 / 1; border: 1px solid #262930; border-radius: 12px; background-image: linear-gradient(0deg,rgba(11,13,16,.45),transparent 55%),url("/industrial-atlas-v1.jpg"); background-repeat: no-repeat; background-position: center,100% 100%; background-size: 100% 100%,auto 200%; }
.knowledge-copy { position: relative; z-index: 2; }
.knowledge-copy > p:not(.eyebrow) { color: #9ea3b0; font-size: 16px; line-height: 1.7; }
.knowledge-list { border-top-color: #262930; }
.knowledge-list article { display: grid; grid-template-columns: 40px 1fr; gap: 16px; padding: 24px 0; border-bottom: 1px solid #262930; }
.knowledge-list > article > span { color: #676d78; font-size: 10px; }
.knowledge-list small { color: #ff5500; font-size: 7px; font-weight: 900; letter-spacing: .14em; }
.knowledge-list h3 { margin: 8px 0 0; font-family: Inter,"Segoe UI",Arial,sans-serif; font-size: 15px; line-height: 1.4; }
.faq { background: #101216; }
.faq-list,.faq-item { border-color: #262930; }
.audit { background: #0b0d10; }
.lead-form { border-color: #262930; background: #12151c; }
.site-footer { background: #0b0d10; }

@media (max-width: 1180px) {
  .hero-copy { width: min(58vw,680px); }
  .hero-live-panel { width: min(31vw,350px); }
  .technology { grid-template-columns: .85fr 1.15fr; }
  .reliability-panel { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
  .hero { background: linear-gradient(90deg,rgba(11,13,16,.98),rgba(11,13,16,.76)),linear-gradient(0deg,#0b0d10,transparent 42%),url("/hero-industrial-v2.jpg") 66% top / auto 72vh no-repeat,#0b0d10; }
  .hero-copy { width: 100%; }
  .hero h1 { font-size: clamp(44px,8vw,54px); }
  .hero-live-panel { position: relative; right: auto; bottom: auto; width: min(100%,480px); margin-top: 42px; }
  .product-grid { grid-template-columns: 1fr; }
  .technology,.trigeneration,.proof,.presentation-section,.faq,.audit { grid-template-columns: 1fr; }
  .presentation-copy { padding-left: 0; }
  .presentation-cover { width: min(100%,820px); margin: 0 auto; }
  .presentation-page-head { grid-template-columns: 1fr; gap: 24px; }
  .presentation-page-actions { flex-wrap: wrap; }
  .presentation-viewer { height: 70vh; min-height: 520px; }
  .presentation-desktop-viewer { display: none; }
  .presentation-mobile-viewer { display: block; }
  .presentation-mobile-note { display: none; }
  .tech-stage { min-height: 560px; }
  .reliability-panel { grid-template-columns: 1fr; }
  .reliability-photo { min-height: 430px; }
  .knowledge-teaser { grid-template-columns: 1fr 1fr; }
  .knowledge-photo { min-height: 0; }
  .knowledge-list { grid-column: 1/-1; }
  .process-track { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .hero h1 { font-size: clamp(29px,8.9vw,38px); line-height: 1; }
  .hero-facts { grid-template-columns: 1fr; }
  .hero-facts > div { min-height: auto; padding: 14px; border-right: 0; border-bottom: 1px solid #262930; }
  .hero-facts > div + div { padding-left: 14px; }
  .hero-facts span { font-size: 8px; }
  .product-photo { height: 240px; margin: 0 14px; }
  .tech-stage { min-height: 470px; }
  .tech-photo { bottom: 130px; }
  .tech-caption { min-height: 130px; padding: 20px; }
  .reliability-photo { min-height: 330px; }
  .energy-results { grid-template-columns: 1fr; }
  .energy-results article { min-height: 210px; }
  .process-track { grid-template-columns: 1fr; }
  .process-track li { min-height: auto; }
  .knowledge-teaser { grid-template-columns: 1fr; }
  .knowledge-photo { min-height: 0; }
  .presentation-meta { grid-template-columns: 1fr; }
  .presentation-actions { display: grid; }
  .presentation-cover { padding: 6px; }
  .presentation-cover::after { inset: 6px 6px 62px; }
  .presentation-cover > span { grid-template-columns: 1fr auto; }
  .presentation-cover i { display: none; }
  .presentation-page { padding-right: 14px; padding-left: 14px; }
  .presentation-page-head { gap: 18px; margin-bottom: 20px; }
  .presentation-page-head h1 { font-size: clamp(30px,9vw,42px); line-height: 1.02; }
  .presentation-page-actions { display: grid; }
  .presentation-viewer { height: 62vh; min-height: 420px; }
  .presentation-slide-controls { grid-template-columns: 56px minmax(120px,1fr) 56px; gap: 8px; }
  .presentation-slide-button { min-height: 48px; padding: 0; }
  .presentation-slide-button span { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(0 0 0 0); white-space: nowrap; }
  .presentation-slide-tools { display: grid; gap: 12px; }
  .presentation-slide-tools a { min-height: 44px; justify-content: center; border: 1px solid #2a2e35; border-radius: 8px; background: #12151c; }
}