/* Booking demo and FAQ styles, taken from the live silvermoose.se v2.css (18 Oct 2026). */
.v2-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:49px;padding:12px 20px 12px 24px;border-radius:40px;border:1px solid #eaffb570;background:linear-gradient(115deg,#e0ff96,var(--lime) 65%);color:#11170a;font-size:13px;font-weight:600;transition:transform .25s,box-shadow .25s}
.v2-btn>span:last-child{font-size:18px;font-weight:400}
.v2-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #bded5922}
.v2-btn[disabled]{opacity:.35;pointer-events:none}
.v2-btn-line{background:transparent;border-color:#ffffff40;color:var(--ink)}
.v2-demo-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.v2-bk{background:linear-gradient(135deg,#1d2530,#141a22);border:1px solid #bbc9d333;border-radius:20px;overflow:hidden}
.v2-bk-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 26px;border-bottom:1px solid #ffffff1c;font-size:11px;color:var(--muted)}
.v2-live{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:12px}
.v2-live i{width:7px;height:7px;border-radius:50%;background:#5ad17d;box-shadow:0 0 0 4px #5ad17d2e}
.v2-bk-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)}
.v2-bk-body[hidden],.v2-form[hidden],.v2-done[hidden],.v2-err[hidden]{display:none}
.v2-bk-col{padding:26px;min-width:0}
.v2-bk-col+.v2-bk-col{border-left:1px solid #ffffff1c}
.v2-lbl{font-size:10px;letter-spacing:2.3px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.v2-svcs{display:grid;gap:8px}
.v2-svc{display:grid;gap:3px;text-align:left;padding:15px 16px;border:1px solid #ffffff26;border-radius:14px;transition:border-color .2s,background .2s}
.v2-svc b{font-size:15px;font-weight:600}
.v2-svc span{font-size:12px;color:var(--muted)}
.v2-svc:hover{border-color:#ffffff55}
.v2-svc.on{border-color:var(--lime);background:#d5fa7514}
.v2-days{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
.v2-day{flex:0 0 auto;width:60px;padding:8px 0;border:1px solid #ffffff26;border-radius:14px;text-align:center;line-height:1.25}
.v2-day small{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.v2-day b{display:block;font-size:20px;font-weight:500}
.v2-day:disabled{opacity:.28;cursor:default}
.v2-day.on{background:var(--lime);border-color:var(--lime);color:#11170a}
.v2-day.on small{color:#11170a}
.v2-times{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;margin-top:14px}
.v2-time{padding:9px 0;border:1px solid #ffffff26;border-radius:11px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.v2-time:hover{border-color:var(--lime)}
.v2-time.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.v2-hint{margin-top:14px;font-size:13px;color:var(--muted)}
.v2-form{display:grid;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #ffffff1c}
.v2-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2-field{width:100%;padding:13px 15px;border:1px solid #ffffff33;border-radius:12px;background:#0b1017;color:var(--ink);font:15px Studio,Arial,sans-serif;outline:none}
.v2-field:focus{border-color:var(--lime)}
.v2-sum{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.v2-sum p{font-size:13px;color:var(--muted)}
.v2-sum b{color:var(--ink);font-weight:600}
.v2-err{padding:11px 14px;border-radius:12px;background:#ff5a5a1f;color:#ff9a8e;font-size:13px}
.v2-done{padding:50px 26px;text-align:center}
.v2-tick{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--lime);color:#11170a}
.v2-done h3{font-size:34px;font-weight:500;letter-spacing:-1.5px}
.v2-done>p{max-width:46ch;margin:10px auto 0;font-size:14px;line-height:1.8;color:var(--muted)}
.v2-ticket{max-width:460px;margin:22px auto 22px;padding:16px 18px;text-align:left;border:1px solid #ffffff22;border-left:3px solid var(--lime);border-radius:14px;font-size:13px;color:var(--muted)}
.v2-ticket small{font-size:9px;letter-spacing:2px;text-transform:uppercase}
.v2-ticket a{display:block;margin:5px 0 8px;color:var(--lime);font-weight:600;word-break:break-all}
.v2-aside h3{font-size:27px;font-weight:400;letter-spacing:-1px;margin:18px 0 10px}
.v2-aside>p{font-size:13px;line-height:1.85;color:var(--muted)}
.v2-phone{position:relative;width:272px;height:560px;margin:26px auto 0;padding:11px;border-radius:44px;background:#0a0a0b;box-shadow:0 0 0 2px #2b2f36,0 0 0 7px #14171c,0 40px 80px -30px #000c,0 0 60px -10px #d5fa7522}
.v2-scr{position:relative;height:100%;overflow:hidden;border-radius:34px;background:#111214;color:#f1f0ed;font:13px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:36px 13px 13px;text-align:left}
.v2-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:74px;height:20px;border-radius:12px;background:#000;z-index:5}
.v2-sb{position:absolute;top:11px;left:24px;right:22px;display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#ddd}
.v2-ph-biz{display:flex;justify-content:space-between;align-items:center;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#85837e}
.v2-ph-biz i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1b1d20}
.v2-ph-day{font:700 19px/1.2 system-ui,sans-serif;margin:6px 0 9px}
.v2-ph-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:9px}
.v2-ph-stats div{background:#1b1d20;border-radius:9px;padding:6px 7px}
.v2-ph-stats b{display:block;font-size:13.5px}
.v2-ph-stats span{font-size:9px;color:#85837e}
.v2-ph-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.v2-ph-list li{display:grid;grid-template-columns:38px 1fr;gap:8px;padding:8px 9px;border-radius:10px;background:#1b1d20;border-left:3px solid #9fd23a}
.v2-ph-list li.blk{border-left-color:#85837e;background:repeating-linear-gradient(135deg,#1b1d20 0 8px,#202226 8px 16px)}
.v2-ph-list time{font-weight:700;font-size:12px;line-height:1.2}
.v2-ph-list time small{display:block;font-weight:400;color:#85837e;font-size:10.5px}
.v2-ph-list h5,.v2-ph-list h4{margin:0;font-size:12.5px}
.v2-ph-list p{margin:1px 0 0;font-size:10.5px;color:#b4b2ad}
.v2-ph-list .tg{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:4px;background:#9fd23a38;color:#9fd23a;font-size:8.5px;font-weight:700;vertical-align:1px}
.v2-ph-list li.new{animation:v2-in .7s cubic-bezier(.2,.8,.2,1)}
@keyframes v2-in{from{opacity:0;transform:translateY(-8px) scale(.97)}}
.v2-ph-fab{position:absolute;right:14px;bottom:16px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#9fd23a;color:#111;font-size:24px}
.v2-note{position:absolute;top:8px;left:8px;right:8px;z-index:6;display:flex;gap:9px;align-items:center;padding:10px 11px;border-radius:18px;background:#2c2e32f7;box-shadow:0 12px 30px -8px #000b;transform:translateY(-140%);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.v2-note.show{transform:none}
.v2-note-ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#111214}
.v2-note-ic svg{width:22px;height:22px}
.v2-note b{display:block;font-size:12px}
.v2-note span{display:block;font-size:11px;color:#c9c7c2}
.v2-note small{margin-left:auto;align-self:flex-start;font-size:10px;color:#9a988f}
.v2-faq{padding:110px var(--pad) 90px;border-top:1px solid #bdcbd328}
@media(max-width:1100px){.v2-demo-grid{grid-template-columns:1fr}.v2-aside{max-width:460px;margin:0 auto;text-align:center}.v2-bk-body{grid-template-columns:1fr}.v2-bk-col+.v2-bk-col{border-left:0;border-top:1px solid #ffffff1c}}
@media(max-width:900px){.v2-faq{padding:70px var(--pad) 60px}}
@media(max-width:600px){.v2-two{grid-template-columns:1fr}.v2-bk-col{padding:20px}.v2-bk-head{padding:16px 20px}}
.v2-days{scrollbar-color:#ffffff2e transparent}
.v2-days::-webkit-scrollbar{height:6px}
.v2-days::-webkit-scrollbar-track{background:transparent}
.v2-days::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:6px}
.v2-ph-fab{border:0;padding:0;cursor:pointer;font-family:inherit;line-height:1;transition:transform .2s,box-shadow .2s}
.v2-ph-fab:hover{transform:scale(1.07);box-shadow:0 0 0 6px #9fd23a2e}
.v2-ph-fab:focus-visible{outline:2px solid #fff;outline-offset:3px}
.v2-ph-list .tg-ph{background:#ffffff1f;color:#d6d4cf}
.v2-ph-sheet{position:absolute;left:0;right:0;bottom:0;z-index:7;padding:16px 14px 18px;border-radius:20px 20px 34px 34px;background:#1d1f23;box-shadow:0 -14px 30px #000a;transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.v2-ph-sheet.show{transform:none}
.v2-ph-sheet-t{margin:0 0 10px;font-size:15px;font-weight:700}
.v2-ph-sheet dl{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;margin:0 0 14px;font-size:12px}
.v2-ph-sheet dt{color:#85837e}
.v2-ph-sheet dd{margin:0;text-align:right}
.v2-ph-sheet-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v2-ph-sheet-btns button{padding:10px;border:1px solid #ffffff26;border-radius:12px;background:transparent;color:#f1f0ed;font:600 12px system-ui,sans-serif;cursor:pointer}
.v2-ph-sheet-btns #phSave{background:#9fd23a;border-color:#9fd23a;color:#111}
.v2-privacy{max-width:40ch;font-size:12px;line-height:1.6;color:var(--muted)}
.v2-privacy-dialog{width:min(640px,calc(100vw - 32px));max-height:min(82vh,760px);overflow:auto;padding:40px 34px 30px;border:1px solid #bbc9d340;border-radius:22px;background:#121920;color:var(--ink);box-shadow:0 40px 120px #000c}
.v2-privacy-dialog::backdrop{background:#05080cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.v2-privacy-dialog h2{margin:10px 0 8px;font-size:30px;font-weight:500;letter-spacing:-1px}
.v2-privacy-dialog h3{margin:20px 0 6px;font-size:14px;font-weight:600}
.v2-privacy-dialog p:not(.eyebrow){font-size:13px;line-height:1.75;color:#c0c6cc}
.v2-privacy-dialog .close{position:absolute;top:14px;right:16px;width:38px;height:38px;border:1px solid #ffffff2e;border-radius:50%;background:transparent;color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
@media(max-width:600px){.v2-privacy-dialog{padding:34px 22px 24px}.v2-privacy-dialog h2{font-size:25px}}
.v2-ph-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;margin:0 0 10px;padding:3px;border-radius:11px;background:#111214}
.v2-ph-seg button{padding:7px 2px;border:0;border-radius:8px;background:transparent;color:#b4b2ad;font:600 11px system-ui,sans-serif;cursor:pointer}
.v2-ph-seg button.on{background:#2c2e32;color:#f1f0ed}
.v2-ph-lbl{margin:0 0 6px;font-size:11px;color:#85837e}
.v2-ph-sheet-btns button[disabled]{opacity:.4;cursor:default}
.v2-ph-toast{position:absolute;left:12px;right:12px;bottom:72px;z-index:6;padding:9px 11px;border-radius:12px;background:#2c2e32f2;color:#f1f0ed;font-size:11px;line-height:1.4;box-shadow:0 10px 24px -8px #000b;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}
.v2-ph-toast.show{opacity:1;transform:none}
.v2-scr .v2-ph-list{max-height:330px;overflow-y:auto;scrollbar-width:none}
.v2-scr .v2-ph-list::-webkit-scrollbar{display:none}
.v2-devices{position:relative;width:max-content;margin:26px auto 0;padding-left:64px}
.v2-devices .v2-phone{margin:0}
.v2-watch{position:absolute;left:0;bottom:56px;z-index:2;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 24px 30px #000a)}
.v2-w-band{width:64px;height:44px;background:linear-gradient(#1b1f25,#262b33);border-radius:14px 14px 6px 6px}
.v2-w-band:last-child{border-radius:6px 6px 14px 14px;background:linear-gradient(#262b33,#1b1f25)}
.v2-w-body{width:112px;height:132px;padding:7px;border-radius:34px;background:#0a0a0b;box-shadow:0 0 0 2px #2b2f36,0 0 0 5px #14171c}
.v2-w-scr{position:relative;height:100%;border-radius:28px;background:#000;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f4f6f8;font-family:Arial,Helvetica,sans-serif}
.v2-w-time{font-size:30px;letter-spacing:-1px;line-height:1}
.v2-w-day{margin-top:5px;font-size:10px;color:#9aa4ad}
.v2-w-note{position:absolute;inset:6px;padding:10px 10px;border-radius:22px;background:#1c2128;display:flex;flex-direction:column;gap:3px;font-size:10px;line-height:1.3;text-align:left;opacity:0;transform:translateY(18px);transition:opacity .35s,transform .35s}
.v2-w-note.show{opacity:1;transform:none}
.v2-w-note i{width:16px;height:16px;border-radius:50%;background:var(--lime);margin-bottom:2px}
.v2-w-note b{font-size:10.5px;font-weight:700;color:#fff}
.v2-w-note span{color:#b9c2cb}
@media(max-width:600px){.v2-devices{padding-left:44px}.v2-watch{transform:scale(.82);transform-origin:left bottom;bottom:40px}}
@media(prefers-reduced-motion:reduce){.v2-w-note{transition:none}}
.v2-ph-list li[data-i]{cursor:pointer;transition:filter .15s}
.v2-ph-list li[data-i]:hover{filter:brightness(1.18)}
.v2-ph-list li[data-i]:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.v2-switch .v2-btn{flex:none}
@media(max-width:600px){.v2-demo-grid{grid-template-columns:minmax(0,1fr)}.v2-demo-grid>*{min-width:0}.v2-phone{max-width:100%}}
@media(max-width:380px){.v2-devices{padding-left:0}}
/* The live site resets buttons globally; this does the same for the demo only, at the lowest specificity so the
   demo's own button styles above still win. */
:where(#demo) button{background:none;border:0;color:inherit;padding:0}
:where(#demo) ul{list-style:none;margin:0;padding:0}

/* FAQ in the Signature look: same side spacing as the other sections, a large heading and rounded question cards. */
.signature .v2-faq{--pad:max(5.5%,calc((100% - 1440px)/2));border-top:1px solid var(--line)}
.signature .v2-faq h2{font-size:clamp(34px,4.4vw,60px);font-weight:500;letter-spacing:-.05em;line-height:1.05;margin:0 0 40px;max-width:16ch}
.signature .v2-faq>div{display:grid;gap:12px;max-width:980px}
.signature .v2-faq details{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--ink) 3%,transparent);transition:border-color .2s}
.signature .v2-faq details[open]{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.signature .v2-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;cursor:pointer;list-style:none;font-size:16px;font-weight:600;letter-spacing:-.01em}
.signature .v2-faq summary::-webkit-details-marker{display:none}
.signature .v2-faq summary::after{content:'+';flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);color:var(--accent);font-size:18px;font-weight:400;transition:transform .25s}
.signature .v2-faq details[open] summary::after{transform:rotate(45deg)}
.signature .v2-faq details p{margin:0;padding:0 24px 22px;color:var(--muted);font-size:14px;line-height:1.8;max-width:75ch}
@media(max-width:600px){.signature .v2-faq summary{padding:16px 18px;font-size:15px}.signature .v2-faq details p{padding:0 18px 18px}}
@media(prefers-reduced-motion:reduce){.signature .v2-faq summary::after{transition:none}}
/* Light mode: the booking demo stays a dark app window (like the illustrated phone), so it keeps the dark-mode text colours. */
.light .v2-bk{--ink:#f3f4eb;--muted:#b2b9aa;--line:#343c2f;--accent:#a8dd6a;--lime:#a8dd6a;--accent-ink:#1a270e;color:var(--ink)}