:root{--ink:#26352f;--muted:#64756d;--mint:#8fcbb5;--mint2:#e1f3e9;--paper:#edf8f1;--card:#f8fcf9;--line:#d5e9dc;--navy:#284b90;--lav:#b76bc8;--coral:#ff665d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-rounded,"SF Pro Rounded","Avenir Next",system-ui,sans-serif;line-height:1.6}.nav{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:rgba(237,248,241,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(225,232,229,.7)}.wordmark img{width:128px;display:block}.nav nav{display:flex;gap:30px}.nav a,footer a{text-decoration:none;color:var(--ink);font-weight:700}.hero{min-height:720px;max-width:1180px;margin:auto;padding:80px 40px 90px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px}.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.18em;color:var(--mint-dark,#4e8c7c)}h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 28px;max-width:760px}h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.06;letter-spacing:-.04em;margin:12px 0 20px}.hero p,.intro p,.copy p,.plus p,.download p{font-size:1.14rem;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;padding:14px 22px;border-radius:14px;font-weight:850;box-shadow:0 8px 20px rgba(32,38,41,.12)}.button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.hero-art{position:relative;display:grid;place-items:center;min-height:480px}.hero-art img{position:relative;z-index:2}.hero-art .home-screen{width:min(310px,70%);border-radius:34px;box-shadow:0 30px 70px rgba(32,38,41,.2);animation:float 5s ease-in-out infinite}.hero-art .hero-icon{position:absolute;width:105px;right:2%;bottom:4%;z-index:3;filter:drop-shadow(0 16px 18px rgba(28,50,43,.22));border-radius:24px}.blob{position:absolute;width:440px;height:440px;max-width:95%;border-radius:44% 56% 63% 37%/45% 45% 55% 55%;background:linear-gradient(135deg,#d4f0df,#e7f5e9 58%,#dff2e7);transform:rotate(-8deg)}@keyframes float{50%{transform:translateY(-12px)}}.intro{text-align:center;padding:110px 24px 80px;max-width:800px;margin:auto}.intro p{margin:0 auto}.feature{max-width:1080px;margin:0 auto;padding:95px 40px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.feature.flip .screen{order:2}.screen{display:flex;justify-content:center}.screen img{display:block;width:min(330px,80vw);border-radius:34px;box-shadow:0 30px 70px rgba(32,38,41,.16)}.copy b{font-size:4.7rem;line-height:1;color:#dce6e2;letter-spacing:-.06em}.copy span{display:inline-block;margin-top:14px;padding:7px 12px;border-radius:999px;background:var(--mint2);font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.plus{max-width:1100px;margin:110px auto;padding:75px;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center;background:linear-gradient(135deg,#dff3e7,#edf8f1);border-radius:42px}.plus-card{background:rgba(248,252,249,.88);padding:34px;border-radius:26px;display:grid;gap:13px;box-shadow:0 18px 50px rgba(70,60,80,.09)}.plus-card strong{font-size:2rem}.plus-card span:before{content:"✓";margin-right:10px;color:#4e8c7c;font-weight:900}.download{text-align:center;padding:130px 24px;display:flex;flex-direction:column;align-items:center}.download .small-icon{width:110px;border-radius:26px;margin-bottom:28px;box-shadow:0 15px 35px rgba(32,38,41,.14)}.download p{margin:0 auto 30px}.disabled{opacity:.8;cursor:default}footer{border-top:1px solid var(--line);padding:35px max(5vw,24px);display:flex;align-items:center;gap:30px;justify-content:space-between;color:var(--muted);font-size:.9rem}footer img{width:92px}footer div{display:flex;gap:20px}@media(max-width:760px){.nav nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;padding:55px 24px 70px;text-align:center;gap:20px}.hero-copy p{margin-left:auto;margin-right:auto}.actions{justify-content:center}.hero-art{min-height:350px}.blob{width:330px;height:330px}.intro{padding-top:80px}.feature,.feature.flip{grid-template-columns:1fr;gap:45px;padding:70px 24px;text-align:center}.feature.flip .screen{order:0}.copy p{margin-left:auto;margin-right:auto}.plus{margin:70px 18px;padding:45px 26px;grid-template-columns:1fr;gap:30px;text-align:center}.plus p{margin-left:auto;margin-right:auto}.plus-card{text-align:left}.download{padding:90px 24px}footer{flex-direction:column;text-align:center}.nav{height:70px}.wordmark img{width:105px}}
.feature-preview{transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.feature-preview:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 36px 78px rgba(32,38,41,.2)}

/* Reliable feature GIF hover previews */
.preview-swap{position:relative;display:inline-block;width:min(330px,80vw);border-radius:34px;overflow:hidden;box-shadow:0 30px 70px rgba(32,38,41,.16);line-height:0;transition:transform .25s ease,box-shadow .25s ease}
.preview-swap img{display:block;width:100%;height:auto;border-radius:0;box-shadow:none}
.preview-swap .preview-gif{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .12s ease}
@media (hover:hover) and (pointer:fine){.preview-swap:hover{transform:translateY(-6px) scale(1.08);z-index:1;box-shadow:0 36px 78px rgba(32,38,41,.2)}}
.preview-swap:hover .preview-gif{opacity:1}
.preview-swap.gif-only .preview-gif{position:relative;opacity:1;height:auto}
@media(hover:none){.preview-swap .preview-gif{opacity:1}.preview-swap .preview-static{visibility:hidden}}

/* Support page */
.support-hero{max-width:850px;margin:0 auto;text-align:center;padding:100px 24px 55px}.support-hero>img{width:110px;border-radius:26px;display:block;margin:0 auto 28px;box-shadow:0 15px 35px rgba(32,38,41,.14)}.support-hero h1{font-size:clamp(3rem,6vw,5rem);margin:14px auto 20px}.support-hero p{font-size:1.15rem;color:var(--muted);max-width:620px;margin:auto}.support-grid{max-width:1050px;margin:20px auto 90px;padding:0 30px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.support-card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:0 14px 35px rgba(32,38,41,.06)}.support-card h2{font-size:1.55rem;margin:0 0 12px;letter-spacing:-.025em}.support-card p{margin:0;color:var(--muted)}.contact-card{max-width:900px;margin:0 auto 45px;padding:65px 30px;text-align:center;background:linear-gradient(135deg,#dff3e7,#edf8f1);border-radius:36px}.contact-card h2{margin-top:10px}.contact-card p{color:var(--muted)}.support-email{font-weight:800;margin-top:20px}.support-note{max-width:800px;margin:0 auto;padding:30px 30px 110px;text-align:center}.support-note h2{font-size:1.7rem}.support-note p{color:var(--muted)}@media(max-width:700px){.support-grid{grid-template-columns:1fr;padding:0 20px}.support-hero{padding-top:70px}.contact-card{margin:0 18px 35px;padding:45px 22px}}

/* Respect reduced motion preferences for feature previews. */
@media(prefers-reduced-motion:reduce){.preview-swap,.preview-swap .preview-gif{transition:none}.preview-swap:hover{transform:none}}