/* Demo funnel: /qualify (quiz), /qualify/schedule* (booking), /booking-confirmed. Built by tools/build_funnel.py. */
body.qf-page{background:#0B0C10;color:#EEEFEA}
/* funnel = no exits and no header at all (Dan, 2026-11-05): every step fits one screen, no scrolling */
.qf-page .bbh,.qf-page .bbh__panel,.qf-page .bb-plg-bar{display:none!important}
.qf{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,6vh,64px) clamp(16px,5vw,72px);box-sizing:border-box;font-family:"Cera Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.qf-wrap{width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:64px;align-items:start}
.qf-wrap.single{grid-template-columns:minmax(0,1fr)}
.qf-main{max-width:620px;width:100%}
.qf-main--wide{max-width:none}
.qf-book .qf-wrap.single{max-width:1180px}
.qf-eyebrow{display:inline-block;margin:0 0 18px;padding:4px 10px;border-radius:999px;background:#FBFF00;color:#0B0C10;font:500 11px/1.4 "Cera Pro",sans-serif;letter-spacing:.1em;text-transform:uppercase}
.qf-top{display:flex;justify-content:space-between;align-items:center;min-height:28px;margin-bottom:10px}
.qf-back{background:none;border:0;color:#A7AAB2;font:500 14px "Cera Pro",sans-serif;cursor:pointer;padding:4px 0}
.qf-back:hover{color:#fff}
.qf-count{color:#A7AAB2;font:400 13px "Cera Pro",sans-serif;margin-left:auto}
.qf-bar{height:4px;background:#25272E;border-radius:4px;overflow:hidden;margin-bottom:36px}
.qf-bar i{display:block;height:100%;background:#FBFF00;border-radius:4px;transition:width .35s ease}
.qf-q{margin:0 0 10px;color:#fff;font:500 clamp(26px,3.2vw,36px)/1.2 "Cera Pro",sans-serif;letter-spacing:-.015em;outline:none}
.qf-sub{margin:0 0 26px;color:#A7AAB2;font:400 17px/1.55 "Cera Pro",sans-serif}
.qf-opts{display:grid;gap:10px;margin-top:22px}
.qf-opts.qf-multi{grid-template-columns:1fr 1fr}
.qf-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#16181E;border:1px solid #2A2D35;border-radius:12px;padding:15px 16px;color:#EEEFEA;font:500 16px/1.35 "Cera Pro",sans-serif;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.qf-opt:hover{border-color:#4A4E58;background:#1B1E25}
.qf-opt:active{transform:scale(.99)}
.qf-opt.on{border-color:#FBFF00;background:#22230F}
.qf-opt:focus-visible{outline:2px solid #FBFF00;outline-offset:2px}
.qf-key:empty{display:none}
.qf-key{flex:0 0 26px;height:26px;border-radius:7px;border:1px solid #3A3E47;color:#A7AAB2;font:500 12px/24px "Cera Pro",sans-serif;text-align:center}
.qf-opt.on .qf-key{background:#FBFF00;border-color:#FBFF00;color:#0B0C10}
.qf-lab{flex:1}
.qf-lab small{display:block;margin-top:3px;color:#8E929B;font:400 13.5px/1.4 "Cera Pro",sans-serif}
.qf-tick{flex:0 0 18px;height:18px;border-radius:5px;border:1.5px solid #4A4E58}
.qf-opt.on .qf-tick{background:#FBFF00 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3.5 8.5l3 3 6-7" fill="none" stroke="%230B0C10" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/14px no-repeat;border-color:#FBFF00}
.qf-actions{display:flex;align-items:center;gap:14px;margin-top:26px}
.qf-page .qf-next{background:#FBFF00;color:#0B0C10;border:0;border-radius:10px;padding:14px 26px;font:500 16px "Cera Pro",sans-serif;cursor:pointer;transition:opacity .15s;opacity:1}
.qf-page .qf-next:disabled{opacity:.35;cursor:not-allowed}
.qf-hint{color:#6E727B;font:400 13px "Cera Pro",sans-serif}
.qf-form{display:grid;gap:16px;margin-top:18px}
.qf-field{display:grid;gap:7px}
.qf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qf-field span{color:#C9CBD1;font:500 14px "Cera Pro",sans-serif}
.qf-field input{background:#16181E;border:1px solid #2A2D35;border-radius:10px;padding:14px 15px;color:#fff;font:400 17px "Cera Pro",sans-serif;outline:none}
.qf-field input:focus{border-color:#FBFF00}
.qf-err{color:#FF9B85;font:400 13.5px "Cera Pro",sans-serif;font-style:normal;min-height:0}
.qf-err:empty{display:none}
.qf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.qf-legal{margin:2px 0 0;color:#6E727B;font:400 13px/1.5 "Cera Pro",sans-serif}
.qf-legal a{color:#A7AAB2}
.qf-as{margin:0;color:#A7AAB2;font:400 14px/1.4 "Cera Pro",sans-serif;overflow-wrap:anywhere}.qf-as b{color:#E8E9EC;font-weight:500}
.qf-chg{background:none;border:0;padding:0 0 0 6px;color:#FBFF00;font:500 14px "Cera Pro",sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.qf-done{padding-top:40px}
.qf-spin{width:34px;height:34px;border:3px solid #2A2D35;border-top-color:#FBFF00;border-radius:50%;animation:qfspin .8s linear infinite;margin-bottom:26px}
@keyframes qfspin{to{transform:rotate(360deg)}}
.qf-side{position:sticky;top:40px}
.qf-side img{display:block;width:auto;max-width:100%;height:min(607px,calc(100dvh - 150px));object-fit:contain;border-radius:18px}
.qf-proof{margin-top:18px;display:flex;gap:18px;flex-wrap:wrap;color:#A7AAB2;font:400 14px "Cera Pro",sans-serif}
.qf-proof b{color:#fff;font-weight:500}
/* booking pages */
.qf-book .qf-q{font-size:clamp(28px,3.4vw,40px)}
.qf-cal{background:#fff;border-radius:16px;overflow:hidden;min-height:660px;margin-top:8px}
.qf-cal .meetings-iframe-container iframe{min-height:660px!important}
.qf-page .qf-cal--empty{min-height:0!important;padding:28px;color:#0B0C10;font:400 16px/1.5 "Cera Pro",sans-serif}
.qf-steps{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.qf-steps li{display:flex;gap:12px;color:#C9CBD1;font:400 16px/1.5 "Cera Pro",sans-serif}
.qf-steps li:before{content:"";flex:0 0 8px;height:8px;margin-top:8px;border-radius:50%;background:#FBFF00}
.qf-links{display:grid;gap:10px;margin-top:26px}
.qf-links a{display:block;padding:15px 16px;border:1px solid #2A2D35;border-radius:12px;color:#EEEFEA;text-decoration:none;font:500 16px "Cera Pro",sans-serif}
.qf-links a:hover{border-color:#FBFF00}
.qf-links small{display:block;color:#8E929B;font:400 13.5px "Cera Pro",sans-serif;margin-top:3px}
@media (max-width:960px){.qf-wrap{grid-template-columns:1fr;gap:40px}.qf-side{position:static;max-width:460px}}
@media (hover:none),(max-width:640px){.qf-key{display:none}}
@media (max-width:640px){.qf-row{grid-template-columns:1fr}.qf{padding:76px 16px 56px}.qf-opts.qf-multi{grid-template-columns:1fr}.qf-opt{padding:14px}.qf-hint{display:none}.qf-sub{font-size:16px}.qf-cal,.qf-cal .meetings-iframe-container iframe{min-height:720px!important}}
/* booking calendar (booking.js): one decision at a time. Day strip -> time grid -> confirm card */
.qf-cal.bk{background:#fff;color:#0B0C10;border-radius:16px;padding:24px;min-height:0;max-width:600px;overflow:visible;font-family:"Cera Pro",sans-serif}
.qf-cal.bk.bk-embed{max-width:none;overflow:hidden}
.bk h2{margin:0;font:500 24px/1.25 "Cera Pro",sans-serif;color:#0B0C10;letter-spacing:-.01em}
.bk-sr{position:absolute!important;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bk button{-webkit-tap-highlight-color:transparent}
.bk-chip:focus-visible,.bk-time:focus-visible,.bk-arrow:focus-visible,.bk-more:focus-visible,.bk-tz select:focus-visible{outline:2px solid #0B0C10;outline-offset:2px}
/* day strip: swipeable, arrows page it */
.bk-days{display:flex;align-items:center;gap:6px;margin:0 -6px 22px}
.bk-days.fit .bk-arrow{display:none}
.bk-arrow{flex:0 0 28px;height:28px;padding:0;border:0;border-radius:50%;background:none;color:#0B0C10;font:400 24px/26px "Cera Pro",sans-serif;cursor:pointer;transition:background .15s,opacity .15s}
.bk-arrow:disabled{opacity:.2;cursor:default}
.bk-strip{position:relative;flex:1;min-width:0;display:flex;align-items:stretch;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:12px 6px 2px}
.bk-strip::-webkit-scrollbar{display:none}
.bk-chip{position:relative;flex:0 0 72px;height:72px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;border:1px solid #E4E5DF;border-radius:12px;background:#fff;color:#0B0C10;font-family:"Cera Pro",sans-serif;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}
.bk-chip b{font:400 13px/1 "Cera Pro",sans-serif;color:#6B6F76}
.bk-chip span{font:500 16px/1.1 "Cera Pro",sans-serif;white-space:nowrap}
.bk-chip i{position:absolute;top:-9px;left:50%;transform:translateX(-50%);padding:3px 7px;border-radius:999px;background:#0B0C10;color:#FBFF00;font:500 10px/1 "Cera Pro",sans-serif;font-style:normal;letter-spacing:.02em;white-space:nowrap}
.bk-chip:active:not(:disabled){transform:scale(.96)}
.bk-chip.on{background:#FBFF00;border-color:#0B0C10}
.bk-chip.on b{color:#0B0C10}
.bk-chip.off{cursor:default;background:#F7F7F4;border-color:#F7F7F4;color:#BDBFB8}
.bk-chip.off b{color:#C9CBC2}
.bk-chip.off i{background:#E4E5DF;color:#6B6F76}
.bk-more{flex:0 0 72px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;border:1px dashed #BDBFB8;border-radius:12px;background:none;color:#0B0C10;font:500 13px/1.15 "Cera Pro",sans-serif;text-align:center;cursor:pointer;transition:border-color .15s}
.bk-more span{color:#6B6F76;font-weight:400;font-size:12px}
@media (hover:hover){.bk-arrow:hover:not(:disabled){background:#F4F5F2}.bk-chip:hover:not(:disabled):not(.on){border-color:#0B0C10}.bk-more:hover{border-color:#0B0C10}}   /* touch screens keep :hover after a tap */

/* time grid: the selected day only */
.bk-pane{animation:bkin .22s ease both}
.bk-pane h2{font-size:21px}
.bk-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 16px;color:#5D616B;font:400 14.5px "Cera Pro",sans-serif}
.bk-tz select{-webkit-appearance:none;appearance:none;field-sizing:content;margin:0;padding:3px 20px 3px 4px;border:0;border-radius:6px;background:transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" fill="none" stroke="%230B0C10" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') right 5px center/10px no-repeat;color:#0B0C10;font:500 14.5px "Cera Pro",sans-serif;cursor:pointer}
.bk-tz select:hover{background-color:#F4F5F2}
.bk-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bk-time{min-height:52px;padding:0 6px;background:#fff;border:1.5px solid #D9DBD3;border-radius:12px;color:#0B0C10;font:500 16px "Cera Pro",sans-serif;cursor:pointer;transition:border-color .12s,background .12s,transform .1s}
.bk-time:hover{border-color:#0B0C10}
.bk-time:active{transform:scale(.97)}
.bk-time.on{background:#FBFF00;border-color:#FBFF00}
@keyframes bkin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
/* loading skeleton */
.bk-skel .sk{display:block;border-radius:10px;background:linear-gradient(90deg,#F1F2EC 25%,#E5E7E0 50%,#F1F2EC 75%);background-size:200% 100%;animation:bksk 1.2s ease-in-out infinite}
.bk-skel-strip{display:flex;gap:4px;margin:0 22px 22px;overflow:hidden}
.bk-skel .sk-chip{flex:0 0 66px;height:76px;border-radius:999px}
.bk-skel .sk-h{width:46%;height:24px;margin-bottom:10px}
.bk-skel .sk-s{width:36%;height:15px;margin-bottom:18px}
.bk-skel .sk-time{height:52px;border-radius:12px}
@keyframes bksk{from{background-position:100% 0}to{background-position:-100% 0}}
/* confirm card */
.bk-confirm .qf-back{color:#5D616B;margin-bottom:12px}
.bk-confirm .qf-back:hover{color:#0B0C10}
.bk-card{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px;padding:16px;border:1.5px solid #E1E3DC;border-radius:14px;animation:bkin .22s ease both}
.bk-av{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#0B0C10;object-fit:cover}
.bk-when{margin:0 0 2px;color:#5D616B;font:400 14.5px "Cera Pro",sans-serif}
.bk-card h2{font-size:26px}
.bk-card h2 span{color:#6B6F76;font-size:15px;font-weight:400}
.bk-meta{margin:4px 0 0;color:#3B3F47;font:400 15px "Cera Pro",sans-serif}
.bk-zoom{display:flex;align-items:center;gap:7px;margin:10px 0 0;color:#0B0C10;font:500 14px "Cera Pro",sans-serif}
.bk-who{margin:0 0 6px;padding:12px 14px;background:#F4F5F2;border-radius:10px;font:400 15px/1.5 "Cera Pro",sans-serif;color:#3B3F47}
.bk-who b{font-weight:500;color:#0B0C10}
.bk-later{margin:14px 0 0;color:#6B6F76;font:400 14px/1.4 "Cera Pro",sans-serif}
.bk-later .bk-more-link{display:inline;flex:none;height:auto;border:0;border-radius:0;background:none;padding:0 0 0 4px;color:#0B0C10;font:500 14px "Cera Pro",sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bk-edit{background:none;border:0;color:#0B0C10;text-decoration:underline;cursor:pointer;font:inherit;padding:0 0 0 6px}
.bk-cta{margin-top:8px}
.qf-page .bk-cta .qf-next{width:100%;padding:16px 26px}
.bk .qf-field span{color:#3B3F47}
.bk .qf-field input{background:#fff;border-color:#D9DBD3;color:#0B0C10}
.bk .qf-field input:focus{border-color:#0B0C10}
.bk .qf-err{color:#B23A24}
.bk .qf-legal,.bk .qf-legal a{color:#6B6F76}
/* success, shown briefly before the redirect */
.bk-done{padding:34px 6px 30px;text-align:center}
.bk-done p{margin:8px 0 0;color:#5D616B;font:400 15px "Cera Pro",sans-serif}
.bk-tick{display:block;width:64px;height:64px;margin:0 auto 16px;overflow:visible}
.bk-tick circle{fill:#FBFF00;transform-origin:center;animation:bkpop .38s cubic-bezier(.2,1.4,.4,1) both}
.bk-tick path{fill:none;stroke:#0B0C10;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:bkdraw .32s .26s ease forwards}
@keyframes bkpop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes bkdraw{to{stroke-dashoffset:0}}
.bk-empty{padding:30px 6px;text-align:center;color:#5D616B;font:400 15px "Cera Pro",sans-serif}
.bk-empty a{color:#0B0C10}
.qf-cal.bk-embed{padding:0}
@media (prefers-reduced-motion:reduce){.bk *{animation:none!important;transition:none!important}.bk-tick path{stroke-dashoffset:0}}
/* mobile first: tighter card, swipe strip, sticky Confirm */
@media (max-width:640px){
  .qf-page .qf-cal.bk:not(.bk-embed){min-height:0!important;padding:18px 14px}
  .bk-days{margin:0 -4px 18px;gap:4px}.bk-arrow{flex-basis:24px;height:24px;line-height:22px;font-size:22px}
  .bk-strip{gap:6px}.bk-chip,.bk-more{flex-basis:64px;height:68px}.bk-skel-strip{margin:0 18px 18px}
  .bk-times{gap:8px}.bk-time{min-height:50px;font-size:15px}
  .bk h2{font-size:21px}.bk-card h2{font-size:23px}.bk-card{padding:14px;gap:12px}
  .bk-cta{position:sticky;bottom:0;z-index:2;margin:8px -14px 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #EEEFEA}
}
.qf-geo{padding-top:10px}.qf-geo .qf-next{display:inline-block;text-decoration:none}
@media (max-width:380px){.bk-strip{gap:5px;padding-left:2px;padding-right:2px}.bk-chip,.bk-more{flex-basis:58px;height:64px}.bk-chip span{font-size:15px}}
/* QA fixes 2026-11-04: outside-area screen gets a way back; "just taken" notice above the reloaded times */
.qf-geo-fix{margin-top:18px;color:rgba(255,255,255,.7);font:400 14px "Cera Pro",sans-serif}
.qf-geo-back{background:none;border:0;padding:0;color:#FBFF00;font:inherit;text-decoration:underline;cursor:pointer}
.bk-notice{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#FFF4E5;color:#8A4B00;font:400 14px "Cera Pro",sans-serif}
.bk-plg{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 0;padding:16px 0 0;border-top:1px solid #E6E7EA}
.bk-plg p{margin:0;font:400 14px/1.45 "Cera Pro",sans-serif;color:#5D616B}
.bk-plg p b{font-weight:500;color:#0B0C10}
.bk-plg-go{flex:0 0 auto;font:500 14.5px "Cera Pro",sans-serif;color:#0B0C10;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.bk-plg-go span{display:inline-block;transition:transform .15s}.bk-plg-go:hover span{transform:translateX(3px)}
.bk-plg.big{flex-direction:column;gap:14px;border:0;margin-top:18px;padding:0}
.bk-plg.big .bk-plg-go{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:3px;background:#FBFF00;text-decoration:none}
@media (max-width:640px){.bk-plg{flex-direction:column;align-items:flex-start;gap:8px}}
/* ---- one screen, no scrolling (Dan, 2026-11-05): no header, no photo on phones, compact steps. tools/funnel_test/fold.cjs checks it */
.qf-demo-note{margin:0 0 20px;padding:10px 14px;border-radius:10px;background:#FBFF00;color:#0B0C10;font:500 14px/1.4 "Cera Pro",sans-serif}
.qf-demo-note a{color:#0B0C10;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* confirm step: the card says when, so the page heading steps aside */
.qf-main:has(.bk-confirm)>.qf-eyebrow,.qf-main:has(.bk-confirm)>.qf-q,.qf-main:has(.bk-confirm)>.qf-sub{display:none}
/* fields never push the column wider than the screen */
.qf-main,.qf-field{min-width:0}.qf-field input{width:100%;box-sizing:border-box}
/* contact forms on wider screens: two fields per row (first | last, company | email, phone) */
@media (min-width:641px){.bk-form>.qf-field:first-child:has(+ .bk-err){grid-column:1/-1}.qf-form{grid-template-columns:1fr 1fr;column-gap:16px}.qf-form .qf-row{display:contents}.qf-form>:not(.qf-field){grid-column:1/-1}.qf-form>.qf-hp{grid-column:auto}}
@media (min-width:641px) and (max-height:860px){
  .qf-multi .qf-opt{padding:10px 14px;font-size:15px}.qf-demo-note{margin-bottom:12px;padding:7px 12px}
  .qf-eyebrow{margin-bottom:12px}.qf-bar{margin-bottom:22px}.qf-q{font-size:30px}.qf-sub{margin-bottom:14px;font-size:16px}
  .qf-opts{margin-top:14px;gap:8px}.qf-opt{padding:12px 14px}.qf-actions{margin-top:18px}
  .qf-form{gap:12px;margin-top:12px}.qf-field{gap:5px}.qf-field input{padding:11px 14px;font-size:16px}
  .qf-book .qf-q{font-size:32px}.qf-book .qf-sub{margin-bottom:14px}.qf-cal.bk{padding:18px 22px}
  .bk-days{margin-bottom:14px}.bk-sub{margin:4px 0 12px}.bk-time{min-height:46px}.bk-plg{margin-top:14px;padding-top:12px}
  .qf-main:has(.bk-confirm)>.qf-sub{display:none}
}
@media (max-width:640px){
  .qf{justify-content:flex-start;padding:14px 16px calc(14px + env(safe-area-inset-bottom))}
  .qf-side,.qf-eyebrow{display:none}
  .qf-top{min-height:24px;margin-bottom:6px}.qf-bar{margin-bottom:16px}
  .qf-q{font-size:23px;margin-bottom:4px}.qf-sub{font-size:14.5px;margin:0 0 8px}
  .qf-opts{margin-top:12px;gap:8px}.qf-opts.qf-multi{grid-template-columns:1fr 1fr}
  .qf-opt{gap:9px;padding:11px 12px;border-radius:10px;font-size:15px;line-height:1.3}.qf-lab small{margin-top:1px;font-size:12.5px}
  .qf-multi .qf-opt{padding:10px;font-size:14px}.qf-tick{flex-basis:16px;height:16px}
  .qf-actions{margin-top:14px}.qf-page .qf-next{width:100%;padding:13px 20px}
  .qf-form{gap:9px;margin-top:8px}.qf-row{grid-template-columns:1fr 1fr;gap:9px}.qf-field{gap:4px}.qf-field span{font-size:13px}
  .qf-field input{padding:10px 12px;font-size:16px}.qf-legal{font-size:12px}
  .qf-demo-note{margin-bottom:10px;padding:6px 10px;font-size:12px;line-height:1.35}
  .qf-multi .qf-tick{display:none}.qf-multi .qf-opt.on{box-shadow:inset 0 0 0 1px #FBFF00}   /* "Pick all that apply" + the yellow border say it */
  .bk-av{flex-basis:40px;width:40px;height:40px}.bk-meta{font-size:14px;line-height:1.35}.bk .qf-form{gap:8px}
  /* booking: heading + card only, smaller chips and times */
  .qf-book .qf-q{font-size:22px;margin-bottom:12px}.qf-book .qf-sub{display:none}
  .qf-page .qf-cal.bk:not(.bk-embed){padding:12px 12px}
  .bk-days{margin-bottom:10px}.bk-strip{padding-top:10px}.bk-chip,.bk-more{height:58px}
  .bk-pane h2,.bk h2{font-size:18px}.bk-sub{margin:2px 0 10px;font-size:13.5px}.bk-tz select{font-size:13.5px}
  .bk-times{gap:7px}.bk-time{min-height:42px;font-size:14.5px}
  .bk-plg{margin-top:12px;padding-top:10px;gap:4px}.bk-plg p{font-size:13px}
  .qf-main:has(.bk-confirm)>.qf-q{display:none}
  .bk-confirm .qf-back{margin-bottom:6px}.bk-card{margin-bottom:10px;padding:12px}.bk-card h2{font-size:21px}.bk-zoom{margin-top:6px}
  .bk-who{padding:9px 12px;font-size:14px}.bk-cta{position:static;margin:6px 0 0;padding:0;border:0}
  .bk .qf-form{margin-top:4px}
}
@media (max-width:640px) and (max-height:600px){
  #qf-app:has(.qf-form) .qf-sub,.bk-zoom,.bk-meta{display:none}.bk-when{font-size:13.5px}.qf-form .qf-field span{font-size:12px}.qf-multi .qf-opt{font-size:13.5px;line-height:1.22}.qf-lab small{display:none}
  .qf-form{gap:6px}.qf-legal{margin:0;font-size:11.5px}.qf-dn-long{display:none}.qf-demo-note{white-space:nowrap;font-size:11.5px;margin-bottom:8px}
  .qf-top{min-height:20px;margin-bottom:4px}.qf{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.bk-card{margin-bottom:8px}.bk-confirm .qf-back{padding:0}.qf-sub{margin-bottom:4px}.qf-field input{padding:8px 11px}.bk .qf-form{gap:6px}.bk-card{padding:10px}.bk-card h2{font-size:19px}.bk-confirm .qf-back{margin-bottom:4px}
  .qf-bar{margin-bottom:12px}.qf-q{font-size:21px}.qf-opts{margin-top:10px;gap:7px}.qf-opt{padding:9px 11px}.qf-multi .qf-opt{padding:8px 10px}
  .qf-actions{margin-top:10px}.qf-page .qf-next{padding:12px 20px}.qf-field span{font-size:12.5px}.qf-field input{padding:9px 11px}
  .bk-av{display:none}.bk-meta{font-size:14px}
}