:root{font-family:"Trebuchet MS",Arial,sans-serif;color:#163237;background:#f8f5ec;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #e2734e;outline-offset:4px}.skip{position:absolute;left:16px;top:-80px;background:#fff;padding:10px;z-index:20}.skip:focus{top:12px}.wrap{max-width:1280px;margin-inline:auto;padding-inline:40px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.button,.kicker,.overline,.ticker,.journey-card,.feature-card small,.road-sign,.scene-callout,.scene-caption,.footer>a:last-child{font-family:"Arial Black","Trebuchet MS",Arial,sans-serif}h1,h2,h3{line-height:.96;letter-spacing:-.055em}h2{font-size:clamp(42px,5vw,68px);font-weight:900;margin:0 0 25px}h2 em{font-style:normal;color:#e17650}p{line-height:1.65}.kicker{font-size:13px;letter-spacing:.19em;font-weight:900;margin:0 0 25px}.section-pad{padding-block:105px}.header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:25px;font-weight:900;font-style:italic;letter-spacing:-.07em;text-decoration:none;white-space:nowrap}.brand b{display:inline-grid;place-items:center;width:40px;height:40px;background:#ef7955;color:#fff;border-radius:12px;transform:rotate(-10deg);margin-right:9px;font-size:20px;letter-spacing:-.2em;padding-right:5px}.brand em{font-style:normal;color:#e17650}.header nav{display:flex;gap:34px}.header nav a{text-decoration:none;font-size:14px;font-weight:800}.header nav a:hover,.quiet-link:hover,.footer>a:last-child:hover{text-decoration:underline}.header-play{text-decoration:none;border:2px solid #163237;border-radius:99px;padding:12px 19px;font-size:13px;font-weight:900;white-space:nowrap;transition:background .2s,color .2s}.header-play:hover{background:#163237;color:#fff}.header-play span{font-size:17px;margin-left:18px}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:center;padding-top:55px;padding-bottom:108px}.hero-copy{padding-block:35px}.overline{font-size:12px;font-weight:900;letter-spacing:.17em;display:flex;align-items:center;gap:10px;margin-bottom:28px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ea7953;box-shadow:0 0 0 5px #f8ded0}h1{font-size:clamp(72px,7.1vw,105px);font-weight:900;white-space:nowrap;margin-bottom:27px}h1 em{color:#e17650;font-style:normal}.hero-lede{font-size:20px;max-width:520px;margin-bottom:27px;color:#496266}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:225px;min-height:66px;padding:17px 22px;border-radius:15px;text-decoration:none;font-size:16px;font-weight:900;letter-spacing:.02em;box-shadow:0 6px 0 rgba(24,44,44,.17);transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-3px);box-shadow:0 9px 0 rgba(24,44,44,.17)}.button span{font-size:24px;font-weight:600}.primary{background:#f47d58;color:#fff}.quiet-link{font-family:"Arial Black","Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:900;letter-spacing:.08em;text-decoration:none}.microcopy{font-size:13px;color:#738286;margin:18px 0 35px}.hero-stats{display:flex;border-top:1px solid #d9dfd3;padding-top:24px;gap:28px}.hero-stats div{display:flex;flex-direction:column;gap:3px;border-right:1px solid #d9dfd3;padding-right:28px}.hero-stats div:last-child{border:0;padding:0}.hero-stats strong{font-family:"Arial Black","Trebuchet MS",Arial,sans-serif;font-size:30px;font-weight:900;line-height:1}.hero-stats span{font-size:10px;font-weight:900;letter-spacing:.1em;white-space:nowrap}.scene{height:595px;position:relative;overflow:hidden;isolation:isolate;border:9px solid #fffefa;border-radius:31px;background:linear-gradient(#9bc9d9 0%,#cbe6d8 43%,#d9dfa2 68%);box-shadow:0 20px 0 #e3e5d8,0 30px 50px rgba(22,50,55,.15);transform:rotate(1.4deg)}.sun{position:absolute;right:9%;top:8%;width:125px;aspect-ratio:1;border-radius:50%;background:#ffe7a6;box-shadow:0 0 0 25px rgba(255,232,171,.2)}.cloud{position:absolute;width:135px;height:33px;border-radius:50px;background:#eaf7ee;opacity:.85;box-shadow:25px -16px 0 1px #eaf7ee,60px -4px 0 7px #eaf7ee}.cloud-one{top:75px;left:15%}.cloud-two{top:165px;right:5%;transform:scale(.65)}.hill{position:absolute;width:120%;height:220px;border-radius:50% 50% 0 0;left:-15%;top:270px;background:#7eaa83}.hill-two{left:30%;top:305px;background:#a8bf8a}.land{position:absolute;bottom:0;width:60%;height:55%;background:#a9bf80;clip-path:polygon(0 7%,100% 48%,100% 100%,0 100%)}.land-two{right:0;transform:scaleX(-1);background:#c2c489}.road{position:absolute;z-index:2;left:15%;bottom:-95px;width:70%;height:68%;background:#42585e;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);border-bottom:0}.road:before,.road:after{content:"";position:absolute;top:0;height:100%;width:2.2%;background:#f1deaa;transform-origin:top}.road:before{left:41%;transform:rotate(17deg)}.road:after{right:41%;transform:rotate(-17deg)}.stripe{position:absolute;left:49.5%;top:8%;height:95%;width:1.2%;background:repeating-linear-gradient(#f8edcd 0 28px,transparent 28px 64px);transform:perspective(230px) rotateX(16deg)}.hole{position:absolute;display:block;z-index:3;background:#182c31;border:5px solid #788a88;border-radius:50%;box-shadow:0 4px 0 #192c30}.hole-one{top:25%;left:39%;width:46px;height:17px}.hole-two{top:47%;right:21%;width:65px;height:23px}.hole-three{top:67%;left:15%;width:92px;height:29px}.coin{position:absolute;z-index:4;display:grid;place-items:center;background:#ffcf5d;color:#9a5f22;border:3px solid #fff0a4;box-shadow:0 5px 0 #b98037;border-radius:50%;font:900 15px "Arial Black","Trebuchet MS",Arial,sans-serif;width:28px;height:28px;right:32%}.coin-one{top:21%;transform:scale(.75)}.coin-two{top:34%;transform:scale(.9)}.coin-three{top:50%;transform:scale(1.1)}.tree{position:absolute;z-index:2;width:12px;height:95px;background:#6b7952;bottom:28%}.tree:before{content:"";position:absolute;width:52px;height:62px;background:#487e64;border-radius:50%;top:-25px;left:-20px;box-shadow:12px -12px 0 #60916b}.tree-one{left:9%;bottom:27%;transform:scale(.8)}.tree-two{left:17%;bottom:43%;transform:scale(.4)}.tree-three{right:8%;bottom:34%;transform:scale(.7)}.tree-four{right:18%;bottom:46%;transform:scale(.35)}.car{position:absolute;z-index:5;bottom:11%;left:48%;width:126px;height:173px;transform:translateX(-50%) rotate(-7deg);border-radius:35px 35px 22px 22px;background:#fffdf2;border:7px solid #d7e2df;box-shadow:-16px 35px 0 -9px #243437,16px 35px 0 -9px #243437,0 25px 24px #22353e55}.roof{position:absolute;left:15px;right:15px;top:17px;height:86px;border-radius:26px 26px 13px 13px;background:#f4f6eb;border:4px solid #d9e2e1}.window{position:absolute;left:24px;right:24px;top:44px;height:39px;border-radius:13px 13px 6px 6px;background:#79aeb7;border:4px solid #e8ece5}.lamp{position:absolute;bottom:13px;background:#ff6a56;border:3px solid #fff6e7;border-radius:10px;width:18px;height:13px}.lamp-left{left:8px}.lamp-right{right:8px}.road-sign{position:absolute;z-index:5;left:20px;top:28px;background:#1d624d;border:3px solid #fefbed;color:#fffdeb;padding:12px 13px;border-radius:9px;font-size:14px;font-weight:900;box-shadow:0 6px 0 #123e35}.road-sign span{margin-left:14px}.scene-callout{position:absolute;z-index:6;right:22px;top:205px;color:#fff9e5;font-size:35px;line-height:.92;font-weight:900;letter-spacing:-.06em;text-shadow:3px 4px #305c5b;transform:rotate(8deg)}.scene-caption{position:absolute;z-index:6;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;color:#fff9e5;font-size:12px;font-weight:900;letter-spacing:.1em;text-shadow:1px 2px #253e40}.ticker{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;background:#17383b;color:#fff5de;padding:22px 30px;font-size:13px;font-weight:900;letter-spacing:.1em}.ticker b{color:#f2855e}.features{display:grid;grid-template-columns:.68fr 1fr;gap:64px}.section-intro>p:last-child,.journey-heading>p,.how-heading>p:not(.kicker),.faq-grid>div>p:not(.kicker){color:#5b7073;font-size:18px;max-width:450px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.feature-card{min-height:245px;padding:28px;border-radius:21px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.feature-card:first-child{grid-column:span 2}.feature-card.dark{background:#1b4143;color:#f9f5e9}.feature-card.coral{background:#ee8663;color:#193438}.feature-card.cream{background:#e7e8d5;color:#193438}.feature-symbol{font:900 48px "Arial Black","Trebuchet MS",Arial,sans-serif;line-height:1}.feature-card small{font-weight:900;letter-spacing:.16em;font-size:11px}.feature-card h3{font-size:30px;margin:10px 0}.feature-card p{font-size:14px;max-width:420px;margin:0}.journey{background:#e9eddd}.journey-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.journey-heading>p{max-width:360px}.journey-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.journey-card{height:360px;padding:24px;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;color:#fff;text-shadow:0 2px 8px #142d3177}.journey-card:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(transparent 39%,#17363b9c),linear-gradient(160deg,#8fc2b5 0 35%,#6e9872 35% 54%,#baae78 54% 70%,#4f6666 70%)}.journey-card.coast:before{background:linear-gradient(transparent 39%,#17363b9c),linear-gradient(160deg,#a7d4d7 0 33%,#5eacc1 33% 54%,#d9c7a5 54% 67%,#537472 67%)}.journey-card.night:before{background:radial-gradient(circle at 80% 16%,#f4e4ba 0 6%,transparent 7%),linear-gradient(transparent 40%,#091b2fc7),linear-gradient(160deg,#16223d 0 39%,#2f3e58 40% 57%,#506758 58% 70%,#172b37 71%)}.journey-card>*{position:relative;z-index:1}.journey-card span,.journey-card small{font-size:11px;font-weight:900;letter-spacing:.14em}.journey-card strong{font-size:clamp(31px,3vw,46px);font-weight:900;line-height:.95;letter-spacing:-.04em}.how{display:grid;grid-template-columns:.8fr 1fr;gap:100px}.how-heading .button{margin-top:10px}.dark-button{background:#193b3e;color:#fff}.steps article{display:flex;gap:30px;padding:25px 0;border-top:1px solid #cbd4c9}.steps article:last-child{border-bottom:1px solid #cbd4c9}.steps article>span{font-family:"Arial Black","Trebuchet MS",Arial,sans-serif;font-size:17px;font-weight:900;color:#e17650}.steps h3{font-size:26px;margin:0 0 11px}.steps p{color:#5b7073;margin:0}.faq{background:#f0eee2}.faq-grid{display:grid;grid-template-columns:.8fr 1fr;gap:100px}.faq details{border-top:1px solid #c9d1c7;padding:22px 0}.faq details:last-child{border-bottom:1px solid #c9d1c7}.faq summary{cursor:pointer;font-weight:800;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:"Arial Black","Trebuchet MS",Arial,sans-serif;font-size:23px;line-height:1;color:#df7450}.faq details[open] summary:after{content:"−"}.faq details p{color:#5b7073;margin:15px 0 0}.last-call{background:#f4a470;overflow:hidden}.last-call .wrap{position:relative;padding-block:77px}.last-call h2{font-size:clamp(64px,8vw,110px);margin-bottom:27px;color:#17383b}.last-call h2 em{color:#fff8e6}.light-button{background:#fff9e8;color:#17383b}.doodle{position:absolute;right:10%;top:45%;font:900 190px "Arial Black","Trebuchet MS",Arial,sans-serif;transform:rotate(-15deg);color:#fff6e788}.footer{padding-block:38px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand{font-size:20px}.footer .brand b{width:30px;height:30px;font-size:16px;border-radius:8px}.footer p{font-size:13px;color:#5b7073;margin:0}.footer>a:last-child{font-size:12px;font-weight:900;letter-spacing:.1em;text-decoration:none;white-space:nowrap}
@media(max-width:1050px){.wrap{padding-inline:26px}.header nav{gap:18px}.hero{gap:30px}h1{font-size:clamp(62px,7.4vw,82px)}.scene{height:520px}.features,.how,.faq-grid{gap:45px}.feature-card{padding:24px}.journey-card{height:320px}}
@media(max-width:760px){.wrap{padding-inline:21px}.section-pad{padding-block:72px}.header{height:76px}.brand{font-size:20px}.brand b{width:32px;height:32px;font-size:15px;border-radius:9px}.header nav{display:none}.header-play{font-size:11px;padding:10px 13px}.header-play span{margin-left:7px}.hero{grid-template-columns:1fr;padding-top:22px;padding-bottom:67px;gap:32px}.hero-copy{padding:0}.overline{font-size:10px;letter-spacing:.12em;margin-bottom:22px}h1{font-size:clamp(56px,11vw,82px);margin-bottom:20px}.hero-lede{font-size:17px}.hero-actions{gap:16px}.button{min-height:59px;min-width:215px;font-size:14px}.microcopy{margin-bottom:26px}.hero-stats{gap:14px;padding-top:18px}.hero-stats div{padding-right:14px}.hero-stats strong{font-size:25px}.hero-stats span{font-size:8px}.scene{height:480px;max-width:520px;width:100%;margin:auto;transform:rotate(0);border-width:7px}.ticker{gap:12px;font-size:10px;padding:18px}.ticker b{display:none}.features,.how,.faq-grid{grid-template-columns:1fr;gap:24px}.feature-grid{gap:12px}.feature-card{min-height:240px}.feature-card:first-child{min-height:215px}.journey-heading{display:block}.journey-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.journey-card{flex:0 0 76%;height:315px;scroll-snap-align:start}.journey-card strong{font-size:39px}.how-heading .button{margin-bottom:10px}.faq-grid{gap:20px}.last-call .wrap{padding-block:65px}.last-call h2{font-size:clamp(60px,11vw,84px)}.doodle{right:-4%;font-size:120px;top:50%}.footer{flex-wrap:wrap;padding-block:30px}.footer p{order:3;width:100%}}
@media(max-width:420px){h1{font-size:clamp(51px,12.6vw,58px)}.hero-stats{justify-content:space-between;gap:8px}.hero-stats div{padding-right:9px}.hero-stats span{font-size:7px}.scene{height:390px}.sun{width:85px}.hill{top:185px}.hill-two{top:220px}.road{height:73%;bottom:-75px}.car{transform:translateX(-50%) rotate(-7deg) scale(.76);transform-origin:bottom center;bottom:9%}.scene-callout{font-size:25px;top:150px}.road-sign{font-size:10px;left:12px;top:15px}.road-sign span{margin-left:5px}.tree-one,.tree-three{transform:scale(.55)}.feature-grid{grid-template-columns:1fr}.feature-card:first-child{grid-column:span 1}.feature-card{min-height:220px}.ticker span:nth-of-type(n+4){display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button,.header-play{transition:none}}
.hero-preview{margin:0;align-self:center;border:9px solid #fffefa;border-radius:28px;background:#17383b;overflow:hidden;box-shadow:0 20px 0 #e3e5d8,0 30px 50px rgba(22,50,55,.15);transform:rotate(1.4deg)}
.hero h1{font-size:clamp(58px,5.5vw,80px);white-space:normal}
.hero-preview img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:44% center}
.hero-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;color:#fff8e6;font:900 11px "Arial Black","Trebuchet MS",Arial,sans-serif;letter-spacing:.12em}
.preview-tag{color:#f7ad7f}
.screenshots{padding-top:95px;padding-bottom:105px}
.screenshot-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:27px}
.screenshot-heading h2{margin-bottom:0}
.screenshot-heading>p{max-width:370px;color:#5b7073;font-size:17px;margin:0}
.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.screenshot-card{margin:0;border-radius:22px;overflow:hidden;background:#17383b;color:#fff8e6;border:6px solid #fffefa;box-shadow:0 9px 0 #e3e5d8}
.screenshot-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.screenshot-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 18px}
.screenshot-card strong{font:900 19px "Arial Black","Trebuchet MS",Arial,sans-serif}
.screenshot-card figcaption span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#f1aa83;text-align:right}
.screenshot-wide{grid-column:span 2}
@media(max-width:760px){.hero-preview{transform:none;max-width:600px;width:100%;margin:auto}.hero-preview figcaption{font-size:9px}.screenshots{padding-top:70px;padding-bottom:75px}.screenshot-heading{display:block}.screenshot-heading>p{font-size:15px}.screenshot-grid{grid-template-columns:1fr;gap:16px}.screenshot-wide{grid-column:span 1}.screenshot-card figcaption{flex-wrap:wrap;gap:6px;padding:14px}.screenshot-card figcaption span{text-align:left;width:100%}}
@media(max-width:760px){.hero h1{font-size:clamp(46px,12vw,62px)}}