:root{color-scheme:light;--paper:#f6f3ec;--ink:#203731;--muted:#66736b;--orange:#eeb088;--line:#dedfd5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a76236;outline-offset:5px}header,main,footer{max-width:1200px;margin:auto;padding-left:6%;padding-right:6%}header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{width:166px;height:auto;display:block}nav{display:flex;align-items:center;gap:28px;font-size:14px}.pill,.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;border-radius:40px;padding:13px 24px;border:1px solid var(--line);font-weight:600;line-height:1.4;background:transparent;color:var(--ink)}.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.orange{background:var(--orange);border-color:var(--orange)}.hero{padding-top:76px;padding-bottom:90px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:650}.hero h1{font-size:clamp(46px,6.5vw,82px);line-height:1.04;letter-spacing:-.06em;font-weight:500;margin:25px 0}.hero h1 em{font-style:normal;color:#a45e39}.lead{max-width:390px;color:var(--muted);font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.note{font-size:12px;color:var(--muted);margin-top:16px}.visual{position:relative;min-height:430px;background:#e8e9de;border-radius:170px 170px 28px 28px;display:flex;align-items:center;justify-content:center;overflow:hidden}.trail{position:absolute;width:330px;height:330px;border:1px dashed #b6bfad;border-radius:50%;transform:rotate(-20deg)}.phone{position:relative;background:#1b2e2a;color:#f5f3ec;width:248px;padding:24px;border-radius:34px;box-shadow:0 20px 50px #243a3026;transform:rotate(6deg)}.phone small{font-size:10px;color:#c7d4c8}.phone h2{font-weight:500;font-size:28px;line-height:1.2}.mini{display:flex;align-items:center;gap:11px;margin-top:12px;background:#ffffff0d;border-radius:16px;padding:14px;font-size:12px}.bubble{height:38px;width:38px;display:grid;place-items:center;border-radius:50%;background:#eeb088;color:#203731;font-size:18px}.mini p{margin:0}.phone .dots{display:flex;justify-content:space-between;margin-top:25px;color:#eeb088}.float{position:absolute;left:8px;bottom:34px;background:var(--paper);padding:12px 18px;border-radius:18px;font-size:12px;box-shadow:0 8px 30px #243a3010}.section{padding:54px 0;border-top:1px solid var(--line)}.section h2{font-size:clamp(28px,4vw,43px);font-weight:500;line-height:1.15;letter-spacing:-.04em;max-width:600px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0}.steps span{font-size:12px;color:#a45e39}.steps h3{font-size:20px;font-weight:550;margin:14px 0 8px}.steps p{color:var(--muted);font-size:15px;margin:0}.download{padding:50px;border-radius:26px;background:#e9eadd;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:60px}.download h2{font-size:34px;line-height:1.2;letter-spacing:-.04em;margin:0 0 12px;font-weight:500}.download p{margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:32px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.center{min-height:66vh;max-width:690px;margin:60px auto 80px;text-align:center}.center h1{font-weight:500;font-size:clamp(36px,5vw,56px);letter-spacing:-.05em;line-height:1.1}.center .actions{justify-content:center}.center>p{color:var(--muted)}.mark{width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#e6e9db;margin:24px auto;font-size:28px}.avatar{width:110px;height:110px;object-fit:cover;border-radius:50%;margin:auto;display:block;background:#e7e9dd}.bio{white-space:pre-wrap}.stats{display:flex;justify-content:center;gap:35px;margin:30px}.stats strong{display:block;font-size:22px;font-weight:550}.stats span{font-size:12px;color:var(--muted)}.handle{color:#a45e39!important}.dogs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.dog{padding:12px 20px;border:1px solid var(--line);border-radius:18px}.dog img{width:52px;height:52px;object-fit:cover;border-radius:50%;display:block;margin:auto}.field{display:block;width:100%;padding:14px 16px;border:1px solid var(--line);background:white;border-radius:12px;margin:12px 0}.form{max-width:370px;margin:26px auto;text-align:left}.legal{max-width:680px;margin:60px auto 90px}.legal h1{font-size:40px;letter-spacing:-.04em}.legal h2{font-size:22px;margin-top:32px}.legal p{color:var(--muted)}[hidden]{display:none!important}.status{min-height:24px}button:disabled{opacity:.55;cursor:wait}@media(max-width:720px){header{height:88px}.brand{width:140px}nav{gap:14px}nav .optional{display:none}.hero{padding-top:30px;padding-bottom:52px;grid-template-columns:1fr;gap:32px}.hero h1{font-size:56px;max-width:370px}.visual{min-height:360px;max-width:440px;width:100%;margin:auto}.phone{width:220px;padding:20px}.steps{grid-template-columns:1fr;gap:28px}.download{padding:30px 24px;display:block}.download .button{margin-top:24px}.center{margin-top:40px}.section{padding:35px 0}}@media(prefers-reduced-motion:no-preference){.hero>div,.center{animation:rise .65s ease both}.visual{animation-delay:.08s}.button{transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
:root[data-theme=dark]{color-scheme:dark;--paper:#101d19;--ink:#f4eee4;--muted:#a9b9ae;--line:#34473d;--orange:#eeb088}
[data-theme=dark] .visual,[data-theme=dark] .download,[data-theme=dark] .mark,[data-theme=dark] .avatar{background:#1b3027}
[data-theme=dark] .hero h1 em,[data-theme=dark] .steps span,[data-theme=dark] .handle{color:#eeb088!important}
[data-theme=dark] .field{background:#1b3027;color:var(--ink)}[data-theme=dark] .orange{color:#203731}[data-theme=dark] .phone{box-shadow:0 20px 50px #0004}
.theme-toggle{width:34px;height:34px;display:inline-grid;place-items:center;flex:0 0 auto;padding:8px;border:0;background:transparent;color:var(--muted)}.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:45px}.password-eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;padding:9px;background:transparent;border:0;color:var(--muted)}.password-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

header{height:calc(108px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}
header,main,footer{padding-left:max(6%,env(safe-area-inset-left,0px));padding-right:max(6%,env(safe-area-inset-right,0px))}footer{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
.install-guide{max-width:370px;margin:24px auto;text-align:left;font-size:14px;color:var(--muted)}.install-guide summary{cursor:pointer;color:var(--ink)}.install-guide ol{padding-left:20px}.install-guide li{margin-top:8px}.install-guide a{text-decoration:underline}
@media(max-width:720px){header{height:calc(88px + env(safe-area-inset-top,0px))}.field{font-size:16px}}
