:root{--preview-accent:#d0b56f;--preview-ink:#181b1b;--preview-paper:#f5f2e9;--preview-line:#ded8cb}html{scroll-behavior:smooth}body{background:var(--preview-paper);color:var(--preview-ink)}.preview-salon{--preview-accent:#b68673;--preview-paper:#f7eee9}.preview-dental{--preview-accent:#287c78;--preview-paper:#f0f8f6}.preview-fitness{--preview-accent:#cdd750;--preview-paper:#f2f3ea}.preview-restaurant{--preview-accent:#727d49;--preview-paper:#f7f4e9}.preview-consultant{--preview-accent:#a98b50;--preview-paper:#f5f3ee}.nav{background:rgba(255,255,255,.85);border-color:var(--preview-line)}.nav .wrap{min-height:48px}.brand span{color:var(--preview-ink)}a,button{cursor:pointer}.btn{background:var(--preview-ink);color:#fff;border:1px solid var(--preview-accent);border-radius:12px;transition:transform .35s,box-shadow .35s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0002}.btn.secondary{color:var(--preview-ink);border-color:var(--preview-accent);background:white}.hero{padding:68px 0}.hero-grid{gap:36px}.hero-grid>div:first-child{animation:preview-arrive 1.3s both}.hero-card{animation:preview-arrive 1.5s .18s both;background:white;padding:14px;border-color:var(--preview-line);box-shadow:0 22px 60px #24281820}.concept-demo-photo{width:100%;height:350px;object-fit:cover;border-radius:22px;display:block}.lead,.section p{color:#535b59}.kicker{background:white;color:var(--preview-ink);border:1px solid var(--preview-accent)}.stat{background:var(--preview-paper);padding:14px}.stat strong{color:var(--preview-ink);font-size:1.15rem}.stat span{color:#535b59}.section{padding:48px 0}.card{background:white;border-color:var(--preview-line);box-shadow:0 12px 30px #2428180c;transition:opacity 1.2s,translate 1.2s,transform .35s}.card h3{border-bottom:2px solid var(--preview-accent);padding-bottom:16px;font-size:1.2rem}.card:hover{transform:translateY(-5px)}.preview-pending{opacity:0;translate:0 28px}.cta{background:var(--preview-ink);color:white;margin-top:36px}.cta .btn{color:var(--preview-ink)}@keyframes preview-arrive{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}@media(max-width:850px){.hero{padding:40px 0}.nav .wrap{align-items:flex-start;flex-direction:column}.concept-demo-photo{height:300px}.stats{grid-template-columns:repeat(3,1fr)}.stat{padding:10px}.stat strong{font-size:1rem}.hero h1{font-size:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.preview-pending{opacity:1;translate:0 0}}