@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--forest:#102b19;--forest-2:#173a23;--lime:#c5f468;--lime-2:#a7e650;--leaf:#5cba3e;--cream:#f5f7ec;--ink:#102319;--muted:#667263;--line:rgba(18,43,25,.14);--mono:'DM Mono',monospace;--sans:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.skip-link{position:absolute;top:-4rem;left:1rem;background:var(--lime);color:var(--forest);padding:.75rem 1rem;z-index:3000}.skip-link:focus{top:1rem}.site-nav{background:rgba(16,43,25,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(197,244,104,.13);padding:.7rem 0}.navbar-brand{font-size:.86rem;font-weight:700;letter-spacing:.12em;color:#f8ffef!important}.brand-icon{border-radius:11px}.brand-accent{color:var(--lime);margin-left:.16em}.nav-link{color:rgba(244,250,233,.77)!important;font-size:.92rem}.nav-link:hover{color:var(--lime)!important}.navbar-toggler{border-color:rgba(197,244,104,.4)}.navbar-toggler-icon{filter:invert(1)}.btn{font-family:var(--sans);font-weight:700;border-radius:6px;letter-spacing:-.02em;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-lime{background:var(--lime);color:var(--forest);border:1px solid var(--lime);box-shadow:0 8px 22px rgba(148,208,69,.14)}.btn-lime:hover,.btn-lime:focus{background:#d8ff91;color:#092012;border-color:#d8ff91;box-shadow:0 12px 30px rgba(148,208,69,.24)}.btn-dark-green{background:var(--forest);color:white;border:1px solid var(--forest)}.btn-dark-green:hover{background:#21452b;color:white}.nav-cta{padding:.56rem .9rem}
.hero-section{position:relative;isolation:isolate;overflow:hidden;background:var(--forest);color:#f8ffef;padding:145px 0 96px;min-height:730px}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(197,244,104,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(197,244,104,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}.hero-section:after{content:'';position:absolute;right:-150px;top:10%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(103,184,67,.18),transparent 67%);z-index:-1}.hero-wrap{position:relative}.eyebrow{font:500 .7rem var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--lime);display:flex;align-items:center;gap:.55rem;margin:0 0 1.35rem}.live-dot{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px rgba(197,244,104,.12);animation:pulse 2s infinite}.hero-copy h1{font-size:clamp(3.1rem,6vw,5.9rem);font-weight:700;line-height:.96;letter-spacing:-.075em;margin:0 0 1.4rem}.hero-copy h1 span,.play-intro h2 span,.download-copy h2 span{color:var(--lime)}.hero-lede{max-width:500px;color:rgba(244,250,233,.72);font-size:1.08rem;line-height:1.65;margin-bottom:2rem}.hero-actions .btn{padding:.9rem 1.25rem}.text-link{color:#eef8df;text-decoration:none;font-weight:600}.text-link:hover{color:var(--lime)}.hero-stats{display:flex;gap:2rem;margin-top:3.2rem}.hero-stats div{display:flex;flex-direction:column;border-left:1px solid rgba(197,244,104,.35);padding-left:.9rem}.hero-stats strong{font-size:1.7rem;line-height:1;letter-spacing:-.06em;color:var(--lime)}.stat-unit{font-size:1rem}.hero-stats span:last-child{font: .62rem var(--mono);text-transform:uppercase;color:rgba(244,250,233,.58);letter-spacing:.08em;margin-top:.45rem}.hero-visual{position:relative;min-height:410px;display:flex;align-items:center;justify-content:center}.hero-card{position:relative;z-index:2;width:min(100%,490px);background:#eaffc8;padding:13px;border:1px solid rgba(197,244,104,.8);box-shadow:0 30px 80px rgba(0,0,0,.3);transform:rotate(2deg);animation:card-float 6s ease-in-out infinite}.hero-card-top,.hero-card-caption{display:flex;justify-content:space-between;align-items:center;color:var(--forest);padding:.35rem .35rem .75rem;font:500 .6rem var(--mono);letter-spacing:.09em}.score-chip{background:var(--forest);color:#eaffc8;border-radius:999px;padding:.3rem .55rem;letter-spacing:.02em}.score-chip i,.apple-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#f44b34;margin-right:.3rem}.score-chip b{color:var(--lime);font-weight:500}.hero-screen{width:100%;display:block;border:1px solid rgba(16,43,25,.2);aspect-ratio:526/296;object-fit:cover}.hero-card-caption{padding:.7rem .35rem .15rem;justify-content:flex-start;gap:.3rem;letter-spacing:.015em}.hero-card-caption .apple-dot{background:#f53c35}.caption-arrow{margin-left:auto;font-size:1rem}.hero-orbit{position:absolute;border:1px dashed rgba(197,244,104,.23);border-radius:50%;transform:rotate(-20deg)}.orbit-one{width:520px;height:310px}.orbit-two{width:600px;height:390px;transform:rotate(28deg)}.floating-icon{position:absolute;z-index:3}.floating-apple{font-size:2.15rem;right:6%;top:6%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.3));animation:bob 4s ease-in-out infinite}.floating-spark{left:7%;bottom:10%;font-size:2.3rem;color:var(--lime);animation:spin 16s linear infinite}.hero-note{position:absolute;z-index:4;left:-2%;bottom:5%;background:var(--lime);color:var(--forest);display:flex;gap:.7rem;align-items:center;padding:.7rem .85rem;font-size:.76rem;font-weight:700;box-shadow:0 12px 25px rgba(0,0,0,.18);transform:rotate(-4deg)}.note-mark{font-size:1.3rem}.scroll-cue{position:absolute;bottom:-55px;left:12px;font: .58rem var(--mono);letter-spacing:.15em;color:rgba(244,250,233,.47);display:flex;align-items:center;gap:.7rem}.scroll-cue span{width:28px;height:1px;background:var(--lime)}
.ticker{background:var(--lime);overflow:hidden;white-space:nowrap;padding:.83rem 0;color:var(--forest)}.ticker-track{display:flex;justify-content:space-around;gap:2rem;min-width:max-content;animation:ticker 32s linear infinite;font:500 .7rem var(--mono);letter-spacing:.12em}.ticker-track b{font-size:1rem}.section-pad{padding:110px 0}.intro-section{background:var(--cream)}.dark-eyebrow{color:#568c3a}.section-heading{margin-bottom:3rem}.section-heading h2,.gallery-copy h2,.support-copy h2{font-size:clamp(2.6rem,4.5vw,4.6rem);line-height:.98;letter-spacing:-.07em;font-weight:700;margin:0}.section-heading h2 span,.gallery-copy h2 span,.support-copy h2 span{color:#6cae40}.section-intro,.gallery-copy>p:not(.eyebrow),.support-copy>p:not(.eyebrow){font-size:1.04rem;line-height:1.65;color:#586556;margin:0 0 .3rem;max-width:470px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{min-height:325px;position:relative;overflow:hidden;background:#e9efd9;padding:1.35rem;border:1px solid rgba(16,43,25,.08);transition:transform .35s,box-shadow .35s}.feature-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(30,60,22,.12)}.feature-card-wide{grid-column:span 2;background:#dff2c3}.feature-card-power{background:#edf2dd}.feature-card-maps{background:#d1e7b9}.feature-card-control{background:#e7eed5}.feature-number{font:500 .61rem var(--mono);letter-spacing:.12em;color:#648056}.feature-card h3{font-size:1.45rem;font-weight:700;letter-spacing:-.05em;margin:2.2rem 0 .55rem}.feature-card p{font-size:.92rem;line-height:1.55;color:#5c6e58;max-width:330px;margin:0}.feature-corner{position:absolute;right:1.2rem;bottom:1rem;font-size:1.4rem;color:#538b37}.apple-art{position:absolute;right:12%;top:23%;font-size:3.1rem}.apple-art i{font:500 .68rem var(--mono);position:absolute;top:4px;right:-30px;background:var(--forest);color:var(--lime);padding:.35rem .5rem;border-radius:999px;transform:rotate(9deg)}.power-icons{display:flex;gap:.65rem;position:absolute;right:1.3rem;top:1.25rem}.power-icons span{display:grid;place-items:center;width:42px;height:42px;background:#bde677;border-radius:50%;font-size:1.3rem;color:var(--forest)}.map-stack{position:absolute;right:1.2rem;top:1.2rem;display:flex;flex-direction:column;gap:.25rem;transform:rotate(8deg)}.map-stack span{font:500 .55rem var(--mono);padding:.27rem .4rem;background:#72ba45;color:white;box-shadow:0 2px 0 #48822b}.map-stack span:nth-child(2){transform:translateX(-11px);background:#8cc85b}.map-stack span:nth-child(3){transform:translateX(-21px);background:#a8d478}.control-art{position:absolute;right:1.1rem;top:1rem;display:grid;grid-template-columns:repeat(3,24px);gap:4px;text-align:center;color:#5e963e}.control-art span{font-size:.86rem;border:1px solid rgba(77,130,47,.3);padding:.22rem}.control-art span:nth-child(1){grid-column:2}.control-art span:nth-child(2){grid-column:1;grid-row:2}.control-art span:nth-child(3){grid-column:2;grid-row:2;background:#5b9f37;color:white;border-radius:50%}.control-art span:nth-child(4){grid-column:3;grid-row:2}.control-art span:nth-child(5){grid-column:2;grid-row:3}
.play-section{background:var(--forest);color:white;position:relative;overflow:hidden}.play-section:before{content:'';position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(106,174,64,.16),transparent 66%);right:-160px;bottom:-220px}.play-intro h2{font-size:clamp(2.7rem,4.8vw,4.4rem);line-height:.98;letter-spacing:-.075em;font-weight:700;margin:0 0 1.1rem}.play-intro>p:not(.eyebrow){color:rgba(245,255,235,.65);line-height:1.6;max-width:390px;margin:0 0 1.6rem}.control-hint{display:flex;align-items:center;gap:.35rem;margin-top:2rem;color:rgba(245,255,235,.5);font:.65rem var(--mono)}kbd{background:rgba(197,244,104,.13);color:var(--lime);border:1px solid rgba(197,244,104,.24);border-radius:4px;padding:.25rem .4rem;font:inherit}.control-hint span{margin-left:.45rem}.demo-shell{position:relative;background:#c1ee78;padding:12px;border:1px solid rgba(197,244,104,.7);box-shadow:0 25px 70px rgba(0,0,0,.25);transform:rotate(-1deg)}.demo-top,.demo-bottom{display:flex;justify-content:space-between;align-items:center;color:#24441d;padding:.4rem .3rem .65rem;font:500 .62rem var(--mono);letter-spacing:.04em}.demo-led{display:inline-block;width:7px;height:7px;background:#69ae3b;border-radius:50%;margin-right:.25rem}.demo-top b{color:#e64a38}.demo-shell canvas{display:block;width:100%;height:auto;aspect-ratio:5/3;background:#71c33a;border:1px solid rgba(14,61,20,.4);image-rendering:pixelated}.demo-bottom{padding:.65rem .3rem .1rem;min-height:48px}.demo-bottom #demo-message{font-size:.63rem;color:#4b7140}.demo-actions{display:flex;gap:.4rem}.demo-button{background:var(--forest);border:0;color:var(--lime);padding:.45rem .8rem;font:500 .63rem var(--mono);border-radius:4px}.demo-button-muted{background:rgba(16,43,25,.11);color:var(--forest);font-size:1rem;padding:.25rem .65rem}.demo-disclaimer{color:rgba(245,255,235,.4);font:.61rem var(--mono);margin:.9rem 0 0;text-align:right}.mobile-pad{display:none}
.gallery-section{background:#edf2dd}.screenshot-frame{background:#14331d;padding:12px;color:#c8ed8c;box-shadow:18px 18px 0 #d2e6b8;transform:rotate(-2deg)}.frame-top,.frame-bottom{display:flex;justify-content:space-between;gap:.5rem;font:500 .58rem var(--mono);letter-spacing:.08em;padding:.35rem .25rem .65rem}.frame-top span:last-child{color:#90c667}.screenshot-frame img{width:100%;display:block;aspect-ratio:526/296;object-fit:cover;border:1px solid rgba(197,244,104,.18)}.frame-bottom{padding:.65rem .25rem .35rem;font-size:.53rem;letter-spacing:.02em;color:rgba(217,244,183,.75)}.frame-bottom span:first-child{color:var(--lime);white-space:nowrap}.gallery-copy{padding-left:clamp(1rem,5vw,5rem)}.gallery-copy h2{margin:0 0 1.2rem}.gallery-facts{display:flex;gap:1rem;margin-top:2rem;border-top:1px solid var(--line);padding-top:1.2rem}.gallery-facts div{display:flex;gap:.55rem;flex:1}.gallery-facts b{font:500 .75rem var(--mono);color:#65a43d}.gallery-facts span{font-size:.73rem;font-weight:700;line-height:1.25}.gallery-facts small{font-size:.65rem;color:#75806e;font-weight:400}
.download-section{background:var(--cream);padding-top:30px}.download-panel{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;background:var(--forest);color:white;min-height:375px;padding:clamp(2rem,6vw,5rem);isolation:isolate}.download-orb{position:absolute;z-index:-1;width:450px;height:450px;right:8%;top:-20%;border:1px dashed rgba(197,244,104,.24);border-radius:50%;box-shadow:0 0 0 45px rgba(197,244,104,.035),0 0 0 95px rgba(197,244,104,.025)}.download-copy h2{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1;letter-spacing:-.07em;font-weight:700;margin:0 0 1rem}.download-copy>p:not(.eyebrow){color:rgba(245,255,235,.63);margin:0 0 1.5rem}.download-icon{position:relative;margin-right:9%;text-align:center;transform:rotate(7deg);animation:bob 5s ease-in-out infinite}.download-icon img{width:clamp(120px,18vw,190px);height:auto;border-radius:32px;box-shadow:0 25px 70px rgba(0,0,0,.3);border:5px solid rgba(245,255,235,.9)}.download-icon span{display:block;position:absolute;bottom:-15px;right:-22px;background:var(--lime);color:var(--forest);font:500 .53rem var(--mono);line-height:1.2;padding:.42rem .52rem;transform:rotate(-7deg)}.download-coordinate{position:absolute;bottom:1rem;right:1.1rem;font:.53rem var(--mono);letter-spacing:.14em;color:rgba(245,255,235,.35)}
.support-section{background:#eaf0dd}.support-copy h2{margin:0 0 1.1rem}.support-copy>p:not(.eyebrow){margin-bottom:1.6rem}.support-mail{color:var(--forest);font-weight:700;text-decoration:none;border-bottom:1px solid #80bc52;padding-bottom:.35rem}.support-mail:hover{color:#5b9638}.support-mail span{color:#6da846}.support-footnote{margin-top:2rem;font:.65rem var(--mono);color:#7a8575;max-width:280px}.contact-card{background:#f8faef;padding:clamp(1.4rem,4vw,2.5rem);border:1px solid rgba(16,43,25,.1);box-shadow:0 18px 45px rgba(31,55,23,.07)}.form-row{margin-bottom:1.2rem}.form-row label{display:block;font-size:.78rem;font-weight:700;margin-bottom:.42rem}.form-control{background:transparent;border:1px solid rgba(16,43,25,.22);border-radius:4px;padding:.8rem .9rem;font: .9rem var(--sans);color:var(--ink)}.form-control:focus{background:#fff;border-color:#6cae40;box-shadow:0 0 0 .2rem rgba(108,174,64,.15)}textarea.form-control{resize:vertical;min-height:130px}.form-control::placeholder{color:#9aa492}.form-meta{display:flex;justify-content:space-between;font:.6rem var(--mono);color:#85907f;margin-top:.4rem}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status{min-height:1.4rem;margin:.8rem 0 0;font-size:.81rem;font-weight:600}.form-status.success{color:#397d32}.form-status.error{color:#b23e2f}.form-smallprint{font-size:.66rem;color:#7c8677;margin:.3rem 0 0}.site-footer{background:#0a2011;color:rgba(245,255,235,.7);padding:2.2rem 0 1.3rem}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.6rem}.footer-brand{display:flex;align-items:center;gap:.45rem;color:#f7ffec;text-decoration:none;font-weight:700;font-size:.78rem;letter-spacing:.1em}.footer-brand img{border-radius:9px}.footer-brand span{color:var(--lime)}.footer-main p{font-size:.75rem;color:rgba(245,255,235,.5);margin:0}.footer-play{color:var(--lime);text-decoration:none;font-size:.78rem;font-weight:700}.footer-meta{border-top:1px solid rgba(197,244,104,.16);padding-top:1rem;display:flex;justify-content:space-between;gap:1rem;font:.57rem var(--mono);color:rgba(245,255,235,.4)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(197,244,104,0)}}@keyframes bob{50%{transform:translateY(-10px) rotate(4deg)}}@keyframes card-float{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-9px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:991.98px){.hero-section{padding-top:125px;min-height:auto}.hero-copy h1{font-size:clamp(3.5rem,9vw,5.2rem)}.hero-visual{min-height:370px;margin-top:1rem}.hero-note{left:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card-wide{grid-column:span 2}.gallery-copy{padding-left:12px}.download-icon{margin-right:4%}.navbar-collapse{padding:1rem 0}.navbar-nav{align-items:flex-start!important}.nav-cta{margin-top:.5rem}}
@media(max-width:767.98px){.section-pad{padding:76px 0}.hero-section{padding:115px 0 76px}.hero-copy h1{font-size:clamp(3rem,13vw,4.5rem)}.hero-lede{font-size:.98rem}.hero-stats{margin-top:2rem;gap:1.15rem}.hero-stats strong{font-size:1.45rem}.hero-stats span:last-child{font-size:.53rem}.hero-visual{min-height:320px}.hero-card{width:94%}.orbit-one{width:90%;height:260px}.orbit-two{width:100%;height:300px}.floating-apple{right:0;top:0}.hero-note{bottom:1%;font-size:.68rem}.scroll-cue{display:none}.ticker{padding:.67rem 0}.section-heading{margin-bottom:2rem}.section-heading h2,.gallery-copy h2,.support-copy h2{font-size:clamp(2.65rem,10vw,3.6rem)}.section-intro{font-size:.96rem}.feature-grid{gap:9px}.feature-card{min-height:290px;padding:1rem}.feature-card h3{font-size:1.2rem;margin-top:2.1rem}.feature-card p{font-size:.83rem}.feature-number{font-size:.55rem}.feature-card-wide{min-height:265px}.apple-art{top:22%;right:10%;font-size:2.5rem}.power-icons span{width:34px;height:34px}.play-intro{margin-bottom:.5rem}.demo-shell{transform:none}.control-hint{margin-top:1.4rem}.mobile-pad{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem 0 .1rem}.mobile-pad div{display:flex;gap:.35rem}.mobile-pad button{width:42px;height:38px;background:#dcf4bb;color:var(--forest);border:1px solid rgba(16,43,25,.2);border-radius:4px;font-size:1rem;touch-action:manipulation}.demo-disclaimer{text-align:center}.screenshot-frame{transform:none;box-shadow:9px 9px 0 #d2e6b8}.gallery-copy{padding-left:12px}.gallery-facts{gap:.3rem}.gallery-facts div{gap:.35rem}.gallery-facts span{font-size:.66rem}.gallery-facts small{font-size:.6rem}.download-section{padding-top:0}.download-panel{min-height:400px;padding:2rem 1.4rem;align-items:flex-start}.download-copy{position:relative;z-index:2;max-width:75%}.download-icon{position:absolute;right:1.1rem;bottom:3.6rem;margin:0}.download-icon img{width:106px;border-radius:22px;border-width:4px}.download-icon span{right:-12px;font-size:.46rem}.download-copy h2{font-size:2.5rem}.download-copy>p:not(.eyebrow){font-size:.89rem}.support-copy{margin-bottom:0}.contact-card{padding:1.3rem}.footer-main{flex-wrap:wrap}.footer-main p{order:3;width:100%}.footer-meta{flex-direction:column;gap:.4rem}}
@media(max-width:390px){.feature-grid{grid-template-columns:1fr}.feature-card-wide{grid-column:auto}.feature-card{min-height:240px}.feature-card h3{margin-top:1.5rem}.hero-actions{align-items:flex-start!important;flex-direction:column}.download-copy{max-width:100%}.download-icon{opacity:.55;right:.8rem;bottom:3.3rem}.gallery-facts{flex-wrap:wrap}.gallery-facts div{min-width:29%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
