:root{--bg:#eeefeb;--ink:#1b1d19;--muted:#6e7567;--lime:#c9f56b;--line:#d5d7d0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Outfit,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #5c8227;outline-offset:5px}header{max-width:1280px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header img{display:block;width:125px;height:auto}header>a:last-child{font-size:12px}main{max-width:1280px;margin:0 auto;min-height:calc(100vh - 165px);padding:55px 5%;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.6px;margin:0 0 18px}h1{font-size:clamp(44px,5vw,76px);font-weight:600;letter-spacing:-3px;line-height:1.03;margin:0 0 20px}.intro{font-size:17px;line-height:1.55;color:var(--muted);max-width:430px}h2{font-size:23px;line-height:1.15;letter-spacing:-.5px;font-weight:500;margin:26px 0 10px}#slide-description{font-size:14px;line-height:1.65;color:var(--muted);max-width:410px}.demo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.demo-tabs button{border:1px solid #cbd0c2;background:transparent;border-radius:30px;padding:11px 15px;font-size:12px}.demo-tabs button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.demo-caption{font-size:11px;color:var(--muted);line-height:1.6;max-width:370px;margin:24px 0}.cta{display:inline-flex;gap:35px;align-items:center;background:var(--ink);color:white;padding:17px 24px;border-radius:35px;font-size:13px}.cta span{font-size:19px}.live-link{display:block;font-size:12px;margin-top:20px;color:#4b652d}.live-link[hidden]{display:none}.demo-stage{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#fff;padding:32px 24px;border-radius:25px;min-height:580px}.device{position:relative}.device img{display:block;width:100%;height:auto}.device-phone{width:min(264px,100%);border:7px solid #242621;border-radius:35px;overflow:hidden;box-shadow:0 14px 32px #1b1d1914;background:#121214}.device-desktop{width:100%;border:5px solid #22251f;border-radius:13px;overflow:hidden;box-shadow:0 18px 35px #1b1d1912}.demo-stage:has(.device-desktop){min-height:440px}.focus-area{position:absolute;border:2px solid var(--lime);box-shadow:0 0 0 999px #1b1d1940;border-radius:7px;pointer-events:none}.focus-area[hidden]{display:none}.stage-note{font-size:11px;color:#6c7564;margin:0;text-align:center}footer{max-width:1280px;margin:auto;padding:25px 5%;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media(max-width:700px){header{padding:22px 6%}header img{width:105px}header>a:last-child{font-size:11px}main{grid-template-columns:1fr;gap:30px;padding:35px 6%}h1{font-size:52px}.intro{font-size:15px}.demo-tabs{margin:24px 0}.demo-stage{padding:25px 18px;min-height:0}.device-phone{width:245px}.demo-stage:has(.device-desktop){min-height:0}.demo-copy{max-width:100%}.demo-caption{max-width:none}footer{padding:24px 6%}}
