@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--green:#0d503e;--deep:#082f27;--mint:#e4f1eb;--orange:#ff8b3d;--cream:#fff9ef;--ink:#17201d;--muted:#6e7974;--white:#fff;--line:#dcded9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.nav{height:78px;padding:0 max(5vw,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,249,239,.96);border-bottom:1px solid rgba(13,80,62,.12);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brand .paw{width:38px;height:38px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-size:14px}.brand span:last-child{display:flex;flex-direction:column}.brand strong{font:800 17px Manrope}.brand small{font:700 9px Manrope;letter-spacing:.17em;color:var(--orange);margin-top:2px}.nav nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.nav-cta{background:var(--green);color:white;padding:12px 18px;border-radius:999px}.hero{min-height:700px;padding:80px max(5vw,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:9%;overflow:hidden;background:radial-gradient(circle at 78% 15%,#e9f3ee 0 18%,transparent 18.2%),var(--cream)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--orange);font:800 12px Manrope}.hero h1,.promise h2,.section-heading h2,.safety h2,.recruit h2,.waitlist h2{font:800 clamp(46px,6vw,82px)/.98 Manrope;letter-spacing:-.055em;margin:22px 0}.hero h1 em{font-family:Georgia,serif;color:var(--green);font-weight:400}.lede{font-size:20px;line-height:1.65;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:14px;margin-top:34px}.button{border:0;border-radius:999px;padding:15px 22px;font-weight:700;font-size:15px;display:inline-flex;justify-content:center;cursor:pointer}.primary{background:var(--green);color:white}.secondary{border:1px solid var(--green);color:var(--green)}.pilot-note{color:var(--muted);font-size:13px;margin-top:18px}.hero-phone{position:relative;display:flex;justify-content:center}.phone{width:285px;height:575px;border:10px solid #17201d;border-radius:44px;background:#111;overflow:hidden;box-shadow:0 30px 70px rgba(8,47,39,.24)}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.float-card{position:absolute;right:-30px;bottom:70px;background:white;padding:16px 20px;border-radius:18px;box-shadow:0 18px 45px rgba(8,47,39,.18);display:flex;flex-direction:column}.float-card small{color:var(--muted);margin-top:3px}.promise{padding:120px max(5vw,calc((100vw - 1180px)/2));background:white}.promise>h2{max-width:850px;font-size:clamp(42px,5vw,68px)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:65px}.feature-grid article{padding:28px 25px;background:var(--cream);border-top:4px solid var(--green)}.feature-grid span{color:var(--orange);font-weight:800}.feature-grid h3{font:800 22px Manrope}.feature-grid p{color:var(--muted);line-height:1.6}.screens{padding:120px max(5vw,calc((100vw - 1180px)/2));background:var(--deep);color:white}.section-heading h2{font-size:clamp(42px,5vw,68px);max-width:900px}.phone-row{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:70px;align-items:start}.phone-row figure{margin:0;text-align:center}.phone-row .phone{margin:auto;width:245px;height:500px;border-color:#fff}.phone-row .featured{transform:translateY(-25px)}figcaption{display:flex;flex-direction:column;margin-top:24px}figcaption b{font:700 19px Manrope}figcaption span{color:#b9cac4;line-height:1.5;margin-top:7px}.safety{padding:120px max(5vw,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:10%}.safety h2{font-size:clamp(40px,5vw,64px)}.safety-list p{margin:0;padding:25px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.safety-list b{font:700 19px Manrope}.safety-list span{color:var(--muted);line-height:1.55;margin-top:7px}.recruit{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:var(--mint)}.recruit img{width:100%;height:100%;min-height:620px;object-fit:cover}.recruit>div{padding:70px}.recruit h2{font-size:clamp(42px,5vw,67px)}.recruit p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.65}.waitlist{padding:120px max(5vw,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--orange)}.waitlist h2{font-size:clamp(44px,5vw,68px)}.waitlist>div>p:last-child{font-size:18px;line-height:1.6}.waitlist form{background:white;padding:35px;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.waitlist label{font-weight:700;font-size:13px}.waitlist label span{font-weight:400;color:var(--muted)}.waitlist input:not([type=checkbox]){display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;padding:13px;font:inherit}.consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start}.waitlist button{grid-column:1/-1}.waitlist #form-status{grid-column:1/-1;margin:0;color:var(--green);font-weight:700}footer{background:#171b19;color:white;padding:65px max(5vw,calc((100vw - 1180px)/2)) 30px;display:grid;grid-template-columns:1fr auto;gap:40px}footer p{color:#aeb8b3}footer nav{display:flex;gap:25px;align-items:center}footer>small{grid-column:1/-1;border-top:1px solid #3c423f;padding-top:25px;color:#9ca6a1}
@media(max-width:850px){.nav{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 5vw}.nav nav{width:100%;justify-content:center;gap:16px;padding:10px 0;font-size:12px;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding-top:60px}.hero-phone{margin:40px 0}.float-card{right:2%}.feature-grid{grid-template-columns:1fr 1fr}.phone-row{grid-template-columns:1fr}.phone-row .featured{transform:none}.safety,.waitlist,.recruit{grid-template-columns:1fr}.recruit img{min-height:0}.recruit>div{padding:60px 7vw}.waitlist form{grid-template-columns:1fr}.waitlist label,.waitlist button{grid-column:1}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}footer>small{grid-column:1}}@media(max-width:520px){.hero h1{font-size:52px}.feature-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.phone{width:255px;height:520px}.waitlist form{padding:24px}.nav nav a:not(.nav-cta){display:none}}