.landing-service-page .landing-hero { background:#fffaf5; background-image:none; }
.landing-hero > .absolute { display:none; }
.landing-hero > .relative > div { min-width:0; }
.preview-wrap { max-width:460px; margin-inline:auto; width:100%; }
.preview-frame { overflow:hidden; border:1px solid #e5ddd4; border-radius:16px; background:white; box-shadow:0 20px 45px -20px #56321340; }
.preview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px; background:#f5f3f0; border-bottom:1px solid #e8e2dc; color:#998c80; font-size:10px; }
.preview-toolbar > span:nth-child(2) { white-space:nowrap; }
.preview-toolbar > span:nth-child(2) i { margin-right:6px; font-size:9px; }
.preview-dots { display:flex; gap:5px; }
.preview-dots i { width:7px; height:7px; border-radius:50%; background:#d6cdc3; }
.preview-dots i:first-child { background:#f9a66a; }
.campaign-demo { overflow:hidden; background:#fff; color:#29221d; }
.demo-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px; border-bottom:1px solid #f0e8e0; }
.demo-brand { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:800; letter-spacing:.08em; }
.demo-brand i { display:grid; place-items:center; width:25px; height:25px; border-radius:8px; background:#ff7000; color:white; }
.demo-live { font-size:9px; color:#8b7666; }
.demo-content { padding:24px; background:linear-gradient(120deg,#fffaf3,#fff); }
.demo-eyebrow { display:block; font-size:9px; font-weight:800; letter-spacing:.13em; color:#c75a0a; }
.demo-headline { margin-top:12px; font-size:clamp(23px,2vw,28px); line-height:1.2; font-weight:800; letter-spacing:-.035em; }
.demo-headline em { color:#f36b0b; font-style:normal; }
.demo-description { margin-top:13px; font-size:13px; line-height:1.65; color:#817366; }
.demo-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; margin-top:20px; padding:13px 17px; border:0; border-radius:10px; background:#ff7000; color:#fff; font-size:12px; font-weight:700; box-shadow:0 7px 16px #ff700028; cursor:pointer; transition:background .2s; }
.demo-button:hover { background:#df5e00; }
.demo-button:focus-visible { outline:3px solid #e86d18; outline-offset:4px; }
.demo-assurance { display:flex; flex-wrap:wrap; gap:8px 16px; margin-top:14px; color:#817366; font-size:9px; }
.demo-assurance i { color:#21a37c; margin-right:4px; }
.demo-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:4px; padding:14px 12px; border-top:1px solid #eee5dc; background:#fff; }
.demo-flow > div { display:flex; flex-direction:column; align-items:center; text-align:center; gap:5px; min-width:0; }
.demo-flow-icon { display:grid; place-items:center; width:30px; height:30px; margin-bottom:3px; border-radius:9px; color:#e7650a; background:#ffeddb; font-size:12px; }
.demo-flow > div:last-child .demo-flow-icon { background:#e3f5ed; color:#16855b; }
.demo-flow strong { font-size:11px; }
.demo-flow small { font-size:8px; color:#8b7d71; }
.demo-connector { color:#c5b29e; font-size:16px; }
.demo-goal { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid #ffffff20; border-radius:14px; background:linear-gradient(110deg,#ffffff0a,#f577171c); }
.demo-goal-icon { display:grid; place-items:center; width:40px; height:40px; flex-shrink:0; border-radius:12px; background:#ff851b24; color:#ffb265; font-size:20px; }
.demo-goal-label { display:block; color:#d4ad88; font-size:8px; font-weight:700; letter-spacing:.13em; }
.demo-goal strong { display:block; margin-top:4px; color:#fff; font-size:14px; line-height:1.4; }
.demo-goal > i { margin-left:auto; color:#ffb265; }
@media(max-width:480px) {
  .demo-nav { padding:12px; gap:8px; }
  .demo-brand { font-size:9px; letter-spacing:0; }
  .demo-live { font-size:8px; }
  .demo-content { padding:22px 16px; }
  .demo-goal { padding:12px; gap:9px; }
  .demo-goal strong { font-size:12px; }
  .demo-flow { padding:16px 8px; }
}