:root{color-scheme:light;--ink:#211b2e;--muted:#6f687c;--soft:#f8f7fc;--surface:#fff;--surface-strong:#fbfaff;--violet:#8b5cf6;--violet-strong:#6d5ff3;--mint:#20b486;--amber:#f5b84b;--line:#211b2e1f;--shadow:0 24px 70px #211b2e21;font-family:Outfit,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--soft);color:var(--ink);margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.page{min-height:100vh;overflow-x:hidden}.shell{width:min(1140px,100% - 40px);margin:0 auto}.topbar{z-index:20;backdrop-filter:blur(18px);background:#f8f7fcdb;border-bottom:1px solid #211b2e14;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand img{width:auto;height:42px}.nav{color:var(--muted);align-items:center;gap:22px;font-size:.95rem;font-weight:650;display:flex}.nav a:hover{color:var(--ink)}.nav-cta{min-height:42px;color:var(--violet);background:#ffffffb8;border:1px solid #8b5cf647;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;display:inline-flex}.hero{padding:72px 0 52px}.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(320px,.78fr);align-items:center;gap:58px;display:grid}.eyebrow{color:#584b75;letter-spacing:0;align-items:center;gap:9px;margin-bottom:22px;font-size:.88rem;font-weight:760;display:inline-flex}.eyebrow:before{content:"";background:var(--mint);border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 6px #20b48621}.hero h1{max-width:820px;color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(3.25rem,8vw,6.6rem);line-height:.92}.hero-copy{max-width:640px;color:var(--muted);margin:26px 0 0;font-size:clamp(1.08rem,1.9vw,1.28rem);line-height:1.7}.actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:54px;padding:0 24px;font-size:1rem;font-weight:780;display:inline-flex}.button-primary{color:#fff;background:linear-gradient(135deg, var(--violet), var(--violet-strong));box-shadow:0 18px 38px #8b5cf64a}.button-secondary{border:1px solid var(--line);color:var(--ink);background:#ffffffbd}.launch-note{color:#7a7285;max-width:590px;margin-top:18px;font-size:.92rem;line-height:1.55}.phone-stage{place-items:center;min-height:610px;display:grid;position:relative}.phone-aura{filter:blur(8px);background:radial-gradient(circle at 70% 15%,#f5b84b59,#0000 22%),radial-gradient(circle at 24% 28%,#8b5cf657,#0000 34%),radial-gradient(circle at 70% 75%,#20b48645,#0000 34%);border-radius:42% 58% 45% 55%;width:min(94%,460px);height:84%;position:absolute}.phone{width:min(100%,356px);box-shadow:var(--shadow);background:#fbfaff;border:10px solid #16111f;border-radius:46px;position:relative;overflow:hidden}.phone-screen{background:linear-gradient(#fbfaff 0%,#f4f2fa 100%);min-height:590px;padding:22px}.phone-status,.phone-header,.pet-row,.phone-card,.task-row,.calendar-row{align-items:center;display:flex}.phone-status{color:#544a66;justify-content:space-between;font-size:.75rem;font-weight:800}.phone-header{justify-content:space-between;margin-top:24px}.phone-logo{align-items:center;gap:9px;font-weight:860;display:flex}.phone-logo img{width:34px;height:34px}.avatar{background:linear-gradient(135deg,#f5b84b,#f8d58a);border-radius:16px;width:38px;height:38px}.phone-title{margin:28px 0 10px;font-size:1.82rem;line-height:1.08}.pet-row{gap:10px;margin:18px 0 20px}.pet-pill{color:#5c5268;background:#fff;border:1px solid #211b2e14;border-radius:999px;padding:9px 13px;font-size:.83rem;font-weight:760}.pet-pill.active{color:#fff;background:var(--ink)}.phone-card{background:#ffffffe6;border:1px solid #211b2e14;border-radius:28px;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:14px;padding:18px}.card-label{color:var(--muted);font-size:.78rem;font-weight:760}.cost-line{justify-content:space-between;align-items:end;display:flex}.cost-line strong{font-size:2.1rem;line-height:1}.cost-line span{color:var(--mint);font-size:.82rem;font-weight:800}.bar{background:#eeeaf6;border-radius:999px;height:10px;overflow:hidden}.bar>span{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--mint));width:68%;height:100%;display:block}.task-row{justify-content:space-between;gap:14px}.task-icon{width:42px;height:42px;color:var(--violet);background:#8b5cf61f;border-radius:16px;place-items:center;font-weight:900;display:grid}.task-main{flex:1}.task-main strong,.calendar-row strong{font-size:.96rem;display:block}.task-main span,.calendar-row span{color:var(--muted);margin-top:2px;font-size:.78rem;display:block}.calendar-row{gap:12px}.date-box{color:#fff;background:linear-gradient(135deg,#20b486,#58c7a8);border-radius:16px;place-items:center;width:46px;height:52px;font-weight:900;line-height:1;display:grid}.section{padding:72px 0}.section.alt{background:#fff}.section-head{max-width:760px;margin-bottom:34px}.section-kicker{color:var(--violet);text-transform:uppercase;margin:0 0 12px;font-size:.85rem;font-weight:850}.section h2{margin:0;font-size:clamp(2.1rem,4.4vw,4rem);line-height:1.02}.section-lead{color:var(--muted);margin:18px 0 0;font-size:1.08rem;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature{border:1px solid var(--line);background:#ffffffc7;border-radius:8px;min-height:214px;padding:24px}.feature-symbol{color:#fff;background:var(--ink);border-radius:999px;place-items:center;width:42px;height:42px;margin-bottom:18px;font-weight:900;display:grid}.feature h3,.plan h3,.article-card h3{margin:0;font-size:1.18rem}.feature p,.plan p,.article-card p{color:var(--muted);margin:12px 0 0;line-height:1.62}.workflow{grid-template-columns:.95fr 1.05fr;align-items:start;gap:42px;display:grid}.steps{gap:14px;display:grid}.step{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr;align-items:start;gap:16px;padding:18px 0;display:grid}.step:last-child{border-bottom:0}.step-number{color:#fff;background:linear-gradient(135deg, var(--violet), var(--mint));border-radius:999px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.step h3{margin:0}.step p{color:var(--muted);margin:7px 0 0;line-height:1.6}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.plan{border:1px solid var(--line);background:#fff;border-radius:8px;padding:26px}.plan.highlight{background:linear-gradient(#fbfaff,#f2edff);border-color:#8b5cf66b}.plan-tag{color:var(--violet);background:#8b5cf61a;border-radius:999px;margin-bottom:14px;padding:7px 11px;font-size:.75rem;font-weight:860;display:inline-flex}.plan ul{color:#4f465e;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.plan li:before{content:"✓";color:var(--mint);margin-right:8px;font-weight:900}.articles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.article-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:22px}.article-meta{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.chip{color:#5a4b74;background:#f0ebff;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:820}.final-cta{color:#fff;background:#15111f;padding:82px 0}.final-box{grid-template-columns:.9fr 1.1fr;align-items:center;gap:38px;display:grid}.final-box img{width:180px;height:auto}.final-box h2{margin:0;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1}.final-box p{color:#ffffffb8}.footer{color:#7c7388;background:#15111f;border-top:1px solid #ffffff1f;padding:34px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:18px;display:flex}@media (width<=900px){.nav{display:none}.hero-grid,.workflow,.final-box{grid-template-columns:1fr}.hero{padding-top:54px}.phone-stage{min-height:560px}.feature-grid,.articles{grid-template-columns:1fr 1fr}}@media (width<=640px){.shell{width:min(100% - 28px,1140px)}.brand img{height:36px}.hero h1{font-size:clamp(3.1rem,17vw,4.65rem)}.actions{flex-direction:column}.button{width:100%}.phone{width:min(100%,330px)}.feature-grid,.articles,.plans{grid-template-columns:1fr}.section{padding:56px 0}}
