:root{--cream: #F5F0E6;--cream-deep: #EEE7D6;--paper: #FBF8F1;--ink: #1B1916;--ink-soft: #3F3B33;--muted: #7A746A;--line: #D9D1BF;--line-soft: #E6DFC8;--signal: #FF5A1F;--signal-deep: #D63E08;--gold: #C28A1E;--success: #16A34A;--serif: "Fraunces", "Times New Roman", serif;--sans: "Be Vietnam Pro", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}img,svg{display:block;max-width:100%}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}.route-bar{background:var(--ink);color:var(--paper);padding:8px 0;font-family:var(--mono);font-size:11px}.route-bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.route-pill{background:#ffffff14;padding:5px 12px;border-radius:999px;color:#fbf8f1b3}.route-pill:before{content:"●";color:var(--success);margin-right:8px;font-size:8px}.route-pill .path{color:var(--signal);font-weight:600}.route-home{color:#fbf8f199;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.route-home:hover{color:var(--signal)}.mock-banner{background:linear-gradient(90deg,var(--signal) 0%,var(--gold) 100%);color:var(--ink);padding:11px 0;font-size:13px;font-weight:600}.mock-banner .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.mock-banner .left{display:flex;align-items:center;gap:10px;flex:1}.mock-banner .tag{background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.15em;padding:4px 8px;border-radius:4px;font-weight:700}.mock-banner .cta{background:var(--ink);color:var(--paper);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700}.mock-banner .cta:hover{background:var(--ink-soft)}.hero{padding:50px 0 36px}.eyebrow{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--signal);font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:20px}.eyebrow:before{content:"";width:30px;height:1px;background:var(--signal)}h1.head{font-family:var(--serif);font-weight:400;font-size:clamp(42px,7vw,84px);line-height:1;letter-spacing:-.025em;max-width:18ch}h1.head em{font-style:italic;color:var(--signal)}.lede{margin-top:20px;font-size:18px;color:var(--ink-soft);max-width:620px}.demo-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;margin-top:28px}@media (max-width: 980px){.demo-grid{grid-template-columns:1fr}}.voice-card{background:var(--ink);color:var(--paper);border-radius:18px;padding:24px;display:flex;flex-direction:column;min-height:480px;position:relative}.voice-card:before{content:"VOICE AGENT";position:absolute;top:18px;right:22px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--signal);font-weight:600}.voice-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.voice-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--signal) 0%,var(--gold) 100%);display:grid;place-items:center;color:var(--ink);font-family:var(--serif);font-style:italic;font-weight:600;font-size:22px}.voice-title{font-family:var(--serif);font-style:italic;font-size:22px;font-weight:500}.voice-sub{font-family:var(--mono);font-size:11px;color:#fbf8f18c;margin-top:2px}.call-state{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;margin-bottom:14px;font-family:var(--mono);font-size:11px;color:#fbf8f199;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:10px}.call-state .dot{width:8px;height:8px;border-radius:50%;background:#fbf8f14d}.call-state.connecting .dot{background:var(--gold);animation:blink .8s infinite}.call-state.active .dot{background:var(--success);animation:pulse 1.4s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 10px #16a34a00}to{box-shadow:0 0 #16a34a00}}.voice-transcript{flex:1;background:#00000040;border-radius:10px;padding:14px;overflow-y:auto;font-family:var(--mono);font-size:12px;line-height:1.6;color:#fbf8f1d9;min-height:240px;max-height:320px}.voice-line{margin-bottom:10px;opacity:0;transform:translateY(3px);transition:all .4s}.voice-line.shown{opacity:1;transform:none}.voice-line .who{font-weight:600;color:var(--signal);margin-right:6px}.voice-line.caller .who{color:var(--gold)}.voice-line.sys .who{color:#fbf8f166;font-style:italic}.voice-controls{margin-top:16px;display:flex;gap:10px}.voice-btn{flex:1;background:var(--signal);color:var(--paper);padding:13px;border-radius:10px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.voice-btn:hover{background:var(--signal-deep)}.voice-btn.danger{background:#ffffff0f;border:1px solid rgba(255,90,31,.4)}.voice-btn.danger:hover{background:#ff5a1f26}.book-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;min-height:480px;position:relative}.book-card:before{content:"BOOKING WIDGET";position:absolute;top:18px;right:22px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--signal);font-weight:600}.book-title{font-family:var(--serif);font-size:22px;font-weight:500;font-style:italic}.book-sub{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:2px;letter-spacing:.06em}.step-track{display:flex;gap:6px;margin:18px 0}.step-bar{flex:1;height:3px;background:var(--line-soft);border-radius:2px}.step-bar.active{background:var(--signal)}.step-bar.done{background:var(--success)}.step-panel{display:none}.step-panel.active{display:block}.step-meta{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font-weight:600;margin-bottom:8px}.step-q{font-family:var(--serif);font-size:26px;line-height:1.1;font-weight:500;margin-bottom:18px}.step-q em{font-style:italic;color:var(--signal)}.svc-tiles{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:14px}.svc-tile{background:var(--cream);border:1.5px solid var(--line);border-radius:10px;padding:14px;cursor:pointer;transition:all .12s;text-align:left;width:100%}.svc-tile:hover{border-color:var(--ink)}.svc-tile.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.svc-tile-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.svc-tile-name{font-weight:700;font-size:15px}.svc-tile-meta{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:2px}.svc-tile.selected .svc-tile-meta{color:#fbf8f199}.svc-tile-price{font-family:var(--serif);font-size:22px;font-weight:500}.svc-tile.selected .svc-tile-price{color:var(--signal)}.zip-input{width:100%;background:var(--cream);border:1.5px solid var(--line);border-radius:10px;padding:14px 16px;font-family:var(--mono);font-size:17px;font-weight:600;color:var(--ink);letter-spacing:.05em}.zip-input:focus{outline:none;border-color:var(--ink)}.zip-input.valid{border-color:var(--success);background:#16a34a0f}.zip-input.invalid{border-color:var(--signal-deep);background:#d63e080d}.zip-fb{margin-top:6px;font-family:var(--mono);font-size:11px;min-height:14px}.zip-fb.valid{color:var(--success)}.zip-fb.invalid{color:var(--signal-deep)}.zip-fb.neutral{color:var(--muted)}.price-ticker{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;margin:16px 0}.ticker-label{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:600}.ticker-amount{font-family:var(--serif);font-size:38px;font-weight:500;line-height:1}.ticker-amount.bumped{color:var(--signal);transform:scale(1.05);transition:all .2s}.step-nav{margin-top:auto;display:flex;gap:10px;padding-top:16px}.step-btn{flex:1;background:var(--signal);color:var(--paper);padding:15px;border-radius:10px;font-size:15px;font-weight:700}.step-btn:hover:not(:disabled){background:var(--signal-deep)}.step-btn:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.step-btn.back{flex:0 0 auto;background:transparent;color:var(--ink-soft);border:1px solid var(--line);padding:15px 20px}.step-btn.back:hover{border-color:var(--ink);color:var(--ink);background:var(--cream)}.slot-primary{background:linear-gradient(135deg,var(--signal),var(--signal-deep));color:var(--paper);border-radius:12px;padding:20px;margin-bottom:12px;text-align:center;cursor:pointer}.slot-primary .label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.15em;opacity:.8}.slot-primary .time{font-family:var(--serif);font-size:28px;font-style:italic;font-weight:500}.input-field{width:100%;background:var(--cream);border:1.5px solid var(--line);border-radius:8px;padding:12px 14px;font-size:14px;margin-bottom:8px}.input-field:focus{outline:none;border-color:var(--ink)}.pay-summary{background:var(--ink);color:var(--paper);border-radius:12px;padding:16px 20px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.pay-summary .lbl{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#fbf8f180;font-weight:600}.pay-svc{font-family:var(--serif);font-style:italic;font-size:17px;margin-top:2px}.pay-total{font-family:var(--serif);font-size:32px;font-weight:500}.apple-pay-btn{width:100%;background:#000;color:#fff;border-radius:12px;padding:16px;font-family:-apple-system,sans-serif;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.apple-pay-btn:hover{background:#1a1a1a}.or-divider{text-align:center;font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;margin:14px 0}.syb-fab{position:fixed;bottom:22px;right:22px;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:999px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px -4px #00000040;z-index:50}.syb-fab:hover{background:var(--signal)}.syb-fab .dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}.modal-shade{position:fixed;inset:0;background:#1b191699;backdrop-filter:blur(4px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal-shade.shown{display:flex}.modal-card{background:var(--paper);border-radius:18px;max-width:460px;width:100%;padding:28px;max-height:90vh;overflow-y:auto}.modal-head{display:flex;justify-content:space-between;margin-bottom:16px}.modal-head h2{font-family:var(--serif);font-size:28px;font-style:italic;font-weight:500}.modal-x{width:32px;height:32px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:18px}.modal-body p{color:var(--ink-soft);font-size:14px;margin-bottom:18px}.modal-body p code{background:var(--cream-deep);padding:2px 6px;border-radius:4px;font-family:var(--mono);font-size:12px;color:var(--signal)}.modal-body label{display:block;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);font-weight:700;margin-bottom:6px;margin-top:14px}.modal-body input{width:100%;background:var(--cream);border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-size:15px;color:var(--ink)}.modal-body input:focus{outline:none;border-color:var(--ink)}.modal-go{background:var(--signal);color:var(--paper);width:100%;padding:14px;border-radius:10px;font-size:15px;font-weight:700;margin-top:22px}footer.relay{background:var(--ink);color:#fbf8f180;padding:50px 0 30px;font-size:12px;margin-top:60px}footer.relay .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}footer.relay a{color:#fbf8f1b3}footer.relay a:hover{color:var(--signal)}