@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1c3029;--muted:#61716a;--green:#406c58;--paper:#f8f9f5;--mint:#a8d0c0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #406c58;outline-offset:6px}img{display:block;max-width:100%}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.nav{height:110px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px}.brand img{border-radius:11px;margin-right:12px}.brand-dot{color:#72ac95}nav{display:flex;gap:35px;align-items:center;font-size:14px}nav>a:hover,.text-link:hover{color:var(--green)}.nav-download{border:1px solid #cdd6ce;border-radius:30px;padding:12px 20px}.nav-download span{margin-left:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:35px;padding-bottom:85px}.hero-copy{padding-top:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--green)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,5.4vw,73px);line-height:1.06;letter-spacing:-4px;margin:28px 0}h1 em{font-style:normal;color:var(--green)}.intro{font-size:17px;color:var(--muted);line-height:1.7;max-width:340px;margin-bottom:28px}.store-button{display:inline-block;vertical-align:top;margin:13px 0}.store-button img{display:block;width:auto;height:52px;max-width:100%}.compatibility{font-size:11px;color:var(--muted);margin-left:4px}.hero-art{min-height:610px;position:relative;background:#e0eee4;border-radius:180px 180px 22px 22px;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}.art-label{position:absolute;top:42px;font-size:9px;letter-spacing:2px;z-index:2}.orbit{position:absolute;border:1px solid #bcd6c6;border-radius:50%;width:580px;height:580px;top:160px;left:-30px}.orbit-two{width:420px;height:420px;top:240px;left:50px}.phone-crop{position:relative;width:300px;height:487px;overflow:hidden;border-radius:42px 42px 0 0;box-shadow:0 20px 50px #34544430;z-index:1;margin-bottom:55px;transform:rotate(7deg)}.phone-crop img{position:absolute;max-width:none;width:360px;left:-30px;top:-219px}.floating-note{position:absolute;bottom:170px;left:20px;z-index:2;background:#fff;border:1px solid #e3e9e2;box-shadow:0 10px 30px #264a3520;border-radius:15px;padding:17px;display:flex;gap:13px;align-items:center;font-size:12px;line-height:1.6;transform:rotate(-5deg)}.check{display:grid;place-items:center;background:#e0eee4;color:#406c58;border-radius:50%;width:32px;height:32px}.floating-note strong{font-weight:500;color:var(--muted)}.art-bottom{position:absolute;bottom:22px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.art-bottom span:last-child{font-size:22px}.features{padding-top:65px;padding-bottom:90px;border-top:1px solid #dbe1d9}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start}h2{font-size:40px;line-height:1.18;letter-spacing:-1.8px;margin:0}.section-heading>p:last-child,.gallery-heading>p{font-size:14px;line-height:1.7;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.feature-grid article{position:relative}.feature-icon{font-size:30px;color:var(--green)}.number{float:right;font-size:11px;color:#89948c;padding-top:10px}.feature-grid h3{font-size:20px;letter-spacing:-.6px;margin:23px 0 12px}.feature-grid p{font-size:14px;line-height:1.8;color:var(--muted);max-width:300px}.screens-section{background:#eef1e9;padding:75px 0 80px}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.gallery-heading .eyebrow{margin-bottom:20px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery figure{margin:0}.gallery img{width:100%;border-radius:16px;border:1px solid #e1e6df}.gallery figcaption{font-size:16px;margin-top:22px}.gallery figcaption span{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-bottom:9px}.cta{text-align:center;padding-top:85px;padding-bottom:90px}.cta>img{border-radius:19px;margin:auto auto 25px}.cta .eyebrow{justify-content:center;margin-bottom:22px}.cta h2{font-size:48px}.text-link{display:inline-flex;gap:30px;font-size:14px;margin-top:30px;padding-bottom:8px;border-bottom:1px solid #94aa9d}footer{border-top:1px solid #dbe1d9;padding-top:28px;padding-bottom:28px;display:flex;justify-content:space-between;align-items:center}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}
@media(min-width:1450px){.hero{gap:70px}}@media(max-width:900px){.wrap{padding-left:28px;padding-right:28px}h1{font-size:55px;letter-spacing:-3px}.hero-art{min-height:580px}.phone-crop{width:260px;height:440px}.phone-crop img{width:312px;left:-26px;top:-190px}.floating-note{left:12px;font-size:10px;padding:12px}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{grid-column:2}.feature-grid{gap:25px}h2{font-size:34px}}
@media(max-width:620px){.nav{height:85px}nav{gap:16px}nav>a:not(.nav-download){display:none}.nav-download{font-size:12px;padding:10px 14px}.brand{font-size:23px}.brand img{width:34px;height:34px}.hero{grid-template-columns:1fr;padding-top:10px;padding-bottom:50px;gap:30px}h1{font-size:60px}.hero-copy{padding-top:15px}.intro{max-width:340px}.hero-art{min-height:545px;border-radius:150px 150px 20px 20px}.phone-crop{width:280px;height:450px;margin-bottom:42px}.phone-crop img{width:336px;left:-28px;top:-204px}.art-label{top:30px;font-size:8px}.floating-note{bottom:125px;left:10px;padding:15px;font-size:11px}.features{padding-top:40px;padding-bottom:40px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:20px}.feature-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.feature-grid article{border-top:1px solid #dbe1d9;padding-top:20px}.feature-grid h3{margin-top:12px}.feature-grid p{max-width:none}.screens-section{padding:45px 0}.gallery-heading{display:block}.gallery{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:15px;gap:18px}.gallery figure{flex:0 0 80%;scroll-snap-align:start}.gallery img{border-radius:12px}.cta{padding-top:60px;padding-bottom:60px}.cta h2{font-size:37px}footer{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%;margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}