.numloPage{--numloAccent:#f3ac6a;--numloLine:#ffffff20;color:var(--text);font:15px/1.7 var(--sans)}
.numloBack{display:inline-flex;align-items:center;gap:12px;margin-top:30px;font:9px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#bfc7c4}.numloBack>span{color:var(--numloAccent)}.numloBack:hover{color:var(--numloAccent)}
.numloHero{display:grid;grid-template-columns:minmax(0,1fr) 225px;align-items:center;gap:100px;padding-block:60px 66px}.numloOverline{font:10px/1.6 var(--mono);letter-spacing:.16em;color:var(--numloAccent);margin:0 0 25px}.numloOverline i{display:inline-block;width:5px;height:5px;background:#9bd7ae;border-radius:50%;margin-right:9px;vertical-align:middle}.numloHero h1{font:650 clamp(40px,5.4vw,69px)/1.04 var(--sans);letter-spacing:-.05em;margin:0 0 26px;text-wrap:balance}.numloIntro{font-size:16px;line-height:1.85;color:#bfc8c9;max-width:630px;margin:0 0 28px}.numloAppIcon{width:225px;height:auto;display:block;border-radius:30px;box-shadow:0 24px 70px #0007}.numloAppIdentity{text-align:center}.numloAppIdentity strong{display:block;font-size:18px;letter-spacing:.03em;margin-top:20px}.numloAppIdentity small{display:block;color:var(--muted);font:9px/1.6 var(--mono);letter-spacing:.1em;margin-top:7px}
.numloDownloadLinks{display:flex;gap:12px;flex-wrap:wrap}.numloStoreButton{display:inline-flex;align-items:center;gap:13px;min-height:62px;padding:11px 20px;border:1px solid #ffffff40;border-radius:4px;background:#f0eee8;color:#0c1215;transition:background .2s,transform .2s}.numloStoreButton:hover{background:#fff;color:#0c1215;transform:translateY(-2px)}.numloStoreButton img{display:block;width:25px;height:25px;flex-shrink:0}.numloStoreButton span{display:grid;text-align:left;line-height:1.2;gap:4px}.numloStoreButton small{font-size:9px;font-weight:450}.numloStoreButton strong{font-size:18px;font-weight:600;letter-spacing:-.025em}.numloStoreButton b{font-size:18px;margin-left:7px;font-weight:400}.numloStoreNote{font-size:10px;color:var(--muted);margin:17px 0 0;line-height:1.8}.numloPlatforms{display:flex;justify-content:space-between;gap:20px;padding-block:20px;border-block:1px solid var(--numloLine);font:9px/1.7 var(--mono);letter-spacing:.1em;color:var(--muted)}.numloPlatforms span:first-child{color:var(--numloAccent)}
.numloSectionHeading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.numloSectionHeading h2{font:550 34px/1.2 var(--sans);letter-spacing:-.035em;margin:0}.numloSectionHeading .numloOverline{margin-bottom:15px}.numloSectionHeading>p{font-size:12px;color:var(--muted);max-width:300px;margin:0}.numloScreens{padding-block:65px}.numloShotRail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:7px 0 18px;scrollbar-color:#766047 #141c1f;scrollbar-width:thin}.numloShotLink{display:block;min-width:0;scroll-snap-align:start}.numloShotLink img{display:block;width:100%;height:auto;aspect-ratio:720/1559;border-radius:5px;border:1px solid var(--numloLine)}.numloShotLink:hover img{border-color:var(--numloAccent)}.numloShotLink span{display:flex;justify-content:space-between;gap:10px;padding-top:12px;font:9px/1.7 var(--mono);color:var(--muted)}.numloShotLink b{font-weight:400;color:var(--numloAccent)}.numloScreenHint{font-size:10px;color:var(--muted);margin:8px 0 0}
.numloModes{border-top:1px solid var(--numloLine);padding-block:56px}.numloModeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:35px}.numloModeGrid article{border-top:1px solid var(--numloLine);padding-top:20px}.numloModeGrid small{font:10px var(--mono);color:var(--numloAccent)}.numloModeGrid h3{font-size:18px;font-weight:550;margin:19px 0 12px;letter-spacing:-.02em}.numloModeGrid p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.numloAppDetails{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:40px 56px;border-top:1px solid var(--numloLine)}.numloAppDetails h2{font-size:17px;font-weight:550;margin:0 0 15px}.numloAppDetails p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 14px}.numloAppDetails a{text-decoration:underline;text-underline-offset:4px}.numloLegal{max-width:850px;margin:40px 0 70px}.numloLegal h1{font:600 clamp(32px,4vw,46px)/1.2 var(--sans);letter-spacing:-.04em;margin:0 0 24px}.numloLegal h2{font-size:18px;font-weight:600;margin:35px 0 12px}.numloLegal p{font-size:14px;line-height:1.9;color:var(--muted)}.numloLegal a{text-decoration:underline;text-underline-offset:4px}.numloLegal code{color:var(--text);font-size:12px}
@media(max-width:1000px){.numloHero{gap:50px;grid-template-columns:minmax(0,1fr) 180px}.numloAppIcon{width:180px}.numloShotRail{grid-auto-columns:220px}.numloModeGrid{gap:28px}.numloPlatforms{flex-wrap:wrap}}
@media(max-width:680px){.numloBack{margin-top:24px;font-size:8px}.numloHero{display:flex;flex-direction:column-reverse;align-items:stretch;gap:32px;padding-block:35px 42px}.numloAppIdentity{display:flex;gap:18px;align-items:center;text-align:left}.numloAppIcon{width:92px;border-radius:18px;box-shadow:none}.numloAppIdentity strong{font-size:23px;margin:0}.numloAppIdentity small{font-size:8px}.numloHero h1{font-size:clamp(38px,11vw,45px);line-height:1.08}.numloIntro{font-size:14px}.numloOverline{font-size:8px;margin-bottom:20px}.numloDownloadLinks{gap:10px}.numloStoreButton{padding:11px 14px;gap:10px;min-height:60px;flex:1}.numloStoreButton img{width:22px;height:22px}.numloStoreButton b{display:none}.numloStoreButton strong{font-size:16px}.numloStoreButton small{font-size:8px}.numloPlatforms{display:grid;grid-template-columns:1fr 1fr;font-size:8px;gap:12px}.numloPlatforms span:nth-child(even){text-align:right}.numloScreens{padding-block:45px}.numloSectionHeading{display:block;margin-bottom:22px}.numloSectionHeading h2{font-size:30px}.numloSectionHeading>p{margin-top:18px}.numloShotRail{grid-auto-columns:72%;gap:14px}.numloModes{padding-block:42px}.numloModeGrid{grid-template-columns:1fr;gap:25px;margin-top:25px}.numloModeGrid article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 14px;padding-top:18px}.numloModeGrid small{grid-row:1/3;margin-top:6px}.numloModeGrid h3{margin:0 0 9px}.numloModeGrid p{font-size:13px}.numloAppDetails{grid-template-columns:1fr;gap:28px;padding-block:35px}.numloLegal{margin-top:30px}.numloLegal p{font-size:13px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.numloStoreButton{transition:none}.numloStoreButton:hover{transform:none}}