*{box-sizing:border-box}body{margin:0;background:#fffaf0;color:#25241f;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:#3b521f;text-underline-offset:4px}header,main,footer{max-width:1040px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}nav{display:flex;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;text-decoration:none;color:inherit}.brand img{width:36px;height:36px;object-fit:contain}.hero{padding:70px 0 44px;max-width:790px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;font-weight:700}h1{font-size:clamp(2.7rem,7vw,5.1rem);line-height:1.06;letter-spacing:-.055em;margin:18px 0 24px}h2{line-height:1.25;font-size:1.6rem}p{max-width:70ch}.lead{font-size:1.2rem}.button{display:inline-block;padding:13px 22px;border-radius:99px;background:#f4d54b;color:#25241f;text-decoration:none;font-weight:700;margin:12px 14px 12px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0 48px}.card{padding:25px;border:1px solid #ddd7c7;border-radius:20px;background:#fffdf8}.card h2{font-size:1.25rem}.section{padding:20px 0;border-top:1px solid #ddd7c7}footer{font-size:.9rem;color:#625e54;border-top:1px solid #ddd7c7;margin-top:50px}details{padding:18px 0;border-bottom:1px solid #ddd7c7}summary{font-weight:700;cursor:pointer}@media(max-width:650px){.cards{grid-template-columns:1fr}.hero{padding-top:35px}header{flex-wrap:wrap}nav{gap:16px}}
.landing{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:38px 0 58px}.intro h1{font-size:clamp(3rem,5.7vw,4.8rem)}.mini-benefits{display:flex;flex-wrap:wrap;gap:16px;color:#686254;font-size:.83rem;margin-top:26px}.pause-demo{border:0;background:transparent;color:#625c4f;font:inherit;padding:7px;cursor:pointer;border-radius:8px}.draw-card{overflow:hidden}.draw-card:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #4d6e2f;outline-offset:4px}.scene-progress{display:flex;gap:5px;justify-content:center}.scene-progress span{width:20px;height:3px;border-radius:4px;background:#cfc6b3}.scene-progress span.active{background:#4c512b}.demo-note{text-align:center;color:#716a5c;margin:11px 0 0}.closing-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ddd7c7;padding-top:25px}.closing-strip p{font-size:.88rem}.closing-strip a{font-size:.85rem}@media(max-width:650px){.landing{grid-template-columns:1fr;padding-top:10px}.intro h1{font-size:3.2rem}.mini-benefits{margin-top:14px}}

.demo{min-width:0}.preview-caption{display:flex;justify-content:space-between;align-items:center;margin:0 2px 16px}.preview-caption h2{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;margin:0;color:#7a6248}.pause-demo{font-size:.72rem}.screenshot-stage{display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 40%,#f2dbb5,transparent 68%),#f4efe4;border-radius:36px;perspective:1200px}.screenshot-phone{position:relative;width:min(100%,294px);aspect-ratio:1206/2622;border-radius:32px;overflow:hidden;background:#33386b;box-shadow:0 26px 42px #2c24162b,0 0 0 7px #26251f;animation:phone-float 9s ease-in-out infinite}.app-screenshot{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateX(18px) scale(.985);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1);pointer-events:none}.app-screenshot.active{opacity:1;transform:translateX(0) scale(1);z-index:1}.app-screenshot.active[data-motion=zoom]{animation:screen-zoom 7s ease-in-out forwards}.app-screenshot.active[data-motion=drift]{animation:screen-drift 7s ease-in-out forwards}.screenshot-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.screenshot-caption p{font-size:.86rem;margin:0;color:#625c4f}.screenshot-controls{display:flex;gap:6px}.screenshot-controls button{border:1px solid #ded6c7;border-radius:50%;background:transparent;color:#2c2416;font:inherit;cursor:pointer;width:40px;height:40px}.scene-progress{margin-top:14px}.demo-note{font-size:.63rem}.demo.paused .screenshot-phone,.demo.paused .app-screenshot{animation-play-state:paused}@keyframes phone-float{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.4deg)}}@keyframes screen-zoom{from{transform:scale(1)}to{transform:scale(1.016)}}@keyframes screen-drift{from{transform:translateY(0) scale(1.01)}to{transform:translateY(-3px) scale(1.01)}}@media(max-width:850px){.landing{gap:30px}.screenshot-stage{padding:20px}}@media(max-width:650px){.landing{gap:32px}.screenshot-phone{width:min(100%,278px)}.screenshot-stage{padding:24px}.screenshot-caption p{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.screenshot-phone,.app-screenshot.active{animation:none!important}.app-screenshot{transition:none;transform:none!important}}

.screenshot-phone{touch-action:pan-y}