*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#071320;background:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #008dff;outline-offset:5px}p{color:#737d93;line-height:1.35;margin:12px 0 20px}h1,h2,h3,h4{margin:0;letter-spacing:-.045em}h1{font-size:clamp(52px,5.7vw,84px);line-height:.94}h2{font-size:clamp(34px,4vw,56px);line-height:1.02}h3{font-size:19px;letter-spacing:-.025em}em{font-style:normal;color:#008eff}.section{padding:48px max(5%,calc((100vw - 1320px)/2))}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;margin:0 0 12px}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:absolute;z-index:5;width:100%}.brand{font-size:24px;letter-spacing:.12em;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:10px}.brand-symbol{font-size:47px;line-height:1;color:#02bfe2;text-shadow:3px 3px 0 #006386,-2px -2px 0 #71ffee;transform:rotate(-18deg);display:inline-block}.header nav{display:flex;align-items:center;gap:26px;font-size:12px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:center;border-radius:30px;padding:13px 25px;font-size:14px;font-weight:600;border:0;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00253a22}.dark{background:#031826;color:white}.outline{border:1px solid #718391;background:transparent}.white{background:white;color:#071320}.small{font-size:11px;padding:11px 18px}.menu-toggle{display:none}.hero{min-height:640px;position:relative;overflow:hidden;background:linear-gradient(120deg,#c6edff,#fff 50%,#bbebf7)}.hero-photo{position:absolute;right:0;top:0;width:59%;height:100%;background-image:url('assets/reference.png');background-size:auto 262%;background-position:right top;mask-image:linear-gradient(90deg,transparent,#000 24%)}.hero-content{padding:120px 0 50px 5%;position:relative;width:49%;z-index:2}.intro{font-size:19px;max-width:440px}.stores{display:flex;gap:14px;margin:22px 0}.store{display:flex;align-items:center;gap:10px;background:#050505;color:#fff;border:1px solid #242424;border-radius:7px;padding:9px 15px;font-size:20px;font-weight:600}.store>span:first-child{font-size:29px}.store small{display:block;font-size:9px;font-weight:400;margin-bottom:2px}.store.light{background:#fff;color:#000;border-color:#a3a3a3}.play{color:#09e0b3}.audiences{display:flex;gap:20px;font-size:11px;color:#626c83;margin-top:27px}.impact{position:absolute;top:142px;left:47%;width:210px;border:1px solid white;background:#ffffffd9;border-radius:24px;padding:20px;text-align:center;backdrop-filter:blur(12px);box-shadow:0 20px 60px #164d6722}.impact p{margin:5px 0;font-weight:600;color:#0a1320}.impact strong{display:block;font-size:64px;letter-spacing:-.08em;line-height:1}.impact b{font-size:13px}.leaf,.icon{display:inline-flex;align-items:center;justify-content:center;background:#d7fcf5;color:#008d81;width:54px;height:54px;border-radius:50%;font-size:34px}.impact .leaf{float:left;width:35px;height:35px;font-size:26px}.bars{display:flex;height:54px;align-items:end;gap:7px;margin:14px 0 5px}.bars i{width:17px;height:100%;background:#00a7f6;border-radius:3px}.bars i:nth-child(2){height:80%}.bars i:nth-child(3){height:65%;background:#01cfda}.bars i:nth-child(4){height:48%;background:#00e0bc}.bars i:nth-child(5){height:35%;background:#8be9d8}.bars i:nth-child(n+6){height:22%;background:#c1dce5}.impact>small{font-size:9px;color:#73818a}.real{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:28px;padding-bottom:30px;align-items:center}.bike-photo{height:425px;background:url('assets/reference.png');background-size:190% auto;background-position:0 31.4%;border-radius:45% 38% 44% 12% / 20% 36% 34% 20%;margin-left:-10%}.real-content>p:not(.eyebrow){font-size:19px;max-width:530px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.features article{border:1px solid #f0f4f7;border-radius:14px;padding:16px 13px}.features h3{margin:10px 0 0;font-size:17px}.features p{font-size:14px;margin:5px 0}.blue{color:#008eff;background:#e6f3ff}.intelligence{background:radial-gradient(ellipse at 49% 50%,#04547b,transparent 39%),#031d30;color:#fff;display:grid;grid-template-columns:1.2fr .65fr 1fr;gap:28px;align-items:center;border-radius:50% 5% 48% 3% / 5% 2% 6% 3%;padding-top:60px;padding-bottom:65px}.intelligence em{color:#00edee}.intelligence p{color:#ced8e4;max-width:390px}.intelligence h2{font-size:42px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:10px}.steps li{display:flex;align-items:center;gap:16px;border:1px solid #126788;background:linear-gradient(120deg,#09476088,#001524);padding:13px;border-radius:19px}.steps .icon{background:#04576e;color:#00e9ed;flex-shrink:0}.steps p{font-size:14px;margin:5px 0 0}.steps h3{font-size:18px;letter-spacing:-.02em}.mascot{width:180px;height:220px;border-radius:48% 50% 40% 50%;background:linear-gradient(145deg,#03f9f7,#047cf8 36%,#003b97 65%,#00f0e5);transform:rotate(12deg);box-shadow:0 0 35px #00eaff, inset 0 0 20px #77fffc;display:grid;place-items:center}.mascot-face{width:135px;height:137px;border-radius:48%;background:#002445;box-shadow:inset 0 0 30px #007dc1;color:#74ffff;font-size:42px;text-align:center;padding-top:25px;transform:rotate(-12deg)}.mascot-face b{display:block;font-size:37px;line-height:1}.product{display:grid;grid-template-columns:.85fr 1.5fr;gap:60px;align-items:center;min-height:470px;padding-top:75px;padding-bottom:65px}.product h2{font-size:37px}.product p{font-size:18px;max-width:360px}.devices{position:relative;padding-left:65px}.dashboard{border:9px solid #172027;border-radius:17px;background:#fff;padding:20px 24px;box-shadow:0 15px 0 -5px #afb4b7,0 23px 17px -14px #293c51;transform:perspective(900px) rotateY(-3deg)}.dashboard .brand{font-size:14px;display:inline-flex}.dashboard .brand-symbol{font-size:23px}.dashboard-nav{font-size:9px;float:right;margin-top:9px;color:#617385}.dashboard h3{font-size:17px;margin:22px 0 14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics>div{border:1px solid #edf2f8;border-radius:8px;padding:10px;font-size:10px;color:#737d93}.metrics strong{display:block;font-size:25px;color:#189f80;margin:4px 0}.metrics small{font-size:8px}.mini-line{color:#05a6ee;font-size:31px;white-space:nowrap;overflow:hidden}.green{color:#13cba1}.dashboard h4{font-size:12px;margin-top:18px}.dashboard svg{width:100%;height:90px}.dashboard>small{font-size:9px;color:#8392a5}.dashboard .demo-label{font-size:9px;text-align:right;margin:8px 0 0}.phone{position:absolute;left:0;top:36px;width:157px;min-height:327px;border:6px solid #172027;border-radius:25px;background:white;text-align:center;padding:23px 9px 9px;box-shadow:0 8px 15px #00152944}.notch{position:absolute;top:0;left:35px;width:73px;height:13px;background:#172027;border-radius:0 0 12px 12px}.phone .brand{font-size:13px;display:block;color:#0088ba}.phone h3{font-size:14px;margin:10px 0 3px}.phone small{font-size:9px;color:#7b8b9b;display:block}.ring{width:103px;height:103px;border:9px solid #c9f5ed;border-top-color:#0fdbc1;border-right-color:#0fdbc1;border-radius:50%;margin:13px auto;display:flex;flex-direction:column;justify-content:center}.ring b{font-size:27px}.ring small{font-size:8px}.phone p{font-size:12px;border-top:1px solid #edf1f5;margin:0;padding:8px}.phone-nav{font-size:17px;color:#00a4e9}.audience-section{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-top:0;padding-bottom:0}.audience-card{height:210px;border-radius:18px;display:flex;align-items:center;justify-content:flex-end;padding:20px;background-image:url('assets/reference.png');background-size:200% auto}.people{background-position:left 82.5%}.organizations{background-position:right 82.5%}.audience-card>div{background:#fffffff2;border-radius:13px;width:62%;padding:20px 20px 20px 60px;position:relative}.audience-card .icon{position:absolute;left:12px;top:15px;background:#041e30;color:#fff;width:37px;height:37px;font-size:23px}.audience-card p{font-size:13px;margin:8px 0}.audience-card a,.text-button{color:#008eff;font-size:13px;font-weight:600}.text-button{border:0;padding:0;background:none}.privacy{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px;background:radial-gradient(ellipse at 80% 60%,#9ceafd,transparent 35%)}.privacy h2{font-size:34px}.privacy .eyebrow{margin-bottom:5px}.privacy p{margin:5px 0 12px}.privacy .button{padding:9px 22px;font-size:12px}.lock{color:#078afd;font-size:100px;border:12px solid #ccfcff;background:#adf5ff;border-radius:35px;margin-right:18%;transform:rotate(-10deg);box-shadow:0 0 35px #35ddff}.closing{background:linear-gradient(90deg,#031d2aec,#031d2aa0),url('assets/reference.png') center 95% / 100% auto;display:grid;grid-template-columns:1fr 1fr .5fr;gap:30px;align-items:center;color:#fff;padding-top:35px;padding-bottom:35px}.closing h2{font-size:36px}.closing p{color:#ecf2f6;font-size:14px;margin-bottom:0}.closing .eyebrow{font-size:10px;margin-bottom:8px}.download-note{padding:20px;border:1px solid #ffffff55;border-radius:15px;backdrop-filter:blur(6px)}.download-note h3{font-size:19px}.coming{display:block;font-size:13px;margin-top:15px;color:#65e6ed}.closing .signature{font-family:cursive;font-size:28px;line-height:1.05;transform:rotate(-12deg)}footer{background:#02182b;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:22px!important;padding-bottom:22px!important}footer nav{display:flex;gap:24px;font-size:11px}footer .text-button{color:#fff}dialog{border:1px solid #d7e9f4;border-radius:22px;max-width:490px;padding:35px;color:#071320}dialog::backdrop{background:#021b2b99;backdrop-filter:blur(5px)}dialog h2{font-size:32px}.close{position:absolute;right:15px;top:10px;font-size:26px;border:0;background:none;color:#64768b}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.hero-content{padding-left:calc((100vw - 1320px)/2)}.hero{min-height:700px}}@media(max-width:1100px){.header nav{gap:15px}.header nav>a:nth-child(4),.language{display:none}.impact{left:49%;width:180px}.intelligence{grid-template-columns:1fr 1fr}.mascot{display:none}.hero-content{width:52%}.audiences{gap:12px}.product{gap:20px}.dashboard-nav{display:none}.audience-card>div{width:78%}footer nav{gap:12px}}
@media(max-width:760px){.header{height:75px;position:relative;background:#e1f6ff}.brand{font-size:21px}.menu-toggle{display:block;background:none;border:0;font-size:26px;color:#062435}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#f0fbff;padding:25px;box-shadow:0 15px 20px #002a3a22}.header nav.open{display:flex;flex-direction:column;align-items:stretch}.header nav>a:nth-child(4){display:block}.hero{min-height:830px}.hero-content{width:100%;padding:30px 6% 0}.hero h1{font-size:57px}.intro{font-size:17px;max-width:360px}.hero-photo{top:auto;bottom:0;width:100%;height:365px;background-size:auto 265%;mask-image:linear-gradient(180deg,transparent,#000 18%)}.impact{top:auto;bottom:75px;left:6%;width:165px;padding:16px}.impact strong{font-size:50px}.impact .bars{height:38px}.audiences{flex-wrap:wrap;font-size:10px;margin-top:18px}.store{font-size:17px;padding:9px 11px}.section{padding-left:6%;padding-right:6%}.real{display:flex;flex-direction:column-reverse;gap:22px;padding-top:35px}.real h2{font-size:43px}.real-content>p:not(.eyebrow){font-size:17px}.features{gap:7px}.features article{padding:12px 9px}.features h3{font-size:15px}.features p{font-size:12px}.icon{width:43px;height:43px;font-size:28px}.bike-photo{width:106%;height:290px;margin:0;background-size:180% auto;background-position:0 31%;border-radius:28% 36% 22% 24%}.intelligence{grid-template-columns:1fr;padding-top:40px;padding-bottom:45px;gap:25px}.intelligence h2{font-size:38px}.steps{gap:9px}.steps li{padding:15px}.product{grid-template-columns:1fr;padding-top:40px;padding-bottom:70px;gap:30px}.product h2{font-size:35px}.product p{font-size:17px}.devices{padding-left:55px}.dashboard{padding:15px;border-width:6px}.metrics{gap:5px}.metrics>div{padding:7px;font-size:8px}.metrics strong{font-size:20px}.metrics small{font-size:7px}.mini-line{font-size:22px}.dashboard>small{font-size:6px}.phone{width:125px;top:35px;min-height:284px;padding:21px 5px 8px;border-width:5px}.notch{left:25px;width:65px}.phone h3{font-size:12px}.ring{width:85px;height:85px;border-width:7px;margin:10px auto}.phone p{font-size:10px;padding:6px}.phone-nav{font-size:13px}.audience-section{grid-template-columns:1fr;gap:15px}.audience-card{height:190px}.audience-card>div{width:67%}.privacy{padding-top:30px;padding-bottom:30px}.privacy h2{font-size:34px}.privacy .eyebrow{font-size:9px}.privacy p{font-size:14px}.lock{font-size:48px;margin-right:0;border-width:6px;border-radius:20px}.closing{grid-template-columns:1fr;gap:22px;padding-top:35px;padding-bottom:35px;background-size:auto 1400%}.closing .signature{display:none}.closing h2{font-size:39px}footer{flex-wrap:wrap;gap:20px}footer nav{width:100%;flex-wrap:wrap;gap:16px;order:3}dialog{max-width:90%;padding:30px 24px}}
.brand-symbol{display:block;flex-shrink:0;width:46px;height:46px;object-fit:contain;background:none;font-size:0!important;line-height:0;text-shadow:none;transform:none;color:transparent}.dashboard .brand-symbol{width:25px;height:25px}.header .brand,footer .brand{gap:13px;font-weight:750;letter-spacing:.12em}.phone .brand{display:flex;align-items:center;justify-content:center;gap:5px;color:#071320}.phone .brand-symbol{width:22px;height:22px}
@media(max-width:760px){.header .brand-symbol,footer .brand-symbol{width:41px;height:41px}}
body{overflow-x:clip}.hero-photo{background-image:url('assets/hero-photo.svg');background-size:cover;background-position:center;mask-image:linear-gradient(90deg,transparent,#000 22%)}.hero-content{width:49%;padding-left:5%;padding-right:20px}.impact{left:48%;top:165px;width:190px}.bike-photo{background-image:url('assets/bike-photo.svg');background-size:cover;background-position:center}.people{background-image:url('assets/people-photo.svg');background-size:cover;background-position:center}.organizations{background-image:url('assets/organization-photo.svg');background-size:cover;background-position:center}.closing{background-image:linear-gradient(90deg,#031d2aec,#031d2aa0),url('assets/city-photo.svg');background-size:cover;background-position:center}
@media(min-width:1500px){.hero-content{padding-left:5%}}
@media(max-width:760px){.hero-content{width:100%;padding:30px 6% 0}.hero-photo{background-size:cover;background-position:center 35%;mask-image:linear-gradient(180deg,transparent,#000 18%)}.impact{top:auto;bottom:50px;left:6%;width:165px}.bike-photo{background-size:cover;background-position:center}.closing{background-size:cover}}
.mascot.mascot-reference{display:block;width:100%;max-width:285px;height:auto;border-radius:0;background:none;transform:none;box-shadow:none;object-fit:contain;mask-image:radial-gradient(ellipse at 51% 49%,#000 48%,#0009 67%,transparent 77%)}.intelligence{grid-template-columns:1.15fr .8fr 1fr}
@media(max-width:1100px){.intelligence{grid-template-columns:1fr 1fr}.mascot.mascot-reference{grid-column:2;grid-row:1;justify-self:center}.steps{grid-column:1 / -1;grid-template-columns:repeat(3,1fr)}.steps li{align-items:flex-start}.steps .icon{width:38px;height:38px;font-size:25px}}
@media(max-width:760px){.intelligence{grid-template-columns:1fr;gap:18px}.mascot.mascot-reference{grid-column:1;grid-row:auto;width:230px;margin:0 auto}.steps{grid-column:1;grid-template-columns:1fr}.steps li{align-items:center}}
.mascot.mascot-reference{mask-image:none;max-width:320px;filter:drop-shadow(0 0 18px #00cfff30)}
.hero{min-height:740px}.hero-content{width:52%;padding-bottom:40px}.hero-photo{width:50%;background-position:center;mask-image:linear-gradient(90deg,transparent,#000 30%)}.impact{position:relative;top:auto;bottom:auto;left:auto;width:100%;max-width:410px;margin:25px 0 0;padding:20px 24px;display:grid;grid-template-columns:135px 1fr;gap:3px 22px;text-align:left;background:linear-gradient(120deg,#fff,#f0fcff);border:1px solid #c5e7ee;border-radius:20px;box-shadow:0 12px 35px #145b7112;backdrop-filter:none}.impact .leaf{float:none;grid-column:2;grid-row:1;width:29px;height:29px;font-size:22px;justify-self:end}.impact p{grid-column:1 / -1;grid-row:1;font-size:15px;padding-right:36px;margin:4px 0 10px}.impact strong{grid-column:1;grid-row:2;font-size:66px;letter-spacing:-.065em}.impact b{grid-column:1;grid-row:3;font-size:12px}.impact .bars{grid-column:2;grid-row:2 / 4;height:74px;margin:0;gap:7px;align-self:center}.impact .bars i{flex:1;width:auto}.impact>small{grid-column:1 / -1;font-size:10px;margin-top:9px;color:#8093a0}.header{background:linear-gradient(180deg,#e5f7ffed,transparent)}
@media(max-width:1100px) and (min-width:761px){.header nav{gap:12px}.header nav>a:nth-child(5){display:none}.hero h1{font-size:60px}.hero-content{width:55%}.hero-photo{width:48%}.impact{max-width:360px;grid-template-columns:120px 1fr;gap:3px 15px}}
@media(max-width:760px){.hero{min-height:0;padding-bottom:335px}.hero-content{width:100%;padding:30px 6% 28px}.hero-photo{width:100%;height:335px;mask-image:linear-gradient(180deg,transparent,#000 22%)}.impact{position:relative;top:auto;bottom:auto;left:auto;width:100%;max-width:410px;margin-top:22px;padding:18px 20px;grid-template-columns:125px 1fr;gap:3px 17px}.impact strong{font-size:60px}.impact .bars{height:64px}.audiences{margin-top:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}