:root{--ink:#202d2b;--green:#245d59;--paper:#f7f4ee;--muted:#69716b;--line:#d9ddd4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header,main,footer{max-width:1240px;margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:700;letter-spacing:-1px}.brand img{width:40px;height:40px;border-radius:11px}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav button{background:transparent;border:1px solid var(--line);border-radius:30px;padding:9px 16px;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b89b61;outline-offset:5px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:740px;padding:55px 36px 70px;gap:32px;align-items:center}.eyebrow{display:block;font-size:11px;letter-spacing:2.7px;font-weight:700;color:var(--green)}h1{font-size:clamp(48px,5.5vw,78px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:24px 0}.lead{font-size:19px;line-height:1.65;max-width:430px;color:#56615a}.cta{display:inline-flex;gap:35px;background:var(--green);color:white;padding:19px 24px;border-radius:6px;margin:20px 0 0;font-size:14px}.platform{font-size:12px;color:var(--muted);margin-top:22px}.visual{height:620px;position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:35px}.orbit{position:absolute;width:440px;height:440px;border:1px solid #d2d7cc;border-radius:50%;left:0;top:80px}.sleeve{position:absolute;left:0;bottom:100px;width:240px;height:270px;transform:rotate(-13deg);background:#bf805f;border-radius:3px;padding:25px;box-shadow:0 20px 30px #26382a18}.disc{width:205px;height:205px;border-radius:50%;background:repeating-radial-gradient(#202d2b 0 3px,#3b4540 4px,#202d2b 5px);position:relative;top:-50px;left:-10px}.disc:after{content:'';position:absolute;width:57px;height:57px;background:#e8d2a5;border:8px solid #d0b98f;border-radius:50%;left:74px;top:74px}.sleeve-label{position:absolute;bottom:20px;left:25px;letter-spacing:3px;font-size:10px;color:#fff}.phone{position:relative;background:#fcfaf6;border:6px solid #263733;border-radius:39px;width:282px;height:571px;padding:37px 16px 14px;box-shadow:16px 30px 60px #26382a25;transform:rotate(5deg)}.island{width:75px;height:16px;background:#263733;border-radius:15px;position:absolute;top:9px;left:98px}.phone-brand{font-size:14px;font-weight:bold}.phone h2{font-size:26px;line-height:1.1;letter-spacing:-1px;margin:25px 0 9px}.mock-caption{font-size:9px;color:var(--muted);margin:0 0 15px}.mock-search{border:1px solid #dedfd8;font-size:10px;border-radius:6px;padding:10px;margin-bottom:15px;background:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid b{display:block;font-size:9px;margin-top:7px}.grid small{font-size:8px;color:var(--muted)}.art{aspect-ratio:1;border-radius:3px;display:grid;place-items:center}.teal{background:#39716b}.clay{background:#bb7b5c}.sand{background:#b99e65}.navy{background:#606e80}.art i{display:block;width:72%;height:72%;border-radius:50%;background:repeating-radial-gradient(#202d2b 0 3px,#414b45 4px,#202d2b 5px);position:relative}.art i:after{content:'';position:absolute;width:22%;height:22%;background:#eadab7;border-radius:50%;left:39%;top:39%}.scan{position:absolute;right:16px;bottom:43px;background:var(--green);border-radius:7px;padding:11px;color:#fff;font-size:10px}.phone-nav{font-size:8px;position:absolute;bottom:16px;left:22px;color:#617268}.caption{position:absolute;bottom:2px;right:25px;font-size:10px;color:var(--muted)}.statement{margin:0 36px;padding:46px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.statement p{font-size:29px;line-height:1.35;letter-spacing:-.7px;margin:0}.statement span{color:#aa9772;font-size:20px}.steps{padding:110px 36px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.section-head h2,.honest h2{font-weight:500;font-size:52px;line-height:1.08;letter-spacing:-2px;margin:20px 0}.section-head p{font-size:17px;line-height:1.6;color:var(--muted);max-width:330px}.step-list article{display:flex;gap:28px;border-bottom:1px solid var(--line);padding:25px 0}.step-list article:first-child{padding-top:0}.step-list article>span{font-size:12px;color:#9a8050;padding-top:6px}.step-list h3{font-size:21px;letter-spacing:-.5px;font-weight:500;margin:0 0 12px}.step-list p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.honest{background:#e8ede5;border-radius:10px;margin:0 36px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.honest h2{font-size:38px;margin-bottom:0}.honest p{font-size:15px;line-height:1.8;color:#526459}.download{text-align:center;padding:105px 36px 75px;max-width:760px;margin:auto}.download>img{width:76px;height:76px;border-radius:21px;display:block;margin:0 auto 28px}.download h2{font-size:49px;font-weight:500;letter-spacing:-2px;line-height:1.1;margin:20px 0}.download>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:550px;margin:0 auto}.stores{display:flex;justify-content:center;gap:14px;margin:30px 0 22px}.store{display:flex;gap:14px;align-items:center;text-align:left;border:1px solid #b5c0b4;background:#edf0e9;border-radius:9px;padding:14px 24px;min-width:194px}.store-symbol{font-size:27px}.store small{display:block;font-size:10px;margin-bottom:3px;color:#5c6d62}.store strong{font-size:19px;font-weight:500}.download>p.fine{font-size:12px}.privacy{margin:0 36px 60px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:14px}.privacy p{font-size:14px;color:var(--muted);line-height:1.8;max-width:800px}footer{padding:24px 36px 44px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:19px}footer .brand img{width:30px;height:30px}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}@media(max-width:760px){header{height:82px;padding:0 22px}.brand{font-size:21px}nav{gap:12px}nav>a{display:none}.hero{grid-template-columns:1fr;padding:35px 24px 40px;gap:15px;min-height:auto}h1{font-size:59px;letter-spacing:-3px}.lead{font-size:17px}.cta{gap:15px;padding:17px 20px}.visual{height:580px;max-width:450px;width:100%;margin:15px auto 0;padding-right:10px}.phone{transform:rotate(4deg);width:265px;height:550px}.island{left:89px}.sleeve{width:200px;left:5px;bottom:90px}.orbit{width:300px;height:300px;left:5px;top:100px}.caption{right:10px}.statement{margin:0 24px;padding:30px 0}.statement p{font-size:23px}.statement>span{display:none}.steps{padding:65px 24px;grid-template-columns:1fr;gap:35px}.section-head h2{font-size:44px}.honest{margin:0 20px;padding:30px;grid-template-columns:1fr;gap:15px}.honest h2{font-size:34px}.download{padding:70px 24px 50px}.download h2{font-size:40px}.stores{flex-wrap:wrap}.store{min-width:185px;justify-content:center}.privacy{margin:0 24px 40px}footer{padding:10px 24px 35px;flex-direction:column;align-items:flex-start;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Replace dist/assets/phone-preview.png to update the phone screen. */
.phone{padding:0;overflow:hidden}.phone-preview{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
