:root{--sun:#ffd433;--ink:#171611;--muted:#696b62;--paper:#fff;--green:#337453;--line:#e9eae3}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.symbols{position:absolute;width:0;height:0;overflow:hidden}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header,main,footer{max-width:1280px;margin:auto}.header{height:126px;padding:26px 50px;display:flex;align-items:center;justify-content:space-between}.brand{display:block;width:174px;overflow:hidden}.brand img{display:block;width:206px;height:auto;margin:-8px -15px}.launch{display:flex;align-items:center;gap:9px;font-size:13px;color:#55584f}i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:685px;padding:6px 50px 52px;gap:32px}.intro{padding-bottom:8px}.coming{display:flex;align-items:center;gap:10px;font-size:13px}.tiny-pin{width:30px;height:30px;background:var(--sun);border-radius:50%;display:grid;place-items:center}.tiny-pin svg{width:17px;height:17px}h1{font-family:inherit;font-size:clamp(58px,6.15vw,85px);line-height:1.02;letter-spacing:-3.5px;margin:24px 0 24px;font-weight:800}.description{color:var(--muted);font-size:16px;line-height:1.75;max-width:405px;margin:0}.availability{margin-top:33px}.availability>p{font-size:12px;font-weight:700;margin-bottom:12px}.stores{display:flex;gap:10px}.store{display:flex;gap:12px;align-items:center;padding:12px 20px 12px 16px;border-radius:12px;background:var(--ink);color:white;min-width:171px}.store svg{width:25px;height:29px}.store small{display:block;font-size:9px;color:#deded9;margin-bottom:3px}.store strong{font-size:19px;font-weight:500;letter-spacing:-.35px}.visual{position:relative;isolation:isolate;display:grid;place-items:center;height:620px}.orbit{position:absolute;border-radius:50%;z-index:-1;left:50%;top:49%;transform:translate(-50%,-50%)}.orbit-one{width:485px;height:485px;background:#ffdb48}.orbit-two{width:550px;height:550px;border:1px solid #f5e7ad}.orbit-three{width:608px;height:608px;border:1px dashed #ede8d7}.phone{position:relative;width:282px;height:554px;background:#fff;border:7px solid #242520;border-radius:42px;box-shadow:0 25px 45px #46390925,0 0 0 1px #a9a99d;overflow:hidden;transform:rotate(5deg)}.phone-top{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:9px;font-weight:700}.island{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:77px;height:20px;border-radius:20px;background:#242520}.signal{font-size:9px}.app-screenshot{display:block;width:100%;height:auto;aspect-ratio:390/730;object-fit:contain}.home-indicator{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:85px;height:3px;background:#282923;border-radius:3px}.floating{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:15px 18px;border-radius:15px;background:white;box-shadow:0 12px 28px #50430c14;font-size:12px;line-height:1.6}.floating b{font-size:12px}.note-top{left:-9px;top:95px;transform:rotate(-5deg)}.note-icon{width:39px;height:39px;display:grid;place-items:center;background:#fff4bd;border-radius:12px}.note-bottom{right:-9px;bottom:108px;transform:rotate(-4deg)}.match-check{width:35px;height:35px;display:grid;place-items:center;background:#e5f2e8;color:#32744b;border-radius:50%;font-size:20px}.preview-label{position:absolute;bottom:3px;font-size:11px;color:#77786f}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:31px 50px 36px;gap:30px}.principles article{display:flex;gap:14px;align-items:center}.feature-icon{width:42px;height:42px;border-radius:50%;background:#f7f7f1;display:grid;place-items:center;flex-shrink:0}.feature-icon svg{width:21px;height:21px}.principles h2{font-size:15px;margin:0 0 7px;letter-spacing:-.3px}.principles p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 50px;border-top:1px solid var(--line);font-size:11px;color:#74766e}.footer-status{display:flex;align-items:center;gap:7px}.footer-status i{width:5px;height:5px}a:focus-visible{outline:3px solid #9d7900;outline-offset:6px}@media(min-width:1440px){.header{height:145px}.hero{padding-top:20px;padding-bottom:65px}}@media(max-width:1050px){.header{padding-inline:30px}.hero{padding-inline:30px;gap:10px;overflow:hidden}h1{font-size:68px}.visual{transform:scale(.9);transform-origin:center}.note-top{left:-25px}.note-bottom{right:-18px}.principles{padding-inline:30px;gap:16px}.principles article{gap:9px}.principles p{font-size:10px}footer{padding-inline:30px}}@media(max-width:760px){.header{height:96px;padding:20px 24px}.brand{width:139px}.brand img{width:168px;margin:-6px -13px}.launch{font-size:10px;gap:6px}.hero{grid-template-columns:1fr;padding:22px 24px 27px;gap:8px}.intro{max-width:490px;margin:auto;width:100%;text-align:center}.coming{justify-content:center;font-size:11px}h1{font-size:52px;letter-spacing:-2.7px;margin-top:22px}h1 br:last-child{display:none}.description{font-size:14px;line-height:1.8;margin:auto;max-width:350px}.availability{margin-top:25px}.stores{justify-content:center}.store{min-width:0;text-align:left;padding:11px 16px;gap:9px}.store strong{font-size:17px}.store small{font-size:8px}.store svg{width:23px}.visual{height:610px;transform:scale(.88);margin:-12px -24px -30px}.note-top{left:calc(50% - 209px);top:95px;padding:12px;gap:8px}.note-bottom{right:calc(50% - 209px);bottom:91px;padding:12px}.floating,.floating b{font-size:10px}.orbit-one{width:440px;height:440px}.orbit-two{width:510px;height:510px}.orbit-three{width:570px;height:570px}.principles{grid-template-columns:1fr;max-width:440px;margin:auto;padding:27px 30px;gap:24px}.principles article{gap:16px}.principles p{font-size:12px}.principles h2{font-size:16px}.feature-icon{width:46px;height:46px}footer{padding:23px 24px;flex-wrap:wrap;gap:18px;font-size:10px}footer>span:nth-child(2){order:3;width:100%;text-align:center;font-size:10px}.footer-status{margin-left:auto}}@media(max-width:360px){.header{padding-inline:17px}.launch{font-size:9px}.hero{padding-inline:17px}h1{font-size:45px}.visual{transform:scale(.77);margin-top:-50px;margin-bottom:-66px}.store{padding:10px 12px}.store strong{font-size:16px}}