:root{--ink:#112c2b;--green:#0d5f55;--mint:#dff3ec;--paper:#f7f4ed;--coral:#ef6d58;--line:#d9dfda}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit}.navButton{text-decoration:none}nav{border-bottom:1px solid #e4e0d8;justify-content:space-between;align-items:center;height:78px;padding:0 6vw;display:flex}.brand{align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.mark{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.navButton,.secondary{border:1px solid var(--ink);background:0 0;border-radius:999px;padding:10px 20px;font-weight:700}.hero{max-width:1120px;margin:auto;padding:88px 28px 40px}.eyebrow,.kicker{letter-spacing:.18em;color:var(--green);font-size:12px;font-weight:800}h1{letter-spacing:-.055em;margin:22px 0 28px;font-family:Georgia,serif;font-size:clamp(58px,8vw,104px);line-height:.92}.lede{color:#49615e;max-width:630px;font-size:20px;line-height:1.55}.actions{gap:12px;margin:35px 0 75px;display:flex}.primary{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:15px 24px;font-weight:800}.primary:disabled{opacity:.55;cursor:not-allowed}.secondary{cursor:pointer}.steps{border-top:1px solid #ccc8bf;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:30px;display:grid}.steps div{grid-template-columns:32px 1fr;display:grid}.steps b{background:var(--mint);width:23px;height:23px;color:var(--green);border-radius:50%;grid-row:1/3;place-items:center;font-size:12px;display:grid}.steps strong{font-size:16px}.steps span{color:#6a7774;margin-top:7px;line-height:1.4}.demo{place-items:center;min-height:calc(100vh - 78px);padding:55px 20px;display:grid;position:relative}.back{color:var(--green);cursor:pointer;background:0 0;border:0;font-weight:700;position:absolute;top:30px;left:6vw}.phone{background:#fff;border:10px solid #173b39;border-radius:42px;width:min(390px,94vw);min-height:690px;overflow:hidden;box-shadow:0 25px 80px #173b3929}.browser{color:#536461;background:#f0f1ef;justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex}.browser small{font-weight:700}.phoneBody{padding:38px 28px}.successIcon,.pingIcon{background:var(--mint);width:60px;height:60px;color:var(--green);border-radius:50%;place-items:center;margin:5px auto 24px;font-size:28px;font-weight:900;display:grid}.pingIcon{color:var(--coral);background:#fee5df}.kicker{text-align:center}.coral{color:var(--coral)}h2{text-align:center;letter-spacing:-.03em;margin:12px 0 26px;font-family:Georgia,serif;font-size:34px;line-height:1.08}.itemCard,.alertCard,.locationCard{border:1px solid var(--line);border-radius:17px;align-items:center;gap:14px;padding:16px;display:flex}.bag{background:var(--mint);width:50px;height:50px;color:var(--green);border-radius:12px;place-items:center;display:grid}.itemCard div:last-child{flex-direction:column;gap:5px;display:flex}.itemCard span,.alertCard span{color:#71807d;font-size:13px}.centerText,.finePrint{text-align:center;color:#71807d;margin:23px 10px;font-size:13px;line-height:1.45}.full{width:100%;margin-top:4px}.textButton{color:#657572;background:0 0;border:0;margin:17px auto;font-size:13px;font-weight:700;display:block}.alertCard{flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:22px;display:flex}.alertCard strong{color:var(--coral)}.chatPhone .phoneBody{padding:0}.chatHead{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:75px;padding:13px 18px;display:flex}.avatar{background:var(--mint);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.chatHead div:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.chatHead span{color:#70807d;font-size:12px}.chatHead i{background:#36ad78;border-radius:50%;width:7px;height:7px;display:inline-block}.chatHead button{background:0 0;border:0}.locationCard{background:#f1f8f5;border:0;margin:15px 16px;padding:12px}.locationCard div{flex-direction:column;gap:3px;display:flex}.locationCard small{color:#71807d}.messages{flex-direction:column;gap:12px;height:450px;padding:8px 16px;display:flex;overflow:auto}.system{text-align:center;color:#71807d;margin:4px;font-size:12px}.bubble{border-radius:16px;max-width:78%;padding:11px 14px;font-size:14px;line-height:1.4}.finder{background:#eef0ed;border-bottom-left-radius:4px;align-self:flex-start}.owner{background:var(--green);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.composer{border-top:1px solid var(--line);align-items:center;gap:8px;height:65px;padding:10px 12px;display:flex}.composer input{border:1px solid var(--line);border-radius:999px;outline:none;flex:1;padding:11px 15px}.composer button{background:var(--green);color:#fff;border:0;border-radius:50%;width:38px;height:38px;font-weight:900}.appShell{max-width:1100px;margin:auto;padding:42px 24px 80px}.appHeader{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.appTitle{margin:0;font-family:Georgia,serif;font-size:42px}.panel{border:1px solid var(--line);background:#fff;border-radius:22px;padding:24px;box-shadow:0 12px 40px #173b390d}.authPanel{max-width:460px;margin:70px auto}.formStack{gap:14px;display:grid}.field{gap:7px;font-size:14px;font-weight:700;display:grid}.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.muted{color:#6a7774;line-height:1.5}.error{color:#87382d;background:#fee5df;border-radius:11px;padding:11px 13px;font-size:14px}.success{background:var(--mint);color:var(--green);border-radius:11px;padding:11px 13px;font-size:14px}.dashboardGrid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.list{gap:12px;margin-top:18px;display:grid}.listCard{border:1px solid var(--line);background:#fff;border-radius:15px;gap:6px;padding:15px;display:grid}.listCard button{justify-self:start}.tagCode{background:var(--mint);border-radius:6px;padding:4px 7px;font-family:monospace}.finderPage{place-items:center;min-height:100vh;padding:25px;display:grid}.chatPanel{border:1px solid var(--line);background:#fff;border-radius:24px;width:min(540px,96vw);overflow:hidden}.chatPanel .messages{height:430px}.chatPanel h2{font-size:30px}.topPad{padding:28px}.toggle{color:var(--green);cursor:pointer;background:0 0;border:0;margin-top:14px;font-weight:800}@media (max-width:700px){.hero{padding-top:60px}.actions{flex-direction:column;align-items:flex-start;margin-bottom:50px}.steps,.dashboardGrid{grid-template-columns:1fr}.back{top:14px}.demo{padding-top:55px}.appHeader{align-items:flex-start;gap:15px}.appTitle{font-size:34px}}
