*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0d0c;color:#f1f0e8;font-family:"DM Sans",sans-serif}a{text-decoration:none;color:inherit}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #242824;position:sticky;top:0;z-index:20;background:rgba(11,13,12,.86);backdrop-filter:blur(16px)}.brand{font-family:"Space Grotesk";font-weight:700;letter-spacing:.08em;font-size:15px}.brand-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#b7f34a;margin-right:9px;box-shadow:0 0 18px #b7f34a}.nav nav{display:flex;gap:30px;color:#a9aea5;font-size:14px}.nav nav a:hover{color:#fff}.nav-btn{border:1px solid #4d554d;background:transparent;color:#fff;border-radius:100px;padding:10px 17px;cursor:pointer}.hero{min-height:720px;padding:90px 8vw 70px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;background:radial-gradient(circle at 75% 45%,#25301e 0,#121712 24%,#0b0d0c 58%)}.eyebrow{font-size:11px;letter-spacing:.2em;color:#98a190;font-weight:700;margin:0 0 18px}.hero h1,.intro h2,.section-heading h2,.supply h2{font-family:"Space Grotesk";font-size:clamp(52px,7vw,100px);line-height:.94;letter-spacing:-.06em;margin:0}.hero h1 em{font-style:normal;color:#b7f34a}.hero-text{max-width:560px;color:#aeb4aa;font-size:18px;line-height:1.7;margin:28px 0}.hero-actions{display:flex;gap:14px;align-items:center}.primary{background:#b7f34a;color:#10130d;padding:14px 20px;border-radius:100px;font-weight:700}.secondary{padding:14px 20px;color:#c4c8c0}.stats{display:flex;gap:48px;margin-top:65px}.stats strong{font:700 28px "Space Grotesk";display:block}.stats span{color:#747c72;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.orbital{height:500px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #424c3d;border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:420px;height:230px}.orbit-b{width:260px;height:430px;transform:rotate(65deg)}.core{width:135px;height:135px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d8ff82,#779b39 35%,#1a2515 75%);display:grid;place-items:center;font:700 24px "Space Grotesk";color:#10140d;box-shadow:0 0 90px #8dbb3e55}.planet{position:absolute;background:#161c15;border:1px solid #58664d;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font:700 12px "Space Grotesk";color:#d6ff8e}.p1{top:95px;right:80px}.p2{bottom:75px;left:90px}.p3{top:205px;left:20px}.p4{bottom:110px;right:35px}.intro,.supply{padding:120px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid #242824}.intro h2,.supply h2{font-size:clamp(42px,5vw,70px)}.intro h2 span,.supply h2 span{color:#b7f34a}.intro>p,.supply-copy>p{color:#969d93;line-height:1.9;font-size:17px;max-width:570px;margin:40px 0 0}.elements-section{padding:110px 8vw;background:#10130f}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-heading h2{font-size:clamp(44px,5vw,70px)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:#171c16;border:1px solid #30372f;color:#9ba299;padding:9px 14px;border-radius:100px;cursor:pointer}.filter.active,.filter:hover{background:#b7f34a;color:#10130d;border-color:#b7f34a}.element-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.element{min-height:155px;border:1px solid #30372f;background:#151915;padding:17px;cursor:pointer;position:relative;overflow:hidden;transition:.2s}.element:hover{transform:translateY(-5px);border-color:#8fae5b;background:#1a2118}.element .num{font-size:10px;color:#657060}.element .symbol{font:700 38px "Space Grotesk";margin-top:22px}.element .name{font-size:12px;color:#8d958a}.element .group{position:absolute;right:12px;top:12px;font-size:9px;color:#6d7669}.applications{padding:120px 8vw}.application-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.app-card{min-height:260px;border:1px solid #30372f;background:#131713;padding:30px;display:flex;flex-direction:column;justify-content:end}.app-card.large{grid-row:span 2;min-height:530px;background:linear-gradient(145deg,#1a2117,#111510)}.app-icon{font-size:34px;color:#b7f34a;margin-bottom:auto}.app-card p{font-size:10px;letter-spacing:.18em;color:#8d958a;font-weight:700}.app-card h3{font:600 25px "Space Grotesk";margin:5px 0 12px}.app-card span{font-size:12px;color:#737c70}.supply{background:#b7f34a;color:#10130d;grid-template-columns:.9fr 1.1fr}.supply .eyebrow{color:#40512d}.supply h2 span{color:#30451d}.supply-copy>p{color:#30412a}.supply-line{display:flex;flex-direction:column;justify-content:center}.supply-line div{display:grid;grid-template-columns:45px 1fr 1fr;align-items:center;border-bottom:1px solid #91c03e;padding:19px 0}.supply-line b{font-size:11px;color:#4e692d}.supply-line strong{font:600 18px "Space Grotesk"}.supply-line span{font-size:13px;color:#536b36}footer{padding:50px 8vw;display:flex;justify-content:space-between;align-items:end;border-top:1px solid #242824;color:#777f74}footer p{font-size:12px;margin:15px 0 0}.footer-note{font-size:11px}.modal{display:none;position:fixed;inset:0;z-index:50}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#000b;backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(600px,90vw);background:#171c16;border:1px solid #56614f;padding:40px;z-index:1;box-shadow:0 25px 100px #000}.close{position:absolute;right:18px;top:12px;border:0;background:none;color:#9ca49a;font-size:30px;cursor:pointer}.modal-symbol{font:700 72px "Space Grotesk";color:#b7f34a}.modal-card h3{font:700 34px "Space Grotesk";margin:8px 0}.modal-card .meta{color:#8d9789;font-size:13px}.modal-card p{color:#adb4aa;line-height:1.8}.modal-card .uses{margin-top:25px;padding-top:20px;border-top:1px solid #30372f}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.orbital{height:360px}.element-grid{grid-template-columns:repeat(3,1fr)}.intro,.supply{grid-template-columns:1fr;gap:20px}.application-grid{grid-template-columns:1fr 1fr}.app-card.large{grid-row:auto;min-height:300px}.supply{padding-top:80px;padding-bottom:80px}}@media(max-width:560px){.nav{padding:0 20px}.nav-btn{display:none}.hero,.intro,.elements-section,.applications,.supply{padding-left:22px;padding-right:22px}.hero h1{font-size:56px}.orbital{transform:scale(.75);margin:-30px}.stats{gap:25px}.section-heading{display:block}.filters{margin-top:25px}.element-grid{grid-template-columns:repeat(2,1fr)}.application-grid{grid-template-columns:1fr}footer{padding:40px 22px;display:block}.footer-note{margin-top:25px}}