/* Conversion layer: keeps existing branding, shared sections and email route intact. */
:root{--action:var(--pink);--soft:#FFF3F5;--border:#F1E7E9}
[hidden]{display:none!important}
button,input,select{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:white;padding:14px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.noise{display:none}
.section-kicker{color:var(--action)}
.brand-word{color:var(--pink)}
.waitlist-section h2,.waitlist-copy strong{color:#fff}
.waitlist-copy .section-kicker{color:#fff}
.primary-cta,.form-submit,.petsitter-teaser-cta,.beta-sticky a{min-height:52px}
.primary-cta:hover,.form-submit:hover,.petsitter-teaser-cta:hover{transform:translateY(-1px)}
.microcopy,.form-note,.offer-fineprint,.trial-note,.success-note{color:var(--muted)}
.conversion-hero{grid-template-columns:1.12fr .88fr;grid-template-rows:auto auto;column-gap:64px;row-gap:0;min-height:0;padding:32px 0 48px;align-items:center}
.conversion-hero .hero-copy{grid-column:1;grid-row:1;align-self:end}
.hero-announcement{font-weight:750;font-size:15px;margin:22px 0 12px;color:var(--muted)}
.conversion-hero h1{font-size:clamp(42px,5.2vw,68px);line-height:1.04;letter-spacing:-.055em;margin:0 0 22px}
.conversion-hero h1 span{background:linear-gradient(90deg,var(--pink),var(--coral) 48%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.conversion-hero .lead{font-size:19px;line-height:1.55}
.product-path{font-size:15px;font-weight:800;line-height:1.8;margin:22px 0 0}.product-path span{color:var(--action);padding:0 3px}
.conversion-hero .hero-actions{grid-column:1;grid-row:2;align-self:start;align-items:flex-start;flex-direction:column;gap:12px;margin-top:24px}
.product-preview{grid-column:2;grid-row:1 / 3;min-height:0;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:32px;background:linear-gradient(35deg,#fff3f5,#fff4e8);border:1px solid var(--border)}
.preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;font-size:10px;color:var(--muted)}.preview-heading .section-kicker{font-size:9px;letter-spacing:.08em}
.preview-stage{position:relative;width:244px;max-width:100%;border:5px solid var(--ink);border-radius:30px;box-shadow:0 16px 40px #572b401c;overflow:hidden;background:var(--paper);aspect-ratio:710/1537}
.preview-stage .phone-shell{border-radius:24px;transition:transform .35s ease,opacity .35s ease}
.preview-like{position:absolute;top:24%;left:18px;color:#12844E;border:3px solid currentColor;background:#ffffffeb;padding:8px;font-weight:900;font-size:26px;transform:rotate(-12deg) scale(.9);opacity:0;transition:.3s}
.preview-stage[data-step="1"] .preview-like{opacity:1;transform:rotate(-12deg) scale(1)}
.preview-stage[data-step="1"] .phone-shell{transform:translateX(7px) rotate(2deg)}
.preview-match,.preview-chat{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}
.preview-match{background:linear-gradient(35deg,var(--pink),var(--coral),var(--orange));color:var(--ink);text-align:center}.preview-match>span{font-size:72px}.preview-match strong{font-size:32px;letter-spacing:-1px}.preview-match p{font-size:17px;line-height:1.5}
.preview-stage[data-step="2"] .preview-match{opacity:1;visibility:visible}
.preview-chat{background:var(--paper);justify-content:flex-start;align-items:stretch;padding:24px 12px;gap:16px}.chat-preview-header{display:flex;align-items:center;gap:8px;font-size:13px;padding-bottom:14px;border-bottom:1px solid var(--border)}.chat-preview-header img{border-radius:9px}
.bubble{font-size:14px;line-height:1.5;padding:12px;border-radius:16px;margin:0;max-width:90%}.received{background:#F0E8EB;align-self:flex-start}.sent{background:var(--action);color:white;align-self:flex-end}
.preview-stage[data-step="3"] .preview-chat,.preview-stage[data-step="4"] .preview-chat{opacity:1;visibility:visible}
.meet-plan{display:flex;flex-direction:column;gap:10px;border:1px solid #f4c5ac;border-radius:18px;padding:18px;background:#fff3e7;opacity:0;transform:translateY(8px);transition:.35s}.meet-plan>span{font-size:36px;color:#9B4D0D}.meet-plan small{line-height:1.5;color:var(--muted)}.preview-stage[data-step="4"] .meet-plan{opacity:1;transform:none}
.preview-controls{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.preview-controls button{padding:9px 7px;min-height:44px;border:1px solid transparent;border-radius:12px;background:transparent;font-size:11px;font-weight:800;color:var(--muted);cursor:pointer}.preview-controls button[aria-pressed="true"]{background:white;color:var(--action);border-color:#edbdcc}
.preview-description{margin:0;max-width:330px;text-align:center;font-size:12px;line-height:1.5;color:var(--muted);min-height:36px}
.waitlist-section{scroll-margin-top:22px;margin:12px 0 64px;padding:36px;border-radius:30px;gap:32px}.waitlist-section h2{font-size:clamp(30px,4vw,44px);line-height:1.08}.waitlist-section p{color:rgba(255,255,255,.84)}.waitlist-card{box-shadow:0 10px 34px #532b4010;border:1px solid var(--border)}
.waitlist-benefits{gap:12px}.waitlist-benefits span{font-size:13px}.waitlist-benefits b{color:var(--action)}
.privacy-check{align-items:flex-start;line-height:1.5;color:var(--muted);font-size:12px;min-height:44px}.privacy-check a,.faq-section a,.legal-page a{text-decoration:underline;text-underline-offset:3px;color:var(--action)}
.privacy-check input{accent-color:var(--action);width:20px;height:20px;flex-shrink:0;margin-top:2px}
.field input,.field select{min-height:52px;background:#fff;border:1px solid #E3D7DC;color:var(--ink)}.field input:focus,.field select:focus{border-color:var(--action)}.field input::placeholder{color:#77707A}
.waitlist-success:focus,.sitter-page-card:focus{outline:none}.form-error{color:#A31532}.form-submit:disabled{opacity:.65;cursor:wait}
.how-it-works,.faq-section{margin:64px 0}.how-it-works h2,.faq-section h2{font-size:clamp(30px,4vw,42px);letter-spacing:-.04em;margin:12px 0 24px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-grid article{background:white;border:1px solid var(--border);border-radius:24px;padding:28px}.how-grid article>span{color:var(--action);font-size:11px;font-weight:850;letter-spacing:.1em}.how-grid h3{font-size:21px;letter-spacing:-.03em;margin:20px 0 12px}.how-grid p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}
.petsitter-teaser{background:#fff;border:1px solid var(--border);padding:36px;gap:24px}.teaser-offer{display:flex;flex-direction:column;gap:7px;margin-top:20px!important}.teaser-offer strong{font-size:27px;color:var(--action)}.teaser-offer small{font-size:13px;color:var(--muted)}
.faq-section{max-width:850px;margin-inline:auto}.faq-section details{border-bottom:1px solid var(--border);padding:18px 0}.faq-section summary{cursor:pointer;font-weight:750;min-height:30px;line-height:1.5}.faq-section details p{color:var(--muted);line-height:1.65}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{padding-block:12px;font-size:14px;color:var(--muted)}
.sitter-page-hero{padding-top:34px;align-items:start}.sitter-page-copy h1{font-size:clamp(42px,5.4vw,65px);line-height:1.04}.sitter-page-copy h1 span{background:linear-gradient(100deg,var(--pink),var(--coral),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.sitter-page-copy>p{font-size:19px}.sitter-page-points{grid-template-columns:1fr;gap:12px}.sitter-page-points>div{padding:12px 16px}.sitter-price-card{margin-block:24px}.sitter-price-card strong{font-size:28px}.sitter-page-card{scroll-margin-top:24px}.sitter-page-card .form-grid{grid-template-columns:1fr}.sitter-page-card .form-intro p{font-size:15px}.sitter-page-card .offer-fineprint{line-height:1.6}
.beta-sticky{border:1px solid var(--border);box-shadow:0 -4px 28px #532b4010}.beta-sticky a{min-height:44px;display:flex;align-items:center}
.legal-page{max-width:820px;padding-bottom:60px}.legal-page h1{font-size:42px;line-height:1.1;letter-spacing:-.04em}.legal-page h2{font-size:24px;margin-top:32px}.legal-page p,.legal-page li{line-height:1.7;color:var(--muted)}.legal-page .legal-draft{padding:18px;border:1px solid #f0c191;background:#fff0dc;border-radius:16px;color:#70400e}
@media(min-width:761px){.beta-sticky{display:none!important}}
@media(max-width:980px){.conversion-hero{column-gap:28px}.conversion-hero h1{font-size:48px}.waitlist-section{padding:24px}.product-path{font-size:13px}}
@media(max-width:760px){.site-header{min-height:76px}.conversion-hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:20px 0 32px}.conversion-hero .hero-copy{text-align:left}.conversion-hero h1{font-size:clamp(38px,10.4vw,54px);max-width:600px;margin-bottom:16px}.hero-announcement{margin:16px 0 10px;font-size:13px}.conversion-hero .lead{font-size:17px}.product-path{font-size:clamp(12px,3.7vw,15px);margin-top:16px;white-space:normal}.product-path span{padding:0 1px}.product-preview{padding:14px;gap:10px}.preview-stage{width:218px}.preview-heading{max-width:390px}.preview-controls{gap:0}.preview-controls button{font-size:11px;padding-inline:7px}.conversion-hero .hero-actions{margin:0;align-items:stretch;gap:10px}.hero-actions .primary-cta{width:100%}.hero-actions .microcopy{text-align:center}.waitlist-section{display:flex;flex-direction:column;padding:22px 14px;margin:0 0 40px;gap:22px}.waitlist-copy{width:100%}.waitlist-benefits{display:none}.waitlist-card{width:100%;padding:22px 16px;border-radius:22px}.form-intro h3{font-size:24px}.how-it-works,.faq-section{margin-block:40px}.how-grid{grid-template-columns:1fr;gap:12px}.how-grid article{padding:23px}.how-grid h3{margin-top:10px}.petsitter-teaser{padding:24px;align-items:stretch}.petsitter-teaser-cta{width:100%;font-size:15px}.teaser-offer strong{font-size:25px}.sitter-page-hero{gap:28px;padding-top:18px}.sitter-page-copy h1{font-size:42px}.sitter-page-copy>p{font-size:17px}.sitter-page-copy>.primary-cta{width:100%}.sitter-page-card{padding:24px 18px}.sitter-price-card strong{font-size:26px}.sitter-page-points{gap:8px}.sitter-page-back{font-size:12px}.social-section,.partner-section,.contact-strip{padding:24px}.footer-links{gap:16px}.legal-page h1{font-size:34px}.beta-sticky{bottom:10px;padding:10px 12px}.beta-sticky strong{font-size:13px}.beta-sticky span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Nearby businesses: informational cards, separate from partner promotions. */
.nearby-web .nearby-intro{max-width:680px;color:var(--muted);font-size:18px;line-height:1.6;margin:0 0 24px}
.nearby-web .nearby-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.nearby-web .nearby-grid article{padding:24px}
.nearby-web .nearby-grid h3{margin-top:0;font-size:20px}
.nearby-web .nearby-note{max-width:740px;font-size:13px;line-height:1.6;color:var(--muted);margin:20px 0}
.nearby-web .primary-cta{min-height:48px}
@media(max-width:980px){.nearby-web .nearby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.nearby-web .nearby-grid{grid-template-columns:1fr;gap:10px}.nearby-web .nearby-grid article{padding:20px}.nearby-web .nearby-intro{font-size:16px}.nearby-web .primary-cta{width:100%;box-sizing:border-box}}