:root{
  --green:#62e11f;
  --green2:#37ba17;
  --ink:#0c100d;
  --muted:#5d665f;
  --panel:#f4f7f4;
  --line:#dfe6df;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}
.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);z-index:20;border-bottom:1px solid rgba(0,0,0,.06)}
.brand-mark,.footer-brand{font-weight:900;letter-spacing:-.06em;font-size:1.55rem}.brand-mark span,.footer-brand span{color:var(--green2)}
.site-nav{display:flex;gap:28px;font-size:.94rem;font-weight:600}.site-nav a:hover{color:var(--green2)}
.menu-button{display:none;background:none;border:1px solid var(--line);padding:8px 12px;border-radius:8px}
.hero{min-height:760px;position:relative;display:flex;align-items:center;overflow:hidden;background:#000}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,6,.93) 0%,rgba(4,10,6,.72) 38%,rgba(4,10,6,.12) 72%,rgba(4,10,6,.04) 100%)}
.hero-content{position:relative;z-index:2;color:white;max-width:760px;margin-left:7vw;padding:90px 0}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:800;margin:0 0 15px}.eyebrow.green{color:var(--green2)}
.hero h1,.section h2{letter-spacing:-.045em;line-height:1.02;margin:0 0 24px}.hero h1{font-size:clamp(3rem,6vw,6.6rem)}.hero h1 span{color:var(--green)}
.hero-copy{font-size:1.25rem;max-width:680px;color:#eef5ef}
.hero-actions,.partner-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;font-weight:800;border:1px solid transparent}.button.primary{background:var(--green);color:#071006}.button.ghost{border-color:rgba(255,255,255,.5);color:white;background:rgba(0,0,0,.18)}.button.light{box-shadow:none}.button.ghost.light{border-color:#c9d4ca;color:#fff}
.section{padding:105px 7vw}.section-heading{max-width:900px;margin-bottom:54px}.section-heading.narrow{max-width:760px}.section h2{font-size:clamp(2.5rem,4.6vw,5rem)}.lead{font-size:1.22rem;color:var(--muted);max-width:760px}
.story-grid,.split,.inventor-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:start}.story-copy{font-size:1.09rem;max-width:800px}.story-copy blockquote{font-size:1.65rem;font-weight:800;line-height:1.3;margin:38px 0;padding-left:22px;border-left:5px solid var(--green)}
.story-card{background:var(--ink);color:white;border-radius:22px;padding:38px;position:sticky;top:110px}.story-number{font-size:4.8rem;font-weight:900;color:var(--green);line-height:1}.story-card h3{font-size:2rem;margin:12px 0}.story-arrow{margin-top:30px;padding-top:20px;border-top:1px solid #39433b;color:#bdc6bf;font-weight:700}
.dark{background:#0c100d;color:white}.dark .lead{color:#c6cec8}.split{grid-template-columns:1fr 1fr;align-items:center}.split.reverse{grid-template-columns:1fr 1fr}.steps{margin-top:35px}.step{display:flex;gap:18px;margin:26px 0}.step>span{font-weight:900;color:var(--green);font-size:1.2rem}.step h3{margin:0 0 4px}.step p{margin:0;color:#bfc9c1}
.image-card{background:#161b17;padding:14px;border-radius:18px;overflow:hidden}.image-card.white{background:#f3f5f3}.image-card img{width:100%;display:block;border-radius:11px}.image-card p{font-size:.8rem;color:#909a92;margin:9px 8px 0}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:18px}.feature .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#0e130f;color:var(--green);font-size:1.5rem;font-weight:900}.feature h3{font-size:1.3rem;margin:18px 0 10px}.feature p{color:var(--muted)}
.applications{background:#f8faf8}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.application-card{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.application-card span{color:var(--green2);font-weight:900}.application-card h3{font-size:1.45rem}.application-card p{color:var(--muted)}
.product-view{background:white}.check-list{list-style:none;padding:0;margin:28px 0 0}.check-list li{margin:12px 0;padding-left:28px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--green2);font-weight:900}
.partner-section{background:#101510}.partner-box{border:1px solid #2c382e;background:linear-gradient(135deg,#182019,#0e130f);border-radius:26px;padding:55px;color:white;display:flex;justify-content:space-between;gap:50px;align-items:center}.partner-box h2{font-size:clamp(2.3rem,4vw,4.6rem);max-width:800px}.partner-box p{color:#c8d0c9;max-width:770px}.partner-actions{min-width:260px;flex-direction:column}
.inventor-grid{grid-template-columns:1fr .75fr;align-items:center}.quote-card{font-size:clamp(2.1rem,4vw,4.2rem);line-height:1.05;font-weight:800;background:#f1f5f1;border-radius:24px;padding:45px}.quote-card strong{color:var(--green2)}
footer{background:#080b08;color:#c7cec8;padding:55px 7vw;text-align:center}.footer-brand{color:white;font-size:2rem}.footer-links{display:flex;justify-content:center;gap:24px;margin:18px 0}.footer-links a{color:var(--green)}footer small{display:block;color:#89928b}
@media (max-width:950px){.site-nav{display:none;position:absolute;top:73px;left:0;right:0;background:white;padding:20px 6vw;flex-direction:column;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.menu-button{display:block}.hero{min-height:700px}.hero-overlay{background:linear-gradient(90deg,rgba(4,10,6,.92),rgba(4,10,6,.55))}.story-grid,.split,.split.reverse,.inventor-grid{grid-template-columns:1fr}.story-card{position:static}.feature-grid,.application-grid{grid-template-columns:1fr 1fr}.partner-box{flex-direction:column;align-items:flex-start}.partner-actions{flex-direction:row;min-width:0}}
@media (max-width:620px){.section{padding:78px 6vw}.hero-content{margin:0 6vw}.hero{min-height:660px}.hero-copy{font-size:1.05rem}.feature-grid,.application-grid{grid-template-columns:1fr}.partner-box{padding:34px 26px}.partner-actions{flex-direction:column;width:100%}.partner-actions .button{width:100%}}
