@font-face{font-family:Barlow;src:url('/assets/BarlowCondensed-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:BarlowItalic;src:url('/assets/BarlowCondensed-ExtraBoldItalic.ttf') format('truetype');font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:Space;src:url('/assets/SpaceGrotesk-variable.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{font-family:Space,Arial,sans-serif;color:#f3f2ec;background:#0b0d0f;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;min-width:320px;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
::selection{color:#0b0d0f;background:#d6ff3f}
:focus-visible{outline:3px solid #d6ff3f;outline-offset:4px}
.skip-link{position:absolute;z-index:100;top:-100px;left:1rem;background:#d6ff3f;color:#0b0d0f;padding:.75rem 1rem}
.skip-link:focus{top:1rem}
.shell{width:min(100% - 3rem,1380px);margin-inline:auto}
.site-header{position:relative;z-index:10;border-bottom:1px solid #2b3032;background:#0b0d0f}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.wordmark{font-family:BarlowItalic,Impact,sans-serif;font-style:italic;font-size:2.15rem;line-height:1;letter-spacing:-.055em;white-space:nowrap}
.wordmark span{color:#d6ff3f}
.site-header nav{display:flex;align-items:center;gap:2.5rem;margin-left:auto;color:#b5bbc0;font-size:.91rem}
.site-header nav a:hover,.text-link:hover{color:#d6ff3f}
.header-cta{border:1px solid #647036;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:#1a2117;padding:.8rem 1.1rem;min-height:44px;font-size:.9rem;font-weight:700;white-space:nowrap}
.header-cta span{color:#d6ff3f;margin-left:1rem}
.header-cta:hover{background:#2e3a1a}
.hero{display:grid;grid-template-columns:1fr .96fr;min-height:680px;align-items:center;gap:2.5rem;padding-block:3.5rem 4.5rem}
.hero-copy{position:relative;z-index:2;padding-block:3rem}
.eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:700;color:#d6ff3f;margin:0 0 1.5rem;text-transform:uppercase}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d6ff3f;margin-right:.6rem;box-shadow:0 0 0 4px #d6ff3f25}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:Barlow,Impact,'Arial Narrow',sans-serif;font-weight:800;line-height:.9;letter-spacing:-.025em}
h1{font-size:clamp(5rem,8vw,9rem);max-width:800px;margin-bottom:2rem}
h1 em,h2 em{font-family:BarlowItalic,Impact,sans-serif;font-weight:800;font-style:italic;color:#d6ff3f}
.hero-intro{max-width:565px;color:#bdc3c5;font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.55;margin-bottom:2.4rem}
.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.raised-button{min-height:62px;width:min(100%,340px);display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem 1.1rem 1.35rem;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));background:linear-gradient(#ecff9d 0%,#d6ff3f 20%,#d6ff3f 88%,#8fae21 89%);color:#0b0d0f;font:800 1.43rem/1 Barlow,Impact,sans-serif;letter-spacing:.02em;transition:transform .15s ease,filter .15s ease}
.raised-button span:last-child{font:500 1.6rem/1 Space,Arial,sans-serif}
.raised-button:hover{filter:brightness(1.08);transform:translateY(-2px)}
.raised-button:active{transform:translateY(2px)}
.text-link{font-weight:700;font-size:.95rem;text-decoration:underline;text-decoration-color:#637b20;text-underline-offset:.4rem}
.text-link span{color:#d6ff3f;margin-left:.6rem}
.hero-note{display:flex;align-items:center;gap:1rem;color:#8c969b;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-top:3rem}
.hero-note .line{width:26px;height:1px;background:#d6ff3f}
.hero-visual{position:relative;height:610px;display:grid;place-items:center;background:radial-gradient(circle at 50% 49%,#27342c 0,#172018 31%,#101411 57%,transparent 70%);isolation:isolate}
.visual-grid{position:absolute;inset:7% 2%;opacity:.34;background-image:linear-gradient(#71815426 1px,transparent 1px),linear-gradient(90deg,#71815426 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(circle,#000 15%,transparent 73%)}
.hero-orbit{position:absolute;inset:12%;border:1px solid #7d952c3d;border-radius:50%;transform:rotate(-14deg) scaleX(1.1)}
.orbit-two{inset:2%;border-color:#c4f03c18;transform:rotate(18deg) scaleX(.75)}
.phone-figure{position:relative;z-index:2;margin:0;transform:rotate(8deg) translate(1.2rem,.4rem)}
.phone-frame{position:relative;width:259px;padding:8px;border:2px solid #5c6559;border-radius:31px;background:#171b1e;box-shadow:0 30px 60px #000b,0 0 0 6px #131918}
.phone-frame img{display:block;width:100%;border-radius:22px}
.phone-camera{position:absolute;z-index:3;top:13px;left:50%;width:72px;height:15px;border-radius:0 0 12px 12px;background:#080b0c;transform:translateX(-50%)}
.phone-figure figcaption{position:absolute;bottom:-2.8rem;left:50%;transform:translateX(-50%) rotate(-8deg);color:#a7adb0;white-space:nowrap;font-size:.72rem;letter-spacing:.04em}
.vertical-tag{position:absolute;right:-1rem;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;color:#889087;font-size:.67rem;letter-spacing:.25em}
.hero-index{position:absolute;left:4%;bottom:12%;font-family:Barlow,Impact,sans-serif;font-size:2.7rem;color:#d6ff3f;display:flex;align-items:baseline;gap:.3rem}
.hero-index span:nth-child(2){color:#556047;font-size:1.2rem}
.hero-index span:last-child{color:#849084;font-size:1.5rem}
.marquee{overflow:hidden;border-block:1px solid #d6ff3f;background:#d6ff3f;color:#0b0d0f;white-space:nowrap}
.marquee div{width:max-content;padding:.8rem 0;font:800 1.5rem/1 Barlow,Impact,sans-serif;letter-spacing:.08em;word-spacing:1rem}
.marquee b{font-family:Space,Arial,sans-serif;font-size:1.1rem;margin-inline:1rem}
.plan-section{padding-block:7rem 8rem;background:#111518;border-bottom:1px solid #343a3f}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}
h2{font-size:clamp(3.8rem,6vw,6.8rem);margin-bottom:0}
.plan-content{padding-top:1.3rem}
.lead{font-size:clamp(1.3rem,2vw,1.85rem);line-height:1.4;max-width:630px;margin-bottom:2.8rem}
.steps{list-style:none;padding:0;margin:0;border-top:1px solid #343a3f}
.steps li{display:flex;gap:1.6rem;padding:1.45rem 0;border-bottom:1px solid #343a3f}
.step-number{font-family:Barlow,Impact,sans-serif;font-size:1.8rem;color:#d6ff3f;line-height:1}
.steps h3{font-size:1.08rem;margin:0 0 .5rem}
.steps p{font-size:.96rem;line-height:1.55;color:#a8adb2;margin:0;max-width:480px}
.features-section{padding-block:7rem 8rem}
.features-header{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:3rem}
.features-header p:last-child{max-width:300px;color:#a8adb2;line-height:1.5;font-size:1rem;margin:0 0 .3rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.feature-card{min-width:0;display:flex;flex-direction:column;min-height:550px;background:#181c20;border:1px solid #30363a;padding:1.3rem;overflow:hidden}
.feature-top{display:flex;align-items:center;justify-content:space-between;color:#d6ff3f;font-size:.72rem;font-weight:700;letter-spacing:.14em}
.feature-top span:last-child{font-size:1.25rem;letter-spacing:0}
.feature-art{height:294px;position:relative;overflow:hidden;display:grid;place-items:center;margin-block:1.5rem}
.training-art{background:radial-gradient(circle at 55% 60%,#2a3b23,#151c1b 55%,#13191a 70%);border:1px solid #33402d}
.training-art::before,.training-art::after{content:"";position:absolute;width:150px;height:150px;border:1px solid #b6e02c40;transform:rotate(45deg)}
.training-art::after{width:240px;height:240px;border-color:#b6e02c18}
.art-number{position:relative;z-index:1;font:800 10rem/.8 Barlow,Impact,sans-serif;letter-spacing:-.08em;color:#d6ff3f}
.art-caption{position:absolute;z-index:2;bottom:1.1rem;right:1.3rem;text-align:right;color:#efffb7;font:800 1.1rem/1 Barlow,Impact,sans-serif;letter-spacing:.1em}
.art-lines{position:absolute;inset:0;background:repeating-linear-gradient(-25deg,transparent 0 22px,#d6ff3f0c 23px 24px)}
.food-art{background:#20272a;border:1px solid #394349}
.food-ring{width:205px;height:205px;border-radius:50%;border:18px solid #d6ff3f;box-shadow:0 0 0 19px #2e3937,0 0 0 20px #5a6a5f,0 0 55px #d6ff3f1c}
.food-center{position:absolute;text-align:center;font:800 2.55rem/.95 Barlow,Impact,sans-serif;color:#f3f2ec}
.progress-art{background:radial-gradient(circle at 50% 50%,#35403c,#151c1e 65%);border:1px solid #394746}
.progress-art img{width:290px;max-width:none;filter:drop-shadow(0 0 18px #9affd61f)}
.scan-corner{position:absolute;width:30px;height:30px;border-color:#d6ff3f;border-style:solid}
.scan-corner.a{top:1.5rem;left:1.5rem;border-width:3px 0 0 3px}
.scan-corner.b{top:1.5rem;right:1.5rem;border-width:3px 3px 0 0}
.scan-corner.c{bottom:1.5rem;left:1.5rem;border-width:0 0 3px 3px}
.scan-corner.d{bottom:1.5rem;right:1.5rem;border-width:0 3px 3px 0}
.feature-card h3{font:800 2.45rem/.95 Barlow,Impact,sans-serif;margin:.6rem 0 .9rem;text-transform:uppercase}
.feature-card p{color:#adb5b7;line-height:1.52;font-size:.98rem;margin:0}
.download-section{padding-block:7rem 8rem;background:radial-gradient(circle at 90% 50%,#253012,#171d14 33%,#101411 65%);border-top:1px solid #3c5122;border-bottom:1px solid #3c5122}
.download-grid{display:grid;grid-template-columns:1fr .85fr;gap:4rem;align-items:center}
.download-grid h2{font-size:clamp(4.5rem,7.5vw,8.7rem)}
.download-right{padding-top:3rem}
.download-right>p:first-child{max-width:530px;font-size:1.5rem;line-height:1.45;margin-bottom:2rem}
.store-grid{display:flex;gap:1rem;flex-wrap:wrap}
.store-button{display:flex;gap:.9rem;align-items:center;min-width:205px;min-height:70px;padding:.8rem 1rem;border:1px solid #777f78;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));background:#141a18;color:#c4cdca}
.store-button small{display:block;font-size:.58rem;font-weight:700;letter-spacing:.09em}
.store-button strong{display:block;font-size:1.18rem;line-height:1.15;color:#f3f2ec}
.store-symbol{font-size:2rem;line-height:1}
.play-symbol{font-size:1.7rem;line-height:1}
.availability-note{margin:1.1rem 0 0;color:#a8adb2;font-size:.85rem}
.site-footer{background:#0b0d0f}
.footer-inner{min-height:130px;display:flex;align-items:center;gap:2rem}
.footer-inner p{margin:0 auto 0 0;color:#9ca6a9;font-size:.9rem}
.footer-inner small{color:#818b8f;font-size:.8rem}
@media(max-width:1100px){.hero{grid-template-columns:1fr .8fr;gap:0}.hero-visual{height:570px}.phone-frame{width:220px}h1{font-size:clamp(4.6rem,7.8vw,7.5rem)}.feature-card{min-height:510px}.feature-art{height:250px}.feature-card h3{font-size:2.1rem}}
@media(max-width:760px){.shell{width:min(100% - 2rem,600px)}.header-inner{min-height:68px}.site-header nav{display:none}.wordmark{font-size:1.8rem}.header-cta{font-size:.78rem;padding:.65rem .75rem}.header-cta span{margin-left:.4rem}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:3.8rem 4rem;gap:0}.hero-copy{padding:0}.hero h1{font-size:clamp(4.25rem,12vw,7rem);margin-bottom:1.4rem}.hero-intro{font-size:1.08rem}.hero-visual{height:490px;margin-top:1.5rem}.phone-frame{width:210px}.vertical-tag{right:0}.hero-index{left:1%;bottom:8%}.plan-section,.features-section,.download-section{padding-block:5rem}.plan-grid,.download-grid{grid-template-columns:1fr;gap:2rem}.plan-content{padding:0}.features-header{align-items:start;flex-direction:column;gap:1.4rem}.feature-grid{grid-template-columns:1fr;gap:1rem}.feature-card{min-height:0}.feature-art{height:260px}.download-right{padding:0}.footer-inner{padding-block:2rem;min-height:0;flex-wrap:wrap;gap:1.2rem}.footer-inner p{flex-basis:50%}.footer-inner small{margin-left:auto}}
@media(max-width:460px){.hero h1{font-size:clamp(3.55rem,12.7vw,5.2rem)}.hero-actions{gap:1.35rem}.raised-button{width:100%}.hero-note{line-height:1.5}.hero-visual{height:430px}.phone-frame{width:179px}.phone-figure{transform:rotate(7deg) translate(.4rem,0)}.phone-figure figcaption{font-size:.64rem}.hero-index{font-size:2.1rem}.marquee div{font-size:1.2rem}.plan-section h2,.features-section h2{font-size:3.9rem}.lead{font-size:1.25rem}.download-grid h2{font-size:4.4rem}.download-right>p:first-child{font-size:1.25rem}.store-button{width:100%}.footer-inner p{flex-basis:auto}.footer-inner small{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.raised-button{transition:none}.raised-button:hover,.raised-button:active{transform:none}}