:root{--lime:#d4f52b;--coal:#24282b;--soft:#f3f4ec;--muted:#b6beb0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--coal);color:var(--soft);font:16px/1.65 system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1320px;margin:auto}header{padding:34px 52px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff20}.wordmark{font-weight:900;font-size:21px;text-decoration:none;letter-spacing:-.6px}.wordmark span{color:var(--lime)}.wordmark small{display:block;font-size:9px;letter-spacing:2.2px;color:var(--muted);font-weight:500}nav{display:flex;gap:34px}nav a{font-size:13px;text-decoration:none}nav a:hover{color:var(--lime)}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:740px;padding:62px 52px 72px;gap:34px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#c6d297}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:10px}h1{font-size:clamp(44px,5.4vw,76px);line-height:1.06;letter-spacing:-4px;margin:25px 0;font-weight:750}h1 em{font-style:normal;color:var(--lime)}.tagline{font-weight:600;font-size:17px}.intro{color:#c0c7bb;max-width:480px;font-size:15px;margin-bottom:28px}.button{display:inline-flex;gap:36px;align-items:center;background:var(--lime);color:var(--coal);text-decoration:none;padding:15px 22px;border-radius:9px;font-weight:700;font-size:13px}.button:hover{background:#e0ff4d}.hero-art{position:relative;display:grid;place-items:center;min-width:0;min-height:510px;background:radial-gradient(ellipse,#78884635,transparent 70%)}.hero-art img{position:relative;width:100%;max-width:380px;height:500px;object-fit:contain;z-index:1}.ring{position:absolute;border:1px solid #ccdfaa20;border-radius:50%;width:95%;aspect-ratio:1;transform:rotate(-20deg)}.ring-two{width:72%;border-style:dashed}.art-caption{position:absolute;bottom:0;right:0;z-index:2;background:#2e3330;border:1px solid #85925065;border-radius:12px;padding:18px 24px;box-shadow:0 14px 50px #0003}.art-caption span{font-size:8px;letter-spacing:2px;color:var(--lime)}.art-caption strong{display:block;font-size:20px;line-height:1.25;margin-top:8px}.vision{background:var(--soft);color:var(--coal);padding:68px 52px 78px;border-radius:32px}.section-heading .eyebrow{color:#677526}h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1.4px;margin:18px 0}.section-heading>p:last-child{color:#626a5d}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:44px}.features article{border-top:2px solid #9cab5b;padding-top:24px}.number{font-size:10px;letter-spacing:2px;color:#637126;font-weight:700}h3{font-size:23px;line-height:1.3;margin:20px 0 14px;letter-spacing:-.6px}.features p{font-size:14px;color:#596153}.features .feature-note{font-size:11px;color:#354024;margin-top:25px;font-weight:650}.launch{display:flex;align-items:center;justify-content:space-between;gap:55px;padding:78px 52px}.launch p{max-width:670px;color:#c0c7bb}.launch .eyebrow{color:var(--lime)}.badge{font-size:10px;letter-spacing:1px;white-space:nowrap;border:1px solid #899365;padding:13px 18px;border-radius:30px}.badge .dot{margin:0 0 0 10px}footer{border-top:1px solid #ffffff20;padding:35px 52px 48px}footer strong{font-size:13px;letter-spacing:2px}footer p{font-size:12px;color:var(--muted)}footer small{display:block;max-width:750px;font-size:11px;color:#9fa999;margin-top:12px}.skip{position:absolute;left:10px;top:-100px;padding:14px;background:var(--lime);color:var(--coal);z-index:10}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--lime);outline-offset:5px}@media(max-width:760px){header{padding:22px}.wordmark{font-size:17px}nav{gap:16px}nav a{font-size:11px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:34px 24px 48px;gap:10px;min-height:0}h1{letter-spacing:-2.5px;font-size:54px}.hero-art{min-height:350px}.hero-art img{height:350px;max-width:270px}.art-caption{padding:13px 18px;right:6px}.art-caption strong{font-size:17px}.vision{padding:38px 24px;border-radius:24px}.features{grid-template-columns:1fr;gap:26px;margin-top:30px}.launch{padding:42px 24px;flex-direction:column;align-items:flex-start;gap:16px}footer{padding:30px 24px}.eyebrow{letter-spacing:1.4px;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-art{overflow:hidden;border-radius:20px}

/* Bright brand accents and readable type across desktop and phone. */
:root{--lime:#e6ff00;--soft:#f6f6f2;--muted:#d0d3ce}
.wordmark,footer strong{color:var(--lime)}
.wordmark small{font-size:12px;line-height:1.5;letter-spacing:1.3px;font-weight:650;color:#e2e5dd;margin-top:5px}
.eyebrow{font-size:14px;line-height:1.6;letter-spacing:1.2px;color:var(--lime)}
.intro{font-size:17px;color:#d0d3ce}
.button{font-size:15px}
.button:hover{background:#f0ff66}
.section-heading .eyebrow,.number{display:inline-block;background:var(--lime);color:var(--coal);padding:5px 10px;border-radius:5px;font-size:13px;font-weight:800;letter-spacing:1px}
.section-heading>p:last-child{font-size:18px;color:#42484b}
h2,h3{text-transform:uppercase}
h2{letter-spacing:-.8px}
h3{font-size:24px;line-height:1.35;letter-spacing:-.3px}
.features article{border-top:3px solid var(--lime)}
.features p{font-size:17px;line-height:1.75;color:#383e41}
.features .feature-note{font-size:14px;line-height:1.6;color:#303638;font-weight:700}
.launch .eyebrow{font-size:17px;font-weight:800;letter-spacing:1.3px}
.launch p{font-size:17px;color:#d0d3ce}
.badge{font-size:13px;border-color:var(--lime)}
.art-caption{border-color:#e6ff0070;background:#292e2c}
.art-caption span{font-size:12px;line-height:1.5;letter-spacing:1px;font-weight:700}
footer strong{font-size:23px;letter-spacing:1px}
footer p{font-size:17px;color:#e2e5dd}
footer small{font-size:14px;line-height:1.75;color:#c3c9c0}
nav a{font-size:15px}
@media(max-width:760px){
  header{flex-wrap:wrap;gap:16px}
  .wordmark{font-size:21px}
  .wordmark small{font-size:11px}
  nav a{font-size:13px}
  .eyebrow{font-size:12px;letter-spacing:1px}
  .section-heading .eyebrow,.number{font-size:12px}
  h2{font-size:28px;line-height:1.3}
  h3{font-size:23px}
  .art-caption span{font-size:11px}
}
.app-link{background:var(--lime);color:var(--coal);padding:7px 13px;border-radius:7px;font-weight:750}.app-link:hover{background:#f0ff66;color:var(--coal)}nav{align-items:center}
