:root{--bg:#05090e;--panel:#0a141f;--panel2:#0e1c2a;--text:#f4f7f8;--muted:#a8b4bb;--line:rgba(255,255,255,.1);--green:#61ef47;--green2:#25c86b;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 7%,rgba(55,219,99,.12),transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:14px 28px;background:rgba(5,9,14,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand img{display:block;width:250px;max-height:58px;object-fit:contain;object-position:left center}.site-nav{display:flex;align-items:center;gap:20px}.site-nav a{text-decoration:none;color:var(--muted);font-size:.9rem}.site-nav a:hover{color:var(--text)}.nav-cta{padding:9px 15px;border:1px solid rgba(97,239,71,.65);border-radius:999px;color:var(--text)!important}.menu-button{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:9px 12px}.hero,.section,footer{max-width:var(--max);margin:auto;padding-left:28px;padding-right:28px}.hero{min-height:82vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-top:82px;padding-bottom:100px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:var(--green);margin:0 0 16px}.hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.98;letter-spacing:-.065em;margin:0 0 24px}.hero-text,.lead{font-size:1.12rem;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:12px;text-decoration:none;font-weight:800}.primary{background:linear-gradient(135deg,var(--green),var(--green2));color:#041007}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.035)}.hero-metrics{display:flex;gap:28px;flex-wrap:wrap;margin-top:42px}.hero-metrics div{display:flex;flex-direction:column}.hero-metrics strong{font-size:1.6rem}.hero-metrics span{font-size:.82rem;color:var(--muted)}.screenshot-collage{position:relative;min-height:520px}.shot{position:absolute;margin:0;border:1px solid var(--line);background:#0a1017;border-radius:22px;padding:8px;box-shadow:0 26px 65px rgba(0,0,0,.5);overflow:hidden}.shot img{display:block;width:100%;border-radius:15px}.shot-main{width:72%;right:4%;top:4%;transform:rotate(2deg);z-index:3}.shot-left{width:48%;left:0;bottom:3%;transform:rotate(-4deg);z-index:4}.shot-right{width:41%;right:0;bottom:0;transform:rotate(5deg);z-index:5}.section{padding-top:105px;padding-bottom:105px;border-top:1px solid var(--line)}.section h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.07;letter-spacing:-.045em;margin:0 0 24px}.intro{text-align:center}.intro .lead{margin:0 auto 50px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);text-align:left;gap:14px}.workflow>div,.education-grid article{padding:25px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}.workflow span{color:var(--green);font-weight:800}.workflow strong{display:block;margin:14px 0 6px}.workflow p,.education-grid p{margin:0;color:var(--muted);font-size:.92rem}.split,.library-section,.demo-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.reverse .section-copy{order:2}.section-copy p,.library-copy>p,.demo-section>div>p{color:var(--muted)}.feature-list{padding:0;list-style:none;margin:28px 0}.feature-list li{padding:11px 0;border-bottom:1px solid var(--line)}.feature-list li:before{content:'✓';color:var(--green);font-weight:800;margin-right:10px}.text-link{font-weight:800;text-decoration:none;color:var(--green)}.media-panel{padding:10px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.035);box-shadow:0 25px 70px rgba(0,0,0,.35)}.media-panel img{display:block;width:100%;border-radius:16px}.academy-panel{max-width:430px;margin:auto}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.library-grid div{padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.03)}.library-grid strong,.library-grid span{display:block}.library-grid span{font-size:.86rem;color:var(--muted);margin-top:6px}.library-quote{border-left:3px solid var(--green);padding-left:18px;font-weight:700;color:var(--text)!important}.phone-frame{max-width:340px;margin:auto;padding:11px;border-radius:34px;background:#111820;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 80px rgba(0,0,0,.45)}.phone-frame img{display:block;width:100%;border-radius:25px}.demo-card{display:grid;gap:14px;padding:28px;border:1px solid rgba(97,239,71,.25);border-radius:22px;background:linear-gradient(145deg,rgba(97,239,71,.11),rgba(255,255,255,.02))}.demo-card>div{padding-bottom:14px;border-bottom:1px solid var(--line)}.demo-card span{display:block;color:var(--green);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.demo-card strong{display:block;font-size:1.15rem;margin:4px 0}.demo-card p{margin:0;color:var(--muted)}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.education-grid h3{margin-top:0}.pilot-card{margin-top:28px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:22px;background:linear-gradient(125deg,rgba(97,239,71,.12),rgba(37,200,107,.05));border:1px solid rgba(97,239,71,.22)}.pilot-card h3{font-size:1.6rem;margin:10px 0 5px}.pilot-card p{color:var(--muted);margin:0}.status{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-weight:800}.contact{text-align:center;background:linear-gradient(180deg,transparent,rgba(97,239,71,.06))}.contact p{color:var(--muted)}.contact .hero-actions{justify-content:center}footer{display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;padding-top:36px;padding-bottom:36px;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}footer img{width:220px;max-height:60px;object-fit:contain;object-position:left center}@media(max-width:980px){.brand img{width:190px}.site-nav{gap:13px}.site-nav a{font-size:.8rem}}@media(max-width:880px){.menu-button{display:block}.site-nav{display:none;position:absolute;top:76px;left:18px;right:18px;flex-direction:column;align-items:stretch;padding:18px;background:#09131d;border:1px solid var(--line);border-radius:16px}.site-nav.open{display:flex}.hero,.split,.library-section,.demo-section{grid-template-columns:1fr}.hero{padding-top:60px}.screenshot-collage{margin-top:10px}.reverse .section-copy{order:0}.workflow{grid-template-columns:1fr 1fr}.education-grid{grid-template-columns:1fr}.pilot-card{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr}}@media(max-width:560px){.site-header,.hero,.section,footer{padding-left:18px;padding-right:18px}.brand img{width:175px}.hero{padding-top:45px;padding-bottom:75px}.hero h1{font-size:3rem}.hero-metrics{gap:18px}.hero-metrics div{width:44%}.section{padding-top:76px;padding-bottom:76px}.workflow,.library-grid{grid-template-columns:1fr}.screenshot-collage{min-height:420px}.shot-main{width:80%;right:1%}.shot-left{width:53%}.shot-right{width:47%}.pilot-card{padding:24px}}
.electrical-section{display:block}.electrical-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.electrical-heading>div{max-width:760px}.electrical-logo{width:min(410px,38vw);max-height:150px;object-fit:contain;object-position:right center;border-radius:12px}.electrical-lead{margin:0 0 42px}.electrical-gallery{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:auto auto;gap:18px}.electrical-card{margin:0;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03);overflow:hidden}.electrical-card-wide{grid-row:span 2}.electrical-card img{display:block;width:100%;height:100%;max-height:690px;object-fit:cover;object-position:top center;background:#060a10}.electrical-card:not(.electrical-card-wide) img{max-height:335px}.electrical-card figcaption{padding:18px 20px;border-top:1px solid var(--line)}.electrical-card figcaption strong,.electrical-card figcaption span{display:block}.electrical-card figcaption span{margin-top:5px;color:var(--muted);font-size:.9rem}.electrical-features{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:34px}
@media(max-width:880px){.electrical-heading{align-items:flex-start;flex-direction:column}.electrical-logo{width:330px;max-width:100%;object-position:left center}.electrical-gallery{grid-template-columns:1fr}.electrical-card-wide{grid-row:auto}.electrical-card img,.electrical-card:not(.electrical-card-wide) img{max-height:none}.electrical-features{grid-template-columns:1fr}}
/* v4: accurate game imagery and compact electrical presentation */
.screenshot-collage .shot img{aspect-ratio:9/16;object-fit:cover;object-position:top center}
.screenshot-collage .shot-main{width:49%;right:19%;top:0;transform:rotate(1deg)}
.screenshot-collage .shot-left{width:35%;left:0;bottom:2%;transform:rotate(-3deg)}
.screenshot-collage .shot-right{width:35%;right:0;bottom:1%;transform:rotate(3deg)}
.electrical-content-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:42px;align-items:start}
.compact-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.compact-gallery .electrical-card{border-radius:18px}
.compact-gallery .electrical-card img{width:100%;height:330px;max-height:none;object-fit:cover;object-position:top center}
.compact-gallery .electrical-card figcaption{padding:14px 15px}
.compact-gallery .electrical-card figcaption span{font-size:.82rem}
.electrical-library-panel{padding:30px;border:1px solid rgba(97,239,71,.22);border-radius:22px;background:linear-gradient(145deg,rgba(97,239,71,.08),rgba(255,255,255,.025))}
.electrical-library-panel h3{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1;margin:0 0 18px}
.electrical-library-panel>p{color:var(--muted)}
.electrical-library-list{display:grid;gap:0;margin:24px 0}
.electrical-library-list div{padding:14px 0;border-bottom:1px solid var(--line)}
.electrical-library-list strong,.electrical-library-list span{display:block}
.electrical-library-list span{color:var(--muted);font-size:.86rem;margin-top:4px}
.library-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:980px){.electrical-content-grid{grid-template-columns:1fr}.compact-gallery .electrical-card img{height:420px}}
@media(max-width:720px){.compact-gallery{grid-template-columns:1fr}.compact-gallery .electrical-card img{height:auto;max-height:560px}.electrical-library-panel{padding:22px}.screenshot-collage .shot-main{width:54%;right:17%}.screenshot-collage .shot-left,.screenshot-collage .shot-right{width:37%}}

/* Fix: sticky header was covering section tops when jumping via nav anchor links */
.section, .hero { scroll-margin-top: 90px; }

.nav-login{
  color:#dbe6df;text-decoration:none;font-weight:700;padding:.7rem 1rem;
  border:1px solid rgba(116,232,67,.35);border-radius:999px;margin-left:auto;
}
.full-access{background:linear-gradient(135deg,rgba(31,83,50,.18),rgba(6,12,16,.2));}
#electrical .screen-grid img,#automotive .screen-grid img{
  max-height:520px;object-fit:contain;background:#060a0f;
}
@media(max-width:820px){
  .nav-login{display:none}
  #electrical .screen-grid img,#automotive .screen-grid img{max-height:420px}
}

/* Electrical section: blue accent instead of green, scoped so automotive is untouched */
#electrical{--electrical-blue:#4da6ff;--electrical-blue2:#2f8ae0;}
#electrical .eyebrow{color:var(--electrical-blue);}
#electrical .feature-list li:before{color:var(--electrical-blue);}
#electrical .electrical-library-panel{
  border:1px solid rgba(77,166,255,.28);
  background:linear-gradient(145deg,rgba(77,166,255,.10),rgba(255,255,255,.025));
}
#electrical .button.primary.electrical-cta{
  background:linear-gradient(135deg,var(--electrical-blue),var(--electrical-blue2));
  color:#04101f;
  display:inline-flex;margin-top:20px;
}