:root {
  --ink:#151715;
  --muted:#737872;
  --cream:#f4f3ed;
  --paper:#fbfaf6;
  --lime:#c8ff54;
  --lime-dark:#9fd63d;
  --line:#deded5;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}
.announcement{height:38px;background:var(--ink);color:#fff;display:flex;justify-content:center;align-items:center;gap:18px;font-size:12px;letter-spacing:.02em}
.announcement a{color:var(--lime);font-weight:700}.announcement a span{margin-left:5px}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(21,23,21,.08);position:sticky;top:0;background:rgba(251,250,246,.9);backdrop-filter:blur(18px);z-index:20}
.logo{font:800 24px "Manrope",sans-serif;letter-spacing:-.07em}.logo span{font-weight:500}.logo b{font-size:11px;background:var(--lime);padding:3px 5px;border-radius:5px;margin-left:3px;vertical-align:middle;letter-spacing:0}
.nav nav{display:flex;gap:32px;font-size:13px;color:#50544e}.nav nav a:hover{color:#000}
.nav-cta{border:1px solid #c9cbc3;border-radius:99px;padding:10px 17px;font-size:12px;font-weight:700}
.hero{min-height:700px;padding:90px 7vw 70px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;overflow:hidden}
.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#676b63}
.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--lime-dark);border-radius:50%;margin-right:8px}
h1,h2,h3{font-family:"Manrope",sans-serif;margin:0;letter-spacing:-.055em}
h1{font-size:clamp(58px,7vw,104px);line-height:.92;margin:22px 0 28px;max-width:760px}
h1 em,h2 em{font-style:normal;color:#858b81}
.hero-text{font-size:18px;color:var(--muted);max-width:520px;line-height:1.65}
.hero-actions{display:flex;align-items:center;gap:28px;margin:35px 0}.button{display:inline-flex;gap:22px;align-items:center;border-radius:99px;padding:15px 21px;font-size:13px;font-weight:800}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{transform:translateY(-2px)}.text-link{font-size:13px;font-weight:700}.text-link span{margin-left:8px}
.trust-row{display:flex;gap:10px;flex-wrap:wrap;color:#90948c;font-size:11px}
.hero-visual{min-height:570px;position:relative;display:flex;align-items:center;justify-content:center}
.glow{position:absolute;width:470px;height:470px;border-radius:50%;background:var(--lime);filter:blur(75px);opacity:.42}
.pet-orbit{position:absolute;border:1px solid rgba(21,23,21,.1);border-radius:50%}.orbit-one{width:530px;height:530px}.orbit-two{width:650px;height:650px}
.phone{position:relative;background:#101210;border:7px solid #101210;border-radius:40px;box-shadow:0 30px 70px rgba(0,0,0,.24);z-index:2}.phone-main{width:285px;height:570px;transform:rotate(3deg)}.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:92px;height:24px;background:#101210;border-radius:0 0 18px 18px;z-index:3}
.phone-screen{height:100%;border-radius:32px;background:#eef0e8;padding:45px 17px 18px;overflow:hidden}.app-top{display:flex;justify-content:space-between;font-size:11px;font-weight:800}.pet-name{font:800 25px "Manrope";margin-top:20px}.pet-name small{font:600 9px "DM Sans";color:#64a41d;margin-left:6px}.pet-avatar{font-size:86px;text-align:center;margin:10px 0}.status-card{background:#fff;border-radius:16px;padding:13px;box-shadow:0 5px 15px rgba(0,0,0,.04)}.status-card span{font-size:9px;color:#888}.status-card strong{display:block;font:800 16px "Manrope";margin:2px 0 8px}.status-line{display:flex;align-items:center;gap:5px;font-size:8px;color:#7a7d76}.status-line i{width:6px;height:6px;background:#93ce3b;border-radius:50%}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.metric-grid>div{background:#fff;border-radius:13px;padding:10px}.metric-grid small,.metric-grid em{font-size:8px;color:#858981;font-style:normal}.metric-grid strong{display:block;font:800 14px "Manrope";margin:2px 0}.metric-grid em{color:#65a220}
.floating-card{position:absolute;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border:1px solid rgba(0,0,0,.06);box-shadow:0 18px 35px rgba(0,0,0,.12);border-radius:16px;padding:12px;display:flex;gap:10px;z-index:4}.floating-card small{display:block;font-size:8px;color:#858981}.floating-card strong{display:block;font-size:10px}.floating-card p{margin:2px 0 0;font-size:8px;color:#888}.alert-card{left:0;top:22%;max-width:210px}.temp-card{right:-10px;bottom:20%;max-width:180px}.alert-icon,.mini-icon{width:29px;height:29px;border-radius:10px;background:var(--lime);display:grid;place-items:center;font-weight:900}.mini-icon{background:#e7e8e1}
.statement{text-align:center;padding:150px 20px 170px;background:var(--cream)}.statement h2,.section-heading h2{font-size:clamp(43px,5.5vw,78px);line-height:1.02;margin:18px auto 22px}.statement>p:last-child{max-width:510px;margin:auto;color:var(--muted);font-size:16px}
.feature-intro{padding:130px 7vw}.section-heading{margin-bottom:65px}.section-heading>p:last-child{color:var(--muted);max-width:430px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{background:var(--cream);border-radius:24px;padding:28px;min-height:410px;display:flex;flex-direction:column}.feature-icon{width:39px;height:39px;border-radius:12px;background:var(--lime);display:grid;place-items:center;font-size:20px;margin-bottom:60px}.feature-card h3{font-size:25px}.feature-card p{font-size:13px;color:var(--muted);line-height:1.6}.feature-art{margin-top:auto;height:105px;border-radius:16px;background:#e8e9e1;position:relative;overflow:hidden}
.map-art{background:linear-gradient(135deg,#e7e9df 25%,transparent 25%) 0 0/30px 30px,#ecece5}.map-route{position:absolute;width:140px;height:70px;border:3px solid #9fc84e;border-left:0;border-bottom:0;border-radius:50%;transform:rotate(10deg);left:35px;top:25px}.map-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--ink);left:128px;top:45px;z-index:2}.chart-art{display:flex;align-items:end;justify-content:center;gap:7px;padding:18px}.chart-art span{width:14px;border-radius:5px 5px 2px 2px;background:#bfc2b9}.chart-art span:nth-child(1){height:30%}.chart-art span:nth-child(2){height:48%}.chart-art span:nth-child(3){height:38%}.chart-art span:nth-child(4){height:75%;background:#9dcf46}.chart-art span:nth-child(5){height:55%}.chart-art span:nth-child(6){height:88%}.sleep-art{display:grid;place-items:center}.sleep-art div{width:100px;height:50px;border-radius:100px 100px 0 0;border-top:3px solid #9dcd45}.sleep-art span{position:absolute;bottom:14px;font:800 13px "Manrope"}.temp-art{display:grid;place-items:center}.temp-art strong{font:800 30px "Manrope"}.temp-art span{font-size:9px;color:#66a11f}
.learning{background:var(--ink);color:#fff;padding:140px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.learning .section-kicker,.alerts .section-kicker{color:#9ca197}.learning h2,.alerts h2{font-size:clamp(48px,5.7vw,80px);line-height:1;margin:18px 0 25px}.learning-copy>p:not(.section-kicker){color:#aeb2a9;max-width:480px;line-height:1.7}.baseline-box{margin-top:50px;max-width:500px}.baseline-top{display:flex;justify-content:space-between;font-size:11px}.baseline-top strong{color:var(--lime)}.progress{height:8px;background:#343831;border-radius:99px;margin:13px 0 9px}.progress i{display:block;height:100%;width:72%;background:var(--lime);border-radius:99px}.baseline-days{display:flex;justify-content:space-between;color:#72776d;font-size:9px}.timeline{padding-top:15px}.timeline-item{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #30342f}.timeline-item b{width:43px;height:43px;border-radius:50%;border:1px solid #424740;display:grid;place-items:center;font:700 11px "Manrope"}.timeline-item.active b{background:var(--lime);color:var(--ink);border-color:var(--lime)}.timeline-item strong{display:block;font:800 20px "Manrope";margin:3px 0}.timeline-item span{color:#858a81;font-size:12px}.timeline-final{display:flex;gap:15px;background:#20231f;border-radius:18px;padding:20px;margin-top:24px}.timeline-final>span{width:35px;height:35px;background:var(--lime);color:var(--ink);border-radius:50%;display:grid;place-items:center;font-weight:900}.timeline-final strong{display:block;font:800 16px "Manrope"}.timeline-final small{display:block;color:#898e85;font-size:10px;margin-top:4px}
.alerts{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:150px 8vw;align-items:center}.alerts-copy>p:not(.section-kicker){color:var(--muted);max-width:460px;line-height:1.7}.alerts-copy ul{list-style:none;padding:0;margin:35px 0 0}.alerts-copy li{padding:10px 0;font-size:13px}.alerts-copy li span{display:inline-grid;place-items:center;background:var(--lime);width:22px;height:22px;border-radius:50%;margin-right:10px;font-weight:900;font-size:10px}.alerts-visual{min-height:410px;background:var(--cream);border-radius:30px;position:relative;overflow:hidden;padding:50px 35px}.alerts-visual:before{content:"";position:absolute;width:300px;height:300px;background:var(--lime);filter:blur(80px);opacity:.3;left:50%;top:40%;transform:translate(-50%,-50%)}.notification{position:relative;background:rgba(255,255,255,.94);border:1px solid #e1e2dc;box-shadow:0 20px 35px rgba(0,0,0,.08);border-radius:17px;padding:18px;display:flex;gap:12px;max-width:450px;z-index:2}.notification+.notification{margin-top:22px;margin-left:45px}.notification-dot{width:9px;height:9px;background:var(--lime-dark);border-radius:50%;margin-top:4px;flex:0 0 auto}.notification-dot.temp{background:#f1b34c}.notification small{display:block;color:#8c9088;font-size:9px}.notification strong{display:block;font:800 14px "Manrope";margin:3px 0}.notification p{margin:0;color:#777c74;font-size:10px;line-height:1.5}
.app-section{background:var(--cream);padding:140px 7vw}.app-section .section-heading{display:flex;justify-content:space-between;align-items:end}.app-section .section-heading h2{margin-left:0}.dashboard{background:#fff;border:1px solid #e0e0d8;border-radius:25px;overflow:hidden;display:grid;grid-template-columns:190px 1fr;box-shadow:0 30px 70px rgba(0,0,0,.06)}.dash-sidebar{background:#171916;color:#fff;padding:28px 20px;min-height:430px}.dash-logo{font:800 18px "Manrope";margin-bottom:45px}.dash-logo b{color:var(--lime);font-size:9px}.dash-pet{padding:12px;border-radius:11px;color:#969b91;font-size:12px;margin:4px 0}.dash-pet.active{background:#292d27;color:#fff}.dash-bottom{position:relative;margin-top:180px;color:#777c73;font-size:9px;line-height:2}.dash-main{padding:35px}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-head small{color:#979b94;font-size:9px}.dash-head h3{font-size:24px;margin-top:3px}.online{font-size:10px;color:#63a11c}.dash-alert{display:flex;gap:15px;background:#f0f5e7;border:1px solid #dfeacb;padding:17px;border-radius:15px;margin:30px 0 15px}.dash-alert>span{width:29px;height:29px;background:var(--lime);border-radius:9px;display:grid;place-items:center;font-weight:900}.dash-alert small{font-size:8px;color:#77915c;font-weight:800;letter-spacing:.1em}.dash-alert strong{display:block;font:800 14px "Manrope";margin:2px 0}.dash-alert p{margin:0;color:#7f8778;font-size:9px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash-stats>div{border:1px solid #e5e5de;border-radius:15px;padding:18px}.dash-stats small,.dash-stats span{display:block;color:#8b9088;font-size:9px}.dash-stats strong{display:block;font:800 25px "Manrope";margin:3px 0}.fake-bars{height:60px;display:flex;gap:5px;align-items:end;margin-top:10px}.fake-bars i{display:block;width:11%;background:#c8d9a9;border-radius:4px 4px 0 0}.fake-bars i:nth-child(1){height:35%}.fake-bars i:nth-child(2){height:55%}.fake-bars i:nth-child(3){height:42%}.fake-bars i:nth-child(4){height:80%}.fake-bars i:nth-child(5){height:62%}.fake-bars i:nth-child(6){height:90%}.fake-bars i:nth-child(7){height:75%}.fake-sleep{height:60px;margin-top:10px;border-bottom:2px solid #c6d99e;background:linear-gradient(135deg,transparent 20%,#eef3e5 20%,#eef3e5 80%,transparent 80%);border-radius:50%}.fake-temp{height:60px;margin-top:10px;border-bottom:2px solid #b9d986;background:linear-gradient(180deg,transparent 0 65%,#eff4e7 65%);border-radius:50%}
.final-cta{position:relative;text-align:center;background:var(--ink);color:#fff;padding:150px 20px;overflow:hidden}.cta-glow{position:absolute;width:500px;height:500px;background:var(--lime);filter:blur(120px);opacity:.15;left:50%;top:50%;transform:translate(-50%,-50%)}.final-cta>*:not(.cta-glow){position:relative}.final-cta .section-kicker{color:#949a8e}.final-cta h2{font-size:clamp(52px,7vw,92px);line-height:.98;margin:18px 0}.final-cta>p:not(.section-kicker){color:#a8ada4}.waitlist{display:flex;max-width:480px;margin:35px auto 12px;background:#fff;padding:5px;border-radius:99px}.waitlist input{flex:1;border:0;outline:0;background:transparent;padding:0 17px;font:13px "DM Sans";min-width:0}.waitlist button{border:0;background:var(--lime);color:var(--ink);font:800 12px "DM Sans";border-radius:99px;padding:14px 18px;cursor:pointer}.final-cta>small{font-size:9px;color:#777c74}
footer{padding:45px 7vw 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:start;border-top:1px solid #deded5}footer p{font-size:10px;color:#888d85;margin:4px 0}footer>div:nth-child(3){display:flex;gap:18px;justify-content:flex-end;font-size:10px}footer>small{grid-column:1/-1;color:#a1a49e;font-size:8px;margin-top:20px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-visual{min-height:500px}.feature-grid{grid-template-columns:1fr 1fr}.learning,.alerts{grid-template-columns:1fr;gap:60px}.app-section .section-heading{display:block}.dashboard{grid-template-columns:1fr}.dash-sidebar{display:none}.dash-main{padding:22px}}
@media(max-width:600px){.announcement{font-size:10px;gap:10px}.nav{height:68px;padding:0 20px}.nav-cta{padding:9px 12px}.hero{padding:55px 22px 40px;min-height:auto}.hero h1{font-size:57px}.hero-text{font-size:15px}.hero-actions{flex-wrap:wrap;gap:18px}.hero-visual{min-height:470px}.phone-main{width:245px;height:490px}.orbit-one{width:430px;height:430px}.orbit-two{width:520px;height:520px}.alert-card{left:-5px}.temp-card{right:-5px}.statement,.feature-intro,.learning,.alerts,.app-section,.final-cta{padding:90px 22px}.statement h2,.section-heading h2{font-size:45px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:330px}.feature-icon{margin-bottom:35px}.learning h2,.alerts h2{font-size:49px}.dash-stats{grid-template-columns:1fr}.waitlist{border-radius:18px;display:block;background:transparent}.waitlist input{width:100%;height:52px;background:#fff;border-radius:99px;margin-bottom:8px}.waitlist button{width:100%}footer{grid-template-columns:1fr;padding:35px 22px}footer>div:nth-child(3){justify-content:flex-start;flex-wrap:wrap}footer>small{grid-column:1}}