@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/inter-400.ttf') format('truetype');
}


@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/inter-500.ttf') format('truetype');
}


@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/inter-600.ttf') format('truetype');
}


@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/inter-700.ttf') format('truetype');
}


@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/inter-800.ttf') format('truetype');
}


:root{--bg:#0b0f0d;--surface:#131915;--white:#f5f6f4;--muted:#a6afa9;--lime:#c8ff42;--line:#ffffff20;--p:0;--scene-scale:1;--cone-angle:-45deg;--progress-width:0%}

*{box-sizing:border-box}

html{scroll-behavior:smooth;scroll-padding-top:100px}

body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}

a{color:inherit;text-decoration:none}

button{font:inherit;color:inherit}

button,a{-webkit-tap-highlight-color:transparent}

button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}

::selection{background:var(--lime);color:var(--bg)}

.wrap{max-width:1480px;padding:0 6%;margin:auto}

.skip{position:fixed;top:-80px;left:20px;background:var(--lime);color:black;padding:15px;z-index:100}

.skip:focus{top:10px}

header{height:94px;position:absolute;inset:0 0 auto;z-index:20}

.nav{height:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}

.logo{width:112px;height:auto;display:block}

.navlinks{display:flex;gap:34px;align-items:center;font-size:14px}

.navlinks>a:not(.navcta){color:#c7cec8}

.navlinks>a:hover{color:var(--lime)}

.navcta{border:1px solid #ffffff60;border-radius:40px;padding:13px 22px}

.arrow{margin-left:20px}

.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;line-height:1.7;font-weight:550}

.lime{color:var(--lime)}

.hero{min-height:860px;height:100svh;max-height:1100px;position:relative;overflow:hidden;display:flex;align-items:center}

.hero .wrap{width:100%;position:relative;z-index:3}

.herocopy{width:54%;max-width:740px;padding-top:80px}

.hero h1{font-size:clamp(62px,6.8vw,104px);line-height:1.02;letter-spacing:-.072em;font-weight:550;margin:30px 0}

.hero h1 span{color:var(--lime)}

.intro{color:#b4bdb6;max-width:415px;font-size:18px;line-height:1.75}

.button{border:0;border-radius:100px;padding:18px 25px;background:var(--lime);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}

.button:hover{transform:translateY(-3px);background:#d8ff83}

.herolinks{display:flex;align-items:center;gap:28px;margin-top:35px}

.textlink{font-size:14px;border-bottom:1px solid #ffffff55;padding:8px 0}

.heroart{position:absolute;inset:9% -12% 0 35%;background-image:linear-gradient(90deg,var(--bg),transparent 45%),linear-gradient(0deg,var(--bg),transparent 30%),url('images/city.png');background-size:cover;background-position:center;opacity:.68;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 80%,transparent)}

.heroradar{position:absolute;right:6%;top:24%;width:42vw;max-width:620px;aspect-ratio:1;opacity:.8;transform:rotateX(18deg) rotate(-16deg)}

.rings{border:1px solid #a8c4af2b;border-radius:50%;position:relative;aspect-ratio:1;background:radial-gradient(circle,transparent 24.5%,#a8c4af26 24.7%,transparent 25%,transparent 49.5%,#a8c4af26 49.7%,transparent 50%,transparent 74.4%,#a8c4af26 74.6%,transparent 75%)}

.rings:before,.rings:after{content:'';position:absolute;background:#a8c4af1c}

.rings:before{width:1px;height:100%;left:50%}

.rings:after{height:1px;width:100%;top:50%}

.cone{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 280deg,#c8ff4204 283deg,#c8ff422d 359deg,transparent 360deg);transform:rotate(20deg)}

.hero .cone{animation:scan 16s linear infinite}

.center{position:absolute;top:50%;left:50%;width:11px;height:11px;border-radius:50%;background:var(--lime);transform:translate(-50%,-50%);box-shadow:0 0 0 8px #c8ff4212,0 0 25px #c8ff4260}

.signal{position:absolute;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 18px #c8ff4260}

.s1{left:62%;top:25%}

.s2{left:25%;top:39%}

.s3{left:72%;top:64%}

.s4{left:34%;top:77%}

.heropoi{position:absolute;right:10%;top:37%;border:1px solid #d0e0cf40;background:#101813e8;backdrop-filter:blur(20px);padding:16px 20px;border-radius:9px;display:flex;gap:15px;align-items:center;z-index:4;box-shadow:0 18px 55px #0005;transform:rotate(-4deg)}

.heropoi .icon{font-size:24px;color:var(--lime)}

.heropoi strong{display:block;font-size:14px}

.heropoi small{display:block;color:#a8b5ac;margin-top:6px;font-size:12px}

.herofoot{position:absolute;bottom:34px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;color:#8f9b92;font-size:12px;letter-spacing:.12em;text-transform:uppercase}

.scrollmark{display:flex;align-items:center;gap:13px}

.scrollmark b{height:34px;width:21px;border:1px solid #a6afa970;border-radius:14px;position:relative}

.scrollmark b:after{content:'';position:absolute;top:8px;left:9px;width:1px;height:7px;background:var(--lime)}

.manifesto{padding:110px 0 120px;border-top:1px solid var(--line)}

.manifesto .wrap{display:grid;grid-template-columns:1fr 2fr;gap:7%}

.manifesto h2{font-size:clamp(32px,3.3vw,52px);font-weight:450;letter-spacing:-.045em;line-height:1.2;margin:0 0 28px}

.manifesto h2 span{color:#728077}

.manifesto p{font-size:17px;line-height:1.8;color:var(--muted);max-width:640px;margin:0}

.journey{height:360vh;position:relative}

.journeysticky{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100svh;min-height:0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

.journeyhead{position:absolute;top:40px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;z-index:5}

.stepnav{display:flex;gap:8px}

.stepnav button{border:none;background:transparent;color:#69796e;padding:10px 16px;cursor:pointer;font-size:12px;letter-spacing:.07em;border-bottom:1px solid #ffffff20}

.stepnav button.active{color:var(--lime);border-color:var(--lime)}

.storycopy{position:absolute;left:6%;top:50%;transform:translateY(-50%);width:32%;z-index:6}

.storynum{font-size:13px;color:var(--lime);letter-spacing:.14em;margin-bottom:24px}

.storycopy h2{font-size:clamp(38px,4.2vw,64px);font-weight:450;line-height:1.1;letter-spacing:-.055em;margin:0 0 24px}

.storycopy p{font-size:17px;color:var(--muted);line-height:1.8;max-width:370px}

.storyline{margin-top:38px;display:flex;gap:12px;align-items:center;font-size:12px;color:#b9c7bd}

.storyline:before{content:'';width:5px;height:5px;background:var(--lime);border-radius:50%}

.world{position:absolute;left:39%;right:-3%;top:12%;bottom:7%}

.cityscene{position:absolute;inset:0;background:url('images/city.png') center/cover;opacity:.48;-webkit-mask-image:radial-gradient(ellipse,#000 25%,transparent 71%);mask-image:radial-gradient(ellipse,#000 25%,transparent 71%);transform:scale(var(--scene-scale));transition:opacity .6s;will-change:transform}

.worldradar{position:absolute;width:76%;left:10%;top:10%;transform:rotateX(20deg);transition:filter .6s;will-change:transform}

.worldradar .cone{transform:rotate(var(--cone-angle));transition:opacity .6s}

.worldradar.tracking .cone{opacity:0}

.bearing{position:absolute;color:#8c9b90;font-size:11px;letter-spacing:.1em}

.bearing.n{top:-24px;left:49%}

.bearing.e{right:-27px;top:49%}

.bearing.w{left:-28px;top:49%}

.bearing.s{bottom:-25px;left:49%}

.poi{position:absolute;background:#111b15ed;border:1px solid #8eb49a40;border-radius:8px;box-shadow:0 16px 44px #0005;padding:13px 16px;color:white;text-align:left;cursor:pointer;z-index:8;transition:opacity .5s,transform .5s,border .3s;opacity:.25;transform:translateY(10px)}

.poi:before{content:'';position:absolute;left:50%;bottom:-26px;height:25px;width:1px;background:#c8ff4255}

.poi:after{content:'';position:absolute;left:calc(50% - 3px);bottom:-30px;height:7px;width:7px;border-radius:50%;background:var(--lime)}

.poi strong{display:block;font-size:14px;font-weight:550}

.poi small{font-size:12px;display:block;margin-top:6px;color:#a8b9ae}

.poi.one{top:25%;left:50%}

.poi.two{top:49%;left:17%}

.poi.three{top:63%;left:67%}

.world.detected .poi{opacity:.65;transform:translateY(0)}

.world.revealed .poi{opacity:1}

.poi.selected{border-color:var(--lime)}

.world:not(.revealed) .poi strong,.world:not(.revealed) .poi small{visibility:hidden}

.world:not(.revealed) .poi{background:transparent;border-color:transparent;box-shadow:none;pointer-events:none}

.detail{position:absolute;bottom:4%;left:24%;width:63%;background:#111913eb;border:1px solid #ffffff26;border-radius:9px;backdrop-filter:blur(20px);padding:18px;z-index:10;opacity:0;transform:translateY(20px);transition:.5s}

.world.understood .detail{opacity:1;transform:translateY(0)}

.detailtop{display:flex;justify-content:space-between;align-items:center;gap:12px}

.detailtop strong{font-size:16px}

.detail p{font-size:13px;color:var(--muted);line-height:1.6;margin:9px 0 0}

.detail .distance{color:var(--lime);font-size:13px;white-space:nowrap}

.journeyfoot{position:absolute;bottom:27px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;color:#829087;text-transform:uppercase}

.track{height:2px;position:absolute;bottom:0;left:0;width:100%;background:#ffffff0d}

.track div{height:100%;width:var(--progress-width);background:var(--lime)}

.capabilities{padding:120px 0 110px}

.sectionintro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:60px}

.sectionintro h2{font-size:clamp(38px,4.3vw,66px);font-weight:450;line-height:1.1;letter-spacing:-.055em;max-width:680px;margin:20px 0 0}

.sectionintro>p{max-width:320px;color:var(--muted);font-size:16px;line-height:1.8}

.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}

.feature{padding:35px 32px 36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:235px;transition:background .3s}

.feature:hover{background:#172018}

.feature .featuretop{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}

.feature .index{font-size:12px;color:#6e7f73;letter-spacing:.1em}

.feature svg{width:27px;height:27px;stroke:var(--lime);fill:none;stroke-width:1.3}

.feature h3{font-size:19px;letter-spacing:-.035em;font-weight:500;margin:0 0 12px}

.feature p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}

.future{display:flex;gap:25px;justify-content:space-between;padding:23px 0;font-size:13px;line-height:1.7;color:#8e9e92;border-bottom:1px solid var(--line)}

.future strong{color:#c2cdc5;font-weight:500;white-space:nowrap}

.moments{background:#f0f2ec;color:#111912;padding:105px 0}

.moments .sectionintro{margin-bottom:48px}

.moments .sectionintro p{color:#606b63}

.momentsgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}

.moment{border-top:1px solid #182b2430;padding-top:25px}

.moment>span{color:#707d72;font-size:12px}

.moment h3{font-size:26px;line-height:1.2;letter-spacing:-.045em;font-weight:500;max-width:270px;margin:35px 0 18px}

.moment p{font-size:15px;color:#606b63;line-height:1.8;max-width:310px}

.origin{position:relative;overflow:hidden;padding:120px 0 95px}

.origin .wrap{position:relative}

.origintop{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}

.origin h2{font-size:clamp(40px,4.9vw,72px);line-height:1.1;font-weight:450;letter-spacing:-.055em;margin:20px 0}

.origin h2 span{color:#829186}

.origin p{font-size:16px;color:var(--muted);line-height:1.9;max-width:450px}

.places{display:flex;gap:0;margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

.places div{flex:1;padding:26px 0}

.places strong{font-size:18px;font-weight:450;display:block;margin-bottom:10px}

.places span{font-size:12px;color:#84948a}

.closing{text-align:center;position:relative;padding:90px 6% 100px;border-top:1px solid var(--line);overflow:hidden}

.closing:before{content:'';position:absolute;inset:10px 20%;border:1px solid #c8ff4212;border-radius:50%;pointer-events:none}

.closing>*{position:relative}

.closing h2{font-size:clamp(55px,8vw,115px);font-weight:450;letter-spacing:-.065em;margin:22px 0 30px;line-height:1.05}

.closing p{font-size:16px;color:var(--muted);margin:0 0 30px}

.closing .small{display:block;margin-top:25px;font-size:12px;color:#748379}

.footer{border-top:1px solid var(--line);padding:30px 0}

.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}

.footer .logo{width:90px}

.footer p{font-size:12px;color:#8c9990}

.footer a:last-child{font-size:12px;color:#c1cdc5}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}

.reveal.in{opacity:1;transform:none}

@keyframes scan{to{transform:rotate(380deg)}

}


@media(min-width:1600px){.heroart{right:0;left:40%}

.heroradar{right:12%}

}

@media(max-width:1000px){.wrap{padding:0 5%}

.hero{min-height:780px}

.herocopy{width:65%}

.hero h1{font-size:72px}

.heroradar{right:-5%;top:32%;width:58vw}

.heropoi{right:5%;top:59%}

.heroart{left:28%;right:-30%}

.storycopy{left:5%;width:35%}

.world{left:35%;right:-14%;top:23%}

.stepnav button{padding:10px}

.feature{padding:25px}

.featuregrid{grid-template-columns:repeat(2,1fr)}

.sectionintro h2{font-size:48px}

.momentsgrid{gap:25px}

.storycopy h2{font-size:44px}

}


@media(max-width:650px){header{height:78px}

.logo{width:94px}

.navlinks{gap:18px}

.navlinks>a:not(.navcta){display:none}

.navcta{font-size:12px;padding:11px 16px}

.hero{height:auto;min-height:940px;align-items:flex-start}

.herocopy{width:100%;padding-top:135px}

.hero h1{font-size:65px;margin:23px 0}

.intro{font-size:16px;max-width:330px}

.herolinks{gap:22px;margin-top:27px}

.button{padding:17px 22px;font-size:13px}

.textlink{font-size:13px}

.heroart{inset:440px -25% 0 -15%;opacity:.6}

.heroradar{width:84%;top:auto;bottom:70px;right:3%;max-width:380px}

.heropoi{top:auto;bottom:250px;right:9%;padding:13px 16px}

.herofoot{bottom:24px;font-size:10px;letter-spacing:.08em}

.herofoot>span{max-width:140px;text-align:right;line-height:1.7}

.manifesto{padding:75px 0}

.manifesto .wrap{grid-template-columns:1fr;gap:26px}

.manifesto h2{font-size:34px}

.manifesto p{font-size:15px}

.journey{height:330vh}

.journeysticky{height:100vh;height:100svh;min-height:0}

.journeyhead{top:20px;left:5%;right:5%;display:block}

.journeyhead>.eyebrow{font-size:10px}

.stepnav{margin-top:10px;justify-content:space-between}

.stepnav button{font-size:10px;padding:10px 4px}

.storycopy{top:114px;left:5%;width:90%;transform:none}

.storynum{font-size:11px;margin-bottom:13px}

.storycopy h2{font-size:38px;max-width:320px;margin:0 0 12px}

.storycopy p{font-size:14px;line-height:1.65;max-width:340px;margin:0}

.storyline{display:none}

.world{top:340px;bottom:52px;left:-12%;right:-12%}

.worldradar{width:65%;left:18%;top:0;max-height:360px}

.cityscene{inset:-25% -5%;opacity:.45}

.poi{padding:10px}

.poi strong{font-size:11px}

.poi small{font-size:10px}

.poi.one{top:12%;left:51%}

.poi.two{top:37%;left:17%}

.poi.three{top:46%;left:64%}

.detail{bottom:2%;left:15%;width:70%;padding:12px}

.detailtop strong{font-size:13px}

.detail p{font-size:11px}

.journeyfoot{font-size:9px;bottom:20px}

.sectionintro{display:block;margin-bottom:34px}

.sectionintro h2{font-size:39px}

.sectionintro>p{font-size:15px;max-width:370px;margin-top:25px}

.capabilities{padding:75px 0}

.featuregrid{grid-template-columns:1fr}

.feature{min-height:0;padding:25px}

.feature .featuretop{margin-bottom:15px}

.feature p{font-size:14px}

.future{display:block}

.future strong{display:block;margin-bottom:8px}

.moments{padding:70px 0}

.momentsgrid{grid-template-columns:1fr;gap:22px}

.moment h3{margin:18px 0 12px;font-size:26px;max-width:none}

.moment p{max-width:none}

.origintop{grid-template-columns:1fr;gap:16px}

.origin{padding:75px 0}

.origin h2{font-size:46px}

.origin p{font-size:15px}

.places{margin-top:35px;gap:12px}

.places strong{font-size:16px}

.places span{font-size:10px;line-height:1.6;display:block}

.closing{padding:70px 5%}

.closing h2{font-size:61px}

.closing p{font-size:14px;line-height:1.6}

.closing:before{inset:30px -25%}

.footer .wrap{flex-wrap:wrap}

.footer p{font-size:10px}

.footer a:last-child{margin-left:auto}

}


@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}

*,*:before,*:after{animation:none!important;transition:none!important}

.reveal{opacity:1;transform:none}

.journey{height:360vh}

.journeysticky{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100svh;min-height:0}

.track{display:none}

}



.turn-demo{border-bottom:1px solid var(--line);padding:80px 0;background:radial-gradient(ellipse at 70% 50%,#23321c45,transparent 55%)}

.turn-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}

.turn-copy h2{font-size:clamp(36px,4vw,58px);font-weight:450;letter-spacing:-.05em;line-height:1.12;margin:20px 0}

.turn-copy>p{color:var(--muted);font-size:16px;line-height:1.8;max-width:420px}

.turn-note{font-size:12px!important;color:#819187!important}

.demo-console{max-width:470px;width:100%;justify-self:center}

.demo-readout{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#9aa99e;margin-bottom:25px;letter-spacing:.08em}

.demo-readout output{color:var(--lime);font-variant-numeric:tabular-nums}

.turn-radar{width:75%;margin:0 auto;touch-action:none;cursor:grab;user-select:none;outline-offset:12px}

.turn-radar:active{cursor:grabbing}

.turn-fov{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -30deg,#c8ff4238 0deg,#c8ff4212 60deg,transparent 60deg);transform:rotate(var(--heading));pointer-events:none}

.you-arrow{position:absolute;left:calc(50% - 9px);top:calc(50% - 16px);height:32px;width:18px;transform:rotate(var(--heading));transform-origin:center;z-index:5}

.you-arrow:before{content:'';position:absolute;top:0;left:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid var(--lime)}

.you-arrow:after{content:'';position:absolute;width:6px;height:6px;background:var(--lime);border-radius:50%;left:6px;top:14px}

.demo-dot{position:absolute;width:8px;height:8px;background:#7a8c7d;border-radius:50%;transform:translate(-50%,-50%);transition:background .25s,box-shadow .25s}

.demo-dot.seen{background:var(--lime);box-shadow:0 0 0 6px #c8ff4215,0 0 20px #c8ff4255}

.demo-dot span{position:absolute;top:13px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;color:var(--white);opacity:0;transition:opacity .2s}

.demo-dot.seen span{opacity:1}

.turn-radar .bearing{font-size:10px}

.demo-result{margin-top:38px;padding:16px 18px;border:1px solid #ffffff20;border-radius:7px;background:#111913;min-height:74px}

.demo-result strong{display:block;font-size:15px;font-weight:500}

.demo-result span{display:block;font-size:12px;color:var(--muted);margin-top:7px}

.turn-controls{display:flex;align-items:center;gap:18px;margin-top:19px}

.turn-controls input{accent-color:var(--lime);width:100%;cursor:ew-resize;height:30px}

.turn-controls button{border:1px solid #ffffff40;border-radius:30px;background:transparent;padding:11px 17px;font-size:12px;white-space:nowrap;cursor:pointer;min-width:112px}

.turn-controls button:hover{border-color:var(--lime)}

.turn-label{font-size:12px;color:var(--muted);display:block;margin-top:19px}

.mobile-demo-link{display:none}

@media(max-width:650px){.turn-demo{padding:55px 0}

.turn-layout{grid-template-columns:1fr;gap:32px}

.turn-copy h2{font-size:37px}

.turn-copy>p{font-size:14px}

.turn-note{font-size:11px!important}

.demo-console{max-width:340px}

.turn-radar{width:74%}

.demo-readout{font-size:11px}

.mobile-demo-link{display:block;color:var(--lime);font-size:13px;margin-top:18px}

.turn-radar .bearing{font-size:11px}

}


@media(max-width:650px){.poi.three{left:55%}

.turn-demo{padding:42px 0}

.turn-layout{gap:22px}

.turn-copy h2{font-size:30px;margin:14px 0}

.turn-copy>p{margin:10px 0;line-height:1.65}

.turn-radar{width:68%}

.demo-result{margin-top:30px}

.turn-label{margin-top:12px}

}


.hero .heroradar{position:absolute}

.hero .wrap{flex-shrink:0}


@media(max-width:650px){.hero .wrap{margin:0 auto}

}



.compass-controls{margin-top:20px}

.compass-controls .button{width:100%;padding:15px 22px}

.compass-controls p{font-size:13px;line-height:1.65;color:var(--muted);margin:12px 0 0;min-height:43px}

.compass-active{border-color:#c8ff4250}

.compass-controls .button[aria-pressed="true"]{background:#202e19;color:var(--lime);box-shadow:inset 0 0 0 1px #c8ff4260}


@media(max-width:650px) and (prefers-reduced-motion:reduce){
.journey{height:330vh}
}

/* App marketplace CTA */
.store-links{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:30px auto 0}
.store-badge{display:inline-flex;align-items:center;gap:13px;min-width:190px;min-height:60px;padding:10px 16px;border:1px solid #ffffff2b;border-radius:12px;background:#080b09;color:var(--white);text-decoration:none;text-align:left;box-shadow:0 10px 28px #00000025;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.store-badge:hover,.store-badge:focus-visible{transform:translateY(-2px);border-color:var(--lime);background:#111913;outline:none}
.store-icon{width:29px;height:34px;flex:0 0 auto;fill:currentColor}
.android-icon{width:34px;height:34px}
.store-copy{display:flex;flex-direction:column;line-height:1.05}
.store-copy small{font-size:10px;letter-spacing:.02em;color:#c8d0ca;margin-bottom:4px}
.store-copy strong{font-size:19px;font-weight:600;letter-spacing:-.025em;color:var(--white)}
.closing .store-links+.small{display:block;margin-top:28px}

@media(max-width:650px){
  .store-links{gap:10px;margin-top:24px}
  .store-badge{min-width:168px;min-height:56px;padding:9px 13px;border-radius:10px}
  .store-icon{width:25px;height:30px}
  .android-icon{width:30px;height:30px}
  .store-copy strong{font-size:17px}
}

@media(max-width:390px){
  .store-links{flex-direction:column}
  .store-badge{width:min(220px,100%);justify-content:flex-start}
}