:root{--ink:#10231c;--green:#16a064;--lime:#dfff74;--cream:#f7f5ed}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 system-ui,sans-serif}header,main,footer{max-width:1180px;margin:auto}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.logo{font-size:24px;font-weight:900;text-decoration:none;color:var(--ink)}.logo span{color:var(--green)}.nav{color:var(--ink);font-weight:700}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw;padding:72px 24px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:900;color:#08764a}.hero h1{font-size:clamp(50px,7vw,92px);line-height:.94;letter-spacing:-.06em;margin:16px 0 24px}.lead{font-size:20px;max-width:600px}.cta{display:inline-block;margin-top:24px;padding:16px 23px;border-radius:9px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800}.mock{height:480px;border:9px solid var(--ink);border-radius:36px;background:linear-gradient(35deg,#e8e3d3 25%,transparent 25%) 0 0/80px 80px,#cddfd6;position:relative;box-shadow:20px 20px 0 var(--lime);transform:rotate(2deg)}.demo-badge{position:absolute;top:16px;right:16px;padding:5px 9px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}.pin{position:absolute;background:#fff;border:3px solid var(--ink);border-radius:20px;padding:10px 14px;font-weight:900;box-shadow:4px 4px 0 var(--ink)}.p1{top:18%;left:13%}.p2{top:46%;right:8%}.p3{bottom:16%;left:27%}.route{position:absolute;inset:30% 28%;border:7px dashed var(--green);border-width:0 0 7px 7px;transform:rotate(-20deg)}.explain{background:var(--ink);color:#fff;padding:80px;border-radius:30px}.explain h1,.explain h2,.apps h2{font-size:clamp(34px,5vw,64px);line-height:1;margin:12px 0 26px}.explain>p{max-width:760px;font-size:20px}.facts{display:flex;gap:20px;justify-content:space-between;margin-top:50px;padding-top:24px;border-top:1px solid #496057}.apps{padding:100px 24px;display:flex;justify-content:space-between;align-items:end;gap:30px}.store{display:flex;gap:10px;flex-wrap:wrap}.store button{padding:14px;border:2px solid #7c8782;border-radius:8px;background:transparent;color:#55615c}footer{padding:30px 24px 50px;display:flex;gap:26px;border-top:1px solid #ccc}footer span{margin-left:auto}@media(max-width:750px){.hero{grid-template-columns:1fr;padding-top:35px}.mock{height:340px}.explain{border-radius:0;padding:60px 24px}.apps{display:block}.store{margin-top:30px}footer{flex-wrap:wrap}footer span{width:100%;margin:0}}