:root{
  --bg:#050505;
  --bg-soft:#0d0d0d;
  --bg-card:#151515;
  --text:#ededed;
  --text-muted:#aaaaaa;
  --line:#343434;
  --line-soft:#232323;
  --light:#efefea;
  --light-text:#0c0c0c;
  --accent:#f58220;
  --accent-2:#ffd84d;
  --accent-ink:#171717;
  --danger:#ff665f;
  --success:#3dbc71;
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:24px;
  --section-pad:clamp(5rem,8vw,8rem);
  --container:min(1180px, calc(100vw - 2.2rem));
  --font-main:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0}
body{
  font-family:var(--font-main);
  background:var(--bg);
  color:var(--text);
  line-height:1.55;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--line);background:#0c0c0c;color:var(--text)}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid rgba(245,130,32,.65);outline-offset:2px}
.container{width:var(--container);margin:0 auto}
.eyebrow,.overline{display:inline-flex;align-items:center;gap:.65rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.eyebrow::before,.overline::before{content:'';width:9px;height:9px;background:var(--accent);border-radius:999px;box-shadow:0 0 0 10px rgba(245,130,32,.06)}
.light .eyebrow,.light .overline,.light.eyebrow,.light.overline{color:#6b6b6b}
section{position:relative}
h1,h2,h3,h4{font-weight:300;letter-spacing:-.04em;line-height:1.02;margin:0 0 1rem}
p{margin:0 0 1rem}
.lead{font-size:clamp(1.05rem,1rem + .4vw,1.24rem);color:var(--text-muted)}
.small{font-size:.9rem;color:var(--text-muted)}
.display{font-size:clamp(3rem,7vw,5.8rem)}
.section-title{max-width:820px;margin-bottom:2.4rem}
.section-title h2{font-size:clamp(2rem,4vw,3.25rem)}
.section-shell{padding:var(--section-pad) 0}
.section-shell.light-surface{background:var(--light);color:var(--light-text)}
.section-shell.dark-soft{background:var(--bg-soft)}
.statement-band{
  min-height:72vh;
  padding:clamp(4rem,8vw,7rem) 0;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, rgba(255,216,77,1) 0%, rgba(255,201,67,1) 100%);
  color:#111;
}
.statement-band .container{display:grid;gap:1rem}
.statement-band h2{max-width:900px;font-size:clamp(2.4rem,5vw,4.6rem);opacity:.95}
.statement-band p{max-width:620px;font-size:1.08rem;color:rgba(17,17,17,.75)}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:120}
.scroll-progress span{display:block;height:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.site-header{
  position:fixed;inset:1rem 0 auto;z-index:110;transition:transform .35s ease, background .35s ease, border-color .35s ease;
}
.site-header .nav-wrap{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  width:min(1240px, calc(100vw - 2rem));margin:0 auto;padding:.9rem 1rem;
  border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(0,0,0,.42);backdrop-filter:blur(16px);
}
.site-header.scrolled .nav-wrap{background:rgba(0,0,0,.82);border-color:rgba(255,255,255,.12)}
.brand{display:flex;align-items:center;gap:.85rem;min-width:0}
.brand-mark{width:36px;height:36px;object-fit:contain}
.brand-copy{display:flex;flex-direction:column;gap:1px;min-width:0}
.brand-copy strong{font-size:1.06rem;letter-spacing:-.03em;font-weight:700}
.brand-copy small{font-size:.77rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
.main-nav{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}
.nav-link,.nav-cta,.button,.button-secondary,.button-ghost,.chip-button,.sim-button{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:8px;padding:.74rem 1.05rem;
  border:1px solid transparent;transition:background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}
.nav-link{font-size:.94rem;background:#222;color:#f1f1f1;border-color:#2e2e2e}
.nav-link:hover,.nav-link.active{background:#303030;border-color:#4c4c4c}
.nav-cta,.button,.chip-button.active,.sim-button.active{background:var(--accent-2);color:#111;border-color:var(--accent-2);font-weight:600}
.nav-cta:hover,.button:hover,.chip-button.active:hover,.sim-button.active:hover{transform:translateY(-1px)}
.button-secondary,.button-ghost,.chip-button,.sim-button{background:transparent;color:inherit;border-color:var(--line)}
.button-ghost:hover,.button-secondary:hover,.chip-button:hover,.sim-button:hover{background:#171717;border-color:#454545}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:.3rem}.nav-toggle span{display:block;width:23px;height:2px;background:#fff;transition:transform .25s ease, opacity .25s ease}
.nav-toggle.active span:first-child{transform:translateY(7px) rotate(45deg)}
.nav-toggle.active span:last-child{transform:translateY(-7px) rotate(-45deg)}

.hero-cinematic,.page-hero{
  min-height:100svh;display:flex;align-items:flex-end;position:relative;overflow:hidden;
  background:#000;padding:7rem 0 2.5rem;
}
.hero-media,.page-hero-media{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-media::after,.page-hero-media::after{
  content:'';position:absolute;inset:0;background:
  linear-gradient(180deg, rgba(0,0,0,.38) 0%, rgba(0,0,0,.52) 30%, rgba(0,0,0,.92) 100%),
  linear-gradient(90deg, rgba(0,0,0,.74) 0%, rgba(0,0,0,.35) 46%, rgba(0,0,0,.12) 100%);
}
.hero-grid,.hero-rings,.hero-beam,.page-grid,.page-rings,.page-beam{position:absolute;inset:-8%;opacity:.44}
.hero-grid,.page-grid{background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at center, #000 40%, transparent 95%)}
.hero-rings,.page-rings{border:1px solid rgba(245,130,32,.22);border-radius:50%;width:70vw;height:70vw;left:55%;top:-10%;transform:translateX(-50%)}
.hero-rings::before,.hero-rings::after,.page-rings::before,.page-rings::after{content:'';position:absolute;border:1px solid rgba(245,130,32,.18);border-radius:50%;inset:8%}
.hero-rings::after,.page-rings::after{inset:20%}
.hero-beam,.page-beam{background:radial-gradient(circle at 75% 22%, rgba(255,216,77,.28), transparent 22%), radial-gradient(circle at 20% 14%, rgba(245,130,32,.24), transparent 24%)}
.hero-photo,.page-hero-photo{position:absolute;inset:0;display:grid;place-items:center;transform:scale(1.05)}
.hero-photo img,.page-hero-photo img{width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(1.03) contrast(1.08)}
.hero-panel,.page-hero-panel{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .72fr;gap:2rem;align-items:end;width:100%}
.hero-copy,.page-hero-copy{max-width:760px}
.hero-copy h1,.page-hero-copy h1{font-size:clamp(3.4rem,8vw,6.4rem)}
.hero-copy h1 em,.page-hero-copy h1 em{font-style:normal;color:var(--accent-2)}
.hero-copy .lead,.page-hero-copy .lead{max-width:640px;color:#c6c6c6;font-size:clamp(1.05rem,1rem + .3vw,1.23rem)}
.hero-actions,.page-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.hero-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;color:#c8c8c8;font-size:.95rem}
.hero-meta span{display:inline-flex;align-items:center;gap:.5rem}
.floating-card{
  justify-self:end;align-self:end;max-width:360px;padding:1.4rem;border-radius:14px;
  background:rgba(20,20,20,.88);border:1px solid rgba(255,255,255,.12)
}
.floating-card small{display:block;margin-bottom:.6rem;color:var(--accent-2);letter-spacing:.12em;text-transform:uppercase}
.floating-card h3{font-size:1.55rem;margin-bottom:.8rem}
.floating-card p{color:#bebebe;margin-bottom:1rem}
.floating-card img{border-radius:10px;border:1px solid rgba(255,255,255,.08)}
.hero-bottom-line{position:absolute;left:0;right:0;bottom:0;z-index:3;border-top:1px solid rgba(255,255,255,.08);padding:.9rem 0;background:linear-gradient(180deg, transparent, rgba(0,0,0,.42))}
.hero-bottom-line .container{display:flex;justify-content:space-between;gap:1rem;color:#b7b7b7;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.signal-marquee{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);overflow:hidden;background:#090909}
.signal-track{display:flex;gap:1rem;min-width:max-content;padding:1.05rem 0;animation:marquee 28s linear infinite}
.signal-track span{letter-spacing:.18em;font-size:.82rem;text-transform:uppercase;color:#bdbdbd}.signal-track i{width:7px;height:7px;border-radius:999px;background:var(--accent)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.services-gateway{padding:var(--section-pad) 0;background:var(--bg)}
.gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.gateway-card{
  position:relative;min-height:520px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);display:flex;align-items:flex-end;color:#fff;background:#111;
}
.gateway-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.32) 44%, rgba(0,0,0,.95) 100%);z-index:1}
.gateway-card .gateway-media{position:absolute;inset:0;overflow:hidden}
.gateway-card .gateway-media img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform .9s ease, opacity .4s ease;opacity:.18}
.gateway-card:hover .gateway-media img{transform:scale(1.08)}
.gateway-card .gateway-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;z-index:1;opacity:.45}
.gateway-content{position:relative;z-index:2;padding:1.7rem;display:grid;gap:.85rem;max-width:70%}
.gateway-index{font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}
.gateway-content h3{font-size:clamp(2rem,4vw,3rem)}
.gateway-content p{color:#d1d1d1}
.gateway-link{display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-weight:600}
.quick-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:18px;overflow:hidden;margin-top:2rem}
.quick-facts article{padding:1.35rem;background:#0b0b0b}.quick-facts b{display:block;font-size:1.8rem;font-weight:300;letter-spacing:-.04em;margin-bottom:.3rem}.quick-facts span{font-size:.92rem;color:#b4b4b4}

.process-strip{padding:var(--section-pad) 0;background:var(--light);color:var(--light-text)}
.process-layout{display:grid;grid-template-columns:.95fr 1.1fr;gap:2rem;align-items:center}
.process-list{display:grid;gap:.8rem}
.process-step{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1rem;border-top:1px solid rgba(0,0,0,.1)}
.process-step:last-child{border-bottom:1px solid rgba(0,0,0,.1)}
.process-step b{font-size:1.1rem;color:#6b6b6b}
.system-frame{background:#0c0c0c;color:#fff;border-radius:22px;border:1px solid rgba(255,255,255,.09);padding:1.2rem;min-height:540px;display:grid;grid-template-rows:auto 1fr auto;gap:1rem;overflow:hidden}
.system-head,.system-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#c8c8c8;font-size:.84rem;letter-spacing:.12em;text-transform:uppercase}
.system-stage{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#101010,#0b0b0b)}
.system-stage::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:32px 32px;opacity:.45}
.system-map{position:absolute;inset:0;padding:1.2rem;display:grid}
.path-line{position:absolute;left:12%;top:28%;right:10%;height:2px;background:linear-gradient(90deg,var(--accent),rgba(245,130,32,.25));transform-origin:0 50%}
.path-branch{position:absolute;width:2px;left:37%;top:28%;height:25%;background:linear-gradient(180deg,var(--accent),rgba(245,130,32,.15))}
.path-branch.second{left:65%;top:53%;height:20%}
.system-node{position:absolute;display:grid;gap:.22rem;padding:1rem;border-radius:16px;background:rgba(14,14,14,.93);border:1px solid rgba(245,130,32,.4);max-width:220px;transition:transform .35s ease, border-color .35s ease, background .35s ease, opacity .35s ease}
.system-node small{color:var(--accent-2);letter-spacing:.12em;text-transform:uppercase}.system-node strong{font-size:1.7rem;font-weight:600;letter-spacing:-.04em}.system-node span{color:#b8b8b8}
.system-node.active{transform:translateY(-4px);border-color:var(--accent-2);background:rgba(24,24,24,.96)}
.system-node.n1{left:5%;top:50%}.system-node.n2{left:25%;top:15%}.system-node.n3{left:54%;top:42%}.system-node.n4{right:4%;bottom:10%}
.system-readout{padding:1.1rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.system-readout p{margin:0;color:#bcbcbc;max-width:75%}
.system-controls{display:flex;gap:.45rem;flex-wrap:wrap}
.system-controls button{min-width:44px;padding:.5rem .7rem;border-radius:8px;border:1px solid var(--line);background:transparent;color:#fff}
.system-controls button.active{background:var(--accent);border-color:var(--accent);color:#111}

.about-grid{display:grid;grid-template-columns:.92fr 1fr;gap:2rem;align-items:start}
.principles{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.principles span{padding:.7rem .95rem;border:1px solid var(--line);border-radius:999px;color:#c8c8c8}
.note-card{padding:1.35rem;border-radius:16px;border:1px solid var(--line);background:#0d0d0d;margin-top:1.2rem}

.footer-cta{padding:0 0 var(--section-pad)}
.footer-cta-panel{padding:2rem;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#0d0d0d 0%, #151515 100%);display:flex;justify-content:space-between;gap:1.6rem;align-items:center}
.footer-cta-panel h2{font-size:clamp(2rem,4vw,3.2rem);max-width:700px}
.site-footer{padding:2rem 0 3rem;border-top:1px solid rgba(255,255,255,.08);background:#050505}
.footer-grid{display:grid;grid-template-columns:1.15fr repeat(3,.8fr);gap:1.6rem;padding-bottom:2rem}
.footer-column{display:grid;gap:.55rem;align-content:start}.footer-column h3{font-size:1rem;font-weight:600;letter-spacing:0;margin:0 0 .4rem}.footer-column a,.footer-column p{color:#b4b4b4;margin:0}.footer-brand p{color:#b4b4b4;max-width:330px}.footer-logo img{width:150px;height:auto;object-fit:contain}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.06);color:#8b8b8b}
.footer-button{padding:.82rem 1rem;border-radius:8px;background:var(--accent-2);color:#111;border:1px solid var(--accent-2);font-weight:600}

.page-hero{min-height:86svh}
.page-hero-panel{align-items:end}
.page-hero .floating-card{background:rgba(255,255,255,.06)}
.page-breadcrumbs{display:flex;gap:.55rem;align-items:center;font-size:.9rem;color:#bdbdbd;margin-bottom:1.2rem}
.page-breadcrumbs a{color:#fff}
.anchor-rail{position:sticky;top:84px;z-index:50;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.anchor-rail .container{display:flex;align-items:center;gap:.6rem;overflow:auto;padding:.85rem 0}.anchor-rail span{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:#8f8f8f;white-space:nowrap}.anchor-rail a{white-space:nowrap;padding:.6rem .82rem;border:1px solid var(--line);border-radius:8px;color:#e9e9e9;background:#101010}
.anchor-rail a:hover{background:#171717}
.content-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.info-card{padding:1.35rem;border-radius:18px;background:#121212;border:1px solid rgba(255,255,255,.08)}
.info-card.light{background:#fff;color:#111;border-color:rgba(0,0,0,.08)}
.info-card .index{display:block;margin-bottom:.85rem;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}
.info-card h3{font-size:1.5rem;margin-bottom:.5rem;font-weight:400;letter-spacing:-.03em}.info-card p{color:#bfbfbf}.light-surface .info-card p,.info-card.light p{color:#444}
.image-panel{border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);min-height:420px;position:relative;background:#0d0d0d}
.image-panel img{width:100%;height:100%;object-fit:cover}
.image-panel::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.65))}

.chart-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem;align-items:stretch}
.chart-panel{background:#0f0f0f;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.2rem}
.chart-svg{width:100%;height:auto;display:block}
.chart-value{font-size:3.1rem;line-height:1;font-weight:300;letter-spacing:-.05em}.chart-value span{font-size:1rem;letter-spacing:0;font-weight:500;color:#9f9f9f}
.segmented{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.segmented button{padding:.62rem .9rem;border-radius:8px;border:1px solid var(--line);background:transparent;color:#eaeaea}.segmented button.active{background:var(--accent-2);border-color:var(--accent-2);color:#111}
.year-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:1rem}.year-list button{padding:.7rem .4rem;border-radius:8px;border:1px solid var(--line);background:#111;color:#cfcfcf}.year-list button.active{background:#1d1d1d;border-color:var(--accent);color:#fff}
.cfe-note{font-size:.92rem;color:#a8a8a8;margin-top:1rem}
.chart-aside{display:grid;gap:1rem}
.metric-card{padding:1.2rem;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111}.metric-card strong{display:block;font-size:2rem;font-weight:300;letter-spacing:-.04em;margin-bottom:.35rem}
.metric-card p{margin:0;color:#bcbcbc}

.calculator{display:grid;grid-template-columns:1.02fr .98fr;gap:1rem;align-items:start}
.calc-form,.calc-result{background:#121212;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.25rem}
.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.field{display:grid;gap:.45rem}.field span{font-size:.92rem;color:#c4c4c4}.field input,.field select{padding:.86rem .9rem}
.result-main{display:grid;gap:1rem}.payback-box{padding:1.25rem;border-radius:18px;background:linear-gradient(180deg, rgba(255,216,77,.12), rgba(255,216,77,.04));border:1px solid rgba(255,216,77,.35)}
.payback-box strong{display:block;font-size:4rem;line-height:1;font-weight:300;letter-spacing:-.06em;color:#fff}.payback-box small{display:block;color:#d8d8d8;margin-top:.35rem}.calc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.calc-stats article{padding:1rem;border:1px solid var(--line);border-radius:14px}.calc-stats b{display:block;font-size:1.5rem;font-weight:400}

.simulator-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.signal-picker{padding:1.25rem;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#111}
.signal-options{display:grid;gap:.8rem;margin-top:1rem}.signal-option{display:flex;gap:.85rem;align-items:flex-start;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#0d0d0d;transition:border-color .25s ease, transform .25s ease}
.signal-option:hover{border-color:#4d4d4d;transform:translateY(-1px)}.signal-option input{margin-top:.2rem;accent-color:var(--accent)}.signal-option strong{display:block;margin-bottom:.2rem}
.sim-panels{display:grid;gap:1rem}
.sim-panel{padding:1.2rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);min-height:252px}
.sim-panel.bad{background:linear-gradient(180deg, rgba(255,102,95,.08), rgba(255,102,95,.03))}.sim-panel.good{background:linear-gradient(180deg, rgba(255,216,77,.12), rgba(245,130,32,.08));border-color:rgba(255,216,77,.3)}
.risk-meter{height:10px;border-radius:999px;background:#1b1b1b;overflow:hidden;border:1px solid rgba(255,255,255,.08);margin:1rem 0 1.2rem}.risk-meter span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--danger));transition:width .4s ease}
.check-stack{display:grid;gap:.75rem;margin-top:1rem}.check-line{display:flex;gap:.65rem;align-items:flex-start}.check-dot{width:12px;height:12px;border-radius:999px;background:var(--accent);margin-top:.35rem;flex:0 0 12px}
.alert-chip,.success-chip{display:inline-flex;padding:.45rem .7rem;border-radius:999px;border:1px solid transparent;font-size:.85rem}.alert-chip{background:rgba(255,102,95,.14);color:#ffb5b0;border-color:rgba(255,102,95,.22)}.success-chip{background:rgba(255,216,77,.18);color:#fff1aa;border-color:rgba(255,216,77,.28)}

.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:1rem}.faq-list{display:grid;gap:.8rem}.faq-item{padding:1rem;border-top:1px solid rgba(0,0,0,.1)}.faq-item:last-child{border-bottom:1px solid rgba(0,0,0,.1)}.faq-item h3{font-size:1.22rem;font-weight:500;letter-spacing:-.02em;margin-bottom:.45rem}

.quote-modal{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;visibility:hidden;opacity:0;transition:opacity .25s ease, visibility .25s ease;z-index:130}
.quote-modal.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}
.quote-dialog{position:relative;width:min(860px,100%);max-height:min(90svh,900px);overflow:auto;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#090909;padding:1.2rem 1.2rem 1rem;box-shadow:none}
.modal-close{position:absolute;right:1rem;top:1rem;width:42px;height:42px;border-radius:999px;border:1px solid var(--line);background:#111;color:#fff;display:grid;place-items:center}
.quote-head{max-width:560px;margin-bottom:1rem;padding-right:3.2rem}.quote-head h2{font-size:clamp(2rem,4vw,3rem)}.quote-head p{color:#bebebe}
.form-grid{display:grid;gap:.85rem;margin-bottom:.85rem}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
label{display:grid;gap:.45rem}label span{font-size:.92rem;color:#cdcdcd}label em{color:#8c8c8c;font-style:normal}
label input,label textarea,label select{padding:.88rem .95rem}
label textarea{min-height:130px;resize:vertical}
label.invalid input,label.invalid textarea,label.invalid select{border-color:#ff7c7c}
.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.form-footer p{display:flex;align-items:center;gap:.55rem;color:#a8a8a8;margin:0;max-width:420px}
.form-submit{position:relative;min-width:220px}.form-message{padding:.9rem 1rem;border-radius:12px;margin-top:.85rem;background:#111;border:1px solid var(--line);color:#d2d2d2}.form-message.success{background:rgba(61,188,113,.12);border-color:rgba(61,188,113,.25);color:#b3f0cb}.form-message.error{background:rgba(255,102,95,.12);border-color:rgba(255,102,95,.25);color:#ffc0bb}
.toast{position:fixed;left:50%;bottom:1rem;transform:translate(-50%,130%);padding:.9rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#111;color:#fff;transition:transform .28s ease;z-index:140}.toast.show{transform:translate(-50%,0)}
.whatsapp-float{
  position:fixed;right:1rem;bottom:1rem;z-index:100;width:60px;height:60px;border-radius:999px;display:grid;place-items:center;background:#22c55e;color:#fff;border:1px solid rgba(255,255,255,.18);
}
.whatsapp-icon{width:28px;height:28px;display:block}

.reveal{opacity:1;transform:none;transition:opacity .8s ease, transform .8s ease}
.js .reveal{opacity:0;transform:translateY(28px)}
.js .reveal.is-visible{opacity:1;transform:translateY(0)}
.fade-swap{display:inline-block;transition:opacity .45s ease, transform .45s ease}.fade-swap.switching{opacity:0;transform:translateY(.5rem)}
body.modal-open{overflow:hidden}

@media (max-width:1100px){
  .hero-panel,.page-hero-panel,.process-layout,.about-grid,.chart-shell,.calculator,.faq-grid{grid-template-columns:1fr}
  .gateway-grid,.content-grid-2,.simulator-grid{grid-template-columns:1fr}
  .quick-facts,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .floating-card{justify-self:start;max-width:100%}
  .gateway-content{max-width:86%}
}
@media (max-width:860px){
  .site-header{inset:.65rem 0 auto}.site-header .nav-wrap{padding:.8rem .9rem}
  .nav-toggle{display:flex}
  .main-nav{position:absolute;left:0;right:0;top:calc(100% + .55rem);display:grid;grid-template-columns:1fr;background:rgba(0,0,0,.94);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.75rem;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .24s ease, transform .24s ease}
  .main-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}
  .hero-cinematic,.page-hero{padding-top:6.8rem;align-items:center}
  .hero-copy h1,.page-hero-copy h1{font-size:clamp(2.8rem,10vw,4.4rem)}
  .hero-bottom-line .container,.system-head,.system-foot,.footer-bottom,.footer-cta-panel{flex-direction:column;align-items:flex-start}
  .quick-facts,.calc-grid,.calc-stats,.footer-grid,.form-grid.two,.year-list{grid-template-columns:1fr}
  .anchor-rail{top:76px}
  .gateway-card{min-height:420px}
  .gateway-content{max-width:100%}
  .system-frame{min-height:auto}
  .system-node{max-width:180px;padding:.8rem}
  .system-node strong{font-size:1.35rem}
}
@media (max-width:640px){
  :root{--container:min(100vw - 1.2rem, 100vw - 1.2rem)}
  .site-header .nav-wrap{width:min(calc(100vw - 1rem), 100vw - 1rem)}
  .hero-actions,.page-actions,.hero-meta,.anchor-rail .container{flex-wrap:wrap}
  .gateway-card{min-height:360px}
  .signal-track{animation-duration:22s}
  .process-step{grid-template-columns:1fr}
  .chart-value{font-size:2.3rem}
  .payback-box strong{font-size:3.2rem}
  .footer-grid{grid-template-columns:1fr}
  .footer-logo img{width:130px}
  .quote-dialog{padding:1rem .9rem .9rem}
  .system-node.n1{left:4%;top:55%}.system-node.n2{left:16%;top:12%}.system-node.n3{left:51%;top:40%}.system-node.n4{right:2%;bottom:9%}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .signal-track,.reveal,.fade-swap,.hero-photo img,.gateway-card .gateway-media img{animation:none!important;transition:none!important}
}


/* V17 cinematic upgrade with free stock video support */
.cinematic-video{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.02) brightness(.92)}
.hero-video,.page-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transform:scale(1.06)}
.hero-noise{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.035) 1px, transparent 1px);background-size:4px 4px;mix-blend-mode:soft-light;opacity:.35}
.hero-copy > .reveal.is-visible,.page-hero-copy > .reveal.is-visible,.floating-card.reveal.is-visible{animation:riseFade .9s ease both}
.hero-copy .lead.reveal.is-visible,.page-hero-copy .lead.reveal.is-visible{animation-delay:.14s}
.hero-actions.reveal.is-visible,.page-actions.reveal.is-visible{animation-delay:.22s}
.hero-meta.reveal.is-visible{animation-delay:.28s}
@keyframes riseFade{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

.cinema-showcase{padding:0 0 var(--section-pad);background:linear-gradient(180deg,#ffcf4e 0%, #0b0b0b 6%)}
.cinema-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cinema-card{position:relative;min-height:540px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#101010;display:flex;align-items:flex-end}
.cinema-card.alt{transform:translateY(3.4rem)}
.cinema-media,.feature-video-shell{position:relative;overflow:hidden}
.cinema-media{position:absolute;inset:0}
.cinema-video,.feature-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease, opacity .5s ease}
.cinema-card:hover .cinema-video,.feature-video-shell:hover .feature-video{transform:scale(1.06)}
.cinema-overlay,.feature-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.18) 34%, rgba(0,0,0,.88) 100%)}
.cinema-copy{position:relative;z-index:2;padding:2rem;max-width:78%}
.cinema-kicker,.feature-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .78rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,10,.35);backdrop-filter:blur(10px);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#f2f2f2}
.cinema-kicker{margin-bottom:1rem}
.cinema-copy h3{font-size:clamp(1.8rem,3vw,2.9rem);margin-bottom:.85rem}
.cinema-copy p{color:#d0d0d0;max-width:34rem}

.feature-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:1rem;align-items:center}
.feature-grid.reverse{grid-template-columns:.97fr 1.03fr}
.feature-video-shell{min-height:520px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#0d0d0d}
.feature-video-shell .feature-video{position:absolute;inset:0}
.feature-tag{position:absolute;left:1rem;top:1rem;z-index:2}
.feature-copy{padding:1rem 0}
.feature-copy h2{font-size:clamp(2rem,4vw,3.2rem)}
.feature-bullets{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.feature-bullets span{display:inline-flex;padding:.6rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#111;color:#e8e8e8}
.cinema-feature.solar .feature-bullets span{background:#151515}

.gateway-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .9s ease, opacity .4s ease}
.gateway-card:hover .gateway-video{transform:scale(1.06)}

@media (max-width:1100px){
  .cinema-grid,.feature-grid,.feature-grid.reverse{grid-template-columns:1fr}
  .cinema-card.alt{transform:none}
  .cinema-copy{max-width:100%}
}
@media (max-width:640px){
  .cinema-card,.feature-video-shell{min-height:420px}
  .cinema-copy{padding:1.25rem}
  .cinema-copy h3{font-size:1.7rem}
}
@media (prefers-reduced-motion:reduce){
  .cinema-video,.feature-video,.hero-video,.page-hero-video{animation:none!important;transition:none!important}
}

@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1!important;transform:none!important}}

/* V19 PREVIEW: genuine stock footage with fail-safe poster for blocked CDN / reduced motion */
.hero-video,.page-hero-video,.gateway-video,.cinema-video,.feature-video{opacity:0!important;transition:opacity .8s ease,transform 1.2s ease}
.hero-video.is-ready,.page-hero-video.is-ready{opacity:.92!important}
.gateway-video.is-ready{opacity:.86!important}
.cinema-video.is-ready,.feature-video.is-ready{opacity:1!important}
.hero-photo img,.page-hero-photo img{opacity:.75;transition:opacity .8s ease}
.hero-media.video-playing .hero-photo img,.page-hero-media.video-playing .page-hero-photo img{opacity:.06}
.gateway-card .gateway-media img{position:absolute;inset:0;width:100%;height:100%;opacity:.83;transition:opacity .8s ease}
.gateway-media.video-playing img{opacity:.10!important}
.cinema-media.video-playing .cinema-video,.feature-video-shell.video-playing .feature-video{opacity:1!important}
.hero-media.video-playing .hero-video,.page-hero-media.video-playing .page-hero-video{opacity:.92!important}
@media(prefers-reduced-motion:reduce){.cinematic-video{display:none!important}.hero-photo img,.page-hero-photo img,.gateway-media img{opacity:.78!important}}

/* DIYIA v20 | local audiovisual production and actual footage */
.hero-photo,.page-hero-photo{pointer-events:none}
.hero-video.is-ready,.page-hero-video.is-ready{z-index:0}
.hero-grid,.hero-rings,.hero-beam,.hero-noise,.page-grid,.page-rings,.page-beam{pointer-events:none}
.hero-media::after,.page-hero-media::after{z-index:2;pointer-events:none}
.hero-photo,.page-hero-photo{z-index:1}
.hero-grid,.hero-rings,.hero-beam,.hero-noise,.page-grid,.page-rings,.page-beam{z-index:2}
.film-chapter{display:inline-flex;align-items:center;min-height:24px;transition:opacity .25s ease,transform .25s ease}
.film-chapter.changing{opacity:0;transform:translateY(6px)}
.film-toggle{border:1px solid rgba(255,255,255,.25);background:rgba(9,9,9,.6);color:#fff;border-radius:5px;padding:.43rem .75rem;letter-spacing:.04em;font-size:.75rem;white-space:nowrap;transition:background .2s ease}
.film-toggle:hover{background:rgba(245,130,32,.55)}
.hero-bottom-line .container{align-items:center}
.cinema-still,.cinema-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cinema-media .cinema-poster{z-index:0}
.cinema-media .cinema-video{z-index:1}
.cinema-media .cinema-overlay{z-index:2;pointer-events:none}
.cinema-media .cinema-still{filter:contrast(1.05) saturate(.9)}
.feature-video-shell .cinema-poster{z-index:0}
.feature-video-shell .feature-video{z-index:1}
.feature-video-shell .feature-video-overlay{z-index:2;pointer-events:none}
.feature-video-shell .feature-tag{z-index:3}
/* A separate full-bleed cinematic moment from the user's second clip */
.film-interlude{position:relative;min-height:clamp(530px,74svh,820px);display:flex;align-items:center;overflow:hidden;background:#050505}
.film-interlude-media,.film-interlude-overlay{position:absolute;inset:0}
.film-interlude-media video,.film-interlude-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film-interlude-media img{z-index:0}
.film-interlude-media video{z-index:1;opacity:0;transition:opacity .8s ease}
.film-interlude-media video.is-ready{opacity:1}
.film-interlude-overlay{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.91),rgba(0,0,0,.35) 65%,rgba(0,0,0,.18))}
.film-interlude-copy{position:relative;z-index:3;padding:6rem 0;max-width:1150px}
.film-interlude-copy h2{font-size:clamp(2.5rem,6vw,5.7rem);max-width:850px}
.film-interlude-copy p{max-width:510px;color:#ddd;font-size:1.04rem}
.film-interlude-copy .button-ghost{margin-top:1rem;display:inline-flex}
/* Keep stock visuals and user-provided visuals clearly illustrative: no false claim of portfolio work. */
@media(max-width:860px){.film-toggle{font-size:.68rem}.hero-bottom-line .container{gap:.35rem}.film-chapter{font-size:.7rem}.film-interlude-copy{padding:5rem 0}}
@media(max-width:640px){.hero-bottom-line{padding:.52rem 0}.hero-bottom-line .container{display:grid;grid-template-columns:1fr auto;gap:.25rem}.hero-bottom-line .container>span:nth-of-type(2){display:none}.film-chapter{letter-spacing:0;font-size:.68rem;max-width:220px}.film-toggle{padding:.42rem .52rem}.cinema-card,.feature-video-shell{min-height:390px}}
@media(prefers-reduced-motion:reduce){.film-interlude-media video,.cinematic-video{display:none!important}.film-chapter{transition:none}}


/* v21 / Video-first performance pass */
/* A fallback photograph is never composited over an actual playing frame. */
.hero-media.video-playing .hero-photo,
.page-hero-media.video-playing .page-hero-photo,
.gateway-media.video-playing > img,
.cinema-media.video-playing > .cinema-poster,
.feature-video-shell.video-playing > .cinema-poster,
.film-interlude-media.video-playing > img { display:none !important; }
.hero-photo img,.page-hero-photo img {opacity:1 !important;filter:none !important;transition:none !important;}
.hero-video,.page-hero-video,.gateway-video,.cinema-video,.feature-video,
.film-interlude-media video {filter:none !important;transform:none !important;transition:none !important;}
.hero-video.is-ready,.page-hero-video.is-ready,.hero-media.video-playing .hero-video,
.page-hero-media.video-playing .page-hero-video,.gateway-video.is-ready,
.cinema-video.is-ready,.feature-video.is-ready,.film-interlude-media video.is-ready {opacity:1 !important;}
/* Keep intentional shading for legible titles, remove graphics on top of footage. */
.hero-media .hero-grid,.hero-media .hero-rings,.hero-media .hero-beam,.hero-media .hero-noise,
.page-hero-media:has(video) .page-grid,.page-hero-media:has(video) .page-rings,
.page-hero-media:has(video) .page-beam,.page-hero-media:has(video) .hero-noise,
.gateway-card:has(video) .gateway-grid-overlay {display:none !important;}
.hero-media::after,.page-hero-media::after {
  background:linear-gradient(90deg,rgba(0,0,0,.77),rgba(0,0,0,.32) 74%),
             linear-gradient(0deg,rgba(0,0,0,.73),transparent 68%) !important;
}
/* Avoid expensive full-width live backdrop blur over constantly playing video. */
.site-header .nav-wrap,.anchor-rail,.cinema-kicker,.feature-tag {
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
}
.site-header .nav-wrap {background:rgba(5,5,5,.9) !important;}
.anchor-rail {background:rgba(5,5,5,.97) !important;}
.cinema-kicker,.feature-tag {background:rgba(5,5,5,.82) !important;}
.cinema-card:hover .cinema-video,.feature-video-shell:hover .feature-video,
.gateway-card:hover .gateway-video {transform:none !important;}
/* GPU work stays limited to short, one-time entrance animations. */
.reveal{transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1) !important;}
.cinema-card.alt{transform:none !important;}
/* The signal rail is informational: pause on hover and when the user prefers less motion. */
.signal-marquee:hover .signal-track{animation-play-state:paused;}
@media(prefers-reduced-motion:reduce){
  .cinematic-video{display:none !important;}
  .hero-photo,.page-hero-photo,.cinema-poster,.gateway-media img,.film-interlude-media img{display:block !important;}
  .signal-track{animation:none !important;}
}

@media(max-width:700px){
 .signal-marquee{overflow-x:auto;scrollbar-width:none;}
 .signal-track{animation:none !important;padding-left:1rem;}
 .signal-marquee::-webkit-scrollbar{display:none;}
}
/* v21 final layout calibration after desktop/mobile visual inspection. */
.hero-panel,.page-hero-panel{width:var(--container) !important;margin-inline:auto;padding-bottom:3.6rem;}
.hero-copy h1,.page-hero-copy h1{font-size:clamp(3.1rem,5.6vw,5.25rem);line-height:1.03;}
.hero-cinematic,.page-hero{padding-bottom:3.2rem;}
@media(max-width:700px){
  .hero-panel,.page-hero-panel{width:calc(100vw - 2rem) !important;padding-bottom:3.7rem;}
  .hero-copy h1,.page-hero-copy h1{font-size:clamp(2.6rem,9.5vw,3.4rem);line-height:1.06;}
  .hero-cinematic .floating-card,.page-hero .floating-card{display:none;}
  .hero-cinematic,.page-hero{min-height:100svh;padding-top:7rem;align-items:center;}
  .hero-meta{gap:.45rem;font-size:.83rem;}
  .hero-meta span{display:flex;}
}
@media(max-width:700px){
 .whatsapp-float{bottom:5.9rem;right:.8rem;width:52px;height:52px;}
 .whatsapp-icon{width:25px;height:25px;}
 .hero-bottom-line .container{grid-template-columns:minmax(0,1fr) auto;align-items:center;}
 .film-chapter{max-width:none;font-size:.66rem;line-height:1.3;}
 .film-toggle{font-size:.67rem;padding:.55rem .62rem;}
}